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


/*-------------------------------------------------------------
　　　　20220926　全国旅行支援対応
-------------------------------------------------------------*/
.read_txt{
	text-align: center;
	margin-bottom: 30px;
}

.txtlink_box{
	text-align: center;
}
.txtlink_box a{
	font-size: 1.1em;
}

.round_arrow {
  position: relative;
  padding-left: 15px;
}
 
.round_arrow::before { 
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #4682b4;
}
 
.round_arrow::after {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 7px;
	width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}


@media screen and (max-width:568px) {
	.read_txt{
	text-align: left;
	margin-bottom: 1em;
}
}

/*-------------------------------------------------------------
　　　　2021年　追記
-------------------------------------------------------------*/
.ttl_new {
	margin-bottom: 5px;
	font-size: 1.7rem;
	font-weight: bold;
	position: relative;
	color: #1c5b87;
	padding-left: 20px;
}
.ttl_new::before {
	position: absolute;
	content: "";
	width: 14px;
	height: 14px;
	background: #1c5b87;
	top: 7px;
	left: 1px;
}
.box_table {
	border: 1px solid #666;
	width: 100%;
	margin: 10px 0;
}
.box_table caption.ttl_table {
	color: #4d4d4d;
	font-size: 1.7rem;
	font-weight: bold;
	padding: 3px 10px;
	background: #f5e7c6;
	border: 1px solid #666;
	border-bottom: none;
	text-align: center;
	position: relative;
}
.box_table .ttl_table .tx_note {
	font-weight: normal;
	font-size: 1.2rem;
	position: absolute;
	bottom: 1px;
	right: 3px;
}
.wrap_overview .box_table tr {
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.wrap_overview .box_table tr:nth-last-of-type(1) {
	border-bottom: none;
}
.wrap_overview .box_table th, .wrap_overview .box_table td {
	padding: 3px 10px;
}
.wrap_overview .box_table th {
	background: #fcf6e8;
	border-right: 1px solid #ccc;
}
.tx_small {font-size: 1.2rem;}
.list_table li {
	padding-left: 12px;
	position: relative;
}
.list_table li::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	background: #4d4d4d;
	border-radius: 50%;
	top: 7px;
	left: 0;
}
@media screen and (max-width:568px) {
	.wrap_overview {
		width: 94%;
		margin: auto;
	}
	.ttl_new {
		margin-top: 5px;
		font-size: 1.6rem;
	}
	.box_table caption.ttl_table {
		line-height: 1.2;
		padding: 6px 10px;
	}
	.box_table .ttl_table .tx_note {position: static;}
	.wrap_overview .box_table th {width: 105px;}
}

/*-------------------------------------------------------------
　　　　ティザーサイト
-------------------------------------------------------------*/
/*h2*/
.illust_red {text-align: center;}
.illust_red h2 {
	font-size: 2.4rem;
	color: #f63341;
	padding: 8px 90px 8px;
	margin: 15px 0 30px;
	border-bottom: 1px solid #f63341;
	background-image: url("/content/dam/jretravel/site/page/lp/goto/images/ic_bag.png"),url("/content/dam/jretravel/site/page/lp/goto/images/ic_train.png");
	background-repeat: no-repeat,no-repeat;
	background-size: 45px 36px,55px 25px;
	background-position: bottom 8px left 20px,bottom 12px right 12px;
	display: inline-block;
	line-height: 1.5;
}

/*オレンジボックス*/
.top .section.tx_orange h3 {background-color: #fa954d;}
.box_orange {
	background-color: #fff9eb;
	border: 2px solid #f98b3e;
	border-radius: 14px;
	padding: 5px 20px 15px;
	margin-top: 15px;
}

/*メルマガ*/
.box_white {
	/*border-top: 1px solid #cccccc;*/
	border-bottom: 1px solid #cccccc;
	padding: 10px 0 30px;
}
.box_white .top .section h3 {
	border-bottom: 1px dashed #f63341;
	font-weight: bold;
	background-color: #fff;
	padding: 0px 10px 6px;
	color: #4d4d4d;
	border-radius: 0;
	font-size: 1.8rem;
}

/*背景色*/
.bg_red {background-color: #fff8f8;}
.bg_orange {background-color: #fff9eb;}

/*Coming Soon*/
.tx_comingsoon {transform: rotate(-5deg)}
.tx_comingsoon img {width: 300px;}

/*ボタン*/
.btn01_rt.btn_red {margin: 10px auto;}
.btn01_rt.btn_red a {background: #fa954d; padding-right: 50px;}
.btn01_rt.btn_red a::after {right: 5%;}

/*バナー*/
.box_bnr {margin: auto;width: 50%;}
.box_bnr a {display: block;}
.box_bnr a.txt_bnr {
	color: #4d4d4d;
	font-size: 1.5rem;
	padding-left: 20px;
	position: relative;
	margin-top: 2px;
}
.box_bnr a.txt_bnr::before,.box_bnr a.txt_bnr::after {
	content: "";
	position: absolute;
	display: block;
}
.box_bnr a.txt_bnr::before {
	width: 16px;
	height: 16px;
	background-color: #f26d78;
	border-radius: 50%;
	top: 12px;
	left: 0;
	margin-top: -8px;
}
.box_bnr a.txt_bnr::after {
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	top: 9px;
	left: 4px;
	transform: rotate(45deg);
}
.box_bnr .txt_bnr_lead {font-size: 1.2rem;}

/*動画*/
.wrap_movie {width: 560px; margin: 0px auto; border: 1px solid #ccc;}
.box_movie {position: relative; width: 560px; height: 315px;}
.movie {position: absolute; top: 0;	left: 0; z-index: 1;}
.thumb {position: absolute;	top: 0;	left: 0; z-index: 2; cursor: pointer;}

/*-------------------------------------------------------------
　　　　本サイト
-------------------------------------------------------------*/
.hover_img:hover {opacity: 0.8;}
.fs16 {font-size: 1.6rem;}

/* h2 */
.illust_red h2 .small_part {
	font-size: 1.7rem;
	color: #4d4d4d;
	background: linear-gradient(transparent 50%,#fff0cc 50%);
	padding: 0px 28px 5px 30px;
	position: relative;
}
.illust_red h2 .small_part::before,.illust_red h2 .small_part::after {
	position: absolute;
	content: "";
	width: 14px;
	height: 14px;
	bottom: 50%;
	margin-bottom: -5px;
	border-top: 1px solid #4d4d4d;
	border-left: 1px solid #4d4d4d;
}
.illust_red h2 .small_part::before {left: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.illust_red h2 .small_part::after {right: 10px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}

/* お客様へのご注意 */
.box_blue {
	border: 1px dashed #1c5b87;
	border-radius: 14px;
	padding: 12px 20px 25px;
	background-color: #fafdff;
}
.ttl_blue {
	font-size: 1.6rem;
	color: #1c5b87;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px dashed #1c5b87;
}

/* びゅうプラザへのリンク */
.link_page.btn01_rt.btn_red {margin-bottom: 32px;}

/* キャンペーン対象エリア */
.top .section.ttl_otoku h3 {
	color: #4d4d4d;
	font-weight: bold;
	position: relative;
	background: linear-gradient(transparent 55%,#fcefcf 55%);
	padding: 6px 40px;
	border-radius: 6px;
}
.top .section.ttl_otoku h3::before,.top .section.ttl_otoku h3::after {
	position: absolute;
	display: block;
	content: "";
	background: #4d4d4d;
	width: 2px;
	height: 30px;
	top: 5px;
}
.top .section.ttl_otoku h3::before {
	left: 15px;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.top .section.ttl_otoku h3::after {
	right: 15px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.box_area {margin: 0px 8px;}
.box_area .ttl_area h3 {
	border-radius: 0;
	display: block;
	text-align: center;
	margin-bottom: 8px;
}
.box_area.cmn_contents .clm_osusume_area {margin: 5px 0;}
.wrap_area.top_stage .box_area_tour01 {min-height: 17em;}
.wrap_area.second_stage .box_area_tour01 {min-height: 10em;}
.box_area_tour01, .box_area_tour02 {margin: 0px 3px;}
.ttl_area_box {
	color: #1c5b87;
	font-weight: bold;
	border-bottom: 1px dashed;
	padding: 0px 8px 2px;
}
.box_area .ttl_area.hokkaido h3 {background-color: #6cb9f0;}
.box_area .ttl_area.tohoku h3 {background-color: #8fc248;}
.box_area .ttl_area.kanto h3 {background-color: #c49fc8;}
.box_area .ttl_area.izu h3 {background-color: #f4a150;}
.box_area .ttl_area.koushinetsu h3 {background-color: #ec7591;}
.box_area .ttl_area.hokuriku h3 {background-color: #738ec5;}
.box_area .ttl_area.shutoken h3 {background-color: #ea514a;}
.list_arrow_2>ul.area_link_list>li:before {background-color: #f2a2a9;}
.list_arrow_2>ul>li a {color: #4d4d4d;}

/* タイトル装飾 */
.top .section.ttl_line h2 {position: relative;color: #1c5b87;}
.top .section.ttl_line h2::before,.top .section.ttl_line h2::after {
	display: block;
	content: "";
	position: absolute;
	top: -5px;
	width: 5px;
	height: 36px;
	border-top: 1px solid #2371a9;
	border-bottom: 1px solid #2371a9;
}
.top .section.ttl_line h2::before {left: -20px; border-left: 1px solid #2371a9;}
.top .section.ttl_line h2::after {right: -20px; border-right: 1px solid #2371a9;}

/* メッセージ */
.box_message {margin-top: 0;/*padding: 0px 15px 18px;*/}
.ttl_message {padding-right: 32px;}
.top .section.ttl_message h2 {
	border-bottom: 1px dashed #f63341;
	padding: 0px 6px 3px;
	position: relative;
	line-height: 1.5;
	font-size: 1.6rem;
	margin: 20px auto 18px;
}
.top .section.ttl_message h2::before,
.top .section.ttl_message h2::after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.top .section.ttl_message h2::before {
	right: -20px;
	bottom: 10px;
	color: #f63341;
	margin-left: 4px;
	margin-top: 7px;
	width: 14px;
	height: 4px;
	border-radius: 1px;
	border: 1px solid currentColor;
	background-color: currentColor;
}
.top .section.ttl_message h2::after {
	right: -8px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid #f63341;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* SNSアカウント */
.wrap_sns {
	padding: 15px 40px 18px;
	margin: 30px auto 0;
	background-color: #f2f8fc;
	width: 65%;
	text-align: center;
	border-radius: 10px;
	border: 1px dashed #2371a9;
}
.box_sns_icon {
	margin: 20px auto;
	background-color: #fff;
	padding: 20px 30px;
	display: inline-block;
	border-radius: 10px;
}
.box_sns_icon img {height: 32px;}
.top .section.ttl_sns h1 {
	font-size: 1.5rem;
	font-weight: bold;
	padding: 0px 6px 8px;
	color: #154263;
	border-bottom: 1px dashed #2371a9;
}
.box_sns_icon {margin: 20px auto; text-align: center;}
.img_sns_icon {display: inline-block; margin: 0 15px;}

/* ホテルブランド*/
.bnr_hotelbrand li {text-align: center;}
.tyo_otherarea_banner .bnr_hotelbrand .textitem {
	font-size: 1.6rem;
	margin-top: 10px;
	padding: 0px 10px;
	display: inline-block;
	font-weight: bold;
	border-top: 1px solid #6a6a6a;
	border-bottom: 1px solid #6a6a6a;
}

/* びゅうたび */
.wrap_viewtabi {padding: 0px 0 30px; margin: 30px auto 50px;}
.wrap_area_viewtabi {
	background-color: #fff;
	padding: 0px 0 30px;
	border-radius: 20px;
}
.bnr_viewtabi {margin: 0px 3px;}

/* エリア別 */
.wrap_area {padding: 10px 10px 20px;}
.info_box_component {
	background-color: #fff;
	border-color: #f98b3e;
	border-radius: 20px;
}
.tx_info {margin: 5px 5px 0;}
.box_area_viewtabi .ace-section.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--offset--default--0 {
	margin: 0px 83px;
	padding: 0px 40px;
}
.box_area_viewtabi .bnr_viewtabi {margin: 0px 35px;}
.wrap_area .illust_red h2 {margin-top: 0;}
.btn_col3 {text-align: center;}
.btn_col3 li {display: inline-block;width: 30%;margin-top: 10px;}
.bg_orange .codeitem .listitem li {background-color: #fff;}
.btn01_rt.col3 {width: 100%;}

/* TOHOKU EMOTION ボタン */

.btn_tohoku01 a {
	position: relative;
	background-color: #fafafa;
	color: #5e5e5e;
	border: 2px solid #e4e3de;
	padding: 13px 60px 17px 32px;
	font-weight: bold;
}
.btn_tohoku01 a::before {
	position: absolute;
	content: "";
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	border: 2px solid #5e5e5e;
	border-radius: 10px;
	left: -6px;
	top: -6px;
}
.btn_tohoku01 a::after {border-color: #222; margin-top: -2px;}
.btn_tohoku01 a:hover {
	opacity: 1;
	border: none;
}

/*-------------------------------------------------------------
　　　　クーポンページ
-------------------------------------------------------------*/
.box_coupon {margin: 10px auto 20px;width: 36%;}
.box_coupon.coupon_only {width: 17%;}


/*-------------------------------------------------------------
　　　　ティザーサイト
-------------------------------------------------------------*/
@media screen and (max-width:568px) {
	/*h2*/
	.illust_red h2 {
		font-size: 1.8rem;
		padding: 4px 45px;
		margin-bottom: 15px;
		background-size: 23px 18px,28px 13px;
		background-position: bottom 8px left 10px,bottom 8px right 5px;
		text-align: center;
	}
	/*オレンジボックス*/
	.box_orange {
		border-radius: 10px;
		padding: 0px 10px 10px;
		margin: 25px 10px 0;
	}
	/*メルマガ*/
	.box_white {padding: 0 0 12px; margin: 0 10px 0;}
	
	/*ボタン*/
	.btn01_rt.btn_red a {padding: 10px 50px 10px 25px;}
	
	/*Coming Soon*/
	.tx_comingsoon img {width: 230px; margin: auto;}
	
	/*バナー*/
	.box_bnr {width: 100%; padding: 0px 10px;}
	.box_white .box_bnr {padding: 10px;}
	
	/*動画*/
	.box_movie {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 56.25%;
	}
	.box_movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.wrap_movie,.box_movie {width: 100%;}
	
	
	/*-------------------------------------------------------------
		本サイト
	-------------------------------------------------------------*/
	.wrap_area.top_stage .box_area_tour01,.wrap_area.second_stage .box_area_tour01 {min-height: auto;}
	.box_area.aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--3,.box_area.aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--6 {width: 100%;}
	
	/* h2 */
	.illust_red.ttl_start h2 {padding: 4px 5px 8px; font-size: 1.6rem;}
	.illust_red h2 .small_part {font-size: 1.4rem; padding: 0px 15px 3px 17px;}
	.illust_red h2 .small_part::before, .illust_red h2 .small_part::after {width: 10px; height: 10px; margin-bottom: -4px;}
	.illust_red h2 .small_part::before {left: 6px;}
	.illust_red h2 .small_part::after {right: 6px;}
	
	/* お客様へのご注意 */
	.box_blue {
		border-radius: 10px;
		padding: 10px 6px 20px;
		margin: 0px 10px;
	}
	
	/* びゅうプラザへのリンク */
	.link_page.btn01_rt.btn_red {margin: 10px auto 20px; width: 94%;}
	.link_page.btn01_rt.btn_red a {font-size: 1.4rem;}
	
	/* キャンペーン概要 */
	.box_orange .top .section h2 {margin: 7px auto 12px;}
	
	/* キャンペーン対象エリア */
	.top .section.ttl_otoku h3 {margin-bottom: 0; padding: 6px 24px;}
	.top .section.ttl_otoku h3::before,.top .section.ttl_otoku h3::after {height: 20px; top: 9px;}
	.top .section.ttl_otoku h3::before {left: 10px;}
	.top .section.ttl_otoku h3::after {right: 10px;}
	.box_area {margin: 0px;}
	.box_area_tour01 {margin-bottom: 10px;}
	.box_area_tour01, .box_area_tour02 {margin: 0px 3px 15px;}
	.ttl_area_box {width: 96%;}
	
	/* タイトル装飾 */
	.top .section.ttl_line h2 {padding: 0px 25px;}
	.top .section.ttl_line h2::before,.top .section.ttl_line h2::after {top: -0.2em; height: 125%;}
	.top .section.ttl_line h2::before {left: 10px;}
	.top .section.ttl_line h2::after {right: 10px;}
	
	/* ホテルブランド*/
	.tyo_otherarea_banner .bnr_hotelbrand .textitem {font-size: 1.4rem;}
	
	/* メッセージ */
	/*.box_message {padding: 0px 10px;}*/
	.top .section.ttl_message {padding-right: 15px;margin-bottom: .7em;}
	.top .section.ttl_message h2 {margin: 0 auto 0;}
	.top .section.ttl_message h2::before {right: -15px;}
	.top .section.ttl_message h2::after {right: -3px;}
	
	/* SNSアカウント */
	.wrap_sns {padding: 0px 8px 20px; margin: 20px auto 0; width: 94%;}
	.box_sns_icon {margin: 5px auto;}
	.top .section.ttl_sns {margin: 16px 0 0;}
	.box_sns_icon {margin: 12px auto;}
	.top .section.ttl_sns h1 {line-height: 1.4;}
	.tx_sns {width: 92%;}
	
	/* びゅうたび */
	.wrap_viewtabi {padding: 0px 0 10px; margin: 0px 0px 10px;}
	
	/* エリア別 */
	.info_box_component {border-radius: 10px;}
	.logo_viewtabi img {margin: 0 auto; width: 75%;}
	.wrap_viewtabi .feature .section h2 {margin: 10px auto;}
	.box_area_viewtabi {border-radius: 10px;}
	.box_area_viewtabi .ace-section.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--offset--default--0 {margin: 0; padding: 0px 10px;}
	.box_area_viewtabi .bnr_viewtabi {margin: 0;}
	.box_area_bnr .listitem2 {width: 100%;}
	.btn_col3 li {width: 94%;}
	.wrap_area .ttl_blue02 h2 {margin-bottom: 10px;}
	.wrap_area .btn01_rt {margin: 12px auto;}
	.btn01_rt.col3 {width: 94%;}
	
	/* エリア別 XFのバナー */
	.wrap_area .pref_midashi h2.fourcols_title img {max-height: 100%;}
	
	/* TOHOKU EMOTION ボタン */
	.btn_tohoku01::after {border-color: #5e5e5e; margin-top: -3px;}
	.btn_tohoku01 a::before {left: -7px; top: -7px;}
	.btn_tohoku01 a {padding: 13px 50px 17px 25px;}
	
	/*-------------------------------------------------------------
　　　　クーポンページ
	-------------------------------------------------------------*/
	.box_coupon {margin: 5px auto 10px;	width: 75%;}
	.box_coupon.coupon_only {width: 37.5%;}
}

/*-------------------------------------------------------------
　　　　GoTo用商品CP
-------------------------------------------------------------*/

.special_price .normal_price{display:none;color:#222;font-size:1.2rem;margin-top:10px}
.special_price .normal_price:before{content:'旅行代金：';display: inline-block;margin-right:5px;}
.special_price .discount_price{display:none;color:#222;font-size:1.2rem}
.special_price .discount_price:before{content:'旅行代金への給付額：';display: inline-block;margin-right:5px;}
.special_price .price_note{color:#222;font-size:1.2rem;text-align: center;margin: 10px 0 0/* -10px*/;font-weight: bold;background: #eee;padding: 5px;/*display:none*/}
.special_price .price_note:after{content:'地域共通クーポン付';display: inline-block;text-align: right;}
.special_price .listitem4 .price_note{margin:10px 0}
.special_price .autolist_price:before{content:'お支払い実額：';display: block;font-size:1.4rem;color:#222;font-weight:bold;margin-top:15px}

/*
.special_price .codeitem .listitem a{display:inline-flex;display : -ms-inline-flexbox;display : -webkit-inline-flex;flex-direction:column;-webkit-flex-direction:column}
.special_price .codeitem_img{order:1}
.special_price .codeitem_area {order:2;width:fit-content;width: -ms-max-content;width: -moz-max-content;}
.special_price .codeitem_tag {order:3}
.special_price .codeitem_ttl {order:4}
.special_price .autolist_price {order:5}
.special_price .autolist_conditions {order:6}
.special_price .price_note {order:7}
.special_price .codeitem_txt {order:8}

@media all and (-ms-high-contrast:none){
.special_price .codeitem .listitem li{width:calc(99% /2);}
.special_price .codeitem .listitem li a{width:100%;flex:1 1 auto;}
.special_price .codeitem_img{height:100%}
.special_price .codeitem_img img{height:100% !important}
}*/

/*テスト環境のみ反映*/
/*.special_price .price_note__test{display:none;color:#222;font-size:1.2rem;text-align: center;margin: 10px 0 -10px;font-weight: bold;background: #eee;padding: 5px;}
.special_price .price_note__test:after{content:'地域共通クーポン付';display: inline-block;text-align: right;}
.special_price .listitem4 .price_note__test{margin:10px 0}*/

@media screen and (max-width:568px){
.cmn_contents.special_price .freehtml {width: 100% !important;}
.special_price .codeitem_ttl {font-size: 1.7rem;}
/*	.special_price .listitem4 .price_note,  .listitem4 .price_note__test{width:90%;}*/
}

/*IE用*/

@media all and (-ms-high-contrast:none){
.slick-slide .codeitem .codeitem_img img {
    width: 100%;
    height: calc(100%/2);
}
}

/*-------------------------------------------------------------
　　　　GoTo用style追加
-------------------------------------------------------------*/
/*ページ内リンク*/
.spanel{margin-top:-40px !important;padding-top:65px;}
@media all and (max-width:568px){
	.spanel{margin-top:-90px;padding-top:90px;}
}
/*検索パネル用*/
#keywordRm + p{font-size: 1.1rem;line-height: 1.3;/*color: #c00;*/margin: 5px 0 20px;}