@charset "utf-8";

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


/* 科学情報出版株式会社（トップページ）
/* 基本サイズ  ：W960px
/* 基本色　　　：#4dac26（R:77 G:172 B:38）
/* スライダー  ：w1280px x 540px
/* 基本色　　　：#339966（R:51 G:153 B:102）
/**********************************************/


/*  980px 以下 */

@media screen and (max-width: 980px) {}


/*  768px 以下 */

@media screen and (max-width: 768px) {}

@media screen and (max-width: 599px) {
    body {
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    p {
        font-size: 0.8em;
    }
    .top_container {
        max-width: 100%;
        margin: 0 auto;
    }
    .top_container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* border: #000 1px solid; */
    }
    /*thumb-item-nav  */
    .thumb-item-nav {
        width: 100%!important;
    }
    .thumb-item-nav div div {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .thumb-item-nav li {
        width: 120px!important;
        margin: 0 4px 5px;
    }
    .thumb-item-nav li img {
        width: 120px;
    }
    /* .thumb-item-nav .slick-current {
        border-color: #4dac26;
    } */
    #emcsupport {
        width: 95%;
    }
    .emcmagazinelist ul {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        /* flex-direction: column;
            justify-content: center;
            align-items: center;
             */
    }
    .emcmagazinelist ul li {
        width: 45%;
        white-space: normal;
        font-size: 0.8rem;
        margin: 0 auto 5px;
    }
    .emcmagazinelist ul li a {
        white-space: normal;
    }
    .emcmagazinelist li img {
        width: 150px;
    }
    /* .more-container {
        max-width: 400px;
    } */
    /* .more {
        text-align: center;
    } */
    .spmenu ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .emcbooks {
        max-width: 350px;
        margin: 0 auto;
        float: none;
    }
    .emcbooks .bookimg {
        width: 200px;
    }
    #headlinebox .newslist {
        text-align: center;
    }
    /* pickupbox*/
    .pickupbox {
        max-width: 90%;
        margin: 0 auto;
        float: none;
    }
    .ticker {
        width: auto;
        font-size: 0.7.5em;
    }
    .pickup {
        width: 100%;
        margin: 0 auto;
    }
    .pickup li {
        max-width: 155px;
        margin: 0 13px;
    }
    .pickup li img {
        max-width: 170px;
    }
    /* .pickup li img {
            width: 180px;
        } */
    #news .container {
        max-width: 99%;
        overflow-x: auto;
    }
    .interview {
        max-width: 450px;
        float: left;
        /* margin: 0 auto; */
    }
    .ttlheadline {
        max-width: 420px;
    }
    #headlinebox {
        overflow: auto;
        /* max-width: 680px; */
    }
    .headline-flex {
        max-width: 450px;
        /* margin: 0 auto; */
        display: flex;
        flex-direction: column;
    }
    .headline {
        max-width: 680px;
    }
    .adv250 {
        width: 300px;
        float: none;
        margin: 20px auto 0;
        display: flex;
        justify-content: center;
    }
    .theme {
        font-size: 18px;
        text-align: left;
        white-space: nomal;
    }
    .wbox {
        max-width: 680px;
        margin: 0 auto;
    }
    .columbox .colbox:nth-child(even) {
        margin-left: initial;
    }
    .columbox {
        display: flex;
        width: 80%;
        margin: 0 auto;
    }
    .columbox .colbox {
        /* margin: 0 auto; */
        width: 88%;
    }
    .emcforum {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* margin-left: 10px; */
    }
    .emcforum div p,
    .emcforum ul {
        max-width: 80%;
        overflow-wrap: break-word;
        /* font-size: 0.6rem; */
    }
    .bnr {
        margin: 0 0 30px 0;
    }
    .bnr1,
    .bnr2 {
        float: left;
    }
    .bnr3,
    .bnr4 {
        float: none;
        display: flex;
        margin: 0 auto 10px;
    }
    #series .columbox {
        display: contents;
        margin: 0 auto;
    }
    .pickup2 li {
        width: 64%;
        margin-top: 10px;
    }
    .pickup2 li a {
        font-size: 0.5rem;
    }
}

@media screen and (max-width: 395px) {
    .pickupbox {
        max-width: 99%;
    }
    .thumb-item-nav li {
        width: 112px!important;
    }
    .thumb-item-nav li img {
        width: 112px!important;
    }
}