@charset "utf-8";


/*a{outline:none !important;}
a:focus{outline:none !important;}*/


.view_pc {
  display: none !important; }
  @media only screen and (min-width: 568px) {
    .view_pc {
      display: block !important; } }

.view_sp {
  display: none !important; }
  @media only screen and (max-width: 567px) {
    .view_sp {
      display: block !important; } }



.ani {animation: yureru-j 4s infinite;}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}



@media all and (min-width:950px) {

*{margin: 0;padding: 0}
h1.ttl-text{display: none;}
	
.first.imageSlidesp{display: none;}	
.first.imageSlidepc{margin: 0 calc(50% - 50vw);width: 100vw;margin-bottom: 30px;position:relative;}
.first.imageSlidepc::before{content: "";display: block;padding-top: 27%;}	
.first.imageSlidepc img{width: 100%;display: block;position: absolute;top: 0;left: 0;height: 100%;}	
	
	
/*.headerarea {margin: 0 calc(50% - 50vw); width: 100%;}
.headerarea>img.view_pc{position: absolute;z-index: 5;left: 0;right: 0;top: 25%;max-width: 950px;margin: auto;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));}
.headerarea>img.view_sp{display: none;}
.detail{max-width: 1200px;padding: 60px 0;display: flex;flex-direction: column;font-size: 16px;line-height: 1.6rem;color: #333;}
.detail h2{display: block;margin: auto;}
.detail h2 img{display: block;margin: auto;max-width: 640px;}
.detail h3{font-size: 22px;font-weight: bold;color:#b09d3e;text-align: center;margin-top: 20px;line-height: 1.6rem;}
.detail p{line-height: 36px;display: flex;font-size: 18px;align-items: center;margin-top: 30px;}
.detail p>span{display: block;flex: 1;}
.detail p>img{height: auto;display: block;margin-left: 40px;flex-basis: 540px;max-width: 100%;flex-shrink:0;width: 540px;}
.detail .covid{box-sizing: border-box;text-align: center;margin: -30px auto 0px;}*/




.brpc{display: block !important;}
.brsp{display: none !important;}



	
	
#all{background-color:#f9dc1e;margin: 0 calc(50% - 50vw);width: 100vw;padding-top: 190px;padding-bottom: 30px;} 
#all .all_inner{max-width: 1200px;box-sizing: border-box;margin: auto;position: relative;margin-top: -120px;}    
#all .all_inner img{position: relative;}
#all .all_inner p{position: absolute;left: 0;right: 0;margin: auto;top: 72%;}
#all .all_inner a{}   	
	
	
	
	



#hotel{font-size: 16px;line-height: 1.6rem;color: #333;background-color:#d7d7d3;padding: 100px 0;box-sizing: border-box;margin: 0 calc(50% - 50vw);width: 100vw;}
#hotel .hotel_inner{max-width: 1200px;margin: auto;}
#hotel h2{display: block;margin: auto;width: 100%;margin-bottom: 20px;}
#hotel h2 img{display: block;margin: auto;max-width: 640px;}
#hotel .hotel_inner>p{width: 70%;margin: auto;box-sizing: border-box;padding: 20px;border: 1px solid #333;line-height: 26px;}

.hotelbox{background-color: #fff;padding: 30px 0;margin: 30px 0;display: flex;flex-wrap: wrap;}
.hotelbox h3{font-size: 20px;font-weight: bold;line-height: 26px;margin-bottom: 10px;padding: 0 20px;width: 100%;}
.hotelbox h3 span{display: inline-block;margin-right: 8px;font-size: 16px;background-color: #ED8500;color: #fff;padding: 5px 10px;white-space: nowrap;}
.hotelbox h3 a{font-size: 20px;font-weight: bold;display: block;display: flex;align-items: center;}

.hotelbox .hc1{width: 50%;}
.hotelbox .hc2{width: 50%;}

.hotelhalf .hotelbox .hc1{width: 100%;}
.hotelhalf .hotelbox .hc2{width: 100%;}

.hotelbox .sslide {position: relative;}
.hotelbox .sslide li:nth-of-type(1) {width: 100%;position: relative;}
.hotelbox .sslide li:nth-of-type(n+2) {width: 33.3333%;float: left;position: relative;right: inherit;top:0;}
.hotelbox .sslide li{position: relative;}
.hotelbox .sslide li span.f{position: absolute;left: 0;top: 0px;text-align: left;font-size: 14px;background-color: rgba(255,255,255,0.7);display: block;padding: 3px 5px;}
.hotelbox .sslide li span.e{position: absolute;right: 0;bottom: 0;text-align: right;font-size: 14px;display: block;padding: 3px;color:#333;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
.hotelbox .sslide li span.smoji{letter-spacing: -2px;}
.hotelbox .sslide li img{width: 100%;display: block;height: auto;}
.hotelbox .hdetail{clear: both;padding: 30px;box-sizing: border-box;display: flex;flex-direction: column;padding-top: 0;}
.hotelbox .hdetail li{width: 100%;line-height: 26px;margin-bottom: 25px;}
.hotelbox .hdetail li>img{display: block;max-width: 170px;margin-bottom: 15px;}
.hotelbox .hdetail li>p{flex: 1;}
.hotelbox .hdetail li .kagome_box{display: flex;border: 2px solid #0b7a35;border-radius: 10px;box-sizing: border-box;padding: 15px;margin-top: 15px;width: 100%;}
.hotelbox .hdetail li .kagome_box span{width: 60px;margin-right: 20px;display: block;}
.hotelbox .hdetail li .kagome_box span img{width: 100%;height: auto;display: block;}
.hotelbox .hdetail li .kagome_box p{}
.hotelbox .hdetail li .kagome_box p b{color: #0b7a35;display: block;margin-bottom: 10px;font-weight: bold;font-size: 18px;}

#hotel .hotelhalf{display: flex;justify-content: space-between;flex-wrap: wrap;}
#hotel .hotelhalf .hotelbox{width: 49%;display: block !important;}
#hotel .hotelhalf .hotelbox .sslide li:nth-of-type(1) {width: 100%;position: relative;}
#hotel .hotelhalf .hotelbox .sslide li:nth-of-type(n+2){width: 50%;float: left;position: relative;right: inherit;top:0;}
#hotel .hotelhalf .hotelbox .hdetail{clear: both;padding: 30px;box-sizing: border-box;display: flex;flex-direction: column;}
#hotel .hotelhalf .hotelbox .hdetail li{width: 100%;line-height: 26px;display: flex;margin-bottom: 25px;flex-wrap: wrap;align-items: flex-start;}
#hotel .hotelhalf .hotelbox .hdetail li>img{display: block;max-width: 43px;margin-bottom: 15px;flex-basis: 43px;margin-right: 20px;}
#hotel .hotelhalf .hotelbox .hdetail li>p{flex: 1;}
small.att{display: block;width:100%;margin-top: 25px;font-size: 16px;margin-bottom: -40px;text-align: center;}

/*.tab{display: flex;margin-top: 50px;}
.tab li{margin:0 0.5% 0 0 !important;background-color:#fff;width: 33%;position: relative;}
.tab li:nth-of-type(3)  {margin-right:0 !important;}
.tab>li.active .tabimg_pc_on {position: absolute;margin: auto;text-align: center;top:-35px;left: 0;right: 0;width: 90%;display: block !important;z-index: 1;}
.tab li .tabimg_pc_on {display: none !important;}
.tab li .tabimg_pc_off {position: absolute;margin: auto;text-align: center;top:-35px;left: 0;right: 0;width: 90%;display: block !important;}
.tab li .tabimg_sp_on {display: none !important;}
.tab li .tabimg_sp_off {display: none !important;}
.tab>li.active{background-color:#44aeae;color:#fff !important;}
.tab li:hover{cursor:pointer;}
.tab>li{color:#44aeae;text-align: center;}
.tab li span{display: block;font-weight: bold;font-size: 22px;margin: 40px 0;}
.tab>li br{display: none;}
.tab>li p{position: relative;height: 100%;display: flex;align-items: center;justify-content: center;}
.tab>li.active p:after {content:url("/domtour/okinawa/workation/image/tabarrow.png");position: absolute;left: 0;right: 0;bottom: -19px;text-align: center;margin: auto;}*/



.tab{display: flex;margin-top: 50px;}
.tab li{margin:-60px 0.5% 0 0 !important;width: 33%;padding-top: 100px;}
.tab>li p{background-color:#fff;width: 100%;position: relative;}
.tab li:nth-of-type(3) {margin-right:0 !important;}
.tab>li.active .tabimg_pc_on {position: absolute;margin: auto;text-align: center;top:-35px;left: 0;right: 0;width: 90%;display: block !important;z-index: 1;}
.tab li .tabimg_pc_on {display: none !important;}
.tab li .tabimg_pc_off {position: absolute;margin: auto;text-align: center;top:-35px;left: 0;right: 0;width: 90%;display: block !important;}
.tab li .tabimg_sp_on {display: none !important;}
.tab li .tabimg_sp_off {display: none !important;}
.tab>li.active p{background-color:#44aeae;color:#fff !important;}
.tab li:hover{cursor:pointer;}
.tab>li{color:#44aeae;text-align: center;}
.tab li span{display: block;font-weight: bold;font-size: 22px;padding: 40px 0;}
.tab>li br{display: none;}
.tab>li.active p:after {content:url("/domtour/okinawa/workation/image/tabarrow.png");position: absolute;left: 0;right: 0;bottom: -19px;text-align: center;margin: auto;}





.tab_sub{display: flex;margin-top: 30px;border-bottom: 3px solid #3352AC;}
.tab_sub li{width: 100%;text-align: center;font-size: 20px;padding: 25px 0;background-color: #fff;color: #3352ac;position: relative;font-weight: bold;}
.tab_sub li:hover{cursor:pointer;}
.tab_sub li.active{background-color:#3352AC;color: #fff;}
.tab_sub li.active:after {content:url("/domtour/okinawa/workation/image/201224/tabarrow2.png");position: absolute;left: 0;right: 0;bottom: -19px;text-align: center;margin: auto;}
.tab_sub li br{display: none;}

.list .inner,.list .inner>div{display:none;}
.list .inner.active{display:block;}
.list .inner>div.active{display:block;}


.tabm{display: flex;margin-top: 30px;}
.tabm li{width: 100%;text-align: center;font-size: 20px;padding: 25px 0 !important;background-color: #fff;color: #000;position: relative;font-weight: bold;border: 2px solid #69bfbe !important;}
.tabm li:nth-of-type(1){border-right: none !important;}
.tabm li:hover{cursor:pointer;}
.tabm li.active{color: #000;border-bottom: none !important;}
.tabm li.active::before{content: "";border-top: 5px solid #69bfbe !important;position: absolute;top: 0;left: 0;width: 100%;}	
.tabminner{display:none;}
.tabminner.active{display:block;border: 2px solid #69bfbe;box-sizing: border-box;padding: 40px 0;border-top: none;}
.tabminner.linktab{position: relative;}		
.tabminner.linktab a{position: absolute;text-indent: -9999px;width: 18.5%;height: 8%;background:rgba(0,0,0,0);top: 65%;left: 40%;}
	
	

.res-btn-link a {padding: 20px 26px 20px 10px;width: 75% !important;}

	
	
	


.mod-travel_select_list,.mod-type_select{display: none !important;}
.d_moduleArea .res-contents{margin-top:0px;}
.mod-tab_contents.js-mod-list-tab_contents.is-active > *{border:none !important;}


.tebura{margin-top: 30px;display: block;}

.b2layout{}
.b2layout p{display: flex;width: 90%;margin-left: auto;margin-right: auto;}
.b2layout a{}

.kagome_box.sp{display: none !important;}


.hc1 .kagome_box{display: flex;border: 2px solid #0b7a35;border-radius: 10px;box-sizing: border-box;margin: auto;padding: 15px;margin-top: 160px;width: 90%;}
.hc1 .kagome_box span{width: 60px;margin-right: 20px;display: block;}
.hc1 .kagome_box span img{width: 100%;height: auto;display: block;}
.hc1 .kagome_box p{line-height: 26px;}
.hc1 .kagome_box p b{color: #0b7a35;display: block;margin-bottom: 10px;font-weight: bold;font-size: 18px;}



.optionarea.sp{display:none;}
.optionarea{padding: 30px;width: 90%;border: 3px solid #ff870c;border-radius: 10px;box-sizing: border-box;margin: auto;margin-top: 160px;}
.optionarea ul{display: flex;justify-content: space-between;margin-top: 15px;}
.optionarea ul li{width: 47% !important;line-height: 26px;}
.optionarea b{font-size: 18px;color: #ff870c;display: block;font-weight: bold;}
.optionarea b small{font-size: 15px;color: #333;display: block;margin-top: 10px;}
.optionimg{display: inline !important;margin-right: 10px;margin-bottom: 10px;}
}


/*共通タブ用*/
.cp-tab-menu-list li {position: relative;}
.cp-tab-menu-list li .tabimg_pc {position: absolute;}
.cp-tab-menu-list li .tabimg_sp {position: absolute;}




@media all and (min-width:1661px) {
#gnav{position: fixed;top: 50%;left: 5%;z-index: 100;}
#gnav ul{}
#gnav::before{content: "";position: absolute;border-left: 3px solid #44aeae;left: 7px;top: 6px;height: 73%;}
#gnav li{margin-left: 20px;position: relative;margin-bottom: 15px;}
#gnav a{text-decoration: none;color:#44aeae;font-weight: bold;}
#gnav a::before{content: "●";display: inline-block;text-indent: -20px;}
#gnav a.current{text-decoration: underline;color:#237373;}

#searchbutton{position: fixed;top: 55%;right: 5%;z-index: 100;}
#searchbutton a{display: block;}
#searchbutton a img{width: 150px;height: auto;display: block;}
}


@media all and (min-width: 768px) and (max-width:949px) {
.tabminner.linktab a{position: absolute;text-indent: -9999px;width: 18% !important;height: 8.4% !important;background:rgba(0,0,0,0);top: 65.3% !important;left: 0;right: 0;margin: auto;}		
}




@media all and (max-width:1660px) {
#gnav{position: fixed;z-index: 2;bottom: 55px;left: 0;width: 65%;right: 0;margin: auto;}
#gnav ul{display: flex;width: 100%;border: 2px solid #44aeae;background-color: #fff;right: 0;margin: auto;}
#gnav li{width: 33.33%;border-right: 2px solid #44aeae;height: 60px;}
#gnav li:last-child{border:none;}
#gnav a{text-decoration: none;color:#44aeae;font-weight: bold;width: 100%;display: flex;text-align: center;line-height: 16px;font-size: 16px;height: 100%;justify-content: center;align-items: center;}
#gnav a br{display: none;}
#gnav a.current{background-color:#e3f3f3;}

#searchbutton{position: fixed;top: 55%;right: 5%;z-index: 100;}
#searchbutton a{display: block;}
#searchbutton a img{width: 130px;height: auto;display: block;}
}

@media all and (max-width:949px) {
#gnav{width: 82%;margin: inherit}
#gnav ul{width: 100%;}
#gnav li{width: 33.33%;border-right: 2px solid #44aeae;height: 60px;}
#gnav a{line-height: 16px;font-size: 11px;}

#searchbutton{position: fixed;bottom: 13.5% !important;right: 3%;z-index: 100;top: inherit;}
#searchbutton a{display: block;}
#searchbutton a img{width: 70px;height: auto;display: block;}
}


@media all and (min-width:950px)  {
.headerarea>img.view_pc{position: absolute;z-index: 5;left: 0;right: 0;top: 25%;max-width: 950px;margin: auto;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));}
.headerarea>img.view_sp{display: none !important;}
.headerarea {margin: 0 calc(50% - 50vw); width: 100%;}

.to_hok{display: table;margin: auto;margin-top: 60px;}
.to_hok img{display: block;max-width: 950px;}

}


@media all and (min-width:568px) and (max-width:949px)  {
.headerarea>img.view_pc{position: absolute;z-index: 5;left: 0;right: 0;top: 25%;max-width: 950px;margin: auto;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));display: block;width: 90%;height: auto;}
.headerarea>img.view_sp{display: none !important;}
.headerarea {margin: 0 calc(50% - 50vw);}

}

@media all and (max-width:567px)  {
.headerarea>img.view_pc{display: none !important;}
.headerarea>img.view_sp{position: absolute;z-index: 5;left: 0;right: 0;top: 35%;max-width: 90%;margin: auto;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));}
.headerarea {margin: 0 calc(50% - 50vw); height: 100vh;}
}



@media all and (max-width:949px) {

h1.ttl-text{display: none;}
	
.first.imageSlidepc{display: none;}	
.first.imageSlidesp{margin: 0 calc(50% - 50vw);width: 100vw;margin-bottom: 50px;position:relative;}
.first.imageSlidesp::before{content: "";display: block;padding-top: 150%;}	
.first.imageSlidesp img{width: 100%;display: block;position: absolute;top: 0;left: 0;height: 100%;}	


/*.headerarea {margin: 0 calc(50% - 50vw); height: 100vh;}
.headerarea>img.view_pc{display: none;}
.headerarea>img.view_sp{position: absolute;z-index: 5;left: 0;right: 0;top: 35%;max-width: 90%;margin: auto;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));}
.detail{max-width: 90%;padding: 30px 0;display: flex;flex-direction: column;font-size: 16px;line-height: 1.6rem;color: #333;margin: auto;}
.detail h2{display: block;margin: auto;}
.detail h2 img{display: block;margin: auto;max-width: 640px;width: 100%;}
.detail h3{font-size: 18px;font-weight: bold;color:#b09d3e;text-align: center;margin-top: 20px;line-height: 28px;}
.detail p{line-height: 30px;font-size: 16px;align-items: center;margin-top: 30px;}
.detail p>span{display: block;margin-bottom: 30px;}
.detail p>img{height: auto;display: block;width: 100%;}
.detail .covid{box-sizing: border-box;text-align: center;margin: -50px auto 0px;}*/



.brpc{display: none !important;}
.brsp{display: block !important;}



	
	
	
#all{background-color:#f9dc1e;margin: 0 calc(50% - 50vw);width: 100vw;} 
#all .all_inner{max-width: 1200px;box-sizing: border-box;margin: auto;position: relative;width: 90%;padding-bottom: 20px;}
#all .all_inner img{position: relative;}
#all .all_inner p{position: absolute;left: 0;right: 0;margin: auto;top: 65%;}
  	
	
	



#hotel{font-size: 16px;line-height: 1.6rem;color: #333;background-color:#d7d7d3;padding: 60px 0;box-sizing: border-box;margin: 0 calc(50% - 50vw);width: 100vw;}
#hotel .hotel_inner{margin: auto;width: 90%;}
#hotel h2{display: block;margin: auto;width: 100%;margin-bottom: 20px;}
#hotel h2 img{display: block;margin: auto;width: 100%;}
#hotel .hotel_inner>p{width: 90%;margin: auto;box-sizing: border-box;padding: 20px;border: 1px solid #333;line-height: 26px;}

.hotelbox{background-color: #fff;padding: 30px 0;margin: 30px auto;width: 100%;}
.hotelbox h3{font-size: 20px;font-weight: bold;line-height: 26px;margin-bottom: 10px;padding: 0 20px;}
.hotelbox h3 span{display: inline-block;margin-right: 8px;font-size: 15px;padding: 5px 10px;background-color: #ED8500;color: #fff;white-space: nowrap;}

.hotelbox h3 a{font-size: 20px;font-weight: bold;display: block;display: flex;align-items: center;}

.hotelbox .sslide li:nth-of-type(1) {width: 75%;float: left;position: relative;}
.hotelbox .sslide li{position: relative;}
.hotelbox .sslide li span.f{position: absolute;left: 0;top: 10px;text-align: left;font-size: 14px;background-color: rgba(255,255,255,0.7);display: block;padding: 3px 5px;}
.hotelbox .sslide li span.e{position: absolute;right: 0;bottom: 0;text-align: right;font-size: 14px;display: block;padding: 3px;color:#333;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
.hotelbox .sslide li span.smoji{letter-spacing: -2px;}
.hotelbox .sslide li img{width: 100%;display: block;height: auto;}
.hotelbox .sslide li:nth-of-type(n+2){width: 25%;float: right;}
.hotelbox .hdetail{clear: both;padding: 30px;box-sizing: border-box;display: flex;flex-direction: column;}
.hotelbox .hdetail li{width: 100%;line-height: 26px;margin-bottom: 25px;}
.hotelbox .hdetail li>img{display: block;max-width: 150px;margin-bottom: 15px;}
.hotelbox .hdetail li .kagome_box{display: flex;border: 2px solid #0b7a35;border-radius: 10px;box-sizing: border-box;padding: 15px;margin-top: 15px;width: 100%;}
.hotelbox .hdetail li .kagome_box span{width: 60px;margin-right: 20px;display: block;}
.hotelbox .hdetail li .kagome_box span img{width: 100%;height: auto;display: block;}
.hotelbox .hdetail li .kagome_box p{}
.hotelbox .hdetail li .kagome_box p b{color: #0b7a35;display: block;margin-bottom: 10px;font-weight: bold;font-size: 18px;}


#hotel .hotelhalf .hotelbox .sslide li:nth-of-type(1) {width: 100%;position: relative;}
#hotel .hotelhalf .hotelbox .sslide li:nth-of-type(n+2){width: 50%;float: left;}

small.att{display: block;width:100%;margin-top: 25px;font-size: 15px;margin-bottom: -35px;text-align: center;}

.tab{display: flex;margin-top: 60px;}
.tab li{margin:0 0.5% 0 0 !important;background-color:#fff;width: 32%;position: relative;}
.tab li:nth-of-type(3)  {margin-right:0 !important;}
.tab>li.active .tabimg_pc_on {position: absolute;margin: auto;text-align: center;bottom: 80%;right: -20%;max-width: 140%;display: block !important;z-index: 1;}
.tab li .tabimg_pc_on {display: none !important;}
.tab li .tabimg_pc_off {position: absolute;margin: auto;text-align: center;bottom: 80%;right: -20%;max-width: 140%;display: block !important;z-index: 1;}
.tab li .tabimg_sp_on {display: none !important;}
.tab li .tabimg_sp_off {display: none !important;}
.tab>li.active{background-color:#44aeae;color:#fff !important;}
.tab li:hover{cursor:pointer;}
.tab>li{color:#44aeae;text-align: center;width: 100%;}
.tab li span{display: block;font-weight: bold;font-size: 20px;line-height: 25px;margin: 20px 0;}
.tab>li br{display: block;}
.tab>li small{display: none !important;}
.tab>li p{position: relative;height: 100%;display: flex;align-items: center;justify-content: center;}
.tab>li.active p:after {content:url("/domtour/okinawa/workation/image/tabarrow.png");position: absolute;left: 0;right: 0;bottom: -19px;text-align: center;margin: auto;}

.tab_sub{display: flex;margin-top: 30px;border-bottom: 3px solid #3352AC;}
.tab_sub li{width: 100%;text-align: center;font-size: 17px;padding: 20px 0;background-color: #fff;color: #3352ac;position: relative;line-height: 24px;font-weight: bold;}
.tab_sub li:hover{cursor:pointer;}
.tab_sub li.active{background-color:#3352AC;color: #fff;}
.tab_sub li.active:after {content:url("/domtour/okinawa/workation/image/201224/tabarrow2.png");position: absolute;left: 0;right: 0;bottom: -19px;text-align: center;margin: auto;}
.tab_sub li br{display: block;}
.list .inner,.list .inner>div{display:none;}
.list .inner.active{display:block;}
.list .inner>div.active{display:block;}


	
	
	
.tabm{display: flex;margin-top: 30px;}
.tabm li{width: 100%;text-align: center;font-size: 17px;padding: 20px 0 !important;background-color: #fff;color: #000;position: relative;line-height: 24px;font-weight: bold;border: 2px solid #69bfbe !important;}
.tabm li:nth-of-type(1){border-right: none !important;}
.tabm li:hover{cursor:pointer;}
.tabm li.active{color: #000;border-bottom: none !important;}
.tabm li.active::before{content: "";border-top: 5px solid #69bfbe !important;position: absolute;top: 0;left: 0;width: 100%;}	
.tabminner{display:none;}
.tabminner.active{display:block;border: 2px solid #69bfbe;box-sizing: border-box;padding: 30px 0;border-top: none;}
.tabminner.linktab{position: relative;}	
.tabminner.linktab a{position: absolute;text-indent: -9999px;width: 94%;height: 2.0%;background:rgba(0,0,0,0);top: 57.5%;left: 0;right: 0;margin: auto;}	

	
	
	
	
.res-btn-link a {text-align: center;padding: 20px 26px 20px 10px;}













.mod-travel_select_list,.mod-type_select{display: none !important;}
.d_moduleArea .res-contents{margin-top:30px;}
.mod-tab_contents.js-mod-list-tab_contents.is-active > *{border:none !important;}

.tebura{margin-top: 30px;display: block;}

.b2layout{}
.b2layout p{}
.b2layout a{margin-top: 20px !important;}

.kagome_box.pc{display:none;}
.optionarea.pc{display:none;}
.optionarea{padding: 30px;border: 3px solid #ff870c;border-radius: 10px;box-sizing: border-box;margin-top: 20px;margin-top: 40px;}
.optionarea ul{margin-top: 15px;}
.optionarea ul li{}
.optionarea b{font-size: 18px;color: #ff870c;display: block;font-weight: bold;}
.optionarea b small{font-size: 15px;color: #333;display: block;}
.optionimg{display: inline !important;margin-right: 10px;margin-bottom: 10px;}


.to_hok{display: table;margin: auto;margin-top: 60px;}
.to_hok img{display: block;width: 90%;height: auto;margin: auto;}

}
















/* modal */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#ui-datepicker-div{z-index: 30000000000000000 !important;}


.datepicker {
	z-index: 1001;
}


.modal-mainmodal {
	display: none;
	position: relative;
	z-index: 3000000000;
}


.modal-mainmodal .modal-mainmodal-inner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}


.modal-mainmodal .modal-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .7);
		z-index: 1;
	}


.modal-mainmodal .modal-contents {
		position: relative;
		z-index: 2;
		max-width: 700px;
		width: 100%;
		background-color: #fff;
	}


.modal-mainmodal .modal-close {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 17px;
		height: 17px;
		background-color: transparent;
		border: none;
		outline: none;
		cursor: pointer;
		z-index: 1;
	}


@media (max-width: 640px) {


	.modal-mainmodal .modal-close {
		right: 5%;
	}
}


.modal-mainmodal .modal-close:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2218px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(153%2C%20153%2C%20153)%22%20d%3D%22M17.985%2C16.570%20L16.571%2C17.985%20L9.000%2C10.414%20L1.929%2C17.485%20L0.515%2C16.071%20L7.586%2C8.999%20L1.015%2C2.428%20L2.429%2C1.014%20L9.000%2C7.585%20L16.071%2C0.514%20L17.485%2C1.928%20L10.414%2C8.999%20L17.985%2C16.570%20Z%22%2F%3E%3C%2Fsvg%3E');
}


.modal-mainmodal .modal-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
}


@media (max-width: 640px) {


	.modal-mainmodal .modal-row {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
			    -ms-flex-direction: column;
			        flex-direction: column;
		height: 100vh;
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
	}
}


.modal-mainmodal .modal-col.--form {
	width: 75%;
	max-height: 90vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.modal-row>div:first-child {
	width: 75%;
	max-height: 90vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}



@media (max-width: 640px) {


	.modal-mainmodal .modal-col.--form {
		width: 100%;
		max-height: none;
	}
}


.modal-mainmodal .modal-col.--submit {
	width: 25%;
	background-color: #f0f1f4;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	padding: 15px;
}


.modal-row>div:last-child {
	width: 25%;
	background-color: #f0f1f4;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	padding: 15px;
}



@media (max-width: 640px) {


	.modal-mainmodal .modal-col.--submit {
		width: 100%;
		padding-bottom: 40px;
			-webkit-box-align: start;
			-webkit-align-items: flex-start;
			    -ms-flex-align: start;
			        align-items: flex-start;
	}
}


.modal-mainmodal .modal-col.--submit button {
				width: 100%;
				padding: 7px 10px;
				background-color: #000c70;
				color: #fff;
				text-align: center;
				border-radius: 5px;
				border: none;
				outline: none;
}

.modal-mainmodal .modal-col button.sbutton {
				width: 100%;
				padding: 7px 10px;
				background-color: #000c70;
				color: #fff;
				text-align: center;
				border-radius: 5px;
				border: none;
				outline: none;
}




@media (max-width: 640px) {


	.modal-mainmodal .modal-col.--submit button {
		padding: 12px 10px;
	}
	
	
.modal-mainmodal .modal-col button.sbutton {
		padding: 12px 10px;
	}
	
}


.modal-mainmodal .modal-title-wrap {
		background-color: #000c70;
		color: #fff;
		padding: 7px 15px;
}


.modal-mainmodal .modal-child-title-wrap {
		padding: 10px 15px 0 15px;
		margin-bottom: -10px;
}


.modal-mainmodal .modal-child-title-wrap .modal-title-label {
			font-size: 1.4rem;
			font-weight: bold;
		}


.modal-mainmodal .modal-content-wrap {
		padding: 15px;
}


.modal-mainmodal .modal-content-wrap + .modal-child-title-wrap {
			border-top: 1px dotted #000;
		}


.modal-mainmodal .modal-content-row {
		margin-left: 50px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
}


@media (max-width: 640px) {


	.modal-mainmodal .modal-content-row {
			-webkit-flex-wrap: wrap;
			    -ms-flex-wrap: wrap;
			        flex-wrap: wrap;
		margin-left: 0;
	}
}


.modal-mainmodal .modal-content-col {
		width: 50%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
}


@media (max-width: 640px) {


	.modal-mainmodal .modal-content-col {
		width: 100%;
			-webkit-flex-wrap: wrap;
			    -ms-flex-wrap: wrap;
			        flex-wrap: wrap;
		padding: 0!important;
	}
}


.modal-mainmodal .modal-content-col.--left {
	padding-right: 10px;
}


.modal-mainmodal .modal-content-col.--right {
	padding-left: 10px;
}


.modal-mainmodal .modal-content-col.--full {
	width: 100%;
}


.modal-mainmodal .modal-content-col .select-date {
			position: relative;
			-webkit-box-flex: 1;
			-webkit-flex: 1 1 0;
			    -ms-flex: 1 1 0px;
			        flex: 1 1 0;
}


.modal-mainmodal .modal-content-col .select-date:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 15px;
	width: 15px;
	height: 19px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2219px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(11%2C%2049%2C%20143)%22%20d%3D%22M-0.000%2C18.999%20L-0.000%2C1.931%20L1.304%2C1.931%20L1.304%2C4.185%20L3.913%2C4.185%20L3.913%2C1.931%20L11.087%2C1.931%20L11.087%2C4.185%20L13.695%2C4.185%20L13.695%2C1.931%20L15.000%2C1.931%20L15.000%2C18.999%20L-0.000%2C18.999%20ZM13.695%2C5.474%20L1.304%2C5.474%20L1.304%2C17.711%20L13.695%2C17.711%20L13.695%2C5.474%20ZM6.827%2C12.662%20L11.100%2C8.759%20L12.401%2C9.946%20L8.127%2C13.849%20L6.827%2C15.038%20L5.526%2C13.849%20L2.924%2C11.474%20L4.225%2C10.286%20L6.827%2C12.662%20ZM11.739%2C-0.001%20L13.043%2C-0.001%20L13.043%2C3.541%20L11.739%2C3.541%20L11.739%2C-0.001%20ZM1.956%2C-0.001%20L3.261%2C-0.001%20L3.261%2C3.541%20L1.956%2C3.541%20L1.956%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E');
}


.modal-mainmodal .modal-content-col .select-date input {
				width: 100%;
				border: none;
				border-bottom: 1px solid #c7c7c7;
				padding-left: 43px;
}


.modal-mainmodal .modal-content-col label {
			width: 70px;
			font-size: 1.3rem;
			line-height: 1.4;
}


.modal-mainmodal .modal-content-col input, .modal-mainmodal .modal-content-col .select {
			-webkit-box-flex: 1;
			-webkit-flex: 1 1 0;
			    -ms-flex: 1 1 0px;
			        flex: 1 1 0;
			padding: 5px;
}


.modal-mainmodal .modal-content-col .select {
			position: relative;
}


.modal-mainmodal .modal-content-col .select:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 10px;
	margin-top: -5px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2210px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(12%2C%2050%2C%20143)%22%20d%3D%22M-0.001%2C1.839%20L1.256%2C0.567%20L7.500%2C6.888%20L13.744%2C0.567%20L15.000%2C1.839%20L7.500%2C9.432%20L-0.001%2C1.839%20Z%22%2F%3E%3C%2Fsvg%3E');
}


.modal-mainmodal .modal-content-col .select select {
				width: 100%;
				-webkit-appearance: none;
				   -moz-appearance: none;
				        appearance: none;
				padding: 7px 10px;
				border-radius: 5px;
				border: 1px solid #bbbbbb;
}


.modal-mainmodal .modal-content-col .select select:-ms-expand {
	display: none;
}


.modal-mainmodal .modal-content-col .none {
			visibility: hidden;
}


.datepicker {
	z-index: 100000!important;
	
}


.datepicker .-sun- {
		color: #c00000!important;
	}


.datepicker .-sun-.-disabled- {
		color: #e58e8e!important;
	}


.datepicker .-sat- {
		color: #0b79d6!important;
	}


.datepicker .-sat-.-disabled- {
		color: #6dafe6!important;
	}


.datepicker .-other-month- {
		color: #aeaeae!important;
	}
.cp-lnav-list a {
    font-size: 1.6rem;
}

/*20200123
.max-inner {
   padding-right: 0;
   padding-left: 0;
}*/
    #attention ul {
        list-style: disc;
        margin-left: 20px;
        line-height: 1.8;
    }
    #attention ol {
        list-style: decimal;
        margin-left: 30px;
        line-height: 1.8;
    }
    #attention strong {
        margin-bottom: 10px;
    }

/*200214*/
#module-domtour-wrapper2 .domtour-module-section .col4-wrapper .col, #module-domtour-wrapper2 #module-domtour-pkg .col3-wrapper > .col, #module-domtour-wrapper2 .domtour-module-section .col3-wrapper #search_allpkgtour .inner-col2-wrapper .col, #module-domtour-wrapper2 .domtour-module-section .col3-wrapper #search_allpkgtour .inner-col2-wrapper .button, #module-domtour-wrapper2 #module-domtour-hotel .col3-wrapper .col, #module-domtour-wrapper2 #module-domtour-rentacar .col3-wrapper .col {
display: block;
}

.info_inttour {
        margin: 30px auto 0 auto;
        text-align: center;
        font-size: 24px;
        color: #f00;
    }
.nav_tab span {
        right: 2% !important;
    }
.info_mile {
    text-align: center;
    background:#033caa;
    color:#fff;
    padding: 20px;
    font-size: 22px;
}
.contents-1col #contents .res-contents.info_line {
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .info_mile {
        padding: 10px;
        font-size: 14px;
    }
    .contents-1col #contents .res-contents.info_line {
        margin-top: 0;
    }
}

.f-m {
	font-size: .9em;
}
.f-s {
	font-size: .6em;
}