@charset "utf-8";
/****************************************************************************************************
****************************************************************************************************/
@media print, screen and (min-width:737px){
}
@media print, screen and (min-width:769px){
}
@media print, screen and (min-width:1200px){
}
/****************************************************************************************************
アーカイブ
ページごとのシンボルイメージ
****************************************************************************************************/
@media print, screen and (min-width:737px){
    .pageTitle.-icon.-type1 .pageTitle__headerIcon.-page{ flex-basis: 154px; }
}
@media print, screen and (min-width:737px){
        .pageTitle.-icon.-type1 .pageTitle__headerIcon.-page img{ top: calc( -92px / 2 ); }
}
/****************************************************************************************************
****************************************************************************************************/
.indexBlock{ background-image: url(../images/common/index/contents/bg.gif); }
/****************************************************************************************************
****************************************************************************************************/
.index__row{
    margin-bottom: 20px;
}
@media print, screen and (min-width:737px){
.index__row{
    margin-bottom: 40px;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.index__row.-type1{
    display: flex;
    flex-wrap: wrap;
}
.index__row.-type2{ display: flex; }
/*--------------------------------------------------
--------------------------------------------------*/
.index__row.-type1 .index__col{
    flex-basis: calc( 50% - 10px );
    margin-bottom: 20px;
}
@media print, screen and (min-width:737px){
.index__row.-type1 .index__col{
    flex-basis: calc( 50% - 20px );
    margin-bottom: 20px;
}
}
    .index__row.-type1 .index__col.-col1{ margin-right: auto; }
    .index__row.-type1 .index__col.-col2{ margin-left: auto; }
/*--------------------------------------------------
--------------------------------------------------*/
.index__row.-type2 .index__col{
}
    .index__row.-type2 .index__col.-col1{
        flex-basis: calc( 200 / 900 * 100% );
        margin-right: auto;
    }
    .index__row.-type2 .index__col.-col2{
        flex-basis: calc( 660 / 900 * 100% );
        margin-left: auto;
    }
/****************************************************************************************************



****************************************************************************************************/
/*--------------------------------------------------
--------------------------------------------------*/
.book__header{
    margin-bottom: 5px;
    color: #1E91BE;
    font-weight: bold;
}
@media print, screen and (min-width:737px){
.book__header{
    margin-bottom: 20px;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.book__title{
    margin-bottom: 0px;
    line-height: 1.5;
}
@media print, screen and (min-width:737px){
.book__title{
    margin-bottom: 5px;
    font-size: 1.8rem;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.book__author{
    font-size: 1.2rem;
}
@media print, screen and (min-width:737px){
.book__author{
    font-size: 1.4rem;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.book__body{
    margin-bottom: 10px;
}
@media print, screen and (min-width:737px){
.book__body{
    margin-bottom: 20px;
}
}
/****************************************************************************************************

関連リンク

****************************************************************************************************/
/*--------------------------------------------------
--------------------------------------------------*/
.relationList{
    display: flex;
    justify-content: center;
    margin-top: 10px;
    max-width: 1120px;
}
@media print, screen and (min-width:737px){
.relationList{
    margin-top: 20px;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.relationList__item{
    margin: 0 15px;
}




/****************************************************************************************************

小カテゴリの説明

****************************************************************************************************/
.filterDescription.-sub{
    display: none;
}