/* =========================
   Header CSS（完成版・必要最低限）
   ========================= */
.marugoto-header {
  background: #fff;
  padding: 16px 24px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 10;
}

.marugoto-header-inner {
  display: flex;
  align-items: center;
  width: 100%;
}

/* ロゴ */
.marugoto-header__logo img {
  height: 50px;
}

/* 右側ボタン */
.marugoto-header__buttons {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

/* ボタン共通 */
.btn-dark,
.btn-yellow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
}

/* アイコン画像 */
.btn-icon {
  width: 18px;
  height: auto;
  display: block;
}

/* ボタン個別 */
.btn-dark {
  background: #3b3734;
  color: #fff;
}

.btn-yellow {
  background: #f2b800;
  color: #2b2b2b;
}

@media (max-width: 768px) {
  .marugoto-header__buttons span {
    display: none;
  }

  .btn-dark,
  .btn-yellow {
    padding: 10px;
    border-radius: 50%;
  }

  .btn-icon {
    width: 20px;
  }

  .marugoto-header__logo img {
    height: 40px;
  }
}