/*20260914*/

/* ロゴがあるヘッダー枠を基準にする */
.inner.flexb {
  position: relative;
}

/* ロゴと同じ列の一番右端に固定 */
.header-sns-box {
  position: absolute;
  top: 25%;
  transform: translateY(-50%); /* 上下中央揃え */
  right: -2px;                 /* 右端からの距離 */
  display: flex;
  gap: 5px;                   /* アイコン同士の間隔 */
  z-index: 100;
}

img.header-icon-img {
  width: auto;
  height: 30px;
  max-height: 30px;
  display: block;
}

/* スマホ表示時のサイズ */
@media (max-width: 768px) {
  .header-sns-box {
    right: 50px;
  }
  img.header-icon-img {
    height: 22px;
    max-height: 22px;
  }
}

@media (max-width: 1024px) {
  .header-sns-box {
    top: 50%;                     /* 上下中央揃えに切り替え */
    right: 60px;                  /* ハンバーガーボタンの左側に配置 */
  }
}

@media (max-width: 599px) {
  .header-sns-box {
    top: 50%;
    right: 40px;                  /* スマホのハンバーガー幅に合わせた位置 */
    gap: 2px;
  }
  
  /* アイコンサイズをスマホ用に少し小さく調整 */
  img.header-icon-img {
    height: 22px;
    max-height: 22px;
  }
}