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

/*===============================================
 style.css -  basic
===============================================*/

/* clearfix */
.clearfix { zoom:1; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }


/* font-size */
html,body { height:auto; min-height:100%; }

/* others */
body {
	font-family:  YuMincho, "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , serif;
	 font-size: 62.5%;
	 color: #222;
	 height:100%;
	 position:relative;
	 overflow-wrap : break-word;
	 word-wrap : break-word;
	 font-weight: 400;
}

main { display: block; }

#menu h3, #esthe h4  {
	font-family: YuGothic, "ŸàƒSƒVƒbƒN" , "Yu Gothic" , "ŸàƒSƒVƒbƒN‘Ì" , "YuGothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ƒ�ƒCƒŠƒI" , Meiryo , "‚l‚r ‚oƒSƒVƒbƒN" , "MS PGothic" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	font-weight: 700;
}

a {	color: #000; text-decoration: none; }
a:hover, a:active, a:focus { color: #000; }
a:hover { text-decoration:none; color: #000;}
ul { margin:0; }

h1,h2,h3,h4,h5,h6 { margin:0; font-weight:normal; }
p { margin: 0 0 1em; list-style-position: inside; }
img { margin:0; vertical-align:bottom; }

.btn { text-align:center; position:relative; }
.btn a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 1px;
}

/* all ----------------------------------------- */

#movies .btn_list, #instagram .btn_list { max-width: 600px; width: 80%; margin: 0 auto 2em; }

#movies .btn, #menu .btn, #instagram .btn  {
	-moz-border-radius: 4em; /* Firefox */
	-webkit-border-radius: 4em; /* Safari and Chrome */
	border-radius: 4em;
	behavior: url(border-radius.htc); /* IE */
}

#inquiryCont .btn {
	-moz-border-radius: 0.5em; /* Firefox */
	-webkit-border-radius: 0.5em; /* Safari and Chrome */
	border-radius: 0.5em;
	behavior: url(border-radius.htc); /* IE */
}

#calCont {
	-moz-border-radius: 4em; /* Firefox */
	-webkit-border-radius: 4em; /* Safari and Chrome */
	border-radius: 4em;
	behavior: url(border-radius.htc); /* IE */
}

#menu .btn, #reserve .btn, #esthe .btn {
	-moz-border-radius: 2em; /* Firefox */
	-webkit-border-radius: 2em; /* Safari and Chrome */
	border-radius: 2em;
	behavior: url(border-radius.htc); /* IE */
}

#galleryPage .entryImg img {
	-moz-border-radius: 10%; /* Firefox */
	-webkit-border-radius: 10%; /* Safari and Chrome */
	border-radius: 10%;
	behavior: url(border-radius.htc); /* IE */
}

#staffPage .entryImg img {
	-moz-border-radius: 30% / 35%; /* Firefox */
	-webkit-border-radius: 30% / 35%; /* Safari and Chrome */
	border-radius: 30% / 35%;
	behavior: url(border-radius.htc); /* IE */
}

#menu .no0 img {
	-moz-border-radius: 25%; /* Firefox */
	-webkit-border-radius: 25%; /* Safari and Chrome */
	border-radius: 25%;
	behavior: url(border-radius.htc); /* IE */
}

#movies .btn, #instagram .btn { padding:0.8em 0; }
#header .btn { padding:0.3em 2em; }
#menu .btn, #reserve .btn, #esthe .btn { padding:0.3em 2em; }

#glovalMenu ul,
#inquiryCont ul,
#menu ul,
.subPage #sideBar ul {
	list-style:none;
	padding:0;
}

h1 img, #intro { width:100%; }
.h2Title { vertical-align:middle; margin-right:0.5em; }

#visual h2, #menu .contents, #index .lead, #staffPage .entryCont h3, #staffPage .entryHeader  { font-weight:700; }

.pageTop { clear:both; text-align:right; margin-bottom:2em; }
#footer { letter-spacing:0.1em; }

/* colors */
#movies .btn, #menu .btn, #instagram .btn, #reserve .btn, #esthe .btn { background:#1db2bf; }
#header .btn { background:#777; }
#header, #intro { background:#fff; }


.mapAddress { color:#222; }
#main h2, #main h2 a, #glovalMenu a, #header h2,
#menu h3, #staff h3, #esthe h4 { color:#777; }
#intro, #main h2 span, .subPage #main, #index .contents, .subPage #sideBar a { color:#1db2bf; }
#visual h2, #header .btn, #menu .btn, #menu .btn a,
#movies .btn, #movies .btn a,
#instagram .btn, #instagram .btn a,
#reserve .btn, #reserve .btn a,
#esthe .btn, #esthe .btn a { color:#fff; }

/* gloval menu*/
#glovalMenu { color:#ccc; font-size:1.5em; line-height:1; text-align: center; }
#glovalMenu .menuCont li { letter-spacing:0.15em; display:inline-block; border-right:2px solid #1db2bf; margin-bottom:0.5em; }
#glovalMenu .menuCont .sub { text-align:left; }
#glovalMenu .menuCont .sub li { margin-top:1em; }

/* width */
#top #main, #top #footer { width:90%; margin:0 auto; max-width:830px; min-width:300px; }
#menu .btn img  { width:28px; height:auto; margin-right:0.3em; }
#inquiryCont .btn img { width:20px; height:auto; margin-right:0.3em; }
#esthe .btn img { width:30px; height:auto; }
.insta { width:28px; height:auto; }

/* margin - position */
#intro { text-align:center; }
#footer { text-align:right; }

#top #main { margin-top:2em; }
#top #main section { margin-bottom:3em; }

/* navigation ----------------------------------------- */
#inquiryCont { padding:0; margin-top:0.5em; float:right; }
#inquiryCont li { display:inline-block;vertical-align:middle; }
#inquiryCont li.telNum { margin-right:0; padding:0; }
#inquiryCont .btn { white-space:nowrap; padding:0.3em 0.8em; }
#inquiryCont .btn img, #inquiryCont .btn span { vertical-align:middle; }

/* visual ----------------------------------------- */
#visual { width:91%; position:relative; padding: 0; margin:0 auto; }
#visual h2 { position:absolute; }
#visual img { width:100%; height:auto;}

/* intro ----------------------------------------- */
.mainImg img { width:100%; }
#intro .small { max-width:820px; min-width:310px; margin:0 auto; }
#intro .en { letter-spacing:0.15em; }

/* access ----------------------------------------- */
#mapWrap {
	width:100%;
	height:300px;
	position:relative;
	overflow:hidden;
	margin-top:1.5em;
}
#map {
	width:100%;
	height:100%;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
}
.mapAddress { text-align:center; }
.shopTime{ text-indent:-5.5em; margin: 0 0 0 5.5em; }

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

#main h3 { line-height:1; }

#menu #lead p { font-size:115%; margin-bottom:1em; }
.menuGroup { width:100%; margin-bottom:2em; }
.menuGroup .part1 { width:73%; margin-right:4%; float:left; }
.menuGroup .part2 { width:23%; float:right; }
.menuGroup h3 { padding-bottom:0.3em; }
#menu .no0 img { width:100%; height:auto; }
.no2 h3, .no3 h3, .no4 h3, .no5 h3, .no6 h3, .no7 h3, .no8 h3, .no9 h3 { letter-spacing:0.1em; }

.menuList { width:100%; }
.menuList .first { border-top:2px solid #1db2bf; }
.menuList th.sub { text-align:right; white-space:nowrap; }
.menuList th, .menuList td { border-collapse:collapse; border-bottom:1px solid #1db2bf; vertical-align:top; }
.second th.sub, .second td { border-bottom:none; }
.menuList th {
	text-align:left;
	padding:0.2em 0.5em 0.2em 0.5em;
}
.menuList td {
	width:4em;
	padding:0.2em 0.5em 0.2em 0.5em;
	text-align:right;
	white-space:nowrap;
}
.no1 .menuList th { width:44%; padding:0.2em 1%; }
.no1 .menuList td { width:26%; padding:0.2em 1%; }
.no1 .menuList td.art { width:21%; padding:0.2em 1%; }
.no1 .notice { letter-spacing:0; }
.notice { font-size:75%; line-height:1.3; margin-bottom:0.5em; }
.noticeFt { margin-top:0.3em; font-size:80%; line-height:1.3; text-align:right; }
.menuList span { font-size:80%; }
.menuList th.art { border-bottom: none; width:3%; padding:0.2em 0; }
.menuList .none { border-bottom: none; }

.secImage img {
	width:100%;
	-moz-border-radius: 13% / 30%; /* Firefox */
	-webkit-border-radius: 13% / 30%; /* Safari and Chrome */
	border-radius: 13% / 30%;
	behavior: url(border-radius.htc); /* IE */
}

/* coupon ----------------------------------------- */
.couponSec { border:1px solid #1db2bf; height:200px; position:relative; }
.couponSec p { position:absolute; width:100%; text-align:center; top:50%; }
.cou01 p { margin-top:-3.5em; }
.cou02 p { margin-top:-2.8em; }
.couponSec p .small { font-size:0.8em; }
.couponSec {
	-moz-border-radius: 3em; /* Firefox */
	-webkit-border-radius: 3em; /* Safari and Chrome */
	border-radius: 3em;
	behavior: url(border-radius.htc); /* IE */
}

/* insta ----------------------------------------- */
#instagram h2 .insta { vertical-align:baseline; }
#instagram .ig-list li { list-style:none; float:left; }
#instagram .ig-list li img { width:100%; }
#instagram .ig-list li {
	-moz-border-radius: 1em; /* Firefox */
	-webkit-border-radius: 1em; /* Safari and Chrome */
	border-radius: 1em;
	behavior: url(border-radius.htc); /* IE */
}

/* coupon ----------------------------------------- */
.schoolSec { border:1px solid #1db2bf; height:200px; position:relative; }
.schoolSec p { position:absolute; width:100%; text-align:center; top:50%; margin-top:-0.5em; }
.schoolSec {
	-moz-border-radius: 3em; /* Firefox */
	-webkit-border-radius: 3em; /* Safari and Chrome */
	border-radius: 3em;
	behavior: url(border-radius.htc); /* IE */
}

/* top_news ----------------------------------------- */
#newsTop ul { padding:0; display:table-row; }
#newsTop li { color:#222; list-style:none; }
#newsTop .date, #newsTop .line { display:table-cell; }
#newsTop .date { white-space:nowrap; }

/* subpage ----------------------------------------- */

.subPage #sideBar { font-size:1.5em; line-height:1.8; letter-spacing:0.05em; }
#sideBar li { margin-bottom:0.5em; }


/* reserve ----------------------------------------- */
#reserve .btn { padding:0.8em 0; }
#reserve .btn img { margin: 0 0.3em 0 0; vertical-align:middle; }
#reserve .btn span { vertical-align:middle; }
#reserve #calCont { background:#1db2bf; text-align:center; padding:2em 2%; max-width:1200px; min-width:290px; }
.calender { position:relative; height:0; overflow:hidden; }
.calender iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important;}

/* staff ----------------------------------------- */
#staffPage .entrySub { padding-top:0.5em; margin:0; }
#staffPage .entryCareer { margin:0.1em 0 1em; }
#staffPage .entryImg img { width:100%; height:auto; }
#staffPage .entryCont h3 { padding-bottom:0.2em; border-bottom:2px dotted #1db2bf; }
#sideBar li a:after { content:url(../img/list_side.gif); margin-left:0.3em; }

/* text */
#staffPage .entryHeader h3 { font-size:1.4em; line-height:1; }
#staffPage .entrySub { line-height:1.5; letter-spacing:0.18em; }

/* gallery ----------------------------------------- */
#galleryPage .entryImg img { width:100%; height:auto; }
#galleryPage .entryBody { text-align:center; }
#galleryPage .entryCont h3 { font-size:1.5em; line-height:1; letter-spacing:0.15em; padding-top:0.8em; }
#galleryPage .entryPrice { font-size:1.2em; line-height:1; letter-spacing:0.15em; padding-top:0.3em; }

/* news ----------------------------------------- */
#newsPage .lead { font-size:2em; line-height:1.5; padding-top:0.8em; }

/* esthe ----------------------------------------- */
#esthe h4 { font-size:1.2em; line-height:1.8; }
#esthe01 h4 { text-align: center; }
#esthe small { font-size: 80%; padding-right: 0.5em; }
#esthe .btn { margin:1em 0; }
#esthe .btn img { margin: 0 0.5em 0 0; vertical-align:middle; }