@charset "UTF-8";
/* CSS Document */

/*===============================================
 style.css -  画面の横幅が770px以上
===============================================*/

@media screen and (min-width: 770px){

/* ------------------------------------

	ALL

------------------------------------ */

.wrapper { max-width:1090px; margin:0 auto; }

h1 { width:280px; height:auto; margin-right:0.5em; }
h1 img { vertical-align:top; }
#header h2 { vertical-align:top; letter-spacing:-0.1em; }

#header { padding-bottom:2em; }
.subPage #header { padding-bottom:4em; }

#glovalMenu { margin:0 2.5%; }
#glovalMenu .menuCont li { letter-spacing:0.15em; width:13%; }
#glovalMenu .menuCont .first { border-left:2px solid #1db2bf; }

.pageTop img { height:15px; width:auto; margin-bottom:2em; }

#inquiryCont .instagram { margin-right:1em; }
#inquiryCont .res01 { margin-right:0.6em; }
#inquiryCont .res02 { margin-right:0.8em; }

/* ------------------------------------
	
	SLIDE

------------------------------------ */
#mainSlide { width:100%; position:relative; overflow:hidden; }
#mainSlide .link { cursor:pointer; }
#mainSlide .viewer img {
    position: absolute;
}

/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
	height: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
	height: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
    position: absolute;
}

/* ------------------------------------

	TOP

------------------------------------ */

#mapWrap, #reserve .contents {
	-moz-border-radius: 5em; /* Firefox */
	-webkit-border-radius: 5em; /* Safari and Chrome */
	border-radius: 5em;
	behavior: url(border-radius.htc); /* IE */
}

#index #main { margin:0 5%; }
#headEnv { float:left; }
#index .contents { margin:-1em 0 0 7em; }
h1 { float:left; }
#headEnv h2 { float:left; }
#allTop { padding:3em 5%; }
.pageTop { padding-top:2em; }
	
.youtube {
	width:80%;
	padding-bottom: 45%;
	height:0px;
	position: relative;
	margin: 0 auto 2em;
	}
	
.youtube iframe, .youtube object, .youtube embed {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
	
#movies .btn {
	display: inline-block;
	width: 46%;
	margin: 0 1%;
}
	
#instagram .btn {
	display: inline-block;
	width: 46%;
	margin: 0 auto;
}

#intro { margin-bottom:3em; }
#intro .mainImg { width:53%; margin:1.8em auto; }

#menu .lead { width:55%; margin-top: 10px; float: left; }
#menu .btn {width: 30%; margin-top: 14px; float: right; }
#menu .br {display: none;}

.h2Title { height:82px; }
.mapAddress span.br { margin-left:1em; }

#instagram .ig-list li { width:22%; margin:2.5% 0 0 2.5%; height:0; padding-bottom:14.7%; overflow:hidden; }
.calender { padding-bottom: 80%; }
#reserve .btn { margin:1em 0 1em 3.2em; }


/* ------------------------------------

	SUBPAGE

------------------------------------ */

.subPage #sideBar { width:10%; padding: 2em 3% 0 0; float:left; }
.subPage .has_sidebar .contents { width:87%; float:right; }
.subPage .has_sidebar { margin-top:1em; }
.subPage #main { margin:0 5%; }
.subPage #footer { padding:0 5% 1em; clear:both; }
.subPage .half { width:48.5%; }

/* menu ----------------------------------------- */

.subPage #menu .contents { margin:-1em 0 0 7.6em; }

#menu .no0 { width:49%; }
#menu .no1 { width:49%; }
#menu .no1, #menu .no2,#menu .no8 { float:left; }
#menu .no0, #menu .no3,#menu .no9 { float:right; }

/* coupon ----------------------------------------- */
#coupon .cou01 { float:left; }
#coupon .cou02 { float:right; }
#coupon .couponSec { width:49%; }

/* staff ----------------------------------------- */
#esthe .entryImg { width: 30%; }
#staffPage .entryImg { float:left; }
#staffPage .entryCont { margin-bottom:5em; }
#staffPage .entryBody { float:right; padding-top:2em; }

/* news_top ----------------------------------------- */
#newsTop .date { padding-right:3em; }

/* gallery ----------------------------------------- */
#galleryPage .entryCont { width:22.7%; margin: 0 3% 1.8em 0; float:left; }
#galleryPage .entryCont:nth-child(4n) { margin: 0 0 1.8em 0; float:right; }
.galGroup h3 { margin-bottom:0.5em; }
	
/* esthe ----------------------------------------- */
#esthe .entryBody { width: 65%; }
#esthe .left { float:left; }
#esthe .right { float:right; }

/* text_px ----------------------------------------- */
#header h2, #esthe .btn { font-size:1.3em; line-height:3; }
#movies .btn, #instagram .btn { font-size:1.8em; line-height:1; letter-spacing:0.1em; }
#menu .btn { font-size:1.2em; line-height:1.2; letter-spacing:0.1em; }
#inquiryCont .telNum { font-size:2.7em; line-height:1; letter-spacing:0.1em; }
#inquiryCont { font-size:1.1em; line-height:1; letter-spacing:0.15em; }
#intro p { font-size:1.8em; line-height:2.3; }
#main h2 { font-size:1.5em; line-height:1; }
#index .contents { font-size:1.8em; line-height:1.6; letter-spacing:0.02em; }
.subPage .contents { font-size:1.4em; line-height:1.8; letter-spacing:0.02em; }
#menuPage #main .contents { font-size:1.5em; line-height:1.8; letter-spacing:0.02em; }
#reserve .btn { font-size:3em; line-height:1; letter-spacing:0.1em; }
#staffPage .entryCareer { font-size:1.5em; line-height:1; letter-spacing:0.1em; }
#staffPage .entryDetail { font-size:1.2em; line-height:1.8; }
.galGroup h3 { font-size:1.5em; line-height:1; letter-spacing:0.08em; }

}