@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	overflow-scrolling:auto;
}
body {
	color: #333333;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	letter-spacing: 0;
	overflow-scrolling:auto;
}
.banner-zone{
	position: fixed;/* 追従 */
	z-index: 99999;/* 他の要素の下に隠れないように */
	bottom: 0;/* バナーの上下の位置 */
	/*right: 0; バナーの左右の位置 */
	margin-left: auto;
	margin-right: auto;
	width: 100%;/* バナーの横幅調整用 */
	text-align: center;
}
.banner {
	position: relative;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	max-width:		728px;
	text-align: center;
}
.banner_view_switch{
	z-index: 99998;/* 他の要素の下に隠れないように */
 	position: absolute;
 	right:-1%;
 	top:-9%;
}
#switch{
	height:auto;
}
.pc {
	width:728px;
	max-width:		100%;
	max-height:		90px;
}
.floating-banner{
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	max-width:		728px;
}
.floating-banner:hover {
    opacity: .9;/* ホバーで少し透過 */
}
.sp {
    display: none;/* PCではスマホ用のバナーは非表示に */
}
/* 基本的なもの */
a {
	color: #2779AA;
}
a:hover,
a:link,
a:visited {
	color: #2779AA;
}

/* 入力項目 */
input {
	padding: 4px;
}
select {
	padding: 3px;
}
select.selectPerform { }
select.selectPerformSpMiddleFont { }
select.selectPerformSpSmallFont { }
@media screen and (max-width:498px) {
	select.selectPerform {
		width: 100%;
		padding: 6px;
	}
	select.selectPerformSpMiddleFont {
		width: 100%;
		padding: 6px 3px;
		font-size: 0.90em;
	}
	select.selectPerformSpSmallFont {
		width: 100%;
		padding: 6px 3px;
		font-size: 0.8em;
	}
}

/* 入力項目のremarks */
.inputRemarks {
	margin: 5px 0 1px 5px;
	display: block;
}

/* 小さいラベル */
.smallLabel {
	font-size: 0.9em;
}

/* 横幅 */
.w50 { width: 50px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }




@media screen and (max-width:768px){
	.w150 { width: 100%; }
	.w200 { width: 100%; }
	.w250 { width: 100%; }
	.w300 { width: 100%; }
}

/* 背景 */
.back {
	background-repeat: repeat;
	background-attachment: scroll;
	height:auto !important;
}

/* コンテンツエリア */
.all02 {
	width: 1180px;
	margin: 0 auto;
	padding: 0;
}
.all {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width:1179px) {
	.all02 {
		width: 100%;
		padding: 0 15px 0 15px;
		max-width: 960px;
	}
	.all {
		width: 100%;
	}
	.pc {
		display: none;/* タブレットサイズ以下でPC用のバナーを非表示に */
	}
	.sp {
		display: inline-block;/* 消していたスマホ用のバナーを表示させる */
		width:728px;
		max-width:		100%;
		max-height:		90px;
	}
}
@media screen and (max-width:768px) {
	.all02{
		padding: 0 10px 0 10px;
	}
	.banner_view_switch{
	 	position: absolute;
	 	top:-40%;
	}
	.sp {
		display: inline-block;/* 消していたスマホ用のバナーを表示させる */
		width:728px;
		max-width:		100%;
		max-height:		90px;
	}
}

/* Validationエラー時の囲い */	
.def_back {
	border:3px solid #FFFFFF;
	padding: 2px;
	display: inline-block;
}
.err_back {
	border:3px solid #fa8072;
	padding: 2px;
	display: inline-block;
}
.def_back_sp_w100 {
	border:3px solid #FFFFFF;
	padding: 2px;
	display: inline-block;
}
.err_back_sp_w100 {
	border:3px solid #fa8072;
	padding: 2px;
	display: inline-block;
}
@media screen and (max-width:768px) {
	.def_back_sp_w100 {
		width: 100%;
	}
	.err_back_sp_w100 {
		width: 100%;
	}
}

/* ぱんくずナビ上部の注意書き */	
.purchaseNotice {
	margin: 0 0 9px 0;
	font-size: 10px;
	color: red;
	line-height: 1.8;
	text-align: center;
}
@media screen and (max-width:628px) {
	.purchaseNotice {
		padding: 0 4px;
		font-size: 9px;
		text-align: left;
		line-height: 1.7;
	}
}

/* ぱんくずナビ */
table.tablepatternMenuHeader {
	width: 100%;
	border: 0px;
	margin: 0 auto 15px auto;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #AAAAAA;
}
table.tablepatternMenuHeader td {
	/* width: 20%; */
	text-align: center;
	vertical-align: top;
	line-height: 1.7;
}
table.tablepatternMenuHeader td img {
	width: 19px;
	margin-right: 15px;
	vertical-align: top;
}
@media screen and (max-width:1179px) {
	table.tablepatternMenuHeader {
		font-size: 12px;
	}
	table.tablepatternMenuHeader td {
		line-height: 1.6;
	}
	table.tablepatternMenuHeader td:nth-child(1),
	table.tablepatternMenuHeader td:nth-child(2),
	table.tablepatternMenuHeader td:nth-child(3) {
		min-width: 46px;
	}
	table.tablepatternMenuHeader td:nth-child(4) {
		min-width: 49px;
	}
	table.tablepatternMenuHeader td:nth-child(5) {
		min-width: 56px;
	}
	table.tablepatternMenuHeader td:nth-child(6) {
		min-width: 43px;
	}
	table.tablepatternMenuHeader td img {
		margin-right: 0;
		margin-bottom: 5px;
	}
	table.tablepatternMenuHeader td span {
		display: block;
		width: 100%;
	}
}
@media screen and (max-width:768px) {
	table.tablepatternMenuHeader {
		font-size: 11px;
	}
	table.tablepatternMenuHeader td {
		line-height: 1.5;
	}
}
@media screen and (max-width:628px) {
	table.tablepatternMenuHeader {
		font-size: 9px;
	}
	table.tablepatternMenuHeader td {
		line-height: 1.4;
	}
}

/* 興行情報 */
.eventInfo {
	text-align: center;
	margin: 0 0 3px 0;
	padding: 5px 0 0 0;
	font-size: 15px;
}
.eventInfo .eventTitle {
	font-size: 24px;
	font-weight: 600;
}
.eventInfo p {
	margin: 8px 0;
}
.eventInfo p.eventRemarks {
	text-align: left;
	margin: 10px 0 0 0;
}
@media screen and (max-width:768px){
	.eventInfo {
		font-size: 14px;
	}
	.eventInfo .eventTitle {
		font-size: 20px;
	}
}

/* 通常照会フォーム */
.ticketboxInner02 {
	padding: 15px 0;
	margin: 0;
	clear: both;
}
.ticketboxInner02 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}
.ticketboxInner02 th,
.ticketboxInner02 td {
	padding: 10px;
	text-align: left;
	word-break: break-all;
}
.ticketboxInner02 th {
	background-color: #d7ebf9;
	font-weight: 600;
	color: #000000;
	width: 25%;
}
.ticketboxInner02 td {
	background-color:#efefef;
	width: 75%;
}
@media screen and (max-width:878px){
	.ticketboxInner02 th {
		width: 30%;
	}
	.ticketboxInner02 td {
		width: 70%;
	}
}
@media screen and (max-width:768px){
	.ticketboxInner02 table {
		width: 100%;
		border-collapse:collapse;
		border:0px;
	}
	.ticketboxInner02 th {
		display: block;
		width: 100%;
	}
	.ticketboxInner02 td {
		display: block;
		width: 100%;
		border-top: none;
		margin-bottom: 4px;
	}
}

/* 料金表 */
.ticketboxInner03 {
	padding: 15px 0;
	margin: 0;
	clear: both;
}
.ticketboxInner03 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}
.ticketboxInner03 th,
.ticketboxInner03 td {
	padding: 10px;
	text-align: left;
	word-break: break-all;
}
.ticketboxInner03 th {
	background-color: #d7ebf9;
	font-weight: 600;
	color: #000000;
}
.ticketboxInner03 td {
	background-color:#efefef;
}
.ticketboxInner03 table td:nth-child(1) {
	width: 42%;
	min-width: 325px;
}
.ticketboxInner03 table td:nth-child(2) {
	width: 18%;
	min-width: 190px;
	text-align: right;
}
.ticketboxInner03 table td:nth-child(3) {
	width: 18%;
	min-width: 190px;
	text-align: right;
}
.ticketboxInner03 table td:nth-child(4) {
	width: 22%;
	min-width: 210px;
	text-align: right;
}
.ticketboxInner03 table tr.pcTotal {
}
.ticketboxInner03 table tr.pcTotal th {
	text-align: center;
}
.ticketboxInner03 table tr.pcTotal td {
	text-align: right;
	font-weight: 600;
}
.ticketboxInner03 table tr.spTotal {
	display: none;
}
@media screen and (max-width:1179px){
	.ticketboxInner03 table td:nth-child(1) {
		width: 42%;
		min-width: 186px;
	}
	.ticketboxInner03 table td:nth-child(2) {
		width: 18%;
		min-width: 100px;
	}
	.ticketboxInner03 table td:nth-child(3) {
		width: 18%;
		min-width: 100px;
	}
	.ticketboxInner03 table td:nth-child(4) {
		width: 22%;
		min-width: 120px;
	}
}
@media screen and (max-width:628px){
	.ticketboxInner03 table {
		width: 100%;
		border-collapse: collapse;
		border: 0px;
	}
	.ticketboxInner03 table th {
		display: none;
	}
	.ticketboxInner03 table td:nth-child(1) {
		display: block;
		width: 100%;
		min-width: 100%;
		padding: 0;
		border: 2px solid #d7ebf9;
		background-color: #d7ebf9;
		font-weight: 600;
	}
	.ticketboxInner03 table td:nth-child(2) {
		display: none;
	}
	.ticketboxInner03 table td:nth-child(3) {
		display: none;
	}
	.ticketboxInner03 table td:nth-child(4) {
		display: block;
		width: 100%;
		min-width: 100%;
		margin-bottom: 4px;
		padding: 0;
	}
	.ticketboxInner03 table tr.pcTotal {
		display: none;
	}
	.ticketboxInner03 table tr.spTotal {
		display: block;
	}
	.ticketboxInner03 table tr.spTotal td {
		padding: 8px 10px;
		text-align: right;
		background: #777;
		border: 2px solid #777;
		color: yellow;
		font-size: 1.2em;
	}
}

/* 料金表（確認画面・照会画面） */
.ticketboxInner04 {
	padding: 15px 0;
	margin: 0;
	clear: both;
}
.ticketboxInner04 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}
.ticketboxInner04 th,
.ticketboxInner04 td {
	padding: 10px;
	text-align: left;
	word-break: break-all;
}
.ticketboxInner04 th {
	background-color: #d7ebf9;
	font-weight: 600;
	color: #000000;
}
.ticketboxInner04 td {
	background-color:#efefef;
}
.ticketboxInner04 table td.col1 {
	width: 17%;
	min-width: 150px;
}
.ticketboxInner04 table td.col2 {
	width: 30%;
	min-width: 300px;
}
.ticketboxInner04 table td.col3 {
	width: 18%;
	min-width: 170px;
	text-align: right;
}
.ticketboxInner04 table td.col4 {
	width: 17%;
	min-width: 150px;
	text-align: right;
}
.ticketboxInner04 table td.col5 {
	width: 18%;
	min-width: 170px;
	text-align: right;
}
.ticketboxInner04 table tr.pcTotal {
}
.ticketboxInner04 table tr.pcTotal th {
	text-align: center;
}
.ticketboxInner04 table tr.pcTotal td {
	text-align: right;
	font-weight: 600;
}
.ticketboxInner04 table tr.spTotal {
	display: none;
}
@media screen and (max-width:1179px){
	.ticketboxInner04 table td.col1 {
		width: 17%;
		min-width: 90px;
	}
	.ticketboxInner04 table td.col2 {
		width: 30%;
		min-width: 170px;
	}
	.ticketboxInner04 table td.col3 {
		width: 18%;
		min-width: 110px;
		text-align: right;
	}
	.ticketboxInner04 table td.col4 {
		width: 17%;
		min-width: 90px;
		text-align: right;
	}
	.ticketboxInner04 table td.col5 {
		width: 18%;
		min-width: 110px;
		text-align: right;
	}
}
@media screen and (max-width:628px){
	.ticketboxInner04 table {
		width: 100%;
		border-collapse: collapse;
		border: 0px;
	}
	.ticketboxInner04 table th {
		display: none;
	}
	.ticketboxInner04 table td.col1 {
		display: none;
	}
	.ticketboxInner04 table td.col2 {
		display: block;
		width: 100%;
		min-width: 100%;
		padding: 0;
		border: 2px solid #d7ebf9;
		background-color: #d7ebf9;
		font-weight: 600;
	}
	.ticketboxInner04 table td.col3 {
		display: none;
	}
	.ticketboxInner04 table td.col4 {
		display: none;
	}
	.ticketboxInner04 table td.col5 {
		display: block;
		width: 100%;
		min-width: 100%;
		margin-bottom: 4px;
		padding: 0;
	}
	.ticketboxInner04 table tr.pcTotal {
		display: none;
	}
	.ticketboxInner04 table tr.spTotal {
		display: block;
	}
	.ticketboxInner04 table tr.spTotal td.col1 {
		display: block;
		width: 100%;
		padding: 6px;
		text-align: right;
		background: #777;
		border: 2px solid #777;
		color: yellow;
		font-size: 1.2em;
	}
}

/* ticketboxInnerEditは未使用 */
.ticketboxInnerEdit {
	padding: 15px 0;
	margin: 0;
	clear: both;
}
.ticketboxInnerEdit table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}
.ticketboxInnerEdit th,
.ticketboxInnerEdit td {
	padding:10px;
	text-align:left;
}
.ticketboxInnerEdit th {
	background-color:#d7ebf9;
	font-weight:bold;
	color: #000000;
	width: 25%;
}
.ticketboxInnerEdit td {
	background-color:#FFFFFF;
	width: 75%;
}
@media screen and (max-width:878px){
	.ticketboxInnerEdit th {
		width: 30%;
	}
}
@media screen and (max-width:768px) {
	.ticketboxInnerEdit table {
		width: 100%;
		border-collapse:collapse;
		border:0px;
	}
	.ticketboxInnerEdit th {
		display: block;
		width: 100%;
	}
	.ticketboxInnerEdit td {
		display: block;
		width: 100%;
		margin-bottom: 2px;
	}
}

/* 通常入力フォーム */
.ticketboxInnerEdit2 {
	padding: 15px 0;
	margin: 0;
	clear: both;
}
.ticketboxInnerEdit2 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}
.ticketboxInnerEdit2 th,
.ticketboxInnerEdit2 td {
	padding:6px;
	text-align:left;
}
.ticketboxInnerEdit2 th {
	background: #d7ebf9;
	border: 2px solid #d7ebf9;
	font-weight: bold;
	color: #000000;
	width: 25%;
}
.ticketboxInnerEdit2 td {
	background-color:#FFFFFF;
	border: 2px solid #efefef;
	width: 75%;
}
@media screen and (max-width:878px){
	.ticketboxInnerEdit2 th {
		width: 30%;
	}
	.ticketboxInnerEdit2 td {
		width: 70%;
	}
}
@media screen and (max-width:768px){
	.ticketboxInnerEdit2 table {
		width: 100%;
		border-collapse:collapse;
		border:0px;
	}
	.ticketboxInnerEdit2 th {
		display: block;
		width: 100%;
	}
	.ticketboxInnerEdit2 td {
		display: block;
		width: 100%;
		border-top: none;
		margin-bottom: 4px;
	}
}

/* 枚数入力フォーム */
.ticketboxInnerEdit3 {
	padding: 15px 0;
}
.ticketboxInnerEdit3 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}
.ticketboxInnerEdit3 table th,
.ticketboxInnerEdit3 table td {
	padding:6px;
	text-align:left;
}
.ticketboxInnerEdit3 table th {
	background: #d7ebf9;
	border: 2px solid #d7ebf9;
	font-weight: bold;
	color: #000000;
}
.ticketboxInnerEdit3 table td {
	background-color:#FFFFFF;
	border: 2px solid #efefef;
}
.ticketboxInnerEdit3 table td:nth-child(1) {
	width: 42%;
	min-width: 325px;
}
.ticketboxInnerEdit3 table td:nth-child(2) {
	width: 18%;
	min-width: 190px;
	text-align: right;
}
.ticketboxInnerEdit3 table td:nth-child(3) {
	width: 18%;
	min-width: 190px;
	text-align: right;
}
.ticketboxInnerEdit3 table td:nth-child(4) {
	width: 22%;
	min-width: 210px;
}
@media screen and (max-width:1179px){
	.ticketboxInnerEdit3 table td:nth-child(1) {
		width: 42%;
		min-width: 186px;
	}
	.ticketboxInnerEdit3 table td:nth-child(2) {
		width: 18%;
		min-width: 100px;
	}
	.ticketboxInnerEdit3 table td:nth-child(3) {
		width: 18%;
		min-width: 100px;
	}
	.ticketboxInnerEdit3 table td:nth-child(4) {
		width: 22%;
		min-width: 120px;
	}
}
@media screen and (max-width:628px){
	.ticketboxInnerEdit3 table {
		width: 100%;
		border-collapse: collapse;
		border: 0px;
	}
	.ticketboxInnerEdit3 table th {
		display: none;
	}
	.ticketboxInnerEdit3 table td:nth-child(1) {
		display: block;
		width: 100%;
		min-width: 100%;
		padding: 0;
		border: 2px solid #d7ebf9;
		font-weight: 600;
	}
	.ticketboxInnerEdit3 table td:nth-child(2) {
		display: none;
	}
	.ticketboxInnerEdit3 table td:nth-child(3) {
		border-top: none;
		width: 100%;
		display: block;
		min-width: 100%;
		text-align: left;
		margin-bottom: 4px;
	}
	.ticketboxInnerEdit3 table td:nth-child(4) {
		display :none;
	}
}

/* 個席用 */
.ticketboxInnerEdit5 {
	padding: 15px 0;
	margin: 0;
	clear: both;
}
.ticketboxInnerEdit5 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}

.ticketboxInnerEdit5 th {
	padding:10px;
	text-align:left;
	background-color:#d7ebf9;
	font-weight:bold;
	color: #000000;
	width: 25%;
}
.ticketboxInnerEdit5 td {
	padding:10px;
	text-align:center;
	background-color:#FFFFFF;
	width: 70%;
}
@media screen and (max-width:878px){
	.ticketboxInnerEdit5 th {
		width: 30%;
	}
}
@media screen and (max-width:768px) {
	.ticketboxInnerEdit5 table {
		width: 100%;
		border-collapse:collapse;
		border:0px;
	}
	.ticketboxInnerEdit5 th {
		display: block;
		width: 100%;
	}
	.ticketboxInnerEdit5 td {
		display: block;
		width: 100%;
		margin-bottom: 2px;
	}
}

.ticketboxInnerEdit6 {
	padding: 15px 0;
	margin: 0;
	clear: both;
	width: 100%;
}
.ticketboxInnerEdit6 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}

.ticketboxInnerEdit6 th {
	padding:3px;
	text-align:left;
	background-color:#d7ebf9;
	font-weight:bold;
	color: #000000;
	width: 25%;
}
.ticketboxInnerEdit6 td {
	padding:3px;
	background-color:#FFFFFF;
	width: 100%;
}
@media screen and (max-width:878px){
	.ticketboxInnerEdit6 th {
		width: 30%;
	}
}
@media screen and (max-width:768px) {
	.ticketboxInnerEdit6 table {
		width: 100%;
		border-collapse:collapse;
		border:0px;
	}
	.ticketboxInnerEdit6 th {
		display: block;
		width: 100%;
	}
	.ticketboxInnerEdit6 td {
		display: block;
		width: 100%;
		margin-bottom: 2px;
	}
}


.square {
	width: 100%;
	height: 29px;
	background: #66CC66;
	display: inline-block;
	margin-bottom:10px;
}

.arrow {
	color:#808080;
	font-weight:bold;
	font-size:40px;
	font-family:"ＭＳ Ｐゴシック",Meiryo,sans-serif;
	text-align:center;
}


/* 日時選択フォーム */
.timeboxInnerEdit {
	float: left;
	padding: 15px;
	margin: 0;
	clear: both;
	width: 75%;
}
.timeboxInnerEdit table {
	width:100px;
}
.timeboxInnerEdit th,
.timeboxInnerEdit td {
	border: 2px solid #A9A9A9 ;
	padding:15px 30px;
	text-align:center;
}
.timeboxInnerEdit a {
	text-decoration: none;
	color:#0000ff;
	/* display:block;
	width:100%;
	height:100%; */
}
.timeboxInnerEdit img {
    border-style:none;
}

.timeboxInnerEditDummy {
	float: left;
	padding: 15px;
}
.timeboxInnerEditDummy table {
	width:100px;
}
.timeboxInnerEditDummy th,
.timeboxInnerEditDummy td {
	border: 2px solid #A9A9A9 ;
	padding:15px 30px;
	text-align:center;
}
div#symbolMenu {
	float:right;
	padding:0;
	width: 25%;
}
div#symbolMenu table{
	border: 2px solid #A9A9A9;
	width: 100%;
}
#symbolMenu td {
	padding:15px;
	text-align:left;
}
@media screen and (max-width:768px){
	.timeboxInnerEdit {
		float: none;
		display :block;
		width: 100%;
	}
	div#symbolMenu {
		float: none;
		display :block;
		width: 100%;
		margin: 0 auto;
	}
}

/* メッセージ */
.info,
.success,
.warning,
.error,
.commomHead,
.validation {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info ul,
.success ul,
.warning ul,
.error ul,
.commomHead ul,
.validation  ul {
	margin-left: -10px;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('warning.png');
}
.error {
	color: #D8000C;
	font-weight: bold;
	background-color: #FFBABA;
	background-image: url('/inbound/image/error.png');
	text-align: left;
	font-size: 15px;
}
@media screen and (max-width:768px){
	.info,
	.success,
	.warning,
	.error,
	.commomHead,
	.validation {
		padding: 25px 10px 10px 10px;
		background-position: center 5px;
	}
	.info ul,
	.success ul,
	.warning ul,
	.error ul,
	.commomHead ul,
	.validation  ul {
		margin-left: -20px;
	}
}

/* ページ最上部のヘッダ */
.commomHead {
	color: #FFFFFF;
	background-color: #3d3d3d;
	font-weight: 600;
	margin: 25px 0 0 0;
	text-align: center;
	font-size: 24px;
	width: 100%;
	padding: 16px 8px;
}
@media screen and (max-width:768px){
	.commomHead {
		margin: 10px 0 0 0;
		padding: 8px;
		font-size: 20px;
	}
}

/* タイトルバー */
.titleBar {
	color: #FFFFFF;
	background-color: #3b97c6;
	font-weight: bold;
	margin: 0px 4px 8px 0px;
	padding: 5px;
	text-align: left;
	font-size: 16px;
	width: 100%;
}

/* メンテナンス告知メッセージ共通 */
.maintenanceMessage {
	margin: 15px 0 30px;
}
.maintenanceMessage p {
	padding: 15px;
	width: 100%;
	background-color: #FEEFB3;
	margin: 0 auto;
	text-align:center;
}
@media screen and (max-width:768px){
	.maintenanceMessage p {
		text-align:left;
	}
}

/* フッター */
#footer {
	font-size: 14px;
	color: #333333;
	background-color: #d8d8d8;
	text-align: center;
	padding-top: 20px;
	margin-top: 45px;
}
.footer_link_pc {
}
.footer_link_pc a {
	text-decoration: none;
	color: #333333;
}
.footer_link_sp {
	display: none;
}
.footer_link_sp a {
	text-decoration: none;
	color: #333333;
	width: 100%;
	display: block;
	padding: 4px 0;
}
.footer_copyright {
	padding: 20px 0;
}
@media screen and (max-width:1179px){
	#footer {
		font-size: 13px;
	}
}
@media screen and (max-width:768px){
	footer {
		font-size: 14px;
	}
	.footer_link_pc {
		display: none;
	}
	.footer_link_sp {
		display: block;
	}
	.footer_copyright {
		padding: 20px 0 20px 0;
	}
}

/* 推奨環境 */
.environment {
	width: 85%;
	margin: 15px auto 15px auto;
	text-align: left;
}
.environment .environment-header {
	font-weight: bold;
	color: #FF0000;
}
.environment .environment-body {
}
.environment .environment-body ul {
	margin-left: -10px;
}
@media screen and (max-width:768px){
	.environment {
		width: 100%;
	}
	.environment .environment-body ul {
		margin-left: -20px;
	}
}

/* スクロールコンテンツ */
.scrollContent {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.scrollContentInner {
	height: 200px;
	overflow-y: scroll;
	text-align: left;
	width: 100%;
	background: #eee;
	margin: 0;
	padding: 10px;
}

/* ボタン */
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 4px;
	border-radius: 8px;
	transition: all .4s;
	background: #3b97c6;
	border: 1px solid #3b97c6;
	color: #fff !important;
	text-decoration: none;
	box-shadow: 0 4px 4px 0 rgba(156, 39, 176, 0.14), 0 4px 2px -2px rgba(156, 39, 176, 0.2), 0 2px 6px 0 rgba(156, 39, 176, 0.12);
}
.btn:hover,
.btn:active,
.btn:active:hover,
.btn:active.focus,
.btn:focus {
	background: #3082ac;
	color: #fff !important;
	box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}
.btn-gray {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 4px;
	border-radius: 8px;
	transition: all .4s;
	background: #fff;
	border: 1px solid #999;
	color: #555 !important;
	text-decoration: none;
	box-shadow: 0 4px 4px 0 rgba(153, 153, 153, 0.14), 0 4px 2px -2px rgba(153, 153, 153, 0.2), 0 2px 6px 0 rgba(153, 153, 153, 0.12);
}
.btn-gray:hover,
.btn-gray:active,
.btn-gray:active:hover,
.btn-gray:active.focus,
.btn-gray:focus {
	background: #999;
	color: #fff !important;
	box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}
.btn-lg {
	padding: 12px 16px;
	width: 220px;
	margin: 0 10px;
	font-size: 1.2em;
	font-weight: 600;
}
.btn-lg-comp {
	padding: 12px 16px;
	width: 320px;
	margin: 0 10px;
	font-size: 1.2em;
	font-weight: 600;
}
.btn-box {
	margin: 25px auto 25px auto;
	text-align: center;
	max-width: 480px;
}
.btn-box:after {
	content: "";
	display: block;
	clear: both;
}
.btn-box .btn-right {
	float: right;
}
.btn-box .btn-left {
	float: left;
}

.btn-disabled {
  background: #ccc;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  border: 1px solid #999;
  box-shadow: none;
}

@media screen and (max-width:628px) {
	.btn-lg {
		width: 100%;
		display: block;
		margin: 0;
	}
	.btn-box .btn-right {
		float: none;
		display: block;
		margin: 0 0 20px 0;
		width: 100%;
	}
	.btn-box .btn-left {
		float: none;
		display: block;
		margin: 20px 0 0 0;
		width: 100%;
	}
}

/* PC／スマホでの切り替え系（細々したやつ） */
.spBlock { }
.spBlockMb5 { }
.spBlockMb10 { }
.spWidth45 { }
.spWidth60 { }
.spWidth75 { }
.spHide { }
.spShowInline { display: none; }
.spShowBlock { display: none; }
@media screen and (max-width:628px){
	.spBlock { display: block; }
	.spBlockMb5 { display: block; margin-bottom: 5px;}
	.spBlockMb10 { display: block; margin-bottom: 10px;}
	.spWidth45 { width: 45px; display: inline-block; }
	.spWidth60 { width: 60px; display: inline-block; }
	.spWidth75 { width: 75px; display: inline-block; }
	.spHide { display: none; }
	.spShowInline { display: inline; }
	.spShowBlock { display: block; }
}

/* seatImg */
.deliveryImg { }
@media screen and (max-width:628px) {
	.deliveryImg { max-width: 260px;}
}

/* deliveryImg */
.seatImg { }
@media screen and (max-width:628px) {
	.seatImg { max-width: 260px;}
}

/* fontawesomeのアイコン */
.fa {
	font-size: 1.2em;
}

/* 以下、なんだかよー分らんけど消すの怖くて消せなかったもの */
#totop {
	clear:both;
}

input.disp {
	border-width:0;
	border-style:none;
	background-color:transparent;
	list-style-type: none;
}
div.h1 {
	border-left:5px solid #ff99cc;
	margin-top:20px;
	margin-bottom:15px;
	height:auto;
	width: 100%;
	font-size:18px;
	font-weight:800;
	color:#333333;
	text-align:left;
	margin-left:20px;
	padding-top:15px;
	padding-bottom:3px;
}
div.h2 {
	margin-top:0px;
	margin-bottom:0px;
	height:auto;
	width: 100%;
	font-size:15px;
	font-weight:800;
	color:#ffffff; /* ffffff A58653  */
	text-align:left;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-image:none;
	background-color:#ce1018; /* ff99cc 5a5a5a  */
}
div.caption {
	margin-top:0px;
	margin-bottom:0px;
	height:auto;
	width: 100%;
	font-size:12px;
	font-weight:800;
	color:#333333;
	text-align:left;
	padding-left:40px;
	padding-top:2px;
}
div.errText {
	width: 100%;
	color: red;
	text-align: left;
	font-weight: 600;
}