@charset "shift_jis"; 

/* ==========================================================================*/
/*【スマホサイト基本設定】*/
/* ==========================================================================*/

* {
  margin:0;
  padding:0;
  line-height:120%;
}

body {
height: 100%;
margin: auto;
text-align: center;
font: 10pt 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif;
}

p {
margin: 0;
}

img {
border: none;
}

hr {
border: 1px #000000; dotted;
}

#shoplist ul {
margin: 0 0 0 20px;
}

li {
margin: 0 0 5px 0;
}

#contentsmarg {
padding: 0 5px 0 5px;
}

.wid img{
width:100%;
max-width:100%;
height:auto;
}

#syukuhakuspace {
width: 100%;
background-color: #ff3300;
text-align: left;
}

#syukuhakuwrapper {
margin: 10px 10px 10px 10px;
}

.syuku_sp {
margin: 10px 10px 10px 10px;
}

.syukuimg {
margin: auto;
text-align: center;
}

.htext1 {
color: #eb6101;
font-weight: bold;
}

.htext2 {
font-weight: bold;
}

.htext3 {
color: #014bc5;
}

.htext4 {
color: #014bc5;
}

.htext5 {
background-color: #e3e7a6;
}

.htext6 {
color: #FFFFFF;
background-color: #eb6101;
}

#infospace {
width: 100%;
background-color: #cccccc;
text-align: left;
}

#infowrapper {
margin: 10px 10px 10px 10px;
}

#eventspace {
width: 100%;
background-color: #eb6101;
text-align: left;
}

#eventwrapper {
margin: 10px 10px 10px 10px;
}

#rulespace {
width: 100%;
background-color: #ff3300;
text-align: left;
}

#rulewrapper {
margin: 10px 10px 10px 10px;
}


#tablewrapper {
width: 320px;
background-color: #eeeeee;
padding: 15px 5px 5px 5px;
margin: 20px 0 0 0;
}

.shoptable {
width: 296px;
height: 100px;
padding: 5px 5px 5px 5px;
margin: 0px 0px 10px 0px;
border: 1px #000000 dotted;
text-align: left;
background-color: #ffffff;
}

.shopimg {
float: left;
width: 100px;
margin: 0 5px 0 0;
}

#fotterspace {
width: 100%;
max-width: 100%
padding: 10px 10px 10px 10px;
background-color: #ff3300;
color: #FFFFFF;
}

#fotterspace img{
width:100%;
max-width:100%;
height:auto;
}

#hajimeni {
background-color: #fefcdb;
padding: 5px auto;
}

/* ==========================================================================*/
/*【ショップページ】*/
/* ==========================================================================*/

#shopwrapper {
width: 100%;
text-align: left;
}

#shoptitle {
width: 100%;
background-color: #000000;
color: #FFFFFF;
}

.space {
margin: 20px 0 20px 0;
}

.boxmarg {
margin: 0 10px 0 10px
}

.shopbtn {
width: 100px;
}

#shopheader {
width: 100%;
background-color: #fff4e0;
margin: 20px 0 20px 0;
}

.imgwid {
display: block;
margin-left: auto;
margin-right: auto;
width: 320px;
}

.imgwid2 {
width: 150px;
float: left;
margin: 0 5px 5px 0;
}

.imgwid3 {
width: 140px;
}

#tablewrapper h4 {
font-size: 10pt;
}

h4 {
font-size: 12pt;
}

h5 {
text-align: center;
font-size: 11pt;
color: #ff3300;
}

h6 {
font-size: 11pt;
text-align: center;
}

#nido {
width: 100%;
height: 100%;
margin: 5px 0 0 0;
background-color: #dddddd;
}

#chefimg {
width: 150px;
float: right;
margin: 0 0 10px 10px;
}

#chefprof {
width: 100%;
background-color: #ff3300;
color: #FFFFFF;
} 

#chefqa {
width: 100%;
background-color: #cccccc;
} 


/* ==========================================================================*/
/*【ヘッダー内メニュー】*/
/* ==========================================================================*/
#headermenuarea {
width: 300px;
height: 125px;
margin: auto;
text-align: center;
}

ul#headermenu{
position: relative;
width: 300px;
height: 125px;
top: 0px;
left: 0px;
list-style: none;
overflow: hidden;
z-index: 1;
}

li#menu1 a{
width: 90px;
height: 50px;
position: absolute;
overflow: hidden;
text-decoration: none;
padding: 50px 0 0 0;
top: 0;
}

li#menu2 a{
width: 90px;
height: 50px;
position: absolute;
overflow: hidden;
text-decoration: none;
padding: 50px 0 0 0;
top: 0;
}

li#menu3 a{
width: 90px;
height: 50px;
position: absolute;
overflow: hidden;
text-decoration: none;
padding: 50px 0 0 0;
top: 0;
}

li#menu4 a{
width: 90px;
height: 50px;
position: absolute;
overflow: hidden;
text-decoration: none;
padding: 50px 0 0 0;
top: 0;
}

li#menu5 a{
width: 90px;
height: 50px;
position: absolute;
overflow: hidden;
text-decoration: none;
padding: 50px 0 0 0;
top: 0;
}

li#menu6 a{
width: 90px;
height: 50px;
position: absolute;
overflow: hidden;
text-decoration: none;
padding: 50px 0 0 0;
top: 0;
}


html>body ul#headermenu li a{
height: 0;
}

li#menu1 a{
background: transparent url(imgf/menu1.jpg) no-repeat 0 0;
left: 0px;
background-size: 90px;
}

li#menu2 a{
background: transparent url(imgf/menu2.jpg) no-repeat 0 0;
left: 105px;
background-size: 90px;
}

li#menu3 a{
background: transparent url(imgf/menu3.jpg) no-repeat 0 0;
left: 210px;
background-size: 90px;
}

li#menu4 a{
background: transparent url(imgf/menu4.jpg) no-repeat 0 0;
left: 0px;
top: 65px;
background-size: 90px;
}

li#menu5 a{
background: transparent url(imgf/menu5.jpg) no-repeat 0 0;
left: 105px;
top: 65px;
background-size: 90px;
}

li#menu6 a{
background: transparent url(imgf/menu6.jpg) no-repeat 0 0;
left: 210px;
top: 65px;
background-size: 90px;
}



li#menu1 a:hover{
background-position: 0;
}

li#menu2 a:hover{
background-position: 0;
}

li#menu3 a:hover{
background-position: 0;
}

li#menu4 a:hover{
background-position: 0;
}

li#menu5 a:hover{
background-position: 0;
}

li#menu6 a:hover{
background-position: 0;
}