body{
margin:0;
padding:0;
font-family: 'Gentium Basic', serif;
letter-spacing: 0em;
/*-webkit-overflow-scrolling: touch;*/
background-color:#FFF;
}
.wrap{
position:relative;
}
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
a:link { color: #646464; text-decoration: none;}
a:visited { color: #646464; text-decoration: none;}
a:hover { color: #646464; text-decoration: none;}
a:active { color: #646464;text-decoration: none; }

h3{font-weight:normal;}

.right {
    margin-left: auto;
}
.logo{
position:relative;
margin:10px auto;
width:116px;
}
.logo img{
width:116px;
}
@font-face {
    font-family: 'si';
    src: url('../socicon/socicon.eot');
    src: url('../socicon/socicon.eot?#iefix') format('embedded-opentype'),
         url('../socicon/socicon.woff') format('woff'),
         url('../socicon/socicon.ttf') format('truetype'),
         url('../socicon/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../socicon/socicon.svg) format(svg);
    }
}



/*navi*/
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
} 

#fixed-navi{
	background:#FFF;
	width:100%;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	position:fixed;
	z-index:9999;
}

 
/*--// .addClass();で追加するcss //--*/
.fixed {
	position: fixed;
	top:0;
}


/*main photo*/
.mp{
position:absolute;
width:100%;
z-index:99;
height:100%;
}

.mp_second_img{

width:100%;
height:auto;
}

.mp_second_white{
position:absolute;
z-index:2;
bottom:0;
width:100%;
}

.mp_white{
bottom:0;
width:100%;
position:absolute;
background:url(../img/white.png);
background-size:100%;
background-repeat:no-repeat;
height:50%;
background-size:cover;
    background-position: center top;
	margin:0;
	padding:0;


}


.last_text{
font-size:22px;
color:#FFF;
letter-spacing: 0.2em;
position:absolute;
width:700px;
text-align:center;
margin:100px auto;
left:0;
right:0;
line-height:180%;
}
.tmain{
position: absolute;
  left: 0;
  right: 0;
  bottom: 20%;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}

.tmain_room{
position: absolute;
  left: 36%;
  bottom: 10%;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:25px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_onsen{
position: absolute;
  left: 52.5%;
  bottom: 10%;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_dining{
position: absolute;
  right:27%;
  bottom: 10%;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_access{
position: absolute;
  left:33.5%;
  bottom: 20%;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:25px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_news{
margin: 50px auto;
color:#000;
font-size:20px;
  height:20px;
  width:71px;
  text-align:center;
  letter-spacing: 0.2em;
}

#topics{
margin-top:0px;
}

.tmain_c{
margin: 0 auto;
color: #000;
 width: 950px;
text-align: left;
position: relative;
}

.about20{
margin-top:80px;

}
.about14{
margin:20px 0 40px 0;
}

#next_main{
position:relative;
width:100%;
height:auto;
}
body>#next_main:after{
content:"";
display:block;
clear:right;
}
.text_sub{
letter-spacing: 0em;
    padding: 70px 30px 28px 55px;
    font-size: 16px;
    line-height: 170%;
    position: absolute;
    z-index: 9;
}
.text_sub2{
    letter-spacing: 0em;
    padding: 70px 0px 60px 48px;
    font-size: 16px;
    line-height: 170%;
    position: absolute;
    z-index: 9;
}
.text_sub3{
letter-spacing: 0em;
padding:80px 40px 60px 70px
font-size:13px;
line-height:180%;
position:absolute;
z-index:9;
}
#wrap img{
-webkit-transition:all 1s;
 -moz-transition:all 1s;
 -ms-transition:all 1s;
 -o-transition:all 1s;
 transition:all 1s;
}
.photo01{
width:100%;
position:relative;
top:80px;
overflow:hidden;
z-index:0;
}
.photo06{
width:100%;
position:relative;
z-index:0;
top:1440px;
overflow:hidden;
}
.photo10{
width:100%;
position:relative;
z-index:0;
top:2100px;
overflow:hidden;
}

.photo15{
width:100%;
position:relative;
z-index:0;
overflow:hidden;
top:3500px;
}

#dragdrop-item-place{left:0;right:0;top:0;width:100%;z-index:0;} 
#dragdrop_container { width:950px; } 
#dragdrop-item-0{left:8%;top:-150px;width:246px;height:439px;z-index:99;position:absolute;} 
#dragdrop-item-02{right:13%;top:1000px;width:262px;height:491px;z-index:99;position:absolute;} 
#dragdrop-item-03{left:18%;top:1720px;width:289px;height:510px;z-index:99;position:absolute;} 
#dragdrop-item-1{left:0;right:0;top:210px;margin:0 auto;width:420px;z-index:21} 
#dragdrop-item-2{left:8%;0;top:600px;width:260px;z-index:20} 
#dragdrop-item-3{right:0;top:620px;width:459px;z-index:30} 
#dragdrop-item-4{left:12%;top:870px;width:286px;z-index:26} 
#dragdrop-item-5{right:15%;top:1520px;width:201px;z-index:26} 
#dragdrop-item-6{left:0;top:1600px;width:496px;z-index:26} 
#dragdrop-item-7{right:8%;top:1800px;width:302px;z-index:26} 
#dragdrop-item-8{right:11%;top:2150px;width:337px;z-index:26} 
#dragdrop-item-9{left:0;top:2420px;width:710px;z-index:20}
#dragdrop-item-10{right:6%;top:2950px;width:398px;z-index:26}
#dragdrop-item-11{left:7%;top:3100px;width:328px;z-index:25}
.dragdrop{display:block;position:absolute;width:auto}
.imgwrap{position:relative;overflow:hidden}
.dragdrop.img{width:33.33%}
.dragdrop.img img{width:100%;height:auto;display:block;position:absolute;top:0;left:0}
.dragdrop.img:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.lazyload,.lazyloading{opacity:0}
.lazyloaded{opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}
.not_mobile .dragdrop.img img.lazyloaded{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 2s ease-out,opacity 1s;transition:transform 2s ease-out,opacity 1s}
.not_mobile .dragdrop.img:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.dragdrop img{width:100%;height:auto;display:block}



.textarea01{
width:238px;
height:413px;
display:block;
position:relative;
display:none;
}
#tarea01{}
.ta01img{
z-index:2;
position:absolute;
}
#tarea01{}
.textarea02{
position:relative;
width:241px;
height:453px;
display:block;
display:none;
}
#tarea02{}
.ta02img{
z-index:2;
position:absolute;
}
.textarea03{
position:relative;
width:278px;
height:479px;
display:block;
display:none;
}
#tarea03{
}
.ta03img{
z-index:2;
position:absolute;
}

.f_link{
font-family: 'Shuei Mincho L', serif;
font-size:12px;
}
.f_btn{
width:100%;
border-bottom:1px solid #CAE1B3;
background-image:url(../img/btn_footer.gif);
background-position:50% 50%;
background-size:42px;
background-repeat:no-repeat;
margin-top:70px;
margin-bottom:25px;
}
.f_btn .on_btn{width:42px;height:21px;margin: 0 auto;cursor:pointer;}
.footer{
position:relative;
}
.m_footer{
width:720px;
font-size:12px;
letter-spacing: 0.1em;
line-height:180%;
margin:0 auto;
}
.m_f_logo{float:left;margin-right:12px;}
.m_f_logo img{width:95px;}
.cr{margin:20px auto;font-family:arial;font-size:10px;text-align:center;clear:float;}
.sp_footer{
display:none;
}

/*about*/


.photo_area01{
position:absolute;
z-index:0;
left:0;
text-align:left;
font-size:14px;
}
.photo_area02{
position:absolute;
z-index:0;
right:0;
text-align:left;
font-size:14px;
}

/*guest room*/
.m_mountain{
width:360px;
height:106px;
position:relative;
margin:0 auto;
}
.m_forest{
width:360px;
height:106px;
position:relative;
margin:0 auto;
}
.cover_mountainview{
position:absolute;
z-index:2;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
}
#mountainview{
position:absolute;
z-index:1;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
width:360px;
height:106px;
}
.cover_forestview{
position:absolute;
z-index:2;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
}
#forestview{
position:absolute;
z-index:1;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
width:360px;
height:106px;
}
.image_view_area{
width: 950px;
margin: 40px auto 0 auto;
position: relative;
height: 200px;
}
.image_view{
width:457px;
float:left;
text-align:center;
}
.image_view_end{
width:457px;
float:left;
text-align:center;
}
.suite{text-align:center;margin:60px auto 20px auto;}
.superior{text-align:center;margin:0px auto 20px auto;}
.superior_left{position:absolute;z-index:0;}
.superior_right{}
.deluxe{text-align:center;margin:0px auto 20px auto;}



#suite{
margin-top:-130px;
padding-top:130px;
}
#superior01{
margin-top:-130px;
padding-top:130px;
}
#superior02{
margin-top:-130px;
padding-top:130px;
}
#deluxe01{
margin-top:-130px;
padding-top:130px;
}
#deluxe02{
margin-top:-130px;
padding-top:130px;
}
#deluxe03{
margin-top:-130px;
padding-top:130px;
}
#deluxe04{
margin-top:-130px;
padding-top:130px;
}






@media screen and (min-width: 415px) {
.section3img{
    width: 100%;
    height: 70%;
	overflow:hidden;
	    position: absolute;
    top: 0;
	background-image:url(../../img/fall/sub_main10.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.section4img{
    width: 100%;
    height: 70%;
	overflow:hidden;
	    position: absolute;
    top: 0;
	background-image:url(../../img/fall/sub_main06.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.font20{
font-size: 23px;
letter-spacing: 0.05em;
}
.font14{
font-size: 16px;
letter-spacing: 0.05em;
line-height:200%;
}
.font18{
font-size: 20px;
letter-spacing: 0.2em;
}
.font13{
    font-size: 13px;
    letter-spacing: 0.2em;
    line-height: 180%;
}
.tlogo{
position: absolute;
  top: 30%;
  left: 0;
  right: 0;
 /* bottom: 30%;*/
  margin: auto;
  width: 207px;
  height: 90px;
  z-index:99;
}
.tlogo img{width:207px;}
.location_map{width:500px;}
#section1{margin-top:35px;}
#section2{margin-top:35px;}
#section3{margin-top:35px;}
#section4{margin-top:35px;}
.section2img{
    width: 100%;
    height: 40%;
    background-image: url(../../img/fall/sub_main01.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 10%;
    background-attachment: fixed;
    position: absolute;
    top: 0;
}
.section2ttl{
text-align:center;
position: absolute;
left:0;
right:0;
bottom:10%;
}
.section3ttl{
text-align:center;
position: absolute;
left:0;
right:0;
bottom:10%;
}
.section3txt{
    margin: 0 auto;
    color: #000;
    width: 90%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
	top:75%;
}
.section4ttl{
text-align:center;
position: absolute;
left:0;
right:0;
bottom:10%;
}
.section4txt{
    margin: 0 auto;
    color: #000;
    width: 90%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
	top:75%;
}
.top_btn_area{
width:172px;
float:left;
margin-right:10px;
margin-top:10px;
}
.place_btn_area{
width:546px;
margin:0 auto;
}
.active_btn_area{
width:364px;
margin:0 auto;
}
.amen{
margin-top:-70px;font-size:12px;
}
.tmain_top{
position: absolute;
  left: 0;
  right: 0;
  bottom: 50%;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.section2txt{
    margin: 0 auto;
    color: #000;
    width: 85%;
    text-align: left;
    position: absolute;
    left: 0;
    right: 0;
	top:43%;
}
.tsub{
position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    margin: auto;
    color: #000;
    font-size: 14px;
    z-index: 99;
    width: 100%;
    /*height: 100px;*/
    text-align: center;
    letter-spacing: 0.2em;
    background-color: #FFF;
}
#menu{
background: #FFF;
width: 100%;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
z-index: 9999;
}

#menu ul li span {
border-bottom: 1px solid #CCC;

background: #FFF;
position:absolute;
z-index:998;
display:none;
padding:10px;
}
#menu ul li:hover span { display: block; }
#menu ul li span a { display: inline; }
#menu ul li span a:hover {text-decoration: underline;}

#top{
margin-top:-35px;
padding-top:35px;
}
ul{
	overflow:hidden;
	list-style:none;
	width:800px;
	margin:0 auto;
	padding-top:4px;
	padding-bottom:10px;
}
li{
	float:left;
	text-align: center;
	padding-top:6px;
}
li:last-child {}
li:first-child {}
li a{display:block;}
 li a:hover{}
 .booking_li{
 margin-left:10px;
 margin-top:-5px;
 margin-bottom:-5px;
 }
.b_booking{
display:none!important;
/*position:fixed;
z-index:99999;
top:13px;
right:130px;
opacity: 0;*/
}
/*side menu booking*/
.booking_wrap{
position:absolute;
z-index:999;
width:100%;
top:170px;
height:267px;
overflow:hidden;
}
.booking{
width:575px;
cursor:pointer;
background:url(../img/side_menu.png?201512);
position:absolute;
z-index:999;
right:-550px;
}
.mp{overflow: hidden;}
.about_imgarea01{
    position: absolute;
    z-index: 0;
    left: 0;
    text-align: left;
    font-size: 14px;
    width:68%;
}
.mp_second{
width:100%;
position:relative;
height:auto;
}
.about_imgarea02{
    position: absolute;
    z-index: 0;
    right: 0;
    text-align: left;
    font-size: 14px;
    width:30.35%;
}
.body_photo_area{
width:100%;
position:relative;
display:block;
height:430px;
margin-top: 10px;
}
.tmain_about{
position: absolute;
  left: 21%;
  bottom: 10%;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.f_btn{
width:100%;
border-bottom:1px solid #CAE1B3;
background-image:url(../img/btn_footer.gif);
background-position:50% 50%;
background-size:42px;
background-repeat:no-repeat;
margin-top:70px;
margin-bottom:25px;
}
.f_btn .on_btn{width:42px;height:21px;margin: 0 auto;cursor:pointer;}
.footer{}
.m_footer{
width:720px;
font-size:12px;
letter-spacing: 0.1em;
line-height:180%;
margin:0 auto;
}
.m_f_logo{float:left;margin-right:12px;}
.m_f_logo img{width:95px;}
.cr{margin:20px auto;font-family:arial;font-size:10px;text-align:center;clear:float;}
.sp_footer{
display:none;
}
.body_photo_area3{
width:100%;
position:relative;
display:block;
height:330px;
margin-top:3px;
}
.body_photo_area3spnone{
width:100%;
position:relative;
display:block;
height:370px;
}
.body_photo_area4{
width:100%;
position:relative;
display:block;
height:320px;
}
.photo_area01spa{
position:absolute;
z-index:0;
left:0;
text-align:left;
font-size:14px;
width:50%;
}
.photo_area02spa{
position:absolute;
z-index:0;
right:0;
text-align:right;
font-size:14px;
width:50%;
}
.photo_area01spa img{width:99%;}
.photo_area02spa img{width:99%;}

.photo_area01di{
position:absolute;
z-index:0;
left:0;
text-align:left;
font-size:14px;
width:50%;
}
.photo_area02di{
position:absolute;
z-index:0;
right:0;
text-align:left;
font-size:14px;
width:50%;
}
.photo_area01di img{width:98%;}
.photo_area02di img{width:98%;}
.pcnone{display:none;}
.access_detail{
width:250px;
margin-left:20px;
font-size:15px;
float:left;
}
/*access*/
.table_ac{
width:500px;
margin:20px auto;
font-size:13px;
text-align:center;
}
.ta{width:540px;}
.td_left{
border-right:dotted 1px #000;
border-bottom:1px solid #000;
}
.td_right{
border-bottom:1px solid #000;
}
.ta_main01{
color:#99CC66;
font-size:14px;
}
.ta_main02{
color:#99CC66;
font-size:25px;
}
/*news*/
.tmain_c_news{
margin: 0 auto;
color: #000;
 width: 950px;
text-align: center;
position: relative;
}
ul.instagram{
width:600px;
}
li.news{
  list-style: none;
  margin-bottom: 20px;
  width: 600px;
  text-align:left;
}
.news_photo{
width:166px;
height:166px;
overflow:hidden;
float:left;
}
.news_text_area{
width:404px;
margin-left:30px;
float:left;
font-size:15px;
}
.news_t{
width:404px;
word-wrap:break-word; 
margin-top:10px;
}
.news_photo img{
width:166px;
margin:0 auto;
}
.news_time_pc{
width:100%;
border-bottom:1px solid #000;
font-size:18px;
color:#CCC;
}
.news_time_sp{display:none;}
li.news span {
  margin-right: 20px;
  border-bottom:1px solid #CCC;
}
/*room*/
/* ************************************************ 
 *  Colorbox Core Style:
 * ************************************************ */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* ************************************************ 
 *  Cbox Option Style:
 * ************************************************ */
#cboxOverlay{background:#CACACA; opacity: 0.3; filter: alpha(opacity = 30);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#FFF;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px;}
        #cboxLoadedContent{background:#fff;}
        #cboxLoadingGraphic{background:url(http://img14.shop-pro.jp/PA01304/682/etc/loading.gif?2105) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:18px; height:18px; position:absolute; top:17px; margin-right:17px; background:url(http://img14.shop-pro.jp/PA01304/682/etc/control_close.gif?208600) no-repeat 0 0;}
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxClose{background-position:0px 0px; right:0;}
        #cboxClose:hover{background-position:0px 0px;}

.photo_area01room{
position:absolute;
z-index:0;
left:0;
text-align:left;
font-size:15px;
width:50%;
}
.photo_area02room{
position:absolute;
z-index:0;
right:0;
text-align:left;
font-size:15px;
width:50%;
}
.photo_area01room img{width:90%;}
.photo_area02room img{width:90%;}
.body_photo_area2{
width:100%;
position:relative;
display:block;
height:430px;
margin-top:-60px;
}
.room_detail table{font-size:12px;widh:300px;}
.room_end{border-bottom:1px solid #CAE1B3;height:380px;margin-bottom:60px;}
#MainPhoto p img{ width:590px; height:392px;}
.room_photo_area {
	width:590px;
	margin:20px auto;
	padding:10px;
}
.room_photo_area p {
	height:392px;
}
.room_photo_area ul {
	display:block;
	overflow:hidden;
	margin-top:20px;
	clear:both;
	padding:0px;
	margin-left:0px;
}
.room_photo_area li {
	display:block;
	float:left;
	margin-right:9px;
}
.room_photo_area li img {
	cursor:pointer;
	}
	.room_text_area{
	width:590px;
	margin:0 auto;
	clear:both;
	margin-top:50px;
	}
	.main_text{
	font-size:14px;
	line-height:180%;
	float:left;
	width:420px;
	}
	.room_detail{
	padding:20px;
	margin-top:50px;
	}
.room_detail_ttl{
font-size:17px;letter-spacing:0.1em;line-height:200%;
}
/*access*/
.access14{margin: 60px 0 20px 0;}
.footertop{top:3500px;}
.tmain_service{
position: absolute;
  left: 22%;
  bottom: 10%;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:25px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_rate{
position: absolute;
  left:52%;
  bottom: 10%;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:24px;
  text-align:center;
  letter-spacing: 0.2em;
}
.prope_ttl{
margin:0 auto;text-align:center;
}
.hyo{
width:950px;
margin:15px auto 0;
}

.rate01{
width:950px;
margin:0 auto;
border-left:1px solid #000;
border-top:1px solid #000;
}

.rate01 td{
border-right:1px solid #000;
border-bottom:1px solid #000;
}

.rate02{
width:950px;
margin:0 auto;
text-align:right;
}

.rate03{
width:600px;
margin-top:15px;
border:1px solid #000;
}

.rate04{
width:400px;
margin-top:15px;
border:1px solid #000;
}
.res_btn{width:340px;}
.floating {
top: 0%;
    right: 22px;
    position: fixed;
    z-index: 999999999;
    width: 60px;
    padding-bottom: 30px;
}
.floating2 {
top: 10px;
    right: 50px;
    position: absolute;
    z-index: 99;
    width: 60px;
    padding-bottom: 30px;
}
.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 15px;
    color: #ffffff;
    background-color: #ccc;
}

.soc a:hover {
    z-index: 2;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.soc-icon-last{
    margin:0 !important;
}

.soc-instagram:before {
    content:'x';
}
.soc-facebook:before {
    content:'b';
}
.dine{
margin-right:20px;
}
.soc2 {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
	width: 100px;
}

.soc2 li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc2 li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 15px;
    color: #ffffff;
    background-color: #ccc;
}

.soc2 a:hover {
    z-index: 2;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.soc-icon-last{
    margin:0 !important;
}

.soc-instagram:before {
    content:'x';
}
.soc-facebook:before {
    content:'b';
}
.contact_area{
margin-left:100px;
padding-top:20px;
padding-left:8px;
}
.con1{float:left;width:280px;}
.con2{float:left;width:320px;}
}
@media screen and (max-width: 414px) {

.floating {
    top: 3%;
    right: 0%;
    position: absolute;
    z-index: 999999999;
    /* background-color: #FFF; */
    width: 90px;
}
.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 15px;
    color: #ffffff;
    background-color: #ccc;
}

.soc a:hover {
    z-index: 2;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.soc-icon-last{
    margin:0 !important;
}

.soc-instagram:before {
    content:'x';
}
.soc-facebook:before {
    content:'b';
}
.floating2 {
    top: 3%;
    right: 0%;
    position: absolute;
    z-index: 999999999;
    /* background-color: #FFF; */
    width: 90px;
}
.soc2 {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc2 li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc2 li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 15px;
    color: #ffffff;
    background-color: #ccc;
}

.soc2 a:hover {
    z-index: 2;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.soc-icon-last{
    margin:0 !important;
}

.soc-instagram:before {
    content:'x';
}
.soc-facebook:before {
    content:'b';
}
.res_btn{width:100%;}
.prope_ttl{
margin:15px auto 40px;text-align:center;
}
#menu ul li span a{
margin-top:15px;
}
.access14{margin-top: 20px;}
.location_map{width:100%;}
#section1{margin-top:0px;}
#section2{margin-top:0px;}
#section3{margin-top:0px;}
#section4{margin-top:0px;}
.section2img{
    width: 100%;
    height: 40%;
    background-image: url(../img/fall/sub_main01.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
}

.section2ttl{
text-align:center;
position: absolute;
left:0;
right:0;
top:65%;
}
.section3ttl{
text-align:center;
position: absolute;
left:0;
right:0;
top:60%;
}
.section2txt{
    margin: 0 auto;
    color: #000;
    width: 90%;
    text-align: left;
    position: absolute;
    left: 0;
    right: 0;
	top:35%;
}
.section3txt{
    margin: 0 auto;
    color: #000;
    width: 90%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
	top:60%;
}
.section4ttl{
text-align:center;
position: absolute;
left:0;
right:0;
top:50%;
}
.section4txt{
    margin: 0 auto;
    color: #000;
    width: 90%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
	top:60%;
}
.amen{
margin-top:15px;font-size:12px;
}
.top_btn_area{
width:172px;
/*margin-top:10px;*/
}
.place_btn_area{
width:172px;
margin:0 auto;
}
.active_btn_area{
width:172px;
margin:0 auto;
}
html{height:100%;display:inline!important;overflow: scroll!important;}
body{height:100%;}

#top{
margin-top:0px;
padding-top:0px;
}
.booking{display:none;}
.b_booking{
position: absolute;
    z-index: 99999;
    top: 56px;
    right: 23px;
}
/*.right{display:none!important;}*/
#menu{
background: #FFF;
width: 100%;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
z-index: 9999;
opacity:0.95;
display:none;
position:absolute;
}
#menu ul{
	overflow:hidden;
	list-style:none;
	width:100%;
	margin:0 auto;
	padding-top:4px;
	padding-bottom:5px;
	-webkit-padding-start:0px!important;
}
#menu ul li{
	text-align: center;
	width:90%;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom: 1px solid #CCC;
}
#menu ul li:last-child {}
#menu ul li:first-child {}
#menu ul li a{display:block;}
#menu ul li a:hover{}
.logo{display:none!important;}
.mp{}
.wrap{height:100%;position:static;}
.mp_second{
width:100%;
position:relative;
height:auto;
}
.mp_second_img{position:relative;height:auto;}
.sp_menu_top{
position: absolute;
    left: 15px;
    top: 30px;
    z-index: 9999;
}
.sp_menu{
position: absolute;
    left: 15px;
    top: 15px;
    z-index: 99999;
}
.tmain_c{width:80%;margin:0 auto;}
.body_photo_area{position:static;text-align:center;}
.about_imgarea01{position:static;width:100%;}
.about_imgarea02{position:static;width:50%;margin-top:20px;}
.about20{
    font-size: 20px;
    letter-spacing: 0.2em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    display:block!important;
    }
.body_photo_area{
width:100%;
position:relative;
display:block;
margin-top: 10px;
}
.body_photo_area4{
width:100%;
position:relative;
display:block;
}
.tmain_about{
position: absolute;
  left: 0;
  right:0;
  bottom:0;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
  display:block
}
.tmain_rate{
position: absolute;
  left: 0;
  right:0;
  bottom:0;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:24px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_service{
position: absolute;
  left: 0;
  right:0;
  bottom:0;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:25px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_onsen{
position: absolute;
  left: 0;
  right:0;
  bottom:0;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_room{
position: absolute;
  left: 0;
  right:0;
  bottom:0;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_dining{
position: absolute;
  left: 0;
  right:0;
  bottom:0;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_access{
position: absolute;
  left: 0;
  right:0;
  bottom:0;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.f_btn{
width:100%;
border-bottom:1px solid #CAE1B3;
background-image:url(../img/btn_footer.gif);
background-position:50% 50%;
background-size:70px;
background-repeat:no-repeat;
margin-top:70px;
margin-bottom:25px;
}
.f_btn .on_btn{width:70px;height:35px;margin: 0 auto;cursor:pointer;}
.footer{}
.m_footer{
width:100%;
font-size:12px;
letter-spacing: 0.1em;
line-height:180%;
margin:0 auto;
}
.m_f_logo{text-align:center;margin-bottom:20px;}
.m_f_text{text-align:center;margin-top:20px;margin-bottom:10px;}
.m_f_logo img{width:52%;margin:0 auto;}
.cr{margin:30px auto;font-family:arial;font-size:10px;text-align:center;}
.spnone{display:none;}
.body_photo_area3spnone{display:none;}
.body_photo_area3{
width:100%;
position:relative;
display:block;
margin-top:10px;
}
.photo_area01spa{width:100%;}
.photo_area02spa{width:100%;margin-top:10px;}
.photo_area01spa img{width:100%;}
.photo_area02spa img{width:100%;}
.photo_area01di{width:100%;}
.photo_area02di{width:100%;}
.photo_area01di img{width:100%;}
.photo_area02di img{width:100%;}

.access_detail{
width:100%;
font-size:15px;
}
.ad01{width:40%;float:left;margin-left:10px;}
.ad01 img{width:90%;margin-top:40px;}
.ad02{width:50%;float:left;font-size:14px;}
/*access*/
.table_ac{
width:100%;
margin:20px auto;
font-size:13px;
text-align:center;
}
.ta{width:100%;}
.td_left{
border-right:dotted 1px #000;
border-bottom:1px solid #000;
}
.td_right{
border-bottom:1px solid #000;
}
.ta_main01{
color:#99CC66;
font-size:14px;
}
.ta_main02{
color:#99CC66;
font-size:20px;
}
/*news*/
.tmain_c_news{
margin: 0 auto;
color: #000;
 width: 80%;
text-align: center;
position: relative;
}
ul.instagram{
width:100%;
    -webkit-padding-start: 0px;
}
li.news{
  list-style: none;
  margin-bottom: 20px;
  width:100%;
  text-align:left;
}
.news_photo{
width:100%;
overflow:hidden;
}
.news_text_area{
width:100%;
font-size:14px;
}
.news_t{
width:100%;
word-wrap:break-word; 
margin-top:10px;
}
.news_photo img{
width:100%;
margin:0 auto;
}
.news_time_sp{
width:100%;
border-bottom:1px solid #000;
font-size:18px;
color:#CCC;
margin-bottom:10px
}
.news_time_pc{display:none;}
li.news span {
  margin-right: 20px;
  border-bottom:1px solid #CCC;
}
/*room*/
.cover_mountainview{display:none;}
.cover_forestview{display:none;}
.m_mountain{
width:100%;
position:relative;
margin:0 auto;
}
.m_forest{
width:100%;
position:relative;
margin:0 auto;
}
.image_view_area{
width: 90%;
margin: 40px auto 0 auto;
position: relative;
}
.image_view{
width:100%;
text-align:center;
}
.image_view_end{
width:100%;
text-align:center;
margin-top:60px;
margin-bottom:80px;
}
#mountainview{
position:absolute;
z-index:1;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
}
#forestview{
position:absolute;
z-index:1;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
}
.photo_area01room{
text-align:left;
font-size:14px;
width:100%;
margin-bottom:20px;
}
.photo_area02room{
text-align:left;
font-size:14px;
width:100%;
margin-bottom:20px;
}
.photo_area01room img{width:100%;}
.photo_area02room img{width:100%;}

.body_photo_area{
width:100%;
display:block;
margin-top: 10px;
}
.body_photo_area2{
width:100%;
display:block;
margin-top:0px;
}
.room_end{border-bottom:1px solid #CAE1B3;margin-bottom:60px;}
	.room_text_area{
	width:100%;
	margin:0 auto;
	clear:both;
	}
#MainPhoto{ width:100%; display:block;height: auto;}
.room_photo_area {
	width:100%;
	margin:0px auto;
	padding:0px;
	display:block;
}
.room_photo_area p {

}
.room_photo_area ul {
	display:block;
	overflow:hidden;
	margin-top:20px;
	clear:both;
	padding:0px;
	margin-left:0px;
	width:100%;
}
.room_photo_area li {
	display:block;
	float:left;
	margin-right:9px;
}
.room_photo_area li img {
	cursor:pointer;
	}
	.room_text_area{
	width:100%;
	margin:0 auto;
	clear:both;
	display:block;
	}
	.main_text{
	font-size:14px;
	line-height:180%;
	float:left;
	}
	.room_detail{
	padding:20px;
	margin-top:50px;
	}
.room_detail_ttl{
font-size:17px;letter-spacing:0.1em;line-height:200%;
}
/* ************************************************ 
 *  Colorbox Core Style:
 * ************************************************ */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* ************************************************ 
 *  Cbox Option Style:
 * ************************************************ */
#cboxOverlay{background:#CACACA; opacity: 0.3; filter: alpha(opacity = 30);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#FFF;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px;}
        #cboxLoadedContent{background:#fff;}
        #cboxLoadingGraphic{background:url(http://img14.shop-pro.jp/PA01304/682/etc/loading.gif?2105) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:18px; height:18px; position:absolute; top:17px; margin-right:17px; background:url(http://img14.shop-pro.jp/PA01304/682/etc/control_close.gif?208600) no-repeat 0 0;}
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxClose{background-position:0px 0px; right:0;}
        #cboxClose:hover{background-position:0px 0px;}
	
.btn-lg {
   padding: 20px 33%;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
}
.yoyaku{width:80%;margin:20px auto;}
.yoyaku a:link { color: #FFF; text-decoration: none;}
.yoyaku a:visited { color: #FFF; text-decoration: none;}
.yoyaku a:hover { color: #FFF; text-decoration: none;}
.yoyaku a:active { color: #FFF;text-decoration: none; }
.btn-danger {
    color: #ffffff;
    background-color: #95C66A;
    border-color: #95C66A;
}
.btn{width:100%;margin:0 auto;}
.sp_white_wrap{
    background-color: #FFF;
    height: 200px;
    width: 100%;
    bottom: 0;
    position: absolute;
}
.tsub{
position: absolute;
  left: 0;
  right: 0;
  bottom: 30%;
  margin: auto;
color:#000;
font-size:14px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.cb-slideshow{
margin-top:0;
}
.tmain_top{
position: absolute;
  left: 0;
  right: 0;
  bottom: 50%;
  margin: auto;
color:#000;
font-size:22px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tlogo{
position: absolute;
  top: 30%;
  left: 0;
  right: 0;
 /* bottom: 30%;*/
  margin: auto;
  width: 165px;
  height: 72px;
  z-index:99;
}
.tlogo img{width:165px;}
.font18 {
    font-size: 18px;
    letter-spacing: 0.2em;
}
.font13{
    font-size: 13px;
    letter-spacing: 0.2em;
    line-height: 160%;
}
.hyo{
width:80%;
margin:15px auto 0;
}

.rate01{
width:100%;
margin:0 auto;
border-left:1px solid #000;
border-top:1px solid #000;
}

.rate01 td{
border-right:1px solid #000;
border-bottom:1px solid #000;
}

.rate02{
width:100%;
margin:0 auto;
text-align:left;
}

.rate03{
width:100%;
margin-top:15px;
border:1px solid #000;
}

.rate04{
width:100%;
margin-top:15px;
border:1px solid #000;
}
.font20{
font-size: 23px;
letter-spacing: 0.05em;
margin-top:50px;
}
.font14{
font-size: 14px;
letter-spacing: 0.2em;
line-height:160%;
}
.section3img{
    width: 100%;
    height: 70%;
	overflow:hidden;
	    position: absolute;
    top: 0;
}
.section4img{
    width: 100%;
    height: 70%;
	overflow:hidden;
	    position: absolute;
    top: 0;
}
.contact_area{
text-align:right;
padding-right:20px;
padding-top:20px;
}
.con1{}
.con2{margin-top:15px;}
}
.headline{
	position: absolute;
	top: -300px;
	color: #fff;
	width: 100%;
}
.info{
	border-top: 1px solid #999;
	margin: 0 auto;
	width: 80%;
}
.info td{
	border: 1px solid #999;
	border-top: none;
	padding: 20px;

}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
    margin: 0 auto;
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 1rem 1rem;
    font-size: 1.4rem;
    border-radius: .25rem;
}
@media screen and (max-width: 414px){
	.headline{
		position: relative;
		top: 0;
		color: #000;
		width: 100%;
	}
	.info{
		width: 100%;
	}
}