/* iPhone 16サイズ対応 */
@media screen and (max-width: 500px) {
    .top_laypage {
        margin: 15% 7% 10% 7%;
    }

    .laypage {
        margin: 15% 7% 10% 7%;
    }

    .laybox {
        width: 90%;
        /* デバイス幅に合わせて動的にサイズ調整 */
        gap: 20px;
        /* ギャップを縮小 */
    }

    .laypagex {
        margin: 15% 7% 10% 7%;
    }

    .laypagetext {
        margin: 15% 7% 10% 7%;
    }

    h2 {
        margin: 0 0 6% 0;
    }

    img.emoji {
        width: 4%;
        max-width: fit-content;
    }

    .spacer {
        height: 35px;
        /* gap の代わり */
    }

    /* #region トップ説明 */
    .topimg {
        aspect-ratio: 375 / 193;
        /* iPhone画面の幅に調整 */
    }

    .topimg2 {
        aspect-ratio: 375 / 193;
        /* iPhone画面の幅に調整 */
    }

    .topimg2 img {
        width: 100%
            /* iPhone画面の幅に調整 */
    }

    F .sname_text .surl {
        margin: 0 4% 0 0;
    }

    .sname_text {
        line-height: 260%
    }

    /* #endregion */

    .hamburger {
        top: 30px;
        right: 40px;
        /* メニューより前に表示 */
    }

    .menu {
        top: 0;
        right: 0;
        width: 250px;
    }

    /* #region aboutなどの説明用 */

    .bio .laypage {
        margin: 10% 10%;
    }

    .laypage .infobox {
        width: 100%;
        /* 幅を100%に */
        margin: 12.5% 0;
        gap: 44px 0;
    }

    .infobox {
        width: 90%;
        /* デバイス幅に合わせて動的にサイズ調整 */
    }

    .bio .info {
        margin: 0 0 0 0;
    }

    .bio .nameinfo {
        width: 43%;
    }

    /* #endregion */

    /* #region 再録ページ */
    .book .caption {
        width: 45%;
    }

    .books {
        width: 100%;
        margin: 10% 3.5%;
    }

    .title .subtitle a {
        font-weight: 800;
    }

    /* #endregion */

    textarea {
        width: 100%;
    }

    .illust_comic_parent {
        height: 100%;
        margin-top: 190px;
    }

    /* #region てがろぐ用 */


    /* #endregion */



}

/* iPhone 16サイズ対応 */
@media screen and (max-width: 393px) {
    .top_laypage {
        margin: 22% 7% 10% 7%;
    }

    .laypage {
        margin: 22% 7% 10% 7%;
    }

    .topimg_parent {
        margin: 0 0 60px 0;
        /* 漫画風トップのみ */
    }

    .topimg2 {
        aspect-ratio: 375 / 193;
        /* iPhone画面の幅に調整 */
    }

    .topimg2 img {
        width: 100%
            /* iPhone画面の幅に調整 */
    }

    .sname_text {
        left: 70%;
        bottom: 50%; /* 漫画風トップのみ */
        line-height: 220%
    }

    .sname_text .sname {
        font-size: 35px;
        font-weight: 600;
        letter-spacing: 6px;
    }

    .menu {
        height: 30em;
    }

    /* #region 06 メインのメニュー */

    .bio .maininfo {
        width: 100%;
    }

    /* #endregion 06 メインのメニュー */

}

/* #region iPhone SEサイズ対応 */
@media screen and (max-width: 375px) {
    .sname_text {
        left: 67%;
        line-height: 220%
    }

    .sname_text .sname {
        font-weight: 600;
        font-size: 36px;
        letter-spacing: 6px;
    }

    .menu {
        height: 65%;
    }
}

/* #endregion */