/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 07 2026 | 13:40:12 */
/* 1. まず基本（PCサイズ）では非表示にする */
.custom-mobile-nav {
    display: none;
}

/* 2. スマホ・タブレット（幅991px以下）のときだけ表示する */
@media (max-width: 991px) {
    .custom-mobile-nav {
        display:  none !important; /* または flex など、メニューのレイアウトに合わせて調整 */
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff; /* 背景色 */
        z-index: 9999;    /* 最前面に表示 */
        border-top: 1px solid #ddd;
    }
    
    .custom-mobile-nav ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .custom-mobile-nav ul li {
        flex: 1;
        text-align: center;
    }
    
    .custom-mobile-nav ul li a {
        display: flex;
        flex-direction: column;
        padding: 10px 0;
        text-decoration: none;
        font-size: 10px; /* 文字サイズ */
        color: #333;    /* 文字色 */
    }

    .custom-mobile-nav ul li i {
        font-size: 18px; /* アイコンサイズ */
        margin-bottom: 2px;
    }
}