/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 03 2025 | 21:59:46 */
header .logo-image {
    max-width: 800px;
    margin: 0 auto;
	padding: 0 0 25px;
}

/* ------------------------------------
グローバルナビ 
------------------------------------ */

@media screen and (max-width: 1023px) {
    .navi-in .menu-pc {
        display: flex;
    }
}
@media screen and (max-width: 834px) {
    .navi-in>.menu-header {
        display: flex;
    }
}
@media screen and (max-width: 500px) {
    .navi-in>.menu-header {
        display: none;
    }
}

@media (max-width: 600px) {
    #navi .navi-in > ul li a {
        font-size: 65%;
    }
}


#navi .navi-in > ul li {
    flex: 1; /* 各メニュー項目が均等に幅を取る */
    height: 60px;
    position: relative; /* サブメニューを親メニューに対して相対配置 */
    text-align: center; /* テキストを中央揃え */
}

/* 全体配色 */
#navi .navi-in > ul {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
    background: -webkit-linear-gradient(#fff, #cecece);
    background: -moz-linear-gradient(#fff, #cecece);
    background: -o-linear-gradient(#fff, #cecece);
    background: -ms-linear-gradient(#fff, #cecece);
    background: linear-gradient(#fff, #cecece);
}

/* 各メニュー項目：ボーダー色 */
#navi .navi-in > ul li {
    border-bottom: 2px solid #1a242f;
    border-left: 1px solid #c7c7c7;
    border-top: 1px solid #d8d8d8;
}

/* 各メニュー項目：高さ */
#navi .navi-in > ul li {
    height: 2.5em;
}

/* メニュー：リンク */
#navi .navi-in a {
    font-size: 14px;
}

#navi .navi-in a:hover {
    background-color: #9d0000;
    transition: all 0.3s ease-in-out;
    color: white !important;
}

/* 現在選択されているメニュー */
#navi .current-menu-item {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cecece), color-stop(1.00, #fff));
    background: -webkit-linear-gradient(#cecece, #fff);
    background: -moz-linear-gradient(#cecece, #fff);
    background: -o-linear-gradient(#cecece, #fff);
    background: -ms-linear-gradient(#cecece, #fff);
    background: linear-gradient(#cecece, #fff);
    color: black;
}

/* サブメニュー */
#navi .navi-in > ul .sub-menu {
    position: absolute; /* 親メニューに対して位置を固定 */
    left: 0; /* 親メニューの左端に揃える */
    width: 100%; /* 親メニューの幅に合わせる */
    background: #4b4b4b!important; /* 背景色を強制適用 */;
    z-index: 9999; /* サブメニューを前面に表示 */
    box-sizing: border-box; /* パディングやボーダーを含めた幅を計算 */
}

/* サブメニューのリンク */
#navi .navi-in > ul .sub-menu a {
    color: white;
    text-align: center; /* テキストを中央揃え */
    display: block; /* サブメニューのリンクをブロック化 */
    padding: 10px 0; /* 高さ調整 */
}

/* サブメニュー：現在選択されている項目 */
#navi .sub-menu .current-menu-item {
    color: black;
}

#navi .navi-in > ul .sub-menu .current-menu-item a {
    color: black;
}

/* 「ネットビジネス」のリンクは無しにした */
#navi .navi-in #menu-item-17611 > a:hover {
    background: inherit !important;
    color: inherit !important;
}