@charset "utf-8";
/* CSS Document */

.vtabi_box > .contents > div > .article_photo li span {
	display: block;
	width: 100%;
	overflow: hidden;
}
span.h_125 { height: 125px; }
span.h_144 { height: 144px; }
span.h_150 { height: 150px; }
span.h_160 { height: 160px; }


.bg_white{
	background-color: #fff;
}

/*-----------ふっこう割-----------*/
.txt_blgr {color: #11b5b4;}
.font12 {font-size: 1.2em;}
.w-bld {font-weight: bold;}
.font09 {font-size: 0.9em;}

/*-----------ぐんまアフターDC 2021-----------*/
.wrap_afterdc {
	background: #e9f4dc;
	margin: 30px auto 25px;
	padding: 20px 0;
}
.inner_afterdc {
	background: #fffbf0;
	display: block;
	border: 1px solid #eb9252;
	border-radius: 6px;
	padding: 3px 7px 6px;
	font-weight: bold;
	color: #73503e;
}
.inner_afterdc + .inner_afterdc {
	margin-top: 8px;
}
.inwrap {display: block;}
.inwrap+.inwrap {margin-top: 6px;}
.pttl_afterdc {
	background: #eba371;
	color: #fff;
	padding: 3px 4px 3px 5px;
	border-radius: 3px;
}
.tx_afterdc {
	display: block;
	padding: 1px 2px 0;
}
.plan_afterdc {
	border-bottom: 1px dashed;
	display: block;
	padding: 0px 2px 1px;
	margin-bottom: 8px;
	text-align: center;
	font-size: 1.26rem;
}
@media screen and (max-width: 568px) {
	.wrap_afterdc {padding: 0;}
}

/*----- 水上SPレート 2024.10追加 -----*/
:root {
	--blu: #2a4198;
	--pk: #ff9aa4;
}
.minakami h2 .txt_color {
	position: relative;
}
.minakami h2 .txt_color::before {
	position: absolute;
	content: "";
	display: block;
	background: url(/content/dam/jretravel/site/page/nkanto/images/ic_nkanto_sprate_01.png) no-repeat 50% 50%;
	margin: auto;
	top: -46px;
	bottom: 0;
	background-size: contain;
	width: 19px;
	height:17px;
	left: -15px;
	transform: rotate(-9deg);
}
.minakami .feature .section h2 {
	font-size: 2.4rem;
	border-bottom: solid 2px var(--blu);
	display: block;
	text-align: center;
	padding-bottom: 10px;
}
.minakami .txt_color {
	color: var(--blu);
}
.minakami .feature .section h2 .txt_large {
	font-size: 3.8rem;
}
.coupon_term dl:first-child {
	display: flex;
}
.coupon_term dl:nth-child(2) {
	margin-top: 10px;
}
.coupon_term dl {
	font-weight: bold;
}
.coupon_term .txt_normal {
	font-weight: normal;
}
.coupon_term .under_line {
	display: inline;
}
.minakami .btn_01,
.bg_blu .btn_01 {
	width: 40%;
	text-align: center;
	margin-inline: auto;
}
.minakami .btn_01 a,
.bg_blu .btn_01 a
{
	background-color: var(--blu);
	color: #fff;
	padding: 10px 0px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	position: relative;
}
.bg_blu .btn_01 a:hover
{
	opacity: .7;
}
.minakami .btn_01 a::after,
.bg_blu .btn_01 a::after
{
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 24px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.minakami .btn_01:hover {
	opacity: .7;
}
/* .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container .swiper-button-next.swiper-button-disabled, .swiper-container .swiper-button-prev.swiper-button-disabled {
	display: none;
} */

/*----- 群馬ページにSPレート 2024.10追加 -----*/
.bg_blu {
	background-color: #dfe3f6;
}
.bg_blu .feature .section h2 {
	font-size: 2.4rem;
	color: var(--blu);
}


/* ----------PCのみ---------- */
@media screen and (min-width: 768px) {
	.br_sp {
		display: none;
	}
	.coupon_term .tx_small.txt_normal {
		padding-left: 6px;
	}
	.coupon_term .under_line2, .coupon_term .under_line {
		/* background: linear-gradient(transparent 55%, #ffb2b24d 55%); */
		background: linear-gradient(transparent 55%, #ffeaba 55%);
	}
}
/* ----------SPのみ---------- */
@media screen and (max-width: 767px) {
	.minakami .feature .section h2,
	.bg_blu .feature .section h2 {
		font-size: 2.2rem;
	}
	.bg_blu .feature .section h2 {
		text-align: center;
		margin: 0 auto;
	}
	.minakami .feature .section h2 .txt_large {
    font-size: 3.0rem;
	}
	.minakami h2 .txt_color::before {
		top: -33px;
		width: 18px;
		height:17px;
		left: -15px;
	}
	.minakami .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
		width: 80% !important;
	}
	.coupon_term dl:first-child {
		flex-direction: column;
	}
	.coupon_term dl:nth-child(2) dd {
		display: grid;
		grid-template-columns: 0.3fr 2fr;
	}
	.coupon_2 .logo {
		grid-row: 1 / 3;
		grid-column: 1 / 2;
	}
	.coupon_term .under_line {
		/* background: linear-gradient(transparent 55%, #ffe0e3 55%); */
		display: inline;
		text-decoration: underline;
		text-underline-offset: -0.2em;
		text-decoration-thickness: 0.6em;
		/* text-decoration-color: rgba(255, 178, 178, 0.3); */
		text-decoration-color: rgba(255, 234, 186, 1);
		text-decoration-skip-ink: none;
	}
	.coupon_term .txt_normal.under_line2 {
		display: block;
		grid-row: 2 / 3;
    grid-column: 2 / 3;
		background: #fff;
	}
	.coupon_term .tx_small.txt_normal {
		grid-row: 3 / 4;
    grid-column: 2 / 3;
	}
	.minakami .btn_01,
	.bg_blu .btn_01 {
		width: 100%;
		padding: 8px 20px;
	}
}

/*----- 北関東ページ　旅せよ平日 2024.11追加 -----*/
#weekday .title .section.flex_box {
  position: relative;
}
#weekday .title .section.flex_box::before,
#weekday .title .section.flex_box::after {
  content: "";
  display: inline-block;
  position: absolute;
  background: #f28d00;
  width: 25%;
  height: 2px;
  top: calc(50% - 1px);
}
#weekday .title .section.flex_box::before {
  left: 0;
}
#weekday .title .section.flex_box::after {
  right: 0;
}
#weekday .title .section.flex_box a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48%;
  margin: 20px auto 10px;
}
.logo_h2 {
  width: 120px;
  margin-right: -20px;
}
.logo_h2 img:hover {
  opacity: 1;
}
#weekday .title .section.flex_box a h2 {
  font-size: 2.4rem;
  text-align: center;
}
.top .section.dot_orange h3 {
  color: #f28d00;
  background: #fff;
  font-weight: bold;
  margin: 10px 0 20px;
  padding: 5px;
  border-bottom: 2px dotted;
  border-radius: 0;
  width: 100%;
}
.tx_orange {
  color: #f28d00;
}
.tx_blue {
  color: #0063a5;
}
.tx_short {
  letter-spacing: -0.15rem;
}
#weekday .btn01_rt {
  width: 40%;
  margin: 20px auto;
}
#weekday .btn01_rt a:hover {
  text-decoration: none;
}
.btn_orange a {
  background: #e98800;
  display: block;
  padding: 0;
  font-weight: bold;
}
#weekday .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#weekday .swiper-container .swiper-button-next.swiper-button-disabled,
#weekday .swiper-container .swiper-button-prev.swiper-button-disabled {
  display: inline-block;
}
#weekday .outside_txt {
  background: #fff4e4;
  border: 1px solid #f28d00;
  padding: 5px 10px;
}
.base_prod .hotel.area_blue li>a .img_box::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: #0063a5;
  width: 120px;
  height: 30px;
  top: 0;
  left: 0;
}
.base_prod .hotel.area_blue li>a .details_box>.area {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 6px 8px;
  background: none;
}
/*SP*/
@media screen and (max-width: 767px) {
  #weekday .title .section.flex_box::before,
  #weekday .title .section.flex_box::after {
    display: none;
  }
  #weekday .title .section.flex_box a {
    width: 100%;
  }
  .logo_h2 {
    width: 70px;
    margin-right: 0;
  }
  #weekday .title .section.flex_box a h2 {
    font-size: 1.8rem;
    margin: 0 10px 0 0;
  }
  .top .section.dot_orange h3 {
    margin: 10px 10px 15px;
    width: 94%;
    font-size: 1.6rem;
  }
  #weekday .btn01_rt {
    width: 100%;
    margin: 10px auto;
    padding: 8px 20px;
    background: none;
  }
  .btn_orange a {
    padding: 10px;
  }
  .btn_orange::after {
    right: 14%;
  }
  .swiper-container:has(> .sp_1col) {
    padding: 0 10px;
  }
  .sp_1col li.swiper-slide {
    width: 94.5vw !important;
  }
  .base_prod .hotel.area_blue li>a .details_box>.area {
    top: 1%;
    left: 2%;
  }
}

/*----- 群馬ページ　旅せよ平日 2024.12追加 -----*/
.bg_weekday {
  background: #fffce5;
}
#weekday .top .section h2 {
  font-size: 2.4rem;
  margin: 20px auto 0;
}
/*SP*/
@media screen and (max-width: 767px) {
  #weekday .top .section h2 {
    font-size: 2rem;
  }
}

/*----- 北関東・群馬ページ水上SPレート 2025.06追加 -----*/
:root {
	--blu: #007dc4;
}
.minakami .title.feature .underline
{
	background: linear-gradient(transparent 55%, #ffeaba 55%);
	display: inline-block;
	font-weight: bold;
}
.minakami .plan_limited .details_box .txt .underline
{
	font-weight: bold;
	color: var(--blu);
}
.minakami .feature .section h2 {
	position: relative;
	/* font-style: italic; */
	/* display: inline-block; */
	color: #007dc4;
	font-weight: bold;
	font-size: 2.6rem;
	/* right: 3%;
	top: -10%;
	transform: rotate(8deg); */
}
.minakami .feature .section h2::before, .minakami .feature .section h2::after
{
	position: absolute;
	display: inline-block;
	content: "";
	background: #007dc4;
	width: 2px;
	height: 3.3rem;
	/* margin: 0 1em; */
	/* margin-top: -.2em; */
	vertical-align: middle;
}
.minakami .feature .section h2::before {
	transform: rotate(-35deg);
	margin: 0 -2em;
	bottom: 0.55em;
}
.minakami.gunma .feature .section h2::before {
  bottom: 0.15em;
}
.minakami .feature .section h2::after {
	transform: rotate(35deg);
	margin: 0 1em;
}

.minakami .feature .section h3 {
	background-color: transparent;
	text-align: center;
	border-bottom: none;
	color: var(--blu);
	position: relative;
}
.minakami .feature .section h3::before,
.minakami .feature .section h3::after
 {
	position: absolute;
	content: "▼";
	display: inline-block;
	font-size: 1.4rem;
	top: 9px;
}
.minakami .feature .section h3::before
 {
	margin: 0 -2rem;
}
.minakami .feature .section h3::after
 {
	margin: 0 0.3rem;
}
.minakami .plan_limited .details_box .txt {
	/* border: solid 1px var(--blu); */
	border-radius: 6px;
	padding: 10px;
	background-color: #e5f2f9;
}
.minakami .plan_limited .base_prod {
	margin-bottom: 0.5%;
}
.minakami .plan_limited .base_prod.bdr li {
	border-color: var(--blu);
}
.minakami .plan_limited .center_box .textitem {
	position: relative;
	text-align: left;
	padding-left: 18px;
}
.minakami .plan_limited .center_box .textitem::before,
.minakami .plan_limited .center_box .textitem::after
 {
	position: absolute;
  content: "";
}
.minakami .plan_limited .center_box .textitem::before {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: var(--blu);
	top: 0.3rem;
	left: 0.1rem;
	border-radius: 50%;
}
.minakami .plan_limited .center_box .textitem::after {
	display: inline-block;
	width: .6rem;
	height: .6rem;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	top: .7rem;
	left: .45rem;
	transform: rotate(45deg);
}
.minakami .info_sprate {
	padding: 10px 20px;
	background-color: #f4f9fc;
	border-radius: 8px;
}
.minakami .info_sprate p:first-child {
	display: flex;
	align-items: center;
	margin: 10px auto;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: bold;
}
.minakami .info_sprate img {
	height: 30px;
	width: auto;
	margin-right: 5px;
}
.minakami .info_sprate ul li {
	position: relative;
	padding-left: 12px;
}
.minakami .info_sprate ul li::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: var(--blu);
	width: 8px;
	height: 8px;
	border-radius: 4px;
	top: 8px;
	left: 0;
}
/* ----------PCのみ---------- */
@media screen and (min-width: 768px) {
	.br_sp {
  display: none;
	}
	.minakami .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.minakami .swiper-container .swiper-button-next.swiper-button-disabled,
	.minakami .swiper-container .swiper-button-prev.swiper-button-disabled {
		display: none;
	}
}
/* ----------SPのみ---------- */
@media screen and (max-width: 767px) {
	.minakami .feature .section h2 {
		font-size: 2.2rem;
	}
	.minakami .feature .section h2::before {
		margin: 0px -2em;
    top: 1.1em;
	}
	.minakami .feature .section h2::after {
    top: 1.1em;
	}
	.minakami .feature .section h3 {
		font-size: 1.8rem;
	}
	.minakami .feature .section h3::before, .minakami .feature .section h3::after {
		font-size: 1.2rem;
	}
	.minakami .plan_limited .center_box .textitem::before {
		top: 0.2rem;
	}
	.minakami .plan_limited .center_box .textitem::after {
		top: .6rem;
	}
	.minakami .info_sprate {
		padding: 10px;
		margin: 0 10px;
	}
}
/* 群馬ページ */
.minakami.gunma {
	border: solid 2px var(--blu);
}
.minakami.gunma .feature .section h2 {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
@media screen and (max-width: 767px) {
	.minakami.gunma {
		margin: 0 6px;
	}
	.minakami.gunma .feature .section h2::before {
		margin: 0px -1.8em;
	}
	.minakami .feature .section h2::after {
		margin: 0 0.8em;
	}
}