@charset "utf-8";
/* CSS Document */
#overview .image ul > li .cover_c img {height: auto;}
#overview .image ul > li > figure > .cover_c{box-shadow:none;}#overview .image ul > li > figure > div{background:none;}
#overview .summary{}
#overview .image::after {height: 470px; top: 38%;} 
.section{margin-top: 3em;}


/*----------------------------------------------------------------------------
 ***                                                                introSec
----------------------------------------------------------------------------*/
#overview .summary .txt{line-height: 1.8; font-family: "Noto Sans Japanese";}
#voiceSec{display: block; margin-bottom: 1em;}
.sampleBtnBox{ display: flex; justify-content: center; padding-top: 2em;}
.sampleBtn{width: 24%; margin: 0 3%;}

.cartBtnBox{}

.cartBtnBox button.c-button-cart{display: inline-block;
    margin: 0 auto;
    padding: 0;
    border: none;
    background: none;
    width: 60%;
    display: block;
    min-height: 0;
}

.cartBtnBox button.c-button-cart img:hover{opacity: 0.5;}
.cartBtnBox button.c-button-cart img{transition: all 0.2s ease-in-out 0s;transition-property: border-color, background-color, color, opacity;}
    
.cartBtnBox .c-button-cart::before{content: none;}

.cartBtn{display: block;}

.nomargine{margin-top: 0;}

@media screen and (max-width: 599px) {
    #overview .image::after {height: 170px; margin: -50px 0 0;} 
    #overview .image ul > li > figure.combination .cover_c {width: 100%;}
    #overview .image ul > li .cover_c img {width: auto;}

    #overview > .summary > p.spNomargine {margin: 0;}
    #overview > .summary > p.nomargine {margin: 0;}
}