/* ------------------------------------------------------------------
   ERANT Light — スマートフォン表示の補正
   ビルド済みCSS（/assets/index-*.css）より後に読み込まれ、
   該当箇所だけを上書きします。ビルド本体は変更しません。
   ------------------------------------------------------------------ */

/* 1) ハンバーガーボタンが楕円になる
      元CSS: @media (width<=900px) .menu-button{width:20px;height:14px;padding:12px}
      box-sizing:content-box のため 44×38px になり border-radius:50% で楕円化する。
      内側の線は top/left:50% で中央寄せされているため、高さだけ揃えれば真円になる。 */
@media (max-width: 900px) {
	.menu-button.menu-button {
		height: 20px;          /* 20 + padding 12×2 = 44px → 44×44 の正円 */
		flex-shrink: 0;
	}
}

/* 2) トップページ NEWS の行で、右端の矢印がカードからはみ出して切れる
      元CSS: @media (width<=680px) grid-template-columns:92px minmax(0,1fr) 18px
      .link-arrow の実寸は36pxのため、18pxの列から18pxはみ出していた。 */
@media (max-width: 680px) {
	.framework-home .front-news__feed > a {
		grid-template-columns: 92px minmax(0, 1fr) 36px;
	}
}

/* 3) ABOUTページ「02 / 買取事業」下の 買取本舗 金シャチ が表示されない
      ≤760px で .ab-field が flex-direction:column になる一方、
      後段のルールで align-items:center が効くため、
      子要素がすべて position:absolute の .ab-brand は
      コンテンツ幅0 → 横幅0 に潰れて見えなくなっていた。 */
@media (max-width: 760px) {
	.ab-field .ab-brand,
	.ab-field.is-reverse .ab-brand {
		align-self: stretch;
		width: 100%;
	}
}