/* 追加cssに記述されていたcssを移植 */

@media screen and (min-width: 421px) {
    .tagline {
        color: transparent;
    }

    .site-name-text {
        display: none;
    }

    .logo {
        display: none;
    }

    #header-in {
        height: 94px;
    }

    main#main {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #content {
        margin-top: 0;
    }

    div.entry-content {
        margin-top: 0;
    }

    #content-in {
        width: calc(100vw);
        padding: 0;
        margin: 0;
    }

    #navi {
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        height: 100%;
    }

    div.item-label {
        font-size: 11px !important;
    }

    #menu-header-menu li {
        height: 50px;
        padding-top: 15px;
    }

    #menu-header-menu li:nth-child(2) {
        padding-top: 15px;
    }

    #menu-header-menu li:nth-child(7) {
        padding-top: 15px;
    }

    #menu-header-menu li:nth-child(9) {
        padding-top: 15px;
    }

    .menu-header li {
        border-left: 1px solid #dddddd;
    }

    div.item-label {
        font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
        font-size: 0.8em;
        font-weight: 500;
        line-height: 1.6;
    }

    .menu-header li:last-child {
        border-right: 1px solid #dddddd;
    }

    div.logo-text {
        display: none;
    }

    #menu-header li {
        line-height: 1.2;
    }

    #menu-header li:nth-child(4),
    #menu-header li:nth-child(7) {
        padding-top: 15px;
    }

    #archive-title {
        width: 1100px;
        margin: 20px auto;
    }

    #list {
        width: 1100px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 420px) {
    .header {
        background-image: url("/wp-content/uploads/2023/10/header-smapho.jpg");
        width: 100%;
    }

    #navi {
        display: none;
    }

    .tagline {
        color: transparent;
    }

    .site-name-text {
        display: none;
    }

    .logo {
        display: none;
    }

    #header-in {
        height: calc(29vw)
    }

    main#main {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #content {
        margin-top: 0;
    }

    div.entry-content {
        margin-top: 0;
    }

    #content-in {
        width: calc(100vw);
        padding: 0;
        margin: 0;
    }

    #navi {
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        height: 50px;
    }

    #menu-header-menu li {
        height: 50px;
        padding-top: 15px;
    }

    #menu-header-menu li:nth-child(2) {
        padding-top: 5px;
    }

    #menu-header-menu li:nth-child(7) {
        padding-top: 5px;
    }

    .menu-header li {
        border-left: 1px solid #dddddd;
    }

    div.item-label {
        font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
        font-size: 0.8em;
        font-weight: 500;
        line-height: 1.6;
    }

    .menu-header li:last-child {
        border-right: 1px solid #dddddd;
    }

    div.logo-text {
        display: none;
    }

    #menu-header li {
        line-height: 1.2;
    }

    #menu-header li:nth-child(4),
    #menu-header li:nth-child(7) {
        padding-top: 15px;
    }

    #archive-title {
        width: 100%;
        margin: 20px auto;
    }

    #list {
        width: 98%;
        margin: 0 auto;
    }
}