@charset "UTF-8";
*{box-sizing:border-box;}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
.spalt{
	display:none;}
#CONTAINER{
	font-size:14px;
	}
#HEADER{
	margin:0 auto;
	height:60px;
	width:100%;
	border-bottom:1px solid #ccc;
	position:relative;
    overflow: hidden;
	background:#fff;
	z-index:100;
	}

#logo a{
	height:50px;
	width:180px;
	margin:10px auto 0;
	background:url(../img/sp/sphead.png) no-repeat;
	background-size:contain;
	display:block;}
.language{
	position:absolute;
  	top:0;
	left:0;
	height:60px;
	width:60px;
	border-right:1px solid #ccc;
	font-family: 'Noto Sans', sans-serif;
	font-size:12px;
	display:table;
	}
.language a{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	}
.language a:hover{
  background: #eee;
  color:#90a034;
	}


#panel-btn{
  display: inline-block;
  position:absolute;
  top:0;
  right:0;
  width: 60px;
  height: 60px;
  margin: 0px;
  background: #fff;
	border-left:1px solid #ccc;
}
#panel-btn:hover{
  background: #eee;
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 4px;
  margin: -3px 0 0 -11px;
  background: #90a034;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 4px;
  background: #90a034;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -9px;
}
#panel-btn-icon:after{
  margin-top: 5px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}


#panel{
	display:none;
	width:100%;
	background:#fff;}

#panel h2{
	font-size:12px;
	font-weight:normal;
	background:#eee;
	padding:3px;
	}

#panel ul li{
	text-align:left;
	font-size:14px;
	line-height:1em;}
#panel ul li a{
	display:block;
	padding:15px 10px;
	color:#333;
	border-bottom:1px solid #eee;
	text-decoration:none;
	position:relative;}
#panel ul li a:after{
	content: "\f105";
		font-family: FontAwesome;
		font-size:20px;
		position:absolute;
		right:10px;
		color:#bbb;
		
	}
#panel ul li a:visited{
	color:#333;}

#GRAFFITI{
	margin:0 auto;
	padding:10px 0px 20px;
	background:url(../img/sp/graffiti_bg) no-repeat;
	background-size:cover;
	
	}
#GRAFFITI h2{
	background:url(../img/sp/graffiti_title.png) no-repeat center top;
	height:85px;
	margin:10px 10px 20px;
	background-size:contain;

	
	}
#GRAFFITI .sp-graffitti{
	overflow-x:auto;}
#GRAFFITI ul{
	width:760px;
	-webkit-overflow-scrolling: touch;
	padding:0 10px;
	}
#GRAFFITI ul li{
	float:left;
	margin-right:10px;
	width:175px;
	}
#GRAFFITI ul li a{
	max-width:175px;
	max-height:195px;
	display:block;
	padding:6px 8px 25px 6px;
	background:url(../img/sp/grafitti_pbg.png) no-repeat;
	background-size:cover;
	}
#LEFTAREA{
	display:none;}
#RIGHTAREA{
	padding:10px;
	text-align:left;
	background:url(../img/cnt_rightbg.jpg) no-repeat left top; }


	body#TOPPAGE #RIGHTAREA{
		background:none; }
#RIGHTAREA h2{
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-size:32px;
	margin:0.5em 0;
	font-weight:normal;
	}
	#TOPPAGE #RIGHTAREA h2{
	font-size:32px;
	margin:0;
	}

#RIGHTAREA h3{
	font-size:24px;
	margin:0.5em 0 0.2em;
	font-weight:normal;
	}
#RIGHTAREA h4{
	font-size:18px;
	margin:0.8em 0 0.2em;
	}
#pickup,#information{
	margin-top:20px;
	
	}

#information{
	text-align:left;}
	
#information ul li{
	margin-bottom:0.2em}
#information ul li .date,
#information ul li .param{
	display:block;}
#information ul li .param{
	padding-left:0.5em;}
#topRight{
	padding:20px;}

#sp_footer{
	border-top:1px solid #ccc;
	margin-top:10px;
	padding:0 0 10px;}
.reserve{
	font-size:12px;
	background:#eee;
	padding:10px 0;
	margin-bottom:10px;}
.reserve a{
	text-decoration:none;}

	.reserve .tel{
		font-family: 'Noto Sans', sans-serif;
		font-weight:bold;
		font-size:30px;}

.imgarea{
	margin:10px auto;
	text-align:center;
	display:block;
	}
.imgarea li{
	margin:10px auto;
	}

.imgarea2{margin:10px 0px; text-align:center;}
.imgarea2 span{background:#fff; display:block; margin:5px auto;}

#RIGHTAREA dl dt{}
#RIGHTAREA dl dd{margin:0 0 0.5em 1em;}

ul.caution{margin:15px 0;}
ul.caution li{text-indent:-1em;
padding-left:1em;}

.cautionline{background:url(../img/line.png) repeat-x left top; padding-top:10px;}

.couponticket{margin:15px auto;
		border:5px solid #83961d;
		padding:10px;
		position:relative;}
.couponticket:before{
	display:block;
	margin:0 auto;
	width:180px;
	height:40px;
	background:url(../img/coupon_logo.jpg) no-repeat;
	background-size:contain;
	
	content:"";
	}
.couponticket .title{
	font-size:18px !important;
	font-weight:bold;
	margin:10px 0 0;
	}
.couponticket .expirationdate{
	margin-top:20px;}

table,
table tr,
table th,
table td{
	display:block;}
	
table tr{
	margin-bottom:5px;}
table th{
	font-weight:bold;}
table td{
	padding-left:1em;}

textarea,
input[type=text]{
	width:100% !important;;}
#mailform span{
	color:#F00;
	}

#FOOTER{ background:url(../img/footerbg.jpg) top left; margin-top:0px;}
#FOOTER .footerline{ background:url(../img/footertop.jpg) repeat-x top left; padding:10px 0;}
/*eof*/