body{background:#322d2c;min-width:1100px;font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
    "segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;text-size-adjust: none;}
#box, #sprite, #foot_copy {width: 100%;}
a:hover{opacity:.7;}
a{text-decoration:none;}
body,a{color:#fff;}

/**/
#contents dl.hokkaido h5,
#contents h5.hokkaido{background:#72a7c6;}
#contents dl.tohokujoshinetsu h5,
#contents h5.tohokujoshinetsu{background:#9cb46e;}
#contents dl.shutoken h5,
#contents h5.shutoken{background:#eb959b;}
#contents dl.yokohamashonanhakone h5,
#contents h5.yokohamashonanhakone{background:#897ea9;}
#contents dl.izu h5,
#contents h5.izu{background:#63aa95;}
#contents dl.kansaihiroshimakyushu h5,
#contents h5.kansaihiroshimakyushu{background:#e49d73;}
#contents dl.other h5,
#contents h5.other{background:#717171;}
#pickup dl.hokkaido h4{color:#72a7c6;}
#pickup dl.tohokujoshinetsu h4{color:#9cb46e;}
#pickup dl.shutoken h4{color:#eb959b;}
#pickup dl.yokohamashonanhakone h4{color:#897ea9;}
#pickup dl.izu h4{color:#63aa95;}
#pickup dl.kansaihiroshimakyushu h4{color:#e49d73;}
#pickup dl.other h4{color:#717171;}






/**/
#header{width:100%;height:100vh;}
#header table{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;text-align:center;}
#header table th{vertical-align:middle;}

#header .slide{position:absolute;width:100%;height:100vh;left:0;top:0;}
#header .slide div {width: 100%; height: 100%;}
#header .slide div img {width: 100%;position:absolute;left:0;top:0;}

button.slick-arrow {display:none !important;}
ul.slick-dots {position:absolute;bottom:20px;left:0;text-align:center;width:100%;z-index:9999 !important;left:50%;}
ul.slick-dots {width:80px;margin-left:-40px;}
ul.slick-dots li {float:left;display:block;overflow:hidden;border:0;border-radius:10px;width:10px;height:10px;color:transparent;background:#9e9e9f;margin:0 8px;list-style-type:none;}
.slick-dots li button{display:block;border:0;opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;cursor:pointer;}
.slick-dots li.slick-active{background:#fff;}

/**/
#lead{padding:30px 0;}
#lead h2{font-size: 27px;line-height:1.2;max-height: 100%;}
#lead p{font-size: 18px;line-height:38px;margin-top:3em;max-height: 100%;}

/**/
#area{padding-bottom:130px;}
#area .inner{width:1100px;height:621px;margin: 0 auto;position:relative;}
#area #on{position: absolute;width:100%;height:100%;left:0;top:0;}
#area #on img{position: absolute;left:0;top:0;opacity:0;}



/**/
#pickup{padding:100px 0 100px;background:#ad9d83;position:relative;text-align:left;}
#pickup h2{position:absolute;top:0;left:50%;margin:-110px 0 0 -110px;}

#pickup .inner{width:944px;margin:0 auto;overflow: hidden;}
#pickup dl{border-top:1px solid;margin-top:50px;padding-top:50px;}
#pickup dl:first-child{border-top:none;margin-top:0;padding-top:0;}
#pickup dt{width:468px;height:342px;margin-right:36px;float:left;}
#pickup dd{overflow:hidden;}
#pickup h5{display:none;}
#pickup h4{font-size: 22px;line-height:1.2;max-height: 100%;}
#pickup h3{font-size: 29px;line-height:38px;margin:.3em 0 .6em;max-height: 100%;}
#pickup p{font-size: 16px;line-height:26px;max-height: 100%;}
#pickup a{font-size: 16px;line-height:26px;max-height: 100%;text-decoration:underline;}


/**/
#contents{padding:85px 0 88px;background:#c8c9ca;}
#contents,#contents a{color:#231815;}
#contents #search{margin:30px 12px 38px;overflow:hidden;background: #3a3f52;}
#contents #search div{float:left;}


select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: none;
    height: 38px;
    width:275px;
    font-size: 16px !important;
    max-height:100%;
}
option {
    font-size: 16px !important;
    max-height:100%;
}
select::-ms-expand {
    display: none;
}
.selectWrap{
    position: relative;
    display: inline-block;
    width:275px;
    height: 38px;
    margin-top: 25px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}
.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #fff;
    height: 100%;
    width: 30px;
}
.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #3a3f52 transparent transparent transparent;
}


#contents .inner{width:968px;margin:0 auto;overflow: hidden;}
#contents dl{text-align:left;width:460px;float:left;padding:12px;}
#contents dt{width:100%;height:284px;float:none;}
#contents dd{padding:40px 20px 46px;background:#fff;}
#contents h4{font-size: 19px;line-height:1.2;max-height: 100%;}
#contents h3{font-size: 22px;line-height:28px;margin:.3em 0 .6em;max-height: 100%;}
#contents p{font-size: 14px;line-height:21px;max-height: 100%;}
#contents a{font-size: 14px;line-height:21px;max-height: 100%;text-decoration:underline;}
#contents a{position:absolute;left:20px;bottom:25px;}


#contents dl dd{position:relative;}
#contents dl dd:before{display:block;height:26px;position:absolute;top:0;left:0;padding-left:90px;}
#contents dl.event dd:before{content:url(../images/tag/tag_event.png);}
#contents dl.gourmet dd:before{content:url(../images/tag/tag_gourmet.png);}
#contents dl.music dd:before{content:url(../images/tag/tag_music.png);}
#contents dl.nature dd:before{content:url(../images/tag/tag_nature.png);}
#contents dl.pool dd:before{content:url(../images/tag/tag_pool.png);}
#contents dl.sports dd:before{content:url(../images/tag/tag_sport.png);}
#contents dl h5{display:inline-block;position:absolute;top:0;left:0;width:90px;height:26px;font-size: 16px;line-height:26px;max-height: 100%;text-align:center;color:#fff;}
#contents dl.nothing h5{display:inline-block;position:absolute;top:0;left:0;width:auto;padding:0 .75em;}


#contents dl{display:none;}
#contents .nothing dd h5{display:none;}
#contents .hokkaido .hokkaido,
#contents .tohokujoshinetsu .tohokujoshinetsu,
#contents .shutoken .shutoken,
#contents .yokohamashonanhakone .yokohamashonanhakone,
#contents .izu .izu,
#contents .kansaihiroshimakyushu .kansaihiroshimakyushu,
#contents .subete .subete,
#contents .nothing .nothing{display:block;}


/**/
#footer{background:none;padding:20px 0;}
#footer a,#footer p{font-size: 12px;line-height:24px;max-height: 100%;}


.navwrap{height:67px;}
#nav{background:#a6cf3a;position:relative;z-index:998;}
#nav{position:fixed;left:0;top:0;width:100%;}
#btnnav{position:fixed;right:0;top:0;z-index:999;}
#navon{position:fixed;right:-570px;top:0;padding-top:93px;background:url(../images/navon/navon.jpg) left 93px no-repeat #3a3f51;z-index:997;transition:all .5s ease;}
#navon.r0{right:0;}


/*dl*/
dl,dd{overflow: hidden;}
dt{float: left;}

/* Opening
-----------------------------------------*/
.Opening {
position:relative;
background-color: #FFF;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.Opening ul li img.Opening__text{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}

br.pc,img.pc{display:inline;}
.pc{display:block;}
br.sp,img.sp,.sp{display:none;}

@media (max-width: 570px) {
a:hover{opacity:1;}

br.pc,img.pc,.pc{display:none;}
br.sp,img.sp{display:inline;}
.sp{display:block;}


body{min-width:570px;}
#header table img{width:426px;}

#area{padding:25px 0 200px;}

#pickup dl,#contents dl{width:460px;margin:0 auto;}
#pickup dl{margin-top:50px;}
#pickup dl:first-child{margin-top:0;}
#pickup dt{float:none;margin-right:0;}
#pickup h4{margin-top:1em;}

#contents dl{float:none;}
#pickup .inner,#area .inner,#contents .inner{width:570px;height:auto;margin:0 auto;}

#contents #search{margin:30px auto 38px;width:460px;background:url(../images/search/sp_search.jpg) top left no-repeat;}
#contents #search div{float:none;}
select{
    width:274px;
}
.selectWrap{
    width:274px;
    height: 38px;
    margin-top: 0;
    margin-left: 144px;
}
#navon select{
    width:336px;
}
#navon .selectWrap{
    width:336px;
    margin-left: 194px;
}

}

h1 {
	position:absolute;
	padding-top: 14px;
	padding-left:30px;
	z-index:10;
	}