/* ==================================================================================================== */
/* = 個々のスタイルシート                                                                               */
/* ==================================================================================================== */

/* iOSバグ対応 */
.modal-open{
	overflow-y: auto;
}

/* ====== */
/* 背景色 */
/* ====== */
body{
/* 	background-color:#f9f9f9; */
/* 	padding-right: 0px !important; */
}
/* ヘッダ直下のスマホ専用表示域：会員氏名などの表示用 */
#header-nav-sparea{
/*	background-color:ghostWhite; */
}

/* 長いロゴ入れた時のヘッダ脇色変更（白以外にしたいとき変更） */
/*
.common-header{
	 	background-color:#F2F2F2 !important;
}
*/
/* ============== */
/* ダイアログの色 */
/* ============== */
/* 情報表示 */
.dlg-colorInfo{
	background-color: #e3f2fd;
}
/* 処理確認 */
.dlg-colorConfirm{
	color: #fff;
	background-color: #2196f3;
}
/* エラー */
.dlg-colorError{
  background-color: #fff8f7;
  border-color: #fddfe2;
  color: #ea1c0d;
}

/* ========== */
/* パネルの色 */
/* ========== */
.panel-custom {
	border-color: #c1ebfc;
}
.panel-custom >.panel-heading {
	color: #000000;
	background-color: #e3f2fd;
	border-color: #c1ebfc;
}
.panel-custom >.panel-heading >.panel-title>a{
	color: #000000;
}
.panel-custom >.panel-heading+.panel-collapse >.panel-body {
	border-top-color: #c1ebfc;
}
.panel-custom >.panel-heading .badge {
	color: #e3f2fd;
	background-color: #0c7cd5;
}

/* ============ *
 * ボタンの色   *
 * ============ */
.btn-custom,
.btn-next,
.btn-back {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-custom:active,
.btn-next:active,
.btn-back:active,
.btn-custom.active,
.btn-next.active,
.btn-back.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-custom.disabled,
.btn-next.disabled,
.btn-back.disabled,
.btn-custom[disabled],
.btn-next[disabled],
.btn-back[disabled],
fieldset[disabled] .btn-custom,
fieldset[disabled] .btn-next,
fieldset[disabled] .btn-back {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-custom .badge,
.btn-next .badge,
.btn-back .badge {
  text-shadow: none;
}

/* 通常のボタン */
.btn-custom {
	color: #035acf;
	border-color: #226fcf;
	background-color: #5bc0df;
	background-image: -webkit-linear-gradient(top, #fff, #5bc0df);
	background-image: linear-gradient(to bottom, #fff, #5bc0df);
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
	color: #035acf;
	border-color: #226fcf;
	background-color: #e3f2fd;
	background-image: -webkit-linear-gradient(top, #fff, #e3f2fd);
	background-image: linear-gradient(to bottom, #fff, #e3f2fd);
}

.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
	background-color: #226fcf;
	border-color: #226fcf;
	color: #ccc;
	background-image: -webkit-linear-gradient(top, #ccc, #226fcf);
	background-image: linear-gradient(to bottom, #ccc, #226fcf);
}
/* 進むボタン */
.btn-next {
	color: #234a5f;
	border-color: #245580;
	background-color: #265a88;
	background-image: -webkit-linear-gradient(top, #fff, #265a88);
	background-image: linear-gradient(to bottom, #fff, #265a88);
}
.btn-next:hover,
.btn-next:focus,
.btn-next:active,
.btn-next.active {
	color: #035acf;
	border-color: #074c83;
	background-color: #0c7cd5;
	background-image: -webkit-linear-gradient(top, #fff, #e3f2fd);
	background-image: linear-gradient(to bottom, #fff, #e3f2fd);
}
.btn-next.disabled:hover,
.btn-next.disabled:focus,
.btn-next.disabled:active,
.btn-next.disabled.active,
.btn-next[disabled]:hover,
.btn-next[disabled]:focus,
.btn-next[disabled]:active,
.btn-next[disabled].active,
fieldset[disabled] .btn-next:hover,
fieldset[disabled] .btn-next:focus,
fieldset[disabled] .btn-next:active,
fieldset[disabled] .btn-next.active {
	color: #d0dcdf;
	border-color: #245580;
	background-color: #265a88;
	background-image: -webkit-linear-gradient(top, #aaa, #265a88);
	background-image: linear-gradient(to bottom, #aaa, #265a88);
}
/* 戻るボタン */
.btn-back {
	color: #cf5a03;
	border-color: #cf6f22;
	background-color: #dfc05b;
	background-image: -webkit-linear-gradient(top, #fff, #dfc05b);
	background-image: linear-gradient(to bottom, #fff, #dfc05b);
}

.btn-back:hover,
.btn-back:focus,
.btn-back:active,
.btn-back.active {
	color: #cf5a03;
	border-color: #cf6f22;
	background-color: #fef2e3;
	background-image: -webkit-linear-gradient(top, #fff, #fef2e3);
	background-image: linear-gradient(to bottom, #fff, #fef2e3);
}

.btn-back.disabled:hover,
.btn-back.disabled:focus,
.btn-back.disabled:active,
.btn-back.disabled.active,
.btn-back[disabled]:hover,
.btn-back[disabled]:focus,
.btn-back[disabled]:active,
.btn-back[disabled].active,
fieldset[disabled] .btn-back:hover,
fieldset[disabled] .btn-back:focus,
fieldset[disabled] .btn-back:active,
fieldset[disabled] .btn-back.active {
	background-color: #cf6f22;
	border-color: #cf6f22;
	color: #ccc;
	background-image: -webkit-linear-gradient(top, #ccc, #cf6f22);
	background-image: linear-gradient(to bottom, #ccc, #cf6f22);
}

/* ============== */
/* 公演別の色指定 */
/* ============== */
/*
 * 通常公演用(含む帯公演、ただし分けられる場合は別途)
 */
/* 公演名、公演日時の表示域 */
.common-colorShowInfo{
	color: #000000;
	background-color:#B7DEE8;	/*#DAEEF3;*/	/* COLOR_N_2:	#dbdbff; */
	border-color:#CBE7C7;		/*#143CDC;*/		/* COLOR_N_1 */
}
/* パネル自体の境界線 */
.panel-colorShowInfo {
   border-color: #c1ebfc;		/*#c1ebfc;*/
}
/* ヘッダ部分 */
.panel-colorShowInfo > .panel-heading {
	color: #3d8b40;				/*#0c7cd5;*/
	background-color: #e3f2fd;
	border-color: #c1ebfc;
}
/* ヘッダ部分のリンク：文字色を指定 */
.panel-colorShowInfo >.panel-heading >.panel-title>a{
	color: #3d8b40;				/*#0c7cd5;*/
}
/* ヘッダ部分と本文の区切り */
.panel-colorShowInfo > .panel-heading+.panel-collapse > .panel-body {
	border-top-color: #cbe7c7;	/*#c1ebfc;*/
}
/* 文字色と背景の逆転（未使用） */
.panel-colorShowInfo > .panel-heading .badge {
	color: #e3f2fd;
	background-color: #3d8b40;	/*#0c7cd5;*/
}

/*
 * 帯公演用：通常公演と分けられる場合のみ
 */
/* 公演名、公演日時の表示域 */
.common-colorSameShowInfo{
	color: #000000;
	background-color:#D9EEDA;	/*#DCE2FA;*/	/* COLOR_N_2:	#dbdbff; */
	border-color:#CBE7C7;		/*#143CDC;*/	/* COLOR_N_1 */
}
/* パネル自体の境界線 */
.panel-colorSameShowInfo {
	border-color: #cbe7c7;		/*#ffeacc;*/
}
/* ヘッダ部分 */
.panel-colorSameShowInfo >.panel-heading {
	color: #3d8b40;				/*#cc7a00;*/
	background-color: #d9eeda;	/*#ffeacc;*/
	border-color: #cbe7c7;		/*#ffd3b3;*/
}
/* ヘッダ部分のリンク：文字色を指定 */
.panel-colorSameShowInfo >.panel-heading >.panel-title>a{
	color: #3d8b40;				/*#cc7a00;*/
}
/* ヘッダ部分と本文の区切り */
.panel-colorSameShowInfo >.panel-heading+.panel-collapse >.panel-body {
	border-top-color: #cbe7c7;	/*#ffd3b3;*/
}
/* 文字色と背景の逆転（未使用） */
.panel-colorSameShowInfo >.panel-heading .badge {
	color: #d9eeda;				/*#cc7a00;*/
	background-color: #3d8b40;	/*#ffeacc;*/
}

/*
 * 定期公演用
 */
/* 公演名、公演日時の表示域 */
.common-colorSeasonShowInfo{
	color: #000000;
	background-color:#E6B8B7;	/*#f7b793;*/	/* COLOR_S_2:	#ffe5cc; */
	border-color:#CBE7C7;		/*#ff5050;*/	/* COLOR_S_1 */
}
/* パネル自体の境界線 */
.panel-colorSeasonShowInfo {
	border-color: #cbe7c7;		/*#c1ebfc;*/
}
/* ヘッダ部分 */
.panel-colorSeasonShowInfo > .panel-heading {
	color: #3d8b40;				/*#0c7cd5;*/
	background-color: #d9eeda;	/*#ff5050;*/
	border-color: #cbe7c7;		/*#c1ebfc;*/
}
/* ヘッダ部分のリンク：文字色を指定 */
.panel-colorSeasonShowInfo >.panel-heading >.panel-title>a{
	color: #3d8b40;				/*#0c7cd5;*/
}
/* ヘッダ部分と本文の区切り */
.panel-colorSeasonShowInfo > .panel-heading+.panel-collapse > .panel-body {
	border-top-color: #cbe7c7;	/*#c1ebfc;*/
}
/* 文字色と背景の逆転（未使用） */
.panel-colorSeasonShowInfo > .panel-heading .badge {
	color: #d9eeda;				/*#e3f2fd;*/
	background-color: #3d8b40;	/*#ff5050;*/
}

/*
 * 選択セット公演用
 */
/* 公演名、公演日時の表示域 */
.common-colorGroupShowInfo{
	color: #000000;
	background-color:#CBE7C7;	/*#ff9999;*/	/* COLOR_C_2 */
	border-color:#CBE7C7;		/*#ff0000;*/		/* COLOR_N_1 */
}
/* パネル自体の境界線 */
.panel-colorGroupShowInfo {
	border-color: #c1ebfc;
}
/* ヘッダ部分 */
.panel-colorGroupShowInfo > .panel-heading {
	color: #3d8b40;				/*#0c7cd5;*/
	background-color: #d9eeda;	/*#e3f2fd;*/
	border-color: #cbe7c7;		/*#c1ebfc;*/
}
/* ヘッダ部分のリンク：文字色を指定 */
.panel-colorGroupShowInfo >.panel-heading >.panel-title>a{
	color: #3d8b40;				/*#0c7cd5;*/
}
/* ヘッダ部分と本文の区切り */
.panel-colorGroupShowInfo > .panel-heading+.panel-collapse > .panel-body {
	border-top-color: #cbe7c7;	/*#c1ebfc;*/
}
/* 文字色と背景の逆転（未使用） */
.panel-colorGroupShowInfo > .panel-heading .badge {
	color: #d9eeda;				/*#e3f2fd;*/
	background-color: #3d8b40;	/*#0c7cd5;*/
}

/* *************************************************************************** */
/* * ヘッダー                                                                * */
/* *************************************************************************** */
/* ロゴ脇の色を反映させるために透過指定 */
.navbar-default{
	background-image:none;
}
.navbar {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}
.navbar .navbar-nav>.active>a:hover{
	background-color: #C7DFFF;
}

/* ナビゲーションバーのロゴ部分 */
.navbar .navbar-brand {
	color: #999999;
}
.navbar .navbar-brand:hover {
	color: #808080;
}
/* ナビゲーションバーのリンク（デフォルト） */
.navbar .navbar-nav>li>a {
	color: #4536A8;
}
/*フォーカス、マウスオーバーでの色*/
.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
	color: #2C87A8;
	background-color: #C7DFFF;
}
/* 無効リンクの色指定(必要な時設定) */
/*
.navbar .navbar-nav>.disabled>a {
	color: #222;
}
*/

.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>.open>a:focus {
	color: #FFFFFF;
	background-color: #080808;
}
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a:focus {
	color: #FFFFFF;
}

/* ユーザー名の下線（デフォルト） */
#header-nav-username{
	border-bottom: 1px solid midnightblue;
}
#header-nav-username_sp{
	border-bottom: 1px solid midnightblue;
}

/* --------ここから---------
　　ヘッダロゴを入れて、リンクの色を変更した際に、スマホ版のドロップダウンメニューまで引きずられるのを防ぐための設定。 必要な時だけ有効に。
　　メニューの背景色を変更したい場合は、common.cssのnav-menu-login/nav-menu-anyの背景色を変更し、調整する。
　　名前表示フィールドは#header-nav-sparea。これもcommonの方が有効。
　　ここまでくるとカスタマイズのうちになるので、手を付ける際は要確認
*/
/* スマートフォン(ポートレイト) : -tn- */
/*@media (max-width: 559px) {*/
/* ナビゲーションバーのリンク */
/*	.navbar .navbar-nav>li>a {*/
/*		color: #4536A8;*/
/*	}*/
/*	.navbar .navbar-nav>li>a:hover,*/
/*	.navbar .navbar-nav>li>a:focus {*/
/*		color: #2C87A8;*/
/*		background-color: #C7DFFF;*/
/*	}*/
/*	 無効リンクの色指定 */
/*	.navbar .navbar-nav>.disabled>a {*/
/*		color:#222;*//* 標準色指定 */
/*	}*/
	/* ユーザー名の下線（狭くなってはみ出した時の対応） */
/*	#header-nav-username{*/
/*		border-bottom: 1px solid midnightblue;*/
/*	}*/
/*	#header-nav-username_sp{*/
/*		border-bottom: 1px solid midnightblue;*/
/*	}*/
/*}*/

/* スマートフォン : -xs- */
/*@media (min-width: 560px) and (max-width: 767px) {*/
/* ナビゲーションバーのリンク */
/*	.navbar .navbar-nav>li>a {*/
/*		color: #4536A8;*/
/*	}*/
/*	.navbar .navbar-nav>.disabled>a {*/
/*	}*/
/*	.navbar .navbar-nav>li>a:hover,*/
/*	.navbar .navbar-nav>li>a:focus {*/
/*		color: #2C87A8;*/
/*		background-color: #C7DFFF;*/
/*	}*/
/*	 無効リンクの色指定 */
/*	.navbar .navbar-nav>.disabled>a {*/
/*		color:#222;*//* 標準色指定 */
/*	}*/

/*}*/

/* 「ようこそ」「さん」色指定(必要な時だけ設定) */
/*
.navbar-header>.navbar-text{
	color:#FFFFFF;
}
*/
/* 「【入会中】」色設定 (必要な時だけ設定)*/
/*
.navbar-header>.navbar-text>.header-colorPoint{
	color:#FF8888 !important;
}
*/
/* 名前色設定 (必要な時だけ設定)*/
/*
.navbar-header>.navbar-text>.navbar-link{
	color:#FFFFFF !important;
}
*/

/* ナビゲーションバーの背景：必要に応じて設定する */
#header-nav-base {
/* 	background-image: url(../img/logo_l.gif); */
/* 	background-repeat: repeat-x; */
/* 	background-image: -webkit-linear-gradient(top, #fff, #27c); */
/* 	background-image: linear-gradient(to bottom, #fff, #27c); */
/* 	background-color:#FFFFCC;*/
	max-height:60px;
}
/* ポイント表示 */
.header-colorPoint{
	color:red !important;
}

/* *************************************************************************** */
/* * 公演一覧                                                                * */
/* *************************************************************************** */
/* 公演一覧の詳細表示時の背景 */
/* 通常公演 */
.showList-colorShowInfoOpen{
	color: #000000;
	background-color: #ffeacc;	/* Flush版の設定値：#DCE2FA;*/
	border-color: #ffd3b3;
}
/* 定期公演 */
.showList-colorSeasonShowInfoOpen{
	color: #000000;
	background-color: #ffeacc;	/* Flush版の設定値：#f7b793;*/
	border-color: #ffd3b3;
}
/* 選択セット公演 */
.showList-colorGroupShowInfoOpen{
	color: #000000;
	background-color: #ffeacc;	/* Flush版の設定値：#ff9999;*/
	border-color: #ffd3b3;
}
/* 帯公演 */
.showList-colorSameShowInfoOpen{
	color: #000000;
	background-color: #ffeacc;
	border-color: #ffd3b3;
}

/* 枚数制限の色 */
.showList-maisuSeigenColor{
	color: blue;
}

/* *************************************************************************** */
/* * 座席選択                                                                * */
/* *************************************************************************** */
/* 枚数、合計金額 */
.seatSelect-totalArea{
	background-color:#f5fffa;
}

/* *************************************************************************** */
/* * 買い物かご                                                              * */
/* *************************************************************************** */
/* 座席情報の背景：奇数行 */
/* 座席情報の背景：偶数行 */
/* 通常公演、帯公演用 */
.basketList-showTicketInfoArea0{
/* 	background-color:rgba(220, 226, 250, .6); */
}
.basketList-showTicketInfoArea1{
/* 	background-color:rgba(220, 226, 250, .3); */
}
/* 定期公演用 */
.basketList-seasonShowTicketInfoArea0{
/* 	background-color:rgba(220, 226, 250, .6); */
}
.basketList-seasonShowTicketInfoArea1{
/* 	background-color:rgba(220, 226, 250, .3); */
}
/* 選択セット公演用 */
.basketList-groupShowTicketInfoArea0{
/* 	background-color:rgba(220, 226, 250, .6); */
}
.basketList-groupShowTicketInfoArea1{
/* 	background-color:rgba(220, 226, 250, .3); */
}

/* *************************************************************************** */
/* * 購入履歴                                                                * */
/* *************************************************************************** */
/* ヘッダ部 */
.buyHistory-head{
	color: #0c7cd5;
	background-color: #e3f2fd;
	border-color: #c1ebfc;
}

/* *************************************************************************** */
/* * マイページ・購入履歴                                                    * */
/* *************************************************************************** */
/* 背景色：奇数行 */
.common-bgColorLineOdd{
	background-color: #d9eeda;
}
/* 背景色：偶数行 */
.common-bgColorLineEven{
	background-color: #f5f5f5;
}

/* *************************************************************************** */
/* * お問い合わせ先                                                          * */
/* *************************************************************************** */
/* 背景色 */
.contactUsArea{
	background-color: #dff0f0;
}

/* *************************************************************************** */
/* * フッター                                                                * */
/* *************************************************************************** */
/* フッターエリア */
.common-footer{
	background-color:#fcfcfc;
	background-image: -webkit-linear-gradient(top, #fff, #ccc);
	background-image: linear-gradient(to bottom, #fff, #ccc);
}

/* *************************************************************************** */
/* * 入力域ヘッダの色指定                                                    * */
/* *************************************************************************** */
.common-colorInputHeader{
	color: #000000;
	background-color: #3C9CE5;
	border-color: #c1ebfc;
}

/* *************************************************************************** */
/* * 入力域タイトルの背景色                                                  * */
/* *************************************************************************** */
.common-colorInputTitleAlway{
	background-color:#cff8ef;
}
@media (max-width: 767px) {
	.common-colorInputTitleMobile{
		background-color:#cff8ef;
	}
}
@media (min-width: 768px) {
	.common-colorInputTitleMobile{
	}
}

/* 注意書き(一応定義) */
.memberInput-info{
	color:#20208f;
}