@charset "UTF-8";
.sp{
    display: none;
}
q{
    background: none;
    font-style: italic;
}
ol{
    margin-left: 2em;
}
.mv_bookshelf{
    background-image: url(../images/mv/mv_bookshelf.jpg);
}
.mgt0{margin-top:0 !important;}

.bookshelf h2{
    font-size:1.8rem;
    margin:2em 0 .5em;
    font-weight: bold;
    line-height: 1.3;
}
.bookshelf h3{
    background :url(../images/page/bs_bg_h3.png) no-repeat left top;
    padding:0 0 7px 40px;
    margin:2em 0 7px 0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.3;
}
.bookshelf h4{
    background :url(../images/page/bs_bg_h4.png) no-repeat left top;
    padding:0 0 3px 40px;
    margin:1.5em 0 5px 0;    
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.3;
}
.bookshelf h5{
    margin:1em 0 5px 0;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.3;
}
.bookshelf figure figcaption{
    font-size: .9em;
    line-height: 1.2;
}
.bookshelf .reference{
    color: #999;
}
.bookshelf .reference h5{
    font-size: 1rem;
    margin:0;
    font-weight: bold;
}
.bookshelf .reference ul{
    font-size: 80%;
    margin: 0 0 0 2em;
}
.link_nextprev{
    display: flex;
    justify-content: space-around;
    margin-top: 2em;
}
.bookshelf .bkshelf_link_pre{
    background:url(../images/page/bs_arrow_prev.png) no-repeat left center;
    padding:17px 0 17px 60px;
    height: 16px;
    font-size:16px;
    line-height: 1;
}
.bookshelf .bkshelf_link_next{
    background:url(../images/page/bs_arrow_next.png) no-repeat right center;
    padding:17px 60px 17px 0;
    height: 16px;
    font-size:16px;
    line-height: 1;
}
.bkshelf_link_pre,.bkshelf_link_next{
    width: 5em;
}

.bookshelf_serial{
    padding: 1em;
    margin:2em 0;
}
.bookshelf_serial h5{
    text-align: center;
    font-size: 1.3em;
    color: #a67c52;
    font-weight: bold;
    margin:0;
}
.bookshelf_serial ul{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding:1em 0;
}
.bookshelf_serial ul li{
    margin-bottom: .5em;
    margin-left:1em;
    font-size: 1em;
}
.bookshelf_cta{
    text-align: center;
    margin:2em auto;
}
.bookshelf_cta a img{
    width:430px; height:auto;
}


/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){
   
}/*解像度736px以下*/



/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 480px){
    .sp{
        display: block;
    }
    .bookshelf_cta a img{
    width:310px; height:auto;
}

}/*解像度480px以下*/