@charset "utf-8";
/* CSS Document */
.d_i_block {display: inline-block;}
/*----------comingsoon----------*/
.comingsoon {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #e65757;
}
.comingsoon span {
	font-size: 1.3rem;
	font-weight: normal;
	color: #4d4d4d;
}

/*----------中央寄せ----------*/
.t_center {text-align: center;}

/*----------横並び----------*/
.d_flex {display: -webkit-flex !important;display: flex !important;}
.d_block {display: block !important;}

/*----------文字装飾----------*/
.red_text {color: #e65757;}
.brown_text {color: #754c24;font-weight: bold;}
.line_yellow {
	background: linear-gradient(transparent 60%,#fce0ae 60%);
	display: inline;
	padding: 2px 5px;
}
/*----------hover----------*/
.hover_img:hover {opacity: .7;}
.hover_img a:hover,
.hover_img a img:hover {opacity: 1;}

/*----------商品情報----------*/
.baby_wrapper .codeitem .listitem li,
.family_wrapper .codeitem .listitem li {background-color: #fff;}

/*----------リード文----------*/
.lead_text {
	/*font-size: 1.6rem;*/
	margin: 10px 0px 20px;
}
.travel_wrap .lead_text {
	font-size: 1.6rem;
	margin: 10px 0px 20px;
}

/*----------ボタン----------*/
.btn_list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 8px;
	padding: 0 .5rem;
}
.btn_list li:first-of-type:nth-last-child(2)+li,
.btn_list li:first-of-type:nth-last-child(2) ~ li+li {
	padding-left: 20px;
}
.btn_list li+li {
	padding-left: 10px;
}
.btn_list.orange p,.btn_list.white p {
	border-radius: 7px;
	position: relative;
	display: inline-block;
}
.btn_list.orange p {
	background-color: #faaa70;
	box-shadow: 0 4px #e88f4f;
}
.btn_list.white p {
	background: #fff;
	box-shadow: 0 3px #e88f4f;
	border: 2px solid #e88f4f;
}
.btn_list.orange p::after,.btn_list.white p::after {
	position: absolute;
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	top: 50%;
	right: 15px;
	margin-top: -4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btn_list.white p::after {
	border-right: 1px solid #e88f4f;
	border-bottom: 1px solid #e88f4f;
}
.btn_list.orange a,.btn_list.white a {
	font-size: 1.5rem;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
.btn_list.orange a {
	padding: 12px 35px 12px 20px;
	color: #fff;
}
.btn_list.white a {
	padding: 10px 33px 10px 18px;
	color: #e88f4f;
}
.btn_list.orange p:hover {
	box-shadow: 0 0;
	margin: 4px 0px -4px;
}
.btn_list.white p:hover {
	box-shadow: 0 0;
	margin: 3px 0px -3px;
}
.btn_list.orange a:hover {opacity: 1;}

.btn_list.orange.two_line a {padding: 8px 40px 8px 20px;}

.btn_list.d_block {
	text-align: center;
}
.btn_list.d_block li+li {
	margin-top: 15px;
}
.btn_list.d_block li:first-of-type:nth-last-child(2)+li,
.btn_list li:first-of-type:nth-last-child(2) ~ li+li {
	padding-left: 0;
}

/*----------青テキスト+ストライプ線----------*/
.ttl_blue_f {
	font-size: 1.8rem!important;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	border: none!important;
}
.ttl_blue_f::before,.ttl_blue_f::after {
	display: block;
	content: "";
	flex-grow: 1;
	height: 6px;
	background-image: linear-gradient(-45deg, #edf6fa 25%, #bedceb 25%, #bedceb 50%, #edf6fa 50%, #edf6fa 75%,#bedceb 75%, #bedceb);
	background-size: 14px 14px;
}
.ttl_blue_f::before {margin-right: 20px;}
.ttl_blue_f::after {margin-left: 20px;}

.top .section.ttl_blue_f h3 {
	font-size: 2.2rem;
	background: none;
	font-weight: bold;
	padding: 0;
}

/*----------メインビジュアル----------*/
.area_mv {background-color: #b8dffc;}

/*----------ナビ----------*/
.cmn_contents.nav_wrap {
	margin: 0 auto;
	background-color: #67b66d;
	position: relative;
}
.cmn_contents.nav_wrap::before,.cmn_contents.nav_wrap::after {
	position: absolute;
	display: block;
	content: "";
	bottom: -85px;
	width: 0;
	height: 0;
	border-style: solid;
}
.cmn_contents.nav_wrap::before {
	left: -262px;
	border-width: 0 0 85px 262px;
	border-color: transparent transparent #67b66d transparent;
}
.cmn_contents.nav_wrap::after{
	right: -219px;
	border-width: 92px 0 0 220px;
	border-color: transparent transparent transparent #67b66d;
}
.nav_wrap .ace-list.aem-GridColumn.aem-GridColumn--default--12 {
	background-color: #67b66d;
}
.ace-list.aem-GridColumn.aem-GridColumn--default--12 {
	padding-bottom: 15px;
}
.naviArea li, .naviArea3 li {
	width: auto;
}
.naviArea .bg_f li, .naviArea3 .bg_f li {
	border-color: #fff;
	border-bottom: none !important;
}
.naviArea li a, .naviArea3 li a {
	width: auto;
	display: block;
}
.naviArea li span,.naviArea3 li span {
	font-size: 1.8rem;
	color: #fff;
	display: inline-block;
	padding: 0;
}
.naviArea li a[href*="seasonal_spot"] span,
.naviArea3 li a[href*="seasonal_spot"] span {
	background: url("/content/dam/jretravel/site/page/feature/family/images/nav_ic01.png") no-repeat center left 18px/26px 26px;
	padding: 15px 20px 15px 52px;
}
.naviArea li a[href*="baby"] span,
.naviArea3 li a[href*="baby"] span {
	background: url("/content/dam/jretravel/site/page/feature/family/images/nav_ic02.png") no-repeat center left 20px/15px 26px;
	padding: 15px 20px 15px 44px;
}
.naviArea li a[href*="leisure_spot"] span,
.naviArea3 li a[href*="leisure_spot"] span {
	background: url("/content/dam/jretravel/site/page/feature/family/images/nav_ic03.png") no-repeat center left 19px/37px 24px;
	padding: 15px 20px 15px 62px;
}
.naviArea li a[href*="three_generation"] span,
.naviArea3 li a[href*="three_generation"] span {
	background: url("/content/dam/jretravel/site/page/feature/family/images/nav_ic04.png") no-repeat center left 19px/25px 30px;
	padding: 15px 20px 15px 52px;
}
.naviArea li a[href*="thema"] span,
.naviArea3 li a[href*="thema"] span {
	background: url("/content/dam/jretravel/site/page/feature/family/images/nav_ic05.png") no-repeat center left 15px/20px 28px;
	padding: 15px 20px 15px 42px;
}
.naviArea li:nth-last-of-type(1),
.naviArea3 li:nth-last-of-type(1) {
	border: none;
}
.naviArea li:nth-child(1),
.naviArea3 li:nth-child(1) {
	border-left: none;
}

/*----------季節のお出かけスポット----------*/
.spot_wrap {padding: 10px 14px 70px;}
.spot_box {margin: 10px 16px 0;}
.ttl_wrap {text-align: center;}
h3.spot_ttl {
	font-size: 2.2rem;
	text-align: center;
	padding: 16px 35px 16px 12px;
	display: inline-block;
}
.maru_season {
	color: #fff;
	margin-right: 5px;
	font-size: 2.8rem;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
}
.spot_img {position: relative;overflow: visible;}
.spot_img::before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	top: 6px;
	left: 6px;
	background-color: #fff;
}
.spot_area {
  position: relative;
  color: #6f655b;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 14px 0 4px;
  padding-left: 23px;
}
.spot_area::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: #a7998b;
  width: 12px;
  height: 12px;
  top: 4px;
  left: 6px;
  border-radius: 50% 50% 0;
  transform: rotate(45deg);
}
.spot_area::after {
  content: "";
  display: inline-block;
  position: absolute;
  background: #fff;
  width: 4px;
  height: 4px;
  top: 8px;
  left: 10px;
  border-radius: 50%;
}
.ttl_border h4 {
  color: #5b4734;
  text-align: center;
  font-size: 2rem;
  position: relative;
  display: table;
  border-top: 2px dashed #96e1eb;
  border-bottom: 2px dashed #96e1eb;
  background: #fff;
  margin: 20px auto;
  padding: 15px 50px;
}
.season_spot, .dep_spot {
	padding: 5px 10px 10px;
	position: relative;
}
.dep_spot {
	margin: 0 10px 10px;
	border-radius: 3px;
}
.season_spot {
	margin: 8px 0;
}
.season_spot a:hover {
	opacity: 0.7;
}
.season_spot a::before,
.season_spot a::after,
.dep_spot::after {
	position: absolute;
	content: "";
	display: block;
}
.season_spot a::before {
	width: 8px;
	height: 8px;
	border-right: 1px solid #754c24;
	border-bottom: 1px solid #754c24;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
	right: 10px;
	margin-top: -7px;
}
.season_spot a::after,.dep_spot::after {
	width: 100%;
	height: 100%;
	border: 1px solid #754c24;
	border-radius: 3em .5em 2em .5em/.4em 2em .5em 3em;
	top: -5px;
	left: 3px;
}
.season_spot h4, .season_spot h5, .dep_spot h4 {margin: 0;}
.text_note {
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	margin: 0px 20px;
}
.season_spot .spot_img::before {opacity: 0.8;}

.spot_wrap .btn.spot_btn {
  width: 100%;
  padding: 0;
}
.btn.spot_btn.col1 a {
  width: 310px;
  font-weight: normal;
  line-height: 2.4rem;
}
.btn.spot_btn.col1 a .fs1_8 {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
}
.access_box {
  background: #fff;
  border: 2px dotted #a7998b;
  margin: 10px auto 5px;
  padding: 10px 15px;
  width: 100%;
}
.access_box dl {
  display: flex;
  flex-wrap: wrap;
}
.access_box dl dt {
  width: 30%;
}
.access_box dl dd {
  width: 70%;
}
.access_box dl dt:nth-of-type(n+2), .access_box dl dd:nth-of-type(n+2) {
  margin-top: 10px;
}

/* スライダー 25.04.15追加 */
.wrap_slide {
  position: relative;
  display: flex;
}
.wrap_slide .swiper {
	overflow: hidden;
	position: relative;
	padding: 0 0 40px;
}
.wrap_slide .swiper .swiper-wrapper .swiper-slide 
{
  width: 100%;
}
.wrap_slide .swiper .swiper-pagination {
  bottom: 0;
}
.wrap_slide .cmn_contents {
  margin: auto;
}
/*商品コンポーネントのページネーション */
.box_content .base_prod .swiper-button-next,
.box_content .base_prod .swiper-button-prev,
.box_content .base_prod .swiper-pagination {
  display: none !important;
}
/* 前へ/後ろへボタン */
.wrap_slide .swiper-button-prev, .wrap_slide .swiper-button-next {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  width: 18px;
  height: 18px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  transform: rotate(45deg);
}
.wrap_slide .swiper-button-prev.swiper-button-disabled,
.wrap_slide .swiper-button-next.swiper-button-disabled
{
  opacity: .35;
}
.wrap_slide .swiper-button-prev {
  top: 52%;
  left: -20px;
  transform: rotate(-135deg);
}
.wrap_slide .swiper-button-next {
  right: -20px;
}
.swiper-pagination-bullet {
  background: #999;
}
/*画像*/
.box_content > .image > .jretravel-image>.fade {
  aspect-ratio: 640 / 396;
  width: 100% !important;
  height: 100% !important;
}

/* 春 */
.spot_spring .spot_wrap {
	background-color: #fff5fb;
}
.spot_spring .spot_ttl {
	color: #fc7ca4;
	background: url("/content/dam/jretravel/site/page/feature/family/images/ic_spring.png") no-repeat top 20px right 0/33px 38px;
}
.spot_spring .maru_season {
	background-color: #fc93b4;
}
.spot_spring .season_spot {
	background-color: #fcc5e2;
}
.spot_spring .spot_img::before {
	background-image: linear-gradient(-45deg, #fff 25%, #fccde5 25%, #fccde5 50%, #fff 50%, #fff 75%,#fccde5 75%, #fccde5);
	background-size: 14px 14px;
}
.spot_spring .spot_btn a {
  display: inline-block;
  width: 100%;
  color: #fff;
  background: #db6ca7;
  border: 2px solid #db6ca7;
  border-radius: 5px;
  margin: 10px 0 0;
  padding: 5px 0;
}
.spot_spring .spot_btn a:hover {
  color: #db6ca7;
  background: #fff5fb;
  border: 2px solid #db6ca7;
  transition: 0.1s;
  text-decoration: none;
}
/* 夏 */
.spot_summer .spot_wrap {
	background-color: #ebf7fa;
}
.spot_summer .spot_ttl {
	color: #57beeb;
	background: url("/content/dam/jretravel/site/page/feature/family/images/ic_summer.png") no-repeat top 20px right 0/33px 38px;
}
.spot_summer .maru_season {
	background-color: #63c2eb;
}
.spot_summer .season_spot {
	background-color: #bae5f7;
}
.spot_summer .spot_img::before {
	background-image: linear-gradient(-45deg, #fff 25%, #96e1eb 25%, #96e1eb 50%, #fff 50%, #fff 75%,#96e1eb 75%, #96e1eb);
	background-size: 14px 14px;
}
.spot_summer .spot_btn a {
  display: inline-block;
  width: 100%;
  color: #fff;
  background: #1D87B5;
  border: 2px solid #1D87B5;
  border-radius: 5px;
  margin: 10px 0 0;
  padding: 5px 0;
}
.spot_summer .spot_btn a:hover {
  color: #1D87B5;
  background: #ebf7fa;
  border: 2px solid #1D87B5;
  transition: 0.1s;
  text-decoration: none;
}
/* 秋 */
.spot_autumn .spot_wrap {
	background-color: #fff6ed;
}
.spot_autumn .spot_ttl {
	color: #f29f4b;
	background: url("/content/dam/jretravel/site/page/feature/family/images/ic_autumn.png") no-repeat top 20px right 0/33px 38px;
	position: relative;
}
/* .spot_autumn .spot_ttl::after {
	position: absolute;
	content: "";
	background: url(/content/dam/jretravel/site/page/feature/family/images/ic_autumn.png) no-repeat 50% 50%;
	background-size: contain;
	margin: auto;
	top: 0;
	bottom: 0;
	width: 33px;
	height: 38px;
} */
.spot_autumn .maru_season {
	background-color: #faa550;
}
.spot_autumn .season_spot {
	background-color: #fad2aa;
}
.spot_autumn .spot_img::before {
	background-image: linear-gradient(-45deg, #fff 25%, #facfa5 25%, #facfa5 50%, #fff 50%, #fff 75%,#facfa5 75%, #facfa5);
	background-size: 14px 14px;
}
.spot_autumn .spot_btn a {
  display: inline-block;
  width: 100%;
  color: #fff;
  background: #a54d10;
  border: 2px solid #a54d10;
  border-radius: 5px;
  margin: 10px 0 0;
  padding: 5px 0;
}
.spot_autumn .spot_btn a:hover {
  color: #a54d10;
  background: #fff6ed;
  border: 2px solid #a54d10;
  transition: 0.1s;
  text-decoration: none;
}
/* 冬 */
.spot_winter .spot_wrap {
	background-color: #e3f1fc;
}
.spot_winter .spot_ttl {
	color: #5badeb;
	background: url("/content/dam/jretravel/site/page/feature/family/images/ic_winter.png") no-repeat top 20px right 0/33px 38px;
}
.spot_winter .maru_season {
	background-color: #6cb4eb;
}
.spot_winter .season_spot {
	background-color: #afd9fa;
}
.spot_winter .spot_img::before {
	background-image: linear-gradient(-45deg, #fff 25%, #add7f7 25%, #add7f7 50%, #fff 50%, #fff 75%,#add7f7 75%, #add7f7);
	background-size: 14px 14px;
}
.spot_winter .spot_btn a {
  display: inline-block;
  width: 100%;
  color: #fff;
  background: #4572cf;
  border: 2px solid #4572cf;
  border-radius: 5px;
  margin: 10px 0 0;
  padding: 5px 0;
}
.spot_winter .spot_btn a:hover {
  color: #4572cf;
  background: #e3f1fc;
  border: 2px solid #4572cf;
  transition: 0.1s;
  text-decoration: none;
}

/* 日帰り */
.higaeri_wrap {
	border-radius: 35px;
	padding: 10px 30px 10px;
	margin-top: 30px;
}
.spot_spring .higaeri_wrap,
.spot_autumn .higaeri_wrap {
	border: 2px dashed #fc626a;
}
.spot_summer .higaeri_wrap,
.spot_winter .higaeri_wrap {
	border: 2px dashed #108ee5;
}
.higaeri_box {
	margin: 10px 0 0 10px;
}
.spot_summer .higaeri_wrap .product_tag_plan_icon,
.spot_winter .higaeri_wrap .product_tag_plan_icon {
	background: #45b4e3;
}
.higaeri_wrap .nb_listitem .codeitem_area,
.higaeri_wrap .listitem li .codeitem_area {
	background: url("/content/dam/jretravel/site/page/feature/family/images/ic_area.png") no-repeat 0 2px/16px 18px;
	color: #4d4d4d;
	margin-left: 5px;
	padding: 2px 24px;
}
/*サムネイル画像ver*/
.higaeri_wrap .listitem li {
	border: none;
	padding-top: 0;
	margin-bottom: 0;
}
.higaeri_wrap .thumbnailImage .swichi_thumb {margin-bottom: 0;}

/*----------ベビ旅----------*/
.baby_wrapper {background-color: #fff5f9;}

.area_hokkaido .dep_spot {background-color: #c2e4f2;}
.area_ntohoku .dep_spot {background-color: #d6edb7;}
.area_stohoku .dep_spot {background-color: #bae0af;}
.area_nkanto .dep_spot {background-color: #e5ceed;}
.area_shutoken .dep_spot {background-color: #f2cdc4;}
.area_izu .dep_spot {background-color: #f2e0aa;}
.area_koushinetsu .dep_spot {background-color: #f2d3dc;}
.area_hokuriku .dep_spot {background-color: #c5d8f0;}
.box_plan {margin: 0 10px 50px;}

.same_height .btn_orange a {padding: 12px 50px 12px 30px;}

/*----------レジャースポット----------*/
.leisure_wrapper {background: #f7faed;}

/*----------三世代旅行----------*/
.family_wrapper {background-color: #fffae7;}
.travel_wrap {margin-bottom: 40px;}

/*----------うれしいポイント----------*/
.happy_point {
	color: #006ab5;
	font-size: 1.2rem;
	margin: 1rem 0;
}

/*----------バナー----------*/
.bnr_box .textitem {
	padding-left: 15px;
	position: relative;
}
.bnr_box .textitem::before {
	position: absolute;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 2px solid #faaa70;
	border-bottom: 2px solid #faaa70;
	top: 1.2rem;
	left: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -4px;
}

/*----------海外旅行気分が味わえる宿----------*/
.box_col3 {
	margin: 0 5px 30px;
	background: #fff;
	padding: 12px 10px 22px;
	border: 1px solid #ddd;
}
.codeitem .listitem li {background: #fff;}

.box_col3 .area_titlebox>.title_name {
	font-size: 2rem;
	display: block;
	margin: 4px 3px 8px;
}
.box_col3 .area_titlebox>.area_name {
	font-size: 1.2rem;
	padding: 2px 7px;
	background: #4b789a;
	border-radius: 3px;
	margin-left: 2px;
	font-weight: normal;
}
.box_col3 .tx_lead {
	font-weight: bold;
	margin: 0 0 5px;
	padding-left: 20px;
	border-bottom: 1px dotted #ab8923;
	color: #1c4a6e;
	position: relative;
}
.box_col3 .tx_lead::before,.box_col3 .tx_lead::after {
	position: absolute;
	content: "";
	display: block;
}
.box_col3 .tx_lead::before {
	width: 13px;
	height: 13px;
	border: 2px solid #4b789a;
	top: 5px;
	left: 2px;
}
.box_col3 .tx_lead::after {
	width: 13px;
	height: 7px;
	border-bottom: 3px solid #4b789a;
	border-left: 3px solid #4b789a;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 5px;
	left: 4px;
}
.box_col3 .inner_text {
	margin-bottom: 12px;
	background: #fcf7e8;
	padding: 7px 10px;
}
/* おすすめの宿 */
.box_col3 .feature .section {margin: auto;}
.box_col3 .feature .section h4 {
	margin: 7px 0 0;
	padding: 5px 8px;
	border-bottom: 1px dashed #4b789a;
	color: #4b789a;
}
.box_col3 .clm_osusume_s_product .listitem4 li {
	border-bottom: none;
	margin-bottom: 0;
}
/* ボタン */
.btn.btn_wide {
	display: block;
	padding: 0;
	box-shadow: 0 3px #4b789a;
	background: #fff0c2;
	border: 2px solid #4b789a;
	border-radius: 5px;
}
.btn.btn_wide a {
	color: #4b789a;
	text-decoration: none;
	display: block;
	padding: 8px 10px;
	white-space: normal;
}
.btn.btn_wide:hover {
	box-shadow: 0 0;
	margin: 3px 0 -3px;
}
.btn.btn_wide a:hover {opacity: 1;}

.naviArea>ul, .naviArea2>ul, .naviArea3>ul, .naviArea4>ul {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
/*-----PC-----*/
@media screen and (min-width: 768px) {
	/*カルーセルなし 非表示*/
	.wrap_slide.no_swipe .swiper-button-prev,
	.wrap_slide.no_swipe .swiper-button-next,
	.wrap_slide.no_swipe .swiper-pagination {
		display: none !important;
	}
  
  .wrap_slide.no_swipe .swiper {
    overflow: unset;
    padding: 0;
  }
}
/*-----SP-----*/
@media screen and (max-width:767px) {
	/*----------h2----------*/
	.sp_1line .titleImage.sp {max-height: 36px;}
	.sp_2line .titleImage.sp {max-height: 67px;}

	/*----------リード文----------*/
	.lead_text {
		margin: 0px 10px/* !important*/;
	}
	.travel_wrap .lead_text {
		margin: 0px 10px 10px !important;
		font-size: 1.4rem;
	}

	/*----------ボタン----------*/
	.box_plan {
		margin: 0 auto 40px;
	}
	.box_plan .productbyhotel {
		margin-bottom: 0.5rem !important;
	}
	.btn_list {
		margin: 2% 3%;
		padding: 0;
	}
	.btn_list.two_line {
		text-align: center;
	}
	.btn_list.two_line li+li,
	.btn_list.two_line li:first-of-type:nth-last-child(2)+li,
	.btn_list.two_line li:first-of-type:nth-last-child(2) ~ li+li {
		padding-left: 0;
	}
	.btn_list.two_line li+li {
		margin-top: 15px;
	}
	.btn_list.orange a {
		padding: 10px 32px 10px 17px;
	}
	.btn_list.white a {
		padding: 8px 30px 8px 15px;
	}
	.btn_list.two_line li br {display: none;}
	.btn_list.two_line {display: block;}

	/*----------青テキスト+ストライプ線----------*/
	.ttl_blue_f::before {margin-right: 15px;}
	.ttl_blue_f::after {margin-left: 15px;}

	/*----------ナビ----------*/
	.cmn_contents.nav_wrap::before,.cmn_contents.nav_wrap::after {
		display: none;
	}
	.ace-list.aem-GridColumn.aem-GridColumn--default--12 {padding-bottom: 0;}
	.naviArea li,.naviArea3 li {
		text-align: center;
	}
	.naviArea li:nth-child(1),.naviArea3 .bg_f li {
		border-right: none;
	}
	.naviArea li:nth-of-type(2n),
	.naviArea3 li:nth-of-type(2n+1) {
		width: 47%;
	}
	.naviArea li:nth-of-type(3), .naviArea li:nth-of-type(5),
	.naviArea3 li:nth-of-type(2n) {
		width: 53%;
	}
	.naviArea3 .bg_f li:nth-child(even), .naviArea3 .bg_f li:nth-child(3) {
		border-color: #fff;
	}
	.naviArea .bg_f li, .naviArea3 .bg_f li {
		border-top: 1px solid #fff !important;
	}
	.naviArea li a[href*="seasonal_spot"] span,.naviArea3 li a[href*="seasonal_spot"] span {
		background-position: center left 4%;
		background-size: 15%;
		padding: 15px 8px 15px 31px;
	}
	.naviArea li a[href*="baby"] span,.naviArea3 li a[href*="baby"] span {
		background-position: center left 8%;
		background-size: 11%;
		padding: 15px 8px 15px 28px;
	}
	.naviArea li a[href*="leisure_spot"] span,.naviArea3 li a[href*="leisure_spot"] span {
		background-position: center left 4%;
		background-size: 14%;
		padding: 15px 6px 15px 33px;
	}
	.naviArea li a[href*="three_generation"] span,.naviArea3 li a[href*="three_generation"] span {
		background-position: center left 7%;
		background-size: 15%;
		padding: 15px 8px 15px 32px;
	}
	.naviArea li a[href*="thema"] span,.naviArea3 li a[href*="thema"] span {
		background-position: center left 5%;
		background-size: 11%;
		padding: 15px 7px 15px 29px;
	}
	.naviArea li span,.naviArea3 li span {font-size: 1.6rem;}
	.naviArea li span:after,.naviArea3 li span:after {display: none;}

	/*----------季節のお出かけスポット----------*/
	.spot_wrap {
		padding: 5px 20px 50px;
	}
	.spot_box {
		margin: 20px 0;
	}
	h3.spot_ttl {
		padding: 16px 27px 0 0;
	}
	.spot_spring .spot_ttl,.spot_summer .spot_ttl,
	.spot_autumn .spot_ttl,.spot_winter .spot_ttl {
		background-position: top 25px right 0;
		background-size: 25px 30px;
	}
	.spot_spring .spot_ttl,.spot_summer .spot_ttl,
	.spot_autumn .ttl_wrap.ttl_02 .spot_ttl,.spot_winter .spot_ttl {
		background-position: top 45px right 0;
		background-size: 25px 30px;
	}
	.maru_season {
		margin-right: 3px;
		width: 48px;
		height: 48px;
		line-height: 48px;
	}
	.top .section.season_spot {margin: 5px 0;}
	.dep_spot {margin: 0 10px 0 !important;width: 94% !important;}
	.text_note {
		padding: 10px;
		margin: 0;
		width: 100%;
	}
  .btn.btn_spring {
    width: 100%;
    padding: 0;
  }
  .btn.btn_spring a {
    width: 100%;
    margin: 10px 0;
    padding: 5px 0;
  }
  .spot_summer .btn.spot_btn.col1 a {
    margin: 30px auto;
  }
  /*-----スライダー-----*/
  .wrap_slide {
    margin: 10px auto 30px;
  }
  .wrap_slide .cmn_contents {
    width: 100%;
  }
	/* バナー */
	.bnr_box li {margin-bottom: 0;}

	/* 日帰り */
	.higaeri_wrap {
		border-radius: 25px;
		padding: 10px;
		margin: 0px 10px;
	}
	.higaeri_wrap .product {
		margin: 5px auto 0 !important;
	}
	.higaeri_wrap .listitem li {
		padding: 0;
		margin-bottom: 0;
	}
	.higaeri_box {
		margin: 0;
	}
	.higaeri_wrap .nb_listitem .codeitem_area,
	.higaeri_wrap .listitem li .codeitem_area {
		padding: 2px 22px;
		margin-left: 2px;
	}
	.higaeri_box .nb_listitem li {
		padding: 0;
	}
	.higaeri_box .btn_orange {
		margin: 0;
	}
	.higaeri_wrap .thumbnailImage .clm2_left .swichi_box {
		width: auto;
	}
	.higaeri_wrap .higaeri_box .spot_txt {
		margin: 0 2%;
	}

	/*----------ベビ旅----------*/
	.babytabi_logo {
		width: 125px;
		margin: 0px 15px;
	}
	.btn_list li {
		padding: 0;
	}
	.same_height .btn_orange a,
	.btn_list li a {
		padding: 10px 30px 10px 15px;
	}

	/*----------レジャースポット----------*/
	.slider_fourcols .clm_osusume_product .listitem3 li {margin: 0px 3%;}
	#leisure_spot .bnr_box li {margin: 0;}

	/*----------三世代旅行----------*/
	.travel_wrap {margin-bottom: 10px;}
	.travel_wrap .sp_clm1 {
		margin: .5rem 3%;
	}
	.travel_wrap .base_prod .colom_spot.hotel {
		width: 94%;
	}
	.travel_wrap .base_prod .hotel {
		gap: 10px 0;
	}

	.tyo_otherarea_banner .textitem {
		line-height: 1.4;
	}


	/*----------検索パネル----------*/
	.searchPanel {margin-bottom: 0;}

	/*----------海外旅行気分が味わえる宿----------*/
	.box_col3 {margin: 10px 10px 15px;}
	.box_col3 .area_titlebox {width: 100%;}
	/* おすすめの宿 */
	.box_col3 .feature .section h4 {margin-top: 8px;}
}


/*----------------------------------------------------------------------
	追記：人気のレジャー、アクティビティ
----------------------------------------------------------------------*/
/*----------ナビ----------*/
.naviArea li a[href*="activity"] span,
.naviArea3 li a[href*="activity"] span {
	background: url("/content/dam/jretravel/site/page/feature/family/images/nav_ic06.png") no-repeat center left 16px/21px 26px;
	padding: 15px 20px 15px 44px;
}
@media screen and (max-width:767px) {
	.naviArea > ul, .naviArea3 > ul {
		-webkit-align-items: stretch;
		align-items: stretch;
	}
	.naviArea > ul > li, .naviArea3 > ul > li {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}

	.naviArea3 li {border: none !important;}
	.naviArea3 li:nth-of-type(1) {width: 46%;}
	.naviArea3 li:nth-of-type(2) {width: 54%;}
	.naviArea3 li:nth-of-type(3) {width: 60%;}
	.naviArea3 li:nth-of-type(4) {width: 40%;}

	.naviArea3 li:nth-of-type(2n+1) {
		position: relative;
	}
	.naviArea3 li:nth-of-type(2n+1)::before {
		position: absolute;
		content: "";
		height: calc(100% - 10px);
		border-right: 1px dashed #fff;
		top: 5px;
		right: 0;
	}

	.naviArea3 li, .naviArea3 li a,
	.naviArea3 li:nth-child(even), .naviArea3 li:nth-last-child(1), .naviArea3 li:nth-last-child(2) {
		height: auto;
		padding: 6px 0;
	}

	.naviArea li a span, .naviArea3 li a span {
		min-height: 40px;
		max-height: 60px;
		display: inline;
	}
	.naviArea li a[href*="activity"] span,.naviArea3 li a[href*="activity"] span {
		background-position: center left 2%;
		background-size: 9%;
		padding: 6px 6px 6px 26px;
	}
	.naviArea li a[href*="seasonal_spot"] span,.naviArea3 li a[href*="seasonal_spot"] span {
		padding: 6px 8px 6px 31px;
	}
	.naviArea li a[href*="leisure_spot"] span,.naviArea3 li a[href*="leisure_spot"] span {
		padding: 6px 6px 6px 33px;
	}
	.naviArea li a[href*="three_generation"] span,.naviArea3 li a[href*="three_generation"] span {
		padding: 6px 8px 6px 32px;
	}
}

/*----------タイトル----------*/
.ttl_sub {
	text-align: center;
}
.ttl_sub h4 {
	display: inline-block;
	color: #66492d;
	padding: 0 10px 5px;
	margin: 15px auto 5px;
	border-bottom: 2px dotted #a49382;
	line-height: 1.5;
}

/*----------商品コンポーネント----------*/
.base_prod.bdr li {background: #fff;}
.colom1_spot {
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px;
	margin: 10px 0.5rem;
}
.colom_spot {margin: 10px auto;}
.colom_spot .product {padding: 0;}

.colom_spot.border {
	border: 1px solid #ccc;
	padding: 10px;
}
.colom_spot.border .codeitem .listitem li {
	border: none;
	padding: 0;
}
.colom_spot.border .clm_osusume_s_product .listitem4 li {
	border-bottom: none;
	margin-bottom: 0;
	padding: 0 10px;
}

.link_text a {
	margin-left: 14px;
	position: relative;
}
.link_text a::before {
	position: absolute;
	content: "";
	height: 18px;
	border-left: 1px dashed #4d4d4d;
	top: 2px;
	left: -9px;
}

.codeitem_txt + .link_text {
	margin-bottom: 1rem;
	font-size: 1.3rem;
}
.link_text object,.inner_text object {
	display: inline-block;
}
.codeitem .listitem .link_text object a,
.codeitem .listitem .inner_text object a {
	color: #06c;
	text-decoration: underline;
}
.codeitem .listitem .link_text object a:hover,
.codeitem .listitem .inner_text object a:hover {
	text-decoration: none;
}
/*20230511_AEMバージョンアップによる表示崩れ修正*/
.swiper-container .swiper-button-next {
  right: -25px;
}

/*.clm2.base_prod {margin-bottom: 0;}
.clm2.base_prod > .base_prod {margin-bottom: 10px;}*/

@media screen and (max-width:767px) {
	.colom1_spot {
		margin: 0 3%;
	}
	.colom1_spot .area_titlebox,
	.colom1_spot .swichi_box {
		width: 100%;
	}
	.colom1_spot .area_titlebox>p {
		display: block;
	}
	.colom1_spot .area_titlebox>.area_name,
	.box_content .codeitem_area {
		font-size: 1.3rem;
	}
	.colom1_spot .area_titlebox>.title_name,
	.box_content .codeitem_ttl {
		font-size: 1.8rem;
	}

	.colom_spot .box_content .listitem {margin: 0;}
	.colom_spot .box_content .listitem > li,
	.colom_spot .box_content .listitem > li .codeitem_txt {margin-bottom: 0;}

	.clm2.base_prod > .base_prod {margin-bottom: 5px;}
	.base_prod.clm2 .sp_clm1 li {width: 100%;}
}

/* エリア ピン */
.colom1_spot .area_titlebox>.area_name,
.box_content .codeitem_area {
	padding: 0 0 0 18px;
	background: none;
	color: #477191;
	font-weight: bold;
	margin-right: 10px;
	vertical-align: middle;
	position: relative;
}
.colom1_spot .area_titlebox>.area_name::before,
.colom1_spot .area_titlebox>.area_name::after,
.box_content .codeitem_area::before,
.box_content .codeitem_area::after {
	position: absolute;
	content: "";
}
.colom1_spot .area_titlebox>.area_name::before,
.box_content .codeitem_area::before {
	width: 13px;
	height: 13px;
	background: #4b789a;
	top: 50%;
	left: 1px;
	margin-top: -8px;
	border-radius: 50% 50% 0 50%;
	transform: rotate(45deg);
}
.colom1_spot .area_titlebox>.area_name::after,
.box_content .codeitem_area::after {
	width: 5px;
	height: 5px;
	background: #fff;
	top: 50%;
	left: 5px;
	margin-top: -4px;
	border-radius: 50%;
}
/* 1カラムエリア2行 */
.colom1_spot .area_titlebox>.area_name,
.colom1_spot .area_titlebox>.title_name {
	display: block;
	margin-left: 5px;
}

/* SP時順番入れ替え */
@media screen and (max-width:767px) {
	.content_swichi {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.content_swichi .area_titlebox {
		order: 2;
		border-bottom: 1px dashed #4d789a;
	}
	.content_swichi .swichi_box {order: 1px;}
}

/* タイトル */
.box_content .codeitem_ttl {
	border-bottom: 1px dashed #4b789a;
	padding: 4px 2px;
}

.colom1_spot .feature .section h4,
.colom_spot .feature .section h4 {
	margin-bottom: 0;
	color: #4b789a;
	border-color: #4b789a;
}
.colom_spot .feature .section h4 {padding: 6px .5rem;}
/* 余白調整 追記 */
.activity .colom1_spot .feature .section h4, .activity .colom_spot .feature .section h4 {
	margin-top: 0;
}

/* ボタン */
.btn.btn_wide.c_blue {
	box-shadow: none;
	background: #4b789a;
	transition: .1s;
	color: #fff;
}
.box_content .btn.btn_wide.c_blue {
	padding: 8px 10px;
}
.btn.btn_wide.c_blue a {
	color: #fff;
}
.btn.btn_wide.c_blue:hover {
	margin: 0;
	background: #fff;
}
.btn.btn_wide.c_blue:hover,
.btn.btn_wide.c_blue:hover a {
	color: #4b789a;
}
/* 期間 & 申し込み */
.colom_spot .inner_text {
	background: #fcf7e8;
	display: inline-block;
	width: 100%;
	padding: 5px 10px;
	border-radius: 4px;
	margin-bottom: 6px;
	font-size: 1.3rem;
	/* font-weight: bold; */
}
.activity .codeitem_txt {
	margin-bottom: 0;
}
.colom_spot .inner_text .inner_text_ttl {
	font-weight: bold;
}

/* テキスト */
.small_text {font-size: 1.2rem;}

/*PCのみ*/
@media screen and (min-width:768px) {
	.br_sp {
		display: none;
	}
  .swiper-container .swiper-button-next.swiper-button-disabled, .swiper-container .swiper-button-prev.swiper-button-disabled {
    display: none;
  }
  .swiper-container .swiper-button-prev {
    left: -25px;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    display: none;
  }
}
/*----------------------------------------------------------------------
	追記：アンカーリンク
----------------------------------------------------------------------*/
section#seasonal_spot,
section#leisure_spot,
section#activity,
section#three_generation {margin-top: -90px;}
section#seasonal_spot {padding-top: 110px;}
section#leisure_spot {padding-top: 90px; padding-bottom: 90px;}
section#activity {padding-top: 100px;}
section#three_generation {padding-top: 110px;}

/*----------------------------------------------------------------------
	追記：季節のおでかけスポット
----------------------------------------------------------------------*/
.spot_box.col1 .spot_wrap {margin-top: 0;}
.spot_box.col1 .spot_box {margin: 10px 10px 0 20px;}
.spot_box.col1 .season_spot {margin-top: 0;}
.season_spot a:not([href])::before {display: none;}
.season_spot a:not([href]):hover {opacity: 1;}

.tyo_otherarea_banner .bnr_box .listitem2 a {
	width: 460px;
	display: block;
}
.tyo_otherarea_banner .bnr_box .listitem2 a .textitem {
	text-align: left;
}

@media screen and (max-width:767px) {
	.spot_box.col1 .season_spot {margin-top: 8px;}
	.spot_box.col1 .spot_box {margin: 15px auto 0;}

	.bnr_box {padding: 0;}
	.leisure_spot .bnr_box, .family_wrapper .bnr_box  {
		padding: 0 3%;
	}
	.tyo_otherarea_banner .bnr_box .listitem2,
	.tyo_otherarea_banner .bnr_box .listitem2 a {width: 100%;}

	.wrap_content .box_content {
		margin: 0 3%;
	}
}

/*----------------------------------------------------------------------
	追記：新コンポーネント
----------------------------------------------------------------------*/
.wrap_content .box_content {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	margin: .5rem;
}
/*.box_content > .image > .jretravel-image {
	margin-bottom: 1rem;
}*/
.wrap_content .box_content .link_text {
	display: -webkit-flex;
	display: flex;
}
.wrap_content .box_content .link_text a {
	display: block;
	background-position: 0 6px;
}
.wrap_content .box_content .btn.btn_wide.c_blue {padding: 0;}


/*----------------------------------------------------------------------
	追記：css 干渉
----------------------------------------------------------------------*/
a img:hover {opacity: 1 !important;}
a:hover {text-decoration: underline;}

/*.box_content {
	border: none !important;
	margin: 0 !important;
}
.link_text,
.box_content .link_text {text-decoration: none !important;}*/


/*----------------------------------------------------------------------
	追記：IE
----------------------------------------------------------------------*/
/*@media all and (-ms-high-contrast: none) {
	.colom1_spot .link_text a {display: inline-block;}
}*/

/*----------------------------------------------------------------------
	追記：再配布用
----------------------------------------------------------------------*/
/*お出かけスポット*/
.ttl_wrap h3.spot_ttl {
	font-weight: bold !important;
}
.ttl_wrap h3.spot_ttl::first-letter {
	padding: 0.8rem 1.1rem;
	border-radius: 50%;
	color: #fff;
	font-size: 2.8rem;
	margin-right: 5px;
}
.spot_autumn .ttl_wrap h3.spot_ttl::first-letter {
	background-color: #faa550;
}
/*.spot_box .top .section.season_spot {
	padding: 2px 10px 7px;
}*/
.spot_box .top .section.season_spot a h4 {
	font-weight: bold;
	font-size: 1.6rem;
}
/*コンテンツ*/
.section.ttl_blue_f a:hover {opacity: 1;}
.top .section.ttl_blue_f::before, .top .section.ttl_blue_f::after {
	height: 6px;
	content: "";
	visibility: visible;
}
.colom1_spot .feature .section h4,
.colom_spot .feature .section h4,
.box_col3 .feature .section h4 {
	font-weight: bold;
}
.colom1_spot .clm2_right .base_prod,
.codeitem .box_content .listitem li .base_prod,
.box_col3 .base_prod,
.colom_spot.border .base_prod {
	margin-bottom: 0;
}
.colom1_spot .clm2_right .btn.btn_wide.c_blue,
.codeitem .box_content .listitem li .btn.btn_wide.c_blue,
.box_col3 .btn.btn_wide,
.colom_spot.border .btn.btn_wide {
	width: 100%;
	font-size: 1.4rem;
	border: 2px solid #4b789a;
	border-radius: 5px;
}
.colom1_spot .clm2_right .btn.btn_wide.c_blue:hover,
.codeitem .box_content .listitem li .btn.btn_wide.c_blue:hover,
.box_col3 .btn.btn_wide:hover,
.colom_spot.border .btn.btn_wide:hover {
	opacity: 1;
}
@media screen and (max-width:767px) {
	.colom1_spot .area_titlebox>.area_name::before, .box_content .codeitem_area::before {
		width: 12px;
		height: 12px;
	}
	.colom1_spot .area_titlebox>.area_name::after, .box_content .codeitem_area::after {
		width: 4px;
		height: 4px;
	}
	.box_col3 .tx_lead::before, .box_col3 .tx_lead::after {
		top: 2px;
	}
	.wrap_content .box_content {
		margin: .5rem 3%;
	}
}

/*----------------------------------------------------------------------
	追記：画像の保存
----------------------------------------------------------------------*/
/*.box_content .jretravel-image .fade img {pointer-events: none;}
@media screen and (max-width:767px) {
	.box_content .jretravel-image .fade img {
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-touch-callout:none;
		-moz-user-select:none;
		touch-callout:none;
		user-select:none;
	}
}*/

/*----------------------------------------------------------------------
	追記：SP時バナー横並び解除
----------------------------------------------------------------------*/
@media screen and (max-width:767px) {
  .banner.tyo_otherarea_banner {
    width: 100%!important;
  }
}