@charset "UTF-8";
html {
  -webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: '';
}

object, embed {
  vertical-align: top;
}

hr, legend {
  display: none;
  clear: both;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

img {
  border: 0;
  vertical-align: top;
  outline: none;
}

li {
  list-style-type: none;
}

.inner{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.contents{
	margin: 5% auto 0;
	padding: 5% 0;
}

.h3contents{
	margin: 12% auto 0;

}

h1 img,
h2 img,
.main_btn img{
	width: 100%;
	height: auto;
}

.contents img{
	width: 90%;
	height: auto;
}


.main_btn{
	margin-top: 6%;
}


#header{
	padding: 5% 0 0;
	position: relative;
}

#header h1{
	margin-bottom: 2%;
}

#header p{
	margin-top: 10%;
}
#header p img{
	width: 76%;
	height: auto;
}

#about{
	padding: 4% 0 0;
}

#about h3 img{
	width: 62%;
	height: auto;
}

#about .contents{
	background: #eaeaea;
	padding: 5% 0 6%;
}

#order{
	padding: 2% 0 10%;
}

#order h3 img{
	width: 95%;
	height: auto;
}

#order .contents{
	background: #eeeeee;
}

#price{
	position: relative;
	padding: 10% 0;
	background: url(../img/price_bg.jpg) no-repeat center top;
	background-size: 100% auto;
}

#price h3{
	position: relative;
	z-index: 10;
}

#price h3 img{
	width: 18%;
	height: auto;
}

#price .contents{
	position: relative;
	z-index: 10;
	background: url(../img/mask_w.png) repeat left top;
}

#price .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../img/mask_b.png) repeat left top;
}

#event{
	background: #eeeeee;
	padding: 10% 0;
}

#event h3 img{
	width: 46%;
	height: auto;
}

#event .contents{
	background: #fcfcfc;
}


#schedule{
	position: relative;
	padding: 10% 0 6%;
	background: url(../img/schedule_bg.jpg) no-repeat center top;
	background-size: 100% auto;
}

#schedule h3{
	position: relative;
	z-index: 10;
}
#schedule h3 img{
	width: 81%;
	height: auto;
}

#schedule .contents{
	position: relative;
	z-index: 10;
	padding: 5% 0 1%;
	background: url(../img/mask_w.png) repeat left top;
}

#schedule .contents ul{
	width: 90%;
	margin: 0 auto;
}

#schedule .contents li{
	overflow: hidden;
	margin-bottom: 6%;
}
#schedule .contents li span img{
	float: left;
	width: 59%;
	height: auto;
}
#schedule .contents li a img{
	float: right;
	width: 36%;
	height: auto;
}


#schedule p{
	position: relative;
	z-index: 10;
	margin-top: 1%;
}
#schedule p img{
	width: 92%;
	height: auto;
}

#schedule .main_btn{
	position: relative;
	z-index: 10;
	margin-top: 5%;
}

#schedule .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../img/mask_b.png) repeat left top;
}

#store{
	background: #dedede;
	padding: 10% 0 14%;
	overflow: hidden;
}

#store h3 img{
	width: 92%;
	height: auto;
}

#store .contents li{
	width: 39%;
	margin: 0 18% 6% 0;
	float: left;
}
#store .contents li:nth-of-type(2n){
	margin: 0 0 6% 0;
}

#store .contents li img{
	width: 100%;
	height: auto;
}