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

/*===============================================
 smartphone.css -  画面の横幅が520px以下
===============================================*/

@media screen and (max-width: 769px){

/* all ----------------------------------------- */
h1 { width:280px; height:auto; }
br.pc { display: none; }
#headEnv { float:left; }
#header h2, #inquiryCont .telNum { display:none; }

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

	SLIDE

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

#mainSlide { width:100%; position:relative; overflow:hidden; }
#mainSlide .direction { display:none; }

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

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

	TOP

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

#index #main { margin:0 5%; }
#allTop { margin:2em auto; width:96%; }

.contents .lead { margin-top:0.5em; }
.noticeFt span { display:block; }
	
#menu .btn { margin-bottom: 0.5em; padding:0.5em 0; }
#menu .btn img { max-height:25px; width: auto; }

#reserve .btn { margin:1em 0; }
#reserve .btn img { max-height:30px; }
.h2Title { height:82px; }
#movies .btn, #instagram .btn {
	display: inline-block;
	width: 98%;
	margin: 0 1% 5px;
}

#intro .mainImg { width:90%; margin:0 auto 1em; }
#intro { width:100%; padding:3em 0 2em; }

img.insta { display:none; }
#instagram .ig-list { padding:0; margin:-1em 0; }
#instagram .ig-list li { width:45%; margin:5% 0 0 5%; height:0; padding-bottom:29.6%; overflow:hidden; }
#instagram .pageTop { padding-top:1em; }

.calender { padding-bottom: 150%; }

#inquiryCont { margin-top:0.5em; }
#inquiryCont .res01 { float:left; margin-right:0.5em; }
#inquiryCont .res02 { float:right; }
.pageTop { margin:1em 0 2em; }
.pageTop img { width:auto; height:15px; }

.subPage #main { margin:0 5%; }

/* menu ----------------------------------------- */
#glovalMenu { margin:0 0 1em 1.15%; }
#glovalMenu .menuCont li { letter-spacing:0.15em; width:30%; margin-bottom:1em; white-space:nowrap; }
#glovalMenu .menuCont li:nth-child(3n), #glovalMenu .menuCont li.last { border-right:none; }
#menu .menuGroup { width:100%; }
#menu .br { display: block; }

/* subPage ----------------------------------------- */
.subPage #sideBar { width:90%; margin:1em auto 0; font-weight:700; }
.subPage #sideBar li { width:48%; float:left; margin-right:1%; background:#e8f9fb; text-align:center; }
.subPage #sideBar li {
	-moz-border-radius: 0.3em; /* Firefox */
	-webkit-border-radius: 0.3em; /* Safari and Chrome */
	border-radius: 0.3em;
	behavior: url(border-radius.htc); /* IE */
}

/* coupon ----------------------------------------- */
.couponSec { width:90%; margin: 0 auto 0.8em; }

/* staff ----------------------------------------- */
#staffPage .entryCont { margin:2em 0 3em; }
#staffPage .entryBody { padding-top:1em; }

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

/* gallery ----------------------------------------- */
#galleryPage .entryCont { width:48%; margin: 0 2% 1em 0; float:left; }
.galGroup h3 { margin-bottom:0.5em; }

/* news ----------------------------------------- */
#newsPage .lead span.tb { display:block; }


/* text_px ----------------------------------------- */
#inquiryCont .telNum { font-size:1.8em; line-height:1; letter-spacing:0.05em; }
#inquiryCont .reserve { font-size:1.4em; line-height:1; letter-spacing:0.1em; }
.couponSec { font-size:1.4em; line-height:1.3; letter-spacing:0.05em; }
.couponSec p .small { font-size:0.7em; }
#intro p { font-size:1.4em; line-height:1.9; }
#main h2 { font-size:1.3em; line-height:1; }
#main .contents { font-size:1.4em; line-height:1.8; letter-spacing:0.02em; }
#staffPage .entryCareer { letter-spacing:0.18em; }
#movies .btn, #instagram .btn { font-size:1.8em; line-height:1; letter-spacing:0.1em; }
#menu .btn { font-size:1.7em; line-height:1; letter-spacing:0.1em; }
#reserve .btn { font-size:2.8em; line-height:1; letter-spacing:0.1em; }
.galGroup h3 { /* font-size:1.6em; line-height:1; */ letter-spacing:0.08em; }

}

@media screen and (max-width: 620px){
	h1 { width:280px; height:auto; float:none; margin:0 auto; }
	#headEnv { float:none; }
	#inquiryCont { width:60%; min-width:265px; float:none; margin:1em auto 0; }
	.h2Title { height:50px; }

	#visual h2 span, #intro .small span.br { display:block; }
	
	.subPage #main { margin:0 5%; }
	
	#menu .contents { margin:0; }
	.noticeFt span { display:block; }
	
	#galleryPage .contents { margin:1em 3% 0; }
	
	#newsPage .lead span.sp { display:block; }
}