/* ------------------------------------- */
/* チャージ一覧リスト */
/* ------------------------------------- */
.charge_method_list ul li{
	position: relative;
	display: inline-block;
	width: 23.5%;
	margin: 0 2% 20px 0;
	vertical-align: top;
}
.charge_method_list ul li:nth-child(4n){
	margin-right: 0;
}
.charge_method_list ul li a{
	display: block;
	background-color: #fff;
	padding: 15px 15px;
	color: #333;
	text-align: center;
	box-sizing: border-box;
	border-radius: 16px;
	border: 1px solid #DCDFE6;
	transition: 0.2s ease-in-out;
}
.charge_method_list ul li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.charge_method_list ul li img{
	display: block;
	margin: 0 auto;
	width: 70%;
}
.charge_method_list a .charge_method_category{
	font-size: 11px;
	color: #5E677A;
	background-color: #F2F4F7;
	border-radius: 30px;
	padding: 2px 10px;
	margin-top: 10px;
	display: inline-block;
}
.campaign_ongoing_bubble {
	background-color: #E85298;
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translate(-50%,0);
	width: 120px;
	padding: 2px 8px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 1.75;
	border-radius: 50px;
	z-index: 10;
	box-sizing: border-box;
}
.campaign_ongoing_bubble::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	content: ' ';
	border: 0 solid transparent;
	border-top-color: #E85298;
}
.maintenance_bubble {
	background-color: #EB001B;
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translate(-50%,0);
	width: 120px;
	padding: 2px 8px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 1.75;
	border-radius: 50px;
	z-index: 11;
	box-sizing: border-box;
}
.maintenance_bubble::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	content: ' ';
	border: 0 solid transparent;
	border-top-color: #EB001B;
}
.charge_method_list .charge_maintenance a{
	pointer-events: none;
	filter: brightness(50%);
}
.charge_category {
	padding: 20px 20px 0 20px;
	margin-bottom: 20px;
	border-radius: 16px;
}
.charge_category h2 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
.charge_category h2 i{
	margin-right: 5px;
}
.charge_category_popular {
	background-color: #E8F4FB;
}
.charge_category_qr {
	background-color: #E8FBF5;
}
.charge_category_bank {
	background-color: #F7FBE8;
}
.charge_category_cvs {
	background-color: #FBF3E8;
}
.charge_category_other {
	background-color: #FBEBE8;
	margin-bottom: 0;
}
.charge_about_bankpay{
	text-align: center;
}
.charge_about_bankpay img{
	width: 100%;
	margin-bottom: 20px;
}
/* ------------------------------------- */
/* 共通チェック・ラジオボタン */
/* ------------------------------------- */
input[type="checkbox"]{
	display: none;
	margin: 0;
}
input[type="checkbox"] + label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	word-break: break-all;
}
input[type="checkbox"] + label:before{
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	width: 16px;
	height: 16px;
	margin: 0;
	border: solid 2px #B8BECC;
	background-color: #fff;
	border-radius: 4px;
}
input[type="checkbox"]:checked + label:before{
	border-color: #00388B;
	background-color: #00388B;
}
input[type="checkbox"]:checked + label:after {
	position: absolute;
	content: "";
	top: 4px;
	left: 1px;
	width: 4px;
	height: 8px;
	margin: 0 6px;
	transform: rotate(40deg);
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
input[type="radio"]{
	display: none;
	margin: 0;
}
input[type="radio"] + label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
	padding-left: 30px;
	word-break: break-all;
}
input[type="radio"] + label:before{
	background-color: #fff;
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	width: 16px;
	height: 16px;
	margin: auto 0;
	border: solid 2px #B8BECC;
	border-radius: 50px;
}
input[type="radio"]:checked + label:before{
	border-color: #00388B;
}
input[type="radio"]:checked + label:after {
	background-color: #00388B;
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 5px;
	width: 10px;
	height: 10px;
	margin: auto 0;
	border-radius: 50px;
}
/* ------------------------------------- */
p.error {
	color:#E8374A;
}
p.success {
	color:#45B035;
}
p.attention{
	padding-left:18px;
	background-image:url(/static/members/COMMON/icon/dark/16/icon_warning.png);
	background-repeat:no-repeat;
	background-position:left 4px;
}
p.question{
	padding-left:18px;
	background-image:url(/static/members/COMMON/icon/dark/16/icon_question.png);
	background-repeat:no-repeat;
	background-position:left 4px;
}
span.notice{
	color:#E8374A;
}
strong.plus{
	color:#45B035;
}
strong.minus{
	color:#E8374A;
}
img.logo16{
	vertical-align:-2px;
}
div.notice_box{
	background-color:#F7F8FA;
	padding: 20px;
	border-radius: 8px;
}
.caution_box{
	background-color:#FFF6F6;
	padding: 20px;
	border-radius: 8px;
	border: solid 1px #E8374A;
	color: #E8374A;
}
.attention_border_box{
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	font-size: 14px;
	box-sizing: border-box;
	text-align: left;
	border: solid 1px #E8374A;
}
/* keep_remind */
.keep_remind {
	padding-bottom:12px;
}
.keep_remind p {
	background-color: #E8374A;
	border: 1px solid #333333;
	border-radius: 4px 4px 4px 4px;
	float: left;
	font-size: 12px;
	line-height: 1.2;
	padding: 5px;
	position: relative;
}
.keep_remind p strong{
	color: #C10700;
}
.keep_remind p:before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #333333;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -12px;
	position: absolute;
	width: 0;
}
.keep_remind p:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #E8374A;
	bottom: -9px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -12px;
	position: absolute;
	width: 0;
}
/* important  */
div.important {
	overflow:hidden;
	position:relative;
	height:auto;
	border:3px solid red;
	border-radius:5px;
	margin:0 20px 30px;
}
div.important_inner {
	height:auto !important;
	height:0px;
}
div.important div.title {
	width:120px;
	background:red;
	text-align:center;
	padding:20px 0;
	float:left;
}
div.important div.body {
	padding:20px;
	float:left;
	padding-bottom:205px;
	margin-bottom: -200px;
	font-size:16px;
}
/* attention */
div.attention {
	background:url(/static/members/PC/images/common/background/background-attention.png);
	color:#000000;
	border:1px solid #EBE661;
	border-radius:4px;
	padding:10px;
}
div.attention strong{
	color:#ff0000;
	font-weight:bold;
}
div.borderred{
	border:2px solid #E8374A;
}
body.login div.attention{
	background:none;
	border:4px solid #E8374A;
	padding:20px 10px 0;
}
body.login div.attention p{
	line-height:150%;
	margin-bottom:20px;
}
div.attention_box{
	background:none;
	border:1px solid #DCDFE6;
	padding:20px;
	border-radius: 8px;
}
div.attention_box strong{
	color:#E8374A;
}
/* login_column */
div.login_column div.login p.error {
	text-align:left;
}
.previous_registration{
	font-size: 12px;
	padding-right: 20px;
	margin: 20px 0;
	background-color: #fff;
	border-radius: 6px;
	padding: 15px;
	margin-right: 30px;
}
/* table */
table {
	border-collapse:collapse;
	border-spacing: 0;
	font-size: 14px;
}
html*table {
	border-collapse:collapse; /* IE6 IE7*/
}
table tr{
	border-top: 1px solid #DCDFE6;
	border-bottom: 1px solid #DCDFE6;
}
table th,
table td{
	padding: 30px 15px;
	vertical-align:top;
	background-color: #fff;
}
table th{
	background-color: #EBEDF2;
	vertical-align: middle;
}
table td{
	font-weight:500;
}
table p.error {
	font-size: 12px;
	padding-top:5px;
	color:#E8374A;
}
table p.success {
	padding-top:10px;
	color:#45B035;
}
table tr.error .nb {
	background:none;
}
table tr.nb{
	border:none;
}
table td.collapse{
	border-right:0;
}
table th.item {
	width:160px;
	background-color: #fff;
	vertical-align: top;
}
table th.item img{
	vertical-align: baseline;
}
table th .input_required{
	font-size: 11px;
	font-weight: normal;
	color: #E8374A;
	padding-left: 5px;
}
table.view{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
table.passnumber{
	width:400px;
	margin-left:auto;
	margin-right:auto;
}
table.w600{
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
table.w700{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}
table.full{
	width:100%;
}
table.passnumber input.ts{
	margin-right:5px;
}
table.view.important strong{
	font-size: 18px;
	margin-right: 5px;
}
table.input tr td.nb {
	vertical-align:top;
	border:0;
	width:355px;
	padding:3px 0 3px 3px;
}
table.input tr td.auto {
	width:auto;
}
table div.guide {
	zoom:1;
	margin-top:15px;
}
table div.guide:after {
	content:" ";
	display:block;
	clear: both;
}
table div.guide:before{
	content:" ";
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	margin-top   :-8px;
	margin-bottom:0;
	margin-left  :50px;
	border-bottom:8px solid #63E072;
	border-left  :6px solid transparent;
	border-right :6px solid transparent;
}
table div.guide_inner {
	border:1px solid #63E072;
	color:#000000;
	text-shadow:0 -1px 1px #FFFFFF;
	border-radius:4px;
	background-color:#DFFBE3;
	padding:10px;
	float:left;
}
table div.guide_inner:before{
	padding:0;
	content:" ";
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	margin-top   :-17px;
	margin-bottom:10px;
	margin-left  :40px;
	border-bottom:7px solid #DFFBE3;
	border-left  :5px solid transparent;
	border-right :5px solid transparent;
}
table.input div.guide img{
	vertical-align:middle;
	margin:0 5px;
}
table.input td.flow{
	border:none;
	background:none;
	padding:0;
}
table.input td.flow.next{
	border-bottom:0px;
	padding-bottom:44px;
	background:url(/static/members/PC/images/content/registermail/arrow.png) no-repeat bottom;
}
table.input td.flow table{
	width:100%;
}
table.input td.flow table th{
	text-align:left;
	padding-left:45px;
	vertical-align:middle;
}
table.input td.flow table th.num1{
	background-image:url(/static/members/PC/images/common/icon/icon-step1.png);
	background-repeat:no-repeat;
	background-position:10px center;
	width:115px;
}
table.input td.flow table th.num2{
	background-image:url(/static/members/PC/images/common/icon/icon-step2.png);
	background-repeat:no-repeat;
	background-position:10px center;
	width:115px;
}
table.input td.flow table th.num3{
	background-image:url(/static/members/PC/images/common/icon/icon-step3.png);
	background-repeat:no-repeat;
	background-position:10px center;
	width:115px;
}
table.view td {
	padding: 30px 15px;
}

table.input th.nrb,
table.input td.nrb,
table.view th.nrb,
table.view td.nrb{
	border-right:0;
}
table.input th.nlb,
table.input td.nlb,
table.view th.nlb,
table.view td.nlb{
	border-left:0;
}
table.input td.button_cell,
table.view td.button_cell{
	width:150px;
	border-left:0;
	text-align: right;
}
input.txs,
input.ts,
input.tm,
input.tl, 
select.ss,
select.sm,
select.sl,
select.ll{
	background-color: #fff;
	font-family: inherit;
	height: 48px;
	padding: 10px;
	font-size:14px;
	color: #333;
	box-shadow: none;
	border-radius: 8px;
	border: solid 1px #B8BECC;
	box-sizing: border-box;
	transition: 0.2s ease-in-out;
}
input.txs:focus,
input.ts:focus,
input.tm:focus,
input.tl:focus,
select.ss:focus,
select.sm:focus,
select.sl:focus,
select.ll:focus{
	background-color: #fff;
	border: solid 1px #00388B;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(206,236,251,1);
}
input.txs::placeholder,
input.ts::placeholder,
input.tm::placeholder,
input.tl::placeholder, 
select.ss::placeholder,
select.sm::placeholder,
select.sl::placeholder,
select.ll::placeholder{
	color: #8B94A6;
}
input.tl{
	width:360px;
}
input.tm {
	width:290px;
}
input.ts {
	width:100px;
	margin-right:5px;
}
input.txs {
	width:60px;
	margin-right:5px;
}
input.hiragana{
	font-size:16px;
}
.search_area label{
	display: block;
	margin: 0 0 5px 0;
	font-size: 14px;
}
.search_input{
	position: relative;
}
input.search{
	width: 300px;
	height: 44px;
	padding: 0 70px 0 40px;
	font-size: 14px;
	line-height: 1;
	box-sizing: border-box;
	border: solid 1px #DCDFE6;
	border-radius: 5px;
}
.search_input::before{
	position: absolute;
	left: 10px;
	bottom: 12px;
	font-family: 'Font Awesome 6 Pro';
	content: '\f002';
	font-weight: 900;
	font-size: 20px;
	line-height: 1;
	color: #7E889C;
}
.button_search{
	position: absolute;
	top: 1px;
	right: 1px;
	font-family: inherit;
	cursor: pointer;
	background-color: #EBEDF2;
	width: 60px;
	height: 42px;
	margin: 0 auto;
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	border: solid #DCDFE6;
	border-width: 0 0 0 1px;
	border-radius: 0 4px 4px 0;
	box-sizing: border-box;
	transition: 0.2s ease-in-out;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	overflow:hidden;
}
.button_search:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.button_search:focus{
	outline: 0;
}
.error input{
	border: solid 1px #E8374A;
}
.error select{
	border: solid 1px #E8374A;
}
.no_border_error .error input{
	border: solid 1px transparent;
}
.no_border_error .error input:focus {
	border: solid 1px #00388B;
}
select.sl,
select.sm,
select.ss,
select.ll{
	margin-right:5px;
}
select.sl {
	width:365px;
}
select.sm {
	width:150px;
}
select.ss {
	width:60px;
}
select.ll{
	width:100%;
}
table.input .lapcheck{
	vertical-align:-12px;
	margin-left:5px;
}
html *table.input .lapcheck{
	vertical-align:-8px;
}
table.input ul.setting li{
	padding:5px;
}
/* ------------------------------------- */
/* amount_charge */
/* ------------------------------------- */
.amount_charge li{
	display: inline-block;
	width: 48%;
	box-sizing: border-box;
	padding: 0 1% 10px;
}
.amount_charge li label{
	margin: 0;
}
.amount_charge input[type="radio"] + label{
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 15px 40px;
	border-radius: 8px;
	border: 1px solid #DCDFE6;
	box-sizing: border-box;
}
.amount_charge input[type="radio"] + label:hover{
	border: 1px solid #8B94A6;
}
.amount_charge input[type="radio"]:checked + label{
	background-color: #E6F7FF;
	color: #00388B;
	border: 1px solid #00388B;
}
.amount_charge input[type="radio"] + label:before{
	left: 10px;
}
.amount_charge input[type="radio"]:checked + label:after {
	left: 15px;
}
/* button */
div.submit {
	text-align:center;
	width:100%;
}
div.submit div.box {
	margin:0 auto;
	padding:20px 0 15px;
	position:relative;
}
* html div.submit div.box{
	position:static;
}
* + html div.submit div.box{
	position:static;
}
div.submit div.back{
	margin-top:20px;
	left:0;
}
* html div.submit div.back{
	position:static;
	margin-top:30px;
}
* + html div.submit div.back{
	position:static;
	margin-top:30px;
}
div.submit p.delete{
	position:absolute;
	bottom:0;
	right:-200px;
}
/* mailmagazine */
table.mailmagazin{
	position:relative;
}
div.mailmagazine {
	background:url(/static/members/PC/images/content/registration/attention-mailmagazine.png) #E8F6FF  no-repeat;
	border:1px solid #C4EAFE;
	border-radius:4px;
	height:160px;
}
div.mailmagazine .inner{
	padding-left:180px;
	padding-top :90px;
}
div.mailmagazine p.error{
	padding-left:10px;
}
div.mailmagazine div.address {
	margin-bottom:10px;
}
div.mailmagazine div.address input {
	width:360px;
	font-size:16px;
	border:1px solid #999;
	padding:3px;	
}
div.mailmagazine div.address input:focus {
	background-color:#FFD;
	border:1px solid #009CFF;
}
div.mailmagazine div.device_select {
}
div.mailmagazin_guide{
	margin-top:85px;
}
div.device_select input{
	vertical-align:-1px;
}
label {
	margin-left:5px;
	margin-right:30px;
}
/* privacyagreement */
div.agreement {
	margin-left:auto;
	margin-right:auto;
	width:700px;
}
div.agreement_head{
margin-bottom:5px;
font-size: 15px;
}
div.agreement div.agreement_body {
	background-color:#FFFFFF;
	border: 1px solid #999999;
	height: 10.5em;
	margin-bottom: 10px;
	overflow: auto;
	width: 100%;
}
div.agreement div.agreement_body_inner {
	margin: 5px;
}
div.agreement h3 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-right: 10px;
}
div.agreement h4, div.agreement h5, div.agreement h6 {
	font-weight: normal;
}
div.agreement div.agreement_body p {
	margin-bottom: 1em;
}
div.agreement ol, div.agreement ul {
	list-style-position: outside;
	padding: 0 20px;
}
div.agreement ol {
	list-style-type: decimal;
}
div.agreement ol.roman {
	list-style-type: lower-roman;
}
div.agreement ul {
	list-style-type: disc;
}
div.agreement ol ol, div.agreement ol ul {
	margin-bottom: 5px;
	margin-top: 5px;
}
div.agreement table {
	border-collapse: collapse;
	margin-bottom: 10px;
	margin-top: 10px;
}
div.agreement th, div.agreement td {
	border: 1px solid #666666;
	line-height: 135%;
	padding: 3px;
}
div.agreement td {
	background: none repeat scroll 0 0 #FFFFFF;
}
div.agreement th {
	background: none repeat scroll 0 0 #F3F3F3;
	font-weight: normal;
	width: 200px;
}
div.agreement li {
	margin-bottom: 10px;
}
div.agreement li li {
	border: medium none;
	margin-bottom: 0;
}
div.agreement_confirmation{
	width:290px;
	margin-left:auto;
	margin-right:auto;
}
div.agreement img{
	vertical-align:middle;
}

/* input button */
.button{
	font-family: inherit;
	cursor: pointer;
	background-color: #00388B;
	border: none;
	display: block;
	height: 50px;
	width: 300px;
	margin: 0 auto;
	padding: 0 20px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	line-height: 50px;
	border-radius: 100px;
	box-sizing: border-box;
	transition: 0.2s ease-in-out;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	overflow:hidden;
}
.button:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.button:focus{
	outline: 0;
}
.no_submit_btn{
	font-family: inherit;
	cursor: pointer;
	background-color: #aaa;
	border: none;
	display: block;
	height: 50px;
	width: 300px;
	margin: 0 auto;
	padding: 0 20px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	line-height: 50px;
	border-radius: 100px;
	box-sizing: border-box;
	transition: 0.2s ease-in-out;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	overflow:hidden;
}
.no_submit_btn:focus{
	outline: 0;
}
.button_white{
	background-color: #fff;
	color: #00388B;
	border: 1px solid #00388b;
}
.button_small{
	display: inline-block;
	width:auto;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
}
div.submit div.back .button_small{
	border: none;
}
.button_small_gray{
	display: inline-block;
	background-color: transparent;
	width:auto;
	height: 40px;
	color: #333;
	line-height: 40px;
	border: 1px solid #DCDFE6;
	font-weight: normal;
}
.icon_signup{
	background-color: transparent;
	color: #45B035;
	border: 1px solid #45B035;
	text-decoration: none !important;
}
.icon_signup:hover{
	background-color: #45B035;
	color: #fff;
	border: 1px solid #45B035;
	opacity: 1;
}
.icon_note {
	text-align:right;
	background-image:url(/static/members/COMMON/icon/light/24/icon_coinbook.png),url(/static/members/COMMON/texture/tex_slash-dark-gray.png);
	background-position:20px center,0 0;
	background-repeat:no-repeat,repeat;

	background-image:url(/static/members/COMMON/icon/light/24/icon_coinbook.png)\9;
	background-position:20px center\9;
	background-repeat:no-repeat\9;
}
.icon_download{
	background-image:url(/static/members/COMMON/icon/light/24/icon_download.png);
	background-position:20px center;
	background-repeat:no-repeat;
	text-align:right;
	padding-right: 25px;
}
.icon_login{
	background-image:url(/static/members/COMMON/icon/light/24/icon_login.png);
	background-position:20px center;
	background-repeat:no-repeat;
	text-align:right;
}
.button_gift{
	font-family: inherit;
	cursor: pointer;
	background-color: #E85298;
	border: none;
	display: block;
	height: 50px;
	width: 300px;
	margin: 0 auto;
	padding: 0 20px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	line-height: 50px;
	border-radius: 100px;
	box-sizing: border-box;
	transition: 0.2s ease-in-out;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	overflow:hidden;
}
.button_gift:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.button_gift:focus{
	outline: 0;
}
.row_btn_area{
	margin: 0 auto;
	text-align: center;
}
.row_btn_area ul li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
}
.row_btn_area ul li:last-child{
	margin-right: 0;
}
div.charge_result{
	background:url(/static/members/PC/images/common/icon/arrow.png) no-repeat 45% 60%;
	width:650px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
div.charge_result div.before{
	background:url(/static/members/PC/images/content/charge/unify/charge_segment_before.png) no-repeat;
	width:232px;
	height:112px;
	float:left;
	position:relative;
	left: 13px;
	margin-top:19px;
}
div.charge_result div.before.ex{
	background:url(/static/members/PC/images/content/charge/unify/charge_segment_before.png) no-repeat;
}
div.charge_result div.before p.balance{
	position:absolute;
	top:75px;
	right:15px;
	text-align:center;
}
div.charge_result div.before p.balance strong{
	font-size:16px;
	margin-right:5px;
}
div.charge_result div.after{
	background:url(/static/members/PC/images/content/charge/unify/charge_segment_after.png) no-repeat;
	width:304px;
	height:147px;
	float:right;
	position:relative;
}
div.charge_result div.after.ex{
	background:url(/static/members/PC/images/content/charge/unify/charge_segment_after.png) no-repeat;
}
div.charge_result div.after p.balance{
	position:absolute;
	top:95px;
	right:20px;
	text-align:center;
}
div.charge_result div.after p.balance strong{
	font-size:28px;
	margin-right:5px;
}
div.chargecoin_image{
	margin-bottom:40px;
}
div.chargecoin_result{
	background:url(/static/members/PC/images/common/icon/arrow.png) no-repeat 40% 60%;
	width:650px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
div.chargecoin_result div.before{
	background:url(/static/members/PC/images/content/chargecoin/charge-coin-before.png) no-repeat;
	width:161px;
	height:232px;
	float:left;
	position:relative;
	left: 40px;
	margin-top:20px;
}
.chargecoin_result .before .balance{
	position:absolute;
	top:160px;
	width:160px;
	text-align:center;
}
.chargecoin_result .before .balance strong{
	font-size:18px;
	margin-right:5px;
}
div.chargecoin_result div.after{
	background:url(/static/members/PC/images/content/chargecoin/unify/charge_coin_after.png) no-repeat;
	width:304px;
	height:122px;
	float:right;
	position:relative;
	margin-top:80px;
	text-indent:-9999px;
}
div.chargecoin_result div.after.ex{
	background:url(/static/members/PC/images/content/chargecoin/unify/charge_coin_after.png) no-repeat;
}

/* migration */
body.migration div.mybitcash{
	height:330px;
	background:url(/static/members/PC/images/content/shift/figure-mybitcash.jpg) no-repeat bottom;
}
body.migration div.mycoin{
	height:330px;
	background:url(/static/members/PC/images/content/shift/figure-mycoin.jpg) no-repeat bottom;
}

body.migration div.profile{
	border:1px solid #B4B4B4;
}
/* selectcard */
div.selectcard{
	width:530px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #AAAAAA;
	padding:10px;
}
div.selectcard table.view{
	width:510px;
}
div.selectcard table.view td{
	text-align:center;
}
div.selectcard .selectcard_text{
	font-weight:bold;
	font-size: 16px;
}
div.selectcard table.view td p.notice{
	background-color:#FFFFDD;
	text-align:left;
	padding:5px;
	border: 2px solid #E8374A;
	border-radius: 4px;
}
div.specifydomain{
	margin-top:20px;
	margin-left:150px;
}
div.specifydomain li {
	position:relative;
}
div.specifydomain li input{
	margin-left:0;
}
div.specifydomain li p {
	padding-top:10px;
}
div.specifydomain li a.button_delete_s ,
div.specifydomain li input.button_add_s {
	position:absolute;
	right:10px;
	top:0;
}
div.table_navigation{
	font-size: 14px;
}
div.table_navigation:after {
	content:"";
	display:block;
	clear: both;
}
div.table_navigation .norecord{
	display:none;
}
.table_navigation div.term{
	float:left;
}
.table_navigation div.term li{
	float:left;
}
.table_navigation div.term li.active{
	float:left;
}
.table_navigation div.term li a{
	display: inline-block;
	color:#1a1a1a;
	padding: 0 15px 15px;
	box-sizing: border-box;
	margin-right: 10px;
}
.table_navigation div.term li:last-child a{
	margin-right: 0;
}
.table_navigation div.term li.active a{
	color:#00388B;
	font-weight: bold;
	box-sizing: border-box;
	border-bottom: 4px solid #00388B;
}
.table_navigation .pager{
	overflow:hidden;
	float:right;
	text-align: right;
}
.table_navigation .pager p{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #8B94A6;
}
.table_navigation .pager div.pager_nav{
	display: inline-block;
	vertical-align: middle;
	height: 40px;
}
.table_navigation .pager div.pager_nav div{
	display: inline-block;
	width:40px;
	height:40px;
	overflow: hidden;
	margin-left: 10px;
}
.table_navigation .pager div.pager_nav div a:hover{
	background-color: #EBEDF2;
}
.table_navigation .button_pager_l {
	position: relative;
	border: 1px solid #EBEDF2;
	display:block;
	text-indent: -9999px;
	cursor:pointer;
	width: 38px;
	height: 38px;
	margin:0 auto;
	border-radius:50%;
	text-decoration: none !important;
}
.table_navigation .button_pager_l:before{
	text-indent: 0;
	display: block;
	color: #333;
	font-size: 15px;
	width: 38px;
	height: 38px;
	text-align: center;
	vertical-align: middle;
	line-height: 38px;
	font-family: 'Font Awesome 6 Pro';
	content: "\f104";
	font-weight: 900;
}
.table_navigation .button_pager_r {	
	position: relative;
	border: 1px solid #EBEDF2;
	display:block;
	text-indent: -9999px;
	cursor:pointer;
	width: 38px;
	height: 38px;
	margin:0 auto;
	border-radius:50%;
	text-decoration: none !important;
}
.table_navigation .button_pager_r:before{
	text-indent: 0;
	display: block;
	color: #333;
	font-size: 15px;
	width: 38px;
	height: 38px;
	text-align: center;
	vertical-align: middle;
	line-height: 38px;
	font-family: 'Font Awesome 6 Pro';
	content: "\f105";
	font-weight: 900;
	
}
#pager_bottom.pager{
	padding: 20px 0;
}
p.icon_read {
	background:url(/static/members/COMMON/icon/dark/24/icon_mailbox.png) no-repeat left top;
	padding-left:38px;
}
p.icon_unread {
	background:url(/static/members/COMMON/icon/dark/24/icon_mailbox.png) no-repeat left;
	padding-left:38px;
	font-weight:bold;
	color:#ff9600;
}
.icon_opened {
	background:url(/static/members/COMMON/icon/dark/24/icon_giftbox.png) no-repeat left top;
	padding-left:33px;
}
.icon_unopened {
	background:url(/static/members/COMMON/icon/dark/24/icon_giftbox.png) no-repeat left top;
	padding-left:33px;
}
.icon_expiration {
	background:url(/static/members/COMMON/icon/dark/24/icon_warning.png) no-repeat left top;
	padding-left:33px;
}
.icon_ex{
	padding-top:5px;
	padding-bottom:3px;
	padding-left:35px;
}
.icon_st{
	padding-top:5px;
	padding-bottom:3px;
	padding-left:35px;
}
.icon_other{
	background:url(/static/members/PC/images/common/icon/icon-other-27.png) no-repeat left center;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:35px;
}
table.view td.profile_your_grade{
	background-position: left center;
	background-repeat:no-repeat;
	background-size: 21px 24px;
	padding-left: 30px;
}
.bronze .profile_your_grade{
	background-image:url(/material/members/common/images/icon/grade_bronze.svg);
}
.silver .profile_your_grade{
	background-image:url(/material/members/common/images/icon/grade_silver.svg);
}
.gold .profile_your_grade{
	background-image:url(/material/members/common/images/icon/grade_gold.svg);
}
.platinum .profile_your_grade{
	background-image:url(/material/members/common/images/icon/grade_platinum.svg);
}
.diamond .profile_your_grade{
	background-image:url(/material/members/common/images/icon/grade_diamond.svg);
}
.premium .profile_your_grade{
	background-image:url(/material/members/common/images/icon/grade_premium.svg);
}
.grade_guide{
	background-color:#F7F8FA;
	margin-top: 20px;
	padding: 20px;
	width: 100%;
	font-size: 12px;
	box-sizing: border-box;
}
.grade_guide_inner strong{
	color:#E85298;
}
.grade_guide_inner_exp{
	font-weight: bold;
	font-size: 14px;
}
body.giftbox .button_giftbox{
	border:none;
	display:block;
	text-indent: -9999px;
	cursor:pointer;
	background:url(/static/members/PC/images/content/gift/button-giftopen_off.jpg) no-repeat;
	width:480px;
	height:341px;
	margin:0 auto;
}
body.giftbox .button_giftbox:hover {
	background:url(/static/members/PC/images/content/gift/button-giftopen_on.jpg) no-repeat;
}
.regist_newcard{
width: 552px;
margin: 0 auto 30px;
font-weight: bold;
}
.mail_attention{
margin-bottom:20px;
color:#f00;
}
div.profile_box{
width:495px;
margin-right:auto;
margin-left:auto;
}
table.input tr.fr th.secret_q{
padding:15px 5px;
}
.gift_title{
margin-top: -8px;
}
/* message */
.message{
	background-color: #fff;
    padding: 40px 40px 40px;
    border-radius: 12px;
    min-width: 774px;
    box-sizing: border-box;
	border: 1px solid #DCDFE6;
}
.message strong{
	color:#E8374A;
	font-size:14px;
	margin-right:3px;
	margin-left:3px;
}
.message .box{
	padding:20px 0;
	border-bottom:1px solid #dddddd;
}
.message .box:last-child{
	border:none;
}
.message .gift_image{
	float:right;
	margin-bottom:-20px;
	margin-top:-30px;
}
.message .gift_open{
	background-color:#d50000;
	color:#FFFFFF;
	width:180px;
	text-align:center;
	line-height:32px;
	position:relative;
	margin-bottom:15px;
}
.message .gift_open:after{
	content:" ";
	width:0;
	height:0;
	border-top  :6px solid #d50000;
	border-left :6px solid transparent;
	border-right:6px solid transparent;
	position:absolute;
	margin-left:-6px;
	bottom:-6px;;
	left:50%;
}
.message .message_subject{
	font-size:15px;
	margin-bottom:10px;
}
.message .message_sender{
	text-align:right;
}
.message .social_link li{
	display: inline-block;
    line-height: 1;
    vertical-align: top;
    padding: 0 10px;
}
.message .social_link li:first-child{
    padding-left: 0;
}
.message .social_link li.google{
	width:70px;
}
.message .social_link li.gree{
	width:90px;
}
.message .lead{
	margin-bottom:10px;
}
.message .stampcard{
	width: auto;
	height: auto;
	margin-bottom:10px;
	background-color:#345933;
	background-image:url(/static/members/COMMON/texture/tex_dot-green.png);
	border-radius:10px;
	box-shadow:0 0 10px #333333 inset;
	overflow:hidden;
}
.message .stampcard .stampcard_inner{
	width:100%;
	height:240px;
	position:relative;
	padding:30px 0;
	overflow:hidden;
}
.message .stampcard a{
	position:absolute;
	top  :15px;
	right:15px;
	display:block;
	padding:0;
}
.message .grid{
	background-color: #F8F8F7;
	background-image: url("/static/members/COMMON/texture/tex_white-noise.png");
	margin:0 auto;
	width:264px;
	height:220px;
	box-shadow:0 10px 10px #333333,0 0 20px #c3c3b8 inset;
	position:relative;
	z-index:10;
	padding:10px 10px;
}
.message .grid .inner{
	border:4px solid #dddddd;
	margin-bottom:5px;
}
.message .grid .expire_date{
	text-align:right;
	margin-right:0;
}
.message .antique_stamp{
	position:absolute;
	top:-5px;
	left: 18%;
	z-index:100;
}
.message .overflow .stampcard_inner:before{
	content:" ";
	width:284px;
	height:240px;
	display:block;
	background-color: #F8F8F7;
	background-image: url("/static/members/COMMON/texture/tex_white-noise.png");
	box-shadow:0 10px 10px #333333,0 0 20px #c3c3b8 inset;
	position:absolute;
	top:25px;
	left:110px;
	z-index:1;
	-moz-transform : rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform : rotate(-2deg);
	-ms-transform : rotate(-2deg);
}
.message .stampcard ul{
	margin:0 auto;
}
.message .stampcard li{
	width:62px;
	height:62px;
	float:left;
	border-top:1px dashed #FFFFFF;
	border-bottom:1px dashed #CCCCCC;
	border-left:1px dashed #FFFFFF;
	border-right:1px dashed #CCCCCC;
}
.message .stampcard li.stamp4,
.message .stampcard li.stamp8,
.message .stampcard li.stamp12{
	border-right:1px solid transparent;
}
.message .stampcard li.stamp1,
.message .stampcard li.stamp5,
.message .stampcard li.stamp9{
	border-left:1px solid transparent;
}
.message .stampcard li.stamp9,
.message .stampcard li.stamp10,
.message .stampcard li.stamp11,
.message .stampcard li.stamp12{
	border-bottom:1px solid transparent;
}
.message .stampcard li.stamp1,
.message .stampcard li.stamp2,
.message .stampcard li.stamp3,
.message .stampcard li.stamp4{
	border-top:1px solid transparent;
}
.message .stampcard li.stamp4,
.message .stampcard li.stamp8{
	background-image:url(/static/members/COMMON/stamp/print_100coin.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:relative;
}
.message .stampcard li.stamp12{
	background-image:url(/static/members/COMMON/stamp/print_500coin.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:relative;
}
.message .stampcard li div{
	width:62px;
	height:62px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:relative;
}
.message .stampcard li.stamp1 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/aries.png);
}
.message .stampcard li.stamp2 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/taurus.png);
}
.message .stampcard li.stamp3 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/gemini.png);
}
.message .stampcard li.stamp4 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/cancer.png);
}
.message .stampcard li.stamp5 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/leo.png);
}
.message .stampcard li.stamp6 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/virgo.png);
}
.message .stampcard li.stamp7 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/libra.png);
}
.message .stampcard li.stamp8 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/scorpio.png);
}
.message .stampcard li.stamp9 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/sagittarius.png);
}
.message .stampcard li.stamp10 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/capricornus.png);
}
.message .stampcard li.stamp11 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/aquarius.png);
}
.message .stampcard li.stamp12 div{
	background-image:url(/static/members/COMMON/stamp/zodiac/48/pisces.png);
}
.message .stampcard li div span{
	display:block;
	width:62px;
	height:62px;
}
.message .stampcard li.new div span{
	background-image:url(/static/members/COMMON/stamp/sticker_new.png);
	background-repeat:no-repeat;
	background-position:right top;
}
.message .code{
	margin-bottom:20px;
	border-bottom:1px dashed #dddddd;
	padding-bottom:3px;
}
.message .code:last-child{
	margin-bottom:0;
}
.message .code dt{
	width:150px;
	float:left;
	line-height:24px;
}
.message .code dd{
	float:left;
	width:350px;
	position:relative;
	line-height:24px;
}
.message .code .check{
	font-weight:bold;
	font-size:14px;
}
.message .code .check:after{
	display:block;
	content:"Check!";
	background-color:#d50000;
	color:#FFFFFF;
	text-shadow:0 -1px 0 #333333;
	width:60px;
	text-align:center;
	line-height:20px;
	font-size:10px;
	position:absolute;
	margin-bottom:15px;
	top:-28px;
}
.message .code .check:before{
	content:" ";
	width:0;
	height:0;
	border-top  :4px solid #d50000;
	border-left :4px solid transparent;
	border-right:4px solid transparent;
	position:absolute;
	margin-left:-4px;
	top:-8px;
	left:32px;
}
/* charge */
.charge_logo_image{
	padding:30px;
	border-radius:4px;
	background-color:#FFFFFF;
}
/* セレクトショップ */
.card_select_area{
	width: 680px;
	margin: 0 auto;
}
.card_select_list{
	text-align: center;
	vertical-align: top;
	display: inline-block;
	width: 340px;
	margin-bottom: 30px;
}
.amazon .card_select_list .card_select_button{
	border-radius:0px;
	box-shadow:none;
	background-color:#fff;
	height:180px;
}
.select_card_info{
	width: 280px;
	margin: 20px auto 0;
}
.select_card_cp_icon{
	display: inline-block;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
    color: #fff;
    background-color: #ff4da5;
    border-radius: 5px;
    padding: 1px 5px;
}
.select_card_new_icon{
	display: inline-block;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
    color: #fff;
    background-color: #28c7c7;
    border-radius: 5px;
    padding: 1px 5px;
}
.select_card_premium_icon{
	display: inline-block;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
    color: #fff;
    background-color: #ff9d2c;
    border-radius: 5px;
    padding: 1px 5px;
}
.select_card_sale{
	display: inline-block;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
    color: #ff4da5;
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.card_select_list .card_select_name{
	font-size: 12px;
	line-height: 1.75;
}
.card_select_list .card_select_button{
	cursor: pointer;
	text-indent:-9999px;
	width: 280px;
	height: 180px;
	border: none;
	border-radius:4px;
	box-shadow:0 3px 3px rgba(3,3,3,0.3);
	background-color:#e9e9e9;
}
.card_select_list .card_select_button:hover{
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.card_select_gift_step{
	width: 680px;
	margin: 0 auto;
}
.card_select_gift_step li{
	vertical-align: top;
	display: inline-block;
	width: 200px;
	margin-right: 40px;	
}
.card_select_gift_step li:last-child{
	margin-right: 0;
}
.card_select_introduction{
	padding: 20px 0 20px;
}
.card_select_introduction .introduction_area{
	margin-bottom: 30px;
}
.card_select_introduction .introduction_logo{
	float: left;
	width: 25%;
	text-align: center;
}
.card_select_introduction .introduction_logo img{
	width: 100%;
}
.card_select_introduction .introduction_text{
	float: left;
	width: 70%;
	padding-left: 5%;
}
.card_select_introduction .introduction_image{
	text-align: center;
	margin-bottom: 20px;
}
.card_select_introduction .introduction_image ul li{
	display: inline-block;
	text-align: center;
	padding: 0 10px 10px;
}
.card_select_introduction .introduction_link{
	color: #757980;
	display: block;
	width: 180px;
	margin: 0 auto 20px;
	line-height: 36px;
	border: 1px solid #757980;
	text-decoration: none;
	border-radius: 4px;
	text-align: center;
}
.card_select_introduction .introduction_link:hover{
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.card_select_introduction .introduction_copy{
	text-align: center;
	color: #808080;
	font-size: 10px;
}
.cardpurchasecomplete_gift{
	vertical-align: middle;
	display: inline-block;
	width: 400px;
	margin-right: 13px;
}
.cardpurchasecomplete_qr_code{
	vertical-align: middle;
	display: inline-block;
	width: 100px;
}
.card_box_list{
	padding: 15px 10px;
	border-bottom: 1px solid #DCDFE6;
	margin-bottom: 10px;
}
.card_box_list_image{
	float: left;
	margin-right: 10px;
}
.card_box_list_content{
	float: left;
	width: 445px;
}
.card_box_list_content ul{
	font-size: 14px;
}
.card_box_qr_code{
	float: left;
	width: 100px;
	margin-left: 10px;	
}
.card_box_caution{
	color: #E8374A;
}
.cardbox_copy{
	color: #979797;
	font-size: 10px;
	font-family: "Segoe UI",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.cardbox_amazon_notice{
	color: #979797;
	font-size: 10px;
}
.cardbox_amazon_notice a{
	color: #979797;
}
.card_purchase_condition{
	padding: 15px 20px;
	background-color: #fff;
	border-radius: 4px;
	border: solid 1px #ff1a00;
	display: inline-block;
}
/* セレクトショップパーツ（selectShopPR） */
.selectshop_pr{
	margin-top: 30px;
	text-align: center;
}
.selectshop_bnr a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80)
}
/****/
.exchange_result{
	background:url(/static/members/PC/images/common/icon/arrow.png) no-repeat 40% 60%;
	width:650px;
	height:210px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.exchange_result .before{
	background:url(/static/members/PC/images/content/exchange/exchange-coin-before.png) no-repeat;
	width:160px;
	height:160px;
	float:left;
	position:relative;
	left: 40px;
	margin-top: 20px;
}
.exchange_result .before .balance{
	position:absolute;
	top:160px;
	width:160px;
	text-align:center;
}
.exchange_result .before .balance strong{
	font-size:18px;
	margin-right:5px;
}
.exchange_result .after{
	background:url(/static/members/PC/images/content/exchange/exchange-coin-after-dpoint.png) no-repeat;
	width:304px;
	height:122px;
	float:right;
	position:relative;
	margin-top:60px;
}
.exchange_result .after .balance{
	position:absolute;
	top:65px;
	width:304px;
	text-align:center;
}
.exchange_result .after .balance strong{
	font-size:28px;
	margin-right:5px;
}
/* ------------------------------------- */
/* login_register */
/* ------------------------------------- */
.login_register .page_body{
    padding: 50px 50px 50px;
    min-width: 512px;
	max-width: 512px;
	margin: 40px auto 0;
}
.login_register .page_body a:hover{
	text-decoration: underline;
}
.login_register .page_body h1{
	font-size: 24px;
	text-align: center;
}
.login_register .page_body tr{
	border: none;
}
.login_register .page_body th{
	display: block;
	width: 100%;
	padding: 0;
	font-weight: bold;
	text-align: left;
}
.login_register .page_body td{
	display: block;
	width: 100%;
	padding: 0;
}
.login_register .page_body .button{
	width: 100%;
}
.login_register .page_body .button_small{
	width: auto;
}
.login_register .page_body input{
	width: 100%;
}
.login_register .page_body .lead_box{
	color: #7E889C;
}
.login_register .page_body .input_width_auto input{
	width: auto;
}
.submit label{
	margin: 0;
}
.login_register .register_mailmagazine{
	font-size: 14px;
	margin-right: 0;
}
.login_register .register_mailmagazine_bold{
	font-weight: bold;
}
.register_mailmagazine_rank{
	font-weight: bold;
}
/* ------------------------------------- */
/* additional_frame */
/* ------------------------------------- */
.login_register .additional_frame{
	padding: 30px;
	border: solid 1px #DCDFE6;
	box-sizing: border-box;
	border-radius: 10px;
}
/* ------------------------------------- */
/* login_register login_register_step */
/* ------------------------------------- */
.login_register_step{
	text-align: center;
	margin-bottom: 30px;
}
.login_register_step ul li{
	position: relative;
	width: 100px;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	color: #8B94A6;
	line-height: 1;
	margin-right: 40px;
	vertical-align: top;
}
.login_register_step ul li:last-child{
	margin-right: 0;
}
.login_register_step ul li:after{
	content: '';
	position: absolute;
	background-color: #8B94A6;
	height: 1px;
	width: 90px;
	top: 15px;
	left: 75px;
}
.login_register_step ul li:last-child:after{
	content: none;
}
.login_register_step ul li.login_register_step_act{
	color: #00388B;
}
.login_register_step ul li.login_register_step_end{
	color: #8B94A6;
}
.step_number{
	display: inline-block;
	background-color: transparent;
	width: 27px;
	height: 27px;
	color: #8B94A6;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	border-radius: 100px;
	margin-bottom: 5px;
	border: 1px solid #8B94A6;
}
.login_register_step ul li.login_register_step_act .step_number{
	background-color: #00388B;
	color: #fff;
	border: 1px solid #00388B;
}
.login_register_step ul li.login_register_step_end .step_number{
	background-color: #8B94A6;
	color: #fff;
	border: 1px solid #8B94A6;
}
/* ------------------------------------- */
/* passnumber */
/* ------------------------------------- */
.passnumber{
	width: 190px;
	padding: 0;
	margin: 30px auto;
}
.passnumber .num,
.passnumber .clear {
	box-sizing: border-box;
	float: left;
	margin-left: 11px;
	margin-top: 8px;
	width: 56px;
	height: 56px;
	border-radius: 28px;
	border: solid 1px #CEECFB;
	background: #fff;
	text-align: center;
	font-size: 26px;
	line-height: 1;
	vertical-align: middle;
	color: #00388B;
	cursor: pointer;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.passnumber .num:nth-child(3n+1) {
	margin-left: 0;
}
.passnumber .num:nth-child(-n+3) {
	margin-top: 0;
}
.passnumber .num {
	padding-top: 8px;
}
.passnumber .clear {
	width: 123px;
	text-align:center;
	font-size: 14px;
	line-height: 56px;
}
.passnumber .num:hover,
.passnumber .clear:hover {
	background-color: #CEECFB;
}
.passnumber .num .alphabet {
	padding-top: 3px;
	font-size: 10px;
}
/* ------------------------------------- */
/* register_step_num */
/* ------------------------------------- */
.register_step_num .step_num1{
	background-image:url(/material/members/common/images/icon/step_blue_square/01.svg);
	background-repeat:no-repeat;
	background-position: 0 top;
	background-size: 24px 26px;
	padding-left: 30px;
	margin-bottom: 20px;
	min-height: 26px;
}
.register_step_num .step_num2{
	background-image:url(/material/members/common/images/icon/step_blue_square/02.svg);
	background-repeat:no-repeat;
	background-position: 0 top;
	background-size: 24px 26px;
	padding-left: 30px;
	margin-bottom: 20px;
	min-height: 26px;
}
/* ------------------------------------- */
/* login_register_arrow */
/* ------------------------------------- */
.login_register_arrow{
	margin: 20px auto;
	width: 46px;
	height: 44px;	
}
/* ------------------------------------- */
/* 告知用モーダル（画像用・×のみでクローズ） */
/* ------------------------------------- */
.info_modal{
	display: none;
}
.info_modal_bg{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 200;
}
.info_modal_close{
	position:absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	z-index: 220;
	color: #fff;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}
.info_modal_body{
	background-color: #fff;
	border: 10px solid #fff;
	border-radius: 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 80%;
	max-height: 80%;
	margin: auto;
	box-sizing: border-box;
	z-index: 210;
	overflow: auto;
}
.info_modal_body img{
	max-width: 900px;
}
/* ------------------------------------- */
/* iziModalモーダル共通 */
/* ------------------------------------- */
.modal_content_block{
	background: #fff;
	border-radius: 25px;
	padding: 30px;
}
.modal_content_icon{
	text-align: center;
	font-size: 45px;
	line-height: 1;
	margin-bottom: 10px;
}
.modal_content_block h2{
	font-size: 18px;
	font-weight: bold;
	color: #707070;
	text-align: center;
	margin-bottom: 10px;
}
.modal_content_summary{
	font-size: 14px;
	text-align: left;
	margin-bottom: 30px;
}
.modal_content_summary{
	font-size: 14px;
	text-align: left;
	margin-bottom: 30px;
}
.modal_blue_area{
	width: 100%;
	text-align: left;
	background-color: #e2f5ff;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 8px;
}
/* .modal_default */
.modal_default .modal_content_block{
	min-width: 600px;
}
/* .modal_caution */
.modal_caution .modal_content_block{
	min-width: 600px;
}
.modal_caution .modal_content_icon{
	color: #EB001B;
}
.modal_caution .modal_content_block .row_btn_area .button{
	width: 250px;
}
/* .modal_caution */
.modal_caution .modal_content_block{
	min-width: 600px;
}
.modal_caution .modal_content_icon{
	color: #EB001B;
}
.modal_caution .modal_content_block .row_btn_area .button{
	width: 250px;
}
/* .modal_check */
.modal_check .modal_content_block{
	min-width: 300px;
}		
.modal_check .modal_content_icon{
	color: #51C17D;
}
.modal_check .modal_content_block .button{
	width: 100%;
}
/* ------------------------------------- */
/* リアルタイムエラー */
/* ------------------------------------- */
form .input_area {
	position: relative;
}
form .input_area .pass_input {
	padding-right: 60px;
}
form .input_area .pass_input::-ms-reveal {
	visibility:hidden
}
.error_form {
	margin-top: 10px;
	width: 100%;
	background: #E6000F;
	color: #fff;
	font-size: 12px;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}
i.real_time_ok {
	font-size: 20px;
	color: #88BB11;
	vertical-align: middle;
	padding-left: 5px;
	display: none;
}
i.real_time_ng {
	font-size: 20px;
	color: #E6000F;
	vertical-align: middle;
	padding-left: 5px;
	display: none;
}
.error_real_time {
	margin-top: 10px;
	width: 100%;
	background: #E6000F;
	color: #fff;
	font-size: 12px;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	display: none;
}
.error_real_time_text {
	display: none;
}
/* ------------------------------------- */
/* パスワード表示非表示 */
/* ------------------------------------- */
.toggle_pass_btn {
	position: absolute;
	margin: auto 0;
	width: 50px;
	height: 40px;
	top: 0;
	bottom: 0;
	right: 5px;
	font-size: 14px;
	text-align: center;
	color: #00388B;
	line-height: 40px;
	cursor: pointer;
}
/* ------------------------------------- */
/* パスワード強度メーター */
/* ------------------------------------- */
.password_strength {
	display: block;
	width: 100%;
}
#password_meter_progress {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
	width: 100%;
}
#password_meter_progress li {
	width: 18%;
	background: #ccc;
	height: 8px;
}
#password_meter_progress li.low {
	background: #E6000F;
}
#password_meter_progress li.medium {
	background: #E8BE00;
}
#password_meter_progress li.high {
	background: #88BB11;
}
.password_strength_text {
	text-align: right;
	font-size: 12px;
	color: #7E889C;
}
.password_strength_text p span {
	padding-right: 5px;
	font-size: 14px;
}
.password_strength_text p span.low {
	color: #E6000F;
}
.password_strength_text p span.medium {
	color: #E8BE00;
}
.password_strength_text p span.high {
	color: #88BB11;
}
/* margin padding */
.tcenter {
	text-align:center;
}
.tleft {
	text-align:left;
}
.tright {
	text-align:right;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.vatop{
	vertical-align: top;
}
.vamiddle{
	vertical-align: middle;
}
.vabottom{
	vertical-align: bottom;
}
.lheight1{
	line-height: 1;
}
.ma0 {
	margin:0;
}
.mb0 {
	margin-bottom:0;
}
.mauto{
	margin-left:auto;
	margin-right:auto;
}
.ma10 {
	margin:10px;
}
.mv10 {
	margin-top:10px;
	margin-bottom:10px;
}
.mh10 {
	margin-left:10px;
	margin-right:10px;
}
.mt10 {
	margin-top:10px;
}
.mb10 {
	margin-bottom:10px;
}
.ml10 {
	margin-left:10px;
}
.mr10 {
	margin-right:10px;
}
.ma20 {
	margin:20px;
}
.mv20 {
	margin-top:20px;
	margin-bottom:20px;
}
.mh20 {
	margin-left:20px;
	margin-right:20px;
}
.mt20 {
	margin-top:20px;
}
.mb20 {
	margin-bottom:20px;
}
.ml20 {
	margin-left:20px;
}
.mr20 {
	margin-right:20px;
}
.ma30 {
	margin:30px;
}
.mv30 {
	margin-top:30px;
	margin-bottom:30px;
}
.mh30 {
	margin-left:30px;
	margin-right:30px;
}
.mt30 {
	margin-top:30px;
}
.mb30 {
	margin-bottom:30px;
}
.ml30 {
	margin-left:30px;
}
.mr30 {
	margin-right:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
.pa0 {
	padding:0;
}
.pa10 {
	padding:10px;
}
.pv10 {
	padding-top:10px;
	padding-bottom:10px;
}
.ph10 {
	padding-left:10px;
	padding-right:10px;
}
.pt10 {
	padding-top:10px;
}
.pb10 {
	padding-bottom:10px;
}
.pl10 {
	padding-left:10px;
}
.pr10 {
	padding-right:10px;
}
.pa20 {
	padding:20px;
}
.pv20 {
	padding-top:20px;
	padding-bottom:20px;
}
.ph20 {
	padding-left:20px;
	padding-right:20px;
}
.pt20 {
	padding-top:20px;
}
.pb20 {
	padding-bottom:20px;
}
.pl20 {
	padding-left:20px;
}
.pr20 {
	padding-right:20px;
}
.pa30 {
	padding:30px;
}
.pv30 {
	padding-top:30px;
	padding-bottom:30px;
}
.ph30 {
	padding-left:30px;
	padding-right:30px;
}
.pt30 {
	padding-top:30px;
}
.pb30 {
	padding-bottom:30px;
}
.pl30 {
	padding-left:30px;
}
.pr30 {
	padding-right:30px;
}
.pb40 {
	padding-bottom:40px;
}
.pb50 {
	padding-bottom:50px;
}
.wbreakall{
	word-break: break-all;
}
.fwbold{
	font-weight: bold;
}
.fsize10{
	font-size:10px;
}
.fsize11{
	font-size:11px;
}
.fsize12{
	font-size:12px;
}
.fsize14{
	font-size:14px;
}
.fsize15{
	font-size:15px;
}
.fsize16{
	font-size:16px;
}
.fsize18{
	font-size:18px;
}
.fsize20{
	font-size:20px;
}
.wr5{
	width:5%;
}
.wr10{
	width:10%;
}
.wr15{
	width:15%;
}
.wr20{
	width:20%;
}
.wr25{
	width:25%;
}
.wr30{
	width:30%;
}
.wr35{
	width:35%;
}
.wr40{
	width:40%;
}
.wr45{
	width:45%;
}
.wr50{
	width:50%;
}
.wr55{
	width:55%;
}
.wr60{
	width:60%;
}
.wr65{
	width:65%;
}
.wr70{
	width:70%;
}
.wr75{
	width:75%;
}
.wr80{
	width:80%;
}
.wr85{
	width:85%;
}
.wr90{
	width:90%;
}
.wr95{
	width:95%;
}