.elementor-15 .elementor-element.elementor-element-c4ebab2{--display:flex;--position:fixed;--min-height:100px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1000;}.elementor-15 .elementor-element.elementor-element-c4ebab2:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-c4ebab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFAE0;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-c4ebab2{left:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-c4ebab2{right:0px;}.elementor-15 .elementor-element.elementor-element-d8aa279{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--z-index:999;}.elementor-15 .elementor-element.elementor-element-59f206a{text-align:left;}.elementor-15 .elementor-element.elementor-element-59f206a img{width:100%;max-width:150px;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_inner_menu{background-color:transparent;background-image:linear-gradient(270deg, #000000 0%, #000000C4 100%);}.elementor-15 .elementor-element.elementor-element-f5f862e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue-input-wrapper-align{justify-content:flex-end;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_inner_menu-box{transform:translate(0, 0px);}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_hamburger{background-color:#072EB800;padding:10px 0px 10px 0px;border-radius:0px;}.elementor-15 .elementor-element.elementor-element-f5f862e .outer-menu input:hover + .ue_hamburger{background-color:#2A2A2A00;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_hamburger,.elementor-15 .elementor-element.elementor-element-f5f862e .checkbox-toggle{width:30px;height:30px;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu_wrapper{height:30px;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue-input-wrapper{width:30px;height:30px;}.elementor-15 .elementor-element.elementor-element-f5f862e .checkbox-toggle:checked + .ue_hamburger{background-color:#00FCAA00;}.elementor-15 .elementor-element.elementor-element-f5f862e .checkbox-toggle:checked + .ue_hamburger > div{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_hamburger_custom_close i{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_hamburger_custom_close svg{fill:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-f5f862e .outer-menu.menu-opened input:hover + .ue_hamburger{background-color:#FF000000;}.elementor-15 .elementor-element.elementor-element-f5f862e input:hover  + .ue_hamburger .ue_hamburger_custom_close i{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-f5f862e input:hover + .ue_hamburger .ue_hamburger_custom_close svg{fill:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu > div > div{text-align:center;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu > div > div > div{justify-content:center;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu ul li a{color:#ffffff;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu ul li{margin:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu ul li  a:after{background-color:#ffffff;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu ul ul li a{color:#ffffff;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu ul ul li a:after{background-color:#ffffff;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu ul ul li{margin:2px 2px 2px 2px;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu-social-icons a{color:#ffffff;font-size:15px;margin:5px 5px 5px 5px;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu-social-icons a svg{fill:#ffffff;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu-social-icons a:hover{color:#ffffff;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu-social-icons a:hover svg{fill:#ffffff;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu-social-icons img{width:15px;height:15px;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu-social-icons{margin-top:20px;}.elementor-15 .elementor-element.elementor-element-8d89338{--display:flex;--position:fixed;top:0px;--z-index:999;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-8d89338{right:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-8d89338{left:0px;}.elementor-15 .elementor-element.elementor-element-f060098.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-f060098{right:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-f060098{left:0px;}.elementor-15 .elementor-element.elementor-element-f060098{top:30px;z-index:2000;}.elementor-15 .elementor-element.elementor-element-5c98e47e{--display:flex;--z-index:1111;}.elementor-15 .elementor-element.elementor-element-71b73b2e > .elementor-widget-container{margin:0rem 1rem 0rem 0rem;}.elementor-15 .elementor-element.elementor-element-71b73b2e.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-71b73b2e{right:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-71b73b2e{left:0px;}.elementor-15 .elementor-element.elementor-element-71b73b2e{top:31px;z-index:999;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-d8aa279{--width:90%;}.elementor-15 .elementor-element.elementor-element-8d89338{--width:90%;}.elementor-15 .elementor-element.elementor-element-5c98e47e{--width:100%;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-c4ebab2{--min-height:80px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-59f206a > .elementor-widget-container{margin:5px 0px 05px 5px;}.elementor-15 .elementor-element.elementor-element-f5f862e{width:initial;max-width:initial;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu  div  div  ul  li a{font-size:18px;line-height:2.3em;}.elementor-15 .elementor-element.elementor-element-f5f862e .ue_menu  div  div  ul ul  li a{line-height:2em;}}/* Start custom CSS for container, class: .elementor-element-8d89338 */#yoko-Gnv {
font-family: scotch-text, sans-serif;
font-style: normal;
font-weight: 300;
}
/* 横並びのメインメニュー */
#yoko-Gnv .menu {
    display: flex; /* 横並び */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* メニュー項目 */
#yoko-Gnv .menu-item {
    position: relative;
    margin-right: 20px; /* メニュー間の間隔 */
}

/* メニューのリンクスタイル */
#yoko-Gnv .menu-item > a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    font-size: 18px;
    transition: all 0.5s ease-in-out;
    position: relative;
}

/* サブメニューを持つ項目に「＋」を表示 */
#yoko-Gnv .menu-item.menu-item-has-children > a::after {
    content: "+"; /* プラスアイコン */
    font-size: 16px;
    margin-left: 10px;
    transition: transform 0.3s ease-in-out;
}

/* ホバー時に「＋」アイコンが回転 */
#yoko-Gnv .menu-item.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

/* サブメニューの初期状態（ふわっと表示用） */
#yoko-Gnv .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fafafa; /* 背景色を #fafafa に変更 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 0;  /* 透明にする */
    visibility: hidden; /* 非表示 */
    transform: translateY(-10px); /* 少し上にずらす */
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
}

/* メニューをホバーするとサブメニューがふわっと表示 */
#yoko-Gnv .menu-item.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* 元の位置に戻す */
}

/* サブメニューのデザイン */
#yoko-Gnv .sub-menu .menu-item {
    padding: 8px 15px;
}

/* サブメニューのリンク */
#yoko-Gnv .sub-menu .menu-item > a {
    display: block;
    padding: 8px 15px;
    font-size: 14px;
    color: #555;
    text-align: left; /* 縦並びを維持 */
    transition: all 0.5s ease-in-out;
}

/* サブメニューのホバー時 */
#yoko-Gnv .sub-menu .menu-item > a:hover {
    color: #007BFF;
    background: #f8f9fa;
}
/* サブメニューのリンク */
#yoko-Gnv .sub-menu .menu-item > a {
    display: block;
    padding: 8px 15px;
    font-size: 14px;
    color: #555;
    text-align: left;
    transition: all 0.5s ease-in-out;
    white-space: nowrap; /* 改行を防ぐ */
}/* End custom CSS */
/* Start custom CSS for wp-widget-nav_menu, class: .elementor-element-71b73b2e */#tate-nv .menu { 
    list-style: none;
    padding: 0;
    margin: 0;
}

#tate-nv .menu-item {
    position: relative;
    margin-bottom: 5px;
}

/* メニュー名とアイコンを右寄せ */
#tate-nv .menu-item > a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    color: #333;
    background: none;
    font-size: 18px;
    transition: all 0.5s ease-in-out;
    position: relative;
}

/* サブメニューを持つ項目にのみ「＋」アイコンを表示 */
#tate-nv .menu-item > a::after {
    content: "+";
    font-size: 16px;
    margin-left: 10px;
    transition: transform 0.3s ease-in-out;
    visibility: hidden;
}

/* サブメニューがある場合にのみ表示 */
#tate-nv .menu-item.menu-item-has-children > a::after {
    visibility: visible;
}

/* ホバー時に「＋」アイコンが回転する */
#tate-nv .menu-item.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

/* サブメニューの初期状態 */
#tate-nv .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: height 1.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* メニューアイテムホバー時にサブメニューが下から現れる */
#tate-nv .menu-item.menu-item-has-children:hover .sub-menu {
    height: auto;
    opacity: 1;
    transform: translateY(0);
    overflow: visible;
}

/* サブメニューのデザイン */
#tate-nv .sub-menu .menu-item {
    background: none;
    padding: 8px 0;
}

/* サブメニュー名も右寄せ */
#tate-nv .sub-menu .menu-item > a {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    color: #555;
    transition: all 0.5s ease-in-out;
    text-align: right;
}

#tate-nv .sub-menu .menu-item > a:hover {
    color: #007BFF;
    transform: translateX(5px);
}/* End custom CSS */
/* Start custom CSS */#header-box {
    border-bottom: 0.5px solid transparent; /* 最初は見えない状態 */
    transition: border-color 0.5s ease-in-out;
}

#header-box.with-border {
    border-color: #000; /* ここでボーダーを表示 */
}

#yoko-Gnv {
    opacity: 0;
    transform: translateY(-20px); /* 最初は少し上にずらす */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

#yoko-Gnv.visible {
    opacity: 1;
    transform: translateY(0);
}
#tate-nv {
    display: block; /* 最初から表示 */
    opacity: 1;  /* 初期状態では表示 */
    transition: opacity 0.5s ease-in-out;
}

#tate-nv.hidden {
    opacity: 0; /* フェードアウト */
}/* End custom CSS */