/* ----- 初期設定 -------------------------------------------- */
@charset "UTF-8";
/* ---------------------------------------------------------- */

/* ----- Homeのメインコンテンツ表示の設定内容 ---------------- */
main {
    padding: 70px 0 0;      /* 要素内側の上部と下部の余白 */
    margin-bottom: 30px;
    min-width: 980px;          /* 横幅の最小値を指定 */
}
/* ---------------------------------------------------------- */

/* ----- 道の駅情報のメインコンテンツ設定内容 --------------------- */

/* ----- 道の駅情報のタイトル表示設定 ----- */
.road-st-title {
    display: flex;
}

.road-st-title h1 {
    margin: 0 20px 0 0;
    padding-top: 5px;
}

.road-st-title P {
    font-size: 18px;
    padding-top: 17px;
}

.road-st-icon {
    height: 35px;       /* イメージの高さ */
    margin-right: 10px;
    margin-bottom: 5px;
}
/* ----------------------------------- */

.road-st-hr {
    margin-bottom: 20px;
}

.road-st-main {
    width: 738px;
    float: left;
}

/* ----- 車泊マナー看板表示設定 ---------- */
.road-st-manner {
    /* height: 410px; */
    width: 408px;
    margin-bottom: 30px;
    padding: 80px 25px 10px;
    /* border: 1px solid #a9a9a9; */
    border-bottom: 1px solid #a9a9a9;
    background-image: url(../images/keiziban02.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.road-st-manner h2 {
    text-align: center;
    margin-bottom: 5px;
}

.road-st-manner p {
    line-height: 140%;
    margin-bottom: 10px;
}

.road-st-manner dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
}

.road-st-manner dd {
    margin-left: 1em;
    margin-bottom: 1em;
}

.road-st-manner dl {
    margin-bottom: 30px;
}
/* ----------------------------------- */

/* ----- 都道府県リスト表示設定 ---------- */
.road-st-map {
    width: 260px;
    margin-bottom: 30px;
    padding-top: 20px;
    border: 1px solid #a9a9a9;
    background-color: white;
    float: left;
}

.road-st-map ul {
    padding-bottom: 20px;
}

.road-st-map h2 {
    /* margin-bottom: 5px; */
}

.road-st-map li {
    margin-left: 2em;
    line-height: 150%;
    list-style-type: none;
}

.road-st-map li:hover {
    list-style-image: url(../images/yajirusi103.gif);
}

.road-st-map a {
    text-decoration: none;
}

.road-st-map a:hover {
    text-decoration: underline;
    color: red;
}

.road-st-map p {
    width: 245px;
    margin-left: 0.5em;
    padding-left: 5px;
    line-height: 150%;
    background-color: #fce4d6;
    border-radius: 10px;
}

.road-st-map p::before {
    content: url(../images/yajirusi133.gif);
}

/* ----------------------------------- */

/* ----- 更新履歴リスト表示設定 ---------- */
.update-road-st {
    width: 455px;
    margin-bottom: 30px;
    /* border: 1px solid #a9a9a9; */
    float: right;
}

.update-road-st h3 {
    height: 24px;
    width: 200px;
    margin-bottom: 10px;
	padding: 5px 0px 0px 25px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	background-image: url(../images/head010_03.gif);
}

.update-st-list {
    padding: 3px 0;
    font-size: 16px;
    border: 1px solid #808080;
    background-color: white;
    border-collapse: collapse;
}

.update-st-list td {
    padding: 3px 7px;
    border-bottom: 1px dotted #808080;
    vertical-align: top;
    line-height: 140%;
}

.up-st-contents {
    width: 100%;
}

.up-st-contents a {
    text-decoration: none;
}

.up-st-contents a:hover {
    text-decoration: underline;
}
/* ----------------------------------- */

.road-st-card {
    float: right;
}

.road-st-info-card {
    width: 440px;
    margin-bottom: 10px;
    padding: 0px 10px 5px;
    border: 1px solid #a9a9a9;
    background-color: white;
}

.st-inner-title {
    display: flex;
}

.st-inner-title p {
    font-size: 14px;
}

.st-inner-title a {
    font-size: 16px;
    text-decoration: none;
}

.st-inner-title a:hover {
    text-decoration: underline;
    color: red;
}

.st-view-map {
    /* font-size: 16px; */
    margin-left: auto;
}

.road-st-card-inner {
    line-height: 130%;
    /* width: 300px; */
    display: flex;
}

.road-st-card-inner dl {
    width: 300px;
    padding-top: 5px;
}

.road-st-card-inner dt {
    font-size: 14px;
}

.road-st-card-inner dd {
    margin-left: 0.5em;
    font-size: 15px;
}

.st-inner-img {
    margin-left: 10px;
    padding-top: 5px;
}
 
.st-inner-img a:hover {
    opacity: 0.5;
}

.road-st-img {
    width: 130px;
}