@charset "utf-8";

/* CSS Document */


/* ========================================================== Media Queries CSS

　Media Queries

=========================================================== */


/*max-width: 1024px*/

@media screen and (max-width: 1024px) {
    .site-header-main {
        padding-bottom: 0;
    }
}


/*max-width: 900px*/

@media screen and (max-width: 900px) {
    .site-header-main {
        width: calc(100% - 20px);
        margin: auto;
    }
    #anshin-header-menu nav {
        width: 100%
    }
    .categoryarchive {
        margin-right: 30px;
    }
    .site-content {
        word-wrap: break-word;
        margin: auto;
        display: flex;
        display: -webkit-flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .categoryarchive .post li:first-child {
        margin-left: 0;
    }
    #secondary {
        width: 260px !important;
        margin-top: 50px;
    }
    .sidebarbanner ul li:nth-child(2) {
        margin: 0 0 10px;
    }
    .anshinSubmenuWrap {
        width: calc(100% - 50px);
        margin: auto;
    }
    .content-area-post {
        margin-right: 30px;
    }
}


/*max-width: 768px*/

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


/*max-width: 709px*/

@media screen and (max-width: 709px) {
    #primary {
        margin-right: 0;
    }
    .site-content {
        display: block;
    }
    #secondary {
        width: calc(100% - 20px) !important;
        margin-top: 50px;
    }
    .categoryarchive {
        width: 100%;
        margin: 0;
        float: none;
    }
    .post-thumbnail {
        text-align: center;
    }
    .post-thumbnail img {
        display: inline;
    }
    .categoryarchive .entry-footer {
        display: none;
    }
}


/*max-width: 661px*/

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


/*max-width: 541px*/

@media screen and (max-width: 541px) {
    .anshinMwnu li:nth-child(2) {
        display: none;
    }
    .anshinSubmenuWrap {
        display: block;
    }
    .saboxplugin-authorBox {
        flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
    }
    .entry-content {
        margin: 0;
    }
    .innerpage {
        padding-top: 20px;
    }
    .categoryarchive .post li:first-child {
        flex: 0 0 150px;
        -webkit-flex: 0 0 150px;
        height: 100px;
        margin-bottom: 0;
    }
    .categoryarchive .post {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .archive .post .post-thumbnail {
        width: 150px;
        height: 100px;
    }
    .post .entry-title+p {
        display: none;
    }
    .post li:nth-child(2) {
        width: 70%;
    }
    .posted-on {
        height: 1em;
    }
    .categoryarchive .entry-content {
        display: none;
    }
}


/*max-width: 425px*/

@media screen and (max-width: 425px) {
    .anshin-header-menu {
        display: none;
    }
    .site-content {
        width: calc(100% - 40px);
        margin: auto;
    }
    .site-header {
        border-bottom: 1px solid #ccc;
    }
    .categoryarchive .entry-title {
        font-size: 15px;
    }
    .widget {
        margin: 0;
    }
}


/*max-width: 401px*/

@media screen and (max-width: 401px) {
    .categoryarchive .post li:first-child {
        flex: 0 0 100px;
        -webkit-flex: 0 0 100px;
        height: 68px;
    }
    .entry-title {
        font-size: 15px;
    }
    .categoryarchive .post {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .categoryarchive .entry-title {
        font-size: 15px;
    }
}


/*max-width: 375px*/

@media screen and (max-width: 375px) {
    .site-branding {
        left: auto;
    }
}


/*max-width: 320px*/

@media screen and (max-width: 320px) {
    .saboxplugin-wrap {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .categoryarchive .post li:first-child {
        flex: 0 0 68px;
        -webkit-flex: 0 0 68px;
        height: 68px;
    }
}