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

/* ----- メインコンテンツ表示の設定内容 -------------------------- */
main {
    padding: 70px 0 30px;      /* 要素内側の上部と下部の余白 */
}

.container {
    /* min-width: 980px; */
}

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

/* ----- 旅レポートの表示設定内容 ------------------------------- */

/* ----- この地の概要説明 ---------- */
.main-report {
    font-size: 16px;
}

.main-report-title {
    display: flex;
}

.main-report-title h1 {
    margin: 0 0 5px;
}

.main-report-title p {
    font-size: 16px;
    padding-top: 18px;
    margin-left: auto;
}

.outline-report {
    width: 980px;
    display: flex;
    margin-bottom: 30px;
}

.outline-report dl {
    width: 578px;
}

.outline-report dd {
    margin-left: 1.4em;
    margin-bottom: 1em;
    line-height: 140%;
}

.main-report a {
    text-decoration: none;
}

.main-report a:hover {
    text-decoration: underline;
}

.report-hr {
    margin-bottom: 20px;
}

.google-map {
    margin-left: 20px;
    text-align: center;
}

.google-map iframe {
    width: 380px;
    height: 380px;
    /* background-color: azure; */
    border: 1px solid #808080;
}
/* ------------------------------- */

/* ----- 道の駅情報紹介ページ ------- */
.outline-st-report {
    width: 980px;
    display: flex;
    margin-bottom: 30px;
}

.road-st-memo {
    width: 478px;
    height: 330px;
    margin-left: 20px;
    padding: 60px 40px 0px;
    background-image: url(../images/keiziban05.png);
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 16px;
}

.road-st-memo dd {
    margin-left: 1.4em;
    margin-bottom: 1em;
    line-height: 140%;
}
/* ------------------------------- */

/* この地のレポート（写真:大、ヨコ向き） */
.report-frame-L {
    width: 600px;
    margin: 0 auto 60px;
}

.report-img-L {
    width: 600px;
    height: 100%;
    padding-top: 5px;
    margin-bottom: 5px;
}
/* ------------------------------- */

/* この地のレポート（写真:中・左、ヨコ向き） */
.report-frame-M {
    width: 730px;
    margin: 0 auto 60px;
    display: flex;
}

.report-frame-M a {
    width: 380px;
    height: 100%;
}

.report-img-M {
    width: 350px;
    height: 100%;
    padding: 0 15px;
}

.report-frame-M p {
    width: 328px;
    height: 189px;
    padding: 5px 10px;
    background-color: white;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    line-height: 140%;
}
/* ------------------------------- */

/* この地のレポート（写真:中・右、ヨコ向き） */
.report-frame-MR {
    width: 730px;
    margin: 0 auto 60px;
    display: flex;
    flex-direction: row-reverse;
}

.report-frame-MR a {
    width: 380px;
    height: 100%;
}

.report-img-MR {
    width: 350px;
    height: 100%;
    padding: 0 15px;
}

.report-frame-MR p {
    width: 328px;
    height: 189px;
    padding: 5px 10px;
    background-color: white;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    line-height: 140%;
}
/* ------------------------------- */

/* この地のレポート（写真:中、ヨコ向き２枚） */
.report-frame-MW {
    width: 730px;
    margin: 0 auto 60px;
}

.report-frame-MW a {
    width: 365px;
    height: 100%;
}

.frame-MW-img {
    display: flex;
    margin-bottom: 10px;
}

.report-img-MW {
    width: 345px;
    height: 100%;
    padding: 0 10px;
}
/* ------------------------------- */

/* この地のレポート（写真:中・右、タテ向き） */
.report-frame-MTR {
    width: 700px;
    margin: 120px auto 120px;
    display:flex;
    flex-direction: row-reverse;
}

.report-frame-MTR a {
    width: 350px;
    height: 100%;
}

.report-img-MTR {
    width: 350px;
    height: 100%;
    transform: rotate(90deg);
}

.report-frame-MTR p {
    width: 328px;
    height: 189px;
    padding: 5px 10px;
    background-color: white;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    line-height: 140%;
}
/* ------------------------------- */

/* この地のレポート（写真:中・左、タテ向き） */
.report-frame-MTL {
    width: 700px;
    margin: 120px auto 120px;
    display:flex;
}

.report-frame-MTL a {
    width: 350px;
    height: 100%;
}

.report-img-MTL {
    width: 350px;
    height: 100%;
    transform: rotate(90deg);
}

.report-frame-MTL p {
    width: 328px;
    height: 189px;
    padding: 5px 10px;
    background-color: white;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    line-height: 140%;
}
/* ------------------------------- */

/* この地のレポート（写真:右、タテ向き） */
.report-frame-TR {
    width: 730px;
    margin: 0 auto 60px;
    display:flex;
    flex-direction: row-reverse;
}

.report-img-TR {
    width: 250px;
    height: 100%;
    padding-left: 20px;
    padding-right: 0px;
    margin-right: auto;
}

.report-frame-TR p {
    width: 328px;
    height: 189px;
    padding: 5px 10px;
    margin: auto 0 auto auto;
    background-color: white;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    line-height: 140%;
}
/* ------------------------------- */

/* この地のレポート（写真:左、タテ向き） */
.report-frame-TL {
    width: 730px;
    margin: 0 auto 60px;
    display:flex;
}

.report-img-TL {
    width: 250px;
    height: 100%;
    padding-left: 0px;
    padding-right: 20px;
    margin-left: auto;
}

.report-frame-TL p {
    width: 328px;
    height: 189px;
    padding: 5px 10px;
    margin: auto auto auto 0;
    background-color: white;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    line-height: 140%;
}
/* ------------------------------- */

/* この地のレポート（共通設定）-------- */
.report-frame-Lp {
    width: 578px;
    padding: 5px 10px;
    margin: 0 auto;
    background-color: white;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    line-height: 140%;
}

.touch-img {
    position: relative;
}

.touch-img:hover {
    opacity: 0.5;
}

.touch-icon-L {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 20px;
    right: 15px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
}

.touch-icon-M {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 15px;
    right: 30px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
}

.touch-icon-MT {
    width: 22px;
    height: 22px;
    position: absolute;
    top: -60px;
    right: 90px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
}
/* ------------------------------- */

/* ----- その他のレポートへのリンク ----- */
.other-report {
    display: flex;
}

.no-back-report {
    padding: 0 40px;
    margin-left: auto;
}

.back-report {
    padding: 0 40px;
    margin-left: auto;
}

.no-next-report {
    padding: 0 40px;
    margin-right: auto;
}

.next-report {
    padding: 0 40px;
    margin-right: auto;
}

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

/* ----- サブコンテンツ表示の設定内容 -------------------------- */
aside {
    margin-bottom: 30px;
}

/* ----- 関連ＨＰのリンク先表示------- */
.relation-link {
    width: 730px;
    margin: 10px auto 60px;
}

.relation-link h3 {
    margin-bottom: 5px;
}

.relation-link dl {
    line-height: 140%;
    margin-left: 1em;
}

.relation-link dd {
    font-size: 14px;
    margin-left: 1em;
    margin-bottom: 5px;
}

.relation-link th {
    text-align: left;
    font-weight: normal;
    line-height: 140%;
    padding-left: 1em;
}

.relation-link td {
    text-align: left;
    font-size: 14px;
    line-height: 140%;
}

.URL-title {
    width: 28px;
    vertical-align: top;
    padding: 0 0.5em 0 2em;
}