@charset "utf-8";

.list01 {}
.list01 li { font-size:1.07em; line-height:1.6em; margin-bottom:3px; padding-left:1em;}
.list01 li i { display:inline-block; width:1em; text-align:center; font-style:normal; margin-left:-1em;}
.list02 {}
.list02 li { margin-bottom:1.5em; padding-left:1em;}
.list02 li i { display:inline-block; width:1em; text-align:center; font-style:normal; margin-left:-1em;}
.list02 li strong { display:block;}
@media  (max-width: 1024px){

.list01 li { font-size:0.9em; letter-spacing:-0.05em;}
}

.tab_nav {}
.tab_nav:after {content:"";display:block;clear:both;}
.tab_nav li { float:left; display:inline; margin:0; }
.tab_nav li a { }
.tab_nav li.ui-tabs-active a {color:#6d83ac; font-weight:700;}

.con_dl { }
.con_dl dt { font-size:1.2em; font-weight:600; margin-bottom:0.2em; }
.con_dl dd { line-height:1.6em; margin-bottom:1em;}

.active.con_dl dt {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 0.5s}
.active.con_dl dd {opacity:1; filter: alpha(opacity=100;); margin:2em 0 6em; transition: all 0.5s ease 1s}


/* about01 */
.aboutCon01:after, .aboutCon02:after {content:"";display:block;clear:both;}
.aboutCon01 { position:relative; z-index:1;}
.about01_01 { width:40%; vertical-align:top;}
.about01_02 { position:absolute; left:45%; top:8%; font-size:1.5em; line-height:1.6em; color:#161616;}
.about01_02 p { margin-top:8%; font-family: 'GothamLight'; font-size:10px; line-height:1.5em; color:#666;}
.about01_02 i { font-style:normal; border-bottom:1px solid #161616; }
.about03 {border-radius: 12px; border: 2px solid #FC9D63; margin: 0 auto; width: 10%; height: 50px; line-height: 50px; margin-bottom:6%; text-align:center; 'GothamMedium', sans-serif; text-transform:uppercase;}
.about_bg { position:absolute; width:100%; left:0; top:38%; height:50%; background:#e9e9e9; z-index:-1;}
.aboutCon02 { position:relative; width:73%; margin:-20% 0 6% 27%; z-index:2; }
.aboutCon03 { margin-top:8%;}
.about02_01 { width:39.1%; vertical-align:top;}
.about02_02 { position:absolute; left:43%; top:4%; font-size:1.1em; line-height:1.6em; color:#161616;}
.about02_02 p { margin-bottom:5%;}
.about02_0201 { font-size:1.5em;}

.map_dl { text-align:center; position:relative; z-index:2;}
.map_dl dt { font-size:2em; line-height:1.5em; margin-bottom:1.5em;}
.map_dl dt .line { display:block; width:1px; height:5em; background:url(../images/bg/black_20.png); margin:-2% auto 1%;}
.map_dl dd { }
.map_add { font-size:1.2em; line-height:1.8em;}
.map_text { display:inline-block; font-size:1.07em; line-height:1.6em; margin-top:3%;}
.map_text dt { font-size:1.35em; margin-bottom:1em;}
.map_text dd { max-width: 600px; /*padding: 0 4%;*/ margin:0 auto; margin-bottom: 3em;}

.mapFrame { position:relative; height:36vw; overflow:hidden; margin-top:5%; width: 100%; max-width: 1520px; margin: 0 auto;}
.mapFrame iframe {position:absolute; border:0; frameborder:0; width:200%; height:200%; left:-50%; top:-20%; opacity:0; filter: alpha(opacity=0;);}
.active .mapFrame iframe { opacity:1; filter: alpha(opacity=100;); top:-50%; transition: all 0.5s ease 0.5s;}

@media  (max-width: 1280px){
.about02_02 { font-size:1em; line-height:1.5em;}
}

@media  (max-width: 1024px){

.about01_02 { left:43%; top:5%; font-size:0.95em; line-height:1.5em;}
.about02_02 { font-size:0.95em; line-height:1.5em;}
.aboutCon02 {  width:80%; margin:-10% 0 10% 20%;  }
.about_bg { position:absolute; width:100%; left:0; top:34%; height:50%; background:#e9e9e9; z-index:-1;}
.aboutCon03 { margin-top:6%;}
.map_dl dt { font-size:1.5em; line-height:1.5em; margin-bottom:1em;}
.map_dl dt .line { height:2em;  margin:-2% auto 2%;}
.map_add { font-size:1em; line-height:1.6em;}

.mapFrame { height:50vw;}
.map_text {font-size: 1em; }
}

@media  (max-width: 640px){
.about03{
    width: 50%;
}
.about01_02 { left:42%; top:3%; font-size:0.9em; line-height:1.3em;}
.about01_02 p { margin-top:5%; font-size:8px; line-height:1.2em;}
.aboutCon02 { position:relative; width:90%; margin:-7% 0 6% 6%;  }
.about02_02 { left:42%; top:1%; font-size:0.75em; line-height:1.3em;}

.mapFrame { height:80vw;}
.map_text {font-size: 0.9em;}

}

/* about02 - landscape */
.land01_01 { float:left; width:46.25%;}
.land01_02 { position:relative; float:right; width:50%; text-align:center;}
.land01_03 { padding:10% 0 22%; display:inline-block; text-align:left; color:#272727;}
.land01_03 dt { font-size:1.5em; line-height:1.5em; margin-bottom:1em;}
.land01_03 dd { font-size:1.1em; line-height:1.8em;}

@media  (max-width: 1024px){

.land01_03 dt { font-size:1.2em;}
.land01_03 dd { font-size:0.9em; line-height:1.5em;}
}

@media  (max-width: 640px){
.land01_03 { padding:0 0 8%; letter-spacing:-0.05em;}
.land01_03 dt { font-size:1em; margin-bottom:0.5em;}
.land01_03 dd { font-size:0.8em; line-height:1.3em;}
}


/* room */
.roomName { font-size:1.3em; line-height:1.5em; font-weight:700; margin-bottom:0.5em; color:#333;}
.roomCon01 { margin-bottom:8%;}
.roomCon01:after {content:"";display:block;clear:both;}
.roomCon01 li { float:left; width:31.4%; margin-left:2.9%; }
.roomCon01 li:first-child { margin-left:0;}
.roomCon01 li img { width:100%; vertical-align:top;}

.roomCon02 { text-align:center; margin:8% 0;}
.roomCon02 p { font-size:1.15em; line-height:1.6em; color:#2b2b2b; margin-top:3%;}
.roomCon03 { margin-bottom:8%;}


@media  (max-width: 1024px){
.roomName { font-size:1.15em;}
.roomApp { font-size:0.9em; line-height:1.25em; margin-bottom:0.5em; }
.roomFa {font-size:0.9em; line-height:1.5em;}
.roomCon02 img {width:162px;}
.roomCon02 p { font-size:0.9em; line-height:1.5em;}


}

/* roomPre */
.roomPre { position:relative; margin-bottom:8%; float:left; }
.roomPre_list { position:absolute; width:65%; height:100%; left:25%; top:0; z-index:2;}
.roomPre_list a { position:absolute; display:block; width: 6.8%; height: 13.2%; opacity:0; filter: alpha(opacity=0;); }
.roomNav01 { left: 5.7%; top: 70.3%; }
.roomNav02 { left: 16.7%; top: 66.3%; }
.roomNav03 { left: 29.2%; top: 62.3%; }
.roomNav04 { left: 75.6%; top: 69.4%; }
.roomNav05 { left: 6.8%; top: 54.4%; }
.roomNav06 { left: 17.1%; top: 48.2%; }
.roomNav07 { left: 29.2%; top: 42.1%; }
.roomNav08 { left: 74.8%; top: 51.4%; }
.roomNav09 { left: 86.7%; top: 55.2%; }
.roomNav10 { left: 7.7%; top: 38.1%; }
.roomNav11 { left: 29.1%; top: 25.4%; }
.roomNav12 { left: 73.9%; top: 32.5%; }
.roomNav13 { left: 84.8%; top: 39.5%; }

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

@media  (max-width: 1024px){
.roomPre_list {width:100%;left:0;}
}

/* special */
.spCon { position:relative;}
.spCon:after {content:"";display:block;clear:both;}
.spCon01 { margin-bottom:10%;}
.sp01_01 { float:left; width:46.8%;}
.sp01_02 { float:right; width:34.3%; margin:5% 8% 0 0; }
.sp01_0201 {font-family: "Concert One", serif; font-size:3.5em; line-height:1em; color:#000; letter-spacing:-0.05em; margin:0.6em 0;}
.sp01_0202 { font-size:10px; line-height:1.2em; color:#a6a6a6; font-weight:200;}
.spCon02 { margin-bottom:8%;}
.sp02_01 { position:absolute; left:0; top:50%; margin-top:-5em; color:#2b2b2b; text-shadow:1px 1px rgba(255, 255, 255, 0.5); z-index:2;}
.sp02_01 dt { font-size:2.3em; line-height:1.5em; letter-spacing:-0.05em; font-weight:200; font-family: "Jua", serif; }
.sp02_01 dt strong { font-weight:400;}
.sp02_01 dt .line { display:block; width:48px; height:1px; background:#000; margin:1em 0 0.5em; }
.sp02_01 dd { font-size:1.2em; line-height:1.8em;}
.sp02_02 { float:right; width:75%;}
.sp03_01 { text-align:center; margin-bottom:2%;}
.sp03_01 dt { font-family: 'Sacramento', cursive;color:#8cb2cd; font-size:6em; line-height:1.2em; }
.sp03_01 dd { font-size:10px; line-height:1.2em; color:#a6a6a6; font-weight:200;}


@media  (max-width: 1480px){
.sp02_01 dt { font-size:1.8em; }
.sp02_01 dd { font-size:1em; }
.sp03_01 dt {  font-size:5em; }

}

@media  (max-width: 1280px){

}

@media  (max-width: 1024px){
.sp01_02 { width:42%; margin:5% 2% 0 0; }
.sp01_0201 { font-size:2.2em;}
.sp02_01 dt { font-size:1.5em; }
.sp02_01 dd { font-size:0.9em; }
.sp02_02 { width:60%;}
.sp03_01 dt {  font-size:4em; }

}

@media  (max-width: 640px){
.sp01_01 { width:50%;}
.sp01_02 { width:44%; margin:5% 1% 0 0; }
.sp01_0201 { font-size:1.4em; letter-spacing:-0.02em;}
.sp01_0202 { font-size:6px;}
.sp02_01 { position:relative; top:0; margin-top:-2.5em;}
.sp02_01 dt { font-size:1.2em; }
.sp02_01 dd { font-size:0.8em; line-height:1.5em; }
.sp02_02 { float:none; width:75%; margin-left:25%;}
.sp03_01 dt {  font-size:3em; }
.sp03_01 dd { font-size:6px;}
}


/* tour */
.tourList {  margin-bottom:5%; }
.tourList:after {content:"";display:block;clear:both;}
.tourList li { float:left; width:46.68%; margin-left:2.64%;}
.tourList li:nth-child(3n+1) { margin-left:0;}
.tourList li.clear { float:none; width:100%; margin-left:0;}
.tourList li img { width:100%; vertical-align:top;}
.tourList dl { padding:3% 0 6%; }
.tourList dt { font-size:2em; line-height:1.5em; letter-spacing:-0.05em; font-weight:200;}
.tourList dt strong { font-weight:400;}
.tourList dt .line { display:block; width:48px; height:1px; background:#000; margin:0.8em 0 0.5em; }
.tourList dd { font-size:1.07em; line-height:1.6em; color:#666;}
.tourList dd p { margin-top:1.5em;}


@media  (max-width: 1280px){

.tourList dl dd { font-size:0.95em; line-height:1.6em;}

}

@media  (max-width: 768px){
.tourList li { float:none; width:100%; margin:0;}
.tourList dl { padding:3% 0 10%; }
.tourList dt { font-size:1.5em; }
.tourList dt .line { width:36px;  margin:0.7em 0 0.5em; }
.tourList dd { font-size:1.07em; line-height:1.5em; letter-spacing:-0.05em }
.tourList dd p { margin-top:1.5em;}
}

/* reser */
.reserCon01 { margin:0 auto 5%;}
.reser01_01 { float:left; width:30.7%; }
.reser_dl { float:left; width:65%; margin-left:4.3%;}
.reser_dl dt { font-size:2em; line-height:1.5em; margin-bottom:1em; }
.reser_dl dt.line { border-bottom:1px solid #999; padding-bottom:0.2em;}
.reser_dl dd { line-height:1.6em; margin-bottom:6%;}

.reserTable { width:100%; border-collapse:collapse; border-top:1px solid #999; margin-bottom:5%;}
.room .reserTable { margin-bottom:10px;}
.reserTable th, .reserTable td { padding:12px 3px; font-size:1em; line-height:1.5em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
.reserTable th { background:#f9f9f9}
.reserTable thead { border-bottom:2px solid #333;}
.reserTable td.type { text-align:left; padding-left:5%;}
.reser .reserTable tbody tr { overflow:hidden;}
.reser .reserTable .roomName { position:relative;}
.roomLink { position:absolute; width:2000%; height:100%; left:0; top:0; opacity:0;  filter: alpha(opacity=0;); z-index:5;}
.roomLink a { display:block; width:100%; height:100%;}
.reser .reserTable tbody tr:hover td, .reser .reserTable tbody tr:hover th {  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background:#000; color:#fff; cursor:pointer;}

.cancelTable { width:100%; border-collapse:collapse; border-top:1px solid #999; margin-top:5%;}
.cancelTable th, .cancelTable td { padding:12px 3px; font-size:1.07em; line-height:1.5em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
.cancelTable thead { border-bottom:2px solid #333;}

.reser_frame {position:relative;  z-index:3; }
.reser_frame iframe { display:block; width:100%; height:1500px; margin:0 auto; padding:0 0 2%; overflow-y:auto; background:transparent; border:0;}

.active .reser01_0301 {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 1.3s;}

@media  (max-width: 1280px){
.reserCon01 { width:92%;}

}

@media  (max-width: 1024px){
.reser_name { font-size:0.95em; margin-bottom:5px;}
.reser_name strong { font-size:1.15em;}
.reser01_01 { float:none; width:100%; }
.reserCon01 { width:100%; }
.reser_dl { float:none; width:100%; margin-left:0; }
.reser_dl dt {  font-size:1.5em; line-height:1.5em; margin:-1.5em 0 0.5em; padding-left:0.5em; color:#fff; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
.reser_dl dd { font-size:0.95em; line-height:1.5em; margin-bottom:10%;}
.reser .reserTable thead { border-bottom:2px solid #555;}
.reserTable th, .reserTable td, .cancelTable th, .cancelTable td { padding:8px 1px; font-size:0.7em; letter-spacing:-0.05em; line-height:1.5em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
}

/*  commnuity */
.boardCon { position:relative; width:80%; max-width:1440px; margin:0 auto;}
.boardImg {  width:100%; margin:5% auto;  z-index:1;}
.borderCon { position:relative; width:56%; height:calc(100vh - 180px); left:41.5%; top:130px; background:url(../images/bg/white_70.png); z-index:3;}
.board_frame { display:block; width:100%; margin:0 auto; padding:2em; }


@media  (max-width: 1280px){

.boardCon { width:92%;}

}

@media  (max-width: 1024px){
.boardCon { width:94%;}
}


@media  (max-width: 768px){


}


@media  (max-width: 560px){



}

@media  (max-width: 480px){


}


@media  (max-width: 380px){


}