/* css_20252018
    ----------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&family=Zen+Kurenaido&display=swap');
.page-default h2, /*  .page-default h3, .page-default h4,*/ .page-default h5, .page-default h6 {
        /*   font-family: "Noto Serif JP", serif;*/
        font-size: 17px;
        font-weight: 500;
        letter-spacing: calc(50 / 1000* 17);
        line-height: 1.4;
        margin-top: 25px;
        text-align: center;
}
.page-gift-wrapping h2 {
        color: #938a5d;
        font-size: 22px;
        letter-spacing: calc(100 / 1000* 30);
        margin: 0 auto 10px;
        border-bottom: solid thin #938a5d;
        max-width: 1000px;
        padding: 10px;
}
.txt001 {
        color: #938a5d !important;
        font-size: 17px !important;
        letter-spacing: calc(100 / 1000* 30) !important;
        margin: 0 auto !important;
        text-align: left !important;
        font-weight: 500 !important;
        line-height: 1.6 !important;
}
.small {
        font-size: 0.8em;
}
.bold {
        font-weight: bold;
}
.price {
        text-align: right;
        font-size: 1.3rem;
        padding: 15px 0 10px;
}
.txt-pic {
        margin: 10px 10px 0 0;
        padding: 0 1rem;
        background-color: #bab49730;
        color: #938a5d;
        font-size: 14px;
}
.txt-ano {
        color: #c23c3c;
        font-size: 0.8rem;
        line-height: 1rem;
        padding: 10px 0 0;
}
.txt-s {
        font-size: 0.7rem;
        text-align: right;
        line-height: 1.8rem;
}
.tegaki-tt {
        font-family: "Zen Kurenaido", sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 1.3rem !important;
        border-bottom: none !important;
}
.tegaki {
        font-family: "Zen Kurenaido", sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 1.1rem !important;
        border-bottom: none !important;
}
.sup-note::after {
        content: "※";
        font-size: 0.6em;
        vertical-align: super;
        margin-left: 2px;
        line-height: 1;
}
.link-btn img {
        transition: .3s;
}
.link-btn:hover img {
        transform: scale(1.05);
}
.cv-btn {
        width: 100%;
        max-width: 340px;
        margin: 30px 0 0 auto;
        text-align: center;
        text-decoration: none;
        line-height: 40px;
        color: #fff;
        font-size: 1.1rem;
        background-color: #129e19;
        border-radius: 5px;
}
.cv-btn:hover {
        background-position: right center;
        background-size: 200% auto;
        -webkit-animation: pulse 2s infinite;
        animation: ripple 1.5s infinite;
        color: #fff;
}
.cv-btn a:hover {
        color: #fff;
}
@keyframes ripple {
        0% {
                box-shadow: 0 0 0 0 #1B85FB;
        }
        70% {
                box-shadow: 0 0 0 10px rgb(27 133 251 / 0%);
        }
        100% {
                box-shadow: 0 0 0 0 rgb(27 133 251 / 0%);
        }
}
.step-order li dl dd .step-capture img {
        display: block;
        margin: 0 auto;
        width: 100%;
}
.page-gift-wrapping .area03 {
        margin: 3rem auto;
        padding: 50px 20px;
}
.page-gift-wrapping .area03 .step-order {
        padding: 0px;
        margin: 0 auto;
        width: 100%;
}
.img001 {
        width: 100% !important;
}
.box001 {
        margin: 0 !important;
        order: -1 !important;
}
.page-gift-wrapping .area03 .step-order li dl dd .txt-box {
        position: relative;
}
/*  
.page-gift-wrapping-wrapper {
       background-image: url(../img/bk-sp.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
        margin-top: 50px;
}*/
.br-sp {
        display: none;
}
.br-pc {
        display: block;
}
/* flex
    ----------------------------------------- */
.flex01 {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
}
.flex02 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
}
.flex02 img {
        width: 100%;
        max-width: 340px;
        padding: 0 0 5px 0;
}
#set01, #set02, #set03, #set04, #set05, #set06 {
        margin-bottom: 3rem;
}
/* 
.main-content {
        padding-top: 0;
}
.kv {
        max-width: 267px;
        margin: 0px auto 50px;
}
.page-gift-wrapping {
        background-image: url(../img/bk1.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
        padding-top: 130px;
}

.color-bk {
        color: #444444;
}
.page-gift-wrapping h2 {
        font-family: "Shippori Mincho", serif;
        font-size: 20px;
        font-weight: 400;
        letter-spacing: calc(100 / 1000* 30);
}
.page-gift-wrapping .head-txt p {
        line-height: 40px;
}
.page-gift-wrapping .head-txt-bk {
        background-image: url(../img/bk.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
}
.page-gift-wrapping h2 {
        margin-top: 30px;
}
.page-gift-wrapping .area01 .faq-area, .page-gift-wrapping .area02 .faq-area, .page-gift-wrapping .area03 .faq-area, .page-gift-wrapping .area04 .faq-area {
        max-width: 1000px;
        margin: 56px auto 0;
        padding: 20px;
}
.page-gift-wrapping .area01, .page-gift-wrapping .area02, .page-gift-wrapping .area03, .page-gift-wrapping .area04 {
        padding: 20px;
}

.m-faq-item .faq-header .title {
        line-height: 1.3rem;
}

*/
/* footer
    ----------------------------------------- */
footer {
        background-color: #9a9996;
        padding: 3rem 0;
}
.ftlogo {
        width: 40%;
        margin: 0 auto 2rem;
        text-align: center;
}
.ShopLogo {
        max-width: 200px;
        margin: 1rem auto 0;
}
.info {
        text-align: left;
        margin: 2rem auto;
        max-width: 600px;
        color: #fff;
        font-size: 0.9rem;
}
.info p {
        margin: 1rem auto;
}
.copylight {
        text-align: center;
        font-size: 0.7rem;
        color: #fff;
}
@media screen and (min-width: 1000px) {
        /*.page-gift-wrapping .area03 {
        margin: 3rem auto; 
        padding: 37px 0 60px;
    }*/
        /*   .page-gift-wrapping .area03 .step-order li dl dd .step-capture {
        margin-top: 0;
        order: -1;
        max-width: 580px;
    }
        .page-gift-wrapping-wrapper {
                background-image: url(../img/bk.jpg);
                background-repeat: no-repeat;
                background-position: top;
                background-size: 100%;
                margin-top: 50px;
        }*/
        .page-gift-wrapping .area03 .step-order {
                margin: auto;
                max-width: 1000px;
        }
        .page-gift-wrapping .area03 .step-order li dl dd .txt-box {
                position: relative;
        }
        .page-gift-wrapping .area03 .step-order li dl dd .txt-box p {
                font-size: 15px;
                line-height: 25px;
                margin: 0.5rem auto 0;
        }
}
@media screen and (max-width: 768px) {
        .ftlogo {
                width: 100%;
        }
        .info {
                max-width: 300px;
                color: #fff;
        }
        .tegaki-tt {
                font-family: "Zen Kurenaido", sans-serif !important;
                font-weight: 400 !important;
                font-style: normal !important;
                font-size: 1.3rem !important;
                border-bottom: none !important;
                text-align: left !important;
        }
        .tegaki {
                font-family: "Zen Kurenaido", sans-serif !important;
                font-weight: 400 !important;
                font-style: normal !important;
                font-size: 1.1rem !important;
                border-bottom: none !important;
                text-align: left !important;
        }
}
@media screen and (max-width: 420px) {
        .page-gift-wrapping .area03 {
                padding: 10px 20px;
        }
        .br-sp {
                display: block;
        }
        .br-pc {
                display: none;
        }
}