@charset "utf-8";

/* 共通
----------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.6em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

img{
	width:100%;
	border:none;
	margin:0;
	padding:0;
	vertical-align:bottom;}

ul{
	list-style:none;}

.mb0{
	margin:0;
	padding:0;
	background:#EEE;}
	.mb0:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.gray{
	margin:20px 0 0 0;
	background:#F2F2F2;}
.gray0{
	margin:0;
	padding:0;
	background:#F2F2F2;}
.white0{
	margin:0;
	padding:0;
	background:#FFF;}
.swiperbottom{
	margin:0;
	padding:20px 0 0 0;
	background:#FFF;}

table{
	width:88%;
	margin:0 6%;
	padding:0;}
	table th{
		display:block;
		margin:0;
		padding:15px 0 10px 0;
		text-align:left;
		border-bottom:#333 1px dotted;}
		table th img{
			width:auto;
			margin:0 5px 0 0;}
	table td{
		display:block;
		margin:0;
		padding:10px 0;
		border-bottom:#333 1px solid;}
		table td span{
			color:#666;}

input#submitbutton{
	width:88%;
	height:auto;
	min-height:50px;
	border:none;
	margin:15px 6% 10px 6%;
	text-indent:-9999px;
	background-image:url(img/spb_03.png);
	background-repeat:no-repeat;
	background-size:100% auto;}

dl.acMenu{
	margin:0;
	padding:0;}
.acMenu dt{
	display:block;
	width:100%;
	height:auto;
	max-height:680px;
	margin:0;
	padding:0;
	cursor:pointer;}
.acMenu dd{
	padding:0;
	margin:0;
	display:none;}




footer{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	position:fixed;
	left:0;
	bottom:0;
z-index: 4;}
	footer img{
		width:100%;
		margin: 0;
		padding: 0;
		vertical-align: bottom;}
	footer ul{
		width:100%;
		margin:0;
		padding:0;}
		footer ul li{
			width:25%;
			margin:0;
			padding:0;
			float:left;}
	footer p{
		width:100%;
		margin:0;
		padding:0;}
	footer.sp div.fb_gmenu{
		width: 20%;
		height: auto;
		margin:0;
		padding:0;
	float: left;}
	footer.sp div.fb_order{
		width: 80%;
		height: auto;
		margin:0;
		padding:0;
	float: left;}
	footer p a{
		margin: 0;
		padding: 0;
		border: none;}


/* モーダルウィンドウ */
/* ContentsArea
-------------------------- */
#contents {
	margin: 0 auto;
	padding: 10px 0 50px 0;
	width: 100%;
}

#contents p {
	padding: 10px;
}

#open01,
#open02 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;}

.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.8;
	z-index: 5;}

.modal_window {
	top: 2%;
	left: 50%;
	margin: 0 0 0 -200px;
	padding:20px 0;
	width: 360px;
	text-align: center;
	display: block;
	position: absolute;
	z-index: 10;
	font-size: 0.9em;
	color:#000;}
	.modal_window ul{
		list-style:none;}
.modal_window ul li{
	margin:0 auto;
	padding: 10px 0;
	border-top: #CCC 1px dotted;}
	.modal_window ul li a{
		color: #FFF;}
.modal_window h2 {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;}
.modal_window strong{
	margin:0 0 0 40px;
	font-size:1.4em;}
.modal_window p {
	font-size: 0.8em;
	line-height: 160%;
	margin:0 0 0 40px;}

/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% {opacity:0;display:block;}
	100% {opacity:1;}
}
div#modal div:target {
	-webkit-animation-name: modalFadeIn; 
  	-webkit-animation-duration: 1s;
  	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
}