.elementor-2688 .elementor-element.elementor-element-16b3f54{--display:flex;--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;}.elementor-2688 .elementor-element.elementor-element-d151d7d{width:100%;max-width:100%;z-index:9999;text-align:start;}.elementor-2688 .elementor-element.elementor-element-d151d7d img{width:8%;}.elementor-2688 .elementor-element.elementor-element-e6ff01e{width:100%;max-width:100%;z-index:9999;--nav-menu-icon-size:31px;}.elementor-2688 .elementor-element.elementor-element-e6ff01e .elementor-menu-toggle{margin-left:auto;background-color:#02010100;border-width:0px;border-radius:0px;}.elementor-2688 .elementor-element.elementor-element-e6ff01e div.elementor-menu-toggle{color:#000000;}.elementor-2688 .elementor-element.elementor-element-e6ff01e div.elementor-menu-toggle svg{fill:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-e6ff01e *//* 1) 既存のアイコン（i / svg / img）を消す */
.elementor-2688 .elementor-element.elementor-element-e6ff01e .elementor-menu-toggle i,
.elementor-2688 .elementor-element.elementor-element-e6ff01e .elementor-menu-toggle svg,
.elementor-2688 .elementor-element.elementor-element-e6ff01e .elementor-menu-toggle img {
  display: none !important;
}

/* 2) トグルボタンの見た目（クリック領域） */
.elementor-2688 .elementor-element.elementor-element-e6ff01e .elementor-menu-toggle {
  position: relative !important;
  width: 60px;
  height: 60px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  transform: translateY(-4px); /* ← ここ追加 */
}

/* 3) 細い三本線をCSSで描く */
.elementor-2688 .elementor-element.elementor-element-e6ff01e .elementor-menu-toggle::before {
  content: "" !important;
  position: absolute !important;
  width: 34px;
  height: 1.2px;                 /* ←線の細さ（0.8px〜1.2pxで調整） */
  background: currentColor;
  box-shadow: 0 -9px 0 currentColor, 0 9px 0 currentColor; /* 上下の線 */
  border-radius: 1px;
}

/* 4) hoverを上品に */
.elementor-2688 .elementor-element.elementor-element-e6ff01e .elementor-menu-toggle:hover {
  opacity: 0.7;
  transition: 0.25s ease;
}
/* ドロップダウンを三本線の真下に */
.elementor-2688 .elementor-element.elementor-element-e6ff01e .elementor-nav-menu--dropdown {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: 100% !important;
  margin-top: 10px; /* 三本線との間隔調整 */
  text-align: right;
  transform: translateX(-25px);
}/* End custom CSS */