@charset "utf-8";
/*
  開発側 システム用CSS

  - デザイナー側のモックCSSとの差分コンフリクトを避けるためにCSSファイルを分けています。
  - モックと共通のデザイン変更をする場合は通常通りcommon.css等を編集し、それをモック側のGitにも反映してください。
*/

#book_bn_ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4つの列を1frで均等に分配 */
}

#book_bn_ul li a.yomi {
    color: #539c29;
    font-weight: normal;
    line-height: 1.15;
    font-size: 10px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    border: 0;
}

.book_slider_title{
    line-height:1.2;
    height:auto;
    padding:0 5px 10px;
}

.topic_body {
    margin-bottom: 20px;
}
.topic_body img {
    max-height: 130px;
}

.mokuzi {
    font: 14px/1 "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ ProW3", "Hiragino Kaku Gothic Pro", "Osaka", Sans-Serif;
    list-style-type: disc;
}
.substance ul {
    padding-left: 30px;
}
.mv_slider_item{
    padding-top:27%;
}