@charset "utf-8";
/* CSS Document */

/* ==============================================
Last Update:2014.01.07
Author:SevenDream.com
============================================== */

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight:normal;
	vertical-align:baseline;
	box-sizing: border-box;
}

body, input{
	line-height:1;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
	font-size:16px;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
	display:block;
}

blockquote, q{
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}

ol, ul{
	list-style:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}
input, select ,button {
    vertical-align:middle;
}

a:link,a:hover,a:active,a:visited{
	text-decoration:none;
}




/* clearfix */
.cf:before, .cf:after
	{content:" "; display:table;}
.cf:after
	{clear:both;}
.cf
	{zoom:1;}


/* common style */
body{
	background:#F5F5F5;
	-webkit-text-size-adjust: none;
}
.contentArea, .container{
	margin:0 auto;
	max-width:960px;
}
.contentArea {padding-top:20px;}
.contentArea .box{
	margin-left:10px;
	margin-right:10px;
}

/* 見出しスタイル */
h2{
	padding:7px 10px;
	max-width:960px;
	color:#FFF;
	position:relative;
	z-index:11;
}


h2.pageTitleSeat{
	display:block;
	padding:10px;
	border-top:1px solid #daaf6a;
	background:#f8c982;
	color:#000;
	font-size:16px;
	font-weight:bold;
}
h2.pageTitleSeat:after{
	content:"";
}
@media screen and (max-width:767px){
	h2.pageTitleSeat{
		padding:15px 10px;
	}
}


h2.headingFirst{background:#BB575D;}

h2.headingSecond{background:#F1CECE; color:#000;}

h2.gray{background:#666;}
h2.lightgray{
	background:#c2c2c2;
	color:#000;
}
h2.orange{background:#FFB600; color:#000;}
@media screen and (max-width:767px){
	h2:after{
		position:absolute;
		bottom:-8px;
		left:10px;
		content:"▼";
		z-index:10;
	}
	/* ▲12/18修正 */
	h2.pageTitle:after{
		content:"";
	}
	h2.headingFirst:after{color:#BB575D;}
	h2.headingSecond:after{color:#F1CECE;}
	h2.gray:after{color:#666;}
	h2.lightgray:after{color:#c2c2c2;}
	h2.orange:after{color:#FFB600;}
}

.attentionMark{
	margin-left:10px;
	margin-right:10px;
	padding:12px 0 0 45px;
	min-height:40px;
	background:url(../images/icon_attention.png) no-repeat 0 0;
	background-size:40px 40px;
}
p.leadTxt{
	font-weight:bold;
}
p.txt{
	font-size:14px;
	line-height:1.3;
}
p.errorHead{
	margin:10px 0 0;
	color:#F00;
	line-height:1.5;
	font-weight:bold;
}
p.error{
	color:#F00;
	line-height:1.5;
	font-size:16px;
	font-weight:bold;
}
p.access{
	color: #53AF3C;
	line-height: 1.5;
	font-size: 16px;
	font-weight: bold;
}

.fRight{float:right;}
.fLeft{float:left;}

/* フォントスタイル */
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px; line-height:1.1;}

.bold{font-weight:bold;}

.colorBlue{color:#09F;}
.colorOrange{color:#F60;}
.colorRed{color:#C00;}

.center{text-align:center;}
.right{text-align:right;}
@media screen and (max-width:560px){
.spLeft{
	text-align:left !important;
	}
.spCheck{
	padding:0 0 0 1.5em;
	text-indent:-1.5em;
}
}

/* マージン */
.mgb05{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb40{margin-bottom:40px !important;}
.mgb50{margin-bottom:50px !important;}

.mgt05{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}

.mgl05{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl15{margin-left:15px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
.mgl40{margin-left:40px !important;}
.mgl50{margin-left:50px !important;}

.mgr05{margin-right:5px !important;}
.mgr10{margin-right:10px !important;}
.mgr15{margin-right:15px !important;}
.mgr20{margin-right:20px !important;}
.mgr30{margin-right:30px !important;}
.mgr40{margin-right:40px !important;}
.mgr50{margin-right:50px !important;}

.note{
	padding:0 0 0 1em;
	text-indent:-1em;
}
::-webkit-input-placeholder{color:#444;}
::-moz-placeholder{color:#444;}


/* リンクスタイル */
ul.listLink01{
	margin-left:10px;
}
.listLink01 li{
	margin:0 0 15px;
}
.listLink01 li a{
	padding:0 0 0 10px;
	background:url(../images/icon_arrow_right.png) no-repeat 0 50%;
	background-size:5px 8px;
	color:#333;
}
@media screen and (max-width:767px){
	.listLink01 li{
		float:left;
		width:50%;
	}
	.listLink01 li a{
		display:block;
		padding:0 10px 10px 10px;
		background:url(../images/icon_arrow_right.png) no-repeat 0 8px;
		background-size:5px 8px;
		line-height:1.5;
	}
}

ul.listLink02{
	margin-left:10px;
}
.listLink02 li{
	margin:0 0 15px;
}
.listLink02 li a{
	padding:0 0 0 10px;
	background:url(../images/icon_arrow_right.png) no-repeat 0 50%;
	background-size:5px 8px;
	color:#333;
}
@media screen and (max-width:767px){
	.listLink02 li a{
		padding:10px 10px 10px 10px;
		background:url(../images/icon_arrow_right.png) no-repeat 0 18px;
		background-size:5px 8px;
		line-height:1.5;
	}
}



/* ボタンスタイル */
.btnGreen{
	border:3px solid #3F852D;
	background: -moz-linear-gradient(top, rgba(75,181,55,1) 0%,rgba(63,133,45,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,181,55,1)), color-stop(100%,rgba(63,133,45,1)));
	background: -webkit-linear-gradient(top, rgba(75,181,55,1) 0%,rgba(63,133,45,1) 100%);
	background: -o-linear-gradient(top, rgba(75,181,55,1) 0%,rgba(63,133,45,1) 100%);
	background: -ms-linear-gradient(top, rgba(75,181,55,1) 0%,rgba(63,133,45,1) 100%);
	background:linear-gradient(top, rgba(75,181,55,1) 0%,rgba(63,133,45,1) 100%);
	box-shadow:0 2px rgba(179,179,179,1);
}
.btnRed{
	border:3px solid #B31F1D;
	background: -moz-linear-gradient(top, rgba(229,46,48,1) 0%,rgba(179,31,29,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,46,48,1)), color-stop(100%,rgba(179,31,29,1)));
	background: -webkit-linear-gradient(top, rgba(229,46,48,1) 0%,rgba(179,31,29,1) 100%);
	background: -o-linear-gradient(top, rgba(229,46,48,1) 0%,rgba(179,31,29,1) 100%);
	background: -ms-linear-gradient(top, rgba(229,46,48,1) 0%,rgba(179,31,29,1) 100%);
	background:linear-gradient(top, rgba(229,46,48,1) 0%,rgba(179,31,29,1) 100%);
	box-shadow:0 2px rgba(179,179,179,1);
}
.btnOrange{
	border:3px solid #E55800;
	background: -moz-linear-gradient(top, rgba(255,126,50,1) 0%,rgba(229,88,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,126,50,1)), color-stop(100%,rgba(229,88,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,126,50,1) 0%,rgba(229,88,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,126,50,1) 0%,rgba(229,88,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,126,50,1) 0%,rgba(229,88,0,1) 100%);
	background:linear-gradient(top, rgba(255,126,50,1) 0%,rgba(229,88,0,1) 100%);
	box-shadow:0 2px rgba(179,179,179,1);
}
.btnGray{
	border:3px solid #3F3F3F;
	background: -moz-linear-gradient(top, rgba(104,104,104,1) 0%,rgba(63,63,63,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,104,104,1)), color-stop(100%,rgba(63,63,63,1)));
	background: -webkit-linear-gradient(top, rgba(104,104,104,1) 0%,rgba(63,63,63,1) 100%);
	background: -o-linear-gradient(top, rgba(104,104,104,1) 0%,rgba(63,63,63,1) 100%);
	background: -ms-linear-gradient(top, rgba(104,104,104,1) 0%,rgba(63,63,63,1) 100%);
	background:linear-gradient(top, rgba(104,104,104,1) 0%,rgba(63,63,63,1) 100%);
	box-shadow:0 2px rgba(179,179,179,1);
}

.btnPrint{/* 印刷系ボタン */
	width:160px;
	text-align:center;
}
.btnPrint a{
	display:block;
	padding:15px 20px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}


.btnBottom{
	text-align:center;
}
.btnBottom a{
	display:inline-block;
	min-width:120px;
	padding:0 40px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
}
.btnBottom input{
	width:236px;
	height:46px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}


/* 座席取消 */
.btnGrayS{
	border:3px solid #3F3F3F;
	background: -moz-linear-gradient(top, rgba(104,104,104,1) 0%,rgba(63,63,63,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,104,104,1)), color-stop(100%,rgba(63,63,63,1)));
	background: -webkit-linear-gradient(top, rgba(104,104,104,1) 0%,rgba(63,63,63,1) 100%);
	background: -o-linear-gradient(top, rgba(104,104,104,1) 0%,rgba(63,63,63,1) 100%);
	background: -ms-linear-gradient(top, rgba(104,104,104,1) 0%,rgba(63,63,63,1) 100%);
	background:linear-gradient(top, rgba(104,104,104,1) 0%,rgba(63,63,63,1) 100%);
	box-shadow:0 2px rgba(179,179,179,1);
	display:inline-block;
	padding:0 30px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
}



/* トグルボタン */
.toggleArea dt{
	display:block;
	padding:10px;
	border-top:1px solid #CFCFCF;
	background:#E6E6E6 url(../images/icon_arrow_toggle_open.png) no-repeat 98% 50%;
	background-size:17px 10px;
	cursor:pointer;
}
@media screen and (max-width:767px){
	.toggleArea dt{
		padding:15px 10px;
	}
}
.toggleArea dt.open{
	background:#E6E6E6 url(../images/icon_arrow_toggle_close.png) no-repeat 98% 50%;
	background-size:17px 10px;
}
.toggleArea dt strong{font-weight:bold;}
.toggleArea dd{
	display:none;
	padding:10px;
}

/* 絞り込みボタン */
.btnNarrow{
	margin:0 0 0 15px;
	padding:6px 8px;
	color:#000;
	font-size:14px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border:1px solid #999;
	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(205,205,205,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(205,205,205,1)));
	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(205,205,205,1) 100%);
	background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(205,205,205,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(205,205,205,1) 100%);
	background:linear-gradient(top, rgba(245,245,245,1) 0%,rgba(205,205,205,1) 100%);
}

/* IE8以下対応 10/21追加▼ */
/* ！マーク l160複製 */
.attentionMark{
	background:url(../images/icon_attention_ie.png) no-repeat 0 0\9;
}