@charset "UTF-8";

/* [redmine-53890] 簡易ログインボタン（クエリパラメーター簡易ログイン）
   QAシート No.4 / No.7「簡易ログインボタンだけ他より間隔が広い」への対応。

   ボタン本体は基本設計 §2.4.1 のとおり汎用クラス .m-link__btn を流用している
   （モック準拠。Q-FR2 で専用スタイルの新設を見送った）。しかし .m-link__btn は
   ログイン画面専用ではないため、LINE・X ボタンに施されているログイン画面固有の
   レイアウト調整が当たらず、簡易ログインの上だけ余白が広くなっていた。

   ここでは基本設計 §2.7 の「ボタン幅・高さ・角丸・フォントサイズは既存 LINE・X
   ボタンと同一」に合わせるための差分だけを書く。
   重要: .m-link__btn 自体には一切手を入れない。front 全体で 100 箇所以上に
      使われている共通クラスであり、変更すると特典・プロフィール・404 等へ波及する。

   本ファイルは mb.login-x.css と同じく SCSS ソースを持たず CSS が正本である
   （54108 の基本設計 2.11 が置いた明示の例外。mb.login-x.css 冒頭の注記も参照）。 */

/* LINE・X・メールの各ボタンは上の余白が 1rem に揃えられている
   （.section:has(.l-login-x__btn) と .l-login__container が margin-top:1rem を持つ）。
   簡易ログインだけ調整が無く .section の既定値 2.5rem が出ていた。 */
.section:has(.l-login-simple__btn) {
  margin-top: 1rem;
}

.l-login-simple__btn {
  /* LINE(.l-login-line__btn)・X(.l-login-x__btn) と同じ内側余白にする。
     .m-link__btn の既定は .5rem 1.75rem で左右が広く、長いボタン表示名
     （最大30文字・基本設計 §2.3.1 項目5）の折り返し位置が他ボタンとずれる。 */
  padding: .5rem .625rem;
}