/* 0,デフォルト,2020年9月07日,デフォルトテンプレートです。,,01白 */
* {
	margin: 0;
	padding: 0;
	line-height: 160%;
	letter-spacing: 0.1rem;
    word-break: break-all;
	font-size: 100%;
}

#container {
	padding-top: 15px;
	color: #3E4651;
    background-color: #F0F0F0;
	text-align: center;
}

#box_header {
	margin: 0 10px;
    padding: 15px 30px;
    font-weight: bold;
    color:#5C6D7E;
}

#box_language {
	margin: 0 auto 20px;
	width: 80%;
    font-size: 80%;
	text-align: right;
    color:#5C6D7E;
    font-size: 100%;
}

#box_language select {
	margin-left: 10px;
    padding: 10px 30px 10px 20px;
    border: none;
    border-radius: 0.3rem;
	color: #5C6D7E;
	background-color: #fff;
    background-image: linear-gradient(45deg, transparent 50%, #5C6D7E 50%), linear-gradient(135deg, #5C6D7E 50%, transparent 50%);
    background-position: calc(100% - 17px) calc(1em + 7px), calc(100% - 12px) calc(1em + 7px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
	-webkit-appearance: none;
    -moz-appearance: none;
}

#box_language select:focus {
  background-image:
    linear-gradient(45deg, #5C6D7E 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #5C6D7E 50%);
  background-position:
    calc(100% - 12px) 21px,
    calc(100% - 17px) 21px;
  background-size: 5px 5px,5px 5px;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

#box_language select option {
	color: #313238;
	background-color: #fff;
}

#box_body_msg_header {
	text-align: left;
}

#box_alert_message {
	margin-bottom: 20px !important;
    border-radius: 0 !important;
    float: none !important;
    width: 95% !important;
    padding: 10px !important;
}

#box_body {
    text-align:left !important;
    padding:10px !important;
	margin-top: 20px;
    padding: 30px 20px;
	color: #3E4651;
    background-color: #CCCCCC;
	font-size: 100%;
}

.box_useinfo_header,
.box_useinfo_header2 {
	margin: auto;
    padding: 20px 30px;
    font-weight: bold;
    text-align: left;
	box-sizing: border-box;
    color: #FFFFFF; 
    background-color: #5C6D7E;
}

.box_useinfo_header2 {
    margin-top: 30px;
}

.box_useinfo {
	text-align: left;
}

.box_useinfo_label {
	margin-bottom: 10px;
	color: #585858;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: 0.2rem;
}

.box_useinfo_contents {
	color: #3E4651;
}

#box_useinfo_cardimages.box_useinfo,
#box_useinfo_notes.box_useinfo,
#box_useinfo_tranid,
#box_useinfo_storihikino,
#box_useinfo_shop,
#box_useinfo_shoptel,
#box_useinfo_amount,
#box_useinfo_method,
#box_useinfo_ptimes,
#box_useinfo_bonus,
#box_useinfo_keizoku,
#box_useinfo_memberid,
#box_useinfo_date,
#box_payinfo_cvs,
#box_payinfo_date,
#box_payinfo_payment,
#box_useinfo_cardimages,
#box_useinfo_notes,
#box_useinfo_status,
#box_useinfo_jobid,
#box_useinfo_bank_name,
#box_useinfo_amount_kind,
#box_useinfo_xtorihikino,
#box_useinfo_amount_cycle,
#box_message,
#box_notes,
#box_useinfo_balance,
#box_useinfo_balanceA,
#box_useinfo_balanceB,
#box_useinfo_expire,
#box_useinfo_ac_memberid,
#box_useinfo_state,
#box_useinfo_email {
	margin: auto;
	padding: 20px;
	position: relative;
	background-color: #fff;
	text-align: left;
    border-bottom: solid 1px;
    border-right: solid 1px;
    border-left: solid 1px;
    border-color: #ECECEC;
    margin-top: -1px;
}

#box_useinfo_tranid::after,
#box_useinfo_storihikino::after,
#box_useinfo_shop::after,
#box_useinfo_shoptel::after,
#box_useinfo_amount::after,
#box_useinfo_method::after,
#box_useinfo_ptimes::after,
#box_useinfo_bonus::after,
#box_useinfo_keizoku::after,
#box_useinfo_memberid::after,
#box_useinfo_date::after,
#box_payinfo_cvs::after,
#box_payinfo_date::after,
#box_payinfo_payment::after,
#box_useinfo_cardimages::after,
#box_useinfo_status::after,
#box_useinfo_jobid::after,
#box_useinfo_bank_name::after,
#box_useinfo_amount_kind::after,
#box_useinfo_xtorihikino::after,
#box_useinfo_amount_cycle::after,
#box_message::after,
#box_useinfo_balance::after,
#box_useinfo_balanceA::after,
#box_useinfo_balanceB::after,
#box_useinfo_expire::after,
#box_useinfo_ac_memberid::after,
#box_useinfo_state::after,
#box_useinfo_email::after {
	margin: auto;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 90%;
	height: 1px;
	background-color: #ECECEC;
}

#box_payinfo_cvs,
#box_payinfo_date,
#box_payinfo_payment {
    box-shadow: none;
}

#box_useinfo_shop .box_useinfo_contents {
	font-weight: bold;
}

#box_useinfo_amount .box_useinfo_contents {
	font-weight: bold;
}
#box_useinfo_tranid .box_useinfo_label,
#box_useinfo_storihikino .box_useinfo_label,
#box_useinfo_ptimes .box_useinfo_label,
#box_useinfo_bonus .box_useinfo_label,
#box_useinfo_memberid .box_useinfo_label,
#box_useinfo_date .box_useinfo_label,
#box_payinfo_cvs .box_useinfo_label,
#box_payinfo_date .box_useinfo_label,
#box_payinfo_payment .box_useinfo_label,
#box_useinfo_shoptel .box_useinfo_label,
#box_useinfo_shop .box_useinfo_label,
#box_useinfo_amount .box_useinfo_label,
#box_useinfo_keizoku .box_useinfo_label,
#box_useinfo_method .box_useinfo_label,
#box_useinfo_cardimages .box_useinfo_label,
#box_useinfo_notes .box_useinfo_label,
#box_useinfo_status .box_useinfo_label,
#box_currencydetails_fee .box_useinfo_label,
#box_currencydetails_select .box_useinfo_label,
#box_useinfo_jobid .box_useinfo_label,
#box_useinfo_bank_name .box_useinfo_label,
#box_useinfo_amount_kind .box_useinfo_label,
#box_useinfo_xtorihikino .box_useinfo_label,
#box_useinfo_amount_cycle .box_useinfo_label,
#box_useinfo_balance .box_useinfo_label,
#box_useinfo_balanceA .box_useinfo_label,
#box_useinfo_balanceB .box_useinfo_label,
#box_useinfo_expire .box_useinfo_label,
#box_useinfo_ac_memberid .box_useinfo_label,
#box_useinfo_state .box_useinfo_label,
#box_useinfo_email .box_useinfo_label {
	margin: 0;
	margin-right: 15px;
}

#box_currencydetails_fee .box_useinfo_label,
#box_currencydetails_select .box_useinfo_label{
    padding: 0px 15px 0px 0px;
}

#box_useinfo_bank_name .box_useinfo_label,
#box_useinfo_amount_kind .box_useinfo_label {
    margin-right: -20px;
}

#box_useinfo_tranid .box_useinfo_contents,
#box_useinfo_storihikino .box_useinfo_contents,
#box_useinfo_ptimes .box_useinfo_contents,
#box_useinfo_bonus .box_useinfo_contents,
#box_useinfo_memberid .box_useinfo_contents,
#box_useinfo_date .box_useinfo_contents,
#box_payinfo_cvs .box_useinfo_contents,
#box_payinfo_date .box_useinfo_contents,
#box_payinfo_payment .box_useinfo_contents,
#box_useinfo_shoptel .box_useinfo_contents,
#box_useinfo_shop .box_useinfo_contents,
#box_useinfo_amount .box_useinfo_contents,
#box_useinfo_keizoku .box_useinfo_contents,
#box_useinfo_method .box_useinfo_contents,
#box_useinfo_cardimages .box_useinfo_contents,
#box_useinfo_notes .box_useinfo_contents,
#box_useinfo_status .box_useinfo_contents,
#box_currencydetails_fee .box_useinfo_contents,
#box_currencydetails_select .box_useinfo_contents,
#box_useinfo_jobid .box_useinfo_contents,
#box_useinfo_bank_name .box_useinfo_contents
#box_useinfo_amount_kind .box_useinfo_contents,
#box_useinfo_xtorihikino .box_useinfo_contents,
#box_useinfo_amount_cycle .box_useinfo_contents,
#box_useinfo_balance .box_useinfo_contents,
#box_useinfo_balanceA .box_useinfo_contents,
#box_useinfo_balanceB .box_useinfo_contents,
#box_useinfo_expire .box_useinfo_contents,
#box_useinfo_ac_memberid .box_useinfo_contents,
#box_useinfo_state .box_useinfo_contents,
#box_useinfo_email .box_useinfo_contents {
	margin-top: 15px;
    padding-right:10px;
}

#box_useinfo_cardimages img {
	margin-right: 5px;
    max-width: 100%;
}

#box_cardDetails,
#box_cvsDetails,
#box_premoinfo,
#box_currencyDetails {
	padding-top: 20px;
}

#box_cardDetails .box_useinfo,
#box_rekey,
#box_premoinfo_cardno,
#box_premoinfo_authno,
#box_userDetails_email,
#box_userDetails_memberid,
#box_currencydetails_fee,
#box_currencydetails_select,
#box_bitcashinfo_id1,
#box_bitcashinfo_id2,
#box_bitcashinfo_id3,
#box_bitcashinfo_id4,
#box_kaiininfo_name,
#box_kaiininfo_name_kana,
#box_kaiininfo_yubin,
#box_kaiininfo_add,
#box_kaiininfo_add_kana,
#box_kaiininfo_tel,
#box_kaiininfo_email,
#box_kouzainfo_regHolder,
#box_kouzainfo_regHolder_kana,
#box_kouzainfo_select_bank,
#box_kouzainfo_bank,
#box_kouzainfo_deposit,
#box_kouzainfo_account_no,
#box_kouzainfo_yuucho,
#box_useinfo_password {
	margin: auto;
	padding: 20px;
	background-color: #fff;
    border-bottom: solid 1px;
    border-right: solid 1px;
    border-left: solid 1px;
    border-color: #ECECEC;
    margin-top: -1px;
}

#box_cardDetails .box_useinfo_contents,
#box_rekey .box_useinfo_contents,
#box_premoinfo_cardno .box_useinfo_contents,
#box_premoinfo_authno .box_useinfo_contents,
#box_userDetails_email .box_useinfo_contents,
#box_userDetails_memberid .box_useinfo_contents,
#box_currencydetails_fee .box_useinfo_contents,
#box_bitcashinfo_id1 .box_useinfo_contents,
#box_bitcashinfo_id2 .box_useinfo_contents,
#box_bitcashinfo_id3 .box_useinfo_contents,
#box_bitcashinfo_id4 .box_useinfo_contents,
#box_kaiininfo_name .box_useinfo_contents,
#box_kaiininfo_name_kana .box_useinfo_contents,
#box_kaiininfo_yubin .box_useinfo_contents,
#box_kaiininfo_add .box_useinfo_contents,
#box_kaiininfo_add_kana .box_useinfo_contents,
#box_kaiininfo_tel .box_useinfo_contents,
#box_kaiininfo_email .box_useinfo_contents,
#box_kouzainfo_regHolder .box_useinfo_contents,
#box_kouzainfo_regHolder_kana .box_useinfo_contents,
#box_kouzainfo_select_bank .box_useinfo_contents,
#box_kouzainfo_bank .box_useinfo_contents,
#box_kouzainfo_deposit .box_useinfo_contents,
#box_kouzainfo_account_no .box_useinfo_contents,
#box_kouzainfo_yuucho .box_useinfo_contents,
#box_useinfo_password .box_useinfo_contents {
}

.notes,
.KofuriNotes {
	color: #8a8a8a;
	font-size: 80%;
}

.KofuriNotes {
	align-self: auto;
}

#box_carddetails_cardno {
	padding-top: 30px !important;
}

#box_carddetails_expire .box_useinfo_contents {
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#box_currencydetails_fee .box_useinfo_label,
#box_currencydetails_select .box_useinfo_label {
    margin-bottom:10px;
}

#box_currencydetails_fee .box_useinfo_contents {
    color: #8a8a8a;
}

#box_rekey_tel {
    margin-bottom: 30px;
}

#box_copyright{
    margin-top: -1px;
}

/*--------------------------インプット用スタイル--------------------------*/

#box_cardDetails input,
#txtRekeyMail,
#txtRekeyTel,
#txtCard,
#txtAuthNo,
#txtEMail,
#txtMemberID,
#box_bitcashinfo input,
#box_kaiininfo_name input,
#box_kaiininfo_name_kana input,
#txtYubin1,
#txtYubin2,
#box_kaiininfo_add input,
#box_kaiininfo_add_kana input,
#box_kaiininfo_tel input,
#box_kaiininfo_email input,
#box_kouzainfo_regHolder input,
#box_kouzainfo_regHolder_kana input,
#txtBankCo,
#txtBankName,
#txtBranchCo,
#txtBranchName,
#box_kouzainfo_deposit input,
#box_kouzainfo_account_no input,
#box_kouzainfo_yuucho input,
#txtACMemberID,
#txtPassword {
	padding: 15px;
	border: solid 1px #dedede;
	border-radius: 0.3rem;
	transition: 0.5s;
	letter-spacing: 0.2rem;
	color: #3E4651;
	font-weight: bold;
    box-sizing: border-box;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#box_cardDetails input:focus,
#txtRekeyMail:focus,
#txtRekeyTel:focus,
#txtCard:focus,
#txtAuthNo:focus,
#txtEMail:focus,
#txtMemberID:focus,
#box_bitcashinfo input:focus,
#box_kaiininfo_name input:focus,
#box_kaiininfo_name input:focus,
#box_kaiininfo_name_kana input:focus,
#txtYubin1 :focus,
#txtYubin2 :focus,
#box_kaiininfo_add input:focus,
#box_kaiininfo_add_kana input:focus,
#box_kaiininfo_tel input:focus,
#box_kaiininfo_email input:focus,
#box_kouzainfo_regHolder input:focus,
#box_kouzainfo_regHolder_kana input:focus,
#txtBankCo:focus,
#txtBankName:focus,
#txtBranchCo:focus,
#txtBranchName:focus,
#box_kouzainfo_deposit input:focus,
#box_kouzainfo_account_no input:focus,
#box_kouzainfo_yuucho input:focus,
#txtACMemberID:focus,
#txtPassword:focus {
	border: solid 1px #fff;
	border-bottom: solid 1px #dedede;
    border-radius: 0;
	color: #2d2d2d;
	background-color: #fff;
	outline: none;
	box-shadow: none;
}

#txtRekeyMail,
#txtEMail,
#txtMemberID,
#box_kaiininfo_add input,
#box_kaiininfo_add_kana input,
#box_kaiininfo_email input,
#txtACMemberID,
#txtAuthNo,
#txtCard,
#txtEMail {
    width: 100%;
}

#txtName {
    width: 100%;
}

#txtSecurityCd {
	max-width: 100px;
}

#txtRekeyMail {
    width: 100%;
}

#txtYubin1 {
    width: 70px;
}

#txtYubin2  {
    width: 85px;
}

#txtYuucho1  {
    width: 35%;
}

#txtYuucho2 {
    width: 50%;
}

#txtName1,
#txtNameKana1,
#txtRegHolder1,
#txtRegHolderKana1,
#txtBankCo,
#txtBankName,
#txtBranchCo {
    margin-bottom:10px;
}

/*--------------------------セレクト用スタイル--------------------------*/

#ddlExpireMM,
#ddlExpireYY,
#ddlCardDetailsMethod,
#ddlDeposit {
	margin-left: 10px;
    padding: 10px 30px 10px 10px;
    border: none;
    border-bottom: solid 1px #8e8e8e;
	color: #3E4651;
	background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #8e8e8e 50%), linear-gradient(135deg, #8e8e8e 50%, transparent 50%);
    background-position: calc(100% - 17px) calc(1em + 7px), calc(100% - 12px) calc(1em + 7px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
	font-weight: bold;
    font-size: 100%;
    border-radius: 0rem;
}

#box_cardDetails select:focus {
	border-radius: 0;
	background-color: #fff;
    background-image: linear-gradient(45deg, #8e8e8e 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #8e8e8e 50%);
    background-position: calc(100% - 12px) 21px,calc(100% - 17px) 21px;
    background-size: 5px 5px,5px 5px;
    background-repeat: no-repeat;
    outline: 0;
}

select::-ms-expand {
    display: none;
}

#ddlExpireMM {
	margin-right: 10px;
	margin-left: 0 !important;
}

#ddlCardDetailsMethod {
	margin-left: 0;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

#box_cardDetails select option {
	background-color: #fff;
}

.box_useinfo_contents img,
#box_useinfo_image img,
#btnPremoPay,
#box_carddetails_securitycd img {
	max-width: 100%;
	height: auto;
}

#box_carddetails_3dsecure img {
	margin-top: 20px;
    max-width: 100%;
}

#box_carddetails_3dsecure .box_useinfo_contents{
	display: block;
}

#box_carddetails_3dsecure .notes {
    margin-left: 0;
    font-size: 100%;
}

#box_rekey {
    margin-top: 50px;
    border-top: solid 1px;
    border-color: #ECECEC;
}

#box_rekey .box_useinfo_header2 {
    margin-top: 0;
    margin-bottom: 30px;
    padding-top: 0;
    padding-left: 0;
    border-bottom: solid 1px;
    width: 100%;
    color: #5c6d7e;
    background: none;
}

#box_rekey_title {
	margin-bottom: 30px;
    padding-top: 0;
    padding-left: 0;
    border-bottom: solid 1px;
    width: 100%;
    color: #5c6d7e;
    background: none;
}

#box_button {
	margin-top: 20px;
    padding: 10px;
	text-align: center;
}

#box_button_msg {
	margin-bottom: 30px;
	font-weight: bold;
    text-align: left;
}

#btnLanguageChange {
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px 20px 5px 20px;
    border: none;
    border-radius: 0.5rem;
    background-color: #5C6D7E;
    color: #fff;
}

div#box_submit_clear{
	display: none;
}

#btnSend,
#btnExit,
#hlShikinkessaiho {
    padding: 15px;
    border: none;
    border-radius: 0.5rem;
	width: 100%;
    background-color: #e84444;
    font-weight: bold;
    font-size: 100%;
    color: #fff;
	transition: 0.5s;
}

#btnSend{
 	font-size: 100%;
	color: #fff;
	background-color: #e84444;
	-webkit-appearance: none;
    -moz-appearance: none;
}

#btnSend:hover {
	box-shadow: none;
	opacity: 0.7;
}

#btnExit,
#hlShikinkessaiho {
	border: none;
}

#btnExit,
#hlShikinkessaiho {
	color: #3E4651;
	background: none;
	transition: 0.5s;
    margin-top: 15px;
}

#box_link_return {
    margin-top: 15px;
}

#btnExit{
	font-size: 90%;
	color: #3E4651;
	background-color: none;
}

#btnCardBack{
	width: 100%;
    height:40px;
    text-decoration: none;
	clear: both;
	color: #3E4651;
	background: none;
	text-align: left;
	transition: 0.5s;
    border: none;
    float: left;
    font-weight: bold;
}

#btnCardBack:hover,
#btnExit:hover,
#hlShikinkessaiho:hover {
	opacity: 0.5;
}

#btnCardBack:focus,
#btnSend:focus,
#btnClear:focus,
#btnExit:focus,
#hlShikinkessaiho:focus,
#ddlDeposit:focus,
#btnPremoPay:focus,
#btnLanguageChange:focus {
    outline: 0;
}

#box_body_msg_footer {
	padding-top: 30px;
	clear: both;
}

#box_version {
	padding: 20px 0;
	color: #a9a9a9;
	background-color: #fff;
	clear: both;
	text-align: center;
	font-size: 85%;
}

#box_conversion_tag {
    font-size: 90%;
	text-align: center;
}

/*-----マルチ決済-----*/
#box_cvsDetails_select {
	margin: auto;
    padding: 50px 10px 50px 10px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    border: solid 1px;
    border-color: #ECECEC;
}

#box_payinfo {
	margin-top: 50px;
}

#box_kaiininfo_name .box_useinfo_contents,
#box_kaiininfo_name_kana .box_useinfo_contents,
#box_kaiininfo_yubin .box_useinfo_contents,
#box_kaiininfo_add .box_useinfo_contents,
#box_kaiininfo_add_kana .box_useinfo_contents,
#box_kaiininfo_tel .box_useinfo_contents,
#box_kaiininfo_email .box_useinfo_contents,
#box_kouzainfo_regHolder .box_useinfo_contents,
#box_kouzainfo_regHolder_kana .box_useinfo_contents,
#box_kouzainfo_select_bank .box_useinfo_contents,
#box_kouzainfo_bank .box_useinfo_contents,
#box_kouzainfo_deposit .box_useinfo_contents,
#box_kouzainfo_account_no .box_useinfo_contents,
#box_kouzainfo_yuucho .box_useinfo_contents {
    display: block;
}
    
.KofuriNotes {
    margin-top: 20px;
    margin-left: 0;
}

div#box_logo{
	padding: 10px;
    margin: 0 0 0 auto;
}

#box_image {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flow-root;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
    margin:auto;
    width:100%;
}

#box_cvsDetails_btn ul.pay_list li {
    float:none;
}

#box_cvsDetails_btn ul.pay_list li a {
    padding: 10px 1px 10px 1px;
}

#box_currencydetails_list label div.currency_item {
    width: 242px;
}

div.space_100 {
	height: 0px;
}

#box_cvsDetails_btn ul.pay_list li label {
    padding: 5px;
    width:97%;
}

#btnBack{
    width: 300px;
	border: none;
	clear: both;
	color: #3E4651;
	background: none;
	text-align: left;
	transition: 0.5s;
    margin-top: 15px;
    font-weight: bold;
}

#btnYubin,
#btnSearchBank,
#btnSwitchBank,
#btnPDF {
    margin:10px;
    padding: 15px;
    border: none;
    border-radius: 0.5rem;
    background-color: #ccc;
    font-weight: bold;
    color: #3E4651;
	transition: 0.5s;
    font-size: 100%;
	-webkit-appearance: none;
    -moz-appearance: none;
}

#btnPDF
{
    width: 95%;
    font-size: 85%;
}

#btnYubin {
	width: 100px;
    font-size: 80%;
}

#btnSearchBank {
	width: 100%;
    margin:10px 10px 10px 0px;
}

#btnBack:hover,
#btnYubin:hover,
#btnSearchBank:hover,
#btnSwitchBank:hover {
	opacity: 0.5;
}

#btnBack:focus,
#btnYubin:focus,
#btnSearchBank:focus,
#btnSwitchBank:focus,
#btnNetRegist:focus,
#btnPaperIssue:focus {
    outline: 0;
}

#rbtnSelectBankOther,
#rbtnSelectBankYuucho {
    margin:10px;
}

#box_message {
    border-top: solid 1px;
    border-color: #ECECEC;
}

#box_card_back {
    padding-top: 30px;
}