@charset "utf-8";
/*======Block Upsell Question V3*/
.section_upsell_questions {
    font-size: 2.6rem;
}
.section_upsell_questions *,
.section_upsell_questions *::before,
.section_upsell_questions *::after {
    box-sizing: unset;
}
.section_upsell_questions .elementWrap{
    position: relative;
}
.section_upsell_questions .element{
    position: absolute;
}
.section_upsell_questions .vdr {
    position: absolute;
}
.block-upsell-questions-v3-pattern-1-header {
    position: relative;
    border-radius: 1rem;
    margin: 0px 4% 3% 4%;
    background-color: var(--Clr08);
    overflow: hidden;
}
.block-upsell-questions-v3-pattern-1-content {
    width: auto;
    margin: 0px 4% 3.1% 4%;
    padding: 2%;
    border-radius: 2rem;
    background-color: var(--ClrWlr);
    border: 0.6rem solid var(--Clr08);
}
.block-sub-item-question-v3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 0.2rem dotted var(--Clr08);
}
.block-sub-item-question-v3 .cel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60%;
}
.block-sub-item-question-v3 .cel-ans {
    width: 40%;
    padding: 4% 0 4% 0;
}
.block-sub-item-question-v3 .cel-ans .cel-radio-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.block-sub-item-question-v3 .cel-num {
    width: 15%;
    text-align: center;
}
.block-sub-item-question-v3 .cel-num .ccl-area {
    position: relative;
    width: 1.5em;
    margin: 0 auto;
}
.block-sub-item-question-v3 .cel-num .ccl-bg {
    position: relative;
    display: block;
    background-image: linear-gradient( 135deg, var(--Clr09) 0%, var(--Clr08) 99% );
    background-color: var(--Clr08);
    border-radius: 50%;
    box-shadow: 0 0 1rem var(--ClrGry);
    width: 1.4em;
    height: 1.4em;
}
.block-sub-item-question-v3 .cel-num .ccl-num {
    position: absolute;
    display: block;
    color: #fff;
    top: 26.4%;
    left: 28%;
    font-size: 0.95em;
    line-height: .8;
    font-weight: bold;
    letter-spacing: -1px;
}
.block-sub-item-question-v3 .cel-question {
    position: relative;
    width: 84.5%;
    padding: 10px 0;
    overflow: hidden;
}
.block-sub-item-question-v3 .cel-input input{
    display: none;
}
.block-sub-item-question-v3 .cel-radio-wrap .cel-input {
    width: 50%;
    padding: 0 4%;
}
.block-sub-item-question-v3 input + label {
    cursor: pointer;
    display: inline-block;
    color: #333;
    background-color: transparent;
    vertical-align: middle;
    border-radius: 1.5rem;
    font-weight: bold;
    width: 100%;
    font-size: 2rem;
    margin: 0;
    padding: 0.3em 0;
    box-sizing: border-box;
}
.block-sub-item-question-v3 input.no + label {
    border: solid 0.3rem #cf9900;
}
.block-sub-item-question-v3 input.yes + label {
    border: solid 0.3rem #28a745;
}
.block-sub-item-question-v3 input.no:checked + label {
    background-color: #ffffce;
    color: #999999;
}
.block-sub-item-question-v3 input.yes:checked + label {
    background-color: #00b100;
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000;
}
.block-upsell-questions-v3-pattern-1-footer,
.block-upsell-questions-v3-pattern-1-footer-button,
.block-upsell-questions-v3-pattern-1-footer-message {
    position: relative;
}
.block-upsell-questions-v3-pattern-1-footer-message {
    line-height: 0.8;
}
.block-upsell-questions-v3-pattern-1-footer #upsell_questions_button {
    display: block;
}

/* Error message for QN V3 */
.error-message-qn-v3 {
    height: auto;
    color: red;
    font-size: 0.5em;
    margin-left: 2.4rem;
}

@media screen and (max-width: 750px) {
    .block-upsell-questions-v3-pattern-1-content {
        padding: 4%;
        margin: 0px 4% 2.6% 4%;
    }
    .block-sub-item-question-v3 {
        border-bottom: 0.4rem dotted var(--Clr08);
    }
    .block-sub-item-question-v3 .cel-title {
        width: 100%;
        margin: 5% 0;
    }
    .block-sub-item-question-v3 .cel-ans {
        width: 100%;
    }
    .block-sub-item-question-v3 .cel-num {
        width: 10%;
    }
    .block-sub-item-question-v3 .cel-num .ccl-area {
        width: 2.1em;
    }
    .block-sub-item-question-v3 .cel-num .ccl-bg {
        width: 2.1em;
        height: 2.1em;
    }
    .block-sub-item-question-v3 .cel-num .ccl-num {
        font-size: 1.4em;
    }
    .block-sub-item-question-v3 .cel-question {
        width: 89.5%;
        padding: 15px 0 20px 0;
    }
    .block-sub-item-question-v3 input + label {
        border-radius: 2rem;
        font-size: 4.8rem;
    }
    .block-sub-item-question-v3 input.no + label {
        border: solid 0.5rem #cf9900;
    }
    .block-sub-item-question-v3 input.yes + label {
        border: solid 0.5rem #28a745;
    }
    .block-upsell-questions-v3-pattern-1-footer-message {
        line-height: 1.1;
    }
    
    #tip-OrderEmail, #tip-OrderEmailConfirm {
        width: 95% !important;
    }

    .agreement_v3 #tip-OrderAgreement.ureru-efo-baloon-wrapper,
    .agreement_v3 #tip-OrderMailOptinFlg.ureru-efo-baloon-wrapper
    {
        width: 96.8% ! important;
    }

    .form_section .ureru-efo-baloon-wrapper {
        width: 95% ! important;
    }
    
    #tip-ureru_efo_token_card_name,
    #tip-ureru_efo_token_card_no,
    #tip-ureru_efo_token_card_date,
    #tip-ureru_efo_token_card_sc {
        width: 92% !important;
    }

    /* Error message for QN V3 */
    .error-message-qn-v3 {
        font-size: 1em;
    }

}
/*======End Block Upsell Question V3*/

/* Start Block Image No Space  */
@media screen and (max-width: 992px){
    #modal-block-editor-image-no-space > div {
        max-width: 654px !important
    }

    #modal-block-editor-image-no-space___BV_modal_body_ .content-url {
        margin-left: 20px;
        width: 94% !important;
    }
}
@media screen and (min-width: 992px){
    #modal-block-editor-image-no-space > div {
        max-width: 950px !important
    }
}

.purun01 {
    animation: purun01 3s 0s infinite;
}

.editor__imgItem_v3 img {  width: 100%; height: 100%; }


/* End Block Image No Space  */
.block-advanced-sp {
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
}

section .block-v3-questionnaire p {
    margin-bottom: 0;
}

.custom_confirm_img #order_info_confirm_message p img {
    max-width: 100%;
}

/* Block Next Page */
#modal-confirm-box___BV_modal_body_ > div.confirm__body.confirm__body_type_block.rounded___normal > div {
    font-size: 16px;
}
/* Block Next Page */

/* START custom Form Order and Form Payment */
.landing_form_product,
.landing_form_product_other,
.form_payment_custom
{
    background-color: var(--ClrWht);
    width: 98%;
    margin: 0 auto;
    border-bottom: none!important;
}

.landing_form_product .form_box:last-of-type,
.landing_form_product_other .form_box:last-of-type,
.form_payment_custom .form_box:last-of-type
{
    border-bottom: .2rem solid var(--Clr10);
}

.landing_form_product_other .form_box_label,
.landing_form_product_other .form_input_box,
.form_payment_custom .form_input_box,
.form_payment_custom .form_box_label
{
    display: block;
    width: 100%;
    border-left: none;
}

#agreement, #landing_form.form_payment_custom {
    margin-bottom: 4rem;
}

section.block_form:has(.no_payment){
    margin-top: 0;
}

.block_form_landing {
    overflow-x: hidden;
}

.block_form_custom .landing_form_product_other {
    margin-bottom: 4rem;
}

.block_form_custom #landing_form_product {
    margin-top: 0 !important;
}

.block_form:has(.landing_form_product_other) {
    margin-top: 4rem !important;
}

#landing_form_product {
    margin-bottom: 4rem !important;
    margin-top: 4rem
}

.block_form_landing_preview {
    margin-top: 0 !important;
}

#tip-ureru_efo_token_card_name,
#tip-ureru_efo_token_card_no,
#tip-ureru_efo_token_card_date,
#tip-ureru_efo_token_card_sc {
    width: 90% !important;
}

.custom_password {
    position: relative;
}

.form_input_box .efo_toggle_input_password {
    right: 0;
}

.custom_password #tip-confirm_password,
.custom_password #tip-password {
    width: 106.5% !important;
}
/* END custom Form Order and Form Payment */

.invisible {
    display: none;
}

/* START custom payment later */
.np_wiz_image img,
.np_image img,
.gmo_ps_image img,
.kuroneko_ps_image img,
.nissen_image img {
    width: 100%;
}
/* END custom payment later */
.text-break {
    word-break: break-word;
}

/* START custom Block V3 Questionniare */
.block-v3-questionnaire__inner.enq_inner .choices label span strong {
    font-weight: bold;
    color: unset
}

.block-v3-questionnaire__inner.enq_inner input:checked + label > span * {
    color: var(--ClrRed) !important;
}

.block-v3-questionnaire__inner.enq_inner input:checked + label > span u,
.block-v3-questionnaire__inner.enq_inner input:checked + label > span a,
.block-v3-questionnaire__inner.enq_inner input:checked + label > span a:visited:hover {
    text-underline-offset: 0.3rem;
}
/* END custom Block V3 Questionniare */
/*======Block Icon monitor upsell V3*/
.direction_notice {
    font-weight: normal;
}
.btn_area img {
    width: 100% !important;
}
/*======End Block Icon monitor upsell V3*/

/* START custom Order Information Table */
.order_info_text {
    font-size: 2.8rem;
    line-height: 1.5;
    margin-top: 4rem !important;
}
/* END custom Order Information Table */

.button-confirm-purchase p {
    margin-bottom: 4rem;
}

/*START edit form upsell*/
.create_form_upsell {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", Verdana, Meiryo, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, sans-serif ! important;
    font-weight: 500 ! important;
    letter-spacing: 0.13em ! important;
}

.create_form_upsell .form_title {
    padding: 0.7em 1em ! important;
}
/*END edit form upsell*/
.overflow-hidden {
    overflow: hidden;
}

/* Start edit payment Paidy */
.sp_paidy_desc__text div p.bold {
    font-weight: bold;
}
/* End edit payment Paidy */

#form_payment_method_amazon_payments_form .error-message {
    font-size: 2rem;
}

/************************************************
START FOOTER
*************************************************/
#footer ul.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

#footer #logo{
    padding: 4rem 4rem 0;
}
#footer ul.footer-logo li {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 33.33333%;
    margin: 0 auto 4rem;
}
#footer .footer-logo img {
    width: 100%;
}
/************************************************
END FOOTER
*************************************************/

/* START Landing Wraper */
#landing_wrapper {
    overflow-x: visible;
}
#landing_wrapper img {
    width: auto;
}
/* END Landing Wraper */

/* Start スコア@払い決済サービス */
#form_payment_method_nissen .nissen_note .nissen_annotation_v2 {
    text-indent: 0em;
    padding: 0 .75em;
    font-size: 1.2em;
}
/* End スコア@払い決済サービス */

.block_form_custom #block_form, .block_form_custom #landing_form .form_box:nth-of-type(1) {
    margin-top: 0;
}

.agreement_v3 #tip-OrderAgreement,
.agreement_v3 #tip-OrderMailOptinFlg 
{
    width: 97.4% ! important;
}

#landing_form .ureru-efo-baloon-comment {
    padding-right: 10px ! important;
}

/* Start form payment */
.form_input_box img {
    width: 100% !important;
}
.normal-font-settings {
    font-feature-settings: normal;
}
[id^=form_payment_method_] [class*=_description] {
    font-size: 1.2em;
}
.sp_paidy_desc__text p,
.sp_paidy_desc__text--link {
    font-size: 1.143em;
}
@media screen and (max-width: 750px) {
    [id^=form_payment_method_]:not(#form_payment_method_select, #form_payment_method_amazon_payments) {
        font-size: unset;
    }
    [id^=form_payment_method_] [class*=_note] {
        font-size: unset;
    } 
    [id^=form_payment_method_] [class*=_description],
    .sp_paidy_desc__text p,
    .sp_paidy_desc__text--link {
        font-size: .8em;
    }
    #form_payment_method_nissen .nissen_note .nissen_annotation_v2 {
        font-size: .8em;
        padding: 0 1rem;
    }

    .custom_password #tip-confirm_password,
    .custom_password #tip-password {
        width: 105% !important;
    }
}

#changePayOnly .changePayOnly-link {
    font-size: 1.5em;
    font-weight: normal;
}
/* End form payment */

/* Start Block Advanced Instagram */
.swiper-slide img{
    width: 100% !important;
}
/* End Block Advanced Instagram */