@charset "UTF-8"; :root { --key-color: #003DA5; --background-color-light-a: #e7ebf6; --background-color-light-b: #f5f5f5; --background-color-semi-light: #ddd; --background-color-dark: #505050; --background-color-caution: #faf2f2; --background-color-hover: #1949C3; --line-color: #ccc; --line-hover-color: #1949C3; --line-color-dark: #505050; --text-color: #191919; --text-color-light: #505050; --text-link-color: #003da5; --text-link-hover-color: #1949C3; --caution-color: #a20000; --videojs-root-font-size: 1rem; --fixed-header-height: 3.4375em; } * { padding: 0; margin: 0; vertical-align: baseline; background-color: transparent; } html, body { height: 100%; } html { font-size: 62.5%; scroll-behavior: smooth; } html[data-page-loading] body *, html[data-page-loading] body *::before, html[data-page-loading] body *::after { transition: none !important; } body { overflow-x: hidden; font-family: "BIZ UDGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 1.6rem; line-height: 1.5; color: var(--text-color); letter-spacing: 0.063em; background-color: #fff; -webkit-text-size-adjust: 100%; } body[data-disable-scroll=true] { position: fixed; width: 100%; height: 100%; overflow-y: hidden; } html[lang=en] body, html[lang=en] body input:not([type=checkbox]):not([type=radio]):not([type=image]):not([type=file]), html[lang=en] body textarea { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; } img, picture, svg { max-inline-size: 100%; block-size: auto; vertical-align: bottom; } a { text-decoration: underline; text-underline-offset: 2px; } a:link, a:visited { color: var(--text-link-color); } a:focus { color: var(--text-link-hover-color); text-decoration-thickness: 2px; } a:active { color: #2d5e97; } a, button, input, select, textarea { outline: 0 solid transparent; } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: solid #08f; } li { list-style: none; } input:not([type=checkbox]):not([type=radio]):not([type=image]):not([type=file]), select, textarea { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 1.6rem; } select { cursor: pointer; } sup { vertical-align: super; } sub { vertical-align: sub; } .cf::before, .cf::after { display: table; content: ""; } .cf::after { clear: both; } .clear { clear: both; } .clear::after { display: block; clear: both; content: ""; } .p-actionButton.-green::before, .p-actionButton.-white:hover::after, .p-actionButton.-white:hover::before, .p-audioTrackNav__prev .p-audioTrackNav__button.-back::after, .p-pagination__prev a:hover, .p-pagination__prev a:active, .p-pagination__prev a:focus, .p-pagination__next a:hover, .p-pagination__next a:active, .p-pagination__next a:focus, .p-feedbackTextForm__submit::after, html[data-text-zoom=true] .p-feedbackTextForm__submit::after, .p-keyVisual__actionButton:hover::after, .p-keyVisual__actionButton:active::after, .p-keyVisual__actionButton:focus::after, .c-button.-white:hover::after, .c-button.-white:active::after, .c-button.-white:focus::after, .c-button.-back:hover::after, .c-button.-back:active::after, .c-button.-back:focus::after, .c-button:not(.-white):not(.-back)::after, .c-actionButton::after, .c-simpleButton__button.-back:hover::before, .c-simpleButton__button.-back:active::before, .c-simpleButton__button.-back:focus::before { background-image: url('data:image/svg+xml;charset=UTF-8,'); } .p-searchResult__listItemTitle> span::after, .p-pagination__prev a, .p-pagination__next a, .p-keyVisual__actionButton::after, .p-information__more a::after, .p-movie__supports a::after, .c-button.-white::after, .c-button.-back::after, .c-simpleButton__button.-back::before, .c-arrowList__link::after { background-image: url('data:image/svg+xml;charset=UTF-8,'); } .p-feedbackTextForm__submit[disabled]::after { background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyLjY0NyIgdmlld0JveD0iMCAwIDcuMzQ5IDEyLjY0NyIgd2lkdGg9IjcuMzQ5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Im0wIDBoNy4zNDl2MTIuNjQ3aC03LjM0OXoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIDcuMzQ5IDEyLjY0NykiPjxwYXRoIGQ9Im02LjMyNCAxMi42NDdhMS4wMjMgMS4wMjMgMCAwIDEgLS43MjUtLjNsLTUuMjk5LTUuMjk5YTEuMDI2IDEuMDI2IDAgMCAxIDAtMS40NDhsNS4zLTUuM2ExLjAyNiAxLjAyNiAwIDAgMSAxLjQ1IDEuNDVsLTQuNTc0IDQuNTczIDQuNTczIDQuNTc3YTEuMDI2IDEuMDI2IDAgMCAxIC0uNzI1IDEuNzUxIi8+PC9nPjwvc3ZnPg=="); } .p-searchFilter select { background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjcuMzQ5IiB2aWV3Qm94PSIwIDAgMTIuNjQ3IDcuMzQ5IiB3aWR0aD0iMTIuNjQ3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Im0wIDBoNy4zNDl2MTIuNjQ3aC03LjM0OXoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAxIDAgMCA3LjM0OSkiPjxwYXRoIGQ9Im02LjMyNCAxMi42NDdhMS4wMjMgMS4wMjMgMCAwIDEgLS43MjUtLjNsLTUuMjk5LTUuMjk4YTEuMDI2IDEuMDI2IDAgMCAxIDAtMS40NDlsNS4zLTUuM2ExLjAyNiAxLjAyNiAwIDEgMSAxLjQ1IDEuNDVsLTQuNTc0IDQuNTc0IDQuNTczIDQuNTc2YTEuMDI2IDEuMDI2IDAgMCAxIC0uNzI1IDEuNzUxIi8+PC9nPjwvc3ZnPg=="); } .p-featured::after, .c-background01 { background-color: var(--background-color-light-b); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAVCAAAAACiOdvYAAAAAnRSTlMA/1uRIrUAAAAQSURBVHjaY/zPSAx8yfgSALj2FNX+I1meAAAAAElFTkSuQmCC"); background-repeat: repeat; } .p-kurashiList, .p-longTermOngoing { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAuODkgMTQxLjUiPgogIDxsaW5lIHkxPSI1OS43OSIgeDI9IjE1OS44OSIgeTI9IjU5Ljc5IiBzdHlsZT0iZmlsbDogbm9uZTsgc3Ryb2tlOiAjZjVmNWY1OyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IHN0cm9rZS13aWR0aDogMnB4OyIvPgogIDxsaW5lIHkxPSIxNDAuNDIiIHgyPSIxNTkuODkiIHkyPSIxNDAuNDIiIHN0eWxlPSJmaWxsOiBub25lOyBzdHJva2U6ICNmNWY1ZjU7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgc3Ryb2tlLXdpZHRoOiAycHg7Ii8+CiAgPGxpbmUgeDE9Ijc5Ljk0IiB4Mj0iNzkuOTQiIHkyPSIxNDEuNSIgc3R5bGU9ImZpbGw6IG5vbmU7IHN0cm9rZTogI2Y1ZjVmNTsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IDJweDsiLz4KICA8bGluZSB4MT0iMTU5Ljg5IiB4Mj0iMTU5Ljg5IiB5Mj0iMTQxLjUiIHN0eWxlPSJmaWxsOiBub25lOyBzdHJva2U6ICNmNWY1ZjU7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgc3Ryb2tlLXdpZHRoOiAycHg7Ii8+Cjwvc3ZnPg=="); background-repeat: repeat; background-size: 68px 60px; } .c-breadcrumb.-pc { display: none; } .c-breadcrumb.-sp { display: block; padding: 16px 20px 17px; border-bottom: 1px solid var(--line-color); } .c-breadcrumb.-separately { margin: 16px 0; } .c-breadcrumb ol { font-size: 0; } .c-breadcrumb li { display: inline; padding-inline-start: 0 !important; margin-inline-start: 0 !important; font-size: 1.4rem; } .c-breadcrumb li + li::before { position: relative; top: -0.1em; display: inline-block; width: 0.42857em; height: 0.57142em; padding-inline-start: 1em; margin-inline-start: 1em; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; } .c-breadcrumb a:link, .c-breadcrumb a:visited { color: var(--text-color); } .c-background02 { background-color: var(--background-color-light-a); } .c-background03 { background-color: var(--background-color-semi-light); } .c-content { padding-inline-start: 10px; padding-inline-end: 10px; } .c-content.-small { max-width: 854px; margin-inline-start: auto; margin-inline-end: auto; } .c-editorContent { font-size: 1.4rem; line-height: 1.75; } .c-editorContent p + p, .c-editorContent p + ul, .c-editorContent p + ol, .c-editorContent p + dl, .c-editorContent p + table, .c-editorContent ul + p, .c-editorContent ul + ul, .c-editorContent ul + ol, .c-editorContent ul + dl, .c-editorContent ul + table, .c-editorContent ol + p, .c-editorContent ol + ul, .c-editorContent ol + ol, .c-editorContent ol + dl, .c-editorContent ol + table, .c-editorContent dl + p, .c-editorContent dl + ul, .c-editorContent dl + ol, .c-editorContent dl + dl, .c-editorContent dl + table, .c-editorContent table + p, .c-editorContent table + ul, .c-editorContent table + ol, .c-editorContent table + dl, .c-editorContent table + table { margin-top: 1.75em; } .c-editorContent ul:not([class]) li:not([class]), .c-editorContent ol:not([class]) li:not([class]) { padding-left: 0; margin-left: 30px; text-indent: 0; list-style-position: outside; list-style-type: inherit; } .c-editorContent ul:not([class]) li:not([class])::before, .c-editorContent ol:not([class]) li:not([class])::before { display: none; } .c-editorContent ul:not([class]) li:not([class]) { padding-left: 10px; margin-left: 20px; } .-hasRuby .c-editorContent { padding-top: 20px; } .c-eyeCatchingHeading { position: relative; box-sizing: border-box; display: block; width: 100%; max-width: 500px; padding: 10px 9px; margin: 0 auto 30px; font-size: 2.2rem; font-weight: bold; line-height: 1.2727272727; color: var(--key-color); text-align: center; letter-spacing: 0.075em; background-color: #fff; border: solid 2px var(--key-color); border-radius: 6px; } [lang=en] .c-eyeCatchingHeading { letter-spacing: 0.025em; } .c-eyeCatchingHeading::before { position: absolute; bottom: -20px; left: 50%; z-index: 2; margin-left: -15px; content: ""; border: 12px solid transparent; border-top: 12px solid #fff; transform: scaleX(0.7); } .c-eyeCatchingHeading::after { position: absolute; bottom: -8px; left: 50%; display: block; width: 0; height: 0; margin-left: -11px; content: ""; border-color: transparent var(--key-color) var(--key-color) transparent; border-style: solid; border-width: 8px; transform: scaleX(0.7) rotate(45deg); } .c-eyeCatchingHeading> span { position: relative; } .c-eyeCatchingHeading> span::before, .c-eyeCatchingHeading> span::after { display: none; } .c-eyeCatchingHeading.-pickUp, .c-eyeCatchingHeading.-whatsNew { background-color: var(--background-color-light-a); } .c-eyeCatchingHeading.-pickUp::before, .c-eyeCatchingHeading.-whatsNew::before { border-top-color: var(--background-color-light-a); } .c-eyeCatchingHeading.-pickUp> span::before { top: -46px; left: -80px; width: 70px; height: 85px; background-image: url("/images/bg_index_01.svg"); background-size: 70px auto; } .c-eyeCatchingHeading.-pickUp> span::after { top: -5px; right: -68px; width: 45px; height: 27px; background-image: url("/images/bg_index_02.svg"); background-size: 45px auto; } .c-eyeCatchingHeading.-whatsNew> span::before { top: -50px; left: -102px; width: 81px; height: 92px; background-image: url("/images/bg_index_03.webp"); background-size: 81px auto; } .c-eyeCatchingHeading.-whatsNew> span::after { top: 0; right: -66px; width: 31px; height: 20px; background-image: url("/images/bg_index_04.svg"); } .c-eyeCatchingHeading.-ranking { margin-bottom: 40px; } .c-eyeCatchingHeading.-ranking> span::before { top: -37px; left: -91px; width: 71px; height: 80px; background-image: url("/images/bg_index_05.svg"); background-size: 71px auto; } .c-eyeCatchingHeading.-ranking> span::after { top: 2px; right: -44px; width: 20px; height: 18px; background-image: url("/images/bg_index_06.svg"); background-size: 20px auto; } .c-eyeCatchingHeading.-categoryPopular { padding-left: 21px; } .c-eyeCatchingHeading.-categoryPopular> span::before { top: -6px; left: -87px; width: 63px; height: 71px; background-image: url("/images/category/bg_index_01.png"); background-size: 63px auto; } .c-eyeCatchingHeading.-categoryPopular> span::after { top: 15px; right: -54px; width: 31px; height: 20px; background-image: url("/images/bg_index_04.svg"); } [lang=en] .c-eyeCatchingHeading.-categoryPopular { max-width: 600px; } [lang=en] .c-eyeCatchingHeading.-categoryPopular> span { font-size: 1.8rem; } [lang=en][data-text-zoom=true] .c-eyeCatchingHeading.-categoryPopular> span::before, [lang=en][data-text-zoom=true] .c-eyeCatchingHeading.-categoryPopular> span::after { display: none; } .c-eyeCatchingHeading.-relatedContents { padding-left: 24px; background-color: var(--background-color-light-a); } .c-eyeCatchingHeading.-relatedContents::before { border-top-color: var(--background-color-light-a); } .c-eyeCatchingHeading.-relatedContents> span::before { top: -46px; left: -87px; width: 77px; height: 92px; background-image: url("/images/bg_women.png"); background-size: 77px auto; } .c-eyeCatchingHeading.-relatedContents> span::after { top: 1px; right: -47px; width: 26px; height: 16px; background-image: url("/images/bg_pc.svg"); background-size: 26px auto; } .c-labelAndCategories { display: flex; flex-wrap: wrap; gap: 10px 6px; font-size: 1.4rem; font-weight: bold; color: var(--key-color); } .c-labelAndCategories__labels { display: flex; gap: 6px; } .c-labelAndCategories__labels> span { display: flex; align-items: center; padding: 2px 9px 0; color: var(--key-color); background-color: var(--background-color-light-a); border-radius: 3px; } .-hasRuby .c-labelAndCategories__labels> span { padding-top: 10px; padding-bottom: 10px; } .c-labelAndCategories__categoryIcon { position: relative; top: -1px; margin-right: 4px; vertical-align: middle; } .c-labelAndCategories__categoryList { display: flex; flex-wrap: wrap; gap: 6px; } .c-labelAndCategories__categoryList a, .c-labelAndCategories__categoryList em { display: block; padding: 1px 9px 0; font-style: normal; border: 1px solid var(--key-color); border-radius: 3px; } .c-labelAndCategories__categoryList a { transition: all 0.2s; } .c-labelAndCategories__categoryList a:link, .c-labelAndCategories__categoryList a:visited { color: var(--key-color); text-decoration: none; } .c-labelAndCategories__categoryList a:hover, .c-labelAndCategories__categoryList a:active, .c-labelAndCategories__categoryList a:focus { color: #fff; background-color: var(--background-color-hover); } .c-labelAndCategories__categoryList .-gray { color: var(--text-color); background-color: #ebebeb; border: 1px solid #ebebeb; } .-hasRuby .c-labelAndCategories__categoryList li { display: flex; } .-hasRuby .c-labelAndCategories__categoryList li a { display: flex; align-items: center; } .-hasRuby .c-labelAndCategories__categoryList .tsutaeruRuby__translation { display: inline-block; padding-top: 10px; } .c-tags { display: flex; flex-wrap: wrap; gap: 5px 20px; align-items: baseline; font-size: 1.4rem; line-height: 1.4285714286; } .c-tags a { transition: color 0.2s; } .c-tags a:link, .c-tags a:visited { color: var(--text-color-light); } .c-tags a:hover, .c-tags a:active, .c-tags a:focus { color: var(--text-color); } .c-button { box-sizing: border-box; display: flex; gap: 10px; align-items: center; justify-content: center; padding: 13px 53px 12px; font-size: 1.4rem; font-weight: bold; text-align: center; text-decoration: none; border: 2px solid var(--key-color); border-radius: 100px; transition: all 0.2s; } .c-button::after { position: relative; top: -1px; display: inline-block; flex-shrink: 0; width: 6px; height: 10px; content: ""; background-repeat: no-repeat; background-size: 6px auto; } .c-button.-small { padding-top: 10px; padding-bottom: 9px; } .c-button.-white, .c-button.-back { color: var(--key-color); background-color: #fff; } .c-button.-white:hover, .c-button.-white:active, .c-button.-white:focus, .c-button.-back:hover, .c-button.-back:active, .c-button.-back:focus { color: #fff; background-color: var(--background-color-hover); border-color: var(--background-color-hover); } .c-button.-back { flex-direction: row-reverse; } .c-button.-back::after { transform: scaleX(-1); } .c-button.-noArrow::after { display: none; } .c-button:not(.-white):not(.-back) { color: #fff; background-color: var(--key-color); } .c-button:not(.-white):not(.-back):hover, .c-button:not(.-white):not(.-back):active, .c-button:not(.-white):not(.-back):focus { color: #fff; background-color: var(--background-color-hover); border-color: var(--background-color-hover); } .c-actionButton { position: relative; display: block; padding: 14px 0 13px; margin: 0 auto; font-size: 1.4rem; font-weight: bold; text-align: center; cursor: pointer; background-color: var(--key-color); border-width: 0; border-radius: 100px; transition: all 0.2s; } .c-actionButton::after { display: inline-block; width: 8px; height: 13px; margin-left: 0.5em; content: ""; background-repeat: no-repeat; background-size: 8px auto; } .c-actionButton:link, .c-actionButton:visited { color: #fff; text-decoration: none; } .c-actionButton:hover, .c-actionButton:active, .c-actionButton:focus { color: #fff; background-color: var(--background-color-hover); } .c-toCall { box-sizing: border-box; display: flex; gap: 10px; align-items: center; justify-content: center; max-width: 320px; padding: 7px 28px; font-size: 1.4rem; font-weight: bold; color: var(--key-color); text-align: center; text-decoration: none; background-color: #fff; border: 2px solid var(--key-color); border-radius: 100px; transition: all 0.1s; } .c-toCall::before { position: relative; top: -1px; display: inline-block; flex-shrink: 0; width: 24px; height: 24px; content: ""; background-image: url("/images/icon_tel_blue.svg"); background-repeat: no-repeat; background-size: 24px 24px; } .c-toCall:hover, .c-toCall:active, .c-toCall:focus { color: #fff; background-color: var(--background-color-hover); border-color: var(--background-color-hover); } .c-toCall:hover::before, .c-toCall:active::before, .c-toCall:focus::before { background-image: url("/images/icon_tel_white.svg"); } .c-showMore .-hide { display: none; } .c-showMore__button { display: block; margin: 30px auto 0; color: var(--key-color); cursor: pointer; border-width: 0; } .c-showMore__button span { display: block; margin-top: 12px; font-size: 1.4rem; font-weight: bold; line-height: 1; } .c-showMore__button svg { width: 40px; height: 40px; color: var(--key-color); transition: color 0.3s; } .c-showMore__button:hover, .c-showMore__button:active, .c-showMore__button:focus { text-decoration: underline; } .c-showMore__button:hover svg, .c-showMore__button:active svg, .c-showMore__button:focus svg { color: var(--background-color-hover); } .c-showMore__text { display: none; margin-top: 50px; font-size: 1.5rem; font-weight: bold; text-align: center; } .c-showMore__search { padding-inline: 20px; margin-block-start: 26px; margin-inline: auto; max-inline-size: 260px; } .c-publishDate { font-size: 1.4rem; color: var(--text-color-light); } .c-duration { box-sizing: border-box; display: inline-block; padding: 5px 2px; font-size: 1.4rem; line-height: 1; color: #fff; text-align: center; background-color: var(--background-color-dark); } .c-movieOverlayIcon { position: absolute; top: 50%; left: 50%; z-index: 3; transform: translate(-50%, -50%); } .c-formSelect, .c-formField { box-sizing: border-box; width: 100%; padding: 12px 5px; background-color: #fff; border: 1px solid var(--line-color-dark); border-radius: 6px; } .c-formSelect[aria-invalid=true], .c-formField[aria-invalid=true] { background-color: var(--background-color-caution); border-color: var(--caution-color); } .c-formSelect { padding: 10px 42px 10px 20px; color: var(--text-color); background: url("/images/icon_arrow_01.svg") no-repeat right 20px center; background-size: 12px auto; appearance: none; } .c-formSelect.-error { color: var(--caution-color); background-image: url('data:image/svg+xml;charset=UTF-8,'); } .c-charCounter { display: block; margin-left: auto; font-size: 1.4rem; color: var(--text-color-light); text-align: right; } .c-charCounter.-error { color: var(--caution-color); } .c-shareSNS { display: flex; align-items: center; } .c-shareSNS__label { margin-right: 20px; font-size: 1.4rem; font-weight: bold; } .c-shareSNS__list { display: flex; gap: 15px; } .c-shareSNS__listItem { display: flex; } .c-shareSNS__listItem img { width: 40px; } :lang(ja) .c-shareSNS__listItem img { position: relative; top: -2px; } .c-arrowLink::after { position: relative; top: -3px; right: 0; display: inline-block; width: 10px; height: 6px; margin-left: 10px; content: ""; background: url("/images/icon_arrow_01k.svg") no-repeat left top; transition: right 0.3s; transform: rotate(-90deg); } .c-arrowLink:hover::after, .c-arrowLink:active::after, .c-arrowLink:focus::after { right: -3px; } .c-tagLink { display: inline-block; padding: 3px 14px 4px; font-size: 1.4rem; border: 1px solid var(--line-color-dark); border-radius: 6px; } .c-tagLink:link, .c-tagLink:visited { color: var(--text-color); text-decoration: none; } .c-tagLink:hover, .c-tagLink:active, .c-tagLink:focus { color: var(--text-link-hover-color); text-decoration: underline; border-color: currentColor; } .c-tagLink + .c-tagLink { margin-left: 10px; } .c-relatedLink { padding-top: 43px; font-size: 1.4rem; border-top: 1px solid var(--line-color); } .c-relatedLink__heading { font-size: 1.8rem; } .c-relatedLink__heading.-mb { margin-bottom: 21px; } .c-relatedLink__list { margin-top: 21px; font-weight: bold; line-height: 1.5; } .c-relatedLink__list li + li { margin-top: 19px; } .c-relatedLink__icon { margin-left: 10px; vertical-align: text-bottom; } [lang=en] .c-relatedLink__icon { vertical-align: baseline; } .c-icon { position: relative; top: -2px; width: 15px; height: 12px; margin-inline: 3px; vertical-align: middle; } [lang=en] .c-icon { position: static; vertical-align: baseline; } .c-icon.-file { top: -1px; width: 12px; height: 15px; margin-inline-start: 8px; } [lang=en] .c-icon.-file { position: relative; top: 2px; } .c-svgDefs { display: none; } .icon { position: relative; top: 0.1em; -webkit-margin-start: 0.4em; margin-inline-start: 0.4em; vertical-align: baseline; } .icon[src*=icon_window] { width: 16px; } .c-modal { position: fixed; top: 50%; box-sizing: border-box; width: 100%; padding-top: 50px; margin: 0 20px; background-color: #fff; border-width: 0; border-radius: 6px; transform: translateY(-50%); } .c-modal::backdrop { background-color: rgba(0, 0, 0, 0.4); } .c-modal__inner { padding: 0 20px; margin-bottom: 40px; } .c-modal__inner> :first-child { padding-top: 0; margin-top: 0; } .c-modal__closeButton { position: absolute; top: 20px; right: 20px; width: 1.6rem; height: 1.6rem; cursor: pointer; border: 0; } .c-linkInPage__lists { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .c-linkInPage__list { box-sizing: border-box; display: flex; align-items: stretch; width: 100%; } .c-linkInPage__link { position: relative; display: flex; align-items: center; justify-content: start; width: 100%; padding: 20px; font-weight: bold; background-color: var(--background-color-light-b); } .c-linkInPage__link:link, .c-linkInPage__link:visited { color: var(--text-color); } .c-linkInPage__link::after { position: absolute; right: 20px; bottom: calc(50% - 6px); display: block; width: 12px; height: 12px; content: ""; background: url("/images/icon_arrow_03.svg") no-repeat left top; } .c-linkInPage__link:hover, .c-linkInPage__link:active, .c-linkInPage__link:focus { color: var(--text-link-hover-color); } .c-linkInPage__link:hover::after, .c-linkInPage__link:active::after, .c-linkInPage__link:focus::after { background-image: url("/images/icon_arrow_04.svg"); } .c-feedbackButton { position: relative; box-sizing: border-box; padding: 18px 5px; font-size: 1.4rem; font-weight: bold; color: var(--text-color); cursor: pointer; border: 1px solid var(--line-color-dark); border-radius: 6px; transition: none; } .c-feedbackButton:not([disabled]):hover, .c-feedbackButton:not([disabled]):active, .c-feedbackButton:not([disabled]):focus-visible { padding-top: 17px; padding-bottom: 17px; color: var(--key-color); border-color: currentColor; border-width: 2px; } .c-feedbackButton:not([disabled]):hover .c-feedbackButton__count, .c-feedbackButton:not([disabled]):active .c-feedbackButton__count, .c-feedbackButton:not([disabled]):focus-visible .c-feedbackButton__count { top: -11px; right: -11px; border-color: var(--key-color); } .c-feedbackButton[disabled] { color: var(--text-color-light); cursor: initial; background-color: var(--background-color-semi-light); border-color: var(--background-color-semi-light); } .c-feedbackButton[disabled] .c-feedbackButton__count { background-color: var(--background-color-semi-light); } .c-feedbackButton.-selected { padding-top: 17px; padding-bottom: 17px; background-color: #f3f5fa; border-color: var(--key-color); border-width: 2px; } .c-feedbackButton.-selected .c-feedbackButton__count { top: -11px; right: -11px; color: #fff; background-color: var(--key-color); border-color: var(--key-color); } .c-feedbackButton__icon { width: 17px; height: 20px; margin-right: 10px; } .c-feedbackButton__count { position: absolute; top: -10px; right: -10px; box-sizing: border-box; display: grid; place-content: center; min-width: 50px; min-height: 26px; padding: 2px; font-size: 1.2rem; font-weight: bold; background-color: #fff; border: 1px solid var(--line-color-dark); border-radius: 15px; } .c-feedbackButton[value=positive] .c-feedbackButton__icon { position: relative; top: -2px; vertical-align: middle; } .c-feedbackButton[value=negative] .c-feedbackButton__icon { vertical-align: middle; transform: scaleY(-1); } .c-formRadio { position: relative; display: block; padding-left: 2.5em; } .c-formRadio__decoration { position: absolute; top: 0; left: 0; display: block; width: 1.5em; height: 1.5em; margin-right: 15px; } .c-formRadio__decoration::before { position: absolute; top: 0; left: 0; display: block; width: 1.5em; height: 1.5em; content: ""; border: 1px solid var(--line-color-dark); border-radius: 50%; } .c-formRadio__radio { margin-top: 10px; } .c-formRadio__radio:checked + .c-formRadio__decoration::before { border-color: var(--key-color); } .c-formRadio__radio:checked + .c-formRadio__decoration::after { position: absolute; top: 0.25em; left: 0.25em; width: 1.125em; height: 1.125em; content: ""; background-color: var(--key-color); border-radius: 50%; } .c-formRadio__label { position: relative; top: 1px; } .c-rating { display: grid; grid-template-rows: auto auto auto; gap: 20px; align-items: end; line-height: 1; } .c-rating__position { font-size: 1.4rem; } .c-rating__rates { display: flex; flex-direction: column; gap: 10px; } .c-rating__rate { cursor: pointer; } .c-rating__decoration { display: none; } .c-rating__decoration::before { position: absolute; top: 0; left: 0; display: block; width: 32px; height: 32px; content: ""; border: 1px solid var(--line-color-dark); border-radius: 50%; } .c-rating__radio { margin-top: 10px; } .c-rating__radio:checked + .c-rating__decoration::before { border-color: var(--key-color); } .c-rating__radio:checked + .c-rating__decoration::after { position: absolute; top: 5px; left: 5px; width: 24px; height: 24px; content: ""; background-color: var(--key-color); border-radius: 50%; } .c-rating__radio:focus + .c-rating__decoration::before { border-color: var(--key-color); } .c-simpleButton { margin-bottom: 50px; } .c-simpleButton__button { position: relative; box-sizing: border-box; display: block; max-width: 280px; padding: 14px 0 13px; margin: 0 auto; font-size: 1.4rem; font-weight: bold; text-align: center; cursor: pointer; background-color: #fff; border: 2px solid var(--key-color); border-radius: 25px; transition: all 0.2s; } .c-simpleButton__button:link, .c-simpleButton__button:visited { color: var(--key-color); text-decoration: none; } .c-simpleButton__button:hover, .c-simpleButton__button:active, .c-simpleButton__button:focus { color: #fff; background-color: var(--background-color-hover); border-color: var(--line-hover-color); } .c-simpleButton__button.-back::before { display: inline-block; width: 6px; height: 10px; margin-inline-end: 12px; vertical-align: baseline; content: ""; background-repeat: no-repeat; background-size: 6px auto; transform: rotate(-180deg); } .c-arrowList__item { font-size: 1.4rem; font-weight: bold; line-height: 1.5; } .c-arrowList__item:not(:last-child) { margin-bottom: 26px; } .c-arrowList__link:link, .c-arrowList__link:visited { color: var(--key-color); } .c-arrowList__link::after { display: inline-block; width: 6px; height: 10px; margin-left: 0.5em; content: ""; background-repeat: no-repeat; background-size: 6px auto; } .c-faq__item + .c-faq__item { margin-top: 50px; } .c-faq__qaPrefix { display: grid; place-content: center; width: 2.42em; height: 2.42em; font-size: 1.4rem; font-weight: bold; line-height: 1; border-radius: 1.21em; } .c-faq__qaPrefix.-question { background-color: var(--background-color-light-b); border: 1px solid var(--line-color-dark); } .c-faq__qaPrefix.-answer { grid-area: prefix; color: var(--key-color); background-color: #F3F5FA; border: 1px solid var(--key-color); } .c-faq__qaPrefix abbr { text-decoration: none; } .c-faq__question { display: grid; grid-template-columns: 2.5em 1fr; gap: 17px; } .c-faq__answer { display: grid; grid-template-areas: "text prefix"; grid-template-columns: 1fr 2.5em; gap: 17px; margin-top: 20px; } .c-faq__questionText { position: relative; padding: 17px 10px 15px; font-size: 1.6rem; font-weight: bold; line-height: 1.5; background-color: var(--background-color-light-b); border: 1px solid var(--line-color-dark); border-radius: 6px; } .c-faq__questionText::after, .c-faq__questionText::before { position: absolute; top: 17px; right: 100%; width: 0; height: 0; content: ""; border: solid transparent; } .c-faq__questionText::after { margin-top: -5px; border-color: rgba(255, 255, 255, 0); border-top-width: 5px; border-right-color: var(--background-color-light-b); border-right-width: 7px; border-bottom-width: 5px; border-left-width: 7px; } .c-faq__questionText::before { margin-top: -6px; margin-right: 1px; border-color: rgba(255, 255, 255, 0); border-top-width: 6px; border-right-color: var(--line-color-dark); border-right-width: 8px; border-bottom-width: 6px; border-left-width: 8px; } .c-faq__answerText { position: relative; grid-area: text; padding: 14px 10px 15px; background-color: #F3F5FA; border: 1px solid var(--key-color); border-radius: 6px; } .c-faq__answerText::after, .c-faq__answerText::before { position: absolute; top: 17px; left: 100%; width: 0; height: 0; content: ""; border: solid transparent; } .c-faq__answerText::after { margin-top: -5px; border-color: rgba(255, 255, 255, 0); border-top-width: 5px; border-right-width: 7px; border-bottom-width: 5px; border-left-color: #F3F5FA; border-left-width: 7px; } .c-faq__answerText::before { margin-top: -6px; margin-left: 1px; border-color: rgba(255, 255, 255, 0); border-top-width: 6px; border-right-width: 8px; border-bottom-width: 6px; border-left-color: var(--key-color); border-left-width: 8px; } .c-faq__answerText> *:last-child { margin-bottom: 0; } .c-faqWidget + .c-faqWidget { border-top: 1px solid var(--line-color); } .c-faqWidget summary { position: relative; display: grid; grid-template-columns: 1.875em 1fr 30px; gap: 15px; align-items: center; padding: 23px 0 25px; font-size: 1.4rem; font-weight: bold; line-height: 1.875; list-style: none; } .c-faqWidget summary:hover .c-faqWidget__text, .c-faqWidget summary:active .c-faqWidget__text, .c-faqWidget summary:focus .c-faqWidget__text { text-decoration-thickness: 2px; } .c-faqWidget summary::-webkit-details-marker { display: none; } .c-faqWidget summary abbr { box-sizing: border-box; display: grid; place-content: center; width: 1.875em; height: 1.875em; font-size: 1.6rem; line-height: 1; color: var(--key-color); text-decoration: none; border: 2px solid var(--key-color); border-radius: 50%; } .c-faqWidget summary .c-faqWidget__text { position: relative; top: 2px; text-decoration: underline; } .c-faqWidget summary i { position: relative; display: block; width: 30px; height: 30px; content: ""; background-color: var(--background-color-light-b); border-radius: 15px; } .c-faqWidget summary i::before, .c-faqWidget summary i::after { position: absolute; display: block; width: 10px; height: 0; content: ""; transition: all 0.3s; } .c-faqWidget summary i::before { top: 50%; right: 50%; border-top: 2px solid var(--text-color); translate: 50% -50%; } .c-faqWidget summary i::after { top: 50%; right: 50%; border-top: 2px solid var(--text-color); rotate: -90deg; translate: 50% -50%; } .c-faqWidget[open] summary i::before { opacity: 0; } .c-faqWidget[open] summary i::after { rotate: 0deg; } .c-faqWidget__answer { padding: 10px 0 25px; font-size: 1.4rem; } .c-faqWidget__answer> *:first-child { margin-top: 0; } .c-faqWidget__answer> *:last-child { margin-bottom: 0; } .c-url { overflow-wrap: break-word; } .c-scrollableTable { position: relative; display: block; width: 100%; padding-bottom: 2px; margin-top: 1.4rem; margin-bottom: 1.4rem; overflow-x: auto; overflow-y: hidden; } .c-scrollableTable::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .c-scrollableTable::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border: 3px solid #fff; border-radius: 8px; } .c-scrollableTable table { margin-top: 0; margin-bottom: 0; } .c-scrollableTable__icon { position: absolute; top: min(20%, 180px); left: 50%; width: 105px; height: 84px; max-height: 80%; visibility: hidden; opacity: 0; transition: all 0.5s; transform: translate(-50%, 0); } .c-scrollableTable__icon--visible { visibility: visible; opacity: 1; } .c-secondaryUseButton::after { position: relative; top: -3px; right: 0; display: inline-block; width: 10px; height: 6px; margin-left: 10px; content: ""; background: url("/images/icon_arrow_01k.svg") no-repeat left top; transition: right 0.3s; transform: rotate(-90deg); } .c-secondaryUseButton:hover::after, .c-secondaryUseButton:active::after, .c-secondaryUseButton:focus::after { right: -3px; } .c-scrollableSwitcher:not(.-scrollView) .c-scrollableSwitcher__content { min-width: 0 !important; } .c-scrollableSwitcher:not(.-scrollView) .c-scrollableSwitcher__content th, .c-scrollableSwitcher:not(.-scrollView) .c-scrollableSwitcher__content td { min-width: 0 !important; } .c-scrollableSwitcher:not(.-scroll) .c-scrollableSwitcher__button { display: none; } .c-scrollableSwitcher__button { padding: 4px 9px 4px 32px; margin-block-end: 20px; font-size: 1.4rem; font-weight: bold; line-height: 1; color: var(--text-color); letter-spacing: 0.075em; cursor: pointer; background-color: var(--background-color-light-a); background-image: url('data:image/svg+xml;charset=utf8,'); background-repeat: no-repeat; background-position: left 9px center; border: 1px solid var(--key-color); border-radius: 3px; } .-scrollView .c-scrollableSwitcher__button { background-image: url('data:image/svg+xml;charset=utf8,'); } .-hasRuby .c-scrollableSwitcher__button { padding-block-start: 10px; } html[lang=en] .c-scrollableSwitcher__button { letter-spacing: 0; } .c-scrollableArea { position: relative; display: block; width: 100%; padding-bottom: 28px; margin-bottom: 20px; overflow-x: auto; overflow-y: hidden; } .c-scrollableArea__icon { position: absolute; top: min(20%, 180px); left: 50%; visibility: hidden; opacity: 0; transition: all 0.5s; transform: translate(-50%, 0); } .c-scrollableArea__icon--visible { visibility: visible; opacity: 1; } .c-scrollableArea table { margin-bottom: 0; } .p-skipLink { position: absolute; top: 0; z-index: 105; width: 100%; } .p-skipLink a { display: block; height: 0; font-size: 1.4rem; line-height: 1; text-align: center; text-decoration: none; background-color: var(--background-color-dark); position: absolute; left: 0; clip: rect(1px, 1px, 1px, 1px); } .p-skipLink a:hover, .p-skipLink a:focus { color: #fff; } .p-skipLink a:focus-within { position: static; height: auto; padding: 10px; clip: unset; } #text_size_check { width: 0.1rem; height: 0.1rem; } .p-header__inner { position: relative; z-index: 104; display: flex; justify-content: space-between; border-top: 2px solid var(--key-color); box-shadow: 0 10px 8px -8px rgba(0, 0, 0, 0.1215686275); } .p-header__logo { padding: 12px 15px 13px; line-height: 1; } .p-header__logo img { width: 165px; } .p-header__logoInner { display: block; } .p-header__spMenu { display: flex; } .p-header__spMenu button { width: 24vw; max-width: 90px; height: 100%; border-width: 0; } .p-header__spMenu button:nth-child(1) { background-color: var(--background-color-light-b); } .p-header__spMenu button:nth-child(2) { background-color: var(--key-color); } html[lang=en] .p-header__spMenu button { font-weight: bold; } .p-header__nav { z-index: 3; box-sizing: border-box; width: 100%; padding: 26px 20px 40px; overflow-y: scroll; overscroll-behavior-y: contain; background-color: #fff; } html[data-script-enabled] .p-header__nav { position: absolute; height: calc(100svh - 60px); } html[data-script-enabled] .p-header__nav:not(.--enableHamburger) { display: none; } .p-mainNavigation a:link, .p-mainNavigation a:visited { color: var(--text-color); } .p-mainNavigation a:hover, .p-mainNavigation a:active, .p-mainNavigation a:focus { color: var(--text-color); } .p-mainNavigation__list { padding-top: 23px; margin-top: 30px; font-size: 1.4rem; border-top: 1px solid var(--line-color); } .p-mainNavigation__item { margin-right: 12px; } .p-mainNavigation__item + .p-mainNavigation__item { margin-top: 3px; } .p-mainNavigation__item> a { position: relative; display: block; padding: 8px 20px 8px 0; } .p-mainNavigation__item> a::after { position: absolute; top: 50%; right: 0; display: inline-block; width: 10px; height: 6px; content: ""; background: url("/images/icon_arrow_01.svg") no-repeat left top; transition: right 0.3s; transform: translateY(-50%) rotate(-90deg); } .p-mainNavigation__item> a:hover::after, .p-mainNavigation__item> a:active::after, .p-mainNavigation__item> a:focus::after { right: -3px; } .p-mainNavigation__item.-category> span { font-size: 1.6rem; font-weight: bold; line-height: 1.875; letter-spacing: 1.2px; } .p-mainNavigation__item.-imperialFamily, .p-mainNavigation__item.-short { border-top: 1px solid var(--line-color); } .p-mainNavigation__item.-imperialFamily a::after, .p-mainNavigation__item.-short a::after { right: 12px; } .p-mainNavigation__item.-imperialFamily a:hover::after, .p-mainNavigation__item.-imperialFamily a:active::after, .p-mainNavigation__item.-imperialFamily a:focus::after, .p-mainNavigation__item.-short a:hover::after, .p-mainNavigation__item.-short a:active::after, .p-mainNavigation__item.-short a:focus::after { right: -3px; } .p-mainNavigation__item.-imperialFamily { padding-top: 18px; padding-bottom: 18px; margin-top: 16px; margin-right: 0; } .p-mainNavigation__item.-imperialFamily a { font-weight: bold; } .p-mainNavigation__item.-short { padding-top: 16px; margin-top: 0; margin-right: 0; } .p-mainNavigation__childList { margin-top: 14px; margin-left: 10px; } .p-categoryList__item + .p-categoryList__item { margin-top: 3px; } .p-categoryList__item:not(.-enableToggle)> a { position: relative; display: block; padding-right: 20px; } .p-categoryList__item:not(.-enableToggle)> a::after { position: absolute; top: 50%; right: 0; display: inline-block; width: 10px; height: 6px; content: ""; background: url("/images/icon_arrow_01.svg") no-repeat left top; transition: right 0.3s; transform: translateY(-50%) rotate(-90deg); } .p-categoryList__item:not(.-enableToggle)> a:hover, .p-categoryList__item:not(.-enableToggle)> a:active, .p-categoryList__item:not(.-enableToggle)> a:focus { text-decoration: underline; } .p-categoryList__item:not(.-enableToggle)> a:hover::after, .p-categoryList__item:not(.-enableToggle)> a:active::after, .p-categoryList__item:not(.-enableToggle)> a:focus::after { right: -3px; } a.p-categoryList__largeCategory { position: relative; display: block; padding: 8px 20px 8px 0; cursor: pointer; } a.p-categoryList__largeCategory::after { position: absolute; top: 50%; right: 0; display: block; width: 10px; height: 6px; margin-top: -3px; content: ""; background: url("/images/icon_arrow_01.svg") no-repeat left top; transition: transform 0.3s; } a.p-categoryList__largeCategory[aria-expanded=true]::after { transform: rotate(-180deg); } .p-categoryList__smallCategoryList { margin: 7px 10px 13px; } html[data-script-enabled] .p-categoryList__smallCategoryList:not([hidden]) { display: none; } .p-categoryList__smallCategoryList a { display: block; padding-top: 6px; padding-bottom: 6px; } .p-categoryList__smallCategoryList a:hover, .p-categoryList__smallCategoryList a:active, .p-categoryList__smallCategoryList a:focus { color: var(--key-color); } .p-categoryList__smallCategoryList a[aria-current] { font-weight: bold; color: var(--key-color); } .p-mainNavigation__sns { display: flex; gap: 20px; justify-content: center; padding-top: 30px; margin-top: 16px; border-top: 1px solid var(--line-color); } .p-mainNavigation__sns a:hover, .p-mainNavigation__sns a:active, .p-mainNavigation__sns a:focus { opacity: 0.8; } .p-mainNavigation__sns img { width: 40px; } .p-utility { box-shadow: 0 10px 8px -8px rgba(0, 0, 0, 0.1215686275); } .p-utility.-sp { display: block; } html[data-script-enabled] .p-utility__searchForm:not(hidden) { display: none; } .p-utility__links { display: none; } .p-utility__links.-sp { display: block; } .p-utility__linkItem { display: flex; } .p-utility__linkItem img { position: relative; top: -2px; width: 24px; margin-right: 15px; vertical-align: middle; } .p-utility__linkItem a { display: flex; align-items: center; font-weight: bold; } .p-utility__linkItem a:link, .p-utility__linkItem a:visited { color: var(--text-color); } .p-utility__linkItem.-lang { position: relative; padding-right: 20px; margin-right: 12px; } .p-utility__linkItem.-lang::after { position: absolute; top: 50%; right: 0; display: inline-block; width: 10px; height: 6px; content: ""; background: url("/images/icon_arrow_01.svg") no-repeat left top; transition: right 0.3s; transform: translateY(-50%) rotate(-90deg); } .p-utility__linkItem.-lang:hover, .p-utility__linkItem.-lang:active, .p-utility__linkItem.-lang:focus { text-decoration: underline; } .p-utility__linkItem.-lang:hover::after, .p-utility__linkItem.-lang:active::after, .p-utility__linkItem.-lang:focus::after { right: -3px; } .p-utility__linkItem.-ruby button, .p-utility__linkItem.-ruby a, .p-utility__linkItem.-faciliti button, .p-utility__linkItem.-faciliti a, .p-utility__linkItem.-tsutaeru button, .p-utility__linkItem.-tsutaeru a { padding: 9px 15px 7px; font-size: 1.6rem; font-weight: bold; text-decoration: none; cursor: pointer; background-color: #fff; border: 1px solid var(--line-color-dark); border-radius: 6px; transition: border-color 0.2s; } .p-utility__linkItem.-ruby button:hover, .p-utility__linkItem.-ruby button:active, .p-utility__linkItem.-ruby button:focus, .p-utility__linkItem.-ruby a:hover, .p-utility__linkItem.-ruby a:active, .p-utility__linkItem.-ruby a:focus, .p-utility__linkItem.-faciliti button:hover, .p-utility__linkItem.-faciliti button:active, .p-utility__linkItem.-faciliti button:focus, .p-utility__linkItem.-faciliti a:hover, .p-utility__linkItem.-faciliti a:active, .p-utility__linkItem.-faciliti a:focus, .p-utility__linkItem.-tsutaeru button:hover, .p-utility__linkItem.-tsutaeru button:active, .p-utility__linkItem.-tsutaeru button:focus, .p-utility__linkItem.-tsutaeru a:hover, .p-utility__linkItem.-tsutaeru a:active, .p-utility__linkItem.-tsutaeru a:focus { border-color: var(--line-hover-color); } .p-utility__linkItem.-ruby { margin-top: 16px; } .p-utility__linkItem.-faciliti, .p-utility__linkItem.-tsutaeru { margin-top: 20px; } .p-utility__linkItem.-faciliti .tsutaeruRuby__translation[aria-hidden=false], .p-utility__linkItem.-tsutaeru .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 5px; } .p-headerSearchForm__content { padding: 22px 20px 20px; background-color: var(--background-color-light-b); } .p-headerSearchForm__inputs { display: grid; grid-template-columns: auto 42px; background-color: #fff; border: 1px solid var(--line-color-dark); border-radius: 6px; } .p-headerSearchForm label { display: inline-block; margin-right: 10px; font-size: 1.4rem; font-weight: bold; } .p-headerSearchForm input { appearance: none; font-size: 1.4rem; } .p-headerSearchForm input[type=search] { box-sizing: border-box; padding: 0 10px; background-color: #fff; border-width: 0; border-radius: 6px; } .p-headerSearchForm input[type=submit], .p-headerSearchForm button[type=submit] { width: 42px; height: 38px; overflow: hidden; text-indent: -9999px; cursor: pointer; background: #fff url("/images/icon_search.svg") no-repeat center center/14px auto; border-width: 0; border-radius: 6px; } .p-headerSearchForm input[type=submit]:hover, .p-headerSearchForm input[type=submit]:active, .p-headerSearchForm input[type=submit]:focus, .p-headerSearchForm button[type=submit]:hover, .p-headerSearchForm button[type=submit]:active, .p-headerSearchForm button[type=submit]:focus { background-color: var(--background-color-hover); } .p-toggleNav__middle { position: relative; display: block; width: 20px; height: 2px; margin: 6px auto 0; line-height: 2px; } .p-toggleNav__middle .p-toggleNav__inner, .p-toggleNav__middle::before, .p-toggleNav__middle::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; overflow: hidden; line-height: 2px; content: ""; background-color: #fff; transition: all 0.33s; } .p-toggleNav__text { display: block; margin-top: 14px; font-size: 1.4rem; line-height: 1; color: #fff; text-align: center; } .p-toggleNav[aria-expanded=false] .p-toggleNav__middle::before { transform: translateY(-5px); } .p-toggleNav[aria-expanded=false] .p-toggleNav__middle::after { transform: translateY(5px); } .p-toggleNav[aria-expanded=false] .p-toggleNav__inner { opacity: 1; } .p-toggleNav[aria-expanded=true] .p-toggleNav__middle::before { transform: rotate(45deg); } .p-toggleNav[aria-expanded=true] .p-toggleNav__middle::after { transform: rotate(-45deg); } .p-toggleNav[aria-expanded=true] .p-toggleNav__inner { opacity: 0; } .p-toggleSearch__middle { position: relative; display: block; width: 20px; height: 2px; line-height: 2px; } .p-toggleSearch__middle .p-toggleSearch__inner, .p-toggleSearch__middle::before, .p-toggleSearch__middle::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; overflow: hidden; line-height: 2px; content: ""; background-color: var(--text-color); transition: transform 0.33s; } .p-toggleSearch__text { display: block; margin-top: 6px; font-size: 1.4rem; line-height: 1; color: var(--text-color); text-align: center; } .p-toggleSearch[aria-expanded=false] .p-toggleSearch__middle { width: 16px; height: 16px; margin: 1px auto 0; } .p-toggleSearch[aria-expanded=false] .p-toggleSearch__middle::before { opacity: 0; transform: translateY(-5px); } .p-toggleSearch[aria-expanded=false] .p-toggleSearch__middle::after { opacity: 0; transform: translateY(5px); } .p-toggleSearch[aria-expanded=false] .p-toggleSearch__inner { width: 16px; height: 16px; background-color: transparent; } .p-toggleSearch[aria-expanded=true] .p-toggleSearch__middle { margin: 6px auto 0; } .p-toggleSearch[aria-expanded=true] .p-toggleSearch__middle::before { opacity: 1; transform: rotate(45deg); } .p-toggleSearch[aria-expanded=true] .p-toggleSearch__middle::after { opacity: 1; transform: rotate(-45deg); } .p-toggleSearch[aria-expanded=true] .p-toggleSearch__inner { opacity: 0; } .p-toggleSearch[aria-expanded=true] .p-toggleSearch__icon { display: none; } .p-toggleSearch[aria-expanded=true] .p-toggleSearch__text { margin-top: 14px; } .p-rubyButton, .p-tsutaeruButton, .p-facilitiButton { color: var(--text-color); } .p-footer { position: relative; margin-top: 50px; } .p-footer__column { padding: 30px 10px 40px; background-color: var(--key-color); } .p-footer__pageList { display: flex; flex-direction: column; gap: 10px; font-size: 1.4rem; } .p-footer__pageList li { flex: 0 1 calc(50% - 25px); } .p-footer__pageList a { position: relative; display: block; padding: 7px 20px 6px 0; } .p-footer__pageList a::after { position: absolute; top: 50%; right: 10px; display: inline-block; width: 6px; height: 10px; content: ""; background: url("/images/icon_arrow_01w.svg") no-repeat left top; transition: right 0.3s; transform: translateY(-50%); } .p-footer__pageList a:link, .p-footer__pageList a:visited { color: #fff; } .p-footer__sns { display: flex; gap: 20px; justify-content: center; padding-top: 30px; margin-top: 20px; border-top: 1px solid #5b78c0; } .p-footer__sns a:hover, .p-footer__sns a:active, .p-footer__sns a:focus { opacity: 0.8; } .p-footer__sns img { width: 40px; } .p-footer__copyright { margin-top: 27px; font-size: 1rem; color: #fff; text-align: center; } .p-operator { padding: 30px 10px 26px; background-color: var(--background-color-light-a); } .p-operator__siteName { text-align: center; } .p-operator__siteName img { width: 275px; } html[lang=en] .p-operator__siteName img, html[lang=cmn-hans] .p-operator__siteName img { width: 295px; } .p-operator__contact { max-width: 19em; margin: 25px auto 0; font-size: 1.4rem; line-height: 1.7142857143; text-align: center; } .-hasRuby .p-operator__contact { line-height: 2.5; } .p-pageTop { position: relative; z-index: 2; width: 44px; height: 44px; opacity: 1; transition: opacity 0.5s; } .-enable-miniplayer .p-pageTop { display: none; } .p-pageTop a:hover, .p-pageTop a:active, .p-pageTop a:focus { opacity: 0.8; } .p-pageTop.-show { position: fixed; top: auto; right: 10px; bottom: 10px; visibility: visible; opacity: 1; } .p-pageTop.-hide { height: 0; visibility: hidden; opacity: 0; } .p-recommendTags { box-sizing: border-box; width: 100%; padding-inline-start: 20px; background-color: var(--background-color-semi-light); } .p-recommendTags.-open { height: auto; } .p-recommendTags.-open .p-recommendTags__scrollContainer { overflow-x: initial; } .p-recommendTags.-open .p-recommendTags__list { flex-wrap: wrap; } .p-recommendTags.-open .p-recommendTags__toggle img { rotate: -180deg; } .p-recommendTags__inner { position: relative; display: grid; } .p-recommendTags__scrollContainer { padding-block: 10px; padding-inline-end: 55px; overflow-x: hidden; } .p-recommendTags__scrollContainer::-webkit-scrollbar { display: none; } .p-recommendTags__toggle { position: absolute; top: 0; right: 0; display: none; width: 45px; height: 56px; cursor: pointer; background-color: var(--background-color-semi-light); border-width: 0; appearance: none; } .p-recommendTags__toggle img { vertical-align: middle; transition: rotate 0.3s; } .p-recommendTags__list { display: flex; gap: 10px; } .p-recommendTags__item { display: flex; font-size: 1.4rem; font-weight: bold; line-height: 1; white-space: nowrap; } .p-recommendTags__item.-index { margin-right: 5px; } .p-recommendTags__item.-index a { position: relative; display: block; padding: 11px 0; } .p-recommendTags__item.-index a::after { position: relative; top: 1px; display: inline-block; width: 7px; height: 12px; margin-left: 10px; content: ""; background: url("/images/icon_arrow_02.svg") no-repeat left top; background-size: 7px auto; transition: right 0.3s; } .p-recommendTags__item.-index a:link, .p-recommendTags__item.-index a:visited { color: var(--text-color); } .p-recommendTags__item:not(.-index) a { display: flex; align-items: center; padding: 10px 15px; background-color: #fff; border: 1px solid var(--line-color-dark); border-radius: 6px; } .p-recommendTags__item:not(.-index) a:link, .p-recommendTags__item:not(.-index) a:visited { color: var(--text-color); text-decoration: none; } .p-recommendTags__item:not(.-index) a:hover, .p-recommendTags__item:not(.-index) a:active, .p-recommendTags__item:not(.-index) a:focus { color: var(--text-link-hover-color); text-decoration: underline; border-color: currentColor; } .-hasRuby .p-recommendTags__item .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 5px; } html[data-script-enabled=true] .p-recommendTags__toggle:not([hidden]) { display: block; } .p-pickupTags { padding-block: 15px; } .p-pickupTags__list { row-gap: 12px; font-size: 1.4rem; line-height: 2.1428571429rem; } .p-pickupTags__list a { font-weight: bold; } .p-pickupTags__list a:link, .p-pickupTags__list a:visited { color: var(--text-color); } .p-contentList { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 30px; } .p-contentList__item { position: relative; flex: 0 1 100%; background-color: #fff; } .p-contentList__item::before { display: block; padding-top: 56.386%; content: ""; } .p-contentList__text { display: flex; flex-direction: column; padding: 10px 10px 16px; } .p-contentList__title { margin-bottom: 12px; } .p-contentList__title::after { position: absolute; right: 0; bottom: 0; z-index: -1; width: 150px; height: 100px; content: ""; background-color: rgba(59, 59, 59, 0.3019607843); box-shadow: 20px 30px 20px rgba(59, 59, 59, 0.3019607843); transition-duration: 0.3s; transition-property: background, box-shadow; transform: skew(5deg, 5deg) translate(-45px, -25px); } .p-contentList__title:link, .p-contentList__title:visited { color: var(--text-color); } .p-contentList__title + .p-contentList__tags { margin-top: 0; } .p-contentList__titleText { padding-top: 10px; font-size: 1.8rem; font-weight: bold; line-height: 1.5555555556; } .-hasRuby .p-contentList__titleText { line-height: 3.3; } .p-contentList__imageContainer { position: absolute; top: 0; right: 0; left: 0; aspect-ratio: 16/9; overflow: hidden; min-block-size: 0; text-align: center; } .p-contentList__imageContainer.-mask::after { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; content: ""; background-color: rgba(25, 25, 25, 0.3019607843); } .p-contentList__image { width: auto; object-fit: contain; } .p-contentList__image:not(.-noAspectRatio) { aspect-ratio: 16/9; } .p-contentList__duration { position: absolute; right: 5px; bottom: 5px; z-index: 3; width: 60px; } .p-contentList__tags { margin-top: 12px; } .p-contentList__date { display: block; padding-top: 6px; margin-top: 16px; border-top: 1px solid var(--line-color); } .p-contentList__date .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-contentList__links { display: flex; flex-wrap: wrap; gap: 6px 20px; margin-block-start: 16px; font-size: 1.4rem; line-height: 1.7857142857; } .p-contentList__links a { font-weight: bold; } .p-contentList__links a:link, .p-contentList__links a:visited { color: var(--text-color); } .p-contentList__links a:hover::after, .p-contentList__links a:active::after, .p-contentList__links a:focus::after { right: -3px; } .p-contentList__links a:not(.-withIcon)::after { position: relative; right: 0; display: inline-block; width: 10px; height: 6px; margin-inline-start: 10px; content: ""; background: url("/images/icon_arrow_01.svg") no-repeat left top; transition: right 0.3s; transform: translateY(-50%) rotate(-90deg); } .p-contentList .p-contentList__item.-imageStatic::before { display: none; } .p-contentList .p-contentList__item.-imageStatic .p-contentList__imageContainer { position: static; } .p-contentList02__item { display: flex; flex-direction: column-reverse; } .p-contentList02__item:not(:first-child) { padding-top: 45px; margin-top: 45px; border-top: 1px solid var(--line-color); } .p-contentList02__image { margin-bottom: 30px; text-align: center; } .p-contentList02__title { margin-bottom: 15px; font-size: 2.2rem; line-height: 1.5; } .p-contentList02__outline { margin-bottom: 30px; font-size: 1.4rem; line-height: 1.5625; } .p-contentList02__outline.-mb0 { margin-bottom: 0; } .p-contentList02__link { max-width: 350px; margin-bottom: 25px; } .p-contentList02__button { display: block; border-radius: 100px; } .p-contentList02__button::after { display: none; } .p-contentList02__button .c-icon.-left { margin-inline-end: 8px; } .p-contentList02__button .c-icon.-right { margin-inline-start: 8px; } .p-contentList02__issues dt { margin-bottom: 10px; font-size: 1.6rem; font-weight: bold; line-height: 1.5; } .p-contentList02__issues dd { font-size: 1.4rem; font-weight: bold; line-height: 1.5; } .p-contentList02__issues dd .c-icon { margin-inline-start: 8px; } .p-miniContentList { position: relative; z-index: 1; font-size: 1.4rem; } .p-miniContentList__item { box-sizing: border-box; padding: 16px 10px 16px 15px; background-color: #fff; } .p-miniContentList__item + .p-miniContentList__item { margin-top: 15px; } .p-miniContentList__link { position: relative; display: flex; flex-direction: column; gap: 15px; align-items: center; } .p-miniContentList__link::after { position: absolute; right: 0; bottom: 0; z-index: -1; width: 150px; height: 50px; content: ""; background-color: rgba(59, 59, 59, 0.3019607843); box-shadow: 20px 30px 12px rgba(59, 59, 59, 0.3019607843); transition-duration: 0.3s; transition-property: background, box-shadow; transform: skew(5deg, 5deg) translate(-20px, -17px); } .p-miniContentList__link:link, .p-miniContentList__link:visited { color: var(--text-color); text-decoration: none; } .p-miniContentList__link:link .p-miniContentList__title, .p-miniContentList__link:visited .p-miniContentList__title { text-decoration: underline; } .p-miniContentList__link:hover::after, .p-miniContentList__link:active::after, .p-miniContentList__link:focus::after { box-shadow: 20px 30px 20px rgba(59, 59, 59, 0.5019607843); } .p-miniContentList__link:hover img:not(.p-miniContentList__icon):not(.p-contentRanking__rank), .p-miniContentList__link:active img:not(.p-miniContentList__icon):not(.p-contentRanking__rank), .p-miniContentList__link:focus img:not(.p-miniContentList__icon):not(.p-contentRanking__rank) { transform: scale(1.05); } .p-miniContentList__link:hover .p-miniContentList__title, .p-miniContentList__link:active .p-miniContentList__title, .p-miniContentList__link:focus .p-miniContentList__title { text-decoration-thickness: 2px; } .p-miniContentList__image { position: relative; overflow: hidden; text-align: center; } .p-miniContentList__image img { transition: transform 0.3s; } .p-miniContentList__image img:not(.p-miniContentList__icon) { width: auto; max-height: 68px; } .p-miniContentList__text { flex: 1; } .p-miniContentList__title { font-weight: bold; line-height: 1.5714285714; } .-hasRuby .p-miniContentList__title { line-height: 3.2; } .p-miniContentList__date { display: block; margin-top: 2px; } .p-shortContentList { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 30px 28px; } .p-shortContentList__item { position: relative; background-color: #fff; } .p-shortContentList__item::before { display: block; max-block-size: 600px; aspect-ratio: 9/16; content: ""; } .p-shortContentList__text { display: flex; flex-direction: column; padding: 10px 10px 16px; } .p-shortContentList__title { margin-bottom: 12px; } .p-shortContentList__title::after { position: absolute; right: 0; bottom: 0; z-index: -1; width: 150px; height: 100px; content: ""; background-color: rgba(59, 59, 59, 0.3019607843); box-shadow: 20px 30px 20px rgba(59, 59, 59, 0.3019607843); transition-duration: 0.3s; transition-property: background, box-shadow; transform: skew(5deg, 5deg) translate(-45px, -25px); } .p-shortContentList__title:link, .p-shortContentList__title:visited { color: var(--text-color); } .p-shortContentList__title + .p-shortContentList__tags { margin-top: 0; } .p-shortContentList__titleText { font-size: 1.8rem; font-weight: bold; line-height: 1.5555555556; overflow-wrap: break-word; } .-hasRuby .p-shortContentList__titleText { line-height: 3.3; } .p-shortContentList__imageContainer { position: absolute; top: 0; right: 0; left: 0; overflow: hidden; min-block-size: 0; text-align: center; } .p-shortContentList__imageContainer.-mask::after { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; content: ""; background-color: rgba(25, 25, 25, 0.3019607843); } .p-shortContentList__image { inline-size: auto; max-block-size: 600px; } .p-shortContentList__tags { margin-top: 12px; } .p-contentRanking02 { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 20px 10px; font-size: 1.4rem; } .p-contentRanking02__item { box-sizing: border-box; flex-basis: 100%; padding: 10px 10px 12px; background-color: #fff; } .p-contentRanking02__item .p-contentRanking02__rank { position: absolute; top: -20px; left: -17px; z-index: 2; } .p-contentRanking02__item:nth-child(n+4) .p-contentRanking02__rank { top: -16px; left: -16px; } .p-contentRanking02__link { position: relative; display: block; height: 100%; } .p-contentRanking02__link::after { position: absolute; right: 0; bottom: 0; z-index: -1; width: 75px; height: 25px; content: ""; background-color: rgba(59, 59, 59, 0.3019607843); box-shadow: 20px 30px 12px rgba(59, 59, 59, 0.3019607843); transition-duration: 0.3s; transition-property: background, box-shadow; transform: skew(5deg, 5deg) translate(-20px, -17px); } .p-contentRanking02__link:link, .p-contentRanking02__link:visited { color: var(--text-color); text-decoration: none; } .p-contentRanking02__link:link .p-contentRanking02__title, .p-contentRanking02__link:visited .p-contentRanking02__title { text-decoration: underline; } .p-contentRanking02__link:hover::after, .p-contentRanking02__link:active::after, .p-contentRanking02__link:focus::after { box-shadow: 20px 30px 20px rgba(59, 59, 59, 0.5019607843); } .p-contentRanking02__link:hover img:not(.p-contentRanking02__icon):not(.p-contentRanking02__rank), .p-contentRanking02__link:active img:not(.p-contentRanking02__icon):not(.p-contentRanking02__rank), .p-contentRanking02__link:focus img:not(.p-contentRanking02__icon):not(.p-contentRanking02__rank) { transform: scale(1.05); } .p-contentRanking02__link:hover .p-contentRanking02__title, .p-contentRanking02__link:active .p-contentRanking02__title, .p-contentRanking02__link:focus .p-contentRanking02__title { text-decoration-thickness: 2px; } .p-contentRanking02__image { position: relative; overflow: hidden; text-align: center; } .p-contentRanking02__image img { transition: transform 0.3s; } .p-contentRanking02__text { flex: 1; } .p-contentRanking02__title { margin-block-start: 7px; font-weight: bold; line-height: 1.5714285714; } .-hasRuby .p-contentRanking02__title { line-height: 3.2; } .p-contentRanking02__date { display: block; margin-top: 5px; font-size: 1.2rem; } .p-contentRankingContainer { padding: 50px 0; } .c-content.-small + .p-contentRankingContainer, .c-background01:not(:has(.p-relatedContentsStage)) + .p-contentRankingContainer { margin-block-start: 50px; } .p-contentHeader { box-sizing: border-box; min-height: 113px; padding: 16px 0 40px; background-color: var(--background-color-light-a); background-image: url("/images/bg_category_header_sp.svg"); background-repeat: repeat-x; background-position: center bottom; } .p-contentHeader.-hlj { background-image: url("/images/bg_hlj.webp"); background-position: left -12px bottom; background-size: auto 113px; } .p-contentHeader.-hljOtherLanguage { padding-block-end: 40px; } .p-contentHeader ul:not([class]) li:not([class]), .p-contentHeader ol:not([class]) li:not([class]) { padding-left: 0; margin-left: 30px; text-indent: 0; list-style-position: outside; list-style-type: inherit; } .p-contentHeader ul:not([class]) li:not([class])::before, .p-contentHeader ol:not([class]) li:not([class])::before { display: none; } .p-contentHeader ul:not([class]) li:not([class]) { padding-left: 10px; margin-left: 20px; } .p-contentHeader__title { margin-top: 8px; font-size: 2.4rem; line-height: 1.5; letter-spacing: 0.1em; } .p-contentHeader__title.-withSubTitle { margin-top: 10px; } .p-contentHeader__title.-titleOnly { margin-top: 30px; } [lang=en] .p-contentHeader__title, [lang=cmn-hans] .p-contentHeader__title { letter-spacing: 0.025em; } .p-contentHeader__subTitle { display: block; margin-bottom: 6px; font-size: 1.4rem; line-height: 1.5; letter-spacing: 1px; } .p-contentHeader__text { margin-top: 8px; font-size: 1.4rem; line-height: 1.7142857143; } .p-contentHeader__more { margin-top: 15px; } .p-tvProgramInfo { padding-bottom: 30px; margin-bottom: 50px; background-color: #fff; border: 10px solid var(--key-color); } .p-tvProgramInfo.-hljVideoOutline { padding-block-end: 16px; } .p-tvProgramInfo__image { margin: 10px; } .p-tvProgramInfo__text { box-sizing: border-box; flex: 1 1 502px; padding: 0 10px; } .p-tvProgramInfo__outline { margin: 24px 10px 0; font-size: 1.4rem; font-weight: bold; line-height: 1.7142857143; text-align: center; } .p-tvProgramInfo__outline.-hljVideoOutline { margin-block-start: 16px; margin-inline: 0; font-size: 1.6rem; font-weight: normal; line-height: 1.75; } .p-tvProgramInfo__outline.-hljVideoOutline br { display: none; } .p-tvProgramInfo__link { margin-top: 24px; } .p-tvProgramInfo__link a { max-width: min(100% - 20px, 260px); font-weight: bold; } .p-tvProgramInfo__link a:link, .p-tvProgramInfo__link a:visited { color: #fff; text-decoration: none; } .p-tvProgramInfo__button.-kantei { max-width: fit-content; padding-inline: 44px; } .p-tvProgramInfo__button.-kantei::after { display: none; } .p-relatedContentsStage { padding-top: 50px; padding-bottom: 50px; margin-top: 50px; } .p-relatedSitesStage { margin-top: 50px; border-top: 1px solid var(--line-color); } .p-relatedSitesStage .-home { margin-top: 58px; } .p-movie { margin-top: 30px; } .p-movie__movieContainer { display: flex; gap: 10px; } .p-movie__movie { position: relative; z-index: 2; display: block; flex-basis: 774px; max-width: 774px; aspect-ratio: 16/9; margin: 0 auto; background-color: #1d1d1d; } .p-movie__chapter { border-width: 0; } .p-movie__chapter[open] { top: auto; bottom: 0; left: 0; width: 100%; max-width: 100%; max-height: 70svh; } .p-movie__chapter[open].-hideAnimation { display: block; width: 0; animation: chapterHide ease-in-out 0.2s; } @keyframes chapterShow { 0% { width: 0; opacity: 0; } 100% { width: 240px; opacity: 1; } } @keyframes chapterHide { 0% { width: 240px; opacity: 1; } 100% { width: 0; opacity: 0; } } .p-movie__chapter::backdrop { background-color: rgba(25, 25, 25, 0.3019607843); } .p-movie__meta { display: flex; flex-direction: column; gap: 20px; justify-content: space-between; margin-top: 30px; } .p-movie__publishDate { flex-shrink: 0; } .p-movie__title { margin-top: 14px; font-size: 2.2rem; line-height: 1.5454545455; letter-spacing: 0.085em; } .p-movie__tags { margin-top: 20px; } .p-movie__supports a::after { position: relative; right: 0; display: inline-block; width: 6px; height: 11px; margin-left: 10px; content: ""; background-repeat: no-repeat; background-size: 6px auto; transition: right 0.3s; } .p-movie__supports a:hover::after, .p-movie__supports a:active::after, .p-movie__supports a:focus::after { right: -3px; } .p-movie__supports { margin-top: 26px; font-size: 1.4rem; font-weight: bold; } .p-movie__supports.-mb { margin-bottom: 30px; } .p-movie__supports li + li { margin-top: 12px; } .p-movie__supports li.-noShow img { position: relative; top: -2px; margin-right: 10px; vertical-align: middle; } .p-movie__supports li.-noListStyle { padding-left: 0; margin-left: 0; } .p-movie__supports li.-noListStyle::before { display: none; } .p-movie__shareSNS { margin-top: 27px; } .p-movie__text { padding-top: 45px; margin-top: 50px; border-top: 1px solid var(--line-color); } .p-movie__text h2 { display: flex; margin-top: 70px; margin-bottom: 15px; font-size: 2.2rem; color: var(--key-color); } .p-movie__text h2 .numbers { position: relative; top: 0.2em; display: inline-flex; align-items: center; justify-content: center; min-width: 1.778em; height: 1.778em; margin-right: 10px; font-size: 1.8rem; line-height: 1; color: #fff; background-color: var(--key-color); border-radius: 16px; } .p-movie__text h3 { position: relative; padding: 12px 0 11px; margin-top: 54px; margin-bottom: 24px; font-size: 1.8rem; color: var(--key-color); } .p-movie__text h3::before, .p-movie__text h3::after { position: absolute; display: block; width: 100%; height: 3px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; } .p-movie__text h3::before { top: 0; } .p-movie__text h3::after { bottom: 0; } .p-movie__text h4 { position: relative; padding-bottom: 8px; margin-top: 40px; margin-bottom: 14px; font-size: 1.6rem; } .p-movie__text h4::after { position: absolute; bottom: 0; display: block; width: 100%; height: 3px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; } .p-movie__text h5 { position: relative; padding-bottom: 7px; margin-top: 40px; margin-bottom: 14px; font-size: 1.6rem; } .p-movie__text h5::after { position: absolute; bottom: 0; display: block; width: 100%; height: 2px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; } .p-movie__text h6 { margin-top: 38px; margin-bottom: 8px; font-size: 1.6rem; } .p-movie__relatedLinks { margin-top: 44px; } .p-movie__termOfUse { margin-top: 26px; font-size: 1.4rem; font-weight: bold; text-align: center; } .p-movie__termOfUse.-formNone { margin-top: 46px; } .p-movie__textShowMore { margin-top: 24px; } .p-movie__secondaryUseButton { max-width: fit-content; margin-top: 46px; margin-right: auto; margin-left: auto; } .p-article__meta { display: flex; flex-direction: column; gap: 20px; justify-content: space-between; margin-top: 30px; } .p-article__publishDate { flex-shrink: 0; } .p-article__title { margin-top: 14px; font-size: 2.4rem; line-height: 1.5; } .p-article__tags { margin-top: 20px; } .p-article__shareSNS { margin-top: 27px; } .p-article__shareSNS--bottom { padding-top: 46px; margin-top: 46px; border-top: 1px solid var(--line-color); } .p-article__printButton { display: none; } .p-article__printButton button { padding: 5px 9px 3px 7px; margin-block-end: 2px; font-size: 1.4rem; font-weight: bold; line-height: 1; color: var(--text-color); white-space: nowrap; cursor: pointer; border: 1px solid var(--text-color); border-radius: 3px; } .p-article__printButton button:hover, .p-article__printButton button:focus { color: var(--text-link-hover-color); border-color: var(--line-hover-color); } .p-article__printButton button svg { margin-inline-end: 8px; vertical-align: middle; } .p-article__content { margin-top: 25px; } .p-article__contentTitle { margin-bottom: 30px; } .p-article__relatedLinks { margin-top: 40px; } .p-article__secondaryUse { padding-top: 46px; margin-top: 46px; font-size: 1.4rem; border-top: 1px solid var(--line-color); } .p-chapters { position: relative; background-color: #fff; } .p-chapters__heading { position: relative; padding: 14px 50px 15px 20px; font-size: 1.4rem; font-weight: bold; background-color: var(--background-color-light-b); } .p-chapters__close { position: absolute; top: 17px; right: 20px; width: 16px; height: 16px; cursor: pointer; border-width: 0; appearance: none; } .p-chapters__content { padding: 0 20px 20px; } .p-chapters__list { height: calc(70svh - 76px); padding-right: 10px; margin-top: 16px; overflow-y: scroll; overscroll-behavior-y: contain; } .p-chapters__list::-webkit-scrollbar { width: 4px; } .p-chapters__list::-webkit-scrollbar-track { background-color: var(--background-color-light-b); } .p-chapters__list::-webkit-scrollbar-thumb { background-color: var(--line-color); } .p-chapters__list li + li { margin-top: 19px; } .p-chapters__button { display: flex; gap: 10px; width: 100%; text-align: left; cursor: pointer; border-width: 0; appearance: none; } .p-chapters__text { flex: 1; } .p-chapters__name { font-size: 1.4rem; color: var(--text-color); } .p-chapters__thumbnail { width: 120px; } .p-chapters__time { display: inline-block; padding: 6px 4px; margin-top: 7px; line-height: 1; color: #fff; background-color: var(--background-color-dark); border-radius: 3px; } .p-mainImage { margin-top: 30px; text-align: center; } .p-mainImage.-radio { display: block; text-align: center; } .p-radioSection__title { margin-bottom: 30px; background-color: transparent; } .p-radioSection__image { margin: 50px 0 30px; text-align: center; } .p-radioSection__info { margin-bottom: 40px; } .p-radioSection__info dt { font-weight: bold; color: var(--key-color); } .p-radioSection__info dd { margin-inline-start: 0 !important; } .p-movie__movieContainer + .p-radioSection__info { margin-top: 30px; } .p-newspaperAd__image { margin-top: 30px; text-align: center; } .p-newspaperAd__content { margin-top: 30px; } .p-newspaperAd__content dl dt { font-weight: bold; color: var(--key-color); } .p-newspaperAd__content dl dd + dt { margin-top: 1em; } .p-newspaperAd__content h2 { display: flex; margin-top: 70px; margin-bottom: 15px; font-size: 2.2rem; color: var(--key-color); } .p-newspaperAd__content h2 .numbers { position: relative; top: 0.2em; display: inline-flex; align-items: center; justify-content: center; min-width: 1.778em; height: 1.778em; margin-right: 10px; font-size: 1.8rem; line-height: 1; color: #fff; background-color: var(--key-color); border-radius: 16px; } .p-newspaperAd__content h3 { position: relative; padding: 12px 0 11px; margin-top: 54px; margin-bottom: 24px; font-size: 1.8rem; color: var(--key-color); } .p-newspaperAd__content h3::before, .p-newspaperAd__content h3::after { position: absolute; display: block; width: 100%; height: 3px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; } .p-newspaperAd__content h3::before { top: 0; } .p-newspaperAd__content h3::after { bottom: 0; } .p-newspaperAd__content h4 { position: relative; padding-bottom: 8px; margin-top: 40px; margin-bottom: 14px; font-size: 1.6rem; } .p-newspaperAd__content h4::after { position: absolute; bottom: 0; display: block; width: 100%; height: 3px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; } .p-newspaperAd__content h5 { position: relative; padding-bottom: 7px; margin-top: 40px; margin-bottom: 14px; font-size: 1.6rem; } .p-newspaperAd__content h5::after { position: absolute; bottom: 0; display: block; width: 100%; height: 2px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; } .p-newspaperAd__content h6 { margin-top: 38px; margin-bottom: 8px; font-size: 1.6rem; } .p-newspaperAd__date { margin-top: 1em; font-size: 1.4rem; text-align: right; } .p-accessiblePRMedias { max-width: 500px; margin-inline: auto; } .p-accessiblePRMedias .p-accessiblePRMedias__textDescription { margin-top: 0.5em; } .p-accessiblePRMedias__audio div, .p-accessiblePRMedias__text div { text-align: center; } .p-accessiblePRMedias__text { margin-top: 30px; } .p-accessiblePRMedias__audioTrack, .p-accessiblePRMedias__link { margin-top: 0.5em; } .p-termOfUse { padding-block-start: 50px; margin-block-start: 50px; border-block-start: 1px solid var(--line-color); } .p-movie__secondaryUse + .p-termOfUse { padding-block-start: 0; margin-block-start: 30px; border-block-start-width: 0; } .p-termOfUse__button { max-width: fit-content; margin-right: auto; margin-left: auto; } .p-termOfUse__button::after { margin-left: 0; } .p-featurePrint { margin-block: 20px !important; text-align: right; display: none; } .p-featurePrint button { padding: 5px 9px 3px 7px; margin-block-end: 2px; font-size: 1.4rem; font-weight: bold; line-height: 1; color: var(--text-color); white-space: nowrap; cursor: pointer; border: 1px solid var(--text-color); border-radius: 3px; } .p-featurePrint button:hover, .p-featurePrint button:focus { color: var(--text-link-hover-color); border-color: var(--line-hover-color); } .p-featurePrint button svg { margin-inline-end: 8px; vertical-align: middle; } .p-homeHeading02 { margin: 44px 0 24px; font-size: 2.2rem; line-height: 1.5454545455; text-align: center; } .p-homeGroup01 { background-color: var(--background-color-light-a); } .p-homeGroup02 { padding: 50px 0; } .p-whatsNew { padding-top: 50px; } .p-homeGroup03 { padding: 50px 0; background-color: var(--background-color-light-a); } .p-keyVisual { max-width: 873px; padding: 0 20px 62vw; margin: 0 auto; } .p-keyVisual__text { flex-basis: 436px; } .p-keyVisual__image { margin-top: 20px; } .p-keyVisual__image img { display: block; max-width: 100%; margin: auto auto 0; } .p-keyVisual__siteName { max-width: 300px; margin: 0 auto; } .p-keyVisual__outline { margin-top: 16px; font-size: 1.4rem; font-weight: bold; line-height: 1.7142857143; text-align: center; } .p-keyVisual__link { margin-top: 15px; } .p-keyVisual__sharing { margin: 15px 0 30px; text-align: center; } .p-keyVisual__actionButton { max-width: 280px; padding: 13px 0; line-height: 1; background-color: #fff; border: 2px solid var(--key-color); } .p-keyVisual__actionButton:link, .p-keyVisual__actionButton:visited { color: var(--key-color); } .p-keyVisual__actionButton:hover, .p-keyVisual__actionButton:active, .p-keyVisual__actionButton:focus { color: #fff; background-color: var(--background-color-hover); } html[lang=en] .p-keyVisual { padding-bottom: 0; } .p-featured { position: relative; margin-top: -64vw; } .p-featured.-hlj { margin-top: 20px; } .p-featured::after { position: absolute; top: 0; z-index: -1; display: block; width: 100%; height: 100%; content: ""; background-position: left bottom; } .p-featured__inner { position: relative; background-color: #fff; border: 8px solid var(--key-color); } .p-featured__inner::before { display: block; padding-top: 56.386%; content: ""; } .p-featured__imageContainer { position: absolute; top: 10px; right: 10px; left: 10px; width: calc(100% - 20px); max-width: 492px; overflow: hidden; } .p-featured__imageContainer.-movie::after { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: auto; aspect-ratio: 16/9; content: ""; background-color: rgba(25, 25, 25, 0.3019607843); } .p-featured__image { aspect-ratio: 16/9; transition: scale 0.3s; object-fit: contain; } .p-featured__text { box-sizing: border-box; padding: 10px 10px 17px; } .p-featured__categories { display: flex; gap: 10px; font-size: 1.4rem; font-weight: bold; color: var(--key-color); } .p-featured__title { padding-top: 9px; font-size: 1.8rem; line-height: 1.6666666667; } .p-featured__title:hover .p-featured__image, .p-featured__title:active .p-featured__image, .p-featured__title:focus .p-featured__image { scale: 1.05; } .p-featured__title a:link, .p-featured__title a:visited { color: var(--text-color); } .-hasRuby .p-featured__title { padding-top: 0; line-height: 3.3; } .-hasRuby .p-featured__title rt { font-size: 50%; } .p-featured__excerpt { margin-top: 5px; font-size: 1.4rem; line-height: 1.7142857143; } .-hlj .p-featured__excerpt { color: var(--text-color-light); } html:not(.-hasRuby) .p-featured__excerpt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .-hasRuby .p-featured__excerpt { margin-top: 0; line-height: 3.2; } .p-featured__tags { margin-top: 12px; } .-hasRuby .p-featured__tags { margin-top: 0; } .p-featured__date { display: block; padding-top: 6px; margin-top: 17px; border-top: 1px solid var(--line-color); } .p-featured__date .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-eyeCatchingHeading { padding: 0; } .p-eyeCatchingHeading span { display: block; padding: 10px 9px; } .p-eyeCatchingHeading.-pickUp span { padding: 10px 75px 10px 95px; } .p-eyeCatchingHeading.-pickUp span::before { top: auto; bottom: -4px; left: 16px; width: 70px; height: 85px; background-image: url("/images/bg_index_01.svg"); background-size: 70px auto; } .p-eyeCatchingHeading.-pickUp span::after { top: calc(50% - 13.5px); right: 25px; width: 45px; height: 27px; background-image: url("/images/bg_index_02.svg"); background-size: 45px auto; } html[lang=en] #pickup { margin-bottom: 45px; } .p-contentListStage { padding: 30px 20px; background-color: #fff; } .p-contentRanking { position: relative; z-index: 1; font-size: 1.4rem; } .p-contentRanking__item .p-contentRanking__rank { position: absolute; top: -26px; left: -27px; z-index: 2; } .p-contentRanking__item:nth-child(n+4) .p-contentRanking__rank { top: -22px; left: -20px; } .p-information.-tabEnabled .p-information__tabPanel { display: none; } .p-information.-tabEnabled .p-information__tabPanel[aria-hidden=false] { display: block; animation: tabFadeInFromHide 0.66s; } @keyframes tabFadeInFromHide { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } .p-information__tabList { display: none; border-bottom: 1px solid var(--key-color); } html[data-script-enabled=true] .p-information__tabList { display: flex; gap: 5px; } .p-information__tabList button { display: block; flex-basis: 33.3%; padding: 11px 3px 10px; margin-bottom: 1px; font-size: 1.4rem; font-weight: bold; line-height: 1.2857142857; color: var(--text-color-light); text-align: center; cursor: pointer; border-color: var(--line-color-dark) var(--line-color-dark) transparent transparent; border-style: solid; border-width: 1px 1px 0; } .p-information__tabList button:first-child { border-left-color: var(--line-color-dark); border-left-width: 1px; } .p-information__tabList button[aria-selected=true] { position: relative; margin-bottom: 0; color: var(--key-color); border-color: var(--key-color) var(--key-color) transparent var(--key-color); border-top-width: 4px; } .p-information__tabList button[aria-selected=true]::after { position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 0; content: ""; border-bottom: 1px solid #fff; } .p-information__more { margin-top: 16px; font-size: 1.4rem; font-weight: bold; text-align: right; } .p-information__more a:link, .p-information__more a:visited { color: var(--key-color); } .p-information__more a:hover::after, .p-information__more a:active::after, .p-information__more a:focus::after { right: -3px; } .p-information__more a::after { position: relative; top: 2px; right: 0; display: inline-block; width: 7px; height: 12px; margin-left: 15px; content: ""; background-repeat: no-repeat; background-position: left top; transition: right 0.3s; } .p-information__rss { margin-block-start: 18px; text-align: right; } .p-information__rss a { font-size: 1.4rem; font-weight: bold; } .p-information__rss a::before { position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; margin-inline-end: 10px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); } .p-entryList { font-size: 1.4rem; line-height: 1.7142857143; } .p-entryList__item { padding: 15px 0; border-bottom: 1px solid var(--line-color); } .p-entryList__link { display: grid; grid-template-rows: auto auto; grid-template-columns: auto; } .p-entryList__link:link, .p-entryList__link:visited { text-decoration: none; } .p-entryList__link:link .p-entryList__title, .p-entryList__link:visited .p-entryList__title { text-decoration: underline; } .p-entryList__link:hover .p-entryList__title, .p-entryList__link:active .p-entryList__title, .p-entryList__link:focus .p-entryList__title { text-decoration-thickness: 2px; } .p-entryList__link:hover .p-entryList__title::after, .p-entryList__link:active .p-entryList__title::after, .p-entryList__link:focus .p-entryList__title::after { right: -3px; } .p-entryList__date { color: var(--text-color-light); } .p-entryList__title { position: relative; padding-right: 34px; margin-top: 5px; font-weight: bold; } .p-entryList__title:not(.-noArrow)::after { position: relative; right: 0; display: inline-block; width: 10px; height: 6px; margin-left: 10px; content: ""; background: url("/images/icon_arrow_01k.svg") no-repeat left top; transition: right 0.3s; transform: translateY(-50%) rotate(-90deg); } .p-entryList__icon { position: relative; top: -2px; margin-left: 10px; vertical-align: text-bottom; } .p-relatedSites { display: flex; flex-direction: column; gap: 20px; margin: 0 auto; } .p-relatedSites__item { width: 100%; } .p-relatedSites__link { position: relative; display: flex; align-items: center; justify-content: center; min-height: 78px; border: 1px solid var(--line-color-dark); border-radius: 6px; transition: border-color 0.2s; } .p-relatedSites__link:hover, .p-relatedSites__link:active, .p-relatedSites__link:focus { border-color: var(--line-hover-color); } .p-relatedSites__link img:first-child { max-width: 80%; } .p-relatedSites__icon { margin-left: 10px; } .p-disaster { padding: 13px 16px 15px; background-color: var(--background-color-caution); border: 4px solid var(--caution-color); } .p-disaster__heading { font-size: 2.2rem; color: var(--caution-color); text-align: center; } .p-disaster__icon { width: 30px; height: 26px; margin-right: 15px; vertical-align: text-bottom; } .p-disaster__text { margin-top: 6px; font-size: 1.4rem; line-height: 1.7142857143; } .p-disaster__text a:hover::after, .p-disaster__text a:active::after, .p-disaster__text a:focus::after { right: -3px; } .p-disaster__text a:not([target=_blank])::after { position: relative; top: 1px; right: 0; display: inline-block; width: 8px; height: 13px; margin-left: 12px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: right top; background-size: 7px auto; transition: right 0.3s; } .p-disaster__text .p-disaster__ul { padding: 0; margin: 0; } .p-disaster__text .p-disaster__ul li { position: relative; } .p-disaster__text .p-disaster__li-caution { padding-left: 34px; background: url("/images/icon_caution_blue.svg") no-repeat 0 0.25em; } .p-disaster__text .p-disaster__li-dot { padding-left: 34px; } .p-disaster__text .p-disaster__li-dot::before { position: absolute; top: 0.65em; left: 0.5em; display: block; width: 0.4em; height: 0.4em; content: ""; background-color: var(--text-color); border-radius: 1em; } html[lang=en] .p-disaster__heading span, html[lang=en] .p-disaster__icon { vertical-align: middle; } .p-emergency { padding: 15px 20px; background-color: #fff; } .p-emergency__content { font-size: 1.4rem; line-height: 1.7142857143; } .p-emergency__content p, .p-emergency__content ul, .p-emergency__content ol { margin-top: 0.35em; } .p-emergency__content img[src*=icon_caution] { margin-right: 15px; vertical-align: text-bottom; } .p-emergency__content .p-emergency__ul { padding: 0; margin: 0; } .p-emergency__content .p-emergency__ul li { position: relative; } .p-emergency__content .p-emergency__ul li a:not([target=_blank])::after { position: relative; top: 1px; right: 0; display: inline-block; width: 8px; height: 13px; margin-left: 10px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: right top; background-size: 7px auto; transition: right 0.3s; } .p-emergency__content .p-emergency__li-caution { padding-left: 34px; background: url("/images/icon_caution_blue.svg") no-repeat 0 0.25em; } .p-emergency__content .p-emergency__li-dot { padding-left: 34px; } .p-emergency__content .p-emergency__li-dot::before { position: absolute; top: 0.65em; left: 0.5em; display: block; width: 0.4em; height: 0.4em; content: ""; background-color: var(--text-color); border-radius: 1em; } .p-jasrac { margin-block-start: 27px; text-align: center; } .p-jasrac__innner { display: inline-block; font-size: 1.2rem; color: #fff; text-align: right; } .p-categoryStage { padding-top: 30px; padding-bottom: 50px; } .p-categoryPopularStage { padding-top: 50px; padding-bottom: 50px; } .p-tagListStage { padding-top: 30px; padding-bottom: 60px; border-bottom: 1px solid var(--line-color); } .p-tagList:not(:first-child) { padding-top: 50px; margin-top: 50px; border-top: 1px solid var(--line-color); } .p-tagList__title { margin-bottom: 28px; font-size: 2.2rem; line-height: 1.5; } .p-tagList__lists { display: flex; flex-wrap: wrap; gap: 20px; } .p-tagList__listItem { display: flex; } .p-tagList__itemLink { position: relative; box-sizing: border-box; display: flex; align-items: center; padding: 2px 14px; font-size: 1.4rem; font-weight: bold; line-height: 2; text-decoration: none; background-color: #fff; border: 1px solid var(--line-color-dark); border-radius: 6px; } .p-tagList__itemLink .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-tagList__itemLink:link, .p-tagList__itemLink:visited { color: var(--text-color); } .p-tagList__itemLink:hover, .p-tagList__itemLink:active, .p-tagList__itemLink:focus { color: var(--text-link-hover-color); text-decoration: underline; border-color: var(--line-hover-color); } .p-newsStage { padding-top: 30px; padding-bottom: 10px; border-bottom: 1px solid var(--line-color); } .p-newsSearch { padding: 20px; margin-bottom: 10px; background-color: var(--background-color-light-b); } .p-newsSearch__colLabel { font-weight: bold; } .p-newsSearch__colLabel rt { font-size: 60%; } .p-newsSearch__select { background-color: #fff; } .p-newsSearch__button { min-width: 150px; color: #fff; } .p-newsSearchNoMatch { margin-block: 3em 2em; } .p-newsList { margin-bottom: 50px; font-size: 1.4rem; line-height: 1.7142857143; } .p-newsList__item { padding: 26px 0; } .p-newsList__item:not(:last-child) { border-bottom: 1px solid var(--line-color); } .p-newsList__categoryLabel { display: inline-block; padding: 1px 9px 0; font-weight: bold; color: var(--text-color); background-color: #ebebeb; border: 1px solid #ebebeb; border-radius: 3px; } .p-newsList__categoryLabel .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-newsList__categoryLabel + .p-newsList__categoryLabel { margin-left: 10px; } .p-newsList__date { color: var(--text-color-light); } .p-newsList__link { grid-row: 2; grid-column: 1/span 2; } .p-newsList__title { position: relative; padding-right: 6px; margin-top: 5px; font-weight: bold; } .p-newsList__icon { position: relative; top: -2px; margin-left: 10px; vertical-align: text-bottom; } .p-eventStage { padding-top: 30px; border-bottom: 1px solid var(--line-color); } .p-eventList { margin-bottom: 30px; } .p-eventList__title { margin-bottom: 20px; font-size: 2.2rem; line-height: 1.5; } .p-eventList__item { padding: 26px 0; } .p-eventList__item:not(:last-child) { border-bottom: 1px solid var(--line-color); } .p-eventList__meta { gap: 10px; margin-bottom: 15px; } .p-eventList__category { gap: 10px; } .p-eventList__category li { display: flex; } .p-eventList__category li em { display: flex; align-items: center; } .p-eventList__entryTitle { font-size: 1.4rem; font-weight: bold; } .p-eventList__entryTitle .c-icon { margin-inline: 10px; } .p-calendarStage { padding-top: 30px; padding-bottom: 10px; border-bottom: 1px solid var(--line-color); } .p-calendarHeader { display: grid; grid-template-areas: "prevLink currentMonth nextLink"; grid-template-rows: 34px 1fr; grid-template-columns: 85px calc(100% - 170px) 85px; margin-bottom: 30px; } .p-calendarHeader__title { display: flex; grid-area: currentMonth; align-items: center; justify-content: center; order: 4; font-size: 2.2rem; line-height: 1.5; } .p-calendarHeader__monthNav { position: relative; display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--text-color); text-decoration: none; border: 1px solid var(--line-color-dark); border-radius: 6px; } .p-calendarHeader__monthNav::after { position: absolute; top: calc(50% - 3px); display: block; width: 10px; height: 6px; content: ""; background: url("/images/icon_arrow_01.svg") no-repeat 0 0; } .p-calendarHeader__monthNav:link, .p-calendarHeader__monthNav:visited { color: var(--text-color); } .p-calendarHeader__monthNav:hover, .p-calendarHeader__monthNav:active, .p-calendarHeader__monthNav:focus { color: #fff; background-color: var(--key-color); } .p-calendarHeader__monthNav:hover::after, .p-calendarHeader__monthNav:active::after, .p-calendarHeader__monthNav:focus::after { top: calc(50% - 5px); width: 6px; height: 10px; background-image: url("/images/icon_arrow_01w.svg"); } .p-calendarHeader__monthNav.-prev { grid-area: prevLink; order: 1; padding-left: 15px; } .p-calendarHeader__monthNav.-prev::after { left: 15px; transform: rotate(90deg); } .p-calendarHeader__monthNav.-prev:hover::after, .p-calendarHeader__monthNav.-prev:active::after, .p-calendarHeader__monthNav.-prev:focus::after { left: 18px; transform: rotate(-180deg); } .p-calendarHeader__monthNav.-next { grid-area: nextLink; order: 3; padding-right: 15px; } .p-calendarHeader__monthNav.-next::after { right: 15px; transform: rotate(-90deg); } .p-calendarHeader__monthNav.-next:hover::after, .p-calendarHeader__monthNav.-next:active::after, .p-calendarHeader__monthNav.-next:focus::after { right: 18px; transform: rotate(0deg); } .p-monthlyFromThisMonth { padding: 20px; margin-bottom: 50px; background-color: var(--background-color-light-b); } .p-monthlyFromThisMonth__title { margin-bottom: 20px; font-size: 1.8rem; line-height: 1.5; } .p-weeklyAndAnniversary { margin-bottom: 50px; } .p-weeklyAndAnniversary__title { margin-bottom: 20px; font-size: 1.8rem; line-height: 1.5; } .p-weeklyAndAnniversary__table { width: 100%; border-collapse: collapse; border: solid var(--line-color-dark); border-width: 1px 0; } .p-weeklyAndAnniversary__table th, .p-weeklyAndAnniversary__table td { padding: 20px 15px; text-align: left; } .p-weeklyAndAnniversary__table th { box-sizing: border-box; width: 9em; padding-left: 0; font-size: 1.4rem; font-weight: normal; line-height: 2; color: var(--text-color-light); border-right: 1px solid var(--line-color); border-bottom: 1px solid var(--line-color); } .p-weeklyAndAnniversary__table td { border-bottom: 1px solid var(--line-color); } .p-weeklyAndAnniversary__table tr:last-child th, .p-weeklyAndAnniversary__table tr:last-child td { border-bottom: 0; } .p-longTermOngoing { padding: 20px; margin-bottom: 50px; border: 1px solid var(--line-color-dark); } .p-longTermOngoing__title { margin-bottom: 20px; font-size: 1.8rem; line-height: 1.5; } .p-calendarDetail { border-bottom: 1px solid var(--line-color); } .p-calendarDetail .p-article__meta.-no-category { justify-content: end; } .p-calendarBack { margin-top: 50px; } .p-publicationStage { padding-top: 20px; border-bottom: 1px solid var(--line-color); } .p-publicationStage.-article { padding-bottom: 10px; } .p-publication { margin-bottom: 30px; } .p-publication__title { margin-bottom: 20px; font-size: 2.4rem; line-height: 1.5; } .p-publication__about { margin-bottom: 20px; font-size: 1.4rem; line-height: 1.7857142857; } .p-publication__more { margin-bottom: 40px; font-size: 1.4rem; font-weight: bold; } .p-publication__moreLink::after { position: relative; right: 0; display: inline-block; width: 10px; height: 6px; margin-left: 6px; content: ""; background: url("/images/icon_arrow_01k.svg") no-repeat left top; transition: right 0.3s; transform: translateY(-50%) rotate(-90deg); } .p-publicationLinks { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 50px; } .p-publicationLinks__itemLink { position: relative; box-sizing: border-box; display: block; padding: 4px 32px 4px 14px; font-size: 1.4rem; font-weight: bold; line-height: 1.7142857143; text-decoration: none; background-color: #fff; border: 1px solid var(--line-color-dark); border-radius: 6px; } .p-publicationLinks__itemLink .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-publicationLinks__itemLink:link, .p-publicationLinks__itemLink:visited { color: var(--text-color); } .p-publicationLinks__itemLink::before, .p-publicationLinks__itemLink::after { position: absolute; display: block; content: ""; } .p-publicationLinks__itemLink::before { top: -2px; left: -2px; z-index: -1; width: calc(100% + 4px); height: calc(100% + 4px); background-color: #fff; border-radius: 6px; } .p-publicationLinks__itemLink::after { top: calc(50% - 5px); right: 14px; width: 10px; height: 10px; background: url("/images/icon_arrow_03.svg") no-repeat left top/100% 100%; } .p-publicationLinks__itemLink:hover, .p-publicationLinks__itemLink:active, .p-publicationLinks__itemLink:focus { color: var(--text-link-hover-color); border-color: var(--line-hover-color); } .p-publicationLinks__itemLink:hover::before, .p-publicationLinks__itemLink:active::before, .p-publicationLinks__itemLink:focus::before { background-color: var(--line-hover-color); } .p-publicationLinks__itemLink:hover::after, .p-publicationLinks__itemLink:active::after, .p-publicationLinks__itemLink:focus::after { background-image: url("/images/icon_arrow_04.svg"); } .p-publicationList { margin-bottom: 50px; } .p-publicationList__title { padding: 12px 18px; margin-bottom: 26px; font-size: 1.6rem; line-height: 1.3125; background-color: var(--background-color-light-a); } .p-publicationList__title .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-publicationList__listItem { margin: 26px 0; font-size: 1.4rem; line-height: 1.5; } .p-publicationList__lists.-backnumber { display: flex; flex-wrap: wrap; gap: 26px; } .p-publicationList__lists.-backnumber .p-publicationList__listItem { width: calc(50% - 13px); margin: 0; } .p-publicationList__listLink { font-weight: bold; } .p-publicationList__listLink:link, .p-publicationList__listLink:visited { color: var(--key-color); } .p-publicationList__listLink::after { position: relative; right: 0; display: inline-block; width: 10px; height: 6px; margin-left: 6px; content: ""; background: url("/images/icon_arrow_01k.svg") no-repeat left top; transition: right 0.3s; transform: translateY(-50%) rotate(-90deg); } .p-publicationList__about { margin-bottom: 15px; font-size: 1.4rem; line-height: 1.7857142857; } .p-publicationList__more { font-size: 1.4rem; font-weight: bold; line-height: 1.5; } .p-publicationArticle__title { margin-bottom: 20px; font-size: 2.4rem; line-height: 1.5; } .p-publicationArticle__content { padding-bottom: 40px; } .p-publicationArticle__content .p-migrateContent { margin-top: 24px; } .p-publicationArticle .table_normal { width: 100%; border-collapse: collapse; } .p-publicationArticle .table_normal tbody th, .p-publicationArticle .table_normal tbody td { box-sizing: border-box; padding: 20px; } .p-publicationArticle .table_normal tbody th { text-align: left; background-color: var(--background-color-light-a); } .notice { margin-bottom: 30px; } .p-kurashiStage { padding-top: 30px; padding-bottom: 10px; border-bottom: 1px solid var(--line-color); } .p-kurashiStage ul:not([class]) li:not([class]), .p-kurashiStage ol:not([class]) li:not([class]) { padding-left: 0; margin-left: 30px; text-indent: 0; list-style-position: outside; list-style-type: inherit; } .p-kurashiStage ul:not([class]) li:not([class])::before, .p-kurashiStage ol:not([class]) li:not([class])::before { display: none; } .p-kurashiStage ul:not([class]) li:not([class]) { padding-left: 10px; margin-left: 20px; } .p-kurashiSection { margin-bottom: 50px; } .p-kurashiSection__title { margin-bottom: 15px; font-size: 2.2rem; line-height: 1.5; } .p-kurashiSection__about { margin-bottom: 30px; font-size: 1.4rem; line-height: 1.7857142857; } .p-kurashiSection__content { display: flex; flex-wrap: wrap; gap: 40px; } .p-kurashiList { box-sizing: border-box; width: 100%; border: 1px solid var(--line-color-dark); } .p-kurashiList__title { padding: 10px 15px; font-size: 1.6rem; line-height: 1.3125; background-color: #ebebeb; } .p-kurashiList__content { padding: 20px; } .p-kurashiList__lists.-child { margin: 1.2em 0 0 1.2em; } .p-kurashiCategory { margin-bottom: 45px; } .p-kurashiCategory__item + .p-kurashiCategory__item { margin-top: 45px; } .p-kurashiCategory__label { padding: 10px 15px; font-size: 1.6rem; font-weight: bold; background-color: var(--background-color-light-a); } .p-kurashiCategory__label + .p-kurashiCategory__objects { margin-top: 25px; } .p-kurashiObject + .p-kurashiObject { margin-top: 41px; } .p-kurashiObject .p-kurashiObject__title a:not([target])::after, .p-kurashiObject li a:not([target])::after { position: relative; top: -3px; right: 0; display: inline-block; width: 10px; height: 6px; margin-left: 10px; content: ""; background: url("/images/icon_arrow_01k.svg") no-repeat left top; transition: right 0.3s; transform: rotate(-90deg); } .p-kurashiObject .p-kurashiObject__title a:not([target]):hover::after, .p-kurashiObject .p-kurashiObject__title a:not([target]):active::after, .p-kurashiObject .p-kurashiObject__title a:not([target]):focus::after, .p-kurashiObject li a:not([target]):hover::after, .p-kurashiObject li a:not([target]):active::after, .p-kurashiObject li a:not([target]):focus::after { right: -3px; } .p-kurashiObject__title { font-size: 1.8rem; font-weight: bold; } .p-kurashiObject__content { margin-top: 9px; line-height: 1.7857142857; } .p-kurashiObject__content p, .p-kurashiObject__content ul, .p-kurashiObject__content ol, .p-kurashiObject__content dl { margin-top: 1.125em; } .p-kurashiObject__content p:first-child, .p-kurashiObject__content ul:first-child, .p-kurashiObject__content ol:first-child, .p-kurashiObject__content dl:first-child { margin-top: 0; } .p-kurashiObject__content ul li + li, .p-kurashiObject__content ol li + li { margin-top: 0.75em; } .p-kurashiObject__content dl + dl { margin-top: 0.75em; } .p-kurashiObject__content dl dt { font-size: 1.6rem; font-weight: bold; } .p-kurashiObject__content dl dt + dd { margin-top: 0.5em; } .p-kurashiObject__content .no_link> li { position: relative; padding-left: 21px; margin-left: 0.4em; } .p-kurashiObject__content .no_link> li::before { position: absolute; top: 0.7em; left: 0; display: inline-block; width: 0.428em; height: 0.428em; content: ""; background-color: var(--text-color); border-radius: 0.214em; } .inline_right { margin-top: 0.5em; text-align: right; } .p-kurashiObject__content:not(.-titleHeadingLv2) h4, .p-kurashiObject__content.-titleHeadingLv2 h3 { margin-top: 1em; font-size: 1.6rem; font-weight: bold; } .p-tvProgramsStage { padding-top: 30px; padding-bottom: 80px; } .p-tvPrograms .p-tvPrograms__item { display: flex; flex-direction: column-reverse; align-items: flex-start; } .p-tvPrograms .p-tvPrograms__item + .p-tvPrograms__item { margin-top: 50px; } .p-tvPrograms .p-tvPrograms__image { position: relative; overflow: hidden; } .p-tvPrograms .p-tvPrograms__image.-movie a::after { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: auto; aspect-ratio: 16/9; content: ""; background-color: rgba(25, 25, 25, 0.3019607843); } .p-tvPrograms .p-tvPrograms__image.-movie a:hover img:not(.c-movieOverlayIcon), .p-tvPrograms .p-tvPrograms__image.-movie a:active img:not(.c-movieOverlayIcon), .p-tvPrograms .p-tvPrograms__image.-movie a:focus img:not(.c-movieOverlayIcon) { transform: scale(1.05); } .p-tvPrograms .p-tvPrograms__text { box-sizing: border-box; } .p-tvPrograms .p-tvPrograms__name { margin-top: 15px; font-size: 2.2rem; line-height: 1.4545454545; } html[lang=en] .p-tvPrograms .p-tvPrograms__name { margin-block-start: 20px; } .p-tvPrograms .p-tvPrograms__outline { margin-top: 10px; font-size: 1.4rem; line-height: 1.7142857143; } .p-tvPrograms .p-tvPrograms__outline.-hlj { font-size: 1.6rem; line-height: 1.75; } .p-tvPrograms .p-tvPrograms__note { margin-top: 10px; font-size: 1.4rem; line-height: 1.5714285714; } .p-tvPrograms .p-tvPrograms__link { max-width: 380px; margin-top: 25px; } .p-tvPrograms .p-tvPrograms__link.-hlj { max-width: 100%; padding-inline: 37px; } .p-tvPrograms .p-tvPrograms__button.-hlj { padding-inline: 15px; margin-inline: auto; } .p-noneArticleContent .p-tvPrograms .p-tvPrograms__button.-shirutobira { padding-top: 8px; padding-bottom: 9px; } .p-noneArticleContent .p-tvPrograms .p-tvPrograms__button.-sundayCollection { max-width: 100%; } .-hasEasy .p-noneArticleContent .p-tvPrograms .p-tvPrograms__button { padding-top: 5px; padding-bottom: 5px; } .p-formProgressbar { display: flex; width: 100%; margin: 0; } .p-formProgressbar__item { position: relative; display: flex; flex-basis: 33.333%; align-items: center; justify-content: center; height: 50px; font-size: 1.8rem; line-height: 1; color: var(--text-color-light); text-align: center; background-color: var(--background-color-semi-light); } .p-formProgressbar__item .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-formProgressbar__item.-active { color: #fff; background-color: var(--key-color); } .p-formProgressbar__item> span { position: relative; z-index: 2; } .p-formProgressbar__item rt { font-size: 60%; } .p-formProgressbar__item:not(:first-child)> span { margin-left: 20px; } .p-formProgressbar__item:not(:last-child)::before, .p-formProgressbar__item:not(:last-child)::after { position: absolute; top: 0; left: calc(100% - 20px); z-index: 2; display: block; width: 34px; height: 34px; content: ""; transform: translateY(7px) rotate(-45deg); } .p-formProgressbar__item:not(:last-child)::after { border-right: 3px solid #fff; border-bottom: 3px solid #fff; } .p-formProgressbar__item:not(:last-child).-active::before { background-color: var(--key-color); } .p-feedbackTextForm { margin-top: 30px; } .p-feedbackTextForm.-confirm .p-feedbackTextForm__field { margin-top: 26px; } .p-feedbackTextForm.-confirm .p-feedbackTextForm__field + .p-feedbackTextForm__field { padding-top: 28px; border-top: 1px solid var(--line-color); } .p-feedbackTextForm__heading { padding: 8px 5px; font-size: 1.4rem; font-weight: bold; text-align: center; background-color: var(--background-color-light-b); } .p-feedbackTextForm__field { border-width: 0; } .p-feedbackTextForm__field + .p-feedbackTextForm__field { margin-top: 30px; } .p-feedbackTextForm__field.-rating { margin-top: 50px; margin-bottom: 46px; } .p-feedbackTextForm__label { display: block; font-weight: bold; } .p-feedbackTextForm__inputData { margin-top: 16px; font-size: 1.4rem; line-height: 1.7142857143; } .p-feedbackTextForm__required { position: relative; top: -1px; display: inline-block; padding: 4px 9px; margin-left: 10px; font-size: 1.4rem; line-height: 1; color: var(--caution-color); background-color: var(--background-color-caution); border: 1px solid var(--caution-color); border-radius: 3px; } .p-feedbackTextForm__required .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-feedbackTextForm__supplement { margin-top: 14px; font-size: 1.4rem; line-height: 1.7142857143; } .p-feedbackTextForm__input, .p-feedbackTextForm__textarea, .p-feedbackTextForm__select, .p-feedbackTextForm__radio { margin-top: 14px; } .p-feedbackTextForm__input[readonly], .p-feedbackTextForm__textarea[readonly], .p-feedbackTextForm__select[readonly], .p-feedbackTextForm__radio[readonly] { color: var(--text-color-light); background-color: var(--background-color-semi-light); border-color: var(--line-color); } .p-feedbackTextForm__rating { margin-top: 26px; } .p-feedbackTextForm__inputFeedback { display: flex; justify-content: space-between; margin-top: 6px; } .p-feedbackTextForm__errorMessage { font-size: 1.4rem; color: var(--caution-color); } .p-feedbackTextForm__errorMessage.-center { text-align: center; } .p-feedbackTextForm__errorMessage.-mt5 { margin-top: 5px; } .p-feedbackTextForm__requestAnswer { padding: 8px 5px; margin-top: 54px; font-weight: bold; text-align: center; background-color: var(--background-color-light-b); } .p-feedbackTextForm__requestAnswer + .p-feedbackTextForm__field { margin-top: 40px; } .p-feedbackTextForm__privacyPolicy { margin-top: 60px; } .p-feedbackTextForm__submit { width: 100%; max-width: 260px; margin-top: 30px; color: #fff; } [lang=en] .p-feedbackTextForm__submit::after, [lang=en] html[data-text-zoom=true] .p-feedbackTextForm__submit::after { top: 2px; } .p-feedbackTextForm__submit.-submit { margin-top: 45px; } .p-feedbackTextForm__submit.-back { color: var(--key-color); } .p-feedbackTextForm__submit.-back:hover, .p-feedbackTextForm__submit.-back:active, .p-feedbackTextForm__submit.-back:focus { color: #fff; } .p-feedbackTextForm__submit[disabled] { color: var(--text-color-light); cursor: initial; background-color: var(--background-color-semi-light); } .p-feedbackTextForm__home { max-width: 260px; } #feedback_text { height: 200px; } .p-feedbackTextForm__group_period { display: flex; align-items: flex-end; justify-content: space-between; } .p-feedbackTextForm__group_period_item { width: 45%; } .p-feedbackTextForm__group_period_item_connector { margin-bottom: 0.5em; } .p-feedbackTextForm__group_period_item label { display: block; margin: 0.5em 0 -0.5em; font-weight: bold; } .p-feedbackTextFormComplete { margin-top: 44px; } .p-feedbackTextFormComplete__heading { font-size: 2.2rem; text-align: center; letter-spacing: 0.075em; } .p-feedbackTextFormComplete__text { margin-top: 29px; line-height: 1.75; text-align: center; } .p-privacyPolicyConsent { border-width: 0; } .p-privacyPolicyConsent__legend { display: block; font-size: 1.6rem; font-weight: bold; text-align: center; } .p-privacyPolicyConsent__link { margin-top: 30px; text-align: center; } .p-privacyPolicyConsent__link a { font-weight: bold; } .p-privacyPolicyConsent__icon { position: relative; top: -2px; margin-left: 10px; vertical-align: text-bottom; } .p-privacyPolicyConsent__input { margin-top: 16px; font-weight: bold; text-align: center; } .p-privacyPolicyConsent__input input[type=checkbox], .p-privacyPolicyConsent__input label { cursor: pointer; } .p-privacyPolicyConsent__input input[type=checkbox] { margin-inline-end: 2px; transform: scale(1.5); } .p-feedbackForm { margin-top: 50px; } .p-feedbackForm__fieldset { display: block; border-width: 0; } .p-feedbackForm__fieldset + .p-feedbackForm__fieldset { margin-top: 40px; } .p-feedbackForm__fieldsetHeading { box-sizing: border-box; display: block; width: 100%; padding: 6px 10px; font-weight: bold; line-height: 1.75; text-align: center; background-color: var(--background-color-light-b); } .p-feedbackForm__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 20px; } .p-feedbackForm__textForm { margin-top: 46px; text-align: center; } .p-feedbackForm__textForm button { position: relative; font-size: 1.4rem; font-weight: bold; color: var(--key-color); text-decoration: underline; cursor: pointer; border-width: 0; } .p-feedbackForm__textForm button::after { position: relative; top: -3px; right: 0; display: inline-block; width: 10px; height: 6px; margin-left: 15px; content: ""; background: url("/images/icon_arrow_01k.svg") no-repeat left top; transition: right 0.3s; transform: rotate(-90deg); } .p-feedbackForm__textForm button:hover, .p-feedbackForm__textForm button:active, .p-feedbackForm__textForm button:focus { color: var(--text-link-hover-color); text-decoration-thickness: 2px; } .p-feedbackForm__textForm button:hover::after, .p-feedbackForm__textForm button:active::after, .p-feedbackForm__textForm button:focus::after { right: -3px; } [lang=en] .p-feedbackForm__textForm button { text-align: left; } [lang=en] .p-feedbackForm__textForm button::after { top: -1px; margin-left: 10px; } .p-feedbackSimpleTextForm { position: fixed; top: 50%; box-sizing: border-box; width: calc(100% - 40px); max-width: 1024px; padding: 50px 20px; margin: 0 auto; background-color: #fff; border-width: 0; border-radius: 6px; transform: translateY(-50%); } .p-feedbackSimpleTextForm::backdrop { background-color: rgba(0, 0, 0, 0.4); } .p-feedbackSimpleTextForm__heading { font-size: 1.8rem; text-align: center; } .p-feedbackSimpleTextForm__supplement { margin-top: 19px; font-size: 1.4rem; line-height: 1.7142857143; } .p-feedbackSimpleTextForm__supplement.-complete { text-align: center; } .p-feedbackSimpleTextForm__required { position: relative; top: -1px; display: inline-block; padding: 4px 9px; margin-left: 10px; font-size: 1.4rem; line-height: 1; color: var(--caution-color); background-color: var(--background-color-caution); border: 1px solid var(--caution-color); border-radius: 3px; } .p-feedbackSimpleTextForm__required .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-feedbackSimpleTextForm__errorMessage { margin-top: 19px; color: var(--caution-color); } .p-feedbackSimpleTextForm__textareaWrapper { position: relative; height: 200px; margin-top: 14px; text-align: center; } .p-feedbackSimpleTextForm__inputFeedback { margin-top: 2px; font-size: 1.4rem; color: var(--text-color-light); text-align: end; } .p-feedbackSimpleTextForm__submit { width: 100%; max-width: 320px; color: #fff; } .p-feedbackSimpleTextForm__submit.-submit { max-width: 260px; margin-top: 26px; } [lang=ja] .p-feedbackSimpleTextForm__submit.-submit { letter-spacing: 1em; } .p-feedbackSimpleTextForm__submit.-back { margin-top: 25px; color: var(--key-color); background-color: #fff; border: 2px solid currentColor; } .p-feedbackSimpleTextForm__submit.-back:hover, .p-feedbackSimpleTextForm__submit.-back:active, .p-feedbackSimpleTextForm__submit.-back:focus { color: #fff; background-color: var(--background-color-hover); border-color: var(--line-color-hover); } .p-feedbackSimpleTextForm__submit.-back::after { display: none; } .p-feedbackSimpleTextForm__submit[disabled] { color: var(--line-color-dark); background-color: var(--background-color-light-b); } .p-feedbackSimpleTextForm__submit[disabled]::after { background-image: url("/images/icon_arrow_05.svg"); } .p-feedbackSimpleTextForm__close { position: absolute; top: 20px; right: 20px; cursor: pointer; border-width: 0; } .p-feedbackSimpleTextForm__statusIcon { position: absolute; top: 50%; left: 50%; display: none; width: 140px; height: 140px; background-color: rgb(from #fff r g b/75%); transform: translate(-50%, -50%); } .p-feedbackSimpleTextForm__statusIcon.-onSubmit { display: block; } .p-feedbackSimpleTextForm__statusIcon img { aspect-ratio: 1/1; } .p-formStage { padding-bottom: 60px; border-bottom: 1px solid var(--line-color); } .p-formStage ul:not([class]) li:not([class]), .p-formStage ol:not([class]) li:not([class]) { padding-left: 0; margin-left: 30px; text-indent: 0; list-style-position: outside; list-style-type: inherit; } .p-formStage ul:not([class]) li:not([class])::before, .p-formStage ol:not([class]) li:not([class])::before { display: none; } .p-formStage ul:not([class]) li:not([class]) { padding-left: 10px; margin-left: 30px; } .p-privacyStage { padding-top: 30px; padding-bottom: 60px; border-bottom: 1px solid var(--line-color); } .p-privacyStage ul:not([class]) li:not([class]), .p-privacyStage ol:not([class]) li:not([class]) { padding-left: 0; margin-left: 30px; text-indent: 0; list-style-position: outside; list-style-type: inherit; } .p-privacyStage ul:not([class]) li:not([class])::before, .p-privacyStage ol:not([class]) li:not([class])::before { display: none; } .p-privacyStage ul:not([class]) li:not([class]) { padding-left: 10px; margin-left: 20px; } .p-privacyPolicy__section { margin-bottom: 45px; } .p-privacyPolicy__title { margin-bottom: 10px; font-size: 1.8rem; line-height: 1.5555555556; } .p-privacyPolicy__text { font-size: 1.4rem; line-height: 1.7857142857; } .p-privacyPolicy__text:not(:last-child) { margin-bottom: 30px; } .p-privacyPolicy__lists { margin-left: 3em; } .p-privacyPolicy__listItem { position: relative; margin-bottom: 30px; list-style-type: none; counter-increment: cnt; } .p-privacyPolicy__listItem.-mb0 { margin-bottom: 0; } .p-privacyPolicy__listItem::before { position: absolute; top: 0; left: 0; display: inline-block; width: 2em; margin-left: -3em; text-align: right; content: "(" counter(cnt) ")"; } .p-privacyPolicy__content { display: flex; flex-wrap: wrap; gap: 40px; } .p-privacyContact { padding-top: 45px; border-top: 1px solid var(--line-color); } .p-privacyContact__title { margin-bottom: 25px; font-size: 2.2rem; line-height: 1.5; } .p-privacyContact__about { margin-bottom: 55px; } .p-kurashiList { box-sizing: border-box; width: 100%; border: 1px solid var(--line-color-dark); } .p-kurashiList__title { padding: 10px 15px; font-size: 1.6rem; line-height: 1.3125; background-color: #ebebeb; } .p-kurashiList__content { padding: 20px; } .p-kurashiList__lists.-child { margin: 1.2em 0 0 1.2em; } .p-searchStage { padding-top: 30px; padding-bottom: 10px; border-bottom: 1px solid var(--line-color); } .p-shortVideoSearchResultStage { padding-block: 50px; } .p-searchFilter { padding: 20px 20px 10px; margin-bottom: 40px; background-color: var(--background-color-light-b); } .p-searchFilter__hits { margin-bottom: 20px; font-size: 1.4rem; line-height: 1.7857142857; } .p-searchFilter__form { display: flex; gap: 10px; justify-content: center; } .p-searchFilter__col { display: flex; gap: 10px; align-items: center; margin-bottom: 20px; } .p-searchFilter label { width: 100%; font-size: 1.4rem; font-weight: bold; line-height: 1.7857142857; } .p-searchFilter select { box-sizing: border-box; appearance: none; width: 100%; min-width: 110px; padding: 14px 29px 14px 14px; font-size: 1.4rem; line-height: 1; color: var(--text-color); cursor: pointer; background-color: #fff; background-repeat: no-repeat; background-position: right 15px center; background-size: 12px auto; border: 1px solid #000; border-radius: 6px; } .p-searchFilter select option { background-color: #fff; } .p-searchFilter button { white-space: nowrap; } .p-searchResult__title { margin-bottom: 20px; font-size: 2.2rem; line-height: 1.5; } .p-searchResult__list { margin: 30px auto; } .p-searchResult__listItem:not(:last-child) { border-bottom: #ccc solid 1px; } .p-searchResult__listItemLink { display: grid; grid-template-rows: 1fr auto auto; grid-template-columns: 120px calc(100% - 120px); place-items: center start; padding: 26px 0; color: var(--text-color); text-decoration: none; } .p-searchResult__listItemLink:link, .p-searchResult__listItemLink:visited { color: var(--text-color); } .p-searchResult__listItemLink:hover .p-searchResult__listItemTitle, .p-searchResult__listItemLink:focus .p-searchResult__listItemTitle, .p-searchResult__listItemLink:active .p-searchResult__listItemTitle { text-decoration-thickness: 2px; } .p-searchResult__listItemThum { width: 120px; height: 68px; text-align: center; } .p-searchResult__listItemThum img { box-sizing: border-box; width: auto; max-width: 100%; height: auto; max-height: 100%; border: 1px solid #ccc; } .p-searchResult__listItemTitle { font-size: 1.4rem; font-weight: bold; line-height: 1.5; color: var(--key-color); text-decoration: underline; } .p-searchResult__listItemTitle> span::after { position: relative; display: inline-block; width: 6px; height: 10px; margin-inline-start: 8px; content: ""; background-repeat: no-repeat; background-position: left top; background-size: 6px auto; } .p-searchResult__listItemDescription { order: 3; margin-bottom: 10px; font-size: 1.4rem; line-height: 1.7857142857; } .p-searchResult__listItemUrl { order: 4; font-size: 1.4rem; line-height: 1.7857142857; word-break: break-all; } .p-searchResult__listItemDate { order: 10; font-size: 1.4rem; line-height: 1.7857142857; color: var(--text-color-light); } .p-pagination { margin: 40px 0; } .p-pagination em, .p-pagination a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; font-size: 1.8rem; font-style: normal; font-weight: normal; line-height: 1; color: var(--text-color); text-align: center; text-decoration: none; border: 0; border-radius: 50%; } .p-pagination a:hover, .p-pagination a:active, .p-pagination a:focus, .p-pagination em { color: #fff; background-color: var(--key-color); } .p-pagination__prev a, .p-pagination__next a { overflow: hidden; text-indent: 110%; white-space: nowrap; background-color: #fff; background-repeat: no-repeat; background-position: center; border: 1px solid var(--key-color); border-radius: 50%; } .p-pagination__prev a:hover, .p-pagination__prev a:active, .p-pagination__prev a:focus, .p-pagination__next a:hover, .p-pagination__next a:active, .p-pagination__next a:focus { color: #fff; } .p-pagination__prev.-hidden, .p-pagination__next.-hidden { visibility: hidden; } .p-pagination__prev a { transform: rotate(180deg); } .p-pagination.-pc { position: relative; display: none; } .p-pagination.-pc .p-pagination__prev, .p-pagination.-pc .p-pagination__next { position: absolute; top: 10px; } .p-pagination.-pc .p-pagination__prev { left: 10px; margin-right: 0; } .p-pagination.-pc .p-pagination__prev a::before { margin-right: 8px; } .p-pagination.-pc .p-pagination__next { right: 10px; margin-left: 0; } .p-pagination.-pc .p-pagination__next a::after { margin-left: 8px; } .p-pagination.-pc .p-pagination__pages { display: flex; flex-wrap: wrap; justify-content: center; padding: 0; margin: 0; list-style: none; } .p-pagination.-pc .p-pagination__page { margin-bottom: 10px; } .p-pagination.-pc .p-pagination__page:not(:last-child) { margin-right: 10px; } .p-pagination.-sp { display: flex; gap: 0 28px; justify-content: center; } .p-pagination.-sp .p-pagination__pageNumDisplay { display: flex; align-items: center; justify-content: center; } .p-pageStage { padding-top: 40px; padding-bottom: 60px; border-bottom: 1px solid var(--line-color); } .p-newsLetter__title { margin-bottom: 25px; font-size: 2.2rem; line-height: 1.5; } .p-newsLetter__link { margin-bottom: 25px; font-size: 1.4rem; font-weight: bold; line-height: 1.5; } .p-newsLetter__link .c-icon { width: 18px; height: 18px; margin-right: 10px; } .p-newsLetter__lists { margin-left: 2em; } .p-newsLetter__listItem { margin-bottom: 20px; list-style-type: disc; } .p-newsLetter__button { width: 300px; } .p-newsLetter__button.c-button { padding-right: 20px; padding-left: 20px; border-radius: 100px; } .p-newsLetter__otherList dt { margin-bottom: 15px; font-size: 1.8rem; font-weight: bold; line-height: 1.5; } .p-newsLetter__otherList dd { margin-bottom: 30px; font-size: 1.4rem; font-weight: bold; line-height: 1.5; } .p-newsLetterSubscription { padding: 20px; margin: 50px 0; background-color: var(--background-color-light-b); } .p-newsLetterSubscription__title { margin-bottom: 20px; } .p-newsLetterSubscription__title .c-icon { width: 22px; height: 17px; margin-right: 6px; } .p-newsLetterSubscription__excerpt { margin-bottom: 20px; } .p-newsLetterSubscription__button { width: 260px; margin: 0 auto; } .p-a11yStage { padding-top: 25px; padding-bottom: 60px; border-bottom: 1px solid var(--line-color); } .p-a11yContent__section { margin-bottom: 40px; } .p-a11yContent__section p { margin-bottom: 1em; font-size: 1.4rem; line-height: 1.7857142857; } .p-a11yContent__section p.-right { text-align: right; } .p-a11yContent> .p-a11yContent__section:last-child { margin-bottom: 0; } .p-a11yContent> .p-a11yContent__section> .p-a11yContent__section { margin-top: 40px; } .p-a11yContent> .p-a11yContent__section> .p-a11yContent__section> .p-a11yContent__section { margin-bottom: 45px; } .p-a11yContent__section .p-a11yContent__attention { font-size: 1.4rem; line-height: 1.7857142857; } .p-a11yContent__section .p-a11yContent__attention.-block { display: block; } .p-a11yContent__hLevel2 { margin-bottom: 12px; font-size: 2.2rem; line-height: 1.5; } .p-a11yContent__hLevel3 { margin-bottom: 12px; font-size: 1.8rem; line-height: 1.5555555556; } .p-a11yContent__hLevel3.-fontNormal { font-size: 1.4rem; font-weight: normal; } .p-a11yContent__hLevel4 { padding: 12px; margin-bottom: 20px; font-size: 1.4rem; line-height: 1.5; background-color: #ebebeb; } .p-a11yContent ul { margin-bottom: 1em; margin-left: 1.2em; } .p-a11yContent ul.-mb30 { margin-bottom: 30px; } .p-a11yContent ul ul { margin-top: 1em; } .p-a11yContent ul ul li::marker { font-size: 0.5em; } .p-a11yContent ul> li { margin-bottom: 1em; font-size: 1.4rem; line-height: 1.7857142857; list-style: disc; } .p-a11yContent ul> li .c-icon { margin-inline-start: 10px; } .p-a11yContent ul.-plain { margin-left: 0; } .p-a11yContent ul.-plain li { list-style: none; } .p-a11yContent__orderedList, .p-a11yContent__noteList { margin-bottom: 1em; } .p-a11yContent__orderedListItem { position: relative; padding-left: 3.4285em; font-size: 1.4rem; line-height: 1.7857142857; } .p-a11yContent__orderedListItem + .p-a11yContent__orderedListItem { margin-top: 1.14285em; } .p-a11yContent__orderedListItemMarker { position: absolute; top: 0; left: 0; } .p-a11yContent__noteListItem { position: relative; padding-left: 2.75em; font-size: 1.4rem; line-height: 1.7857142857; } .p-a11yContent__noteListItem + .p-a11yContent__noteListItem { margin-top: 1.14285em; } .p-a11yContent__noteListItemMarker { position: absolute; top: 0; left: 0; } .p-a11yContent .table_normal { width: 100%; border-collapse: collapse; } .p-a11yContent .table_normal .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-a11yContent .table_normal rt { line-height: 1.5; } .p-a11yContent .table_normal tbody th, .p-a11yContent .table_normal tbody td { box-sizing: border-box; padding: 20px; border: 1px solid var(--line-color); } .p-a11yContent .table_normal tbody th { text-align: left; background-color: var(--background-color-light-a); } .p-contactInfo { padding: 15px 20px; margin: 20px 0; background-color: var(--background-color-light-b); } .p-contactInfo__title { margin-bottom: 15px; font-size: 1.8rem; line-height: 1.7777777778; text-align: center; } .p-contactInfo__text { margin-bottom: 15px; } .p-contactInfo__dataList dt, .p-contactInfo__dataList dd { box-sizing: border-box; font-size: 1.6rem; line-height: 1.75; } .p-contactInfo__dataList dt { font-weight: bold; } .p-contactInfo__dataList dd::before { display: inline-block; content: ":"; } .p-contactInfo__dataRow { width: 100%; } .p-contactInfo__dataRow dd { flex: 1; width: auto; } .p-usageRuleBox { padding: 15px 20px; border: 1px solid var(--line-color-dark); } .p-aboutSection + .p-aboutSection { margin-top: 44px; border-top: 1px solid var(--line-color); } .p-noneArticleContent .p-aboutHeading { margin-top: 45px; font-size: 2.2rem; letter-spacing: 0.075em; } .p-aboutLead { font-size: 1.4rem; line-height: 1.7857142857; } .p-aboutImage01 { margin: 32px 0; text-align: center; } .p-aboutLayout { margin-top: 25px; } .p-aboutLayout.-diagram { align-items: center; } .p-aboutLayout.-diagram h3 { margin-top: 0; font-size: 2.2rem; letter-spacing: 0.075em; } .p-aboutLayout.-diagram p { margin-top: 1em; } .p-aboutLayout.-logo p:first-child { margin-top: 0; } .p-aboutLayout .p-aboutLayout__note { margin-top: 10px; font-size: 1.4rem; line-height: 1.7857142857; } .p-aboutLayout__image { box-sizing: border-box; display: grid; flex-basis: 48.53515625%; place-items: center; height: 188px; padding: 0 20px; border: 1px solid var(--line-color); } .p-aboutLayout__text { box-sizing: border-box; flex-basis: 50%; margin-top: 15px; font-size: 1.4rem; } .p-noneArticleContent .p-useageRuleParagraph { margin-top: 0.5em; font-size: 1.4rem; } .p-usageRuleBox { padding: 15px 20px; margin-top: 24px; } .p-usageRuleBox + .p-usageRuleBox { margin-top: 50px; } .p-noneArticleContent .p-usageRuleBox h3 { padding: 0; margin: 0; font-size: 2rem; border-width: 0; } .p-noneArticleContent .p-usageRuleBox h4 { padding: 0; margin-top: 20px; font-size: 1.8rem; border-width: 0; } .p-noneArticleContent .p-usageRuleBox p, .p-noneArticleContent .p-usageRuleBox ul, .p-noneArticleContent .p-usageRuleBox ol { margin-top: 0.6em; font-size: 1.4rem; } .p-noneArticleContent .p-usageNoteList { margin-top: 25px; font-size: 1.4rem; } .p-noneArticleContent .p-usageNoteList li { position: relative; padding-left: 3em; } .p-noneArticleContent .p-usageNoteList li::before { display: none; } .p-usageNoteList .p-usageNoteList__marker { position: absolute; top: 0; left: 0; } .p-audioTrackNav { display: grid; grid-template-areas: "prev" "next" "index"; grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr; gap: 20px; margin-top: 40px; } .p-audioTrackNav__button { max-width: min(100% - 20px, 260px); margin-inline: auto; } .p-audioTrackNav__prev { grid-area: prev; } .p-audioTrackNav__prev .p-audioTrackNav__button.-back { color: #fff; background-color: var(--key-color); } .p-audioTrackNav__prev .p-audioTrackNav__button.-back:hover, .p-audioTrackNav__prev .p-audioTrackNav__button.-back:active, .p-audioTrackNav__prev .p-audioTrackNav__button.-back:focus { color: #fff; background-color: var(--background-color-hover); border-color: var(--background-color-hover); } .p-audioTrackNav__next { grid-area: next; } .p-audioTrackNav__index { grid-area: index; } .p-audioTrackNav__index .p-audioTrackNav__button.-back { flex-direction: row; } .p-audioTrackNav__index .p-audioTrackNav__button.-back::after { transform: none; } .p-brailleBook .p-brailleBook__link { margin-top: 30px; } .p-brailleBook__image { margin-top: 30px; text-align: center; } .p-contentHeader.-kids { padding: 0; } .p-contentHeader.-kids .c-content { padding-top: 16px; } .p-contentHeader.-kids .p-contentHeader__title { font-size: 2.4rem; line-height: 1.5; } .p-contentHeader.-kids .p-contentHeader__more .c-arrowLink::after { margin-left: 6px; } .p-contentHeader.-kids .p-contentHeader__kvText { padding-bottom: 25px; } .p-kidsStage { padding-top: 30px; border-bottom: 1px solid var(--line-color); } .p-kidsIndexLinks { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin-bottom: 30px; } .p-kidsIndexLinks__itemLink { position: relative; box-sizing: border-box; display: block; padding: 4px 8px 22px; font-size: 1.4rem; font-weight: bold; line-height: 1.7142857143; text-decoration: none; background-color: #fff; border: 1px solid var(--line-color-dark); border-radius: 6px; } .p-kidsIndexLinks__itemLink.-noLink { color: var(--text-color-light); background-color: #ddd; border-color: #ddd; } .p-kidsIndexLinks__itemLink:link, .p-kidsIndexLinks__itemLink:visited { color: var(--text-color); } .p-kidsIndexLinks__itemLink::before, .p-kidsIndexLinks__itemLink::after { position: absolute; display: block; content: ""; } .p-kidsIndexLinks__itemLink::before { top: -2px; left: -2px; z-index: -1; width: calc(100% + 4px); height: calc(100% + 4px); background-color: #fff; border-radius: 6px; } .p-kidsIndexLinks__itemLink::after { right: calc(50% - 5px); bottom: 10px; width: 10px; height: 10px; background: url("/images/icon_arrow_03.svg") no-repeat left top/100% 100%; } .p-kidsIndexLinks__itemLink:hover:not(.-noLink), .p-kidsIndexLinks__itemLink:active:not(.-noLink), .p-kidsIndexLinks__itemLink:focus:not(.-noLink) { color: var(--text-link-hover-color); border-color: var(--line-hover-color); } .p-kidsIndexLinks__itemLink:hover:not(.-noLink)::before, .p-kidsIndexLinks__itemLink:active:not(.-noLink)::before, .p-kidsIndexLinks__itemLink:focus:not(.-noLink)::before { background-color: var(--line-hover-color); } .p-kidsIndexLinks__itemLink:hover:not(.-noLink)::after, .p-kidsIndexLinks__itemLink:active:not(.-noLink)::after, .p-kidsIndexLinks__itemLink:focus:not(.-noLink)::after { background-image: url("/images/icon_arrow_04.svg"); } .p-kidsList__title { display: flex; justify-content: center; margin-bottom: 20px; } .p-kidsList__title> span { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; font-size: 2rem; font-weight: bold; line-height: 1.8; background-color: #fff; border: 1px solid var(--line-color-dark); border-radius: 50%; } .p-kidsList__title> span::before, .p-kidsList__title> span::after { position: absolute; bottom: -7px; width: 10px; height: 7px; clip-path: polygon(0 0, 100% 0, 50% 100%); content: ""; } .p-kidsList__title> span::before { background-color: var(--line-color-dark); } .p-kidsList__title> span::after { bottom: -5px; background-color: #fff; } .p-kidsListItem__title { padding: 12px 15px; margin-bottom: 30px; font-size: 1.6rem; font-weight: bold; line-height: 2; background-color: var(--background-color-light-a); } .p-kidsListItem__excerpt { margin-bottom: 25px; font-size: 1.4rem; line-height: 1.7857142857; } .p-kidsListItem__content { margin-bottom: 60px; } .p-kidsListItem__image { margin-bottom: 15px; } .p-kidsListItem__text { box-sizing: border-box; } .p-kidsListItem__contentTitle { margin-bottom: 10px; font-size: 1.8rem; line-height: 1.5; } .p-kidsListItem__contentExcerpt { margin-bottom: 25px; font-size: 1.4rem; line-height: 1.7857142857; } .p-kidsListItem__button .c-button { max-width: 260px; padding-right: 20px; padding-left: 20px; margin: 0 auto; border-radius: 100px; } .p-linkStage { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--line-color); } .p-treeList { margin-bottom: 30px; } .p-treeList__item { font-size: 1.6rem; font-weight: bold; line-height: 1.5; } .p-treeList__itemLink, .p-treeList__childItemLink { box-sizing: border-box; display: inline-block; padding: 0.6rem 1.4rem; text-decoration: none; background-color: var(--background-color-light-a); border: 1px solid var(--line-color-dark); border-radius: 6px; } .p-treeList__itemLink.-no-link, .p-treeList__childItemLink.-no-link { background-color: #fff; } .p-treeList__itemLink.-bg-blue, .p-treeList__childItemLink.-bg-blue { background-color: var(--background-color-light-a); } .p-treeList__itemLink:link, .p-treeList__itemLink:visited, .p-treeList__childItemLink:link, .p-treeList__childItemLink:visited { color: var(--text-color); } .p-treeList__itemLink:hover:not(.-no-link), .p-treeList__itemLink:active:not(.-no-link), .p-treeList__itemLink:focus:not(.-no-link), .p-treeList__childItemLink:hover:not(.-no-link), .p-treeList__childItemLink:active:not(.-no-link), .p-treeList__childItemLink:focus:not(.-no-link) { color: var(--text-link-hover-color); text-decoration: underline; cursor: pointer; border-color: currentColor; } .-hasRuby .p-treeList__childItemLink { padding-top: 1.6rem; } .p-treeList__itemLink { background-color: #fff; } .p-treeList__childLists { margin-left: 3rem; } .p-treeList__childListItem { position: relative; padding-top: 2.5rem; padding-left: 3rem; } .p-treeList__childListItem::before { position: absolute; top: 0; left: 0; display: block; width: 0; height: 100%; content: ""; border-left: 0.1rem solid var(--line-color-dark); } .p-treeList__childListItem::after { position: absolute; top: 4.5rem; left: 0; display: block; width: 3rem; height: calc(100% - 4.5rem - 0.1rem); content: ""; border-top: 0.1rem solid var(--line-color-dark); } .p-treeList__childListItem:last-child::after { background-color: #fff; } .p-treeList__childItemLink { position: relative; } .p-treeList__childLists .p-treeList__childLists { margin-left: 4.5rem; } .p-treeList__childLists .p-treeList__childLists .p-treeList__childListItem:last-child::before { height: 100%; } .p-treeList__childLists .p-treeList__childLists .p-treeList__childItemLink { background-color: var(--background-color-light-b); } .p-treeList__childLists .p-treeList__childLists .p-treeList__childItemLink::before { top: 50%; } .p-treeList__childLists .p-treeList__childLists .p-treeList__childItemLink.-no-link { background-color: #fff; } .p-treeList__childLists .p-treeList__childLists .p-treeList__childLists { margin-left: 0; } .p-treeList__childLists .p-treeList__childLists .p-treeList__childLists .p-treeList__childListItem { padding-left: 0; } .p-treeList__childLists .p-treeList__childLists .p-treeList__childLists .p-treeList__childListItem::before { display: none; } .p-treeList__childLists .p-treeList__childLists .p-treeList__childLists .p-treeList__childListItem::after { display: none; } .p-treeList__childLists .p-treeList__childLists .p-treeList__childLists .p-treeList__childItemLink::before { display: none; } .p-treeList__childLists .p-treeList__childLists .p-treeList__childLists .p-treeList__childItemLink::after { position: absolute; top: -2.6rem; left: 4.5rem; display: block; width: 0; height: 2.5rem; content: ""; border-left: 0.1rem solid var(--line-color-dark); } .p-treeList__icon { position: relative; top: -2px; width: 14px; height: 12px; margin-left: 10px; vertical-align: text-bottom; } .p-sitemapEnLinks a::after, .p-sitemapLinks a::after, .p-sitemapImperialFamily a::after, .p-sitemapCategory a::after { position: relative; top: -3px; right: 0; display: inline-block; width: 10px; height: 6px; margin-left: 10px; content: ""; background: url("/images/icon_arrow_01k.svg") no-repeat left top; transition: right 0.3s; transform: rotate(-90deg); } .p-sitemapCategoriesHead { padding: 12px 18px; font-size: 1.6rem; line-height: 1.3125; background-color: var(--background-color-light-a); } .p-sitemapCategoriesHead .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-sitemapCategories__item { position: relative; box-sizing: border-box; border-bottom: 1px solid var(--line-color-dark); } .p-sitemapCategories__item:last-child { border-bottom-width: 0; } .p-sitemapCategories__content { padding: 26px 0 27px; } .p-sitemapEnCategories__item { position: relative; box-sizing: border-box; border-bottom: 1px solid var(--line-color-dark); } .p-sitemapEnCategories__item:last-child { border-bottom-width: 0; } .p-sitemapEnCategories__content { padding: 26px 0 27px; } .p-sitemapCategory__parent { font-size: 1.4rem; font-weight: bold; } .p-sitemapCategory__list { padding-left: 20px; margin-top: 23px; font-size: 1.4rem; font-weight: bold; } .p-sitemapCategory__list li + li { margin-top: 19px; } .p-sitemapCategory.-en .p-sitemapCategory__list { margin-top: 30px; } .p-sitemapImperialFamily { padding-top: 46px; margin-top: 20px; font-size: 1.4rem; font-weight: bold; border-top: 1px solid var(--line-color); } .p-sitemapImperialFamily.-en { margin-top: 20px; } .p-sitemapLinks { padding-top: 46px; margin-top: 46px; font-size: 1.4rem; font-weight: bold; border-top: 1px solid var(--line-color); } .p-sitemapLinks li + li { margin-top: 19px; } .p-sitemapEnLinks { padding-top: 50px; margin-top: 46px; font-size: 1.4rem; font-weight: bold; border-top: 1px solid var(--line-color); } .p-sitemapEnLinks li { flex-basis: calc(33.33% - 7px); } .p-sitemapEnLinks li + li { margin-top: 26px; } .p-modal p { margin-bottom: 20px; } .p-modal ul, .p-modal ol { padding: 0 0 0 24px; margin-bottom: 20px; } .p-modal ul li, .p-modal ol li { margin-bottom: 24px; } .p-modal ul li:last-child, .p-modal ol li:last-child { margin-bottom: 0; } .p-modal ul li { list-style-type: disc; } .p-modal figcaption { margin: 40px 0 20px; font-size: 1rem; font-weight: bold; text-align: center; } .p-toExternalSite__label { margin-bottom: 30px; font-size: 1.8rem; font-weight: bold; text-align: center; } .p-toExternalSite__label rt { font-size: 60%; } .p-toExternalSite .p-targetLink { margin-bottom: 30px; } .p-toExternalSite .p-targetLink__label { margin-bottom: 20px; font-size: 1.4rem; font-weight: bold; } .p-toExternalSite .p-targetLink__url { position: relative; font-size: 1.4rem; word-break: break-all; } .p-areaGray { padding: 20px; background-color: var(--background-color-light-b); } .p-areaGray dt { margin-bottom: 20px; font-size: 1.6rem; font-weight: bold; } .p-areaGray dd li { font-size: 1.4rem; } button.p-actionButton { width: 320px; max-width: 100%; } .p-actionButton { padding: 13px 40px 12px; border: 2px solid var(--key-color); } .p-actionButton[data-modal-close-button] { margin-top: 30px; } .p-actionButton.-no-arrow::after { display: none !important; } .p-actionButton.-green { color: #fff; } .p-actionButton.-green:hover { border-color: var(--background-color-hover); } .p-actionButton.-white { color: var(--key-color); background-color: #fff; } .p-actionButton.-white::after { background-image: url("/images/icon_arrow_green.svg"); } .p-actionButton.-white:hover { color: #fff; background-color: var(--key-color); } .p-articleContent section + section { margin-top: 50px; border-top: 1px solid var(--line-color); } .p-articleContent> *:first-child { margin-top: 30px; } .p-articleContent p, .p-articleContent ul, .p-articleContent ol, .p-articleContent dl, .p-articleContent table { margin-bottom: 1.75em; } .p-articleContent strong { font-weight: bold; } .p-articleContent strong.yellow { font-weight: bold; background: linear-gradient(90deg, #FFF400, #FFF400) no-repeat left bottom; background-size: 100% 40%; } .p-articleContent ul> li { position: relative; padding-left: 21px; margin-left: 0.4em; } .p-articleContent ul> li + li { margin-top: 0.75em; } .p-articleContent ul> li::before { position: absolute; top: 0.7em; left: 0; display: inline-block; width: 0.428em; height: 0.428em; content: ""; background-color: var(--text-color); border-radius: 0.214em; } .p-articleContent ol> li { margin-left: 30px; list-style: decimal outside; } .p-articleContent ul:not([class]) li:not([class]), .p-articleContent ol:not([class]) li:not([class]) { padding-left: 0; margin-left: 30px; text-indent: 0; list-style-position: outside; list-style-type: inherit; } .p-articleContent ul:not([class]) li:not([class])::before, .p-articleContent ol:not([class]) li:not([class])::before { display: none; } .p-articleContent ul:not([class]) li:not([class]) { padding-left: 10px; margin-left: 20px; } .p-articleContent dd { margin-inline-start: 1em; } .p-articleContent .noteList { font-size: 0.875em; } .p-articleContent .noteList> li { padding-left: 2em; margin-left: 0; } .p-articleContent .noteList> li .marker { position: absolute; top: 0; left: 0; } .p-articleContent .noteList> li::before { display: none; } .p-articleContent table { padding: 1px; margin-bottom: 1.75em; border-collapse: collapse; border-width: 1px 0 0 1px; } .p-articleContent table, .p-articleContent table th, .p-articleContent table td { border-color: var(--line-color); border-style: solid; } .p-articleContent table thead { background-color: var(--background-color-light-a); } .p-articleContent table thead th { text-align: left; } .p-articleContent table tbody th { font-weight: normal; text-align: left; } .p-articleContent table tbody tr:nth-child(2n) th, .p-articleContent table tbody tr:nth-child(2n) td { background-color: var(--background-color-light-b); } .p-articleContent table th, .p-articleContent table td { padding: 14px 20px; border-width: 0 1px 1px 0; } .p-articleContent .indexListSection { padding: 20px 20px 26px; margin-top: 36px; line-height: 1.5; background-color: var(--background-color-light-b); } .p-articleContent .indexListSection + section { margin-top: 0; border-top-width: 0; } .p-articleContent .indexListSection .columnList { margin-top: 22px; } .p-articleContent .indexListSection .columnList ul { margin-bottom: 0; } .p-articleContent .indexListSection h2, .p-articleContent .indexListSection h3 { padding: 0; margin-top: 0; margin-bottom: 0; font-size: 1.6rem; border-top-width: 0; } .p-articleContent .indexListSection h2 { color: var(--text-color); } .p-articleContent .indexListSection h3 { color: var(--text-color); } .p-articleContent .indexListSection h3::before, .p-articleContent .indexListSection h3::after { content: unset; } .p-articleContent .indexListSection ul { padding-bottom: 16px; margin-top: 12px; margin-left: 20px; border-bottom: 1px solid var(--line-color); } .p-articleContent .indexListSection ul li { padding-top: 16px; padding-left: 0 !important; margin-top: 17px; margin-left: 0 !important; list-style: none !important; border-top: 1px solid var(--line-color); } .p-articleContent .indexListSection ul li::before { display: none; } .p-articleContent .indexListSection ul a { box-sizing: border-box; display: block; padding-right: 28px; font-weight: bold; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: right center; background-size: 20px auto; } .p-articleContent .indexListSection ul a::after { display: none; } .p-articleContent .indexListSection ul dl, .p-articleContent .indexListSection ul dt, .p-articleContent .indexListSection ul dd { display: contents; } .p-articleContent .indexListSection .numbers { display: inline-block; width: 1.5em; height: 1.5em; margin-inline-end: 0.25em; font-size: 0.875em; line-height: 1.5em; color: #fff; text-align: center; background-color: var(--key-color); border-radius: 50%; } .p-articleContent .stepHeading { display: flex; padding: 16px 0 12px 10px; margin-top: 44px; margin-bottom: 24px; font-size: 1.6rem; background-color: transparent; border-color: var(--key-color) transparent; border-style: solid none; border-width: 1px 0; } .p-articleContent .stepHeading::before, .p-articleContent .stepHeading::after { content: unset; } .p-articleContent .stepHeading .step { position: relative; display: block; padding-right: 18px; font-size: 1.4rem; line-height: 1; border-right: 1px solid var(--key-color); } .p-articleContent .stepHeading .step span { display: block; margin-top: 6px; font-size: 2.4rem; text-align: center; } .p-articleContent .stepHeading .step::after, .p-articleContent .stepHeading .step::before { position: absolute; top: calc(50% + 2px); left: 100%; width: 0; height: 0; content: ""; border: solid transparent; } .p-articleContent .stepHeading .step::after { margin-top: -5px; border-color: rgba(255, 255, 255, 0); border-top-width: 3px; border-right-width: 5px; border-bottom-width: 3px; border-left-color: #fff; border-left-width: 5px; } .p-articleContent .stepHeading .step::before { margin-top: -6px; margin-left: 1px; border-color: rgba(255, 255, 255, 0); border-top-width: 4px; border-right-width: 6px; border-bottom-width: 4px; border-left-color: var(--key-color); border-left-width: 6px; } .p-articleContent .stepHeading .text { margin-left: 25px; } .p-articleContent .box01 { padding: 20px 20px 14px; background-color: var(--background-color-light-b); } .p-articleContent .box01 h3, .p-articleContent .box01 h4 { margin-bottom: 16px; font-size: 1.6rem; } .p-articleContent .box01> *:first-child { margin-top: 0; } .p-articleContent .box01> *:last-child { margin-bottom: 0; } .p-articleContent .appLink { margin-top: 30px; margin-bottom: 24px; border: 1px solid #707070; } .p-articleContent .appLink .appName { display: flex; align-items: center; padding: 20px; background-color: var(--background-color-light-b); } .p-articleContent .appLink .appName img { width: 80px; } .p-articleContent .appLink .appName span { margin-left: 20px; font-size: 1.6rem; font-weight: bold; } .p-articleContent .appLink .links { padding: 14px 20px; } .p-articleContent .appLink .links dl { display: flex; flex-wrap: wrap; margin-bottom: 0; } .p-articleContent .appLink .links .sp { box-sizing: border-box; flex-basis: 50%; } .p-articleContent .appLink .links .sp:first-child { padding-right: 6.3%; border-right: 1px solid var(--line-color); } .p-articleContent .appLink .links .sp:nth-child(2) { padding-left: 6.3%; } .p-articleContent .appLink .links .sp:nth-child(2) dd { margin-top: min(5%, 10px); } .p-articleContent .appLink .links .sp:nth-child(2) a { display: block; max-width: 80%; } .p-articleContent .appLink .links .pc { flex-basis: 100%; padding-top: 15px; margin-top: 20px; border-top: 1px solid var(--line-color); } .p-articleContent .appLink .links .pc dd { margin-top: 4px; } .p-articleContent .appLink .links dt { font-size: 1.4rem; font-weight: bold; } .p-articleContent .imgCenter { margin: 2em 0; text-align: center; } .p-articleContent div[id^=movi_] { aspect-ratio: 16/9; } .p-articleContent h2 { display: flex; margin-top: 70px; margin-bottom: 15px; font-size: 2.2rem; color: var(--key-color); } .p-articleContent h2 .numbers { position: relative; top: 0.2em; display: inline-flex; align-items: center; justify-content: center; min-width: 1.778em; height: 1.778em; margin-right: 10px; font-size: 1.8rem; line-height: 1; color: #fff; background-color: var(--key-color); border-radius: 16px; } .p-articleContent h3 { position: relative; padding: 12px 0 11px; margin-top: 54px; margin-bottom: 24px; font-size: 1.8rem; color: var(--key-color); } .p-articleContent h3::before, .p-articleContent h3::after { position: absolute; display: block; width: 100%; height: 3px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; } .p-articleContent h3::before { top: 0; } .p-articleContent h3::after { bottom: 0; } .p-articleContent h4 { position: relative; padding-bottom: 8px; margin-top: 40px; margin-bottom: 14px; font-size: 1.6rem; } .p-articleContent h4::after { position: absolute; bottom: 0; display: block; width: 100%; height: 3px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; } .p-articleContent h5 { position: relative; padding-bottom: 7px; margin-top: 40px; margin-bottom: 14px; font-size: 1.6rem; } .p-articleContent h5::after { position: absolute; bottom: 0; display: block; width: 100%; height: 2px; content: ""; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; } .p-articleContent h6 { margin-top: 38px; margin-bottom: 8px; font-size: 1.6rem; } .p-migrateContent p + p, .p-migrateContent p + ul, .p-migrateContent p + ol, .p-migrateContent p + dl, .p-migrateContent p + table, .p-migrateContent ul + p, .p-migrateContent ul + ul, .p-migrateContent ul + ol, .p-migrateContent ul + dl, .p-migrateContent ul + table, .p-migrateContent ol + p, .p-migrateContent ol + ul, .p-migrateContent ol + ol, .p-migrateContent ol + dl, .p-migrateContent ol + table, .p-migrateContent dl + p, .p-migrateContent dl + ul, .p-migrateContent dl + ol, .p-migrateContent dl + dl, .p-migrateContent dl + table, .p-migrateContent table + p, .p-migrateContent table + ul, .p-migrateContent table + ol, .p-migrateContent table + dl, .p-migrateContent table + table { margin-top: 0; } .p-migrateContent.-newspaper, .p-migrateContent.-accessiblepr { margin-top: 30px; } .p-migrateContent--entry { margin-top: 30px; } .p-migrateContent--entry .indexListSection ul li { margin-left: 0 !important; list-style: none !important; } .p-migrateContent--entry .commonSection .rhombus { margin-left: 0.5em; } .p-migrateContent--entry .commonSection ul li { margin-left: 20px; } .p-migrateContent--entry .commonSection ol li { margin-left: 28px; } .p-noneArticleContent p, .p-noneArticleContent ul, .p-noneArticleContent ol, .p-noneArticleContent dl, .p-noneArticleContent table { margin-top: 2.5rem; line-height: 1.7857142857; } .p-noneArticleContent h2 { margin-top: 1.818em; font-size: 2.2rem; letter-spacing: 0.075em; } .p-noneArticleContent h2 + p, .p-noneArticleContent h2 + ul, .p-noneArticleContent h2 + ol, .p-noneArticleContent h2 + dl, .p-noneArticleContent h2 + table { margin-top: 2rem; } .p-noneArticleContent h3 { margin-top: 1.5em; font-size: 1.8rem; letter-spacing: 0.075em; } .p-noneArticleContent h4 { margin-top: 1.5em; font-size: 1.6rem; } .p-noneArticleContent h4 + p { margin-top: 0.5em; } .p-noneArticleContent h3 + h4 { margin-top: 0.5em; } .p-noneArticleContent ul> li { position: relative; padding-left: 21px; margin-left: 0.4em; } .p-noneArticleContent ul> li + li { margin-top: 0.75em; } .p-noneArticleContent ul> li::before { position: absolute; top: 0.7em; left: 0; display: inline-block; width: 0.428em; height: 0.428em; content: ""; background-color: var(--text-color); border-radius: 0.214em; } .p-noneArticleContent ul> li> ul { margin-top: 1.4285em; } .p-noneArticleContent ol:not([class])> li { margin-left: 25px; list-style: decimal outside; } .p-noneArticleContent ol:not([class])> li + li { margin-top: 0.5em; } .p-noneArticleContent ul:not([class]) li:not([class]), .p-noneArticleContent ol:not([class]) li:not([class]) { padding-left: 0; margin-left: 30px; text-indent: 0; list-style-position: outside; list-style-type: inherit; } .p-noneArticleContent ul:not([class]) li:not([class])::before, .p-noneArticleContent ol:not([class]) li:not([class])::before { display: none; } .p-noneArticleContent ul:not([class]) li:not([class]) { padding-left: 10px; margin-left: 20px; } .p-noneArticleContent dd { margin-inline-start: 1em; } .p-noneArticleContent table { width: 100%; border-collapse: collapse; border-width: 1px 0 0 1px; } .p-noneArticleContent table, .p-noneArticleContent table th, .p-noneArticleContent table td { border-color: var(--line-color); border-style: solid; } .p-noneArticleContent table th, .p-noneArticleContent table td { padding: 10px 15px; border-width: 0 1px 1px 0; } .p-noneArticleContent table th { text-align: left; } .p-noneArticleContent table thead { background-color: var(--background-color-light-a); } .p-noneArticleContent table tbody th { background-color: var(--background-color-light-a); } .p-noneArticleContent hr { margin: 1.5rem 0; } .p-noneArticleContent .c-button { width: 100%; max-width: 280px; margin-top: 2.5rem; margin-right: auto; margin-left: auto; } .p-noneArticleContent .c-button.p-backButton { margin-top: 50px; } .p-noneArticleContent .fig-u { margin: 0.5em 0 1em; } .p-noneArticleContent> *:first-child:not(.p-brailleBook__link), .p-noneArticleContent> section:first-child> *:first-child { margin-top: 0; } .p-noneArticleContent .c-scrollableSwitcher__button { margin-block: 2.5rem 0; } .p-noneArticleContent.-accessiblepr { margin-top: 30px; } .p-noneArticleContent.-accessiblepr table { padding: 1px; margin-bottom: 1.75em; border-collapse: collapse; border-width: 1px 0 0 1px; } .p-noneArticleContent.-accessiblepr table, .p-noneArticleContent.-accessiblepr table th, .p-noneArticleContent.-accessiblepr table td { border-color: var(--line-color); border-style: solid; } .p-noneArticleContent.-accessiblepr table th, .p-noneArticleContent.-accessiblepr table td { border-width: 0 1px 1px 0; } .p-noneArticleContent.-accessiblepr table thead { background-color: var(--background-color-light-a); } .p-noneArticleContent.-accessiblepr table thead th { text-align: left; } .p-noneArticleContent.-accessiblepr table tbody th { font-weight: normal; text-align: left; background-color: #fff; } .p-noneArticleContent.-accessiblepr table tbody tr:nth-child(2n) th, .p-noneArticleContent.-accessiblepr table tbody tr:nth-child(2n) td { background-color: var(--background-color-light-b); } .p-noneArticleContent.-accessiblepr table tbody tr th { width: 25%; } .p-noneArticleContent.-accessiblepr table .p-accessiblePRFiles { display: flex; margin: 0.5em 0 0; } .p-noneArticleContent.-accessiblepr table .p-accessiblePRFiles li { padding: 0; margin: 0; } .p-noneArticleContent.-accessiblepr table .p-accessiblePRFiles li::before { display: none; } .p-noneArticleContent.-accessiblepr table .p-accessiblePRFiles li + li { margin-left: 2em; } .p-migrateContent ul:not([class]) li:not([class]), .p-migrateContent ol:not([class]) li:not([class]) { padding-left: 0; margin-left: 30px; text-indent: 0; list-style-position: outside; list-style-type: inherit; } .p-migrateContent ul:not([class]) li:not([class])::before, .p-migrateContent ol:not([class]) li:not([class])::before { display: none; } .p-migrateContent ul:not([class]) li:not([class]) { padding-left: 10px; margin-left: 20px; } html[lang=en] main ul:not([class]) li:not([class]) { padding-left: 10px; margin-left: 20px; } html[lang=en] main ol:not([class]) li:not([class]) { padding-left: 10px; margin-left: 20px; } .js-penColor { position: relative; display: inline; padding: 2px 6px; margin: 0 1px; font-size: 1.6rem; font-weight: bold; color: #000; background-color: transparent; background-image: linear-gradient(transparent 60%, #f9c 60%); background-repeat: no-repeat; background-position: left bottom; background-size: 0 100%; transition: all 1s ease-in-out; } .js-penColor.yellowLine { background-image: linear-gradient(transparent 60%, #F7EF35 60%); } .mce-content-body .js-penColor, .js-penColor.inview { background-size: 100% 100%; } .p-contentHeader.-error { padding: 0; background-color: #fff; border-bottom: 2px solid var(--key-color); } .p-contentHeader.-error .c-content { padding-top: 16px; } .p-contentHeader.-error .p-contentHeader__kvText { padding-bottom: 25px; } .p-contentHeader.-error .p-contentHeader__kvImage img { width: 280px; } .p-contentHeader.-error .p-contentHeader__title { margin-top: 15px; font-size: 2.4rem; line-height: 1.5; letter-spacing: 0.05em; } .p-contentHeader.-error .p-contentHeader__text { font-size: 1.8rem; font-weight: bold; text-align: center; } .p-errorStage { padding-top: 40px; padding-bottom: 60px; border-bottom: 1px solid var(--line-color); } .p-errorSection:not(:last-child) { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid var(--line-color); } .p-errorSection__text { margin-bottom: 25px; font-size: 1.4rem; line-height: 1.7857142857; } .p-errorSection__lists { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .p-errorSection__listItem { display: flex; } .p-errorSection__button { display: flex; align-items: center; width: 300px; } .p-errorSection__button.c-button { padding-right: 20px; padding-left: 20px; border-radius: 100px; } .spDisplayOn, .tbDisplayOn, .pxDisplayOn, .pcDisplayOn { display: none; } .u-mb60 { margin-bottom: 60px; } .u-pt20 { padding-top: 20px; } .u-pt60 { padding-top: 60px; } .u-pb60 { padding-bottom: 60px; } .srOnly { position: absolute; left: 0; clip: rect(1px, 1px, 1px, 1px); } /* ============================ 2行目以降をX文字下げる ============================ */ /*2行目以降を0.5文字下げる*/ .indent-05 { padding-left: 0.5em; text-indent: -0.5em; } /*2行目以降を1文字下げる*/ .indent-1 { padding-left: 1em; text-indent: -1em; } /*2行目以降を1.5文字下げる*/ .indent-15 { padding-left: 1.5em; text-indent: -1.5em; } /*2行目以降を2文字下げる*/ .indent-2 { padding-left: 2em; text-indent: -2em; } /*2行目以降を3文字下げる*/ .indent-3 { padding-left: 3em; text-indent: -3em; } /*2行目以降を4文字下げる*/ .indent-4 { padding-left: 4em; text-indent: -4em; } /*2行目以降を5文字下げる*/ .indent-5 { padding-left: 5em; text-indent: -5em; } /* ============================ cssで太字を設定 ============================ */ .bold { font-weight: bold; } /* ============================ margin and padding ============================ */ .mt00 { margin-top: 0 !important; } .mt05 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mt45 { margin-top: 45px !important; } .mt50 { margin-top: 50px !important; } .mt60 { margin-top: 60px !important; } .mt100 { margin-top: 100px !important; } .mt1em { margin-top: 1em !important; } .mb00 { margin-bottom: 0 !important; } .mb05 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .mb1em { margin-bottom: 1em !important; } .ml00 { margin-left: 0 !important; } .ml05 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .ml40 { margin-left: 40px !important; } .ml45 { margin-left: 45px !important; } .ml50 { margin-left: 50px !important; } .ml1em { margin-left: 1em !important; } .mr00 { margin-right: 0 !important; } .mr05 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; } .mr40 { margin-right: 40px !important; } .mr45 { margin-right: 45px !important; } .mr50 { margin-right: 50px !important; } .mr1em { margin-right: 1em !important; } .pdt05 { padding-top: 5px !important; } .pdt10 { padding-top: 10px !important; } .pdt15 { padding-top: 15px !important; } .pdt20 { padding-top: 20px !important; } .pdt25 { padding-top: 25px !important; } .pdt30 { padding-top: 30px !important; } .pdt35 { padding-top: 35px !important; } .pdt40 { padding-top: 40px !important; } .pdt45 { padding-top: 45px !important; } .pdt50 { padding-top: 50px !important; } .pdt1em { padding-top: 1em !important; } .pdb05 { padding-bottom: 5px !important; } .pdb10 { padding-bottom: 10px !important; } .pdb15 { padding-bottom: 15px !important; } .pdb20 { padding-bottom: 20px !important; } .pdb25 { padding-bottom: 25px !important; } .pdb30 { padding-bottom: 30px !important; } .pdb35 { padding-bottom: 35px !important; } .pdb40 { padding-bottom: 40px !important; } .pdb45 { padding-bottom: 45px !important; } .pdb50 { padding-bottom: 50px !important; } .pdb1em { padding-bottom: 1em !important; } .pdl05 { padding-left: 5px !important; } .pdl10 { padding-left: 10px !important; } .pdl15 { padding-left: 15px !important; } .pdl20 { padding-left: 20px !important; } .pdl25 { padding-left: 25px !important; } .pdl30 { padding-left: 30px !important; } .pdl35 { padding-left: 35px !important; } .pdl40 { padding-left: 40px !important; } .pdl45 { padding-left: 45px !important; } .pdl50 { padding-left: 50px !important; } .pdl1em { padding-left: 1em !important; } .pdr05 { padding-right: 5px !important; } .pdr10 { padding-right: 10px !important; } .pdr15 { padding-right: 15px !important; } .pdr20 { padding-right: 20px !important; } .pdr25 { padding-right: 25px !important; } .pdr30 { padding-right: 30px !important; } .pdr35 { padding-right: 35px !important; } .pdr40 { padding-right: 40px !important; } .pdr45 { padding-right: 45px !important; } .pdr50 { padding-right: 50px !important; } .pdr1em { padding-right: 1em !important; } /* ============================ widthを%で指定(PCもSPも) ============================ */ .width_ratio05 { width: 5% !important; } .width_ratio10 { width: 10% !important; } .width_ratio15 { width: 15% !important; } .width_ratio20 { width: 20% !important; } .width_ratio25 { width: 25% !important; } .width_ratio30 { width: 30% !important; } .width_ratio35 { width: 35% !important; } .width_ratio40 { width: 40% !important; } .width_ratio45 { width: 45% !important; } .width_ratio50 { width: 50% !important; } .width_ratio55 { width: 55% !important; } .width_ratio60 { width: 60% !important; } .width_ratio65 { width: 65% !important; } .width_ratio70 { width: 70% !important; } .width_ratio75 { width: 75% !important; } .width_ratio80 { width: 80% !important; } .width_ratio85 { width: 85% !important; } .width_ratio90 { width: 90% !important; } .width_ratio95 { width: 95% !important; } /* ============================ widthを%で指定(PCのみ。SPは100%) ============================ */ /* for PC */ @media only screen and (min-width: 320px){ .c-eyeCatchingHeading> span::before, .c-eyeCatchingHeading> span::after { position: absolute; display: inline-block; content: ""; background-repeat: no-repeat; background-position: left top; } .c-actionButton::after { position: absolute; top: 50%; right: 20px; display: block; margin-left: 0; transform: translateY(-50%); } html[data-text-zoom=true] .c-actionButton::after { position: static; display: inline-block; transform: none; } .c-formRadio__radio { position: absolute; z-index: -1; margin-top: 0; opacity: 0; } .c-rating { display: grid; grid-template-rows: auto; grid-template-columns: 2em auto 2em; gap: 15px; align-items: end; } .c-rating__position { position: relative; top: -0.5em; } .c-rating__position.-low { text-align: right; } .c-rating__rates { flex-direction: row; gap: 0; justify-content: space-between; } .c-rating__rate { display: flex; flex-direction: column; align-items: center; width: 34px; } .c-rating__decoration { position: relative; display: block; width: 34px; height: 34px; margin-top: 15px; } .c-rating__radio { position: absolute; z-index: -1; margin-top: 0; opacity: 0; } .c-faq__questionText { padding: 17px 20px 15px; } .c-faq__answerText { padding: 14px 20px 15px; } .p-footer__column { padding: 30px 20px 40px; } .p-contentList__text { padding: 20px 20px 16px; } .p-contentList.-sp2col .p-contentList__item { flex-basis: calc(50% - 5px); } .p-miniContentList__link { flex-direction: row; } .p-miniContentList__image { flex-basis: 120px; } .p-shortContentList__text { padding: 15px 20px 16px; } .p-contentRanking02__item { flex-basis: calc(50% - 5px); } .p-featured__text { padding: 20px 20px 17px; } .-hlj .p-featured__text { padding: 20px 10px 17px; } .p-relatedSites__icon { position: absolute; top: 50%; right: 20px; margin-left: 0; transform: translateY(-50%); } .p-feedbackTextForm__submit::after, html[data-text-zoom=true] .p-feedbackTextForm__submit::after { position: relative; top: 1px; right: 0; display: inline-block; width: 6px; height: 10px; margin-inline-start: 10px; vertical-align: text-bottom; background-size: 6px auto; } .p-articleContent .indexListSection .columnList ul { margin-right: 20px; } .p-articleContent .indexListSection ul { margin-right: 20px; } } @media only screen and (min-width: 341px){ .p-keyVisual__image img { max-width: 300px; } } @media only screen and (min-width: 376px){ .c-content { padding-inline-start: 20px; padding-inline-end: 20px; } } @media only screen and (min-width: 400px) and (max-width: 768px){ .p-kidsIndexLinks { justify-content: stretch; } } @media only screen and (min-width: 501px){ .p-contentList__item { flex-basis: calc(50% - 15px); } .p-contentList.-sp2col .p-contentList__item { flex-basis: calc(50% - 15px); } } @media only screen and (min-width: 768px){ html { scroll-padding-top: var(--fixed-header-height); } .p-kurashiList, .p-longTermOngoing { background-size: 80px 71px; } .l-wrapper { min-height: calc(100vh - var(--fixed-header-height)); } .l-container footer { margin-top: auto; } .c-breadcrumb.-pc { display: block; } .c-breadcrumb.-sp { display: none; } .c-editorContent { font-size: 1.6rem; } .c-eyeCatchingHeading { margin-bottom: 40px; } .c-eyeCatchingHeading.-pickUp> span::before { top: -61px; left: -113px; width: 83px; height: 100px; background-size: 83px auto; } .c-eyeCatchingHeading.-pickUp> span::after { top: -5px; right: -85px; width: 52px; height: 32px; background-size: 52px; } .c-eyeCatchingHeading.-whatsNew> span::before { top: -65px; left: -132px; width: 93px; height: 106px; background-size: 93px auto; } .c-eyeCatchingHeading.-whatsNew> span::after { right: -86px; } .c-eyeCatchingHeading.-ranking> span::before { top: -47px; left: -111px; width: 80px; height: 90px; background-size: 80px auto; } .c-eyeCatchingHeading.-ranking> span::after { right: -54px; width: 23px; height: 18px; background-size: 23px auto; } .c-eyeCatchingHeading.-categoryPopular> span::before { top: -44px; left: -84px; width: 72px; height: 81px; background-size: 72px auto; } .c-eyeCatchingHeading.-categoryPopular> span::after { top: 0; right: -52px; } [lang=en] .c-eyeCatchingHeading.-categoryPopular> span { font-size: 2.2rem; } [lang=en] .c-eyeCatchingHeading.-categoryPopular> span::before { left: -95px; } [lang=en] .c-eyeCatchingHeading.-categoryPopular> span::after { right: -67px; } .c-eyeCatchingHeading.-relatedContents { padding-left: 0; } .c-eyeCatchingHeading.-relatedContents> span::before { top: -44px; left: -107px; width: 76px; height: 90px; background-size: 76px auto; } .c-eyeCatchingHeading.-relatedContents> span::after { top: 0; right: -67px; width: 32px; height: 20px; background-size: 32px auto; } .c-button { padding-right: 36px; padding-left: 36px; } .c-showMore__search { max-inline-size: 320px; } .c-formSelect, .c-formField { padding: 10px; } .c-shareSNS__listItem img { width: 30px; } .c-tagLink { padding: 2px 14px; } .c-relatedLink { padding-top: 35px; font-size: 1.6rem; } .c-relatedLink__heading { font-size: 2rem; } .c-relatedLink__list li + li { margin-top: 16px; } .c-modal { width: calc(100% - 40px); max-width: 1024px; padding-top: 60px; margin: 0 auto; } .c-modal__inner { padding: 0 60px; margin-bottom: 60px; } .c-feedbackButton__count { min-width: 60px; min-height: 30px; font-size: 1.4rem; } .c-rating { grid-template-columns: 88px 1fr 88px; gap: 0; } .c-rating__position { font-size: 1.6rem; } .c-rating__rates { justify-content: space-around; } .c-rating__rate { width: 30px; } .c-rating__decoration { width: 30px; height: 30px; } .c-rating__decoration::before { width: 28px; height: 28px; } .c-rating__radio:checked + .c-rating__decoration::after { width: 20px; height: 20px; } .c-simpleButton__button { max-width: 320px; } .c-arrowList__item { font-size: 1.6rem; line-height: 1.5; } .c-arrowList__item:not(:last-child) { margin-bottom: 24px; } .c-faq__item + .c-faq__item { margin-top: 60px; } .c-faq__qaPrefix { width: 2.5em; height: 2.5em; margin-top: 10px; font-size: 1.6rem; border-radius: 1.25em; } .c-faq__answer { margin-top: 30px; } .c-faq__questionText { padding: 17px 30px 15px; line-height: 1.75; } .c-faq__questionText::after, .c-faq__questionText::before { top: 30px; } .c-faq__answerText { padding: 24px 30px; } .c-faq__answerText::after, .c-faq__answerText::before { top: 30px; } .c-faqWidget summary { grid-template-columns: 1.888em 1fr 40px; padding: 20px 0 22px; font-size: 1.8rem; line-height: 1.88888; } .c-faqWidget summary abbr { width: 1.888em; height: 1.888em; font-size: 1.8rem; } .c-faqWidget summary i { width: 40px; height: 40px; border-radius: 20px; } .c-faqWidget summary i::before, .c-faqWidget summary i::after { width: 12px; } .c-faqWidget__answer { padding: 6px 0 34px; font-size: 1.6rem; } .c-scrollableTable { margin-top: 1.6rem; margin-bottom: 1.6rem; } .c-scrollableArea { padding-bottom: 2px; } .p-contentList__tags { margin-bottom: 15px; } .p-contentList__date { margin-top: auto; } .p-contentList__links { gap: 3px 20px; margin-block-start: auto; font-size: 1.6rem; line-height: 1.75; } .p-contentList02__item { flex-direction: row-reverse; gap: 30px; } .p-contentList02__image { width: 383px; min-width: 383px; margin-bottom: 0; } .p-contentList02__text { width: calc(100% - 383px); } .p-contentList02__outline { font-size: 1.6rem; line-height: 1.75; } .p-contentList02__link { margin-bottom: 30px; } .p-contentList02__issues dt { font-size: 1.8rem; line-height: 1.5; } .p-contentList02__issues dd { font-size: 1.6rem; line-height: 1.5; } .p-miniContentList { display: flex; flex-wrap: wrap; gap: 20px 2.9%; } .p-miniContentList__item { flex-basis: 48.55%; padding: 10px 20px 10px 10px; } .p-miniContentList__item + .p-miniContentList__item { margin-top: 0; } .p-miniContentList__link { gap: 4.2826%; align-items: start; height: 100%; } .p-miniContentList__image { flex-basis: 34.4753%; } .p-miniContentList__image img:not(.p-miniContentList__icon) { max-height: 90px; } .p-miniContentList__date { margin-top: 12px; } .p-contentRanking02 { display: grid; grid-template-rows: repeat(5, auto); grid-template-columns: 1fr 1fr; gap: 20px 2.9%; } .p-contentRanking02__item { padding: 10px 20px 10px 10px; } .p-contentRanking02__item:nth-child(1n) { grid-row: 1; grid-column: 1; } .p-contentRanking02__item:nth-child(2n) { grid-row: 2; grid-column: 1; } .p-contentRanking02__item:nth-child(3n) { grid-row: 3; grid-column: 1; } .p-contentRanking02__item:nth-child(4n) { grid-row: 4; grid-column: 1; } .p-contentRanking02__item:nth-child(5n) { grid-row: 5; grid-column: 1; } .p-contentRanking02__item:nth-child(6n) { grid-row: 1; grid-column: 2; } .p-contentRanking02__item:nth-child(7n) { grid-row: 2; grid-column: 2; } .p-contentRanking02__item:nth-child(8n) { grid-row: 3; grid-column: 2; } .p-contentRanking02__item:nth-child(9n) { grid-row: 4; grid-column: 2; } .p-contentRanking02__item:nth-child(10n) { grid-row: 5; grid-column: 2; } .p-contentRanking02__item .p-contentRanking02__rank { top: -20px; left: -20px; } .p-contentRanking02__item:nth-child(n+4) .p-contentRanking02__rank { top: -16px; left: -13px; } .p-contentRanking02__link { display: flex; flex-direction: row; gap: 4.2826%; align-items: start; } .p-contentRanking02__link::after { width: 150px; height: 50px; } .p-contentRanking02__image { flex-basis: 34.4753%; } .p-contentRanking02__image img:not(.p-contentRanking02__icon) { width: auto; max-height: 90px; } .p-contentRanking02__title { margin-block-start: 0; } .p-contentRanking02__date { margin-top: 12px; font-size: 1.4rem; } .p-contentRankingContainer { padding: 60px 0; } .c-content.-small + .p-contentRankingContainer, .c-background01:not(:has(.p-relatedContentsStage)) + .p-contentRankingContainer { margin-block-start: 60px; } .p-contentHeader { min-height: 200px; padding: 16px 0 25px; background-image: url("/images/bg_category_header.svg"); } .p-contentHeader rt { font-size: 40%; } .p-contentHeader__title { margin-top: 40px; font-size: 3.6rem; line-height: 1.3333333333; } .p-contentHeader__title.-withSubTitle { margin-top: 30px; } .p-contentHeader__title.-titleOnly { margin-top: 55px; } .p-contentHeader__text { margin-top: 12px; font-size: 1.6rem; line-height: 1.75; } .p-contentHeader__more { margin-top: 20px; } .p-tvProgramInfo { display: flex; align-items: center; padding-bottom: 0; margin-bottom: 60px; } .p-tvProgramInfo.-hljVideoOutline { padding-block-end: 0; } .p-tvProgramInfo__image { margin: 10px 0 10px 10px; } .p-tvProgramInfo__text { margin: 10px 0; } .p-tvProgramInfo__outline { width: calc(100% - 40px); margin: 0 20px; } .p-tvProgramInfo__outline.-hljVideoOutline { margin-inline: auto; } .p-tvProgramInfo__outline.-hljVideoOutline br { display: inline; } .p-tvProgramInfo__link { margin-top: 35px; margin-bottom: 10px; } .p-tvProgramInfo__link a { max-width: 320px; } .p-tvProgramInfo__button.-kantei { padding-inline: 34px 44px; } .p-relatedContentsStage { padding: 60px 100px; margin-top: 60px; } .p-relatedSitesStage { margin-top: 60px; } .p-relatedSitesStage .-home { margin-top: 78px; } .p-movie { margin-top: 37px; } .p-movie__chapter { display: none; flex-shrink: 0; width: 0; height: 435px; } .p-movie__chapter[open] { position: static; display: block; width: 240px; animation: chapterShow ease-in-out 0.2s; } .p-movie__meta { flex-direction: row; margin-top: 40px; } .p-movie__title { margin-top: 12px; font-size: 2.4rem; line-height: 1.5; } .p-movie__tags { font-size: 1.6rem; } .p-movie__supports { margin-top: 36px; font-size: 1.6rem; } .p-movie__shareSNS { margin-top: 36px; } .p-movie__text { padding-top: 34px; margin-top: 40px; } .p-movie__text h2 { margin-bottom: 25px; font-size: 2.4rem; } .p-movie__text h3 { font-size: 2rem; } .p-movie__text h3::before, .p-movie__text h3::after { background-image: url('data:image/svg+xml;charset=UTF-8,'); } .p-movie__text h4 { font-size: 1.8rem; } .p-movie__text h4::after { background-image: url('data:image/svg+xml;charset=UTF-8,'); } .p-movie__text h5 { font-size: 1.8rem; } .p-movie__text h6 { font-size: 1.8rem; } .p-movie__relatedLinks { margin-top: 36px; } .p-movie__termOfUse { font-size: 1.6rem; } .p-movie__termOfUse.-formNone { margin-top: 56px; } .p-movie__secondaryUseButton { margin-top: 56px; } .p-article__meta { flex-direction: row; margin-top: 40px; } .p-article__title { margin-top: 15px; font-size: 3rem; line-height: 1.5333333333; } .p-article__tags { font-size: 1.6rem; } .p-article__shareButtons { display: flex; gap: 30px; align-items: flex-end; } .p-article__shareSNS { margin-top: 36px; } .p-article__shareSNS--bottom { padding-top: 54px; margin-top: 54px; } .p-article__printButton { display: block; } .p-article__content { margin-top: 34px; } .p-article__secondaryUse { padding-top: 54px; margin-top: 54px; font-size: 1.6rem; } .p-chapters { width: 240px; border: 1px solid var(--line-color-dark); } .p-chapters__heading { padding: 10px 35px 10px 14px; } .p-chapters__close { top: 11px; right: 15px; width: 12px; height: 12px; } .p-chapters__content { padding: 0 10px 19px 14px; } .p-chapters__list { height: 359px; padding-right: 5px; } .p-chapters__text { width: 100px; } .p-chapters__thumbnail { width: 90px; } .p-mainImage { margin-top: 40px; } .p-radioSection__info { display: grid; grid-template-columns: 10em calc(100% - 10em); width: 400px; margin-right: auto; margin-left: auto; } .p-radioSection__info dt { width: 8em; padding-right: 2em; text-align: right; } .p-newspaperAd__image { margin-top: 40px; } .p-newspaperAd__content { margin-top: 40px; } .p-newspaperAd__content h2 { margin-bottom: 25px; font-size: 2.4rem; } .p-newspaperAd__content h3 { font-size: 2rem; } .p-newspaperAd__content h3::before, .p-newspaperAd__content h3::after { background-image: url('data:image/svg+xml;charset=UTF-8,'); } .p-newspaperAd__content h4 { font-size: 1.8rem; } .p-newspaperAd__content h4::after { background-image: url('data:image/svg+xml;charset=UTF-8,'); } .p-newspaperAd__content h5 { font-size: 1.8rem; } .p-newspaperAd__content h6 { font-size: 1.8rem; } .p-newspaperAd__date { font-size: 1.6rem; } .p-termOfUse { padding-block-start: 60px; margin-block-start: 60px; } .p-featurePrint { display: block; } .p-homeGroup02 { padding: 60px 0; } .p-whatsNew { padding-top: 60px; } .p-homeGroup03 { padding: 60px 0; } .p-keyVisual { display: flex; flex-direction: row-reverse; gap: 37px; align-items: flex-end; padding: 0 20px 150px; } .p-keyVisual__image { margin-bottom: 0; } .p-keyVisual__image img { max-width: 100%; margin: auto 0 0; } .p-keyVisual__siteName { max-width: none; margin: 0 0 0 12px; } .p-keyVisual__outline { margin-top: 25px; } .p-keyVisual__sharing { margin: 20px 0; } .p-keyVisual__actionButton { margin-bottom: 30px; } .p-featured { margin-top: -150px; } .p-featured.-hlj { margin-top: 30px; } .p-featured__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; } .p-featured__inner::before { padding-top: 0; } .p-featured__imageContainer { top: 10px; bottom: 10px; left: 10px; width: calc(50% - 10px); height: fit-content; } .p-featured__image { aspect-ratio: auto; object-fit: initial; } .-hlj .p-featured__text { padding: 20px 30px 17px 40px; } .p-eyeCatchingHeading.-pickUp span { padding: 10px 150px; } .p-eyeCatchingHeading.-pickUp span::before { top: auto; bottom: -4px; left: 67px; width: 83px; height: 100px; background-size: 83px auto; } .p-eyeCatchingHeading.-pickUp span::after { top: calc(50% - 16px); right: 88px; width: 52px; height: 32px; background-size: 52px; } html[lang=en] #pickup { margin-bottom: 60px; } .p-contentRanking { display: grid; grid-template-rows: repeat(5, auto); grid-template-columns: 1fr 1fr; gap: 20px 2.9%; } .p-contentRanking__item:nth-child(1n) { grid-row: 1; grid-column: 1; } .p-contentRanking__item:nth-child(2n) { grid-row: 2; grid-column: 1; } .p-contentRanking__item:nth-child(3n) { grid-row: 3; grid-column: 1; } .p-contentRanking__item:nth-child(4n) { grid-row: 4; grid-column: 1; } .p-contentRanking__item:nth-child(5n) { grid-row: 5; grid-column: 1; } .p-contentRanking__item:nth-child(6n) { grid-row: 1; grid-column: 2; } .p-contentRanking__item:nth-child(7n) { grid-row: 2; grid-column: 2; } .p-contentRanking__item:nth-child(8n) { grid-row: 3; grid-column: 2; } .p-contentRanking__item:nth-child(9n) { grid-row: 4; grid-column: 2; } .p-contentRanking__item:nth-child(10n) { grid-row: 5; grid-column: 2; } .p-contentRanking__item .p-contentRanking__rank { top: -20px; left: -20px; } .p-contentRanking__item:nth-child(n+4) .p-contentRanking__rank { top: -16px; left: -13px; } .p-information__more { font-size: 1.6rem; } .p-information__more a::after { top: 0; } .p-information__rss { margin-block-start: 23px; } .p-information__rss a { font-size: 1.6rem; } .p-information__rss a::before { width: 15px; height: 15px; } .p-entryList { padding-top: 20px; } .p-entryList__item { padding: 20px 20px 20px 0; } .p-entryList__link { grid-template-rows: auto; grid-template-columns: 140px auto; gap: 10px; } .p-entryList__title { margin-top: 0; font-size: 1.6rem; line-height: 1.5; } .p-relatedSites { flex-direction: row; gap: 30px; max-width: 670px; } .p-relatedSites__item { width: calc(50% - 15px); } .p-disaster__heading { font-size: 2.8rem; } .p-disaster__text { margin-top: 8px; } .p-jasrac { margin-block-start: 20px; text-align: left; } .p-categoryStage { padding-top: 60px; padding-bottom: 60px; } .p-categoryPopularStage { padding-top: 60px; padding-bottom: 60px; } .p-tagListStage { padding-top: 60px; padding-bottom: 80px; } .p-tagList:not(:first-child) { padding-top: 60px; margin-top: 60px; } .p-tagList__title { margin-bottom: 36px; font-size: 2.4rem; line-height: 1.5; } .p-tagList__itemLink { padding-top: 0; padding-bottom: 0; } .p-newsStage { padding-top: 60px; padding-bottom: 20px; } .p-newsSearch { padding: 40px; margin-bottom: 20px; } .p-newsSearch__form { display: flex; gap: 0 30px; justify-content: space-between; } .p-newsSearch__col { display: flex; align-items: center; width: calc((100% - 150px) / 2); } .p-newsSearch__colLabel { padding-right: 1em; white-space: nowrap; } .p-newsSearchNoMatch { margin-block-start: 4em; } .p-newsList__item { display: flex; align-items: start; padding: 24px 20px 20px 0; } .p-newsList__meta { display: grid; grid-template-rows: auto; grid-template-columns: 8em 10em; gap: 10px; } .p-newsList__categoryLabel + .p-newsList__categoryLabel { margin-top: 5px; margin-left: 0; } .p-newsList__link { font-size: 1.6rem; } .p-newsList__title { margin-top: 0; } .p-eventStage { padding-top: 60px; } .p-eventList { margin-bottom: 50px; } .p-eventList__title { font-size: 2.4rem; line-height: 1.5; } .p-eventList__item { padding: 24px 0; } .p-eventList__meta { align-items: flex-start; } .p-eventList__date { display: flex; align-items: center; padding-left: 1em; } .p-eventList__entryTitle { font-size: 1.6rem; } .p-calendarStage { padding-top: 60px; padding-bottom: 20px; } .p-calendarHeader { grid-template-rows: 1fr; grid-template-columns: 105px calc(100% - 210px) 105px; margin-bottom: 40px; } .p-calendarHeader__title { order: 2; font-size: 2.4rem; line-height: 1.5; } .p-monthlyFromThisMonth { padding: 40px; margin-bottom: 60px; } .p-monthlyFromThisMonth__title { font-size: 2rem; line-height: 1.5; } .p-weeklyAndAnniversary { margin-bottom: 60px; } .p-weeklyAndAnniversary__title { font-size: 2rem; line-height: 1.5; } .p-weeklyAndAnniversary__table th, .p-weeklyAndAnniversary__table td { padding: 20px 35px; } .p-weeklyAndAnniversary__table th { width: 11em; padding-left: 0; } .p-longTermOngoing { padding: 40px; margin-bottom: 60px; } .p-longTermOngoing__title { font-size: 2rem; line-height: 1.5; } .p-publicationStage { padding-bottom: 20px; } .p-publicationStage.-article { padding-bottom: 30px; } .p-publication { margin-bottom: 50px; } .p-publication__title { margin-bottom: 30px; font-size: 3rem; line-height: 1.5; } .p-publication__about { margin-bottom: 30px; font-size: 1.6rem; line-height: 1.75; } .p-publication__more { margin-bottom: 40px; font-size: 1.6rem; } .p-publicationLinks { gap: 20px; margin-bottom: 60px; } .p-publicationLinks__itemLink { padding: 7px 40px 7px 18px; font-size: 1.6rem; line-height: 1.5; } .p-publicationLinks__itemLink::after { top: calc(50% - 6px); width: 12px; height: 12px; } .p-publicationList { margin-bottom: 60px; } .p-publicationList__title { padding-top: 8px; padding-bottom: 8px; margin-bottom: 24px; font-size: 1.8rem; line-height: 1.5555555556; } .p-publicationList__listItem { margin: 24px 0; font-size: 1.6rem; line-height: 1.5; } .p-publicationList__lists.-backnumber { gap: 24px; } .p-publicationList__lists.-backnumber .p-publicationList__listItem { width: calc(50% - 12px); } .p-publicationList__about { margin-bottom: 22px; font-size: 1.6rem; line-height: 1.75; } .p-publicationList__more { font-size: 1.6rem; line-height: 1.5; } .p-publicationArticle__title { font-size: 3rem; line-height: 1.5; } .p-publicationArticle__content { padding-bottom: 50px; } .p-publicationArticle__content .p-migrateContent { margin-top: 36px; } .p-publicationArticle .table_normal tbody th, .p-publicationArticle .table_normal tbody td { border: 1px solid var(--line-color); } .p-kurashiStage { padding-top: 60px; padding-bottom: 20px; } .p-kurashiSection { margin-bottom: 60px; } .p-kurashiSection__title { font-size: 2.4rem; line-height: 1.5; } .p-kurashiSection__about { font-size: 1.6rem; line-height: 1.75; } .p-kurashiList { width: calc(50% - 20px); } .p-kurashiList__title { font-size: 1.8rem; line-height: 1.5555555556; } .p-kurashiList__content { padding: 25px; } .p-kurashiCategory { margin-bottom: 54px; } .p-kurashiCategory__item + .p-kurashiCategory__item { margin-top: 54px; } .p-kurashiCategory__label { padding: 8px 15px 9px; font-size: 1.8rem; } .p-kurashiCategory__label + .p-kurashiCategory__objects { margin-top: 35px; } .p-kurashiObject + .p-kurashiObject { margin-top: 49px; } .p-kurashiObject__title { font-size: 2rem; } .p-kurashiObject__content { line-height: 1.75; } .p-kurashiObject__content dl + dl { margin-top: 1em; } .p-kurashiObject__content dl dt { font-size: 1.8rem; } .p-kurashiObject__content .no_link> li::before { width: 0.375em; height: 0.375em; border-radius: 0.1875em; } .p-kurashiObject__content:not(.-titleHeadingLv2) h4, .p-kurashiObject__content.-titleHeadingLv2 h3 { font-size: 1.8rem; } .p-tvProgramsStage { padding-top: 60px; padding-bottom: 100px; } .p-tvPrograms .p-tvPrograms__item { flex-direction: row-reverse; gap: 5.859375%; justify-content: center; } .p-tvPrograms .p-tvPrograms__item + .p-tvPrograms__item { margin-top: 60px; } .p-tvPrograms .p-tvPrograms__image { flex-basis: 497px; } .p-tvPrograms .p-tvPrograms__text { flex-basis: 43.652344%; } .p-tvPrograms .p-tvPrograms__name { margin-top: 0; font-size: 2.4rem; line-height: 1.5; } html[lang=en] .p-tvPrograms .p-tvPrograms__name { margin-block-start: 0; } .p-tvPrograms .p-tvPrograms__outline { margin-top: 15px; font-size: 1.6rem; line-height: 1.75; } .p-tvPrograms .p-tvPrograms__outline.-hlj { margin-block-start: 20px; } .p-tvPrograms .p-tvPrograms__link { margin-top: 36px; } .p-tvPrograms .p-tvPrograms__link.-hlj { max-width: auto; padding-inline: 0; } .p-tvPrograms .p-tvPrograms__button.-hlj { max-width: 380px; padding-inline: 28px; margin-inline: 0 auto; } .p-formProgressbar__item { height: 60px; font-size: 2rem; } .p-formProgressbar__item:not(:first-child)> span { margin-left: 30px; } .p-formProgressbar__item:not(:last-child)::before, .p-formProgressbar__item:not(:last-child)::after { width: 42px; height: 42px; transform: translateY(8px) rotate(-45deg); } .p-feedbackTextForm { margin-top: 55px; } .p-feedbackTextForm.-confirm .p-feedbackTextForm__field { display: grid; grid-template-columns: 45.6% 51.679%; gap: 20px; padding-top: 38px; margin-top: 0; } .p-feedbackTextForm.-confirm .p-feedbackTextForm__field + .p-feedbackTextForm__field { padding-top: 38px; margin-top: 38px; } .p-feedbackTextForm__heading { font-size: 1.6rem; } .p-feedbackTextForm__field + .p-feedbackTextForm__field { margin-top: 38px; } .p-feedbackTextForm__field.-rating { margin-top: 60px; margin-bottom: 55px; } .p-feedbackTextForm__label { font-size: 1.8rem; } .p-feedbackTextForm__inputData { margin-top: 0; font-size: 1.6rem; line-height: 1.75; } .p-feedbackTextForm__required { margin-left: 15px; } .p-feedbackTextForm__supplement { font-size: 1.6rem; line-height: 1.75; } .p-feedbackTextForm__rating { margin-top: 36px; } .p-feedbackTextForm__submit { max-width: 320px; } .p-feedbackTextForm__submit.-submit { margin-top: 68px; } .p-feedbackTextFormComplete { margin-top: 52px; } .p-feedbackTextFormComplete__heading { font-size: 2.4rem; } .p-privacyPolicyConsent__legend { font-size: 1.8rem; } .p-feedbackForm { margin-top: 60px; } .p-feedbackForm__inputs { gap: 20px; } .p-feedbackForm__textForm { margin-top: 56px; } .p-feedbackForm__textForm button { font-size: 1.6rem; } [lang=en] .p-feedbackForm__textForm button::after { top: -3px; } .p-feedbackSimpleTextForm { width: 100%; padding: 60px; } .p-feedbackSimpleTextForm__heading { font-size: 2.4rem; } .p-feedbackSimpleTextForm__supplement { font-size: 1.6rem; line-height: 1.75; } .p-feedbackSimpleTextForm__required { margin-left: 15px; } .p-feedbackSimpleTextForm__submit.-submit { max-width: 320px; margin-top: 2px; } .p-feedbackSimpleTextForm__submit.-back { margin-top: 34px; } .p-feedbackSimpleTextForm__submit.-back::after { display: none; } .p-formStage { padding-bottom: 80px; } .p-privacyStage { padding-top: 60px; padding-bottom: 80px; } .p-privacyPolicy__section { margin-bottom: 60px; } .p-privacyPolicy__title { margin-bottom: 15px; font-size: 2rem; line-height: 1.5; } .p-privacyPolicy__text { font-size: 1.6rem; line-height: 1.75; } .p-privacyContact { padding-top: 60px; } .p-privacyContact__title { font-size: 2.4rem; line-height: 1.5; } .p-kurashiList { width: calc(50% - 20px); } .p-kurashiList__title { font-size: 1.8rem; line-height: 1.5555555556; } .p-kurashiList__content { padding: 25px; } .p-searchStage { padding-top: 60px; padding-bottom: 20px; } .p-shortVideoSearchResultStage { padding-block: 60px; } .p-searchFilter { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 43px 27px 23px; } .p-searchFilter__hits { font-size: 1.6rem; line-height: 1.75; } .p-searchFilter__form { gap: 20px; justify-content: space-between; } .p-searchFilter label { font-size: 1.6rem; line-height: 1.5625; } .p-searchFilter select { min-width: 250px; padding: 17px 30px 17px 15px; } .p-searchFilter button { font-size: 1.6rem; line-height: 1.5625; } .p-searchResult__title { margin-bottom: 30px; font-size: 2.4rem; line-height: 1.5; } .p-searchResult__list { margin: 50px auto; } .p-searchResult__listItemLink { grid-template-rows: 1fr; grid-template-columns: 240px calc(100% - 240px); } .p-searchResult__listItemThum { grid-row: 1/span 3; grid-column: 1; order: 1; width: 200px; height: 112px; } .p-searchResult__listItemTitle { grid-column: 2; order: 2; margin-bottom: 12px; font-size: 1.6rem; font-weight: bold; line-height: 1.5; } .p-searchResult__listItemDescription { grid-column: 2; font-size: 1.6rem; line-height: 1.75; } .p-searchResult__listItemUrl { grid-column: 2; } .p-searchResult__listItemDate { grid-column: 2; } .p-pagination { margin: 50px 0; } .p-pagination.-pc { display: flex; justify-content: center; } .p-pagination.-pc .p-pagination__prev, .p-pagination.-pc .p-pagination__next { position: relative; top: 0; } .p-pagination.-pc .p-pagination__prev { left: -34px; } .p-pagination.-pc .p-pagination__next { right: -34px; } .p-pagination.-sp { display: none; } .p-pageStage { padding-top: 55px; padding-bottom: 80px; } .p-newsLetter__title { margin-bottom: 30px; font-size: 2.4rem; line-height: 1.5; } .p-newsLetter__link { margin-bottom: 40px; font-size: 1.6rem; line-height: 1.5; } .p-newsLetter__button { width: 320px; } .p-newsLetter__otherList dt { font-size: 2rem; line-height: 1.5; } .p-newsLetter__otherList dd { font-size: 1.6rem; line-height: 1.5; } .p-newsLetterSubscription { display: flex; gap: 35px; align-items: center; justify-content: space-between; padding: 30px 40px; margin: 60px 0; } .p-a11yStage { padding-top: 55px; padding-bottom: 80px; } .p-a11yContent__section { margin-bottom: 50px; } .p-a11yContent__section p { font-size: 1.6rem; line-height: 1.75; } .p-a11yContent> .p-a11yContent__section> .p-a11yContent__section { margin-top: 50px; } .p-a11yContent> .p-a11yContent__section> .p-a11yContent__section> .p-a11yContent__section { margin-bottom: 34px; } .p-a11yContent__hLevel2 { margin-bottom: 20px; font-size: 2.4rem; line-height: 1.5; } .p-a11yContent__hLevel3 { margin-bottom: 20px; font-size: 2rem; line-height: 1.5; } .p-a11yContent__hLevel3.-fontNormal { font-size: 1.6rem; } .p-a11yContent__hLevel4 { font-size: 1.6rem; line-height: 1.75; } .p-a11yContent ul> li { font-size: 1.6rem; line-height: 1.75; } .p-a11yContent__orderedListItem { padding-left: 3.25em; font-size: 1.6rem; line-height: 1.75; } .p-a11yContent__orderedListItem + .p-a11yContent__orderedListItem { margin-top: 0.75em; } .p-a11yContent__noteListItem + .p-a11yContent__noteListItem { margin-top: 0.92857em; } .p-contactInfo { padding: 25px 40px 30px; } .p-contactInfo__title { margin-bottom: 25px; font-size: 2rem; line-height: 1.5; } .p-contactInfo__text { margin-bottom: 20px; } .p-contactInfo__dataList { display: flex; flex-wrap: wrap; } .p-contactInfo__dataList dt { width: 5em; } .p-contactInfo__dataList dd { position: relative; width: calc(100% - 5em); padding-left: 2em; } .p-contactInfo__dataList dd::before { position: absolute; top: 0; left: 0; display: block; } .-hasEasy .p-contactInfo__dataList dt { width: 6em; } .-hasEasy .p-contactInfo__dataList dd { width: calc(100% - 6em); } .p-contactInfo__dataRow { display: flex; } .p-contactInfo__dataRow dt { width: fit-content; } .p-usageRuleBox { padding: 35px 40px 34px; } .p-aboutSection + .p-aboutSection { margin-top: 60px; } .p-noneArticleContent .p-aboutHeading { margin-top: 55px; font-size: 2.4rem; } .p-aboutLead { font-size: 1.6rem; line-height: 1.75; } .p-aboutLayout { display: flex; gap: 15px; margin-top: 35px; } .p-aboutLayout.-diagram h3 { font-size: 2.4rem; } .p-aboutLayout__image { height: 280px; } .p-aboutLayout__text { padding: 0 3.9% 0 4.3%; margin-top: 0; font-size: 1.6rem; } .p-noneArticleContent .p-useageRuleParagraph { font-size: 1.6rem; } .p-usageRuleBox { padding: 35px 40px; margin-top: 15px; } .p-usageRuleBox + .p-usageRuleBox { margin-top: 60px; } .p-noneArticleContent .p-usageRuleBox h4 { margin-top: 29px; } .p-noneArticleContent .p-usageRuleBox p, .p-noneArticleContent .p-usageRuleBox ul, .p-noneArticleContent .p-usageRuleBox ol { font-size: 1.6rem; } .p-noneArticleContent .p-usageNoteList { margin-top: 35px; } .p-audioTrackNav { grid-template-areas: "prev next" "index index"; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; } .p-audioTrackNav__button { max-width: 320px; } .p-brailleBook .p-brailleBook__link { margin-top: 40px; } .p-contentHeader.-kids { padding: 0; } .p-contentHeader.-kids .p-contentHeader__title { font-size: 3rem; line-height: 1.5; } .p-contentHeader.-kids .p-contentHeader__kv { display: flex; align-items: end; justify-content: space-between; } .p-contentHeader.-kids .p-contentHeader__kvText { padding-bottom: 50px; } .p-kidsStage { padding-top: 40px; padding-bottom: 20px; } .p-kidsIndexLinks { gap: 15px; justify-content: center; margin-bottom: 40px; } .p-kidsIndexLinks__itemLink { padding: 7px 30px 7px 14px; font-size: 1.6rem; line-height: 1.5; } .p-kidsIndexLinks__itemLink::after { right: 12px; bottom: calc(50% - 6px); width: 12px; height: 12px; } .p-kidsList__title { margin-bottom: 25px; } .p-kidsListItem__title { padding: 12px 20px; font-size: 1.8rem; } .p-kidsListItem__excerpt { margin-bottom: 40px; font-size: 1.6rem; line-height: 1.75; } .p-kidsListItem__content { display: flex; align-items: center; width: 100%; } .p-kidsListItem__image { width: 497px; margin-bottom: 0; } .p-kidsListItem__text { width: calc(100% - 497px); padding-left: 60px; } .p-kidsListItem__contentTitle { margin-bottom: 25px; font-size: 2rem; line-height: 1.5; } .p-kidsListItem__contentExcerpt { font-size: 1.6rem; line-height: 1.75; } .p-kidsListItem__button .c-button { max-width: 380px; margin: 0; } .p-linkStage { padding-top: 60px; padding-bottom: 50px; } .p-treeList__childListItem { padding-left: 5.5rem; } .p-treeList__childListItem::after { width: 5.5rem; } .p-treeList__childLists .p-treeList__childLists { margin-left: 5.5rem; } .p-treeList__childLists .p-treeList__childLists .p-treeList__childLists .p-treeList__childItemLink::after { left: 5.5rem; } .p-sitemapCategoriesHead { padding-top: 8px; padding-bottom: 8px; font-size: 1.8rem; line-height: 1.5555555556; } .p-sitemapCategories { display: flex; flex-wrap: wrap; margin-top: 20px; } .p-sitemapCategories__item { padding: 9px; } .p-sitemapCategories__item:last-child { border-bottom-width: 1px; } .p-sitemapCategories__item:not(:nth-child(3n)) { border-right: 1px solid var(--line-color-dark); } .p-sitemapCategories__item:not(:nth-child(3n))::after { position: absolute; right: -10px; bottom: -10px; z-index: 2; display: block; width: 20px; height: 20px; content: ""; background-color: #fff; } .p-sitemapCategories__item:not(:nth-child(3n-2)) .p-sitemapCategories__content { padding-left: 9px; } .p-sitemapCategories__item:nth-child(3n-2) { flex-basis: 33.3984375%; padding-left: 0; } .p-sitemapCategories__item:nth-child(3n-1) { flex-basis: 33.3984375%; } .p-sitemapCategories__item:nth-child(3n) { flex-basis: 33.203125%; } .p-sitemapCategories__item:nth-child(-n+3) { padding-top: 0; } .p-sitemapCategories__item:nth-child(-n+3) .p-sitemapCategories__content { padding-top: 16px; } .p-sitemapCategories__item:nth-child(3n+1):nth-last-child(-n+3), .p-sitemapCategories__item:nth-child(3n+1):nth-last-child(-n+3) ~ div { border-bottom-width: 0; } .p-sitemapCategories__content { padding: 26px 0; } .p-sitemapEnCategories { display: flex; flex-wrap: wrap; margin-top: 20px; } .p-sitemapEnCategories__item { padding: 9px; } .p-sitemapEnCategories__item:last-child { border-bottom-width: 1px; } .p-sitemapEnCategories__item:not(:nth-child(4n)) { border-right: 1px solid var(--line-color-dark); } .p-sitemapEnCategories__item:not(:nth-child(4n))::after { position: absolute; right: -10px; bottom: -10px; z-index: 2; display: block; width: 20px; height: 20px; content: ""; background-color: #fff; } .p-sitemapEnCategories__item:not(:nth-child(4n-3)) .p-sitemapEnCategories__content { padding-left: 9px; } .p-sitemapEnCategories__item:nth-child(4n-3) { flex-basis: 25.09765625%; padding-left: 0; } .p-sitemapEnCategories__item:nth-child(4n-2) { flex-basis: 25%; } .p-sitemapEnCategories__item:nth-child(4n-1) { flex-basis: 25%; } .p-sitemapEnCategories__item:nth-child(4n) { flex-basis: 24.90234375%; } .p-sitemapEnCategories__item:nth-child(-n+4) { padding-top: 0; } .p-sitemapEnCategories__item:nth-child(-n+4) .p-sitemapEnCategories__content { padding-top: 16px; } .p-sitemapEnCategories__item:nth-child(4n+1):nth-last-child(-n+4), .p-sitemapEnCategories__item:nth-child(4n+1):nth-last-child(-n+4) ~ div { border-bottom-width: 0; } .p-sitemapEnCategories__content { padding: 26px 0; } .p-sitemapCategory__parent { font-size: 1.6rem; } .p-sitemapCategory__list { margin-top: 32px; font-size: 1.6rem; } .p-sitemapCategory__list li + li { margin-top: 16px; } .p-sitemapCategory.-en .p-sitemapCategory__list { margin-top: 36px; } .p-sitemapCategory.-en .p-sitemapCategory__list li + li { margin-top: 21px; } .p-sitemapImperialFamily { padding-top: 56px; margin-top: 50px; font-size: 1.6rem; } .p-sitemapImperialFamily.-en { margin-top: 60px; } .p-sitemapLinks { column-gap: 10px; padding-top: 56px; margin-top: 56px; column-count: 3; font-size: 1.6rem; } .p-sitemapLinks li + li { margin-top: 26px; } .p-sitemapEnLinks { display: flex; flex-wrap: wrap; gap: 32px 10px; padding-top: 56px; margin-top: 57px; font-size: 1.6rem; } .p-sitemapEnLinks li + li { margin-top: 0; } .p-toExternalSite__label { font-size: 2.4rem; } .p-toExternalSite .p-targetLink__label { font-size: 1.6rem; } .p-toExternalSite .p-targetLink__url { font-size: 1.6rem; } .p-areaGray { padding: 40px; } .p-areaGray dt { margin-bottom: 30px; font-size: 1.8rem; } .p-articleContent section + section { margin-top: 60px; } .p-articleContent> *:first-child { margin-top: 40px; } .p-articleContent ul> li::before { width: 0.375em; height: 0.375em; border-radius: 0.1875em; } .p-articleContent .indexListSection { padding: 35px 40px 36px; } .p-articleContent .indexListSection .columnList { margin-top: 40px; } .p-articleContent .indexListSection .columnList ul { margin-right: 0; } .p-articleContent .indexListSection h2, .p-articleContent .indexListSection h3 { font-size: 1.8rem; } .p-articleContent .indexListSection ul { padding-bottom: 17px; margin-top: 21px; margin-right: 0; } .p-articleContent .indexListSection ul li { padding-top: 17px; margin-top: 16px; background-size: 22px auto; } .p-articleContent .stepHeading { align-items: center; padding: 11px 12px; margin-top: 54px; margin-bottom: 36px; font-size: 1.8rem; } .p-articleContent .box01 { padding: 34px 40px; } .p-articleContent .appLink { display: grid; grid-template-columns: auto 1fr; margin-top: 40px; margin-bottom: 36px; } .p-articleContent .appLink .appName { display: block; padding: 44px 40px 36px; } .p-articleContent .appLink .appName img { width: 120px; } .p-articleContent .appLink .appName span { display: block; margin-top: 14px; margin-left: 0; text-align: center; } .p-articleContent .appLink .links { padding: 24px 9.4% 24px 6.9%; } .p-articleContent .appLink .links .sp:first-child { padding-right: 0; } .p-articleContent .appLink .links .sp:nth-child(2) { padding-left: 8.3%; } .p-articleContent .appLink .links .sp:nth-child(2) dd { margin-top: 10px; } .p-articleContent .appLink .links .pc { padding-top: 18px; } .p-articleContent h2 { margin-bottom: 25px; font-size: 2.4rem; } .p-articleContent h3 { font-size: 2rem; } .p-articleContent h3::before, .p-articleContent h3::after { background-image: url('data:image/svg+xml;charset=UTF-8,'); } .p-articleContent h4 { font-size: 1.8rem; } .p-articleContent h4::after { background-image: url('data:image/svg+xml;charset=UTF-8,'); } .p-articleContent h5 { font-size: 1.8rem; } .p-articleContent h6 { font-size: 1.8rem; } .p-migrateContent.-newspaper, .p-migrateContent.-accessiblepr { margin-top: 40px; } .p-migrateContent--entry { margin-top: 40px; } .p-noneArticleContent p, .p-noneArticleContent ul, .p-noneArticleContent ol, .p-noneArticleContent dl, .p-noneArticleContent table { margin-top: 2.8rem; line-height: 1.75; } .p-noneArticleContent h2 { margin-top: 2em; font-size: 2.4rem; } .p-noneArticleContent h3 { font-size: 2rem; } .p-noneArticleContent h4 { margin-top: 1.88em; font-size: 1.8rem; } .p-noneArticleContent ul> li::before { width: 0.375em; height: 0.375em; border-radius: 0.1875em; } .p-noneArticleContent ul> li> ul { margin-top: 1.125em; } .p-noneArticleContent ul> li> ul> li { position: relative; padding-left: 0.8em; margin-left: 0.4em; /* stylelint-disable-next-line selector-max-compound-selectors */ } .p-noneArticleContent ul> li> ul> li + li { margin-top: 0.75em; } .p-noneArticleContent ul> li> ul> li::before { position: absolute; top: 0.7em; left: 0; display: inline-block; width: 0.2em; height: 0.2em; content: ""; background-color: var(--text-color); border-radius: 0.1em; } .p-noneArticleContent table th, .p-noneArticleContent table td { padding: 14px 20px; } .p-noneArticleContent .c-button { max-width: 320px; margin-top: 2.8rem; } .p-noneArticleContent .c-button.p-backButton { margin-top: 60px; } .p-noneArticleContent.-accessiblepr { margin-top: 40px; } .p-noneArticleContent.-accessiblepr table tbody tr th { width: 20%; } .p-contentHeader.-error { padding: 0; } .p-contentHeader.-error .p-contentHeader__kv { display: flex; align-items: end; justify-content: space-between; } .p-contentHeader.-error .p-contentHeader__kvText { padding-bottom: 65px; } .p-contentHeader.-error .p-contentHeader__title { margin-top: 65px; font-size: 3rem; line-height: 1.5; } .p-contentHeader.-error .p-contentHeader__text { font-size: 2rem; text-align: left; } .p-errorStage { padding-top: 55px; padding-bottom: 80px; } .p-errorSection:not(:last-child) { padding-bottom: 60px; margin-bottom: 60px; } .p-errorSection__text { margin-bottom: 30px; font-size: 1.6rem; line-height: 1.75; } .p-errorSection__lists { gap: 40px; } .p-errorSection__button { width: 320px; } .u-tabDisplayNone { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1200.9px){ .tbDisplayNone { display: none; } .tbDisplayOn { display: inline; } } @media only screen and (min-width: 961px){ .p-contentList__item { flex-basis: calc(33.3333% - 20px); } .p-contentList.-sp2col .p-contentList__item { flex-basis: calc(33.3333% - 20px); } } @media only screen and (min-width: 1201px){ body { padding-top: var(--fixed-header-height); } .l-container { display: flex; flex-direction: column; min-height: calc(100vh - var(--fixed-header-height)); padding-left: 262px; } .l-header { position: fixed; top: 0; z-index: 103; } .l-utility { position: fixed; top: 0; z-index: 102; } .c-content { box-sizing: border-box; max-width: 1104px; padding-inline-start: min(40px, 3.6231884058%); padding-inline-end: min(40px, 3.6231884058%); margin-inline-start: auto; margin-inline-end: auto; } .c-showMore__button svg { width: 30px; height: 30px; } .c-linkInPage__lists.-col-2 .c-linkInPage__list { width: 50%; border-bottom: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-2 .c-linkInPage__list:not(:nth-child(2n)) { border-right: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-2 .c-linkInPage__list:nth-child(2n+1):nth-last-child(-n+2), .c-linkInPage__lists.-col-2 .c-linkInPage__list:nth-child(2n+1):nth-last-child(-n+2) ~ li { border-bottom: 0; } .c-linkInPage__lists.-col-3 .c-linkInPage__list { width: 33.3333333333%; border-bottom: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-3 .c-linkInPage__list:not(:nth-child(3n)) { border-right: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-3 .c-linkInPage__list:nth-child(3n+1):nth-last-child(-n+3), .c-linkInPage__lists.-col-3 .c-linkInPage__list:nth-child(3n+1):nth-last-child(-n+3) ~ li { border-bottom: 0; } .c-linkInPage__lists.-col-4 .c-linkInPage__list { width: 25%; border-bottom: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-4 .c-linkInPage__list:not(:nth-child(4n)) { border-right: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-4 .c-linkInPage__list:nth-child(4n+1):nth-last-child(-n+4), .c-linkInPage__lists.-col-4 .c-linkInPage__list:nth-child(4n+1):nth-last-child(-n+4) ~ li { border-bottom: 0; } .c-linkInPage__lists.-col-5 .c-linkInPage__list { width: 20%; border-bottom: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-5 .c-linkInPage__list:not(:nth-child(5n)) { border-right: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-5 .c-linkInPage__list:nth-child(5n+1):nth-last-child(-n+5), .c-linkInPage__lists.-col-5 .c-linkInPage__list:nth-child(5n+1):nth-last-child(-n+5) ~ li { border-bottom: 0; } .c-linkInPage__lists.-col-6 .c-linkInPage__list { width: 16.6666666667%; border-bottom: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-6 .c-linkInPage__list:not(:nth-child(6n)) { border-right: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-6 .c-linkInPage__list:nth-child(6n+1):nth-last-child(-n+6), .c-linkInPage__lists.-col-6 .c-linkInPage__list:nth-child(6n+1):nth-last-child(-n+6) ~ li { border-bottom: 0; } .c-linkInPage__lists.-col-7 .c-linkInPage__list { width: 14.2857142857%; border-bottom: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-7 .c-linkInPage__list:not(:nth-child(7n)) { border-right: 1px solid var(--line-color-dark); } .c-linkInPage__lists.-col-7 .c-linkInPage__list:nth-child(7n+1):nth-last-child(-n+7), .c-linkInPage__lists.-col-7 .c-linkInPage__list:nth-child(7n+1):nth-last-child(-n+7) ~ li { border-bottom: 0; } .c-linkInPage__link { justify-content: center; padding: 15px 15px 36px; text-align: center; } .c-linkInPage__link::after { right: calc(50% - 6px); bottom: 15px; } .p-header { width: 262px; box-shadow: 10px 0 8px -8px rgba(0, 0, 0, 0.1215686275); } .p-header__inner { position: static; display: block; border-top-width: 0; box-shadow: none; } .p-header__logo { padding: 0; margin: 20px 0 0; text-align: center; } .p-header__logo img { width: 222px; } html[lang=en] .p-header__logo, html[lang=cmn-hans] .p-header__logo { margin-top: 30px; } .p-header__logoInner { width: 222px; padding-bottom: 19px; margin: 0 auto 15px; border-bottom: 1px solid var(--line-color); } html[lang=en] .p-header__logoInner, html[lang=cmn-hans] .p-header__logoInner { padding-bottom: 30px; } .p-header__spMenu { display: none; } html[data-script-enabled] .p-header__nav { position: static; } html[data-script-enabled] .p-header__nav:not(.--enableHamburger) { display: block; } .p-header__nav { position: static; width: auto; height: calc(100vh - 103px); padding: 0; margin-right: 8px; margin-left: 15px; background-color: transparent; } .p-header__nav::-webkit-scrollbar { width: 4px; } .p-header__nav::-webkit-scrollbar-track { background-color: var(--background-color-light-b); } .p-header__nav::-webkit-scrollbar-thumb { background-color: var(--line-color); } .p-mainNavigation__list { padding-top: 0; padding-left: 5px; margin-top: 9px; margin-right: 19px; border-top-width: 0; } .p-mainNavigation__item { margin-right: 0; } .p-mainNavigation__item + .p-mainNavigation__item { margin-top: 17px; } .p-mainNavigation__item> a { padding: 0 15px 0 0; } .p-mainNavigation__item.-imperialFamily a::after, .p-mainNavigation__item.-short a::after { right: 0; } .p-mainNavigation__item.-imperialFamily { padding-top: 26px; padding-bottom: 0; margin-top: 26px; } .p-mainNavigation__item.-short { padding-top: 26px; margin-top: 26px; } .p-mainNavigation__childList { margin-top: 23px; } .p-categoryList__item + .p-categoryList__item { margin-top: 17px; } a.p-categoryList__largeCategory { padding: 0 20px 0 0; } .p-categoryList__smallCategoryList { margin: 23px 10px; } .p-categoryList__smallCategoryList li + li { margin-top: 13px; } .p-categoryList__smallCategoryList a { display: inline; padding-top: 0; padding-bottom: 0; } .p-mainNavigation__sns { padding: 0; margin: 37px 0 80px; border-top-width: 0; } .p-mainNavigation__sns img { width: 30px; } .p-utility { display: flex; flex-wrap: wrap; width: calc(100% - 262px); padding: 12px 0 0; margin-left: 262px; font-size: 1.4rem; line-height: 1; background-color: var(--background-color-light-b); } .p-utility.-sp { display: none; } html[data-script-enabled] .p-utility__searchForm:not(hidden) { display: flex; } .p-utility__searchForm { display: flex; align-items: center; padding-left: 3.6231884058%; margin-bottom: 12px; } .p-utility__searchForm { padding-left: 40px; } .p-utility__links { display: flex; gap: 20px; margin-right: 40px; margin-bottom: 12px; margin-left: auto; } .p-utility__links.-sp { display: none; } .p-utility__linkItem img { width: 20px; margin-right: 10px; } .p-utility__linkItem.-lang { margin-right: 0; } .p-utility__linkItem.-ruby button, .p-utility__linkItem.-ruby a, .p-utility__linkItem.-faciliti button, .p-utility__linkItem.-faciliti a, .p-utility__linkItem.-tsutaeru button, .p-utility__linkItem.-tsutaeru a { padding: 6px 9px 2px; font-size: 1.4rem; } .p-utility__linkItem.-ruby { margin-top: 0; } .p-utility__linkItem.-faciliti, .p-utility__linkItem.-tsutaeru { margin-top: 0; } .p-headerSearchForm__content { display: flex; align-items: center; padding: 0; background-color: transparent; } .p-headerSearchForm__inputs { display: flex; background-color: transparent; border-width: 0; border-radius: 0; } .p-headerSearchForm label { position: relative; } .p-headerSearchForm label .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .p-headerSearchForm input[type=search] { width: clamp(22rem, -101.7393939394rem + 103.0303030303vw, 39rem); border-color: var(--line-color-dark); border-style: solid none solid solid; border-width: 1px 0 1px 1px; border-radius: 6px 0 0 6px; } .p-headerSearchForm input[type=submit], .p-headerSearchForm button[type=submit] { width: auto; height: auto; padding: 6px 15px; font-size: 1.6rem; line-height: 1; color: #fff; text-indent: 0; background-color: var(--key-color); background-image: none; border: 1px solid var(--key-color); border-radius: 0 6px 6px 0; } .p-headerSearchForm input[type=submit] .tsutaeruRuby__translation[aria-hidden=false], .p-headerSearchForm button[type=submit] .tsutaeruRuby__translation[aria-hidden=false] { display: inline-block; padding-top: 10px; } .-hasRuby .p-headerSearchForm input[type=submit], .-hasRuby .p-headerSearchForm button[type=submit] { padding: 2px 15px; } .p-footer { padding: 3.623188%; margin-top: 60px; background-color: var(--key-color); } .p-footer__inner { display: grid; grid-template-columns: 300px 2fr; gap: 7.812%; align-items: start; } .p-footer__column { padding: 0; } .p-footer__pageList { flex-direction: row; flex-wrap: wrap; gap: 23px 50px; } .p-footer__pageList a { padding: 0 20px 0 0; } .p-footer__pageList a::after { right: 0; } .p-footer__pageList a:hover::after, .p-footer__pageList a:active::after, .p-footer__pageList a:focus::after { right: -3px; } .p-footer__sns { justify-content: flex-start; padding-top: 20px; margin-top: 64px; } .p-footer__sns img { width: 30px; } .p-footer__copyright { margin-top: 16px; text-align: left; } .p-operator { width: 240px; padding: 30px; } .p-operator__siteName img { width: 222px; } html[lang=en] .p-operator__siteName img, html[lang=cmn-hans] .p-operator__siteName img { width: 239px; } .p-operator__contact { width: auto; margin: 25px 0 0; text-align: left; } .p-pageTop.-show { right: 30px; bottom: 30px; } .p-recommendTags { padding: 1px 40px; } .p-recommendTags__toggle { top: -1px; height: 50px; } .p-recommendTags__item.-index a { padding: 7px 0; } .p-recommendTags__item:not(.-index) a { padding: 6px 15px; } .p-contentList02__item { gap: 60px; } .p-contentList02__item:not(:first-child) { padding-top: 55px; margin-top: 55px; } .p-contentHeader.-hlj { background-position: left bottom; background-size: auto; } .p-tvProgramInfo__text { margin: 0; } .p-homeHeading02 { margin: 54px 0 34px; } .p-keyVisual { padding: 0 0 150px; } .p-featured__tags { margin-top: 12px; margin-bottom: 20px; } .-hasRuby .p-featured__tags { margin-top: 0; margin-bottom: 10px; } .p-featured__date { margin-top: auto; } .p-contentListStage { padding: 60px; } .p-tvPrograms .p-tvPrograms__text { flex-basis: 467px; padding-right: 3.7109375%; } .p-tvPrograms .p-tvPrograms__link.-full { max-width: 100%; } .p-searchFilter select { min-width: 280px; } .u-pcDisplayNone { display: none; } } @media only screen and (min-width: 1201px) and (max-width: 1300px){ .p-headerSearchForm label { display: none; } } @media only screen and (min-width: 1201px) and (max-width: 1400px){ .p-utility__linkItem.-ruby button, .p-utility__linkItem.-ruby a, .p-utility__linkItem.-faciliti button, .p-utility__linkItem.-faciliti a, .p-utility__linkItem.-tsutaeru button, .p-utility__linkItem.-tsutaeru a { font-size: 1.2rem; } } @media only screen and (min-width: 1201px) and (max-width: 1600px){ .p-utility__linkItem.-lang { font-size: 1.2rem; } .p-headerSearchForm input[type=search] { width: 220px; } } @media screen and (min-width: 1201px){ .width_ratio_pc_05 { width: 5% !important; } .width_ratio_pc_10 { width: 10% !important; } .width_ratio_pc_15 { width: 15% !important; } .width_ratio_pc_20 { width: 20% !important; } .width_ratio_pc_25 { width: 25% !important; } .width_ratio_pc_30 { width: 30% !important; } .width_ratio_pc_35 { width: 35% !important; } .width_ratio_pc_40 { width: 40% !important; } .width_ratio_pc_45 { width: 45% !important; } .width_ratio_pc_50 { width: 50% !important; } .width_ratio_pc_55 { width: 55% !important; } .width_ratio_pc_60 { width: 60% !important; } .width_ratio_pc_65 { width: 65% !important; } .width_ratio_pc_70 { width: 70% !important; } .width_ratio_pc_75 { width: 75% !important; } .width_ratio_pc_80 { width: 80% !important; } .width_ratio_pc_85 { width: 85% !important; } .width_ratio_pc_90 { width: 90% !important; } .width_ratio_pc_95 { width: 95% !important; } } @media only screen and (min-width: 1301px) and (max-width: 1600px){ .p-headerSearchForm label { font-size: 1.2rem; } } @media only screen and (min-width: 1367px){ .p-pageTop.-show { right: calc((100vw - 1366px) / 2 + 30px); } } @media only screen and (max-width: 1201px){ .c-linkInPage__list:not(:first-child) { border-top: 1px solid var(--line-color-dark); } .c-linkInPage__link { padding-right: 40px; } .p-utility__linkItem.-ruby button, .p-utility__linkItem.-ruby a, .p-utility__linkItem.-faciliti button, .p-utility__linkItem.-faciliti a, .p-utility__linkItem.-tsutaeru button, .p-utility__linkItem.-tsutaeru a { box-sizing: border-box; width: 100%; text-align: left; } } @media only screen and (max-width: 768px){ .p-contentList02__image .-vertical { width: 132px; } .p-radioSection__info dd { margin-bottom: 20px; } .p-newsSearch__col { margin-bottom: 20px; } .p-newsSearch__colLabel { display: block; margin-bottom: 10px; } .p-newsList__meta { margin-bottom: 10px; } .p-newsList__category { display: inline-block; margin-right: 0.6em; } .p-eventList__date { display: block; width: 100%; } .p-calendarHeader__title { grid-column: 1/span 3; padding-top: 30px; } .p-calendarHeader__monthNav.-next { grid-column: 3/3; } .p-publicationArticle .table_normal tbody { border: 1px solid var(--line-color); } .p-publicationArticle .table_normal tbody th, .p-publicationArticle .table_normal tbody td { display: block; width: 100%; padding: 10px; } .p-publicationArticle .table_normal tbody th { border-top: 0; border-bottom: 0; } .p-formProgressbar.-full { width: 100vw; margin-left: -20px; } .p-searchFilter__hits { margin-bottom: 10px; } .p-searchFilter__form { flex-wrap: wrap; } .p-searchFilter__col { margin-bottom: 10px; } .p-searchFilter select { margin-top: 5px; } .p-searchFilter button { padding-right: 30px; padding-left: 30px; } .p-searchResult__listItemTitle { padding-left: 20px; } .p-searchResult__listItemDescription { grid-column: 1/span 2; margin-top: 20px; } .p-searchResult__listItemUrl { grid-column: 1/span 2; } .p-searchResult__listItemDate { grid-column: 1/span 2; } .p-a11yContent ul> li .-url { display: block; margin-top: 2px; } .p-contactInfo__dataList dt, .p-contactInfo__dataList dd { display: inline; } .p-contactInfo__dataList dd::after { display: block; content: ""; } .p-contactInfo__dataList dd::before { margin-inline-end: 0.5em; } .p-contentHeader.-kids .p-contentHeader__kvImage { text-align: center; } .p-contentHeader.-kids .p-contentHeader__kvImage img { width: 240px; } .p-contentHeader.-error { background-size: auto 45%; } .p-contentHeader.-error .p-contentHeader__kvImage { text-align: center; } .p-contentHeader.-error .p-contentHeader__kvImage img { width: 298px; } .p-contentHeader.-error .p-contentHeader__title { text-align: center; } .p-contentHeader.-error .p-contentHeader__title .-spBr { display: block; } } @media only screen and (max-width: 767.9px){ .p-noneArticleContent .p-tvPrograms .p-tvPrograms__button.-mirai, .p-noneArticleContent .p-tvPrograms .p-tvPrograms__button.-sakidori { padding-top: 8px; padding-bottom: 9px; } .spDisplayNone { display: none; } .spDisplayOn { display: inline; } } @media only screen and (max-width: 767px){ .p-movie__secondaryUseButton { padding-right: 13px; padding-left: 13px; } .p-termOfUse__button { padding-inline: 13px; } .p-featured__image { width: 100%; } } @media only screen and (max-width: 500px){ .p-contentList.-sp2col { gap: 20px 10px; } .p-contentList.-sp2col .p-contentList__title { margin-bottom: 0; } .p-contentList.-sp2col .p-contentList__title::after { width: 80px; height: 40px; } .p-contentList.-sp2col .p-contentList__titleText { padding-top: 6px; font-size: 1.6rem; } .p-contentList.-sp2col .p-contentList__text { display: flex; flex-direction: column; padding: 10px; } .p-contentList.-sp2col .p-contentList__tags, .p-contentList.-sp2col .p-contentList__date { display: none; } } @media only screen and (max-width: 360px){ .p-formProgressbar.-full { margin-left: -10px; } } @media (hover){ a:hover { color: var(--text-link-hover-color); text-decoration-thickness: 2px; } a, button, input, select, textarea { transition: 0.2s; } .p-contentList__title img:not(.p-contentList__icon) { transition: transform 0.3s; } .p-contentList__title:hover img:not(.p-contentList__icon), .p-contentList__title:active img:not(.p-contentList__icon), .p-contentList__title:focus img:not(.p-contentList__icon) { transform: scale(1.05); } .p-contentList__title:hover::after, .p-contentList__title:active::after, .p-contentList__title:focus::after { box-shadow: 20px 30px 20px rgba(59, 59, 59, 0.5019607843); } .p-shortContentList__title img:not(.p-shortContentList__icon) { transition: transform 0.3s; } .p-shortContentList__title:hover img:not(.p-shortContentList__icon), .p-shortContentList__title:active img:not(.p-shortContentList__icon), .p-shortContentList__title:focus img:not(.p-shortContentList__icon) { transform: scale(1.05); } .p-shortContentList__title:hover::after, .p-shortContentList__title:active::after, .p-shortContentList__title:focus::after { box-shadow: 20px 30px 20px rgba(59, 59, 59, 0.5019607843); } .p-tvPrograms .p-tvPrograms__image.-movie img:not(.c-movieOverlayIcon) { transition: transform 0.3s; } .p-sitemapEnLinks a:hover::after, .p-sitemapLinks a:hover::after, .p-sitemapImperialFamily a:hover::after, .p-sitemapCategory a:hover::after, .p-sitemapEnLinks a:active::after, .p-sitemapLinks a:active::after, .p-sitemapImperialFamily a:active::after, .p-sitemapCategory a:active::after, .p-sitemapEnLinks a:focus::after, .p-sitemapLinks a:focus::after, .p-sitemapImperialFamily a:focus::after, .p-sitemapCategory a:focus::after { right: -3px; } } @media (prefers-reduced-motion: reduce){ *, *::before, *::after { scroll-behavior: auto !important; } } @media print{ .p-article__printButton { display: none; } .p-featurePrint { display: none; } .c-shareSNS, #main .c-breadcrumb, .c-background01:has(.p-relatedContentsStage), section:has(.p-relatedSites), .p-header__spMenu, .p-termOfUse, .p-feedbackForm, .p-contentRankingContainer, .p-pickupTags, .p-footer__pageList, .p-footerContents, .p-pageTop { display: none; } #featureContent h2, #featureContent h3, #featureContent h4, #featureContent h5, #featureContent h6 { break-inside: avoid; } }

AltStyle によって変換されたページ (->オリジナル) /