body{
  width:320px;
  margin:0 auto;
}
section .inner{
  width: 280px;
  margin: 0 auto;
  padding:20px 0; 
}
section .inner header h2{
  margin-bottom: 16px;
}
section .inner header{
}
section .inner header *{
  text-align: center;
}
section .inner header.lineGold{
  padding-bottom: 20px;
  margin-bottom: 20px;
  background: url(../img/main/titleLineGold.png) center bottom no-repeat;
  background-size: 100%;
}
section .inner header.lineWhite{
  padding-bottom: 20px;
  margin-bottom: 20px;
  background: url(../img/main/titleLineWhite.png) center bottom no-repeat;
  background-size: 100%;
}
.noMgn{
  margin-right: 0 !important;
}

.overlayBG  {
  opacity: 0.50;
  height: 100%;
  /*min-height:10240px;*/
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50;
}

#headerSection{
  width: 100%;
  position: fixed;
  height: 55px;
  background: #ffffff;
  z-index: 10;
  position:absolute;
  top:0;
  left:0 !important;
}
#headerSection .contentsHeader{
	width: 320px;
	margin: 0 auto;
  position:relative;
  height: 55px;
  border-bottom: #b68f17 solid 1px;
}
#headerSection .contentsHeader h1{
  position: absolute;
  top:10px;
  left:10px;
}
#headerSection .contentsHeader h2{
  position: absolute;
  top:10px;
  left:120px;
}
#headerSection .contentsHeader #globalMenu{
  position: absolute;
  top:10px;
  right:10px;
}

#popupMenuBg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: #ffffff;
  opacity:0.85;
  display:none;
  z-index:3;
}
#popupMenuIn{
  width: 270px;
  margin: 0 auto;
  padding: 15px;
  background: #b68f17;
  display:none;
  z-index:10;
}
#popupMenuIn ul{
  margin-bottom: 18px;
}
#popupMenuIn ul li a {
  margin-bottom: 8px;
  color: #b68f17;
  font-weight: bold;
  background: url(../img/main/header/menuBg.png) right center no-repeat;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  padding:5px 20px 4px 8px;
}
#popupMenuIn ul li a:hover{
  text-decoration: none;
}
#btnClose{
  margin-bottom: 0;
  text-align: center;
  color:#ffffff;
  background: #cdaa40;
  font-size: 110%;
  font-weight: bold;
}
#btnClose a{
  display: block;
  padding:6px 0;
  color:#ffffff;
}
#btnClose a:hover{
  text-decoration: none;
}

#kvSection{
  padding-top: 55px;
  height: 185px;
  background: url(../img/main/header/kv.jpg) center 55px no-repeat;
  background-size: 100%;
}
#kvSection h1{
  padding-top: 16px;
  text-align: center;
}


#conceptSection {
  background: url(../img/main/bg/bgPt01.png) left top repeat;
  background-size: 30%;
}
#conceptSection p {
  margin-bottom: 22px;
}
#conceptSection h6{
  margin-bottom: 20px;
  text-align: center;
}
#conceptSection .slideshow{
  position: relative;
  width:250px;
  height:160px;
  margin:0 auto;
  overflow:hidden;
}
#conceptSection .slideWrapper{
  width:200px;
  margin:0 auto;
  overflow:hidden;
  padding-top: 5px;
}
#conceptSection .slideshow{
  margin-bottom:38px;
}
#conceptSection .slideshow ul{
  width:600px;
  margin-left:-200px;
  overflow:hidden;
}
#conceptSection .slideshow ul li{
  float: left;
}
#conceptSection .slideshow .frame{
  position: absolute;
  top:0;
  left:20px;
  z-index: 2;
}
#conceptSection .slideshow .navAllow{
  position: absolute;
  top:73.5px;
  left:0;
  width: 250px;
  z-index: 6;
}
#conceptSection .slideshow .navAllow .leftAllow{
  position: absolute;
  top:0;
  left: 0px;
}
#conceptSection .slideshow .navAllow .rightAllow{
  position: absolute;
  top:0;
  right: 0px;
}
#conceptSection .snsArea ul{
  text-align: center;
}
#conceptSection .snsArea ul li{
  margin-left: 15px;
  display:inline-block;
}
#conceptSection .snsArea ul li:first-child{
  margin-left: 0;
}

#safeSection {
  background: url(../img/main/bg/bgPt02.png) left top repeat;
  background-size: 25%;
}
#safeSection .flow figure{
  margin-bottom: 18px;
  text-align: center;
  display:block;
}
#safeSection .flow ol {
}
#safeSection .flow ol li{
  margin-bottom: 19px;
  padding-left: 1em;
  text-indent: -1em;
  color: #ffffff;
}


#seatSection {
  background: url(../img/main/bg/bgPt03.png) left top repeat;
  background-size: 60%;
}
.useLink{
  text-align: right;
}
.useLink a{
  padding: 5px 0 5px 28px;
  color:#694f00;
  background: url(../img/main/seat/questionIcon.png) left top no-repeat;
  text-decoration: underline;
}
.useLink a:hover{
  text-decoration: none;
}

.seatDetail01 article {
  margin-bottom: 20px;
}
.seatDetail01 article h3 {
  margin-bottom: 5px;
  text-align: center;
}
.seatDetail01 article figure{
  margin-bottom: 10px;
  text-align: center;
  display: block;
}
.seatDetail01 article p{
  width: 132px;
  margin: 5px 0 5px 5px;
  display: inline-block;
  vertical-align: top;
}
.seatDetail01 article p.shopList{
  margin-top:0;
  padding-left: 5em;
  text-indent: -5em;
}
.seatDetail02 {
}
.seatDetail02 article {
  margin-bottom: 20px;
}
.seatDetail02 article p{
}
.seatDetail02 article p img{
  margin: -5px 5px 0 0;
}
.seatDetail02 article .shopList{
  padding-left: 5em;
  text-indent: -5em;
}
.seatDetail02 ul {
}
.seatDetail02 ul li {
  margin-bottom: 10px;
}

.styled-select {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  border: 1px solid #DDD;
  border-radius: 3px;
  background: transparent url("../img/main/bg/searchSelectBg.png") no-repeat scroll right center;
  margin: 10px auto;
}
.styled-select select {
    -moz-appearance: #FFF;
    width: 100%;
    padding: 1px 20px 0px 10px;
    border: 0px none;
    background: transparent none repeat scroll 0% 0%;
    color: #64391E;
    height: 40px;
}



#itemSection {
  background: url(../img/main/bg/bgPt04.png) left top repeat;
  background-size: 30%;
  color: #ffffff;
}
#itemSection .inner{
  padding-bottom: 5px;
}
#itemSection h6{
  margin-bottom: 19px;
  font-weight: normal;
}
#itemSection h6 img{
  margin-bottom: 20px;
}

#itemSection ul {
  margin-bottom: 40px;
}
#itemSection ul li{
  margin-bottom: 25px;
  vertical-align: top;
}
#itemSection ul li figure img{
  display: inline-block;
}
#itemSection ul li figure figcaption{
  margin: 5px 0 0 1px;
  width: 136px;
  display: inline-block;
}
#itemSection ul li figure figcaption span.name{
  display: block;
  font-weight: bold;
}
#itemSection ul li figure figcaption span.attention{
  font-size: 90%;
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

#menuSection {
  background: url(../img/main/bg/bgPt05.png) left top repeat;
  background-size: 30%;
}
#menuSection .inner header.lineGold{
  padding-bottom: 5px;
}
#menuSection h4{
  margin-bottom: 30px;
  text-align: center;
}
#menuSection article {
  margin-bottom: 30px;
  vertical-align: top;
}
#menuSection article h3 {
 margin-bottom: 5px;
}
#menuSection article figure{
  display: inline-block;
}
#menuSection article p{
  width: 132px;
  margin: 5px 0 0 5px;
  display: inline-block;
  vertical-align: top;
}
#menuSection .infoText{
  padding-left: 1em;
  text-indent: -1em;
  font-size: 90%;
  color:#4d4d4d;
}

#shopSection {
  background: url(../img/main/bg/bgPt06.png) left top repeat;
  background-size: 30%;
  padding-bottom: 15px;
}
#shopSection .inner{
  margin-bottom: 0;
  padding-bottom: 10px;
}
#shopSection .inner header.lineWhite{
  padding-bottom: 5px;
}
#shopSection div.prefectureBox {
  margin: 0 0 30px 0;
  color: #ffffff;
}
#shopSection div.prefectureBox h3{
  width:280px;
  margin-bottom:5px;
  padding:0 0 10px 0;
  color:#ffffff;
  font-weight: bold;
  background: url(../img/main/shop/shopLine.png) right bottom no-repeat;
  background-size: 100%;
  font-size: 100%;
}
#shopSection div.prefectureBox ul li{
  margin: 0 0 10px 0;
}
#shopSection div.prefectureBox ul li a{
  color: #ffffff;
  text-decoration: underline;
}
#shopSection div.prefectureBox ul li a:hover{
  text-decoration: none;
}
#shopSection div.prefectureBox ul li .openDate{
  display: block;
  color: #fff600;
}
#shopSection .searchConditions{
  text-align: center;	
}

#useSection {
  background: url(../img/main/bg/bgPt07.png) left top repeat;
  background-size: 50%;
}
#useSection .inner{
  padding-bottom: 5px;
}
#useSection article {
  width: 280px;
  margin-bottom: 30px;
}
#useSection article h3 {
  margin-bottom: 5px;
  text-align: center;
}
#useSection article figure{
  margin-bottom: 10px;
  text-align: center;
  display: block;
}
#useSection article p{
  padding: 0 9px;
}
#useSection article p strong{
  color:#de2176;
}

#mediaSection{
  padding-bottom: 10px;
  background: url(../img/main/bg/bgPt09.png) left top repeat;
  background-size: 100%;
}
#mediaSection p{
  width: 280px;
  margin: 0 auto;
}


#qaSection {
  padding: 20px 0 30px 0;
}

#qaSection p {
}

#topBtn{
  width: 320px;
  margin:0 auto;
}
#topBtn p.gotop{
  position: fixed;
  right: 0;
  bottom: 0;
}
#topBtn p.gotop a{
  height: 23px;
  display: block;
}

#contentsFooter{
  padding:30px 0 20px 0;
  background-color: #2e2316;
}
#contentsFooter small{
  text-align: center;
  display: block;
  color: #FFF;
  font-size: 12px;
  line-height: 2.5;
}