/* ===== Dawn: ドロワー/インラインメニューの切替を 765px で制御 ===== */

/* 765px 未満：ドロワー表示、インラインメニュー非表示 */
@media screen and (max-width: 767px) {
  /* ハンバーガー（メニューアイコン）とドロワーを出す */
  .menu-drawer-container,
  .header__icon--menu {
    display: block !important;
  }

  /* デスクトップ向けの横並びメニューは隠す */
  .header__inline-menu {
    display: none !important;
  }
}

/* 765px 以上：インラインメニュー表示、ドロワー非表示 */
@media screen and (min-width: 768px) {
  .menu-drawer-container,
  .header__icon--menu {
    display: none !important;
  }

  .header__inline-menu {
    display: block !important; /* Dawnではflexがデフォルト */
  }
}

.header__inline-menu {
  margin-left: -1.2rem;
  grid-area: navigation;
  display: none;
}
.header__inline-menu {
    text-align: right;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
  }

  .header--top-center .header__inline-menu {
    justify-self: center;
  }

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
}


.list-menu--inline {
    display: inline-flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5vw;
}
@media screen and (max-width: 989px) {
.list-menu--inline {
    gap: 1vw;
}
}

  .menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }



  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }

.header__heading-logo {
  height: auto;
  width: clamp(1rem, 25vw, 34rem);
}
@media screen and (max-width: 767px) {
.header__heading-logo {
    width: auto;
    max-width: 85%;
    height: auto;
}
}
/* Header menuここまで */


.l-gNav__line a{
    background: #59aa59;
    border-radius: 10rem;
    padding: 1rem 2rem 1rem 1rem;;
    font-weight: 600;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    letter-spacing: 0.1em;
    font-size: clamp(1rem, 1vw, 1.2rem);
}
.l-dNav__line a{
background: #59aa59;
    border-radius: 10rem;
    padding: 1rem 2rem 1rem 1rem;
    font-weight: 600;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    letter-spacing: 0.1em;
    font-size: 1.2rem;
    height: 5rem;
}
.l-gNav__line a span {
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5vw;
    height: 2.5vw;
    background: #fff;
    border-radius: 100%;
}
.l-dNav__line a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    background: #fff;
    border-radius: 100%;
}

.l-gNav__line a span img {
    width: 0.6vw;
 }
 .l-dNav__line a span img {
    width: 2vw;
 } 
 .l-dNav__line {
    margin: 0 auto;
    padding-bottom: 30px;
} 
.header__icons {
    align-items: center;
}

@media screen and (max-width: 989px) {
.l-gNav__line{display: none;
    }
}

@media screen and (min-width: 990px) {
    .header--middle-left {
        grid-template-columns: 1fr 1fr auto!important;
    }
}
@media screen and (min-width: 990px) {
    .header {
        grid-template-columns: 1fr 1fr auto!important;
        padding: 20px 3rem 20px 3rem!important;
    }
}

.header__menu-item span {
    font-family: "Lora", serif;
    font-size: clamp(1.1rem, 1vw, 1.5rem);;
    font-weight: bold;
}
.header-wrapper {
    background: transparent !important;
}
/*@media screen and (max-width: 989px) {
    .header {
        padding: 0px 3rem 20px 3rem!important;
}
}*/

.header__menu-item {
    padding: 0rem!important;
}

.menu-drawer__inner-container {
    position: relative;
    height: 100%;
    background: #ffffff;
}