@charset "utf-8";
/* CSS Document */
#overview .image ul > li .cover_c img {height: auto; margin-left: 406px; box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.25);}
#overview .image ul > li > figure > .cover_c{box-shadow:none; position: relative;}
#overview .image ul > li > figure > div{background:none;}
#overview .summary{}
#overview .cover_c{position: relative;}
#overview .cover_c::before{content: url(/special/lp/202512guguguno/images/fv_bg02.png); position: absolute; bottom: 85%; right: 0; transform: translate(-100%, 0);}
#overview .image::after {height: 366px; top: 44%; background-image: url(/special/lp/202512guguguno/images/fv_bg01.png); background-repeat: no-repeat; background-position: center;} 


.section{margin-top: 3em;}


/*----------------------------------------------------------------------------
 ***                                                                introSec
----------------------------------------------------------------------------*/
#overview .summary .txt{line-height: 1.8; font-family: "Noto Sans Japanese";}

#overview .summary *{font-family:'Noto Sans JP', "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', 'Meiryo UI',Verdana,'ＭＳ Ｐゴシック',sans-serif;/*font-feature-settings : "palt";*/}
#overview .summary .txt{line-height: 1.8;}

.afterLine::after{content: ""; border-bottom: solid 1px; display: block;}

.introTxt{line-height: 1.7; display: block;}
.introHighlight{font-size: 130%; font-weight: bold; border-bottom: solid #ffd650; max-width: 349px; display: block; margin: 4px auto; line-height: 1.5; text-align: center;}

#voiceSec{display: block; margin-bottom: 1em;}
.sampleBtnBoxInner{ display: flex; justify-content: center; padding-top: 1em;}
.sampleBtn{width: 38%; margin: 0 3%;}
.sampleBtnTxt{font-size: 131%;}

.titleContentTitle{margin: 1.5em 0 1em; font-weight: 800;}
.txt .txtColorRd{color: #fa1236;}
.titleContent::after{content: ""; border-bottom: dotted #666 4px; margin-bottom: 2em; padding-bottom: 3em; display: block;}
.titleContentInner{width: 88%; display: block; margin: auto;}

.otherBox{background-color: #c8c8db; display: block; width: 88%; margin:auto; border-radius: 13px; position: relative;}
.otherBoxInner{padding: 4em 1em 1em; display: block;}
.otherBox .otherBoxTitle{ width: 30%; position: absolute; top: 8%; left: -7%;}
.otherBox .txt{font-size: 100%;}

.commentContent{width: 88%; display: block; margin: auto; display: flow-root;}
.commentContentInner{float: left; display: block; text-align: justify;}
#overview .summary .commentContent .txt{line-height: 1.6;}
#overview .summary .commentContent .txt .commentMarker{font-size: 130%; font-weight: bold; line-height: 1.7;}
.commentContent .num1 .commentMarker{background-color: #ccff80;}
.commentContent .num2 .commentMarker{background-color: #ffee80;}
.commentContent .num3 .commentMarker{background-color: #32ec99;}
.commentContent .num4 .commentMarker{background-color: #fe99ff;}
.commentContent .num5 .commentMarker{background-color: #80edff;}
.commentContent .num6 .commentMarker{background-color: #ff8350;}
#overview .summary .commentContent .commentName{float: right; text-align: right;}
#overview .summary .commentContent .commentName .commentNowrap{white-space: nowrap;}

/* .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) {
    /* facebookボタン調整 */
    #overview > .share > ul > li{margin-bottom:0.5em;}

    /* ファストビュー調整 */
    #overview .image ul > li .cover_c img {margin-left: 0;}
    #overview .cover_c::before{bottom: 58%; right: 4vw; transform: scale(38%);}
    #overview .image::after {height: 140px; margin: -50px 0 0; background-size: cover;background-image: url(/special/lp/202512guguguno/images/fv_bg01_sp.png);} 
    
    #overview .image ul > li > figure.combination .cover_c {width: 36vw; margin-left: 58%;}
    #overview .image ul > li .cover_c img {width: auto;}

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

    /* LP内容 */
    .sampleBtnTxt{font-size: 100%;}
    .otherBox .otherBoxTitle{width: 42%;}
}