.elementor-260 .elementor-element.elementor-element-4e2d449{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-260 .elementor-element.elementor-element-f11f8a5{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-f11f8a5 *//* ヘッダースタイル */
.header {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  padding: 6px 20px;
  background: transparent;
  display: flex;
  justify-content: center;
  transition: background 0.4s ease, padding 0.4s ease;
   z-index: 1001; /* .overlay より上にする */
}

.header-inner {
  width: 100%;
  /*max-width: 1200px;*/
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.header-logo {
  display: flex;
  align-items: center;
  padding-top: 20px;
}

.header-logo-img {
  height: 40px !important;   /* 高さを明示 */
  width: auto !important;     /* 幅は自動計算で保持 */
  opacity: 1 !important;
  display: block !important;
  animation: none !important; /* アニメーション解除 */
  margin-top: -18px !important;  /* ← ロゴを上にずらす */
}

.nav {
  display: flex;
  margin-left: auto;
  align-items: center;
}

.menu {
  display: flex;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s;
}

.burger {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-left: 30px;
  cursor: pointer;
}

.burger span {
  width: 26px;
  height: 1px;
  background: #fff;
  transition: background 0.3s ease;
}

/* スクロール後のスタイル */
.header.scrolled {
  background: #fff;
  padding: 8px 20px;
}

.header.scrolled .menu a {
  color: #333;
}

.header.scrolled .burger span {
  background: #333;
}

.header.scrolled .header-logo-img {
  content: url('/wp-content/uploads/2025/08/logo3svg-1.svg');
}/* End custom CSS */