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

}

@font-face {
    font-family: 'Hangyaku';
    src: url('../fonts/Hangyaku-1jZoB.ttf') format('truetype');
}


@media(min-width:576px){
    .nav-link{
        font-size:2.7rem;

    }
}
.nav-link{
    font-family: 'Hangyaku';
}
.nav-link:hover{
    opacity:0.5!important;
}

/* ドロップダウン */
.dropdown{
    background-color: #990000;
    color: white!important;
}

.dp-style{
    font-family: 'Hangyaku';
    font-size:2.7rem;
    color:white;
}
.dp-style:hover{
    opacity:0.5;

}
.dropdown:active{
    border:none;
}
button .show:active{
    border:0!important;
}

.dropdown-toggle::after {
    display: none !important; /* 矢印を非表示にする */
}

.dropdown-toggle:focus,
.dropdown-toggle:active {
    outline: none !important; /* フォーカスのアウトラインを削除 */
    border: none !important;  /* ボーダーを削除 */
}
ul .show{
    background-color: #990000;
}
.dropdown-item:hover{
    color:#990000!important;
}

.dropdown-item{
    color: white!important;

}

.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-image: url('../images/bg07.jpg');
    background-color: #990000;
    background-size: cover;
    /* 背景画像を全体にカバーする */
    background-position: center;
    /* 画像を中央に配置 */
    background-attachment: fixed;
    /*背景画像を固定*/
    height: 100vh;
    /* ビューポート全体の高さを指定 */
}



/* 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: 9vh;
}

@media(max-width:576px){
    .title-logo{
        height:6vh;
    }

}

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

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

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

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

li{
    white-space: nowrap;
}

.acc-full{
    width:90%;
}



/* Footer */

.text-center{
    margin-bottom:3px;
}

.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;
    }

    .acc-full{
        width:60%;
    }

}

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

    }

    body{
        font-size:0.8rem;
    }

    .nav-link{
        font-size:2rem!important;
    }

    .btn, .dropdown-menu{
        padding:0!important;
        outline:none!important;
        border:none!important;
    }

    .dp-style{
        font-family: 'Hangyaku';
        font-size:2rem;
        color:white;
    }


}

ul .show, button, .show{
    margin-left:auto;
    margin-right:auto;
}


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