@charset "UTF-8";

.l-header-snavi-inner {
    position:relative;
    z-index:999;
}

.l-header-logo {
    position:relative;
    z-index:9999;
}

.l-header-snavi__item {
    display: flex;
}

.l-header-snavi__item a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.l-header-snavi__list > li:first-child > .l-header-snavi__link {
  color:#006a2e;
}

.home .l-header-snavi__list > li:first-child > .l-header-snavi__link {
  color: #000;
}

/* メニューhover設定*/
.l-header-snavi__link {
  position: relative;
}

.l-header-snavi__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background-color: #006a2e;
  opacity: 0;
  transform: scaleX(0);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.l-header-snavi__link:hover {
  color: #006a2e;
}

.home .l-header-snavi__link:hover {
  color: #006a2e;
}

.home .l-header-snavi__list > li:first-child > .l-header-snavi__link:hover {
  color: #006a2e;
}

.l-header-snavi__link:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

/* メニューhover設定2*/
.l-header-logo__menu-list {
  position: relative;
}

.l-header-logo__menu-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #006a2e;
  opacity: 0;
  transform: scaleX(0);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.l-header-logo__menu-item:hover {
  color: #006a2e;
}

.l-header-logo__menu-item:hover::after {
  opacity: 1;
  transform: scaleX(1);
}


.l-header-snavi__link.gold {
    position: relative; 
    padding-left: 34px; 
}

.l-header-snavi__link.gold::before {
    content: "";background-image: url('/wprenew01/wp-content/uploads/2025/12/2d35b964ed1580f7a3af5b217dd0a312.png');
    aspect-ratio: 241/203;
    background-size: contain;
    width: 24px;
    height: auto;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); 
}

/* サブメニュー1 */
.l-header-logo__menu-item {
 position: relative;
 z-index: 99999 !important;
 }

 .l-header-logo__submenu {
 position: fixed;
 top: 100px;
 left: 0;
 width: 100vw;
 display: none;
 background: #fff;
 z-index: 999999;
 opacity: 1 !important; 
}

 .l-header-logo__submenu-inner {
 max-width: 960px;
 padding:24px 20px;
 padding-top:0;
 margin: 0 auto;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 column-gap: 36px;
 row-gap: 8px;
 } 

.l-header-logo__menu-item:hover > .l-header-logo__submenu {
 display: grid;
 } 

.l-header-logo__submenu li {
 width: 100%;
 }

 .l-header-logo__submenu li a {
 display: block;
 padding: 5px 0;
 color: #333;
 text-decoration: none;
 white-space: nowrap;
 overflow: hidden;
 }

.l-header-logo__submenu::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 0;
    width: 100%;
    height: 24px;
    background: #fff;
}

/*サブメニュー1デザイン*/
.l-header-logo__submenu li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 0 16px;
  color: #006a2e;
  text-decoration: none;
  position: relative;
}

.l-header-logo__submenu li a:hover {
  opacity:0.8;
}

.l-header-logo__submenu li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #006a2e;
}

.l-header-logo__submenu li a span {
  display: block;
}

.l-header-logo__submenu .submenu-arrow {
  width: 7px;
  height: auto;
  flex-shrink: 0;
}

/* サブメニュー2 */
.l-header-snavi__item {
    z-index: 1000;
}

.l-header-snavi__submenu {
    position: fixed;
    top: 150px;
    left: 0;
    width: 100vw;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    overflow: visible;
    z-index: 1100;
}

.l-header-snavi__submenu::before {
    content: "";
    position: absolute;
    top: -56px;
    left: 0;
    width: 100%;
    height: 56px;
    background: transparent;
    pointer-events: none;
}

.l-header-snavi__item:hover > .l-header-snavi__submenu {
    display: flex;
}

.l-header-snavi__submenu li a {
    display: block;
    width: 100%;
    padding: 3px 0;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.l-header-snavi__submenu-inner {
    max-width: 960px;
    margin: 0 auto;
}

.l-header-snavi__submenu-grid {
    padding: 24px 20px 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 26px;
    row-gap: 8px;
    list-style: none;
}

/*サブメニュー2デザイン*/
.l-header-snavi__item {
    padding-bottom: 17px;
}

.l-header-snavi__submenu-grid li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  color: #006a2e;
  text-decoration: none;
  position: relative;
}

.l-header-snavi__submenu-grid li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #006a2e;
}

.l-header-snavi__submenu-grid li a span {
  display: block;
  min-width: 0;
}

.l-header-snavi__submenu-grid .submenu-arrow {
  width: 7px;
  height: auto;
  flex-shrink: 0;
}

.l-header-snavi__submenu-grid li a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1300px) {
.l-header-snavi__submenu {
     top: 170px; 
}

.l-header-snavi__item {
    padding-bottom: 15px;
}
}

@media screen and (max-width: 750px) {
    .l-header-snavi__list {
        display: none !important;
    }
/*
.splide__slide picture {
    height:40vh !important;
    width: auto;
    max-width: 100% !important;
    height: auto;
    display: block;
    margin: 0 auto;
}*/
}