html {
	font-size: 0.625em;
}
body  {
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;
	touch-action: manipulation;
	background-color: #eeeeee;
}
a {
	color: #4C78C7;
	text-decoration: underline;
}
/*
input, textarea, select {
	display: block;
	margin: 0;
	padding: 10px;
	background: #fff;
	width: 100%!important;
	border: 2px solid #d0d0d0 !important;
	border-radius: 3px;
	-webkit-appearance: none;
}
*/
.inquiry__fm-wrapper input {
	display: block;
	margin: 0;
	padding: 10px;
	background: #fff;
	width: 100%!important;
	border: 2px solid #d0d0d0 !important;
	border-radius: 3px;
	-webkit-appearance: none;
}

input#player_id:read-only,
input#player_point:read-only,
input#bank_code_ufj:read-only,
input#bank_name_ufj:read-only {
    /* color: #b7b1b1; */
    background: #ededed;
}
.inquiry__fm-wrapper input.error {
	color: #630015;
	border-color: #c20c33;
	background-color: #ffd9e1;
}

/* -------------------------------------
	main
----------------------------------------*/
.edit__title {
	text-align: center;
	font-weight: bold;
}
.edit__container {
	width: 90%;
	max-width: 600px;
	margin:3% auto;
}
.edit__area {
	background-color: #ffffff;
	line-height: 150%;
	font-family: Helvetica;
	font-size: 14px;
	color: #333333;
	padding: 20px;
	border-radius: 10px;
	font-size:16px;
	color:#696969;
	word-wrap: break-word;
}

.edit__select {
    display: block;
    margin-right: 2%;
    margin-left: auto;
    padding: 5px;
    background: #fff;
    width: 22% !important;
    border: 2px solid #d0d0d0 !important;
    border-radius: 3px;
    -webkit-appearance: none;
}
@media only screen and (max-width:750px) {
	.edit__select {
		width: 50% !important;
		max-width: 130px;
	}
}
.edit__select select {
	width: 100%;
}

.edit__label {
	font-weight: bold;
}
.edit__box {
	margin-top: 5px;
	margin-bottom: 10px;
}
.edit__box-subtxt {
    padding-bottom: 15px;
}

/** tab **/
.edit__tab {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	place-items: center;
	gap: 1vw;
	margin-top: 5px;
	margin-bottom: 10px;
}
.edit__tab-button {
	width: 100%;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	background: lightgray;
	border: 1px solid gray;
	color: black;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
}
.edit__tab-button.active {
	background: #31A9EE;
	color: #ffffff;
}

.edit__bank-wrapper {
	border: 1px solid #000;
	padding: 10px;
}
.edit__bank-area {
	display: none;
}
.edit__bank-area.active {
	display: block;
}

/** BANK UFJ **/
.edit__tab-ufj,
.edit__tab-other {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	place-items: center;
	gap: 1vw;
	margin-top: 5px;
	margin-bottom: 10px;
}
.edit__tab-ufj-button,
.edit__tab-other-button {
	width: 100%;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	background: lightgray;
	border: 1px solid gray;
	color: black;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
}
.edit__tab-ufj-button.active,
.edit__tab-other-button.active {
	background: #31A9EE;
	color: #ffffff;
}

/** BANK OTHER **/
.edit__bank-area span {
	font-weight: bold;
}


/** AGREEMENT**/
.agreement-content {
	color: #555;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 100%;
	height: 200px;
	overflow-y: scroll;
	padding: 6px 12px;
	margin-top: 20px;
	margin-bottom: 25px;
}
.agreement-check {
	color: #c7c6c6;
	margin-bottom: 25px;
	font-size: 18px;
	text-align: center;
}
.agreement-check.active {
	color: #000;
}
.agreement-check input {
	accent-color: #faa;
}


.edit__button {
	width: 30%;
	text-align: center;
	margin: auto;
}
.edit__button input {
	width: 100%;
	background: #5d5d5d;
	color: #fff;
	padding: 10px;
	border-radius: 7px;
}

.edit__button input:disabled {
	background: #cccccc;
	color: #938f8f;
}

/** error **/
.error__msg {
	color:red;
}

.error_msg {
	color: red;
	font-size: 1.2rem;
	opacity: 0;
	transition: .3s;
}
.error_msg.active {
	display: block;
	opacity: 1;
}
.error_msg span {
	font-weight: bold;
	font-size: 1.4rem;
}