@charset "UTF-8";
/********************************************************************************* zenith-fair2019 css */
/********************************************************************************* settings */
html { background-color: #0a0808; }

.sp-enter { display: none; }

@media screen and (max-width: 480px) { .sp-enter { display: block; } }

.pc-enter { display: block; }

@media screen and (max-width: 480px) { .pc-enter { display: none; } }

#zenith-fair2019 { position: relative; font-family: 'Open Sans', 'Noto Sans JP', 'Droid Sans', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-weight: 300; word-break: normal; }

#zenith-fair2019 .pdy56 { padding: 56px 0; }

@media screen and (max-width: 640px) { #zenith-fair2019 .pdy56 { padding: 35px 0; } }

#zenith-fair2019 .bg-glad-navy { background: #1e2e58; background: linear-gradient(0deg, #1e2e58 0%, #1e2b4f 51%, #15203d 100%); }

#zenith-fair2019 .container { max-width: 980px; overflow: hidden; }

@media screen and (max-width: 980px) { #zenith-fair2019 .container { margin: 0; width: auto; } }

#zenith-fair2019 .container.mxw748 { margin: 0 auto; max-width: 748px; }

@media screen and (max-width: 768px) { #zenith-fair2019 .container.mxw748 { margin: 0 22px; } }

@media screen and (max-width: 640px) { #zenith-fair2019 .container.mxw748 { width: auto; } }

#zenith-fair2019 .en { font-family: 'Open Sans', sans-serif; letter-spacing: 0.3125rem; }

@media screen and (max-width: 480px) { #zenith-fair2019 .en { letter-spacing: 0.1rem; } }

#zenith-fair2019 .link-box { padding: 13px 22px; border: 2px solid #0a1020; display: inline-block; color: #0a1020; font-size: 1rem; box-sizing: border-box; transition: .4s all; }

@media screen and (max-width: 640px) { #zenith-fair2019 .link-box { font-size: 0.875rem; } }

#zenith-fair2019 .link-box:after { margin-left: 0.5rem; content: '\e800'; font-family: 'fonticon' !important; line-height: 1.2; font-size: 1rem; }

@media screen and (max-width: 640px) { #zenith-fair2019 .link-box:after { font-size: 0.875rem; } }

#zenith-fair2019 .link-box:hover { background-color: #0a1020; color: #fff; }

#zenith-fair2019 .related-link-list { text-align: center; }

#zenith-fair2019 .related-link-list .link-box { padding: 22px 35px; font-size: 1.25rem; }

@media screen and (max-width: 640px) { #zenith-fair2019 .related-link-list .link-box { padding: 13px 22px; font-size: 1rem; } }

#zenith-fair2019 .related-link-list .link-box:after { font-size: 1.25rem; }

#zenith-fair2019 .related-link-list .link-box:hover { color: #fff; }

#zenith-fair2019 .about-info { float: none; width: auto; }

#zenith-fair2019 #site-footer { background-color: #fff; }

#zenith-fair2019 #site-footer .copyright { padding: 35px; line-height: 1.3; font-size: 0.875rem; text-align: center; opacity: 0.8; }

@media screen and (max-width: 640px) { #zenith-fair2019 #site-footer .copyright { padding: 30px 22px; font-size: 0.625rem; } }

@media screen and (max-width: 980px) { #zenith-fair2019-header .container { margin: 0; } }

#zenith-fair2019-header img { vertical-align: bottom; width: 100%; height: auto; }

#zenith-fair2019-outline { background-color: #0a1020; }

#zenith-fair2019-outline .container { display: flex; align-items: center; }

@media screen and (max-width: 640px) { #zenith-fair2019-outline .container { flex-wrap: wrap; } }

#zenith-fair2019-outline .outline-img { width: 31.8367346939%; }

@media screen and (max-width: 640px) { #zenith-fair2019-outline .outline-img { margin: 0 auto 22px auto; width: 50%; } }

#zenith-fair2019-outline .outline-img li img { width: 100%; height: auto; max-width: 312px; }

#zenith-fair2019-outline .column { width: 68.3673469388%; text-align: center; color: #fff; line-height: 1.4; }

@media screen and (max-width: 640px) { #zenith-fair2019-outline .column { width: 100%; } }

#zenith-fair2019-outline .zenith-logo { margin: 0 auto 35px auto; max-width: 216px; }

@media screen and (max-width: 640px) { #zenith-fair2019-outline .zenith-logo { margin-bottom: 22px; max-width: 163px; } }

#zenith-fair2019-outline .zenith-logo img { width: 100%; height: auto; }

#zenith-fair2019-outline .title { font-size: 2.5rem; }

@media screen and (max-width: 640px) { #zenith-fair2019-outline .title { font-size: 1.5rem; } }

#zenith-fair2019-outline .term { font-size: 2.1875rem; }

@media screen and (max-width: 640px) { #zenith-fair2019-outline .term { font-size: 1.5rem; } }

#zenith-fair2019-outline .term span { margin: 0 13px; display: inline-block; text-indent: -10000px; overflow: hidden; width: 0; height: 0; border-left: 14px solid white; border-top: 7px solid transparent; border-bottom: 7px solid transparent; vertical-align: 0.25rem; }

@media screen and (max-width: 640px) { #zenith-fair2019-outline .term span { border-left: 10px solid white; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } }

#zenith-fair2019-outline .copy { margin-top: 35px; font-size: 1.375rem; opacity: 0.8; }

@media screen and (max-width: 640px) { #zenith-fair2019-outline .copy { margin-top: 22px; font-size: 0.875rem; } }

#zenith-fair2019-history { display: flex; align-items: center; }

@media screen and (max-width: 640px) { #zenith-fair2019-history { flex-wrap: wrap; } }

#zenith-fair2019-history .anv-logo, #zenith-fair2019-history .column { width: 50%; text-align: center; }

@media screen and (max-width: 640px) { #zenith-fair2019-history .anv-logo, #zenith-fair2019-history .column { width: 100%; } }

#zenith-fair2019-history .anv-logo { background-color: #fff; }

#zenith-fair2019-history .anv-logo img { width: 100%; height: auto; max-width: 254px; }

@media screen and (max-width: 640px) { #zenith-fair2019-history .anv-logo img { max-width: 148px; } }

#zenith-fair2019-history .column { color: #fff; }

#zenith-fair2019-history .column .title { display: block; font-size: 2.75rem; text-align: center; }

@media screen and (max-width: 640px) { #zenith-fair2019-history .column .title { font-size: 1.75rem; } }

#zenith-fair2019-history .column .title:before, #zenith-fair2019-history .column .title:after { margin: 35px auto; content: ''; display: block; width: 50px; height: 2px; background-color: #fff; transform: rotate(90deg); opacity: 1; }

@media screen and (max-width: 640px) { #zenith-fair2019-history .column .title:before, #zenith-fair2019-history .column .title:after { margin: 22px auto; width: 28px; } }

#zenith-fair2019-history .column .link-box { margin-top: 18px; padding: 22px; border-color: #fff; color: #fff; font-size: 1.25rem; }

@media screen and (max-width: 640px) { #zenith-fair2019-history .column .link-box { padding: 18px; font-size: 1rem; } }

#zenith-fair2019-history .column .link-box:after { margin-left: 13px; font-size: 1.25rem; }

@media screen and (max-width: 640px) { #zenith-fair2019-history .column .link-box:after { font-size: 1rem; } }

#zenith-fair2019-history .column .link-box:hover { background-color: #fff; color: #0a1020; }

#zenith-fair2019-lineup-push { background: #f7f7f7; background: linear-gradient(180deg, #f7f7f7 33%, lightgray 100%); }

#zenith-fair2019-lineup-push .container { display: flex; flex-direction: row-reverse; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-push .container { flex-wrap: wrap; } }

#zenith-fair2019-lineup-push .item { width: 41.8367346939%; text-align: center; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-push .item { width: 100%; } }

#zenith-fair2019-lineup-push .item img { width: 100%; height: auto; max-width: 312px; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-push .item img { max-width: 166px; } }

#zenith-fair2019-lineup-push .column { width: 58.1632653061%; line-height: 1.6; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-push .column { width: 100%; } }

#zenith-fair2019-lineup-push .column .title { font-size: 1.75rem; font-weight: bold; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-push .column .title { font-size: 1.375rem; } }

#zenith-fair2019-lineup-push .column .sub-title { margin-bottom: 35px; font-size: 1.125rem; font-weight: bold; color: #b7473f; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-push .column .sub-title { font-size: 1rem; } }

#zenith-fair2019-lineup-push .column h3 { margin-top: 35px; font-size: 0.875rem; font-weight: bold; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-push .column h3 { margin-top: 22px; } }

#zenith-fair2019-lineup-push .column p { font-size: 0.875rem; }

#zenith-fair2019-lineup-collection { text-align: center; }

#zenith-fair2019-lineup-collection .title { margin-bottom: 22px; font-size: 2rem; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-collection .title { font-size: 1.375rem; } }

#zenith-fair2019-lineup-collection .collection-list { margin-bottom: 35px; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-collection .collection-list { flex-wrap: wrap; } }

#zenith-fair2019-lineup-collection .collection-list li { width: 39.693877551%; box-shadow: none; display: inline-block; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-collection .collection-list li { margin-bottom: 22px; width: 100%; } }

#zenith-fair2019-lineup-collection .collection-list li .thumb { width: 100%; }

#zenith-fair2019-lineup-collection .collection-list li img { width: 100%; height: auto; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-collection .collection-list li img { width: 80%; } }

#zenith-fair2019-lineup-collection .collection-list .name { line-height: 1.5; font-size: 1.25rem; }

@media screen and (max-width: 640px) { #zenith-fair2019-lineup-collection .collection-list .name { font-size: 1rem; } }

#zenith-fair2019-novelty .container { padding: 35px; color: #fff; box-sizing: border-box; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .container { padding: 22px; } }

#zenith-fair2019-novelty .inner { display: flex; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .inner { display: block; text-align: center; } }

#zenith-fair2019-novelty .inner.novelty { margin-top: 35px; padding: 35px 35px 22px 35px; background-color: #0a1020; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .inner.novelty { margin-top: 22px; padding: 22px; } }

/*#zenith-fair2019-novelty .inner.novelty .panel { width: 27.0408163265%; }*/
#zenith-fair2019-novelty .inner.novelty .panel { width: 100%; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .inner.novelty .panel { width: 100%; } }

#zenith-fair2019-novelty .inner.novelty .panel img { width: 100%; height: auto; }

#zenith-fair2019-novelty .inner.novelty.sim { align-items: center; }

#zenith-fair2019-novelty .inner.novelty.sim img { width: 80%; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .inner.novelty.sim img { width: 40%; } }

#zenith-fair2019-novelty .inner.novelty .column .title { font-size: 1.375rem; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .inner.novelty .column .title { font-size: 1.125rem; } }

#zenith-fair2019-novelty .inner.novelty .column p { font-size: 0.9375rem; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .inner.novelty .column p { font-size: 0.8125rem; } }

#zenith-fair2019-novelty .panel { width: 40%; line-height: 1.4; text-align: center; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .panel { margin-bottom: 22px; width: 100%; } }

#zenith-fair2019-novelty .panel .zenith-logo { margin-bottom: 22px; display: inline-block; max-width: 181px; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .panel .zenith-logo { max-width: 121px; } }

#zenith-fair2019-novelty .panel .zenith-logo img { width: 100%; height: auto; }

#zenith-fair2019-novelty .panel .title { font-size: 1.375rem; font-weight: bold; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .panel .title { font-size: 1.125rem; } }

#zenith-fair2019-novelty .panel .term { font-size: 1.375rem; font-weight: bold; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .panel .term { font-size: 1.125rem; } }

#zenith-fair2019-novelty .panel .term span { margin: 0 13px; display: inline-block; text-indent: -10000px; overflow: hidden; width: 0; height: 0; border-left: 8px solid white; border-top: 6px solid transparent; border-bottom: 6px solid transparent; vertical-align: 0.15rem; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .panel .term span { margin: 0 8px; border-left: 6px solid white; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } }

#zenith-fair2019-novelty .panel .thumb { padding-right: 35px; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .panel .thumb { padding-right: 0; } }

#zenith-fair2019-novelty .panel .thumb figcaption { margin-top: 13px; font-size: 0.8125rem; }

#zenith-fair2019-novelty .column { line-height: 1.4; }

#zenith-fair2019-novelty .column .title { margin-bottom: 22px; font-size: 1.75rem; font-weight: bold; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .column .title { margin-bottom: 14px; font-size: 1.375rem; } }

#zenith-fair2019-novelty .column .novelty-list li { margin-bottom: 8px; padding-left: 0.75rem; position: relative; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .column .novelty-list li { text-align: left; font-size: 0.875rem; } }

#zenith-fair2019-novelty .column .novelty-list li:before { border-radius: 50%; content: ''; position: absolute; left: 0; top: 0.6rem; display: block; width: 4px; height: 4px; background-color: #fff; }

#zenith-fair2019-novelty .column .contact-btn { margin-top: 22px; }

#zenith-fair2019-novelty .column .contact-btn .link-box { margin-right: 22px; border-color: #fff; color: #fff; }

@media screen and (max-width: 640px) { #zenith-fair2019-novelty .column .contact-btn .link-box { margin-bottom: 13px; margin-right: 0; display: block; } }

#zenith-fair2019-novelty .column .contact-btn .link-box:hover { background-color: #fff; color: #0a1020; }

#zenith-fair2019-contact { position: relative; z-index: 1; background-color: #0a1020; overflow: hidden; }

#zenith-fair2019-contact .access-map { float: left; position: relative; width: 50%; height: 400px; }

@media screen and (max-width: 640px) { #zenith-fair2019-contact .access-map { float: none; width: 100%; height: 250px; } }

#zenith-fair2019-contact .access-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 400px; }

@media screen and (max-width: 640px) { #zenith-fair2019-contact .access-map iframe { height: 250px; } }

#zenith-fair2019-contact .contact-info { float: right; width: 50%; height: 400px; display: table; color: #fff; text-align: center; overflow: hidden; box-sizing: border-box; }

@media screen and (max-width: 640px) { #zenith-fair2019-contact .contact-info { padding: 30px 22px; float: none; width: 100%; height: auto; } }

#zenith-fair2019-contact .contact-info .inner { display: table-cell; vertical-align: middle; }

#zenith-fair2019-contact .contact-info .kmn-logo .prof { margin-bottom: 8px; display: block; font-size: 0.75rem; }

#zenith-fair2019-contact .contact-info .kmn-logo .logo { margin-bottom: 13px; width: 100%; height: auto; max-width: 131px; }

@media screen and (max-width: 640px) { #zenith-fair2019-contact .contact-info .kmn-logo .logo { max-width: 120px; } }

#zenith-fair2019-contact .contact-info .kmn-logo .shop-name { margin-bottom: 13px; display: block; font-size: 0.875rem; }

#zenith-fair2019-contact .contact-info .shop-info { margin-bottom: 22px; line-height: 2; font-size: 0.875rem; opacity: 0.8; }

@media screen and (max-width: 640px) { #zenith-fair2019-contact .contact-info .shop-info { line-height: 1.5; } }

#zenith-fair2019-contact .contact-info .link-box { margin: 0 11px 22px 11px; border-color: #fff; color: #fff; font-size: 0.875rem; }

#zenith-fair2019-contact .contact-info .link-box:hover { background-color: #fff; color: #0a1020; }