@charset "UTF-8";

/* ==========================================================================
   kyouai-narrow.css ／ 別デザイン案・スマホ版（ウインドウ幅 480px 以下）
   固定幅を解除して画面いっぱいに。色と字組みの方針はそのままです。
   ========================================================================== */

body{
  font-size: 16px;   /* 16px未満にしないこと */
  line-height: 1.9;
  min-width: 0;      /* PC版の min-width を打ち消す */
  padding: 0;
}

.page{
  width: auto;
  max-width: 100%;
  padding: 28px 18px 44px;
  box-sizing: border-box;
}


/* --- 見出し ------------------------------------------------------------- */
.head{
  max-width: none;
  padding-left: 14px;
  margin-bottom: 28px;
}
.operator{
  padding: 3px 11px;
  font-size: 12px;
  letter-spacing: .1em;
}
.route{
  margin-top: 9px;
  font-size: 26px;    /* PC版の38pxのままでは幅360pxの機種ではみ出します */
  line-height: 1.25;
}
/* 廃止表示。狭い画面では路線名と同じ行に収まらないので、
   独立した行として路線名の下に置きます。
   ・display: block …… 行を分ける（inline-block のままだと路線名の
                        直後に回り込み、下に少しずれた位置で詰まって見える）
   ・width: fit-content … 枠が画面幅いっぱいに伸びるのを防ぐ
   ・vertical-align 解除 … 行内の位置合わせが不要になるため */
.status{
  display: block;
  width: fit-content;
  margin-top: 12px;        /* 路線名との間隔 */
  margin-left: 0;
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1.5;
  vertical-align: baseline;
}
.via{
  margin-top: 10px;        /* 廃止表示との間隔。無い場合は路線名との間隔 */
  font-size: 12.5px;
  line-height: 1.7;
}


/* --- 写真 --------------------------------------------------------------- */
.figure{
  max-width: none;
  margin-bottom: 28px;
}
.caption{
  margin-top: 8px;
  padding-top: 7px;
  font-size: 12px;
}


/* --- 紹介文 ------------------------------------------------------------- */
.lead{
  max-width: none;
  margin-bottom: 36px;
  font-size: 15.5px;
}


/* --- 注記 --------------------------------------------------------------- */
.notice{
  max-width: none;
  padding: 4px 0 4px 13px;
  margin-bottom: 28px;
  font-size: 14px;
}


/* --- ページ下部 --------------------------------------------------------- */
.foot{
  max-width: none;
  padding-top: 22px;
}
.meta{
  font-size: 13.5px;
}
.links{
  margin-top: 16px;
}
.links a{
  margin: 5px 0;
  padding: .6em 1.4em;   /* 指で押しやすい大きさを確保 */
  font-size: 14.5px;
}