@charset "utf-8";
/* CSS Document */
#overview .image ul > li .cover_c img {height: auto;}
#overview .image ul > li > figure.combination {max-width: 1025px; width: 1025px; margin-right: 17px;}
#overview .image ul > li > figure > .cover_c{box-shadow:none;}#overview .image ul > li > figure > div{background:none;}
#overview .summary{}
#overview .image::after {height: 419px; top: 42%;} 
.section{margin-top: 3em;}

/* lityの閉じる「×」ボタンを消す */
.lity-close{display: none;}

/*----------------------------------------------------------------------------
 ***                                                                introSec
----------------------------------------------------------------------------*/
 #overview .summary .txt{line-height: 1.8; font-family: "Noto Sans Japanese";}
 .txt.mainTxt{font-size: 18px;}
.sampleBtnBox{width: 75%; display: block; margin: auto;}

.eventBnr img{pointer-events:none;}

.afterLine::after {content: ""; border-bottom: solid 1px; display: block;}

.questionTitle{margin-bottom: 1.5em;}
.questionTitle.questionTitle2{margin-bottom: 0.7em;}

.answerBtn{text-align: center; display: block; margin-top: 0.5em;}

.innerBox{width: 90%; display: block; margin: auto;}

.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: 136px; margin: -45px 0 0;} 
    #overview .image ul > li{padding: 0 3% 0 2%;}
    #overview .image ul > li > figure.combination {max-width: initial; width: 100%; margin-right: 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;}
    
    #overview > .share > ul > li {margin-bottom: 0.5em;}
     
    .txt.mainTxt{font-size: 12px;}
}


/*----------------------------------------------------------------------------
 ***                                                                   著者紹介
----------------------------------------------------------------------------*/
.kikan{font-size: 110%;}

.kikan .line{position: relative;}
.kikan .line::after{content: ""; border-top: solid 1px #8c8c8c; position: absolute; width: calc(100% - 11em); display: block; right: 0; top: 50%;}

.kikan .kikanBox{justify-content: space-between;}

.kikan .kikanBox .bookcoverBox{display: contents;}
.kikan .kikanBox .bookcover{width: 34%;}
.kikan .kikanBox .bookTxt{width: 66%;}

.kikan .kikanBox .kikanBrown{color: #900000; text-decoration: underline; font-weight: bold; font-size: 120%;}
.kikan .kikanBox .kikanHighlight {font-weight: bold; font-size: 110%;}

@media screen and (max-width: 599px) {
.kikan .kikanBox{display: block; margin-bottom: 1em;}
.kikan .kikanBox .bookcoverBox{display: block; text-align: center;}
.kikan .kikanBox .bookcover{width: 50%; margin-top: 0.5em; margin-bottom: 0.5em; display: block;}
.kikan .kikanBox .bookcover img{width: 100%;}
}