body {
    height: 100%;
    font-family: "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;

}

.box-shadow {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.border-dotted-radius {
    border: dotted 2px;
    border-radius: 10px;
}

a {
    cursor: pointer;
    /* カーソルを手の形に変更 */
    transition: opacity 0.3s ease;
    /* アニメーション効果を追加 */
    opacity: 1;
    /* 初期状態の不透明度 */
}

a:hover {
    opacity: 0.7;
    /* ホバー時の不透明度を下げる */
}

.custom-bg {
    background-color: #005275!important;
    background-size: cover;
    /* 背景画像を全体にカバーする */
    background-position: center;
    /* 画像を中央に配置 */
    background-attachment: fixed;
    /*背景画像を固定*/
    height: 100vh;
    /* ビューポート全体の高さを指定 */
}

body.custom-page {
    background-image: url('../creamers/images/bg05-lg.jpg');

}

/* NavigationBar */


/* .logo-wrapper{
    display:flex;
    flex-direction: row;
    margin-bottom:3px;
} */
.logo-upper {
    display: flex;
    flex-direction: row;
    margin-bottom: 3px;
}

#odoru-mie-logo {
    width: 50%;
    object-fit: contain;
}

.nav-bg {
    background-color: #990000;
}

.navbar {
    height: auto;
}


.nav-title-text {
    font-size: 35px;
}

.navbar-height {
    height: 14vh;
}

.title-logo {
    height: 11vh;
}

.nav-item {
    font-size: 20px;
}

/* 非アクティブなナビゲーションリンクを明るくする */
.navbar-nav .nav-link {
    color: #ffeeee;
    /* 非アクティブなリンクの色を明るい白に設定 */
    opacity: 1;
    /* 不透明度を100%にする（デフォルトでは少し透明にされている） */
}

/* アクティブなリンクのスタイル（必要に応じて変更） */
.navbar-nav .nav-link.active {
    color: #faefd4;
    /* アクティブなリンクを薄黄色に設定（好みに応じて変更） */
    font-weight: bold;
    /* アクティブなリンクを太字にする */
}

.navbar-collapse {
    position: relative;
    width:100%;
    right:0;
}

li{
    white-space: nowrap;
}

/* Footer */

.sns-logo-wrapper {

    display: flex;
    justify-content: center;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 576px) {
    .footer-bg {
        bottom: 0;
        width: 100%;
        text-align: center;
    }


    @media (max-width:576px) {
        .custom-bg {
            background-image: url('/images/bg04-sm.jpeg');
            background-color: rgba(245, 54, 54, 0.1);
            background-size: contain;
            /* 背景画像を全体にカバーする */
            background-position: center;
            /* 画像を中央に配置 */
            background-attachment: fixed !important;
            /*背景画像を固定*/

        }
    }



}

.container-fluid:focus {
    outline: none;
}