@charset "utf-8";


/* subLayout */

.sub #contents {position:relative; zoom:1;  z-index:5;}
#contents:after, #contents_layer:after {content: "";display: block;clear: both;}
#contents_layer {position:relative;  opacity:0; filter: alpha(opacity=0;); z-index:5; }
.subArea { overflow:hidden;}
.topArea { position:relative; z-index:1;}
#subCon { position:relative;  z-index:5;}
.about #subCon { overflow:hidden;}
.subTitle { margin:3% 0; text-align:center; color:#313131;  font-weight:normal; text-transform:uppercase; }
.subTitle_room { width:90%; max-width:1100px; margin:-90px auto 0; background:#fff; padding:1% 0 0;}
.board .subTitle, .reser02 .subTitle { padding-bottom:1em; border-bottom:1px solid #999;}
.reser01 .subTitle { margin-bottom:2%;}
.subTitle01 { display:block; font-size:20px; line-height:28px;font-weight:300;}
.subTitle02 { display:block; font-family: 'Oranienbaum', serif; font-size:55px; line-height:1em;}
.subTitle03 { display:block; font-size:11px; line-height:1.8em; color:#000; font-weight:300; margin-top:1.5em;}
.subTitle_line { display:block; width:180px; height:1px; background:#313131; margin:0.6em auto 3vw;}
.subTitle_down { display:block; text-align:center; margin-top:3vh;}
.topArea .subTitle { position:absolute; width:70%; left:15%; top:50%; margin-top:-50px; color:#fff; z-index:5;}
.subTypo { margin:4% 0 6%;  text-align:center; color:#313131;  font-weight:normal; text-transform:uppercase;}
.subTypo01 { display:block; font-size:20px; line-height:28px;font-weight:300;}
.subTypo02 { display:block; font-family: 'Oranienbaum', serif; font-size:40px; line-height:1.1em;}
.subTypo_top { margin:1.5em 0 0.6em; font-size:20px; line-height:1.8em; color:#000; font-weight:300; text-transform:uppercase;}
.subTypo_top strong { font-weight:400;}

.btn_area { width:650px; float:right; }
.btn_area:after {content:"";display:block;clear:both;}
.btn_area dt { float:left; display:inline; text-align:right;}
.btn_area dt .title01 { display:block; font-size:21px; line-height:1.3em; font-weight:300; letter-spacing:0.1em; color:#313131; margin-bottom:0.5em; text-transform:uppercase;}
.btn_area dt .title02 { display:block; color: #313131; font-size:14px;  line-height:1.1em; color:#666;}
.btn_area dd { float:right; display:inline;}

.parallax-window { min-height: 600px; background: transparent; background-size:cover; background-position:center center;}
.map .parallax-window { min-height:80vh;  background-position:top center;}
.fixBg { position:fixed; width:100%; height:100%; left:0; top:0; background-size:cover; background-position:center center; z-index:1;}
.reser01 .fixBg { background-image:url(../images/reser/reser_bg.jpg);}
@media  (max-width: 1280px){

}

@media  (max-width: 1024px){


}


@media  (max-width: 768px){


}


@media  (max-width: 560px){
}

@media  (max-width: 480px){



}


@media  (max-width: 380px){

}