/* ==================================================================================================== */
/* = 共通スタイルシート                                                                                 */
/* ==================================================================================================== */
html {
	/* IEのダブルタップによる拡大を抑止 */
	-ms-touch-action: manipulation;
}
body{
/* 全体のフォント（基本メイリオ9pt、9pt以外にしたい場合は個々に定義） */
/* 	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; */
/* 	font-family: 'Noto Sans Japanese', serif; */
/* 	font-size:9pt; */

	-webkit-text-size-adjust: 100%;

	/* IEでピンチによる拡大・縮小を抑止 */
/* 	-ms-content-zooming: none; */

	/* デフォルトのフォントサイズ：9pt */
	font-size:9pt;

	width:100%;
	min-width:320px;

	/* ナビゲーションバーの分、領域を確保：バーの高さが60pxなので、70pxとしてある */
	padding-top:70px;
}

/*
 * 入力フォームの位置調整
 */
label input[type="checkbox"], label input[type="radio"]{
	display:inline-block;
	vertical-align: -0.14em;
	margin-top:6px !important;
}
input[type=radio] + label,
input[type=checkbox] + label {
	margin-left: 4px;
	vertical-align: middle;
}

/*
 *  Placeholderの文字色
 */
::-webkit-input-placeholder{
	color: #999;
	font-weight: normal;
}
:-ms-input-placeholder{
	color: #999;
	font-weight: normal;
}
::-moz-placeholder{
	color: #999;
	font-weight: normal;
}

/* パネル */
.panel-message{
	min-height:10em;
}

.panel-group .panel{
	margin-bottom:0.5em;
	font-size: 90%;
}

.panel .panel-heading .panel-title{
	font-size: 110%;
}

.panel .panel-body .table-responsive .table{
	margin-bottom: 0;
}

/* エラーメッセージの文字色 */
.errorMessageColor{
	color:red;
}

/* 普通サイズのボタン */
.btn-block{
	font-size:90%;
	letter-spacing:0.2ex;
}

/* 小さいボタン */
.btn-small{
	height:1.8em !important;
	padding:2px 12px !important;
	margin-top:0;
	font-size:90%;
}

/*
 *  お問い合わせ先
 */
.contactUsArea{
	margin: 1.5em 0 2em 0;
	padding: 1.2em;
	background-color: #dff0f0;
	min-width: 20em;
	border: 1px solid #eee;
	border-radius: 20px;				/* CSS3草案 */
	-webkit-border-radius: 20px;		/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;			/* Firefox用 */
}
/* 「お問い合わせはこちらまで」メッセージ */
.contactUsTitle{
	font-weight:bold;
}
/* お問い合わせ先詳細 */
.contactUsBody{
	margin-left: 1.5em;
}
.contactUsBodyTitle{
	display: inline-block;
	min-width:3.5em;
}

/* 住所検索ボタン */
.common-searchAddressBtn{
	display:inline-block;
	margin-left:1.8em;
}

/* タイトルの文字間 */
.common-titleSpace{
	margin-left:3.6ex;
	letter-spacing:3.6ex;
}

/* <label>の文言 */
.common-labelInfo{
	margin-left:0.5em;
}

/* *************************************************************************** */
/* * ヘッダー                                                                * */
/* *************************************************************************** */
/* ナビゲーションバー */
.navbar {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	min-height:60px;
	max-height:60px;
	margin-bottom:0;
}
.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>.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;
}

/*
 * ナビゲーションバーの高さ
 */
.common-header{
	margin-bottom:0.2em;
}
.common-header .navbar-header{
	height:60px;
	min-height:60px;
	max-height:60px;
	margin:0 5px;
}
.common-header .navbar-nav > li > a {
	margin-bottom:0.1em;
	padding-top:0;
	padding-bottom:0;
	line-height:1.8em;
}

/* ナビゲーションバーに表示するロゴ */
#header-nav-image{
	height:50px;
	max-width:170px;
	padding:0;
	margin:5px;
}

#header-nav-image-link{
	padding:0;
	margin-bottom:0;
	width:180px;
	height:60px;
}
/* トグル・メニュー */
.navbar-toggle{
	margin-top:12px;
}
/* ようこそメッセージなどの表示域：bootstrapの設定を上書き */
.navbar-text{
	float: none;							/* ２行表示したいので、floatしない */
	margin:0.6em 0.2em 0.2em 170px; 		/* 左のマージンは、ロゴ・アイコン分なので、header-nav-imageの幅と調整する */
	min-width:18em;
	max-width:50em; 						/* 名前が長い場合を想定：breakpointごとに設定を変える */
}
/* 「ようこそ」、「さん」の位置調整 */
.header-welcome-msg{
	display:inline-block;
	vertical-align:top;
	white-space:nowrap;
}
/* ポイント表示欄 */
.header-nav-point{
	float: right;
}
/* スマホ用表示欄 */
#header-nav-sparea{
	display:none;
}

/* *************************************************************************** */
/* * コンテンツ                                                              * */
/* *************************************************************************** */
/* 全体のコンテナ */
.common-container{
}

/* セパレータ */
.common-separator{
	border-top:1px dotted #ccc;
	margin:5px;
}

/* お知らせ */
div.note{
	width:100%;
	min-height:1.8em;
	border-bottom:1px solid #ccc;
	margin:3px;
	padding:2px 4px 0 4px;
/* 	white-space:nowrap; */
}
div.note-lastline{
	width:100%;
	min-height:1.8em;
	border-bottom:none;
	margin:3px;
	padding:2px 4px 0 4px;
/* 	white-space:nowrap; */
}
div.note-title{
	display:inline-block;
	width:5em;
	white-space:nowrap;
/* 	float:left; */
}
div.note-body{
	display:inline-block;
	text-align:left;
	word-break: break-word;
}
.msg-danger{
	color:#fc3333;
	font-weight:bold;
	vertical-align:baseline;
/* 	white-space:nowrap; */
}
.msg-info{
	color:#4f4fff;
	font-weight:bold;
	vertical-align:baseline;
/* 	white-space:nowrap; */
}
.msg-add_info{
	color:#ff0000;
	font-size:80%;
	font-weight:bold;
	vertical-align:baseline;
/* 	white-space:nowrap; */
}

/* パネル内ボタン */
.btn-panel{
	height:2em !important;
	padding:2px 12px !important;
	font-size:80% !important;
}

/* ====================================== */
/* = フォーム関連                       = */
/* ====================================== */
/* フォームの項目毎の下マージン */
.common-formField{
	margin-bottom:15px;
}

/* フォームのフォント（） */
.common-formControlOverWrite{
	/* 文字サイズは、ほかの部分に合わせる */
	font-size:100%;
	/* 入力領域の高さを文字に合わせて調整する */
	height:100%;
}

/* ====================================== */
/* = 見出し関連                         = */
/* ====================================== */
/* 小見出し */
.common-midashiSmall{
	margin : 10px;
	padding: 3px 0 3px 5px;
	border-left:5px solid #dbebc4;
	font-weight:bold;
}

/* 金額は右寄せ */
.common-price{
	text-align:right;
}

/* パネル・タイトル(panel-headingに追加で設定) */
.common-panelTitle{
	padding:10px;
	/* やや大きめに表示 */
	font-size:110%;
}

/* パネル内のメッセージ */
.common-panelMessage{
	margin-top:0.5em;
	margin-bottom:0;
	padding:0.6em 1em;
}

/* エラーメッセージパネル */
.common-errorMsgArea{
	color:#FF0000;
	margin: 1.2em 2em;
}

/* *************************************************************************** */
/* * ログイン                                                                * */
/* *************************************************************************** */
/* 入力案内 */
.login-information{
	word-wrap: break-word;
	margin: 0.4em 0;
}
/* 入力域 */
.login-loginForm{

}
/* パスワード忘れ */
.login-passwordLostArea{
	margin: 0.4em 1.2em;
}

/* *************************************************************************** */
/* * 公演一覧                                                                * */
/* *************************************************************************** */
/* お知らせエリア */
.showList-informationArea{
}
.showList-information{
/* 	margin:0.5em 2em 0.5em 1em; */
}

/* 検索エリア */
.showList-searchArea{
}

/* 検索フォーム */
.showList-searchForm{
}

/* 公演一覧エリア */
.showList-showListArea{
	margin-bottom:10px;
}

/* 公演一覧のタブ */
.showList-categoryTab{
}
/* 公演一覧のタブ 線色 */
.showList-categoryTab .nav-tabs{
border-color: #C7DFFF;
}
/* 公演一覧のタブ  フォントカラー */
.showList-categoryTab .nav-tabs > li > a {
color: #4536A8;
border-color: #C7DFFF;
}
/* 公演一覧のタブ  選択色 通常*/
.showList-categoryTab .nav-tabs>.active>a.tab-colorShowInfo,
.showList-categoryTab .nav-tabs>.active>a.tab-colorShowInfo:focus,
.showList-categoryTab .nav-tabs>.active>a.tab-colorShowInfo:hover {
color: #26534c;
background-color: #B7DEE8;
}
.tabli-colorShowInfo{
	color: #000000;
	background-color:#DAEEF3;	/*#DCE2FA;*/	/* COLOR_N_2:	#dbdbff; */
	border-color:#CBE7C7;		/*#143CDC;*/		/* COLOR_N_1 */
}
/* 公演一覧のタブ  選択色 定期*/
.showList-categoryTab .nav-tabs>.active>a.tab-colorSeasonShowInfo,
.showList-categoryTab .nav-tabs>.active>a.tab-colorSeasonShowInfo:focus,
.showList-categoryTab .nav-tabs>.active>a.tab-colorSeasonShowInfo:hover {
color: #26534c;
background-color: #E6B8B7;
}
.tabli-colorSeasonShowInfo{
	color: #000000;
	background-color:#F2DCDB;	/*#f7b793;*/	/* COLOR_S_2:	#ffe5cc; */
	border-color:#CBE7C7;		/*#ff5050;*/	/* COLOR_S_1 */
}
/* 公演一覧のタブ  選択色 選択*/
.showList-categoryTab .nav-tabs>.active>a.tab-colorGroupShowInfo,
.showList-categoryTab .nav-tabs>.active>a.tab-colorGroupShowInfo:focus,
.showList-categoryTab .nav-tabs>.active>a.tab-colorGroupShowInfo:hover {
color: #26534c;
background-color: #CBE7C7;
}
.tabli-colorGroupShowInfo{
	color: #000000;
	background-color:#e0ffdc;	/*#ff9999;*/	/* COLOR_C_2 */
	border-color:#CBE7C7;		/*#ff0000;*/		/* COLOR_N_1 */
}

/* 公演一覧のガイダンス */
.showList-guidance{
	margin:0.5em 1em 1.5em 1em;
}

/* 公演名などの表示域 */
.showList-showTitleArea{
	margin-top:6px;
	margin-bottom:0;
	padding:5px;
	cursor:pointer;
}

/* 公演名のリンク */
.showList-showTitle{
	vertical-align:-1px;
}

/* 公演名横の「販売中」ラベル */
.showList-showNowStoreLabel{
/* 	font-size:7pt; */
	font-size:82%;
	background-color:#ffa500;
	text-align:left;
}

/* 公演日 */
.showList-showDate{
	margin-left:0;
}

/* 公演 */
.showList-show{
}

/* 公演概要 */
.showList-showInfo{
	word-wrap: nowrap;
	margin-left: 1.2em;
}
/* 公演概要：千秋楽 */
.showList-lastDay{
}
/* 公演詳細 */
.showList-showDetail{
	padding : 5px 0 5px 0;
	border-top   :0 none  #dbebc4;
	border-right :1px solid #dbebc4;
	border-bottom:1px solid #dbebc4;
	border-left  :1px solid #dbebc4;
	border-radius: 0 0 5px 5px;
		-webkit-border-bottom-right-radius: 5px;		/* Safari,Google Chrome用 */
		-webkit-border-bottom-left-radius : 5px;		/* Safari,Google Chrome用 */
		-moz-border-radius-bottomright    : 5px;		/* Firefox用 */
		-moz-border-radius-bottomleft     : 5px;		/* Firefox用 */
}
/* 「空席確認」ボタン、「公演詳細」ボタン 表示域 */
.showList-detailBtnArea{
	margin: 1.2em auto;
}
/* 公演概要 */
.showList-showOverview{
}
/* ご利用いただけない支払方法 */
.showList-showPaymentNotice{
	margin: 1em;
	padding: 0.2em;
	background-color:seashell;
	border:1px solid gainsboro;
	border-radius:5px;
		-webkit-border-radius: 5px; 	/* Safari,Google Chrome用 */
		-moz-border-radius   : 5px; 	/* Firefox用 */
}
/* 注釈：獲得ポイントの説明でも流用 */
.showList-showPaymentNoticeInfo{
	margin:0.5em 1em;
	color:orangered;
}

/* 写真エリア */
.showList-showPicture{
	display:block;
	max-width:100%;
}

/* 写真 */
div.showList-showPicture img{
	padding:10px;
	max-width: 100%;
	max-height:150px;
}

/* ポイント利用可能表示 */
.showList-pointAvailable{
	margin-left:1.4em;
	vertical-align:baseline;
	/*color:#4f4fff;*/
	width:11em;
	color:ivory;
	background-color:navy;
}

/* 友の会アイコン・エリア */
.showList-clubIconArea{
	padding:10px;
}
/* 友の会アイコン */
.showList-clubIcon{
	display: inline-block;
	margin:5px 15px;
}

/* チケット種類（レスポンシブルテーブル） */
.showList-ticketList{
	padding:0 10px 0 10px;
	/*width:90%;*/
}
/* チケット種類テーブル */
.showList-ticketListTable{
	margin-bottom:5px;
}

/* チケット種類のイメージ */
table.showList-ticketListTable img{
	height:7px;
	width:auto;
}

/* チケット種類のイメージ */
table.showList-ticketListTable th,td{
	width:50%;
}

/* 券種名と席種名 */
.showList-ticketInfo{
	display:inline-block;
	vertical-align:top;
	margin-top:5px;
	padding:0 0.4em 0 0.6em;
	white-space:nowrap;
}
/* 席種色の縁取り */
.showList-ticketColorMark{
	stroke: black;					/* 縁取りの色：黒 */
	stroke-width: 1px;				/* 縁取りの幅：1px */
}

/* ページングのボタン */
.showList-pagingBtn{
	margin:20px 0;
}

/* ポイント説明 */
.showList-showPointDescription{
	margin: 1em;
	padding: 0.2em;
	background-color:seashell;
	border:1px solid gainsboro;
	border-radius:5px;
		-webkit-border-radius: 5px; 	/* Safari,Google Chrome用 */
		-moz-border-radius   : 5px; 	/* Firefox用 */
}

/* ネット説明 */
.showList-showNetDescription{
	padding: 1.2em 0.6em;
	word-wrap: break-word;
}

/* 備考 */
.showList-showCaution{
	padding-left:10px;
	color: red;
}

/* 受託メッセージ */
.showList-jutakuMessage{
	padding-left:10px;
	color: red;
}

/* *************************************************************************** */
/* * 帯公演一覧                                                              * */
/* *************************************************************************** */
/* 公演詳細 */
.sameShowList-showDetail{
	padding: 5px 0 5px 0;
/* 	border: 1px solid #dbebc4; */
/* 	border-radius: 0 0 5px 5px; */
/* 		-webkit-border-bottom-right-radius: 5px;		Safari,Google Chrome用 */
/* 		-webkit-border-bottom-left-radius : 5px;		Safari,Google Chrome用 */
/* 		-moz-border-radius-bottomright    : 5px;		Firefox用 */
/* 		-moz-border-radius-bottomleft     : 5px;		Firefox用 */
}

/* *************************************************************************** */
/* * 選択セット公演一覧                                                      * */
/* *************************************************************************** */
/* 買い物かごエリア */
.ssShowList-basketInfoArea{
	margin:0.4em 0.8em;
	padding:0.4em;
	border:1px solid #ccc;
	border-radius:5px;
		-webkit-border-radius:5px;		/* Safari,Google Chrome用 */
		-moz-border-radius   :5px;		/* Firefox用 */
	background-color:#eff8f8;
}
/* 買い物かご：ヘッダ(-md-、-lg-のみ) */
.ssShowList-basketInfoHeader{
	font-weight:bolder;
	text-align:center;
	white-space:nowrap;
}
/* 買い物かご：席種 */
.ssShowList-seatType{
	padding-left:0;
}
/* 買い物かご：チケット価格 */
.ssShowList-ticketPrice{
	text-align:left;
}
/* 買い物かご：チケット枚数 */
.ssShowList-ticketCount{
	text-align:right;
}
/* 買い物かご：チケット枚数上限、下限 */
.ssShowList-ticketCountRange{
	text-align:right;
	color:blue;
}
/* 買い物かご：区切り線 */
.ssShowList-basketListBorder{
	margin:0 10px;
	border-bottom:1px solid #888;
}

/* 公演詳細 */
.ssShowList-showDetail{
	margin: 1em;
	padding: 0.8em;
	border: 1px solid #dbebc4;
	border-radius: 10px;
		-webkit-border-radius: 10px;		/* Safari,Google Chrome用 */
		-moz-border-radius   : 10px;		/* Firefox用 */
}

/* *************************************************************************** */
/* * 座席選択                                                                * */
/* *************************************************************************** */
.seatSelect-titleArea{
	margin-bottom:1.2em;
}
/* 座席一覧テーブルのセル書式 */
.table-ticket-info{
	padding:0 0.5em !important;
	vertical-align:middle !important;
	white-space:nowrap;
}
#seatSelect-selectedSeat .seatSelect-selectedSeatName{
	padding:0 1.5em;
	vertical-align:middle;
	white-space:nowrap;
	width: 70%;
}
#seatSelect-selectedSeat .seatSelect-seatRemoveBtnArea{
	text-align:right;
	width: 10%;
}

/* 「選択された座席」パネルの「解除」ボタン */
.seatSelect-seatRemoveBtn{
	padding:4px 10px;
	font-size:100%;
}

/* 公演詳細ボタン */
.seatSelect-detailInfo{
	float:right;
	text-align:right;
	margin-top:-5px;				/* panel-title(テキスト)の高さよりボタンのほうが高いため、その分ずらす */
	margin-left:1.2em;
}

/* 「すべて解除」ボタン */
.seatSelect-removeAllSeat{
	display:block;
	text-align:right;
	float:right;
	margin-top:-5px;				/* panel-title(テキスト)の高さよりボタンのほうが高いため、その分ずらす */
}

/* 販売状況 */
.seatSelect-salesStatus{
	display:block;
	float:right;
	font-weight:bold;
	text-align:right;
	color:white;
	background-color:orange;
	padding: 3px 5px;
	margin-top: -3px;
	border-radius: 6px;				/* CSS3草案 */
	-webkit-border-radius: 6px; 	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;		/* Firefox用 */
}

/* 席種名、券種名及びチケット価格、「売切」の表示：margin-topは調整 */
.seatSelect-seatInfo{
	display:inline-block;
	vertical-align:top;
	margin-top:3px;
}

/*
 * 座席図
 */
/* 選択されていない席 */
.seatSelect-seatNormal{
	stroke: black;					/* 縁取りの色：黒 */
	stroke-width: 1px;				/* 縁取りの幅：1px */
}
/* 選択中の席 */
.seatSelect-seatSelected{
	stroke: red;					/* 縁取りの色：黒 */
	stroke-width: 3px;				/* 縁取りの幅：1px */
	fill: black;
}
/* 選択可能な席または選択済みの席 */
.seatSelect-seatSelectable{
	cursor: pointer;
}
/* 拡大・縮小ボタン */
.seatSelect-zoomBtnArea{
	float:right;
	margin-top:-6px;
}
.seatSelect-zoomBtn{
	margin:0 5px;
	padding:2px 4px;
}
/* 会場図 */
.seatSelect-hallImage{
	background-color:#fff;
	min-height:600px;
}
.seatSelect-hallImageDisabled{
	background-color:black;
	min-height:600px;
	opacity:0.25;
	filter: alpha(opacity=25);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=25)";	/* ie 8 */
	-moz-opacity:0.25;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.25;				/* Safari 1.x */
}

/*
 * 自由席一覧
 */
#collapseFreeSeatList > tr > th,td{
	width: 20%;
	vertical-align: bottom;
	padding: 4px 8px;
	border-color: #ccc;
}
.seatSelect-freeSeatListTableHeader1{
	height:1.1em;
	background-color:rgba(128,128,128,0.4);
}
.seatSelect-freeSeatListTableHeader1 > th,td{
	padding: 4px 8px !important;
}
.seatSelect-freeSeatListTableHeader2{
	height:1.1em;
	background-color:rgba(128,128,128,0.2);
}
.seatSelect-freeSeatListTableHeader2 > th,td{
	padding: 4px 8px !important;
}
.seatSelect-seatType{
	display:inline-block;
	vertical-align:top;
	margin-top:3px;
}
/* チケットの残り状況 */
.seatSelect-salesStatusTicket{
	font-weight:bold;
}

/* 座席図上のメッセージの背景 */
.seatSelect-overlayMsgBg{
	width:100%;
}

/* 処理中表示 */
#loading{
	position:absolute;
	left:50%;
	top:40%;
	margin-left:-30px;
/* 	z-index:999; */
}


/* *************************************************************************** */
/* * 買い物かご                                                              * */
/* *************************************************************************** */
/* 公演名、公演日時の表示域 */
.basketList-showInfo{
	height:2em;
}
.basketList-ticketInfo{
	padding-left: 4px;
	padding-right: 4px;
}
/* 公演名 */
.basketList-showName{
	display:block;
	vertical-align:top;
	margin-top:5px;
	text-align:left;
	font-weight:bold;
	padding-left:1em;
	padding-right:0;
	white-space:nowrap;

	overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
	-o-text-overflow: ellipsis; 	/* Opera 9-10 */
	text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
}
/* 公演情報 */
.basketList-detailInfo{
	display:inline-block;
	vertical-align:top;
	margin-top:5px;
	text-align:right;
	padding-right:0;
	white-space:nowrap;
}
/* 公演情報と座席情報、座席情報同士の区切り線 */
.basketList-borderLine{
	border-top:1px solid gray;
}
/* 座席情報 */
.basketList-seatInfo{
	margin-bottom:5px;
}

/* 席種、券種、座席名 */
.basketList-ticketInfo{
	display:inline-block;
	vertical-align:top;
	margin-top:5px;
	white-space:nowrap;
}
/* 割引表示 */
.basketList-seatPriceInfo{
	text-align:left;
	color:red;
	vertical-align:top;
	margin-top:0;
	white-space:nowrap;
}
/* 金額、枚数 */
.basketList-seatPrice{
	display:inline-block;
	text-align:right;
	vertical-align:top;
	margin-top:0;
	white-space:nowrap;
}
/* 公演詳細、変更ボタン */
.basketList-btn{
	height:1.8em !important;
	padding:2px 12px !important;
	margin-top:0;
	font-size:90%;
}
/* 取消ボタン */
.basketList-btn-cancel{
	height:1.8em !important;
	padding:2px 12px !important;
	margin-top:0;
	font-size:90%;
	color:red;
}
/* 合計表示域 */
.basketList-totalArea{
	margin: 0 0.2em 2em 1.2em;
	padding-top: 0.4em;
	height: 2.6em;
	border: 2px solid #ccc;
	border-radius: 6px;				/* CSS3草案 */
	-webkit-border-radius: 6px; 	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;		/* Firefox用 */
	background-color: white;
}


/* *************************************************************************** */
/* * 申込情報入力                                                            * */
/* *************************************************************************** */
.orderInput-inputArea{
	margin: 0 0.1em 1.2em 0.1em;
}
/* ボタン領域 */
.orderInput-btnArea{
	margin: 0.5em 0.4em 0.8em 0.4em;
}
/* 支払方法詳細 */
.orderInput-paymentInfo{
	margin-bottom: 0.2em;
}
/* 支払方法選択 */
.orderInput-paymentMethod{
	margin-bottom: 0.2em;
	border-top:1px solid #999;
}
.orderInput-paymentMethod2{
	border-top:1px solid #999;
}
/* 支払方法選択　タイトル */
.orderInput-paymentMethodTitle{
	width:100%;
	text-align:left;
	margin:0.5em 0 0.2em 0;
	padding-left:0.5em;
	font-weight:bold;
}
/* 支払方法　内容 */
.orderInput-paymentBody{
	margin:0.25em 0;
}
/* 支払方法　セキュリティコードについての説明リンク */
.orderInput-paymentAboutSecurityCode{
	margin-top: 0.5em;
	white-space: nowrap;
}
.common-paymentImage{
}

/* *************************************************************************** */
/* * 申込情報確認                                                            * */
/* *************************************************************************** */
/* 申込内容、受取方法、お客様情報のベース */
.orderConfirm-infoArea{
	margin:0 0.1em;
}

/* 受取方法、お客様情報のタイトル */
.orderConfirm-infoTitle{
	margin:0.2em 0.4em;
}

/* 受取方法、お客様情報の内容 */
.orderConfirm-infoBody{
	margin:0.2em 0;
}

/* 手数料・合計表示域 */
.orderConfirm-totalArea{
	margin: 1.2em 0.6em 0.4em 0.8em;
	padding: 0.6em;
	border: 2px solid #ccc;
	border-radius: 6px;				/* CSS3草案 */
	-webkit-border-radius: 6px; 	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;		/* Firefox用 */
	background-color: ivory;
}

/* ボタン領域 */
.orderConfirm-btnArea{
	margin: 1.6em 1.6em 2.6em;
}


/* *************************************************************************** */
/* * 申込完了                                                                * */
/* *************************************************************************** */
/* 表示メッセージ */
.basketComplete-message{
	margin: 1em 1.2em 3em 1.5em;
}
/* お支払方法 */
.basketComplete-paymentMethod{
	margin: 1.2em;
	padding: 0.5em;
	border: 2px solid #ccc;
	border-radius: 6px;				/* CSS3草案 */
	-webkit-border-radius: 6px; 	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;		/* Firefox用 */
	background-color: white;
}
/* 別サイトへのリンク用ボタンの表示域 */
.basketComplete-btnArea{
	margin-top:1.2em;
}
.basketComplete-linkMessage{
	font-size:85%;
	text-align:right;
}

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

.footer-base{
	margin:5px 0;
	min-height:72px;
	text-align:left;
	vertical-align:middle;
}

/* 著作権表示 */
#copyright_notice{
	font-style:italic;
	font-size:85%;
	text-align:center;
 	margin-bottom:0.3em;
}

/* アカシック・ロゴ */
.footer-msgAkashic{
	vertical-align:middle;
	font-size: 92%;
}
#footer-logoAkashic{
	width:111px;
	height:20px;
}
/* アカシックのロゴが表示される場合は、非表示 */
#footer-nameAkashic{
	display:none;
}
/* 画面が狭い場合は縮小率を上げる */
@media (max-width: 787px) {
	.footer-msgAkashic{
		vertical-align:middle;
		font-size: 80%;
	}
	#footer-logoAkashic{
		width:100px;
		height:18px;
	}
}
/* フッターのロゴが見切れてしまう場合に対応 */
@media (max-width: 419px) {
	/* アカシックのロゴは非表示 */
	#footer-logoAkashic{
		display:none;
	}
	/* アカシックのロゴが表示されない場合に表示 */
	#footer-nameAkashic{
		display:inline-block;
		vertical-align: middle;
	}
}

/* *************************************************************************** */
/* * 利用規約                                                                * */
/* *************************************************************************** */
/* 規約本文エリア */
.agreement-agreeArea{
	margin-bottom:10px;
}

/* 規約のタイトル（第１条等々） */
.agreement-agreeTitle{
	font-weight:bold;
}

/* 規約本文 */
.agreement-agree{
	word-wrap: break-word;
}

/* *************************************************************************** */
/* * 利用者登録                                                              * */
/* *************************************************************************** */
/* 項目名（小見出しのマージンを取り消す）*/
.newUserEntry-fieldTitle{
	margin:15px 5px 5px 0;
}

/* 会員情報のセレクトの下マージン */
.newUserEntry-selectMemberArea{
	margin-bottom:5px;
}

/* ボタンエリア */
.newUserEntry-btnArea{
	margin-bottom:10px;
}

/* *************************************************************************** */
/* * 会員規約                                                                * */
/* *************************************************************************** */
/* 規約表示領域 */
/* 利用規約　描画エリア */
.memberRule-ruledisplay{
	border: solid;
	overflow: auto;   /* スクロール表示 */
	width: 90%;
	height: 400px;
	margin: 0 auto;
}

/* 個人情報保護と二つ出す場合のテキスト表示エリア */
.memberRule-ruledisplay-withprivacy{
	border: solid;
	overflow: auto;   /* スクロール表示 */
	width: 90%;
	height: 200px;/* 個人情報保護と二つ出すため、高さをちぢめた*/
	margin: 0 auto;
}

.memberRule-domaincheckdisplay{
	width: 100%;
	margin: 0.5em 1em 1.5em 0.5em;
	text-align: left;
}
.memberRule-domaincheckItem{
	display:inline-block;
	padding:10px 0 5px;
}

.memberRule-checkLabel{
	 float:left;
	font-weight:normal;
}
.memberRule-domainTxt{
	float:left;
	border: 1px solid;
	width:16.0em;
}
#domainCheckMsg{
	margin-left:1.2em;
	margin-right:2em;
}

/* 個人情報保護方針の問い合わせ窓口表示調整用 */
.memberRule-ruledisplay-withprivacy .row {
	width:95%;
}

/* 利用規約同意、個人情報保護方針確認チェック表示エリア */
.memberRule-docreadcheckItem{
	display:block;
	padding:10px 50px 5px;
}

/* 個人情報保護方針と両方出す場合のサブタイトル */
.memberRule-subtitle{
	margin-top:2em;
	font-weight: bold;
}

/* *************************************************************************** */
/* * 会員情報・入力                                                          * */
/* *************************************************************************** */
/* 見出し */
.common-inputHeader{
	width: 100%;
	height: 1.8em;
	margin: 1.2em 0 0.6em 0;
	padding: 0.2em 0.6em 0.1em 0.8em;
}
/** 見出し内部-左寄せ */
.common-inputHeader > .left-str{
	clear:both;
	float:left;
}

/** 見出し内部-右寄せ */
.common-inputHeader > .right-str{
	float:right;
}

/* 必須印 */
.required-mark{
	color:#FF0000;
	font-size:80%;
	vertical-align:super;
	margin-left:0.5em;
}
/* 太字 */
.memberInput-bold{
	font-weight: bold;
}

/* 強調 */
.memberInput-Emphasize{
	color:#FF0000;
}


/* *************************************************************************** */
/* * 購入履歴                                                                * */
/* *************************************************************************** */
/* 行 */
.buyHistory-line{
	display:inline-block;
	width:100%;
	margin:0em;
	padding:0em;
	border:none;
}
.buyHistory-detailDisplay .buyHistory-line{
	border-top:1px dotted lightgray;
}
.buyHistory-detailDisplay .row.buyHistory-line{
	border-top:1px solid lightgray;
}

/* header */
.buyHistory-headerDisplay{
	width: 100%;
	margin: 0 auto;
}
.buyHistory-detailDisplay{
	overflow: auto;   /* スクロール表示 */
	width: 100%;
	max-height: 40.0em;
	margin: 0 auto;
}
/* 公演名 */
.buyHistory-showName{
	white-space: nowrap;
}
/* 公演日 */
.buyHistory-showDate{
	white-space: nowrap;
}
/* ボタン領域 */
.buyHistory-btnArea{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.text12_b {
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
}

.text12_red_b {
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	color: #FF3300;
}


/* *************************************************************************** */
/* * ポイント履歴                                                            * */
/* *************************************************************************** */
/* 未確定ポイントに関する注釈 */
.pointHistory-notice{
	display:block;
	text-align:right;
	margin-bottom:1.6em;
	/* スマホ(-tn-)ではあふれるので、左寄せ */
}
/* 確定ポイント・未確定ポイント */
.pointHistory-pointTotal{
	display:inline-block;
	margin-left:0.3em;
	width:4.2em;
	text-align:right;
}
/* 発行ポイント・利用ポイント */
.pointHistory-pointValue{
	display:inline-block;
	/* 表形式の表示(-md-, -lg-)の時は、右寄せ */
}


/* *************************************************************************** */
/* * マイページ                                                              * */
/* *************************************************************************** */
/* 友の会情報表示領域 */
.mypage-clubInfoArea{
	margin:0 1em 1.2em 1em;
	padding: 0.6em 1.2em 1.2em 0.8em;
	background-color:honeydew;
	border:1px solid wheat;
	border-radius: 6px;				/* CSS3草案 */
	-webkit-border-radius: 6px; 	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;		/* Firefox用 */
}
/* 「会員登録状況」 */
.mypage-title{
	font-weight:bold;
	margin-bottom: 0.8em;
}
/* 登録状況表示 */
.mypage-detail{
	margin-left:1.6em;
	white-space:nowrap;
}
/* 終了日：画面幅が狭い場合に改行を挿入するため設定 */
.mypage-clubInfoEnddate{
}
/* ボタン表示域 */
.mypage-btnArea{
	margin-top:1.2em;
}
/* ボタンの追加説明 */
.mypage-btnInfo{
	margin-top:0.45em;
	padding-left:2.4em;
}

/* *************************************************************************** */
/* * 友の会・入力                                                            * */
/* *************************************************************************** */
.tomokai-nextterm{
	color:blue;
}
.tomokai-nextstatus{
	color:red;
	margin-left:2.6em;
}

.tomokai-information{
	color:blue;
}
.tomokai-warning{
	color:red
}
/* ボタンエリア */
.tomokai-btnArea{
	margin-top:0.8em;
	margin-bottom:2.2em;
}
/* 確認用チェックボックス */
.tomokai-confirm{
	margin:1.2em 0.6em;
}

/* *************************************************************************** */
/* * 友の会・確認                                                            * */
/* *************************************************************************** */
/* 支払方法補足情報のタイトル */
 .tomokai-paymentTitle{
	padding-left:3em;
}
/* 金額表示 */
.tomokai-price{
	margin-left:3.2em;
}

/* *************************************************************************** */
/* 段組み */
.memberInput-vbox {
	display:inline-block;
	width:100%;
	margin-bottom:0.8em;
}
@media (max-width: 769px) {
	.memberInput-vbox {
		margin-bottom:0.8em;
	}
	/* ラベル部分 */
	.memberInput-label{
		font-weight:bold;
		width:100%;
		margin-bottom:0.2em;
		padding-left:0.6em;
	}
	/* コントロール部分 */
	.memberInput-control{
		padding: 0.1em 0.6em;
	}
	/* 注意書き(一応定義) */
	.memberInput-info{
		margin-left:1.8em;
		font-size:80%;
	}
}
@media (min-width: 768px) {
	/* ラベル部分 */
	.memberInput-label{
		float:left;
		width:12.6em;
		padding-left:0.8em;
	}
	/* コントロール部分 */
	.memberInput-control{
		width:70%;
		float:left;
	}
	/* 注意書き(一応定義) */
	.memberInput-info{
		margin-left:1.2em;
		font-size:90%;
		word-wrap:break-word;
		width:90%
	}
}

/* *************************************************************************** */
/* * デバイス別設定                                                          * */
/* *************************************************************************** */
/* スマートフォン(ポートレイト) : -tn- */
@media (max-width: 559px) {
	.container {
	    width: 98%;
	    min-width: 320px;
	    padding: 0;
	}
	body {
		font-size:10pt;
	}
	/* ナビゲーションバーの左右のマージンを削除 */
	.common-header .navbar-header{
		margin:0;
	}
	/* ナビゲーションバーは折りたたまれている */
	.common-header .navbar .navbar-nav > li > a{
		margin-top:0.4em;
	}
	/* メニューの背景色 */

	#nav-menu-login{
		background-color: ghostWhite;
	}
	#nav-menu-any{
		background-color: ghostWhite;
	}

	/* メニュー内のテキスト(会員名など)は非表示 */
	.navbar-text{
		display:none;
	}
	/* フッターのリンクは重ねて表示 */
	.footer-link {
		text-align:left;
	}
	/* アカシックのロゴは上寄せで表示 */
	.footer-logoAkashicArea{
		margin-top:0;
	}
	/* スマホ専用の表示域 */

	#header-nav-sparea{
		display:block;
		width:560px;					/* 画面の幅いっぱいに設定 */
		height:1.8em;					/* 高さは1行分だけ：2行表示の場合の調整はJavaScriptで行う */
		margin-top:0;
		margin-left:-20px;				/* 左のマージン分も背景色で塗るため */
		padding-left:20px;				/* マージン分ずらす */
		background-color:ghostWhite;
	}

	/* 利用者名 */
	#header-nav-username_sp{
		display: inline-block;
		margin-right:0.5em;
		max-width:10em;
		height:1.2em;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}
	/* ポイント表示欄 */
	.header-nav-point{
		float: none;
		display: block;
		margin-right: 1.2em;
	}

	/* ボタン全般の設定 */
	.btn-block{
		font-size:80%;
		margin-bottom:4px;
		cursor:pointer;
	}

	/* 公演一覧：ページ表示 */
	#showListId-pageInfo{
		text-align:left;
	}
	/* 公演一覧：公演概要：千秋楽 */
	.showList-lastDay{
		display:inline-block;
		margin-left:6em;
	}

	/* 選択セット公演一覧：買い物かご領域の公演名 */
	.ssShowList-showNameArea{
		display:block;
		font-weight:bold;
		width:100%;
		max-width:auto;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}

	/* 選択セット公演一覧：買い物かご領域の席種 */
	.ssShowList-seatTypeArea{
		padding-left: 0.6em;
	}

	/* 座席選択：会場図 */
	.seatSelect-hallImage{
		max-width:98%;
		max-height:90%;
	}

	/* 買い物かご：「変更」ボタン */
	.basketList-changeBtnArea{
		display:block;
		margin-top:0;
		text-align:right;
	}
	/* 買い物かご：「取消」ボタン */
	.basketList-cancelBtnArea{
		display:block;
		margin-top:0;
		text-align:right;
	}
	/* 買い物かご：「公演詳細」ボタン */
	.basketList-detailInfoBtn{
		display:block;
		margin-top:0;
		text-align:right;
	}

	/* 申込情報入力：支払方法選択　ラジオボタン */
	.orderInput-paymentChooseCVS::after{
		content: "\a";
		white-space: pre;
	}
	/* 申込情報入力：認知媒体　細目 */
	#cognitionDet{
		margin-top:4px;
	}
	/* 申込情報入力：支払方法補足情報　タイトル */
	.orderInput-paymentTitle{
		text-align:left;
		margin:0.5em 0 0.2em 0;
		padding-left:0.5em;
		font-weight:bold;
		white-space: nowrap;
	}
	/* 申込情報入力：お客様情報入力　タイトル */
	.orderInput-customerTitle{
		text-align:left;
		margin:0.5em 0 0.2em 0;
		padding-left:0.5em;
		font-weight:bold;
		white-space: nowrap;
	}
	/* 申込情報入力：保有ポイント表示(字下げ) */
	.orderInput-hasPoint{
		margin-left:3.2em !important;
	}

	/* 申込情報確認：手数料・合計表示域 */
	.orderConfirm-totalArea{
		margin: 0.8em 0 0.4em 0;
	}

	/* マイページ：ボタン表示域 */
	.mypage-btnArea{
		margin-top:0.2em;
	}

	/* 申込履歴：予約番号、申込日 */
	.buyHistory-orderInfo{
		font-weight: bold;
	}
	/* 申込履歴：公演情報 */
	.buyHistory-orderDetail{
		padding-left: 1.6em;
	}
	/* 申込履歴：公演名 */
	.col-tn-7 > .buyHistory-showName{
		display:block;
/* 		width:12em; */
/* 		max-width:12em; */
		padding-left:0;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}

	.col-tn-12 > .buyHistory-showName{
		display:block;
/* 		width:18em; */
/* 		max-width:18em; */
		padding-left:0;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}

	/* ポイント履歴：未確定ポイントに関する注釈 */
	.pointHistory-notice{
		text-align:left;
	}

	/* 友の会・確認：金額表示 */
	.tomokai-price::before{
		content: "\a";
		white-space: pre;
	}
}

/* bootstrapのbreakpoint */
/* スマートフォン : -xs- */
@media (min-width: 560px) and (max-width: 767px) {
	.container {
	    width: 98%;
	}
	body {
		font-size:10pt;
	}
	/* ナビゲーションバーの左右のマージンを削除 */
	.common-header .navbar-header{
		margin:0;
	}
	/* ナビゲーションバーは折りたたまれている */
	.common-header .navbar .navbar-nav > li > a{
		margin-top:0.4em;
	}
	#nav-menu-login{
		background-color:ghostWhite;
	}
	#nav-menu-any{
		background-color:ghostWhite;
	}
	/* ようこそメッセージなど */
	.navbar-text{
		margin-top: 0.2em;
		max-width:20em; 			/* 名前が長い場合を想定：breakpointごとに設定を変える */
	}
	.navbar-text > span{
		margin-right: 0.5em;
	}
	/* 利用者名 */
	#header-nav-username{
		display: inline-block;
		margin-right:0.5em;
		max-width:12em;
		height:1.2em;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}
	/* フッターのリンクは重ねて表示 */
	.footer-link {
		text-align:left;
		white-space:nowrap;
	}
	/* アカシックのロゴは上寄せで表示 */
	.footer-logoAkashicArea{
		margin-top:0;
	}

	.btn-block{
		font-size:80%;
		margin-bottom:6px;
	}

	/* 公演一覧：ページ表示 */
	#showListId-pageInfo{
		text-align:left;
	}

	/* 選択セット公演一覧：買い物かご領域の公演名 */
	.ssShowList-showNameArea{
		display:block;
		font-weight:bold;
		width:100%;
		max-width:auto;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}

	/* 選択セット公演一覧：買い物かご領域の席種 */
	.ssShowList-seatTypeArea{
		margin-left: 0.6em;
	}

	/* 座席選択：会場図 */
	.seatSelect-hallImage{
		max-width:98%;
		max-height:90%;
	}
	/* 座席選択：席種名、券種名及びチケット価格、「売切」の表示 */
	.seatSelect-seatInfo{
		margin-top:1px;
	}

	/* 買い物かご：公演名 */
	.basketList-showName{
		padding-left:0;
	}
	/* 買い物かご：「変更」ボタン */
	.basketList-changeBtnArea{
		display:block;
		margin-top:1px;
		text-align:right;
	}
	/* 買い物かご：「取消」ボタン */
	.basketList-cancelBtnArea{
		display:block;
		margin-top:1px;
		text-align:right;
	}
	/* 買い物かご：「公演詳細」ボタン */
	.basketList-detailInfoBtn{
		display:block;
		margin-top:2px;
		text-align:right;
	}
	/* 買い物かご：座席情報の高さ(-xs-の時の組み合わせの都合) */
	.basketList-seatInfoHeight{
		height: 33px;
	}

	/* 申込情報入力：支払方法選択　ラジオボタン */
	.orderInput-paymentChooseCVS::after{
		content: "\a";
		white-space: pre;
	}
	/* 申込情報入力：認知媒体　細目 */
	#cognitionDet{
		margin-top:4px;
	}
	/* 申込情報入力：支払方法補足情報　タイトル */
	.orderInput-paymentTitle{
		text-align:left;
		margin:0.5em 0 0.2em 0;
		padding-left:0.5em;
		font-weight:bold;
		white-space: nowrap;
	}
	/* 申込情報入力：お客様情報入力　タイトル */
	.orderInput-customerTitle{
		text-align:left;
		margin:0.5em 0 0.2em 0;
		padding-left:0.5em;
		font-weight:bold;
		white-space: nowrap;
	}
	/* 申込情報入力：保有ポイント表示(字下げ) */
	.orderInput-hasPoint{
		margin-left:3.2em !important;
	}

	/* マイページ：会員入会状況表示 */
	.mypage-info{
/* 	margin-top:0.25em; */
	}
	/* マイページ：ボタン表示域 */
	.mypage-btnArea{
		margin-top:0.2em;
	}

	/* 申込履歴：予約番号、申込日 */
	.buyHistory-orderInfo{
		font-weight: bold;
	}
	/* 申込履歴：公演情報 */
	.buyHistory-orderDetail{
		padding-left: 1.6em;
	}
	/* 申込履歴：公演名 */
	.col-xs-8 >.buyHistory-showName{
		display:block;
/* 		width:18em; */
/* 		max-width:18em; */
		padding-left:0;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}

	.col-xs-12 > .buyHistory-showName{
		display:block;
/* 		width:25em; */
/* 		max-width:25em; */
		padding-left:0;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}

	/* 友の会・確認：金額表示 */
	.tomokai-price::before{
		content: "\a";
		white-space: pre;
	}
}

/* タブレット : -sm- */
@media (min-width: 768px) and (max-width: 991px) {
	body {
		font-size:10pt;
	}

	#nav-menu-login > ul > li > a{
		margin-top:0.4em;
	}
	#nav-menu-any > ul > li > a{
		margin-top:2.4em;
	}

	#header-nav-main{
		float: right !important;
		margin-right: -15px;
	}
	.navbar-right{
		margin-top: -4px;
	}

	/* 利用者名 */
	#header-nav-username{
		display: inline-block;
		margin-right:0.5em;
		max-width:14em;
		height:1.2em;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}
	/* フッターのリンクは重ねて表示 */
	.footer-link {
		text-align:left;
		white-space:nowrap;
	}
	/* アカシックのロゴは上寄せで表示 */
	.footer-logoAkashicArea{
		margin-top:0;
	}

	/* 公演一覧：ページ表示 */
	#showListId-pageInfo{
		text-align:left;
	}

	/* 公演一覧：券種名と席種名 */
	.showList-ticketInfo{
		margin-top:6px;
	}

	/* 選択セット公演一覧：買い物かご領域の公演名 */
	.ssShowList-showNameArea{
		display:block;
		font-weight:bold;
		max-width:50em;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}

	/* 座席選択：会場図 */
	.seatSelect-hallImage{
		max-width:98%;
		max-height:90%;
	}

	/* 買い物かご：「変更」ボタン */
	.basketList-changeBtnArea{
		display:block;
		margin-top:1px;
		text-align:right;
	}
	/* 買い物かご：「取消」ボタン */
	.basketList-cancelBtnArea{
		display:block;
		margin-top:1px;
		text-align:right;
	}

	/* 申込情報入力：支払方法選択　ラジオボタン */
	.orderInput-paymentChooseCVS{
		margin-right: 3em;
	}
	/* 申込情報入力：支払方法補足情報　タイトル */
	.orderInput-paymentTitle{
		text-align:right;
		margin:0.5em 0;
		white-space: nowrap;
	}
	/* 申込情報入力：お客様情報入力　タイトル */
	.orderInput-customerTitle{
		text-align:left;
		margin:0.5em 0;
		white-space: nowrap;
	}
	/* 申込情報入力：保有ポイント表示(字下げ) */
	.orderInput-hasPoint{
		margin-left:2.4em !important;
	}

	/* マイページ：会員入会状況表示 */
	.mypage-info{
	margin-top:0.15em;
	}

	/* 申込履歴：公演名 */
	.buyHistory-showName{
		display:block;
		width:20em;
		max-width:20em;
		padding-left:0;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}
}

/* PC : -md- */
@media (min-width: 992px) and (max-width: 1199px) {
	body {
		font-size:10pt;
	}
	/* ナビゲーションバーは1段で表示：ログイン中は利用者名を表示 */
	.common-header .navbar .navbar-nav > li > a{
		margin-top:2.5em;
	}
	.navbar-text{
		margin-top:0.68em;
	}
	#header-nav-main{
		right: 0;
		left: auto;
	}
	/* 利用者名 */
	#header-nav-username{
		display: inline-block;
		margin-right:0.5em;
		max-width:14em;
		height:1.2em;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}

	/* フッターのリンクは横に並べて表示 */
	.footer-link {
		text-align:center;
		margin-top:2em;
		white-space:nowrap;
	}
	/* アカシックのロゴは中央に表示 */
	.footer-logoAkashicArea{
		margin-top:20px;
	}

	/* 公演一覧：ページ表示 */
	#showListId-pageInfo{
		text-align:center;
	/* 	margin:0 auto; */
	}

	/* 公演一覧：券種名と席種名 */
	.showList-ticketInfo{
		margin-top:7px;
	}

	/* 選択セット公演一覧：買い物かご領域の公演名 */
	.ssShowList-showNameArea{
		display:block;
		max-width:28em;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}
	/* 選択セット公演一覧：買い物かご領域の席種 */
	.ssShowList-seatType{
		display:inline-block;
/* 		width:14em; */
/* 		max-width:14em; */
/* 		padding-left:0; */

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}
	/* 選択セット公演一覧：買い物かご領域の席種表示域 */
	.ssShowList-seatTypeArea{
/* 		padding: 0; */
	}

	/* 買い物かご：「変更」ボタン */
	.basketList-changeBtnArea{
		display:block;
		margin-top:2px;
		text-align:right;
	}
	/* 買い物かご：「取消」ボタン */
	.basketList-cancelBtnArea{
		display:block;
		margin-top:2px;
		text-align:right;
	}
	/* 買い物かご：「公演詳細」ボタン */
	.basketList-detailInfoBtn{
		display:block;
		text-align:left;
		margin-top:2px;
		margin-left:10px;				/* 「取消」ボタンと左端を合わせる */
	}

	/* 申込情報入力：支払方法選択　ラジオボタン */
	.orderInput-paymentChooseCVS{
		margin-right: 3em;
	}
	/* 申込情報入力：支払方法補足情報　タイトル */
	.orderInput-paymentTitle{
		text-align:right;
		margin:0.5em 0;
		white-space: nowrap;
	}
	/* 申込情報入力：お客様情報入力　タイトル */
	.orderInput-customerTitle{
		text-align:left;
		margin:0.5em 0;
		white-space: nowrap;
	}
	/* 申込情報入力：保有ポイント表示(字下げ) */
	.orderInput-hasPoint{
		margin-left:2.4em !important;
	}

	/* マイページ：会員入会状況表示 */
	.mypage-info{
	margin-top:0.25em;
	}

	/* 申込履歴：公演名 */
	.buyHistory-showName{
		display:block;
		width:30em;
		max-width:30em;
		padding-left:0;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}

	/* ポイント履歴：発行ポイント・利用ポイント */
	.pointHistory-pointValue{
		text-align:right;
	}
}

/* PC(大画面) : -lg- */
@media (min-width: 1200px) {
	body {
		font-size:12pt;
	}
	/* ナビゲーションバーは1段で表示：ログイン中は利用者名を表示 */
	.common-header .navbar .navbar-nav > li > a{
		margin-top:1.5em;
	}
	.navbar-text{
		margin-top:0.15em;
	}
	/* 利用者名 */
	#header-nav-username{
		display: inline-block;
		margin-right:0em;
		height:1.2em;
	}

	/* フッターのリンクは横に並べて表示 */
	.footer-link {
		text-align:center;
		margin-top:2em;
		white-space:nowrap;
	}
	/* アカシックのロゴは中央に表示 */
	.footer-logoAkashicArea{
		margin-top:20px;
	}

	/* 公演一覧：ページ表示 */
	#showListId-pageInfo{
		text-align:center;
	/* 	margin:0 auto; */
	}

	/* 公演一覧：券種名と席種名 */
	.showList-ticketInfo{
		margin-top:8px;
	}

	/* 選択セット公演一覧：買い物かご領域の公演名 */
	.ssShowList-showNameArea{
		display:block;
		max-width:38em;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}
	/* 選択セット公演一覧：買い物かご領域の席種表示域 */
	.ssShowList-seatTypeArea{
/* 		padding: 0; */
	}

	/* 座席選択：席種名、券種名及びチケット価格、「売切」の表示 */
	.seatSelect-seatInfo{
		margin-top:5px;
	}

	/* 買い物かご：「変更」ボタン */
	.basketList-changeBtnArea{
		display:block;
		margin-top:2px;
		text-align:right;
	}
	/* 買い物かご：「取消」ボタン */
	.basketList-cancelBtnArea{
		display:block;
		margin-top:3px;
		text-align:right;
	}
	/* 買い物かご：「公演詳細」ボタン */
	.basketList-detailInfoBtn{
		display:block;
		text-align:left;
		margin-top:2px;
		margin-left:10px;				/* 「取消」ボタンと左端を合わせる */
	}

	/* 申込情報入力：支払方法選択　ラジオボタン */
	.orderInput-paymentChooseCVS{
		margin-right: 3em;
	}
	/* 申込情報入力：支払方法補足情報　タイトル */
	.orderInput-paymentTitle{
		text-align:right;
		margin:0.5em 0;
		white-space: nowrap;
	}
	/* 申込情報入力：お客様情報入力　タイトル */
	.orderInput-customerTitle{
		text-align:left;
		margin:0.5em 0;
		white-space: nowrap;
	}
	/* 申込情報入力：保有ポイント表示(字下げ) */
	.orderInput-hasPoint{
		margin-left:2.4em !important;
	}

	/* マイページ：会員入会状況表示 */
	.mypage-info{
	margin-top:0.25em;
	}

	/* 申込履歴：公演名 */
	.buyHistory-showName{
		display:block;
		/*width:20em;*/
		/*max-width:20em;*/
		padding-left:0;

		white-space:nowrap;
		overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
		-o-text-overflow: ellipsis; 	/* Opera 9-10 */
		text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
	}

	/* ポイント履歴：発行ポイント・利用ポイント */
	.pointHistory-pointValue{
		text-align:right;
	}
}

/*-----------------------------------------------
 *  解像度別設定
 *-----------------------------------------------*/
/* 買い物かごに関する設定：-tn-より狭い幅での調整 */
@media (max-width: 324px) {
	/* 買い物かご：定期公演の最終日　年表示 */
	.basketList-detailInfoEndDateYear{
		display:none;
	}
	/* 買い物かご：定期公演の公演予定表示域 */
	.basketList-seasonShowInfoSchedule{
		max-width: 250px;
	}
	/* マイページ：登録状況表示 */
	.mypage-detail{
		margin-left:0;
	}
	/* マイページ：終了日 */
	.mypage-clubInfoEnddate::before{
		content: "\a               ";
		white-space: pre;
	}
	/* 友の会・確認：支払方法補足情報のタイトル */
	 .tomokai-paymentTitle{
		padding-left:0;
		white-space:nowrap;
	}
}
@media (min-width: 325px) and (max-width: 389px) {
	/* 買い物かご：定期公演の最終日　年表示 */
	.basketList-detailInfoEndDateYear{
		display:none;
	}
	/* 買い物かご：定期公演の公演予定表示域 */
	.basketList-seasonShowInfoSchedule{
		width: 82%;
		max-width: 82.7%;
	}
	/* マイページ：登録状況表示 */
	.mypage-detail{
		margin-left:0.6em;
	}
	/* マイページ：終了日 */
	.mypage-clubInfoEnddate::before{
		content: "\a               ";
		white-space: pre;
	}
	/* 友の会・確認：支払方法補足情報のタイトル */
	 .tomokai-paymentTitle{
		padding-left:1.2em;
		white-space:nowrap;
	}
}
@media (min-width: 390px) {
	/* 買い物かご：定期公演の最終日　年表示 */
	.basketList-detailInfoEndDateYear{
		display:inline;
	}
}
@media (max-width: 420px) {
	/* 友の会・確認：支払方法補足情報のタイトル */
	 .tomokai-paymentTitle{
		padding-left:1.6em;
	}
}
@media (max-width: 460px) {
	body{
		font-size:10pt;
	}
	/* 公演一覧：券種名と席種名 */
	.showList-ticketInfo{
		margin-top:7px;
	}

	/* 買い物かご：「公演詳細」ボタン */
	.basketList-detailInfoBtn{
		display:block;
		margin-left:-12px;
	}
	/* 買い物かご、申込確認：金額、「割引額」表示 */
	.basketList-seatPriceInfo,
	.basketList-seatPrice{
		margin-left:-4px;
	}
}

/* 支払方法：クレジットカードなどのロゴ表示が標準サイズではあふれてしまうので縮小する */
@media (min-width: 560px) and (max-width: 610px), (max-width: 390px) {
	.common-paymentImage{
		width: auto;
		height: 38px;
	}
}

/* 友の会：次会員期間登録状況 */
@media (min-width: 461px) and (max-width: 560px), (max-width: 430px) {
	.tomokai-nextstatus{
		display: block;
		margin-left: 6.4em;
	}
}