(cache)森戸やすみ | こそだてまっぷ「うちの子」らしさを伸ばす学び・遊びの応援サイト

"); background-position: center center; background-size: contain; } .p-article-contents__title { background-image: url(""); background-repeat: no-repeat; color: rgb(255, 255, 255); font-size: 1.5rem; letter-spacing: 0.5em; width: 118px; height: 33px; line-height: 33px; text-align: center; margin-bottom: 15px; } .p-article-contents-list__item { font-size: 1.4rem; margin-bottom: 5px; } .p-article-contents-list__item::before { content: "■"; padding-right: 3px; } .p-article-contents-list__item:last-of-type { margin-bottom: 0px; } .p-article-contents-list__item a { text-decoration: underline; } .p-article-contents-sub-list { padding-left: 20px; } .p-article-contents-sub-list__item { position: relative; font-size: 1.4rem; margin-bottom: 5px; } .p-article-contents-sub-list__item::before { content: ""; position: absolute; top: 11px; left: 0px; width: 3px; height: 3px; border-radius: 50%; background: rgb(43, 34, 16); } .p-article-contents-sub-list__item:first-of-type { margin-top: 5px; } .p-article-contents-sub-list__item:last-of-type { margin-bottom: 0px; } .p-article-contents-sub-list__item a { text-decoration: underline; padding-left: 10px; } .p-article-body { margin-top: 50px; overflow-wrap: break-word; } .p-article-body p { padding: 0px 20px; margin-bottom: 20px; } .p-article-body .marker { font-weight: 700; background: linear-gradient(transparent 60%, rgba(235, 51, 75, 0.2) 60%); } .p-article-body mark.has-inline-color { font-style: normal; } .p-article-body h3 { position: relative; font-size: 20px; font-weight: 700; padding: 0px 20px 10px; line-height: 1.4; margin: 35px 0px 20px; } .p-article-body h3::after { content: ""; position: absolute; transform: translateX(-50%); width: calc(100% - 40px); height: 1px; background: rgb(43, 34, 16); top: inherit !important; bottom: 0px !important; left: 50% !important; right: inherit !important; } .p-article-next__button::before, .p-heading h2::before { transform: translateY(-50%); content: ""; } .p-article-body h4 { position: relative; font-size: 17px; font-weight: 700; color: rgb(17, 17, 17); line-height: 1.4; padding: 0px 20px 0px 35px; margin: 20px 0px 15px; } .p-article-body h4::before { content: ""; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 3px; height: 100%; background: rgb(217, 47, 69); } .p-article-body .wp-block-image { width: 100%; margin-bottom: 20px; border-radius: 5px; padding: 0px 10px; } .p-article-body .wp-block-image figcaption { padding: 0px 20px; font-size: 14px; word-break: break-word; } .p-article-body .wp-block-image .alignleft, .p-article-body .wp-block-image .alignright { display: flex; flex-direction: column; float: inherit; margin: 0px; } .p-article-body .wp-block-image .alignleft { align-items: flex-start; } .p-article-body .wp-block-image .alignright { align-items: flex-end; } .p-article-body img.alignright { display: block; margin: 0px auto 10px; } .p-article-body figure { width: 100%; border-radius: 5px; } .p-article-body .aligncenter { text-align: center; } .p-article-body .wp-block-embed { margin-bottom: 20px; padding: 0px 10px; } .p-article-body .wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper { position: relative; padding-top: 56.25%; width: 100%; height: 0px; } .p-article-body .wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .p-article-body .wp-block-embed .twitter-tweet { margin: auto; } .p-article-body .instagram-media { margin: 0px auto 20px !important; padding: 0px 10px !important; } .p-article-body amp-instagram { margin: 0px auto 20px; padding: 0px 10px; } .p-article-body a { text-decoration: underline; } .p-article-body ol, .p-article-body ul { padding: 0px 20px 0px 23px; margin-bottom: 20px; } .p-article-body ul li { position: relative; padding-left: 10px; } .p-article-body ul li::before { content: ""; position: absolute; top: 11px; left: 0px; width: 3px; height: 3px; border-radius: 50%; background: rgb(43, 34, 16); } .p-article-body ol { padding-left: 42px; } .p-article-body ol li { list-style: decimal; } .p-article-body .link-icon { display: flex; align-items: center; } .p-article-body .link-icon::before { content: ""; background-image: url("data:image/svg+xml;utf8,"); width: 8px; height: 12px; background-repeat: no-repeat; background-size: contain; margin-right: 5px; } .p-article-body .link-button { display: flex; justify-content: center; align-items: center; background: rgb(255, 239, 242); border: 2px solid rgb(217, 47, 69); width: 100%; height: 60px; border-radius: 30px; } .p-article-body .grayback, .p-article-body .grayborder { display: block; border-radius: 5px; padding: 20px !important; } .p-article-body .link-button::after { content: ""; background-image: url("data:image/svg+xml;utf8,"); width: 8px; height: 12px; background-repeat: no-repeat; background-size: contain; margin-left: 5px; } .p-article-body .grayback { background: rgb(237, 237, 237); } .p-article-body .grayborder { border: 1px solid rgb(237, 237, 237); } .p-article-body .has-theme-pink-color { color: rgb(229, 74, 100); } .p-article-body .has-theme-blue-color { color: rgb(0, 178, 207); } .p-article-body .has-theme-green-color { color: rgb(155, 213, 15); } .p-article-body .has-theme-orange-color { color: rgb(239, 163, 31); } .p-article-body .wp-block-quote { position: relative; background: rgb(237, 237, 237); margin: 0px 20px 20px; padding: 20px 40px; border-left: 4px solid rgb(167, 167, 167); } .p-article-body .wp-block-quote::before { content: ""; position: absolute; top: 10px; left: 10px; transform: rotate(180deg); background-image: url(""); width: 20px; height: 15px; background-size: contain; background-repeat: no-repeat; } .p-article-body .wp-block-quote p { padding: 0px !important; margin-bottom: 10px !important; } .p-article-body .wp-block-quote cite { font-size: 13px; } .p-article-body .wp-block-table table { border: 1px solid rgb(231, 231, 231); border-radius: 5px; width: calc(100% - 40px); margin: 0px 20px 20px; border-collapse: separate; } .p-article-body .wp-block-table table tr { display: flex; flex-direction: column; } .p-article-body .wp-block-table table tr:last-of-type td:last-of-type { border-bottom: 0px; } .p-article-body .wp-block-table table td { width: 100%; border-bottom: 1px solid rgb(231, 231, 231); padding: 10px; } .p-article-body .wp-block-audio { padding: 0px 10px; } .p-article-body .wp-block-separator { margin: 20px; border-top: 1px solid rgb(43, 34, 16); border-bottom: 1px solid rgb(43, 34, 16); } .p-article-body .wp-block-media-text { display: flex; flex-direction: column; align-items: center; padding: 0px 24px; margin-bottom: 20px; } .p-article-body .wp-block-media-text .wp-block-media-text__media { width: auto; margin-bottom: 20px; } .p-article-body .wp-block-media-text .wp-block-media-text__content { padding: 0px; } .p-article-body .wp-block-media-text .wp-block-media-text__content p { margin-bottom: 10px; padding: 0px; } .p-article-body #yesno_wrap { border: 1px solid rgb(232, 232, 232); border-radius: 5px; padding: 15px; overflow: hidden; margin: 0px 20px 20px; } .p-article-body #yesno_wrap .yesno_q { border: none; margin-bottom: 0px; } .p-article-body #yesno_wrap .yesno_q dl, .p-article-body #yesno_wrap .yesno_q dt { padding: 0px; margin-bottom: 20px; } .p-article-body #yesno_wrap .yesno_q dt span { position: relative; background: 0px 0px; color: rgb(43, 34, 16); font-size: 1.8rem; letter-spacing: 0.05em; line-height: 1.8; } .p-article-body #yesno_wrap .yesno_q dt span::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background: url("") 0% 0% / cover; } .p-article-body #yesno_wrap .yesno_q dd { font-size: 1.6rem; letter-spacing: 0.05em; line-height: 1.8; font-weight: 400; padding-bottom: 0px !important; } .p-article-body #yesno_wrap ul#choices { margin-top: 15px !important; } .p-article-body #yesno_wrap ul li { padding-left: 0px; text-align: center; } .p-article-body #yesno_wrap ul li::before { content: none; } .p-article-body #yesno_wrap ul li button { cursor: pointer; max-width: 400px; padding: 14px; margin-bottom: 10px; font-weight: 700; font-size: 1.6rem; letter-spacing: 0.05em; border-radius: 28px; color: rgb(43, 34, 16); line-height: 1.8; background: 0px 0px; border: 1px solid rgb(232, 232, 232); transition: all 0.3s ease 0s; } .p-article-body #yesno_wrap ul li button:hover { background: rgb(232, 232, 232); } .p-article-body #yesno_wrap ul li button#back_button { display: none; } .p-heading h2 { position: relative; font-size: 21px; font-weight: 700; line-height: 1.4; padding-left: 16px; } .p-heading h2::before { position: absolute; top: 50%; left: 0px; width: 5px; height: 100%; background-image: url(""); background-size: 5px; } .p-heading { background: rgb(249, 249, 249); padding: 20px; margin: 40px 0px 25px; } .p-article-next { padding: 0px 10px; } .p-article-next a { display: flex; align-items: center; padding: 10px 20px; border: 1px solid rgb(43, 34, 16); } .p-article-pagination, .p-keyword__title .c-keyword-title { justify-content: center; } .p-article-next__button { position: relative; background: rgb(43, 34, 16); color: rgb(255, 255, 255); font-size: 1.2rem; font-weight: 700; width: 107px; height: 30px; line-height: 30px; border-radius: 15px; padding-left: 16px; margin-right: 10px; } .p-article-next__button::before { position: absolute; top: 50%; right: 0px; width: 13px; height: 11.5px; background-image: url(""); margin-right: 16px; } .p-article-next__text { width: calc(100% - 117px); font-weight: 700; text-decoration: underline; } .p-article-pagination { display: flex; align-items: center; color: rgb(43, 34, 16); margin: 15px 0px 20px; } .p-article-pagination .post-page-numbers { margin-right: 35px; } .p-article-pagination .post-page-numbers:last-child { margin-right: 0px; } .p-article-pagination .post-page-numbers.current { font-weight: 700; } .p-article-pagination a { text-decoration: underline; } .p-article-recommend { border: 1px solid rgb(232, 232, 232); margin: 50px 10px 20px; padding: 0px 11px 20px; } .p-article-recommend__title { position: relative; background: rgb(255, 255, 255); display: inline-block; padding: 0px 10px 0px 35px; font-size: 2rem; font-weight: 700; transform: translateY(-16px); margin-left: 8px; letter-spacing: 0.05em; } .p-article-recommend__title span::after, .p-article-recommend__title span::before, .p-article-recommend__title::before { transform: translateY(-50%); top: 50%; content: ""; } .p-article-recommend__title::before { position: absolute; left: 5px; width: 21.5px; height: 21.5px; background: rgb(217, 47, 69); border-radius: 50%; } .p-article-recommend__title span::before { position: absolute; left: 10px; width: 13px; height: 2px; background: rgb(255, 255, 255); } .p-article-recommend__title span::after { position: absolute; left: 15px; width: 2px; height: 13px; background: rgb(255, 255, 255); } .p-article-recommend-list__item { padding-bottom: 10px; margin-bottom: 15px; } .p-article-recommend-list__item:last-of-type { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; } .p-article-reference { padding: 0px 10px; margin-bottom: 27px; } .p-article-reference__title { font-size: 2.2rem; font-weight: 500; margin: 30px 0px 8px; padding-left: 10px; letter-spacing: 0.05em; } .p-article-reference-list__item { border-right: 1px solid rgb(232, 232, 232); border-bottom: 1px solid rgb(232, 232, 232); padding: 10px; margin-bottom: 10px; } .p-article-reference-list__item:last-of-type { margin-bottom: 0px; } .p-article-reference-list__item a { display: flex; } .p-article-reference-list__image { position: relative; width: 90px; padding-top: 90px; margin-right: 10px; } .p-article-reference-list__image img { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); width: 100%; height: 100%; object-fit: contain; } .p-article-reference-list__text { width: calc(100% - 100px); } .p-article-reference-list__text h3 { font-size: 1.6rem; font-weight: 700; margin-bottom: 7px; } .p-article-reference-list__text p { font-size: 1.3rem; } .p-article-bottom { padding: 0px 10px; margin-top: 25px; } .p-article-supervisor { background: rgb(249, 249, 249); padding: 15px 0px 13px; margin-top: 50px; } .p-article-supervisor__title { position: relative; text-align: center; background: rgb(255, 255, 255); max-width: 266px; height: 37px; padding-right: 5px; border-color: rgb(255, 255, 255); margin-bottom: 17px; } .p-article-supervisor__title::after, .p-article-supervisor__title::before { display: block; content: ""; position: absolute; left: 0px; right: 0px; border-width: 3px 3px 3px 0px; border-style: solid; border-color: transparent; border-image: initial; } .p-article-supervisor__title::before { bottom: 100%; border-bottom-color: inherit; } .p-article-supervisor__title::after { top: 100%; border-top-color: inherit; } .p-article-supervisor__title span { display: flex; justify-content: space-between; align-items: center; font-size: 1.8rem; font-weight: 500; line-height: 1; color: rgb(17, 17, 17); letter-spacing: 0.05em; } .p-article-supervisor__title span::before { content: ""; width: 1px; height: 36px; background: 0px 0px; } .p-article-supervisor__title span::after { content: ""; width: 1px; height: 36px; background: rgb(35, 24, 21); } .p-article-supervisor__content { display: flex; padding: 0px 12px; } .p-article-supervisor__image { position: relative; width: 90px; height: 90px; border-radius: 50%; overflow: hidden; margin-right: 10px; z-index: 1; } .p-article-supervisor__image img { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } .p-article-supervisor__info { width: calc(100% - 100px); } .p-article-supervisor__name { display: inline-block; font-size: 1.4rem; font-weight: 700; margin-bottom: 7px; } .p-article-supervisor__text { font-size: 1.3rem; } .p-article-supervisor__text p { margin-bottom: 10px; } .p-article-supervisor__text p:last-of-type { margin-bottom: 0px; } .p-article-supervisor__text a { text-decoration: underline; } .p-article-tag { margin-top: 25px; padding: 0px 10px; } .p-article-tag__title { font-size: 1.4rem; font-weight: 500; margin-bottom: 6px; } .p-article-tag .c-tag-list { justify-content: left; } .p-article-tag .c-tag-list__item:first-of-type { margin-left: 0px; } .p-article-related-area { border-top: 1px solid rgb(232, 232, 232); margin-top: 40px; padding-top: 40px; } .p-article-related { margin: 0px 10px 25px; } .p-article-related__title { font-size: 2.1rem; font-weight: 500; text-align: center; letter-spacing: 0.05em; } .p-article-related__list, .p-article-related__list--blue, .p-article-related__list--gray { margin-top: -15px; padding: 30px 10px 25px; } .p-article-related__list--blue { background: rgb(228, 236, 242); } .p-article-related__list--gray { background: rgb(249, 249, 249); } .p-article-related__item { border-bottom: 1px solid rgb(255, 255, 255); padding-bottom: 10px; margin-bottom: 15px; } .p-article-related__item:last-of-type { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .p-article-related__item .c-article__date { color: rgb(102, 102, 102); } .p-article-special { padding: 30px 0px; } .p-article-login { padding: 0px 10px; margin-bottom: 40px; } .p-article-login__title { font-size: 2rem; font-weight: 700; padding: 5px 0px 0px !important; margin-bottom: 10px !important; } .p-article-login__button { margin: 0px auto 15px; max-width: 300px; } .p-article-login__button:first-of-type { padding-bottom: 20px; border-bottom: 1px solid rgb(232, 232, 232); } .p-article-login__button p { color: rgb(149, 144, 135); padding: 0px !important; margin-bottom: 5px !important; } .p-article-login__button a { text-decoration: none !important; } .p-gakkenid__lead { font-size: 1.6rem; margin-bottom: 20px; } .p-gakkenid-benefits { margin-bottom: 40px; } .p-gakkenid-benefits__item { background: rgb(249, 249, 249); padding: 20px; margin-bottom: 10px; } .p-gakkenid-benefits__item h2 { position: relative; font-size: 21px; font-weight: 700; line-height: 1.4; padding-left: 16px; margin-bottom: 20px; } .p-gakkenid-benefits__item h2::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 5px; height: 100%; background-image: url(""); background-size: 5px; } .p-gakkenid-benefits__text { display: flex; align-items: center; } .p-gakkenid-benefits__text a { text-decoration: underline; } .p-gakkenid-benefits__image { width: 115px; margin-right: 15px; } .p-gakkenid-benefits p { width: calc(100% - 130px); font-size: 1.4rem; } .p-gakkenid-services__lead { font-size: 2.1rem; text-align: center; line-height: 1.8; letter-spacing: 0.03em; background: rgb(249, 249, 249); border-bottom: 1px solid rgb(232, 232, 232); border-radius: 15px 15px 0px 0px; padding: 20px 10px; margin-bottom: 20px; } .p-gakkenid-services__lead span { display: inline-block; font-size: 2.5rem; color: rgb(255, 255, 255); background: rgb(217, 47, 69); border-radius: 5px; padding: 0px 10px 2px; margin-right: 10px; letter-spacing: 0.05em; line-height: 1.5; } .p-gakkenid-services__content { border-width: 1px; border-style: solid; border-radius: 10px 10px 0px 0px; } .p-gakkenid-services__content.free { border-color: rgb(110, 204, 0); margin-bottom: 20px; } .p-gakkenid-services__content.free p { background: rgb(110, 204, 0); } .p-gakkenid-services__content.fee { border-color: rgb(239, 173, 58); } .p-gakkenid-services__content.fee p { background: rgb(239, 173, 58); } .p-gakkenid-services__content p { display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-weight: 700; border-radius: 10px 10px 0px 0px; font-size: 1.8rem; height: 78px; text-align: center; } .p-gakkenid-services__list { display: flex; flex-wrap: wrap; align-items: center; padding: 20px 20px 10px; } .p-gakkenid-services__item { width: calc(50% - 10px); margin: 0px 20px 20px 0px; } .p-gakkenid-services__item:nth-of-type(2n) { margin-right: 0px; } .p-gakkenid-services__notice { font-size: 1.1rem; text-align: right; color: rgb(102, 102, 102); margin-top: 3px; } .p-gakkenid-register { margin-top: 40px; } .p-gakkenid-register .c-login-section__title { margin: 0px auto 15px; max-width: 280px; } .p-gakkenid-register .c-login-section__button { width: 100%; max-width: 290px; margin-bottom: 5px; } .p-mv { background: rgb(228, 236, 242); padding: 10px 0px 17px; } .p-today__title::after, .p-today__title::before { background-repeat: no-repeat; background-position: center center; background-size: contain; z-index: -1; } .p-special, .p-today { padding: 47px 0px; } .p-today { border-bottom: 1px solid rgb(232, 232, 232); overflow: hidden; } .p-today__title { position: relative; } .p-today__title::before { content: ""; position: absolute; top: -10px; right: calc(50% + 85px); width: 144px; height: 144px; background-image: url(""); } .p-today__title::after { content: ""; position: absolute; top: -30px; left: calc(50% + 85px); width: 50px; height: 55px; background-image: url(""); } .p-today__content { margin-top: -15px; } .p-keyword { margin: 30px 10px 0px; } .p-keyword__list { margin: 10px 30px 0px; } .c-special-section__content, .p-learning__content, .p-life__content, .p-news__content { margin-top: -15px; } .p-keyword__list .c-tag-list { justify-content: center; } .p-tag-archive, .p-tag-archive--white { position: relative; background: rgb(249, 249, 249); padding: calc(30px + 4vw) 10px 40px; } .p-tag-archive--white::before, .p-tag-archive::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 4vw; background-image: url("data:image/svg+xml;utf8,"); background-position: center center; background-size: contain; } .p-tag-archive__title { margin-bottom: 30px; } .p-tag-archive--white { background: rgb(255, 255, 255); } .p-learning__title::after, .p-learning__title::before, .p-news__title::after, .p-news__title::before { background-position: center center; background-repeat: no-repeat; } .p-tag-archive--white::before { background-image: url("data:image/svg+xml;utf8,"); } .p-news { padding-top: 60px; overflow: hidden; } .p-news__title { position: relative; } .p-news__title::before { content: ""; position: absolute; top: 0px; right: calc(50% + 130px); width: 43px; height: 35px; background-image: url(""); background-size: contain; z-index: -1; } .p-news__title::after { content: ""; position: absolute; top: -35px; left: calc(50% + 110px); width: 125px; height: 125px; background-image: url(""); background-size: contain; z-index: -1; } .p-learning { padding-top: 80px; overflow: hidden; } .p-learning__title { position: relative; } .p-learning__title::after, .p-learning__title::before { content: ""; position: absolute; background-size: contain; z-index: -1; } .p-learning__title::before { top: -25px; right: calc(50% + 115px); width: 29px; height: 33px; background-image: url(""); } .p-learning__title::after { top: -20px; left: calc(50% + 130px); width: 89px; height: 89px; background-image: url(""); } .p-life { padding-top: 80px; overflow: hidden; } .p-life__title { position: relative; } .p-life__title::after, .p-life__title::before { position: absolute; background-size: contain; background-repeat: no-repeat; z-index: -1; background-position: center center; content: ""; } .p-life__title::before { top: -20px; right: calc(50% + 105px); width: 40px; height: 45px; background-image: url(""); } .p-life__title::after { top: -14px; left: calc(50% + 105px); width: 72px; height: 59px; background-image: url(""); } .p-manga { margin-top: 50px; padding: 30px 10px; overflow: hidden; background: rgb(229, 229, 229); } .p-manga__title { position: relative; } .p-manga__title::after, .p-manga__title::before { position: absolute; background-size: contain; background-repeat: no-repeat; } .p-manga__title::before { content: ""; top: -50px; right: calc(50% + 87px); width: 123px; height: 123px; background-image: url(""); background-position: center center; } .p-manga__title::after { content: ""; top: -10px; left: calc(50% + 108px); width: 51px; height: 25px; background-image: url(""); background-position: center center; } .p-manga__content { position: relative; z-index: 100; margin-top: 15px; padding-bottom: 15px; background: rgb(255, 255, 255); } .p-manga__content .c-article-list__item { padding: 15px 13px 10px; margin-bottom: 0px; border-bottom: 1px solid rgb(229, 229, 229); } .p-special-detail__inner, .p-supervisor-list__title { border-bottom: 1px solid rgb(232, 232, 232); } .p-manga__content .c-article-list__button { margin-top: 15px; } .p-special-detail { padding: 10px 10px 0px; margin-bottom: 26px; } .p-special-detail__image { width: 100%; margin-bottom: 10px; } .p-special-detail__image img { width: 100%; } .p-special-detail__text { padding: 0px 10px; margin-bottom: 15px; } .p-special-detail__text h1 { font-size: 2.1rem; font-weight: 500; margin-bottom: 5px; } .p-special-detail__text p { font-size: 1.6rem; } .p-special-detail__list { padding: 0px 10px 50px; } .p-supervisor { background: rgb(249, 249, 249); padding: 27px; margin: 40px 0px 20px; } .p-supervisor__info { border-left: 3px solid rgb(35, 24, 21); padding: 3px 0px 3px 17px; margin-bottom: 20px; } .p-supervisor__name-wrap { display: flex; align-items: center; margin-bottom: 8px; } .p-supervisor__name { font-size: 2.1rem; margin-right: 10px; font-weight: 700; line-height: 1; } .p-supervisor__job { position: relative; display: flex; align-items: center; font-size: 1.1rem; color: rgb(102, 102, 102); padding-bottom: 1px; } .p-supervisor__job::before { content: ""; width: 10px; height: 10px; background-image: url(""); margin-right: 5px; } .p-supervisor__job::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 1px; background: rgb(190, 190, 190); } .p-supervisor__position { font-size: 1.3rem; color: rgb(102, 102, 102); line-height: 1; } .c-article__category--information, .c-article__category--information a, .c-article__category--news, .c-article__category--news a { color: rgb(61, 164, 72); } .p-supervisor__text { font-size: 1.6rem; min-height: 110px; } .p-supervisor__text-inner p { margin-bottom: 10px; } .p-supervisor__text-inner p:last-of-type { margin-bottom: 0px; } .p-supervisor__text-inner a { text-decoration: underline; } .p-supervisor__image { position: relative; width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin: 0px 10px 10px 0px; z-index: 1; float: left; } .p-supervisor__image img { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } .p-supervisor-list { margin-bottom: 50px; padding: 0px 10px; } .p-supervisor-list__title { font-size: 1.8rem; font-weight: 400; padding-bottom: 12px; margin-bottom: 20px; } .c-article, .c-article--horizontal, .c-article--main, .c-article--main-cat, .c-article--manga, .c-article--ranking, .c-article--slide { display: flex; } .c-article a, .c-article--horizontal a, .c-article--main a, .c-article--main-cat a, .c-article--manga a, .c-article--ranking a, .c-article--slide a { display: block; } .c-article__image { position: relative; padding-top: 28.15%; width: 42.8%; height: 0px; border-radius: 5px; overflow: hidden; margin-right: 10px; z-index: 1; } .c-article__image img { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); width: 100%; height: 100%; object-fit: cover; } .c-article__link { display: block; width: 42.8%; margin-right: 10px; } .c-article__link .c-article__image { width: 100%; padding-top: 66.6%; margin-right: 0px; } .c-article__content { width: calc(57.2% - 10px); } .c-article__category, .c-article__category--information, .c-article__category--learning, .c-article__category--life, .c-article__category--news, .c-article__category--uncategorized { display: flex; align-items: center; font-size: 1.2rem; font-weight: 700; margin-bottom: 3px; } .c-article__category--information::before, .c-article__category--learning::before, .c-article__category--life::before, .c-article__category--news::before, .c-article__category--uncategorized::before, .c-article__category::before { content: ""; display: inline-block; margin-right: 5px; background-position: center center; background-size: contain; background-repeat: no-repeat; } .c-article__category--information::before, .c-article__category--news::before { background-image: url(""); width: 12px; height: 11px; } .c-article__category--learning, .c-article__category--learning a { color: rgb(229, 74, 100); } .c-article__category--learning::before { background-image: url(""); width: 8px; height: 11px; } .c-article__category--life, .c-article__category--life a { color: rgb(239, 163, 31); } .c-article__category--life::before { background-image: url(""); width: 11px; height: 11px; } .c-article__category a:not(:first-of-type), .c-article__category span:not(:first-of-type), .c-article__category--information a:not(:first-of-type), .c-article__category--information span:not(:first-of-type), .c-article__category--learning a:not(:first-of-type), .c-article__category--learning span:not(:first-of-type), .c-article__category--life a:not(:first-of-type), .c-article__category--life span:not(:first-of-type), .c-article__category--news a:not(:first-of-type), .c-article__category--news span:not(:first-of-type), .c-article__category--uncategorized a:not(:first-of-type), .c-article__category--uncategorized span:not(:first-of-type) { font-weight: 400; } .c-article__category a:not(:first-of-type)::before, .c-article__category span:not(:first-of-type)::before, .c-article__category--information a:not(:first-of-type)::before, .c-article__category--information span:not(:first-of-type)::before, .c-article__category--learning a:not(:first-of-type)::before, .c-article__category--learning span:not(:first-of-type)::before, .c-article__category--life a:not(:first-of-type)::before, .c-article__category--life span:not(:first-of-type)::before, .c-article__category--news a:not(:first-of-type)::before, .c-article__category--news span:not(:first-of-type)::before, .c-article__category--uncategorized a:not(:first-of-type)::before, .c-article__category--uncategorized span:not(:first-of-type)::before { content: "/"; margin: 0px 7px; } .c-article__title { font-size: 1.4rem; font-weight: 700; margin-bottom: 3px; line-height: 1.4; } .c-article__title .locked::after { content: ""; display: inline-block; width: 12px; height: 15px; transform: translateY(1px); margin-left: 7px; background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; } .c-article__title .pr { display: inline-block; transform: translateY(-1px); background: rgb(245, 245, 245); border: 1px solid rgb(219, 219, 219); border-radius: 3px; font-size: 1.1rem; padding: 2px 5px; margin-left: 2px; font-weight: 500; line-height: 1; color: rgb(102, 102, 102); } .c-article__tag { display: flex; flex-wrap: wrap; margin-bottom: 2px; } .c-article__tag li { color: rgb(102, 102, 102); font-size: 1.1rem; margin-right: 10px; letter-spacing: 0.05em; } .c-article__tag li:last-of-type { margin-right: 0px; } .c-article__tag li::before { content: "#"; margin-right: 2px; } .c-article__date { color: rgb(196, 196, 196); font-size: 1.1rem; letter-spacing: 0.05em; } .c-article__favorite { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } .c-article__favorite .c-article__category, .c-article__favorite .c-article__category--information, .c-article__favorite .c-article__category--learning, .c-article__favorite .c-article__category--life, .c-article__favorite .c-article__category--news, .c-article__favorite .c-article__category--uncategorized { margin: 0px; } .c-article--main, .c-article--main-cat, .c-article--slide { display: block; } .c-article--main .c-article__image, .c-article--main-cat .c-article__image, .c-article--slide .c-article__image { width: 100%; padding-top: 66.6%; margin-right: 0px; } .c-article--main .c-article__content, .c-article--main-cat .c-article__content, .c-article--slide .c-article__content { width: auto; margin-top: 15px; } .c-article--slide .c-article__content { width: auto; margin-top: 10px; } .c-article--slide .c-article__category, .c-article--slide .c-article__category--information, .c-article--slide .c-article__category--learning, .c-article--slide .c-article__category--life, .c-article--slide .c-article__category--news, .c-article--slide .c-article__category--uncategorized { font-size: 1.1rem; margin-bottom: 0px; } .c-article--slide .c-article__title { font-size: 1.3rem; } .c-article--ranking { display: block; } .c-article--ranking .c-article__inner { display: flex; } .c-article--ranking .c-article__image { width: 32.8%; margin-right: 7px; padding-top: 21.6%; } .c-article--ranking .c-article__content { width: calc(67.2% - 7px); } .c-article--ranking .c-article__category, .c-article--ranking .c-article__category--information, .c-article--ranking .c-article__category--learning, .c-article--ranking .c-article__category--life, .c-article--ranking .c-article__category--news, .c-article--ranking .c-article__category--uncategorized { font-size: 1.1rem; margin: 0px 10px 0px 0px; } .c-article--ranking .c-article__title { font-size: 1.3rem; } .c-article--ranking .c-article__rank, .c-article--ranking .c-article__rank--1, .c-article--ranking .c-article__rank--10, .c-article--ranking .c-article__rank--2, .c-article--ranking .c-article__rank--3, .c-article--ranking .c-article__rank--4, .c-article--ranking .c-article__rank--5, .c-article--ranking .c-article__rank--6, .c-article--ranking .c-article__rank--7, .c-article--ranking .c-article__rank--8, .c-article--ranking .c-article__rank--9 { position: relative; display: block; width: 32px; height: 20px; font-size: 1.3rem; font-family: Montserrat, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color: rgb(255, 255, 255); margin-bottom: 5px; padding-left: 12px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .c-search-button, .c-search-form__text { font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; } .c-article--ranking .c-article__rank--10::before, .c-article--ranking .c-article__rank--1::before, .c-article--ranking .c-article__rank--2::before, .c-article--ranking .c-article__rank--3::before, .c-article--ranking .c-article__rank--4::before, .c-article--ranking .c-article__rank--5::before, .c-article--ranking .c-article__rank--6::before, .c-article--ranking .c-article__rank--7::before, .c-article--ranking .c-article__rank--8::before, .c-article--ranking .c-article__rank--9::before, .c-article--ranking .c-article__rank::before { content: ""; position: absolute; top: 0px; right: -10px; border-right: 5px solid transparent; border-bottom: 5px solid transparent; } .c-article--ranking .c-article__rank--10::after, .c-article--ranking .c-article__rank--1::after, .c-article--ranking .c-article__rank--2::after, .c-article--ranking .c-article__rank--3::after, .c-article--ranking .c-article__rank--4::after, .c-article--ranking .c-article__rank--5::after, .c-article--ranking .c-article__rank--6::after, .c-article--ranking .c-article__rank--7::after, .c-article--ranking .c-article__rank--8::after, .c-article--ranking .c-article__rank--9::after, .c-article--ranking .c-article__rank::after { content: ""; position: absolute; bottom: 0px; right: -10px; border-right: 5px solid transparent; border-top: 5px solid transparent; } .c-article--ranking .c-article__rank--1 { background: rgb(229, 181, 58); } .c-article--ranking .c-article__rank--1::before { border-top: 5px solid rgb(229, 181, 58); border-left: 5px solid rgb(229, 181, 58); } .c-article--ranking .c-article__rank--1::after { border-bottom: 5px solid rgb(229, 181, 58); border-left: 5px solid rgb(229, 181, 58); } .c-article--ranking .c-article__rank--2 { background: rgb(150, 149, 149); } .c-article--ranking .c-article__rank--2::before { border-top: 5px solid rgb(150, 149, 149); border-left: 5px solid rgb(150, 149, 149); } .c-article--ranking .c-article__rank--2::after { border-bottom: 5px solid rgb(150, 149, 149); border-left: 5px solid rgb(150, 149, 149); } .c-article--ranking .c-article__rank--3 { background: rgb(163, 135, 84); } .c-article--ranking .c-article__rank--3::before { border-top: 5px solid rgb(163, 135, 84); border-left: 5px solid rgb(163, 135, 84); } .c-article--ranking .c-article__rank--3::after { border-bottom: 5px solid rgb(163, 135, 84); border-left: 5px solid rgb(163, 135, 84); } .c-article--ranking .c-article__rank--10, .c-article--ranking .c-article__rank--4, .c-article--ranking .c-article__rank--5, .c-article--ranking .c-article__rank--6, .c-article--ranking .c-article__rank--7, .c-article--ranking .c-article__rank--8, .c-article--ranking .c-article__rank--9 { background: rgb(255, 173, 147); } .c-article--ranking .c-article__rank--10::before, .c-article--ranking .c-article__rank--4::before, .c-article--ranking .c-article__rank--5::before, .c-article--ranking .c-article__rank--6::before, .c-article--ranking .c-article__rank--7::before, .c-article--ranking .c-article__rank--8::before, .c-article--ranking .c-article__rank--9::before { border-top: 5px solid rgb(255, 173, 147); border-left: 5px solid rgb(255, 173, 147); } .c-article--ranking .c-article__rank--10::after, .c-article--ranking .c-article__rank--4::after, .c-article--ranking .c-article__rank--5::after, .c-article--ranking .c-article__rank--6::after, .c-article--ranking .c-article__rank--7::after, .c-article--ranking .c-article__rank--8::after, .c-article--ranking .c-article__rank--9::after { border-bottom: 5px solid rgb(255, 173, 147); border-left: 5px solid rgb(255, 173, 147); } .c-article--ranking .c-article__info { display: flex; align-items: center; margin-left: calc(32.8% + 7px); } .c-article--ranking.kimini .c-article__content { display: flex; } .c-article--ranking.kimini .c-article__rank, .c-article--ranking.kimini .c-article__rank--1, .c-article--ranking.kimini .c-article__rank--10, .c-article--ranking.kimini .c-article__rank--2, .c-article--ranking.kimini .c-article__rank--3, .c-article--ranking.kimini .c-article__rank--4, .c-article--ranking.kimini .c-article__rank--5, .c-article--ranking.kimini .c-article__rank--6, .c-article--ranking.kimini .c-article__rank--7, .c-article--ranking.kimini .c-article__rank--8, .c-article--ranking.kimini .c-article__rank--9 { width: 22px; height: 24px; font-size: 1.5rem; padding-left: 8px; flex-shrink: 0; margin-right: 15px; } .c-article--ranking.kimini .c-article__rank--10::after, .c-article--ranking.kimini .c-article__rank--10::before, .c-article--ranking.kimini .c-article__rank--1::after, .c-article--ranking.kimini .c-article__rank--1::before, .c-article--ranking.kimini .c-article__rank--2::after, .c-article--ranking.kimini .c-article__rank--2::before, .c-article--ranking.kimini .c-article__rank--3::after, .c-article--ranking.kimini .c-article__rank--3::before, .c-article--ranking.kimini .c-article__rank--4::after, .c-article--ranking.kimini .c-article__rank--4::before, .c-article--ranking.kimini .c-article__rank--5::after, .c-article--ranking.kimini .c-article__rank--5::before, .c-article--ranking.kimini .c-article__rank--6::after, .c-article--ranking.kimini .c-article__rank--6::before, .c-article--ranking.kimini .c-article__rank--7::after, .c-article--ranking.kimini .c-article__rank--7::before, .c-article--ranking.kimini .c-article__rank--8::after, .c-article--ranking.kimini .c-article__rank--8::before, .c-article--ranking.kimini .c-article__rank--9::after, .c-article--ranking.kimini .c-article__rank--9::before, .c-article--ranking.kimini .c-article__rank::after, .c-article--ranking.kimini .c-article__rank::before { right: -7px; } .c-article--ranking.kimini .c-article__rank--1::before { border-top: 9px solid rgb(229, 181, 58); border-left: 2px solid rgb(229, 181, 58); } .c-article--ranking.kimini .c-article__rank--1::after { border-bottom: 9px solid rgb(229, 181, 58); border-left: 2px solid rgb(229, 181, 58); } .c-article--ranking.kimini .c-article__rank--2::before { border-top: 9px solid rgb(150, 149, 149); border-left: 2px solid rgb(150, 149, 149); } .c-article--ranking.kimini .c-article__rank--2::after { border-bottom: 9px solid rgb(150, 149, 149); border-left: 2px solid rgb(150, 149, 149); } .c-article--ranking.kimini .c-article__rank--3::before { border-top: 9px solid rgb(163, 135, 84); border-left: 2px solid rgb(163, 135, 84); } .c-article--ranking.kimini .c-article__rank--3::after { border-bottom: 9px solid rgb(163, 135, 84); border-left: 2px solid rgb(163, 135, 84); } .c-article--ranking.kimini .c-article__rank--4::before, .c-article--ranking.kimini .c-article__rank--5::before { border-top: 9px solid rgb(255, 173, 147); border-left: 2px solid rgb(255, 173, 147); } .c-article--ranking.kimini .c-article__rank--4::after, .c-article--ranking.kimini .c-article__rank--5::after { border-bottom: 9px solid rgb(255, 173, 147); border-left: 2px solid rgb(255, 173, 147); } .p-article-line { margin: 40px 10px 10px; } .c-search-form, .c-search-form--pc { position: relative; } .c-search-form__text { width: 100%; height: 50px; border: 2px solid rgb(255, 255, 255); border-radius: 45px; background: rgb(229, 229, 229); padding: 0px 16px; font-size: 1.5rem; } .c-search-form--pc::before, .c-search-form__submit { position: absolute; background-image: url(""); background-position: center center; background-size: contain; border: none; background-color: inherit; } .c-search-form__text::placeholder { color: rgb(178, 178, 178); font-size: 1.5rem; font-weight: 700; } .c-search-form__submit { top: 50%; right: 16px; transform: translateY(-50%); width: 23px; height: 23px; } .c-search-form--pc { width: 200px; } .c-search-form--pc::placeholder { color: rgb(173, 173, 173); font-size: 1.3rem; font-weight: 700; } .c-search-form--pc::before { content: ""; bottom: 9px; left: 0px; width: 19px; height: 19px; background-repeat: no-repeat; } .c-search-form--pc .c-search-form__text { border-bottom: 1px solid rgb(17, 17, 17); background: inherit; border-radius: 0px; height: auto; padding: 0px 0px 10px 28px; } .c-checkbox, .c-checkbox--subcat { position: relative; display: inline-block; cursor: pointer; width: 100%; padding-left: 30px; font-size: 1.4rem; font-weight: 700; border: 1px solid rgb(232, 232, 232); height: 36px; line-height: 36px; border-radius: 18px; text-align: left; } .c-checkbox--subcat::before, .c-checkbox::before { content: ""; display: block; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background: rgb(232, 232, 232); } .c-checkbox--subcat::after, .c-checkbox::after { content: ""; position: absolute; top: calc(50% - 1px); left: 11px; display: block; border-right: 3px solid rgb(255, 255, 255); border-bottom: 3px solid rgb(255, 255, 255); width: 5px; height: 9px; transform: translateY(-50%) rotate(45deg); } .c-author-list__image img, .c-clip-button::before, .c-search-modal { transform: translate3d(-50%, -50%, 0px); } .c-checkbox--subcat { font-weight: 400; padding-right: 10px; color: rgb(96, 96, 96); font-size: 1.2rem; } .c-button, .c-button--gray, .c-button--red, .c-button--white { display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); border-radius: 23px; height: 45px; font-size: 1.5rem; font-weight: 700; letter-spacing: 0.1em; } .c-button--red { background: rgb(217, 47, 69); } .c-button--gray { background: rgb(149, 144, 135); } .c-button--white { background: rgb(255, 255, 255); color: rgb(43, 34, 16); } .c-more-button { display: flex; justify-content: center; align-items: center; height: 40px; border: 1px solid rgb(196, 196, 196); border-radius: 20px; color: rgb(102, 102, 102); font-size: 1.5rem; font-weight: 700; background: rgb(255, 255, 255); } .c-clip-button { position: relative; background: rgb(255, 255, 255); border: 1px solid rgb(217, 47, 69); border-radius: 50%; width: 25px; height: 25px; cursor: pointer; transition: all 0.3s ease 0s; } .c-clip-button::before { content: ""; position: absolute; top: 50%; left: 50%; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; width: 14px; height: 15.5px; transition: all 0.3s ease 0s; } .c-clip-button.clipped { background: rgb(217, 47, 69); } .c-clip-button.clipped::before { background-image: url("data:image/svg+xml;utf8,"); } .c-clip-button__wrap { position: relative; } .c-search-button { display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.05em; border: 1px solid rgb(149, 144, 135); background: 0px 0px; border-radius: 30px; height: 60px; width: 100%; margin-top: 20px; color: rgb(43, 34, 16); } .c-search-button svg { width: 20px; margin-right: 10px; } .c-top-menu-list { display: flex; flex-wrap: nowrap; padding: 15px; } .c-top-menu-list__wrap { padding: 70px 5px 2px; border-bottom: 1px solid rgb(232, 232, 232); overflow-x: auto; white-space: nowrap; } .c-top-menu-list__wrap .simplebar-content-wrapper::-webkit-scrollbar { display: none; appearance: none; } .c-top-menu-list__wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar { top: 5px !important; } .c-top-menu-list__wrap .simplebar-scrollbar::before { background: rgb(232, 232, 232); border-radius: 1.5px; height: 3px !important; left: 5px !important; right: 5px !important; opacity: 1 !important; } .c-top-menu-list__wrap .simplebar-scrollbar .simplebar-visible::before { opacity: 1; } .c-top-menu-list__item { position: relative; padding: 0px 15px; } .c-top-menu-list__item::after { content: ""; position: absolute; top: 0px; right: 0px; width: 1px; height: 100%; background: rgb(232, 232, 232); } .c-top-menu-list__item:first-of-type { padding-left: 0px; } .c-top-menu-list__item:last-of-type { padding-right: 20px; } .c-top-menu-list__item:last-of-type::after { content: none; } .c-top-menu-list__item a { font-size: 1.4rem; } .c-top-menu-list__item a img { display: none; } .c-article-list__item:last-of-type { margin-bottom: 0px; } .c-article-list__item a { display: block; width: 100%; } .c-article-list__item--main { width: 100%; background: rgb(249, 249, 249); margin-bottom: 25px; } .c-article-list__item--main a { display: block; padding: 30px 30px 25px; } .c-article-list__button { width: 200px; margin: 24px auto 0px; } .c-article-list--3cols .c-article-list__item:nth-of-type(3n), .c-article-list--age .c-article-list__item:nth-of-type(3n) { margin-right: 0px; } .c-article-list--3cols .c-article-list__item:last-of-type, .c-article-list--3cols .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols .c-article-list__item:nth-last-of-type(3) { display: none; } .c-article-list--3cols.archive .c-article-list__item:last-of-type, .c-article-list--3cols.archive .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols.archive .c-article-list__item:nth-last-of-type(3), .c-article-list--3cols.favorite .c-article-list__item:last-of-type, .c-article-list--3cols.favorite .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols.favorite .c-article-list__item:nth-last-of-type(3) { display: flex; } .c-article-list--3cols.favorite .c-article-list__item .c-article, .c-article-list--3cols.favorite .c-article-list__item .c-article--horizontal, .c-article-list--3cols.favorite .c-article-list__item .c-article--main, .c-article-list--3cols.favorite .c-article-list__item .c-article--main-cat, .c-article-list--3cols.favorite .c-article-list__item .c-article--manga, .c-article-list--3cols.favorite .c-article-list__item .c-article--ranking, .c-article-list--3cols.favorite .c-article-list__item .c-article--slide { width: 100%; } .c-article-list--3cols.favorite .c-article-list__item .c-article__link { width: 42.8% !important; } .c-article-list--3cols.favorite .c-article-list__item .c-article__content a { width: auto; } .c-article-list__paging { margin-top: 22px; } .c-tag-list { display: flex; flex-wrap: wrap; } .c-tag-list__item { background: rgb(232, 232, 232); height: 22px; line-height: 22px; border-radius: 11px; margin: 0px 5px 10px; padding: 0px 10px 0px 8px; } .c-tag-list__item a { font-size: 1.2rem; } .c-author-list__text, .c-banner-list__text { font-size: 1.3rem; font-weight: 700; } .c-tag-list__item a::before { content: "#"; margin-right: 2px; } .c-banner-list { position: relative; z-index: 100; } .c-banner-list__item { margin-bottom: 20px; } .c-banner-list__item:last-of-type { margin-bottom: 0px; } .c-banner-list__image { border: 2px solid rgb(255, 255, 255); border-radius: 5px; overflow: hidden; margin-bottom: 8px; z-index: 1; } .c-banner-list__image img { width: 100%; } .c-ranking-list__item { padding: 15px 0px 11px; border-bottom: 1px solid rgb(255, 255, 255); } .c-author-list__item { padding: 15px 0px; border-bottom: 1px solid rgb(255, 255, 255); } .c-author-list__item-inner { display: flex; align-items: center; } .c-author-list__image { position: relative; width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin-right: 10px; z-index: 1; } .c-author-list__image img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; } .c-author-list__text { width: calc(100% - 85px); } .c-breadcrumbs-list { display: flex; overflow: scroll; padding: 7px 12px; } .c-breadcrumbs-list__wrap { background: rgb(245, 246, 247); } .c-breadcrumbs-list::-webkit-scrollbar { display: none; appearance: none; } .c-breadcrumbs-list__item { display: flex; white-space: nowrap; font-size: 1.1rem; color: rgb(178, 178, 178); } .c-breadcrumbs-list__item a { color: rgb(178, 178, 178); } .c-breadcrumbs-list__item::after { content: ">"; margin: 0px 4px; } .c-breadcrumbs-list__item:last-of-type::after, .c-special-section__inner::after { content: none; } .c-paging-list .wp-pagenavi { display: flex; justify-content: center; align-items: center; } .c-paging-list .wp-pagenavi a, .c-paging-list .wp-pagenavi span { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 1px solid rgb(232, 232, 232); border-radius: 50%; font-size: 1.4rem; color: rgb(102, 102, 102); margin-right: 11px; transition: all 0.3s ease 0s; } .c-author-detail-list__item-inner, .c-author-detail-list__name-wrap { align-items: center; display: flex; } .c-paging-list .wp-pagenavi a:last-child, .c-paging-list .wp-pagenavi span:last-child { margin-right: 0px; } .c-paging-list .wp-pagenavi a.extend, .c-paging-list .wp-pagenavi span.extend { border: none; font-size: 1.5rem; font-weight: 700; width: auto; } .c-paging-list .wp-pagenavi a.current, .c-paging-list .wp-pagenavi span.current { font-weight: 700; background: rgb(0, 0, 0); color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); } .c-paging-list .wp-pagenavi a.nextpostslink, .c-paging-list .wp-pagenavi a.previouspostslink, .c-paging-list .wp-pagenavi span.nextpostslink, .c-paging-list .wp-pagenavi span.previouspostslink { font-size: 0px; position: relative; } .c-paging-list .wp-pagenavi a.nextpostslink::before, .c-paging-list .wp-pagenavi a.previouspostslink::before, .c-paging-list .wp-pagenavi span.nextpostslink::before, .c-paging-list .wp-pagenavi span.previouspostslink::before { position: absolute; top: 50%; border-top: 2px solid rgb(114, 114, 114); border-left: 2px solid rgb(114, 114, 114); width: 8px; height: 8px; transition: all 0.3s ease 0s; } .c-paging-list .wp-pagenavi a.previouspostslink::before, .c-paging-list .wp-pagenavi span.previouspostslink::before { content: ""; left: 50%; transform: translate3d(calc(-50% + 2px), -50%, 0px) rotate(-45deg); } .c-paging-list .wp-pagenavi a.nextpostslink::before, .c-paging-list .wp-pagenavi span.nextpostslink::before { content: ""; left: 50%; transform: translate3d(calc(-50% - 2px), -50%, 0px) rotate(135deg); } .c-author-detail-list__item { padding: 17px 0px; border-bottom: 1px solid rgb(232, 232, 232); } .c-author-detail-list__item:first-of-type { padding-top: 0px; } .c-author-detail-list__image { position: relative; width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin-right: 10px; z-index: 1; } .c-author-detail-list__image img { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } .c-author-detail-list__text { width: calc(100% - 120px); } .c-author-detail-list__name { font-size: 1.6rem; margin-right: 10px; font-weight: 700; } .c-author-detail-list__job { position: relative; display: flex; align-items: center; font-size: 1.1rem; color: rgb(102, 102, 102); padding-bottom: 1px; } .c-author-detail-list__job::before { content: ""; width: 10px; height: 10px; background-image: url(""); margin-right: 5px; } .c-author-detail-list__job::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 1px; background: rgb(190, 190, 190); } .c-author-detail-list__position { font-size: 1.2rem; color: rgb(102, 102, 102); } .c-author-detail-list__detail { font-size: 1.3rem; margin-top: 10px; } .c-special-list__item { margin-bottom: 22px; } .c-special-list__image { width: 100%; margin-bottom: 10px; } .c-special-list__image img { width: 100%; } .c-special-list__content { padding: 0px 10px; } .c-special-list__title { font-size: 1.4rem; font-weight: 700; margin-bottom: 3px; } .c-special-list__text { font-size: 1.3rem; } .c-detail-list__item { display: flex; border-bottom: 1px solid rgb(232, 232, 232); font-size: 1.4rem; padding: 10px 0px 5px; } .c-detail-list__item:last-of-type { border-bottom: none; } .c-detail-list__item dt { font-weight: 700; margin-right: 20px; padding-top: 3px; width: 42px; } .c-detail-list__item dd { width: calc(100% - 62px); } .c-round-list { display: flex; flex-wrap: wrap; } .c-round-list__item { border: 1px solid rgb(232, 232, 232); height: 30px; line-height: 28px; border-radius: 15px; padding: 0px 9px; margin: 0px 5px 5px 0px; } .c-round-list__item:last-of-type { margin-right: 0px; } .c-modal-bg { position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; } .c-search-modal { position: fixed; top: 50%; left: 50%; background: rgb(255, 255, 255); width: calc(100% - 30px); border-radius: 10px; padding: 10px 10px 26px; text-align: center; z-index: 9999; max-height: calc(100% - 30px); } .c-search-modal__wrap { position: relative; display: none; z-index: 9000; } .c-search-modal:not([data-modal="1"]) { display: none; } .c-search-modal__inner { position: relative; } .c-search-modal__close { position: absolute; top: 0px; right: 0px; background: 0px 0px; border: none; padding: 0px; width: 30px; height: 30px; } .c-search-modal__close::after, .c-search-modal__close::before { top: 15px; right: 15px; width: 4px; height: 100%; background: rgb(43, 34, 16); border-radius: 2px; content: ""; position: absolute; } .c-search-modal__close::before { transform: translate3d(-50%, -50%, 0px) rotate(45deg); } .c-search-modal__close::after { transform: translate3d(-50%, -50%, 0px) rotate(-45deg); } .c-search-modal__title { font-size: 1.8rem; font-weight: 700; padding-top: 10px; } .c-search-modal__note { font-size: 1.2rem; } .c-search-modal__content { margin-top: 20px; } .c-search-modal__list { display: flex; flex-wrap: wrap; } .c-search-modal__item input, .c-search-modal__item-parent input, .c-search-modal__item-sub input { display: none; } .c-search-modal__item { width: calc(33.3333% - 3.33333px); margin: 0px 5px 10px 0px; } .c-search-modal__item:nth-of-type(3n) { margin-right: 0px; } .c-search-modal__item input.is-checked + .c-checkbox, .c-search-modal__item input.is-checked + .c-checkbox--subcat { border-color: rgb(217, 47, 69); background: rgb(248, 213, 219); } .c-search-modal__item input.is-checked + .c-checkbox--subcat::before, .c-search-modal__item input.is-checked + .c-checkbox::before { background: rgb(217, 47, 69); } .c-search-modal__list-wrap { height: calc(-210px + 100vh); overflow: auto; padding-right: 35px; } .c-search-modal__list-wrap .simplebar-track { background: rgb(236, 235, 233); width: 5px; } .c-search-modal__list-wrap .simplebar-scrollbar::before { background: rgb(172, 177, 170); width: 5px; left: 0px; right: 0px; border-radius: 0px; opacity: 1; top: 0px !important; bottom: 0px !important; } .c-search-modal__list-parent { margin-bottom: 15px; } .c-search-modal__item-parent .c-checkbox, .c-search-modal__item-parent .c-checkbox--subcat { height: 36px; line-height: 36px; border-radius: 18px; } .c-search-modal__item-parent .c-checkbox--subcat { height: 30px; line-height: 30px; border-radius: 15px; } .c-search-modal__item-parent input.is-checked + .c-checkbox, .c-search-modal__item-parent input.is-checked + .c-checkbox--subcat { border-color: rgb(217, 47, 69); background: rgb(248, 213, 219); } .c-search-modal__item-parent input.is-checked + .c-checkbox--subcat::before, .c-search-modal__item-parent input.is-checked + .c-checkbox::before { background: rgb(217, 47, 69); } .c-search-modal__item-sub { margin: 10px 5px 0px 0px; } .c-search-modal__item-sub input.is-checked + .c-checkbox, .c-search-modal__item-sub input.is-checked + .c-checkbox--subcat { border-color: rgb(217, 47, 69); background: rgb(248, 213, 219); } .c-search-modal__item-sub input.is-checked + .c-checkbox--subcat::before, .c-search-modal__item-sub input.is-checked + .c-checkbox::before { background: rgb(217, 47, 69); } .c-search-modal__next { margin: 20px auto 0px; max-width: 258px; } .c-search-modal__next button { display: flex; justify-content: center; align-items: center; border: none; height: 40px; border-radius: 20px; color: rgb(255, 255, 255); font-weight: 700; font-size: 1.4rem; background: rgb(43, 34, 16); width: 100%; padding: 0px; } .c-search-modal__next button::after { content: ""; width: 16px; height: 14px; background-image: url(""); background-repeat: no-repeat; background-size: contain; margin-left: 12px; } .c-search-modal__prev { display: flex; justify-content: center; align-items: center; font-size: 1.2rem; } .c-search-modal__prev svg { width: 7px; height: 6px; transform: rotate(180deg); } .c-search-modal__prev span { margin-left: 5px; text-decoration: underline; cursor: pointer; } .c-search-modal__submit { margin: 15px auto 10px; max-width: 258px; } .c-search-modal__submit button { display: flex; justify-content: center; align-items: center; border: none; height: 40px; border-radius: 20px; color: rgb(255, 255, 255); font-size: 1.4rem; background: rgb(217, 47, 69); width: 100%; padding: 0px; letter-spacing: 0.3em; font-weight: 700; } .c-search-modal__submit button svg { width: 20px; height: 20px; margin-left: 3px; } .c-search-modal__submit button svg path { fill: rgb(255, 255, 255); } .c-search-submit { display: none; } .c-search-submit button { display: flex; justify-content: center; align-items: center; border: none; height: 70px; border-radius: 35px; color: rgb(255, 255, 255); font-size: 1.8rem; background: rgb(217, 47, 69); width: 100%; padding: 0px; letter-spacing: 0.3em; font-weight: 700; cursor: pointer; } .c-search-submit button svg { width: 24.5px; height: 24.5px; margin-left: 3px; } .c-search-submit button svg path { fill: rgb(255, 255, 255); } .c-search-close { display: none; } .c-clip-modal { position: absolute; top: calc(-100% - 83px); right: -13px; width: 230px; font-size: 1.3rem; background: rgb(255, 255, 255); padding: 10px; border-radius: 10px; border: 2px solid rgb(217, 47, 69); transition: all 0.3s ease 0s; } .c-clip-modal::before { content: ""; position: absolute; bottom: -21px; right: 17px; border-width: 15px 7px 7px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; z-index: 2; } .c-clip-modal::after { content: ""; position: absolute; bottom: -27px; right: 15px; border-width: 18px 9px 9px; border-style: solid; border-color: rgb(217, 47, 69) transparent transparent; border-image: initial; z-index: 1; } .c-clip-modal.is-shown { opacity: 1; pointer-events: all; } .c-clip-modal a { color: rgb(217, 47, 69); text-decoration: underline; } .p-article-bottom .c-clip-modal { right: -6px; } .p-article-bottom .c-clip-modal::before { right: 10px; } .p-article-bottom .c-clip-modal::after { right: 8px; } .c-category-section__list .c-article-list__item { padding: 0px 10px; } .c-recommend-section { background: rgb(249, 249, 249); padding: 30px 10px; } .c-recommend-section__title { width: 100%; } .c-recommend-section__title h2 { font-size: 2.2rem; font-weight: 500; position: relative; padding: 10px 0px; text-align: center; } .c-recommend-section__title h2::after, .c-recommend-section__title h2::before { content: ""; position: absolute; left: 0px; width: 100%; height: 5px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; } .c-recommend-section__title h2::before { top: 0px; } .c-recommend-section__title h2::after { bottom: 0px; } .c-ranking-section__title { text-align: center; } .c-ranking-section__title img { width: 108px; } .c-ranking-section__title h2 { position: relative; font-size: 2.4rem; font-weight: 500; line-height: 1; margin-top: 5px; color: rgb(17, 17, 17); letter-spacing: 0.02em; } .c-ranking-section__title h2::after, .c-ranking-section__title h2::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 234px; height: 3px; background-image: url(""); background-size: contain; background-position: center center; background-repeat: no-repeat; } .c-ranking-section__title h2::before { bottom: -10px; } .c-ranking-section__title h2::after { bottom: -14px; } .c-ranking-section__title h2 img { width: 230px; padding-top: 5px; } .c-ranking-section__content { margin-top: 30px; } .c-ranking-section__related { text-align: right; font-size: 1.2rem; } .c-ranking-section__related a { color: rgb(149, 144, 135); } .c-login-section { padding: 5px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; } .c-login-section__inner { background: rgb(255, 255, 255); padding: 10px; text-align: center; } .c-login-section__title { max-width: 260px; margin: 8px auto 20px; } .c-login-section__text { font-size: 1.3rem; color: rgb(17, 17, 17); margin-bottom: 10px; } .c-login-section__button { width: 200px; margin: 0px auto 12px; } .c-login-section__button span { background: rgb(255, 255, 255); color: rgb(217, 47, 69); padding: 0px 10px; height: 22px; font-size: 1.4rem; margin-left: 7px; border-radius: 11px; } .c-login-section__link { font-size: 1.2rem; text-decoration: underline; } .c-special-section { overflow: hidden; } .c-special-section__title { position: relative; } .c-special-section__title::after, .c-special-section__title::before { position: absolute; background-position: center center; background-size: contain; background-repeat: no-repeat; z-index: -1; content: ""; } .c-special-section__title::before { top: 11px; right: calc(50% + 110px); width: 73px; height: 73px; background-image: url(""); } .c-special-section__title::after { top: -20px; left: calc(50% + 110px); width: 42px; height: 42px; background-image: url(""); } .c-special-section__content { background: rgb(254, 248, 209); padding: 30px 10px; } .c-special-section__content::after, .c-special-section__content::before { content: none; } .c-search-section { border: 1px solid rgb(43, 34, 16); background-image: url(""); background-size: cover; cursor: pointer; } .c-search-section__inner { display: flex; justify-content: space-between; align-items: center; max-width: 275px; margin: auto; height: 154px; } .c-search-section__title { width: calc(100% - 104px); margin-right: 10px; font-size: 2.2rem; color: rgb(68, 55, 26); font-weight: 700; } .c-search-section__image { width: 94px; } .c-lower-page-section { margin: 40px 0px 50px; padding: 0px 10px; } .c-lower-page-section__title { font-size: 2.5rem; padding-bottom: 10px; margin-bottom: 17px; border-bottom: 1px solid rgb(232, 232, 232); } .c-lower-page-section__title h1 { font-weight: 400; } .c-lower-page-section__text { font-size: 1.6rem; } .c-lower-page-section__button { width: 220px; margin: 20px auto 0px; } .c-line-section { background: rgb(249, 249, 249); padding: 20px 26px; } .c-line-section__text { display: flex; align-items: center; margin-bottom: 12px; } .c-line-section__text p { font-size: 1.8rem; font-weight: 700; } .c-line-section__image { width: 70px; margin-right: 20px; } .c-line-section__link a { display: flex; justify-content: center; align-items: center; background: rgb(0, 185, 0); border-radius: 5px; color: rgb(255, 255, 255); padding: 14px 0px; } .c-line-section__link a img { width: 30px; margin-right: 8px; } .c-line-section__link a p { font-size: 1.6rem; font-weight: 700; letter-spacing: 0.05em; } .c-mv-slider__item { margin: 0px 10px; } .c-mv-slider img { width: 100%; border-radius: 5px; z-index: 100; } .c-mv-slider__title { position: relative; margin: -30px auto 10px; background: rgb(255, 255, 255); width: 100%; max-width: calc(100% - 30px); border-radius: 5px; padding: 15px 20px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 5px; z-index: 200; } .c-mv-slider__title p { font-size: 1.9rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.5; } .c-mv-slider .slick-dots { display: flex; justify-content: center; align-items: center; margin-top: 8px; } .c-mv-slider .slick-dots li { margin-right: 25px; } .c-mv-slider .slick-dots li:last-of-type { margin-right: 0px; } .c-mv-slider .slick-dots li.slick-active button { background: rgb(36, 37, 37); } .c-mv-slider .slick-dots li button { display: block; font-size: 0px; line-height: 0; width: 10px; height: 10px; cursor: pointer; color: transparent; border: 0px; outline: 0px; background: rgb(255, 255, 255); border-radius: 50%; padding: 0px; } .c-article-slider__item { margin: 0px 5px; } .c-article-slider .slick-dots { display: flex; justify-content: center; align-items: center; margin-top: 30px; } .c-article-slider .slick-dots li { margin-right: 7px; } .c-article-slider .slick-dots li:last-of-type { margin-right: 0px; } .c-article-slider .slick-dots li.slick-active button { background: rgb(36, 37, 37); } .c-article-slider .slick-dots li button { display: block; font-size: 0px; line-height: 0; width: 8px; height: 8px; cursor: pointer; color: transparent; border: 0px; outline: 0px; background: rgb(194, 194, 194); border-radius: 50%; padding: 0px; } .c-not-found-text { font-size: 1.4rem; padding: 0px 10px; } .c-category-title, .c-category-title--special { text-align: center; } .c-category-title h2, .c-category-title--special h2 { font-size: 2.6rem; font-weight: 500; color: rgb(17, 17, 17); margin-bottom: 5px; } .c-en-title, .c-en-title--green, .c-en-title--orange, .c-en-title--pink, .c-en-title--rainbow { font-size: 1.8rem; letter-spacing: 0.1em; } .c-en-title--rainbow span:nth-of-type(4n-3) { color: rgb(229, 74, 100); } .c-en-title--rainbow span:nth-of-type(4n-2) { color: rgb(0, 178, 207); } .c-en-title--rainbow span:nth-of-type(4n-1) { color: rgb(155, 213, 15); } .c-en-title--rainbow span:nth-of-type(4n) { color: rgb(239, 163, 31); } .c-en-title--green { color: rgb(61, 164, 72); } .c-en-title--pink { color: rgb(229, 74, 100); } .c-en-title--orange { color: rgb(239, 163, 31); } .c-tag-title, .c-tag-title--infant, .c-tag-title--lower, .c-tag-title--middle, .c-tag-title--pre, .c-tag-title--upper { display: flex; justify-content: center; align-items: center; width: 202px; height: 45px; background-size: contain; background-repeat: no-repeat; font-size: 1.9rem; font-weight: 500; color: rgb(255, 255, 255); letter-spacing: 0.05em; } .c-keyword-title, .c-keyword-title p { display: flex; align-items: center; } .c-tag-title--infant::before, .c-tag-title--lower::before, .c-tag-title--middle::before, .c-tag-title--pre::before, .c-tag-title--upper::before, .c-tag-title::before { content: ""; width: 24px; height: 25px; background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; margin-right: 10px; } .c-tag-title--infant { background-image: url("data:image/svg+xml;utf8,"); letter-spacing: 0.5em; } .c-tag-title--pre { background-image: url("data:image/svg+xml;utf8,"); } .c-tag-title--lower { background-image: url("data:image/svg+xml;utf8,"); } .c-tag-title--middle { background-image: url("data:image/svg+xml;utf8,"); } .c-tag-title--upper { background-image: url("data:image/svg+xml;utf8,"); } .c-tag-page-title { background: rgb(228, 236, 242); padding: 10px; margin-bottom: 20px; } .c-tag-page-title h1 { font-size: 2.2rem; max-width: 1160px; margin: auto; font-weight: 500; } .c-tag-page-title.cat-search { margin-bottom: 10px; } .c-keyword-title p { position: relative; font-family: Montserrat, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; text-transform: uppercase; font-size: 2.2rem; font-weight: 600; letter-spacing: 0.08em; margin-right: 10px; } .c-keyword-title p::before { content: ""; width: 23px; height: 23px; border-radius: 50%; background: rgb(217, 47, 69); margin-right: 10px; } .c-keyword-title p::after { content: ""; position: absolute; top: 50%; left: 6.5px; transform: translateY(-50%); width: 9.5px; height: 11px; background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; } .c-keyword-title span { font-size: 1.1rem; font-weight: 500; letter-spacing: 0.05em; } .u-pc-hidden { display: block; } .u-sp-hidden { display: none; } .u-sub-block { display: block; } .u-sub-hidden { display: none; } .u-font-mincho { font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳＰ明朝", "ＭＳ明朝", serif; } .u-spaced { letter-spacing: 0.25em; } @media screen and (min-width: 769px) { .c-article a:hover, .c-article--horizontal a:hover, .c-article--main a:hover, .c-article--main-cat a:hover, .c-article--main-cat:hover, .c-article--main:hover, .c-article--manga a:hover, .c-article--ranking a:hover, .c-article--slide a:hover, .c-article--slide:hover, .c-article-list__item a:hover, .c-author-detail-list__item:hover, .c-author-list__item:hover, .c-banner-list__item:hover, .c-mv-slider__item:hover, .c-ranking-list__item:hover, .c-special-list__item:hover, .l-footer-menu__item a:hover, .l-footer-sns__item--fb:hover, .l-footer-sns__item--insta:hover, .l-footer-sns__item--line:hover, .l-footer-sns__item--twitter:hover, .l-footer-sns__item:hover, .l-header-sns__item--fb:hover, .l-header-sns__item--insta:hover, .l-header-sns__item--line:hover, .l-header-sns__item--twitter:hover, .l-header-sns__item:hover, .p-article-recommend-list__item:hover, .p-article-related__item:hover, .p-article-sns-list__item--fb:hover, .p-article-sns-list__item--line:hover, .p-article-sns-list__item--twitter:hover, .p-article-sns-list__item:hover, a:hover { opacity: 0.7; } a:hover { text-decoration: none; } .l-column-contents { padding: 0px 10px; } .l-column-contents__inner { display: flex; max-width: 1160px; margin: auto; } .l-column-contents__main { width: 60%; margin-right: 20px; } .l-column-contents__main.cat-search { margin-top: 20px; } .l-column-contents__side { position: relative; width: calc(40% - 20px); margin-bottom: 80px; } .l-column-contents__side.is-article { margin-bottom: 0px; } .l-column-contents__side.is-article .l-side-banner--03 { margin: 52px 0px -42px; } .l-column-contents__side.cat-search { margin-top: 60px; } .l-footer { padding: 30px 20px 20px; border-top: 1px solid rgb(232, 232, 232); } .l-footer-sns { max-width: 500px; margin: auto; justify-content: flex-end; } .l-footer-menu { margin-top: 15px; } .l-footer-menu__item { padding: 0px 25px; margin-bottom: 5px; } .l-footer-menu__item::after { height: 13px; } .l-footer-menu__item a { font-size: 1.3rem; } .l-footer-bottom { margin-top: 34px; } .l-side-line, .l-side-recommend, .l-side-recommend--article { margin-top: 24px; } .l-footer-bottom img { width: 113.5px; } .l-header__menu, .l-sidebar { width: 100%; } .l-footer-bottom small { font-size: 1.2rem; } .l-sidebar { position: sticky; top: 130px; right: 0px; } .l-side-line { display: block; } .l-side-line--sub { display: block; margin: 4px 0px 24px; } .l-side-line--sp { display: none; } .l-side-banner, .l-side-banner--02, .l-side-banner--03, .l-side-banner--04, .l-side-banner--article { padding: 0px 0px 58px; } .l-side-banner--article { margin-top: 60px; } .l-side-banner--02 { padding: 20px 0px 0px; } .l-side-banner--03 { padding: 0px 0px 20px; } .l-side-banner--04 { padding: 40px 0px 20px; } .l-side-ranking { background: inherit; padding: 0px 0px 54px; } .l-side-ranking--article { background: inherit; padding: 0px; margin: 0px; } .l-side-ranking--article .c-ranking-list__item:nth-of-type(n+6) { display: block; } .l-side-ranking--article.kimini { margin-top: 50px; } .l-side-ranking--article.kimini .c-ranking-section__title { max-width: 250px; } .l-side-ranking--article.kimini .c-ranking-section__content { margin-top: 30px; } .l-side-author { background: inherit; padding: 0px 0px 60px; } .l-side-author__title { max-width: 253px; height: 35px; background: rgb(249, 249, 249); border-color: rgb(249, 249, 249); } .l-side-author__title h2 { font-size: 1.8rem; } .l-side-author__content { margin-top: 10px; } .l-side-author__button { width: 220px; margin: 30px auto 0px; } .l-side-author__button .c-more-button { border: 1px solid rgb(196, 196, 196); color: rgb(102, 102, 102); } .l-side-login { margin: 0px; } .l-side-login--article { margin: 0px 0px 60px; } .l-side-search { padding: 0px; margin: 53px 0px 30px; } .p-about { max-width: 600px; margin: auto; font-size: 1.8rem; } .p-about__image, .p-about__text p { margin-bottom: 40px; } .p-about__text { line-height: 1.8; } .p-about__text p .marker { font-size: 2rem; } .p-about__button { padding: 20px 0px 30px; margin: 100px 0px 0px; } .p-about__button p { font-size: 1.6rem; margin-bottom: 15px; } .p-about__link { width: 240px; } .p-about__link .c-button--red { font-size: 1.6rem; } .p-category-mv { position: relative; width: 100%; background: rgb(228, 236, 242); height: 400px; overflow: hidden; margin-bottom: 60px; } .p-category-mv__image { padding-top: 0px; width: 74%; height: 100%; margin-left: auto; } .p-category-mv__image img { height: 100%; object-fit: cover; } .p-category-mv__title { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); width: 540px; background: rgb(255, 255, 255); margin: 0px; padding: 50px 90px; } .p-tag-list, .p-tag-page-contents, .p-tag-text { padding: 0px; } .p-category-title h1 { font-size: 3.6rem; } .p-category-atricles .c-article__title, .p-category-title span { font-size: 1.8rem; } .p-category-title--learning::before { top: -10px; transform: translateX(-200px); width: 40px; height: 46px; } .p-category-title--information::before { top: -17px; transform: translateX(-210px); width: 56px; height: 56px; } .p-category-title--life::before { top: -10px; transform: translateX(-180px); width: 60px; height: 60px; } .p-sub-category-block__title span, .p-tag-text { font-size: 1.4rem; } .p-tag-text { margin-bottom: 30px; } .p-tag-list__title { margin-bottom: 20px; } .p-tag-list__list { margin-bottom: 30px; } .p-search-query { margin-bottom: 20px; } .p-sub-category-block { padding: 0px 10px; } .p-sub-category-block__title { display: block; margin-bottom: 10px; } .p-sub-category-block .c-tag-list { justify-content: flex-start; } .p-sub-category-block .c-tag-list__item:first-of-type { margin-left: 0px; } .p-article-title { padding: 35px 20px; } .p-article-title__inner { display: flex; max-width: 1160px; margin: auto; } .p-article-title__title { width: calc(100% - 360px); margin-right: 70px; } .p-article-title__title .c-article__category, .p-article-title__title .c-article__category--information, .p-article-title__title .c-article__category--learning, .p-article-title__title .c-article__category--life, .p-article-title__title .c-article__category--news, .p-article-title__title .c-article__category--uncategorized { margin-top: 0px; } .p-article-title h1 { font-size: 3.2rem; } .p-article-title h1 .locked::after { width: 21px; height: 26px; } .p-article-title h1 .pr { transform: translateY(10px); width: 41px; } .p-article-title__info { margin-top: 30px; width: 290px; } .p-article-title__date { font-size: 1.3rem; margin: 0px 0px 30px; } .p-article-title__date span { margin-right: 15px; } .p-article-sns-list { width: 244px; margin-right: 16px; } .p-article-sns-list__item, .p-article-sns-list__item--fb, .p-article-sns-list__item--line, .p-article-sns-list__item--twitter { width: calc(33.3333% - 3.33333px); margin-right: 5px; border-radius: 3px; height: 30px; } .p-article-sns-list__item--line a { background-size: 29px; } .p-article-sns-list__item--twitter a { background-size: 14px; } .p-article-sns-list__item--fb a { background-size: 8px; } .p-article { margin-top: 52px; padding: 0px 20px; } .p-article__thumb { border-radius: 5px; overflow: hidden; z-index: 1; } .p-article__outline { padding: 0px 24px; line-height: 1.8; margin-top: 30px; } .p-article__writer { font-size: 1.4rem; margin-top: 15px; padding: 0px 24px; } .p-article__contents { margin-top: 30px; padding: 0px; } .p-article-contents { padding: calc(23px + 1.2vw) 24px 30px; } .p-article-contents::before { height: 1.2vw; } .p-article-contents__title { font-size: 1.7rem; width: 142px; height: 40px; line-height: 40px; margin-bottom: 20px; } .p-article-contents-list__item, .p-article-contents-sub-list__item { font-size: 1.6rem; } .p-article-body { margin-top: 72px; } .p-article-body p { padding: 0px 24px; margin-bottom: 30px; line-height: 1.8; } .p-article-body h3 { font-size: 24px; padding: 0px 24px 15px; margin: 45px 0px 30px; } .p-article-body h3::after { width: calc(100% - 48px); } .p-article-body h4 { font-size: 20px; padding: 0px 24px 0px 40px; margin: 30px 0px 20px; } .p-article-body h4::before { left: 24px; } .p-article-body .wp-block-image { margin-bottom: 30px; padding: 0px; } .p-article-body .wp-block-image figcaption { padding: 0px 24px; } .p-article-body img.alignright { float: right; margin: 0px 0px 20px 20px; } .p-article-body .wp-block-embed { margin-bottom: 30px; padding: 0px; } .p-article-body .instagram-media { margin: 0px auto 30px !important; padding: 0px !important; } .p-article-body ol, .p-article-body ul { padding-left: 29px; line-height: 1.8; } .p-article-body ul li { padding-left: 12px; } .p-article-body ul li::before { top: 16px; } .p-article-body ol { padding-left: 48px; } .p-article-body .link-button { display: inline-block; width: auto; line-height: 1.4; padding: 15px 30px; } .p-article-body .link-button::after { display: inline-block; } .p-article-body .wp-block-quote { margin: 0px 24px 30px; } .p-article-body .wp-block-table table { width: calc(100% - 48px); margin: 0px 24px 30px; } .p-article-body .wp-block-table table tr { flex-direction: row; border-bottom: 1px solid rgb(231, 231, 231); } .p-article-body .wp-block-table table tr:last-of-type { border-bottom: 0px; } .p-article-body .wp-block-table table td { border-bottom: 0px; border-right: 1px solid rgb(231, 231, 231); } .p-article-body .wp-block-table table td:last-of-type { border-right: 0px; } .p-article-body .wp-block-audio { padding: 0px 24px; } .p-article-body .wp-block-separator { margin: 30px 24px; } .p-article-body .wp-block-media-text { flex-direction: row; align-items: baseline; padding: 0px 20px; margin-bottom: 30px; } .p-article-body .wp-block-media-text .wp-block-media-text__media { margin: 0px 20px 0px 0px; } .p-article-body #yesno_wrap { padding: 20px; margin-bottom: 30px; } .p-article-body .wp-block-column > p { padding: 0px; } .p-article-body .wp-block-column .link-button { height: auto; } .p-heading h2 { font-size: 26px; padding-left: 18px; } .p-heading h2::before { width: 6px; } .p-heading { padding: 20px 30px; margin: 70px 0px 40px; } .p-article-next { padding: 0px; } .p-article-next a { flex-direction: column; padding: 14px 20px 16px; } .p-article-next__button { margin: 0px 0px 10px; width: 128px; height: 36px; line-height: 36px; font-size: 1.4rem; padding-left: 21px; border-radius: 18px; } .p-article-next__button::before { width: 15px; height: 13px; margin-right: 21px; } .p-article-next__text { width: auto; } .p-article-pagination { margin: 34px 0px 30px; } .p-article-pagination .post-page-numbers { margin-right: 44px; } .p-article-recommend { margin: 70px 20px 50px; padding: 0px 24px 24px; } .p-article-recommend-list { padding-top: 5px; } .p-article-recommend-list__item { padding-bottom: 24px; margin-bottom: 24px; transition: all 0.3s ease 0s; } .p-article-recommend-list__item .c-article, .p-article-recommend-list__item .c-article--horizontal, .p-article-recommend-list__item .c-article--main, .p-article-recommend-list__item .c-article--main-cat, .p-article-recommend-list__item .c-article--manga, .p-article-recommend-list__item .c-article--ranking, .p-article-recommend-list__item .c-article--slide { display: flex; } .p-article-recommend-list__item .c-article__image { width: 170px; padding-top: 113px; margin-right: 14px; } .p-article-recommend-list__item .c-article__content { width: calc(100% - 184px); } .p-article-recommend-list__item .c-article__title { font-size: 1.6rem; margin-bottom: 5px; } .p-article-recommend-list__item .c-article__title.locked::after { width: 22px; height: 16px; } .p-article-reference { padding: 0px 20px; margin-bottom: 45px; } .p-article-reference__title { font-size: 2.4rem; padding-left: 0px; } .p-article-reference-list__item { padding: 20px; } .p-article-reference-list__image { width: 110px; padding-top: 110px; margin-right: 13px; } .p-article-reference-list__text { width: calc(100% - 123px); } .p-article-reference-list__text h3 { font-size: 1.8rem; margin-bottom: 10px; } .p-article-reference-list__text p { font-size: 1.4rem; } .p-article-bottom { padding: 0px 20px; margin-top: 40px; } .p-article-supervisor { margin-top: 60px; padding: 16px 0px 20px; } .p-article-supervisor__title { height: 37.5px; max-width: 320px; margin-bottom: 20px; } .p-article-supervisor__title::after, .p-article-supervisor__title::before { border-width: 4px 4px 4px 0px; border-style: solid; border-color: transparent; border-image: initial; } .p-article-supervisor__title::before { border-bottom-color: inherit; } .p-article-supervisor__title::after { border-top-color: inherit; } .p-article-supervisor__title span { font-size: 2.2rem; } .p-article-supervisor__title span::after { height: 37.5px; } .p-article-supervisor__content { padding: 0px 20px; } .p-article-supervisor__image { width: 110px; height: 110px; margin-right: 14px; } .p-article-supervisor__info { width: calc(100% - 124px); } .p-article-supervisor__name { font-size: 1.6rem; margin: 7px 0px 10px; } .p-article-supervisor__text { font-size: 1.4rem; } .p-article-tag { margin-top: 40px; padding: 0px 12px; } .p-article-tag__title { font-size: 1.6rem; margin-bottom: 10px; } .p-article-related-area { margin-top: 80px; padding: 80px 20px 0px; } .p-article-related { max-width: 1160px; margin: 0px auto 60px; } .p-article-related__title { font-size: 2.6rem; } .p-article-related__list, .p-article-related__list--blue, .p-article-related__list--gray { margin-top: -18px; display: flex; padding: 40px 31px; } .p-article-related__item { width: 25%; border-right: 1px solid rgb(255, 255, 255); border-bottom: none; padding: 0px 14px; margin-bottom: 0px; transition: all 0.3s ease 0s; } .p-article-related__item:last-of-type { border-right: none; } .p-article-related__item .c-article__image { margin-bottom: 20px; } .p-article-special { margin: 100px 0px 90px; padding: 0px 20px; } .p-article-login { padding: 0px; } .p-article-login__title { padding: 0px !important; } .p-article-login__buttons { display: flex; margin-bottom: 10px; } .p-article-login__button { max-width: 100%; width: 50%; padding: 0px 20px; margin-bottom: 0px; } .p-article-login__button:first-of-type { border-bottom: none; border-right: 1px solid rgb(232, 232, 232); padding-bottom: 0px; } .p-article-login__button p { font-size: 1.6rem; } .p-gakkenid__lead { font-size: 1.8rem; margin-bottom: 25px; } .p-gakkenid-benefits { margin-bottom: 40px; } .p-gakkenid-benefits__item { margin-bottom: 20px; } .p-gakkenid-benefits__item h2 { font-size: 24px; padding-left: 18px; } .p-gakkenid-benefits__item h2::before { width: 6px; } .p-gakkenid-benefits__image { width: 125px; margin-right: 20px; } .p-gakkenid-benefits p { width: calc(100% - 145px); font-size: 1.6rem; } .p-gakkenid-services__lead { font-size: 2.4rem; padding: 30px 0px; border-radius: 17px 17px 0px 0px; } .p-gakkenid-services__lead span { font-size: 2.8rem; line-height: 1.3; } .p-gakkenid-services__lists { display: flex; } .p-gakkenid-services__content { width: calc(50% - 7px); } .p-gakkenid-services__content.free { margin: 0px 14px 0px 0px; } .p-gakkenid-register { margin-top: 35px; } .p-gakkenid-register .c-login-section__title { margin-bottom: 20px; } .p-gakkenid-register .c-login-section__button { max-width: 320px; margin-bottom: 0px; } .p-gakkenid-register .c-login-section__button .c-button--red { height: 54px; border-radius: 27px; } .p-mv { padding: 30px 0px; overflow: hidden; } .p-today { padding: 100px 0px 0px; overflow: visible; border-bottom: none; } .p-today__title::before { top: -20px; right: calc(50% + 310px); width: 202px; height: 202px; } .p-today__title::after { left: calc(50% + 165px); width: 70px; height: 75px; } .p-keyword { margin: 100px 0px 0px; } .p-keyword__list { margin: 10px 0px 0px; } .p-special { margin-top: 90px; padding: 0px 20px; } .p-tag-archive, .p-tag-archive--white { padding: calc(20px + 1.2vw) 20px 40px; } .p-tag-archive--white::before, .p-tag-archive::before { height: 1.2vw; } .p-news { padding-top: 80px; overflow: inherit; } .p-learning, .p-life { padding-top: 90px; overflow: inherit; } .p-news__title::before { top: -14px; right: inherit; left: 23px; width: 67px; height: 49px; } .p-news__title::after { top: -57px; left: inherit; right: -57px; width: 250px; height: 231px; background-image: url(""); } .p-learning__title::before { top: -24px; right: inherit; left: 100px; width: 40px; height: 46px; } .p-learning__title::after { top: -23px; left: inherit; right: 20px; width: 165px; height: 165px; } .p-life__title::before { top: -24px; right: inherit; left: -30px; width: 65px; height: 74px; } .p-life__title::after { top: -58px; left: inherit; right: -10px; width: 109px; height: 91px; } .p-manga { margin: 70px 0px 80px; padding: 50px 20px 20px; overflow: inherit; } .p-manga__content { margin-top: 30px; padding-bottom: 20px; } .p-manga__content .c-article-list__item { padding: 13px 15px 12px; border-right: 1px solid rgb(229, 229, 229); margin-right: 0px; width: 50%; } .p-manga__content .c-article-list__item:nth-of-type(2n) { border-right: none; } .p-manga__content .c-article-list__item:last-of-type { margin-bottom: 0px; } .p-manga__content .c-article-list__button { margin-top: 20px; } .p-home-bottom { margin-top: 100px; } .p-special-list { margin-bottom: 90px; } .p-special-detail { padding: 53px 20px 0px; margin-bottom: 50px; } .p-special-detail__inner { max-width: 1160px; margin: auto; } .p-special-detail__image { margin-bottom: 30px; } .p-special-detail__text { padding: 0px; margin-bottom: 30px; } .p-special-detail__text h1 { font-size: 3rem; margin-bottom: 15px; } .p-special-detail__text p { font-size: 1.6rem; } .p-special-detail__list { padding: 0px; } .p-supervisor { padding: 30px 24px 24px; margin: 0px 0px 40px; } .p-supervisor__info { border-left: 4px solid rgb(35, 24, 21); margin-bottom: 30px; padding-left: 21px; } .p-supervisor__name { font-size: 2.6rem; margin-right: 18px; } .p-supervisor__job { font-size: 1.2rem; } .p-supervisor__job::before { width: 11px; height: 11px; } .p-supervisor__job::after { bottom: 0px; } .p-supervisor__position { font-size: 1.6rem; } .p-supervisor__text { min-height: 140px; } .p-supervisor__text-inner { padding-top: 10px; } .p-supervisor__image { width: 140px; height: 140px; margin-right: 14px; } .p-supervisor-list { padding: 0px; } .p-supervisor-list__title { font-size: 2.2rem; padding-bottom: 20px; margin-bottom: 40px; } .c-article, .c-article--horizontal, .c-article--main, .c-article--main-cat, .c-article--manga, .c-article--ranking, .c-article--slide { display: block; transition: all 0.3s ease 0s; } .c-article__image { width: 100%; margin-right: 0px; padding-top: 66.6%; } .c-article__link { width: auto; margin-right: 0px; } .c-article__content { width: 100%; } .c-article__category, .c-article__category--information, .c-article__category--learning, .c-article__category--life, .c-article__category--news, .c-article__category--uncategorized { font-size: 1.4rem; margin-top: 12px; } .c-article__title { font-size: 1.6rem; } .c-article__title .locked::after { width: 13px; height: 16px; } .c-article__title .pr { transform: translateY(-1px); font-size: 1.2rem; padding: 2px 6px; } .c-article__date, .c-article__tag li { font-size: 1.3rem; } .c-article__favorite { margin: 12px 0px 5px; } .c-article__favorite .c-clip-button { width: 24px; height: 24px; } .c-article__favorite .c-clip-button::before { width: 13px; height: 15px; } .c-article--main, .c-article--main-cat, .c-article--slide { display: flex; align-items: center; } .c-article--main .c-article__image, .c-article--main-cat .c-article__image, .c-article--slide .c-article__image { padding-top: 32%; width: 48%; margin-right: 23px; } .c-article--main .c-article__content, .c-article--main-cat .c-article__content, .c-article--slide .c-article__content { width: calc(52% - 23px); margin-top: 0px; } .c-article--main .c-article__title, .c-article--main-cat .c-article__title, .c-article--slide .c-article__title { font-size: 1.8rem; margin-bottom: 5px; } .c-article--main .c-article__tag li, .c-article--main-cat .c-article__tag li, .c-article--slide .c-article__tag li { margin-bottom: 3px; } .c-article--main-cat { flex-direction: row-reverse; } .c-article--main-cat .c-article__image { margin: 0px 0px 0px 24px; padding-top: 40.6%; width: 61%; } .c-article--main-cat .c-article__content { width: calc(39% - 24px); } .c-article--main-cat .c-article__category, .c-article--main-cat .c-article__category--information, .c-article--main-cat .c-article__category--learning, .c-article--main-cat .c-article__category--life, .c-article--main-cat .c-article__category--news, .c-article--main-cat .c-article__category--uncategorized { margin-top: 0px; } .c-article--main-cat .c-article__title { font-size: 2rem; } .c-article--slide { display: block; } .c-article--slide .c-article__image { width: 100%; padding-top: 66.6%; margin-right: 0px; } .c-article--slide .c-article__content { width: 100%; } .c-article--slide .c-article__category, .c-article--slide .c-article__category--information, .c-article--slide .c-article__category--learning, .c-article--slide .c-article__category--life, .c-article--slide .c-article__category--news, .c-article--slide .c-article__category--uncategorized { font-size: 1.3rem; } .c-article--slide .c-article__title { font-size: 1.4rem; } .c-article--ranking .c-article__inner { display: flex; flex-direction: row-reverse; } .c-article--ranking .c-article__image { width: 36.6%; margin: 0px 0px 0px 10px; padding-top: 24.3%; } .c-article--ranking .c-article__content { display: flex; width: calc(63.4% - 10px); } .c-article--ranking .c-article__category, .c-article--ranking .c-article__category--information, .c-article--ranking .c-article__category--learning, .c-article--ranking .c-article__category--life, .c-article--ranking .c-article__category--news, .c-article--ranking .c-article__category--uncategorized { font-size: 1.3rem; } .c-article--ranking .c-article__title { font-size: 1.4rem; width: calc(100% - 32px); } .c-article--ranking .c-article__rank, .c-article--ranking .c-article__rank--1, .c-article--ranking .c-article__rank--10, .c-article--ranking .c-article__rank--2, .c-article--ranking .c-article__rank--3, .c-article--ranking .c-article__rank--4, .c-article--ranking .c-article__rank--5, .c-article--ranking .c-article__rank--6, .c-article--ranking .c-article__rank--7, .c-article--ranking .c-article__rank--8, .c-article--ranking .c-article__rank--9 { width: 20px; height: 24px; font-size: 1.5rem; margin-right: 12px; background-position: right center; padding-left: 6px; } .c-article--ranking .c-article__rank--10::before, .c-article--ranking .c-article__rank--1::before, .c-article--ranking .c-article__rank--2::before, .c-article--ranking .c-article__rank--3::before, .c-article--ranking .c-article__rank--4::before, .c-article--ranking .c-article__rank--5::before, .c-article--ranking .c-article__rank--6::before, .c-article--ranking .c-article__rank--7::before, .c-article--ranking .c-article__rank--8::before, .c-article--ranking .c-article__rank--9::before, .c-article--ranking .c-article__rank::before { right: -6px; border-right: 3px solid transparent; border-bottom: 6px solid transparent; } .c-article--ranking .c-article__rank--10::after, .c-article--ranking .c-article__rank--1::after, .c-article--ranking .c-article__rank--2::after, .c-article--ranking .c-article__rank--3::after, .c-article--ranking .c-article__rank--4::after, .c-article--ranking .c-article__rank--5::after, .c-article--ranking .c-article__rank--6::after, .c-article--ranking .c-article__rank--7::after, .c-article--ranking .c-article__rank--8::after, .c-article--ranking .c-article__rank--9::after, .c-article--ranking .c-article__rank::after { right: -6px; border-right: 3px solid transparent; border-top: 6px solid transparent; } .c-article--ranking .c-article__rank--1::before { border-top: 6px solid rgb(229, 181, 58); border-left: 3px solid rgb(229, 181, 58); } .c-article--ranking .c-article__rank--1::after { border-bottom: 6px solid rgb(229, 181, 58); border-left: 3px solid rgb(229, 181, 58); } .c-article--ranking .c-article__rank--2::before { border-top: 6px solid rgb(150, 149, 149); border-left: 3px solid rgb(150, 149, 149); } .c-article--ranking .c-article__rank--2::after { border-bottom: 6px solid rgb(150, 149, 149); border-left: 3px solid rgb(150, 149, 149); } .c-article--ranking .c-article__rank--3::before { border-top: 6px solid rgb(163, 135, 84); border-left: 3px solid rgb(163, 135, 84); } .c-article--ranking .c-article__rank--3::after { border-bottom: 6px solid rgb(163, 135, 84); border-left: 3px solid rgb(163, 135, 84); } .c-article--ranking .c-article__rank--10::before, .c-article--ranking .c-article__rank--4::before, .c-article--ranking .c-article__rank--5::before, .c-article--ranking .c-article__rank--6::before, .c-article--ranking .c-article__rank--7::before, .c-article--ranking .c-article__rank--8::before, .c-article--ranking .c-article__rank--9::before { border-top: 6px solid rgb(255, 173, 147); border-left: 3px solid rgb(255, 173, 147); } .c-article--ranking .c-article__rank--10::after, .c-article--ranking .c-article__rank--4::after, .c-article--ranking .c-article__rank--5::after, .c-article--ranking .c-article__rank--6::after, .c-article--ranking .c-article__rank--7::after, .c-article--ranking .c-article__rank--8::after, .c-article--ranking .c-article__rank--9::after { border-bottom: 6px solid rgb(255, 173, 147); border-left: 3px solid rgb(255, 173, 147); } .c-article--ranking .c-article__rank--1 { padding-left: 8px; } .c-article--ranking .c-article__rank--10 { padding-left: 3px; } .c-article--ranking .c-article__info { margin-left: 32px; } .c-article--ranking.kimini .c-article__rank, .c-article--ranking.kimini .c-article__rank--1, .c-article--ranking.kimini .c-article__rank--10, .c-article--ranking.kimini .c-article__rank--2, .c-article--ranking.kimini .c-article__rank--3, .c-article--ranking.kimini .c-article__rank--4, .c-article--ranking.kimini .c-article__rank--5, .c-article--ranking.kimini .c-article__rank--6, .c-article--ranking.kimini .c-article__rank--7, .c-article--ranking.kimini .c-article__rank--8, .c-article--ranking.kimini .c-article__rank--9 { width: 20px; padding-left: 6px; margin-right: 12px; } .c-article--ranking.kimini .c-article__rank--10::after, .c-article--ranking.kimini .c-article__rank--10::before, .c-article--ranking.kimini .c-article__rank--1::after, .c-article--ranking.kimini .c-article__rank--1::before, .c-article--ranking.kimini .c-article__rank--2::after, .c-article--ranking.kimini .c-article__rank--2::before, .c-article--ranking.kimini .c-article__rank--3::after, .c-article--ranking.kimini .c-article__rank--3::before, .c-article--ranking.kimini .c-article__rank--4::after, .c-article--ranking.kimini .c-article__rank--4::before, .c-article--ranking.kimini .c-article__rank--5::after, .c-article--ranking.kimini .c-article__rank--5::before, .c-article--ranking.kimini .c-article__rank--6::after, .c-article--ranking.kimini .c-article__rank--6::before, .c-article--ranking.kimini .c-article__rank--7::after, .c-article--ranking.kimini .c-article__rank--7::before, .c-article--ranking.kimini .c-article__rank--8::after, .c-article--ranking.kimini .c-article__rank--8::before, .c-article--ranking.kimini .c-article__rank--9::after, .c-article--ranking.kimini .c-article__rank--9::before, .c-article--ranking.kimini .c-article__rank::after, .c-article--ranking.kimini .c-article__rank::before { right: -6px; } .c-article--ranking.kimini .c-article__rank--1::before { border-top: 6px solid rgb(229, 181, 58); border-left: 3px solid rgb(229, 181, 58); } .c-article--ranking.kimini .c-article__rank--1::after { border-bottom: 6px solid rgb(229, 181, 58); border-left: 3px solid rgb(229, 181, 58); } .c-article--ranking.kimini .c-article__rank--2::before { border-top: 6px solid rgb(150, 149, 149); border-left: 3px solid rgb(150, 149, 149); } .c-article--ranking.kimini .c-article__rank--2::after { border-bottom: 6px solid rgb(150, 149, 149); border-left: 3px solid rgb(150, 149, 149); } .c-article--ranking.kimini .c-article__rank--3::before { border-top: 6px solid rgb(163, 135, 84); border-left: 3px solid rgb(163, 135, 84); } .c-article--ranking.kimini .c-article__rank--3::after { border-bottom: 6px solid rgb(163, 135, 84); border-left: 3px solid rgb(163, 135, 84); } .c-article--ranking.kimini .c-article__rank--4::before, .c-article--ranking.kimini .c-article__rank--5::before { border-top: 6px solid rgb(255, 173, 147); border-left: 3px solid rgb(255, 173, 147); } .c-article--ranking.kimini .c-article__rank--4::after, .c-article--ranking.kimini .c-article__rank--5::after { border-bottom: 6px solid rgb(255, 173, 147); border-left: 3px solid rgb(255, 173, 147); } .c-article--horizontal, .c-article--manga { display: block; } .c-article--horizontal .c-article__image, .c-article--manga .c-article__image { width: 100%; padding-top: 66.6%; } .c-article--horizontal .c-article__content, .c-article--manga .c-article__content { width: 100%; } .c-article--horizontal .c-article__title, .c-article--manga .c-article__title { font-size: 1.6rem; margin-bottom: 5px; } .c-article--horizontal .c-article__title .locked::after, .c-article--manga .c-article__title .locked::after { width: 22px; height: 16px; } .c-article--manga { display: block; } .c-article--manga .c-article__image { width: 100%; padding-top: 66.6%; } .c-article--manga .c-article__content { width: 100%; } .c-article--manga .c-article__category, .c-article--manga .c-article__category--information, .c-article--manga .c-article__category--learning, .c-article--manga .c-article__category--life, .c-article--manga .c-article__category--news, .c-article--manga .c-article__category--uncategorized { margin-top: 0px; } .p-article-line { display: none; } .c-more-button { height: 42px; border-radius: 21px; font-size: 1.6rem; transition: all 0.3s ease 0s; } .c-more-button:hover { background: rgb(196, 196, 196); } .c-clip-button { width: 30px; height: 30px; } .c-clip-button::before { width: 16.8px; height: 18.8px; } .c-clip-button:hover { background: rgb(217, 47, 69); } .c-clip-button:hover::before { background-image: url("data:image/svg+xml;utf8,"); } .c-search-button { font-size: 1.8rem; } .c-search-button svg { width: 24px; margin-right: 12px; } .c-top-menu-list { justify-content: center; } .c-article-list, .c-article-list--3cols, .c-article-list--age { display: flex; flex-wrap: wrap; } .c-article-list__item { width: calc(50% - 15px); margin: 0px 30px 40px 0px; } .c-article-list__item:nth-of-type(2n) { margin-right: 0px; } .c-article-list__item:last-of-type { margin-bottom: 60px; } .c-article-list__item--main { margin-bottom: 43px; } .c-article-list__item--main a { padding: 34px 33px; } .c-article-list__item--main.learning { position: relative; overflow: hidden; } .c-article-list__item--main.learning::before { content: ""; position: absolute; right: -32px; bottom: -34px; width: 165px; height: 165px; background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; } .c-article-list__button { width: 220px; margin: 10px auto 0px; } .c-article-list--3cols .c-article-list__item { width: calc(33.3333% - 22px); margin: 0px 33px 40px 0px; } .c-article-list--3cols .c-article-list__item:last-of-type, .c-article-list--3cols .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols .c-article-list__item:nth-last-of-type(3), .c-article-list--3cols.archive .c-article-list__item:last-of-type, .c-article-list--3cols.archive .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols.archive .c-article-list__item:nth-last-of-type(3), .c-article-list--3cols.favorite .c-article-list__item:last-of-type, .c-article-list--3cols.favorite .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols.favorite .c-article-list__item:nth-last-of-type(3) { display: block; } .c-article-list--3cols.favorite .c-article-list__item .c-article__link { width: auto !important; } .c-article-list--age .c-article-list__item { width: calc(33.3333% - 13.3333px); margin: 0px 20px 10px 0px; } .c-article-list--age .c-article-list__item:nth-of-type(n+4) { display: none; } .c-article-list__paging { margin-top: 10px; } .c-tag-list__item { padding: 0px 12px 0px 10px; } .c-author-list__item, .c-ranking-list__item { padding: 20px 0px; border-bottom: 1px solid rgb(232, 232, 232); transition: all 0.3s ease 0s; } .c-tag-list__item a { font-size: 1.3rem; } .c-banner-list { display: flex; flex-wrap: wrap; } .c-banner-list__item { width: calc(50% - 15px); margin-right: 30px; transition: all 0.3s ease 0s; } .c-banner-list__item:nth-of-type(2n) { margin-right: 0px; } .c-author-list__image { width: 70px; height: 70px; margin-right: 12px; } .c-author-list__text { width: calc(100% - 82px); font-size: 1.4rem; } .c-breadcrumbs-list__wrap { padding: 0px 20px; } .c-breadcrumbs-list { max-width: 1160px; margin: auto; padding: 7px 0px; overflow: auto; } .c-breadcrumbs-list__item { font-size: 1.2rem; } .c-paging-list .wp-pagenavi { margin-bottom: 40px; } .c-paging-list .wp-pagenavi a, .c-paging-list .wp-pagenavi span { width: 36px; height: 36px; font-size: 1.6rem; } .c-paging-list .wp-pagenavi a.extend, .c-paging-list .wp-pagenavi span.extend { font-size: 1.6rem; } .c-paging-list .wp-pagenavi a.nextpostslink:hover::before, .c-paging-list .wp-pagenavi a.previouspostslink:hover::before, .c-paging-list .wp-pagenavi span.nextpostslink:hover::before, .c-paging-list .wp-pagenavi span.previouspostslink:hover::before { border-color: rgb(255, 255, 255); } .c-paging-list .wp-pagenavi a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); } .c-author-detail-list { margin-bottom: 66px; } .c-author-detail-list__item { padding: 24px 0px; transition: all 0.3s ease 0s; } .c-author-detail-list__item-inner { padding: 0px 20px; } .c-author-detail-list__image { width: 140px; height: 140px; margin-right: 14px; } .c-author-detail-list__text { width: calc(100% - 154px); } .c-author-detail-list__name { font-size: 2rem; } .c-author-detail-list__job { font-size: 1.2rem; } .c-author-detail-list__job::before { width: 11px; height: 11px; } .c-author-detail-list__job::after { bottom: 0px; } .c-author-detail-list__position { font-size: 1.4rem; } .c-author-detail-list__detail { font-size: 1.6rem; margin-top: 12px; } .c-special-list__item { margin-bottom: 40px; transition: all 0.3s ease 0s; } .c-special-list__image { margin-bottom: 18px; } .c-special-list__content { padding: 0px; } .c-special-list__title { font-size: 1.6rem; margin-bottom: 5px; } .c-special-list__text { font-size: 1.4rem; } .c-search-modal__list-wrap { height: auto; } .c-clip-modal { top: calc(-100% - 75px); } .c-clip-modal::before { bottom: -22px; right: 19px; } .c-clip-modal::after { bottom: -28px; right: 17px; } .p-article-bottom .c-clip-modal { right: -13px; } .p-article-bottom .c-clip-modal::before { right: 19px; } .p-article-bottom .c-clip-modal::after { right: 17px; } .c-category-section__list .c-article-list__item { padding: 0px; } .c-category-section__list .c-article-list__item:nth-of-type(2n) { margin: 0px 30px 40px 0px; } .c-category-section__list .c-article-list__item:nth-of-type(2n+1) { margin-right: 0px; } .c-category-section__list .c-article-list--3cols .c-article-list__item { padding: 0px; } .c-category-section__list .c-article-list--3cols .c-article-list__item:nth-of-type(2n+1), .c-category-section__list .c-article-list--3cols .c-article-list__item:nth-of-type(3n) { margin: 0px 33px 40px 0px; } .c-category-section__list .c-article-list--3cols .c-article-list__item:nth-of-type(3n+1), .c-category-section__list .c-article-list.lower-page .c-article-list__item:nth-of-type(2n), .c-category-section__list .lower-page.c-article-list--3cols .c-article-list__item:nth-of-type(2n), .c-category-section__list .lower-page.c-article-list--age .c-article-list__item:nth-of-type(2n) { margin-right: 0px; } .c-category-section__list .c-article-list.lower-page .c-article-list__item:nth-of-type(2n+1), .c-category-section__list .lower-page.c-article-list--3cols .c-article-list__item:nth-of-type(2n+1), .c-category-section__list .lower-page.c-article-list--age .c-article-list__item:nth-of-type(2n+1) { margin: 0px 30px 40px 0px; } .c-recommend-section { padding: 24px 0px; } .c-recommend-section__title h2 { font-size: 2.1rem; padding: 5px 0px; } .c-recommend-section__list { margin: 24px auto 0px; max-width: 220px; } .c-ranking-section__title { max-width: 212px; margin: auto; } .c-ranking-section__title img { width: 98px; } .c-ranking-section__title h2 { font-size: 2.2rem; } .c-ranking-section__title h2::before { bottom: -12px; width: 212px; } .c-ranking-section__title h2::after { bottom: -17px; width: 212px; } .c-ranking-section__content { margin-top: 26px; } .c-ranking-section__related { font-size: 1.3rem; } .c-login-section { padding: 3px; } .c-login-section__inner { padding: 20px; } .c-login-section__title { width: 90%; margin-top: 0px; } .c-login-section__text { margin-bottom: 5px; } .c-login-section__button { width: 220px; } .c-login-section__button span { height: 24px; border-radius: 12px; font-size: 1.5rem; margin-left: 10px; } .c-login-section__link { font-size: 1.3rem; } .c-special-section { overflow: visible; } .c-special-section__inner { position: relative; display: flex; align-items: center; max-width: 1160px; margin: auto; background: rgb(254, 248, 209); padding: 30px 23px 30px 64px; } .c-special-section__inner::after { content: ""; position: absolute; top: -60px; right: 0px; width: 71px; height: 71px; background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; z-index: 100; } .c-special-section__title { width: 150px; margin-right: 70px; } .c-special-section__title::before { top: -209px; right: calc(50% + 80px); width: 120px; height: 120px; } .c-special-section__title::after { content: none; } .c-special-section__content { position: relative; padding: 0px; margin-top: 0px; width: calc(100% - 220px); } .c-special-section__content::after, .c-special-section__content::before { content: ""; position: absolute; background-position: center center; background-size: contain; background-repeat: no-repeat; } .c-special-section__content::before { bottom: 80px; right: 200px; width: 52px; height: 52px; background-image: url(""); } .c-special-section__content::after { bottom: 30px; right: 90px; width: 76px; height: 76px; background-image: url(""); } .c-search-section__inner { height: 130px; max-width: 230px; } .c-search-section__title { width: calc(100% - 99px); margin-right: 20px; font-size: 1.8rem; } .c-search-section__image { width: 79px; } .c-lower-page-section__wrap { margin-top: 70px; } .c-lower-page-section { margin: 0px; padding: 0px; } .c-lower-page-section__title { font-size: 3.2rem; padding-bottom: 20px; margin-bottom: 50px; } .c-lower-page-section__title.supervisor { margin-bottom: 30px; } .c-lower-page-section__text { font-size: 1.8rem; } .c-lower-page-section__button { width: 240px; margin-top: 40px; } .c-line-section { padding: 20px; } .c-line-section__text p { font-size: 1.5rem; } .c-line-section__image { width: 55px; margin-right: 10px; } .c-line-section__link a { padding: 10px 0px; } .c-line-section__link a p { font-size: 1.4rem; } .c-mv-slider { max-width: 1440px; margin: auto; } .c-mv-slider .slick-list { overflow: inherit; } .c-mv-slider__item { margin: 0px 12px; transition: all 0.3s ease 0s; } .c-mv-slider__title { margin: -60px auto 10px; max-width: 100%; width: calc(100% - 80px); padding: 20px; } .c-mv-slider__title p { font-size: 2rem; } .c-mv-slider .slick-dots { margin-top: 30px; } .c-mv-slider .slick-dots li { margin-right: 30px; } .c-mv-slider .slick-dots li button { width: 14px; height: 14px; } .c-article-slider__item { margin: 0px auto 24px; } .c-article-slider__item:last-of-type { margin-bottom: 0px; } .c-not-found-text { font-size: 1.6rem; } .c-category-title h2, .c-category-title--special h2 { font-size: 3.6rem; margin-bottom: 0px; } .c-category-title--special h2 { font-size: 3rem; margin-bottom: 10px; } .c-en-title, .c-en-title--green, .c-en-title--orange, .c-en-title--pink, .c-en-title--rainbow { font-size: 2rem; } .c-tag-title, .c-tag-title--infant, .c-tag-title--lower, .c-tag-title--middle, .c-tag-title--pre, .c-tag-title--upper { font-size: 2.2rem; width: 242px; height: 53px; } .c-tag-title--infant::before, .c-tag-title--lower::before, .c-tag-title--middle::before, .c-tag-title--pre::before, .c-tag-title--upper::before, .c-tag-title::before { width: 29px; height: 32px; } .c-tag-page-title { padding: 15px 20px; margin-bottom: 50px; } .c-tag-page-title h1 { font-size: 3.2rem; } .c-tag-page-title.cat-search { margin-bottom: 0px; } .c-keyword-title p { font-size: 2.3rem; } .c-keyword-title p::before { width: 25px; height: 25px; } .c-keyword-title p::after { width: 11px; height: 12px; } .c-keyword-title span { font-size: 1.2rem; } .u-pc-hidden { display: none; } .u-sp-hidden { display: block; } } @media screen and (min-width: 1021px) { .l-column-contents { padding: 0px 20px; } .l-column-contents__main { width: calc(100% - 352px); margin-right: 52px; } .l-column-contents__side { width: 300px; } .l-footer__inner { max-width: 1160px; margin: 0px auto 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; } .l-footer-sns { max-width: 100%; width: 57.8%; } .l-footer-sns__item, .l-footer-sns__item--fb, .l-footer-sns__item--insta, .l-footer-sns__item--line, .l-footer-sns__item--twitter { position: static; margin-right: 10px; width: calc(25% - 7.5px); padding-top: 0px; height: 40px; line-height: 40px; transition: all 0.3s ease 0s; } .l-footer-sns__item--line img, .l-footer-sns__item--twitter img { width: 23px; } .l-footer-sns__item--fb img { width: 13px; } .l-footer-sns__item--insta img { width: 23px; } .l-footer-sns__item a, .l-footer-sns__item--fb a, .l-footer-sns__item--insta a, .l-footer-sns__item--line a, .l-footer-sns__item--twitter a { position: static; flex-direction: row; } .l-footer-sns__item a p, .l-footer-sns__item--fb a p, .l-footer-sns__item--insta a p, .l-footer-sns__item--line a p, .l-footer-sns__item--twitter a p { font-size: 1.3rem; margin: 0px 0px 0px 5px; } .l-footer-logo { padding: 0px; margin: 0px 20px 0px 0px; max-width: 100%; width: calc(42.2% - 20px); } .l-footer-logo__image { width: 50%; max-width: 205px; } .l-footer-logo__text { width: auto; font-size: 1.3rem; margin-left: 20px; } .l-header { height: 100px; padding: 0px 20px; } .l-header__inner { max-width: 1160px; padding: 0px; margin: auto; } .l-header__left { width: auto; } .l-header__logo img { max-width: 240px; margin-bottom: 10px; } .l-header__member { display: none; } .l-header__search--pc { display: block; margin-left: 40px; } .l-header__menu { top: 100px; height: calc(100% - 100px); width: 30vw; overflow-y: scroll; scrollbar-width: none; } .l-header__menu::-webkit-scrollbar { display: none; } .l-header__membership { display: flex; } .l-header__membership.loggedin { align-items: flex-start; padding-top: 22px; } .l-header__membership li { margin-right: 33px; } .l-header__membership li:last-of-type { display: flex; align-items: center; margin-right: 0px; } .l-header__membership li:last-of-type img { width: 85px; } .l-header__membership li.username { display: flex; flex-direction: column; align-items: center; } .l-header__membership li a, .l-header__membership li span { display: flex; align-items: center; font-weight: 700; font-size: 1.4rem; } .l-header__membership li a svg, .l-header__membership li span svg { width: 15px; margin-right: 3px; } .l-header__membership li a svg path, .l-header__membership li span svg path { fill: rgb(217, 47, 69); } .l-header__membership li .logout { width: 95px; margin-top: 3px; } .l-header__membership li .logout .c-button, .l-header__membership li .logout .c-button--gray, .l-header__membership li .logout .c-button--red, .l-header__membership li .logout .c-button--white { height: auto; font-size: 1rem; background: rgb(228, 236, 242); color: rgb(43, 34, 16); } .l-header__membership li .logout .c-button svg, .l-header__membership li .logout .c-button--gray svg, .l-header__membership li .logout .c-button--red svg, .l-header__membership li .logout .c-button--white svg { width: auto; height: 12px; margin: 0px 0px 0px 5px; } .l-header__membership li .logout .c-button svg path, .l-header__membership li .logout .c-button--gray svg path, .l-header__membership li .logout .c-button--red svg path, .l-header__membership li .logout .c-button--white svg path { fill: rgb(43, 34, 16); } .l-header__left { display: flex; align-items: center; } .p-article-title h1 .pr { transform: translateY(11px); width: 39px; } .p-gakkenid-benefits { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .p-gakkenid-benefits__item { width: calc(50% - 10px); padding: 30px 30px 25px; margin-bottom: 20px; } .p-gakkenid-benefits__item:nth-of-type(2n+1) { margin-right: 20px; } .p-manga__title::before { top: -54px; right: inherit; left: 80px; width: 150px; height: 150px; } .p-manga__title::after { top: -17px; left: inherit; right: 160px; width: 61px; height: 35px; } .c-article--horizontal, .c-article--manga { display: flex; } .c-article--horizontal .c-article__image, .c-article--manga .c-article__image { width: 44.7%; padding-top: 29.7%; margin-right: 12px; } .c-article--horizontal .c-article__content, .c-article--manga .c-article__content { width: calc(55.3% - 12px); } .c-article--manga { display: flex; } .c-article--manga .c-article__image { width: 49%; padding-top: 32.6%; margin-right: 12px; } .c-article--manga .c-article__content { width: calc(51% - 12px); } .c-top-menu-list__wrap { padding: 100px 20px 0px; } .c-top-menu-list { padding: 10px 0px; white-space: normal; } .c-top-menu-list__item { margin-right: 44px; padding: 0px; } .c-top-menu-list__item::after { content: none; } .c-top-menu-list__item:last-of-type { padding: 0px; } .c-top-menu-list__item a { display: flex; align-items: center; font-weight: 700; } .c-top-menu-list__item a img { display: block; width: 41px; margin-right: 10px; } .c-search-modal { position: static; top: 0px; left: 0px; transform: none; width: calc(50% - 92px); max-height: 100%; text-align: left; border-radius: 0px; border-right: 1px solid rgb(232, 232, 232); padding: 0px 20px; } .c-search-modal:not([data-modal="1"]) { display: block; } .c-search-modal--pc { position: fixed; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); display: flex; background: rgb(255, 255, 255); width: 980px; height: 700px; max-height: 100%; border-radius: 5px; z-index: 9999; padding: 40px 20px; } .c-search-modal__close { display: none; } .c-search-modal__title { padding-top: 0px; display: inline-block; } .c-search-modal__note { display: inline-block; padding-left: 10px; } .c-search-modal__content { margin-top: 15px; } .c-search-modal__list-wrap { height: 578px; padding-right: 25px; } .c-search-modal__next, .c-search-modal__prev, .c-search-modal__submit { display: none; } .c-search-submit { display: block; width: 184px; padding: 0px 20px; } .c-search-close { display: block; position: absolute; top: 11px; right: 11px; background: 0px 0px; border: none; padding: 0px; width: 22px; height: 22px; cursor: pointer; } .c-search-close::after, .c-search-close::before { content: ""; position: absolute; top: 11px; right: 7px; width: 4px; height: 28px; background: rgb(43, 34, 16); border-radius: 2px; } .c-search-close::before { transform: translate3d(-50%, -50%, 0px) rotate(45deg); } .c-search-close::after { transform: translate3d(-50%, -50%, 0px) rotate(-45deg); } .c-line-section__link a img { width: 27px; } .c-mv-slider__title { padding: 20px 44px; } .c-mv-slider__title p { font-size: 2.4rem; } .u-sub-block { display: none; } .u-sub-hidden { display: block; } } .wp-block-buttons { display: flex; gap: 10px; margin-bottom: 20px; } "); background-position: center center; background-size: contain; } .p-article-contents__title { background-image: url(""); background-repeat: no-repeat; color: rgb(255, 255, 255); font-size: 1.5rem; letter-spacing: 0.5em; width: 118px; height: 33px; line-height: 33px; text-align: center; margin-bottom: 15px; } .p-article-contents-list__item { font-size: 1.4rem; margin-bottom: 5px; } .p-article-contents-list__item::before { content: "■"; padding-right: 3px; } .p-article-contents-list__item:last-of-type { margin-bottom: 0px; } .p-article-contents-list__item a { text-decoration: underline; } .p-article-contents-sub-list { padding-left: 20px; } .p-article-contents-sub-list__item { position: relative; font-size: 1.4rem; margin-bottom: 5px; } .p-article-contents-sub-list__item::before { content: ""; position: absolute; top: 11px; left: 0px; width: 3px; height: 3px; border-radius: 50%; background: rgb(43, 34, 16); } .p-article-contents-sub-list__item:first-of-type { margin-top: 5px; } .p-article-contents-sub-list__item:last-of-type { margin-bottom: 0px; } .p-article-contents-sub-list__item a { text-decoration: underline; padding-left: 10px; } .p-article-body { margin-top: 50px; overflow-wrap: break-word; } .p-article-body p { padding: 0px 20px; margin-bottom: 20px; } .p-article-body .marker { font-weight: 700; background: linear-gradient(transparent 60%, rgba(235, 51, 75, 0.2) 60%); } .p-article-body mark.has-inline-color { font-style: normal; } .p-article-body h3 { position: relative; font-size: 20px; font-weight: 700; padding: 0px 20px 10px; line-height: 1.4; margin: 35px 0px 20px; } .p-article-body h3::after { content: ""; position: absolute; transform: translateX(-50%); width: calc(100% - 40px); height: 1px; background: rgb(43, 34, 16); top: inherit !important; bottom: 0px !important; left: 50% !important; right: inherit !important; } .p-article-next__button::before, .p-heading h2::before { transform: translateY(-50%); content: ""; } .p-article-body h4 { position: relative; font-size: 17px; font-weight: 700; color: rgb(17, 17, 17); line-height: 1.4; padding: 0px 20px 0px 35px; margin: 20px 0px 15px; } .p-article-body h4::before { content: ""; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 3px; height: 100%; background: rgb(217, 47, 69); } .p-article-body .wp-block-image { width: 100%; margin-bottom: 20px; border-radius: 5px; padding: 0px 10px; } .p-article-body .wp-block-image figcaption { padding: 0px 20px; font-size: 14px; word-break: break-word; } .p-article-body .wp-block-image .alignleft, .p-article-body .wp-block-image .alignright { display: flex; flex-direction: column; float: inherit; margin: 0px; } .p-article-body .wp-block-image .alignleft { align-items: flex-start; } .p-article-body .wp-block-image .alignright { align-items: flex-end; } .p-article-body img.alignright { display: block; margin: 0px auto 10px; } .p-article-body figure { width: 100%; border-radius: 5px; } .p-article-body .aligncenter { text-align: center; } .p-article-body .wp-block-embed { margin-bottom: 20px; padding: 0px 10px; } .p-article-body .wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper { position: relative; padding-top: 56.25%; width: 100%; height: 0px; } .p-article-body .wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .p-article-body .wp-block-embed .twitter-tweet { margin: auto; } .p-article-body .instagram-media { margin: 0px auto 20px !important; padding: 0px 10px !important; } .p-article-body amp-instagram { margin: 0px auto 20px; padding: 0px 10px; } .p-article-body a { text-decoration: underline; } .p-article-body ol, .p-article-body ul { padding: 0px 20px 0px 23px; margin-bottom: 20px; } .p-article-body ul li { position: relative; padding-left: 10px; } .p-article-body ul li::before { content: ""; position: absolute; top: 11px; left: 0px; width: 3px; height: 3px; border-radius: 50%; background: rgb(43, 34, 16); } .p-article-body ol { padding-left: 42px; } .p-article-body ol li { list-style: decimal; } .p-article-body .link-icon { display: flex; align-items: center; } .p-article-body .link-icon::before { content: ""; background-image: url("data:image/svg+xml;utf8,"); width: 8px; height: 12px; background-repeat: no-repeat; background-size: contain; margin-right: 5px; } .p-article-body .link-button { display: flex; justify-content: center; align-items: center; background: rgb(255, 239, 242); border: 2px solid rgb(217, 47, 69); width: 100%; height: 60px; border-radius: 30px; } .p-article-body .grayback, .p-article-body .grayborder { display: block; border-radius: 5px; padding: 20px !important; } .p-article-body .link-button::after { content: ""; background-image: url("data:image/svg+xml;utf8,"); width: 8px; height: 12px; background-repeat: no-repeat; background-size: contain; margin-left: 5px; } .p-article-body .grayback { background: rgb(237, 237, 237); } .p-article-body .grayborder { border: 1px solid rgb(237, 237, 237); } .p-article-body .has-theme-pink-color { color: rgb(229, 74, 100); } .p-article-body .has-theme-blue-color { color: rgb(0, 178, 207); } .p-article-body .has-theme-green-color { color: rgb(155, 213, 15); } .p-article-body .has-theme-orange-color { color: rgb(239, 163, 31); } .p-article-body .wp-block-quote { position: relative; background: rgb(237, 237, 237); margin: 0px 20px 20px; padding: 20px 40px; border-left: 4px solid rgb(167, 167, 167); } .p-article-body .wp-block-quote::before { content: ""; position: absolute; top: 10px; left: 10px; transform: rotate(180deg); background-image: url(""); width: 20px; height: 15px; background-size: contain; background-repeat: no-repeat; } .p-article-body .wp-block-quote p { padding: 0px !important; margin-bottom: 10px !important; } .p-article-body .wp-block-quote cite { font-size: 13px; } .p-article-body .wp-block-table table { border: 1px solid rgb(231, 231, 231); border-radius: 5px; width: calc(100% - 40px); margin: 0px 20px 20px; border-collapse: separate; } .p-article-body .wp-block-table table tr { display: flex; flex-direction: column; } .p-article-body .wp-block-table table tr:last-of-type td:last-of-type { border-bottom: 0px; } .p-article-body .wp-block-table table td { width: 100%; border-bottom: 1px solid rgb(231, 231, 231); padding: 10px; } .p-article-body .wp-block-audio { padding: 0px 10px; } .p-article-body .wp-block-separator { margin: 20px; border-top: 1px solid rgb(43, 34, 16); border-bottom: 1px solid rgb(43, 34, 16); } .p-article-body .wp-block-media-text { display: flex; flex-direction: column; align-items: center; padding: 0px 24px; margin-bottom: 20px; } .p-article-body .wp-block-media-text .wp-block-media-text__media { width: auto; margin-bottom: 20px; } .p-article-body .wp-block-media-text .wp-block-media-text__content { padding: 0px; } .p-article-body .wp-block-media-text .wp-block-media-text__content p { margin-bottom: 10px; padding: 0px; } .p-article-body #yesno_wrap { border: 1px solid rgb(232, 232, 232); border-radius: 5px; padding: 15px; overflow: hidden; margin: 0px 20px 20px; } .p-article-body #yesno_wrap .yesno_q { border: none; margin-bottom: 0px; } .p-article-body #yesno_wrap .yesno_q dl, .p-article-body #yesno_wrap .yesno_q dt { padding: 0px; margin-bottom: 20px; } .p-article-body #yesno_wrap .yesno_q dt span { position: relative; background: 0px 0px; color: rgb(43, 34, 16); font-size: 1.8rem; letter-spacing: 0.05em; line-height: 1.8; } .p-article-body #yesno_wrap .yesno_q dt span::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background: url("") 0% 0% / cover; } .p-article-body #yesno_wrap .yesno_q dd { font-size: 1.6rem; letter-spacing: 0.05em; line-height: 1.8; font-weight: 400; padding-bottom: 0px !important; } .p-article-body #yesno_wrap ul#choices { margin-top: 15px !important; } .p-article-body #yesno_wrap ul li { padding-left: 0px; text-align: center; } .p-article-body #yesno_wrap ul li::before { content: none; } .p-article-body #yesno_wrap ul li button { cursor: pointer; max-width: 400px; padding: 14px; margin-bottom: 10px; font-weight: 700; font-size: 1.6rem; letter-spacing: 0.05em; border-radius: 28px; color: rgb(43, 34, 16); line-height: 1.8; background: 0px 0px; border: 1px solid rgb(232, 232, 232); transition: all 0.3s ease 0s; } .p-article-body #yesno_wrap ul li button:hover { background: rgb(232, 232, 232); } .p-article-body #yesno_wrap ul li button#back_button { display: none; } .p-heading h2 { position: relative; font-size: 21px; font-weight: 700; line-height: 1.4; padding-left: 16px; } .p-heading h2::before { position: absolute; top: 50%; left: 0px; width: 5px; height: 100%; background-image: url(""); background-size: 5px; } .p-heading { background: rgb(249, 249, 249); padding: 20px; margin: 40px 0px 25px; } .p-article-next { padding: 0px 10px; } .p-article-next a { display: flex; align-items: center; padding: 10px 20px; border: 1px solid rgb(43, 34, 16); } .p-article-pagination, .p-keyword__title .c-keyword-title { justify-content: center; } .p-article-next__button { position: relative; background: rgb(43, 34, 16); color: rgb(255, 255, 255); font-size: 1.2rem; font-weight: 700; width: 107px; height: 30px; line-height: 30px; border-radius: 15px; padding-left: 16px; margin-right: 10px; } .p-article-next__button::before { position: absolute; top: 50%; right: 0px; width: 13px; height: 11.5px; background-image: url(""); margin-right: 16px; } .p-article-next__text { width: calc(100% - 117px); font-weight: 700; text-decoration: underline; } .p-article-pagination { display: flex; align-items: center; color: rgb(43, 34, 16); margin: 15px 0px 20px; } .p-article-pagination .post-page-numbers { margin-right: 35px; } .p-article-pagination .post-page-numbers:last-child { margin-right: 0px; } .p-article-pagination .post-page-numbers.current { font-weight: 700; } .p-article-pagination a { text-decoration: underline; } .p-article-recommend { border: 1px solid rgb(232, 232, 232); margin: 50px 10px 20px; padding: 0px 11px 20px; } .p-article-recommend__title { position: relative; background: rgb(255, 255, 255); display: inline-block; padding: 0px 10px 0px 35px; font-size: 2rem; font-weight: 700; transform: translateY(-16px); margin-left: 8px; letter-spacing: 0.05em; } .p-article-recommend__title span::after, .p-article-recommend__title span::before, .p-article-recommend__title::before { transform: translateY(-50%); top: 50%; content: ""; } .p-article-recommend__title::before { position: absolute; left: 5px; width: 21.5px; height: 21.5px; background: rgb(217, 47, 69); border-radius: 50%; } .p-article-recommend__title span::before { position: absolute; left: 10px; width: 13px; height: 2px; background: rgb(255, 255, 255); } .p-article-recommend__title span::after { position: absolute; left: 15px; width: 2px; height: 13px; background: rgb(255, 255, 255); } .p-article-recommend-list__item { padding-bottom: 10px; margin-bottom: 15px; } .p-article-recommend-list__item:last-of-type { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; } .p-article-reference { padding: 0px 10px; margin-bottom: 27px; } .p-article-reference__title { font-size: 2.2rem; font-weight: 500; margin: 30px 0px 8px; padding-left: 10px; letter-spacing: 0.05em; } .p-article-reference-list__item { border-right: 1px solid rgb(232, 232, 232); border-bottom: 1px solid rgb(232, 232, 232); padding: 10px; margin-bottom: 10px; } .p-article-reference-list__item:last-of-type { margin-bottom: 0px; } .p-article-reference-list__item a { display: flex; } .p-article-reference-list__image { position: relative; width: 90px; padding-top: 90px; margin-right: 10px; } .p-article-reference-list__image img { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); width: 100%; height: 100%; object-fit: contain; } .p-article-reference-list__text { width: calc(100% - 100px); } .p-article-reference-list__text h3 { font-size: 1.6rem; font-weight: 700; margin-bottom: 7px; } .p-article-reference-list__text p { font-size: 1.3rem; } .p-article-bottom { padding: 0px 10px; margin-top: 25px; } .p-article-supervisor { background: rgb(249, 249, 249); padding: 15px 0px 13px; margin-top: 50px; } .p-article-supervisor__title { position: relative; text-align: center; background: rgb(255, 255, 255); max-width: 266px; height: 37px; padding-right: 5px; border-color: rgb(255, 255, 255); margin-bottom: 17px; } .p-article-supervisor__title::after, .p-article-supervisor__title::before { display: block; content: ""; position: absolute; left: 0px; right: 0px; border-width: 3px 3px 3px 0px; border-style: solid; border-color: transparent; border-image: initial; } .p-article-supervisor__title::before { bottom: 100%; border-bottom-color: inherit; } .p-article-supervisor__title::after { top: 100%; border-top-color: inherit; } .p-article-supervisor__title span { display: flex; justify-content: space-between; align-items: center; font-size: 1.8rem; font-weight: 500; line-height: 1; color: rgb(17, 17, 17); letter-spacing: 0.05em; } .p-article-supervisor__title span::before { content: ""; width: 1px; height: 36px; background: 0px 0px; } .p-article-supervisor__title span::after { content: ""; width: 1px; height: 36px; background: rgb(35, 24, 21); } .p-article-supervisor__content { display: flex; padding: 0px 12px; } .p-article-supervisor__image { position: relative; width: 90px; height: 90px; border-radius: 50%; overflow: hidden; margin-right: 10px; z-index: 1; } .p-article-supervisor__image img { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } .p-article-supervisor__info { width: calc(100% - 100px); } .p-article-supervisor__name { display: inline-block; font-size: 1.4rem; font-weight: 700; margin-bottom: 7px; } .p-article-supervisor__text { font-size: 1.3rem; } .p-article-supervisor__text p { margin-bottom: 10px; } .p-article-supervisor__text p:last-of-type { margin-bottom: 0px; } .p-article-supervisor__text a { text-decoration: underline; } .p-article-tag { margin-top: 25px; padding: 0px 10px; } .p-article-tag__title { font-size: 1.4rem; font-weight: 500; margin-bottom: 6px; } .p-article-tag .c-tag-list { justify-content: left; } .p-article-tag .c-tag-list__item:first-of-type { margin-left: 0px; } .p-article-related-area { border-top: 1px solid rgb(232, 232, 232); margin-top: 40px; padding-top: 40px; } .p-article-related { margin: 0px 10px 25px; } .p-article-related__title { font-size: 2.1rem; font-weight: 500; text-align: center; letter-spacing: 0.05em; } .p-article-related__list, .p-article-related__list--blue, .p-article-related__list--gray { margin-top: -15px; padding: 30px 10px 25px; } .p-article-related__list--blue { background: rgb(228, 236, 242); } .p-article-related__list--gray { background: rgb(249, 249, 249); } .p-article-related__item { border-bottom: 1px solid rgb(255, 255, 255); padding-bottom: 10px; margin-bottom: 15px; } .p-article-related__item:last-of-type { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .p-article-related__item .c-article__date { color: rgb(102, 102, 102); } .p-article-special { padding: 30px 0px; } .p-article-login { padding: 0px 10px; margin-bottom: 40px; } .p-article-login__title { font-size: 2rem; font-weight: 700; padding: 5px 0px 0px !important; margin-bottom: 10px !important; } .p-article-login__button { margin: 0px auto 15px; max-width: 300px; } .p-article-login__button:first-of-type { padding-bottom: 20px; border-bottom: 1px solid rgb(232, 232, 232); } .p-article-login__button p { color: rgb(149, 144, 135); padding: 0px !important; margin-bottom: 5px !important; } .p-article-login__button a { text-decoration: none !important; } .p-gakkenid__lead { font-size: 1.6rem; margin-bottom: 20px; } .p-gakkenid-benefits { margin-bottom: 40px; } .p-gakkenid-benefits__item { background: rgb(249, 249, 249); padding: 20px; margin-bottom: 10px; } .p-gakkenid-benefits__item h2 { position: relative; font-size: 21px; font-weight: 700; line-height: 1.4; padding-left: 16px; margin-bottom: 20px; } .p-gakkenid-benefits__item h2::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 5px; height: 100%; background-image: url(""); background-size: 5px; } .p-gakkenid-benefits__text { display: flex; align-items: center; } .p-gakkenid-benefits__text a { text-decoration: underline; } .p-gakkenid-benefits__image { width: 115px; margin-right: 15px; } .p-gakkenid-benefits p { width: calc(100% - 130px); font-size: 1.4rem; } .p-gakkenid-services__lead { font-size: 2.1rem; text-align: center; line-height: 1.8; letter-spacing: 0.03em; background: rgb(249, 249, 249); border-bottom: 1px solid rgb(232, 232, 232); border-radius: 15px 15px 0px 0px; padding: 20px 10px; margin-bottom: 20px; } .p-gakkenid-services__lead span { display: inline-block; font-size: 2.5rem; color: rgb(255, 255, 255); background: rgb(217, 47, 69); border-radius: 5px; padding: 0px 10px 2px; margin-right: 10px; letter-spacing: 0.05em; line-height: 1.5; } .p-gakkenid-services__content { border-width: 1px; border-style: solid; border-radius: 10px 10px 0px 0px; } .p-gakkenid-services__content.free { border-color: rgb(110, 204, 0); margin-bottom: 20px; } .p-gakkenid-services__content.free p { background: rgb(110, 204, 0); } .p-gakkenid-services__content.fee { border-color: rgb(239, 173, 58); } .p-gakkenid-services__content.fee p { background: rgb(239, 173, 58); } .p-gakkenid-services__content p { display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-weight: 700; border-radius: 10px 10px 0px 0px; font-size: 1.8rem; height: 78px; text-align: center; } .p-gakkenid-services__list { display: flex; flex-wrap: wrap; align-items: center; padding: 20px 20px 10px; } .p-gakkenid-services__item { width: calc(50% - 10px); margin: 0px 20px 20px 0px; } .p-gakkenid-services__item:nth-of-type(2n) { margin-right: 0px; } .p-gakkenid-services__notice { font-size: 1.1rem; text-align: right; color: rgb(102, 102, 102); margin-top: 3px; } .p-gakkenid-register { margin-top: 40px; } .p-gakkenid-register .c-login-section__title { margin: 0px auto 15px; max-width: 280px; } .p-gakkenid-register .c-login-section__button { width: 100%; max-width: 290px; margin-bottom: 5px; } .p-mv { background: rgb(228, 236, 242); padding: 10px 0px 17px; } .p-today__title::after, .p-today__title::before { background-repeat: no-repeat; background-position: center center; background-size: contain; z-index: -1; } .p-special, .p-today { padding: 47px 0px; } .p-today { border-bottom: 1px solid rgb(232, 232, 232); overflow: hidden; } .p-today__title { position: relative; } .p-today__title::before { content: ""; position: absolute; top: -10px; right: calc(50% + 85px); width: 144px; height: 144px; background-image: url(""); } .p-today__title::after { content: ""; position: absolute; top: -30px; left: calc(50% + 85px); width: 50px; height: 55px; background-image: url(""); } .p-today__content { margin-top: -15px; } .p-keyword { margin: 30px 10px 0px; } .p-keyword__list { margin: 10px 30px 0px; } .c-special-section__content, .p-learning__content, .p-life__content, .p-news__content { margin-top: -15px; } .p-keyword__list .c-tag-list { justify-content: center; } .p-tag-archive, .p-tag-archive--white { position: relative; background: rgb(249, 249, 249); padding: calc(30px + 4vw) 10px 40px; } .p-tag-archive--white::before, .p-tag-archive::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 4vw; background-image: url("data:image/svg+xml;utf8,"); background-position: center center; background-size: contain; } .p-tag-archive__title { margin-bottom: 30px; } .p-tag-archive--white { background: rgb(255, 255, 255); } .p-learning__title::after, .p-learning__title::before, .p-news__title::after, .p-news__title::before { background-position: center center; background-repeat: no-repeat; } .p-tag-archive--white::before { background-image: url("data:image/svg+xml;utf8,"); } .p-news { padding-top: 60px; overflow: hidden; } .p-news__title { position: relative; } .p-news__title::before { content: ""; position: absolute; top: 0px; right: calc(50% + 130px); width: 43px; height: 35px; background-image: url(""); background-size: contain; z-index: -1; } .p-news__title::after { content: ""; position: absolute; top: -35px; left: calc(50% + 110px); width: 125px; height: 125px; background-image: url(""); background-size: contain; z-index: -1; } .p-learning { padding-top: 80px; overflow: hidden; } .p-learning__title { position: relative; } .p-learning__title::after, .p-learning__title::before { content: ""; position: absolute; background-size: contain; z-index: -1; } .p-learning__title::before { top: -25px; right: calc(50% + 115px); width: 29px; height: 33px; background-image: url(""); } .p-learning__title::after { top: -20px; left: calc(50% + 130px); width: 89px; height: 89px; background-image: url(""); } .p-life { padding-top: 80px; overflow: hidden; } .p-life__title { position: relative; } .p-life__title::after, .p-life__title::before { position: absolute; background-size: contain; background-repeat: no-repeat; z-index: -1; background-position: center center; content: ""; } .p-life__title::before { top: -20px; right: calc(50% + 105px); width: 40px; height: 45px; background-image: url(""); } .p-life__title::after { top: -14px; left: calc(50% + 105px); width: 72px; height: 59px; background-image: url(""); } .p-manga { margin-top: 50px; padding: 30px 10px; overflow: hidden; background: rgb(229, 229, 229); } .p-manga__title { position: relative; } .p-manga__title::after, .p-manga__title::before { position: absolute; background-size: contain; background-repeat: no-repeat; } .p-manga__title::before { content: ""; top: -50px; right: calc(50% + 87px); width: 123px; height: 123px; background-image: url(""); background-position: center center; } .p-manga__title::after { content: ""; top: -10px; left: calc(50% + 108px); width: 51px; height: 25px; background-image: url(""); background-position: center center; } .p-manga__content { position: relative; z-index: 100; margin-top: 15px; padding-bottom: 15px; background: rgb(255, 255, 255); } .p-manga__content .c-article-list__item { padding: 15px 13px 10px; margin-bottom: 0px; border-bottom: 1px solid rgb(229, 229, 229); } .p-special-detail__inner, .p-supervisor-list__title { border-bottom: 1px solid rgb(232, 232, 232); } .p-manga__content .c-article-list__button { margin-top: 15px; } .p-special-detail { padding: 10px 10px 0px; margin-bottom: 26px; } .p-special-detail__image { width: 100%; margin-bottom: 10px; } .p-special-detail__image img { width: 100%; } .p-special-detail__text { padding: 0px 10px; margin-bottom: 15px; } .p-special-detail__text h1 { font-size: 2.1rem; font-weight: 500; margin-bottom: 5px; } .p-special-detail__text p { font-size: 1.6rem; } .p-special-detail__list { padding: 0px 10px 50px; } .p-supervisor { background: rgb(249, 249, 249); padding: 27px; margin: 40px 0px 20px; } .p-supervisor__info { border-left: 3px solid rgb(35, 24, 21); padding: 3px 0px 3px 17px; margin-bottom: 20px; } .p-supervisor__name-wrap { display: flex; align-items: center; margin-bottom: 8px; } .p-supervisor__name { font-size: 2.1rem; margin-right: 10px; font-weight: 700; line-height: 1; } .p-supervisor__job { position: relative; display: flex; align-items: center; font-size: 1.1rem; color: rgb(102, 102, 102); padding-bottom: 1px; } .p-supervisor__job::before { content: ""; width: 10px; height: 10px; background-image: url(""); margin-right: 5px; } .p-supervisor__job::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 1px; background: rgb(190, 190, 190); } .p-supervisor__position { font-size: 1.3rem; color: rgb(102, 102, 102); line-height: 1; } .c-article__category--information, .c-article__category--information a, .c-article__category--news, .c-article__category--news a { color: rgb(61, 164, 72); } .p-supervisor__text { font-size: 1.6rem; min-height: 110px; } .p-supervisor__text-inner p { margin-bottom: 10px; } .p-supervisor__text-inner p:last-of-type { margin-bottom: 0px; } .p-supervisor__text-inner a { text-decoration: underline; } .p-supervisor__image { position: relative; width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin: 0px 10px 10px 0px; z-index: 1; float: left; } .p-supervisor__image img { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } .p-supervisor-list { margin-bottom: 50px; padding: 0px 10px; } .p-supervisor-list__title { font-size: 1.8rem; font-weight: 400; padding-bottom: 12px; margin-bottom: 20px; } .c-article, .c-article--horizontal, .c-article--main, .c-article--main-cat, .c-article--manga, .c-article--ranking, .c-article--slide { display: flex; } .c-article a, .c-article--horizontal a, .c-article--main a, .c-article--main-cat a, .c-article--manga a, .c-article--ranking a, .c-article--slide a { display: block; } .c-article__image { position: relative; padding-top: 28.15%; width: 42.8%; height: 0px; border-radius: 5px; overflow: hidden; margin-right: 10px; z-index: 1; } .c-article__image img { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); width: 100%; height: 100%; object-fit: cover; } .c-article__link { display: block; width: 42.8%; margin-right: 10px; } .c-article__link .c-article__image { width: 100%; padding-top: 66.6%; margin-right: 0px; } .c-article__content { width: calc(57.2% - 10px); } .c-article__category, .c-article__category--information, .c-article__category--learning, .c-article__category--life, .c-article__category--news, .c-article__category--uncategorized { display: flex; align-items: center; font-size: 1.2rem; font-weight: 700; margin-bottom: 3px; } .c-article__category--information::before, .c-article__category--learning::before, .c-article__category--life::before, .c-article__category--news::before, .c-article__category--uncategorized::before, .c-article__category::before { content: ""; display: inline-block; margin-right: 5px; background-position: center center; background-size: contain; background-repeat: no-repeat; } .c-article__category--information::before, .c-article__category--news::before { background-image: url(""); width: 12px; height: 11px; } .c-article__category--learning, .c-article__category--learning a { color: rgb(229, 74, 100); } .c-article__category--learning::before { background-image: url(""); width: 8px; height: 11px; } .c-article__category--life, .c-article__category--life a { color: rgb(239, 163, 31); } .c-article__category--life::before { background-image: url(""); width: 11px; height: 11px; } .c-article__category a:not(:first-of-type), .c-article__category span:not(:first-of-type), .c-article__category--information a:not(:first-of-type), .c-article__category--information span:not(:first-of-type), .c-article__category--learning a:not(:first-of-type), .c-article__category--learning span:not(:first-of-type), .c-article__category--life a:not(:first-of-type), .c-article__category--life span:not(:first-of-type), .c-article__category--news a:not(:first-of-type), .c-article__category--news span:not(:first-of-type), .c-article__category--uncategorized a:not(:first-of-type), .c-article__category--uncategorized span:not(:first-of-type) { font-weight: 400; } .c-article__category a:not(:first-of-type)::before, .c-article__category span:not(:first-of-type)::before, .c-article__category--information a:not(:first-of-type)::before, .c-article__category--information span:not(:first-of-type)::before, .c-article__category--learning a:not(:first-of-type)::before, .c-article__category--learning span:not(:first-of-type)::before, .c-article__category--life a:not(:first-of-type)::before, .c-article__category--life span:not(:first-of-type)::before, .c-article__category--news a:not(:first-of-type)::before, .c-article__category--news span:not(:first-of-type)::before, .c-article__category--uncategorized a:not(:first-of-type)::before, .c-article__category--uncategorized span:not(:first-of-type)::before { content: "/"; margin: 0px 7px; } .c-article__title { font-size: 1.4rem; font-weight: 700; margin-bottom: 3px; line-height: 1.4; } .c-article__title .locked::after { content: ""; display: inline-block; width: 12px; height: 15px; transform: translateY(1px); margin-left: 7px; background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; } .c-article__title .pr { display: inline-block; transform: translateY(-1px); background: rgb(245, 245, 245); border: 1px solid rgb(219, 219, 219); border-radius: 3px; font-size: 1.1rem; padding: 2px 5px; margin-left: 2px; font-weight: 500; line-height: 1; color: rgb(102, 102, 102); } .c-article__tag { display: flex; flex-wrap: wrap; margin-bottom: 2px; } .c-article__tag li { color: rgb(102, 102, 102); font-size: 1.1rem; margin-right: 10px; letter-spacing: 0.05em; } .c-article__tag li:last-of-type { margin-right: 0px; } .c-article__tag li::before { content: "#"; margin-right: 2px; } .c-article__date { color: rgb(196, 196, 196); font-size: 1.1rem; letter-spacing: 0.05em; } .c-article__favorite { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } .c-article__favorite .c-article__category, .c-article__favorite .c-article__category--information, .c-article__favorite .c-article__category--learning, .c-article__favorite .c-article__category--life, .c-article__favorite .c-article__category--news, .c-article__favorite .c-article__category--uncategorized { margin: 0px; } .c-article--main, .c-article--main-cat, .c-article--slide { display: block; } .c-article--main .c-article__image, .c-article--main-cat .c-article__image, .c-article--slide .c-article__image { width: 100%; padding-top: 66.6%; margin-right: 0px; } .c-article--main .c-article__content, .c-article--main-cat .c-article__content, .c-article--slide .c-article__content { width: auto; margin-top: 15px; } .c-article--slide .c-article__content { width: auto; margin-top: 10px; } .c-article--slide .c-article__category, .c-article--slide .c-article__category--information, .c-article--slide .c-article__category--learning, .c-article--slide .c-article__category--life, .c-article--slide .c-article__category--news, .c-article--slide .c-article__category--uncategorized { font-size: 1.1rem; margin-bottom: 0px; } .c-article--slide .c-article__title { font-size: 1.3rem; } .c-article--ranking { display: block; } .c-article--ranking .c-article__inner { display: flex; } .c-article--ranking .c-article__image { width: 32.8%; margin-right: 7px; padding-top: 21.6%; } .c-article--ranking .c-article__content { width: calc(67.2% - 7px); } .c-article--ranking .c-article__category, .c-article--ranking .c-article__category--information, .c-article--ranking .c-article__category--learning, .c-article--ranking .c-article__category--life, .c-article--ranking .c-article__category--news, .c-article--ranking .c-article__category--uncategorized { font-size: 1.1rem; margin: 0px 10px 0px 0px; } .c-article--ranking .c-article__title { font-size: 1.3rem; } .c-article--ranking .c-article__rank, .c-article--ranking .c-article__rank--1, .c-article--ranking .c-article__rank--10, .c-article--ranking .c-article__rank--2, .c-article--ranking .c-article__rank--3, .c-article--ranking .c-article__rank--4, .c-article--ranking .c-article__rank--5, .c-article--ranking .c-article__rank--6, .c-article--ranking .c-article__rank--7, .c-article--ranking .c-article__rank--8, .c-article--ranking .c-article__rank--9 { position: relative; display: block; width: 32px; height: 20px; font-size: 1.3rem; font-family: Montserrat, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color: rgb(255, 255, 255); margin-bottom: 5px; padding-left: 12px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .c-search-button, .c-search-form__text { font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; } .c-article--ranking .c-article__rank--10::before, .c-article--ranking .c-article__rank--1::before, .c-article--ranking .c-article__rank--2::before, .c-article--ranking .c-article__rank--3::before, .c-article--ranking .c-article__rank--4::before, .c-article--ranking .c-article__rank--5::before, .c-article--ranking .c-article__rank--6::before, .c-article--ranking .c-article__rank--7::before, .c-article--ranking .c-article__rank--8::before, .c-article--ranking .c-article__rank--9::before, .c-article--ranking .c-article__rank::before { content: ""; position: absolute; top: 0px; right: -10px; border-right: 5px solid transparent; border-bottom: 5px solid transparent; } .c-article--ranking .c-article__rank--10::after, .c-article--ranking .c-article__rank--1::after, .c-article--ranking .c-article__rank--2::after, .c-article--ranking .c-article__rank--3::after, .c-article--ranking .c-article__rank--4::after, .c-article--ranking .c-article__rank--5::after, .c-article--ranking .c-article__rank--6::after, .c-article--ranking .c-article__rank--7::after, .c-article--ranking .c-article__rank--8::after, .c-article--ranking .c-article__rank--9::after, .c-article--ranking .c-article__rank::after { content: ""; position: absolute; bottom: 0px; right: -10px; border-right: 5px solid transparent; border-top: 5px solid transparent; } .c-article--ranking .c-article__rank--1 { background: rgb(229, 181, 58); } .c-article--ranking .c-article__rank--1::before { border-top: 5px solid rgb(229, 181, 58); border-left: 5px solid rgb(229, 181, 58); } .c-article--ranking .c-article__rank--1::after { border-bottom: 5px solid rgb(229, 181, 58); border-left: 5px solid rgb(229, 181, 58); } .c-article--ranking .c-article__rank--2 { background: rgb(150, 149, 149); } .c-article--ranking .c-article__rank--2::before { border-top: 5px solid rgb(150, 149, 149); border-left: 5px solid rgb(150, 149, 149); } .c-article--ranking .c-article__rank--2::after { border-bottom: 5px solid rgb(150, 149, 149); border-left: 5px solid rgb(150, 149, 149); } .c-article--ranking .c-article__rank--3 { background: rgb(163, 135, 84); } .c-article--ranking .c-article__rank--3::before { border-top: 5px solid rgb(163, 135, 84); border-left: 5px solid rgb(163, 135, 84); } .c-article--ranking .c-article__rank--3::after { border-bottom: 5px solid rgb(163, 135, 84); border-left: 5px solid rgb(163, 135, 84); } .c-article--ranking .c-article__rank--10, .c-article--ranking .c-article__rank--4, .c-article--ranking .c-article__rank--5, .c-article--ranking .c-article__rank--6, .c-article--ranking .c-article__rank--7, .c-article--ranking .c-article__rank--8, .c-article--ranking .c-article__rank--9 { background: rgb(255, 173, 147); } .c-article--ranking .c-article__rank--10::before, .c-article--ranking .c-article__rank--4::before, .c-article--ranking .c-article__rank--5::before, .c-article--ranking .c-article__rank--6::before, .c-article--ranking .c-article__rank--7::before, .c-article--ranking .c-article__rank--8::before, .c-article--ranking .c-article__rank--9::before { border-top: 5px solid rgb(255, 173, 147); border-left: 5px solid rgb(255, 173, 147); } .c-article--ranking .c-article__rank--10::after, .c-article--ranking .c-article__rank--4::after, .c-article--ranking .c-article__rank--5::after, .c-article--ranking .c-article__rank--6::after, .c-article--ranking .c-article__rank--7::after, .c-article--ranking .c-article__rank--8::after, .c-article--ranking .c-article__rank--9::after { border-bottom: 5px solid rgb(255, 173, 147); border-left: 5px solid rgb(255, 173, 147); } .c-article--ranking .c-article__info { display: flex; align-items: center; margin-left: calc(32.8% + 7px); } .c-article--ranking.kimini .c-article__content { display: flex; } .c-article--ranking.kimini .c-article__rank, .c-article--ranking.kimini .c-article__rank--1, .c-article--ranking.kimini .c-article__rank--10, .c-article--ranking.kimini .c-article__rank--2, .c-article--ranking.kimini .c-article__rank--3, .c-article--ranking.kimini .c-article__rank--4, .c-article--ranking.kimini .c-article__rank--5, .c-article--ranking.kimini .c-article__rank--6, .c-article--ranking.kimini .c-article__rank--7, .c-article--ranking.kimini .c-article__rank--8, .c-article--ranking.kimini .c-article__rank--9 { width: 22px; height: 24px; font-size: 1.5rem; padding-left: 8px; flex-shrink: 0; margin-right: 15px; } .c-article--ranking.kimini .c-article__rank--10::after, .c-article--ranking.kimini .c-article__rank--10::before, .c-article--ranking.kimini .c-article__rank--1::after, .c-article--ranking.kimini .c-article__rank--1::before, .c-article--ranking.kimini .c-article__rank--2::after, .c-article--ranking.kimini .c-article__rank--2::before, .c-article--ranking.kimini .c-article__rank--3::after, .c-article--ranking.kimini .c-article__rank--3::before, .c-article--ranking.kimini .c-article__rank--4::after, .c-article--ranking.kimini .c-article__rank--4::before, .c-article--ranking.kimini .c-article__rank--5::after, .c-article--ranking.kimini .c-article__rank--5::before, .c-article--ranking.kimini .c-article__rank--6::after, .c-article--ranking.kimini .c-article__rank--6::before, .c-article--ranking.kimini .c-article__rank--7::after, .c-article--ranking.kimini .c-article__rank--7::before, .c-article--ranking.kimini .c-article__rank--8::after, .c-article--ranking.kimini .c-article__rank--8::before, .c-article--ranking.kimini .c-article__rank--9::after, .c-article--ranking.kimini .c-article__rank--9::before, .c-article--ranking.kimini .c-article__rank::after, .c-article--ranking.kimini .c-article__rank::before { right: -7px; } .c-article--ranking.kimini .c-article__rank--1::before { border-top: 9px solid rgb(229, 181, 58); border-left: 2px solid rgb(229, 181, 58); } .c-article--ranking.kimini .c-article__rank--1::after { border-bottom: 9px solid rgb(229, 181, 58); border-left: 2px solid rgb(229, 181, 58); } .c-article--ranking.kimini .c-article__rank--2::before { border-top: 9px solid rgb(150, 149, 149); border-left: 2px solid rgb(150, 149, 149); } .c-article--ranking.kimini .c-article__rank--2::after { border-bottom: 9px solid rgb(150, 149, 149); border-left: 2px solid rgb(150, 149, 149); } .c-article--ranking.kimini .c-article__rank--3::before { border-top: 9px solid rgb(163, 135, 84); border-left: 2px solid rgb(163, 135, 84); } .c-article--ranking.kimini .c-article__rank--3::after { border-bottom: 9px solid rgb(163, 135, 84); border-left: 2px solid rgb(163, 135, 84); } .c-article--ranking.kimini .c-article__rank--4::before, .c-article--ranking.kimini .c-article__rank--5::before { border-top: 9px solid rgb(255, 173, 147); border-left: 2px solid rgb(255, 173, 147); } .c-article--ranking.kimini .c-article__rank--4::after, .c-article--ranking.kimini .c-article__rank--5::after { border-bottom: 9px solid rgb(255, 173, 147); border-left: 2px solid rgb(255, 173, 147); } .p-article-line { margin: 40px 10px 10px; } .c-search-form, .c-search-form--pc { position: relative; } .c-search-form__text { width: 100%; height: 50px; border: 2px solid rgb(255, 255, 255); border-radius: 45px; background: rgb(229, 229, 229); padding: 0px 16px; font-size: 1.5rem; } .c-search-form--pc::before, .c-search-form__submit { position: absolute; background-image: url(""); background-position: center center; background-size: contain; border: none; background-color: inherit; } .c-search-form__text::placeholder { color: rgb(178, 178, 178); font-size: 1.5rem; font-weight: 700; } .c-search-form__submit { top: 50%; right: 16px; transform: translateY(-50%); width: 23px; height: 23px; } .c-search-form--pc { width: 200px; } .c-search-form--pc::placeholder { color: rgb(173, 173, 173); font-size: 1.3rem; font-weight: 700; } .c-search-form--pc::before { content: ""; bottom: 9px; left: 0px; width: 19px; height: 19px; background-repeat: no-repeat; } .c-search-form--pc .c-search-form__text { border-bottom: 1px solid rgb(17, 17, 17); background: inherit; border-radius: 0px; height: auto; padding: 0px 0px 10px 28px; } .c-checkbox, .c-checkbox--subcat { position: relative; display: inline-block; cursor: pointer; width: 100%; padding-left: 30px; font-size: 1.4rem; font-weight: 700; border: 1px solid rgb(232, 232, 232); height: 36px; line-height: 36px; border-radius: 18px; text-align: left; } .c-checkbox--subcat::before, .c-checkbox::before { content: ""; display: block; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background: rgb(232, 232, 232); } .c-checkbox--subcat::after, .c-checkbox::after { content: ""; position: absolute; top: calc(50% - 1px); left: 11px; display: block; border-right: 3px solid rgb(255, 255, 255); border-bottom: 3px solid rgb(255, 255, 255); width: 5px; height: 9px; transform: translateY(-50%) rotate(45deg); } .c-author-list__image img, .c-clip-button::before, .c-search-modal { transform: translate3d(-50%, -50%, 0px); } .c-checkbox--subcat { font-weight: 400; padding-right: 10px; color: rgb(96, 96, 96); font-size: 1.2rem; } .c-button, .c-button--gray, .c-button--red, .c-button--white { display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); border-radius: 23px; height: 45px; font-size: 1.5rem; font-weight: 700; letter-spacing: 0.1em; } .c-button--red { background: rgb(217, 47, 69); } .c-button--gray { background: rgb(149, 144, 135); } .c-button--white { background: rgb(255, 255, 255); color: rgb(43, 34, 16); } .c-more-button { display: flex; justify-content: center; align-items: center; height: 40px; border: 1px solid rgb(196, 196, 196); border-radius: 20px; color: rgb(102, 102, 102); font-size: 1.5rem; font-weight: 700; background: rgb(255, 255, 255); } .c-clip-button { position: relative; background: rgb(255, 255, 255); border: 1px solid rgb(217, 47, 69); border-radius: 50%; width: 25px; height: 25px; cursor: pointer; transition: all 0.3s ease 0s; } .c-clip-button::before { content: ""; position: absolute; top: 50%; left: 50%; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; width: 14px; height: 15.5px; transition: all 0.3s ease 0s; } .c-clip-button.clipped { background: rgb(217, 47, 69); } .c-clip-button.clipped::before { background-image: url("data:image/svg+xml;utf8,"); } .c-clip-button__wrap { position: relative; } .c-search-button { display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.05em; border: 1px solid rgb(149, 144, 135); background: 0px 0px; border-radius: 30px; height: 60px; width: 100%; margin-top: 20px; color: rgb(43, 34, 16); } .c-search-button svg { width: 20px; margin-right: 10px; } .c-top-menu-list { display: flex; flex-wrap: nowrap; padding: 15px; } .c-top-menu-list__wrap { padding: 70px 5px 2px; border-bottom: 1px solid rgb(232, 232, 232); overflow-x: auto; white-space: nowrap; } .c-top-menu-list__wrap .simplebar-content-wrapper::-webkit-scrollbar { display: none; appearance: none; } .c-top-menu-list__wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar { top: 5px !important; } .c-top-menu-list__wrap .simplebar-scrollbar::before { background: rgb(232, 232, 232); border-radius: 1.5px; height: 3px !important; left: 5px !important; right: 5px !important; opacity: 1 !important; } .c-top-menu-list__wrap .simplebar-scrollbar .simplebar-visible::before { opacity: 1; } .c-top-menu-list__item { position: relative; padding: 0px 15px; } .c-top-menu-list__item::after { content: ""; position: absolute; top: 0px; right: 0px; width: 1px; height: 100%; background: rgb(232, 232, 232); } .c-top-menu-list__item:first-of-type { padding-left: 0px; } .c-top-menu-list__item:last-of-type { padding-right: 20px; } .c-top-menu-list__item:last-of-type::after { content: none; } .c-top-menu-list__item a { font-size: 1.4rem; } .c-top-menu-list__item a img { display: none; } .c-article-list__item:last-of-type { margin-bottom: 0px; } .c-article-list__item a { display: block; width: 100%; } .c-article-list__item--main { width: 100%; background: rgb(249, 249, 249); margin-bottom: 25px; } .c-article-list__item--main a { display: block; padding: 30px 30px 25px; } .c-article-list__button { width: 200px; margin: 24px auto 0px; } .c-article-list--3cols .c-article-list__item:nth-of-type(3n), .c-article-list--age .c-article-list__item:nth-of-type(3n) { margin-right: 0px; } .c-article-list--3cols .c-article-list__item:last-of-type, .c-article-list--3cols .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols .c-article-list__item:nth-last-of-type(3) { display: none; } .c-article-list--3cols.archive .c-article-list__item:last-of-type, .c-article-list--3cols.archive .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols.archive .c-article-list__item:nth-last-of-type(3), .c-article-list--3cols.favorite .c-article-list__item:last-of-type, .c-article-list--3cols.favorite .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols.favorite .c-article-list__item:nth-last-of-type(3) { display: flex; } .c-article-list--3cols.favorite .c-article-list__item .c-article, .c-article-list--3cols.favorite .c-article-list__item .c-article--horizontal, .c-article-list--3cols.favorite .c-article-list__item .c-article--main, .c-article-list--3cols.favorite .c-article-list__item .c-article--main-cat, .c-article-list--3cols.favorite .c-article-list__item .c-article--manga, .c-article-list--3cols.favorite .c-article-list__item .c-article--ranking, .c-article-list--3cols.favorite .c-article-list__item .c-article--slide { width: 100%; } .c-article-list--3cols.favorite .c-article-list__item .c-article__link { width: 42.8% !important; } .c-article-list--3cols.favorite .c-article-list__item .c-article__content a { width: auto; } .c-article-list__paging { margin-top: 22px; } .c-tag-list { display: flex; flex-wrap: wrap; } .c-tag-list__item { background: rgb(232, 232, 232); height: 22px; line-height: 22px; border-radius: 11px; margin: 0px 5px 10px; padding: 0px 10px 0px 8px; } .c-tag-list__item a { font-size: 1.2rem; } .c-author-list__text, .c-banner-list__text { font-size: 1.3rem; font-weight: 700; } .c-tag-list__item a::before { content: "#"; margin-right: 2px; } .c-banner-list { position: relative; z-index: 100; } .c-banner-list__item { margin-bottom: 20px; } .c-banner-list__item:last-of-type { margin-bottom: 0px; } .c-banner-list__image { border: 2px solid rgb(255, 255, 255); border-radius: 5px; overflow: hidden; margin-bottom: 8px; z-index: 1; } .c-banner-list__image img { width: 100%; } .c-ranking-list__item { padding: 15px 0px 11px; border-bottom: 1px solid rgb(255, 255, 255); } .c-author-list__item { padding: 15px 0px; border-bottom: 1px solid rgb(255, 255, 255); } .c-author-list__item-inner { display: flex; align-items: center; } .c-author-list__image { position: relative; width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin-right: 10px; z-index: 1; } .c-author-list__image img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; } .c-author-list__text { width: calc(100% - 85px); } .c-breadcrumbs-list { display: flex; overflow: scroll; padding: 7px 12px; } .c-breadcrumbs-list__wrap { background: rgb(245, 246, 247); } .c-breadcrumbs-list::-webkit-scrollbar { display: none; appearance: none; } .c-breadcrumbs-list__item { display: flex; white-space: nowrap; font-size: 1.1rem; color: rgb(178, 178, 178); } .c-breadcrumbs-list__item a { color: rgb(178, 178, 178); } .c-breadcrumbs-list__item::after { content: ">"; margin: 0px 4px; } .c-breadcrumbs-list__item:last-of-type::after, .c-special-section__inner::after { content: none; } .c-paging-list .wp-pagenavi { display: flex; justify-content: center; align-items: center; } .c-paging-list .wp-pagenavi a, .c-paging-list .wp-pagenavi span { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 1px solid rgb(232, 232, 232); border-radius: 50%; font-size: 1.4rem; color: rgb(102, 102, 102); margin-right: 11px; transition: all 0.3s ease 0s; } .c-author-detail-list__item-inner, .c-author-detail-list__name-wrap { align-items: center; display: flex; } .c-paging-list .wp-pagenavi a:last-child, .c-paging-list .wp-pagenavi span:last-child { margin-right: 0px; } .c-paging-list .wp-pagenavi a.extend, .c-paging-list .wp-pagenavi span.extend { border: none; font-size: 1.5rem; font-weight: 700; width: auto; } .c-paging-list .wp-pagenavi a.current, .c-paging-list .wp-pagenavi span.current { font-weight: 700; background: rgb(0, 0, 0); color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); } .c-paging-list .wp-pagenavi a.nextpostslink, .c-paging-list .wp-pagenavi a.previouspostslink, .c-paging-list .wp-pagenavi span.nextpostslink, .c-paging-list .wp-pagenavi span.previouspostslink { font-size: 0px; position: relative; } .c-paging-list .wp-pagenavi a.nextpostslink::before, .c-paging-list .wp-pagenavi a.previouspostslink::before, .c-paging-list .wp-pagenavi span.nextpostslink::before, .c-paging-list .wp-pagenavi span.previouspostslink::before { position: absolute; top: 50%; border-top: 2px solid rgb(114, 114, 114); border-left: 2px solid rgb(114, 114, 114); width: 8px; height: 8px; transition: all 0.3s ease 0s; } .c-paging-list .wp-pagenavi a.previouspostslink::before, .c-paging-list .wp-pagenavi span.previouspostslink::before { content: ""; left: 50%; transform: translate3d(calc(-50% + 2px), -50%, 0px) rotate(-45deg); } .c-paging-list .wp-pagenavi a.nextpostslink::before, .c-paging-list .wp-pagenavi span.nextpostslink::before { content: ""; left: 50%; transform: translate3d(calc(-50% - 2px), -50%, 0px) rotate(135deg); } .c-author-detail-list__item { padding: 17px 0px; border-bottom: 1px solid rgb(232, 232, 232); } .c-author-detail-list__item:first-of-type { padding-top: 0px; } .c-author-detail-list__image { position: relative; width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin-right: 10px; z-index: 1; } .c-author-detail-list__image img { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } .c-author-detail-list__text { width: calc(100% - 120px); } .c-author-detail-list__name { font-size: 1.6rem; margin-right: 10px; font-weight: 700; } .c-author-detail-list__job { position: relative; display: flex; align-items: center; font-size: 1.1rem; color: rgb(102, 102, 102); padding-bottom: 1px; } .c-author-detail-list__job::before { content: ""; width: 10px; height: 10px; background-image: url(""); margin-right: 5px; } .c-author-detail-list__job::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 1px; background: rgb(190, 190, 190); } .c-author-detail-list__position { font-size: 1.2rem; color: rgb(102, 102, 102); } .c-author-detail-list__detail { font-size: 1.3rem; margin-top: 10px; } .c-special-list__item { margin-bottom: 22px; } .c-special-list__image { width: 100%; margin-bottom: 10px; } .c-special-list__image img { width: 100%; } .c-special-list__content { padding: 0px 10px; } .c-special-list__title { font-size: 1.4rem; font-weight: 700; margin-bottom: 3px; } .c-special-list__text { font-size: 1.3rem; } .c-detail-list__item { display: flex; border-bottom: 1px solid rgb(232, 232, 232); font-size: 1.4rem; padding: 10px 0px 5px; } .c-detail-list__item:last-of-type { border-bottom: none; } .c-detail-list__item dt { font-weight: 700; margin-right: 20px; padding-top: 3px; width: 42px; } .c-detail-list__item dd { width: calc(100% - 62px); } .c-round-list { display: flex; flex-wrap: wrap; } .c-round-list__item { border: 1px solid rgb(232, 232, 232); height: 30px; line-height: 28px; border-radius: 15px; padding: 0px 9px; margin: 0px 5px 5px 0px; } .c-round-list__item:last-of-type { margin-right: 0px; } .c-modal-bg { position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; } .c-search-modal { position: fixed; top: 50%; left: 50%; background: rgb(255, 255, 255); width: calc(100% - 30px); border-radius: 10px; padding: 10px 10px 26px; text-align: center; z-index: 9999; max-height: calc(100% - 30px); } .c-search-modal__wrap { position: relative; display: none; z-index: 9000; } .c-search-modal:not([data-modal="1"]) { display: none; } .c-search-modal__inner { position: relative; } .c-search-modal__close { position: absolute; top: 0px; right: 0px; background: 0px 0px; border: none; padding: 0px; width: 30px; height: 30px; } .c-search-modal__close::after, .c-search-modal__close::before { top: 15px; right: 15px; width: 4px; height: 100%; background: rgb(43, 34, 16); border-radius: 2px; content: ""; position: absolute; } .c-search-modal__close::before { transform: translate3d(-50%, -50%, 0px) rotate(45deg); } .c-search-modal__close::after { transform: translate3d(-50%, -50%, 0px) rotate(-45deg); } .c-search-modal__title { font-size: 1.8rem; font-weight: 700; padding-top: 10px; } .c-search-modal__note { font-size: 1.2rem; } .c-search-modal__content { margin-top: 20px; } .c-search-modal__list { display: flex; flex-wrap: wrap; } .c-search-modal__item input, .c-search-modal__item-parent input, .c-search-modal__item-sub input { display: none; } .c-search-modal__item { width: calc(33.3333% - 3.33333px); margin: 0px 5px 10px 0px; } .c-search-modal__item:nth-of-type(3n) { margin-right: 0px; } .c-search-modal__item input.is-checked + .c-checkbox, .c-search-modal__item input.is-checked + .c-checkbox--subcat { border-color: rgb(217, 47, 69); background: rgb(248, 213, 219); } .c-search-modal__item input.is-checked + .c-checkbox--subcat::before, .c-search-modal__item input.is-checked + .c-checkbox::before { background: rgb(217, 47, 69); } .c-search-modal__list-wrap { height: calc(-210px + 100vh); overflow: auto; padding-right: 35px; } .c-search-modal__list-wrap .simplebar-track { background: rgb(236, 235, 233); width: 5px; } .c-search-modal__list-wrap .simplebar-scrollbar::before { background: rgb(172, 177, 170); width: 5px; left: 0px; right: 0px; border-radius: 0px; opacity: 1; top: 0px !important; bottom: 0px !important; } .c-search-modal__list-parent { margin-bottom: 15px; } .c-search-modal__item-parent .c-checkbox, .c-search-modal__item-parent .c-checkbox--subcat { height: 36px; line-height: 36px; border-radius: 18px; } .c-search-modal__item-parent .c-checkbox--subcat { height: 30px; line-height: 30px; border-radius: 15px; } .c-search-modal__item-parent input.is-checked + .c-checkbox, .c-search-modal__item-parent input.is-checked + .c-checkbox--subcat { border-color: rgb(217, 47, 69); background: rgb(248, 213, 219); } .c-search-modal__item-parent input.is-checked + .c-checkbox--subcat::before, .c-search-modal__item-parent input.is-checked + .c-checkbox::before { background: rgb(217, 47, 69); } .c-search-modal__item-sub { margin: 10px 5px 0px 0px; } .c-search-modal__item-sub input.is-checked + .c-checkbox, .c-search-modal__item-sub input.is-checked + .c-checkbox--subcat { border-color: rgb(217, 47, 69); background: rgb(248, 213, 219); } .c-search-modal__item-sub input.is-checked + .c-checkbox--subcat::before, .c-search-modal__item-sub input.is-checked + .c-checkbox::before { background: rgb(217, 47, 69); } .c-search-modal__next { margin: 20px auto 0px; max-width: 258px; } .c-search-modal__next button { display: flex; justify-content: center; align-items: center; border: none; height: 40px; border-radius: 20px; color: rgb(255, 255, 255); font-weight: 700; font-size: 1.4rem; background: rgb(43, 34, 16); width: 100%; padding: 0px; } .c-search-modal__next button::after { content: ""; width: 16px; height: 14px; background-image: url(""); background-repeat: no-repeat; background-size: contain; margin-left: 12px; } .c-search-modal__prev { display: flex; justify-content: center; align-items: center; font-size: 1.2rem; } .c-search-modal__prev svg { width: 7px; height: 6px; transform: rotate(180deg); } .c-search-modal__prev span { margin-left: 5px; text-decoration: underline; cursor: pointer; } .c-search-modal__submit { margin: 15px auto 10px; max-width: 258px; } .c-search-modal__submit button { display: flex; justify-content: center; align-items: center; border: none; height: 40px; border-radius: 20px; color: rgb(255, 255, 255); font-size: 1.4rem; background: rgb(217, 47, 69); width: 100%; padding: 0px; letter-spacing: 0.3em; font-weight: 700; } .c-search-modal__submit button svg { width: 20px; height: 20px; margin-left: 3px; } .c-search-modal__submit button svg path { fill: rgb(255, 255, 255); } .c-search-submit { display: none; } .c-search-submit button { display: flex; justify-content: center; align-items: center; border: none; height: 70px; border-radius: 35px; color: rgb(255, 255, 255); font-size: 1.8rem; background: rgb(217, 47, 69); width: 100%; padding: 0px; letter-spacing: 0.3em; font-weight: 700; cursor: pointer; } .c-search-submit button svg { width: 24.5px; height: 24.5px; margin-left: 3px; } .c-search-submit button svg path { fill: rgb(255, 255, 255); } .c-search-close { display: none; } .c-clip-modal { position: absolute; top: calc(-100% - 83px); right: -13px; width: 230px; font-size: 1.3rem; background: rgb(255, 255, 255); padding: 10px; border-radius: 10px; border: 2px solid rgb(217, 47, 69); transition: all 0.3s ease 0s; } .c-clip-modal::before { content: ""; position: absolute; bottom: -21px; right: 17px; border-width: 15px 7px 7px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; z-index: 2; } .c-clip-modal::after { content: ""; position: absolute; bottom: -27px; right: 15px; border-width: 18px 9px 9px; border-style: solid; border-color: rgb(217, 47, 69) transparent transparent; border-image: initial; z-index: 1; } .c-clip-modal.is-shown { opacity: 1; pointer-events: all; } .c-clip-modal a { color: rgb(217, 47, 69); text-decoration: underline; } .p-article-bottom .c-clip-modal { right: -6px; } .p-article-bottom .c-clip-modal::before { right: 10px; } .p-article-bottom .c-clip-modal::after { right: 8px; } .c-category-section__list .c-article-list__item { padding: 0px 10px; } .c-recommend-section { background: rgb(249, 249, 249); padding: 30px 10px; } .c-recommend-section__title { width: 100%; } .c-recommend-section__title h2 { font-size: 2.2rem; font-weight: 500; position: relative; padding: 10px 0px; text-align: center; } .c-recommend-section__title h2::after, .c-recommend-section__title h2::before { content: ""; position: absolute; left: 0px; width: 100%; height: 5px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; } .c-recommend-section__title h2::before { top: 0px; } .c-recommend-section__title h2::after { bottom: 0px; } .c-ranking-section__title { text-align: center; } .c-ranking-section__title img { width: 108px; } .c-ranking-section__title h2 { position: relative; font-size: 2.4rem; font-weight: 500; line-height: 1; margin-top: 5px; color: rgb(17, 17, 17); letter-spacing: 0.02em; } .c-ranking-section__title h2::after, .c-ranking-section__title h2::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 234px; height: 3px; background-image: url(""); background-size: contain; background-position: center center; background-repeat: no-repeat; } .c-ranking-section__title h2::before { bottom: -10px; } .c-ranking-section__title h2::after { bottom: -14px; } .c-ranking-section__title h2 img { width: 230px; padding-top: 5px; } .c-ranking-section__content { margin-top: 30px; } .c-ranking-section__related { text-align: right; font-size: 1.2rem; } .c-ranking-section__related a { color: rgb(149, 144, 135); } .c-login-section { padding: 5px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; } .c-login-section__inner { background: rgb(255, 255, 255); padding: 10px; text-align: center; } .c-login-section__title { max-width: 260px; margin: 8px auto 20px; } .c-login-section__text { font-size: 1.3rem; color: rgb(17, 17, 17); margin-bottom: 10px; } .c-login-section__button { width: 200px; margin: 0px auto 12px; } .c-login-section__button span { background: rgb(255, 255, 255); color: rgb(217, 47, 69); padding: 0px 10px; height: 22px; font-size: 1.4rem; margin-left: 7px; border-radius: 11px; } .c-login-section__link { font-size: 1.2rem; text-decoration: underline; } .c-special-section { overflow: hidden; } .c-special-section__title { position: relative; } .c-special-section__title::after, .c-special-section__title::before { position: absolute; background-position: center center; background-size: contain; background-repeat: no-repeat; z-index: -1; content: ""; } .c-special-section__title::before { top: 11px; right: calc(50% + 110px); width: 73px; height: 73px; background-image: url(""); } .c-special-section__title::after { top: -20px; left: calc(50% + 110px); width: 42px; height: 42px; background-image: url(""); } .c-special-section__content { background: rgb(254, 248, 209); padding: 30px 10px; } .c-special-section__content::after, .c-special-section__content::before { content: none; } .c-search-section { border: 1px solid rgb(43, 34, 16); background-image: url(""); background-size: cover; cursor: pointer; } .c-search-section__inner { display: flex; justify-content: space-between; align-items: center; max-width: 275px; margin: auto; height: 154px; } .c-search-section__title { width: calc(100% - 104px); margin-right: 10px; font-size: 2.2rem; color: rgb(68, 55, 26); font-weight: 700; } .c-search-section__image { width: 94px; } .c-lower-page-section { margin: 40px 0px 50px; padding: 0px 10px; } .c-lower-page-section__title { font-size: 2.5rem; padding-bottom: 10px; margin-bottom: 17px; border-bottom: 1px solid rgb(232, 232, 232); } .c-lower-page-section__title h1 { font-weight: 400; } .c-lower-page-section__text { font-size: 1.6rem; } .c-lower-page-section__button { width: 220px; margin: 20px auto 0px; } .c-line-section { background: rgb(249, 249, 249); padding: 20px 26px; } .c-line-section__text { display: flex; align-items: center; margin-bottom: 12px; } .c-line-section__text p { font-size: 1.8rem; font-weight: 700; } .c-line-section__image { width: 70px; margin-right: 20px; } .c-line-section__link a { display: flex; justify-content: center; align-items: center; background: rgb(0, 185, 0); border-radius: 5px; color: rgb(255, 255, 255); padding: 14px 0px; } .c-line-section__link a img { width: 30px; margin-right: 8px; } .c-line-section__link a p { font-size: 1.6rem; font-weight: 700; letter-spacing: 0.05em; } .c-mv-slider__item { margin: 0px 10px; } .c-mv-slider img { width: 100%; border-radius: 5px; z-index: 100; } .c-mv-slider__title { position: relative; margin: -30px auto 10px; background: rgb(255, 255, 255); width: 100%; max-width: calc(100% - 30px); border-radius: 5px; padding: 15px 20px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 5px; z-index: 200; } .c-mv-slider__title p { font-size: 1.9rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.5; } .c-mv-slider .slick-dots { display: flex; justify-content: center; align-items: center; margin-top: 8px; } .c-mv-slider .slick-dots li { margin-right: 25px; } .c-mv-slider .slick-dots li:last-of-type { margin-right: 0px; } .c-mv-slider .slick-dots li.slick-active button { background: rgb(36, 37, 37); } .c-mv-slider .slick-dots li button { display: block; font-size: 0px; line-height: 0; width: 10px; height: 10px; cursor: pointer; color: transparent; border: 0px; outline: 0px; background: rgb(255, 255, 255); border-radius: 50%; padding: 0px; } .c-article-slider__item { margin: 0px 5px; } .c-article-slider .slick-dots { display: flex; justify-content: center; align-items: center; margin-top: 30px; } .c-article-slider .slick-dots li { margin-right: 7px; } .c-article-slider .slick-dots li:last-of-type { margin-right: 0px; } .c-article-slider .slick-dots li.slick-active button { background: rgb(36, 37, 37); } .c-article-slider .slick-dots li button { display: block; font-size: 0px; line-height: 0; width: 8px; height: 8px; cursor: pointer; color: transparent; border: 0px; outline: 0px; background: rgb(194, 194, 194); border-radius: 50%; padding: 0px; } .c-not-found-text { font-size: 1.4rem; padding: 0px 10px; } .c-category-title, .c-category-title--special { text-align: center; } .c-category-title h2, .c-category-title--special h2 { font-size: 2.6rem; font-weight: 500; color: rgb(17, 17, 17); margin-bottom: 5px; } .c-en-title, .c-en-title--green, .c-en-title--orange, .c-en-title--pink, .c-en-title--rainbow { font-size: 1.8rem; letter-spacing: 0.1em; } .c-en-title--rainbow span:nth-of-type(4n-3) { color: rgb(229, 74, 100); } .c-en-title--rainbow span:nth-of-type(4n-2) { color: rgb(0, 178, 207); } .c-en-title--rainbow span:nth-of-type(4n-1) { color: rgb(155, 213, 15); } .c-en-title--rainbow span:nth-of-type(4n) { color: rgb(239, 163, 31); } .c-en-title--green { color: rgb(61, 164, 72); } .c-en-title--pink { color: rgb(229, 74, 100); } .c-en-title--orange { color: rgb(239, 163, 31); } .c-tag-title, .c-tag-title--infant, .c-tag-title--lower, .c-tag-title--middle, .c-tag-title--pre, .c-tag-title--upper { display: flex; justify-content: center; align-items: center; width: 202px; height: 45px; background-size: contain; background-repeat: no-repeat; font-size: 1.9rem; font-weight: 500; color: rgb(255, 255, 255); letter-spacing: 0.05em; } .c-keyword-title, .c-keyword-title p { display: flex; align-items: center; } .c-tag-title--infant::before, .c-tag-title--lower::before, .c-tag-title--middle::before, .c-tag-title--pre::before, .c-tag-title--upper::before, .c-tag-title::before { content: ""; width: 24px; height: 25px; background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; margin-right: 10px; } .c-tag-title--infant { background-image: url("data:image/svg+xml;utf8,"); letter-spacing: 0.5em; } .c-tag-title--pre { background-image: url("data:image/svg+xml;utf8,"); } .c-tag-title--lower { background-image: url("data:image/svg+xml;utf8,"); } .c-tag-title--middle { background-image: url("data:image/svg+xml;utf8,"); } .c-tag-title--upper { background-image: url("data:image/svg+xml;utf8,"); } .c-tag-page-title { background: rgb(228, 236, 242); padding: 10px; margin-bottom: 20px; } .c-tag-page-title h1 { font-size: 2.2rem; max-width: 1160px; margin: auto; font-weight: 500; } .c-tag-page-title.cat-search { margin-bottom: 10px; } .c-keyword-title p { position: relative; font-family: Montserrat, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; text-transform: uppercase; font-size: 2.2rem; font-weight: 600; letter-spacing: 0.08em; margin-right: 10px; } .c-keyword-title p::before { content: ""; width: 23px; height: 23px; border-radius: 50%; background: rgb(217, 47, 69); margin-right: 10px; } .c-keyword-title p::after { content: ""; position: absolute; top: 50%; left: 6.5px; transform: translateY(-50%); width: 9.5px; height: 11px; background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; } .c-keyword-title span { font-size: 1.1rem; font-weight: 500; letter-spacing: 0.05em; } .u-pc-hidden { display: block; } .u-sp-hidden { display: none; } .u-sub-block { display: block; } .u-sub-hidden { display: none; } .u-font-mincho { font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳＰ明朝", "ＭＳ明朝", serif; } .u-spaced { letter-spacing: 0.25em; } @media screen and (min-width: 769px) { .c-article a:hover, .c-article--horizontal a:hover, .c-article--main a:hover, .c-article--main-cat a:hover, .c-article--main-cat:hover, .c-article--main:hover, .c-article--manga a:hover, .c-article--ranking a:hover, .c-article--slide a:hover, .c-article--slide:hover, .c-article-list__item a:hover, .c-author-detail-list__item:hover, .c-author-list__item:hover, .c-banner-list__item:hover, .c-mv-slider__item:hover, .c-ranking-list__item:hover, .c-special-list__item:hover, .l-footer-menu__item a:hover, .l-footer-sns__item--fb:hover, .l-footer-sns__item--insta:hover, .l-footer-sns__item--line:hover, .l-footer-sns__item--twitter:hover, .l-footer-sns__item:hover, .l-header-sns__item--fb:hover, .l-header-sns__item--insta:hover, .l-header-sns__item--line:hover, .l-header-sns__item--twitter:hover, .l-header-sns__item:hover, .p-article-recommend-list__item:hover, .p-article-related__item:hover, .p-article-sns-list__item--fb:hover, .p-article-sns-list__item--line:hover, .p-article-sns-list__item--twitter:hover, .p-article-sns-list__item:hover, a:hover { opacity: 0.7; } a:hover { text-decoration: none; } .l-column-contents { padding: 0px 10px; } .l-column-contents__inner { display: flex; max-width: 1160px; margin: auto; } .l-column-contents__main { width: 60%; margin-right: 20px; } .l-column-contents__main.cat-search { margin-top: 20px; } .l-column-contents__side { position: relative; width: calc(40% - 20px); margin-bottom: 80px; } .l-column-contents__side.is-article { margin-bottom: 0px; } .l-column-contents__side.is-article .l-side-banner--03 { margin: 52px 0px -42px; } .l-column-contents__side.cat-search { margin-top: 60px; } .l-footer { padding: 30px 20px 20px; border-top: 1px solid rgb(232, 232, 232); } .l-footer-sns { max-width: 500px; margin: auto; justify-content: flex-end; } .l-footer-menu { margin-top: 15px; } .l-footer-menu__item { padding: 0px 25px; margin-bottom: 5px; } .l-footer-menu__item::after { height: 13px; } .l-footer-menu__item a { font-size: 1.3rem; } .l-footer-bottom { margin-top: 34px; } .l-side-line, .l-side-recommend, .l-side-recommend--article { margin-top: 24px; } .l-footer-bottom img { width: 113.5px; } .l-header__menu, .l-sidebar { width: 100%; } .l-footer-bottom small { font-size: 1.2rem; } .l-sidebar { position: sticky; top: 130px; right: 0px; } .l-side-line { display: block; } .l-side-line--sub { display: block; margin: 4px 0px 24px; } .l-side-line--sp { display: none; } .l-side-banner, .l-side-banner--02, .l-side-banner--03, .l-side-banner--04, .l-side-banner--article { padding: 0px 0px 58px; } .l-side-banner--article { margin-top: 60px; } .l-side-banner--02 { padding: 20px 0px 0px; } .l-side-banner--03 { padding: 0px 0px 20px; } .l-side-banner--04 { padding: 40px 0px 20px; } .l-side-ranking { background: inherit; padding: 0px 0px 54px; } .l-side-ranking--article { background: inherit; padding: 0px; margin: 0px; } .l-side-ranking--article .c-ranking-list__item:nth-of-type(n+6) { display: block; } .l-side-ranking--article.kimini { margin-top: 50px; } .l-side-ranking--article.kimini .c-ranking-section__title { max-width: 250px; } .l-side-ranking--article.kimini .c-ranking-section__content { margin-top: 30px; } .l-side-author { background: inherit; padding: 0px 0px 60px; } .l-side-author__title { max-width: 253px; height: 35px; background: rgb(249, 249, 249); border-color: rgb(249, 249, 249); } .l-side-author__title h2 { font-size: 1.8rem; } .l-side-author__content { margin-top: 10px; } .l-side-author__button { width: 220px; margin: 30px auto 0px; } .l-side-author__button .c-more-button { border: 1px solid rgb(196, 196, 196); color: rgb(102, 102, 102); } .l-side-login { margin: 0px; } .l-side-login--article { margin: 0px 0px 60px; } .l-side-search { padding: 0px; margin: 53px 0px 30px; } .p-about { max-width: 600px; margin: auto; font-size: 1.8rem; } .p-about__image, .p-about__text p { margin-bottom: 40px; } .p-about__text { line-height: 1.8; } .p-about__text p .marker { font-size: 2rem; } .p-about__button { padding: 20px 0px 30px; margin: 100px 0px 0px; } .p-about__button p { font-size: 1.6rem; margin-bottom: 15px; } .p-about__link { width: 240px; } .p-about__link .c-button--red { font-size: 1.6rem; } .p-category-mv { position: relative; width: 100%; background: rgb(228, 236, 242); height: 400px; overflow: hidden; margin-bottom: 60px; } .p-category-mv__image { padding-top: 0px; width: 74%; height: 100%; margin-left: auto; } .p-category-mv__image img { height: 100%; object-fit: cover; } .p-category-mv__title { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); width: 540px; background: rgb(255, 255, 255); margin: 0px; padding: 50px 90px; } .p-tag-list, .p-tag-page-contents, .p-tag-text { padding: 0px; } .p-category-title h1 { font-size: 3.6rem; } .p-category-atricles .c-article__title, .p-category-title span { font-size: 1.8rem; } .p-category-title--learning::before { top: -10px; transform: translateX(-200px); width: 40px; height: 46px; } .p-category-title--information::before { top: -17px; transform: translateX(-210px); width: 56px; height: 56px; } .p-category-title--life::before { top: -10px; transform: translateX(-180px); width: 60px; height: 60px; } .p-sub-category-block__title span, .p-tag-text { font-size: 1.4rem; } .p-tag-text { margin-bottom: 30px; } .p-tag-list__title { margin-bottom: 20px; } .p-tag-list__list { margin-bottom: 30px; } .p-search-query { margin-bottom: 20px; } .p-sub-category-block { padding: 0px 10px; } .p-sub-category-block__title { display: block; margin-bottom: 10px; } .p-sub-category-block .c-tag-list { justify-content: flex-start; } .p-sub-category-block .c-tag-list__item:first-of-type { margin-left: 0px; } .p-article-title { padding: 35px 20px; } .p-article-title__inner { display: flex; max-width: 1160px; margin: auto; } .p-article-title__title { width: calc(100% - 360px); margin-right: 70px; } .p-article-title__title .c-article__category, .p-article-title__title .c-article__category--information, .p-article-title__title .c-article__category--learning, .p-article-title__title .c-article__category--life, .p-article-title__title .c-article__category--news, .p-article-title__title .c-article__category--uncategorized { margin-top: 0px; } .p-article-title h1 { font-size: 3.2rem; } .p-article-title h1 .locked::after { width: 21px; height: 26px; } .p-article-title h1 .pr { transform: translateY(10px); width: 41px; } .p-article-title__info { margin-top: 30px; width: 290px; } .p-article-title__date { font-size: 1.3rem; margin: 0px 0px 30px; } .p-article-title__date span { margin-right: 15px; } .p-article-sns-list { width: 244px; margin-right: 16px; } .p-article-sns-list__item, .p-article-sns-list__item--fb, .p-article-sns-list__item--line, .p-article-sns-list__item--twitter { width: calc(33.3333% - 3.33333px); margin-right: 5px; border-radius: 3px; height: 30px; } .p-article-sns-list__item--line a { background-size: 29px; } .p-article-sns-list__item--twitter a { background-size: 14px; } .p-article-sns-list__item--fb a { background-size: 8px; } .p-article { margin-top: 52px; padding: 0px 20px; } .p-article__thumb { border-radius: 5px; overflow: hidden; z-index: 1; } .p-article__outline { padding: 0px 24px; line-height: 1.8; margin-top: 30px; } .p-article__writer { font-size: 1.4rem; margin-top: 15px; padding: 0px 24px; } .p-article__contents { margin-top: 30px; padding: 0px; } .p-article-contents { padding: calc(23px + 1.2vw) 24px 30px; } .p-article-contents::before { height: 1.2vw; } .p-article-contents__title { font-size: 1.7rem; width: 142px; height: 40px; line-height: 40px; margin-bottom: 20px; } .p-article-contents-list__item, .p-article-contents-sub-list__item { font-size: 1.6rem; } .p-article-body { margin-top: 72px; } .p-article-body p { padding: 0px 24px; margin-bottom: 30px; line-height: 1.8; } .p-article-body h3 { font-size: 24px; padding: 0px 24px 15px; margin: 45px 0px 30px; } .p-article-body h3::after { width: calc(100% - 48px); } .p-article-body h4 { font-size: 20px; padding: 0px 24px 0px 40px; margin: 30px 0px 20px; } .p-article-body h4::before { left: 24px; } .p-article-body .wp-block-image { margin-bottom: 30px; padding: 0px; } .p-article-body .wp-block-image figcaption { padding: 0px 24px; } .p-article-body img.alignright { float: right; margin: 0px 0px 20px 20px; } .p-article-body .wp-block-embed { margin-bottom: 30px; padding: 0px; } .p-article-body .instagram-media { margin: 0px auto 30px !important; padding: 0px !important; } .p-article-body ol, .p-article-body ul { padding-left: 29px; line-height: 1.8; } .p-article-body ul li { padding-left: 12px; } .p-article-body ul li::before { top: 16px; } .p-article-body ol { padding-left: 48px; } .p-article-body .link-button { display: inline-block; width: auto; line-height: 1.4; padding: 15px 30px; } .p-article-body .link-button::after { display: inline-block; } .p-article-body .wp-block-quote { margin: 0px 24px 30px; } .p-article-body .wp-block-table table { width: calc(100% - 48px); margin: 0px 24px 30px; } .p-article-body .wp-block-table table tr { flex-direction: row; border-bottom: 1px solid rgb(231, 231, 231); } .p-article-body .wp-block-table table tr:last-of-type { border-bottom: 0px; } .p-article-body .wp-block-table table td { border-bottom: 0px; border-right: 1px solid rgb(231, 231, 231); } .p-article-body .wp-block-table table td:last-of-type { border-right: 0px; } .p-article-body .wp-block-audio { padding: 0px 24px; } .p-article-body .wp-block-separator { margin: 30px 24px; } .p-article-body .wp-block-media-text { flex-direction: row; align-items: baseline; padding: 0px 20px; margin-bottom: 30px; } .p-article-body .wp-block-media-text .wp-block-media-text__media { margin: 0px 20px 0px 0px; } .p-article-body #yesno_wrap { padding: 20px; margin-bottom: 30px; } .p-article-body .wp-block-column > p { padding: 0px; } .p-article-body .wp-block-column .link-button { height: auto; } .p-heading h2 { font-size: 26px; padding-left: 18px; } .p-heading h2::before { width: 6px; } .p-heading { padding: 20px 30px; margin: 70px 0px 40px; } .p-article-next { padding: 0px; } .p-article-next a { flex-direction: column; padding: 14px 20px 16px; } .p-article-next__button { margin: 0px 0px 10px; width: 128px; height: 36px; line-height: 36px; font-size: 1.4rem; padding-left: 21px; border-radius: 18px; } .p-article-next__button::before { width: 15px; height: 13px; margin-right: 21px; } .p-article-next__text { width: auto; } .p-article-pagination { margin: 34px 0px 30px; } .p-article-pagination .post-page-numbers { margin-right: 44px; } .p-article-recommend { margin: 70px 20px 50px; padding: 0px 24px 24px; } .p-article-recommend-list { padding-top: 5px; } .p-article-recommend-list__item { padding-bottom: 24px; margin-bottom: 24px; transition: all 0.3s ease 0s; } .p-article-recommend-list__item .c-article, .p-article-recommend-list__item .c-article--horizontal, .p-article-recommend-list__item .c-article--main, .p-article-recommend-list__item .c-article--main-cat, .p-article-recommend-list__item .c-article--manga, .p-article-recommend-list__item .c-article--ranking, .p-article-recommend-list__item .c-article--slide { display: flex; } .p-article-recommend-list__item .c-article__image { width: 170px; padding-top: 113px; margin-right: 14px; } .p-article-recommend-list__item .c-article__content { width: calc(100% - 184px); } .p-article-recommend-list__item .c-article__title { font-size: 1.6rem; margin-bottom: 5px; } .p-article-recommend-list__item .c-article__title.locked::after { width: 22px; height: 16px; } .p-article-reference { padding: 0px 20px; margin-bottom: 45px; } .p-article-reference__title { font-size: 2.4rem; padding-left: 0px; } .p-article-reference-list__item { padding: 20px; } .p-article-reference-list__image { width: 110px; padding-top: 110px; margin-right: 13px; } .p-article-reference-list__text { width: calc(100% - 123px); } .p-article-reference-list__text h3 { font-size: 1.8rem; margin-bottom: 10px; } .p-article-reference-list__text p { font-size: 1.4rem; } .p-article-bottom { padding: 0px 20px; margin-top: 40px; } .p-article-supervisor { margin-top: 60px; padding: 16px 0px 20px; } .p-article-supervisor__title { height: 37.5px; max-width: 320px; margin-bottom: 20px; } .p-article-supervisor__title::after, .p-article-supervisor__title::before { border-width: 4px 4px 4px 0px; border-style: solid; border-color: transparent; border-image: initial; } .p-article-supervisor__title::before { border-bottom-color: inherit; } .p-article-supervisor__title::after { border-top-color: inherit; } .p-article-supervisor__title span { font-size: 2.2rem; } .p-article-supervisor__title span::after { height: 37.5px; } .p-article-supervisor__content { padding: 0px 20px; } .p-article-supervisor__image { width: 110px; height: 110px; margin-right: 14px; } .p-article-supervisor__info { width: calc(100% - 124px); } .p-article-supervisor__name { font-size: 1.6rem; margin: 7px 0px 10px; } .p-article-supervisor__text { font-size: 1.4rem; } .p-article-tag { margin-top: 40px; padding: 0px 12px; } .p-article-tag__title { font-size: 1.6rem; margin-bottom: 10px; } .p-article-related-area { margin-top: 80px; padding: 80px 20px 0px; } .p-article-related { max-width: 1160px; margin: 0px auto 60px; } .p-article-related__title { font-size: 2.6rem; } .p-article-related__list, .p-article-related__list--blue, .p-article-related__list--gray { margin-top: -18px; display: flex; padding: 40px 31px; } .p-article-related__item { width: 25%; border-right: 1px solid rgb(255, 255, 255); border-bottom: none; padding: 0px 14px; margin-bottom: 0px; transition: all 0.3s ease 0s; } .p-article-related__item:last-of-type { border-right: none; } .p-article-related__item .c-article__image { margin-bottom: 20px; } .p-article-special { margin: 100px 0px 90px; padding: 0px 20px; } .p-article-login { padding: 0px; } .p-article-login__title { padding: 0px !important; } .p-article-login__buttons { display: flex; margin-bottom: 10px; } .p-article-login__button { max-width: 100%; width: 50%; padding: 0px 20px; margin-bottom: 0px; } .p-article-login__button:first-of-type { border-bottom: none; border-right: 1px solid rgb(232, 232, 232); padding-bottom: 0px; } .p-article-login__button p { font-size: 1.6rem; } .p-gakkenid__lead { font-size: 1.8rem; margin-bottom: 25px; } .p-gakkenid-benefits { margin-bottom: 40px; } .p-gakkenid-benefits__item { margin-bottom: 20px; } .p-gakkenid-benefits__item h2 { font-size: 24px; padding-left: 18px; } .p-gakkenid-benefits__item h2::before { width: 6px; } .p-gakkenid-benefits__image { width: 125px; margin-right: 20px; } .p-gakkenid-benefits p { width: calc(100% - 145px); font-size: 1.6rem; } .p-gakkenid-services__lead { font-size: 2.4rem; padding: 30px 0px; border-radius: 17px 17px 0px 0px; } .p-gakkenid-services__lead span { font-size: 2.8rem; line-height: 1.3; } .p-gakkenid-services__lists { display: flex; } .p-gakkenid-services__content { width: calc(50% - 7px); } .p-gakkenid-services__content.free { margin: 0px 14px 0px 0px; } .p-gakkenid-register { margin-top: 35px; } .p-gakkenid-register .c-login-section__title { margin-bottom: 20px; } .p-gakkenid-register .c-login-section__button { max-width: 320px; margin-bottom: 0px; } .p-gakkenid-register .c-login-section__button .c-button--red { height: 54px; border-radius: 27px; } .p-mv { padding: 30px 0px; overflow: hidden; } .p-today { padding: 100px 0px 0px; overflow: visible; border-bottom: none; } .p-today__title::before { top: -20px; right: calc(50% + 310px); width: 202px; height: 202px; } .p-today__title::after { left: calc(50% + 165px); width: 70px; height: 75px; } .p-keyword { margin: 100px 0px 0px; } .p-keyword__list { margin: 10px 0px 0px; } .p-special { margin-top: 90px; padding: 0px 20px; } .p-tag-archive, .p-tag-archive--white { padding: calc(20px + 1.2vw) 20px 40px; } .p-tag-archive--white::before, .p-tag-archive::before { height: 1.2vw; } .p-news { padding-top: 80px; overflow: inherit; } .p-learning, .p-life { padding-top: 90px; overflow: inherit; } .p-news__title::before { top: -14px; right: inherit; left: 23px; width: 67px; height: 49px; } .p-news__title::after { top: -57px; left: inherit; right: -57px; width: 250px; height: 231px; background-image: url(""); } .p-learning__title::before { top: -24px; right: inherit; left: 100px; width: 40px; height: 46px; } .p-learning__title::after { top: -23px; left: inherit; right: 20px; width: 165px; height: 165px; } .p-life__title::before { top: -24px; right: inherit; left: -30px; width: 65px; height: 74px; } .p-life__title::after { top: -58px; left: inherit; right: -10px; width: 109px; height: 91px; } .p-manga { margin: 70px 0px 80px; padding: 50px 20px 20px; overflow: inherit; } .p-manga__content { margin-top: 30px; padding-bottom: 20px; } .p-manga__content .c-article-list__item { padding: 13px 15px 12px; border-right: 1px solid rgb(229, 229, 229); margin-right: 0px; width: 50%; } .p-manga__content .c-article-list__item:nth-of-type(2n) { border-right: none; } .p-manga__content .c-article-list__item:last-of-type { margin-bottom: 0px; } .p-manga__content .c-article-list__button { margin-top: 20px; } .p-home-bottom { margin-top: 100px; } .p-special-list { margin-bottom: 90px; } .p-special-detail { padding: 53px 20px 0px; margin-bottom: 50px; } .p-special-detail__inner { max-width: 1160px; margin: auto; } .p-special-detail__image { margin-bottom: 30px; } .p-special-detail__text { padding: 0px; margin-bottom: 30px; } .p-special-detail__text h1 { font-size: 3rem; margin-bottom: 15px; } .p-special-detail__text p { font-size: 1.6rem; } .p-special-detail__list { padding: 0px; } .p-supervisor { padding: 30px 24px 24px; margin: 0px 0px 40px; } .p-supervisor__info { border-left: 4px solid rgb(35, 24, 21); margin-bottom: 30px; padding-left: 21px; } .p-supervisor__name { font-size: 2.6rem; margin-right: 18px; } .p-supervisor__job { font-size: 1.2rem; } .p-supervisor__job::before { width: 11px; height: 11px; } .p-supervisor__job::after { bottom: 0px; } .p-supervisor__position { font-size: 1.6rem; } .p-supervisor__text { min-height: 140px; } .p-supervisor__text-inner { padding-top: 10px; } .p-supervisor__image { width: 140px; height: 140px; margin-right: 14px; } .p-supervisor-list { padding: 0px; } .p-supervisor-list__title { font-size: 2.2rem; padding-bottom: 20px; margin-bottom: 40px; } .c-article, .c-article--horizontal, .c-article--main, .c-article--main-cat, .c-article--manga, .c-article--ranking, .c-article--slide { display: block; transition: all 0.3s ease 0s; } .c-article__image { width: 100%; margin-right: 0px; padding-top: 66.6%; } .c-article__link { width: auto; margin-right: 0px; } .c-article__content { width: 100%; } .c-article__category, .c-article__category--information, .c-article__category--learning, .c-article__category--life, .c-article__category--news, .c-article__category--uncategorized { font-size: 1.4rem; margin-top: 12px; } .c-article__title { font-size: 1.6rem; } .c-article__title .locked::after { width: 13px; height: 16px; } .c-article__title .pr { transform: translateY(-1px); font-size: 1.2rem; padding: 2px 6px; } .c-article__date, .c-article__tag li { font-size: 1.3rem; } .c-article__favorite { margin: 12px 0px 5px; } .c-article__favorite .c-clip-button { width: 24px; height: 24px; } .c-article__favorite .c-clip-button::before { width: 13px; height: 15px; } .c-article--main, .c-article--main-cat, .c-article--slide { display: flex; align-items: center; } .c-article--main .c-article__image, .c-article--main-cat .c-article__image, .c-article--slide .c-article__image { padding-top: 32%; width: 48%; margin-right: 23px; } .c-article--main .c-article__content, .c-article--main-cat .c-article__content, .c-article--slide .c-article__content { width: calc(52% - 23px); margin-top: 0px; } .c-article--main .c-article__title, .c-article--main-cat .c-article__title, .c-article--slide .c-article__title { font-size: 1.8rem; margin-bottom: 5px; } .c-article--main .c-article__tag li, .c-article--main-cat .c-article__tag li, .c-article--slide .c-article__tag li { margin-bottom: 3px; } .c-article--main-cat { flex-direction: row-reverse; } .c-article--main-cat .c-article__image { margin: 0px 0px 0px 24px; padding-top: 40.6%; width: 61%; } .c-article--main-cat .c-article__content { width: calc(39% - 24px); } .c-article--main-cat .c-article__category, .c-article--main-cat .c-article__category--information, .c-article--main-cat .c-article__category--learning, .c-article--main-cat .c-article__category--life, .c-article--main-cat .c-article__category--news, .c-article--main-cat .c-article__category--uncategorized { margin-top: 0px; } .c-article--main-cat .c-article__title { font-size: 2rem; } .c-article--slide { display: block; } .c-article--slide .c-article__image { width: 100%; padding-top: 66.6%; margin-right: 0px; } .c-article--slide .c-article__content { width: 100%; } .c-article--slide .c-article__category, .c-article--slide .c-article__category--information, .c-article--slide .c-article__category--learning, .c-article--slide .c-article__category--life, .c-article--slide .c-article__category--news, .c-article--slide .c-article__category--uncategorized { font-size: 1.3rem; } .c-article--slide .c-article__title { font-size: 1.4rem; } .c-article--ranking .c-article__inner { display: flex; flex-direction: row-reverse; } .c-article--ranking .c-article__image { width: 36.6%; margin: 0px 0px 0px 10px; padding-top: 24.3%; } .c-article--ranking .c-article__content { display: flex; width: calc(63.4% - 10px); } .c-article--ranking .c-article__category, .c-article--ranking .c-article__category--information, .c-article--ranking .c-article__category--learning, .c-article--ranking .c-article__category--life, .c-article--ranking .c-article__category--news, .c-article--ranking .c-article__category--uncategorized { font-size: 1.3rem; } .c-article--ranking .c-article__title { font-size: 1.4rem; width: calc(100% - 32px); } .c-article--ranking .c-article__rank, .c-article--ranking .c-article__rank--1, .c-article--ranking .c-article__rank--10, .c-article--ranking .c-article__rank--2, .c-article--ranking .c-article__rank--3, .c-article--ranking .c-article__rank--4, .c-article--ranking .c-article__rank--5, .c-article--ranking .c-article__rank--6, .c-article--ranking .c-article__rank--7, .c-article--ranking .c-article__rank--8, .c-article--ranking .c-article__rank--9 { width: 20px; height: 24px; font-size: 1.5rem; margin-right: 12px; background-position: right center; padding-left: 6px; } .c-article--ranking .c-article__rank--10::before, .c-article--ranking .c-article__rank--1::before, .c-article--ranking .c-article__rank--2::before, .c-article--ranking .c-article__rank--3::before, .c-article--ranking .c-article__rank--4::before, .c-article--ranking .c-article__rank--5::before, .c-article--ranking .c-article__rank--6::before, .c-article--ranking .c-article__rank--7::before, .c-article--ranking .c-article__rank--8::before, .c-article--ranking .c-article__rank--9::before, .c-article--ranking .c-article__rank::before { right: -6px; border-right: 3px solid transparent; border-bottom: 6px solid transparent; } .c-article--ranking .c-article__rank--10::after, .c-article--ranking .c-article__rank--1::after, .c-article--ranking .c-article__rank--2::after, .c-article--ranking .c-article__rank--3::after, .c-article--ranking .c-article__rank--4::after, .c-article--ranking .c-article__rank--5::after, .c-article--ranking .c-article__rank--6::after, .c-article--ranking .c-article__rank--7::after, .c-article--ranking .c-article__rank--8::after, .c-article--ranking .c-article__rank--9::after, .c-article--ranking .c-article__rank::after { right: -6px; border-right: 3px solid transparent; border-top: 6px solid transparent; } .c-article--ranking .c-article__rank--1::before { border-top: 6px solid rgb(229, 181, 58); border-left: 3px solid rgb(229, 181, 58); } .c-article--ranking .c-article__rank--1::after { border-bottom: 6px solid rgb(229, 181, 58); border-left: 3px solid rgb(229, 181, 58); } .c-article--ranking .c-article__rank--2::before { border-top: 6px solid rgb(150, 149, 149); border-left: 3px solid rgb(150, 149, 149); } .c-article--ranking .c-article__rank--2::after { border-bottom: 6px solid rgb(150, 149, 149); border-left: 3px solid rgb(150, 149, 149); } .c-article--ranking .c-article__rank--3::before { border-top: 6px solid rgb(163, 135, 84); border-left: 3px solid rgb(163, 135, 84); } .c-article--ranking .c-article__rank--3::after { border-bottom: 6px solid rgb(163, 135, 84); border-left: 3px solid rgb(163, 135, 84); } .c-article--ranking .c-article__rank--10::before, .c-article--ranking .c-article__rank--4::before, .c-article--ranking .c-article__rank--5::before, .c-article--ranking .c-article__rank--6::before, .c-article--ranking .c-article__rank--7::before, .c-article--ranking .c-article__rank--8::before, .c-article--ranking .c-article__rank--9::before { border-top: 6px solid rgb(255, 173, 147); border-left: 3px solid rgb(255, 173, 147); } .c-article--ranking .c-article__rank--10::after, .c-article--ranking .c-article__rank--4::after, .c-article--ranking .c-article__rank--5::after, .c-article--ranking .c-article__rank--6::after, .c-article--ranking .c-article__rank--7::after, .c-article--ranking .c-article__rank--8::after, .c-article--ranking .c-article__rank--9::after { border-bottom: 6px solid rgb(255, 173, 147); border-left: 3px solid rgb(255, 173, 147); } .c-article--ranking .c-article__rank--1 { padding-left: 8px; } .c-article--ranking .c-article__rank--10 { padding-left: 3px; } .c-article--ranking .c-article__info { margin-left: 32px; } .c-article--ranking.kimini .c-article__rank, .c-article--ranking.kimini .c-article__rank--1, .c-article--ranking.kimini .c-article__rank--10, .c-article--ranking.kimini .c-article__rank--2, .c-article--ranking.kimini .c-article__rank--3, .c-article--ranking.kimini .c-article__rank--4, .c-article--ranking.kimini .c-article__rank--5, .c-article--ranking.kimini .c-article__rank--6, .c-article--ranking.kimini .c-article__rank--7, .c-article--ranking.kimini .c-article__rank--8, .c-article--ranking.kimini .c-article__rank--9 { width: 20px; padding-left: 6px; margin-right: 12px; } .c-article--ranking.kimini .c-article__rank--10::after, .c-article--ranking.kimini .c-article__rank--10::before, .c-article--ranking.kimini .c-article__rank--1::after, .c-article--ranking.kimini .c-article__rank--1::before, .c-article--ranking.kimini .c-article__rank--2::after, .c-article--ranking.kimini .c-article__rank--2::before, .c-article--ranking.kimini .c-article__rank--3::after, .c-article--ranking.kimini .c-article__rank--3::before, .c-article--ranking.kimini .c-article__rank--4::after, .c-article--ranking.kimini .c-article__rank--4::before, .c-article--ranking.kimini .c-article__rank--5::after, .c-article--ranking.kimini .c-article__rank--5::before, .c-article--ranking.kimini .c-article__rank--6::after, .c-article--ranking.kimini .c-article__rank--6::before, .c-article--ranking.kimini .c-article__rank--7::after, .c-article--ranking.kimini .c-article__rank--7::before, .c-article--ranking.kimini .c-article__rank--8::after, .c-article--ranking.kimini .c-article__rank--8::before, .c-article--ranking.kimini .c-article__rank--9::after, .c-article--ranking.kimini .c-article__rank--9::before, .c-article--ranking.kimini .c-article__rank::after, .c-article--ranking.kimini .c-article__rank::before { right: -6px; } .c-article--ranking.kimini .c-article__rank--1::before { border-top: 6px solid rgb(229, 181, 58); border-left: 3px solid rgb(229, 181, 58); } .c-article--ranking.kimini .c-article__rank--1::after { border-bottom: 6px solid rgb(229, 181, 58); border-left: 3px solid rgb(229, 181, 58); } .c-article--ranking.kimini .c-article__rank--2::before { border-top: 6px solid rgb(150, 149, 149); border-left: 3px solid rgb(150, 149, 149); } .c-article--ranking.kimini .c-article__rank--2::after { border-bottom: 6px solid rgb(150, 149, 149); border-left: 3px solid rgb(150, 149, 149); } .c-article--ranking.kimini .c-article__rank--3::before { border-top: 6px solid rgb(163, 135, 84); border-left: 3px solid rgb(163, 135, 84); } .c-article--ranking.kimini .c-article__rank--3::after { border-bottom: 6px solid rgb(163, 135, 84); border-left: 3px solid rgb(163, 135, 84); } .c-article--ranking.kimini .c-article__rank--4::before, .c-article--ranking.kimini .c-article__rank--5::before { border-top: 6px solid rgb(255, 173, 147); border-left: 3px solid rgb(255, 173, 147); } .c-article--ranking.kimini .c-article__rank--4::after, .c-article--ranking.kimini .c-article__rank--5::after { border-bottom: 6px solid rgb(255, 173, 147); border-left: 3px solid rgb(255, 173, 147); } .c-article--horizontal, .c-article--manga { display: block; } .c-article--horizontal .c-article__image, .c-article--manga .c-article__image { width: 100%; padding-top: 66.6%; } .c-article--horizontal .c-article__content, .c-article--manga .c-article__content { width: 100%; } .c-article--horizontal .c-article__title, .c-article--manga .c-article__title { font-size: 1.6rem; margin-bottom: 5px; } .c-article--horizontal .c-article__title .locked::after, .c-article--manga .c-article__title .locked::after { width: 22px; height: 16px; } .c-article--manga { display: block; } .c-article--manga .c-article__image { width: 100%; padding-top: 66.6%; } .c-article--manga .c-article__content { width: 100%; } .c-article--manga .c-article__category, .c-article--manga .c-article__category--information, .c-article--manga .c-article__category--learning, .c-article--manga .c-article__category--life, .c-article--manga .c-article__category--news, .c-article--manga .c-article__category--uncategorized { margin-top: 0px; } .p-article-line { display: none; } .c-more-button { height: 42px; border-radius: 21px; font-size: 1.6rem; transition: all 0.3s ease 0s; } .c-more-button:hover { background: rgb(196, 196, 196); } .c-clip-button { width: 30px; height: 30px; } .c-clip-button::before { width: 16.8px; height: 18.8px; } .c-clip-button:hover { background: rgb(217, 47, 69); } .c-clip-button:hover::before { background-image: url("data:image/svg+xml;utf8,"); } .c-search-button { font-size: 1.8rem; } .c-search-button svg { width: 24px; margin-right: 12px; } .c-top-menu-list { justify-content: center; } .c-article-list, .c-article-list--3cols, .c-article-list--age { display: flex; flex-wrap: wrap; } .c-article-list__item { width: calc(50% - 15px); margin: 0px 30px 40px 0px; } .c-article-list__item:nth-of-type(2n) { margin-right: 0px; } .c-article-list__item:last-of-type { margin-bottom: 60px; } .c-article-list__item--main { margin-bottom: 43px; } .c-article-list__item--main a { padding: 34px 33px; } .c-article-list__item--main.learning { position: relative; overflow: hidden; } .c-article-list__item--main.learning::before { content: ""; position: absolute; right: -32px; bottom: -34px; width: 165px; height: 165px; background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; } .c-article-list__button { width: 220px; margin: 10px auto 0px; } .c-article-list--3cols .c-article-list__item { width: calc(33.3333% - 22px); margin: 0px 33px 40px 0px; } .c-article-list--3cols .c-article-list__item:last-of-type, .c-article-list--3cols .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols .c-article-list__item:nth-last-of-type(3), .c-article-list--3cols.archive .c-article-list__item:last-of-type, .c-article-list--3cols.archive .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols.archive .c-article-list__item:nth-last-of-type(3), .c-article-list--3cols.favorite .c-article-list__item:last-of-type, .c-article-list--3cols.favorite .c-article-list__item:nth-last-of-type(2), .c-article-list--3cols.favorite .c-article-list__item:nth-last-of-type(3) { display: block; } .c-article-list--3cols.favorite .c-article-list__item .c-article__link { width: auto !important; } .c-article-list--age .c-article-list__item { width: calc(33.3333% - 13.3333px); margin: 0px 20px 10px 0px; } .c-article-list--age .c-article-list__item:nth-of-type(n+4) { display: none; } .c-article-list__paging { margin-top: 10px; } .c-tag-list__item { padding: 0px 12px 0px 10px; } .c-author-list__item, .c-ranking-list__item { padding: 20px 0px; border-bottom: 1px solid rgb(232, 232, 232); transition: all 0.3s ease 0s; } .c-tag-list__item a { font-size: 1.3rem; } .c-banner-list { display: flex; flex-wrap: wrap; } .c-banner-list__item { width: calc(50% - 15px); margin-right: 30px; transition: all 0.3s ease 0s; } .c-banner-list__item:nth-of-type(2n) { margin-right: 0px; } .c-author-list__image { width: 70px; height: 70px; margin-right: 12px; } .c-author-list__text { width: calc(100% - 82px); font-size: 1.4rem; } .c-breadcrumbs-list__wrap { padding: 0px 20px; } .c-breadcrumbs-list { max-width: 1160px; margin: auto; padding: 7px 0px; overflow: auto; } .c-breadcrumbs-list__item { font-size: 1.2rem; } .c-paging-list .wp-pagenavi { margin-bottom: 40px; } .c-paging-list .wp-pagenavi a, .c-paging-list .wp-pagenavi span { width: 36px; height: 36px; font-size: 1.6rem; } .c-paging-list .wp-pagenavi a.extend, .c-paging-list .wp-pagenavi span.extend { font-size: 1.6rem; } .c-paging-list .wp-pagenavi a.nextpostslink:hover::before, .c-paging-list .wp-pagenavi a.previouspostslink:hover::before, .c-paging-list .wp-pagenavi span.nextpostslink:hover::before, .c-paging-list .wp-pagenavi span.previouspostslink:hover::before { border-color: rgb(255, 255, 255); } .c-paging-list .wp-pagenavi a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); } .c-author-detail-list { margin-bottom: 66px; } .c-author-detail-list__item { padding: 24px 0px; transition: all 0.3s ease 0s; } .c-author-detail-list__item-inner { padding: 0px 20px; } .c-author-detail-list__image { width: 140px; height: 140px; margin-right: 14px; } .c-author-detail-list__text { width: calc(100% - 154px); } .c-author-detail-list__name { font-size: 2rem; } .c-author-detail-list__job { font-size: 1.2rem; } .c-author-detail-list__job::before { width: 11px; height: 11px; } .c-author-detail-list__job::after { bottom: 0px; } .c-author-detail-list__position { font-size: 1.4rem; } .c-author-detail-list__detail { font-size: 1.6rem; margin-top: 12px; } .c-special-list__item { margin-bottom: 40px; transition: all 0.3s ease 0s; } .c-special-list__image { margin-bottom: 18px; } .c-special-list__content { padding: 0px; } .c-special-list__title { font-size: 1.6rem; margin-bottom: 5px; } .c-special-list__text { font-size: 1.4rem; } .c-search-modal__list-wrap { height: auto; } .c-clip-modal { top: calc(-100% - 75px); } .c-clip-modal::before { bottom: -22px; right: 19px; } .c-clip-modal::after { bottom: -28px; right: 17px; } .p-article-bottom .c-clip-modal { right: -13px; } .p-article-bottom .c-clip-modal::before { right: 19px; } .p-article-bottom .c-clip-modal::after { right: 17px; } .c-category-section__list .c-article-list__item { padding: 0px; } .c-category-section__list .c-article-list__item:nth-of-type(2n) { margin: 0px 30px 40px 0px; } .c-category-section__list .c-article-list__item:nth-of-type(2n+1) { margin-right: 0px; } .c-category-section__list .c-article-list--3cols .c-article-list__item { padding: 0px; } .c-category-section__list .c-article-list--3cols .c-article-list__item:nth-of-type(2n+1), .c-category-section__list .c-article-list--3cols .c-article-list__item:nth-of-type(3n) { margin: 0px 33px 40px 0px; } .c-category-section__list .c-article-list--3cols .c-article-list__item:nth-of-type(3n+1), .c-category-section__list .c-article-list.lower-page .c-article-list__item:nth-of-type(2n), .c-category-section__list .lower-page.c-article-list--3cols .c-article-list__item:nth-of-type(2n), .c-category-section__list .lower-page.c-article-list--age .c-article-list__item:nth-of-type(2n) { margin-right: 0px; } .c-category-section__list .c-article-list.lower-page .c-article-list__item:nth-of-type(2n+1), .c-category-section__list .lower-page.c-article-list--3cols .c-article-list__item:nth-of-type(2n+1), .c-category-section__list .lower-page.c-article-list--age .c-article-list__item:nth-of-type(2n+1) { margin: 0px 30px 40px 0px; } .c-recommend-section { padding: 24px 0px; } .c-recommend-section__title h2 { font-size: 2.1rem; padding: 5px 0px; } .c-recommend-section__list { margin: 24px auto 0px; max-width: 220px; } .c-ranking-section__title { max-width: 212px; margin: auto; } .c-ranking-section__title img { width: 98px; } .c-ranking-section__title h2 { font-size: 2.2rem; } .c-ranking-section__title h2::before { bottom: -12px; width: 212px; } .c-ranking-section__title h2::after { bottom: -17px; width: 212px; } .c-ranking-section__content { margin-top: 26px; } .c-ranking-section__related { font-size: 1.3rem; } .c-login-section { padding: 3px; } .c-login-section__inner { padding: 20px; } .c-login-section__title { width: 90%; margin-top: 0px; } .c-login-section__text { margin-bottom: 5px; } .c-login-section__button { width: 220px; } .c-login-section__button span { height: 24px; border-radius: 12px; font-size: 1.5rem; margin-left: 10px; } .c-login-section__link { font-size: 1.3rem; } .c-special-section { overflow: visible; } .c-special-section__inner { position: relative; display: flex; align-items: center; max-width: 1160px; margin: auto; background: rgb(254, 248, 209); padding: 30px 23px 30px 64px; } .c-special-section__inner::after { content: ""; position: absolute; top: -60px; right: 0px; width: 71px; height: 71px; background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; z-index: 100; } .c-special-section__title { width: 150px; margin-right: 70px; } .c-special-section__title::before { top: -209px; right: calc(50% + 80px); width: 120px; height: 120px; } .c-special-section__title::after { content: none; } .c-special-section__content { position: relative; padding: 0px; margin-top: 0px; width: calc(100% - 220px); } .c-special-section__content::after, .c-special-section__content::before { content: ""; position: absolute; background-position: center center; background-size: contain; background-repeat: no-repeat; } .c-special-section__content::before { bottom: 80px; right: 200px; width: 52px; height: 52px; background-image: url(""); } .c-special-section__content::after { bottom: 30px; right: 90px; width: 76px; height: 76px; background-image: url(""); } .c-search-section__inner { height: 130px; max-width: 230px; } .c-search-section__title { width: calc(100% - 99px); margin-right: 20px; font-size: 1.8rem; } .c-search-section__image { width: 79px; } .c-lower-page-section__wrap { margin-top: 70px; } .c-lower-page-section { margin: 0px; padding: 0px; } .c-lower-page-section__title { font-size: 3.2rem; padding-bottom: 20px; margin-bottom: 50px; } .c-lower-page-section__title.supervisor { margin-bottom: 30px; } .c-lower-page-section__text { font-size: 1.8rem; } .c-lower-page-section__button { width: 240px; margin-top: 40px; } .c-line-section { padding: 20px; } .c-line-section__text p { font-size: 1.5rem; } .c-line-section__image { width: 55px; margin-right: 10px; } .c-line-section__link a { padding: 10px 0px; } .c-line-section__link a p { font-size: 1.4rem; } .c-mv-slider { max-width: 1440px; margin: auto; } .c-mv-slider .slick-list { overflow: inherit; } .c-mv-slider__item { margin: 0px 12px; transition: all 0.3s ease 0s; } .c-mv-slider__title { margin: -60px auto 10px; max-width: 100%; width: calc(100% - 80px); padding: 20px; } .c-mv-slider__title p { font-size: 2rem; } .c-mv-slider .slick-dots { margin-top: 30px; } .c-mv-slider .slick-dots li { margin-right: 30px; } .c-mv-slider .slick-dots li button { width: 14px; height: 14px; } .c-article-slider__item { margin: 0px auto 24px; } .c-article-slider__item:last-of-type { margin-bottom: 0px; } .c-not-found-text { font-size: 1.6rem; } .c-category-title h2, .c-category-title--special h2 { font-size: 3.6rem; margin-bottom: 0px; } .c-category-title--special h2 { font-size: 3rem; margin-bottom: 10px; } .c-en-title, .c-en-title--green, .c-en-title--orange, .c-en-title--pink, .c-en-title--rainbow { font-size: 2rem; } .c-tag-title, .c-tag-title--infant, .c-tag-title--lower, .c-tag-title--middle, .c-tag-title--pre, .c-tag-title--upper { font-size: 2.2rem; width: 242px; height: 53px; } .c-tag-title--infant::before, .c-tag-title--lower::before, .c-tag-title--middle::before, .c-tag-title--pre::before, .c-tag-title--upper::before, .c-tag-title::before { width: 29px; height: 32px; } .c-tag-page-title { padding: 15px 20px; margin-bottom: 50px; } .c-tag-page-title h1 { font-size: 3.2rem; } .c-tag-page-title.cat-search { margin-bottom: 0px; } .c-keyword-title p { font-size: 2.3rem; } .c-keyword-title p::before { width: 25px; height: 25px; } .c-keyword-title p::after { width: 11px; height: 12px; } .c-keyword-title span { font-size: 1.2rem; } .u-pc-hidden { display: none; } .u-sp-hidden { display: block; } } @media screen and (min-width: 1021px) { .l-column-contents { padding: 0px 20px; } .l-column-contents__main { width: calc(100% - 352px); margin-right: 52px; } .l-column-contents__side { width: 300px; } .l-footer__inner { max-width: 1160px; margin: 0px auto 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; } .l-footer-sns { max-width: 100%; width: 57.8%; } .l-footer-sns__item, .l-footer-sns__item--fb, .l-footer-sns__item--insta, .l-footer-sns__item--line, .l-footer-sns__item--twitter { position: static; margin-right: 10px; width: calc(25% - 7.5px); padding-top: 0px; height: 40px; line-height: 40px; transition: all 0.3s ease 0s; } .l-footer-sns__item--line img, .l-footer-sns__item--twitter img { width: 23px; } .l-footer-sns__item--fb img { width: 13px; } .l-footer-sns__item--insta img { width: 23px; } .l-footer-sns__item a, .l-footer-sns__item--fb a, .l-footer-sns__item--insta a, .l-footer-sns__item--line a, .l-footer-sns__item--twitter a { position: static; flex-direction: row; } .l-footer-sns__item a p, .l-footer-sns__item--fb a p, .l-footer-sns__item--insta a p, .l-footer-sns__item--line a p, .l-footer-sns__item--twitter a p { font-size: 1.3rem; margin: 0px 0px 0px 5px; } .l-footer-logo { padding: 0px; margin: 0px 20px 0px 0px; max-width: 100%; width: calc(42.2% - 20px); } .l-footer-logo__image { width: 50%; max-width: 205px; } .l-footer-logo__text { width: auto; font-size: 1.3rem; margin-left: 20px; } .l-header { height: 100px; padding: 0px 20px; } .l-header__inner { max-width: 1160px; padding: 0px; margin: auto; } .l-header__left { width: auto; } .l-header__logo img { max-width: 240px; margin-bottom: 10px; } .l-header__member { display: none; } .l-header__search--pc { display: block; margin-left: 40px; } .l-header__menu { top: 100px; height: calc(100% - 100px); width: 30vw; overflow-y: scroll; scrollbar-width: none; } .l-header__menu::-webkit-scrollbar { display: none; } .l-header__membership { display: flex; } .l-header__membership.loggedin { align-items: flex-start; padding-top: 22px; } .l-header__membership li { margin-right: 33px; } .l-header__membership li:last-of-type { display: flex; align-items: center; margin-right: 0px; } .l-header__membership li:last-of-type img { width: 85px; } .l-header__membership li.username { display: flex; flex-direction: column; align-items: center; } .l-header__membership li a, .l-header__membership li span { display: flex; align-items: center; font-weight: 700; font-size: 1.4rem; } .l-header__membership li a svg, .l-header__membership li span svg { width: 15px; margin-right: 3px; } .l-header__membership li a svg path, .l-header__membership li span svg path { fill: rgb(217, 47, 69); } .l-header__membership li .logout { width: 95px; margin-top: 3px; } .l-header__membership li .logout .c-button, .l-header__membership li .logout .c-button--gray, .l-header__membership li .logout .c-button--red, .l-header__membership li .logout .c-button--white { height: auto; font-size: 1rem; background: rgb(228, 236, 242); color: rgb(43, 34, 16); } .l-header__membership li .logout .c-button svg, .l-header__membership li .logout .c-button--gray svg, .l-header__membership li .logout .c-button--red svg, .l-header__membership li .logout .c-button--white svg { width: auto; height: 12px; margin: 0px 0px 0px 5px; } .l-header__membership li .logout .c-button svg path, .l-header__membership li .logout .c-button--gray svg path, .l-header__membership li .logout .c-button--red svg path, .l-header__membership li .logout .c-button--white svg path { fill: rgb(43, 34, 16); } .l-header__left { display: flex; align-items: center; } .p-article-title h1 .pr { transform: translateY(11px); width: 39px; } .p-gakkenid-benefits { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .p-gakkenid-benefits__item { width: calc(50% - 10px); padding: 30px 30px 25px; margin-bottom: 20px; } .p-gakkenid-benefits__item:nth-of-type(2n+1) { margin-right: 20px; } .p-manga__title::before { top: -54px; right: inherit; left: 80px; width: 150px; height: 150px; } .p-manga__title::after { top: -17px; left: inherit; right: 160px; width: 61px; height: 35px; } .c-article--horizontal, .c-article--manga { display: flex; } .c-article--horizontal .c-article__image, .c-article--manga .c-article__image { width: 44.7%; padding-top: 29.7%; margin-right: 12px; } .c-article--horizontal .c-article__content, .c-article--manga .c-article__content { width: calc(55.3% - 12px); } .c-article--manga { display: flex; } .c-article--manga .c-article__image { width: 49%; padding-top: 32.6%; margin-right: 12px; } .c-article--manga .c-article__content { width: calc(51% - 12px); } .c-top-menu-list__wrap { padding: 100px 20px 0px; } .c-top-menu-list { padding: 10px 0px; white-space: normal; } .c-top-menu-list__item { margin-right: 44px; padding: 0px; } .c-top-menu-list__item::after { content: none; } .c-top-menu-list__item:last-of-type { padding: 0px; } .c-top-menu-list__item a { display: flex; align-items: center; font-weight: 700; } .c-top-menu-list__item a img { display: block; width: 41px; margin-right: 10px; } .c-search-modal { position: static; top: 0px; left: 0px; transform: none; width: calc(50% - 92px); max-height: 100%; text-align: left; border-radius: 0px; border-right: 1px solid rgb(232, 232, 232); padding: 0px 20px; } .c-search-modal:not([data-modal="1"]) { display: block; } .c-search-modal--pc { position: fixed; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); display: flex; background: rgb(255, 255, 255); width: 980px; height: 700px; max-height: 100%; border-radius: 5px; z-index: 9999; padding: 40px 20px; } .c-search-modal__close { display: none; } .c-search-modal__title { padding-top: 0px; display: inline-block; } .c-search-modal__note { display: inline-block; padding-left: 10px; } .c-search-modal__content { margin-top: 15px; } .c-search-modal__list-wrap { height: 578px; padding-right: 25px; } .c-search-modal__next, .c-search-modal__prev, .c-search-modal__submit { display: none; } .c-search-submit { display: block; width: 184px; padding: 0px 20px; } .c-search-close { display: block; position: absolute; top: 11px; right: 11px; background: 0px 0px; border: none; padding: 0px; width: 22px; height: 22px; cursor: pointer; } .c-search-close::after, .c-search-close::before { content: ""; position: absolute; top: 11px; right: 7px; width: 4px; height: 28px; background: rgb(43, 34, 16); border-radius: 2px; } .c-search-close::before { transform: translate3d(-50%, -50%, 0px) rotate(45deg); } .c-search-close::after { transform: translate3d(-50%, -50%, 0px) rotate(-45deg); } .c-line-section__link a img { width: 27px; } .c-mv-slider__title { padding: 20px 44px; } .c-mv-slider__title p { font-size: 2.4rem; } .u-sub-block { display: none; } .u-sub-hidden { display: block; } } .wp-block-buttons { display: flex; gap: 10px; margin-bottom: 20px; } img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } .wp-block-archives { box-sizing: border-box; } .wp-block-archives-dropdown label { display: block; } .wp-block-avatar { line-height: 0; } .wp-block-avatar, .wp-block-avatar img { box-sizing: border-box; } .wp-block-avatar.aligncenter { text-align: center; } .wp-block-audio { box-sizing: border-box; } .wp-block-audio :where(figcaption) { margin-bottom: 1em; margin-top: 0.5em; } .wp-block-audio audio { min-width: 300px; width: 100%; } .wp-block-button__link { align-content: center; box-sizing: border-box; cursor: pointer; display: inline-block; height: 100%; text-align: center; word-break: break-word; } .wp-block-button__link.aligncenter { text-align: center; } .wp-block-button__link.alignright { text-align: right; } :where(.wp-block-button__link) { border-radius: 9999px; box-shadow: none; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; } .wp-block-button[style*="text-decoration"] .wp-block-button__link { text-decoration: inherit; } .wp-block-buttons > .wp-block-button.has-custom-width { max-width: none; } .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { width: 100%; } .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { width: calc(25% - var(--wp--style--block-gap, .5em)*.75); } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - var(--wp--style--block-gap, .5em)*.5); } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - var(--wp--style--block-gap, .5em)*.25); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { flex-basis: 100%; width: 100%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 { width: 25%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 { width: 50%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { width: 75%; } .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0px; } .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { border-radius: 0px !important; } :root :where(.wp-block-button .wp-block-button__link.is-style-outline), :root :where(.wp-block-button.is-style-outline > .wp-block-button__link) { border: 2px solid; padding: 0.667em 1.333em; } :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)), :root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)) { color: currentcolor; } :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)), :root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)) { background-color: initial; background-image: none; } .wp-block-buttons { box-sizing: border-box; } .wp-block-buttons.is-vertical { flex-direction: column; } .wp-block-buttons.is-vertical > .wp-block-button:last-child { margin-bottom: 0px; } .wp-block-buttons > .wp-block-button { display: inline-block; margin: 0px; } .wp-block-buttons.is-content-justification-left { justify-content: flex-start; } .wp-block-buttons.is-content-justification-left.is-vertical { align-items: flex-start; } .wp-block-buttons.is-content-justification-center { justify-content: center; } .wp-block-buttons.is-content-justification-center.is-vertical { align-items: center; } .wp-block-buttons.is-content-justification-right { justify-content: flex-end; } .wp-block-buttons.is-content-justification-right.is-vertical { align-items: flex-end; } .wp-block-buttons.is-content-justification-space-between { justify-content: space-between; } .wp-block-buttons.aligncenter { text-align: center; } .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter { margin-left: auto; margin-right: auto; width: 100%; } .wp-block-buttons[style*="text-decoration"] .wp-block-button, .wp-block-buttons[style*="text-decoration"] .wp-block-button__link { text-decoration: inherit; } .wp-block-buttons.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block-buttons .wp-block-button__link { width: 100%; } .wp-block-button.aligncenter, .wp-block-calendar { text-align: center; } .wp-block-calendar td, .wp-block-calendar th { border: 1px solid; padding: 0.25em; } .wp-block-calendar th { font-weight: 400; } .wp-block-calendar caption { background-color: inherit; } .wp-block-calendar table { border-collapse: collapse; width: 100%; } .wp-block-calendar table:where(:not(.has-text-color)) { color: rgb(64, 70, 77); } .wp-block-calendar table:where(:not(.has-text-color)) td, .wp-block-calendar table:where(:not(.has-text-color)) th { border-color: rgb(221, 221, 221); } .wp-block-calendar table.has-background th { background-color: inherit; } .wp-block-calendar table.has-text-color th { color: inherit; } :where(.wp-block-calendar table:not(.has-background) th) { background: rgb(221, 221, 221); } .wp-block-categories { box-sizing: border-box; } .wp-block-categories.alignleft { margin-right: 2em; } .wp-block-categories.alignright { margin-left: 2em; } .wp-block-categories.wp-block-categories-dropdown.aligncenter { text-align: center; } .wp-block-categories .wp-block-categories__label { display: block; width: 100%; } .wp-block-code { box-sizing: border-box; } .wp-block-code code { direction: ltr; display: block; font-family: inherit; overflow-wrap: break-word; text-align: initial; white-space: pre-wrap; } .wp-block-columns { box-sizing: border-box; display: flex; align-items: normal !important; flex-wrap: wrap !important; } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap !important; } } .wp-block-columns.are-vertically-aligned-top { align-items: flex-start; } .wp-block-columns.are-vertically-aligned-center { align-items: center; } .wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end; } @media (max-width: 781px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } } @media (min-width: 782px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 0px; flex-grow: 1; } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*="flex-basis"] { flex-grow: 0; } } .wp-block-columns.is-not-stacked-on-mobile { flex-wrap: nowrap !important; } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { flex-basis: 0px; flex-grow: 1; } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"] { flex-grow: 0; } :where(.wp-block-columns) { margin-bottom: 1.75em; } :where(.wp-block-columns.has-background) { padding: 1.25em 2.375em; } .wp-block-column { flex-grow: 1; min-width: 0px; overflow-wrap: break-word; word-break: break-word; } .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-center { align-self: center; } .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; } .wp-block-column.is-vertically-aligned-stretch { align-self: stretch; } .wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top { width: 100%; } .wp-block-post-comments { box-sizing: border-box; } .wp-block-post-comments .alignleft { float: left; } .wp-block-post-comments .alignright { float: right; } .wp-block-post-comments .navigation::after { clear: both; content: ""; display: table; } .wp-block-post-comments .commentlist { clear: both; list-style: none; margin: 0px; padding: 0px; } .wp-block-post-comments .commentlist .comment { min-height: 2.25em; padding-left: 3.25em; } .wp-block-post-comments .commentlist .comment p { font-size: 1em; line-height: 1.8; margin: 1em 0px; } .wp-block-post-comments .commentlist .children { list-style: none; margin: 0px; padding: 0px; } .wp-block-post-comments .comment-author { line-height: 1.5; } .wp-block-post-comments .comment-author .avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; margin-top: 0.5em; width: 2.5em; } .wp-block-post-comments .comment-author cite { font-style: normal; } .wp-block-post-comments .comment-meta { font-size: 0.875em; line-height: 1.5; } .wp-block-post-comments .comment-meta b { font-weight: 400; } .wp-block-post-comments .comment-meta .comment-awaiting-moderation { display: block; margin-bottom: 1em; margin-top: 1em; } .wp-block-post-comments .comment-body .commentmetadata { font-size: 0.875em; } .wp-block-post-comments .comment-form-author label, .wp-block-post-comments .comment-form-comment label, .wp-block-post-comments .comment-form-email label, .wp-block-post-comments .comment-form-url label { display: block; margin-bottom: 0.25em; } .wp-block-post-comments .comment-form input:not([type="submit"]):not([type="checkbox"]), .wp-block-post-comments .comment-form textarea { box-sizing: border-box; display: block; width: 100%; } .wp-block-post-comments .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments .comment-reply-title { margin-bottom: 0px; } .wp-block-post-comments .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium,smaller); margin-left: 0.5em; } .wp-block-post-comments .reply { font-size: 0.875em; margin-bottom: 1.4em; } .wp-block-post-comments input:not([type="submit"]), .wp-block-post-comments textarea { border: 1px solid rgb(148, 148, 148); font-family: inherit; font-size: 1em; } .wp-block-post-comments input:not([type="submit"]):not([type="checkbox"]), .wp-block-post-comments textarea { padding: calc(0.667em + 2px); } :where(.wp-block-post-comments input[type="submit"]) { border: none; } .wp-block-comments { box-sizing: border-box; } .wp-block-comments-pagination > .wp-block-comments-pagination-next, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers, .wp-block-comments-pagination > .wp-block-comments-pagination-previous { font-size: inherit; margin-bottom: 0.5em; margin-right: 0.5em; } .wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child { margin-right: 0px; } .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow { display: inline-block; margin-right: 1ch; } .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow { display: inline-block; margin-left: 1ch; } .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-comments-pagination.aligncenter { justify-content: center; } .wp-block-comment-template { box-sizing: border-box; list-style: none; margin-bottom: 0px; max-width: 100%; padding: 0px; } .wp-block-comment-template li { clear: both; } .wp-block-comment-template ol { list-style: none; margin-bottom: 0px; max-width: 100%; padding-left: 2rem; } .wp-block-comment-template.alignleft { float: left; } .wp-block-comment-template.aligncenter { margin-left: auto; margin-right: auto; width: fit-content; } .wp-block-comment-template.alignright { float: right; } .wp-block-comment-date { box-sizing: border-box; } .comment-awaiting-moderation { display: block; font-size: 0.875em; line-height: 1.5; } .wp-block-comment-author-name, .wp-block-comment-content, .wp-block-comment-edit-link, .wp-block-comment-reply-link { box-sizing: border-box; } .wp-block-cover, .wp-block-cover-image { align-items: center; background-position: 50% center; box-sizing: border-box; display: flex; justify-content: center; min-height: 430px; overflow: clip; padding: 1em; position: relative; } .wp-block-cover .has-background-dim:not([class*="-background-color"]), .wp-block-cover-image .has-background-dim:not([class*="-background-color"]), .wp-block-cover-image.has-background-dim:not([class*="-background-color"]), .wp-block-cover.has-background-dim:not([class*="-background-color"]) { background-color: rgb(0, 0, 0); } .wp-block-cover .has-background-dim.has-background-gradient, .wp-block-cover-image .has-background-dim.has-background-gradient { background-color: initial; } .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { background-color: inherit; content: ""; } .wp-block-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__gradient-background, .wp-block-cover-image .wp-block-cover__background, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before { inset: 0px; opacity: 0.5; position: absolute; } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before { opacity: 0.1; } .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before { opacity: 0.2; } .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before { opacity: 0.3; } .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before { opacity: 0.4; } .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before { opacity: 0.6; } .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before { opacity: 0.7; } .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before { opacity: 0.8; } .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before { opacity: 0.9; } .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before { opacity: 1; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 { opacity: 0; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 { opacity: 0.1; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 { opacity: 0.2; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 { opacity: 0.3; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 { opacity: 0.4; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 { opacity: 0.5; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 { opacity: 0.6; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 { opacity: 0.7; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 { opacity: 0.8; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 { opacity: 0.9; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 { opacity: 1; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 420px; width: 100%; } .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display: flex; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { color: inherit; position: relative; width: 100%; } .wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left { align-items: flex-start; justify-content: flex-start; } .wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center { align-items: flex-start; justify-content: center; } .wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right { align-items: flex-start; justify-content: flex-end; } .wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left { align-items: center; justify-content: flex-start; } .wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center { align-items: center; justify-content: center; } .wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right { align-items: center; justify-content: flex-end; } .wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left { align-items: flex-end; justify-content: flex-start; } .wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center { align-items: flex-end; justify-content: center; } .wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right { align-items: flex-end; justify-content: flex-end; } .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0px; } .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container { margin: 0px; width: auto; } .wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background { border: none; inset: 0px; box-shadow: none; height: 100%; margin: 0px; max-height: none; max-width: none; object-fit: cover; outline: none; padding: 0px; position: absolute; width: 100%; } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } @supports (-webkit-touch-callout:inherit) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } .wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated, .wp-block-cover__image-background.is-repeated, video.wp-block-cover__video-background.is-repeated { background-repeat: repeat; background-size: auto; } .wp-block-cover-image-text, .wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover { color: rgb(255, 255, 255); } .wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start; } .wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end; } .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content > h2 { margin-left: 0px; text-align: left; } .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content > h2 { margin-right: 0px; text-align: right; } .wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover-image-text, section.wp-block-cover-image > h2 { font-size: 2em; line-height: 1.25; margin-bottom: 0px; max-width: 840px; padding: 0.44em; text-align: center; z-index: 1; } :where(.wp-block-cover-image:not(.has-text-color)), :where(.wp-block-cover:not(.has-text-color)) { color: rgb(255, 255, 255); } :where(.wp-block-cover-image.is-light:not(.has-text-color)), :where(.wp-block-cover.is-light:not(.has-text-color)) { color: rgb(0, 0, 0); } :root :where(.wp-block-cover h1:not(.has-text-color)), :root :where(.wp-block-cover h2:not(.has-text-color)), :root :where(.wp-block-cover h3:not(.has-text-color)), :root :where(.wp-block-cover h4:not(.has-text-color)), :root :where(.wp-block-cover h5:not(.has-text-color)), :root :where(.wp-block-cover h6:not(.has-text-color)), :root :where(.wp-block-cover p:not(.has-text-color)) { color: inherit; } body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background { z-index: 0; } body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__background, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__gradient-background, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient)::before { z-index: 1; } .has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container { z-index: auto; } .wp-block-details { box-sizing: border-box; } .wp-block-details summary { cursor: pointer; } .wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block[data-align="left"] > [data-type="core/embed"], .wp-block[data-align="right"] > [data-type="core/embed"] { max-width: 360px; width: 100%; } .wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper, .wp-block[data-align="left"] > [data-type="core/embed"] .wp-block-embed__wrapper, .wp-block[data-align="right"] > [data-type="core/embed"] .wp-block-embed__wrapper { min-width: 280px; } .wp-block-cover .wp-block-embed { min-height: 240px; min-width: 320px; } .wp-block-embed { overflow-wrap: break-word; } .wp-block-embed :where(figcaption) { margin-bottom: 1em; margin-top: 0.5em; } .wp-block-embed iframe { max-width: 100%; } .wp-block-embed__wrapper { position: relative; } .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 50%; } .wp-embed-responsive .wp-has-aspect-ratio iframe { inset: 0px; height: 100%; position: absolute; width: 100%; } .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { padding-top: 42.85%; } .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50%; } .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25%; } .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { padding-top: 75%; } .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { padding-top: 100%; } .wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { padding-top: 177.77%; } .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { padding-top: 200%; } .wp-block-file { box-sizing: border-box; } .wp-block-file:not(.wp-element-button) { font-size: 0.8em; } .wp-block-file.aligncenter { text-align: center; } .wp-block-file.alignright { text-align: right; } .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; } :where(.wp-block-file) { margin-bottom: 1.5em; } .wp-block-file__embed { margin-bottom: 1em; } :where(.wp-block-file__button) { border-radius: 2em; display: inline-block; padding: 0.5em 1em; } :where(.wp-block-file__button):is(a):active, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited { box-shadow: none; color: rgb(255, 255, 255); opacity: 0.85; text-decoration: none; } .wp-block-form-input__label { display: flex; flex-direction: column; gap: 0.25em; margin-bottom: 0.5em; width: 100%; } .wp-block-form-input__label.is-label-inline { align-items: center; flex-direction: row; gap: 0.5em; } .wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content { margin-bottom: 0.5em; } .wp-block-form-input__label:has(input[type="checkbox"]) { flex-direction: row; width: fit-content; } .wp-block-form-input__label:has(input[type="checkbox"]) .wp-block-form-input__label-content { margin: 0px; } .wp-block-form-input__label:has(.wp-block-form-input__label-content + input[type="checkbox"]) { flex-direction: row-reverse; } .wp-block-form-input__label-content { width: fit-content; } .wp-block-form-input__input { font-size: 1em; margin-bottom: 0.5em; padding: 0px 0.5em; } .wp-block-form-input__input[type="date"], .wp-block-form-input__input[type="datetime-local"], .wp-block-form-input__input[type="datetime"], .wp-block-form-input__input[type="email"], .wp-block-form-input__input[type="month"], .wp-block-form-input__input[type="number"], .wp-block-form-input__input[type="password"], .wp-block-form-input__input[type="search"], .wp-block-form-input__input[type="tel"], .wp-block-form-input__input[type="text"], .wp-block-form-input__input[type="time"], .wp-block-form-input__input[type="url"], .wp-block-form-input__input[type="week"] { border: 1px solid; line-height: 2; min-height: 2em; } textarea.wp-block-form-input__input { min-height: 10em; } .blocks-gallery-grid:not(.has-nested-images), .wp-block-gallery:not(.has-nested-images) { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0px; padding: 0px; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin: 0px 1em 1em 0px; position: relative; width: calc(50% - 1em); } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) { margin-right: 0px; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure { align-items: flex-end; display: flex; height: 100%; justify-content: flex-start; margin: 0px; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img { display: block; height: auto; max-width: 100%; width: auto; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0)); bottom: 0px; box-sizing: border-box; color: rgb(255, 255, 255); font-size: 0.8em; margin: 0px; max-height: 100%; overflow: auto; padding: 3em 0.77em 0.7em; position: absolute; text-align: center; width: 100%; z-index: 2; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img { display: inline; } .blocks-gallery-grid:not(.has-nested-images) figcaption, .wp-block-gallery:not(.has-nested-images) figcaption { flex-grow: 1; } .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img { flex: 1 1 0%; height: 100%; object-fit: cover; width: 100%; } .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item { margin-right: 0px; width: 100%; } @media (min-width: 600px) { .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item { margin-right: 1em; width: calc(33.3333% - 0.66667em); } .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item { margin-right: 1em; width: calc(25% - 0.75em); } .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item { margin-right: 1em; width: calc(20% - 0.8em); } .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item { margin-right: 1em; width: calc(16.6667% - 0.83333em); } .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item { margin-right: 1em; width: calc(14.2857% - 0.85714em); } .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item { margin-right: 1em; width: calc(12.5% - 0.875em); } .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0px; } } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child { margin-right: 0px; } .blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright, .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright { max-width: 420px; width: 100%; } .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure, .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure { justify-content: center; } .wp-block-gallery:not(.is-cropped) .blocks-gallery-item { align-self: flex-start; } figure.wp-block-gallery.has-nested-images { align-items: normal; } .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { margin: 0px; width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2); } .wp-block-gallery.has-nested-images figure.wp-block-image { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; justify-content: center; max-width: 100%; position: relative; } .wp-block-gallery.has-nested-images figure.wp-block-image > a, .wp-block-gallery.has-nested-images figure.wp-block-image > div { flex-direction: column; flex-grow: 1; margin: 0px; } .wp-block-gallery.has-nested-images figure.wp-block-image img { display: block; height: auto; width: auto; max-width: 100% !important; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before { bottom: 0px; left: 0px; max-height: 100%; position: absolute; right: 0px; } .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before { backdrop-filter: blur(3px); content: ""; height: 100%; mask-image: linear-gradient(0deg, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0)); max-height: 40%; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); box-sizing: border-box; color: rgb(255, 255, 255); font-size: 13px; margin: 0px; overflow: auto; padding: 1em; scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); scrollbar-gutter: stable both-edges; scrollbar-width: thin; text-align: center; text-shadow: rgb(0, 0, 0) 0px 0px 1.5px; will-change: transform; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar { height: 12px; width: 12px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track { background-color: initial; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: initial; border: 3px solid rgba(0, 0, 0, 0); border-radius: 8px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.8); } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover { scrollbar-color: rgba(255, 255, 255, 0.8) rgba(0, 0, 0, 0); } @media (hover: none) { .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { scrollbar-color: rgba(255, 255, 255, 0.8) rgba(0, 0, 0, 0); } } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { display: inline; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { color: inherit; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div { flex: 1 1 auto; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption { background: none; color: inherit; flex: initial; margin: 0px; padding: 10px 10px 9px; position: relative; text-shadow: none; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border::before, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded::before { content: none; } .wp-block-gallery.has-nested-images figcaption { flex-basis: 100%; flex-grow: 1; text-align: center; } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { margin-bottom: auto; margin-top: 0px; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { align-self: inherit; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone) { display: flex; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { flex: 1 0 0%; height: 100%; object-fit: cover; width: 100%; } .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { width: 100%; } @media (min-width: 600px) { .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75); } .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8); } .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333); } .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714); } .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) { width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child { width: 100%; } } .wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { max-width: 420px; width: 100%; } .wp-block-gallery.has-nested-images.aligncenter { justify-content: center; } .wp-block-group { box-sizing: border-box; } :where(.wp-block-group.wp-block-group-is-layout-constrained) { position: relative; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.25em 2.375em; } h1.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h1.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]), h2.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h2.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]), h3.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h3.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]), h4.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h4.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]), h5.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h5.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]), h6.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h6.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]) { rotate: 180deg; } .wp-block-image > a, .wp-block-image > figure > a { display: inline-block; } .wp-block-image img { box-sizing: border-box; height: auto; max-width: 100%; vertical-align: bottom; } @media not (prefers-reduced-motion) { .wp-block-image img.hide { visibility: hidden; } .wp-block-image img.show { animation: 0.4s ease 0s 1 normal none running show-content-image; } } .wp-block-image[style*="border-radius"] img, .wp-block-image[style*="border-radius"] > a { border-radius: inherit; } .wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-image.aligncenter { text-align: center; } .wp-block-image.alignfull > a, .wp-block-image.alignwide > a { width: 100%; } .wp-block-image.alignfull img, .wp-block-image.alignwide img { height: auto; width: 100%; } .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright { display: table; } .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.aligncenter > figcaption, .wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption { caption-side: bottom; display: table-caption; } .wp-block-image .alignleft { float: left; margin: 0.5em 1em 0.5em 0px; } .wp-block-image .alignright { float: right; margin: 0.5em 0px 0.5em 1em; } .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; } .wp-block-image :where(figcaption) { margin-bottom: 1em; margin-top: 0.5em; } .wp-block-image.is-style-circle-mask img { border-radius: 9999px; } @supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) { .wp-block-image.is-style-circle-mask img { border-radius: 0px; mask-image: url("data:image/svg+xml;utf8,"); mask-mode: alpha; mask-position: center center; mask-repeat: no-repeat; mask-size: contain; } } :root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) { border-radius: 9999px; } .wp-block-image figure { margin: 0px; } .wp-lightbox-container { display: flex; flex-direction: column; position: relative; } .wp-lightbox-container img { cursor: zoom-in; } .wp-lightbox-container img:hover + button { opacity: 1; } .wp-lightbox-container button { align-items: center; backdrop-filter: blur(16px) saturate(180%); background-color: rgba(90, 90, 90, 0.25); border: none; border-radius: 4px; cursor: zoom-in; display: flex; height: 20px; justify-content: center; opacity: 0; padding: 0px; position: absolute; right: 16px; text-align: center; top: 16px; width: 20px; z-index: 100; } @media not (prefers-reduced-motion) { .wp-lightbox-container button { transition: opacity 0.2s ease 0s; } } .wp-lightbox-container button:focus-visible { outline: -webkit-focus-ring-color auto 3px; outline-offset: 3px; } .wp-lightbox-container button:hover { cursor: pointer; opacity: 1; } .wp-lightbox-container button:focus { opacity: 1; } .wp-lightbox-container button:focus, .wp-lightbox-container button:hover, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) { background-color: rgba(90, 90, 90, 0.25); border: none; } .wp-lightbox-overlay { box-sizing: border-box; cursor: zoom-out; height: 100vh; left: 0px; overflow: hidden; position: fixed; top: 0px; visibility: hidden; width: 100%; z-index: 100000; } .wp-lightbox-overlay .close-button { align-items: center; cursor: pointer; display: flex; justify-content: center; min-height: 40px; min-width: 40px; padding: 0px; position: absolute; right: calc(env(safe-area-inset-right) + 16px); top: calc(env(safe-area-inset-top) + 16px); z-index: 5000000; } .wp-lightbox-overlay .close-button:focus, .wp-lightbox-overlay .close-button:hover, .wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) { background: none; border: none; } .wp-lightbox-overlay .lightbox-image-container { height: var(--wp--lightbox-container-height); left: 50%; overflow: hidden; position: absolute; top: 50%; transform: translate(-50%, -50%); transform-origin: left top; width: var(--wp--lightbox-container-width); z-index: 2147483647; } .wp-lightbox-overlay .wp-block-image { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; margin: 0px; position: relative; transform-origin: 0px 0px; width: 100%; z-index: 3000000; } .wp-lightbox-overlay .wp-block-image img { height: var(--wp--lightbox-image-height); min-height: var(--wp--lightbox-image-height); min-width: var(--wp--lightbox-image-width); width: var(--wp--lightbox-image-width); } .wp-lightbox-overlay .wp-block-image figcaption { display: none; } .wp-lightbox-overlay button { background: none; border: none; } .wp-lightbox-overlay .scrim { background-color: rgb(255, 255, 255); height: 100%; opacity: 0.9; position: absolute; width: 100%; z-index: 2000000; } .wp-lightbox-overlay.active { visibility: visible; } @media not (prefers-reduced-motion) { .wp-lightbox-overlay.active { animation: 0.25s ease 0s 1 normal both running turn-on-visibility; } .wp-lightbox-overlay.active img { animation: 0.35s ease 0s 1 normal both running turn-on-visibility; } .wp-lightbox-overlay.show-closing-animation:not(.active) { animation: 0.35s ease 0s 1 normal both running turn-off-visibility; } .wp-lightbox-overlay.show-closing-animation:not(.active) img { animation: 0.25s ease 0s 1 normal both running turn-off-visibility; } .wp-lightbox-overlay.zoom.active { animation: auto ease 0s 1 normal none running none; opacity: 1; visibility: visible; } .wp-lightbox-overlay.zoom.active .lightbox-image-container { animation: 0.4s ease 0s 1 normal none running lightbox-zoom-in; } .wp-lightbox-overlay.zoom.active .lightbox-image-container img { animation: auto ease 0s 1 normal none running none; } .wp-lightbox-overlay.zoom.active .scrim { animation: 0.4s ease 0s 1 normal forwards running turn-on-visibility; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) { animation: auto ease 0s 1 normal none running none; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container { animation: 0.4s ease 0s 1 normal none running lightbox-zoom-out; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img { animation: auto ease 0s 1 normal none running none; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim { animation: 0.4s ease 0s 1 normal forwards running turn-off-visibility; } } @keyframes show-content-image { 0% { visibility: hidden; } 99% { visibility: hidden; } 100% { visibility: visible; } } @keyframes turn-on-visibility { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes turn-off-visibility { 0% { opacity: 1; visibility: visible; } 99% { opacity: 0; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes lightbox-zoom-in { 0% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); } 100% { transform: translate(-50%, -50%) scale(1); } } @keyframes lightbox-zoom-out { 0% { transform: translate(-50%, -50%) scale(1); visibility: visible; } 99% { visibility: visible; } 100% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); visibility: hidden; } } ol.wp-block-latest-comments { box-sizing: border-box; margin-left: 0px; } :where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment)) { line-height: 1.1; } :where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment-excerpt p)) { line-height: 1.8; } .has-dates :where(.wp-block-latest-comments:not([style*="line-height"])), .has-excerpts :where(.wp-block-latest-comments:not([style*="line-height"])) { line-height: 1.5; } .wp-block-latest-comments .wp-block-latest-comments { padding-left: 0px; } .wp-block-latest-comments__comment { list-style: none; margin-bottom: 1em; } .has-avatars .wp-block-latest-comments__comment { list-style: none; min-height: 2.25em; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 3.25em; } .wp-block-latest-comments__comment-excerpt p { font-size: 0.875em; margin: 0.36em 0px 1.4em; } .wp-block-latest-comments__comment-date { display: block; font-size: 0.75em; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-latest-comments[class*="-font-size"] a, .wp-block-latest-comments[style*="font-size"] a { font-size: inherit; } .wp-block-latest-posts { box-sizing: border-box; } .wp-block-latest-posts.alignleft { margin-right: 2em; } .wp-block-latest-posts.alignright { margin-left: 2em; } .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; } .wp-block-latest-posts.wp-block-latest-posts__list li { clear: both; overflow-wrap: break-word; } .wp-block-latest-posts.is-grid { display: flex; flex-wrap: wrap; } .wp-block-latest-posts.is-grid li { margin: 0px 1.25em 1.25em 0px; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { width: calc(50% - 0.625em); } .wp-block-latest-posts.columns-2 li:nth-child(2n) { margin-right: 0px; } .wp-block-latest-posts.columns-3 li { width: calc(33.3333% - 0.83333em); } .wp-block-latest-posts.columns-3 li:nth-child(3n) { margin-right: 0px; } .wp-block-latest-posts.columns-4 li { width: calc(25% - 0.9375em); } .wp-block-latest-posts.columns-4 li:nth-child(4n) { margin-right: 0px; } .wp-block-latest-posts.columns-5 li { width: calc(20% - 1em); } .wp-block-latest-posts.columns-5 li:nth-child(5n) { margin-right: 0px; } .wp-block-latest-posts.columns-6 li { width: calc(16.6667% - 1.04167em); } .wp-block-latest-posts.columns-6 li:nth-child(6n) { margin-right: 0px; } } :root :where(.wp-block-latest-posts.is-grid) { padding: 0px; } :root :where(.wp-block-latest-posts.wp-block-latest-posts__list) { padding-left: 0px; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { display: block; font-size: 0.8125em; } .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts__post-full-content { margin-bottom: 1em; margin-top: 0.5em; } .wp-block-latest-posts__featured-image a { display: inline-block; } .wp-block-latest-posts__featured-image img { height: auto; max-width: 100%; width: auto; } .wp-block-latest-posts__featured-image.alignleft { float: left; margin-right: 1em; } .wp-block-latest-posts__featured-image.alignright { float: right; margin-left: 1em; } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; } ol, ul { box-sizing: border-box; } :root :where(.wp-block-list.has-background) { padding: 1.25em 2.375em; } .wp-block-loginout, .wp-block-media-text { box-sizing: border-box; } .wp-block-media-text { direction: ltr; display: grid; grid-template-columns: 50% 1fr; grid-template-rows: auto; } .wp-block-media-text.has-media-on-the-right { grid-template-columns: 1fr 50%; } .wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__media { align-self: start; } .wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__media, .wp-block-media-text > .wp-block-media-text__content, .wp-block-media-text > .wp-block-media-text__media { align-self: center; } .wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__media { align-self: end; } .wp-block-media-text > .wp-block-media-text__media { grid-area: 1 / 1; margin: 0px; } .wp-block-media-text > .wp-block-media-text__content { direction: ltr; grid-area: 1 / 2; padding: 0px 8%; word-break: break-word; } .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media { grid-area: 1 / 2; } .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content { grid-area: 1 / 1; } .wp-block-media-text__media a { display: block; } .wp-block-media-text__media img, .wp-block-media-text__media video { height: auto; max-width: unset; vertical-align: middle; width: 100%; } .wp-block-media-text.is-image-fill > .wp-block-media-text__media { background-size: cover; height: 100%; min-height: 250px; } .wp-block-media-text.is-image-fill > .wp-block-media-text__media > a { display: block; height: 100%; } .wp-block-media-text.is-image-fill > .wp-block-media-text__media img { height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media { height: 100%; min-height: 250px; position: relative; } .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media > a { display: block; height: 100%; } .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img { height: 100%; object-fit: cover; position: absolute; width: 100%; } @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media { grid-area: 1 / 1; } .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content { grid-area: 2 / 1; } } .wp-block-navigation { position: relative; --navigation-layout-justification-setting: flex-start; --navigation-layout-direction: row; --navigation-layout-wrap: wrap; --navigation-layout-justify: flex-start; --navigation-layout-align: center; } .wp-block-navigation ul { margin-bottom: 0px; margin-left: 0px; margin-top: 0px; padding-left: 0px; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; padding: 0px; } .wp-block-navigation .wp-block-navigation-item { align-items: center; display: flex; position: relative; } .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { display: none; } .wp-block-navigation .wp-block-navigation-item__content { display: block; } .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color: inherit; } .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus { text-decoration: underline; } .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus { text-decoration: line-through; } .wp-block-navigation :where(a), .wp-block-navigation :where(a:active), .wp-block-navigation :where(a:focus) { text-decoration: none; } .wp-block-navigation .wp-block-navigation__submenu-icon { align-self: center; background-color: inherit; border: none; color: currentcolor; display: inline-block; font-size: inherit; height: 0.6em; line-height: 0; margin-left: 0.25em; padding: 0px; width: 0.6em; } .wp-block-navigation .wp-block-navigation__submenu-icon svg { display: inline-block; stroke: currentcolor; height: inherit; margin-top: 0.075em; width: inherit; } .wp-block-navigation.is-vertical { --navigation-layout-direction: column; --navigation-layout-justify: initial; --navigation-layout-align: flex-start; } .wp-block-navigation.no-wrap { --navigation-layout-wrap: nowrap; } .wp-block-navigation.items-justified-center { --navigation-layout-justification-setting: center; --navigation-layout-justify: center; } .wp-block-navigation.items-justified-center.is-vertical { --navigation-layout-align: center; } .wp-block-navigation.items-justified-right { --navigation-layout-justification-setting: flex-end; --navigation-layout-justify: flex-end; } .wp-block-navigation.items-justified-right.is-vertical { --navigation-layout-align: flex-end; } .wp-block-navigation.items-justified-space-between { --navigation-layout-justification-setting: space-between; --navigation-layout-justify: space-between; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { align-items: normal; background-color: inherit; color: inherit; display: flex; flex-direction: column; height: 0px; left: -1px; opacity: 0; overflow: hidden; position: absolute; top: 100%; visibility: hidden; width: 0px; z-index: 2; } @media not (prefers-reduced-motion) { .wp-block-navigation .has-child .wp-block-navigation__submenu-container { transition: opacity 0.1s linear 0s; } } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { display: flex; flex-grow: 1; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon { margin-left: auto; margin-right: 0px; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { margin: 0px; } @media (min-width: 782px) { .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: -1px; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { background: rgba(0, 0, 0, 0); content: ""; display: block; height: 100%; position: absolute; right: 100%; width: 0.5em; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { margin-right: 0.25em; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { transform: rotate(-90deg); } } .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { height: auto; min-width: 200px; opacity: 1; overflow: visible; visibility: visible; width: auto; } .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { left: 0px; top: 100%; } @media (min-width: 782px) { .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: 0px; } } .wp-block-navigation-submenu { display: flex; position: relative; } .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { stroke: currentcolor; } button.wp-block-navigation-item__content { background-color: initial; border: none; color: currentcolor; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-align: left; text-transform: inherit; } .wp-block-navigation-submenu__toggle { cursor: pointer; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle { padding-left: 0px; padding-right: 0.85em; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon { margin-left: -0.6em; pointer-events: none; } .wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle) { padding: 0px; } .wp-block-navigation .wp-block-page-list, .wp-block-navigation__container, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-dialog { gap: inherit; } :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { padding: 0.5em 1em; } :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) { padding: 0.5em 1em; } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container { left: auto; right: 0px; } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: -1px; right: -1px; } @media (min-width: 782px) { .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: auto; right: 100%; } } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation.has-background .wp-block-navigation__submenu-container { background-color: inherit; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container { color: rgb(0, 0, 0); } .wp-block-navigation__container { align-items: var(--navigation-layout-align,initial); display: flex; flex-direction: var(--navigation-layout-direction,initial); flex-wrap: var(--navigation-layout-wrap,wrap); justify-content: var(--navigation-layout-justify,initial); list-style: none; margin: 0px; padding-left: 0px; } .wp-block-navigation__container .is-responsive { display: none; } .wp-block-navigation__container:only-child, .wp-block-page-list:only-child { flex-grow: 1; } @keyframes overlay-menu__fade-in-animation { 0% { opacity: 0; transform: translateY(0.5em); } 100% { opacity: 1; transform: translateY(0px); } } .wp-block-navigation__responsive-container { inset: 0px; display: none; position: fixed; } .wp-block-navigation__responsive-container :where(.wp-block-navigation-item a) { color: inherit; } .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { align-items: var(--navigation-layout-align,initial); display: flex; flex-direction: var(--navigation-layout-direction,initial); flex-wrap: var(--navigation-layout-wrap,wrap); justify-content: var(--navigation-layout-justify,initial); } .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) { background-color: inherit !important; color: inherit !important; } .wp-block-navigation__responsive-container.is-menu-open { background-color: inherit; display: flex; flex-direction: column; overflow: auto; padding: clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem); z-index: 100000; } @media not (prefers-reduced-motion) { .wp-block-navigation__responsive-container.is-menu-open { animation: 0.1s ease-out 0s 1 normal forwards running overlay-menu__fade-in-animation; } } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: var(--navigation-layout-justification-setting,inherit); display: flex; flex-flow: column; overflow: visible; padding-top: calc(24px + 2rem); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { justify-content: flex-start; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon { display: none; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { border: none; height: auto; min-width: 200px; opacity: 1; overflow: initial; padding-left: 2rem; padding-right: 2rem; position: static; visibility: visible; width: auto; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { gap: inherit; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { padding-top: var(--wp--style--block-gap,2em); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { padding: 0px; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { align-items: var(--navigation-layout-justification-setting,initial); display: flex; flex-direction: column; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list { background: rgba(0, 0, 0, 0) !important; color: inherit !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { left: auto; right: auto; } @media (min-width: 600px) { .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { background-color: inherit; display: block; position: relative; width: 100%; z-index: auto; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { left: 0px; } } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: rgb(255, 255, 255); } .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open { color: rgb(0, 0, 0); } .wp-block-navigation__toggle_button_label { font-size: 1rem; font-weight: 700; } .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open { background: rgba(0, 0, 0, 0); border: none; color: currentcolor; cursor: pointer; margin: 0px; padding: 0px; text-transform: inherit; vertical-align: middle; } .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg { fill: currentcolor; display: block; height: 24px; pointer-events: none; width: 24px; } .wp-block-navigation__responsive-container-open { display: flex; } .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open { font-family: inherit; font-size: inherit; font-weight: inherit; } @media (min-width: 600px) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none; } } .wp-block-navigation__responsive-container-close { position: absolute; right: 0px; top: 0px; z-index: 2; } .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { font-family: inherit; font-size: inherit; font-weight: inherit; } .wp-block-navigation__responsive-close { width: 100%; } .has-modal-open .wp-block-navigation__responsive-close { margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size,100%); } .wp-block-navigation__responsive-close:focus { outline: none; } .is-menu-open .wp-block-navigation__responsive-close, .is-menu-open .wp-block-navigation__responsive-container-content, .is-menu-open .wp-block-navigation__responsive-dialog { box-sizing: border-box; } .wp-block-navigation__responsive-dialog { position: relative; } .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 46px; } @media (min-width: 782px) { .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 32px; } } html.has-modal-open { overflow: visible; } .wp-block-navigation .wp-block-navigation-item__label { overflow-wrap: break-word; } .wp-block-navigation .wp-block-navigation-item__description { display: none; } .link-ui-tools { border-top: 1px solid rgb(240, 240, 240); padding: 8px; } .link-ui-block-inserter { padding-top: 8px; } .link-ui-block-inserter__back { margin-left: 8px; text-transform: uppercase; } .wp-block-navigation .wp-block-page-list { align-items: var(--navigation-layout-align,initial); background-color: inherit; display: flex; flex-direction: var(--navigation-layout-direction,initial); flex-wrap: var(--navigation-layout-wrap,wrap); justify-content: var(--navigation-layout-justify,initial); } .wp-block-navigation .wp-block-navigation-item { background-color: inherit; } .wp-block-page-list { box-sizing: border-box; } .is-small-text { font-size: 0.875em; } .is-regular-text { font-size: 1em; } .is-large-text { font-size: 2.25em; } .is-larger-text { font-size: 3em; } .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; font-style: normal; font-weight: 100; line-height: 0.68; margin: 0.05em 0.1em 0px 0px; text-transform: uppercase; } body.rtl .has-drop-cap:not(:focus)::first-letter { float: none; margin-left: 0.1em; } p.has-drop-cap.has-background { overflow: hidden; } :root :where(p.has-background) { padding: 1.25em 2.375em; } :where(p.has-text-color:not(.has-link-color)) a { color: inherit; } p.has-text-align-left[style*="writing-mode:vertical-lr"], p.has-text-align-right[style*="writing-mode:vertical-rl"] { rotate: 180deg; } .wp-block-post-author { box-sizing: border-box; display: flex; flex-wrap: wrap; } .wp-block-post-author__byline { font-size: 0.5em; margin-bottom: 0px; margin-top: 0px; width: 100%; } .wp-block-post-author__avatar { margin-right: 1em; } .wp-block-post-author__bio { font-size: 0.7em; margin-bottom: 0.7em; } .wp-block-post-author__content { flex-basis: 0px; flex-grow: 1; } .wp-block-post-author__name { margin: 0px; } .wp-block-post-author-biography { box-sizing: border-box; } :where(.wp-block-post-comments-form) input:not([type="submit"]), :where(.wp-block-post-comments-form) textarea { border: 1px solid rgb(148, 148, 148); font-family: inherit; font-size: 1em; } :where(.wp-block-post-comments-form) input:where(:not([type="submit"]):not([type="checkbox"])), :where(.wp-block-post-comments-form) textarea { padding: calc(0.667em + 2px); } .wp-block-post-comments-form { box-sizing: border-box; } .wp-block-post-comments-form[style*="font-weight"] :where(.comment-reply-title) { font-weight: inherit; } .wp-block-post-comments-form[style*="font-family"] :where(.comment-reply-title) { font-family: inherit; } .wp-block-post-comments-form[class*="-font-size"] :where(.comment-reply-title), .wp-block-post-comments-form[style*="font-size"] :where(.comment-reply-title) { font-size: inherit; } .wp-block-post-comments-form[style*="line-height"] :where(.comment-reply-title) { line-height: inherit; } .wp-block-post-comments-form[style*="font-style"] :where(.comment-reply-title) { font-style: inherit; } .wp-block-post-comments-form[style*="letter-spacing"] :where(.comment-reply-title) { letter-spacing: inherit; } .wp-block-post-comments-form :where(input[type="submit"]) { box-shadow: none; cursor: pointer; display: inline-block; overflow-wrap: break-word; text-align: center; } .wp-block-post-comments-form .comment-form input:not([type="submit"]):not([type="checkbox"]):not([type="hidden"]), .wp-block-post-comments-form .comment-form textarea { box-sizing: border-box; display: block; width: 100%; } .wp-block-post-comments-form .comment-form-author label, .wp-block-post-comments-form .comment-form-email label, .wp-block-post-comments-form .comment-form-url label { display: block; margin-bottom: 0.25em; } .wp-block-post-comments-form .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments-form .comment-reply-title { margin-bottom: 0px; } .wp-block-post-comments-form .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium,smaller); margin-left: 0.5em; } .wp-block-post-comments-count { box-sizing: border-box; } .wp-block-post-content { display: flow-root; } .wp-block-post-comments-link, .wp-block-post-date { box-sizing: border-box; } :where(.wp-block-post-excerpt) { box-sizing: border-box; margin-bottom: var(--wp--style--block-gap); margin-top: var(--wp--style--block-gap); } .wp-block-post-excerpt__excerpt { margin-bottom: 0px; margin-top: 0px; } .wp-block-post-excerpt__more-text { margin-bottom: 0px; margin-top: var(--wp--style--block-gap); } .wp-block-post-excerpt__more-link { display: inline-block; } .wp-block-post-featured-image { margin-left: 0px; margin-right: 0px; } .wp-block-post-featured-image a { display: block; height: 100%; } .wp-block-post-featured-image :where(img) { box-sizing: border-box; height: auto; max-width: 100%; vertical-align: bottom; width: 100%; } .wp-block-post-featured-image.alignfull img, .wp-block-post-featured-image.alignwide img { width: 100%; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim { background-color: rgb(0, 0, 0); inset: 0px; position: absolute; } .wp-block-post-featured-image { position: relative; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient { background-color: initial; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 { opacity: 0; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 { opacity: 0.1; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 { opacity: 0.2; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 { opacity: 0.3; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 { opacity: 0.4; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 { opacity: 0.5; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 { opacity: 0.6; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 { opacity: 0.7; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 { opacity: 0.8; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 { opacity: 0.9; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 { opacity: 1; } .wp-block-post-featured-image:where(.alignleft, .alignright) { width: 100%; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous { display: inline-block; margin-right: 1ch; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next { display: inline-block; margin-left: 1ch; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"], .wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"] { rotate: 180deg; } .wp-block-post-terms { box-sizing: border-box; } .wp-block-post-terms .wp-block-post-terms__separator { white-space: pre-wrap; } .wp-block-post-time-to-read, .wp-block-post-title { box-sizing: border-box; } .wp-block-post-title { word-break: break-word; } .wp-block-post-title :where(a) { display: inline-block; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-decoration: inherit; } .wp-block-post-author-name { box-sizing: border-box; } .wp-block-preformatted { box-sizing: border-box; white-space: pre-wrap; } :where(.wp-block-preformatted.has-background) { padding: 1.25em 2.375em; } .wp-block-pullquote { box-sizing: border-box; margin: 0px 0px 1em; overflow-wrap: break-word; padding: 4em 0px; text-align: center; } .wp-block-pullquote blockquote, .wp-block-pullquote cite, .wp-block-pullquote p { color: inherit; } .wp-block-pullquote blockquote { margin: 0px; } .wp-block-pullquote p { margin-top: 0px; } .wp-block-pullquote p:last-child { margin-bottom: 0px; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 420px; } .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; } .wp-block-pullquote .has-text-color a { color: inherit; } .wp-block-pullquote.has-text-align-left blockquote { text-align: left; } .wp-block-pullquote.has-text-align-right blockquote { text-align: right; } .wp-block-pullquote.has-text-align-center blockquote { text-align: center; } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; max-width: 60%; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 2em; margin-bottom: 0px; margin-top: 0px; } .wp-block-pullquote.is-style-solid-color blockquote cite { font-style: normal; text-transform: none; } .wp-block-pullquote cite { color: inherit; display: block; } .wp-block-post-template { box-sizing: border-box; list-style: none; margin-bottom: 0px; margin-top: 0px; max-width: 100%; padding: 0px; } .wp-block-post-template.is-flex-container { display: flex; flex-flow: wrap; gap: 1.25em; } .wp-block-post-template.is-flex-container > li { margin: 0px; width: 100%; } @media (min-width: 600px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { width: calc(50% - 0.625em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: calc(33.3333% - 0.83333em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li { width: calc(25% - 0.9375em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { width: calc(20% - 1em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc(16.6667% - 1.04167em); } } @media (max-width: 600px) { .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid { grid-template-columns: 1fr; } } .wp-block-post-template-is-layout-constrained > li > .alignright, .wp-block-post-template-is-layout-flow > li > .alignright { float: right; margin-inline: 2em 0px; } .wp-block-post-template-is-layout-constrained > li > .alignleft, .wp-block-post-template-is-layout-flow > li > .alignleft { float: left; margin-inline: 0px 2em; } .wp-block-post-template-is-layout-constrained > li > .aligncenter, .wp-block-post-template-is-layout-flow > li > .aligncenter { margin-inline: auto; } .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type { margin-inline-start: auto; } .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child { margin-inline-end: auto; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow { display: inline-block; margin-right: 1ch; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-query-pagination .wp-block-query-pagination-next-arrow { display: inline-block; margin-left: 1ch; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-query-pagination.aligncenter { justify-content: center; } .wp-block-query-title, .wp-block-query-total, .wp-block-quote { box-sizing: border-box; } .wp-block-quote { overflow-wrap: break-word; } .wp-block-quote.is-large:where(:not(.is-style-plain)), .wp-block-quote.is-style-large:where(:not(.is-style-plain)) { margin-bottom: 1em; padding: 0px 1em; } .wp-block-quote.is-large:where(:not(.is-style-plain)) p, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) p { font-size: 1.5em; font-style: italic; line-height: 1.6; } .wp-block-quote.is-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-large:where(:not(.is-style-plain)) footer, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer { font-size: 1.125em; text-align: right; } .wp-block-quote > cite { display: block; } .wp-block-read-more { display: block; width: fit-content; } .wp-block-read-more:where(:not([style*="text-decoration"])) { text-decoration: none; } .wp-block-read-more:where(:not([style*="text-decoration"])):active, .wp-block-read-more:where(:not([style*="text-decoration"])):focus { text-decoration: none; } ul.wp-block-rss.alignleft { margin-right: 2em; } ul.wp-block-rss.alignright { margin-left: 2em; } ul.wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0px; } ul.wp-block-rss.is-grid li { margin: 0px 1em 1em 0px; width: 100%; } @media (min-width: 600px) { ul.wp-block-rss.columns-2 li { width: calc(50% - 1em); } ul.wp-block-rss.columns-3 li { width: calc(33.3333% - 1em); } ul.wp-block-rss.columns-4 li { width: calc(25% - 1em); } ul.wp-block-rss.columns-5 li { width: calc(20% - 1em); } ul.wp-block-rss.columns-6 li { width: calc(16.6667% - 1em); } } .wp-block-rss__item-author, .wp-block-rss__item-publish-date { display: block; font-size: 0.8125em; } .wp-block-rss { box-sizing: border-box; list-style: none; padding: 0px; } .wp-block-search__button { margin-left: 10px; word-break: normal; } .wp-block-search__button.has-icon { line-height: 0; } .wp-block-search__button svg { height: 1.25em; min-height: 24px; min-width: 24px; width: 1.25em; fill: currentcolor; vertical-align: text-bottom; } :where(.wp-block-search__button) { border: 1px solid rgb(204, 204, 204); padding: 6px 10px; } .wp-block-search__inside-wrapper { display: flex; flex: 1 1 auto; flex-wrap: nowrap; max-width: 100%; } .wp-block-search__label { width: 100%; } .wp-block-search__input { appearance: none; border: 1px solid rgb(148, 148, 148); flex-grow: 1; margin-left: 0px; margin-right: 0px; min-width: 3rem; padding: 8px; text-decoration: unset !important; } .wp-block-search.wp-block-search__button-only .wp-block-search__button { box-sizing: border-box; display: flex; flex-shrink: 0; justify-content: center; margin-left: 0px; max-width: 100%; } .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper { min-width: 0px !important; transition-property: width; } .wp-block-search.wp-block-search__button-only .wp-block-search__input { flex-basis: 100%; transition-duration: 0.3s; } .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden, .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper { overflow: hidden; } .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input { flex-basis: 0px; flex-grow: 0; margin: 0px; border-left-width: 0px !important; border-right-width: 0px !important; min-width: 0px !important; padding-left: 0px !important; padding-right: 0px !important; width: 0px !important; } :where(.wp-block-search__input) { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-transform: inherit; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { border: 1px solid rgb(148, 148, 148); box-sizing: border-box; padding: 4px; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { border: none; border-radius: 0px; padding: 0px 4px; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { outline: none; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) { padding: 4px 8px; } .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto; } .wp-block[data-align="right"] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper { float: right; } .wp-block-separator { border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 2px solid; } :root :where(.wp-block-separator.is-style-dots) { height: auto; line-height: 1; text-align: center; } :root :where(.wp-block-separator.is-style-dots)::before { color: currentcolor; content: "···"; font-family: serif; font-size: 1.5em; letter-spacing: 2em; padding-left: 2em; } .wp-block-separator.is-style-dots { background: none !important; border: none !important; } .wp-block-site-logo { box-sizing: border-box; line-height: 0; } .wp-block-site-logo a { display: inline-block; line-height: 0; } .wp-block-site-logo.is-default-size img { height: auto; width: 120px; } .wp-block-site-logo img { height: auto; max-width: 100%; } .wp-block-site-logo a, .wp-block-site-logo img { border-radius: inherit; } .wp-block-site-logo.aligncenter { margin-left: auto; margin-right: auto; text-align: center; } :root :where(.wp-block-site-logo.is-style-rounded) { border-radius: 9999px; } .wp-block-site-tagline, .wp-block-site-title { box-sizing: border-box; } .wp-block-site-title :where(a) { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-decoration: inherit; } .wp-block-social-links { background: none; box-sizing: border-box; margin-left: 0px; padding-left: 0px; padding-right: 0px; text-indent: 0px; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { border-bottom: 0px; box-shadow: none; text-decoration: none; } .wp-block-social-links .wp-social-link svg { height: 1em; width: 1em; } .wp-block-social-links .wp-social-link span:not(.screen-reader-text) { font-size: 0.65em; margin-left: 0.5em; margin-right: 0.5em; } .wp-block-social-links.has-small-icon-size { font-size: 16px; } .wp-block-social-links, .wp-block-social-links.has-normal-icon-size { font-size: 24px; } .wp-block-social-links.has-large-icon-size { font-size: 36px; } .wp-block-social-links.has-huge-icon-size { font-size: 48px; } .wp-block-social-links.aligncenter { display: flex; justify-content: center; } .wp-block-social-links.alignright { justify-content: flex-end; } .wp-block-social-link { border-radius: 9999px; display: block; height: auto; } @media not (prefers-reduced-motion) { .wp-block-social-link { transition: transform 0.1s ease 0s; } } .wp-block-social-link a { align-items: center; display: flex; line-height: 0; } .wp-block-social-link:hover { transform: scale(1.1); } .wp-block-social-links .wp-block-social-link.wp-social-link { display: inline-block; margin: 0px; padding: 0px; } .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited { color: currentcolor; fill: currentcolor; } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link { background-color: rgb(240, 240, 240); color: rgb(68, 68, 68); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon { background-color: rgb(255, 153, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp { background-color: rgb(30, 160, 195); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance { background-color: rgb(7, 87, 254); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky { background-color: rgb(10, 122, 255); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen { background-color: rgb(30, 31, 38); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart { background-color: rgb(2, 228, 155); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord { background-color: rgb(88, 101, 242); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble { background-color: rgb(233, 76, 137); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox { background-color: rgb(66, 128, 255); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy { background-color: rgb(244, 88, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook { background-color: rgb(8, 102, 255); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr { background-color: rgb(4, 97, 221); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare { background-color: rgb(230, 86, 120); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github { background-color: rgb(36, 41, 45); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads { background-color: rgb(236, 234, 221); color: rgb(56, 33, 16); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google { background-color: rgb(234, 68, 52); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar { background-color: rgb(29, 79, 196); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram { background-color: rgb(240, 0, 117); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm { background-color: rgb(226, 27, 36); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin { background-color: rgb(13, 102, 194); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon { background-color: rgb(50, 136, 212); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup { background-color: rgb(246, 64, 95); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest { background-color: rgb(230, 1, 34); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket { background-color: rgb(239, 65, 85); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit { background-color: rgb(255, 69, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype { background-color: rgb(4, 120, 215); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat { background-color: rgb(254, 252, 0); color: rgb(255, 255, 255); stroke: rgb(0, 0, 0); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud { background-color: rgb(255, 86, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify { background-color: rgb(27, 215, 96); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram { background-color: rgb(42, 171, 238); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr { background-color: rgb(1, 24, 53); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch { background-color: rgb(100, 64, 164); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter { background-color: rgb(29, 161, 242); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo { background-color: rgb(30, 183, 234); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk { background-color: rgb(70, 128, 194); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress { background-color: rgb(52, 153, 205); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp { background-color: rgb(37, 211, 102); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp { background-color: rgb(211, 36, 34); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube { background-color: red; color: rgb(255, 255, 255); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link { background: none; } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg { height: 1.25em; width: 1.25em; } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon { color: rgb(255, 153, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp { color: rgb(30, 160, 195); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance { color: rgb(7, 87, 254); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky { color: rgb(10, 122, 255); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen { color: rgb(30, 31, 38); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart { color: rgb(2, 228, 155); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord { color: rgb(88, 101, 242); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble { color: rgb(233, 76, 137); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox { color: rgb(66, 128, 255); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy { color: rgb(244, 88, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook { color: rgb(8, 102, 255); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr { color: rgb(4, 97, 221); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare { color: rgb(230, 86, 120); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github { color: rgb(36, 41, 45); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads { color: rgb(56, 33, 16); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google { color: rgb(234, 68, 52); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar { color: rgb(29, 79, 196); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram { color: rgb(240, 0, 117); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm { color: rgb(226, 27, 36); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin { color: rgb(13, 102, 194); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon { color: rgb(50, 136, 212); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup { color: rgb(246, 64, 95); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest { color: rgb(230, 1, 34); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket { color: rgb(239, 65, 85); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit { color: rgb(255, 69, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype { color: rgb(4, 120, 215); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat { color: rgb(255, 255, 255); stroke: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud { color: rgb(255, 86, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify { color: rgb(27, 215, 96); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram { color: rgb(42, 171, 238); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr { color: rgb(1, 24, 53); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch { color: rgb(100, 64, 164); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter { color: rgb(29, 161, 242); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo { color: rgb(30, 183, 234); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk { color: rgb(70, 128, 194); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp { color: rgb(37, 211, 102); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress { color: rgb(52, 153, 205); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp { color: rgb(211, 36, 34); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube { color: red; } .wp-block-social-links.is-style-pill-shape .wp-social-link { width: auto; } :root :where(.wp-block-social-links .wp-social-link a) { padding: 0.25em; } :root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) { padding: 0px; } :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) { padding-left: 0.666667em; padding-right: 0.666667em; } .wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label { color: rgb(0, 0, 0); } .wp-block-spacer { clear: both; } .wp-block-tag-cloud { box-sizing: border-box; } .wp-block-tag-cloud.aligncenter { justify-content: center; text-align: center; } .wp-block-tag-cloud.alignfull { padding-left: 1em; padding-right: 1em; } .wp-block-tag-cloud a { display: inline-block; margin-right: 5px; } .wp-block-tag-cloud span { display: inline-block; margin-left: 5px; text-decoration: none; } :root :where(.wp-block-tag-cloud.is-style-outline) { display: flex; flex-wrap: wrap; gap: 1ch; } :root :where(.wp-block-tag-cloud.is-style-outline a) { border: 1px solid; margin-right: 0px; padding: 1ch 2ch; font-size: unset !important; text-decoration: none !important; } .wp-block-table { overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table thead { border-bottom: 3px solid; } .wp-block-table tfoot { border-top: 3px solid; } .wp-block-table td, .wp-block-table th { border: 1px solid; padding: 0.5em; } .wp-block-table .has-fixed-layout { table-layout: fixed; width: 100%; } .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { word-break: break-word; } .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright { display: table; width: auto; } .wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th { word-break: break-word; } .wp-block-table .has-subtle-light-gray-background-color { background-color: rgb(243, 244, 245); } .wp-block-table .has-subtle-pale-green-background-color { background-color: rgb(233, 251, 229); } .wp-block-table .has-subtle-pale-blue-background-color { background-color: rgb(231, 245, 254); } .wp-block-table .has-subtle-pale-pink-background-color { background-color: rgb(252, 240, 239); } .wp-block-table.is-style-stripes { background-color: initial; border-bottom: 1px solid rgb(240, 240, 240); border-collapse: inherit; border-spacing: 0px; } .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) { background-color: rgb(240, 240, 240); } .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(2n+1) { background-color: rgb(243, 244, 245); } .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(2n+1) { background-color: rgb(233, 251, 229); } .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(2n+1) { background-color: rgb(231, 245, 254); } .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(2n+1) { background-color: rgb(252, 240, 239); } .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { border-color: rgba(0, 0, 0, 0); } .wp-block-table .has-border-color td, .wp-block-table .has-border-color th, .wp-block-table .has-border-color tr, .wp-block-table .has-border-color > * { border-color: inherit; } .wp-block-table table[style*="border-top-color"] tr:first-child, .wp-block-table table[style*="border-top-color"] tr:first-child td, .wp-block-table table[style*="border-top-color"] tr:first-child th, .wp-block-table table[style*="border-top-color"] > *, .wp-block-table table[style*="border-top-color"] > * td, .wp-block-table table[style*="border-top-color"] > * th { border-top-color: inherit; } .wp-block-table table[style*="border-top-color"] tr:not(:first-child) { border-top-color: initial; } .wp-block-table table[style*="border-right-color"] td:last-child, .wp-block-table table[style*="border-right-color"] th, .wp-block-table table[style*="border-right-color"] tr, .wp-block-table table[style*="border-right-color"] > * { border-right-color: inherit; } .wp-block-table table[style*="border-bottom-color"] tr:last-child, .wp-block-table table[style*="border-bottom-color"] tr:last-child td, .wp-block-table table[style*="border-bottom-color"] tr:last-child th, .wp-block-table table[style*="border-bottom-color"] > *, .wp-block-table table[style*="border-bottom-color"] > * td, .wp-block-table table[style*="border-bottom-color"] > * th { border-bottom-color: inherit; } .wp-block-table table[style*="border-bottom-color"] tr:not(:last-child) { border-bottom-color: initial; } .wp-block-table table[style*="border-left-color"] td:first-child, .wp-block-table table[style*="border-left-color"] th, .wp-block-table table[style*="border-left-color"] tr, .wp-block-table table[style*="border-left-color"] > * { border-left-color: inherit; } .wp-block-table table[style*="border-style"] td, .wp-block-table table[style*="border-style"] th, .wp-block-table table[style*="border-style"] tr, .wp-block-table table[style*="border-style"] > * { border-style: inherit; } .wp-block-table table[style*="border-width"] td, .wp-block-table table[style*="border-width"] th, .wp-block-table table[style*="border-width"] tr, .wp-block-table table[style*="border-width"] > * { border-style: inherit; border-width: inherit; } :root :where(.wp-block-table-of-contents) { box-sizing: border-box; } :where(.wp-block-term-description) { box-sizing: border-box; margin-bottom: var(--wp--style--block-gap); margin-top: var(--wp--style--block-gap); } .wp-block-term-description p { margin-bottom: 0px; margin-top: 0px; } .wp-block-text-columns, .wp-block-text-columns.aligncenter { display: flex; } .wp-block-text-columns .wp-block-column { margin: 0px 1em; padding: 0px; } .wp-block-text-columns .wp-block-column:first-child { margin-left: 0px; } .wp-block-text-columns .wp-block-column:last-child { margin-right: 0px; } .wp-block-text-columns.columns-2 .wp-block-column { width: 50%; } .wp-block-text-columns.columns-3 .wp-block-column { width: 33.3333%; } .wp-block-text-columns.columns-4 .wp-block-column { width: 25%; } pre.wp-block-verse { overflow: auto; white-space: pre-wrap; } :where(pre.wp-block-verse) { font-family: inherit; } .wp-block-video { box-sizing: border-box; } .wp-block-video video { vertical-align: middle; width: 100%; } @supports (position:sticky) { .wp-block-video [poster] { object-fit: cover; } } .wp-block-video.aligncenter { text-align: center; } .wp-block-video :where(figcaption) { margin-bottom: 1em; margin-top: 0.5em; } .editor-styles-wrapper, .entry-content { counter-reset: footnotes 0; } a[data-fn].fn { counter-increment: footnotes 1; display: inline-flex; font-size: smaller; text-decoration: none; text-indent: -1e+07px; vertical-align: super; } a[data-fn].fn::after { content: "[" counter(footnotes) "]"; float: left; text-indent: 0px; } .wp-element-button { cursor: pointer; } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } :root .has-very-light-gray-background-color { background-color: rgb(238, 238, 238); } :root .has-very-dark-gray-background-color { background-color: rgb(49, 49, 49); } :root .has-very-light-gray-color { color: rgb(238, 238, 238); } :root .has-very-dark-gray-color { color: rgb(49, 49, 49); } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, rgb(0, 208, 132), rgb(6, 147, 227)); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, rgb(52, 226, 228), rgb(71, 33, 251) 50%, rgb(171, 29, 254)); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, rgb(250, 172, 168), rgb(218, 208, 236)); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, rgb(250, 250, 225), rgb(103, 166, 113)); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, rgb(253, 215, 154), rgb(0, 74, 89)); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, rgb(51, 9, 104), rgb(49, 205, 207)); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, rgb(2, 3, 129), rgb(40, 116, 252)); } .has-regular-font-size { font-size: 1em; } .has-larger-font-size { font-size: 2.625em; } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } .has-text-align-center { text-align: center; } .has-text-align-left { text-align: left; } .has-text-align-right { text-align: right; } #end-resizable-editor-section { display: none; } .aligncenter { clear: both; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } .screen-reader-text { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; } .screen-reader-text:focus { background-color: rgb(221, 221, 221); clip-path: none; color: rgb(68, 68, 68); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } html :where(.has-border-color) { border-style: solid; } html :where([style*="border-top-color"]) { border-top-style: solid; } html :where([style*="border-right-color"]) { border-right-style: solid; } html :where([style*="border-bottom-color"]) { border-bottom-style: solid; } html :where([style*="border-left-color"]) { border-left-style: solid; } html :where([style*="border-width"]) { border-style: solid; } html :where([style*="border-top-width"]) { border-top-style: solid; } html :where([style*="border-right-width"]) { border-right-style: solid; } html :where([style*="border-bottom-width"]) { border-bottom-style: solid; } html :where([style*="border-left-width"]) { border-left-style: solid; } html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; } :where(figure) { margin: 0px 0px 1em; } html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px); } @media screen and (max-width: 600px) { html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px; } } .wp-block-button__link { color: rgb(255, 255, 255); background-color: rgb(50, 55, 60); border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: rgb(50, 55, 60); color: rgb(255, 255, 255); text-decoration: none; } .lazyload { background-image: none !important; } .lazyload::before { background-image: none !important; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } html.hs-messages-widget-open.hs-messages-mobile, html.hs-messages-widget-open.hs-messages-mobile body { overflow: visible; position: relative !important; } html.hs-messages-widget-open.hs-messages-mobile body { height: 100% !important; margin: 0px !important; } #hubspot-messages-iframe-container { z-index: 2147483647; display: initial !important; position: fixed !important; bottom: 0px !important; } #hubspot-messages-iframe-container:hover .hs-drag-handle--v2--widget-open--left, #hubspot-messages-iframe-container:hover .hs-drag-handle--v2--widget-open--right { display: flex !important; } #hubspot-messages-iframe-container.widget-align-left { left: 0px !important; } #hubspot-messages-iframe-container.widget-align-right { right: 0px !important; } #hubspot-messages-iframe-container.internal { z-index: 1016; } #hubspot-messages-iframe-container.internal iframe { min-width: 108px; } #hubspot-messages-iframe-container .hs-shadow-container { z-index: -1; position: absolute; width: 0px; height: 0px; bottom: 0px; content: ""; display: initial !important; } #hubspot-messages-iframe-container .hs-shadow-container.internal { display: none !important; } #hubspot-messages-iframe-container .hs-shadow-container.active { width: 400px; height: 400px; } #hubspot-messages-iframe-container iframe { display: initial !important; width: 100% !important; height: 100% !important; border: none !important; position: absolute !important; bottom: 0px !important; right: 0px !important; background: transparent !important; } #hubspot-messages-iframe-container .hs-drag-handle--v2--widget-open--right { bottom: 20px; left: -5px; display: none !important; } #hubspot-messages-iframe-container .hs-drag-handle--v2--widget-open--left { bottom: 20px; right: -5px; display: none !important; } .hs-drag-handle { position: absolute; cursor: grab; height: 60px; display: none; align-items: center; transition: opacity 0.5s ease 0.5s; opacity: 1; } .hs-drag-handle--v1--right { right: 82px; bottom: 12px; } .hs-drag-handle--v1--left { left: 82px; bottom: 12px; } .hs-drag-handle--v2--icon-launcher--right { bottom: 23px; left: 15px; } .hs-drag-handle--v2--icon-launcher--left { bottom: 23px; right: 15px; } .hs-drag-handle--v2--pill-launcher--right { bottom: 20px; left: 10px; } .hs-drag-handle--v2--pill-launcher--left { bottom: 20px; right: 10px; } .hs-drag-handle--v2--hidden--left, .hs-drag-handle--v2--hidden--right { opacity: 0 !important; pointer-events: none !important; transition: none 0s ease 0s !important; } .hs-drag-overlay { position: absolute; inset: 0px; user-select: none; z-index: 999; display: none; } .go2933276541 { position: fixed; display: block; width: 100%; height: 0px; margin: 0px; padding: 0px; overflow: visible; transform-style: preserve-3d; background: transparent; backface-visibility: hidden; pointer-events: none; left: 0px; z-index: 9998; } .go2369186930 { top: 0px; z-index: 9999; height: 100%; width: 100%; } .go1348078617 { bottom: 0px; } .go2417249464 { position: fixed; z-index: 9989; } .go3921366393 { left: 0px; bottom: 0px; } .go3967842156 { right: 0px; bottom: 0px; } .go613305155 { left: 0px; top: 0px; } .go471583506 { right: 0px; top: 0px; } .go3670563033 { position: relative; overflow: hidden; display: none; } .go1041095097 { display: block; } .go1632949049 { position: absolute; pointer-events: none; width: 101vw; height: 101vh; background: rgba(0, 0, 0, 0.7); opacity: 0; z-index: -1; } .go2512015367 { z-index: 99998; opacity: 0.8; visibility: visible; pointer-events: all; cursor: pointer; } .go1432718904 { overflow: hidden; } .go812842568 { border: none; margin: 0px; display: block !important; position: static !important; box-sizing: border-box !important; background: transparent !important; min-height: 0px !important; max-height: none !important; padding: 0px !important; height: 100% !important; width: 1px !important; max-width: 100% !important; min-width: 100% !important; } .go722322694 { transition: none 0s ease 0s !important; } .go3064412225 { z-index: 99999; visibility: hidden; position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%) translateY(100vh); pointer-events: none; max-height: 95%; max-width: 95%; } .go1656994552 { visibility: visible; transform: translate(-50%, -50%) translateY(0px); transition: transform 0.75s linear(0 0%, 0.006 1.1%, 0.023 2.2%, 0.096 4.8%, 0.532 15.4%, 0.72 21%, 0.793 23.85%, 0.853 26.7%, 0.902 29.8667%, 0.941 33.0333%, 0.968 36.2%, 0.987 39.7%, 1 43.7%, 1.007 48.3%, 1.009 55.3%, 1.002 78.2%, 1 100%) 0s; pointer-events: auto !important; } .go456419034 { transition: opacity 0.3s ease-in 0s; } .go3128134379 { transition: max-height 1s ease-in 0s; pointer-events: auto !important; visibility: visible !important; max-height: 95vh !important; } .go494047706 { z-index: 9999; width: 100%; max-height: 95%; position: fixed; visibility: hidden; } .go2481764524 { z-index: 9999; width: 100%; max-height: 95%; position: fixed; visibility: hidden; bottom: 0px; } .go2685733372 { visibility: hidden; } .go2985984737 { visibility: visible !important; } .go3281949485 { pointer-events: auto !important; visibility: visible !important; max-height: 95vh !important; transform: none !important; } .go3508454897 { z-index: 9999; width: 100%; max-height: 95%; position: fixed; visibility: hidden; transition: transform 1s linear(0 0%, 0.006 1.15%, 0.022 2.3%, 0.091 5.1%, 0.18 7.6%, 0.508 16.3%, 0.607 19.325%, 0.691 22.35%, 0.762 25.375%, 0.822 28.4%, 0.872 31.75%, 0.912 35.1%, 0.944 38.9%, 0.968 43%, 0.985 47.6%, 0.996 53.1%, 1.001 58.4%, 1.003 65.1%, 1 100%) 0s; } .go988075951 { z-index: 9999; position: fixed; left: 10px; top: 10px; max-width: 95%; visibility: hidden; max-height: 95vh !important; } .go2699082514 { z-index: 9999; position: fixed; right: 10px; top: 10px; max-width: 95%; visibility: hidden; max-height: 95vh !important; } .go1595992025 { z-index: 9999; position: fixed; left: 10px; bottom: 10px; max-width: 95%; visibility: hidden; max-height: 95vh !important; } .go1222083472 { z-index: 9999; position: fixed; right: 10px; bottom: 10px; max-width: 95%; visibility: hidden; max-height: 95vh !important; } .go26732895 { cursor: pointer; } .go2083580917 { display: flex; justify-content: center; align-items: center; } a[href^="https://m.do.co/c/"] > img, [href="https://ourgoldguy.com/contact/"] img, a[href^="https://ads.betfair.com/redirect.aspx?"] { display: none !important; } (cache)森戸やすみ | こそだてまっぷ「うちの子」らしさを伸ばす学び・遊びの応援サイト

「うちの子」らしさを伸ばす学び・遊びの応援サイト

HOME
監修者・執筆者一覧
森戸やすみの記事一覧

word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word

mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1

森戸やすみ

森戸やすみさんが監修した記事一覧

人気記事ランキング

森戸 やすみ

森戸 やすみさんが監修した記事一覧

よく読まれるおすすめ記事

人気記事ランキング

森戸やすみ

森戸やすみさんが監修した記事一覧