@charset "UTF-8";



/* 移植した全体CSS */
@media screen and (min-width: 769px) {
    /* 769px以上の画面サイズで適用するスタイルを記述 */
    main {
max-width: 100% !important;
margin: 0 auto !important;
    }
    .bgsp {
        display: none;
    }
    .bg_01 {
        width: 100%;
        height: 361px;
        background: url("../img/r_lg/r_pc/yklg_pc_01_03.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_02 {
        width: 100%;
        height: 397px;
        background: url("../img/r_lg/r_pc/yklg_pc_02_03.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_03 {
        width: 100%;
        height: 541px;
        background: url("../img/r_lg/r_pc/yklg_pc_04.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_04 {
        width: 100%;
        height: 250px;
        background: url("../img/r_lg/r_pc/yklg_pc_05.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_05 {
        width: 100%;
        height: 336px;
        background: url("../img/r_lg/r_pc/yklg_pc_06.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_06 {
        width: 100%;
        height: 194px;
        background: url("../img/r_lg/r_pc/yklg_pc_07.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_07 {
        width: 100%;
        height: 269px;
        background: url("../img/r_lg/r_pc/yklg_pc_08.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_08 {
        width: 100%;
        height: 230px;
        background: url("../img/r_lg/r_pc/yklg_pc_09.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_09 {
        width: 100%;
        height: 387px;
        background: url("../img/r_lg/r_pc/yklg_pc_10.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_10 {
        width: 100%;
        height: 481px;
        background: url("../img/r_lg/r_pc/yklg_pc_11.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_11 {
        width: 100%;
        height: 297px;
        background: url("../img/r_lg/r_pc/yklg_pc_12.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_12 {
        width: 100%;
        height: 394px;
        background: url("../img/r_lg/r_pc/yklg_pc_13.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_13 {
        width: 100%;
        height: 641px;
        background: url("../img/r_lg/r_pc/yklg_pc_14.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_14 {
        width: 100%;
        height: 492px;
        background: url("../img/r_lg/r_pc/yklg_pc_15.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_15 {
        width: 100%;
        height: 358px;
        background: url("../img/r_lg/r_pc/yklg_pc_16.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_16 {
        width: 100%;
        height: 314px;
        background: url("../img/r_lg/r_pc/yklg_pc_17.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_17 {
        width: 100%;
        height: 428px;
        background: url("../img/r_lg/r_pc/yklg_pc_26.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_18 {
        width: 100%;
        height: 269px;
        background: url("../img/r_lg/r_pc/yklg_pc_25.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_19 {
        width: 100%;
        height: 668px;
        background: url("../img/r_lg/r_pc/yklg_pc_24.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_20 {
        width: 100%;
        height: 506px;
        background: url("../img/r_lg/r_pc/yklg_pc_23.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_21 {
        width: 100%;
        height: 502px;
        background: url("../img/r_lg/r_pc/yklg_pc_22.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_22 {
        width: 100%;
        height: 313px;
        background: url("../img/r_lg/r_pc/yklg_pc_21.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_23 {
        width: 100%;
        height: 478px;
        background: url("../img/r_lg/r_pc/yklg_pc_20.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_24 {
        width: 100%;
        height: 393px;
        background: url("../img/r_lg/r_pc/yklg_pc_19.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_25 {
        width: 100%;
        height: 779px;
        background: url("../img/r_lg/r_pc/yklg_pc_18.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_26 {
        width: 100%;
        height: 154px;
        background: url("../img/r_lg/r_pc/yklg_pc_37.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_27 {
        width: 100%;
        height: 264px;
        background: url("../img/r_lg/r_pc/yklg_pc_36.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_28 {
        width: 100%;
        height: 354px;
        background: url("../img/r_lg/r_pc/yklg_pc_35.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_29 {
        width: 100%;
        height: 531px;
        background: url("../img/r_lg/r_pc/yklg_pc_34.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_30 {
        width: 100%;
        height: 566px;
        background: url("../img/r_lg/r_pc/yklg_pc_33.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_31 {
        width: 100%;
        height: 244px;
        background: url("../img/r_lg/r_pc/yklg_pc_32.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_32 {
        width: 100%;
        height: 381px;
        background: url("../img/r_lg/r_pc/yklg_pc_31.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_33 {
        width: 100%;
        height: 342px;
        background: url("../img/r_lg/r_pc/yklg_pc_30.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_34 {
        width: 100%;
        height: 620px;
        background: url("../img/r_lg/r_pc/yklg_pc_29.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_35 {
        width: 100%;
        height: 574px;
        background: url("../img/r_lg/r_pc/yklg_pc_28.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_36 {
        width: 100%;
        height: 668px;
        background: url("../img/r_lg/r_pc/yklg_pc_38.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_37 {
        width: 100%;
        height: 303px;
        background: url("../img/r_lg/r_pc/yklg_pc_50.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_38 {
        width: 100%;
        height: 386px;
        background: url("../img/r_lg/r_pc/yklg_pc_49.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_39 {
        width: 100%;
        height: 336px;
        background: url("../img/r_lg/r_pc/yklg_pc_48.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_40 {
        width: 100%;
        height: 541px;
        background: url("../img/r_lg/r_pc/yklg_pc_04.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_41 {
        width: 100%;
        height: 250px;
        background: url("../img/r_lg/r_pc/yklg_pc_05.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_42 {
        width: 100%;
        height: 336px;
        background: url("../img/r_lg/r_pc/yklg_pc_06.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_43 {
        width: 100%;
        height: 194px;
        background: url("../img/r_lg/r_pc/yklg_pc_07.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_44 {
        width: 100%;
        height: 269px;
        background: url("../img/r_lg/r_pc/yklg_pc_08.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_45 {
        width: 100%;
        height: 230px;
        background: url("../img/r_lg/r_pc/yklg_pc_09.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_46 {
        width: 100%;
        height: 239px;
        background: url("../img/r_lg/r_pc/yklg_pc_46.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_47 {
        width: 100%;
        height: 381px;
        background: url("../img/r_lg/r_pc/yklg_pc_45.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_48 {
        width: 100%;
        height: 207px;
        background: url("../img/r_lg/r_pc/yklg_pc_44.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_49 {
        width: 100%;
        height: 548px;
        background: url("../img/r_lg/r_pc/yklg_pc_43.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_50 {
        width: 100%;
        height: 647px;
        background: url("../img/r_lg/r_pc/yklg_pc_42.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_51 {
        width: 100%;
        height: 466px;
        background: url("../img/r_lg/r_pc/yklg_pc_41_new.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_52 {
        width: 100%;
        height: 277px;
        background: url("../img/r_lg/r_pc/yklg_pc_40.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .bg_53 {
        width: 100%;
        height: 234px;
        background: url("../img/r_lg/r_pc/yklg_pc_39.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
    .cv_btn {
        width: 500px !important;
        top: 46% !important;
        left: 3% !important;
        left: calc(50% - 249px) !important;
    }
    .tell_btn {
        width: 500px !important;
        top: 11% !important;
        left: 3% !important;
        left: calc(50% - 249px) !important;
    }
    .off53 {
        width: 147px !important;
        top: 55% !important;
        right: calc(50% - 368px) !important;
    }
    .en1650 {
        width: 253px !important;
        left: calc(50% - 101px) !important;
        top: 77% !important;
    }
    .product1 {
        width: 376px !important;
        z-index: 3 !important;
        left: 50% !important;
        left: calc(50% - 190px) !important;
        top: 2% !important;
    }
    .en7970 {
        width: 222px !important;
        right: calc(50% - 180px) !important;
        top: 78.9% !important;
    }
    .off10_btn {
        width: 500px !important;
        top: 11% !important;
        left: 3% !important;
        left: calc(50% - 249px) !important;
    }
}
@media screen and (max-width: 768px) {
    main {
        min-width: 100vw;
        color: #333;
        position: static;
        background: #fff;
    }
    .bgpc {
        display: none;
    }
}
img {
    border: none;
    vertical-align: bottom;
    max-width: 100%;
    display: block;
}
.cv_btn {
    animation-name: cv_btn;
    animation-delay: 0s;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes cv_btn {
    0% {
        transform: scale(1.0);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1.0);
    }
}
.main,
.footer {
    width: auto;
    margin: 0 auto;
    text-align: center;
    max-width: 1920px;
}
.bg {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
}
.con {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.con_base {
    width: auto;
    left: auto;
    right: auto;
    top: 0;
}
.con_base img {
    width: 100%;
}
/* 移植した全体CSS */
/* 移植したアニメーションCSS */
.anm_small {
    opacity: 0;
}

.anm_small.isShow {
    animation-name: anm_small;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    opacity: 1;
}

@keyframes anm_small {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.cv_btn {
    animation-name: cv_btn;
    animation-delay: 0s;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes cv_btn {
    0% {
        transform: scale(1.0);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1.0);
    }
}
.tell_btn {
    animation-name: cv_btn;
    animation-delay: 0s;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.off10_btn {
    animation-name: cv_btn;
    animation-delay: 0s;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.product1.isShow {
    animation-fill-mode: forwards;
    animation-duration: 1s;
    opacity: 1;
}
.product1.isShow {
    animation-name: product1;
}
@keyframes product1 {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }

    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}
/* 移植したアニメーションCSS */

/* bg_03 */
.off53 {
    width: 17%;
    top: 63%;
    right: 0.5%;
}
.en1650 {
    width: 39%;
    left: 37.5%;
    top: 77%;
}
/* bg_05 */
.cv_btn {
    width: 95%;
    top: 58%;
    left: 3%;
}
.tell_btn {
    width: 95%;
    top: 11%;
    left: 3%;
}
.off10_btn {
    width: 95%;
    top: 0%;
    left: 3.5%;
}
/* bg_08 */
.bg_08_red {
    background-color: #C80000;
    height: 2em;
}
/* bg_19 */
.product1 {
    width: 60%;
    z-index: 3;
    left: 50%;
    left: 20.5%;
    top: 3%;
}
/* bg_40 */
.en7970 {
    width: 41%;
    right: 17%;
    top: 84.1%;
}

/* フォーム修正 */
.form_container_sp_ec {
    box-sizing: unset;
}
.login_message_box_ec {
    width: 852px;
    margin: 20px auto 0px auto;
    border: solid 1px #C3C3C3;
}
p.login_message_wrapper_ec {
    font-size: 14px;
    margin: 20px 0 !important;
    text-align: center;
}
.form_main_container_ec div.form_group_ec select {
    height: 40px;
}
.form_main_container_ec div.form_group_ec input {
    padding: 10px 10px;
}
.optin_view_ec, .agreement_view_ec, .order_checklist_view_ec {
    margin-left: 4%;
    padding-top: 20px;
    position: relative;
}
.optin_view_sp_ec, .agreement_view_sp_ec, .order_checklist_view_sp_ec {
    margin-left: 4%;
    padding-top: 15px;
    position: relative;
}
.form_box_label_sp_ec {
    padding: 2%;
}
input.input_box_name2_sp_ec {
    width: 45%;
}
.form_box_label_sp_ec {
    padding: 2%;
}
.login_message_box_sp_ec {
    width: 100%;
    margin: 0 auto;
    border: solid 1px #d0dcec;
}
.login_message_sp_ec, .purchase_message_sp_ec {
    font-weight: normal;
    font-size: 14px;
    padding: 20px 0px;
    margin-left: 4%;
    margin-right: 4%;
}
.login_message_wrapper_sp_ec {
    font-size: 14px;
    margin: 20px 0 !important;
    text-align: center;
}
button, input, optgroup, select, textarea {
    font: unset;
    font-family: Arial, sans-serif;
}
select.input_box_birth_month_sp_ec {
    width: 25%;
}
input.input_box_tel1_sp_ec,
input.input_box_tel2_sp_ec,
input.input_box_tel3_sp_ec {
    width: 24%;
}
.form_main_container_sp_ec div.form_group_sp_ec input {
    height: 26px;
}
select.input_box_card_month_sp_ec {
    width: 25%;
}
.input_box_payment_schedule_ec {
    width: 25%;
}
select.input_box_birth_year_sp_ec {
    width: 40%;
}
select.input_box_birth_day_sp_ec {
    width: 25%;
}
.form_main_container_ec div.form_group_ec input {
    padding: 10px 10px !important;
}
.form_main_container_ec div.form_group_ec select {
    padding: 10px 10px !important;
    height: 40px !important;
}
.submit_bottom_sp_ec {
    width: 97% !important;
    font: unset !important;
}
input.input_box_zip1_sp_ec {
    width: 80px !important;
}
input.input_box_zip2_sp_ec {
    width: 100px !important;
}
input.input_box_email_sp_ec {
    width: 98% !important;
}
input.input_box_email_confirm_sp_ec {
    width: 98%;
}
textarea {
    height: 80px;
}