/* HiLiNE 2017: historical colors kept; fixed 2-column layout and responsive video. */
* { box-sizing:border-box; }
html, body { overflow-x:clip; }
body.hil-2017-home #top1 #sub1,
body.hil-2017-home #top1 #sub_contents { max-width:1140px; margin-left:auto; margin-right:auto; }
body.hil-2017-home #top1 #sub1 h2 { box-sizing:border-box; width:100%; max-width:100%; }
body.hil-2017-home #top1 #sub1 > .sub_contents,
body.hil-2017-home #top1 #sub_contents > .sub_contents { width:calc(50% - 24px); margin:12px; float:left; min-width:0; box-sizing:border-box; }
body.hil-2017-home #top1 #sub1 > .sub_contents { border:1px solid #C1204D; padding-bottom:12px; }
body.hil-2017-home #top1 #sub1 > .sub_contents h3 { margin:0; min-height:4.2em; padding:12px 14px; font-size:17px; line-height:1.45; }
body.hil-2017-home #top1 #sub1 > .sub_contents > p { padding:9px 14px; line-height:1.72; }
body.hil-2017-home #top1 #sub1 > .sub_contents > p img { width:100%; max-width:498px; height:auto; display:block; margin:0 auto; }
body.hil-2017-home .hil-video-frame { width:100%; aspect-ratio:16/9; position:relative; }
body.hil-2017-home .hil-video-frame iframe { display:block; position:absolute; width:100%; height:100%; top:0; left:0; border:0; }
body.hil-2017-home .hil-video-link { text-align:right!important; padding:9px 14px!important; }
a.hil-video-button { color:#7f1532!important; border:1px solid #b21f4c; padding:7px 12px; border-radius:3px; display:inline-block; background:#fff8f8; font-weight:bold; }
a.hil-video-button:hover { background:#fce8ee; }
body.hil-2017-home #top1 #sub_contents { clear:both; padding:14px; }
body.hil-2017-home #top1 #sub_contents .sub_contents h6 { margin:8px 0 12px; }
body.hil-2017-home .hil-twitter-card { padding:18px; border:1px solid #dadada; background:#fafaf6; margin:0 2px; }
body.hil-2017-home .hil-twitter-card a { color:#7f1532!important; text-decoration:underline; text-underline-offset:3px; font-weight:bold; }
body.hil-2017-home #top4 .hiline-history { box-sizing:border-box; text-align:left; }
body.hil-2017-home #top4 .hiline-history p { padding:9px 12px; }
body.hil-2017-home #top4 .hiline-history a { color:#7f1532; }
body.hil-2017-home #main p a:not(.hil-video-button):hover { text-decoration:underline; }
body.hil-2017-home header h1 img, body.hil-pickup-detail header h1 img { display:block; max-width:100%; height:auto; margin:0 auto; }
body.hil-pickup-detail #top1 #sub1 { max-width:960px; margin:0 auto; padding:0 18px 25px; }
body.hil-pickup-detail #top1 #sub1 > h2 { width:auto; box-sizing:border-box; }
body.hil-pickup-detail #top1 #sub1 img { height:auto; max-width:100%; }
body.hil-pickup-detail #top1 #sub1 p img { width:auto; }
body.hil-pickup-detail #top1 #sub1 iframe { width:min(100%, 640px); max-width:100%; aspect-ratio:16/9; height:auto; display:block; margin:6px 0 10px; }
body.hil-pickup-detail #main .hil-tour-notice { margin:18px 0!important; padding:16px 20px!important; background:#fff9e8; border-left:6px solid #c1204d; font-size:19px; font-weight:600; line-height:1.7; }
body.hil-pickup-detail #main .hil-tour-notice a { color:#a51240; text-decoration:underline; text-underline-offset:3px; font-weight:800; }
body.hil-pickup-detail #main .hil-detail-video-link { margin:0 0 18px; padding:6px 0; }
body.hil-pickup-detail #main .hil-detail-video-link a { color:#a51240; text-decoration:underline; text-underline-offset:3px; font-weight:bold; }
body.hil-2017-home nav p.right_side, body.hil-pickup-detail nav p.right_side { text-align:right; }
@media(max-width:760px) {
 body.hil-2017-home #top1 #sub1, body.hil-2017-home #top1 #sub_contents { margin:0; padding:8px; }
 body.hil-2017-home #top1 #sub1 > .sub_contents,
 body.hil-2017-home #top1 #sub_contents > .sub_contents { width:100%; float:none; margin:12px 0; }
 body.hil-2017-home #top1 #sub1 > .sub_contents h3 { min-height:0; font-size:17px; }
 body.hil-2017-home #top1 #sub1 > .sub_contents > p { padding:9px 10px; }
 body.hil-2017-home #top4 .hiline-history { padding:8px 10px; }
 body.hil-pickup-detail #top1 #sub1 { padding:0 8px 20px; }
 body.hil-pickup-detail #main .hil-tour-notice { font-size:17px; padding:12px!important; }
 body.hil-2017-home #menu-box #menu.hil-menu-open, body.hil-pickup-detail #menu-box #menu.hil-menu-open { display:block; }
}

.hil-offline-frame{aspect-ratio:auto!important;height:auto!important;}
.hil-offline-video{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:120px;padding:18px;background:#f8f6ef;color:#4b3d01;border:1px solid #d9d2bc;text-align:center}
.hil-offline-video a{color:#9b1741;text-decoration:underline;font-weight:bold}
/* Be legible and keep 2017 visual language without off-center columns */
body.hil-2017-home #top1 #sub1{max-width:1120px;margin:0 auto;padding:12px 16px}
body.hil-2017-home #top1 #sub1>.sub_contents{margin:10px;width:calc(50% - 20px)}
body.hil-2017-home #top1 #sub1>.sub_contents h3{min-height:90px}
body.hil-2017-home #top1 #sub1>.sub_contents>p{font-size:15px;line-height:1.8}
body.hil-2017-home #top1 #sub1>.sub_contents>p img{max-width:100%}
body.hil-2017-home .hil-video-link{margin-top:0!important;margin-bottom:0!important}
body.hil-2017-home #top4 .size90p{max-width:1100px}
body.hil-2017-home #top4 .hiline-history{max-width:850px}
@media(max-width:760px){body.hil-2017-home #top1 #sub1>.sub_contents{width:100%;margin:12px 0}body.hil-2017-home #top1 #sub1>.sub_contents h3{min-height:0}body.hil-2017-home #top1 #sub1{padding:8px}}

/* 2017-12-23 closing banner: links to preserved event history */
body.hil-2017-home .hil-tsunagu-banner{max-width:1020px;margin:20px auto 18px;padding:0 14px;text-align:center;}
body.hil-2017-home .hil-tsunagu-banner a{display:block;line-height:0;text-decoration:none;border:none;}
body.hil-2017-home .hil-tsunagu-banner img{width:100%;height:auto;display:block;max-width:100%;margin:auto;box-shadow:0 2px 10px rgba(0,0,0,.10);}
body.hil-2017-home .hil-tsunagu-banner a:focus-visible{outline:3px solid #c1204d;outline-offset:4px;}
@media(max-width:760px){body.hil-2017-home .hil-tsunagu-banner{margin:12px auto;padding:0 8px;}}

/* 2026-11-01 v4: 2017 news archive entries. */
body.hil-2017-home .hil-news-media .hil-news-item{font-size:14px;line-height:1.65;margin:0 0 12px 0;padding:0 4px;}
body.hil-2017-home .hil-news-media .hil-news-date{font-weight:700;white-space:nowrap;color:#3b3535;}
body.hil-2017-home .hil-news-media .hil-news-item a{color:#8f1d43;text-decoration:underline;text-underline-offset:2px;}
body.hil-2017-home .hil-news-media .hil-news-break{margin:14px 0;border:0;border-top:1px solid #ddd;}

/* v5: 16:9 embedded video in top cards and their detail pages. */
body.hil-2017-home .hil-video-frame,
body.hil-pickup-detail .hil-video-frame {display:block;position:relative; width:100%; max-width:100%; aspect-ratio:16/9; height:auto; margin:10px auto; overflow:hidden;}
body.hil-pickup-detail .hil-video-frame {max-width:560px; margin:10px 0;}
body.hil-2017-home .hil-video-frame iframe,
body.hil-pickup-detail .hil-video-frame iframe {position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important; border:0; margin:0!important;}


/* v5: 2015/2016 event video embeds, independent of legacy table width */
.hil-ikinari-video{position:relative;display:block;width:100%;max-width:560px;aspect-ratio:16/9;overflow:hidden;margin:12px auto 16px;}
.hil-ikinari-video iframe{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;border:0;}
.hil-history-area .hil-history-list,ul.hil-history-list{list-style:none;margin:16px 0 28px;padding:0;max-width:850px;}
.hil-history-list li{display:flex;align-items:baseline;gap:16px;padding:10px 8px;border-bottom:1px solid #ddd;background:transparent;line-height:1.7;}
.hil-history-list li time{flex:0 0 110px;font-weight:bold;color:#8b2048;white-space:nowrap;}
.hil-history-list li span{flex:1;min-width:0;}
.hil-history-list li a{color:#8b2048;text-decoration:underline;text-underline-offset:2px;}
.hil-record-note{box-sizing:border-box;background:#fff8e9;border-left:5px solid #c1204d;margin:16px 0 22px;padding:12px 16px;font-size:15px!important;line-height:1.7;color:#5a3a24;}
@media(max-width:640px){.hil-history-list li{display:block;padding:10px 6px;}.hil-history-list li time{display:block;margin-bottom:2px;}.hil-ikinari-video{max-width:100%;}}