/* =================================

    Easy Payment V2
    PC Edition layout style

    Color-----------------
    accent color    #ef5763
    border color    #eaeaea
    main font color #4d4d4d
=================================== */

/* =================================
    Changing the FC2 basic layout
=================================== */
/* --------------------------------------
 simple pay V2 common and reset
---------------------------------------- */
*{
    box-sizing: border-box;
}
body#simplepay{
    color: #4d4d4d;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
body#simplepay div#main p{
    width: 100%;
    margin: 0;
}
body#simplepay div#content{
float: none;
margin: 0 auto;
width: 740px;
}
body#simplepay div#content strong{
color: #4d4d4d;
}

body#simplepay div#content h2{
    border: none;
    /* border-top: 2px solid #ef5763; */
    border-bottom: 1px solid #ef5763;
    padding: 4px 0 8px;
    font-weight: 400;
    margin-bottom: 24px;
    background: #fff;
    font-size: 180%;
}
body#simplepay div#content form.ginren-form{
    margin-bottom: 0;
}
body#simplepay div#content form.cn-form-under{
    margin-top: 0;
}
/* header ------------------------*/
body#simplepay div#header{
    border-bottom: 1px solid #e0e0e0;
    padding-top: 15px;
}
body#simplepay div#header div.header-inner{
    width: 100%;
    max-width: 1132px;
    margin: 0 auto;
}
body#simplepay div#header h1{
    padding-left: 16px;
}
body#simplepay div#header h1 a{
    display: block;
    color: #000000
}
body#simplepay h1 img.fc2-logo {
    
}
/* jp */
.fc2-logo.fc2-original{
    width: 98px;
    height: 30px;
}
.fc2-logo.fc2-video{
    width: 148px;
    height: 30px;
}
.fc2-logo.fc2-live{
    width: 171px;
    height: 30px;
}
.fc2-logo.fc2-conm{
    width: 323px;
    height: 30px;
}
.fc2-logo.fc2-blog{
    width: 174px;
    height: 30px;
}
.fc2-logo.fc2-id{
    width: 126px;
    height: 30px;
}
/* global */
.fc2-logo.logo-global.fc2-original{
    width: 98px;
    height: 30px;
}
.fc2-logo.logo-global.fc2-video{
    width: 190px;
    height: 30px;
}
.fc2-logo.logo-global.fc2-live{
    width: 161px;
    height: 30px;
}
.fc2-logo.logo-global.fc2-conm{
    width: 352px;
    height: 30px;
}
.fc2-logo.logo-global.fc2-blog{
    width: 181px;
    height: 30px;
}
.fc2-logo.logo-global.fc2-id{
    width: 130px;
    height: 30px;
}

/* / header ------------------------*/

div#content ul, ul#order-nav{
    margin: 0;
}

body#simplepay div#container a, a:link, a:visited{
    color: #2f86ed;
    text-decoration: none;
}

body#simplepay div#content h3 + p{
    margin-top: -8px;
    margin-bottom: 24px;
}


/* =================================
    EasyPayment orignal layout
    -----------------------------
    1. Payment Group
    2. Input style
    3. Payment Success
    4. Payment Erorr
    5. Parts style (button)
    6. Step Navigation
=================================== */

/* =================================
   1. Payment Group
=================================== */
/* payment group base style ---------------- */
.payment-group{
    margin-bottom: 30px;
}
.payment-group h3,
.payment-group .payment-group__title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}
.payment-group .payment-block__inner h3{
    padding: 12px 12px 0;
}
.payment-group h4,
.payment-group h4.payment-group__title{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px;
}
/* payment block base style ---------------- */
.payment-block{
    border: 1px solid #e0e0e0;
    width: 640px;
    margin: 16px auto;
}
/* ginren */
form.ginren-form .payment-block{
    margin-bottom: 0;
    border-bottom: none;
}
form.ginren-form .payment-select-block{
    border-bottom: none;
}
.payment-block.cn-paymentblock-under{
    margin-top: 0;
}
.ginren-input{
    text-align: center;
    padding: 8px 0
}
/* end of ginren */
.payment-block__inner{
    padding: 8px;
}
.attention-gray .payment-block__inner{
    padding: 0;
}

.payment-block > .payment-block__inner{
    padding-top: 14px;
    padding-bottom: 14px;
}
.payment-block.payment-block__detail > .payment-block__inner{
    padding-top: 8px;
    padding-bottom: 8px;
}

.payment-block-brd__btm{
    border-bottom: 1px solid #e0e0e0;
}
.payment-block__inner dl{
    display: table-row;
}
.payment-block__inner dt,
.payment-block__inner dd{
    display: table-cell;
}
.payment-block__inner dt{
    width: 190px;
    min-width: 120px;
    padding: 8px 12px;
    padding-right: 0;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}
#cardform-global .payment-block__inner dt{
    white-space: normal;
    min-width: 115px;
}
.payment-creditcard-form .payment-block__inner dt{
    padding: 8px 12px 8px 0;
}
.payment-block__inner dd{
    position: relative;
    padding: 8px 12px;
    vertical-align: middle;
    width: 100%;
    font-size: 16px;
}
#cardform-global .payment-block__inner dd{
    padding: 8px 0px 8px 12px;
}
.payment-block__inner dl.input-auto-pay dd{
    font-size: 14px;
}
.payment-block__inner dl.input-auto-pay dd a{
    font-size: 10px;
}
/* conform payment dl style */
.payment-block__inner .payment-dl-conform dt{
    width: 200px;
    text-align: left;
}
.payment-block__inner .payment-dl-conform dd{
    text-align: right;
    font-size: 20px;
}
.payment-block__inner .payment-dl-conform dd span{
    font-size: 14px;
}
.payment-block-conform .payment-block__inner dt{
    min-width: 170px;
}
.payment-block-conform__security{
    margin-top: 8px;
    background-color: #f2f2f2;
    padding: 8px;
    font-size: 11px;
    color: #7c7c7c;
}

.payment-confirm-cardinfo dd{
    font-size: 18px;
    margin-bottom: 12px;
    word-wrap: break-word;
    padding-left: 24px;
}

body#simplepay div#main p.payment-campaign-text{
    margin-bottom:10px;
    padding:0 20px 9px;
    position: relative;
    text-align: center;
    font-weight: bold;
    color:#880E00;
    font-size:1rem;
    line-height:1.3;
    border-radius: 50px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#daa42c+0,ebc564+13,f4d682+50,ebc564+86,daa42c+100 */
    background: rgb(218,164,44); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(218,164,44,1) 0%, rgba(235,197,100,1) 13%, rgba(244,214,130,1) 50%, rgba(235,197,100,1) 86%, rgba(218,164,44,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(218,164,44,1) 0%,rgba(235,197,100,1) 13%,rgba(244,214,130,1) 50%,rgba(235,197,100,1) 86%,rgba(218,164,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(218,164,44,1) 0%,rgba(235,197,100,1) 13%,rgba(244,214,130,1) 50%,rgba(235,197,100,1) 86%,rgba(218,164,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daa42c', endColorstr='#daa42c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

body#simplepay div#main p.payment-campaign-text:after{
    content:"";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -8px;
    right: calc(50% - 11px);
    border-style: solid;
    border-width: 8px 11px 0 11px;
    border-color: #f4d682 transparent transparent transparent;
}

.payment-campaign-leaf-L{
    display: inline-block;
    padding:0 0 0 55px;
    background-repeat: no-repeat;
    background-size: 45px 28px;
    background-position: left 0 center;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2047.997%2033%22%20width%3D%2248px%22%20height%3D%2233px%22%3E%3Cpath%20d%3D%22M31.957%2C20.465H30.312v-10.4h3.475c2.8%2C0%2C4.179%2C1.128%2C4.179%2C3.316a2.874%2C2.874%2C0%2C0%2C1-1.446%2C2.494%2C6.071%2C6.071%2C0%2C0%2C1-3.117.478H31.957Zm1.976-5.691c1.128%2C0%2C2.176-.186%2C2.176-1.592a1.394%2C1.394%2C0%2C0%2C0-.69-1.234%2C3.212%2C3.212%2C0%2C0%2C0-1.618-.265H31.957v3.091Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M27.806%2C24.517A11.069%2C11.069%2C0%2C1%2C1%2C43.047%2C9.276l-1.515.943A9.285%2C9.285%2C0%2C1%2C0%2C28.749%2C23Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M36.92%2C29.467a11.014%2C11.014%2C0%2C0%2C1-9.4-5.236l-2.027-3.257L28.749%2C23A9.278%2C9.278%2C0%2C0%2C0%2C41.532%2C10.219L39.5%2C6.963%2C42.761%2C8.99A11.069%2C11.069%2C0%2C0%2C1%2C36.92%2C29.467ZM31.585%2C26A9.292%2C9.292%2C0%2C0%2C0%2C44.528%2C13.055a10.93%2C10.93%2C0%2C0%2C1%2C.2%2C2.062A11.069%2C11.069%2C0%2C0%2C1%2C31.585%2C26Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M7.956%2C29.187a19.04%2C19.04%2C0%2C0%2C0-6.572-.66c-.073.031%2C2.907%2C3.4%2C5.727%2C4.174a8.5%2C8.5%2C0%2C0%2C0%2C5.244-.283A13.554%2C13.554%2C0%2C0%2C0%2C7.956%2C29.187Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M5.682%2C22.849C3.672%2C21.723.011%2C21.706%2C0%2C21.711c-.066.016%2C1.777%2C3.528%2C4.066%2C4.553a6.958%2C6.958%2C0%2C0%2C0%2C4.713.153A9.367%2C9.367%2C0%2C0%2C0%2C5.682%2C22.849Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M5.287%2C16.763C3.848%2C15.651.818%2C15.43.811%2C15.432c-.051%2C0%2C.79%2C3.174%2C2.448%2C4.247a5.278%2C5.278%2C0%2C0%2C0%2C3.845.452A6.475%2C6.475%2C0%2C0%2C0%2C5.287%2C16.763Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M6.183%2C11.14C5.226%2C10.135%2C2.814%2C9.8%2C2.808%2C9.8c-.037%2C0%2C.074%2C2.666%2C1.193%2C3.671a3.888%2C3.888%2C0%2C0%2C0%2C3%2C.606A4.729%2C4.729%2C0%2C0%2C0%2C6.183%2C11.14Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M8.043%2C5.939C7.427%2C5.014%2C5.422%2C4.6%2C5.416%2C4.6c-.031-.008-.471%2C2.308.282%2C3.255.719.939%2C2.455.7%2C2.447.7A3.967%2C3.967%2C0%2C0%2C0%2C8.043%2C5.939Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M14.267%2C28.2c1.183-1.443%2C5.08-2.174%2C5.072-2.175-.053.015.515%2C3.023-.414%2C4.39-.99%2C1.388-4.24%2C1.546-4.246%2C1.537C14.645%2C31.972%2C13.044%2C29.659%2C14.267%2C28.2Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M11.584%2C22.354C12.977%2C21.022%2C16.608%2C20.6%2C16.6%2C20.6c-.046%2C0-.255%2C3.029-1.431%2C4.342-1.23%2C1.319-4.149%2C1.2-4.151%2C1.193C10.988%2C26.147%2C10.154%2C23.7%2C11.584%2C22.354Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M10.371%2C16.684c1.416-1.093%2C4.5-1.253%2C4.5-1.256-.036%2C0-.819%2C2.687-2.075%2C3.8-1.3%2C1.109-3.672.8-3.671.793A4.05%2C4.05%2C0%2C0%2C1%2C10.371%2C16.684Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M10.484%2C11.355a8.967%2C8.967%2C0%2C0%2C1%2C3.866-.822%2C11.681%2C11.681%2C0%2C0%2C1-2.407%2C3.114%2C4.448%2C4.448%2C0%2C0%2C1-3.107.46A4.2%2C4.2%2C0%2C0%2C1%2C10.484%2C11.355Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M11.865%2C6.38a8.326%2C8.326%2C0%2C0%2C1%2C3.49-.51%2C13.511%2C13.511%2C0%2C0%2C1-2.709%2C2.6A3.875%2C3.875%2C0%2C0%2C1%2C9.89%2C8.7%2C4.627%2C4.627%2C0%2C0%2C1%2C11.865%2C6.38Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M10.59%2C2.665A11.537%2C11.537%2C0%2C0%2C1%2C13.836%2C0a10.95%2C10.95%2C0%2C0%2C1-.981%2C3.038%2C7.3%2C7.3%2C0%2C0%2C1-2.42%2C2.088A2.479%2C2.479%2C0%2C0%2C1%2C10.59%2C2.665Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M13.429.481a25.212%2C25.212%2C0%2C0%2C0%2C.024%2C32.155l.756-.157A24.929%2C24.929%2C0%2C0%2C1%2C13.429.481Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3C%2Fsvg%3E');
}
.payment-campaign-leaf-R{
    min-height:39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding:7px 30px 7px 0;
    background-repeat: no-repeat;
    background-size: auto 28px;
    background-position: right 0 center;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.463%2033%22%20width%3D%2219px%22%20height%3D%2233px%22%3E%3Cpath%20d%3D%22M11.507%2C29.187a19.04%2C19.04%2C0%2C0%2C1%2C6.572-.66c.073.031-2.907%2C3.4-5.727%2C4.174a8.5%2C8.5%2C0%2C0%2C1-5.244-.283A13.554%2C13.554%2C0%2C0%2C1%2C11.507%2C29.187Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M13.781%2C22.849c2.01-1.126%2C5.671-1.143%2C5.68-1.138.066.016-1.777%2C3.528-4.066%2C4.553a6.958%2C6.958%2C0%2C0%2C1-4.713.153A9.367%2C9.367%2C0%2C0%2C1%2C13.781%2C22.849Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M14.176%2C16.763c1.439-1.112%2C4.469-1.333%2C4.476-1.331.051%2C0-.79%2C3.174-2.448%2C4.247a5.278%2C5.278%2C0%2C0%2C1-3.845.452A6.475%2C6.475%2C0%2C0%2C1%2C14.176%2C16.763Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M13.28%2C11.14c.956-1.005%2C3.369-1.34%2C3.375-1.339.037%2C0-.074%2C2.666-1.193%2C3.671a3.888%2C3.888%2C0%2C0%2C1-3%2C.606A4.729%2C4.729%2C0%2C0%2C1%2C13.28%2C11.14Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M11.42%2C5.939c.616-.925%2C2.621-1.342%2C2.627-1.342.031-.008.471%2C2.308-.283%2C3.255-.718.939-2.454.7-2.447.7A3.976%2C3.976%2C0%2C0%2C1%2C11.42%2C5.939Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M5.2%2C28.2C4.013%2C26.753.116%2C26.022.123%2C26.021c.054.015-.514%2C3.023.414%2C4.39.991%2C1.388%2C4.241%2C1.546%2C4.247%2C1.537C4.818%2C31.972%2C6.419%2C29.659%2C5.2%2C28.2Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M7.879%2C22.354C6.486%2C21.022%2C2.855%2C20.6%2C2.861%2C20.6c.046%2C0%2C.255%2C3.029%2C1.431%2C4.342%2C1.23%2C1.319%2C4.149%2C1.2%2C4.151%2C1.193C8.475%2C26.147%2C9.309%2C23.7%2C7.879%2C22.354Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M9.092%2C16.684c-1.416-1.093-4.5-1.253-4.5-1.256.036%2C0%2C.819%2C2.687%2C2.075%2C3.8%2C1.3%2C1.109%2C3.671.8%2C3.671.793A4.05%2C4.05%2C0%2C0%2C0%2C9.092%2C16.684Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M8.979%2C11.355a8.967%2C8.967%2C0%2C0%2C0-3.866-.822A11.681%2C11.681%2C0%2C0%2C0%2C7.52%2C13.647a4.448%2C4.448%2C0%2C0%2C0%2C3.107.46A4.207%2C4.207%2C0%2C0%2C0%2C8.979%2C11.355Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M7.6%2C6.38a8.326%2C8.326%2C0%2C0%2C0-3.49-.51%2C13.511%2C13.511%2C0%2C0%2C0%2C2.709%2C2.6A3.875%2C3.875%2C0%2C0%2C0%2C9.573%2C8.7%2C4.633%2C4.633%2C0%2C0%2C0%2C7.6%2C6.38Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M8.873%2C2.665A11.537%2C11.537%2C0%2C0%2C0%2C5.627%2C0a10.95%2C10.95%2C0%2C0%2C0%2C.981%2C3.038%2C7.3%2C7.3%2C0%2C0%2C0%2C2.42%2C2.088A2.479%2C2.479%2C0%2C0%2C0%2C8.873%2C2.665Z%22%20style%3D%22fill%3A%23880e00%22%2F%3E%3Cpath%20d%3D%22M6.034.481A25.212%2C25.212%2C0%2C0%2C1%2C6.01%2C32.636l-.756-.157A24.929%2C24.929%2C0%2C0%2C0%2C6.034.481Z%22%20style%3D%22fill%3A%23880e00%22%20%2F%3E%3C%2Fsvg%3E');
}

body#simplepay div#main p.payment-not-campaign-text{
    margin-bottom:9px;
    padding:3px 10px ;
    text-align: center;
    font-weight: bold;
    color:#313131;
    font-size:0.75rem;
    background-color: #e5e5e5;
    position: relative;
}

body#simplepay div#main p.payment-not-campaign-text:after{
    content:"";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -8px;
    right: calc(50% - 11px);
    border-style: solid;
    border-width: 8px 11px 0 11px;
    border-color: #e5e5e5 transparent transparent transparent;
}

.payment-campaign-target-text{
    display: block;
    font-size: 13.5px;
}

.payment-campaign-link{
    text-align: center;
}
/* Payment Select block --------------------- */
.payment-select-block{
    border-bottom: 1px solid #eaeaea;
}
.payment-select-block.select-block-last{
    border-bottom: none;
}
/* point detail text */

div#content ul.select-block-pointdetail{
    list-style: none;
    margin: 9px 0 0 26px !important;
  }
div#content ul.select-block-pointdetail li{
    display: inline-block;
  }
div#content ul.select-block-pointdetail li.pointdetail-pointbalance{
    margin-right: 24px;
  }
div#content ul.select-block-pointdetail li.pointdetail-pointbalance span{
    font-size: 14px;
    font-weight: bold;
    padding-left: 16px;
}
.select-block-inner{
    border: 2px solid #fff;
}
.select-block-inner.active-select{
    border: 2px solid #2f86ed;
}
.select-block-inner label{
    font-size: 18px;
    display: block;
    padding: 16px 8px;
    cursor: pointer;
}
.select-block-inner label.unPointer{
    cursor: default;
}
.select-block-inner label input[name="payment_type"]{
    margin-right: 8px;
}
.select-block-inner.active-select label{
    color: #2f86ed;
    cursor: pointer;
}
.select-block-inner.active-select label .select-label-text{
    font-weight: 600;
}
.active-select .select-toggle{
    margin: 16px;
}
.payment-block-Global .select-block-inner.active-select label{
    cursor: default;
}
  .card-logo{
    margin-top: 8px;
    margin-left: 18px;
}
.select-block-text{
    font-size: 14px;
    margin: 9px 0 0 26px !important;
}
.select-block-coution{
    font-size: 14px;
    margin: 9px 0 0 26px !important;
    background-color: #f6e58d;
    padding: 8px;
    border-radius: 6px;
    color: #61530f;
}

/* end of total amount style ---------------- */

.payment-block__inner dl.payment-block__amount{
    display: block;
    text-align: right;
}
.payment-block__inner dl.payment-block__amount dt,
.payment-block__inner dl.payment-block__amount dd{
    display: inline-block;
    text-align: right;
    width: auto;
}
.payment-block__inner dl.payment-block__amount dt{
    padding: 0 12px 0px 0;
}
.payment-block__inner dl.payment-block__amount dd{
    font-size: 22px;
    font-weight: bold;
    padding:4px 0 0 0;
}

/* payment email address ---------------- */
.payment-mailaddress{
    display: inline-block;
    border-bottom: 1px solid #efefef;
    font-size: 12px;
    font-weight: normal;
    float: right;
    color: #4d4d4d;
    min-width: 240px;
}
.payment-mailaddress dl{
    display: table;
    width: 100%;
    padding: 2px 8px;
}
.payment-mailaddress dl dt,
.payment-mailaddress dl dd{
    display: table-cell;
}
.payment-mailaddress dl dt{
    width: 100px;
}
.payment-mailaddress dl dd{
    width: auto;
    text-align: right;
    font-weight: bold;
}
/* global */
.payment-mailaddress.mailaddress-global{
    max-width: 420px;
}
.payment-mailaddress.mailaddress-global dl dt{
    max-width: 200px;
    width: auto;
    padding-right: 8px;
}

/* payment outerblock style ---------------- */
.payment-outerblock{
    width: 640px;
    margin: 16px auto;
}

/* payment other style ---------------- */
.payment-attention{
    margin: 8px 0 8px;
}
.attention-gray{
    background: #f4f4f4;
    padding: 8px 16px;
    border-radius: 8px;
}
.attention-white{
    text-align: center;
    background: #fff;
}
.attention-address{
    font-size: 12px;
}

ul.payment-attention-list{
    margin-bottom: 16px;
    list-style: none;
    color: #969696;
}
ul.payment-attention-list li{
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 8px;
    text-align: left; 
}
ul.payment-attention-list li:last-child{
    margin-bottom: 0px;
}
/* payment attention notes ---------------- */
.payment-attention-notes{
    margin-top: 16px;
    background: #f2f2f2;
    text-align: left; 
    padding: 16px;
}
.payment-attention-notes ul li{
    margin-bottom: 4px;
}
.payment-attention-notes h3{
    font-size: 14px;
    font-weight: 600;   
}
.payment-attention-notes-icon{
    padding-right: 8px;
}
.payment-attention-notes-icon img{
    vertical-align: middle;
}

/* payment attention conform ---------------- */
.payment-attention.payment-attention-conform{
    border: 1px solid #e0e0e0;
}
.payment-attention-conform h3{
    text-align: center;
    margin-bottom: 24px;
}
.payment-attention-conform .payment-block__inner{
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
}
.payment-attention-conform .payment-block__inner p,
.payment-attention-conform .payment-block__inner ul,
.payment-attention-conform .payment-block__inner ul li{
    text-align: left;
}
body#simplepay div#main p.conform-parag{
   margin-bottom: 16px;
}
/* input inner layout ---------------- */
.payment-block__inner_text{
    font-size: 10px;
    color: #7c7c7c;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-top: 4px;
}

/* input btn layout ---------------- */
.payment-form-btn{
    text-align: center;
    max-width: 680px;
    margin: 60px auto;
    position: relative;
}
.payment-form-btn.payment-confirm{
    margin-bottom: 32px;
    margin-top: 32px;
}
.payment-termsofuse-check.payment-outerblock,
.payment-termsofuse-check.payment-outerblock .payment-attention{
    margin-top: 0;
}
.payment-form-btn-return{
    text-align: center;
    font-size: 14px;
    margin-top:24px;
}
body#simplepay div#container .payment-form-btn-return a,
.payment-form-btn-return a:link,
.payment-form-btn-return a:visited{
    color: #7F8C8D;
    text-decoration: none;
}
.payment-form-btn-return input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    color: #4d4d4d;
    cursor: pointer;
}
.payment-termsofuse-check{
    margin-bottom: 8px;
}
.payment-send-btn-block{
    position: relative;
    margin-bottom: 42px;
}
.payment-form-sendloading{
    position: absolute;
    display: block;
    top: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: rgba(255,255,255,.8);
    color: #2f86ed;
    font-weight: bold;
    text-align: center;

}
/* 2018/06/22 add ------------------------------------ */
.payment-termsofuse-check input[type="checkbox"]{
    display: none;
}
.ep-checkbox{
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    margin: 0 0px 8px 0;
    padding: 16px 16px 16px 54px;
    border-radius: 8px;
    /* background-color: #f6f7f8; */
    border: 1px solid #e0e0e0;
    vertical-align: middle;
    cursor: pointer;
}
.ep-checkbox:hover{
    background-color: #ecf5ff;
    border-color: #c6d9ef;
}
.ep-checkbox:after {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 50%;
    left: 15px;
    display: block;
    margin-top: -13px;
    width: 20px;
    height: 20px;
    border: 2px solid #bbb;
    border-radius: 6px;
    content: '';
}
.ep-checkbox:before{
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 23px;
    display: block;
    margin-top: -9px;
    width: 5px;
    height: 9px;
    /* border-right: 3px solid #53b300;
    border-bottom: 3px solid #53b300; */
    border-right: 3px solid #2f86ed;
    border-bottom: 3px solid #2f86ed;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.payment-termsofuse-check input[type="checkbox"]:checked + .ep-checkbox:after,
.payment-optin-checkblock input[type="checkbox"]:checked + .ep-checkbox:after{
    border-color: #2f86ed;
}
.payment-termsofuse-check input[type="checkbox"]:checked + .ep-checkbox:before,
.payment-optin-checkblock input[type="checkbox"]:checked + .ep-checkbox:before{
    opacity: 1;
}
.payment-termsofuse-check input[type="checkbox"]:checked + .ep-checkbox{
    color: #2f86ed;
    font-weight: bold;
    border-color: #2f86ed;
}
/* // 2018/06/22 add ------------------------------------  */
/* .payment-termsofuse-check input[type="checkbox"] + label{
    padding: 8px 8px 8px 12px;
    font-size: 15px;
}
.payment-termsofuse-check input[type="checkbox"]:checked + label{
    color: #2f86ed;
    font-weight: bold;
} */
.termsofuse-check__text{
    font-size: 13px;
    /* background-color: #f2f2f2; */
    padding: 8px;
    color: #7c7c7c;
    margin-bottom: 16px;
}

/* Payment point only minimum balance */
.payment-pointonly-minbalance{
    margin-top: 40px;
}
.payment-pointonly-minbalance h3{
    color: #ef5763;
    font-size: 20px;
}
.payment-pointonly-minbalance h3 img{
    vertical-align: middle;
    margin-right: 8px;
}
.payment-minbalance-attention-list{
    margin: 32px 0;
}
.payment-minbalance-attention-list li{
    margin-bottom: 8px;
    font-weight: bold;
    text-indent: -1em;
    padding-left: 1em;
}
.minbalance-linklist li{
    text-indent: -1em;
    margin-left: 1em;
}
/* Point buy guide -------*/
.payment-point-shortage{
    text-align: center;
}
.payment-point-shortage h3{
    color: #4d4d4d;
}
.payment-point-shortage em{
    text-decoration: underline;
}
body#simplepay div#content .payment-point-shortage strong.point-shortage-p{
    color: #ef5763;
    font-weight: bold;
}
body#simplepay div#container a.point-shortage-btn
{
    display: inline-block;
    border: 1px solid #e0e0e0;
    color: #4d4d4d;
    padding: 12px 24px;
    border-radius: 4px;
    margin-bottom: 24px;
}
body#simplepay div#container .payment-point-guide a.point-payment-again{
    color: #4d4d4d;
    display: block;
    text-decoration: underline;
}
.payment-group .payment-block__inner .payment-point-guide h3{
    padding-top: 0;
}
.payment-point-guide{
    background: #f7f7f7;
    border-radius: 10px;
    padding: 24px;
    text-align: center;
}
.point-guide-listblock{
    width: 100%;
    text-align: center;
}
ul.point-guide-linklist{
    display: inline-block;
}
ul.point-guide-linklist li{
    background: url(../image/easypaymentV2/icon-guide-link.png) no-repeat left center;
    padding-left: 10px;
    text-align: left;
}

/* Auto Pay and Mail Alert */
.payment-autopay label{
    display: block;
    cursor: pointer;
    padding: 8px 16px;
}
.payment-autopay .attention-gray{
    padding: 0;
}
.payment-autopay input{
    margin-right: 8px;
}
.payment-autopay input[type="checkbox"]:checked + span{
    color: #2f86ed;
    font-weight: bold;
}
.payment-autopay label a.help-link{
    margin: 0 0 0 26px;
}
.select-block-inner label.payment-type-disabled,
.payment-type-disabled{
    color: #BCBCBC;
    cursor: default;
}
.select-block-inner label.payment-type-disabled img,
.payment-type-disabled img{
    opacity: 0.3;
}
.payment-point__unblance{
    display: inline-block;
    background: #f4f4f4;
    border-radius: 16px;
    margin-left: 10px;
    font-size: 12px;
    padding: 4px 10px;
    /* color: #969696; */
}
/* 201807 ginren pay style */
.ginren-mal{
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #a5a4a4;
    background: #f7f7f7;
    border-radius: 20px;
    margin-right: 10px;
}
.active-select .ginren-mal{
    border-color: #2f86ed;
    background: #2f86ed;
}

/* payment optin */
.payment-optin{
    text-align: left;
    background : #F7F7F7;
    padding: 16px 16px;
    border-radius: 8px;
}
.payment-optin-title{
    margin-bottom: 12px;
}
.payment-optin-checkblock{
    border: 1px solid #e9e9e9;
    padding: 4px;
    background: #fff;
    border-radius: 6px;
}
.payment-optin-checkblock .ep-checkbox.payment-optin-checklabel{
    display: block;
    margin-bottom: 0;
    background: initial;
    padding: 6px 0 6px 52px;
    border: none;
}
.payment-optin-check{
    display: none;
}


/* =================================
   2. input style
=================================== */
.payment-block__inner dd input[type="text"],
.payment-block__inner dd input[type="number"],
.payment-block__inner dd input[type="password"]{

	border: 2px solid #c6c6c6;
	height: 46px;
	border-radius: 4px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 4px;
    box-sizing: border-box;
    font-size: 15px;

}
.payment-block__inner dd input[name="cc_number"]{
    background: #fff url("/image/jp/easypaymentV2/icon-card.png") no-repeat center right 8px;
}
/* view card brand logo 2018/07/03 ------------------ */
.payment-block__inner dd input[name="cc_number"].cardbrand-visa,
.payment-block__inner dd input[name="cc_number"].cardbrand-master,
.payment-block__inner dd input[name="cc_number"].cardbrand-diners,
.payment-block__inner dd input[name="cc_number"].cardbrand-discover,
.payment-block__inner dd input[name="cc_number"].cardbrand-jcb,
.payment-block__inner dd input[name="cc_number"].cardbrand-maestro{
    background: #fff url("/image/jp/easypaymentV2/easypaymentV2-input-cardlogo.png") no-repeat center right 8px;
}
.payment-block__inner dd input[name="cc_number"].cardbrand-visa{background-position: right 8px top 4px;}
.payment-block__inner dd input[name="cc_number"].cardbrand-master{background-position: right 8px top -136px;}
.payment-block__inner dd input[name="cc_number"].cardbrand-diners{background-position: right 8px top -206px;}
.payment-block__inner dd input[name="cc_number"].cardbrand-discover{background-position: right 8px top -276px;}
.payment-block__inner dd input[name="cc_number"].cardbrand-jcb{background-position: right 8px top -66px;}
.payment-block__inner dd input[name="cc_number"].cardbrand-maestro{background-position: right 8px top -346px;}
/* view card logo 2018/07/03 ------------------ */

/* view card brand logo Pattern02 2018/07/03 ------------------ */
.cardbrand-logolist li{
    display: inline-block;
    margin-right: 2px;
    width: 47px;
    height: 28px;
}
.cardbrand-logolist li span{
    display: inline-block;
    width: 47px;
    height: 28px;
    background: #fff url("/image/jp/easypaymentV2/easypaymentV2-input-cardlogo.png") no-repeat 0 0;
    background-size: 47px 311px;
}
.cardbrand-logolist li.is-cb-inactive span{
    background: #fff url("/image/jp/easypaymentV2/easypaymentV2-input-cardlogo-gray.png") no-repeat 0 0;
    background-size: 47px 311px;
    opacity: 0.6;
}

.cardbrand-logolist li span.cb-visa{ background-position: 0 0; }
.cardbrand-logolist li span.cb-master{ background-position: 0 -113px; }/*default-140px*/
.cardbrand-logolist li span.cb-diners{ background-position: 0 -170px; }/*default-210px*/
.cardbrand-logolist li span.cb-discover{ background-position: 0 -226px; }/*default-280px*/
.cardbrand-logolist li span.cb-jcb{ background-position: 0 -56px; }/*default-70px*/
.cardbrand-logolist li span.cb-maestro{ background-position: 0 -282px; }/*default-350px*/

/* small card brand logo */
.cardbrand-logolist-small li{
    display: inline-block;
    margin-right: 0px;
    width: 39px;
    height: 24px;
    text-indent: 0;
}
.cardbrand-logolist-small li span{
    display: inline-block;
    width: 39px;
    height: 24px;
    background: #fff url("/image/jp/easypaymentV2/easypaymentV2-input-cardlogo.png") no-repeat 0 0;
    background-size: 39px 259px;
}
.cardbrand-logolist-small li span.cb-visa{ background-position: 0 0; }
.cardbrand-logolist-small li span.cb-master{ background-position: 0 -93px; }
.cardbrand-logolist-small li span.cb-diners{ background-position: 0 -141px; }
.cardbrand-logolist-small li span.cb-discover{ background-position: 0 -188px; }
.cardbrand-logolist-small li span.cb-jcb{ background-position: 0 -46px; }
.cardbrand-logolist-small li span.cb-maestro{ background-position: 0 -235px; }

/* view card logo 2018/07/03 ---------------------------------- */

.payment-block__inner dd select{
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 2px solid #c6c6c6;
	height: 42px;
	line-height: 38px;
	border-radius: 4px;
	cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
    width: 8em;
    font-size: 14px;
    background: #fff url("/image/jp/easypaymentV2/icon-select-pulldown.png") no-repeat center right 8px;
}

.payment-block__inner dd input[type="text"]:focus,
.payment-block__inner dd input[type="number"]:focus,
.payment-block__inner dd input[type="password"]:focus,
.payment-block__inner dd select:focus{
    outline: 0;
    border-color: #2f86ed;
}
.payment-block__inner dd input[name="cc_number"]:focus{
    background: #fff url("/image/jp/easypaymentV2/icon-card-focus.png") no-repeat center right 8px;
}
.payment-block__inner dd select:focus{
    background: #fff url("/image/jp/easypaymentV2/icon-select-pulldown-focus.png") no-repeat center right 8px;
}
body#simplepay div#container .payment-block__itemname dd a{
    color: #4d4d4d;
}
body#simplepay div#container .payment-block__itemname dd{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.8;
}

.input-card-number input,
.input-card-name input,
.input-email input,
.input-password input{
	width: 100%;
}
.payment-image__cvv{
    display: inline-block;
    margin-left: 8px;
}
.payment-input__cvv input,
.payment-input__cvv .payment-image__cvv,
.payment-input__cvv .payment-image__cvv__global{
	float: left;
}
.payment-input__cvv input{
  margin-right: 18px;
}
.payment-confirm__buypoint dd{
	font-size: 16px;
  font-weight: bold;
}
.payment-input__point span{
	font-size: 24px;
	font-weight: bold;
}
.payment-image__cvv img,
.payment-image__cvv__global img{
    vertical-align: middle;
    width: 120px;
    height: auto;
}

/* login logo */
.fc2-unicorn-pc{
    vertical-align: top;
    margin-right: 4px; 
}

/* input Error */
.payment-block__inner dd input[type="text"].inputError,
.inputError{
    border-color: #EF5763;
}
.inputErrorMessage {
    /* position: absolute;
    left: 0px;
    bottom: 10px; */
    display: inline-block;
    background: #EF5763;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 2px;
    margin-right: 4px;
}
body#simplepay div#content .inputErrorMessage strong{
    color: #fff;
}
/* payment input text error */
.payment-inputext-error{
	display: none;
	border: 2px solid #EF5763;
	padding: 8px;
	margin: 24px 0;
	color: #EF5763;
	font-weight: bold;
	background-image: url("/image/jp/easypaymentV2/icon-caution-triangle.png");
    background-repeat: no-repeat;
	background-position: left 10px center;
	padding-left: 40px;
}
.payment-inputext-error.is-show{
	display: block;
}

/* =================================
   3. Payment Success
=================================== */

/* newuser mail send ---------------- */
.payment-newuser-mailsend img{
    vertical-align: middle;
    padding-right: 16px;
}


/* payment success ---------------- */
.payment-success{
    text-align: center;
    margin: 40px 0;
}
body#simplepay div#content .payment-success h2,
body#simplepay div#content h2.payment-success{
    border: none;
    padding: 8px 0;
    font-weight: 600;
    margin-bottom: 24px;
    background: none;
    font-size: 24px;
    color: #04A852;
}
.payment-success-spot{
    margin-top: 42px;
    margin-bottom: 24px;
}
.payment-success-spot-img{
    
}
.payment-success-text{
    max-width: 480px;
    margin: 0 auto;
    line-height: 1.8;
}

/* NewUser */
.payment-success-newuser{
    border-top: 1px solid #eaeaea;
    padding-top: 32px;
}
body#simplepay div#main .payment-success-newuser p{
    width: 480px;
    margin: 0 auto;
}




/* =================================
   3. Payment Error
=================================== */
/* Payment Form Inline Error ---------------- */
.payment-error-block{
    margin: 32px 0;
    padding: 16px 16px 16px 50px;
    background-color: #FFEBEB;
    border: 1px solid #EF5763;
    border-radius: 4px;
    color: #EF5763;
    background-image: url("/image/jp/easypaymentV2/icon-caution-triangle.png");
    background-repeat: no-repeat;
    background-position: left 10px top 16px;
    font-weight: bold;
    clear: both;
}
.payment-error-block ul li,
.payment-error-list li{
    color: #EF5763;
    font-weight: bold;
    margin-bottom: 6px;

}
.payment-error-block ul li::before,
.payment-error-list li::before{
    content: "・";
    text-indent: 1em;
    margin-left: -1em;
}
.payment-error-block ul li:last-child,
.payment-error-list li:last-child{
    margin-bottom: 0;
}

/* Error Page -------------------------------- */
.payment-error{
    margin: 40px 0;
    text-align: center;
}
body#simplepay div#content .payment-error h2{
    color: #EF5763;
    font-size: 18px;
    font-weight: bold;
    border: none;
}
.payment-error-spot{
    margin-bottom: 24px;
}

.payment-error-detail{
    background: #f2f2f2;
    max-width: 640px;
    margin: 0 auto 40px;
    padding: 24px 16px;
    line-height: 1.8;
    font-size: 16px;
}
.payment-error-ticketnum{
    font-size: 14px;
    margin-top: 16px;
}



/* =================================
   5. Parts style (button)
=================================== */
/* btn style ---------------- */
.payment-btn{   
    padding: 16px 80px;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
body#simplepay div#container a.payment-btn-primary,
a.payment-btn-primary,
.payment-btn-primary{
    background: #2f86ed;
    border-color: #2f86ed;
    color: #fff;
}
.payment-btn.disabled,
.payment-btn-disabled,
.payment-btn-primary.disabled,
.payment-btn-primary.payment-btn-disabled{
    background: #ccc;
    border-color: #ccc;
}
input[type="submit"].payment-btn-primary:disabled{
    background: #ccc;
    border-color: #ccc;
}

/* help link ---------------- */
.help-link{
    display: inline-block;
    margin: 8px 0;
    padding-left: 25px;
    background: url("/image/jp/easypaymentV2/easypaymentV2-icon-que-circle.png") no-repeat left center;
    background-size: 16px 16px;
}
.help-link .help-link-icon{
    border-radius: 50%;
    font-size: 12px;
    line-height: 1em;
    padding-top: 0.1em;
    padding-left: 0.55em;
    padding-right: 0.55em;
    background: #FFF;
    border:2px solid #2f86ed;
    color: #2f86ed;
    margin-right: 5px;
    font-weight: bold;
}

/* text style ---------------- */
.sty-txt__center{ text-align: center; }
.sty-txt__right{ text-align: right; }
.sty-txt__left{ text-align: left; }

/* margin ---------------- */
.sty-mrg-b-8{ margin-bottom: 8px; }
.sty-mrg-b-16{ margin-bottom: 16px; }
.sty-mrg-b-24{ margin-bottom: 24px; }
.sty-mrg-b-32{ margin-bottom: 32px; }
.sty-mrg-b-40{ margin-bottom: 40px; }



/* =================================
   6. Step Navigation
=================================== */
/* stepnav base style ---------------- */
.easypay-stepnav{
    font-size: 10px;
    display: inline-block;
    max-width: 684px;
    height: 18px;
    margin: 5px auto;
    color: #898989;
    text-align: center;
    float: right;
}
.easypay-stepnav.stepnav-block{
    display: block;
    float: none;
}
.easypay-stepnav ul,
.easypay-stepnav ul li{
    display: inline-block;
}
.easypay-stepnav ul li{
    padding-left: 25px;
    position: relative;
}
.easypay-stepnav ul li:before{
    content: "";
    position: absolute;
    border: 1px solid;
    border-color: #898989;
    width: 8px;
    top: 50%;
    left: 5px;
}
.easypay-stepnav ul li:first-child{
    padding-left: 0;
}
.easypay-stepnav ul li:first-child:before{
    content: none;
    width: 0;
}
.easypay-stepnav ul li:first-child{
    padding-right: 0;
}
/* stepnav number style ---------------- */
.easypay-stepnav ul li span.stepnav-num{
    /* display: inline-block; */
    border-radius: 50%;
    font-size: 10px;
    line-height: 1em;
    padding-top: 0em;
    padding-left: 0.55em;
    padding-right: 0.55em;
    background: #898989;
    color: #fff;
    margin-right: 5px;
}
.easypay-stepnav ul li.active span.stepnav-num{
    background: #2f86ed;
    color: #fff;
}
.easypay-stepnav ul li.done span.stepnav-num{
    background: #BCBCBC;
    color: #fff;
}
/* stepnav color style ---------------- */
.easypay-stepnav ul li.active{
    color: #2f86ed;
    font-weight: bold;
}
.easypay-stepnav ul li.done{
    color: #BCBCBC;
}
.easypay-stepnav ul li.done:before{
    border-color: #BCBCBC;
}
.stepnav-title{
    display: inline-block;
    padding-right: 8px;
}

/* SSL Seal */
.ssl_verisign_seal_block{
    margin: 90px 0 40px 0;
    text-align: center;
}

/* _tmpl_fatal_error.html
------------------------------------------------ */
.payment-fatal-error-icon{
	background: url(/image/jp/easypaymentV2/easypayment-card-error.png) no-repeat top center;
	padding-top: 54px;
	margin-top: 24px;
}
.payment-fatal-error-title > h2{
	color: #e75360;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 24px;
}
.payment-fatal-error-text{ margin: 24px auto; }
.payment-fatal-error-text__main{ text-align: center; }
.payment-fatal-error-text__main em{
	display: inline-block;
	background-color: #e75360;
	padding: 12px 24px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 8px;
	font-style: normal;
}
.payment-fatal-error-text__sub{ 
	margin-top: 24px;
	text-align: center;
}
.payment-fatal-error-text__sub > p{margin-bottom: 8px;}
.payment-fatal-error-q{
	box-sizing:border-box;
	width: 100%; 
	padding: 0; 
	margin: 24px 0;
	background: #F6F8FA;
	padding: 25px 50px;
	border-radius: 6px;
}

.payment-fatal-error-q ul{
	padding:25px 30px;
	background-color: #FFF;
}
.payment-fatal-error-q em{
	background: url(/image/jp/easypaymentV2/easypayment-error.png) no-repeat center left;
    padding:10px 0 10px 35px ;
    color:#E75360;
    font-size: 18px;
    font-style: normal;
}
.payment-fatal-error-q p{
    padding:25px 0;
    font-weight: bold;
}
.payment-fatal-error-q ul > li{
	list-style-type: disc;
	padding-bottom: 8px;
	text-align: left;
	margin-left: 24px;
}
.payment-fatal-error-q ul > li:last-child{padding-bottom: 0;}
.payment-fatal-error-formlink{
	margin: 64px auto;
	border: 1px solid #e7e7e7;
	text-align: center;
}
.formlink-title{
	background: #f6f8fa;
	padding: 8px;
	font-size: 16px;
	font-weight: bold;
}
.formlink-body{
	padding: 12px;
}
.formlink-body > p{ margin-bottom: 8px; }

/* かんたん決済　獲得ポイント表示 */
.earned_points{
    margin-bottom:8px !important;
    line-height:1;
}

.earned_points > span{
    padding:2px 3px 3px 7px;
    color:#3a3a3a;
    font-size:0.75rem;
    background-color:#ffea48;
    border-radius:5px;
}

.earned_points > span > span{
    font-weight:bold;
    font-size:0.815rem;
}

.earned_points a.earned_points_link{
    margin-left:5px;
    font-size:0.88rem;
}

/* SMS認証 --------------------------*/

/*画像読み込み*/
.sms_auth_catch.catch_back_img,
.sms_auth_icon_coution,
.sms_auth_icon_warning,
.sms_auth_icon_no1,
.sms_auth_icon_no2,
.sms_auth_icon_no3{
	background-image: url(//id-static.fc2.com/1.0/fc2parts/image/sms_pc_main02.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.sms_auth_catch.catch_back_img{
	margin-bottom: 35px;
	background-position: 475px 40px;
}

.sms_auth_code .sms_auth_catch{
	margin-bottom: 35px;
	background-position:475px -319px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}
.sms_auth_catch_text{
	width: 450px;
}
.sms_auth_catch_attention{
	color: #333333;
	font-size: 12px;
	margin-top: 5px;
}
.sms_auth_howtosms{
	border: 1px solid #d3d3d3;
	padding: 10px;
	margin-top: 20px;
}

body#simplepay div#content .sms_page h3 + p{
    margin-bottom: 0;
}

.sms_auth_howtosms h3{
	font-weight: normal;
	margin-bottom: 10px;
}
.sms_auth_howtosms p{
	font-size: 12px;
}
.sms_auth_form{
	background: #f2f2f2;
	padding: 50px 20px;
	margin-bottom: 40px;
}

.sms_page .sms_auth_form{
	padding: 30px 20px;
}

.sms_auth_form_list{
	width: 510px;
	margin: 0 auto;
}
.sms_auth_form_list li{
	overflow: hidden;
	margin-bottom: 20px;
}
.sms_auth_form_list li dl{
	display: flex;
}
.sms_auth_form_list li dl dt{
	display: flex;
	width: 100px;
	font-weight: bold;
	align-items: center;
}

.sms_auth_form_list li dl dd{
	width: 410px;
	display: flex;
	align-items: center;
}
.sms_auth_form_list li dl dd input,
.sms_auth_form_list li dl dd select{
    padding:3px 5px;
	width: 300px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	font-weight: bold;
	color: #515151;
}
.sms_auth_form_list li dl dd input{
	/*font-size: 18px;
	font-weight: bold;
	color: #515151;*/
}
.sms_auth_form_btn{
	text-align: center;
	margin: 40px 0;
}
.sms_page .sms_auth_form_btn{
	margin-top: 30px;
    margin-bottom: 0;
}
.sms_auth_form_attention{
	width: 580px;
	margin-top: 35px;
	margin: 35px auto 0;
	padding: 10px;
	background-color: #fcfcfc;
	border: 1px solid #d6d6d6;
	text-align: center;
	border-radius: 5px;
    text-align: left;
}
.sms_auth_code .sms_auth_form_attention{
	text-align: left;
}

.sms_page .sms_auth_form_attention{
	margin-top: 25px;
}

.sms_auth_form_attention_link{
	margin: 10px 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.sms_auth_form_attention_coution{
	font-size: 12px;
}
.form_supplementary_text{
	color: #7f7f7f;
	font-size: 12px;
	padding-left: 10px;
}
.sms_auth_form_warning{
	text-align: center;
}
.sms_auth_form_warning,
.sms_auth_form_warning a{
	color: #e24242;
}

/*sms button*/
.sms_auth_button,
.sms_auth_mini_button{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 12px 18px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	min-width:150px;
	width: auto !important;
	width: 150px;
}
.sms_auth_mini_button{
	padding: 6px 18px;
}
.sms_auth_submit_button{
	background: #2d77e2;
	background: -moz-linear-gradient(top,  #2d77e2 0%, #1c6ce0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d77e2), color-stop(100%,#1c6ce0));
	background: -webkit-linear-gradient(top,  #2d77e2 0%,#1c6ce0 100%);
	background: -o-linear-gradient(top,  #2d77e2 0%,#1c6ce0 100%);
	background: -ms-linear-gradient(top,  #2d77e2 0%,#1c6ce0 100%);
	background: linear-gradient(to bottom,  #2d77e2 0%,#1c6ce0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d77e2', endColorstr='#1c6ce0',GradientType=0 );
	color: #fff;
	border: 1px solid #1c6ce0;
	margin-right: 15px;
}
.sms_page .sms_auth_submit_button:last-child{
	margin-right: 0;
}
.sms_auth_submit_button:hover{
	background: #4788e5;
	background: -moz-linear-gradient(top,  #4788e5 0%, #1f6ee0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4788e5), color-stop(100%,#1f6ee0));
	background: -webkit-linear-gradient(top,  #4788e5 0%,#1f6ee0 100%);
	background: -o-linear-gradient(top,  #4788e5 0%,#1f6ee0 100%);
	background: -ms-linear-gradient(top,  #4788e5 0%,#1f6ee0 100%);
	background: linear-gradient(to bottom,  #4788e5 0%,#1f6ee0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4788e5', endColorstr='#1f6ee0',GradientType=0 );
	color: #fff;
	border: 1px solid #1c6ce0;
	margin-right: 15px;
}
.sms_auth_normal_button{
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e2e2e2));
	background: -webkit-linear-gradient(top,  #ededed 0%,#e2e2e2 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#e2e2e2 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#e2e2e2 100%);
	background: linear-gradient(to bottom,  #ededed 0%,#e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e2e2e2',GradientType=0 );
	border: 1px solid #cecece;
	color: #5b5b5b;
}
.sms_auth_normal_button:hover{
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e9e9e9',GradientType=0 );
}

/*sms faq*/
body#simplepay div#main .sms_page .sms_auth_faq > p{
	margin-bottom: 10px;
}

.sms_auth_faq h2{
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 18px;
}
.sms_auth_faq_list{
	margin-top: 20px;
}
.sms_auth_faq_list li{
	background-color: #f2f2f2;
	margin-bottom: 20px;
	padding: 15px;
}
.sms_auth_faq_list li h3{
	margin-bottom: 10px;
}
.sms_auth_faq_list li p,
.sms_auth_faq_list_text{
	background-color: #fff;
	padding: 10px;
}
.sms_auth_faq_list_text .resend_btn{
	margin-top:10px;
}
.sms_auth_faq_list_text .resend_btn .sms_auth_mini_button{
	width: 180px;
}

div#content .sms_page .sms_auth_faq_list li form{
	margin-bottom:0;
}

.sended_sms{
	background-color: #eef7e4;
	color: #539b00;
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
/*sms icon*/
.sms_auth_icon_coution,
.sms_auth_icon_warning{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 5px;
}
.sms_auth_icon_coution{
	background-position: 0px -540px;
	width: 17px;
	height: 20px;
}
.sms_auth_icon_warning{
	background-position: -21px -540px;
	width: 17px;
	height: 20px;
}
.sms_auth_icon_no1,
.sms_auth_icon_no2,
.sms_auth_icon_no3{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 5px;
	width: 25px;
	height: 25px;
}
.sms_auth_icon_no1{background-position:0 -568px ;}
.sms_auth_icon_no2{background-position:-28px -568px;}
.sms_auth_icon_no3{background-position:-56px -568px;}

/* ===========================================================
	Modal
=========================================================== */
#loaderModal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 100;
  }
  
  #loaderContainer {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
  }
  
  #loaderContainer > .loader {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #ec5763;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
	margin: 0 auto;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

  #loaderContainer > p{
	margin-top: 24px;
	font-weight: bold;
    color: #333;
    text-align: center;
  }

  /* ===========================================================
	scratch
=========================================================== */
.scratchers_content{
    width: 100%;
    max-width: 740px;
    margin: 80px auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    /* border: 1px solid #D9D9D9; */
    border-radius: 20px;
}
.scratchers_content * {
    letter-spacing: .05em;
}
.scratchers_title{
    background-color: #EF5763;
    padding: 32px 8px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    border-radius: 19px 19px 0 0;
    color: #fff;
}
.scratchers_inner{
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    background: #fff;
    border-radius: 0 0 19px 19px;
    padding: 32px;
    text-align: center;
}
.scratchers_inner.scratchers_inner_error{
    border-radius: 19px;
    border: 1px solid #D9D9D9;
}
.scratchers_text{
    margin-bottom: 24px;
    font-size: 14px;
}
.scratchers_text p{
    margin-bottom: 16px;
    line-height: 1.8;
}
.scratchers_status{
    margin-top: 24px;
}
.scratchers_status span{
    display: inline-block;
    background: #F0F4F7;
    padding: 8px 34px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
}
.scratchers_result{
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    padding: 20px;
}
.scratchers_result_title{ margin-bottom: 16px; }
.scratchers_result_title > span{
    display: inline-block;
    padding: 8px 24px;
    border-radius: 40px;
    background-color: #F0F4F7;
    font-size: 14px;
    font-weight: bold;
}
.is-hit .scratchers_result_title > span{
    background-color: #EF5763;
    color: #fff;
}
.scratchers_result_text{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8;
}
.is-hit .scratchers_result_text{
    color: #EF5763;
}
.scratchers_topbtn{
    text-align: center;
}
.scratchers_topbtn a{
    display: inline-block;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    padding: 16px 32px;
    color: #333333 !important;
    transition: all .14s linear;
}
.scratchers_topbtn a:hover{
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .08);
}
.scratchers_detail{
    background: #F0F4F7;
    padding: 32px 24px;
    border-radius: 10px;
}
.scratchers_detail h3{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 24px;
}
body#simplepay div#content .scratchers_detail  h3 + p{
    margin-top: 0;
    line-height: 1.8;
}
body#simplepay div#content .scratchers_detail  h3 + p:last-child{
    margin-bottom: 0;
}