body{ font-size:15px; line-height: 2; letter-spacing: 2px; color:#fefefe; background-color:#1a1a1a; font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal !important; }

.space_s{ letter-spacing: 0 !important; }
.width80{ width:80% !important; margin:50px auto; }
.font_80{ font-size:80% !important;}
.font_90{ font-size:90% !important;}
.font_21{ font-size:21px !important;}

@media screen and (max-width: 720px) {
   body{ font-size:13px; letter-spacing: 1px; line-height: 1.8; }
   .width80{ width:84% !important; margin:50px auto; }
   .sp_space_s{ letter-spacing: 0 !important; }
   .sp_line_s{ line-height: 1.4 !important; }
   .sp_fsize_s{ font-size:80%; letter-spacing: 0 !important; } 
}

.ver_txt{ writing-mode: vertical-rl; -ms-writing-mode: tb-rl;  -webkit-text-orientation: upright; text-orientation: upright; position: absolute; z-index: 10; margin:0; text-align:center; top:50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); font-size:27px; height:80vh; font-weight: normal !important; letter-spacing: 3px; text-shadow: 0 0 5px #030303; }
.ver_txt > span.tatecyu01{text-orientation: upright; position: relative; top:10px; left:5px; -webkit-text-orientation: upright; text-orientation: upright;}
.ver_txt > span.tatecyu02{text-orientation: upright; position: relative; top:5px; right:5px; -webkit-text-orientation: upright; text-orientation: upright;}
.ver_txt.font_s{ font-size:24px; }
.ver_txt > img{ height:38vh; min-height: 260px; }
.hor_txt{ position: absolute; z-index: 10; margin:0; text-align:center; top:50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); font-size:28px; }
.link_button{ display:block; color:#fefefe; border:solid 1px #fefefe !important; width:50%; margin:auto; text-align:center; margin-top:30px; margin-top:40px; margin-bottom:40px; padding-top:5px; padding-bottom:5px; }
.link_button:hover{ background-color:#fefefe; color:#323232; }
.line_button{ display:block; color:#fefefe; width:50%; text-align:center; border-bottom:1px solid #fefefe !important; padding-bottom:3px; margin:auto; }
.line_button:hover{ background-color:#292929; color:#fefefe; border-bottom:1px solid #292929 !important; }

@media screen and (max-width: 720px) {
   .ver_txt{ font-size:24px; top:49%; height:70vh; text-orientation: upright; }
   .ver_txt.font_s{ font-size:20px; height:70vh; text-orientation: upright;}
   .link_button{ width:90% !important; }
   .line_button{ width:90% !important; }
}



header{ width:100%; height: 100vh; position: relative; }
header > div#top_content{ position: absolute; bottom:50px; z-index: 10; }
header > div#top_content h1{ position: relative; top:20px; left:20px;}
header > div#top_content h1 img{ width:220px; }

header a.scroll{ position: absolute; display: block; width: 1px; height: 150px; background-color: #656565; margin:auto; z-index: 10; left: 50%; bottom:0; overflow: hidden; }
header a.scroll::after{ content:""; position: absolute; display: block; width: 1px; height: 150px; background-color: #fefefe; margin:auto; z-index: 10; top:0; left: 0; bottom:0; animation: scrollLine 4s infinite ease; overflow: hidden; }
@keyframes scrollLine {
    0% { top:-350px; }
    95% { top:0; }
    100% { top:0; }
 }

header > div#top_bg{ position: relative; height: 100vh; margin:auto; overflow: hidden; top:0; z-index: 0; }
header > div#top_bg .bgImg{ position: absolute; background-size: cover; background-position:center center; width:100%; height: 100vh; background-attachment: fixed; }
header > div#top_bg .src1{ opacity: 1; animation: bgAnime01 14s infinite ease; }
header > div#top_bg .src2{ opacity: 0; animation: bgAnime02 14s infinite ease; animation-delay: 5s; }
@keyframes bgAnime01 {
    0% { opacity: 1; }
  60% { opacity: 1; transform: scale(1.1, 1.1);}
  70% { opacity: 1; transform: scale(1, 1); }
  100% { opacity: 1; }
 }

 @keyframes bgAnime02 {
    0% { opacity: 0; }
    20%{ opacity: 1; }
    50%{ opacity: 1; }
    70% { opacity: 0; }
    100% { opacity: 0; transform: scale(1.1, 1.1); }
 }


 @media screen and (max-width: 720px) { 
   header{ height: 80vh; }
   header > div#top_content{ top:10px;}
   header > div#top_content h1{ top:1px; left:10px;}
   header > div#top_content h1 img{ width:120px; }
   header > div#top_bg{ height: 80vh; }
   header > div#top_bg .bgImg{ height: 80vh; background-attachment:scroll; }
   header a.scroll{ height: 80px; }
   header a.scroll::after{ height: 80px; }
}









 section{ margin:80px auto; position: relative; }
 section p{ margin-bottom:20px; }
 section.topLine::before{ display: block; height:1px; width:80%; content:""; margin:auto; border-top:solid 1px #fefefe; padding-top:80px; margin-top:120px; }
 @media screen and (max-width: 720px) {
   section.topLine::before{ padding-top:50px; margin-top:70px; }
 }


 div.photo_full{ position: relative; max-height: 800px; margin:auto; overflow: hidden; background-size: cover; background-position:center center; width:100%; height: 100vh; background-attachment: fixed; }
 div.photo_full.photo_change_area > div{ position:absolute; background-size: cover; background-position:center center; width:100%; height: 100vh; background-attachment: fixed; animation: photoAnime 20s infinite;  }
 div.photo_full.photo_change_area.spa_area > div, div.photo_full.photo_change_area.restrant_area > div, div.photo_full.photo_change_area.envi_area > div{ animation: photoAnime 25s infinite; }

 div.photo_full.photo_change_area #restrant01{ background-image:url(../img/restrant01.jpg) !important; }
 div.photo_full.photo_change_area #restrant02{ animation-delay: 5s; background-image:url(../img/restrant02.jpg) !important; }
 div.photo_full.photo_change_area #restrant03{ animation-delay: 10s; background-image:url(../img/restrant03.jpg) !important; }
 div.photo_full.photo_change_area #restrant04{ animation-delay: 15s; background-image:url(../img/restrant04.jpg) !important; }
 div.photo_full.photo_change_area #restrant05{ animation-delay: 20s; background-image:url(../img/restrant05.jpg) !important; }
 
 div.photo_full.photo_change_area #spa02{ animation-delay: 5s; }
 div.photo_full.photo_change_area #spa03{ animation-delay: 10s; }
 div.photo_full.photo_change_area #spa04{ animation-delay: 15s; }
 div.photo_full.photo_change_area #spa05{ animation-delay: 20s; }

 div.photo_full.photo_change_area #pool02{ animation-delay: 5s; }
 div.photo_full.photo_change_area #pool03{ animation-delay: 10s; }
 div.photo_full.photo_change_area #pool04{ animation-delay: 15s; }

 div.photo_full.photo_change_area #envi02{ animation-delay: 5s; }
 div.photo_full.photo_change_area #envi03{ animation-delay: 10s; }
 div.photo_full.photo_change_area #envi04{ animation-delay: 15s; }
 div.photo_full.photo_change_area #envi05{ animation-delay: 20s; }

 @media screen and (max-width: 720px) {
   div.photo_full{ height:70vh; max-height: 70vh; background-attachment:scroll; }
   div.photo_full.hotel01, div.photo_full.hotel02, div.photo_full.hotel03{ height:50vh; max-height: 50vh; }
   div.photo_full.photo_change_area{ height:50vh !important; max-height: 50vh !important; }
   div.photo_full.photo_change_area > div{ height:50vh !important; max-height: 50vh !important; background-attachment:scroll; }
   div.photo_full.photo_change_area.envi_area{ height:70vh !important; max-height: 70vh !important; background-attachment:scroll; }
   div.photo_full.photo_change_area.envi_area > div{ font-size:24px !important; height:70vh !important; max-height: 70vh !important; background-attachment:scroll; }
   div.photo_full.photo_change_area.envi_area h2{ font-size:24px !important; }

   div.photo_full.photo_change_area #restrant01{ background-image:url(../img/restrant01_sq.jpg) !important; }
   div.photo_full.photo_change_area #restrant02{ background-image:url(../img/restrant02_sq.jpg) !important; }
   div.photo_full.photo_change_area #restrant03{ background-image:url(../img/restrant03_sq.jpg) !important; }
   div.photo_full.photo_change_area #restrant04{ background-image:url(../img/restrant04_sq.jpg) !important; }
   div.photo_full.photo_change_area #restrant05{ background-image:url(../img/restrant05_sq.jpg) !important; }
 }

 @keyframes photoAnime {
   0% { opacity: 0; }
   5% { opacity: 1; }
  25% { opacity: 1; }
  30% { opacity: 0; }
 100% { opacity: 0; }
}






 div.photo_map{ max-height: 700px; margin:auto; overflow: hidden; width:100%; height: 100vh; margin:auto; text-align:center; }
 @media screen and (max-width: 720px) {
   div.photo_map{ max-height:400px; }
 }
 div.photo_map > iframe{ width:100%; height:100%; }

 div.column2{ position: relative; margin:30px auto; max-width:1200px;  overflow: hidden; }
 div.column2::after{ content:""; display:block; clear: both;  }
 div.column2 > div{ width:50%; }
 div.column2 > div img{ width:100% !important; }
 div.column2 > div.left_block01{ position:absolute; float:left; z-index: 10; margin-top:50px; padding:50px; text-align:left; background-color:#020202; }
 div.column2 > div.right_block01{ float:right; z-index: 5; top:-100px; }

 div.column2 > div.left_block02{ float:left; z-index: 5; top:-100px; }
 div.column2 > div.right_block02{ position:absolute; float:right; z-index: 10; margin-top:50px; right:0; padding:50px; text-align:left; background-color:#020202; overflow: hidden;  }


.swiper-container { width: 100%; overflow: hidden; height:100%;}
.swiper-container .swiper-wrapper{ transition-timing-function: linear !important; height: 100%; }
.swiper-container .swiper-slide img{ object-fit: cover; width:100%; height: 100%; }
.mouseOver_a:hover{ cursor: pointer; }

.swiper-containerRoom { width: 100%; overflow: hidden; height:100%;}
.swiper-containerRoom .swiper-wrapper{ transition-timing-function: linear !important; height: 100%; }
.swiper-containerRoom .swiper-slide img{ object-fit: cover; width:100%; height: 100%; }


.swiper-containerDesign { width: 78%; overflow: hidden; height:100%; margin:auto;}
.swiper-containerDesign .swiper-wrapper{ transition-timing-function: linear !important; height: 100%; }
.swiper-containerDesign .swiper-slide{ position: relative; }
.swiper-containerDesign .swiper-slide img{ position:relative; object-fit: cover; width:100%; height: 100%; z-index:100; cursor: pointer; }

.swiper-containerDesign a{ cursor: pointer; font-size:90%; letter-spacing: 1px; line-height: 1.7;}
.swiper-containerDesign a > span{ padding:5%; display: block; }
.swiper-containerDesign a > span.design_title{ font-size:140%; padding-bottom:0;  }
a#info_design01, a#info_design02, a#info_design03, a#info_design04, a#info_design05, a#info_design06, a#info_design07, a#info_design08, a#info_design09{ position: absolute; height: 86%; width: 100%; top:-100%; left:0; background-color:rgba(5,5,5,0.7); transition: 1s; z-index: 1000; opacity: 0; }
a#info_design01:after, a#info_design02:after, a#info_design03:after, a#info_design04:after, a#info_design05:after, a#info_design06:after, a#info_design07:after, a#info_design08:after, a#info_design09:after{ display: block; content: ""; height:800px; overflow: hidden; }
a#info_design01:hover, a#info_design02:hover, a#info_design03:hover, a#info_design04:hover, a#info_design05:hover, a#info_design06:hover, a#info_design07:hover, a#info_design08:hover, a#info_design09:hover{ top:0 !important;  opacity: 1; }

@media screen and (max-width: 900px) {
   .swiper-containerDesign { width: 90%;}
   a#info_design01, a#info_design02, a#info_design03, a#info_design04, a#info_design05, a#info_design06, a#info_design07, a#info_design08, a#info_design09{  height: 96%;}
   .swiper-containerDesign a{ cursor: pointer; font-size:11px; letter-spacing: 0;}
}
@media screen and (max-width: 500px) {
   .swiper-containerDesign a{ cursor: pointer; font-size:10px; letter-spacing: 0; line-height: 1.5; }
   .swiper-containerDesign a > span.design_title{ font-size:110%; }
}



#room_selectButton{ margin:5px auto 40px; text-align:center; }
#room_selectButton > a{ display:inline-block; width:150px; color:#fefefe; border-top:solid 1px #efefef; border-bottom:solid 1px #efefef; padding-top:10px; padding-bottom:10px; margin-left:30px; margin-right:30px;  } 
#room_selectButton > a:hover{ cursor:pointer; color:#ccc; position: relative; top:1px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; }

@media screen and (max-width: 800px) {
   #room_selectButton > a{ width:28%; margin-left:1%; margin-right:1%; letter-spacing: 0; }
   a#juniorsuite_btn{ width:34%; }
   #juniorsuite_btn > span{ display: inline-block; letter-spacing: -1px; } 
}


div#g_nav{ background:rgba(245, 245, 245, 0.8); top:-100px; position: fixed; z-index: 1001; width:100%; transition: 1s; }
div#g_nav p{ text-align:center; border: solid 1px #020202; margin:5px; }
div#g_nav img{ height:28px; padding-top:10px; padding-bottom:3px; }
.in_out{ top:0 !important; }

#nav{ position: fixed; overflow: scroll; height: 100%; width: 100%; left: -100%; top: 0; background: #ddd; background-image:url(../img/nav_bg.jpg); background-size: cover; transition: .7s; z-index: 1000; }
#nav ul{ padding-top: 80px; padding-bottom:50px; }
#nav ul li{ list-style-type: none; font-size: 15px; background-color:rgba(30, 30, 30, 0.6); margin-bottom:5px; }
#nav a{ display: block; text-decoration: none; color: #eaeaea; padding: 5px 3%; transition: .5s; }
#nav li a:hover{ color: #ffffff; background: rgba(50, 50, 50, 0.8); border-bottom: none; }

#nav ul li.nav_topLine{ border-top:solid 1px #fefefe; margin-top:15px; padding-top:3px; }
#nav ul li.nav_underLine{ border-bottom:solid 1px #fefefe; margin-bottom:15px; padding-bottom:3px; }
#nav ul li.nav_contact{ text-align:center; background-color:rgba(30, 30, 30, 0); }
#nav ul li.nav_contact.copy{ font-size:80%; letter-spacing: 0; }

#hamburger { position: absolute; top: 19px; left: 30px; width: 40px; height: 25px; cursor: pointer; transition: 1s; z-index: 200;  }
span.inner_line { display: block; position: absolute; left: 0; width: 40px; height: 2px; background-color: #020202; transition: 1s; border-radius: 2px; }
#line1 { top: 0; }
#line2 { top:11px; }
#line3 { bottom: 0px; }
.in{ transform: translateX(100%); }
.line_1,.line_2,.line_3{ background: #020202; }
.line_1 { transform: translateY(12px) rotate(-45deg); top: 0; }
.line_2 { opacity: 0;}
.line_3 {transform: translateY(-12px) rotate(45deg); bottom: 0;}
 
@media screen and (max-width: 640px) {
   #nav{ background-image:url(../img/nav_bg_sp.jpg); -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }
   div#g_nav p{ border: solid 1px #020202; }
   #hamburger { top:18px; left: 20px; width: 30px; height: 23px; }
   span.inner_line { width:30px; }
   #line2 { top:10px; }
   .line_1 { transform: translateY(10.5px) rotate(-45deg); top: 0; }
   .line_2 { opacity: 0;}
   .line_3 {transform: translateY(-10.5px) rotate(45deg); bottom: 0;}

   #nav a{ padding: 5px 3% 5px 5%; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }
   #nav ul li{ -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important;  font-size: 13px !important; }
   #nav ul li.nav_contact.copy{ -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; font-size:10px !important; }
}




div.line-title_area{ position: relative; width:80%; margin:auto; }
div.line-title_area.wide_area{ width:95%; }
div.line-title_area.wide_area > p{ width:80%; margin:auto; }
h3.line_title::before {position: absolute; display: block; content:""; width: 1px; height: 60px; background-color: #fefefe; margin:auto; z-index: 10; left: 50%; top:-10px; overflow: hidden;}
h3.line_title{ font-size:21px; letter-spacing: 3px; text-align:center; padding-top:70px; padding-bottom:40px; font-weight: normal !important; }

h3.line_title02::before {position: absolute; display: block; content:""; width: 1px; height: 50px; background-color: #fefefe; margin:auto; z-index: 10; left: 50%; top:0; overflow: hidden;}
h3.line_title02{ font-size:21px; letter-spacing: 3px; text-align:center; padding-top:70px; padding-bottom:40px; font-weight: normal !important; }

@media screen and (max-width: 800px) {
   h3.line_title::before{ top:-7px; }
   h3.line_title{ font-size:18px; }
   h3.line_title02{ font-size:18px; }
}


.food_collection{ margin:auto; text-align:center; overflow: hidden; }
.food_collection > div{ display:inline-block; width:180px; height: 100%; }
.food_collection > div:hover{ cursor: pointer; position: relative; top:1px; opacity: 0.8; }
.food_collection > div img{ width:180px; }

@media screen and (max-width: 1260px) {
   .food_collection{ width:560px;}
   .food_collection > div{ width:180px; }
   .food_collection > div img{ width:180px; }
}
@media screen and (max-width: 800px) {
   .food_collection{ width:92%; }
   .food_collection > div{ width:32%; }
   .food_collection > div img{ width:100%; }
}


div.column4{ margin:40px auto 10px; text-align:center; }
div.column4 > div{ display: inline-block; width:300px; vertical-align: top; margin-bottom:20px; }
div.column4 > div p.txt{ font-size:14px; }
div.column4 > div img{ width:100% !important; }

@media screen and (max-width: 1260px) {
   div.column4{ width:800px; }
   div.column4 > div{ margin:1%;}
}
@media screen and (max-width: 800px) {
   div.column4{ width:100%; }
   div.column4 > div{ width:46%; }
   div.column4 > div p.txt{ font-size:12px; }
}

div.car_block{ width:50%; max-width:800px; margin:auto; margin-top:30px; }
div.car_block > p span{ vertical-align: middle; }
span.car01{ display: inline-block; width:45%; }
span.car02{ display: inline-block; width:10%; text-align:center; }
span.car03{ display: inline-block; width:40%; padding-left:5%; }
p.car_info{ font-size:90%; color:#ddd; }

@media screen and (max-width: 1300px) {
   div.car_block{ width:70%; }
}
@media screen and (max-width: 940px) {
   div.car_block{ width:80%; }
}
@media screen and (max-width: 720px) {
   div.car_block{ width:92%; }
}






footer{ background-image:url(../img/footer.jpg); position: relative; max-height: 760px; margin:auto; overflow: hidden; background-size: cover; background-position:center center; width:100%; height: 100vh; margin-top:100px;  }
footer div{ line-height: 1.7; }

h3.line_title03::before {position: absolute; display: block; content:""; width: 1px; height: 30px; background-color: #fefefe; margin:auto; z-index: 10; left: 50%; top:0; overflow: hidden;}
h3.line_title03{ font-size:18px; letter-spacing: 3px; text-align:center; padding-top:50px; padding-bottom:20px; }
h3.line_title03 > a{ color:#fefefe; }

div#footer_nav{ margin:auto; text-align: center;}
div#footer_nav::after{ display: block; content: ""; clear: both; }
div#footer_nav > div{ text-align:left; display: inline-block; vertical-align: top; width:390px; padding-left:20px; }
div#footer_nav a{ color:#fefefe !important; }
div#footer_nav a:hover{ color:#aaa !important; }

div#footer_nav > div div.line_block{ border:solid 1px #fefefe; padding:3% 5%; margin-top:40px; }

footer div.copy_block{ text-align:center; border-top:solid 1px #fefefe; width:80%; margin:auto; margin-top:50px; padding-top:30px;  }
footer div.copy_block p.contact_tel{ font-size:24px !important; letter-spacing: 2px;}
footer div.copy_block p.copy{ font-size:10px; letter-spacing: 0.2px; }

footer div.footer_logo{ position: absolute; left:20px; bottom:50px; z-index: 10; }
footer div.footer_logo img{ width:220px; }

@media screen and (max-width: 800px) {
   footer{ padding-bottom:160px; }
   footer div{ line-height: 1.6 !important; }
   div#footer_nav > div{ display:block; width:94%; padding-left:5%; }
   footer div.footer_logo{ position: absolute; text-align:center; left:0 !important; bottom:30px; right: 0 !important; }
   footer div.footer_logo{ position: absolute; left:20px; bottom:20px; z-index: 10; }
   footer div.footer_logo img{ width:120px; }
   footer div.copy_block p.contact_tel{ font-size:16px !important; }
   div#footer_nav > div div.line_block{ position: relative; left:-2%; overflow: hidden; }
}





.modal { display: none; position: fixed; z-index: 10000; left: 0; top: 0; height: 100%; width: 100%; overflow: auto; background-color: rgba(100,100,100,0.2); }
.modal-content{ background-color: #020202; width: 80%; margin: 100px auto; padding:5% 3%; position: relative; }
.modal-body { text-align:center; }
.modal-body h1{ font-size:24px; }
.modal-body p.modal_time{ font-size:18px; }
.modal-body p.modal_title{ font-size:24px; margin-bottom:30px; }
.modal-body .modal_block{ display: inline-block; vertical-align: top; margin:1%; }
.modal_block{ margin-bottom:20px;}
.modal_block > p{ padding-bottom:5px; margin-bottom:5px; }
.modal_block .food_name{ padding-top:3px; margin-bottom:15px; }
.modal_block > p img{ width:360px; }

.modal_block.room_photo{ width:40%; margin:auto; text-align:center; margin-bottom:20px; }
.modal_block.room_photo> p{ width:90%; margin:auto; text-align:center; }
.modal_block.room_photo> p img{ width:100%; }

.close_batsu{ display: block; width: 200px; height: 200px; position: absolute; cursor: pointer; top:50px; left:-20px; }
.close_batsu hr{ display: block; margin: 0; border: none; width: 50%; height: 2px; background: #fefefe; transform-origin:35% 50%; position: absolute; top: 12px; left: 25%; transition: .3s; }
.close_batsu hr{ left: 30%; }
.close_batsu hr:nth-of-type(1){ transform: rotate(45deg); width: 55%; }
.close_batsu hr:nth-of-type(2){ opacity: 0; }
.close_batsu hr:nth-of-type(3){ top: 32px; transform: rotate(-45deg); width: 55%; }



@media screen and (max-width: 800px) {
   .modal-content{ width: 92%; margin: 80px auto; padding:50px 3% 5%; }
   .modal-body h1{ font-size:18px; }
   .modal-body p.modal_time{ font-size:15px; }
   .modal-body p.modal_title{ font-size:18px; margin-bottom:30px; }
   .modal_block > p img{ width:90%; }

   .modal_block.room_photo{ width:86%; margin:auto; text-align:center; margin-bottom:20px; }
   .modal_block.room_photo> p{ width:100%; margin:auto; text-align:center; }

   .close_batsu{ width: 50px; height: 50px; top:5px; left:5px; }
   .close_batsu hr{ transform-origin:0% 50%; }
}


#op_img{ position: fixed; background-size: cover; background-position:center center; width:100%; height: 100vh; background-image:url(../img/opimg.jpg); opacity: 0; animation: topBG 3s 1 ease; z-index:100000;  }
@media screen and (max-width: 720px) { #op_img{background-image:url(../img/opimg_sp.jpg);} }

@keyframes topBG {
   0% { opacity: 1; display: block; }
   50%{ opacity: 1; }
   100% { opacity: 0; transform: scale(1.1, 1.1); display: none; }
}

#reservation_block{ position:fixed; z-index: 1000; right:0; top:65%; }
#reservation_block > a{ color:#fefefe; background-color:#020202; padding:25px 15px; letter-spacing: 2px; border-top:solid 1px #fefefe; border-bottom:solid 1px #fefefe; border-left:solid 1px #fefefe; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; min-width: 30px; text-align:center; }
#reservation_block > a:hover{ background-color: #323232; }
@media screen and (max-width: 800px) { #reservation_block{ top:15%; } #reservation_block > a{ padding:22px 9px; min-width: 18px !important; font-size:90%; } }


.fadein{
   opacity : 0 !important;
   transform : translate(0, 50px) !important;
   transition : ease 1500ms !important;
}
.fadein_l{
   opacity : 0 !important;
   transform : translate(-50px, 0) !important;
   transition : ease 1500ms !important;
}

.fadein.scrollin {
   opacity : 1 !important;
   transform : translate(0, 0) !important;
}
.fadein_l.scrollin {
   opacity : 1 !important;
   transform : translate(0, 0) !important;
}