@media (min-width: 600px) {

    button {
        color: white;
    }

    main {
        flex-direction: column;
    }


    ul {
        list-style: none;
    }

    .menu {
        display: block;
    }
    
    img {
        width: 50vw;
        height: auto;
    }

    .menu {
        display: none;
    }
    
    .menu-info {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        width: 100%;
    }

    .menu-info img {
        width: 50%;
        height: auto;
        margin: 0 5vw;
        top: 0;
        left: 0;
    }
    
    main h1 {
        text-align: center;
    }

    .label {
        min-width: 100px;
    }

    .information {
        width: 70%;
    }

    .footer-menu {
        display: block;
        width: auto;
        margin-left: 3%;
        font-size: 20px;
    }

    #oshinagaki-ichiran {
        cursor: pointer;
    }

    #foodlist-content {
        width: 90%;
        height: 90%;
    }

    #foodlist-in-footer {
        height: auto;
        width: auto;
        color: white;
        font-size: 20px;
        border: none;
        background-color: transparent;
        cursor: pointer;
    }

    #foodlist-in-footer:hover {
        text-decoration: underline;
    }

    .footer1 {
        flex-direction: row;
        font-size: 17px;
    }

    .footer1 p {
        padding-right: 15px;
    }

    .main-menu {
        display: block;
    }

    .main-title {
        font-size: 70px;
        top: 10%;
        left: 7%;
    }

    .phone-number-info {
        display: block;
        position: absolute;
        color: white;
        font-size: 30px;
        top: 25%;
        left: 10%;
        z-index: 1200;
    }

    .phone-number {
        display: block;
        position: absolute;
        color: white;
        top: 32%;
        left: 14%;
        z-index: 1200;
    }

    .phone-number a {
        font-size: 30px;
        color: white;
        text-decoration: none;
    }

    .main-info {
        position: absolute;
        font-size: 18px;
        writing-mode: vertical-rl; /* 縦書き、右から左へ */
        text-orientation: upright; /* 縦書き用に文字を立てて表示 */
        top: 3%;
        right: 5%;
    }

    .oshinagaki .item {
        flex: 1 1 45%; /* 横並びにする幅 */
    }
    .oshinagaki .item[data-order="1"] { order: 1; }
    .oshinagaki .item[data-order="2"] { order: 2; }
    .oshinagaki .item[data-order="3"] { order: 3; }
    .oshinagaki .item[data-order="4"] { order: 4; }

    .oshinagaki h2 {
        margin-left: 20%;
    }

    iframe {
        margin-top: 0;
        height: 60vw;
    }

    #scroll-to-top {
        right: 3%;
        bottom: 5%;
    }

    .information-area {
        display: flex;
        flex-direction: column;
        height: 500px;
    }

    .twitter-timeline {
        width: 40vw;
        max-height: 50vh;
        position: relative;
        margin-left: 50%;
    }
}