@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: 100%; font-weight: normal; vertical-align: baseline; -webkit-overflow-scrolling: touch; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { line-height: 1; }

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

img, video, audio { max-width: 100%; }

img, video { height: auto; }

img { vertical-align: bottom; font-size: 0; line-height: 0; }

svg { max-height: 100%; }

iframe { border: none; }

::-moz-focus-inner { border: 0; padding: 0; }

input, select { vertical-align: middle; }

input[type="radio"], input[type="checkbox"] { vertical-align: middle; position: relative; bottom: 0.15rem; font-size: 115%; margin-right: 3px; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

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

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

p, div, li, span { overflow-wrap: break-word; word-wrap: break-word; }

nav li { list-style: none; }

em { font-style: normal; }

a { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

a:hover { opacity: .8; }

.l-container { overflow: hidden; color: #000; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-size: 16px; line-height: 1.7; overflow-wrap: break-word; word-wrap: break-word; }

.l-container p, .l-container a, .l-container h1, .l-container h2, .l-container h3, .l-container h4, .l-container h5, .l-container h6, .l-container span { max-width: 100%; }

.l-wrapper { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 110px; padding-right: 110px; }

.l-header { position: relative; height: 60px; padding: 12px 16px; background: #fff; }

.l-header__logo { display: inline-block; line-height: 1; }

.l-footer { padding: 56px 25px 15px; background: #646464; color: #fff; }

.l-footer a { color: #fff; }

.l-footer__banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 669px; margin-bottom: 40px; margin-left: auto; margin-right: auto; list-style: none; }

.l-footer__banner > li { background: #fff; margin-bottom: 10px; }

.l-footer__banner > li + li { margin-left: 12px; }

.l-footer__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 10px; }

.l-footer__link { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; }

.l-footer__link > li + li { margin-left: 20px; }

.is-tac { text-align: center; }

.is-tar { text-align: right; }

.is-tal { text-align: left; }

.is-vam { vertical-align: middle; }

.is-bold { font-weight: bold; }

.is-fsize__small { font-size: 70%; }

.is-imgfit { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }

.is-view { -webkit-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.is-view.is-off { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }

.c-btnWrap { margin-top: 15px; }

.c-btn { display: block; max-width: 338px !important; border-radius: 10em; margin-left: auto; margin-right: auto; padding: 15px; background: #000; color: #fff; font-size: 19px; font-weight: bold; text-decoration: none; text-align: center; }

.c-card { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; background: #fff; }

.c-card.-skin01, .c-card.-skin02, .c-card.-skin03 { position: relative; }

.c-card.-skin01:before, .c-card.-skin01:after, .c-card.-skin02:before, .c-card.-skin02:after, .c-card.-skin03:before, .c-card.-skin03:after { position: absolute; display: block; content: ""; z-index: 1; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; }

.c-card.-skin01:before, .c-card.-skin02:before, .c-card.-skin03:before { top: -5px; left: -5px; background-position: left top; }

.c-card.-skin01:after, .c-card.-skin02:after, .c-card.-skin03:after { bottom: -5px; right: -5px; background-position: right bottom; }

.c-card.-skin01:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20data-name%3D%22%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%204%22%20y1%3D%2220%22%20x2%3D%2240%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23eabd00%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23920080%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M40%200H0v40L40%200z%22%2F%3E%3C%2Fsvg%3E"); }

.c-card.-skin01:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20data-name%3D%22%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%204%22%20y1%3D%2220%22%20x2%3D%2240%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23eabd00%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23920080%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M0%2040h40V0L0%2040z%22%2F%3E%3C%2Fsvg%3E"); }

.c-card.-skin02:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20data-name%3D%22%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%2043%22%20y1%3D%2220%22%20x2%3D%2240%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2319a6ba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffe878%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M40%200H0v40L40%200z%22%2F%3E%3C%2Fsvg%3E"); }

.c-card.-skin02:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20data-name%3D%22%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%2043%22%20y1%3D%2220%22%20x2%3D%2240%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2319a6ba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffe878%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M0%2040h40V0L0%2040z%22%2F%3E%3C%2Fsvg%3E"); }

.c-card.-skin03:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20data-name%3D%22%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%201372%22%20y1%3D%2220%22%20x2%3D%2240%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff323c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235082ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M40%200H0v40L40%200z%22%2F%3E%3C%2Fsvg%3E"); }

.c-card.-skin03:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20data-name%3D%22%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%201372%22%20y1%3D%2220%22%20x2%3D%2240%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff323c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235082ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M40%200v40H0L40%200z%22%2F%3E%3C%2Fsvg%3E"); }

.c-card.-hasimage .c-card__text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 40px; padding-bottom: 20px; }

.c-card__title { margin-bottom: auto; padding-bottom: 20px; }

.c-card__image { width: 50%; }

.c-card__image .is-imgfit { width: 100%; height: 100%; -webkit-backface-visibility: hidden; }

.c-card__text { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 5px 16px 25px; font-size: 14px; }

.c-card__text p { font-weight: bold; }

.c-card__text p + p { margin-top: 8px; }

.c-card__text .txt-appear { padding-left: 3em; text-indent: -3em; }

.c-card__icon { position: absolute; z-index: -1; top: 25px; right: 22px; }

.c-card .logo-hifana { -webkit-transform: translate(2px, -1px); -ms-transform: translate(2px, -1px); transform: translate(2px, -1px); }

.c-bnr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -20px; margin-left: -20px; margin-bottom: 25px; list-style: none; }

.c-bnr > li { width: calc(50% - 20px); margin-left: 20px; margin-top: 20px; }

.c-bnr__item { padding: 30px 20px 15px; border-radius: 5px; color: #fff; font-size: 13px; text-align: center; }

.c-bnr__item picture, .c-bnr__item p { text-align: center; }

.c-bnr__item picture { display: block; margin-bottom: 28px; }

.c-bnr__item.-skin01 { background: #ffe878; background: -webkit-linear-gradient(126deg, #ffe878 0%, #19a6ba 100%); background: -o-linear-gradient(126deg, #ffe878 0%, #19a6ba 100%); background: linear-gradient(-36deg, #ffe878 0%, #19a6ba 100%); }

.c-bnr__item.-skin02 { background: #920080; background: -webkit-linear-gradient(126deg, #920080 0%, #eabd00 100%); background: -o-linear-gradient(126deg, #920080 0%, #eabd00 100%); background: linear-gradient(-36deg, #920080 0%, #eabd00 100%); }

.c-bnr__item.-skin03 { background: #5082ff; background: -webkit-linear-gradient(126deg, #5082ff 0%, #ff323c 100%); background: -o-linear-gradient(126deg, #5082ff 0%, #ff323c 100%); background: linear-gradient(-36deg, #5082ff 0%, #ff323c 100%); }

.c-bnr__item.-skin04 { background: #001480; background: -webkit-linear-gradient(126deg, #001480 0%, #00a1ff 100%); background: -o-linear-gradient(126deg, #001480 0%, #00a1ff 100%); background: linear-gradient(-36deg, #001480 0%, #00a1ff 100%); }

.c-bg, .c-pcbg { display: inline-block; background: #fff; padding: 0 16px; line-height: 1.6; }

.c-underline { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(65%, transparent), color-stop(65%, #ffff00), color-stop(86%, #ffff00), color-stop(86%, transparent), to(transparent)); background: -webkit-linear-gradient(top, transparent, transparent 65%, #ffff00 65%, #ffff00 86%, transparent 86%, transparent); background: -o-linear-gradient(top, transparent, transparent 65%, #ffff00 65%, #ffff00 86%, transparent 86%, transparent); background: linear-gradient(to bottom, transparent, transparent 65%, #ffff00 65%, #ffff00 86%, transparent 86%, transparent); }

.c-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -40px; margin-top: -40px; }

.c-columns > [class*=c-col] { margin-left: 40px; margin-top: 40px; }

.c-columns > .c-col1to1 { width: calc(100% - 40px); }

.c-columns > .c-col2to1 { width: calc(50% - 40px); }

.mc-countdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: calc(100vh - 60px); }

.mc-countdown__text { line-height: 1; text-align: center; }

.mc-countdown__inner:not(.is-show) { display: none; }

.mc-countdown__inner.day33:before, .mc-countdown__inner.day32:before, .mc-countdown__inner.day31:before, .mc-countdown__inner.day30:before, .mc-countdown__inner.day29:before, .mc-countdown__inner.day28:before, .mc-countdown__inner.day27:before, .mc-countdown__inner.day26:before, .mc-countdown__inner.day25:before { position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; display: block; content: url(../img/teaser/bg30-pc_date-210205.jpg); background: url(../img/teaser/bg30-pc_date-210205.jpg) no-repeat center center/cover; text-indent: -9999px; overflow: hidden; }

.mc-countdown__inner.day24 .mc-countdown__text, .mc-countdown__inner.day23 .mc-countdown__text, .mc-countdown__inner.day22 .mc-countdown__text, .mc-countdown__inner.day21 .mc-countdown__text, .mc-countdown__inner.day20 .mc-countdown__text, .mc-countdown__inner.day19 .mc-countdown__text { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.mc-countdown__inner.day24:before, .mc-countdown__inner.day23:before, .mc-countdown__inner.day22:before, .mc-countdown__inner.day21:before, .mc-countdown__inner.day20:before, .mc-countdown__inner.day19:before { position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; display: block; content: url(../img/teaser/bg21-pc_date-210205.jpg); background: url(../img/teaser/bg21-pc_date-210205.jpg) no-repeat center center/cover; text-indent: -9999px; overflow: hidden; }

.mc-countdown__inner.day18 .mc-countdown__text, .mc-countdown__inner.day17 .mc-countdown__text, .mc-countdown__inner.day16 .mc-countdown__text, .mc-countdown__inner.day15 .mc-countdown__text { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.mc-countdown__inner.day18:before, .mc-countdown__inner.day17:before, .mc-countdown__inner.day16:before, .mc-countdown__inner.day15:before { position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; display: block; content: url(../img/teaser/bg21-pc_date-210205.jpg); background: url(../img/teaser/bg21-pc_date-210205.jpg) no-repeat center center/cover; text-indent: -9999px; overflow: hidden; }

.mc-countdown__inner.day14:before, .mc-countdown__inner.day13:before, .mc-countdown__inner.day12:before, .mc-countdown__inner.day11:before, .mc-countdown__inner.day10:before { position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; display: block; content: url(../img/teaser/bg14-pc_date-210205.jpg); background: url(../img/teaser/bg14-pc_date-210205.jpg) no-repeat left center/cover; text-indent: -9999px; overflow: hidden; }

.mc-countdown__inner.day9 .mc-countdown__text, .mc-countdown__inner.day8 .mc-countdown__text, .mc-countdown__inner.day7 .mc-countdown__text, .mc-countdown__inner.day6 .mc-countdown__text, .mc-countdown__inner.day5 .mc-countdown__text, .mc-countdown__inner.day4 .mc-countdown__text, .mc-countdown__inner.day3 .mc-countdown__text, .mc-countdown__inner.day2 .mc-countdown__text, .mc-countdown__inner.day1 .mc-countdown__text { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.mc-countdown__inner.day9:before, .mc-countdown__inner.day8:before, .mc-countdown__inner.day7:before, .mc-countdown__inner.day6:before, .mc-countdown__inner.day5:before, .mc-countdown__inner.day4:before, .mc-countdown__inner.day3:before, .mc-countdown__inner.day2:before, .mc-countdown__inner.day1:before { position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; display: block; content: url(https://www.honda-mcfes.com/img/teaser/bg07-pc.jpg?date=210205); background: url(https://www.honda-mcfes.com/img/teaser/bg07-pc.jpg?date=210205) no-repeat center center/cover; text-indent: -9999px; overflow: hidden; }

.mc-intro { padding: 150px 0 130px; }

.mc-intro .l-wrapper { text-align: center; }

.mc-intro__inner { display: inline-block; text-align: left; }

.mc-intro__title { font-size: 39px; letter-spacing: 1.8px; vertical-align: text-top; }

.mc-intro__title .c-bg { line-height: 1.3; }

.mc-intro__subtitle { margin-top: 6px; margin-bottom: 60px; font-size: 24px; }

.mc-intro p:not([class]) { font-size: 19px; line-height: 2.1; }

.mc-intro p:not([class]) + p:not([class]) { margin-top: 20px; }

.mc-live { padding-bottom: 128px; }

.mc-live__card04 .c-card__icon { top: 20px; right: 10px; }

.mc-block { overflow: hidden; max-width: 760px; margin-left: auto; margin-right: auto; border-radius: 10px; }

.mc-block__title { padding: 24px 12px; background: #000; color: #fff; font-size: 25px; font-weight: bold; text-align: center; }

.mc-block__subtitle { margin-bottom: 65px; font-size: 23px; font-weight: bold; text-align: center; }

.mc-block__content { padding: 60px 60px 100px; background: #f0f0f0; }

.mc-online { padding-bottom: 120px; }

.mc-online__card01.-hasimage .c-card__icon { top: 36px; right: 26px; }

.mc-online__card01.-hasimage .c-card__text { padding-top: 20px; letter-spacing: -.5px; }

.mc-online__card01.-hasimage .c-card__title { margin-top: 15px; }

.mc-request { margin-top: 65px; }

.mc-request__title { margin-bottom: 22px; font-size: 27px; font-weight: bold; text-align: center; }

.mc-request p { font-size: 12px; line-height: 1.9; }

.mc-zone { margin-top: 73px; }

.mc-zone__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; font-weight: bold; }

.mc-zone__title:before, .mc-zone__title:after { display: block; content: ""; width: 1px; height: 30px; background: #000; }

.mc-zone__title:before { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); margin-right: 20px; }

.mc-zone__title:after { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); margin-left: 20px; }

.mc-sns { padding: 55px 0 50px; background: #f0f0f0; }

.is-ie11 .c-bg { padding-top: 8px; line-height: 1; }

/* PC向けスタイル */
@media screen and (max-width: 980px) { .l-wrapper { padding-left: 20px; padding-right: 20px; }
  .c-columns { margin-left: -20px; }
  .c-columns > [class*=c-col] { margin-left: 20px; }
  .c-columns > .c-col1to1 { width: calc(100% - 20px); }
  .c-columns > .c-col2to1 { width: calc(50% - 20px); }
  .c-card__text { padding-left: 15px; }
  .c-bnr__item picture { height: 80px; }
  .mc-intro { padding-top: 40px; } }

@media screen and (min-width: 736px) { .is-showsp { display: none !important; }
  .mc-intro p:not([class]) { white-space: nowrap; } }

/* sp向けスタイル */
@media screen and (max-width: 735px) { :root { --vh: 100vh; }
  .l-container { font-size: 12px; }
  .l-wrapper { padding-left: 28px; padding-right: 28px; }
  .l-header { height: 42px; padding: 9px 12px; }
  .l-header__logo { width: 118px; }
  .l-footer { padding: 30px 25px 10px; }
  .l-footer__banner { display: block; max-width: 242px; margin: 0 auto 42px; }
  .l-footer__banner > li + li { margin: 10px 0 0 0; }
  .l-footer__text { display: block; text-align: center; }
  .l-footer__link { display: block; }
  .l-footer__link > li + li { margin: 10px 0 0 0; }
  .l-footer__copy { margin: 32px -25px 0; }
  .l-footer__copy p { width: 125%; max-width: none; -webkit-transform: scale(0.8) translateX(-12.5%); -ms-transform: scale(0.8) translateX(-12.5%); transform: scale(0.8) translateX(-12.5%); }
  .is-showpc { display: none !important; }
  .c-btnWrap { margin-top: 10px; }
  .c-btn { max-width: 242px !important; padding: 11px; font-size: 14px; }
  .c-card { border-radius: 4px; }
  .c-card__image { width: auto; }
  .c-card__text { padding: 26px 5px 16px 20px; }
  .c-card__text p { line-height: 1.46; }
  .c-card__text p + p { margin-top: 3px; }
  .c-card__title { padding-bottom: 24px; }
  .c-card__title img { height: 56px; width: auto; }
  .c-card__icon { top: 22px; right: 16px; }
  .c-card.-hasimage { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .c-card.-hasimage .c-card__text { padding: 36px 5px 16px 20px; }
  .c-bg, .c-spbg { display: inline-block; background: #fff; padding: 0 5px; line-height: 1.6; }
  .c-pcbg { display: inline; padding: inherit; background: none; }
  .c-bnr { display: block; margin: -10px auto 16px; }
  .c-bnr > li { width: auto; margin: 10px 0 0 0; }
  .c-bnr__item { padding: 24px 0px 20px; border-radius: 2px; }
  .c-bnr__item picture { height: auto; margin-bottom: 10px; }
  .c-bnr__item p { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); font-size: 10px; }
  .c-bnr__item.-skin01 img { width: 132px; }
  .c-bnr__item.-skin02 img { width: 162px; }
  .c-bnr__item.-skin03 img { width: 168px; }
  .c-bnr__item.-skin04 img { width: 214px; }
  .c-columns { margin-top: -28px; }
  .c-columns > [class*=c-col] { margin-top: 28px; }
  .c-columns > .c-col2to1 { width: calc(100% - 20px); }
  .mc-countdown { height: calc(( var(--vh) ) - 42px); }
  .mc-countdown__text { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }
  .mc-countdown__text img { max-width: 375px; width: 100%; }
  .mc-countdown__inner.day33:before, .mc-countdown__inner.day32:before, .mc-countdown__inner.day31:before, .mc-countdown__inner.day30:before, .mc-countdown__inner.day29:before, .mc-countdown__inner.day28:before, .mc-countdown__inner.day27:before, .mc-countdown__inner.day26:before, .mc-countdown__inner.day25:before { content: url(../img/teaser/bg30-sp_date-210205.jpg); background-image: url(../img/teaser/bg30-sp_date-210205.jpg); }
  .mc-countdown__inner.day24:before, .mc-countdown__inner.day23:before, .mc-countdown__inner.day22:before, .mc-countdown__inner.day21:before, .mc-countdown__inner.day20:before, .mc-countdown__inner.day19:before { content: url(../img/teaser/bg21-sp_date-210205.jpg); background-image: url(../img/teaser/bg21-sp_date-210205.jpg); }
  .mc-countdown__inner.day18:before, .mc-countdown__inner.day17:before, .mc-countdown__inner.day16:before, .mc-countdown__inner.day15:before { content: url(../img/teaser/bg21-sp_date-210205.jpg); background-image: url(../img/teaser/bg21-sp_date-210205.jpg); }
  .mc-countdown__inner.day14:before, .mc-countdown__inner.day13:before, .mc-countdown__inner.day12:before, .mc-countdown__inner.day11:before, .mc-countdown__inner.day10:before { content: url(../img/teaser/bg14-sp_date-210205.jpg); background-image: url(../img/teaser/bg14-sp_date-210205.jpg); }
  .mc-countdown__inner.day9:before, .mc-countdown__inner.day8:before, .mc-countdown__inner.day7:before, .mc-countdown__inner.day6:before, .mc-countdown__inner.day5:before, .mc-countdown__inner.day4:before, .mc-countdown__inner.day3:before, .mc-countdown__inner.day2:before, .mc-countdown__inner.day1:before { content: url(../img/teaser/bg07-sp_date-210205.jpg); background-image: url(../img/teaser/bg07-sp_date-210205.jpg); }
  .mc-intro { padding-top: 28px; padding-bottom: 65px; }
  .mc-intro__title { margin-left: -5px; margin-right: -10px; max-width: none !important; font-size: 47px; font-size: 6.26667vw; letter-spacing: -.5px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
  .mc-intro__subtitle { margin: 3px -10px 22px -5px; max-width: none !important; font-size: 28px; font-size: 3.73333vw; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
  .mc-intro p:not([class]) { font-size: 25px; font-size: 3.33333vw; line-height: 2.1; letter-spacing: -.4px; }
  .mc-intro p:not([class]) + p:not([class]) { margin-top: 10px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
  .mc-intro p:not([class]) .is-lsnarrow { letter-spacing: -.5px; }
  .mc-block { border-radius: 5px; }
  .mc-block__title { padding: 11px 12px; font-size: 13px; }
  .mc-block__subtitle { margin-bottom: 30px; font-size: 12px; }
  .mc-block__content { padding: 25px 38px 52px; }
  .mc-live { padding-bottom: 50px; }
  .mc-live__card01 .c-card__icon { width: 120px; }
  .mc-live__card02 .c-card__icon { width: 85px; }
  .mc-live__card03 .c-card__icon { width: 102px; }
  .mc-live__card04 .c-card__icon { top: 17px; right: 4px; width: 90px; }
  .mc-online__card01.-hasimage .c-card__text { padding: 18px 5px 16px 20px; }
  .mc-online__card01.-hasimage .c-card__title { margin-top: 8px; }
  .mc-online__card01.-hasimage .c-card__icon { top: 30px; right: 16px; width: 86px; }
  .mc-request { margin: 40px -12px 0; }
  .mc-request__title { margin-bottom: 5px; font-size: 18px; }
  .mc-zone { margin-top: 46px; }
  .mc-zone__title { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 32px; }
  .mc-online { padding-bottom: 52px; }
  .mc-sns { padding: 34px 0 40px; }
  .is-sp.is-iPhone .mc-intro__title { letter-spacing: -1.4px; }
  .is-sp.is-iPhone .mc-intro p:not([class]) { letter-spacing: -.3px; }
  .is-sp:not(.is-iPhone) .mc-intro__title { letter-spacing: .2px; }
  .is-sp:not(.is-iPhone) .mc-intro__subtitle { letter-spacing: -.6px; }
  .is-sp:not(.is-iPhone) .mc-intro p:not([class]) .is-lsnarrow { letter-spacing: -1.6px; } }

@media print { * { background: transparent !important; color: black !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  body { width: auto; -webkit-print-color-adjust: exact; }
  a, a:visited { text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  h2, h3, h4 { page-break-after: avoid; }
  @page { margin: 0.5cm; } }