@charset "UTF-8";
/* マイページ系 error/success/reset ページ用レスポンシブ（狭い画面） header/footer は base.css の 960px で処理 */

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

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

	#main,
	#header3 {
		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;
	}

	#signContena,
	#sign,
	#price-table,
	#back-confirmation,
	#wrapper640,
	#wrapper300,
	#WRcontents,
	#recopos {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* settlement 系：固定幅の子要素を狭い画面で収める */
	#WRcontents div,
	#recopos h2 {
		max-width: 100% !important;
		box-sizing: border-box;
	}
	#wrapper960 img,
	#WRcontents img,
	#recopos img {
		max-width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	/* succeeded_membership 等：テーブルは横いっぱいに広げず、内部テキストは折り返し許可 */
	#WRcontents table {
		width: auto;
		max-width: 100% !important;
		table-layout: auto;
		box-sizing: border-box;
	}
	#WRcontents td,
	#WRcontents th {
		overflow-wrap: break-word;
		word-break: break-word;
		white-space: normal !important;
		box-sizing: border-box;
	}
	#wrapper960 input[type="button"] {
		max-width: 100%;
		box-sizing: border-box;
	}

	#wrapper960 table {
		max-width: 100% !important;
		width: 100% !important;
		table-layout: auto;
		box-sizing: border-box;
	}

	#wrapper960 td,
	#wrapper960 th {
		overflow-wrap: break-word;
		word-break: break-word;
		box-sizing: border-box;
	}

	#wrapper960 input[type="text"],
	#wrapper960 input[type="submit"] {
		max-width: 100%;
		box-sizing: border-box;
	}

	/* succeeded_tickets.jsp の #go-mypage: テキスト折り返し・padding を #settle_tickets_with_new_card と同様に */
	#go-mypage {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		white-space: normal;
		max-width: 100%;
		line-height: normal;
		text-align: center;
		box-sizing: border-box;
		min-height: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
		padding-right: 30px;
	}
}