/* 元ページの740pxレイアウトと画像サイズを維持 */
body { margin: 8px; background: #fff; font-family: "Times New Roman", "ＭＳ Ｐ明朝", serif; }
.page { width: 740px; margin: 0 auto; }
img { border: 0; }
.site-header img, .divider { display: block; }
.hero { display: flex; width: 740px; height: 360px; }
.navigation { box-sizing: border-box; width: 240px; height: 360px; padding: 0 12px 0 14px; background: url("images/top/top_r2_c1.gif") repeat-x left top; }
.navigation img { display: block; }
.navigation a { display: block; width: 214px; height: 39px; }
.hero-photo { display: block; width: 500px; height: 360px; }
.content { display: grid; grid-template-columns: 400px 340px; }
.left-column { width: 380px; }
.blog { height: 187px; box-sizing: border-box; padding-top: 40px; text-align: center; }
.blog img { vertical-align: top; }
.blog p { margin: 18px 0 0; color: #006600; font-size: 15px; line-height: 23px; }
.news h1 { margin: 0 0 22px; line-height: 0; font-size: 1em; }
.news h1 img { display: block; }
.news ul { margin: 0 0 0 20px; padding: 0; list-style: none; font-size: 16px; line-height: 21px; }
.news li { display: flex; white-space: nowrap; }
.news time { flex: 0 0 98px; }
.right-column { padding-top: 72px; }
.facility-info { margin: 0 0 18px; color: #004abd; font-size: 13px; font-weight: bold; line-height: 22px; }
.facility-info div { display: flex; white-space: nowrap; }
.facility-info dt { width: 88px; flex: none; }
.facility-info dt::after { content: '：'; float: right; margin-right: 6px; }
.facility-info dd { margin: 0; }
.viewing-notes { display: flex; align-items: flex-start; gap: 6px; }
.viewing-notes p { width: 246px; margin: 0; font-size: 11px; line-height: 15px; }
.badges { width: 88px; flex: none; }
.badges a { display: block; margin-bottom: 14px; }
.badges img { display: block; }
.site-footer { margin: 18px 36px 0; padding-top: 10px; border-top: 1px solid #999; color: #666; font-size: 13px; text-align: center; white-space: nowrap; }