@charset "UTF-8";
/** settings menu item list */
#page_payment_settings div.banner { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; margin: 10px 0px 15px 0px; border: 1px solid #e4ddd8; border-width: 2px; }
@media screen and (min-width: 641px) { #page_payment_settings div.banner { display: table; } }
@media screen and (min-width: 641px) { #page_payment_settings div.banner dl { display: table-row; } }
#page_payment_settings div.banner dl dt, #page_payment_settings div.banner dl dd { padding: 5px 10px 5px 10px; }
@media screen and (min-width: 641px) { #page_payment_settings div.banner dl dt, #page_payment_settings div.banner dl dd { display: table-cell; } }
#page_payment_settings div.banner .label, #page_payment_settings div.banner .value { padding: 10px; font-size: 110%; }
#page_payment_settings div.banner .label { min-width: 120px; }
#page_payment_settings div.banner .value { width: 100%; }
#page_payment_settings div.banner .label { text-align: center; border-right: 1px solid #e4ddd8; color: #815e45; font-weight: bold; background-color: #f5eee3; }
#page_payment_settings div.banner .b { font-weight: bold; }
#page_payment_settings div.banner .label2 { border-left: 1px solid #e4ddd8; }
#page_payment_settings div.banner_info dl { display: table-cell; }
#page_payment_settings div.banner_info dl dt, #page_payment_settings div.banner_info dl dd { display: table-cell; }
#page_payment_settings div.banner_info dl dt.r, #page_payment_settings div.banner_info dl dd.r { min-width: 227px; }
#page_payment_settings div.payment_table dl dt, #page_payment_settings div.payment_table dl dd { padding: 5px !important; }
#page_payment_settings div.table dl.active dd { background-color: #fffcde; }
#page_payment_settings div.table dl.active dd.status { font-weight: bold; color: #EB6000}
#page_payment_settings div.table dd.status { min-width: 70px; }
#page_payment_settings div.table dd.goodsName { text-align: left; }
#page_payment_settings div.table dd.price { text-align: right; min-width: 110px; }
#page_payment_settings div.table dd.price_short { text-align: right; min-width: 90px; }
#page_payment_settings div.table .tax { font-size: 12px; }
#page_payment_settings div.payment_details dd { vertical-align: top; }
#page_payment_settings div.payment_details dd.label { text-align: left; background-color: #fbf8f4; color: #815e45; }
#page_payment_settings div.payment_details dd.discounts { /** border-collapse:collapse;での優先順位に対抗するため、 styleにdoubleを設定 */ border-top: 1px double #fbf8f4; }
#page_payment_settings div.payment_details dd.detail { text-align: left; min-width: 300px; }
#page_payment_settings div.payment_details dl.sum dd { border-top: 3px double #D9CCC2; }
#page_payment_settings div.payment_details .totalPrice { font-weight: bold; font-size: 110%; }
#page_payment_settings div.payment_details .sub { font-size: 11px; }
#page_payment_settings div.payment_details .complement { padding-top: 0px; margin-left: 10px; }
#page_payment_settings .no_payments { border-left: 1px solid #e4ddd8; border-right: 1px solid #e4ddd8; border-bottom: 1px solid #e4ddd8; padding: 10px; text-align: center; }
#page_payment_settings .steps { margin-top: 10px; }
#page_payment_settings .steps .title { font-size: 110%; font-weight: bold; color: #815e45; }
#page_payment_settings .steps ol { margin: 5px 0px 0px 30px; }
#page_payment_settings .steps ol li { line-height: 1.6em; margin-bottom: 10px; color: #666; list-style-type: decimal; }
#page_payment_settings .steps ol li .indent { margin-left: 1em; }
#page_payment_settings .unpaid { background-color: #f4ece3; border-radius: 5px; padding: 20px; margin: 10px; }
#page_payment_settings .unpaid .caution_mark { background-color: #e96000; }
#page_payment_settings .card_pay_error { background-color: #f2f2f2; border-radius: 5px; padding: 20px; color: #815e45; margin-top: 10px; }
#page_payment_settings .unpaid_message_area { display: flex; align-items: center; }
#page_payment_settings .payment_caution_note { color: #e96000; font-size: 115%; font-weight: bold; }
#page_payment_settings .caution_mark { box-sizing: border-box; position: relative; display: block; width: 50px; height: 50px; border: 2px solid; border-radius: 40px; background-color: #815e45; color: white; }
#page_payment_settings .caution_mark::after, #page_payment_settings .caution_mark::before { content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 4px; width: 3px; background: currentColor; left: 22px; }
#page_payment_settings .caution_mark::after { top: 12px; height: 16px; }
#page_payment_settings .caution_mark::before { height: 4px; bottom: 12px; }
#page_payment_settings .payment_caution_message_area, #page_payment_settings .card_pay_error_message_area { width: 70%; margin-left: 15px; }
#page_payment_settings .card_pay_error_status { font-weight: bold; font-size: 160%; margin: 5px 0 5px 0; }
#page_payment_settings .card_pay_error_note { color: #666666; }
#page_payment_settings .card_pay_suggestion_area { background-color: white; border-radius: 10px; padding: 10px 20px 10px 25px; margin-top: 10px; }
#page_payment_settings .card_pay_suggestion_title { font-size: 120%; font-weight: bold; }
#page_payment_settings .card_pay_suggestion_list { padding-left: 10px; list-style-type: disc; margin-top: 10px; color: #666666; }