@charset "UTF-8";a,body,div,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,select,span,ul {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

a {
    text-decoration: none
}

img {
    display: block;
    max-width: 100%
}

body {
    overflow-x: hidden;
    color: #000;
    font-family: 游ゴシック体,YuGothic,medium 游ゴシック,medium yu gothic,游ゴシック,yu gothic,ヒラギノ角ゴ pro,hiragino kaku gothic pro,メイリオ,Meiryo,sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-size: 16px
}

#contents {
    max-width: 768px;
    margin: 0 auto;
    flex: 1
}

#contents a img {
    transition: all .3s
}

#contents a:hover img {
    opacity: .8
}

#contents .product {
    position: relative
}

#contents .btn {
    width: fit-content;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

#lp_form {
    padding: 40px 20px 0
}

.btn_confirm {
    text-align: center;
    margin-top: 3em
}

#product01 {
    margin-bottom: 5pc
}

#product01,#product03 {
    margin-top: 5pc
}

#product01 .btn {
    bottom: 7%
}

#product02 .btn {
    bottom: 10%
}

#product03 .btn {
    bottom: 3%
}

#product03 .link a {
    display: block;
    width: 36%;
    height: 2%;
    position: absolute;
    bottom: 17%;
    left: 10%
}

#product03 #product03_anchor {
    position: absolute;
    top: 52%
}

#nayami .img {
    margin-top: 50px
}

#recommend {
    margin-top: 30px
}

#recommend .img {
    margin-top: 40px
}

#reason {
    margin-top: 90pt
}

#reason .mt {
    margin-top: 40px
}

#voice {
    padding: 75pt 0 0;
    background-color: #d1edf8
}

#voice h2 {
    margin-bottom: 30px
}

#omoi .img {
    margin-top: 60px
}

#omoi .img:last-child {
    margin-top: 30px
}

#merit {
    padding-bottom: 60px;
    background-color: #05a4f7
}

#lp_form {
    padding-top: 40px
}

#lp_form #landing_form {
    border: 1px solid #999;
    border-spacing: 0
}

#lp_form #landing_form th,#lp_form #landing_form td {
    border-bottom: 1px solid #999;
    padding: .5em;
    font-size: 18px
}

#lp_form #landing_form th {
    background-color: #f4c3b0
}

#lp_form #landing_form input {
    font-size: 18px
}

#lp_form #landing_form #input_name input,#lp_form #landing_form #input_kana input,#lp_form #landing_form #input_zip input,#lp_form #landing_form #input_tel_no input {
    width: 7em
}

#lp_form #landing_form #input_address1 input,#lp_form #landing_form #input_address2 input,#lp_form #landing_form #input_email input,#lp_form #landing_form #input_email_confirm input {
    width: 100%
}

#lp_form #landing_form .form_notice {
    display: block;
    font-size: 13px
}

#lp_form #landing_form #input_extra1 th,#lp_form #landing_form #input_extra1 td,#lp_form #landing_form #input_extra2 th,#lp_form #landing_form #input_extra2 td,#lp_form #landing_form #input_extra3 th,#lp_form #landing_form #input_extra3 td {
    border-bottom: none
}

#lp_form #form_payment th {
    vertical-align: top;
    padding: .5em;
    font-size: 18px
}

#lp_form #form_payment td {
    padding: .5em;
    font-size: 13px
}

#lp_form #form_payment td input {
    font-size: 18px
}

#lp_form .amazon {
    margin: 0 0 0 auto;
    width: fit-content
}

#lp_form .amazon p {
    margin-top: 5px;
    font-size: 11px;
    text-align: center
}

#lp_form h2 {
    margin: 2em 0 1em;
    color: #d1713e;
    text-align: center;
    border: 2px solid #d1713e
}

#lp_form input#btn_confirm {
    display: block;
    margin: 20px auto 0;
    background: url({file_root_path});
    cursor: pointer
}

#lp_form span.form_required {
    background-color: red;
    color: #fff;
    font-weight: 700;
    padding: 0 .3em
}

#lp_form #input_extra1 {
    margin-right: 1em;
    float: left
}

#lp_form #input_extra2 {
    margin-right: -300px;
    float: left
}

#lp_form #input_extra3 {
    margin-right: -300px;
    right: -175px;
    position: relative;
    float: left
}

#form_payment_method_select {
    margin-bottom: 1em
}

#form_payment .form_payment_select_message {
    width: 100%!important
}

#form_payment #form_payment_method_credit {
    display: none
}

#form_payment #form_payment_method_credit th {
    vertical-align: top!important
}

#form_payment #form_payment_method_credit iframe {
    height: 200px
}

#form_payment_method_amazon_payments {
    display: none
}

#form_payment #ureru_creditcard_iframe-dummy-table {
    display: none
}

#oneClickOrderArea {
    margin-top: 1em;
    margin-bottom: 2em
}

#oneClickOrderArea img {
    width: auto!important;
    height: auto!important;
    margin: 1em 0
}

#agreement {
    background-color: #f4c3b0;
    padding: 1em;
    margin-top: 2em
}

#agreement span.form_notice {
    background-color: red;
    font-weight: 700;
    color: #fff;
    padding: 0 .3em
}

#confirm {
    max-width: 750px;
    margin: 0 auto
}

#confirm h2 {
    margin: 2em 0 1em;
    color: #d1713e;
    text-align: center;
    border: 2px solid #d1713e
}

#confirm #order_info #order_info_product_title th:first-child {
    display: none
}

#confirm footer {
    margin-top: 3em
}

#thanks {
    max-width: 750px;
    margin: 0 auto
}

#thanks #contents,#thanks footer {
    margin-top: 3em
}

#thanks #contents {
    text-align: center
}

#thanks #contents h1 {
    margin-bottom: 1em
}

#thanks #contents p {
    font-size: 1.2em;
    margin-bottom: 1em
}

#thanks #contents .caption {
    display: inline-block;
    margin-bottom: 1.5em
}

#thanks #contents .caption li {
    padding-left: 1em;
    text-indent: -1em;
    list-style-type: none;
    text-align: left
}

#thanks #contents h2 span {
    color: red
}

.btn_confirm {
    text-align: center;
    margin-top: 3em
}

.btn_buy {
    text-align: center;
    margin-top: 3em
}

input[type=image] {
    max-width: 100%
}

.wrap_2301_30 {
    position: relative
}

img.wrap_2301_30_btn {
    max-width: 270px;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 40%!important
}

@media screen and (max-width: 750px) {
    #contents .btn {
        width:85%
    }

    #product01 {
        margin-bottom: 40px
    }

    #product01,#product03 {
        margin-top: 40px
    }

    #nayami .img,#recommend,#recommend .img {
        margin-top: 20px
    }

    #reason {
        margin-top: 60px
    }

    #reason .mt {
        margin-top: 20px
    }

    #voice {
        padding: 40px 0 0
    }

    #voice h2 {
        margin-bottom: 20px
    }

    #omoi .img {
        margin-top: 30px
    }

    #omoi .img:last-child {
        margin-top: 20px
    }

    #merit {
        padding-bottom: 30px
    }

    #lp_form {
        padding: 40px 20px 0
    }

    #lp_form .form_box {
        clear: both
    }

    #lp_form .form_box input,#lp_form .form_box select {
        padding: 5px
    }

    #lp_form #input_kana .form_input_box,#lp_form #input_mobile_tel_no .form_input_box,#lp_form #input_name .form_input_box,#lp_form #input_tel_no .form_input_box,#lp_form #input_zip .form_input_box,#lp_form .credit_input {
        display: flex
    }

    #lp_form #input_kana .form_input_box p,#lp_form #input_name .form_input_box p,#lp_form #input_zip .form_input_box p {
        margin-right: 5px
    }

    #lp_form #input_kana .form_input_box p:not(:first-child),#lp_form #input_name .form_input_box p:not(:first-child) {
        margin-left: 10px
    }

    #lp_form #landing_form input {
        font-size: 16px
    }

    #lp_form #input_name .form_input_box input {
        width: 40%
    }

    #lp_form .form_box_label {
        background-color: #f4c3b0;
        padding: .5em;
        font-size: 18px
    }

    #lp_form .form_input_box {
        padding: .5em;
        font-size: 16px
    }

    #lp_form #landing_form {
        overflow: hidden
    }

    #lp_form #landing_form .form_example {
        padding: .5em;
        padding-top: 0;
        font-size: 14px
    }

    #lp_form #input_kana .form_input_box input {
        width: 34%
    }

    #lp_form #input_zip .form_input_box input {
        width: 25%
    }

    #lp_form #input_mobile_tel_no .form_input_box input,#lp_form #input_tel_no .form_input_box input {
        width: 30%
    }

    #lp_form #input_birthday .form_input_box input,#lp_form .credit_input input {
        width: 40%
    }

    #lp_form .credit_input input:not(:first-child) {
        margin-left: 10px
    }

    #lp_form .form_box.form_required {
    }

    #lp_form #landing_form #input_tel_no input {
        width: 6em
    }

    #lp_form #input_extra1 {
        margin-right: 0;
        float: left
    }

    #lp_form #input_extra2 {
        margin-right: 0;
        float: left;
        clear: none
    }

    #lp_form #input_extra3 {
        margin-right: 0;
        right: auto;
        position: relative;
        float: left;
        clear: none
    }

    #lp_form #input_extra3 .form_box_label {
        position: relative
    }

    #lp_form #input_extra3 .form_box_label:after {
        content: "";
        position: absolute;
        top: 0;
        width: 100vw;
        right: -100vw;
        height: 100%;
        background-color: #f4c3b0
    }

    #form_payment_method_credit {
        display: none
    }

    #form_payment_method_credit .credit_example {
        font-size: 14px
    }

    #form_payment_method_credit #ureru_creditcard_iframe-dummy-div {
        display: none
    }

    #confirm #contents,#thanks #contents {
        max-width: 90%;
        margin: 0 auto
    }

    #thanks #contents {
        margin-top: 3em
    }

    #thanks #contents h1 {
        font-size: 5vw
    }

    #thanks #contents p {
        font-size: 4vw
    }

    #thanks #contents .caption li {
        font-size: 3.8vw
    }

    #thanks #contents h2 {
        font-size: 4.5vw
    }

    #oneClickOrderArea {
        padding: 0 1em
    }

    #agreement {
        padding: .5em;
        margin-top: 1em
    }

    input[type=image] {
        max-width: 100%
    }

    html #lp_form .btn_confirm {
        margin: 3em auto 0!important
    }

    #footer {
        margin-top: 0!important
    }

    #footer-inner ul li {
        list-style: none
    }
}
