body{
margin:0;
padding:0;
font-family: 'Shuei Mincho L', serif;
/*-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; }

.right {
    margin-left: auto;
}
.logo{
position:relative;
margin:10px auto;
width:116px;
}
.logo img{
width:116px;
}


/*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-repeat:no-repeat;
height:50%;
background-size:cover;
    background-position: center top;
	border-bottom:10px solid #FFF;

}

.tlogo{
position: absolute;
  top: 30%;
  left: 0;
  right: 0;
 /* bottom: 30%;*/
  margin: auto;
  width: 207px;
  height: 90px;
  z-index:99;
}
.last_text{
font-size:22px;
color:#FFF;
letter-spacing: 0.2em;
position:absolute;
width:700px;
text-align:center;
margin:200px 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:20px;
  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:20px;
  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;
}

.font20{
font-size: 20px;
letter-spacing: 0.2em;
}
.font14{
font-size: 14px;
letter-spacing: 0.2em;
line-height:200%;
}
.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_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{
	max-width:790px;
	font-size:12px;
	letter-spacing: 0.1em;
	line-height:180%;
	margin:0 auto;
	padding:0 15px;
	box-sizing: border-box;
}
.m_f_logo{
	float:left;
	margin-right:12px;
	display: none;
}
.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;
}

.m_f_text{
	position: relative;
	padding-left: 104px;
}
.m_f_text:before{
	content: "";
	position: absolute;
	top:50%;
	left:0;
	margin-top:-21.5px;
	display: block;
	width:92px;
	height: 43px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
}
.m_footer .spnone:after{
	content: "（10時〜20時）";
	font-feature-settings: "palt";
}

.m_footer .pcnone > a:first-child {
	position: relative;
	display: block;
}
.m_footer .pcnone > a:first-child:after {
	content: "（10時〜20時）";
	display: block;
	font-size: 12px;
	position: absolute;
	width: 100%;
	bottom: -5px;
	text-align: center;
	height: 20px;
}


/*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;*/
	margin:60px auto 80px auto;
	position: relative;
}
.suite::after{
	content: "増築のため、景観にて一部ご迷惑をおかけする箇所もございます。誠に申し訳ございませんが、よろしくお願い申し上げます。";
	position: absolute;
	bottom: -60px;
	font-size: 12px;
	width: 400px;
	left: 50%;
	margin-left: -200px;
	line-height: 1.25;
	letter-spacing: 1px;
}
@media screen and (max-width: 415px) {
	.suite::after{
		bottom: -60px;
		font-size: 11px;
		width: 90%;
		left: 50%;
		margin-left: -45%;
		letter-spacing: 1px;
	}
}

.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) {


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

.tmain_top::after{
	content: "増築のため、景観にて一部ご迷惑をおかけする箇所もございます。誠に申し訳ございませんが、よろしくお願い申し上げます。";
	position: absolute;
	bottom: -60px;
	font-size: 12px;
	width: 400px;
	left: 50%;
	margin-left: -200px;
	line-height: 1.25;
	letter-spacing: 1px;
}	

.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;
}
#top{
margin-top:-35px;
padding-top:35px;
}
ul{
	overflow:hidden;
	list-style:none;
	width:660px;
	margin:0 auto;
	padding-top:4px;
	/*padding-bottom:5px;*/
}
 .booking_li{
 margin-left:10px;
 }
li{
	float:left;
	text-align: center;
}
li:last-child {}
li:first-child {}
li a{display:block;}
 li a:hover{}
.b_booking{
position:fixed;
z-index:99999;
top:6px;
right:10px;
}
/*side menu booking*/
.booking_wrap{
position:absolute;
z-index:999;
width:100%;
top:134px;
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(../experience/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;
}
.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:left;
font-size:14px;
width:50%;
}
.photo_area01spa img{width:98%;}
.photo_area02spa img{width:98%;}

.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(../img/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(../img/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;
	}
	.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;}
.contact_area{
padding-top:20px;
}
.con1{width:280px; margin: 0 auto;}
.con2{float:left;width:320px;display: none;}
}
.m_footer br{
	display: none;
}
@media screen and (max-width: 414px) {

html{height:100%;display:inline!important;overflow: scroll!important;}
/*body{height:100%;}*/

#top{
margin-top:0px;
padding-top:0px;
overflow:hidden;
}
.booking{display:none;}

#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:10px;
	padding-bottom:10px;
	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: 9999;
}
.tmain_c{width:90%;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;
    font-weight: bold;
    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_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(../experience/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;}
.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;
}
.photo_area01spa{width:100%;}
.photo_area02spa{width:100%;}
.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: 90%;
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:20px;
margin-bottom:50px;
}
#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%;
}
.photo_area02room{
text-align:left;
font-size:14px;
width:100%;
}
.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(../img/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(../img/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:96%;margin:20px auto;text-align:center;}
.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;
    list-style-type: disc;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.tmain_top{
position: absolute;
  left: 0;
  right: 0;
  bottom: 80%;
  margin: auto;
color:#000;
font-size:20px;
  z-index:99;
  height:20px;
  text-align:center;
  letter-spacing: 0.2em;
}
.tmain_top::after{
	content: "増築のため、景観にて一部ご迷惑をおかけする箇所もございます。誠に申し訳ございませんが、よろしくお願い申し上げます。";
	position: absolute;
	bottom: -50px;
	font-size: 11px;
	width: 90%;
	left: 50%;
	margin-left: -46%;
	line-height: 1.25;
	letter-spacing: 0;
	text-align: center;
}	

.b_booking{
position:absolute;
z-index:99999;
top:20px;
right:20px;
}
.contact_area{
text-align:right;
padding-right:20px;
padding-top:20px;
}
.con1{}
.con2{margin-top:15px;}
}