.navbar-nav {
    display: flex;
    justify-content: center;
    /* 真ん中にする */
    gap: 20px;
    /* 要素の間の余白 */
    list-style: none;
    padding: 0;
    background-color: rgb(105, 49, 22);
    padding: 30px 0;
    color: aliceblue;

}

a {
    color: white;
}

.top-item {
    position: relative;
}

.top-img {
    width: 100%;
    display: block;
}

.top-text {
    position: absolute;
    top: 30%;
    /* ←ちょい下に調整 */
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;

    color: white;
    font-size: 8vw;
    font-weight: bold;
    letter-spacing: 0.1em;

    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
    letter-spacing: 0.15em;
    text-shadow:
        0 2px 5px rgba(43, 140, 70, 0.5),
        /* くっきり影 */
        0 0 15px rgba(3, 89, 26, 0.4),
        /* ぼかし */
        0 0 25px rgba(255, 255, 255, 0.2);
    /* ほんのり光 */
}



@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* トップの上のやつ */
.one-item {
    margin-top: 25px;
}

.one-item-img {
    width: 500px;
    height: auto;
    margin-top: 100px;
    padding-left: 200px;
}

.one-item-text {
    position: relative;
    padding-left: 810px;
    top: -470px;
    padding-right: 200px;
    font-size: 20px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

/* トップの下のやつ */
.one-item-right-img {
    width: 600px;
    height: auto;
    float: right;
    text-align: left;
    padding-right: 200px;
}

.one-item-right {
    text-align: right;
}

.one-item-right-text {
    text-align: left;
    padding-left: 200px;
    padding-right: 810px;
    font-size: 20px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

.ugoke-text {
    margin-top: 20px;
}

/* お風呂の上のやつ */
.one-item-ohuro {
    margin-top: 500px;
}

.one-item-ohuro-img {
    width: 500px;
    height: auto;
    text-align: left;
    margin-top: 100px;
    padding-left: 200px;
}

.one-item-ohuro-text {
    position: relative;
    padding-left: 810px;
    top: -380px;
    text-align: left;
    padding-right: 200px;
    font-size: 20px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

/* お風呂の下のやつ */
.one-item-right-ohuro-img {
    width: 600px;
    height: auto;
    float: right;
    padding-right: 200px;
}

.one-item-right-ohuro {
    text-align: right;
}

.one-item-right-ohuro-text {
    text-align: left;
    padding-left: 200px;
    font-size: 20px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

.ohuro-text {
    margin-top: 20px;
}

/* ここから下はアクセスページのCSS */
.googlemap {
    margin-left: 80px;
    margin-top: 100px;
}

.googlemap-text {
    margin-left: 650px;
    position: absolute;
    font-size: 20px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

/* ここから下は料金ページのCSS */
.ryoukin-img {
    width: auto;
    height: 1000px;
}

.ryoukin-text {
    margin-left: 800px;
    position: absolute;
    font-size: 20px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

footer {
    background-color: rgb(105, 49, 22);
    color: aliceblue;
    padding: 30px 0;
    text-align: center;
    margin-top: 450px;
    font-size: 20px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

.fade-img {
    width: 600px;
    height: auto;
    display: block;
    opacity: 0;
    transform: translateY(50px);
    transition: all 2s ease;
}

.fade-img.show {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {

    /* ナビ */
    .nav-item {
        margin-left: 0;
        margin: 10px 0;
    }

    .navbar-nav li {
        display: block;
        text-align: center;
    }

    /* トップ画像 */
    .top-img {
        width: 100%;
    }

    .top-text {
        font-size: 2em;
        white-space: normal;
    }

    .top-item {
        display: block;
    }

    /* 共通：画像 */
    img {
        max-width: 100%;
        height: auto;
    }

    /* 左右レイアウト全部リセット */
    .one-item-img,
    .one-item-right-img,
    .one-item-ohuro-img,
    .one-item-right-ohuro-img {
        width: 100%;
        padding: 0;
        margin: 20px 0;
        float: none;
    }

    /* テキスト全部リセット */
    .one-item-text,
    .one-item-right-text,
    .one-item-ohuro-text,
    .one-item-right-ohuro-text {
        position: static;
        padding: 20px;
        margin: 0;
        font-size: 16px;
    }

    /* 変な余白消す */
    .one-item,
    .one-item-ohuro {
        margin-top: 50px;
    }

    /* マップ */
    .googlemap {
        margin: 20px;
    }

    .googlemap-text {
        position: static;
        margin: 20px;
    }

    /* 料金 */
    .ryoukin-img {
        height: auto;
        width: 100%;
    }

    .ryoukin-text {
        position: static;
        margin: 20px;
    }

    /* フッター */
    footer {
        margin-top: 50px;
        font-size: 16px;
    }

}