@charset "Shift_JIS";

/* ==========================================================
   kyouai.html 専用スタイル（スマートフォン時のみ）
   index_sumaho.css の後に読み込むこと
   ========================================================== */

/* --- 左カラム（コンテンツ欄）はスマホでは表示しない --- */
#menu {
display: none;
}

#contents {
width: 100%;
}

/* --- パンくず --- */
.st-index-wid {
margin: 10px 0px 0px;
}

.top-iti {
text-align: left;
font-size: small;
margin-bottom: 10px;
}

/* --- タイトル画像 --- */
.ky-title {
width: 100%;
margin: 5px 0px 10px;
text-align: center;
}

.ky-title img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}

/* --- リード文 --- */
.ky-lead {
width: 100%;
margin: 10px 0px 5px;
text-align: left;
font-weight: bold;
line-height: 1.5;
}

/* --- 説明文 --- */
.annnai {
margin: 5px 0px 15px;
text-align: left;
font-size: small;
line-height: 160%;
}

/* ==========================================================
   事業者ごとの枠
   ========================================================== */

.kaisya-box {
width: 100%;
margin: 5px 0px 15px;
padding: 0px;
background-color: #FFFFFF;
border: 2px solid #808080;
box-sizing: border-box;
}

/* 事業者名（色帯・白抜き文字）
   ※帯の色と枠の色は kyouai.html の style 属性で会社ごとに指定しています。
     下の色は style 属性が無い場合の予備です。 */
.jigyousya {
padding: 8px 10px;
text-align: left;
font-weight: bold;
color: #FFFFFF;
background-color: #808080;
font-family: 'メイリオ',Meiryo;
}

/* ==========================================================
   路線一覧
   ========================================================== */

.list-box {
width: 100%;
margin: 0px;
padding: 8px;
text-align: left;
box-sizing: border-box;
}

.list-box a {
display: block;
width: 100%;
margin-bottom: 5px;
padding: 10px;
color: #000000;
text-decoration: none;
line-height: 1.4;
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
box-sizing: border-box;
font-family: 'メイリオ',Meiryo;
}

.list-box a:last-child {
margin-bottom: 0px;
}

.list-box a:active {
position: relative;
top: 1px;
}

/* 路線名と区間を上下に分けて読みやすくする */
.rosen {
display: block;
font-weight: bold;
margin-bottom: 3px;
}

.kukan {
display: block;
font-size: small;
color: #333333;
}

.haisi {
color: #CC0000;
font-weight: bold;
font-size: small;
margin-left: 5px;
}

/* --- 最下部の戻り導線 --- */
.modoru-cen {
margin: 20px 0px 20px;
text-align: center;
}

.modoru-cen a {
display: block;
width: 100%;
height: 45px;
line-height: 45px;
color: #000000;
text-decoration: none;
font-weight: bold;
background: linear-gradient(#ffffff,#ffffff,#01A9DB);
border: 1px solid #01A9DB;
box-sizing: border-box;
font-family: 'メイリオ',Meiryo;
}

.modoru-cen a:active {
position: relative;
top: 1px;
}