/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 29 2026 | 01:41:07 */
/* ==========================================
   ヘッダー共通：背景の半透明化（中身は透かさない）
========================================== */
#header {
    background-color: rgba(255, 255, 255, 0.75) !important;
}

/* ==========================================
   メインナビゲーション：横幅いっぱいに広げるレイアウト
========================================== */
#header .header_inner > .header_nav {
    flex: 1 !important; 
    margin: 0 40px !important; 
}

#header .header_inner > .header_nav .menu_items { 
    display: flex !important;
    justify-content: space-evenly !important; 
    width: 100% !important;
    margin: 0 !important;
    gap: 0 10px !important;
}

/* ==========================================
   メニュー項目：文字の装飾とホバーエフェクト
========================================== */
#header .header_inner .header_nav .menu .menu_items .menu_item {
    font-weight: 400;
}

/* アンダーラインのアニメーション */
#header .header_inner .header_nav .menu .menu_items .menu_item p:hover:after, 
#header .header_inner .header_nav .menu .menu_items .menu_item > a:hover:after {
    width: 100%;
}

/* 子メニューのホバー時に薄くなるのを防ぐ */
#header .menu ul li .has_child-item a:hover,
#header .menu ul li.has_child-item a:hover {
    opacity: 1 !important;
}

/* ==========================================
   PC版（768px以上）：文字の可変サイズ（vw）と縦中央揃え
========================================== */
@media screen and (min-width: 768px) {
    #header .header_inner > .header_nav .menu_items .menu_item > a,
    #header .header_inner > .header_nav .menu_items .menu_item > p {
        font-size: min(1vw, 16px) !important; /* 1vwで可変、最大16pxでストップ */
        font-weight: normal !important;
        font-family: Roboto, sans-serif !important;
        letter-spacing: .05em !important;
        line-height: 1 !important;
        
        /* 文字を上下のド真ん中に強制固定 */
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }
}

/* ==========================================
   ハンバーガーメニュー：閉じるボタン（×）の絶対中央配置
========================================== */
.hamburger::before {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

@media screen and (max-width: 767px) {
    .m-inner { margin-top: 30px; }
}
/* ==========================================
   sitemap
========================================== */

@media screen and (max-width: 767px) {
.page_sitemap .sitemap_list ul.has_child li a {
        line-height: 1.5em;
        height: auto;
        padding: 10px 0;
}
.page_sitemap .sitemap_list ul.has_child li:before {
    top: 45%;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
}
}