@charset "UTF-8";

@import url("base.css");
@import url("slider-pro.min.css");
@import url("flexslider.css");
@import url("tab.css");
@import url("slick.css");
@import url("slick-theme.css");
@import url("darktooltip.css");
@import url("pc181128.css?20250214") all and (min-width:961px);
@import url("sp180922.css?20250214") screen and (max-width:960px);
@import url("drawer.min.css") all and (max-width:960px);
@import url("recruit.css");

/* add 2023.06 ########################################### */
@media screen and (min-width: 961px) {
    section#books {
        padding: 0 20px 10px;
    }
    section#books h2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 40px;
        padding: 0 16px;
        margin: 0 -20px 20px;
        border: none;
        background: linear-gradient(
            to right,
            #d6b65f 0%,
            #e9d78f 20%,
            #dbc270 40%,
            #ceac53 50%,
            #dbc270 70%,
            #f8ebc3 80%,
            #e9d78f 90%,
            #d6b65f 100%
        );
    }
    section#books h2 img {
        display: block;
        width: 300px;
    }
    section#books .caution {
        top: 15px;
    }
    .bnrEntry {
        margin-top: 10px;
    }
}
@media screen and (max-width: 960px) {
    section#books {
        padding: 0 10px 10px;   
    }
    section#books h2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 40px;
        padding: 0 8px;
        margin: 0 -10px 5px;
        border: none;
        background: linear-gradient(
            to right,
            #d6b65f 0%,
            #e9d78f 10%,
            #ceac53 50%,
            #e9d78f 90%,
            #d6b65f 100%
        );
    }
    section#books h2 img {
        display: block;
        width: 300px;
    }
    .bnrEntry {
        margin: 10px 0;
    }
}