Server : Apache/2.4.43 (Win64) OpenSSL/1.1.1g PHP/7.4.6 System : Windows NT USER-PC 6.1 build 7601 (Windows 7 Professional Edition Service Pack 1) AMD64 User : User ( 0) PHP Version : 7.4.6 Disable Function : NONE Directory : C:/Users/User/AppData/Local/Google/Chrome/User Data/Default/Cache/Cache_Data/ |
@charset "UTF-8"; /* ========================================================================== フォント ========================================================================== */ @font-face { font-family: "DINCondensed-Bold"; font-weight: 700; font-style: normal; src: url(../fonts/DINCondBold/DINCondBold.eot?#iefix) format("embedded-opentype"), url(../fonts/DINCondBold/DINCondBold.woff) format("woff"), url(../fonts/DINCondBold/DINCondBold.ttf) format("truetype"), url(../fonts/DINCondBold/DINCondBold.svg#DINCondBold) format("svg"); } /* ========================================================================== 基本要素 ========================================================================== */ /* ページ全体 ========================================================================== */ html { background-color: #fff; color: #1a1a1a; font-family: "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 62.5%; font-weight: 500; line-height: 1.4; } body { font-size: 1.3rem; } .displayNone { display: none; } .container { padding-left: 20px; padding-right: 20px; } @media (min-width: 768px), print { .container { max-width: 980px; margin-left: auto; margin-right: auto; } } @media (min-width: 1440px), print { .container { max-width: 1280px; } } .container-bordered, .siteSectionNav .container, .siteTimeline .container, .siteTimeline + .siteRanking .container { position: relative; } .container-bordered::before, .siteSectionNav .container::before, .siteTimeline .container::before, .siteTimeline + .siteRanking .container::before { content: ""; position: absolute; left: 0; right: 0; top: 0; border-top: dashed 1px #000; } @media (min-width: 768px), print { .container-bordered::before, .siteSectionNav .container::before, .siteTimeline .container::before, .siteTimeline + .siteRanking .container::before { left: 20px; right: 20px; border-width: 2px; } } .container_colum { max-width: 700px; margin: 0 auto 50px; } @media (min-width: 768px), print { .container_colum { margin-bottom: 0; } } @media (min-width: 1440px), print { .container_colum { max-width: 1000px; } } .siteTtl { background: #f2f200; } .siteTtl p { font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 3.0rem; font-weight: bold; letter-spacing: -0.01em; text-transform: uppercase; padding: 4px 20px; margin: 0; } @media (min-width: 768px), print { .siteTtl p { max-width: 980px; font-size: 3.6rem; padding: 0 20px; margin: auto; } } @media (min-width: 1440px), print { .siteTtl p { max-width: 1280px; } } .siteTtl.small p { font-size: 2.0rem; padding: 1px 10px; letter-spacing: -0.01em; } @media (min-width: 768px), print { .siteTtl.small p { font-size: 2.4rem; line-height: 1; padding: 2px 20px; } } .pageTtl { font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 2.1rem; font-weight: 500; margin: 25px 0 20px; } @media (min-width: 768px), print { .pageTtl { font-size: 3.0rem; line-height: 2; margin: 50px 0; } } .pageTtl .date { display: block; color: #999; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.4rem; font-weight: bold; letter-spacing: -0.01em; line-height: 1; margin-bottom: 10px; } /* ENGLISH ========================================================================== */ @media (max-width: 767px), print { .lang-en .word:nth-child(2) { padding: 0 15.625%; } } @media (max-width: 1439px), print { .lang-en #articles .eventRelation ul li a { font-size: inherit !important; } } .lang-en .siteAbout .word { font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.8rem; } /* Google 翻訳ツールバー削除 ========================================================================== */ .goog-te-banner-frame { display: none !important; height: 0 !important; } #google_translate_element { display: none !important; } .lang-en body { top: 0 !important; } /* Anchor Text ========================================================================== */ @media (min-width: 768px), print { #page .siteBody a, #event #overviewContent .ctr a, #event #overviewContent .ctrSide dl a, #articles .pageMain .txt a, #articles .pageMain blockquote a, #articles .relatedLinks li a, #wisdompickup .itemBox .linkLst li a, #about p a, #about .aboutTxt li a span, #about #info li a, #contact .txt a { position: relative; } #page .siteBody a::after, #event #overviewContent .ctr a::after, #event #overviewContent .ctrSide dl a::after, #articles .pageMain .txt a::after, #articles .pageMain blockquote a::after, #articles .relatedLinks li a::after, #wisdompickup .itemBox .linkLst li a::after, #about p a::after, #about .aboutTxt li a span::after, #about #info li a::after, #contact .txt a::after { content: ""; position: absolute; bottom: -1px; left: 0; right: 0; margin: 0 auto; width: 0; border-bottom: 1px solid #ccc; -webkit-transition: width ease-out 350ms; transition: width ease-out 350ms; -webkit-transition-delay: 50ms; transition-delay: 50ms; } #page .siteBody a:hover, #event #overviewContent .ctr a:hover, #event #overviewContent .ctrSide dl a:hover, #articles .pageMain .txt a:hover, #articles .pageMain blockquote a:hover, #articles .relatedLinks li a:hover, #wisdompickup .itemBox .linkLst li a:hover, #about p a:hover, #about .aboutTxt li a span:hover, #about #info li a:hover, #contact .txt a:hover { opacity: 1 !important; } #page .siteBody a:hover::after, #event #overviewContent .ctr a:hover::after, #event #overviewContent .ctrSide dl a:hover::after, #articles .pageMain .txt a:hover::after, #articles .pageMain blockquote a:hover::after, #articles .relatedLinks li a:hover::after, #wisdompickup .itemBox .linkLst li a:hover::after, #about p a:hover::after, #about .aboutTxt li a span:hover::after, #about #info li a:hover::after, #contact .txt a:hover::after { width: 100%; } } /* インライン要素 ========================================================================== */ audio, canvas, iframe, img, svg, video { max-width: 100%; } a { color: #0095b3; text-decoration: none; } html:not(.ua-mobile) a:hover { opacity: .8; } /* ボタン ========================================================================== */ .btn { padding: 0; border: none; color: inherit; text-decoration: none; position: relative; display: inline-block; font-family: "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; text-align: center; } .btn-menu, .btn-close { overflow: hidden; width: 40px; height: 0; padding-top: 40px; background-position: 50%; } @media (min-width: 768px), print { .btn-menu, .btn-close { width: 60px; padding-top: 60px; } } .btn-menu { background-image: url(../img/icon_menu_open.svg); background-size: 24px auto; } @media (min-width: 768px), print { .btn-menu { background-size: 48px auto; } } .btn-close { background-color: #f2f200; background-image: url(../img/icon_menu_close.svg); background-size: 20px auto; } @media (min-width: 768px), print { .btn-close { background-size: 40px auto; } } .btn-end { cursor: default; background: #ddd !important; } .btn-end:hover { opacity: 1 !important; } /* フォーム要素 ========================================================================== */ .input-text { padding: 0; min-width: 0; padding: 2px 4px; border: solid 1px #d9d9d9; border-radius: 0; background-color: #fff; font-family: "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.6rem; } select.input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; background-image: url(../img/icon_select_down.svg); background-size: 9px auto; background-position: right 8px top 50%; } select.input-text::-ms-expand { display: none; } .input-text::-webkit-input-placeholder { color: #ccc; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; } .input-text:-ms-input-placeholder { color: #ccc; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; } .input-text:placeholder-shown { color: #ccc; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; } .input-group, .input-group-compact { display: -webkit-box; display: flex; } .input-group .input-text, .input-group-compact .input-text { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 100%; } .input-group .btn, .input-group-compact .btn { flex-shrink: 0; } .input-group > :not(:first-child) { margin-left: 20px; } .input-group-compact { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .input-group-compact > :not(:first-child) { margin-top: 20px; } .input-group-compact .btn { flex-shrink: 0; } @media (min-width: 768px), print { .input-group-compact { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .input-group-compact > :not(:first-child) { margin-top: 0; margin-left: 20px; } } /* モーダル ========================================================================== */ .modal { padding: 0; border: none; top: 0; width: 100%; } .modal::-webkit-backdrop { background: rgba(0, 0, 0, 0.5); } .modal::backdrop { background: rgba(0, 0, 0, 0.5); } .modal + .backdrop { background: rgba(0, 0, 0, 0.5); } /* Googleカスタム検索 ========================================================================== */ .gsc-control-cse { padding: 0 !important; border: none !important; } .gsc-search-box { margin: 0 !important; } .gsc-input { padding-right: 14px !important; } .gsib_a { padding: 0 !important; } .gsib_b { display: none; } .gsc-input-box-hover, .gsc-input-box-focus { box-shadow: none !important; } .gsc-input-box { height: 28px !important; } .gsc-input-box table { height: 100%; } input.gsc-input { padding: 2px 4px !important; background-image: none !important; } input.gsc-input::-webkit-input-placeholder { color: #fff !important; opacity: 0 !important; } input.gsc-input:-ms-input-placeholder { color: #fff !important; opacity: 0 !important; } input.gsc-input::-ms-input-placeholder { color: #fff !important; opacity: 0 !important; } input.gsc-input::placeholder { color: #fff !important; opacity: 0 !important; } input.gsc-search-button { cursor: pointer; width: 70px !important; height: 28px !important; margin: 0 !important; border: none !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } button.gsc-search-button-v2 { position: relative; width: 70px !important; height: 28px !important; margin: 0 !important; background-color: #000 !important; border: none !important; vertical-align: middle; overflow: hidden; cursor: pointer; } /* ========================================================================== .siteHeader ========================================================================== */ .siteHeader { padding-top: 10px; padding-bottom: 10px; } .siteHeader .container { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding-left: 10px; padding-right: 10px; } .siteHeader .logo { margin: 0; flex-shrink: 0; margin-top: 5px; } .siteHeader .logo a { color: inherit; text-decoration: none; display: block; } .siteHeader .logo img { display: block; height: 35px; } .siteHeader .btn-menu { margin-right: -8px; } @media (min-width: 768px), print { .siteHeader { padding-top: 30px; padding-bottom: 20px; position: relative; background-color: #fff; z-index: 1; } .siteHeader .container { -webkit-box-align: stretch; align-items: stretch; } .siteHeader .logo { margin-top: 0; } .siteHeader .logo img { height: 70px; } .siteHeader .btn-menu { display: none; } } /* ========================================================================== .siteMenu ========================================================================== */ .siteMenu { display: none; } @media (min-width: 768px), print { .siteMenu { display: block; margin-left: 20px; } .siteMenu .row { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; } .siteMenu .list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; } .siteMenu .list a { color: inherit; text-decoration: none; display: block; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; } .siteMenu .list a.current { border-bottom: solid 2px; } .siteMenu .list-lang { margin-right: 16px; font-size: 1.4rem; } .siteMenu .list-lang li:not(:first-child) { margin-left: 12px; } .siteMenu .list-lang a { padding: 3px 2px; } .siteMenu .qtranxs_language_chooser { margin: 0; padding: 0; list-style: none; margin-right: 16px; font-size: 1.4rem; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; } .siteMenu .qtranxs_language_chooser li:not(:first-child) { margin-left: 12px; } .siteMenu .qtranxs_language_chooser a { display: block; color: inherit; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; text-decoration: none; padding: 3px 2px; } .siteMenu .qtranxs_language_chooser li.active a { border-bottom: solid 2px; } .siteMenu .list-nav { margin-top: 18px; margin-right: -9px; font-size: 1.7rem; } .siteMenu .list-nav li:not(:first-child) { margin-left: 6px; } .siteMenu .list-nav a { padding-left: 9px; padding-right: 9px; } .siteMenu .search { width: 300px; } } /* ========================================================================== .siteFooter ========================================================================== */ .siteFooter { margin-top: 52px; padding-bottom: 30px; } .siteFooter .list { margin: 0; padding: 0; list-style: none; } .siteFooter .list a { color: inherit; text-decoration: none; display: block; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; } .siteFooter .list-social { display: -webkit-box; display: flex; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; } .siteFooter .list-social a { padding: 10px 16px; } .siteFooter .list-social img { display: block; max-width: 22px; } .siteFooter .list-info { padding-top: 14px; padding-bottom: 14px; border: 1px #333; border-style: solid none; font-size: 1.6rem; } .siteFooter .list-info a { padding-top: 6px; padding-bottom: 6px; } .siteFooter .copyright { margin: 0; margin-top: 40px; color: #666; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.1rem; } @media (min-width: 768px), print { .siteFooter { margin-top: 100px; padding-bottom: 38px; } .siteFooter .list-social li:not(:first-child) { margin-left: 16px; } .siteFooter .list-social a { padding-left: 12px; padding-right: 12px; } .siteFooter .list-social img { max-width: 20px; } .siteFooter .list-info { display: -webkit-box; display: flex; flex-wrap: wrap; border-color: #b9b9b9; } .siteFooter .list-info li:not(:first-child) { margin-left: 12px; } .siteFooter .list-info a { padding-top: 0; padding-bottom: 0; } .siteFooter .siteFooterSection { margin-top: 18px; } .siteFooter .copyright { margin-top: 25px; } } /* ========================================================================== .siteFooterSection ========================================================================== */ .siteFooterSection { margin-top: 12px; } .siteFooterSection .heading { margin: 0; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 2.1rem; } .siteFooterSection .input-group { margin-top: 10px; } .siteFooterSection .btn { min-width: 70px; border-radius: 4px; background-color: #f2f200; color: #1a1a1a; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.6rem; font-weight: bold; line-height: 1.4; } .siteFooterSection.form-email.warning .newsletter-warning { display: block; } .siteFooterSection p { margin: 0; margin-top: 10px; color: #666; } .siteFooterSection .newsletter-warning { display: none; color: #ff2300 !important; } @media (min-width: 768px), print { .siteFooterSection { font-size: 1.1rem; } .siteFooterSection .input-group { margin-top: 4px; max-width: 335px; } } /* ========================================================================== .siteAbout ========================================================================== */ .siteAbout { position: relative; background-color: #f2f200; padding-top: 10px; padding-bottom: 10px; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.4rem; /* weight: bold; */ text-align: center; text-transform: uppercase; } .siteAbout p { margin: 0; } .siteAbout .word { display: block; background-color: #fff; line-height: 1; } .siteAbout .word:not(:first-child) { padding-top: 5px; margin-top: 0; } .siteAbout .word:first-child { padding-top: 3px; } .siteAbout .word-en { font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.8rem; line-height: 0.7; padding-bottom: 5px; } .siteAbout .btn { position: absolute; right: 15px; top: 50%; padding-left: 2px; padding-right: 2px; background-color: #000; color: #fff; font-size: 1rem; vertical-align: top; -webkit-transform: translateY(-50%); transform: translateY(-50%); } html.ua-ie .siteAbout .word { height: 1em; line-height: 0; } @media (min-width: 768px), print { .siteAbout { padding-top: 13px; padding-bottom: 13px; font-size: 1.6rem; line-height: 1.125; } .siteAbout p { background-color: #fff; } .siteAbout .word { display: inline-block; background-color: transparent; } .siteAbout .word:not(:first-child) { padding-top: 0; margin-top: 0; } .siteAbout .word:first-child { padding-top: 0; } .siteAbout .word-en { line-height: inherit; padding-bottom: 0; } .siteAbout .btn { position: static; padding: 3px 1px; margin-top: 1px; font-size: 1.2rem; -webkit-transform: none; transform: none; } html.ua-ie .siteAbout p, html.ua-ie .siteAbout .btn { height: 1.8rem; } } /* ========================================================================== .siteModalMenu ========================================================================== */ .siteModalMenu { padding-top: 14px; padding-bottom: 26px; } .siteModalMenu .container { padding-left: 30px; padding-right: 30px; } .siteModalMenu .btn-close { position: absolute; right: 10px; top: 10px; } .siteModalMenu .search { margin-top: 32px; margin-left: -10px; margin-right: -10px; } .siteModalMenu .list { margin: 0; padding: 0; list-style: none; } .siteModalMenu .list a { color: inherit; text-decoration: none; display: block; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; } .siteModalMenu .list-lang { display: -webkit-box; display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; font-size: 1.9rem; } .siteModalMenu .list-lang li:not(:first-child) { margin-left: 20px; } .siteModalMenu .list-lang a.current { border-bottom: solid 2px; } .siteModalMenu .qtranxs_language_chooser { margin: 0; padding: 0; list-style: none; margin-right: 16px; font-size: 1.4rem; display: -webkit-box; display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; font-size: 1.9rem; } .siteModalMenu .qtranxs_language_chooser li:not(:first-child) { margin-left: 20px; } .siteModalMenu .qtranxs_language_chooser a { display: block; color: inherit; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; text-decoration: none; } .siteModalMenu .qtranxs_language_chooser li.active a { border-bottom: solid 2px; } .siteModalMenu .list-nav { margin-top: 18px; font-size: 2.6rem; text-align: center; } .siteModalMenu .list-nav a { padding-top: 2px; padding-bottom: 2px; } .siteModalMenu .list-info { display: -webkit-box; display: flex; justify-content: space-around; margin-top: 22px; padding-top: 15px; padding-bottom: 15px; border: 1px #e6e6e6; border-style: solid none; font-size: 1.6rem; } /* ========================================================================== .siteModalSlogan ========================================================================== */ html[data-modal="siteModalSlogan"] { overflow-y: hidden; } .siteModalSlogan { position: fixed; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; border: solid 5px #f2f200; font-size: 1.5rem; text-align: center; } .siteModalSlogan::-webkit-backdrop { background: #fff; } .siteModalSlogan::backdrop { background: #fff; } .siteModalSlogan + .backdrop { background: #fff; } .siteModalSlogan .container { overflow-x: hidden; overflow-y: auto; height: 100%; margin-left: 0; margin-right: 0; padding-top: 104px; padding-bottom: 100px; } .siteModalSlogan .btn-close { position: fixed; right: 22px; top: 22px; } .siteModalSlogan .logo { margin: 0; width: 72px; margin-left: auto; margin-right: auto; margin-bottom: 46px; } .siteModalSlogan p { margin: 0; margin-top: 1.4em; } @media (min-width: 768px), print { .siteModalSlogan { top: 50%; width: 580px; height: auto; max-height: 100%; border-width: 6px; font-size: 2rem; line-height: 1.6; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .siteModalSlogan .container { padding-top: 54px; padding-bottom: 50px; } .siteModalSlogan .btn-close { position: absolute; right: -6px; top: -6px; -webkit-transform: translateX(100%); transform: translateX(100%); } .siteModalSlogan .logo { width: 82px; margin-bottom: 52px; } .siteModalSlogan p { margin-top: 1.6em; } } /* ========================================================================== .siteSectionNav ========================================================================== */ .siteSectionNav .container { padding-left: 0; padding-right: 0; } .siteSectionNav ul { margin: 0; padding: 0; list-style: none; } .siteSectionNav li:not(:first-child) { border-top: dashed 1px #000; } .siteSectionNav a { color: inherit; text-decoration: none; position: relative; display: block; padding: 14px 20px; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.9rem; } .siteSectionNav a::after { content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width: 10px; height: 10px; margin-top: auto; margin-bottom: auto; border: 2px; border-style: none none solid solid; -webkit-transform: rotate(-45deg) translateY(-3px); transform: rotate(-45deg) translateY(-3px); } @media (min-width: 768px), print { .siteSectionNav .container { padding-left: 20px; padding-right: 20px; } .siteSectionNav ul { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .siteSectionNav li:not(:first-child) { border-top: none; margin-left: 24px; } .siteSectionNav a { padding-left: 0; padding-right: 24px; font-size: 1.7rem; } .siteSectionNav a::after { right: 0; } } /* ========================================================================== .siteRecent ========================================================================== */ .siteRecent { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px), print { .siteRecent { padding-top: 30px; padding-bottom: 30px; } } /* ========================================================================== .siteTimeline ========================================================================== */ .siteRanking + .siteTimeline { margin-top: 30px; } .siteTimeline + .siteTimeline { margin-top: 40px; } .siteTimeline .container { padding-top: 30px; } .siteTimeline-header { position: relative; text-align: center; } .siteTimeline-header *:not(:last-child) { margin-bottom: 20px; } .siteTimeline-header .btn-form { padding: 6px 10px; background-color: #000; color: #fff; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /* font-weight: bold; */ } .siteTimeline-heading { margin: 0; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 3rem; text-align: center; } .siteTimeline .timeline, .siteTimeline .button { position: relative; } .siteTimeline .timeline::before, .siteTimeline .button::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 3px; margin-left: auto; margin-right: auto; background-color: #c0c0c0; } .siteTimeline .timeline { margin: 0; padding: 0; padding-top: 40px; } .siteTimeline .timeline::before { height: 100%; } .siteTimeline .timeline > .item { color: inherit; text-decoration: none; position: relative; display: block; } .siteTimeline .timeline > .item:not(:first-child) { margin-top: 40px; } .siteTimeline .timeline > .item::after { position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; border-radius: 50%; } .siteTimeline .timeline > .item[data-new="false"]::after { content: ""; top: -3px; width: 9px; height: 9px; background-color: #000; } .siteTimeline .timeline > .item[data-new="true"]::after { content: "NEW"; top: -14px; width: 30px; height: 30px; background-color: #f2f200; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.2rem; text-align: center; line-height: 30px; } .siteTimeline .button { width: 200px; margin-left: auto; margin-right: auto; padding-top: 40px; } .siteTimeline .button::before { height: 40px; } .siteTimeline .btn-more { display: block; padding: 6px; border: solid 3px #000; background-color: #fff; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 2rem; font-weight: bold; } @media (min-width: 768px), print { .siteRanking + .siteTimeline { margin-top: 15px; } .siteTimeline + .siteTimeline { border-top: none; margin-top: 30px; } .siteTimeline .container { border-width: 2px; } .siteTimeline-header *:not(:last-child) { margin-bottom: 0; } .siteTimeline-header .btn-form { position: absolute; right: 0; top: 50%; min-width: 140px; padding: 9px 13px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .siteTimeline-heading { margin-top: -3px; margin-bottom: -3px; font-size: 4rem; } .siteTimeline .timeline::before, .siteTimeline .button::before { width: 4px; background-color: #b9b9b9; } .siteTimeline .timeline { padding-top: 45px; padding-bottom: 28px; } .siteTimeline .timeline::after { content: ""; display: block; clear: both; } .siteTimeline .timeline > .item { width: 50%; } .siteTimeline .timeline > .item:nth-child(2) { margin-top: 60px; } .siteTimeline .timeline > .item:nth-child(n+3) { margin-top: 45px; } .siteTimeline .timeline > .item::before { content: ""; position: absolute; top: 0; width: 28px; height: 4px; background-image: url(../img/bg_timeline_line.png); background-size: auto 100%; background-repeat: repeat-x; } .siteTimeline .timeline > .item::after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .siteTimeline .timeline > .item:nth-child(odd) { float: left; clear: left; padding-right: 50px; } .siteTimeline .timeline > .item:nth-child(odd)::before { right: 14px; } .siteTimeline .timeline > .item:nth-child(odd)::after { left: 100%; } .siteTimeline .timeline > .item:nth-child(even) { float: right; clear: right; padding-left: 50px; } .siteTimeline .timeline > .item:nth-child(even)::before { left: 14px; } .siteTimeline .timeline > .item:nth-child(even)::after { right: 100%; } .siteTimeline .timeline > .item[data-new="false"]::after { width: 10px; height: 10px; } .siteTimeline .timeline > .item[data-new="true"]::after { top: -20px; width: 44px; height: 44px; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.4rem; line-height: 44px; } .siteTimeline .button { width: 288px; padding-top: 20px; } .siteTimeline .button::before { height: 20px; } .siteTimeline .btn-more { font-size: 24px; padding: 11px; border-width: 4px; border-color: #b9b9b9; } } /* ========================================================================== .siteArticleThumb ========================================================================== */ .siteArticleThumb a img:hover { opacity: .8; } .siteArticleThumb .thumb { display: block; width: 100%; } .siteArticleThumb .header { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; margin-top: 20px; } .siteArticleThumb .header .meta { flex-shrink: 0; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; line-height: .9; } .siteArticleThumb .header .heading { margin: 0; -webkit-box-flex: 1; flex-grow: 1; margin-top: -3px; margin-bottom: -3px; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.5rem; font-weight: 500; } .siteArticleThumb .header .heading a { color: #000; text-decoration: none; } .siteArticleThumb[data-category="default"] .header .meta { width: 56px; margin-right: 14px; border-right: solid 1px #d9d9d9; font-size: 1.2rem; } .siteArticleThumb[data-category="default"] .header .category, .siteArticleThumb[data-category="default"] .header .date { display: block; } .siteArticleThumb[data-category="default"] .header .category { font-size: 1.4rem; } .siteArticleThumb[data-category="default"] .header .date { margin-top: 3px; color: #b2b2b2; } .siteArticleThumb[data-category="event"] .header .meta { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; width: 70px; padding-right: 16px; font-size: 1.2rem; } .siteArticleThumb[data-category="event"] .header .date { width: 100%; margin-top: 1px; font-size: 3rem; } .siteArticleThumb .main { margin-top: 15px; } .siteArticleThumb .main > :first-child { margin-top: 0; } .siteArticleThumb .main p, .siteArticleThumb .main dl { margin: 0; margin-top: 15px; } .siteArticleThumb .main dl { display: table; width: 100%; } .siteArticleThumb .main dl > div { display: table-row; } .siteArticleThumb .main dl > div:not(:first-child) dt, .siteArticleThumb .main dl > div:not(:first-child) dd { padding-top: 8px; } .siteArticleThumb .main dt, .siteArticleThumb .main dd { display: table-cell; } .siteArticleThumb .main dt { width: 70px; } .siteArticleThumb .footer { margin-top: 18px; } .siteArticleThumb .footer ul { margin: 0; padding: 0; list-style: none; } .siteArticleThumb .footer li:not(:first-child) { margin-top: 20px; } .siteArticleThumb .footer .btn { display: block; padding: 10px; border: solid 2px #000; background-color: #f2f200; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.5rem; /* weight: bold; */ } @media (min-width: 768px), print { .siteArticleThumb .header { margin-top: 30px; width: 100%; } .siteArticleThumb .header .heading { font-size: 1.8rem; } .siteArticleThumb[data-category="default"] .header .meta { width: 61px; margin-right: 29px; } .siteArticleThumb[data-category="default"] .header .category { font-size: 1.8rem; } .siteArticleThumb[data-category="default"] .header .date { margin-top: 7px; } .siteArticleThumb[data-category="event"] .header .meta { width: 90px; padding-right: 24px; font-size: 1.4rem; } .siteArticleThumb[data-category="event"] .header .date { margin-top: 7px; font-size: 3.6rem; } .siteArticleThumb .main { margin-top: 25px; line-height: 1.7; } .siteArticleThumb .main dt { width: 90px; } .siteArticleThumb .footer li:not(:first-child) { margin-top: 10px; } .siteArticleThumb .footer .btn { padding: 5px; } } /* ========================================================================== .siteTimelineArticle ========================================================================== */ .siteTimelineArticle { padding-bottom: 30px; border-top: solid 3px #000; background: rgba(255, 255, 255, 0.8); } @media (min-width: 768px), print { .siteTimelineArticle { padding-bottom: 0; border-width: 4px; } } /* ========================================================================== .siteRecentArticle ========================================================================== */ @media (min-width: 768px), print { .siteRecentArticle .container { display: -webkit-box; display: flex; padding-left: 40px; padding-right: 40px; } .siteRecentArticle .image { flex-shrink: 0; width: 35.55555555555556%; margin-right: 15px; } .siteRecentArticle .text { display: -webkit-box; display: flex; flex-wrap: wrap; } .siteRecentArticle .header { margin-top: 0; } .siteRecentArticle .main, .siteRecentArticle .footer { margin-top: 30px; } .siteRecentArticle .main { -webkit-box-flex: 1; flex-grow: 1; width: 10%; } .siteRecentArticle .footer { width: 160px; margin-left: 15px; } } /* ========================================================================== .siteModalArticleSearch ========================================================================== */ html[data-modal="siteModalArticleSearch"] { overflow-y: hidden; } .siteModalArticleSearch { position: fixed; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 25px 20px; border: solid 4px #000; font-size: 1.4rem; text-align: center; } .siteModalArticleSearch::-webkit-backdrop { background: rgba(255, 255, 255, 0.9); } .siteModalArticleSearch::backdrop { background: rgba(255, 255, 255, 0.9); } .siteModalArticleSearch + .backdrop { background: rgba(255, 255, 255, 0.9); } .siteModalArticleSearch .btn-close-rounded { position: absolute; right: 10px; top: 10px; width: 23px; height: 0; padding-top: 23px; overflow: hidden; background-image: url(../img/icon_modal_close.svg); background-size: 22px 23px; } .siteModalArticleSearch .heading { margin: 0; margin-bottom: 30px; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.8rem; font-weight: 500; text-align: center; } .siteModalArticleSearch .input-group-compact > * { margin-left: auto; margin-right: auto; } .siteModalArticleSearch .input-group-compact .input-text { width: 100%; } .siteModalArticleSearch .input-group-compact select.input-text { width: 70%; } .siteModalArticleSearch .btn-form { min-width: 60px; padding: 0 3px 3px; background-color: #000; color: #fff; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /* font-weight: bold; */ } @media (min-width: 768px), print { .siteModalArticleSearch { top: 50%; width: 600px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .siteModalArticleSearch .input-group-compact > :not(:first-child) { margin-left: 20px; } .siteModalArticleSearch .input-group-compact .input-text { width: auto; } .siteModalArticleSearch .input-group-compact select.input-text { width: auto; flex-basis: 70%; } } /* ========================================================================== .siteRanking ========================================================================== */ .siteTimeline + .siteRanking { margin-top: 60px; } .siteTimeline + .siteRanking .container { padding-top: 30px; } .siteRanking .container { padding-top: 20px; } .siteRanking-heading { margin: 0; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.4rem; font-weight: 500; } .siteRanking .ranking { margin: 0; padding: 0; list-style: none; margin-top: 20px; } .siteRanking .ranking > .item { color: inherit; text-decoration: none; display: block; } .siteRanking .ranking > .item:not(:first-child) { margin-top: 30px; } .siteRanking .ranking > .item:nth-child(1) .rank:before { content: "1"; } .siteRanking .ranking > .item:nth-child(2) .rank:before { content: "2"; } .siteRanking .ranking > .item:nth-child(3) .rank:before { content: "3"; } .siteRanking .ranking > .item:nth-child(4) .rank:before { content: "4"; } .siteRanking .ranking > .item:nth-child(5) .rank:before { content: "5"; } .siteRanking .ranking > .item:nth-child(6) .rank:before { content: "6"; } .siteRanking .ranking > .item:nth-child(7) .rank:before { content: "7"; } .siteRanking .ranking > .item:nth-child(8) .rank:before { content: "8"; } .siteRanking .ranking > .item:nth-child(9) .rank:before { content: "9"; } .siteRanking .ranking > .item:nth-child(10) .rank:before { content: "10"; } .siteRanking .ranking.lower .item:nth-child(-n + 3) { display: none; } .siteRanking .button { margin-top: 25px; padding-left: 15px; padding-right: 15px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: end; align-items: flex-end; } .siteRanking .btn-more { position: relative; padding-right: 25px; color: #0095b3; font-weight: bold; } .siteRanking .btn-more::after { content: ""; color: #000; position: absolute; right: 0; top: 0; bottom: 0; width: 10px; height: 10px; margin-top: auto; margin-bottom: auto; border: 2px; border-style: none none solid solid; -webkit-transform: rotate(-45deg) translateY(-4px); transform: rotate(-45deg) translateY(-4px); } @media (min-width: 768px), print { .siteTimeline + .siteRanking .container { padding-top: 60px; } .siteRanking .container { padding-top: 25px; } .siteRanking-heading { font-size: 2rem; } .siteRanking .ranking { display: -webkit-box; display: flex; flex-wrap: wrap; margin-top: -15px; margin-left: -38px; } .siteRanking .ranking > .item { width: calc((100% / 3) - 38px); margin-left: 38px; margin-top: 35px; } .siteRanking .ranking > .item:not(:first-child) { margin-top: 35px; } .siteRanking .button { /* margin-top: 10px; */ padding-left: 0; padding-right: 0; } } /* ========================================================================== .siteRankingArticle ========================================================================== */ .siteRankingArticle { -webkit-box-align: start; align-items: flex-start; font-size: 1.4rem; } .siteRankingArticle::after { content: ""; display: block; clear: both; } .siteRankingArticle .thumb { float: left; position: relative; flex-shrink: 0; width: 112px; height: 0; margin-right: 20px; padding-top: 63px; overflow: hidden; vertical-align: top; } .siteRankingArticle .thumb img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .siteRankingArticle .thumb .rank { position: absolute; left: 9px; bottom: 4px; width: 23px; height: 19.36842px; padding-top: 3px; background-image: url(../img/icon_ranking_crown.svg); background-size: 100% auto; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.2rem; font-weight: bold; text-align: center; } .siteRankingArticle .heading { margin: 0; font-size: inherit; font-weight: inherit; line-height: 1.5; vertical-align: top; overflow: hidden; } @media (min-width: 768px), print { .siteRankingArticle { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: stretch; align-items: stretch; } .siteRankingArticle .thumb { width: auto; float: none; margin-right: 0; margin-bottom: 15px; padding-top: 56.79442508710801%; } .siteRankingArticle .thumb .rank { bottom: auto; top: 10px; left: 10px; width: 38px; height: 32px; padding-top: 7px; font-size: 1.68rem; } } /* ========================================================================== .list-share ========================================================================== */ .list-share { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; margin: 0 0 20px; } @media (min-width: 768px), print { .list-share { margin-bottom: 10px; } } .list-share p { font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.3rem !important; font-weight: bold !important; letter-spacing: -0.01em; line-height: 30px !important; margin: 0; margin-right: 5px !important; } .list-share ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: flex; flex-wrap: wrap; } .list-share ul li { width: 30px; line-height: 30px; margin: 0 5px; }