/* CSS Document */
/* =========================================================== */
/* Studies in Japanese Literature and Culture のリスト */
/* =========================================================== */
/* パソコンでの表示 */
/* =========================================================== */
.sjlc-list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sjlc-list ul li{
    width: 48%;
    display: flex;
    border: 1px solid var(--color-table-line);
    margin-bottom: 4rem;
}
.sjlc-list ul li .sjlc-cover{
    width: 240px;
}
.sjlc-list ul li .sjlc-cover img{
    max-width: 100%;
}
.sjlc-list ul li .sjlc-detail{
    padding: 2rem 2.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.sjlc-list ul li .sjlc-title{
    color: var(--red);
    text-indent: 0;
    font-size: 1.8rem;
    font-weight: bold;
    font-family: var(--font-serif);
    line-height: 1.2;
}
.sjlc-list ul li .sjlc-no{
    text-indent: 0;
    font-size: 1.6rem;
}
/* リンクボタン リストの分だけ調整 */
.link-btn-bloc.sjlc-link-bloc{
    padding: 0 2rem 2rem 0;
}
/* タブレットサイズの表示 */
/* =========================================================== */
@media screen and (max-width:887px) {
    .sjlc-list ul li{
        justify-content: center;
        flex-direction: column;
    }
    .sjlc-list ul li .sjlc-detail{
        display: contents;
    }
    .sjlc-list ul li .sjlc-name{
        order: 1;
        padding: 2.2rem 2.2rem 1rem;
    }
    .sjlc-list ul li .link-btn-bloc.sjlc-link-bloc{
        order: 3;
        margin: 0 auto 2rem;
        padding: 0;
        max-width: 240px;
    }
    .sjlc-list ul li .sjlc-link-bloc a{
        width: 100%;
    }
    .sjlc-list ul li .sjlc-cover{
        margin: 0 auto 2rem;
        max-width: 240px;
        order: 2;
    }
}
/* スマホでの表示 */
/* =========================================================== */
@media screen and (max-width: 579.98px){
    .sjlc-list ul{
        display: block;
    }
    .sjlc-list ul li{
        width: 100%;
        margin: 0 0 2rem;
    }
    .sjlc-list ul li .sjlc-cover{
        width: 100%;
    }
}
/* Vol6以降のリンクボタン */
/* =========================================================== */
.more-link{
    border: 1px solid var(--color-table-line);
    border-radius: 0.4rem;
    padding: 0.8rem 2rem 0.8rem 3.6rem;
    display: inline-block;
    position: relative;
}
.more-link:hover{
    text-decoration: underline;
    transition: 0.4s;
}
.more-link:before{
    display: block;
    content: "";
    background-color: var(--black);
    -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%2332CD32" viewBox="0 0 16 16"><path d="M1,0.343L6.657,6,5.95,6.707,0.293,1.05ZM6.657,6L1,11.657,0.293,10.95,5.95,5.293Z"/></svg>');
    -webkit-mask-size: contain;
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%2332CD32" viewBox="0 0 16 16"><path d="M1,0.343L6.657,6,5.95,6.707,0.293,1.05ZM6.657,6L1,11.657,0.293,10.95,5.95,5.293Z"/></svg>');
    mask-size: contain;

    height: 12px;
    width: 12px;

    position: absolute;
    top: 54%;
    left: 14%;
    transform: translate(-50%, -50%); 
}
.table-scrroll-area{
    margin-bottom: 2rem;
    max-width: 100%;
    overflow: auto;
}
.scroll-hint-icon-wrap .scroll-hint-icon{
    top: 50px;
    left: 10px;
}
table.scroll-table{
    width: var(--width-full);
}
table.scroll-table th{
    background: var(--beige);
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
table.scroll-table th, table.scroll-table td{
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-table-line);
}
table.scroll-table .peer-review{
    color: var(--red);
}
/* SJLC contact */
.section p .contact_j{
    color: var(--red);
}
/* 論文と著書のテーブル */
.scroll-table.research-thesis{
    font-size: 90%;
}
.scroll-table.booklets-lists td,
.scroll-table.research-thesis td{
    vertical-align: middle;
}
td.published_year,
td.peer_review{
    text-align: center;
}
.scroll-table.booklets-lists td.published_year,
.scroll-table.booklets-lists td.isbn{
    font-size: 90%;
}