@charset "utf-8";

/* tipsy.css */
@import url("../../css/tipsy.css?20190208");
/* efo_required_box.css */
@import url("../../css/efo_required_box.css?20190208");
/* efo_input.css */
@import url("../../css/efo_input.css?20200528");

@import url("./paidy_payment.css");

@-moz-document url-prefix() {
    input,
    select,
    textarea{
        font-family:MS UI Gothic;
    }
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* font size */
.f10 {
    font-size: 10px;
    line-height: 14px;
}
.f12 {
    font-size: 12px;
    line-height: 18px;
}
.f14 {
    font-size: 14px;
    line-height: 20px;
}
.f16 {
    font-size: 16px;
    line-height: 22px;
}

/* font color */
.c01 {
    color: #FF0000;
}

.c02 {
    color: #02A621;
}

img {
    border: 0;
}

/* link */
a:link , a:visited {
    color: #02A621;
    text-decoration: underline;
}

a:hover , a:active {
    color: #FF0000;
    text-decoration: none;
}

/** Landing page */
#form_payment{
    width: 880px;
    margin-top: 20px;
}

/*
#form_payment_method {
 }
*/

#form_payment table {
    width: 590px;
}

/*
#form_payment_method div{
    width: 100%;
    text-align: left;
 }
*/

div#form_payment_method_credit.already_token {
    background: none;
    height: auto;
}

#creditcards {
    float: right;
    padding-top: 20px;
    padding-right: 20px;
}

#agreement {
    clear:both;
    width: 860px;
    padding: 10px;
    margin: 20px auto;
    background-color: #EEEEEE;
}

#agreement div {
    text-align: left;
    padding: 8px;
}

/** Upsell page */
#upsell_form {
    margin-top: 10px;
    width: 890px;
}

#upsell_form table td select option:disabled {
    background-color: #CCCCCC;
}

#upsell_form_inner table {
    margin-top: 0px;
    border: 1px solid #999999;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 15px;
}

#upsell_form_inner tr{
    line-height: 18px;
    text-align: left;
}

#upsell_form_inner th{
    padding: 10px 5px;
    border: 1px solid #999999;
    background-color: #f4f6f5;
    width:18em;
}

#upsell_form_inner td{
    padding: 10px 5px;
    border: 1px solid #999999;
}

/* upsell申込み内容確認画面 */
#order_info_order,#order_info_customer,#order_info_payment {
    margin-bottom: 20px;
}

#order_info {
    width: 885px;
    background-color: #FFFFFF;
}

#order_info table {
    width: 870px;
    border: 1px solid #999999;
    line-height: 28px;
}

#order_info table td.order_info_title {
    width: 25%;
    background-color: #f4f6f5;
    text-align: left;
    vertical-align: top;
    border-right: 1px solid #999999;
}

table#order_info_inner {
    width: 100%;
    border: 1px solid #FFFFFF;
}

#order_info_confirm_message td {
    margin: 0;
    padding: 3px 5px;
    border-top: 1px solid #999999;
    font-size: 12px;
    line-height: 18px;
}

#order_info_pay_after_delivery_message td {
    margin: 0;
    padding: 3px 5px;
    border-top: 1px solid #999999;
    font-size: 12px;
    line-height: 18px;
}

#order_info_customer table{
    border-collapse: collapse;
}

#order_info_customer table td{
    border-bottom: 1px solid #999999;
}

#order_info_payment table {
    border-collapse: collapse;
    border-bottom: 1px solid #999999;
}

/* error */
div.error-message {
    padding: 1px 3px;
    margin: 2px;
    color: white;
    font-size: 12px;
    line-height: 18px;
    background-color: red;
}

#duplicate_error {
    width: 880px;
}

/* 申し込むフォーム */
#form_checkout_message {
    width: 880px;
    text-align: left;
}

#landing_form {
}

table#landing_form {
    width: 880px;
    border-collapse: collapse;
    border: 1px solid #C3C3C3;
    background-position: right top;
    background-repeat: no-repeat;
    margin: auto;
}

#landing_form tr {
    line-height: 28px;
}

#landing_form td {
    border-bottom: 1px solid #C3C3C3;
    width: 628px;
    padding: 10px;
}

#form_payment th {
    vertical-align: top;
}

/** NP表示枠は初期は非表示 **/
#form_payment_method_np {
    clear: both;
    display: none;
    padding-left: 15px;
}

div#form_payment_method_np_form{
    padding: 10px;
    width: 468px;
    border: 1px solid #CCCCCC;
    margin: auto;
}

#upsell_payment_method_np div#form_payment_method_np{
    padding-right: 20px;
}

div#np_note {
    text-align : left;
}

div.np_title {
    margin-top: 1em;
}

div#np_note .np_description,
div.np_note .np_description {
    width: auto;
    padding: 0 12px;
}

/** NP-wiz表示枠は初期は非表示 **/
#form_payment_method_np_wiz {
    clear: both;
    display: none;
}

div#form_payment_method_np_wiz_form{
    padding: 10px;
    width: 468px;
    border: 1px solid #CCCCCC;
    margin: auto;
}

#upsell_payment_method_np_wiz div#form_payment_method_np_wiz{
    padding-right: 20px;
}

div#np_wiz_note {
    text-align : left;
}

div.np_wiz_title {
    margin-top: 1em;
}

div#np_wiz_note .np_wiz_description,
div.np_wiz_note .np_wiz_description {
    width: auto;
    padding: 0 12px;
}

/** GMO後払い表示枠は初期は非表示 **/
#form_payment_method_gmo_ps {
    clear: both;
    display: none;
    padding-left: 15px;
}

div#form_payment_method_gmo_ps_form{
    padding: 10px;
    width: 468px;
    border: 1px solid #CCCCCC;
    margin: auto;
}

#upsell_payment_method_gmo_ps div#form_payment_method_gmo_ps{
    padding-right: 20px;
}

div#gmo_ps_note {
    text-align : left;
}

div.gmo_ps_title {
    margin-top: 1em;
}

div#gmo_ps_note .gmo_ps_description,
div.gmo_ps_note .gmo_ps_description {
    width: auto;
    padding: 0 12px;
}

/** クロネコ代金後払いサービス表示枠は初期は非表示 **/
#form_payment_method_kuroneko_ps {
    clear: both;
    display: none;
    padding-left: 15px;
}

div#form_payment_method_kuroneko_ps_form{
    padding: 10px;
    width: 468px;
    border: 1px solid #CCCCCC;
    margin: auto;
}

div#form_payment_method_kuroneko_ps_form a img {
    width: 100%;
}

#upsell_payment_method_kuroneko_ps div#form_payment_method_kuroneko_ps{
    padding-right: 20px;
}

div#kuroneko_ps_note {
    text-align : left;
}

div.kuroneko_ps_title {
    margin-top: 1em;
}

div#kuroneko_ps_note .kuroneko_ps_description,
div.kuroneko_ps_note .kuroneko_ps_description {
    width: auto;
    padding: 0 12px;
}

/** スコア＠払い決済サービス表示枠は初期は非表示 **/
#form_payment_method_nissen {
    clear: both;
    display: none;
}

div#form_payment_method_nissen_form{
    padding: 10px;
    width: 468px;
    border: 1px solid #CCCCCC;
    margin: auto;
}

div#nissen_note,
div.nissen_note {
    margin-top: 0;
    text-align : left;
}

div#nissen_note .nissen_title,
div.nissen_note .nissen_title {
    width: auto;
    padding: 1.0em 12px 0 12px;
}

div#nissen_note .nissen_description,
div.nissen_note .nissen_description {
    width: auto;
    padding: 0.3em 12px 0 12px;
}

div#nissen_note .nissen_annotation,
div.nissen_note .nissen_annotation {
    width: auto;
    padding: 1.0em 12px 0 12px;
    margin-left: 1em;
    text-indent: -1em;
}

div#nissen_note .nissen_annotation_v2,
div.nissen_note .nissen_annotation_v2 {
    margin-left: 0em;
    text-indent: 0em;
}

/** アトディーネ＠払い決済サービス表示枠は初期は非表示 **/
#form_payment_method_atodene {
    clear: both;
    display: none;
}

div#form_payment_method_atodene_form{
    padding: 10px;
    width: 493px;
    border: 1px solid #CCCCCC;
    margin: auto;
}

#upsell_payment_method_atodene div#form_payment_method_atodene{
    padding-right: 20px;
}

div#atodene_note {
    margin-top: 0;
    text-align : left;
}

div#atodene_note .atodene_title {
    width: auto;
    padding: 1.0em 12px 0 12px;
}

div#atodene_note .atodene_description {
    width: auto;
    padding: 0.3em 12px 0 12px;
}

div#atodene_note .atodene_annotation {
    width: auto;
    padding: 1.0em 12px 0 12px;
    margin-left: 1em;
    text-indent: -1em;
}

/** 後払い.com決済サービス表示枠は初期は非表示 **/
#form_payment_method_atobarai_com {
    clear: both;
    display: none;
    padding-left: 15px;
}

div#form_payment_method_atobarai_com_form {
    padding: 10px;
    width: 493px;
    border: 1px solid #CCCCCC;
    margin: auto;
}

#upsell_payment_method_atobarai_com div#form_payment_method_atobarai_com {
    padding-right: 20px;
}

div#atobarai_com_note,
div.atobarai_com_note {
    margin-top: 0;
    text-align : left;
    font-size: 16px;
    line-height: 1.5;
}

div#atobarai_com_note .atobarai_com_title,
div.atobarai_com_note .atobarai_com_title {
    width: auto;
    padding: 1.0em 12px 0 12px;
}

div#atobarai_com_note .atobarai_com_description,
div.atobarai_com_note .atobarai_com_description {
    width: auto;
    padding: 0.3em 12px 0 12px;
}

div#atobarai_com_note .atobarai_com_annotation,
div.atobarai_com_note .atobarai_com_annotation {
    width: auto;
    padding: 1.0em 12px 0 12px;
    margin-left: 1em;
    text-indent: -1em;
}

#form_payment_method_atobarai_com_form .atobarai_com_image img {
    width: 100%;
    height: auto;
}

/** Atone Payment **/
#form_payment_method_atone_each_time, 
#form_payment_method_atone_next_month {
    clear: both;
    display: none;
    padding-left: 15px;
}

div#form_payment_method_atone_each_time_form,
div#form_payment_method_atone_next_month_form {
    padding: 10px;
    width: 468px;
    border: 1px solid #CCCCCC;
    margin: auto;
}

#upsell_payment_method_atone_each_time div#form_payment_method_atone_each_time,
#upsell_payment_method_atone_next_month div#form_payment_method_atone_next_month {
    padding-right: 20px;
}

div.atone_note {
    text-align : left;
}

div.atone_note .atone_description {
    width: auto;
    padding-bottom: 10px;
}

div.atone_note .atone_description:first-child {
    padding-top: 10px;
}

div.atone_note .atone_description:last-child {
    padding-bottom: 0;
}

div.atone_note .atone_description p.bold {
    padding-left: 10px;
    font-weight: bold;
}

/** クレジットカード入力情報は初期は非表示 **/
#form_payment_method_credit {
    clear: both;
    display: none;
    padding-left: 5px;
}

#form_payment_method_credit th{
    vertical-align:top;
}

#form_payment_method_credit th{
    vertical-align:top;
}

img.required_image {
    vertical-align: middle;
    margin-left: 3px;
}

/* 確認ボタン.swf */
div#confirm_button {
    clear: both;
    width: 880px;
    margin:0 auto;
    position: relative;
}

/* 生年月日 */
input#OrderBirthdayYear {
    width: 4em;
}

/* IME-MODE */
input.ime_active {
    ime-mode:active;
}

input.ime_inactive {
    ime-mode:inactive;
}

input.ime_disabled {
    ime-mode:disabled;
}

/* 住所 */
input.address {
    width: 360px;
}

/* メールアドレス */
input.email {
    width: 360px;
}

/* 郵便番号 */
input.zip1 {
    width: 3em;
}
input.zip2 {
    width: 4em;
}

/* 電話番号 */
input.tel_no {
    width: 4em;
}

/* フリースペース */
textarea.extra_textarea {
    width: 360px;
}

/* パスワード */
input.password {
    width: 360px;
}

/* パスワード */
input.confirm_password {
    width: 360px;
}

/* パスワード */
input.security_answer {
    width: 360px;
}

/* カード日付 */
input.card_date {
    width: 3em;
}

/* 確認画面＋サンクス画面のSTEP画像 */
.step_image {
    margin-bottom:30px;
}

/* 確認画面＋サンクス画面の注意書き */
.caution_message {
    margin-top: 20px;
    margin-bottom: 20px;
}

#landing_box{
    width: 960px !important;
}

.landing-small-button {
    text-align:right;
    padding:20px 20px 10px 0;
}

#form_enq {
    background: none repeat scroll 0 0 #FFFCD3;
    border: 3px solid #FFC501;
    margin-bottom: 20px;
    padding: 5px;
    text-align: left;
    width: 730px;
}

#form_enq ul li {
    list-style-type:none;
    margin-left:-2em;
}

#form_enq h3 {
    color:#F00;
    font-size:18px;
    margin-left:1em;
}

#form_enq p span.bg_y {
    background-color:#FF0;
}

#form_enq p span.txt_r {
    color:#F00;
    font-weight:bold;
    font-size:larger;
}

#form_enq p.countUpBlock {
    text-align:right;
}

/** FSP 追記 */

.head {
    text-align:left;
    padding:5px 20px;
    border-top:solid #88ddff 5px;
    border-bottom:solid #DEDEDE 1px;
}

.ttl {
    margin:20px auto 10px auto;
}

/*--------------------
    margn
--------------------*/

.mt30 {
    margin-top:30px;
}

.mt20 {
    margin-top:20px;
}

.mt10 {
    margin-top:10px;
}

/*--------------------
    footer
--------------------*/

#footer {
    width:960px;
    margin:20px 0px 0px 0px;
    font-size:12px;
    text-align:center;
}

#footer-inner{
    width:880px;
    margin:0 auto;
    padding:10px 0px;
    border-top:#DEDEDE solid 1px;
    border-bottom:#DEDEDE solid 1px;
}

#footer table{
    width:880px;
    margin:0 auto;
    padding:10px 0px;
    text-align:left;
}

#footer-inner table table{
    width:270px;
    margin:0;
    background:#FFF;
}

#footer-inner table table td{
    padding:6px 3px 6px 3px;
    text-align:center;
}

/* add start */
#confirm_button_disable {
    display: none;
}

.movie_bg .movie_inner {
    margin: 0 auto;
}

#noscript_box{
    background-color:red;
    height:20px;
    width:100%;
    padding:8px 0px;
}

#footer_company_info,
#footer_copyright {
    white-space: nowrap;
}

#honki-check-wrapper {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1.5;
}
#honki-check-frame {
    width: 734px;
    margin: 30px auto;
    padding: 15px;
    border: solid 3px #FFC600;
    background: #FFFCD3;
    text-align: left;
    border-radius: 10px 10px 10px 10px;
}
#honki-check-box {
    width: 734px;
    margin: 0;
    padding: 0;
}
#honki-check-box .honki-check-checkbox {
    width: 100%;
    margin: 0;
}
#honki-check-box .honki-check-checkbox tr.check-question{
    border-bottom: 1px #ffc600 dashed;
}
#honki-check-box .honki-check-checkbox td.check {
    width: 35px;
    text-align: center;
    vertical-align: top;
    padding: 18px 0;
}
#honki-check-box .honki-check-checkbox td.question {
    width: auto;
    text-align: left;
    vertical-align: top;
    padding: 10px 0;
    font-weight: bold;
    word-break: break-word;
}
#honki-check-box .honki-check-checkbox td.question>label>p {
    display: contents;
}
#honki-check-box .honki-check-checkbox td.question p{
    display: inline;
}
#honki-check-box .honki-check-checkbox td.question img {
    vertical-align: middle;
}
#honki-check-enquete-description {
    font-weight: bold;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#honki-check-enquete-description img {
    vertical-align: middle;
}
#honki-check-enquete-textarea textarea {
    width: 99%;
    height: 130px;
    border-radius: 8px;
}
#honki-check-enquete-countdown-wrapper {
    text-align: right;
    font-weight: bold;
}
#honki-check-enquete-countdown {
    color: #FF0000;
}

#product_qty {
    width: 880px;
    min-height: 100px;
    border-collapse: collapse;
    border: 1px solid #C3C3C3;
    background-position: right top;
    background-repeat: no-repeat;
    margin-top: 20px;
}

#product_qty tr {
    line-height: 28px;
}

#product_qty td {
    border-bottom: 1px solid #C3C3C3;
    width: 580px;
    padding: 10px;
}

#product_qty td select option:disabled {
    background-color: #CCCCCC;
}

#form_landing_customer{
    margin-top: 20px;
}

#form_landing_customer.hide-title{
    /* margin-top: unset; */
    margin-top: 4px;
} 
#form_landing_customer.hide-title-qn{
    margin-top: 20px;
} 

span.required_image {
    display:inline-block;
    float:right;
    height:19px;
    vertical-align:top;
}

span.required_image img {
    vertical-align: middle;
    margin-left: 3px;
}

#form_payment_method {
    width: 885px;
}

#form_payment_method .form-single-payment-method strong {
    width: 98%;
    margin: 0 5px 10px 5px;
    border: 1px solid #999999;
    padding: 10px 5px;
    text-align: left;
    display: block;
}

#form_payment_method_select {
    width: 98%;
    margin: 0 5px 10px 5px;
    border: 1px solid #999999;
    padding: 10px 5px;
    text-align: left;
}

#upsell_payment_method {
    width: 880px;
}

#form_payment_method_credit_form {
    clear: both;
    float: left;
    width: 590px;
}

#form_payment_method_credit_form table {
    width: 590px;
}

#upsell_form_upsell_footer_contents.one-step #form_payment_method_credit.already_token #form_payment_method_credit_form {
    width: 800px;
    text-align: right;
}
#upsell_form_upsell_footer_contents.one-step #form_payment_method_credit.already_token #form_payment_method_credit_form p {
    margin: 0;
    padding: 0;
}
#upsell_form_upsell_footer_contents.two-step #form_payment_method_credit.already_token #form_payment_method_credit_form {
    width: 800px;
    text-align: center;
    margin-left: 40px;
}
#upsell_form_upsell_footer_contents.two-step #form_payment_method_credit.already_token #form_payment_method_credit_form p {
    margin: 0 auto;
    padding: 0;
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_form_inner {
    float: right;
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_form_inner table {
    width: 390px;
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_np {
    width: 490px;
    margin-left: 390px
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_np #form_payment_method_np {
    padding-right: 0;
    padding-left: 0;
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_np_wiz {
    width: 490px;
    margin-left: 390px
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_np_wiz #form_payment_method_np_wiz {
    padding-right: 0;
    padding-left: 0;
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_gmo_ps {
    width: 490px;
    margin-left: 390px
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_gmo_ps #form_payment_method_gmo_ps {
    padding-right: 0;
    padding-left: 0;
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_kuroneko_ps {
    width: 490px;
    margin-left: 390px
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_kuroneko_ps #form_payment_method_kuroneko_ps {
    padding-right: 0;
    padding-left: 0;
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_nissen {
    width: 490px;
    margin-left: 390px
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_nissen #form_payment_method_nissen {
    padding-right: 0;
    padding-left: 0;
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_atodene {
    width: 490px;
    margin-left: 390px
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #upsell_payment_method_atodene #form_payment_method_atodene {
    padding-right: 0;
    padding-left: 0;
}

#upsell_form_upsell_footer_contents.one-step #upsell_form #form_payment_method_credit {
    width: 800px;
    padding-left: 0;
    margin-left: 80px
}


/** ワンクリックでお申込み用 **/
#oneClickOrderArea {
    margin: 0 auto;
    padding: 0 0 15px 0;
    text-align: center;
}

#oneClickOrderBox {
    width: 874px;
    border: solid 3px #C3C3C3;
    margin: 0 auto 10px auto;
    padding: 20px 0;
    text-align: center;
}
#oneClickOrderBox p.message {
    margin: 0 auto;
    padding: 20px 0 0 0;
    font-weight: bold;
    text-align: center;
}
#oneClickOrderButtonWrapper {
    zoom: 1;
    position: relative;
    overflow: hidden;
}
#oneClickOrderButtonWrapper:after {
    content: "";
    display: block;
    clear: both;
}
#oneClickOrderButtonArea {
    zoom: 1;
    position: relative;
    left: 50%;
    float: left;
}
#oneClickOrderButtonArea:after {
    content: "";
    display: block;
    clear: both;
}
/** Amazon Pay設定用 **/
#oneClickOrderAmazonPaymentsArea {
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    position: relative;
    left: -50%;
    float: left;
}

#PayWithAmazonAllArea {
    margin: 0;
    background-position: right top;
    background-repeat: no-repeat;
    border: 1px solid #c3c3c3;
    border-collapse: collapse;
    width: 880px;
    margin: auto;
}
#PayWithAmazonAllArea th strong {
    float: left;
}
#PayWithAmazonAllArea td {
    border-bottom: 1px solid #c3c3c3;
    padding: 15px 13px;
    width: 574px;
}
#PleaseInputOtherForm {
    width: 880px;
    margin: auto;
    padding: 10px 0 25px 0;
    text-align: left;
}

#ReadonlyPayWithAmazonAllArea {
    margin: 0 auto 20px;
}

#ReadonlyPayWithAmazonAllArea td {
    border-bottom: 1px solid #999999;
    padding: 5px;
}

#upsell_form .AmazonPaymentsLoginButton {
    margin: auto;
}

#PayWithAmazonMessage {
    margin: 0;
    padding: 0 0 10px 0;
}
#PayWithAmazonMessage p {
    width: 825px;
    padding: 0;
    text-align: left;
    font-weight: bold;
    display:inline-block;
}

#PayWithAmazonArea {
    zoom: 1;
}
#PayWithAmazonArea:after {
    content: "";
    display: block;
    clear: both;
}
#walletWidgetWrapper {
    float:left;
    width: 439px;
}
#walletWidgetDiv {
    min-width: 431px !important;
}
#consentWidgetWrapper {
    float:left;
    margin: 0 0 0 10px;
    width: 431px;
}
#consentWidgetDiv {
    min-height: 187px !important;
}

#form_payment_method_amazon_payments {
    width: 880px;
    clear: both;
    display: none;
    margin: 0 0 0 6px;
}

#form_payment_method_amazon_payments_form {
    text-align: left;
}
#PayWithAmazon {
}

#upsell_form_upsell_footer_contents.one-step #PayWithAmazonArea {
    float: right;
}
#upsell_form_upsell_footer_contents.one-step #PayWithAmazon {
    float: right;
}
#upsell_form_upsell_footer_contents.one-step #PayWithAmazonMessage {
    text-align: right;
}
#upsell_form_upsell_footer_contents.one-step #PayWithAmazonMessage p {
    margin: 0;
}

#upsell_form_upsell_footer_contents.two-step #form_payment_method_amazon_payments_form {
    position: relative;
    overflow: hidden;
    text-align: center;
}
#upsell_form_upsell_footer_contents.two-step #form_payment_method_amazon_payments_form #PayWithAmazon {
    margin: 0 auto;
}
#upsell_form_upsell_footer_contents.two-step #PayWithAmazonArea {
    position: relative;
    left: 50%;
    float: left;
}
#upsell_form_upsell_footer_contents.two-step #walletWidgetWrapper,
#upsell_form_upsell_footer_contents.two-step #consentWidgetWrapper {
    position: relative;
    left: -50%;
}
#upsell_form_upsell_footer_contents.two-step #PayWithAmazonMessage {
    text-align: center;
}
#upsell_form_upsell_footer_contents.two-step #PayWithAmazonMessage p {
    margin: 0 auto;
}

#upsell_form_upsell_footer_contents #form_payment_method_amazon_payments {
    margin-left: 0;
}
#upsell_form_upsell_footer_contents #walletWidgetWrapper div.error-message,
#upsell_form_upsell_footer_contents #consentWidgetWrapper div.error-message {
    text-align: left;
}

#landing_form td.AmazonPaymentsLoading div,
#landing_form td.AmazonPaymentsLoading p,
#landing_form td.AmazonPaymentsLoading input,
#landing_form td.AmazonPaymentsLoading select,
#landing_form td.AmazonPaymentsLoading span {
    visibility: hidden;
}

/** Paypal設定用 **/
#oneClickOrderPaypalArea {
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    position: relative;
    left: -50%;
    float: left;
}

#oneClickOrderPaypalArea iframe {
    margin: 0 auto;
}

#PayWithPaypalReselectAllArea {
    width: 880px;
    clear: both;
    margin: 0 auto;
    padding: 0 0 20px 0;
    text-align: center;
}
#PayWithPaypalReselectAllMessage {
    margin: 0 auto;
    padding: 0 0 5px 0;
}
#PayWithPaypalReselectAllMessage p {
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
}
#PayWithPaypalReselectAll {
    margin: 0 auto;
    padding: 0;
}
#PayWithPaypalReselectAll iframe {
    margin: 0 auto;
    padding: 0;
}

#form_payment_method_paypal {
    clear: both;
    display: none;
}

#form_payment_method_paypal_form {
    text-align: left;
}

#upsell_form #form_payment_method_paypal_form {
    text-align: center;
}

#upsell_form #PayWithPaypal {
    text-align: center !important;
}

#PayWithPaypal {
    margin: 0;
    padding: 0;
}

#PayWithPaypalReselectArea {
    clear: both;
    margin: 0 auto;
    padding: 0;
}
#PayWithPaypalReselectMessage {
    margin: 0 auto;
    padding: 0 0 5px 0;
}
#PayWithPaypalReselectMessage p {
    margin: 0;
    padding: 0;
    font-weight: bold;
}
#PayWithPaypalReselect {
    margin: 0;
    padding: 0;
}

#upsell_form_upsell_footer_contents #form_payment_method_paypal {
    margin-left: 0;
}
#upsell_form_upsell_footer_contents.one-step #PayWithPaypalReselectArea {
    text-align: right;
}
#upsell_form_upsell_footer_contents.one-step #PayWithPaypal {
    zoom: 1;
}
#upsell_form_upsell_footer_contents.one-step #PayWithPaypal:after {
    content: "";
    display: block;
    clear: both;
}
#upsell_form_upsell_footer_contents.one-step #PayWithPaypal iframe {
    float: right;
}
#upsell_form_upsell_footer_contents.one-step #PayWithPaypalReselectArea {
    text-align: right;
}
#upsell_form_upsell_footer_contents.one-step #PayWithPaypalReselect {
    zoom: 1;
}
#upsell_form_upsell_footer_contents.one-step #PayWithPaypalReselect:after {
    content: "";
    display: block;
    clear: both;
}
#upsell_form_upsell_footer_contents.one-step #PayWithPaypalReselect iframe {
    float: right;
}
#upsell_form_upsell_footer_contents.two-step #PayWithPaypalArea {
    text-align: center;
}
#upsell_form_upsell_footer_contents.two-step #PayWithPaypal {
    text-align: center;
}
#upsell_form_upsell_footer_contents.two-step #PayWithPaypal iframe {
    margin-right: auto;
    margin-left: auto;
}
#upsell_form_upsell_footer_contents.two-step #PayWithPaypalReselectArea {
    text-align: center;
}
#upsell_form_upsell_footer_contents.two-step #PayWithPaypalReselect {
    text-align: center;
}
#upsell_form_upsell_footer_contents.two-step #PayWithPaypalReselect iframe {
    margin-right: auto;
    margin-left: auto;
}

/**Start NO.1--**/
.checkbox_list {
    position:relative;
    font-size:20px;
    font-weight: bold;
    margin:10px 183px 0 175px;
    padding-left: 1em;
    text-align: left;
    line-height: 26px;
}
.checkbox_list label{
    display: inline-block;
}

.checkbox01-input{
    display: none;
}
.checkbox01-parts, .radio01-parts{
    display:block;
    height: auto;
    text-align: left;
    margin-left: 16px;
    word-break: break-all
}
.checkbox01-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #999;
    border-radius: 4px;
}
.checkbox01-input:checked + .checkbox01-parts{
    color: #ff0000;
}
.checkbox01-input:checked + .checkbox01-parts::after{
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 6px;
    width: 8px;
    height: 17px;
    transform: rotate(40deg);
    border-bottom: 3px solid #ff0000;
    border-right: 3px solid #ff0000;
}
.radio01-input{
    display: none;

}
.radio01-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #999;
    border-radius: 50%;
}
.radio01-input:checked + .radio01-parts{
    color: #ff0000;
}
.radio01-input:checked + .radio01-parts::after{
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #ff0000;
    border-radius: 50%;
}
.bot40
{
    padding-bottom: 40px;
}
.bot90
{
    padding-bottom: 90px;
}
.top60
{
    padding-top: 60px;
}
.top20
{
    padding-top: 20px;
}
.top40
{
    padding-top: 40px;
}
.form-field-input{
    width: calc(100% - 400px);
    margin: 0 205px 0 195px;
}
.form-field-input .text-input{
    width: 100%;
    background: #e9e9ea;
    border: 1px solid #b4b4b4;
    padding:  10px;
    font-size: 18px;
    color: #000;
    box-sizing: border-box;
    outline: none;
    resize: none;
}
.order-mark
{
    min-height: 100px;
}
.td-img-qn {
    padding: 0;
}
.temp-footer-img {
    margin-bottom: 55px;
}
.temp-footertitle {
    margin-bottom: 85px;
}
.headline {
    margin-bottom: 30px;
}
.qnforfooter{
    margin-bottom: 100px;
}
p.ftnote {
    margin-left: 40px;
    text-align: left;
    margin-right: 40px;
}
.form-field-input .text-input.bgwhite {
    background: #fff;
}
div.error-message-qn {
    padding-left: 18px;
    color: #E60012;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    height: 15px;
    font-size: 14px;
    overflow: hidden;
    margin-left: 177px;
}
/**End NO.1**/

.block-left, .block-right { float: left; }
.block-left { margin-right: 5px; }
.block-child { margin: 2px; }
.reverse-top5 { margin-top: 5px; }
.indexing-top{ position: relative; top: 5px; }
.indexing-top1 { position: relative;top: 5px; }
.indexing-top2 { position: relative;top: 15px; }
.indexing-top3 { position: relative;top: -6px; }
.indexing-top4 { position: relative;top: -12px; }
.indexing-top5 { position: relative;top: -2px; }
.upsell-w { width: 885px; overflow: hidden; }
.upsell-1 img{ width: 885px; }
.upsell-header img{ width: 860px; }
.upsell-header1 img{ width: 890px; }
.block-left.upsell-2 img{ width: 440px; }
.block-right.upsell-2 img{ width: 440px; }
.block-left.upsell-5 .block-small img{ width: 440px; }
.indexing-bottom{ position: relative;top: -7px; }
.indexing-bottom5{ position: relative; top: -9px; }
#landing-confirm-button-swfobject img.obj_arrow_btn{
    position: absolute;
    z-index: 100;
    animation: animation_obj_arrow_btn_large 10s ease-in-out infinite;
    top: 60%;
    left: 160px;
}

/* start ap.css */

#addressBookWidgetDiv {
    min-width: 300px;
    max-width: 600px;
    min-height:228px;
    max-height: 400px;
}
#walletWidgetDiv {
    min-width: 300px;
    max-width:600px;
    min-height: 228px;
    max-height: 400px;
}
#consentWidgetDiv {
    min-width: 300px;
    max-width:600px;
    min-height: 140px;
    max-height: 400px;
}
#ReadonlyAddressBookWidgetDiv {
    min-width: 300px;
    max-width:600px;
    min-height: 185px;
    max-height: 185px;
}
#ReadOnlyWalletWidgetDiv {
    min-width: 300px;
    max-width:600px;
    min-height: 185px;
    max-height: 185px;
}

/* Smartphone and small window */
#addressBookWidgetDiv {
    width: 100%;
    height: 228px;
}
#walletWidgetDiv {
    width: 100%;
    height: 228px;
}
#consentWidgetDiv {
    width: 100%;
    height: 140px;
}
#ReadonlyAddressBookWidgetDiv {
    width: 100%;
    height: 185px;
}
#ReadOnlyWalletWidgetDiv {
    width: 100%;
    height: 185px;
}

.AmazonPaymentsLoginButton {
    width: 200px;
    heoght: 45px;
}

/* Desktop and tablet */
@media only screen and (min-width: 768px) {
    #addressBookWidgetDiv {
        width: 400px;
        height: 228px;
    }
    #walletWidgetDiv {
        width: 400px;
        height: 228px;
    }
    #consentWidgetDiv {
        height: 140px;
    }
    #ReadonlyAddressBookWidgetDiv {
        width: 400px;
        height: 185px;
    }
    #ReadOnlyWalletWidgetDiv {
        width: 400px;
        height: 185px;
    }
}
#upsell_form #PayWithPaypal {
    text-align: right;
}
/* end ap.css */

/* start css_base_layout.css */

/*---------------------------------------
IE用スクロールバー
---------------------------------------*/

html {
    overflow-y: scroll;
    scrollbar-face-color: #d3af37;
    /*表面*/
    scrollbar-track-color: #eee8aa;
    /*背景*/
    scrollbar-arrow-color: #c1ab05;
    /*矢印*/
    scrollbar-3dlight-color: #f39800;
    /*明側面*/
    scrollbar-highlight-color: #ffd700;
    /*明光沢*/
    scrollbar-shadow-color: #c1a470;
    /*暗光沢*/
    scrollbar-darkshadow-color: #b8860b;
    /*暗側面*/
}

a img:hover {
    -ms-opacity: "alpha(opacity=100)";
    -moz-opacity: 1.0;
    opacity: 1.0;
}

/*ポップアップウインドウ*/

#blank {
    width: 100%;
    height: 30px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
}

#popupsell p {
    font-size: 18px;
    line-height: 1.5em;
}

.popupsell_out img {
    position: relative;
    right: -47%;
}

img.popupsell_text {
    margin: -20px 0px 10px 0px;
    width: 602px;
}


img.popupsell_btn {
    position:relative;
    right:75px;
}

#overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9998;
}

/*-----------------*/

.fv_area {
    width: 960px;
    margin: 0 auto;
    padding: 0px;
}

.banner {
    width: 960px;
    margin: 0 auto;
    background-color: #ffffff;
}

#banner01 {
    width: 932px;
    margin: -10px auto 0 auto;
    padding: 0px 0px 0px 28px;
}

#banner02 {
    width: 932px;
    margin: 0px auto;
    padding: 6px 0px 0px 28px;
}

.form-section .banner {
    width: auto;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 0px 0px 30px 0px;
}

.form-section #banner02 {
    width: auto;
    margin: 0px auto;
    padding: 0;
}

.form-section p.tokuten img {
    width: 100%;
}

.contents_wrapper {
    width: 1180px;
    margin: 0 auto;
}

.title  {
    width: 1180px;
    margin: 0 auto;
}

.contents {
    width: 960px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
    box-shadow: 0 10px 0 #999999;
    line-height: 0;
}

#form .form_content #confirm_button {
    padding-bottom: 0 !important;
}

.contents #form_landing, .contents .block-questionare, #form .contents {
    line-height: 1.5;
}

.anno {
    padding: 10px 20px 0px 0px;
    font-size: 12px;
    line-height: 150%;
}

.anno02 {
    padding: 10px 225px 0px 0px;
    font-size: 12px;
    line-height: 150%;
}

.anno03 {
    padding: 10px 20px 0px 0px;
    font-size: 18px;
    line-height: 150%;
}

.must {
    color: #ffffff;
    background-color: #ff0000;
    font-weight: bold;
    padding: 3px;
    font-size: .9em;
    margin: 0 10px;
    vertical-align: middle;
}

.bannerArea {
    width: 960px;
    margin: 0 auto;
    background-color: #ffffff;
}

.anima_banner {
    width: 930px;
    padding: 30px 0px 0px 25px;
    margin: 0 auto;
}

.p_container {
    position: relative;
    width: 750px;
    margin: 0 auto 60px;
}

.p_container_btn {
    position: absolute;
    width: 590px;
    right: 80px;
    bottom: 36px;
    text-align: center;
}

.contents .btn {
    padding-bottom: 10px;
    text-align: center;
}

.contents a {
    color: #1aa4c9;
}

/* ページ遷移ボタン */

.contents .lbtn {
    text-align: center;
    padding-bottom: 40px;
}

@media screen and (max-width: 750px) {
    .contents_wrapper {
        width: 100%;
    }
    .contents {
        width:  100%;
        box-shadow: none;
    }
}

/*---------------------------------------
タイトル
---------------------------------------*/

.ttl {
    padding: 40px 0px 60px;
}

#p0 .ttl {
    padding: 0px 0px 0px;
}

.ttl div {}

/*--------------------
footer
--------------------*/

.footerArea {
    background-color: #ffffff;
}

#footer {
    width: 960px;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Arial";
    text-align: center;
    margin: 0 auto;
    padding: 30px 0 0;
}

#footer,
#footer a {
    color: #000000;
}

#footer ul {
    justify-content: space-between;
    display: flex;
    margin: 0 auto;
    padding: 0 0 30px;
    width: 890px;
}

#footer .ft-external-link, #footer .ft-logo-4{
    justify-content: center;
}

#footer .ft-logo-4 li{
    margin: auto;
}

#footer .ft-external-link{
    line-height: normal;
}

#footer .coinfo {
    font-size: 12px;
    line-height: 140%;
    font-family: "ヒラギノ角ゴ Pro W3", "Arial";
}

#footer .footer-logo li {
    padding-left: 0;
}

#footer .footer-logo li img {
    width: 80%;
}

#footer .coinfo .fs_big {
    font-size: 120%;
    line-height: 150%;
    font-weight: bold;;
}

.refund_text {
    text-align: right;
    padding-right: 50px;
    font-size: 18px;
}

/************************************************
Margin Padding
*************************************************/

.m0 {margin: 0px;}
.m10 {margin: 10px;}
.mt-10 {margin-top: -10px;}
.mt5 {margin-top: 5px;}
.mt7 {margin-top: 7px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mr5 {margin-right: 5px;}
.mr7 {margin-right: 7px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mb5 {margin-bottom: 5px;}
.mb7 {margin-bottom: 7px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.ml5 {margin-left: 5px;}
.ml7 {margin-left: 7px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}

.pt5 {padding-top: 5px;}
.pt7 {padding-top: 7px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pr5 {padding-right: 5px;}
.pr7 {padding-right: 7px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}
.pr50 {padding-right: 50px;}
.pb5 {padding-bottom: 5px;}
.pb7 {padding-bottom: 7px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb60 {padding-bottom: 60px;}
.pl5 {padding-left: 5px;}
.pl7 {padding-left: 7px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}
.npt60 {padding-top: 0 !important;}
.pb01 {padding-bottom: 0.1px;}
.padbt10 {padding-bottom: 10px;}
.padt60 {padding-top: 60px;}
.ntop60 {padding-top: 0px;}


/************************************************

Float Align

*************************************************/

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.title.converted {
    line-height: 0px;
}
/* end css_base_layout.css */

/* start css_skin.css */

/*---------------------------------------

  広告(p2)

---------------------------------------*/
/*---------------------------------------
本気チェック
---------------------------------------*/
#enq {
    width: 800px;
    margin: 0px auto 30px;
    padding: 40px;
    border: 3px solid #ffc600;
    background-color: #fffcd3;
    border-radius: 10px 10px 10px 10px;
    font-size: 18px;
}

#enq h3 {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    color: #fe0000;
    margin-bottom: 20px;
    text-align: center;
}

br.sp {
    display: none;
}

#enq ul {
    list-style: none;
    border-bottom: 1px #ffc600 dashed;
}

#enq ul li {
    padding: 15px 5px;
}

#enq ul li span.red {
    color: #ff0000;
}

#enq ul li span.imp {
    color: #ff0000;
    background-color: #ffff00;
}

#enq ul li span.underline {
    text-decoration: underline;
}

#enq ul li img {
    width: 44px;
    height: 19px;
}

#enq th {
    vertical-align: middle;
    width: 40px;
    text-align: center;
}

#enq td {
    vertical-align: middle;
    padding-left: 10px;
}

#enq input[type=checkbox] {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    vertical-align: middle;
}

.att-msg {
    font-weight: bold;
    color: #ff0000;
    background-color: #ffe7e7;
}

/* ボタン(小) */

.sbtn {
    text-align: right;
    padding: 20px 15px 0 0;
}

/*---------------------------------------
  アップセル(p3)
---------------------------------------*/
.contents .upsell-unit {
    width: 960px;
    margin: 0 auto 0 auto;
    padding: 0 0 0px;
    display: table;
}

.contents .upsell-unit .box-a {
    width: 480px;
    display: table-cell;
    padding: 0 14px 7px 18px;
    box-sizing: border-box;
    vertical-align: bottom;
}

.contents .upsell-unit .box-b {
    width: 480px;
    display: table-cell;
    box-sizing: border-box;
    vertical-align: bottom;
}

.cbtn {
    margin: 20px 0px 0px;
    padding: 0px 0px 40px;
}
.cbtn #btn02{
    text-align: center;
}

/*---------------------------------------
  アップセルアンケート
---------------------------------------*/
.box_d * {
    vertical-align: baseline;
}
.box_d {
    background-color: #ffffce;
    padding: 15px 15px 5px;
    box-sizing: border-box;
    line-height: 1.3;
    text-align: center;
    word-break: break-all;
}
.box_d .enq_ttl {
    font-weight: bold;
    padding: 0 0 10px;
    text-align: left;
    font-size: 15px;
}
.box_d .enq_ttl>p {
    display: inline;
    /*display: contents;*/
}
.form-section01 .box_d .enq_ttl {
    font-size: 18px;
}

.box_d .enq_txt {
    padding: 0 0 10px;
    text-align: left;
    font-size: 15px;
}

.box_d img {
    vertical-align: top;
}

.form-section01 .box_d .enq_txt {
    font-size: 18px;
}

.box_d .enq_anno {
    font-size: 12px;
    padding: 0 0 5px;
    text-align: right;
}

.box_d #enq_textarea {
    width: 98%;
    margin: 0 auto;
    border-radius: 8px;
    padding: 5px;
    box-sizing: border-box;
    line-height: 1.5;
}

.form-section01 .box_d .check_text #enq_textarea {
    width: 100%;
}

.box_d .btn_img img, .btn_img img {
    width: 100%;
}

#countUpBlock {
    padding: 5px 0 5px;
    font-size: 16px;
    vertical-align: baseline;
    text-align: right;
}

#countUp {
    font-size: 20px;
    vertical-align: baseline;
    color: #ff0000;
}

.box-alert{
    background-color: #ffebeb;
    margin: 0 1px 6px 0;
    border: double 5px #ff0000;
    line-height: 1.3;
    padding: 19px 17px;
    font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS Pゴシック", sans-serif;
    margin-bottom: 6px;
    word-break: break-all;
}

.box-name-a{
    font-family: "ヒラギノ角ゴ Pro W3", "Arial", sans-serif;
    margin: 0 10px 0 10px;
    font-size: 18px;
    word-break: break-word;
    line-height: normal;
}
.box-name-b{
    font-family: "ヒラギノ角ゴ Pro W3", "Arial", sans-serif;
    margin: 0 10px 0 10px;
    font-size: 18px;
    word-break: break-word;
    line-height: normal;
}
/*---------------------------------------
  友達紹介(p4)
---------------------------------------*/
#p4 .unit-a {
    width: 920px;
    margin: 20px auto 20px auto;
}

#p4 .url {
    width: 920px;
    margin: 0 auto 30px;
    border: 1px solid #f07ba2;
    background-color: #ffe7e7;
}

#p4 .url .url-inner {
    padding: 10px;
}

#p4 .url .url-inner p {
    font-weight: bold;
    color: #ff0000;
    text-align: center;
}

/*---------------------------------------

  引上げ(p16)

---------------------------------------*/

.bannerArea .bookmark table,
.contents .bookmark table {
    width: 890px;
    margin: 10px auto 25px auto;
}

.bannerArea .bookmark th,
.contents .bookmark th {
    padding-right: 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    line-height: 130%;
}

.bannerArea .bookmark td,
.contents .bookmark td {
    width: 1%;
    white-space: nowrap;
    font-size: 14px;
}

.bannerArea .notes,
.contents .notes {
    text-align: right;
    font-size: 12px;
    padding-right: 30px;
}

/*---------------------------------------

  申込みフォーム(共通)

---------------------------------------*/
.form_title {
    width: 890px;
    height: 60px;
    display: block;
    margin-bottom: 10px;
    text-indent: -9999px;
}

.form-section,
.form-section02 {
    width: 890px;
    margin: 0px auto;
}
.pdtform {
    padding-top: 60px;
}
#p3 #form_checkout_title,
#p3-conf #form_checkout_title,
#p17-conf #form_checkout_title {
    display: none;
}

.form-section input,
.form-section select {
    font-size: 18px;
    margin-bottom: 3px;
    border-radius: 5px;
    padding: 10px 5px;
}

.form-section input[type="radio"],
.form-section input[type="checkbox"] {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    vertical-align: middle;
    margin: 0 2px;
}

#form_landing {
    padding: 20px 0 0 0;
    font-size: 16px;
}

#form_landing p#form_checkout_message {
    margin: auto;
}

#form_upsell p#form_checkout_message {
    width: 870px;
    margin: 0 auto 0.5em auto;
    box-sizing: border-box;
    font-size: 18px;
    padding: 0 0 0 0.5em;
}

table#landing_form {
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
}

#landing_form tr {
    line-height: 18px;
}

#landing_form th,
#landing_form td {
    padding: 15px 13px;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    vertical-align: middle;
}

#landing_form tr strong,
#landing_form tr span,
#landing_form tr p {
    vertical-align: middle;
}

#landing_form td {
    width: 574px;
}

#landing_form td table {
    width: 580px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
}

#landing_form td table td {
    width: 100%;
}

#landing_form td table td.consent {
    width: 300px;
}

#landing_form td table td p {
    font-weight: bold;
}

#landing_form td table td p.form_notice {
    font-weight: normal;
}

#landing_form td table td span {
    color: #ff0000;
}

#landing_form td table td .underline {
    text-decoration: underline;
}

#landing_form label {
    padding: 0 8px;
    vertical-align: middle;
}

/* お支払い方法 */
#form_payment {
    margin: 25px 0;
}

#p4_upsell #form_payment {
    margin: 0px 0;
    padding: 25px 0 0;
}

#form_payment th {
    vertical-align: top;
}

.form-single-payment-method strong {
    font-size: 18px;
}

/* クレジットカード入力覧 */
#form_payment_method_credit {
    margin: 10px 0px 0px;
    clear: both;
    display: none;
}

#form_payment_method_credit br, #form_payment_method_amazon_payments br {
    display: block;
}

#form_payment_method_credit table {
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
}

#form_payment_method_credit tr {
    line-height: 18px;
}

#form_payment_method_credit th,
#form_payment_method_credit td {
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    background-color: #ffffff;
}

#form_payment_method_credit th {
    padding: 13px 0 13px;
}

#form_payment_method_credit td {
    padding: 13px 11px;
}

/* 名前 */
input#OrderFamilyName,
input#OrderGivenName,
input#OrderFamilyKana,
input#OrderGivenKana {
    width: 10em;
}

/* 生年月日 */
input#OrderBirthdayYear {
    width: 4em;
}

/* IME-MODE */
input.ime_active {
    ime-mode: active;
}

input.ime_disabled {
    ime-mode: disabled;
}

/* 住所 */
input.address {
    width: 360px;
}

#OrderAddress1,
#OrderAddress2,
#OrderAddress3 {
    width: 350px;
}

/* メールアドレス */
input.email {
    width: 360px;
}

#OrderEmail,
#OrderEmailConfirm {
    width: 400px;
}

/* 郵便番号 */
input.zip1 {
    width: 3em;
}

input.zip2 {
    width: 4em;
}

/* 電話番号 */
input.tel_no {
    width: 4em;
}

/* フリースペース */
textarea.extra_textarea {
    width: 360px;
}

/* カード日付 */
input.card_date {
    width: 3em;
}

select#form-payment-method {
    padding: 10px 5px;
    font-size: 18px;
}

#agreement div {
    text-align: left;
    padding: 5px;
}

#agreement div:nth-of-type(1) {
    padding: 5px 5px 10px;
}

#agreement div:nth-of-type(2) {
    padding: 10px 5px 5px;
}

#agreement strong {
    margin: 0 0 0 8px;
}

#agreement div.error-message {
    padding: 0;
}

#agreement-msg {
    width: 870px;
    margin: 20px auto 20px auto;
}

#agreement-msg p {
    margin-bottom: 10px;
    font-size: 12px;
}

#agreement-msg p#promise {
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
}

#agreement-msg p#promise strong {
    margin-right: 6px;
    padding: 3px 5px;
    color: #ffffff;
    background-color: #ff0000;
}

#annotation {
    padding: 10px;
    background: #e4d2d0;
}

#annotation p {
    font-size: 12px;
    margin-bottom: 0;
}

#annotation p span {
    color: #ff0000;
    text-decoration: underline;
}

/*性別*/
#input_sex td input {
    margin: 0 8px;
}

#input_sex td input#OrderSex1 {
    margin-left: 15px;
}

/*代金引換注釈*/
.payment-note {
    padding-top: 4px;
    text-align: right;
    font-size: 12px;
}

/* IME-MODE */
#OrderFamilyKana,
#OrderGivenKana {
    ime-mode: active;
}

#OrderZip1,
#OrderZip2 {
    ime-mode: disabled;
}

#OrderTelNo1,
#OrderTelNo2,
#OrderTelNo3,
#OrderEmail,
#OrderEmailConfirm,
#OrderBirthdayYear {
    ime-mode: disabled;
}

/*---------------------------------------

  お申込み内容確認(共通)

---------------------------------------*/
/* お申込み内容 */
#order_info {
    padding: 0 0 20px;
}

table#order_info_order {
    width: 870px;
    margin: 0 auto 20px;
    border-collapse: collapse;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    background-position: right top;
    background-repeat: no-repeat;
}

#order_info_order tr {
    line-height: 18px;
}

#order_info_order th,
#order_info_order td {
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    padding: 8px 10px;
}

#order_info_order td {
    text-align: right;
    vertical-align: middle;
    word-break: keep-all;
}

#order_info_product_title th {
    text-align: center;
    vertical-align: middle;
}

#order_info_product_title th:nth-of-type(1) {
    width: 183px;
}

#order_info_product_title th:nth-of-type(3) {
    width: 160px;
}

#order_info_product_title th:nth-of-type(4) {
    width: 35px;
}

#order_info_product_title th:nth-of-type(5) {
    width: 60px;
}

#order_info_product_info td:nth-of-type(1) {
    text-align: left;
}

#order_info_product_info td:nth-of-type(3) {
    text-align: center;
}

#order_info_total_inc td {
    font-weight: bold;
    color: #ff0000;
}

#order_info_confirm_message td {
    text-align: left;
    font-size: 0.9em;
}

/* お客様情報 */
table#order_info_checkout {
    width: 870px;
    margin: 0 auto 20px;
    border-collapse: collapse;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    background-position: right top;
    background-repeat: no-repeat;
}

#order_info_checkout tr {
    line-height: 18px;
}

#order_info_checkout th,
#order_info_checkout td {
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    padding: 8px 10px;
}

#order_info_checkout td {
    width: 584px;
    text-align: left;
}

table#order_info_payment {
    width: 870px;
    margin: 0 auto 20px;
    border-collapse: collapse;
    border-right: 1px solid #999999;
    background-position: right top;
    background-repeat: no-repeat;
}

#order_info_payment tr {
    line-height: 18px;
}

#order_info_payment th,
#order_info_payment td {
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    padding: 8px 10px;
}

#order_info_payment td {
    width: 584px;
    text-align: left;
}

#product_qty th span,
#landing_form th span {
    float: right;
}

#deli_form th span {
    margin-left: 10px;
}

/************************************************

  clear

************************************************/
.contents .unit-a,
.section {
    zoom: 1;
}

.contents .unit-a:after,
.section:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden;
}

/* or */
.clear {
    clear: both;
}

/*Link*/
a:link {
    color: #004b91;
}

a:visited {
    color: #004b91;
}

a:hover {
    color: #004b91;
    text-decoration: none;
}

/*---------------------------------------
  申込みフォームEFO
---------------------------------------*/
#confirm_button,
#confirm_button_disable,
#confirm_button_demo {
    text-align: center;
    padding: 40px 0px 40px;
}

/*---------------------------------------
  NP後払い、代金引換
---------------------------------------*/
#np_area,
#daibiki_area {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #dadada;
    margin: 10px 0 0 0;
    padding: 10px 10px 5px 10px;
    width: auto;
}

#np_area_inner,
#daibiki_area_inner {
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid #dadada;
    margin: 0 0 5px 0;
    padding: 10px;
    width: auto;
}

#np_area p,
#daibiki_area p {
    font-size: 0.8em;
    line-height: 1.5;
    margin: 10px;
}

#np_area .c01 {
    color: #ff0000;
    font-size: 150%;
    font-weight: bold;
}

#form_payment_method #np_area br {
    display: block;
}

.service_charge {
    color: #ff0000;
    font-size: 150%;
    font-weight: bold;
    vertical-align: baseline;
}

.red {
    color: #ff0000;
}

.bold {
    font-weight: bold;
}

.big {
    font-size: 150%;
    line-height: 1.5em;
}

.underline {
    text-decoration: underline;
}

.imp {
    color: #ff0000;
    background-color: #ffff00;
}
.t-right {
    text-align: right;
}

input#password, input#confirm_password {
    padding-right: 2em;
}
/* end css_skin.css */

/* start css_animation.css */
/*---------------------------------------

ボタン共通

---------------------------------------*/
/* ボタンアニメーション枠 */
.box_btn_animation {
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.box_btn_animation:hover {
    opacity: 0.9;
    transform: scale(1.1);
}

/* ボタンの矢印 */
.box_btn_animation .obj_arrow_btn {
    position: absolute;
    top: 32%;
    left: -10%;
    z-index: 9999;
    animation: animation_obj_arrow_btn_large 10s ease-in-out infinite;
}

.box_btn_animation .obj_arrow_btn_upsell1 {
    position: absolute;
    bottom: 50px;
    left: -10%;
    z-index: 9999;
    animation: animation_obj_arrow_btn_large 10s ease-in-out infinite;
}

.box_btn_animation .obj_arrow_btn_upsell2 {
    position: absolute;
    bottom: 85px;
    left: -10%;
    z-index: 9999;
    animation: animation_obj_arrow_btn_large 10s ease-in-out infinite;
}

.box_btn_animation .obj_arrow_btn.button_small1 {
    top: 10%;
}

.box_btn_animation .obj_arrow_btn.button_crossell {
    left: 10%;
    top: 20%;
}

#p0-2 .box_btn_animation .obj_arrow_btn {
    top: 17%;
}

#p0-3_thanks_upsell .box_btn_animation .obj_arrow_btn {
    top: 15%;
}

/* アップセルページのボタンの矢印 */
.box_btn_animation .obj_arrow_p3_btn_upsell {
    position: absolute;
    left: -10px;
    top: 190px;
    z-index: 9999;
    animation: animation_obj_arrow_p3_btn_upsell 10s ease-in-out infinite;
}

/* ボタンの本体 */
.box_btn_animation .obj_base_btn {
    animation: animation_obj_base_btn 10s ease-out infinite;
}

.box_btn_animation:hover .obj_arrow_btn,
.box_btn_animation:hover .obj_arrow_p3_btn_upsell,
.box_btn_animation:hover .obj_base_btn {
    animation: 0s;
}

/*---------------------------------------

レイアウト調整

---------------------------------------*/
/* ボタン（大） */
.anima_banner .box_btn_animation .obj_arrow_btn {
    margin-top: 0px;
    left: -40px;
}

/* ボタン（小） */
.sbtn .box_btn_animation .obj_arrow_btn {
    margin-top: 0px;
    left: -60px;
}

#p2 .sbtn .box_btn_animation .obj_arrow_btn {
    margin-top: 5px;
    left: -40px;
}

/* ボタン（フォーム下） */
#confirm_button .box_btn_animation .obj_arrow_btn,
#confirm_button_demo .box_btn_animation .obj_arrow_btn {
    margin-top: 0px;
    top: 55%;
    left: -30px;
}


#p16 #confirm_button .box_btn_animation .obj_arrow_btn {
    margin-top: 0px;
    top: 22%;
    left: -30px;
}

/* ボタン（確認ページ、アンケート） */
#p3-2 .lbtn .box_btn_animation .obj_arrow_btn,
#p14 .btn01 .box_btn_animation .obj_arrow_btn {
    margin-top: -20px;
    left: -40px;
}

/* ボタン（確認ページ、アンケート） */
#p16 .lbtn .box_btn_animation .obj_arrow_btn {
    margin-top: 0px;
    left: -40px;
}

/* ボタン（サンクスページ） */
#p4 .box_btn_animation .obj_arrow_btn,
#p16-2 .box_btn_animation .obj_arrow_btn {
    margin-top: -26px;
    left: -40px;
}

/* ボタン（完了画面でクレカ変更ページ） */
/*#p4_thanks_upsell .box_btn_animation .obj_arrow_btn,*/
/*#p16-3_thanks_upsell .box_btn_animation .obj_arrow_btn {*/
/*    margin-top: -28px;*/
/*}*/


/* ボタン（お申込み内容を確定するボタン） */
#p3-2 #btn03 .box_btn_animation .obj_arrow_btn {
    margin-left: -20px;
}

/*---------------------------------------

アニメーション

---------------------------------------*/
/* 矢印 */
@keyframes animation_obj_arrow_btn_large {
    0% {transform: translateX(0px);}
    5% {transform: translateX(20px);}
    10% {transform: translateX(0px);}
    15% {transform: translateX(20px);}
    20% {transform: translateX(0px);}
    25% {transform: translateX(20px);}
    30% {transform: translateX(0px);}
    35% {transform: translateX(20px);}
    40% {transform: translateX(0px);}
    45% {transform: translateX(20px);}
    50% {transform: translateX(0px);}
    55% {transform: translateX(20px);}
    60% {transform: translateX(0px);}
    65% {transform: translateX(20px);}
    70% {transform: translateX(-20px);}
    74% {transform: translateX(20px);}
    80% {transform: translateX(-20px);}
    85% {transform: translateX(20px);}
    90% {transform: translateX(0px);}
    95% {transform: translateX(20px);}
    100% {transform: translateX(0px);}
}

/* 矢印（アップセル用） */
@keyframes animation_obj_arrow_p3_btn_upsell {
    0% {transform: translate(0px,0px);}
    5% {transform: translate(20px,20px);}
    10% {transform: translate(0px,0px);}
    15% {transform: translate(20px,20px);}
    20% {transform: translate(0px,0px);}
    25% {transform: translate(20px,20px);}
    30% {transform: translate(0px,0px);}
    35% {transform: translate(20px,20px);}
    40% {transform: translate(0px,0px);}
    45% {transform: translate(20px,20px);}
    50% {transform: translate(0px,0px);}
    55% {transform: translate(20px,20px);}
    60% {transform: translate(0px,0px);}
    65% {transform: translate(20px,20px);}
    70% {transform: translate(-20px,-20px);}
    74% {transform: translate(40px,40px);}
    80% {transform: translate(-30px,-30px);}
    85% {transform: translate(20px,20px);}
    90% {transform: translate(0px,0px);}
    95% {transform: translate(20px,20px);}
    100% {transform: translate(0px,0px);}
}

/* ボタン本体 */
@keyframes animation_obj_base_btn {
    0% {transform: scale(1);}
    74% {transform: scale(1);}
    79% {transform: scale(1.1);}
    83% {transform: scale(1);}
    87% {transform: scale(1.06);}
    90% {transform: scale(1);}
    92% {transform: scale(1.03);}
    94% {transform: scale(1);}
    100% {transform: scale(1);}
}
/*end css_animation.css */

/* custom css */
div.step2_order {
    position: relative;

}

div.step2_order p.logo {
    position: absolute;
    top: 30px;
    width: 100%;
    display: flex;
}
div.step2_order p.logo img {
    margin: auto;
    height: 60px;
}
#form_landing input {
    border: 1px solid rgb(204, 204, 204);
}
#order_info_pay_after_delivery_message td {
    text-align: left;
}
/* end custom css */
.hidden_payment {display: none !important;}
.elementText.isRequired>p:last-child::after {
  content: "必須";
  color: #FFF;
  background: #d30000;
  font-weight: bold;
  padding: 3px;
  font-size: 12px;
  margin-left: 4px;
  vertical-align: middle;
  white-space: nowrap;
}

#BlockQuestionare span.elementText, #BlockQuestionare .elementTitle.hasTitle {
    word-break: break-all;
}

#btn_blw {
    width: 480px;
    margin: 10px auto;
}

#btn_blw p {
    text-align: center;
    line-height: 1.2;
    font-size: 1.2em;
}
.box-c{
    font-family: "ヒラギノ角ゴ Pro W3", "Arial", sans-serif;
    font-size: 24px;
    margin: 0px auto 0;
    word-break: break-word;
    line-height: normal;
}

#changeAddressPay, #changePayOnly, #changePayOnlyOne, #changeAddressPayLanding {
    color: #4d9ad8;
    margin-top: 5px;
    text-align: right;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    width: auto;
    float: right;
    margin-right: 5px;
}
#changePayOnly, #changePayOnlyOne{
    text-decoration: none;
    color: black;
}
#changePayOnly .changePayOnly-link, .unchangable-address-warning .unchangable-address-warning-link {
    font-weight: bold;
    color: #4d9ad8;
    text-decoration: underline;
}
#changePayOnly .changePayOnly-red, #changePayOnlyOne .changePayOnly-red, .unchangable-address-warning .unchangable-address-warning-red {
    font-weight: 900;
    color: #ff0000;
}

#changePayOnly .changePayOnly-link, .unchangable-address-warning.logged {
    text-align: right;
}

.changePayOnly, #changePayOnlyOne {
    padding-top: 8px;
}
.btnAmzPaymentV2 {
    max-width: 222px !important;
    left: 14%;
    top: 2px;
}
/*Block Upsell Question*/
.upsell_questions{
    display: none;
}
.section_upsell_questions .block-upsell-questions-pattern-1-header {
    position: relative;
    border-radius: 8px;
    margin: 0px 3.4% 60px 4%;
}
.section_upsell_questions .block-upsell-questions-pattern-1-header-present{
    margin: 0px 0px 60px 0px;
}
.section_upsell_questions .block-upsell-questions-pattern-1-content {
    width: auto;
    margin: 0px 4% 20px 4.1%;
    padding: 10px 0px 20px;
    border-radius: 8px;
}
.section_upsell_questions .block-pattern-question {
    width: auto;
    margin: 0 2%;
    line-height: 1.5;
}
.section_upsell_questions .block-sub-item-question {
    display: flex;
    position: relative;
}
.section_upsell_questions .block-sub-item-question .cel-num,
.section_upsell_questions .block-sub-item-question .cel-radio,
.section_upsell_questions .block-sub-item-question .cel-question {
    padding: 22px 0 8px 0;
    font-size: 12px;
}
.section_upsell_questions .block-sub-item-question .cel-num {
    width: 10%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 8px;
}
.section_upsell_questions .block-sub-item-question .cel-question {
    width: 54%;
    padding-left: 14px;
    position: relative;
    line-height: 1.5;
    padding-top: 10px;
}
.section_upsell_questions .block-sub-item-question .cel-radio {
    width: 18.3%;
    text-align: center;
    position: relative;
    padding-top: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section_upsell_questions .block-sub-item-question .cel-radio input {
    display: none;
}
.section_upsell_questions .block-sub-item-question input + label {
    cursor: pointer;
    margin: 2% 2%;
    vertical-align: middle;
    padding: 4% 8%;
    background-color: transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #000000;
    font-weight: bold;
    display: inline-block;
    width: 73%;
    font-size: 24px;
    line-height: 1.54;
}
.section_upsell_questions .block-sub-item-question input.no + label {
    border: solid 2px #cf9900;
}
.section_upsell_questions .block-sub-item-question input.yes + label {
    border: solid 2px #28a745;
}
.section_upsell_questions .block-sub-item-question input.no:checked + label {
    background-color: #ffffce;
    color: #999999;
}
.section_upsell_questions .block-sub-item-question input.yes:checked + label {
    background-color: #00b100;
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000;
}
.section_upsell_questions .block-upsell-questions-pattern-1-footer{
    position: relative;
    min-height: 200px;
    line-height: 1;
    text-align: center;
}
.block-upsell-questions-pattern-1-footer-button{
    position: relative;
}
.block-upsell-questions-pattern-1-footer-message{
    position: relative;
}
.section_upsell_questions .vdr {
    position: absolute;
}
.section_upsell_questions #upsell_questions_button{
    display: inline-block;
}
.section_upsell_questions .elementWrap{
    position: relative;
}
.section_upsell_questions .element{
    position: inherit;
}

/* update form payment credit css*/
#form_payment div#form_payment_method_credit {
    height: auto;
}
#form_payment #form_payment_method_credit_form {
    float: unset;
}
.credit_table {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#form_payment_method_np_form .np_image img,
#form_payment_method_np_wiz_form .np_wiz_image img,
#form_payment_method_gmo_ps_form .gmo_ps_image img,
#form_payment_method_nissen_form .nissen_image img,
#form_payment_method_atone_each_time_form .atone_image img,
#form_payment_method_atone_next_month_form .atone_image img {
    width: 100%;
    height: auto;
}

div#np_note, div#np_wiz_note, div#gmo_ps_note, div#kuroneko_ps_note {
    margin-top: 0em;
}

div.np_title, div.np_wiz_title, div.gmo_ps_title, div.kuroneko_ps_title {
    margin-top: 1em;
}