body { margin: 0; font-family: "Helvetica Neue", Arial, sans-serif; color: #111; }
    ul { margin: 0; padding: 0; list-style: none; }
    a { color: #111; text-decoration: none; }

    /* common header */
    .site-header { width: 100%; background: #fff; border-bottom: 1px solid #e6e6e6;background: #fff }
    .header-inner {
      max-width: 1280px;
      margin: 0 auto;
      padding: 2px 20px 2px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      position: relative;
    }

    .header-logo-sp{
      display: none;
    }
    .header-logo-pc img { display: block; height: 22px; }



    /* hide native checkboxes */
    #menu-toggle, #product-toggle {
      position: absolute;
      left: -9999px;
      width: 1px;
      height: 1px;
      overflow: hidden;
    }

    .arrow {
      margin-left: 5px;
      display:inline-block;
      transition: transform 180ms ease;
    }

    /* ---------- PC (>=1024px) ---------- */


      .global-nav { display: block; margin-left: 0px; flex: 1; }
      .nav-list { display: flex; gap: 20px; align-items:center; }
.nav-list li{position: relative;}
.nav-list li img{position: absolute;top: 8px}
      .nav-item > a { font-size: 11px; padding: 2px 0 1px; display:block; }

      .dropdown { position: relative; }

      /* hover 判定だけ下に拡張（ズレ防止） */
      .dropdown::after {
        content: "";
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 14px;
      }

.dropdown-menu {
    padding: 15px 15px 0;
    position: absolute;
    left: 0;
    min-width: 370px;
    background: #fff;
    border: 1px solid #e0e0e0;
    display: none;
    z-index: 999999;
    pointer-events: auto;
    margin-top: 3.5px;
    border-radius: 8px;
}

      .dropdown:hover .dropdown-menu {
        display: block;
      }

.dropdown-menu a {
    display: block;
    padding: 0px 0 9px 10px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    margin-bottom: 9px;
}

.dropdown-menu li:last-child a{
  border: unset;
}

.dropdown-menu a small{
  font-size: 14px;
color: #aaa;
margin-left: 5px;
font-weight: 500
}

      /* ✅ TELアイコンと文字の縦位置補正 */
      .header-tel {
        display:flex;
        align-items:center;
        gap:6px;
        white-space:nowrap;
        min-width:250px;
      }

      .header-tel img {
        display:block;
      }

      .tel-number { font-size:11px; color:#111;display: block;padding-top: 4px }
      .tel-time { font-size:11px; color:#111; margin-left:2px;padding-top: 4px }

      .sp-menu { display:none; }


    /* ---------- SP (<=864px) ---------- */
    @media screen and (max-width: 835px)  {

.site-header{
  display: none;
}
.header-logo-pc{
  display: none;
}

.header-logo-sp{
  display: inline-block;
}
      .header-inner {
        flex-direction:column;
        align-items:stretch;
        padding:4px 30px;
        gap:12px;
      }

      .global-nav, .header-tel { display:none; }

      .header-logo label {
        display:inline-flex;
        align-items:center;
        cursor:pointer;
      }

      .sp-menu {
        display:none;
        width:100%;
/*        border-top:1px solid #eee;*/
/*        margin-top:12px;
        padding-top:12px;*/
      }

      #menu-toggle:checked ~ .sp-menu {
        display:block;
      }

      .sp-menu a, .sp-menu label {
        display:block;
        padding: 0 0 15px 0;
        font-size:1rem;
        cursor:pointer;
        text-align: center;
      }

      .sp-products {
        display:none;
        padding:7px 12px;

        background:#fafafa;
      }

      .sp-menu #product-toggle:checked ~ .sp-products {
        display:block;
      }

      .sp-menu #product-toggle:checked + label .arrow {
        transform: rotate(180deg);
      }

      .sp-products a {
        display:block;
        padding:8px 15px;
        font-size:1rem;
        border-bottom:1px solid #fff;
                text-align: left;

      }




      .sp-menu .tel-number {
        font-weight:700;
        color:#111;
        display:block;
        margin-bottom:4px;
        font-size: 1rem;
      }

      .sp-menu .tel-time {
        font-size:13px;
        color:#111;
        display:block;
      }

      .header-logo img { height:44px; }

      .header-logo-sp img{
        margin: 0 auto;
        display: block;
      }
    }