span {
	word-break: break-all;
}
h1 {
	font-size: 24px;
}

#content {
	/*width: 85%;*/
}

div#flex_container {
    margin: 0;
    padding: 0;
}

#footer {
	font-size: 12px;
}
#footer span {
	white-space: nowrap;
}

.half {
	width: 90%;
}
.medium {
	width: 90%;
}
.full {
	width: 100%;
}

/** テーブル **/

table.vertical,
table.vertical tbody,
table.vertical tr,
table.vertical th,
table.vertical td {
	display: block;
	width: 100%;
}
table.vertical tr.hide {
	display: none;
}
.vertical th {
	border: none;
}
.horizontal td,
.vertical td {
	padding: 0;
}
.horizontal span,
.vertical span {
	display: inline-block;
	margin: .5em .75em .5em .25em;
}
/** 一覧のみipad縦(768)でも非表示を有効化 **/
.horizontal .pc_only,
.vertical .pc_only {
	display: none;
}


/** ログイン画面 固有 **/

#login-container {
	margin: 3em auto;
	padding: 0 10px;
}
#login-panel {
	padding: 1em 2em;
	border: none;
}

/** パスワード忘れ画面 固有 **/

#forgot-container .guidance {
	margin: 3em 0 2em;
	padding: 1.5em;
}
#forgot-panel {
	padding: 1em 2em;
	border: none;
}

/** 配色 **/

.auxiliary {
	background-color: white;
	color: #818c62;
}

/** 検索フォーム **/

.list-table li {
	white-space: unset;
}
.list-table li > span {
	float: none;
}
.list-table li > div {
	margin-left: 0;
}

/** 履歴一覧 **/
h2.unpaid {
	line-height: 1.4em;
}
h2.unpaid .money {
	margin-left: 2em;
}

#content.history-content .list-table li > span,
#content.history-content .list-table li > div {
	min-height: 2em;
	line-height: 2em;
}

#content.history-content .button-panel button[type="button"],
#content.history-content .button-panel input[type="submit"] {
	float: none;
	width: 100%;
	margin: .5em 0;
}


/** XM履歴 **/

#content.trading-content .list-table li > span,
#content.trading-content .list-table li > div {
	min-height: 2em;
	line-height: 2em;
}

#content.trading-content .button-panel button[type="button"],
#content.trading-content .button-panel input[type="submit"] {
	float: none;
	width: 100%;
	margin: 3px 0;
}


/** 履歴共通  **/
@media(max-width: 767px) {

	.expand-table,
	.expand-table tbody,
	.expand-table tr,
	.expand-table td {
		display: block;
		border: none;
	}
	.expand-table thead {
		display: none;
	}
	.expand-table span {
		margin: 0;
	}
	.expand-table tr {
		display: flex;
		flex-wrap: wrap;
		border: 1px solid #cacaca;
	}
	.expand-table tr + tr {
		border-top: none;
	}
	.expand-table td {
		display: none;
		padding: .5em;
	}
	.expand-table td:nth-child(1) {
		order: 1;
		width: 9em;
		display: block;
	}
	.expand-table td:nth-child(2) {
		order: 21;
		width: 100%;
	}
	.expand-table td:nth-child(3) {
		order: 22;
		width: 100%;
	}
	.expand-table td:nth-child(4) {
		order: 12;
	}
	.expand-table td:nth-child(5) {
		order: 11;
	}
	.expand-table td:nth-child(6) {
		order: 2;
		width: calc(100% - 9em);
		display: block;
	}
	.expand-table .opend td {
		display: block;
	}
}


/** 口座管理 **/

#content.account-content a {
	font-size: 12px;
}
#content.account-content .result-table,
#content.account-content .result-table tbody {
	display: block;
	width: 100%;
}
#content.account-content .result-table thead {
	display: none;
}
#content.account-content .result-table tr {
	display: block;
	margin: 0 2px;
	padding: .5em .75em;
	border: 1px solid #cacaca;
}
#content.account-content .result-table tr+tr {
	border-top: none;
}
#content.account-content .result-table td {
	display: block;
	border: none;
}

/** 出金リクエスト **/
#content.withdrawal-content .result-table,
#content.withdrawal-content .result-table tbody,
#content.withdrawal-content .result-table tr,
#content.withdrawal-content .result-table td {
	display: block;
}
#content.withdrawal-content .result-table thead {
	display: none;
}
#content.withdrawal-content .result-table tr {
	margin: 0 2px;
	padding: .5em .75em;
	border: 1px solid #cacaca;
}
#content.withdrawal-content .result-table tr+tr {
	border-top: none;
}
#content.withdrawal-content .result-table td {
	border: none;
}

#content.withdrawal-content .result-table .payments {
	display: none;
}
#content.withdrawal-content .result-table .money {
	text-align: left;
}

/** 顧客管理 **/

#content.user_modify-content span+span {
	margin-top: 0;
	font-size: 11px;
}

#content.user_modify-content .auto-withdrawal-box td {
	padding: 7px;
}
#content.user_modify-content .auto-withdrawal-box span {
	margin: 0;
}
#content.user_modify-content .auto-withdrawal-box .money {
	margin: 0 5px 5px 0;
}

/**
 * ヘルプ画面：
 */
#help-unpaid table,
#help-unpaid tbody,
#help-unpaid tr,
#help-unpaid th,
#help-unpaid td {
	display: block;
	width: auto;
}
#help-unpaid tr:nth-of-type(2) th,
#help-unpaid td {
	border-top: none;
}

/**
 * 画面説明
 */
@media(max-width: 460px) {
	.page-help h2 {
		text-align: center;
	}
	.page-help table,
	.page-help thead,
	.page-help tbody,
	.page-help tfoot,
	.page-help tr,
	.page-help th,
	.page-help td {
		display: list-item;
		list-style: none;
		width: 100%;
	}
	.page-help table {
		border-top: 1px solid #c5c1c1;
	}
	.page-help tr {
		border-bottom: 1px solid #c5c1c1;
	}
	.page-help th,
	.page-help td {
		border: none;
		text-align: center;
	}
}