body {
    color: #333;
}
.bg-yellow{
    background: #ffff00;
}
.sec1{
    position: relative;
}
.sec1 > figure.sp > div > a.link-product-page-sp{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
}
.sec1 > figure.sp > div > a.link-product-page-sp > img{
    display: block;
    width: 45%;
}
.img-chocoflake{
    width: 80%;
}
.sec2{
    background-image: url(/images/bg-blue.jpg);
    position:relative;
    background-position: top center;
    background-size:contain;
    background-repeat: repeat-y;
    color: white;

}
@media (min-width: 768px) {
    .sec1 > figure.pc > div > a.link-product-page{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
    }
    .sec1 > figure.pc > div > a.link-product-page > img{
        display: block;
        width: 29%;
    }
    .img-chocoflake{
        width: 56%;
    }
}
.sec3{
    background-color: black;
    color: white;
}
.sec4{
    position: relative;
}

.sec4 .sec4_btn1{
    width: 31%;
    margin: 28% auto 0;
    position: absolute;
}

.sec4 .sec4_btn2{
    width: 31%;
    margin: 31.5% auto 0;
    position: absolute;
}

.sec4 .sec4_btn1_sp{
    width: 55%;
    margin: 0 auto;
    position: absolute;
    top: calc( 100vw * 0.4805);
}

.sec4 .sec4_btn2_sp{
    width: 55%;
    margin: 0 auto;
    position: absolute;
    top: calc( 100vw * 0.545);
}
.border-g{
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.title{
    background: #171c62;
    color: #FFF;
}
.red {
    color: #FF0000;
    font-weight: bold;
    line-height: 3.5em;
}
.btn-index-danger{
    color: #fff;
    background-color: #f10001;
    border-color: #f10001;
}
.btn-index-danger:hover{
    color: #fff;
    background-color: #c60001;
    border-color: #c60001;
}

.btn-index-warning{
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-index-warning:hover{
    color: #23282c;
    background-color: #d39e00;
    border-color: #c69500;
}
.bg-body{
    background: rgba(237, 226, 162, 0.3) !important;
}
.bg-EBE2A9{
    background: #EBE2A9;
}

.text-42210b{
    color: #42210b;
}
.btn-submit{
    max-width: 220px;
}

@media (min-width: 1300px) {
    .star1{
        width: 120px;
        height: 120px;
        position: absolute;
        background-image: url('../icon/star1.svg');
        top: 3%;
        left: -10%;
        z-index: 5;
        transform-origin: center center;
        overflow: hidden;
    }

    .star2{
        width: 120px;
        height: 120px;
        position: absolute;
        background-image: url('../icon/star2.svg');
        top: 28%;
        left: -10%;
        z-index: 5;
        transform-origin: center center;
        overflow: hidden;
    }
    .fuki-l{
        width: 120px;
        height: 120px;
        position: absolute;
        background-image: url('../icon/fuki-l.svg');
        top: 70%;
        left: -12%;
        z-index: 5;
        transform-origin: center center;
        overflow: hidden;
    }
    .star3{
        width: 166px;
        height: 166px;
        position: absolute;
        background-image: url('../icon/star3.svg');
        top: 85%;
        left: -15%;
        z-index: 5;
        transform-origin: center center;
        overflow: hidden;
    }

    .fuki-r{
        width: 120px;
        height: 120px;
        position: absolute;
        background-image: url('../icon/fuki-r.svg');
        top: 3%;
        right: -10%;
        z-index: 5;
        transform-origin: center center;
        overflow: hidden;
    }
    .star4{
        width: 110px;
        height: 110px;
        position: absolute;
        background-image: url('../icon/star4.svg');
        top: 28%;
        right: -6%;
        z-index: 5;
        transform-origin: center center;
        overflow: hidden;
    }
    .star5{
        width: 180px;
        height: 180px;
        position: absolute;
        background-image: url('../icon/star5.svg');
        top: 56%;
        right: -18%;
        z-index: 5;
        transform-origin: center center;
        overflow: hidden;
    }
    .star6{
        width: 220px;
        height: 220px;
        position: absolute;
        background-image: url('../icon/star6.svg');
        top: 70%;
        right: -15%;
        z-index: 5;
        transform-origin: center center;
        overflow: hidden;
    }
    .fuki-r2{
        width: 120px;
        height: 120px;
        position: absolute;
        background-image: url('../icon/fuki-r.svg');
        top: 70.6%;
        right: -10%;
        z-index: 6;
        transform-origin: center center;
        overflow: hidden;
    }
    .star7{
        width: 120px;
        height: 120px;
        position: absolute;
        background-image: url('../icon/star7.svg');
        top: 98%;
        right: -12%;
        z-index: 5;
        transform-origin: center center;
        overflow: hidden;
    }
}
.maxWidth420{
    max-width: 480px;
    height: auto;
}