@charset "utf-8";

/* subLayout */
/*html { overflow-x:hidden; }*/


#contents {position:relative; background:#fff; width:97%; margin:0 auto; opacity:0; filter: alpha(opacity=0;); z-index:5;}
#contents:after, #contents_layer:after {content: "";display:block; clear:both;}

.board05 #contents { width:100%;}

.subContents { padding:0;}

.subNav { display:none;} 

.subCon { position:relative;}
.subCon:after {content:"";display:block;clear:both;}

.photoTypo01 { position:absolute; left:50%; bottom:8%; font-family: 'Montserrat', sans-serif; font-size:11px; line-height:1.2em; color:#fff; text-transform:uppercase; text-align:center; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:3;}

.reserArea02 { text-align:center; margin:3em 0;}
.reserArea02_line { width:1px; height:48px; background:#90b5d1; margin:0 auto 20px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.btn_reser02 { position:relative; display:inline-block; font-family: 'Abhaya Libre', serif; font-size:1.15em; line-height:2em; color:#000; padding:0.9em 3em 0.8em; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.btn_reser02 .line { position:absolute; background:#90b5d1; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.btn_reser02 .line01 { width:calc(100% - 10px); height:1px; right:-5px; top:0; }
.btn_reser02 .line02 { width:1px; height:calc(100% - 10px); right:0; bottom:-5px; }
.btn_reser02 .line03 { width:calc(100% - 10px); height:1px; left:-5px; bottom:0; }
.btn_reser02 .line04 { width:1px; height:calc(100% - 10px); left:0; top:-5px; }

.btn_reser02:hover { background:#f3f6f9; color:#25587e;  }
.btn_reser02:hover .line01 { width:100%; right:0;}
.btn_reser02:hover .line02 { height:100%; bottom:0;}
.btn_reser02:hover .line03 { width:100%; left:0;}
.btn_reser02:hover .line04 { height:100%; top:0;}

@media  (max-width: 1480px){


}

@media  (max-width: 1280px){

.vertical_typo li.vt_002 {font-size:1.3em;}
}

@media  (max-width: 1024px){

.reser02 #contents { width:100%;}

.subNav { display:block; position:relative; text-align:center; padding:1.2em 2em 1em; border-bottom:1px solid #d8d8d8; z-index:5;} 
.subNav ul { }
.subNav ul:after { content:"";display:block;clear:both;}
.subNav li { display:inline; margin:0 15px; color:#666;  }
.subNav li.block560 { height:7px;}
.subNav li a { font-family: 'Jua', sans-serif; font-size:16px; line-height:1.2em; color:#000; text-transform:uppercase;}
.subNav li a:hover, .subNav li a:focus, .subNav li.this a { border-bottom:2px solid #000;}


.reserArea02_line { height:30px; margin-bottom:15px;}
.btn_reser02 { font-size:1.05em;}

}


@media  (max-width: 768px){

}

@media  (max-width: 480px){
.subNav li { margin:0 5px;}
}



@media  (max-width: 360px){
.subNav li { font-size:0.9em; letter-spacing:-0.05em;}
}