@charset "UTF-8";

/* Feature (2201〜）
---------------------------------------------------*/
.featureWrap{
    background-color: #fff;
    color: #222;
}

.mb-8{
    margin-bottom: 8px;
}

.align-center{
    text-align: center;
}

/* 作品・作者ごとのヘッダー背景画像指定 */
.featureMurotani h1{background-image: url(https://mangaz-static.j-comi.jp/images/special/murotani/mv.webp);}

/* ヘッダー背景共通 */
.featureWrap h1{
    text-align: center;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.featureWrap h1 img{
    max-width: 880px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.featureWrap h1:before{
    content: '';
    background-color: rgb(0, 0, 0, 0.4);
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 0;
}

.featureWrap h1:after{
    content: '';
    background: inherit;
    filter: blur(10px);
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    z-index: -1;
  }

/* メインコンテンツ */

.featureContainer{
    max-width: 880px;
    margin:0 auto;
}

.featureLead{
    line-height: 1.8;
    padding: 24px 16px;
}

.featureContainer section{
    padding-bottom: 32px;
}

.featureContainer h2{
    background-color: #DEE3EB;
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
    font-size: 20px;
    line-height: 1;
}

.featureBooks li a{
    display: flex;
    padding: 16px 24px 16px 16px;
    border-bottom: 1px solid #E1E6EA;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>');
    background-repeat: no-repeat;
    background-position: center right 0px;
    background-size: 26px;
}

.featureBooksLeft{
    margin-right: 16px;
}

.featureBooksLeft img{
    width: 80px;
    border-radius: 4px;
}

.featureBooksRight h3{
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    color: #00A0E9;
}

.featureBooksRight small{
    font-size: 12px;
    color: #888;
}

.featureBooksRight .featureBooksDetail{
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    max-width: 720px;
}

.featureBooksRight h4{
    font-weight: bold;
    color: #333;
}


.featureText h2{
    margin-bottom: 16px;
}

.featureText p{
    font-size: 14px;
    color: #333;
    margin-bottom: 16px;
    padding: 0 16px
}

.featureText p a{
    color: #00A0E9;
    text-decoration: underline;
}

.featureButton a{
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #00A0E9;
    text-decoration:none !important;
}