@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, a, p, span, em, small, strong, sub, sup, mark, del, ins, strike, abbr, dfn, blockquote, q, cite, code, pre, ol, ul, li, dl, dt, dd, div, section, article, main, aside, nav, header, hgroup, footer, img, figure, figcaption, address, time, audio, video, canvas, iframe, details, summary, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font-size: 1.6rem; line-height: 1; }

* { box-sizing: border-box; font-family: inherit; font-size: inherit; line-height: inherit; }

*:before, *:after { box-sizing: inherit; }

a, a:visited { color: inherit; }

article, aside, footer, header, nav, section, main { display: block; }

table { border-collapse: collapse; border-spacing: 0; }

ol, ul { list-style: none; }

img, video { border-style: none; max-width: 100%; vertical-align: middle; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; }

[hidden] { display: none !important; }

[disabled] { cursor: not-allowed; }

:focus:not(:focus-visible) { outline: none; }

sup { position: relative; top: -0.5em; font-size: 75%; line-height: 0; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

em { font-style: normal; }

.contentsWrapper { font-family: -apple-system, "BIZ UDPGothic", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; font-size: 18px; line-height: 1; background-color: #f4f4f4; }
@media (max-width: 768px) { .contentsWrapper { font-size: 16px; } }

.header { width: 100%; padding: 32px 0 25px; border-bottom: 6px solid #e4be0d; background: url(../img/header_bg.png) repeat 0 0/38px auto; }
@media (max-width: 768px) { .header { padding: 32px 16px 25px; } }
.header .inner { max-width: 1008px; width: 100%; margin: 0 auto; padding: 34px 0; border-right: 22px solid #eab207; border-left: 22px solid #eab207; border-radius: 5px; text-align: center; background-color: #fffef7; }
@media (max-width: 768px) { .header .inner { padding: 16px; border-right-width: 12px; border-left-width: 12px; } }
.header .inner h1 { display: table; margin: 0 auto; padding-bottom: 12px; border-bottom: 1px solid #323232; font-size: 36px; font-weight: bold; }
@media (max-width: 768px) { .header .inner h1 { font-size: 6vw; line-height: 1.4; } }
.header .inner p { margin-top: 8px; font-size: 12px; text-align: center; }

.contentsArea { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1008px; width: 100%; margin: 0 auto; padding-top: 40px; padding-bottom: 50px; }
@media (max-width: 768px) { .contentsArea { display: block; padding: 24px 16px; } }

.mainContents { max-width: 680px; width: 100%; }

.sideContents { position: sticky; top: 0; max-width: 288px; width: 100%; padding: 18px 16px; background-color: #fff; }
@media (max-width: 768px) { .sideContents { position: static; max-width: 100%; margin-top: 40px; } }

.sect + .sect { margin-top: 48px; }
@media (max-width: 768px) { .sect + .sect { margin-top: 40px; } }

.sectionTitle { margin-bottom: 34px; padding-left: 10px; border-left: 8px solid #525252; color: #525252; font-size: 24px; font-weight: bold; }
@media (max-width: 768px) { .sectionTitle { margin-bottom: 16px; font-size: 20px; line-height: 1.4; } }
.sideContents .sectionTitle { margin-bottom: 14px; font-size: 18px; }

.movieWrap { position: relative; width: 100%; padding-top: 56.25%; }
.movieWrap iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

@media (min-width: 768px) { .hover { transition: all .3s ease-in; }
  .hover:hover { opacity: .8; } }
.db-sp { display: none; }

@media (max-width: 768px) { .db-pc { display: none !important; }
  .db-sp { display: block !important; } }
.infectionInfo .map { position: relative; }
.infectionInfo .prefBox { position: absolute; width: 214px; font-weight: bold; background: #fafafa url(../img/border.png) repeat-x left bottom/6px 4px; }
@media (max-width: 768px) { .infectionInfo .prefBox { width: 36%; } }
.infectionInfo .prefBox a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 14px 22px 12px 0; text-decoration: none; }
@media (max-width: 768px) { .infectionInfo .prefBox a { padding: 10px 3.2% 12px 0; } }
@media (min-width: 768px) { .infectionInfo .prefBox a { transition: all .3s ease-in; }
  .infectionInfo .prefBox a:hover { opacity: .8; } }
.infectionInfo .prefBox.aichi { top: 225px; left: 418px; }
@media (max-width: 768px) { .infectionInfo .prefBox.aichi { top: 52%; left: 61.4%; } }
.infectionInfo .prefBox.gifu { top: 59px; left: 395px; }
@media (max-width: 768px) { .infectionInfo .prefBox.gifu { top: 12%; left: 58%; } }
.infectionInfo .prefBox.mie { top: 210px; left: 80px; }
@media (max-width: 768px) { .infectionInfo .prefBox.mie { top: 52.5%; left: 6%; } }
.infectionInfo .prefBox .pref { padding: 6px 10px; color: #fff; font-size: 24px; letter-spacing: 0.1em; background-color: #525252; }
@media (max-width: 768px) { .infectionInfo .prefBox .pref { padding: 4px 5px; font-size: 4vw; } }
.infectionInfo .prefBox .num { color: #cf0202; font-size: 36px; }
.infectionInfo .prefBox .num::after { content: "人"; font-size: 18px; }
@media (max-width: 768px) { .infectionInfo .prefBox .num { font-size: 5.5vw; }
  .infectionInfo .prefBox .num::after { font-size: 12px; } }
.infectionInfo .prefBox .death { display: flex; align-items: flex-end; justify-content: flex-end; width: 100%; margin-top: 6px; color: #cf0202; }
.infectionInfo .prefBox .death dt { padding: 2px; color: #fff; font-size: 12px; background-color: #cf0202; transform: translateY(-2px); }
@media (max-width: 768px) { .infectionInfo .prefBox .death dt { font-size: 12px; transform: translateY(0); } }
.infectionInfo .prefBox .death dd { margin-left: 8px; font-size: 24px; }
.infectionInfo .prefBox .death dd::after { content: "人"; font-size: 12px; }
@media (max-width: 768px) { .infectionInfo .prefBox .death dd { font-size: 14px; }
  .infectionInfo .prefBox .death dd::after { font-size: 12px; } }
.infectionInfo .prefBox .re { position: absolute; right: 0; bottom: -20px; font-size: 12px; }
@media (max-width: 768px) { .infectionInfo .prefBox .re { bottom: -14px; font-size: 10px; } }
.infectionInfo .update { position: absolute; right: 18px; bottom: 18px; color: #525252; font-size: 12px; }
@media (max-width: 768px) { .infectionInfo .update { position: static; padding-top: 8px; font-size: 10px; text-align: right; } }
.infectionInfo .link { margin-top: 8px; font-size: 14px; text-align: right; }
@media (max-width: 768px) { .infectionInfo .link { font-size: 10px; } }

.imgList li + li { margin-top: 18px; }

.bnrArea li + li { margin-top: 18px; }
.bnrArea a { display: block; padding: 44px 16px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; background: url(../img/bnr_bg.png) repeat 0 0/38px auto; }
@media (max-width: 768px) { .bnrArea a { position: relative; padding: 18px 32px 18px 16px; line-height: 1.6; font-size: 16px; text-align: left; }
  .bnrArea a::after { position: absolute; top: 50%; right: 16px; margin-top: -8px; content: ""; width: 16px; height: 16px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); } }

.newsArea .newsList li { background-color: #fff; background: #fff url(../img/list_bg.png) repeat-y 0 0/8px auto; }
.newsArea .newsList li + li { margin-top: 16px; }
.newsArea .newsList li a { display: block; padding: 14px 24px; text-decoration: none; }
@media (min-width: 768px) { .newsArea .newsList li a { transition: all .3s ease-in; }
  .newsArea .newsList li a:hover { color: #00b1ae; } }
@media (max-width: 768px) { .newsArea .newsList li a .text { text-decoration: underline; } }
.newsArea .newsList li .text { line-height: 1.66; }
.newsArea .newsList li .date { margin-top: 6px; padding-top: 10px; border-top: 1px solid #f4f4f4; color: #525252; font-size: 12px; }
.newsArea .more { display: block; width: 280px; margin: 24px auto 0; padding: 18px 0; color: #fff; font-weight: bold; text-align: center; text-decoration: none; background-color: #525252; }

.sideSect + .sideSect { margin-top: 24px; padding-top: 24px; border-top: 1px solid #e7e7e7; }

.relatedInfo .relatedBnr a { display: block; }
.relatedInfo .relatedBnr li { color: #525252; font-size: 12px; line-height: 1.2; }
.relatedInfo .relatedBnr li + li { margin-top: 14px; }
.relatedInfo .relatedBnr li img { display: block; margin-bottom: 6px; }

.desk { color: #525252; }
.desk .deskBtn { display: flex; align-items: center; padding: 8px 10px; font-size: 14px; background-color: #e7e7e7; }
.desk .deskBtn span { font-size: 12px; }
.desk .deskBtn[target="_blank"]::after { content: ""; width: 16px; height: 16px; margin-left: 8px; background: url(../img/icon_blank.png) no-repeat 0 0/16px 16px; }
.desk .tel { display: flex; align-content: center; margin-top: 12px; font-size: 20px; font-weight: bold; }
.desk .tel::before { content: ""; display: block; width: 20px; height: 20px; margin-right: 6px; background: url(../img/icon_tel.png) no-repeat 0 0/20px 20px; }
.desk dd { padding: 0 8px; }
.desk dd:last-of-type { margin-top: 8px; font-size: 12px; }
.desk ul { margin-top: 18px; }
.desk ul li + li { margin-top: 12px; }

.sideTwitter { color: #525252; }
.sideTwitter .sectionTitle + p { font-size: 12px; line-height: 1.4; }
.sideTwitter .timeline { margin-top: 14px; text-align: center; }
.sideTwitter .timeline iframe { width: 300px !important; }

.snsBtn ul { display: flex; justify-content: center; width: 100%; padding-bottom: 50px; }
@media (max-width: 768px) { .snsBtn ul { padding-bottom: 32px; } }
.snsBtn ul li { width: 48px; margin: 0 8px; }
.snsBtn ul li a { display: block; overflow: hidden; width: 48px; height: 48px; text-indent: 120%; white-space: nowrap; background-image: url(../img/icon_sns.png); background-repeat: no-repeat; background-size: 48px 144px; }
.snsBtn ul .snsBtnTw a { background-position: 0 0; }
.snsBtn ul .snsBtnFb a { background-position: 0 -48px; }
.snsBtn ul .snsBtnLi a { background-position: 0 -96px; }

#topBtn { position: fixed; bottom: 20px; right: 20px; z-index: 100; width: 50px; height: 50px; border-radius: 50px; background-color: #8c8c8c; opacity: 0; transition: opacity .5s ease; }
#topBtn.show { opacity: 1; }
#topBtn::after { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; border-top: 4px solid #fff; border-left: 4px solid #fff; transform: translate(-50%, -5px) rotate(45deg); }

.lity-container { max-width: 90%; margin-right: auto; margin-left: auto; }

/*# sourceMappingURL=style.css.map */