@charset "utf-8";

body {
background:#000 url(../images/bk_body_sp.jpg) no-repeat center 30px;
background-size:contain;
min-width:100%;
}

img { 
    max-width: 100%; 
    height:auto;
}
.sp{display:inline-block;}

.nodisplay_sp{display:none;}
.nodisplay_pc{display:inline-block;}

a{text-decoration:none;}

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

.iro0{color:#000000;}
.irof{color:#ffffff;}
.iro1{color:#ffff99;}
.iro2{color:#ffffcc;}

/* ================================================================================ */
/*      wrapper    */  
/* ================================================================================ */
.innerBody{
width:100%;
background:url(../images/bk_star.png) repeat-y 50% 0;
background-size:contain;
}
.wrapper{
width:100%;
margin:30px auto 0;
padding:0;
position:relative;
	background:url(../images/bk_stone.png)  center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* ================================================================================ */
/*      header     */  
/* ================================================================================ */
#top {
margin:0;
height:auto;
height:100px;
}

.header {
width:100%;
height:100px;
position:relative;
margin:0;
padding:0;
background:url(../images/icon_himawari.png) no-repeat 0 bottom;

}
.header .innerBlock {
width:100%;
margin:0 auto;
position:relative;
}


.style-content .header .mainTitle  {
width:100%;
left:0;
}
/* ================================================================================= */
/* font */
/* ================================================================================= */
.header .mainTitle {
	text-align:center;
	width:100%;
	height:100px;
	position:absolute;
	top:0px;
	left:0;
	margin:0;
	padding:0;
	text-shadow: 0 0 0.5em rgba(0,0,0,0.9);
}

h1 span{
	font-size:24px;
	display: inline-block;
	font-weight:normal;
	line-height:1.0;
}
h1 img{display:none;}



.header .sucCopy {
	position:absolute;
	width:100%;
	height:30px;
	top:60px;
	font-size:13px;
	line-height:30px;
	overflow:hidden;
	display:inline-block;
	white-space:nowrap;
}
.header .sucCopy p {
	padding:3px 30px;
	text-align:center
}

.header .Copy_pegetop {
	display:inline-block;
	position:absolute;
	width:100%;
	height:30px;
	top:-30px;
	font-size:14px;
	line-height:30px;
	text-align:center;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6), 0 1px 1px rgba(255, 255, 255, 0.7);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	text-decoration: none;
}

.header .Copy_pegetop a{color: #e6e6e6;}
.header .Copy_pegetop a:hover{color: #ffffff;}

/* ================================================================================ */
/*      contContainer     */  
/* ================================================================================ */
.contContainer {
width:90%;
margin:0 auto;
text-align:center;
}
.contContainer .innerBlock {
width:100%;
margin:0;
text-align:left;
overflow:hidden;
}
.innerBlock_s{
width:90%;
margin:0 auto;
text-align:left;
overflow:hidden;
}

/* ================================================================================ */
/*      contBody     */  
/* ================================================================================ */
.contBody {
clear:both;
width:100%;
margin:50px auto 20px;
padding-bottom:20px;
padding-top:20px;
}

.contBody a{
outline:none;
}
.contBody .innerBlock {
width:100%;
}
.cont_Block{
overflow:hidden;
}
/* ================================================================================ */
/*      shop     */
/* ================================================================================ */
img.fig_staff{
float:none;
clear:both;
margin:0 auto;
padding-bottom:24px;
text-align:center;
}

/* ================================================================================ */
/*      menu     */
/* ================================================================================ */
.boxarea table td{text-align:center;}
.boxarea table td img.margR1em{margin-right:0;padding-bottom:24px;}

.boxarea_2{
float:none;
clear:both;
width:100%;
padding:24px 0;
}

/* ================================================================================ */
/*      coupon     */
/* ================================================================================ */
.coupon_sp{
display:inline-block;
width:100%;
text-align:center;
margin:51px auto 0;
padding:0;
}

/* ================================================================================ */
/*      contNav     */  
/* ================================================================================ */
.contNav{
width:100%;
height:60px;
position:absolute;
top:90px;
margin:0;
padding:0;
background-image:none;
overflow:hidden;
  text-shadow: 0 0 1em rgba(255,255,255,0.9);
border-left:none;
border-right:none;
border-radius:0;
}

.contNav ul{
width:100%;
margin:0;
padding:0;
background:url(../images_nav/bk_nav_sp.png) 50% 50% repeat;
color:#000;
overflow:hidden;
}
.contNav ul li{
  margin:0;
  padding:0;width:20%;
float:left;
display:block;
text-align:center;
font-size:13px;
line-height:60px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.contNav ul li#tel{display:inline-block;}

.contNav ul li#home,
.contNav ul li#shop,
.contNav ul li#menu,
.contNav ul li#info,
.contNav ul li#tel{
width:20%;
background-image:none;}


.contNav ul li#home a{background:url(../images_nav/icon_sp_home.png) 50% 50% no-repeat;}
.contNav ul li#shop a{background:url(../images_nav/icon_sp_shop.png) 50% 50% no-repeat;}
.contNav ul li#menu a{background:url(../images_nav/icon_sp_menu.png) 50% 50% no-repeat;}
.contNav ul li#info a{background:url(../images_nav/icon_sp_info.png) 50% 50% no-repeat;}
.contNav ul li#tel a{background:url(../images_nav/icon_sp_tel.png) 50% 50% no-repeat;}

.contNav ul li#home a:hover,
.contNav ul li#home a:active,
.contNav ul li#home a.current,
.contNav ul li#shop a:hover,
.contNav ul li#shop a:active,
.contNav ul li#shop a.current,
.contNav ul li#menu a:hover,
.contNav ul li#menu a:active,
.contNav ul li#menu a.current,
.contNav ul li#info a:hover,
.contNav ul li#info a:active,
.contNav ul li#info a.current,
.contNav ul li#tel a:hover,
.contNav ul li#tel a:active,
.contNav ul li#tel a.current{
background-color:#ffffcc;
filter:alpha(opacity=100);
opacity:1.0;
-moz-opacity:1.0;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
}

/* ================================================================================ */
/*      footer     */  
/* ================================================================================ */
.footer {
width:90%;
margin:0 auto;
color:#999
}
.footer .innerBlock {
position:relative;
padding-top:6px;
padding-bottom:10px;	
width:100%;
margin:0 auto;
text-align:center;
}
.footer address{
font-size:85%;
font-style:normal;
width:320px;
max-width:100%;
margin:0 auto;
}
.footer span{
display:none;
}

.waku{
margin-bottom:10px;
padding:12px 24px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
line-height: 1.0;
text-decoration: none;
background:url(../images/bk-gradient1.jpg) repeat-x 0 0;
color:#ffffff;}

/* ================================================================================ */
/*      link button      */
/* ================================================================================ */
a.button{
width:100%;
height:35px;
padding:10px 1em;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
cursor:pointer;
color:#fff;
font-weight:bold;
background:url(../images/bk_filter.png) repeat 0 0;
color:#ffb03d;
}
/* ================================================================================ */
/*      Form button      */
/* ================================================================================ */
input[type=button]{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border:#a9a9a9 1px solid;
moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
width:200px;
height:34px;
padding:5px 30px;
cursor:pointer;
color:#fff;
font-size:16px;
font-weight:bold;
background:#ffb03d;
text-shadow: 0 0 0.5em rgba(0,0,0,0.9);
}

input[type=button] a:hover,
input[type=button] a:active{background-color:#ffffcc;}

/* ================================================================================ */
/*      RETURN PAGE TOP      */
/* ================================================================================ */
#pagetop_Block {
display:none;
}
/*スマートフォンのウインドウサイズ（800px）以下の場合の指定*/
@media screen and (max-width: 800px){
#pagetop_Block {
display: inline-block;
	width:100%;
	margin:0;
	position:fixed;
	bottom:25px;
	z-index:1000;
	text-align:center;
}
#pagetop{
float:right;
	margin:0 30px 0 auto;
	bottom: 0px;
	z-index:1000;
	text-align:center;
	line-height: 1.0;
}
#pagetop span{
	display:none;
}
#pagetop a{
	width:40px;
	height:40px;
	display:block;
	margin:0;
	padding:0;
	background:#cccccc url(../images/icon-pagetop.png) no-repeat 50% 50%;
	font-size:77%;
	color: #000;
	text-align: center;
	line-height: 1.0;
	text-decoration: none;
	border-radius:5px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}
#pagetop a:hover {
	background:#999999 url(../images/icon-pagetop.png) no-repeat 50% 50%;
	color: #fff;
	color: #fff;
	filter:alpha(opacity=40);
	opacity:0.4;
	-moz-opacity:0.4;
}
}
/* ================================================================================ */
/*      SNS     */  
/* ================================================================================ */
.box_sns {
text-align:center;
}

/* ================================================================================ */
/*      google-map     */  
/* ================================================================================ */

.google-maps {
position: relative;
padding-bottom: 75%; // 縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* ================================================================================ */
/*      google-map     */  
/* ================================================================================ */

.google-maps {
position: relative;
margin:0 auto;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}