@charset "utf-8";


a{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);
    }
}

.tabcontents {display: none;}
.tabcontents.current {display: block;}

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

*{margin: 0;padding: 0}
h1.ttl-text{display: none;}

    
.first{margin: 0 calc(50% - 50vw);width: 100vw;margin-bottom: 30px;}
.first img{width: 100%;display: block}    
    
.covid{width: 100vw;margin: 0 calc(50% - 50vw);}
.covid div{max-width: 1200px;box-sizing: border-box;text-align: center;padding: 15px 20px;color: #333;margin: 30px auto;}
.covid div h3{font-size: 20px;font-weight: bold;}
.covid div p{margin: auto;margin-bottom: 30px;border: 1px solid #1A1A1A;padding: 20px 25px;text-align: left;}
.covid div a{margin: 0px;display: inline-block;}
.covid div a img{margin:auto;max-width:950px;display: block;}

.covid div.gotocoution{display: table;background-color: #ffff00;}
.covid div.gotocoution br{display: none;}
.covid div.gotocoution a{color:#002698;text-decoration: underline;}

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

#point{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;}
#point .point_inner{background-color: #fff;max-width: 1200px;padding: 50px;box-sizing: border-box;margin: auto;}
#point h2{display: block;margin: auto;width: 100%;position: relative;}
#point h2 img:nth-of-type(1){display: block;margin: auto;max-width: 570px;}
#point h2 img:nth-of-type(2){position: absolute;display: block;margin: auto;max-width: 300px;top: -100px;right: -60px;width: 80%;height: auto;}
#point .pointlist{margin-top: 30px;}
#point ul{display: flex;justify-content: space-between;align-items: inherit;}
#point ul li:last-child::after{content: none;}
#point ul li{font-size: 16px;line-height: 26px;width: 100%;padding: 0 1.5%;position: relative;}
#point ul li::after{content: ""; position: absolute;height: 100%;border-right: 1px dotted #666;top:0;right: 1.5%;}
#point ul li>img{display: block;width: 100%;height: auto;margin-bottom: 20px;}
#point ul li p{margin-top: 10px;}
#point ul li p a{color:#002698;text-decoration: underline;}
	
#modelplan{padding: 90px 0 80px}

#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{}     


.model{}
.model_title{margin: 0 calc(50% - 50vw);width: 100vw;}
.model_title.t1{background-color:#2b4e8f;}
.model_title.t2{background-color:#489ca9;}
.model_title.t3{background-color:#55a03c;}
.model_title.t4{background-color:#9774a5;}
.model_title img{max-width: 1200px;margin: auto;display: block;}
.model .model_inner{max-width: 1200px;margin: auto;padding-top: 50px;}
.model img{display: block;width: 100%;height: auto;margin: auto;}
.model .model_inner>small{font-size: 14px;text-align: right;display: block;}

.theme{padding-top: 80px;}
.theme h2{display: block;margin: auto;width: 100%;position: relative;}
.theme h2 img{display: block;margin: auto;}

.maintab {margin-top: 50px;}
.maintab .tab{display: flex;height: 300px;}
.maintab .tab li{width: 100%;background-size: cover;background-position: center;height: 100%;}
.maintab .tab li:nth-of-type(1){background-image: url("/domtour/hokkaido/workation/image/20220309/tab_bg1.jpg");}
.maintab .tab li:nth-of-type(2){background-image: url("/domtour/hokkaido/workation/image/20220309/tab_bg2.jpg");}
.maintab .tab li:nth-of-type(3){background-image: url("/domtour/hokkaido/workation/image/20220309/tab_bg3.jpg");}
.maintab .tab li:nth-of-type(4){background-image: url("/domtour/hokkaido/workation/image/20220309/tab_bg4.jpg");}
.maintab .tab li a{display: block;display: flex;justify-content: center;align-items:center;height: 100%;flex-direction: column;color: #fff;text-decoration: none;background-color: rgba(0,0,0,0.6);}
.maintab .tab li a small{display: block;font-size: 16px;font-weight: bold;}
.maintab .tab li a span{display: block;font-size: 40px;font-weight: bold;text-decoration: underline;}
.maintab .tab li a b{display: block;font-size: 30px;font-weight: bold;text-align: center;line-height: 36px;}
.maintab .tab li a p{background-color: rgba(255,255,255,0.8);border-radius: 5px;font-size: 18px;width: 80%;padding: 10px 20px;margin-top: 10px;color: #333;font-weight: bold;line-height: 24px;min-height: 70px;}
.maintab .tab li.current a{background-color: rgba(255,255,255,0.2);}
	
.tabIn-bnr{padding-top: 90px;width: 100%;}


.hotel{font-size: 16px;line-height: 1.6rem;color: #333;padding: 100px 0;box-sizing: border-box;margin: 0 calc(50% - 50vw);width: 100vw;}
.hotel.bg1{background-color:#BFC6DC;}
.hotel.bg2{background-color:#C8D3E5;}
.hotel.bg3{background-color:#BED0C3;}
.hotel.bg4{background-color:#D8CDDF;}
.hotel.bg1 h3 span{background-color:#2B4189;color:#fff;display: inline-block;padding: 5px 20px;margin-right: 10px;font-size: 16px;}
.hotel.bg2 h3 span{background-color:#4D4D4D;color:#fff;display: inline-block;padding: 5px 20px;margin-right: 10px;font-size: 16px;}
.hotel.bg3 h3 span{background-color:#286437;color:#fff;display: inline-block;padding: 5px 20px;margin-right: 10px;font-size: 16px;}
.hotel.bg4 h3 span{background-color:#7D5894;color:#fff;display: inline-block;padding: 5px 20px;margin-right: 10px;font-size: 16px;}
.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 a{font-size: 20px;font-weight: bold;display: block;}
	
.hotelbox .hc1{width: 50%;}
.hotelbox .hc2{width: 50%;}

.hotelhalf .hotelbox .hc1{width: 100%;}
.hotelhalf .hotelbox .hc2{width: 100%;}
	
.hotelbox .hc1 li{position: relative;}
.hotelbox .hc1 li img{display: block;width: 100%;height: auto;}
	
.hotelbox .sslide .slick-dots{bottom: 10px;}
.hotelbox .sslide .slick-dots li button::before{color: #fff;font-size: 30px;}


.hotelbox .sslide {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 .hdetail{clear: both;padding: 0 30px 30px;box-sizing: border-box;display: flex;justify-content: space-between;flex-wrap: wrap;}
.hotelbox .hdetail li{width: 100%;line-height: 26px;margin-bottom: 25px;display: flex;align-items: flex-start;}
.hotelbox .hdetail li>img{display: block;max-width: 43px;margin-bottom: 15px; flex-basis: 43px; margin-right: 20px;}
.hotelbox .hdetail li>p{flex: 1;}

.hotel .hotelhalf{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hotel .hotelhalf .hotelbox{width: 49%;display: block;}
.hotel .hotelhalf .hotelbox .sslide li:nth-of-type(1) {position: relative;}
.hotel .hotelhalf .hotelbox .sslide li:nth-of-type(n+2){position: relative;right: inherit;top:0;}
.hotel .hotelhalf .hotelbox .hdetail{clear: both;box-sizing: border-box;display: flex;flex-direction: column;justify-content: start;}
.hotel .hotelhalf .hotelbox .hdetail li{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;}

.hotel .hotelhalf .hotelbox.wide{width: 100%;padding-bottom: 0;}
.hotel .hotelhalf .hotelbox.wide .sslide{width: 100%;}
.hotel .hotelhalf .hotelbox.wide .wideinner{display: flex;justify-content: space-between;}
.hotel .hotelhalf .hotelbox.wide .wideinner>div{width: 100%;}
.hotel .hotelhalf .hotelbox.wide  .hdetail{margin-top: 30px;}

.hotel.bg1 .hotel_inner .hotelhalf .hotelbox:nth-of-type(1) .hdetail{min-height: 0px;}
.hotel.bg1 .hotel_inner .hotelhalf .hotelbox:nth-of-type(2) .hdetail{min-height: 330px;}
.hotel.bg1 .hotel_inner .hotelhalf .hotelbox:nth-of-type(3) .hdetail{min-height: 330px;}
.hotel.bg1 .hotel_inner .hotelhalf .hotelbox:nth-of-type(4) .hdetail{min-height: 340px;}
.hotel.bg1 .hotel_inner .hotelhalf .hotelbox:nth-of-type(5) .hdetail{min-height: 340px;}

.hotel.bg2 .hotel_inner .hotelhalf .hotelbox:nth-of-type(1) .hdetail{min-height: 0px;}
.hotel.bg2 .hotel_inner .hotelhalf .hotelbox:nth-of-type(2) .hdetail{min-height: 440px;}
.hotel.bg2 .hotel_inner .hotelhalf .hotelbox:nth-of-type(3) .hdetail{min-height: 440px;}
.hotel.bg2 .hotel_inner .hotelhalf .hotelbox:nth-of-type(4) .hdetail{min-height: 486px;}
.hotel.bg2 .hotel_inner .hotelhalf .hotelbox:nth-of-type(5) .hdetail{min-height: 460px;}    


.hotel.bg3 .hotel_inner .hotelhalf .hotelbox:nth-of-type(1) .hdetail{min-height: 0px;}
.hotel.bg3 .hotel_inner .hotelhalf .hotelbox:nth-of-type(2) .hdetail{min-height: 350px;}
.hotel.bg3 .hotel_inner .hotelhalf .hotelbox:nth-of-type(3) .hdetail{min-height: 350px;}
.hotel.bg3 .hotel_inner .hotelhalf .hotelbox:nth-of-type(4) .hdetail{min-height: 430px;}
.hotel.bg3 .hotel_inner .hotelhalf .hotelbox:nth-of-type(5) .hdetail{min-height: 430px;}

.hotel.bg4 .hotel_inner .hotelhalf .hotelbox:nth-of-type(1) .hdetail{min-height: 350px;}
.hotel.bg4 .hotel_inner .hotelhalf .hotelbox:nth-of-type(2) .hdetail{min-height: 350px;}
.hotel.bg4 .hotel_inner .hotelhalf .hotelbox:nth-of-type(3) .hdetail{min-height: 430px;}
.hotel.bg4 .hotel_inner .hotelhalf .hotelbox:nth-of-type(4) .hdetail{min-height: 430px;}
.hotel.bg4 .hotel_inner .hotelhalf .hotelbox:nth-of-type(5) .hdetail{min-height: 330px;}
.hotel.bg4 .hotel_inner .hotelhalf .hotelbox:nth-of-type(6) .hdetail{min-height: 330px;}
.hotel.bg4 .hotel_inner .hotelhalf .hotelbox:nth-of-type(7) .hdetail{min-height: 370px;}
.hotel.bg4 .hotel_inner .hotelhalf .hotelbox:nth-of-type(8) .hdetail{min-height: 370px;}
.hotel.bg4 .hotel_inner .hotelhalf .hotelbox:nth-of-type(9) .hdetail{min-height: 0px;} 



.to_oki{display: table;margin: auto;margin-top: 60px;}
.to_oki img{display: block;}
    
p.att{width: 100%;text-align: right;margin: auto;margin-top: 15px;font-size: 15px;}   
    
}



@media all and (min-width:1661px) {
#gnav{position: fixed;top: 40%;right: -3px;z-index: 1;}
#gnav ul{border: 3px solid #002698;}
#gnav li{border-bottom: 3px solid #002698;}
#gnav li:last-child{border:none;}
#gnav a{text-decoration: none;color: #002698;font-weight: bold;display: block;padding: 20px;background-color: #fff;font-size: 20px;}
#gnav li.current a{text-decoration: none;color: #002698;background-color: #B2BEE0;}

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



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

#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: 100%;border-right: 3px solid #002698;height: 60px;}
#gnav a{line-height: 11px;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: 17.5%;max-width: 100%;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%;}
}


@media all and (min-width:568px) and (max-width:949px)  {
.headerarea>img.view_pc{position: absolute;z-index: 5;left: -25%;right: 0;top: 17.5%;max-width: 150% !important;margin: auto;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));display: block;width: 150%;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{margin: 0 calc(50% - 50vw);width: 100vw;margin-bottom: 30px;}
.first img{width: 100%;display: block}    
    
.covid{width: 100vw;margin: 0 calc(50% - 50vw);}
.covid div{width: 90%;box-sizing: border-box;text-align: center;color: #333;margin: 20px auto;}
.covid div h3{font-size: 20px;font-weight: bold;}
.covid div p{margin: auto;margin-bottom: 30px;max-width: 90%;border: 1px solid #1A1A1A;padding: 10px 20px;text-align: left;}
.covid div a{margin: 0px;}
.covid div a img{margin-bottom:20px;width: 100%;display:block;}

.covid div.gotocoution{display: table;background-color: #ffff00;box-sizing: border-box;padding: 20px;text-align: left;}
.covid div.gotocoution a{color:#002698;text-decoration: underline;}

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

#point{font-size: 14px;line-height: 1.6rem;color: #333;background-color:#d7d7d3;padding: 60px 0;box-sizing: border-box;margin: 0 calc(50% - 50vw);width: 100vw;}
#point .point_inner{background-color: #fff;padding: 30px;box-sizing: border-box;margin: auto;width: 90%;}
#point h2{display: block;margin: auto;width: 100%;position: relative;}
#point h2 img:nth-of-type(1){display: block;margin: auto;width: 100%;}
#point h2 img:nth-of-type(2){display: block;margin: 15px auto;width: 80%;height: auto;}
#point .pointlist{display: flex;margin-top: 30px;flex-direction: column;}
#point ul{width: 100%;box-sizing: border-box;}
#point ul:first-child{margin-top: -30px;}
#point ul li{margin-top: 30px;font-size: 16px;line-height: 28px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dotted #666;}
#point ul li:last-child{border: none;padding-bottom: 0;margin-bottom: 0;}
#point ul li>img{display: block;width: 100%;height: auto;margin-bottom: 20px;}
#point ul li p{margin-top: 10px;}
#point ul li p a{color:#002698;text-decoration: underline;}

#modelplan{padding: 0 0 40px}
	
#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%;}
#all .all_inner a{}      
    
.model{}
.model_title{margin: 0 calc(50% - 50vw);width: 100vw;}
.model_title.t1{background-color:#2b4e8f;}
.model_title.t2{background-color:#489ca9;}
.model_title.t3{background-color:#55a03c;}
.model_title.t4{background-color:#9774a5;}
.model_title img{margin: auto;display: block;}
.model .model_inner{max-width: 1200px;margin: auto;padding-top: 50px;}
.model img{display: block;width: 100%;height: auto;margin: auto;}
.model .model_inner>small{font-size: 14px;text-align: right;display: block;}

.theme{padding-top: 80px;margin: 0 calc(50% - 50vw);width: 100vw;}
.theme h2{display: block;margin: auto;width: 100%;position: relative;}
.theme h2 img{display: block;margin: auto;width: 80%;}



.maintab {margin-top: 50px;}
.maintab .tab{display: flex;flex-wrap: wrap;}
.maintab .tab li{width: 50%;background-size: cover;background-position: center;}
.maintab .tab li:nth-of-type(1){background-image: url("/domtour/hokkaido/workation/image/20220309/tab_bg1.jpg");}
.maintab .tab li:nth-of-type(2){background-image: url("/domtour/hokkaido/workation/image/20220309/tab_bg2.jpg");}
.maintab .tab li:nth-of-type(3){background-image: url("/domtour/hokkaido/workation/image/20220309/tab_bg3.jpg");}
.maintab .tab li:nth-of-type(4){background-image: url("/domtour/hokkaido/workation/image/20220309/tab_bg4.jpg");}
.maintab .tab li a{display: block;display: flex;justify-content: center;align-items:center;height: 100%;flex-direction: column;color: #fff;text-decoration: none;background-color: rgba(0,0,0,0.6);box-sizing: border-box;padding: 20px;}
.maintab .tab li a small{display: block;font-size: 14px;font-weight: bold;}
.maintab .tab li a span{display: block;font-size: 36px;font-weight: bold;text-decoration: underline;}
.maintab .tab li a b{display: block;font-size: 24px;font-weight: bold;text-align: center;line-height: 30px;}
.maintab .tab li a p{background-color: rgba(255,255,255,0.8);border-radius: 5px;font-size: 16px;width: 90%;padding: 10px 15px;margin-top: 10px;color: #333;font-weight: bold;line-height: 22px;min-height: 70px;}
.maintab .tab li.current a{background-color: rgba(255,255,255,0.2);}
	
.tabIn-bnr{padding-top: 30px;width: 100%;}

.hotel{font-size: 14px;line-height: 1.6rem;color: #333;background-color:#d7d7d3;padding: 30px 0;box-sizing: border-box;margin: 0 calc(50% - 50vw);width: 100vw;}

.hotel.bg1{background-color:#BFC6DC;}
.hotel.bg2{background-color:#C8D3E5;}
.hotel.bg3{background-color:#BED0C3;}
.hotel.bg4{background-color:#D8CDDF;}
.hotel.bg1 h3 span{background-color:#2B4189;color:#fff;display: inline-block;padding: 5px 20px;margin-right: 10px;font-size: 16px;}
.hotel.bg2 h3 span{background-color:#4D4D4D;color:#fff;display: inline-block;padding: 5px 20px;margin-right: 10px;font-size: 16px;}
.hotel.bg3 h3 span{background-color:#286437;color:#fff;display: inline-block;padding: 5px 20px;margin-right: 10px;font-size: 16px;}
.hotel.bg4 h3 span{background-color:#7D5894;color:#fff;display: inline-block;padding: 5px 20px;margin-right: 10px;font-size: 16px;}



.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 .sslide .slick-dots li{width: 10px;height: 10px}
.hotelbox .sslide .slick-dots{bottom: 10px;}
.hotelbox .sslide .slick-dots li button::before{color: #fff;font-size: 30px;}

.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;border-right: 1px solid #333;padding-right: 8px;margin-right: 8px;font-size: 16px;}*/
.hotelbox h3 a{font-size: 20px;font-weight: bold;display: block;}

.hotelbox .sslide li:nth-of-type(1) {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: 11px;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: 0 30px 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>img.mw220{display: block;max-width: 220px;width: 100%;margin-bottom: 15px;}

.hotel .hotelhalf .hotelbox .sslide li:nth-of-type(1) {position: relative;}

.res-btn-link.type-01 a {text-align: center;}

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

p.att{width: 90%;text-align: left;margin: auto;margin-top: 15px;font-size: 14px;}    
}

.mdl_rd_tx {
	width: 100%;
	font-size: 16px;
	color: #ff0000;
	margin-top: 60px;
	text-align: center;
}

.rd_tx {
	width: 100%;
	font-size: 16px;
	color: #ff0000;
	margin-bottom: 10px !important;
}










/* 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;
}


@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;
}


@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;
}


@media (max-width: 640px) {


	.modal-mainmodal .modal-col.--submit button {
		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;
    }
}

.res-btn-link a {
    padding: 20px 26px 20px 18px;
}

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

@media screen and (min-width: 950px) {
/* mainvisual */
.mv_sp{display: none;}
.mv_pc{display: block;}
.main_img_wrap {
	margin: 0 calc(50% - 50vw);
	position: relative;
    width: 100vw;
    height: 100%;
}
.main_img_wrap::before{
	content: "";display: block;padding-top: 29%;
	}	
.main_img_wrap .clImg .imgChange {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto auto 0 auto;
    z-index: 1;
	width: 100%;
}
.main_img_wrap .clImg .imgChange img {
	width: 100%;
}

.main_img_control{
	width: 100%;
}
.main_img_control .main_imgr_button__list{
	display: flex;
	justify-content: center;
}
.main_img_control .main_imgr_button__list svg {
	transition: .2s;

}

.main_img_control .main_imgr_button__list .play,
.main_img_control .main_imgr_button__list .stop {
    margin-left: 15px;
    border: 1px solid #193F91;
    background: #fff;
}
.main_img_control .main_imgr_button__list .play svg,
.main_img_control .main_imgr_button__list .stop svg{
    fill: #193F91;
}
.main_img_control .main_imgr_button__list button {
    cursor: pointer;
    padding: 10px;
    line-height: 0;
	transition: .2s;
}
.main_img_control .main_imgr_button__list .play.active,
.main_img_control .main_imgr_button__list .stop.active {
    background: #193F91;
}
.main_img_control .main_imgr_button__list .play.active svg,
.main_img_control .main_imgr_button__list .stop.active svg{
    fill: #fff;
}}

@media print, screen and (max-width: 949px) {
	.mv_pc{display: none;}
	.mv_sp{display: block;}
.main_img_wrap {
	margin: 0 calc(50% - 50vw);
	position: relative;
    width: 100vw;
    height: 100%;
}
.main_img_wrap::before{
	content: "";display: block;padding-top: 162%;
	}	
.main_img_wrap .clImg .imgChange {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto auto 0 auto;
    z-index: 1;
	width: 100%;
}
.main_img_wrap .clImg .imgChange img {
	width: 100%;
}

.main_img_control{
	width: 100%;
}
.main_img_control .main_imgr_button__list{
	display: flex;
	justify-content: center;
}
.main_img_control .main_imgr_button__list svg {
	transition: .2s;

}

.main_img_control .main_imgr_button__list .play,
.main_img_control .main_imgr_button__list .stop {
    margin-left: 15px;
    border: 1px solid #193F91;
    background: #fff;
}
.main_img_control .main_imgr_button__list .play svg,
.main_img_control .main_imgr_button__list .stop svg{
    fill: #193F91;
}
.main_img_control .main_imgr_button__list button {
    cursor: pointer;
    padding: 10px;
    line-height: 0;
	transition: .2s;
}
.main_img_control .main_imgr_button__list .play.active,
.main_img_control .main_imgr_button__list .stop.active {
    background: #193F91;
}
.main_img_control .main_imgr_button__list .play.active svg,
.main_img_control .main_imgr_button__list .stop.active svg{
    fill: #fff;
}}