@media screen and (orientation: landscape) {

    .sorry{
        font-size: 0vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }


    body {

        font-family: "yu-gothic-pr6n", sans-serif;
        font-weight: normal; /* 必要に応じて他のフォントウェイトも指定可能 */
        background-color:rgb(241, 241, 241);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
        position: relative; /* 追加 */

    }
    
    .portfolio {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        width: 50vw;  /* 正方形の幅 */
        height: 40vw; /* 正方形の高さ */
    }
    
    .item {
        margin: 1.3vw;  /* マージンを調整 */
        position: relative;
    }
    
    .item img {
        max-width: 12vw;
        display: block;
        transition: transform 0.2s ease-out;
        cursor: pointer;
    }
    
    .item::before {
        content: '';
        position: absolute;
        top: -50px;
        left: -50px;
        right: -50px;
        bottom: -50px;
        background: transparent;
    }

    .cv img {
        max-width: 12vw;
        display: block;
        transition: transform 0.2s ease-out;
        cursor: pointer;
        position: fixed;
        bottom: 90px; /* 少し上に余白を追加 */
        right: 200px; /* 左に少し余白 */
    }

    .footer {
        position: fixed;
        font-size: 12px; /* 文字サイズを調整 */
        color: #666; /* テキストの色を薄め */
        background-color: transparent; /* 背景を透明に */
        padding: 5px 10px; /* テキスト周りの余白 */
        z-index: 1000; /* 必要に応じて、他の要素の上に表示 */
        bottom: 5px; /* 少し上に余白を追加 */
       left: 10px; /* 左に少し余白 */
    }    

}