/* sp-app-fix — app.html（資料請求CD）調整 v6 */

/* 公式LINEバナー（CD申込・ダウンロードの2ボタンから差し替え・2026-08-07） */
.app-line{max-width:600px;margin:14px auto 22px;text-align:center}
.app-line img,
.app-line a{display:block;width:100%;height:auto;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.10);transition:.2s}
.app-line a:hover{box-shadow:0 6px 18px rgba(0,0,0,.16)}
.app-note{margin:10px 0 18px;font-size:13px;line-height:1.8;color:#555}
.app-line .sub{margin:12px 0 0;font-size:13px;line-height:1.8;color:#555;text-align:center}
@media(max-width:920px){.app-line{margin:10px auto 16px;padding:0 8px}}

@media (max-width:920px){
  /* 親ボックスの左寄り余白を解除（ボタン中央ずれの根本原因） */
  #S_main .S_text-box{padding-left:0 !important;padding-right:0 !important}
  /* CDお申込み／ダウンロードの2ボタン：縦積み中央寄せ（重なり解消） */
  #app_app{width:auto !important;height:auto !important;position:static !important;margin:10px 0 16px !important}
  #app_app ul{float:none !important;display:block !important;width:auto !important;margin:0 !important;padding:0 !important;list-style:none;text-align:center}
  /* 画像内の絵柄(240px)だけを切り出して表示（緑=右寄り/橙=左寄りの作りを吸収して整列） */
  #app_app li{float:none !important;width:240px !important;height:60px !important;margin:0 auto 10px !important}
  #app_app li a{width:240px !important;height:60px !important}
  li#app_app01 a{background-position:-50px 0 !important}
  li#app_app01 a:hover{background-position:-50px -60px !important}
  li#app_app02 a{background-position:-10px 0 !important}
  li#app_app02 a:hover{background-position:-10px -60px !important}
}

/* ------------------------------------------------------------
   2026-10-15 LINE登録バナー
   パソコン＝QRコードをスマホで読み取ってもらう（リンクにしない）
   スマホ・タブレット＝これまで通りタップでLINEへ
------------------------------------------------------------ */
.app-line .line-still{display:none}
.app-line .line-qr{display:none}

@media(min-width:921px){
  .app-line .line-tap{display:none}
  .app-line .line-still{display:block}
  .app-line .line-still img{display:block;width:100%;height:auto;border-radius:10px;
    box-shadow:0 2px 10px rgba(0,0,0,.10)}
  .app-line .line-qr{display:block;margin:18px auto 0;padding:18px 20px 16px;
    background:#fff;border:1px solid #dde5f0;border-radius:10px;max-width:420px}
  .app-line .line-qr img{display:block;width:180px;height:180px;margin:0 auto;
    border-radius:0;box-shadow:none}
  .app-line .line-qr p{margin:12px 0 0;font-size:14px;line-height:1.9;color:#1f2f5e;
    text-align:center;font-weight:700}
}