@charset "utf-8";

.res-inner-contents h1{margin-bottom: 0px;}
.res-inner-contents h1 span{display:none;}
.res-inner-contents h1 img{display: block;width: 100%;height: auto;}
a:hover img{
opacity:0.50;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
-moz-opacity:0.50;
}

ul.tablink{display: flex;max-width: 950px;justify-content: space-between;margin: 15px auto 0;}
ul.tablink li{box-sizing: border-box;background-color:#c8c8c8;color: #fff;width: 49%;}
ul.tablink li a{display: block;color: #fff;text-decoration: none;text-align: center;font-size: 20px;font-weight: bold;padding: 15px;}
ul.tablink li:hover{background-color:#007ae6;color: #fff;}
ul.tablink li:first-child{background-color:#007ae6;color: #fff;}



h3.midashi{padding-bottom: 8px;margin: auto;margin-bottom: 20px;text-align: center;max-width: 950px;margin-top: 50px;padding-top: 40px;}
h3.midashi span{border-bottom: 2px solid #5cc3ff;text-align: center;font-size: 26px;color:#007ae6;font-weight: bold;width: 100%;margin: auto;display: flex;flex-direction: column;justify-content: center;padding-bottom: 2px;}
h3.midashi span::after{content:"";border-bottom: 4px solid #007ae6;}



h3.midashi2{margin: auto;margin-bottom: 20px;text-align: center;width: 950px;background-color: #002881;padding: 5px 0;}
h3.midashi2 span{text-align: center;font-size: 26px;color:#fff;font-weight: bold;width: 100%;margin: auto;}


.res-inner-contents nav{width: 100%;background-color:#d7ebff;height: 100px;border-top: 6px solid #007ae6;}
.res-inner-contents nav ul{display: flex;height: 94px;max-width: 950px;margin: auto;}
.res-inner-contents nav ul li{width: 20%;height: 100%;position: relative;}
.res-inner-contents nav ul li::after{content: "";position: absolute;border-right: 1px solid #007ae6;height: 50px;top: 20px;right: 0;}
.res-inner-contents nav ul li:first-child::before{content: "";position: absolute;border-left: 1px solid #007ae6;height: 50px;top: 20px;left: 0;}
.res-inner-contents nav ul li a{width: 100%;display: flex;height: 100%;align-items: center;justify-content: center;flex-direction: column;color: #007ae6;font-weight: bold;font-size: 20px;}
.res-inner-contents nav ul li a::after{content:url(/domtour/hokkaido/package_skytouring/image/200220/narrow.png);}


#shikumi{/*margin-top: -70px;padding-top: 70px;*/}
#shikumi .inner{max-width: 950px;margin: auto;position: relative;}
/*#shikumi .inner a{display: block;position: absolute;width: 16.5%;height: 16%;top: 70%;right: 25%;text-indent: -9999px;}*/
#shikumi img{display: block;width: 100%;}

#schedule{/*margin-top: -70px;padding-top: 70px;*/}
#schedule .inner{max-width: 950px;margin: auto;display: flex;justify-content: space-between;}
#schedule ul{font-size:13px;width: 49%;}
#schedule ul li b{font-size: 15px;display: block;margin-bottom: 10px;}
#schedule ul li img{display: block;margin: auto;}
li.ind1{margin-left: 90px;text-indent: -90px;}
li.ind1 span{display: inline-block;margin-left: 0px;text-indent: -0px;vertical-align: text-top;}
li.ind2{margin-left: 28px;text-indent: -14px;}
li.ind2 span{display: inline-block;margin-left: 18px;text-indent: -0px;vertical-align: text-top;}
li.ind3{margin-left: 28px;text-indent: -14px;}

#hotel{/*margin-top: -70px;padding-top: 70px;*/}
#hotel .inner>b{font-size: 15px;display: block;margin-bottom: 10px;}
#hotel .inner{max-width: 950px;margin: auto;}
#hotel .tab{display: flex;justify-content: space-between;}
#hotel .tab>li{flex-grow: 1;padding:15px 5px;box-sizing: border-box;text-align:center;cursor:pointer;background-color: #c8c8c8;font-size: 18px;color:#fff;margin-right: 0.5%;display: flex;align-items: center;justify-content: center;pointer-events: none;}
#hotel .tab li:last-child{margin-right: 0;}
/*#hotel .tab>li.active{background-color:#007ae6;color:#fff;}*/
#hotel .tab li span{display: inline-block;}
#hotel .tab li br{display: none;}
#hotel .panel{background:#d9ebfb;border-top: 6px solid #007ae6;padding: 25px 15px;box-sizing: border-box;}
#hotel .panel>div{display:none;}
#hotel .panel>div.show{display:block;}
#hotel .panel>div ul{display: flex;justify-content: space-around;align-items:stretch;}
#hotel .panel>div ul li{width: 31%;background-color: #fff;}
#hotel .panel>div ul li>a>img{width: 100%;height: auto;display: block;}
#hotel .panel>div ul li>a{text-decoration: none;display: block;}
#hotel .panel>div ul li>a:hover{opacity:0.50;filter:alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";-moz-opacity:0.50;}
#hotel .panel>div ul li>a>span{padding: 15px;display: block;}
#hotel .panel>div ul li b{font-size: 16px;color: #007ae6;display: block;}
#hotel .panel>div ul li p{font-size: 14px;padding-left: 14px;text-indent: -14px;}
#hotel .panel>div ul li p::before{content: "●";color:#007ae6;}

#info{/*margin-top: -70px;padding-top: 70px;*/}
#info .inner{max-width: 950px;margin: auto;}
#info .i1{}
#info .i1 b{font-size: 18px;font-weight: bold;display: block;color: #007ae6;}
#info .i1 span{display: block;color: #ff0000;margin-bottom: 20px;}
#info .i1 img{width: 100%;height: auto;display: block;margin: 20px 0;}
#info .i1 span.caution{border: 2px solid #e10000;box-sizing: border-box;display: block;}
#info .i1 span.caution b{background-color: #e10000;font-size: 15px;text-align: center;display: block;padding: 8px;color: #fff;}
#info .i1 span.caution ul{margin: 15px;} 
#info .i1 span.caution ul li{font-size: 14px;margin-left: 14px;text-indent: -14px;}
#info .i2{}
#info .i2>img{}
#info .i2 .s1{display: flex;margin-top: 20px;}
#info .i2 .s1 figure{width: 120px;}
#info .i2 .s1 figure img{display: block;}
#info .i2 .s1 ul{flex: 1;list-style-type: disc;margin-left: 20px;}
#info .i2 .s1 ul li{font-size: 14px;color:#e10000;}
#info .i2 .s1 ul li span{margin-left: 14px;text-indent: -14px;display: block;}
#info .i2 .s2{display: flex;margin-top: 20px;justify-content: space-between;}
#info .i2 .s2 figure{flex-basis: 50%;}
#info .i2 .s2 figure img{}
#info .i2 .s2 .detail{flex-basis: 48%;}
#info .i2 .s2 .detail>img{display: block;margin: 0px auto 15px;}
#info .i2 .s2 .detail p{font-size: 12px;letter-spacing: -1px;margin-left: 8px;text-indent: -8px;}
#info .i2 .s2 .detail p small{color: #00a2ff;}
#info .i2 .s2 .detail p span{color:#dc0000;margin-left: 8px;text-indent: -8px;}
#info .i2 .s2 .detail a{display: block;width: 200px;height: auto;margin: 5px 0 30px;}
#info .i2 .s2 .detail a img{width: 100%;height: auto;display: block;}
#info .i2 .s2 .detail span.caution{}
#info .i2 .s2 .detail span.caution{border: 2px solid #e10000;box-sizing: border-box;display: block;background-color: #e10000;}
#info .i2 .s2 .detail span.caution b{background-color: #ffffff;font-size: 15px;text-align: center;display: block;padding: 4px;border-bottom: 2px solid #e10000;color: #e10000;font-weight: bold;}
#info .i2 .s2 .detail span.caution ul{margin: 5px 10px;} 
#info .i2 .s2 .detail span.caution ul li{font-size: 12px;color: #fff;}
#info .i3{}
#info .i3 p{color: #fff;background-color:#ff0000;padding: 5px 10px;display: table;margin: -45px auto 30px;font-size: 14px;font-weight: bold;}
#info .i3 label{display: block;border-bottom: 1px dotted #ccc;margin-bottom: 15px;padding-bottom: 15px;font-size: 14px;margin-left: 35px;text-indent: -35px;}
#info .i3 label:nth-of-type(8){border-bottom: none !important;}
#info .i3 label input[type=checkbox] {width:20px;height:20px;-moz-transform:scale(1.4);-webkit-transform:	scale(1.4);transform:scale(1.4);}
#info .i3 label input{margin-right: 10px;}
#info .i3 label b {font-size: 16px;font-weight: bold;display: block;margin-bottom: 10px;}
#info .i3 label span.att {font-size: 14px;font-weight: bold;display: block;margin-bottom: 10px;color: #ff0000;font-style: normal;margin-left: 0px;text-indent: 0px;}
#info .i3 label span{margin-left: 14px;text-indent: -14px;display: block;}
#info .i3 label span.ind1{margin-left: 28px;text-indent: -28px;display: block;}
#info .i3 a{width: 260px;display: block;float: right;pointer-events: none;}
#info .i3 a img{width: 100%;height: auto;display: block;}
#info .i3 br.pc{}


#search{/*margin-top: -70px;padding-top: 70px;*/}
#search .inner{max-width: 950px;margin: auto;margin-top: 60px;margin-bottom: 120px;}
#search .prize{display: block;text-align: center;font-size: 38px;font-weight: bold;}
#search .prize b{font-weight: bold;color:#ff5000;margin: 0 4px;}
#search .prize b small{font-size: 20px;font-weight: normal;}
#search .prize span{display: block;font-size: 16px;text-align: center;font-weight: normal;}

#search .caution{font-size: 16px;color:#ff0000;text-align: center;display: block;margin: -15px 0 10px;font-weight: bold;}
.inuptarea{display: flex;align-items:flex-start;justify-content: center;flex-wrap: wrap;}
.inuptarea small.pc{display: inline-block !important;text-align: left;margin-left: 14%;width: 100%;margin-top: 5px;}
.inuptarea small.sp{display: none !important;}
.inuptarea small a{text-decoration: underline;color:#007ae6;}
#search button{border: none !important;display: block;margin: 0px 0.5%;pointer-events: none;}
#search button img{display: block;margin: auto;height: auto;}
#search button[disabled] img.btnm{display: none !important;}
#search button[disabled] img.btnd{display: block !important;cursor: default;}
#search button img.btnm{display: block !important;pointer-events: none;}
#search button img.btnd{display: none !important;}
a.tandem{display: block;margin: 0px 0.5%;pointer-events: none;}
a.tandem img{width: 100%;height: auto;display: block;}

#contact{}
#contact .inner{max-width: 950px;margin: auto;margin-top: 40px;}
#contact span{color:#0047c7;font-weight: bold;font-size: 16px;margin-bottom: 5px;display: block;}

a.faq{max-width: 420px;display: block;margin:30px auto;}
a.faq img{width: 100%;height: auto;display: block;}


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

.res-inner-contents nav ul li a{font-size:16px !important;}
#hotel .tab>li{font-size: 16px !important;}
li.ind2 span{display: inline-block;margin-left: 18px;text-indent: -0px;margin-top: -20px;}
.inuptarea small.pc{display: inline-block !important;text-align: left;margin-left: 8%;width: 100%;margin-top: 5px;}
#info .i3 br.pc{display: none;}
#schedule br.sp{display: none;}
}










@media (max-width:767px) {

h3.midashi{padding-bottom: 8px;margin: auto;margin-bottom: 10px;text-align: center;max-width: 950px;margin-top: 50px; padding-top: 0px;}
h3.midashi span{border-bottom: 2px solid #5cc3ff;text-align: center;font-size: 20px;color:#007ae6;font-weight: bold;width: 100%;margin: auto;display: flex;flex-direction: column;justify-content: center;padding-bottom: 2px;}
h3.midashi span::after{content:"";border-bottom: 4px solid #007ae6;}

h3.midashi2{margin: auto;margin-bottom: 20px;text-align: center;background-color: #002881;padding: 5px 0;width: 100%;}
h3.midashi2 span{text-align: center;font-size: 20px;color:#fff;font-weight: bold;width: 100%;margin: auto;}

ul.tablink li a{display: block;color: #fff;text-decoration: none;text-align: center;font-size: 16px;font-weight: bold;}

.res-inner-contents nav ul li:last-child::after{content: none;}
.res-inner-contents nav ul li:first-child::before{content: none;}
.res-inner-contents nav ul li a{width: 100%;display: flex;height: 100%;align-items: center;justify-content: center;flex-direction: column;color: #007ae6;font-weight: bold;font-size:13px;letter-spacing: -1px;}
.res-inner-contents nav ul li a::after{content:url(/domtour/hokkaido/package_skytouring/image/200220/narrow.png);}



#shikumi{margin-bottom: 60px;}
#shikumi .inner{margin: auto;width: 100%;position: relative;}
/*#shikumi .inner a{display: block;position: absolute;width: 48%;height: 10%;top: 63%;right: 0;left: 0;margin: auto;text-indent: -9999px;}*/



#schedule{margin-bottom: 60px;}
#schedule .inner{margin: auto;width: 100%;flex-direction: column;}
#schedule ul{font-size:14px;margin: 0;width: 100%;}
#schedule ul li img{display: block;margin: auto;margin-bottom: 10px;}
li.ind2 span{display: inline-block;margin-left: 18px;text-indent: -0px;margin-top: -22px;}
#schedule br.sp{display: none;}



#hotel{margin-bottom: 60px;}
#hotel .inner{width: 100%;margin: auto;}
#hotel .inner>b{font-size: 14px;}
#hotel .tab{display: flex;justify-content: space-between;}
#hotel .tab>li{flex-grow: 1;padding:10px 3px;box-sizing: border-box;text-align:center;cursor:pointer;background-color: #c8c8c8;font-size: 14px;color:#fff;margin-right: 0.5%;}
#hotel .tab li span{display: none;}
#hotel .tab li br{display: block;}
#hotel .panel{padding: 15px 5px;}
#hotel .panel>div ul{flex-wrap: wrap;justify-content: flex-start;}
#hotel .panel>div ul li{width: 48%;margin: 10px 1%;}
#hotel .panel>div ul li>span{padding: 10px;display: block;}
#hotel .panel>div ul li b{font-size: 15px;}
#hotel .panel>div ul li p{font-size: 13px;padding-left: 13px;text-indent: -13px;}




#info{margin-bottom: 60px;}
#info .inner{width: 100%;margin: auto;}
#info .i1{font-size: 14px;}
#info .i1 b{font-size: 16px;}
#info .i1 span.caution b{font-size: 14px;}
#info .i1 span.caution ul li{font-size: 12px;}

#info .i2{}
#info .i2>img{width: 100%;margin-bottom: 10px;}
#info .i2 .s1{flex-direction: column;}
#info .i2 .s1 figure{width: 100%;}
#info .i2 .s1 figure img{margin: auto;width: 100%;margin-bottom: 20px;}
#info .i2 .s1 ul{flex:none;}


#info .i2 .s2{display: block;margin-top: 20px;}
#info .i2 .s2 figure{flex-basis:auto;}
#info .i2 .s2 figure img{width: 100%;height: auto;display: block;margin-bottom: 20px;}
#info .i2 .s2 .detail{flex-basis:auto;}
#info .i2 .s2 .detail>img{display: block;margin: 0px auto 15px;width: 100%;}
#info .i2 .s2 .detail p{font-size: 12px;letter-spacing: -1px;}
#info .i2 .s2 .detail p small{color: #00a2ff;}
#info .i2 .s2 .detail p span{color:#dc0000;}
#info .i2 .s2 .detail a{display: table;width: 200px;height: auto;margin: 15px auto 30px;}
#info .i2 .s2 .detail a img{width: 100%;height: auto;display: block;}
#info .i2 .s2 .detail span.caution b{font-size: 14px;}
#info .i2 .s2 .detail span.caution ul li{font-size: 12px;}



#info .i3{}
#info .i3 p{margin: -20px auto 30px;}
#info .i3 label{display: block;border-bottom: 1px dotted #ccc;margin-bottom: 15px;padding-bottom: 15px;font-size: 14px;}
#info .i3 label input{margin-right: 10px;}
#info .i3 label b {font-size: 16px;font-weight: bold;display: block;margin-bottom: 10px;}
#info .i3 a{width: 260px;display: table;float: none;margin: 15px auto 30px;}
#info .i3 br.pc{display: none;}







#search{margin-bottom: 60px;}
#search .inner{margin: auto;margin-top: 40px;width: 100%;}
#search .prize{display: block;text-align: center;font-size: 30px;font-weight: bold;}
#search .prize b{font-weight: bold;color:#ff5000;margin: 0 4px;}
#search .prize b small{font-size: 14px;font-weight: normal;}
#search .prize span{display: block;font-size: 14px;text-align: center;font-weight: normal;}

#search .caution{font-size: 14px;}
.inuptarea{flex-direction: column;}
.inuptarea small.pc{display: none !important;}
.inuptarea small.sp{display: block !important;text-align: left;width: 80%;margin: auto;margin-top: 8px;}
#search button{border: none !important;display: block;margin: auto;}
#search button[disabled] img{opacity: 0.5; cursor: default;}
a.tandem{display: table;margin: 15px auto;max-width: 280px;}
a.tandem img{width: 100%;height: auto;display: block;}



#contact{}
#contact .inner{margin: auto;margin-top: 40px;width: 100%;}
#contact span{color:#0047c7;font-weight: bold;font-size: 14px;margin-bottom: 5px;display: block;}


a.faq{width: 80%;display: table;margin:30px auto;}


}








/* -------------------------------------------------- */
/* --- 料金・空席照会 --- */
.booking-form { text-align: center; }

.booking-form .booking-select {
margin: 40px auto;
font-size: 14px;
display: flex;
justify-content: center;
}
.booking-form .booking-select .day-dt {
	float: left;
	padding: 3px 5px;

}
.booking-form .booking-select .day-dd {
	float: left;
	padding: 0 25px 0 5px;
}
.booking-form .booking-select .day-dd select {
    width: auto;
	font-size: 14px;
}
.booking-form-notes {
	margin-top: 20px;
	padding: 3px 5px;
	border: 1px solid #ff781e;
	color: #ff781e;
	text-align: center;
}

/* -------------------------------------------------- */
/* --- section --- */
.section-typeB { 
    padding: 0px 0 10px 0;
	background-color: #ebebeb;}

/* -------------------------------------------------- */
/* --- パートカラム --- */
.part-col-box {
margin: auto;
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 96%;
}
.part-col-box.sec1 li {
	width: 100%;
}
.part-col-box.sec2 li {
	width: 31.6%;
	margin-bottom: 25px;
}
.part-col-box.sec2 li img {
	width: 100%;
	height: auto;
}

.part-col-box.sec3 li {
	width: 100%;
}
.part-col-box.sec4 li {
	width: 100%;
}
	

.part-col-box .grand_01 {
	float: left;
	width: 625px;
	word-break: break-all;
}

.part-col-box .grand_02 {
	float: right;
	width: 625px;
	word-break: break-all;
}

p.att{font-size: 14px;margin: 15px 0px;}
p.att a{text-decoration: underline !important;color: #0032ff;margin: 0px 5px;}

/**/

.align_right{ text-align:right; font-size:12px; width:100%; margin-bottom:15px;}


.espa_01{ margin-left:13px;}

.espa_02{ 
margin:20px 0;
text-align:center;
font-size:16px;
font-weight:bold;}

.espa_03{ margin-top:12px;}
	
.espa_04{
	float:left;
	margin-right:8px;}
	
.espa_05{
padding-bottom:15px;}
	
.cajon_01{
	clear:both;
	margin-top:30px;
	border: 1px solid #969696;}
.cajon_01 .tit_01{
	float:left;
	background-color:black;
	color:white;
	padding:5px;
	font-size:15px;
	}
.cajon_01 .tit_02{
	float:left;
	padding:5px;
	font-size:15px;}
	
.cajon_01 .foto_01{ float:left; margin-right:5px;}

.cajon_01 .txt_01{ 
     float:left; 
	 font-size:15px;
	 line-height:15px;}
	 
.cajon_01 .txt_02{ 
     float:left; 
	 font-size:15px;
	 line-height:25px;}
	 
.cajon_01 table{
	clear:both;
	margin:20px 0 0 21px !important;
	}
	
	
	
	@media (min-width:950px) {
img.sp{display: none !important;}
img.pc{display: block !important;}
.mainarea  {width: 100%;  margin: 0 auto;}}
	
	
	
@media (max-width:949px) {
img.sp{display: block !important;width: 100%;height: auto;}
img.pc{display: none !important;}
.res-inner-contents {width: 100% !important;margin: 30px auto;}
.mainarea  {width: 100%;  margin: 0 auto;}

.h2-typeA .title-txt {
    display: inline-block;
    padding: 5px 15px 3px 50px;
    background: no-repeat left 8px;
    font-size: 25px;
    color: #fff;}
				
.part-col-box {
	width: 90%;
	margin: auto;
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: column;
}
.part-col-box.sec1 li {
	width: 100%;
}
.part-col-box.sec2 li {
	width: 100%;
	margin-bottom: 25px;
}
.part-col-box.sec2 li img {
	width: 100%;
	height: auto;
}
.part-col-box.sec3{margin-top: -25px;}
.part-col-box.sec3 li {
	width: 100%;
}

.part-col-box.sec4 li {
	width: 100%;
}

.con-wrap-typeA {
    width: 100%;
    margin: 0 auto;
}
.hoteles{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	}

.hoteles_02{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	}
	.hot_boxs_R {
    float:none;
    width: auto;
    font-size: 12px;
    line-height: 20px;
}
.right {
    float: none;
}
.left {
    float: none;
}
.hot_boxs {
    float: none;
    margin-left: 0px;
    width: auto;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
}
	
	.espa_03 {
    margin-top: 12px;
    display: flex;
		}
	
.hot_boxs_R .right img{width: 100%;height: auto;}
	
	
.booking-form { text-align: center; }

.booking-form .booking-select {
width: 100%;
flex-direction: column;
}


.booking-select {display:flex;flex-wrap: wrap;justify-content: space-around;}

.booking-form .booking-select .day-dt {
	float: none;
	width: 100%;
	padding: 0px;

}
.booking-form .booking-select .day-dd {
	float: none;
	width: 100%;
	padding: 0px 0px 15px;
}
.booking-form .booking-select .day-dd select {
    width: auto;
	font-size: 14px;
}
.booking-form-notes {
	margin-top: 20px;
	padding: 3px 5px;
	border: 1px solid #ff781e;
	color: #ff781e;
	text-align: center;
}
.booking-form input[type=image]{width: 90%;height: auto;}	
}