@charset "Shift_JIS";

/* ==========================================================
   report.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;
}

/* --- 見出し --- */
.midasi {
text-align: center;
font-size: 1.5em;
font-weight: bold;
margin-top: 5px;
margin-bottom: 10px;
}

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

/* --- 一覧リンク --- */
.list-box {
width: 100%;
margin: 5px 0px 20px;
text-align: left;
}

.list-box a {
display: block;
width: 100%;
margin-bottom: 5px;
padding: 12px 10px;
color: #000000;
text-decoration: none;
font-weight: bold;
line-height: 1.4;
background: linear-gradient(#ffffff,#ffffff,#E0F8E0);
border: 1px solid #089E00;
border-left: 6px solid #089E00;
box-sizing: border-box;
font-family: 'メイリオ',Meiryo;
}

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

.list-no {
display: block;
color: #0099CC;
font-size: small;
}

/* --- 最下部の戻り導線（スマホでは主要なナビになる） --- */
.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;
}