@charset "utf-8";
#paymentContents {
    width: 100%;
    margin: auto;
}

#paymentContents .fc01 {
    color: #da9d9f;
}

#paymentContents .payment_links {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    position: relative;
}

#paymentContents .payment_links li {
    width: 24%;
    display: flex;
    align-items: center;
}

#paymentContents .payment_links li a {
    text-align: center;
    display: block;
    width: 100%;
    color: #694e49;
    font-size: 16px;
    line-height: 1.4em;
    padding: 15px;
    border: 1px solid #694e49;
    border-radius: 3px;
    position: relative;
}

#paymentContents .payment_links li a:hover {
    text-decoration: none;
    background: #f1dcdc;
}

#paymentContents .payment_links li a::after {
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    position: absolute;
    right: 10px;
    top: calc(50% - 3px);
    transform: rotate(45deg);
}

#paymentContents #sec01,
#paymentContents #sec02,
#paymentContents #sec03,
#paymentContents #sec04 {
    padding-top: 60px;
}

#paymentContents .payment_block01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 40px;
}

#paymentContents .payment_block01 .icon {
    width: 25%;
    text-align: center;
}

#paymentContents .payment_block01 .icon img {
    width: 90px;
}

#paymentContents .payment_block01 .box01 {
    width: 72%;
}

#paymentContents .payment_block02 {
    padding: 20px 30px;
    border: 1px solid #da9d9f;
}
#paymentContents .payment_block03 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}

#paymentC #paymentContents .payment_caution01 {
    margin-top: 10px;
    width: 100%;
}

#paymentContents .payment_caution01 li {
    font-size: 14px;
    padding-left: 1em;
    line-height: 1.8em;
    position: relative;
}

#paymentContents .payment_caution01 li::before {
    content: '※';
    position: absolute;
    left: 0;
    top: 0;
}

#paymentContents .payment_ttl01 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .2em;
    position: relative;
    padding-left: 30px;
    width: 100%;
    color: #da9d9f;
}

#paymentContents .payment_ttl01::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-image: url(/contents/shop/sns/img/guide/payment/payment_icon01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
@media screen and (max-width: 749px) {
    #paymentContents {
        width: 100%;
    }
    #paymentContents .payment_links {
        display: block;
        margin-bottom: 10vw;
    }
    #paymentContents .payment_links li {
        width: 100%;
        margin-bottom: 3vw;
    }
    #paymentContents .payment_links li a {
        font-size: 4vw;
        padding: 4vw;
    }
    #paymentContents .payment_links li a:hover {
        text-decoration: none;
        background: #eeeeee;
    }
    #paymentContents .payment_links li a::after {
        width: 2vw;
        height: 2vw;
        right: 4vw;
        top: calc(50% - 1.5vw);
    }
#paymentContents #sec01,
#paymentContents #sec02,
#paymentContents #sec03,
#paymentContents #sec04 {
        padding-top: 10vw;
    }
    #paymentContents .payment_block01 {
        margin-top: 6vw;
        margin-bottom: 6vw;
        position: relative;
    }
    #paymentContents .payment_block01 .icon {
        width: 18%;
        position: absolute;
        left: 0;
        top: 1vw;
        padding: 0;
    }
    #paymentContents .payment_block01 .icon img {
        width: 12vw;
    }
    #paymentContents .payment_block01 .box01 {
        width: 100%;
        padding-left: 25%;
    }
    #paymentContents .payment_block02 {
        padding: 4vw 6vw;
    }
    #paymentContents .payment_block03 {
        position: relative;
        margin-top: 0vw;
        margin-bottom: 10vw;
    }
    #paymentContents .payment_caution01 {
        margin-top: 0;
    }
    #paymentContents .payment_caution01 li {
        font-size: 3.6vw;
    }
    #paymentContents .payment_ttl01 {
        font-size: 5vw;
        padding-left: 6vw;
    }
    #paymentContents .payment_ttl01::before {
        top: calc(50% - 2.5vw);
        width: 5vw;
        height: 5vw;
    }
    #paymentContents .payment_img01 {
        margin: 2vw auto 4vw;
    }
}