@charset "UTF-8";

/*-----------------------------------
ここにない設定は、styleかcomtool.css参照
------------------------------------*/
/* Bunrui tab menu */
#tabArea li{
    display:block;
}
.select{
    background:#eee;
}
.hide{
    display:none;
}

/* BookList: Left */
#booklist #bookleft{
    font-size:130%;
    margin-left:10px;
    margin-top:10px;
}
#booklist #bookleft ul{
    display:flex;
    flex-wrap:wrap;
/*    justify-content:space-between;*/
}
#booklist #bookleft li{
    padding:10px;
    border:1px solid #eee;
    margin:5px;
    text-align:center;
}
/* BookList: Right */
#booklist #bookright ul{
    display:flex;
    flex-wrap:wrap;
/*    justify-content:space-between;*/
    margin-top:10px;
}
#booklist #bookright li img{
    width:120px;
    height:auto;
    margin:10px 0 0 5px;
}

/*-----------------------------
コンテンツ
------------------------------*/
/* コンテンツ：BookList */
#contents #booklist h2{
    font-size:130%;
    margin:20px;
}

/*-----------------------------
 タブレット -959
------------------------------*/
@media screen and (min-width:640px){

/* TAB:BookList: Left */
    #booklist #bookleft li{
        width:225px;
    }
/* BookList: Right */
    #booklist #bookright ul{
        width:650px;
    }
    #booklist #bookright li img{
        width:180px;
        height:auto;
        margin:10px 0 10px 35px;
    }
}

/*-----------------------------
 PCサイト
------------------------------*/
@media screen and (min-width:960px){

/* PC:BookList: Left */
    #booklist #bookleft{
        font-size:150%;
    }
    #booklist #bookleft ul{
        display:block;
    }
    #booklist #bookleft li{
        text-align:left;
    }
/* PC:BookList */
    #booklist{
        display:flex;    
    }
}