@charset "utf-8";

.test01 {
	color: #37979A;/*タイトル背景など*/
	color: #547A9E;/*ボタン・アクセント*/
	color: #eef6f6;/*背景色*/
}
.test02 {
	color: #37979A;/*タイトル背景など*/
	color: #CC4435;/*ボタン・アクセント*/
	color: #eef6f6;/*背景色*/
}
/*-------------------test-------------------*/
.bg_b {
	background-color: #eef6f6;
}
.guide_test>h3 {
    text-align: center;
    border-bottom: 2px solid #547A9E;
    padding-bottom: 5px;
}
.bg_white {
    background-color: #fff;
    width: 50%;
}
.bg_white>h4 {
    background-color: #37979A;
    color: #fff;
    padding: 5px;
}
.guide_test>.btn {
    margin: 17px 0;
    padding: 0;
}
.guide_test>.btn>a {
    text-decoration: none;
    color: #fff;
    background-color: #3c6aa7;
    padding: 10px 20px;
}
/*-------------------test02-------------------*/
.guide_test>h3.test02 {border-bottom: 2px solid #CC4435;}
.guide_test>.btn.test02>a {background-color: #CC4435;}

.header_snav li:nth-child(2) a:before, ul.link_pattern li a:before {content: '';display: inline-block;border-style: solid;border-width: 5px 8px;border-color: transparent transparent transparent #646464;}
/*=====================================
                修正待ち
　=====================================*/
/*@media screen and (max-width: 767px){
	.remodal.remodal-fullPage.remodal-product {display: none;}
  .new{margin:0}
}
*/
/*=====================================
                注意文
　=====================================*/
.current_att_txt{background:#ffe5f0;padding: 2%;}
.nt_att_txt{background:#cce4e6;padding: 2%;}

.nt_att_txt{background:#cce4e6;padding: 2%;}
@media all and (min-width:569px){
  .current_att_txt, .nt_att_txt{text-align: center;}
}

/*=====================================
              header
  =====================================*/
.header {display: none;}
@media (max-width: 568px) {
.header_logo_box>.header_select_wrap {align-items: end;justify-content: flex-end;}
}

/*
@media (min-width: 569px) {
  .header_logo_box {height: 50px}
  .header_snav li a:before {content: none}
}
ul.link_pattern {position: absolute;right: 0;z-index: 999}
ul.link_pattern li {display: block;}
ul.link_pattern li a {background-color: #efefef;color: #444;text-align: left;padding: 17px 15px 17px 15px;}
ul.link_pattern li a:nth-child(1) {border-bottom: 1px solid #ddd}
ul.link_pattern li a:hover {background-color: #ddd;}
ul li ul.link_pattern {display: none;}
ul.header_snav li:hover ul.link_pattern,ul li.header_snav_reserve:hover ul.link_pattern {display: block;}
@media screen and (max-width: 568px) {
  ul.link_pattern {padding: 0 !important;right: -68px;opacity: 1;z-index: 1;}
  .header_sp_menu>.sp_menubox>p>span.outside_icon {background-image: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2012%2012"><path%20d="M302.64,421.91v2.61h-8.15v-8.15h2.61m6.44,3.81v-4.71h-4.71m-.9,5.5,5.29-5.3m-10.68,2.66v8.14h8.14"%20transform="translate(-292.04%20-414.97)"%20fill="none"%20stroke="%23fff"%20stroke-miterlimit="10"/></svg>');background-repeat: no-repeat;background-position: 0 4px;background-size: 12px;padding: 0 0 0 15px}
  .header_sp_menu .sp_menubox ul {margin: 0;padding: 0}
  .header_sp_menu .sp_menubox li:nth-child(2),.header_sp_menu .sp_menubox li:nth-child(3) {border: inherit;font-size: inherit;position: inherit;display: inherit;width: 100%;padding: 0}
  .header_sp_menu .sp_menubox ul li:nth-child(2) a {padding: 10px 22px 10px 15px !important}
  .header_sp_menu .sp_menubox ul li>p {margin: 0 0 0 4%;}
  .header_sp_menu .sp_menubox ul li:nth-child(2)>p a {padding: 0 0 0 6%;}
  .header_sp_menu .sp_menubox ul li>p a span {padding-left: 1%}
  .header_sp_menu .sp_menubox ul li:nth-child(2) {border-top: 1px dotted #999 !important;border-bottom: 1px dotted #999 !important;margin: .5% 0}
}*/
/*=====================================
                次期用
  =====================================*/

a:hover{opacity: .8;}
sup{font-size:.9rem}
.red{color:#CC4435}
.small{margin:.5% 0}
.bg_light_gray{background:#eee;}

.guide_wrap .experiencefragment,
.guide_wrap .guide_contents,
.guide_wrap .support_desk {padding: 0 2%;}

@media all and (min-width:569px) {
.guide_wrap .experiencefragment,
.guide_wrap .guide_contents,
.guide_wrap .support_desk {padding: 0 1%;}
}

/*------XF------*/

/*--clientlib-base.min.css--*/
.ace-breadcrumb + .experiencefragment > .xf-content-height {min-height: 0}

.experiencefragment div.freehtml div.support_desk {background: #f5f5f5;width: 90%;margin:0 auto;padding: 5%;}
.experiencefragment div.freehtml div.support_desk > ul{display:block}
.experiencefragment div.freehtml div.support_desk > ul li {padding:1%}
.experiencefragment div.freehtml div.support_desk > ul li:first-child {padding:0 1% 0}
.experiencefragment div.freehtml div.support_desk > ul li > h3 {border-bottom: none;padding: 0;margin: .5% 0 0 0;font-size: 16px;font-weight: 700;}
.experiencefragment div.freehtml div.support_desk > ul li > h3::after {border-bottom: none;}
.experiencefragment div.freehtml div.support_desk > ul li > h4 {margin: .5% 0 0 0;font-size: initial;}
.experiencefragment div.freehtml div.support_desk > ul li > h3 + p {font-size: 2.8rem;font-weight: 900;line-height: 1.6;}
@media screen and (min-width:569px) {
.experiencefragment div.freehtml div.support_desk {width: 97.5% !important;padding: 1.5% 10% !important;}
.experiencefragment div.freehtml div.support_desk > ul{display:flex}
.experiencefragment div.freehtml div.support_desk ul li/*:nth-child(2n)*/ {margin-left: 5%;}
.experiencefragment div.freehtml div.support_desk ul li:nth-child(2) {padding: 0 1%;}
}

/*----footer---*/
.bordertop {border-top: 1px solid #ccc;}

/*----リストコンポーネント装飾----*/

.guide_list .list>.bordertop.menu_box>li a{text-decoration: none;color:#222;font-weight: normal;font-size: .9em;}
.guide_list .list>.bordertop.menu_box>li a:hover{text-decoration:underline}
.guide_list .list>.bordertop.menu_box>li {margin: .5% 0;}
@media all and (min-width:569px) {
.guide_list .list>.bordertop.menu_box>li:after{top: 50%;border-top: 2px solid #008d91;border-right: 2px solid #008d91;width: 8px;height: 8px;}
}
@media all and (max-width:568px){
.guide_list .list>.bordertop.menu_box>li {padding: 8px 5px 8px 15px;border-bottom: 1px dotted #999;}
.guide_list .list>.bordertop.menu_box>li a{font-size: .8em;}
}

/*--ガイドメニュー--*/

.guide_box{display: flex;}
.title h2{font-weight:initial;width:95%;padding-left:4%}
.guide_box > p{position: relative;background: #999;cursor: pointer;width: 10%;height: 34px;border-radius: 5px;margin-right:2%}
.guide_box > p span{display: inline-block;transition: all .4s;position: absolute;background: #fff;width: 45%;height: 2px;left: 28%;border-radius: 2px;}
.guide_box > p span:nth-of-type(1) {top: 10px;}
.guide_box > p span:nth-of-type(2) {top: 17px;}
.guide_box > p span:nth-of-type(3) {top: 24px;}
.guide_box > p.active span:nth-of-type(1) {top: 11px;left: 11px;transform: translateY(6px) rotate(-45deg);width: 47%;}
.guide_box > p.active span:nth-of-type(2) {opacity: 0}
.guide_box > p.active span:nth-of-type(3){top: 23px;left: 11px;transform: translateY(-6px) rotate(45deg);width: 47%;}
#guide_menu{height: 0;overflow: hidden;opacity: 0;transition-duration: 0.4s;margin: 0 auto;}
#guide_menu.active {height: auto;opacity: 1;}
#guide_menu dt a {font-weight: normal;color: #222;text-decoration: none;width:100%}
#guide_menu dt a:hover{text-decoration:underline;}
@media all and (max-width:568px){
 #guide_menu_list > li {padding: 8px 5px 8px 15px;border-bottom: 1px dotted #999;margin: .5% 0;}
}
@media all and (min-width:569px){
.title h2{padding:.5% 0}
.guide_box > p{width: 4%;height: 38px;margin-right:1%}
.guide_box > p span{left: 29%;}
.guide_box > p span:nth-of-type(1) {top: 11px;}
.guide_box > p span:nth-of-type(2) {top: 18px;}
.guide_box > p span:nth-of-type(3) {top: 25px;}
.guide_box > p.active span:nth-of-type(1) {top: 13px;}
.guide_box > p.active span:nth-of-type(2) {opacity: 0}
.guide_box > p.active span:nth-of-type(3){top: 25px;}
#guide_menu_list > li{width:31%;}
#guide_menu_list > li:nth-child(3n+3) {width:34%;margin: .5% 0;}
#guide_menu_list > li:nth-child(3n+2){margin:.5% 1%}
#guide_menu.active.cmn_contents .clm_osusume_area {margin: 2rem 0 1.5rem;}
}

.guide_wrap h3 {border-bottom: 2px solid #ccc;font-weight:normal;line-height: 1.4;margin: 0 0 2%;padding: .5% 2% 1%;position: relative;}
.guide_wrap h3:after {content: '';width: 20%;border-bottom: 2px solid #999;position: absolute;bottom: -2px;left: 0;}
.guide_wrap h4 {margin-bottom:.5%}
.guide_wrap h4 + p {margin-top:1%}
.guide_contents.title_h4 h4{margin:30px 0 10px;}
.guide_contents.title_h5 h5{margin:12px 0 5px;}
.guide_wrap h6{font-size:1.4rem;}

.guide_wrap .outside_icon{padding:0 0 0 20px}

.guide_wrap .guide_contents p,.guide_wrap .guide_contents li{line-height: 1.8;}
.guide_wrap .guide_contents a{margin-left:1%}
.guide_wrap .guide_contents p a{margin:1% 0 1% 2%}

figure.hf_img{/*width:96%;margin:0 2%;*/text-align: center;}
figure.hf_img img {margin-top:12px;border: 1px solid #999;width:80%}
figure.hf_img figcaption{text-align: left;}
@media all and (min-width:569px) {

.guide_wrap h3 {margin: 0 0 1.5%;padding: .5% 1% 1%;}
.guide_wrap .guide_contents p a{margin:1% 0 1% 1%}
figure.hf_img { text-align: left;}
figure.hf_img img {width:26%}
}

/*--デコレーション デザイン--*/
.guide_contents ul.deco_round {width: 98%;margin-left: 2%;}
.guide_contents ul.deco_round li{list-style-type:disc;padding-top: .2%;}
.guide_contents p.deco_round::before{content:'●';display:inline-block;padding-right:.7%;}
.guide_contents ul.deco_round li.deco_asterisk,.guide_contents ul.deco_round li.deco_star{list-style-type:none;}
.guide_contents ul.deco_round li.deco_asterisk::before,.guide_contents ul.deco_asterisk li::before,.guide_contents p.deco_asterisk::before,.guide_contents figcaption.deco_asterisk::before{content:'※';display:inline-block;padding-right:.7%;}
.guide_contents ul.deco_round li.deco_star::before,.guide_contents p.deco_star::before{content:'★';display:inline-block;padding-right:.7%;}

ul.link_icon li:before,p.link_icon:before{width: 8px;height: 8px;border-top: 1px solid #666;border-right: 1px solid #666; -webkit-transform: rotate(45deg);transform: rotate(45deg); display: inline-block; content: '';margin-left: 1%;}
p.link_icon.under_link::before{ margin-bottom:.2%; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
@media all and (max-width:568px){
	.guide_contents ul.deco_round li{margin-left:2%}
}

/*--FAQ--*/
.faq details {
  margin: 0 auto 10px;
  width: 98%;
}

.faq summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  font-size: 16px;
  background-color: #eee;
  border-radius: 10px;
  cursor: pointer;
}

.faq summary::-webkit-details-marker {
  display: none;
}

.faq summary:hover,
.faq details[open] > summary {
  background-color: #ddd;
}

.faq summary::after {
  content: '+';
  margin-left: 30px;
  color: #666;
  font-size: 21px;
  transition: transform .5s;
}

.faq details[open] > summary::after {
  transform: rotate(45deg);
}

.faq summary + div  {
  padding: 20px;
  line-height: 1.6;
}

.faq details[open] > summary + div {
  animation: fadein .5s ease;
}

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.guide_wrap .guide_contents.faq details a{margin:1% 0 1%}
.guide_wrap .guide_contents.faq details p a.outside_icon {margin:0;padding:0 0 0 15px}
.guide_wrap .guide_contents.faq.faq  details h5{margin-left:-10px}

@media screen and (max-width:568px) {
  .faq details {width: 100%;}
  .faq details div{padding:10px}
}



/*--注意文章--*/
/*.guide_contents .att_box{padding:1%;border:2px solid #666;margin:2% 0}*/
@media screen and (max-width:568px) {
.guide_contents .att_box{margin:5% 0}
}
.guide_contents .attention{font-weight:bold;text-decoration:underline}
.guide_contents .attention span a{margin:1% 0}


/*--申込ボタン--*/
.guide_btn a{display: block;text-decoration: none;color: #537294;padding:10px 36px 10px 32px;position: relative;border: 2px solid #537294;}
.guide_btn a::after {position: absolute;content: "";display: block;top: 50%;right: 16px;width: 10px;height: 10px;margin-top: -5px;border-top: 2px solid #537294;   border-right: 2px solid #537294; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.guide_btn a:hover {background-color: #537294;color: #fff;}
.guide_btn a:hover::after {border-color: #fff;}
@media all and (min-width:569px){.guide_btn p{width:50%;margin:0 auto;}}



/*--段落変えたくない場合--*/
.guide_contents ul li.paragraph_left2{margin-left:-2%}
.guide_contents ul li.paragraph_right2{margin-left:2%}

/*--3カラムデザイン--*/
.guide_wrap ul.flex_box_3 {display:block;}
.guide_wrap ul.flex_box_3 li {padding: 5%;background: #f5f5f5;}
.guide_wrap ul.flex_box_3 li:nth-child(2n) {margin: 5% 0;}
.guide_wrap ul.flex_box_3 li > div {display:flex;}
.guide_wrap ul.flex_box_3 li img{width:30%;height:30%;margin-right:2%;}
.guide_wrap ul.flex_box_3 li h4 {width: 100%;line-height: 2.5rem;margin: 0 0 3% 3%;}
@media screen and (min-width:569px) {
    .guide_wrap ul.flex_box_3 {display: flex;}
    .guide_wrap ul.flex_box_3 li > div > div {margin-left:5%;}
    .guide_wrap ul.flex_box_3 li {padding: 1.5%;width:calc(100%/3);}
    .guide_wrap ul.flex_box_3 li:nth-child(2n) {margin: 0 1%; }
    .guide_wrap ul.flex_box_3 li img{width:25%;height:25%}
}

dl.side_box,dl.side_box2{display:flex;flex-wrap: wrap;font-weight:nomal}
dl.side_box dt,dl.side_box2 dt{font-weight:normal}
dl.side_box dd{width:90%}
dl.side_box2 dd{width:76%}

/*--- ナンバリング ---*/
.guide_wrap ol.num{list-style-type: decimal;margin-left: 1.5%;}
.guide_wrap ol.num > li::marker{font-weight:900;margin-right:10px}
.guide_wrap ol.num > li > h5 {margin-left: 5px;}
.guide_wrap ol.none{list-style-type: none}


/*--- flow---*/
.flow_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	counter-reset: number 0;
}
.flow_box::after {
	content: "";
	display: block;
	width: 48%;
	height: 0;
}
.flow_box>div {width: 48%;margin-right: 2%;margin-bottom: 1%;}
.flow_box>div:nth-child(2n) {margin-right: 0;}
.flow_box>div>h4 {padding: 3px 0 3px 6px;background: #f2f2f2;border-left: 4px solid #999;}
.flow_box>div>h4::before {counter-increment: number 1;content: counter(number) ".";}
.flow_box>div>p,.flow_box>div>ul {padding: 0 2%;}
.flow_box figure {text-align: center;margin-top: 12px;}
.flow_box figure>img {width: 54%;border: 1px solid #999;}
.flow_box>div>dl>dt {margin-top: 1%;}
.flow_box>div>dl>dd,.flow_box>div>dl>p {padding: 0 3%;}
.link_iconright {text-align: center;font-size: 1.6rem;}
.link_iconright>a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	margin-left: 0!important;
	padding: 10px 35px 10px 25px;
	background: #777;
	color: #fff;
	border-radius: 4px;
}
.link_iconright>a::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	top: 50%;
	right: 18px;
	border-top: 1px solid;
	border-right: 1px solid;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.flow_box dt>span {
	background: -webkit-gradient(linear,left top, left bottom,color-stop(80%, transparent),color-stop(80%, #b1e2e2));
	background: linear-gradient(transparent 80%,#b1e2e2 20%);
}
@media screen and (max-width: 568px) {
	.flow_box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.flow_box>div {width: 100%;margin-right: 0;}
	.flow_box figure>img {width: 80%;}
}
/*--- flow ここまで ---*/

/*------- 組み合わせ --------------------*/
ul.pattern_box {display: flex;flex-wrap: wrap;filter:grayscale(100%);}
.guide_wrap .pattern_box.bg_blue > li{background: #eff9f9;}
.guide_wrap .pattern_box > li {position: relative;background-color: #f5f5f5; align-items: start;padding:1%; width:96%;margin-bottom:3%;}
.guide_wrap .pattern_box > li:nth-child(2n) {margin-left:1%;}
.guide_wrap .pattern_box > li h5{background: inherit;border-bottom:1px solid #ccc;margin:0;padding:0 1% 1%}
.guide_wrap .pattern_box > li h5 + p{padding-top:2%}
.guide_wrap .pattern_box h5:before{content:none;}
.guide_wrap .pattern_box > li > div{display: flex;margin:3% 0 1%;text-align: center;align-items: center;justify-content: center;}
.guide_wrap .pattern_box > li > div > div {width: 48%;}
.guide_wrap .pattern_box > li > div figure{width:48%}
.guide_wrap .pattern_box > li > div figure > img{width:50px;margin:0 auto;}
.guide_wrap .pattern_box > li > div figure.center {display: grid;align-content: center;}
.guide_wrap .pattern_box > li > div figure.center > img{margin:0 auto}
.guide_wrap .pattern_box > li > div figure figcaption {font-size: 1.2rem;}
.guide_wrap .pattern_box > li > p.btn{text-align: center;width: 100%;}
.guide_wrap .pattern_box > li > p.btn > a{padding:2% 4%;background: #537294;border-radius: 20px; color:#fff;font-weight:normal;text-decoration: none;}
.guide_wrap .pattern_box > li > div p.color_box01 {width:48%}
.guide_wrap .pattern_box > li > div p.color_box03 {width: 12%;writing-mode: vertical-rl;}
.guide_wrap .pattern_box > li > div p.color_box01 span,.guide_wrap .pattern_box > li > div p.color_box02 span{background:#999;padding:2%;color: #fff;}
.guide_wrap .pattern_box > li > div p.color_box03 span {background:#999;padding:3px 0;color: #fff;}

.guide_wrap .pattern_box > li > div.w100 figure{width:100%}

.guide_wrap .pattern_box > li > div figure > img.three{width:104px;margin:0 auto;}
.guide_wrap .pattern_box > li > div figure > img.img_reflect{transform: scaleX(-1);}

.guide_wrap .pattern_box > li > div.img4 {display: inline-block;}
.guide_wrap .pattern_box > li > div.img4 div {display: flex;width:100%}
.guide_wrap .pattern_box > li > div.img4 > div.right_box {display: inline-flex;}
.guide_wrap .pattern_box > li > div.img4 > div.right_box p.arrow_icon.slash {margin-left: 52%;transform: rotate(30deg) translate(-75%,-8%);}

/*--アイコン--*/
.guide_wrap .pattern_box li div p.arrow_icon,.guide_wrap .pattern_box li div p.arrow_icon02,.guide_wrap .pattern_box li div p.arrow_icon03{display: flex;align-items: center;justify-content: center;}
.guide_wrap .pattern_box li div p.arrow_icon::after{content:'';width: 50px;height: 40px;background-color: #999;clip-path: polygon(10% 48%, 70% 48%, 70% 30%, 100% 50%, 70% 70%, 70% 52%, 10% 52%);}
.guide_wrap .pattern_box li div p.arrow_icon02::after{content:'';width: 50px;height: 40px;background-color: #999;clip-path: polygon(10% 48%, 70% 48%, 70% 30%, 100% 50%, 70% 70%, 70% 52%, 10% 52%);transform: scaleX(-1);}
.guide_wrap .pattern_box li div p.arrow_icon03::before {content: "";width: 50px;height: 40px;background-color: #999;clip-path: polygon(20% 48%, 60% 48%, 60% 30%, 85% 50%, 60% 70%, 60% 52%, 20% 52%);transform: rotate(90deg);
}
.guide_wrap .pattern_box > li > div figure > p.plus_icon {display: inline-block;vertical-align: text-top;color: #999;line-height: 1;width: 1.2em;height: 0.15em;background: currentColor;border-radius: 0.1em;position: relative;margin: 2% 4%;}
.guide_wrap .pattern_box > li > div figure > p.plus_icon::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: inherit;border-radius: inherit;transform: rotate(90deg);}

.pattern_box.bg_blue {display: flex;flex-wrap: wrap;filter:grayscale(0);}
/*バツ*/
.pattern_box.bg_blue>li::before {display: none;}
.guide_wrap .pattern_box>li::before {position: absolute;content: "";background-image: url(/content/dam/jretravel/site/page/guide/images/images2022/icon/img_model_icon16.png);background-position: center;background-repeat: no-repeat;background-size: contain;width: 80%;height: 80%;top: 58%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 2;opacity: .3;}
.guide_wrap .pattern_box>.li_h {height: 152px;}
.guide_wrap .pattern_box>.li_h>div {padding-top: 3%;}

@media screen and (min-width:569px) {
	.guide_wrap .pattern_box > li {width:calc(100% /2.025);margin-bottom:1%;}
  .guide_wrap .pattern_box > li > p.btn.a_clm2 {display: flex;justify-content: space-around;}
 }
@media screen and (max-width: 568px) {
	.pattern_box {justify-content: center;}
	.guide_wrap .pattern_box > li {width: 100%;}
	.guide_wrap .pattern_box > li:nth-child(2n) {margin-left: 0;}
  .guide_wrap .pattern_box > li h5{padding:2%}
	.guide_wrap .pattern_box li div p.arrow_icon03 {font-size: 1.2rem;}
	.guide_wrap .pattern_box > li > div p.color_box01 {width: 42%;font-size: 1.2rem;}
	.guide_wrap .pattern_box > li > div p.color_box02 {font-size: 1.2rem;}
	.guide_wrap .pattern_box li div p.arrow_icon::after,.guide_wrap .pattern_box li div p.arrow_icon02::after {width: 40px;height: 30px;clip-path: polygon(10% 48%, 70% 48%, 70% 30%, 93% 50%, 70% 70%, 70% 52%, 10% 52%);}
	.guide_wrap .pattern_box li div p.arrow_icon03::before {width: 40px;height: 30px;}
	.guide_wrap .pattern_box>.li_h {height: 120px;}
	.guide_wrap .pattern_box>.li_h>div {padding-top: 2%;}
  .guide_wrap .pattern_box > li > p.btn.a_clm2 a{display: block;margin:1% 0}
}

/*--テーブル--*/
.guide_wrap .guide_contents table {border-collapse: collapse;margin: 2% auto;padding: 0;table-layout: fixed;color: #222;width:100%}
.guide_wrap .guide_contents table tr {background-color: #fff;padding: .35em;border-bottom: 1px solid #ccc;}
.guide_wrap .guide_contents table tr:nth-child(4n){border-bottom: 3px double #ccc;}
.guide_wrap .guide_contents table th,
.guide_wrap .guide_contents table td {padding: 1em 10px 1em 1em;border-left:1px solid #ccc;}
.guide_wrap .guide_contents table tr > th{text-align:left;border-left:none;color: #222;}
.guide_wrap .guide_contents table th + th {padding: 1em 10px 1em 1em;border-left:1px solid #ccc;}
.guide_wrap .guide_contents table tr th[colspan="2"],table tr th.center{text-align:center}
.guide_wrap .guide_contents table tr th[colspan="2"]{font-size: 1.5rem;}
.guide_wrap .guide_contents table.tbl_01 {border-collapse: collapse;margin: 2% auto;padding: 0;table-layout: fixed;color: #222;width: 100%;}
.guide_wrap .guide_contents table.tbl_01 tr {background-color: #fff;padding: .35em;border-bottom: .01vw solid #ccc;}
.guide_wrap .guide_contents table.tbl_01 tr > th,
.guide_wrap .guide_contents table.tbl_01 tr > td{border-left:none;}
.guide_wrap .guide_contents table.tbl_01 th + th,
.guide_wrap .guide_contents table.tbl_01 td:nth-child(2) {padding: 1em 10px 1em 1em;border-left:1px solid #ccc;}
.guide_wrap .guide_contents table.tbl_01 th + th {width: 66%;}

/*--MV　テーブル--*/
.guide_wrap .guide_contents table.tbl02 tr,.guide_wrap .guide_contents table.tbl02 th,.guide_wrap .guide_contents table.tbl02 td {border: 1px solid #ccc;}

/*--返送先--*/
.guide_wrap div.content_box{background:#f5f5f5;border-radius:5px;margin:1% auto;padding:2% 3%;width:90%}
.guide_wrap div.content_box > p:first-child{border-bottom: 2px solid #ccc;line-height: 1.3;padding: 0 0 .5%;margin: 0 0 .5%;}
/*--- お問い合わせ ---*/
.experiencefragment div.freehtml div.support_desk {background: #f5f5f5;width: 90%;margin:0 auto;padding: 5%;}
.experiencefragment div.freehtml div.support_desk > ul{display:block}
.experiencefragment div.freehtml div.support_desk > ul li {padding:1%}
.experiencefragment div.freehtml div.support_desk > ul li:first-child {padding:0 1% 0}
.experiencefragment div.freehtml div.support_desk > ul li > h3 {border-bottom: none;padding: 0;margin: .5% 0 0 0;font-size: 16px;font-weight: 700;}
.experiencefragment div.freehtml div.support_desk > ul li > h3::after {border-bottom: none;}
.experiencefragment div.freehtml div.support_desk > ul li > h4 {margin: .5% 0 0 0;font-size: initial;}
.experiencefragment div.freehtml div.support_desk > ul li > h3 + p {font-size: 2.8rem;font-weight: 900;line-height: 1.6;}
@media screen and (min-width:569px) {
.experiencefragment div.freehtml div.support_desk {width: 97.5%;padding: 1.5% 10%;}
.experiencefragment div.freehtml div.support_desk > ul{display:flex}
.experiencefragment div.freehtml div.support_desk ul li/*:nth-child(2n)*/ {margin-left: 5%;}
.experiencefragment div.freehtml div.support_desk ul li:nth-child(2) {padding: 0 1%;}
}
/*--- /お問い合わせ ---*/

/*-----標識・旅行業約款・ご旅行条件書-----*/
.guide_wrap .guide_contents table.corporate{margin:2% auto;width:98%;}
.guide_wrap .guide_contents table.corporate tr{background-color: none;/*padding: .35em;*/border-bottom: none;}
.guide_wrap .guide_contents table.corporate tr:nth-child(4n){border-bottom: none;}
.guide_wrap .guide_contents table.corporate th,
.guide_wrap .guide_contents table.corporate td{border-left:none;}

.guide_wrap .guide_contents table.corporate th + th {padding: 2%;border-left:none;}
.guide_wrap .guide_contents table.corporate th{width:29%;padding:2%;}
.guide_wrap .guide_contents table.corporate td{width:70%;padding:2% 0 2% 2%}
.guide_wrap .guide_contents table.corporate tr:nth-child(odd){background:#eee}
.guide_wrap .guide_contents table.corporate span{display:block}

/*----------------------------------------
  ご旅行条件書(guide.css重複220707)
------------------------------------------*/


.guide_contents h3:after {content: '';width: 20%;border-bottom: 2px solid #999;position: absolute;bottom: -2px;left: 0;}
._guide_wrap h3 {border-bottom: 2px solid #ccc;font-weight: normal;line-height: 1.4;margin: 0 0 2%;padding: .5% 2% 1%;position: relative;}
.title.guide_contents h2{padding: .5% 0;}
@media all and (min-width: 569px) {
.guide_wrap h3 {margin: 0 0 1.5%;padding: .5% 1% 1%;}
}
@media all and (max-width:568px) {
.title.guide_contents h2 {padding-left: 2%;}
.ace-section>section>.ace-section {width: 100% !important;margin: 0;}
}
/*.guide_wrap .guide_contents+div, .guide_wrap .guide_contents p {width: 98%;padding: 0 1%;}*/
.guide_wrap .guide_contents.condutuins_box dl{display: flex;flex-wrap: wrap;}
.guide_wrap .guide_contents.condutuins_box dl dt{width:4.6%;vertical-align:top;white-space: nowrap;}
.guide_wrap .guide_contents.condutuins_box dl dd{width:94.4%;margin-bottom:1%;font-weight: normal;}
.guide_wrap .guide_contents.condutuins_box > dl > dd > dl {margin: 1% 0 0 1%;}
.guide_wrap .guide_contents.condutuins_box > dl > dd > dl > dt {width: 3%;}
.guide_wrap .guide_contents.condutuins_box>dl>dd>dl.att_txt_dl>dt {width: 4%;}
.guide_wrap .guide_contents.condutuins_box > dl > dd > p,.guide_wrap .guide_contents.condutuins_box > dl > dd > dl > dd > p {padding: 0;width: 100%;}

.guide_wrap .guide_contents .tbl_02 {width: 98%;margin:2% auto}
.guide_wrap .guide_contents .tbl_02 tr {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:1% 0;}
.guide_wrap .guide_contents .tbl_02 tr:first-child {background: #eee !important;}
.guide_wrap .guide_contents .tbl_02 tr:nth-child(odd) {background:none}
.guide_wrap .guide_contents .tbl_02 th:first-child, .guide_contents .tbl_02 td:nth-child(odd) {border-right: 1px solid #ddd;}
.guide_wrap .guide_contents .tbl_02 th, .guide_wrap .guide_contents .tbl_02 td:nth-child(even) {text-align:center}
.guide_wrap .guide_contents .tbl_02 td:nth-child(odd){border-left: none;}
.guide_wrap .guide_contents .tbl_02 th:nth-child(odd){width:60%;}
.guide_wrap .guide_contents .tbl_02 td:nth-child(even){ width: 39%;}
.guide_wrap .guide_contents .tbl_02 th, .guide_wrap .guide_contents .tbl_02 td{padding:1%}
.guide_wrap .guide_contents .tbl_02:nth-child(2) th:nth-child(odd){width:80%;}
.guide_wrap .guide_contents .tbl_02:nth-child(2) td:nth-child(even){ width: 19%;}
.guide_wrap .guide_contents .tbl_02 tr:nth-child(4n){border-bottom:none}/**/
@media all and (max-width:568px) {
.guide_wrap .guide_contents h4 {padding: 0 1% 2%;border-bottom: 1px solid #ccc;}
.guide_wrap .guide_contents.condutuins_box dl dt{width:11%;}
.guide_wrap .guide_contents.condutuins_box dl dd {width: 89%;}
.guide_wrap .guide_contents.condutuins_box>dl>dd>dl.att_txt_dl>dt {width: 11%;}
.guide_wrap .guide_contents.condutuins_box>dl>dd>dl>dt {width: 8%;}
.guide_wrap .guide_contents .tbl_02 th,
.guide_wrap .guide_contents .tbl_02 td {padding: 3% 1%}
}

/*----------------------------------*/
.guide_wrap .contents_box p {width: 98%; padding: 0 1%;}
.guide_wrap .contents_box .arrow_icon {position: relative; padding-left: 15px;}
.guide_wrap .contents_box .arrow_icon:before {position: absolute;content: '';width: 8px;height: 8px;border-top: solid 1px #6d6d6d;border-right: solid 1px #6d6d6d;-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 5px;left: 0;}
@media all and (max-width:568px) {
.guide_wrap .guide_contents dl dd.dd_h4 h4{margin: 5% 0 0 1%;}
}

/*----------------------------------------
  クーポンの使い方
------------------------------------------*/
.guide_wrap .att_box> div{display:flex;justify-content:center;}
.guide_wrap .att_box> div >figure{text-align:center}
.guide_wrap .att_box> div >figure:first-child{margin-right:2%}
@media screen and (min-width: 768px) {.guide_wrap .att_box> div >figure{width:20%}}
.guide_coupon{background:#eee}
.guide_coupon .title.feature .section a:hover{opacity:1}

.icon_coupon{display: inline-block;padding: .2rem .5rem;background: #f75163;color:#fff;margin:0 .5rem;font-size:.8rem}

.coupon_contents > div {background: #eee;margin: 2% 0;padding: 0 2% 2%;border-radius: 25px;}
.coupon_contents > div > h4 {margin: -10px 0 0.5%;padding: 1% 2%;display:flex;align-items: center;line-height: 1.4;}
.coupon_contents > div > h4.center{display:block;padding:2%}
.coupon_contents h4 span {counter-increment: number 1;content: counter(number,decimal-leading-zero) ". ";font-size:2.5em;font-style: italic;margin-right:.5%;width: 80px;}
.coupon_contents > div > p{font-size:.9em;}
.coupon_contents > div  a.arrow:before{width: 8px;height: 8px;border-top: 1px solid #666;border-right: 1px solid #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);display: inline-block;content: '';margin-right: 1%;}

.coupon_contents > div > div{background:#fff;padding: 2% 4%;border-radius: 0 0 20px 20px;}
.coupon_contents > div > div figure{text-align:center;margin-top:2%}
.coupon_contents > div > div figure figcaption{margin:1% 0;text-align:left;}

.coupon_contents dt {display: inline-flex;width: 2.5%;font-weight: normal;}
.coupon_contents dd {display: inline-flex;width: 97%;}

/*------- 表示 ------------------*/
.coupon_contents details{display:block;margin:1% auto;border:3px #aaa solid;position:relative;}
.coupon_contents details summary{position:relative;padding:2%;list-style:none;display:block;text-align:center;}
.coupon_contents details summary::-webkit-details-marker {display: none;}
.coupon_contents details summary h5 {position: relative;display: inline-flex;margin: 0;}
.coupon_contents details summary::after{content:'';display: inline-flex;vertical-align: middle;color: #aaa;line-height: 1;width: 1em;height: 1em;border: .2em solid currentColor;border-left: 0;border-bottom: 0;box-sizing: border-box;transform: translateY(-25%) rotate(135deg);transition: transform .4s;position: absolute;top: 40%;right: 4%;}
.coupon_contents details[open] summary::after {transform: rotate(-45deg);transition: transform .4s;}
.coupon_contents details[open] div{/*animation-name: contentsanime;animation-duration:5s;*/padding: 1% 2% 2%;}
/*@keyframes contentsanime{0%{opacity: .6;}100%{opacity: 1;}}*/
.coupon_contents details[open] div p {border-top:1px solid #ccc;padding-top:3%;}
.coupon_contents details[open] div + div {background: #eee;margin: 2%;}
.coupon_contents details summary + div ul {list-style: disc;padding: 0 2%;}
.coupon_contents > div > div > details > div > ul > li {margin-top: 30px;}

/*------- 注意事項 ---------------*/
/*.coupon_att {border: 5px #eee solid;padding: 2%;}
.coupon_att>div h4:after{content: '';border-bottom: 3px solid #eee;padding-bottom: 2%;margin-bottom: 2%;width: 100%;}
.coupon_att h4 + ul li{margin-left:2%;list-style:disc}*/
.xf-content-height{margin:0}

/*----------- SP -----------------*/
@media all and (max-width:767px){
.guide_wrap .att_box + h4{font-size: 1.5rem;line-height:1.3}
.coupon_contents > div{margin:10% 0;}
.coupon_contents > div > h4{padding:3% 2%;text-align:left;font-size: 1.1em;}
.coupon_contents > div > h4 > span {width: 26vw;font-size: 1.7em;}
.coupon_contents dt {display: inline-flex;width: 4.5%;font-weight: normal;}
.coupon_contents dd {display: inline-flex;width: 94%;}
.coupon_contents details{margin:5% 0}
.coupon_contents details summary{padding:3%}
.coupon_contents details summary::after {top: 34%;right:6%;}
.coupon_contents details summary h5 {font-size:1em}
.coupon_contents details[open] div{padding: 1% 6% 2%;}
.coupon_contents > div > div > details > div > ul > li > figure > figcaption{text-align:left;margin: 1% 0 2%;}
/*.coupon_att {padding: 2% 6%;}
.coupon_att h4{font-size: 1.1em;}*/
}

/*------------- 返送先 -----------------*/
.return_address{background:#f5f5f5;border-radius:5px;margin:1% auto;padding:2% 3%;width:90%}
.guide_contents .return_address p{line-height: 2;}

/*----------------------------------*/


/*全国旅行支援表記*/
.tx_note2{display:none;}