@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 62.5%;
}
body {
	margin: auto;
	color: #000;
	font-size: 13px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	background-image: none;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100%;
}
div {border:none;margin:0;padding:0;}
img {vertical-align: middle;border: 0px;margin:0;padding:0;max-width:100%;}

a:link {color:#555555;}
a:visited {color: #888;}
a:hover {color: #ff5500;}

h1 {
	font-size: 12px;
	font-weight: normal;
        text-decoration: none;
	padding: 0px;
	margin: 0px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
p {
	line-height: 1.1;
	letter-spacing: 0.1em;
	margin: 0px 0px;
	padding: 0px;
}
img { border: 0px;}
br {padding:0;margin:0;width:0;}
.empha {
         font-weight: bold;
         color: #c92851;
         font-style: normal;
}
.fclear {clear:both;}
#wrapper {width:100%;
	margin: 0px auto;
	padding: 0px;
	padding-bottom: 50px;
	text-align: center;
	background:#222;
}
.inner {
	width:96%;overflow:hidden;
	margin:0 auto;
}
header {width:100%;
	height:6rem;position:fixed;overflow:static;
	background-image:url(../images/bg_header_center.gif),url(../images/bg_header.gif);
	background-repeat:no-repeat,repeat-x ;background-position:top center,top left;
        text-align: left;
	z-index:5;
}

header h1 {width:100%;}
header .logo {
	float:none;
	margin-top:0.5rem;margin:0;padding:0.7rem;
}
header .logo:hover {opacity:0.8;transition: .2s;}
header .logo img {height:4.5rem;}
#header_info {
	float:none;width:32%;display:none;
	padding:1.2rem 0;font-size:1.2rem;
}
#header_info p,#header_info a {color:#fff;}
#header_info img {vertical-align:middle;margin-right:1rem;}
#header_info .tel {
	margin-top:0.3rem;
	font-size:2.8rem;font-weight:bold;letter-spacing:0.02rem;color:#fff;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.web-yoyaku.mb {
    display: block;
    position: absolute;
    top: 9px;
    right: 70px;
}
header.fixed {z-index:5;}


nav.pc {display:none;}




/* Fixed reset */
.mobile_nav {display:block;}
.mobile_nav nav {height:auto;}
#global-nav {
	display:block;
	position: absolute;z-index:10;
	/* 開いてないときは画面外に配置 */
	top: -725px;left:0;
	background: rgba(0,0,0,0.9);
	width: 96%;padding:0% 2% 5%;
	text-align: center;
	color:#fff;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	/*PIE.htc の利用*/
	behavior: url(css/PIE.htc);
}
#global-nav ul {
	width:100%;
	overflow:hidden;
	right: 0;bottom: 0;
	font-size: 15px;
}
#global-nav ul li {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	width:49%;float:left;
	position: static;
	border-left:1px solid #444;
	border-bottom:1px solid #444;
	background-size:100% 100%;
}
#global-nav ul li:nth-child(odd) {border-left:none;}
#global-nav ul li a {position: relative;display: block;margin: 0;padding: 1.2rem 0;color:#fff;}
#global-nav ul li a:before {content:">";font-size:10px;font-weight:bold;position:absolute;top:35%;left:5%;}

#headerBtm #global-nav ul li a,
#headerBtm.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	color: #fff;
	padding: 12px 0;
	text-decoration:none;
}

#nav-toggle-wrapper {
}

#nav-toggle {
	position: absolute;
	right: 10px;bottom:8px;
	display: block;
	width: 40px;
	height: 50px;
	cursor: pointer;
	z-index: 10;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;width: 100%;
	background: #fff;left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.menu:before {content:"MENU";text-align:center;color:#fff;font-size:9px;letter-spacing:0.3em;}
#nav-toggle span.bd1 {top: 20px;}
#nav-toggle span.bd2 {top: 31px;}
#nav-toggle span.bd3 {top: 42px;}


/* #nav-toggle 切り替えアニメーション */
.open .menu:before {content:"CLOSE";text-align:center;font-size:8px;}
.open #nav-toggle span.bd1 {
	top: 31px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span.bd2 {
	width: 0;
	left: 50%;
}
.open #nav-toggle span.bd3 {
	top: 31px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(785px);
        -webkit-transform: translateY(785px);
        transform: translateY(785px);
}


#global-subnavi {overflow:hidden;margin-top:5%;}
#global-subnavi a {color:#fff;}
#global-subnavi .subnaviBox {border:1px solid #eee;background:#30660F;width:31%;line-height:150%;float:left;}
#global-subnavi .subnaviBox:first-child {margin-right:2%;background:#234280;}
#global-subnavi .subnaviBox:last-child {margin-left:2%;background:#8D2027;}
#global-subnavi .subnaviBox a {padding:5% 3%;display:block;}

#global-nav .shop_info {padding:2rem 0.5rem 0;text-align:left;}
.shop_info .shop_infoTT {font-size:1.8rem;text-align:center;}
#global-nav .shop_info .telP {margin-top:1rem;}
#global-nav .shop_info .tel {font-size:2.4rem;margin-top:1rem;color:#fff;font-weight:bold;line-height:150%;}
#global-nav .shop_info img {padding-right:0.5rem;vertical-align:middle;}


#container {
	overflow: hidden;width:100%;
	margin-left:auto;margin-right:auto;
	padding-top: 6rem;
}
.sbcommonTt {
	color:#fff;font-weight:bold;font-size:3rem;line-height:160%;
	border-top:1px solid #fff;border-bottom:1px solid #fff;
	padding:1% 0;
}


/* common */
.kakko {padding:1rem 0;display:block;}

/* coupon */
#coupon {color:#fff;}
.coupon {
	width:92%;border:2px dashed #ff1616;padding:3% 2%;
	margin-left:auto;margin-right:auto;
	background:#fff;color:#222;
}
.coupon .kome {text-align:left;margin-top:1rem;}
.coupon .kome p {line-height:150%;}




/* footer */
.footer_top {
	background:url(../images/bg_header.gif) repeat-x top left;background-size: auto 100%;
	padding:2% 0;
}
.footer_top ul {overflow:hidden;}
.footer_top li {float:left;width:49%;margin-top:2px;border-bottom:1px solid #2f2f2f;}
.footer_top li a {text-align:center;display:block;width:15rem;color:#fff;padding:0.4rem 0;}
.footer_top li:nth-child(odd) {border-right:1px solid #000;}
.footer_top li:nth-child(2n) {border-left:1px solid #272727;}

.footer_mdl {background:#111;padding:3rem 0.5rem;}
.footer_mdl .logo {float:none;text-align:center;}
.footer_mdl .logo:hover {opacity:0.8;}
.footer_mdl .leftArea {
	width:100%;float:none;line-height:160%;margin:1rem 0;
}
.footer_mdl .leftArea p {padding-top:0.5rem;color:#fff;padding-left:6.5em;text-indent:-6.5em;line-height:160%;}
.footer_btm p {background:#000;line-height:160%;color:#999;padding: 0.3rem 0;}
.footer_mdl .leftArea .tel {color:#fff;font-weight:bold;font-size:2rem;letter-spacing:0.02em;}
.footer_btm .small {font-size:1rem;}




/* staff */


/* 共通 */
#map_canvas {width:100%;border:none;}
.pc_right {float:none;padding:0;}
.pc_left {float:none;padding:0;}
.pc_only {display:none;}
.mobile_only {display:block;}


img.mw8 {max-width:8%;width:auto;}
img.mw16 {max-width:16%;width:auto;}
img.mw25 {max-width:25%;width:auto;}
img.mw30 {max-width:30%;width:auto;}
img.mw50 {max-width:50%;width:auto;}
img.mw60 {max-width:60%;width:auto;}
img.mw100 {max-width:100%;width:auto;}

.br {display:block;}

.box3img img {width:32%;float:left;padding-right:2%;}
.box3img img:last-child {padding-right:0;}

.box3imgLink img {width:32%;float:left;padding-right:2%;}
.box3imgLink a:last-child img {padding-right:0;}

.box2img img {width:32%;float:left;padding-right:2%;}
.box2img img:last-child {padding-right:0;}
.box2imgLink a img {width:48%;float:left;padding-right:4%;}
.box2imgLink a:last-child img {padding-right:0;}

.box3divs {width:32%;float:left;padding-right:2%;}
.box3divs img {width:100%;}
.box3divs:last-child {padding-right:0;}

.box2divs {width:48%;float:left;padding-right:4%;}
.box2divs img {width:100%;}
.box2divs:last-child {padding-right:0;}

.wid10_m100 {width:100%;}
.wid15_m100 {width:100%;}
.wid20_m100 {width:100%;}
.wid25_m100 {width:100%;}
.wid30_m100 {width:100%;}
.wid35_m100 {width:100%;}
.wid40_m100 {width:100%;}
.wid45_m100 {width:100%;}
.wid48_m100 {width:100%;}
.wid50_m100 {width:100%;}
.wid55_m100 {width:100%;}
.wid60_m100 {width:100%;}
.wid65_m100 {width:100%;}
.wid70_m100 {width:100%;}
.wid75_m100 {width:100%;}
.wid80_m100 {width:100%;}
.wid85_m100 {width:100%;}
.wid90_m100 {width:100%;}
.wid95_m100 {width:100%;}

.wid30_m90 {width:90%;}
.wid40_m90 {width:90%;}
.wid60_m90 {width:90%;}
.wid65_m90 {width:90%;}
.wid70_m90 {width:90%;}


.pc_left {float:none;padding:0;}
.pc_right {float:none;padding:0;}
.pc_only {display:none;}
.encent_mL {text-align:left;}

.mobile_only {display:block;}
.mobile_on {display:block;}

div#lightbox-container-image-box {
	width:100% !important;
	height:100% !important;
}
div#lightbox-container-image-data-box {
	width:100% !important;
	height:100% !important;
}



