@charset "UTF-8";
/* 前売券一覧ページ（advanceticket/index.jsp）用レスポンシブ。history.jsp と同様に #advancetickets のみ横スクロール、縦スクロールバー非表示 */

@media screen and (max-width: 960px) {
	body {
		overflow-x: hidden;
	}

	#breadcrumb {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}

	#main {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100% !important;
		max-width: none;
		box-sizing: border-box;
		overflow-x: hidden;
	}

	#wrapper960 {
		width: 100% !important;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	/* #advancetickets のみ横スクロール、縦スクロールバー非表示。動的追加 div（ページネーション等）は横スクロールさせない */
	.advancetickets-wrapper {
		display: flex;
		flex-direction: column;
		max-width: 100%;
		overflow-x: hidden;
		box-sizing: border-box;
	}

	.advancetickets-scroll {
		overflow-x: auto;
		overflow-y: hidden;
		min-width: 0;
		-webkit-overflow-scrolling: touch;
		box-sizing: border-box;
	}

	#advancetickets {
		min-width: 960px;
		width: 960px;
		box-sizing: border-box;
	}
}