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

/*----- ナビ アイコン修正 -----*/
.renew .naviArea .nav_couple li a[href="#theme"]
	{
		background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav09.png") no-repeat center 11% / 40%;
	}
.renew .naviArea .nav_couple li a[href="#hotspring"]
	{
		background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav08.png") no-repeat center 20% / 40%;
	}
.renew .naviArea .nav_couple li a[href="#area"] {
	background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav10.png") no-repeat center 14% / 29%;
}
.renew .naviArea .nav_couple li a[href="#feature"] {
	background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav11.png") no-repeat center 12% / 28%;
}
/*----- コンポーネント内 -----*/
.renew .base_prod .hotel li {
	padding: 0;
	border-radius: 4px;
}
.renew .details_box, .outside_txt {
	padding: 0 10px 10px ;
}
.renew .base_prod .hotel li>a .img_box img {
	border-radius: 3px 3px 0 0;
}
.renew .base_prod .hotel li>a .details_box>.area
{
	position: absolute;
	width: 100%;
	bottom: 100%;
	left: 0;
	margin-bottom: -62%;
	background: linear-gradient(transparent 0%, rgba(41, 41, 41, 0.6) 40%);
	padding: 1em 10px 0.5em;
}

.hotspring .outside_txt {
	border: solid 1px #ffa66e;
	position: relative;
	margin: 0 10px 10px;
	border-radius: 4px;
	padding: 10px 10px 10px;
}
.hotspring .outside_txt::before {
  content: "";
  width: 70px;
  height: 3px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 15%;
  transform: translateX(-50%);
}
.hotspring .outside_txt p {
	position: relative;
}
.hotspring .outside_txt p::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: url(/content/dam/jretravel/site/page/feature/couple/images/ic_nav02.png) no-repeat 50% 50% / 100%;
	background-size: contain;
	width: 20px;
	height: 38px;
	top: -31px;
	left: 6px;
}
.hotspring .outside_txt p::after {
	content: "point!";
	display: inline-block;
	position: absolute;
	width: 36px;
	height: 20px;
	top: -23px;
	left: 32px;
	color: #ffa66e;
}

/* コンポーネント 2022の修正 */
.box_s_content {
	padding: 10px;
	margin: 0;
}
.box_s_content .base_prod .hotel li {
	padding: 0;
}

/*----- 温泉旅行 特集-----*/
.invalid {
	display: block;
}
.feature_onsen2 {
	display: flex;
}
.feature_onsen2 .tyo_destination_banner .listitem a {
	flex-direction: column;
}
.feature_onsen2 .tyo_destination_banner .textitem::before, .feature_onsen2 .tyo_destination_banner .textitem::after {
	position: absolute;
	content: "";
	z-index: 10;
}
.feature_onsen2 .tyo_destination_banner .imageitem,
.feature_onsen2 .tyo_destination_banner .textitem {
	width: 100%;
}
.feature_onsen2 .tyo_destination_banner .textitem::before {
	width: 1.8rem;
	height: 1.8rem;
	background: rgba(255, 255, 255, .9);
	border-radius: 50%;
	bottom: 3.1rem;
	right: 0.8rem;
}
.feature_onsen2 .tyo_destination_banner .textitem::after {
	width: 0.8rem;
	height: 0.8rem;
	bottom: 3.6rem;
	right: 1.4rem;
	border-top: 2px solid #3d3d3d;
	border-right: 2px solid #3d3d3d;
	transform: rotate(45deg);
}
.feature_onsen2 .tyo_destination_banner .imageitem img {
	border-radius: 4px;
}
.feature_onsen2 .tyo_destination_banner .listitem a {
	background-color: transparent;
}
.feature_onsen2 {
	display: flex;
}
.feature_onsen2 .banner {
	width: calc(100% / 4)!important;
}
.feature_onsen2 .tyo_destination_banner .listitem a {
	flex-direction: column;
}

.feature_onsen2 .tyo_destination_banner .listitem {
	position: relative;
}
.feature_onsen2 .tyo_destination_banner .titleitem {
	position: absolute;
	top: 5%;
	left: 5%;
	font-size: 1.6rem;
	color: #fff;
	-webkit-filter: drop-shadow(0 0 4px #121212);
	filter: drop-shadow(0 0 4px #121212);
}
.feature_onsen2 .tyo_destination_banner .textitem {
	padding: 6px 0 0;
}

.feature_onsen2 .tyo_destination_banner .textitem::before {
	bottom: 19%;
}
.feature_onsen2 .tyo_destination_banner .textitem::after {
	bottom: 21.5%;
}
.feature_onsen2 .tyo_destination_banner:first-child .textitem::before {
	bottom: 26.5% !important;
}
.feature_onsen2 .tyo_destination_banner:first-child .textitem::after {
	bottom: 29% !important;
}
.feature_onsen2 .tyo_destination_banner .leaditem {
	font-size: 1.3rem;
	line-height: 1.5;
}
.renew .wrap_onsen .box_onsen:first-child {
	flex-direction: column;
	width: calc((100% - 30px) / 4);
}
.renew .wrap_onsen .box_onsen:first-child a {
	width: 100%;
	margin-right: 10px;
}
.wrap_onsen .box_onsen a::before,
.wrap_onsen .box_onsen a::after {
	z-index: 1;
}
/*----- エリアから探す -----*/
.area_container {
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
	justify-content: flex-start;
}

div:has(> .area_box) {
	width: calc((100% - 10px* 1) / 2) !important; /*SP時のみ*/
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	display: flex !important;
	flex-direction: column;
}
.area_box {
	margin: 0 0;
	display: flex;
	flex-direction: column;
	flex: 1 auto;
}
.area_box > div.text {
	flex: 1 auto;
}
.area_box .jretravel-image img {
	border-radius: 3px 3px 0 0;
}
.area_txt p {
	padding: 10px;
}
.area_txt p:first-child {
	position: relative;
	margin-top: -40px;
	color: #fff;
	text-align: right;
	padding: 10px 10px 6px;
	background: linear-gradient(to bottom, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.4) 50%, rgba(26, 26, 26, 0.7) 100%);
	/* background: linear-gradient(transparent, rgba(0, 0, 0, 0.6) 80%); */
	text-shadow: 1px 1px 1px #000;
}
.area_txt p:nth-child(2) {
	padding-bottom: 0px;
}
.area_txt p:last-child {
	padding-top: 6px;
}

.area_box .base_prod .hotel li>a .details_box>.ttl {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	text-align: center;
	display: block;
	color: #664e3d;
	border: 2px solid #664e3d;
	background: #fff;
	padding: 4%;
	border-radius: 4px;
	font-weight: bold;
}
.area_box .base_prod .hotel li>a .details_box>.ttl:hover {
	background: #faeee6;
}
.base_prod .hotel li>a:hover, ul[class*="listitem"] a:hover, .base_prod .hotel li>a:hover {
	opacity: 1;
}
.area_container.aem-Grid::before {
	content: none !important;
}

.renew .area .textitem, .area_box .area_txt p:nth-child(2) {
	position: relative;
	padding-left: 32px;
	font-size: 1.6rem;
}
.renew .center_box.area .textitem {
	padding-left: 22px;
}
.renew .area .textitem, .area_box .area_txt p:nth-child(2) a {
	color: #222;
}
.renew .area .textitem:hover, .area_box .area_txt p:nth-child(2) a:hover {
	text-decoration: underline;
}
.renew .area .textitem::before,
.area_box .area_txt p:nth-child(2)::before {
	background-color: #f16a7d;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	left: -1px;
	top: 3px;
}
.renew .center_box.area .textitem::before {
	top: 5.5px;
}
.area_box .area_txt p:nth-child(2)::before {
	margin: 13px 10px 10px 10px;
}
.renew .area .textitem::after,
.area_box .area_txt p:nth-child(2)::after {
	margin: auto;
	bottom: 0;
	left: 13px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	top: 11px;
}
.renew .center_box.area .textitem::after {
	top: -0.5px;
	left: 3px;
}
.renew .area .textitem::before, .renew .area .textitem::after,
.area_box .area_txt p:nth-child(2)::before, .area_box .area_txt p:nth-child(2)::after {
	content: "";
	position: absolute;
	display: block;
}

/*----- テーマ タブメニュー -----*/
.tab_menu {
  display: flex;
  justify-content: space-between;
  border: solid 1px var(--nv);
  color: #664e3d;
  /* background-color: #fff; */
	gap: 10px;
}

.tab_btn {
  width: calc(100% / 5);
  text-align: center;
  padding: 8px 12px 16px 12px;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
	color: #664e3d;
	border-radius: 4px;
	background-color: #e3faf6;
	position: relative;
}
.tab_btn:not(.active)::before {
	position: absolute;
	inset: -5px 5px 5px -5px;
	border: solid 2px #2d8e7b;
	width: 100%;
	height: 100%;
	content: '';
	border-radius: 4px;
	display: block;
}
.tab_btn:hover {
  opacity: 0.7;
}
.tab_btn.active {
  background-color: var(--nv);
  color: #664e3d;
	background-color: #fff1e8;
}
.tab_btn.active::before {
	position: absolute;
	inset: -5px 5px 5px -5px;
	border: 2px solid #fda871;
	content: '';
	border-radius: 4px;
}
.txt_box {
  border: solid 2px var(--nv);
  border-radius: 6px;
  padding: 20px 60px;
  margin: 20px 0 60px;
}
.box_lead {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  color: var(--nv);
}
.txt_inner li {
  margin-top: 10px;
}
.tab_area {
  display: none;
}
.tab_area.show {
  display: block;
}
/*----- テーマ 再修正 -----*/
.renew.theme .base_prod .hotel {
	gap: 20px;
}
.renew.theme .base_prod.clm4 li {
	width: calc((100% - 20px* 3) / 4);
	box-shadow: 0px 0px 6px 3px rgba(237, 237, 237, 0.8);
}

/*----- ランキング修正 -----*/
.renew .box_rank {
	position: relative;
}
.renew .tx_rank {
	width: auto;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	z-index: 1;
	padding: 4px 6px 5px 10px;
	letter-spacing: .2rem;
	line-height: 1.2;
	position: absolute;
	top: -0.8rem;
	left: 1rem;
}
.renew .box_rank .tx_rank::first-letter {
	font-size: 2.5rem;
}
.renew .ranking > div:nth-of-type(1) .box_rank .tx_rank {
	background: #deba5f;
}
.renew .ranking > div:nth-of-type(2) .box_rank .tx_rank {
	background: #b3afad;
}
.renew .ranking > div:nth-of-type(3) .box_rank .tx_rank {
	background: #dc9668;
}
.renew .ranking > div:nth-of-type(n+4) .box_rank .tx_rank {
	background: #729db0;
}
.renew .ranking > div .box_rank .tx_rank::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8rem 0px 0 0.8rem;
	top: 1px;
	right: -0.8rem;
}
.renew .tx_rank::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .8rem -0px 0 .8rem;
	top: 1px;
	right: -.8rem;
}
.renew .ranking > div:nth-of-type(1) .box_rank .tx_rank::after {
	border-color: transparent transparent transparent #998042;
}
.renew .ranking > div:nth-of-type(2) .box_rank .tx_rank::after {
	border-color: transparent transparent transparent #807d7c;
}
.renew .ranking > div:nth-of-type(3) .box_rank .tx_rank::after {
	border-color: transparent transparent transparent #a8734f;
}
.renew .ranking > div:nth-of-type(n+4) .box_rank .tx_rank::after {
	border-color: transparent transparent transparent #527585;
}
.renew .wrap_slide .swiper .ranking {
	padding: 10px 0 0px;
}
.wrap_slide02 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/*----- 記事 -----*/

.bnr_box_1 > li .clm_lst_tag .clm_list_bnr a {
	padding: 0;
	margin-top: 0;
	border: none;
}
.bnr_box .clm_list_bnr a {
	margin: 0;
}

.border ul.bnr_box>li, .bnr_box_1 > li .clm_list_img, .bnr_box li a {
	display: flex;
}
.bnr_box li a img {
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 3px 0 0 3px;
}
.bnr_box .clm_list_bnr {
	padding: 0 10px;
}
.bnr_box_1 > li .clm_list_img, .bnr_box_1 > li .clm_lst_tag {
	width: 50% !important;
}
/* ----------PCのみ---------- */
@media screen and (min-width: 768px) {
	.br_sp {
		display: none;
	}
	/*----- ナビ アイコン修正 -----*/
	.renew .naviArea .nav_couple li a[href="#theme"] {
		background-position: 12px center;
		background-size: 22%;
	}
	.renew .naviArea .nav_couple li a[href="#hotspring"] {
		background-position: 11px center;
		background-size: 28%;
	}
	.renew .naviArea .nav_couple li a[href="#area"] {
		background-position: 13px center;
		background-size: 14%;
	}
	.renew .naviArea .nav_couple li a[href="#feature"] {
		background-position: 14px center;
		background-size: 16%;
	}
	/*----- 宿泊地から探す -----*/
	div:has(> .area_box) {
		width: calc((100% - 10px* 3) / 4) !important;
	}
	/*----- 記事 -----*/
	.bnr_box_1 > li .clm_lst_tag .clm_list_bnr a,
	.bnr_box .clm_list_bnr a {
		margin-top: 18px;
    padding: 6px 22px 6px 10px;
    border: 2px solid #664e3d;
    color: #664e3d !important;
    font-weight: bold;
    border-radius: 4px;
	}
}

/* ----------SPのみ---------- */
@media screen and (max-width: 767px) {
	.tab_menu {
		flex-wrap: wrap;
		margin: 0 auto;
		transform: translate(4px, 5px);
		width: 96%;
	}
	.tab_btn {
		width: calc(97% / 2);
		line-height: 1.2;
	}
	.tab_btn:last-child {
		padding: 18px 10px 26px 10px;
	}
	.tab_btn:nth-child(2n+1):last-child {
		width: 100%;
	}
	.hotspring .outside_txt::before {
		left: 16%;
	}
	/*----- 宿泊地から探す -----*/
	.area_container {
		margin: 0 10px;
	}
	.area_box .cmp-text {
		width: 100%;
	}
	div:has(> .area_box) {
		margin-bottom: 10px;
	}
	/*----- 記事 -----*/
	.bnr_box .clm_list_bnr {
		padding: 8px;
	}
	.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--6,
	.aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
	margin-left: 0;
	}
}

/*----- カルーセル -----*/
.renew .wrap_slide {
	margin-bottom: 0px;
}
/*.renew*/ .wrap_slide .swiper {
	overflow: hidden;
	position: relative;
	padding: 0 0 40px;
}
.renew .base_prod.bdr_btm li {
	border-bottom: none;
}
.renew .base_prod.side_box .hotel li>a .img_box {
	width: 100%;
}
.renew .base_prod.side_box .hotel li>a .details_box {
	width: 100%;
	margin-left: 0;
}
.renew .wrap_slide .swiper .swiper-wrapper .swiper-slide
{
  width: 100%;
}
.renew .wrap_slide .swiper .swiper-pagination {
  bottom: 0;
}
.renew .wrap_slide .cmn_contents {
  margin: auto;
}
.renew .base_prod {
  margin-bottom: 0;
}
.renew .clm_3 .cm_btn .base_prod.clm1 li, .renew .cm_btn .base_prod.side_box.clm1 li {
  padding: 0 10px;
}
/* ボックスの高さ揃え */
/*.renew*/ .wrap_slide .swiper .swiper-slide {
  height: auto;
}
/*.renew*/ .wrap_slide .swiper .swiper-slide .box_content,
/*.renew*/ .clm_3 .box_content {
  height: 100%;
	border: solid 1px #ccc;
	border-radius: 4px;
	background-color: #fff;
}
/* 商品コンポーネントのページネーション */
/*.renew*/ .box_content .base_prod .swiper-button-next,
.box_s_content .base_prod .swiper-button-next,
/*.renew*/ .box_content .base_prod .swiper-button-prev,
.box_s_content .base_prod .swiper-button-prev,
/*.renew*/ .box_content .base_prod .swiper-pagination,
.box_s_content .base_prod .swiper-pagination {
  display: none !important;
}
/* 前へ/後ろへボタン */
/*.renew*/ .wrap_slide {
  position: relative;
	margin-bottom: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0px;
}
.hotspring .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: -25px;
}

/*2024.04 修正*/
.hotspring.jr_ico .price,
.theme.jr_ico .price,
.rank.jr_ico .price
 {
	position: relative;
}
.hotspring.jr_ico .price::after,
.theme.jr_ico .price::after,
.rank.jr_ico .price::after
 {
	content: "JR+宿泊";
	position: absolute;
	width: 63%;
	height: 82%;
	top: 1px;
	bottom: 0;
	/* left: 110px; */
	/* left: 105%; */
	margin-left: 5%;
	/* margin: auto; */
	/* border: solid 1px #fda871; */
	background-color: #07b2b9;
	border-radius: 4px;
	display: inline-block;
	padding: 6% 3% 6%;
	line-height: 1;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	font-weight: normal;
	letter-spacing: 1px;
}
.hotspring.jr_ico .base_prod .hotel li>a .details_box>.price,
.theme.jr_ico .base_prod .hotel li>a .details_box>.price,
.rank.jr_ico .base_prod .hotel li>a .details_box>.price
 {
	display: inline-block;
}

/* カルーセル PCのみ */
@media screen and (min-width: 768px) {
	.renew .cmp-text.tx_lead, .cmp-text.tx_lead p {
    text-align: center !important;
  }
	.renew .wrap_onsen {
		margin: 30px auto 20px;
	}
	.renew .wrap_slide .swiper {
    padding: 0 0 40px;
  }
	/*.renew*/ .wrap_slide.clm2 .swiper .swiper-wrapper .swiper-slide {
    width: 490px;
  }
	/*.renew*/ .wrap_slide .swiper-button-prev.swiper-button-disabled,
	/*.renew*/ .wrap_slide .swiper-button-next.swiper-button-disabled
	{
		opacity: .35;
	}
	/* 前へ/後ろへボタン */
	/*.renew*/ .wrap_slide .swiper-button-prev,
	/*.renew*/ .wrap_slide .swiper-button-next {
		display: block;
		position: absolute;
		content: "";
		width: 22px;
		height: 22px;
		top: 50%;
		margin-top: -15px;
		border-bottom: 2px solid #999;
		border-left: 2px solid #999;
		transform: rotate(45deg);
	}
	/*.renew*/ .wrap_slide .swiper-button-prev.swiper-button-disabled,
	/*.renew*/ .wrap_slide .swiper-button-next.swiper-button-disabled {
    opacity: .35;
  }
	/*.renew*/ .wrap_slide .swiper-button-prev {
    left: -25px;
  }
	/*.renew*/ .wrap_slide .swiper-button-next {
    right: -25px; transform: rotate(-135deg);
  }
	/* カルーセルなし 非表示 */
	/*.renew*/ .wrap_slide.no_swipe .swiper-button-prev,
	/*.renew*/ .wrap_slide.no_swipe .swiper-button-next,
	/*.renew*/ .wrap_slide.no_swipe .swiper-pagination {
		display: none !important;
	}
	/*ランキングのナビゲーション 削除*/
	.wrap_slide02 .swiper-button-next::before,
	.wrap_slide02 .swiper-button-prev::before {
		content: none;
	}
}
/* ----------SPのみ---------- */
@media screen and (max-width: 767px) {
	.renew .wrap_slide .swiper-button-prev, .renew .wrap_slide .swiper-button-next,
	.renew .wrap_slide .swiper-button-prev.swiper-button-disabled,
	.renew  .wrap_slide .swiper-button-next.swiper-button-disabled {
		display: none !important;
	}
	/* 温泉 カルーセル*/
	.renew .clm2 > .swiper-container-css-mode > .swiper-wrapper > .swiper-slide,
	.renew .clm3 > .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
	width: 83% !important;
	margin-right: 10px !important;
	}

	/*----- 温泉特集 -----*/
	.feature_onsen2 {
		display: flex;
    margin: 60px 10px 0;
    flex-wrap: wrap;
		/* gap: 0 10px; */
	}
	.feature_onsen2 >div:nth-child(2n+1) {
		margin-right: 10px !important;
	}
	.feature_onsen2 .banner {
		width: calc((100% - 10px* 1) / 2) !important;
	}
	.feature_onsen2 .tyo_destination_banner .listitem a {
		flex-direction: column;
	}

	.feature_onsen2 .tyo_destination_banner .listitem {
		position: relative;
	}
	.feature_onsen2 .tyo_destination_banner .titleitem {
		position: absolute;
		top: 5%;
		left: 5%;
		font-size: 1.6rem;
		color: #fff;
		-webkit-filter: drop-shadow(0 0 4px #121212);
    filter: drop-shadow(0 0 4px #121212);
	}
	.feature_onsen2 .tyo_destination_banner .textitem {
		padding: 6px 0 0;
	}

	.feature_onsen2 .tyo_destination_banner .textitem::before {
		bottom: 34%;
	}
	.feature_onsen2 .tyo_destination_banner .textitem::after {
		bottom: 37.5%;
	}
	.feature_onsen2 .tyo_destination_banner:first-child .textitem::before {
		bottom: 41.5% !important;
	}
	.feature_onsen2 .tyo_destination_banner:first-child .textitem::after {
		bottom: 44.5% !important;
	}
	.feature_onsen2 .tyo_destination_banner .leaditem {
		font-size: 1.3rem;
    line-height: 1.5;
	}
	.renew .wrap_onsen .box_onsen:first-child {
		width: 48.5%;
	}
}
/*----- 2024.06.28追記 -----*/
.feature .section {
  text-align: center;
  margin: 20px auto;
}
.mv .feature .section {
  text-align: left;
  margin: .5em auto;
}
.feature .section h2 {
  font-size: 3.4rem;
  color: #f86a82;
  text-align: center;
  position: relative;
  padding: 0 6%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.feature .section h2::before,
.feature .section h2::after {
  content: "";
  position: absolute;
  top: 45%;
  width: 10rem;
  height: 0.8rem;
  background-color: rgba(248 106 130 / .4);
  clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
}
.feature .section h2::before {
  left: -6rem;
  /* margin-right: 19%; */
}
.feature .section h2::after {
  right: -6rem;
  /* margin-left: 19%; */
}
  .feature .section h2 span {
  font-size: 1.6rem;
  display: block;
}
  .feature .section.ttl_ver01 p {
  font-size: 1.6rem;
  display: block;
  color: #f86a82;
  font-weight: bold;
}
/*----- ナビ アイコン修正 -----*/
.renew .naviArea .nav_couple li a[href="#theme"]
{
  background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav01.png") no-repeat center 11% / 40%;
}
.renew .naviArea .nav_couple li a[href="#hotspring"]
{
  background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav02.png") no-repeat center 20% / 40%;
}

@media screen and (min-width: 768px) {
  .renew .naviArea .nav_couple li a[href="#theme"] {
		background-position: 12px center;
		background-size: 22%;
	}
  .renew .naviArea .nav_couple li a[href="#hotspring"] {
		background-position: 11px center;
		background-size: 28%;
	}
  .renew .cmp-text.tx_lead, .cmp-text.tx_lead p {
    text-align: left !important;
  }
  .wrap_slide.rank .box_rank .base_prod .swiper-button-prev,
  .wrap_slide.rank .box_rank .base_prod .swiper-button-next {
    display: none !important;
  }
}
/* ----------SPのみ---------- */
@media screen and (max-width: 767px) {
  .feature .section {
    margin: 10px 0 20px;
  }
  .feature .section h2 {
    font-size: 2.6rem;
  }
  .feature .section.ttl_ver02 h3 {
    font-size: 2.0rem;
  }
  .feature .section.ttl_ver01 p {
    font-size: 1.5rem;
  }
  .mv .feature .section {
    text-align: left;
    margin: .5em auto;
  }
  .tab_btn:first-child {
    padding: 16px 12px 8px 12px;
  }
  .feature .section h2::before,
  .feature .section h2::after {
    width: 6.5rem;
  }
  .feature .section h2::before {
    left: -5.5rem;
    /* margin-right: 19%; */
  }
  .feature .section h2::after {
    right: -5.5rem;
    /* margin-left: 19%; */
  }
}