img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}



body,
div,
figure,
form,
h1,
h2,
h3,
input,
li,
ol,
p,
textarea,
ul {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    overflow-y: scroll
}

h1,
h2,
h3 {
    font-size: 100%;
    font-weight: 400
}

ol,
ul {
    list-style: none
}

img {
    border: 0
}

a {
    text-decoration: none
}

:root {
    --svg-article-item-icon-key-locked: url("../index/7566484467fbe98c767ffd0462abeab71ea0d460.svg");
    --svg-article-item-icon-key-unlocked: url("../index/c1b6ebef977304d1ccd3fc30a1d1d549ff1e57ae.svg");
    --svg-article-item-icon-pr: url("../index/2b2c579829908edde6a154e96659d6352933422d.svg")
}

body {
    background: #fff;
    color: #1e2428;
    -webkit-text-size-adjust: 100%;
    font-display: swap;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Segoe UI, Helvetica Neue, HelveticaNeue, Hiragino Kaku Gothic ProN, Meiryo, sans-serif
}

@media screen and (max-width:599px) {
    img {
        height: auto;
        max-width: 100%;
        width: auto
    }
}

a {
    font-weight: 700;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .13);
    word-wrap: break-word
}

a:link {
    color: indigo
}

a:hover {
    text-decoration: underline
}

a:active {
    color: #aa36ff
}

a:visited {
    color: #6b808e
}

p {
    line-height: 1.7
}

@media screen and (max-width:599px) {
    p {
        line-height: 1.8;
        font-size: 16px;
    }
}

.p-svgs {
    display: none
}

img {
    touch-callout: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -khtml-user-drag: none;
    max-width: 100%;
}

:target:before {
    content: "";
    display: block;
    height: 43px;
    margin-top: -43px
}

@media screen and (max-width:599px) {
    :target:before {
        height: 49px;
        margin-top: -49px
    }
}

.layout-contents {
    display: block;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

@media screen and (min-width:600px) {
    .layout-contents {
        display: flex;
        grid-template-columns: 1fr 300px;
        justify-content: space-between;
        margin: auto;
        /*width: 1056px*/
        width: 1104px
    }

    .layout-contents:has(.layout-contents__single) {
        grid-template-columns: 1fr;
        justify-content: center
    }
}

@media(min-width:600px)and (max-width:calc(1104px + 32px)) {
    .layout-contents {
        margin: 0 16px
    }
}

@media screen and (min-width:600px) {
    .layout-contents__main {
        width: 724px
    }
}

@media screen and (min-width:600px) {

    .layout-contents:has(.layout-contents-wrap),
    .layout-contents:not(:has(.layout-contents__main)):not(:has(.layout-contents__single)) {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 10px 16px
    }
}

.c-scrap-btn-2020 {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: indigo;
    cursor: pointer;
    display: flex;
    font-feature-settings: "palt";
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none;
    transition: .3s
}

.c-scrap-btn-2020 svg {
    height: 16px;
    margin-right: 8px;
    width: 15px;
    fill: indigo
}

.c-scrap-btn-2020:hover {
    text-decoration: underline
}

.c-article-title {
    font-family: YakuHanJP, -apple-system, BlinkMacSystemFont, Roboto, Segoe UI, Helvetica Neue, HelveticaNeue, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px
}

@media screen and (max-width:599px) {
    .c-article-title {
        font-size: 1.25rem;
        margin-top: .5rem;
        padding: 0 16px
    }
}

.p-categorized-tags__set:not(:has(.secondary)) {
    grid-template-columns: 1fr
}

.p-categorized-tags__set:not(:has(.secondary)) button {
    display: none
}

.p-categorized-tags__set button:focus-visible {
    background-color: #ff7600;
    outline-color: #ff7600
}

.p-puzzle-calendar__list li:has(div:nth-child(2 of .item)) {
    grid-column: span 2;
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (min-width:600px) {
    .p-puzzle-calendar__list li:has(div:nth-child(2 of .item)) {
        grid-column: span 1;
        grid-template-columns: 1fr
    }
}

.p-puzzle-calendar__list li:has(div:nth-child(2 of .item)) .day {
    grid-column: span 2
}

@media screen and (min-width:600px) {
    .p-puzzle-calendar__list li:has(div:nth-child(2 of .item)) .day {
        grid-column: span 1
    }
}

.p-puzzle-calendar__list li:has(div:nth-child(3 of .item)) {
    grid-column: span 3;
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (min-width:600px) {
    .p-puzzle-calendar__list li:has(div:nth-child(3 of .item)) {
        grid-column: span 1;
        grid-template-columns: 1fr
    }
}

.p-puzzle-calendar__list li:has(div:nth-child(3 of .item)) .day {
    grid-column: span 3
}

@media screen and (min-width:600px) {
    .p-puzzle-calendar__list li:has(div:nth-child(3 of .item)) .day {
        grid-column: span 1
    }
}

.p-puzzle-calendar__list li:has(div:nth-child(4 of .item)) {
    grid-column: span 4;
    grid-template-columns: repeat(4, 1fr)
}

@media screen and (min-width:600px) {
    .p-puzzle-calendar__list li:has(div:nth-child(4 of .item)) {
        grid-column: span 1;
        grid-template-columns: 1fr
    }
}

.p-puzzle-calendar__list li:has(div:nth-child(4 of .item)) .day {
    grid-column: span 4
}

@media screen and (min-width:600px) {
    .p-puzzle-calendar__list li:has(div:nth-child(4 of .item)) .day {
        grid-column: span 1
    }
}

.p-puzzle-calendar__list li:has(div:nth-child(5 of .item)) {
    grid-column: span 5;
    grid-template-columns: repeat(5, 1fr)
}

@media screen and (min-width:600px) {
    .p-puzzle-calendar__list li:has(div:nth-child(5 of .item)) {
        grid-column: span 1;
        grid-template-columns: 1fr
    }
}

.p-puzzle-calendar__list li:has(div:nth-child(5 of .item)) .day {
    grid-column: span 5
}

@media screen and (min-width:600px) {
    .p-puzzle-calendar__list li:has(div:nth-child(5 of .item)) .day {
        grid-column: span 1
    }
}

.p-puzzle-calendar__list li .item dl dd:not(:has(svg)) {
    font-size: 8px;
    font-size: .5rem;
    line-height: 1.1;
    margin-top: 4px
}

@media screen and (min-width:600px) {
    .p-puzzle-calendar__list li .item dl dd:not(:has(svg)) {
        font-size: 10px;
        font-size: .625rem
    }
}

.p-feature-tags:has(.p-feature-tags__item[data-feature-tags-item=otekomachi]) {
    display: block !important;
    width: 100%
}

.p-feature-tags:has(.p-feature-tags__item[data-feature-tags-item=yomidr]) {
    display: block !important;
    width: 100%
}

.info:has(.p-feature-tags) .p-feature-tags {
    display: contents
}

.p-list:has(.p-feature-tags) .p-feature-tags {
    display: contents
}

.p-sidebar-slide__controller-prev:focus-visible {
    outline: auto;
    outline-color: #ff7600
}

.p-sidebar-slide__controller-next:focus-visible {
    outline: auto;
    outline-color: #ff7600
}

.p-sidebar-slide__controller-dots label:has(input:checked) {
    background-color: indigo
}

.p-sidebar-slide__controller-dots label:has(input:focus-visible) {
    outline: auto;
    outline-color: #ff7600
}

.p-sidebar-news-flash__contents .list .item:has(.lead) {
    grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
    grid-template-rows: auto auto 1fr
}

.p-sidebar-news-flash__contents .list .item .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-sidebar-news-flash__contents .list .item:not(:has(~.item)) {
    border: none
}

@media screen and (min-width:600px) {
    .layout-contents:has(.uni-member) .p-mypage-header {
        margin: auto;
        max-width: 700px
    }
}

.p-yomiuri333-header+.p-content-header:not(:has(.p-content-header__title)):not(:has(.p-content-header__action)) .p-content-header__lead {
    margin-top: 0
}

.p-content-slide__slides .slides-item a div:has([data-icon-type="*"]) {
    grid-area: item-icon
}

.p-content-slide .controller-prev:focus-visible {
    outline: auto;
    outline-color: #ff7600
}

.p-content-slide .controller-next:focus-visible {
    outline: auto;
    outline-color: #ff7600
}

.p-ad-dfp-weekly-pr {
    margin-top: 24px
}

@media screen and (max-width:599px) {
    .p-ad-dfp-weekly-pr {
        box-sizing: border-box;
        margin-top: 16px;
        padding: 0 16px
    }
}

@media screen and (max-width:320px) {
    .p-ad-dfp-weekly-pr {
        padding: 0 10px
    }
}

@media screen and (max-width:599px) {

    .p-ad-org-news-txt__item _:future {
        padding-top: 2px
    }
}

@media screen and (min-width:600px) {

    .p-ad-org-news-txt__item _:future {
        padding-top: 2px
    }
}

.p-article-header-item {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    gap: 8px 16px;
    position: relative;
    margin: 0 0 30px;
}

@media screen and (max-width:599px) {
    .p-article-header-item {
        margin: 0 16px
    }
}

.p-article-header-item:has(.p-article-header-item__provider) .p-article-header-item__provider {
    order: 99
}

@media screen and (min-width:600px) {
    .p-article-header-item:has(.p-article-header-item__provider) .p-article-header-item__provider {
        grid-column: span 5
    }
}

@media screen and (min-width:600px) {

    .p-article-header-item:has(.p-article-header-item__writers):has(.c-article-header-member-only),
    .p-article-header-item:has(.p-article-header-item__writers):has(.c-article-header-member-only-logged) {
        display: grid;
        grid-template-columns: auto auto auto 1fr auto
    }
}

.p-article-header-item:has(.p-article-header-item__writers):has(.c-article-header-member-only) .p-article-action-btn-2020__scrap .c-scrap-btn-2020,
.p-article-header-item:has(.p-article-header-item__writers):has(.c-article-header-member-only-logged) .p-article-action-btn-2020__scrap .c-scrap-btn-2020 {
    padding: 0
}

@media screen and (min-width:600px) {

    .p-article-header-item:has(.p-article-header-item__writers):has(.c-article-header-member-only) .p-feature-tags,
    .p-article-header-item:has(.p-article-header-item__writers):has(.c-article-header-member-only-logged) .p-feature-tags {
        grid-column: span 3
    }
}

.p-article-header-item:has(.p-article-header-item__writers):has(.c-article-header-member-only) .p-article-header-item__writers,
.p-article-header-item:has(.p-article-header-item__writers):has(.c-article-header-member-only-logged) .p-article-header-item__writers {
    flex-basis: 100%
}

@media screen and (min-width:600px) {

    .p-article-header-item:has(.p-article-header-item__writers):has(.c-article-header-member-only) .p-article-header-item__writers,
    .p-article-header-item:has(.p-article-header-item__writers):has(.c-article-header-member-only-logged) .p-article-header-item__writers {
        grid-column: span 4
    }
}

@media screen and (min-width:600px) {
    .p-article-header-item:has(.p-article-header-item__writers) {
        display: grid;
        grid-template-columns: auto auto 1fr auto
    }
}

.p-article-header-item:has(.p-article-header-item__writers) .p-article-action-btn-2020__scrap .c-scrap-btn-2020 {
    padding: 0
}

@media screen and (min-width:600px) {
    .p-article-header-item:has(.p-article-header-item__writers) .p-feature-tags {
        grid-column: span 2
    }
}

.p-article-header-item:has(.p-article-header-item__writers) .p-article-header-item__writers {
    flex-basis: 100%
}

@media screen and (min-width:600px) {
    .p-article-header-item:has(.p-article-header-item__writers) .p-article-header-item__writers {
        grid-column: span 3
    }
}

.p-article-action-btn-2020__article-foot,
.p-article-action-btn-2020__article-head {
    align-items: center;
    display: flex;
    flex-grow: 1
}

.p-article-action-btn-2020__scrap {
    flex-grow: 1;
    position: relative
}

@media screen and (min-width:600px) {
    .p-article-action-btn-2020__scrap {
        display: flex;
        justify-content: flex-end
    }
}

.p-article-action-btn-2020__scrap-popup {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    display: none;
    padding: 16px;
    position: absolute;
    text-align: center;
    top: calc(100% + 8px);
    width: calc(100vw - 32px);
    z-index: 1
}

@media screen and (min-width:600px) {
    .p-article-action-btn-2020__scrap-popup {
        min-width: 340px;
        width: auto
    }
}

.p-article-action-btn-2020__scrap-popup .title {
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700
}

.p-article-action-btn-2020__scrap-popup .link {
    display: inline-block;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 16px
}

.p-article-action-btn-2020__scrap-popup .link:visited {
    color: indigo
}

.p-article-action-btn-2020__scrap-popup .reg {
    align-items: center;
    background-color: indigo;
    border-radius: 2px;
    color: #fff;
    display: inline-flex;
    font-size: 15px;
    font-size: .9375rem;
    justify-content: center;
    margin: auto;
    padding: 10px 16px
}

.p-article-action-btn-2020__scrap-popup .reg:hover {
    background-color: #6800b5;
    text-decoration: none
}

.p-article-action-btn-2020__scrap-popup .close {
    font-size: 0;
    padding: 8px;
    position: absolute;
    right: 12px;
    top: 12px
}

.p-article-action-btn-2020__scrap-popup .close svg {
    height: 15px;
    width: 15px
}

.p-article-action-btn-2020__scrap-popup hr {
    background-color: #ddd;
    border: none;
    height: 1px;
    margin: 16px 0
}

.p-article-action-btn-2020__share {
    align-items: center;
    display: flex;
    font-size: 0;
    margin-left: 16px
}

.p-article-action-btn-2020__share li:not(:first-child) {
    margin-left: 12px
}

.p-article-action-btn-2020__share li svg {
    height: 20px;
    width: 20px
}

.p-article-action-btn-2020__help {
    flex-grow: 1;
    margin-left: 24px
}

.p-article-action-btn-2020__article-head {
    flex-basis: 100%;
    margin: 16px 0 0
}

@media screen and (min-width:600px) {
    .p-article-action-btn-2020__article-head {
        flex-basis: auto;
        justify-content: flex-end;
        margin: 8px 0
    }

    .p-article-action-btn-2020__article-head .p-article-action-btn-2020__scrap {
        flex-grow: 1
    }
}

.p-article-action-btn-2020__article-head .p-article-action-btn-2020__scrap-popup {
    left: 0;
    z-index: 3010
}

@media screen and (min-width:600px) {
    .p-article-action-btn-2020__article-head .p-article-action-btn-2020__scrap-popup {
        left: -70px
    }
}

@media(max-width:360px) {
    .p-article-action-btn-2020__article-head {
        flex-wrap: wrap
    }

    .p-article-action-btn-2020__article-head .p-article-action-btn-2020__share {
        flex-basis: 100%;
        justify-content: flex-start;
        margin: 8px 0 0
    }
}

.p-article-action-btn-2020__article-foot {
    flex-wrap: wrap;
    margin: 16px;
    z-index: 3010
}

@media screen and (min-width:600px) {
    .p-article-action-btn-2020__article-foot {
        flex-wrap: nowrap;
        margin: 16px 0
    }
}

.p-article-action-btn-2020__article-foot .p-article-action-btn-2020__scrap {
    flex-grow: 0
}

@media screen and (max-width:599px) {
    .p-article-action-btn-2020__article-foot .p-article-action-btn-2020__scrap {
        display: flex;
        flex-grow: 1;
        justify-content: flex-end;
        margin-right: 8px;
        order: 2
    }
}

.p-article-action-btn-2020__article-foot .p-article-action-btn-2020__scrap-popup {
    left: 0
}

@media screen and (max-width:599px) {

    .p-article-action-btn-2020__article-foot .p-article-action-btn-2020__help {
        flex-grow: 1;
        margin-left: 8px;
        order: 3
    }
}

@media(max-width:360px) {
    .p-article-action-btn-2020__article-foot {
        flex-wrap: wrap
    }

    .p-article-action-btn-2020__article-foot .p-article-action-btn-2020__scrap {
        flex-basis: 100%;
        justify-content: center
    }

    .p-article-action-btn-2020__article-foot .p-article-action-btn-2020__help {
        flex-basis: 100%;
        justify-content: center;
        margin-top: 8px;
        text-align: center
    }
}

.p-category-time-series__contents .list .item:has(.lead) {
    grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
    grid-template-rows: auto auto 1fr
}

.p-category-time-series__contents .list .item .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-category-time-series__contents .list .item:not(:has(figure)) {
    grid-template-areas: "article-item-h-title""article-item-h-info";
    grid-template-columns: 1fr !important
}

.p-category-groups__title:not(:has(a)) {
    align-items: center;
    background-color: #1e2428;
    border-radius: 99px;
    color: #fff;
    display: inline-flex;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.1;
    padding: 6px 16px
}

.p-category-groups__contents .list .item:has(.lead) {
    grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
    grid-template-rows: auto auto 1fr
}

.p-category-groups__contents .list .item .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-category-groups__contents .list .item[data-category-groups-item=full]:has(.lead) {
    grid-template-areas: "article-item-h-title""article-item-h-info""article-item-h-thumb""article-item-h-lead"
}

.p-category-organization__contents .list .item:not(:first-child):not(:has(figure)) {
    gap: 4px 0;
    grid-template-areas: "article-item-h-title""article-item-h-info";
    grid-template-columns: 1fr !important
}

.p-category-organization__contents .list .item:first-child:has(.lead) {
    grid-template-areas: "article-item-v-thumb""article-item-v-title""article-item-v-info""article-item-v-lead";
    grid-template-rows: auto auto auto 1fr
}

.p-category-organization__contents .list .item:first-child .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-category-organization__contents .list .item:first-child:has(figure):has(.lead) {
    grid-template-areas: "article-item-v-title""article-item-v-thumb""article-item-v-info""article-item-v-lead";
    grid-template-rows: auto auto auto 1fr
}

@media screen and (min-width:600px) {
    .p-category-organization__contents .list .item:first-child:has(figure):has(.lead) {
        grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
        grid-template-rows: auto auto 1fr
    }
}

.p-category-organization__contents .list .item:first-child:not(:has(figure)):has(.lead) {
    grid-template-columns: 1fr !important
}

@media screen and (min-width:600px) {
    .p-category-organization__contents .list .item:first-child:not(:has(figure)):has(.lead) {
        grid-template-areas: "article-item-h-title""article-item-h-info""article-item-h-lead"
    }
}

.p-category-organization__contents .list .item:first-child:not(:has(figure)):not(:has(.lead)) {
    gap: 4px 0;
    grid-template-columns: 1fr !important
}

@media screen and (min-width:600px) {
    .p-category-organization__contents .list .item:first-child:not(:has(figure)):not(:has(.lead)) {
        gap: 8px 0;
        grid-template-areas: "article-item-h-title""article-item-h-info"
    }
}

@media screen and (min-width:600px) {

    .p-category-organization__contents .list .item:first-child:has(.lead) {
        grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
        grid-template-rows: auto auto 1fr
    }
}

@media screen and (min-width:600px) {

    .p-category-organization__contents .list .item:first-child .info:not(:has(.p-feature-tags)) .icon {
        align-self: baseline
    }
}

.p-category-organization__contents .list .item:not(:first-child):has(.lead) {
    grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
    grid-template-rows: auto auto 1fr
}

.p-category-organization__contents .list .item:not(:first-child) .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-category-organization:not(:has(.p-category-organization__contents)) {
    margin: 0
}

.p-category-organization:not(:has(.p-category-organization__contents)) .p-category-organization-sec {
    margin-bottom: 24px
}

@media screen and (max-width:599px) {
    .p-category-organization:not(:has(.p-category-organization__contents)) .p-category-organization-sec {
        border-top: none
    }
}

.p-category-organization:not(:has(.p-category-organization__contents)) .p-category-organization-sec h2 {
    display: none
}

.p-category-organization:not(:has(.p-category-organization__contents)) .p-category-organization-sec-list .p-list-item:first-child {
    padding: 8px 0
}

@media screen and (min-width:600px) {
    .p-category-organization:not(:has(.p-category-organization__contents)) .p-category-organization-sec-list .p-list-item:first-child {
        border-bottom: 1px solid #ddd;
        padding: 20px 0 16px
    }
}

.p-category-organization:not(:has(.p-category-organization__contents)) .p-category-organization-sec-list .p-list-item:first-child article .c-list-thumb {
    margin-left: 20px
}

@media screen and (max-width:599px) {
    .p-category-organization:not(:has(.p-category-organization__contents)) .p-category-organization-sec-list .p-list-item:first-child article .c-list-thumb {
        margin: 0 auto .5rem
    }
}

.p-category-organization:not(:has(.p-category-organization__contents)) .p-category-organization-sec .p-list-col2 .p-list-item:first-child {
    flex-basis: 100%
}

.p-contents-ranking {
    display: grid;
    gap: 8px 0;
    margin: 32px 0 0
}

.p-contents-ranking__title {
    align-items: center;
    background-color: indigo;
    color: #fff;
    display: flex;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    gap: 0 16px;
    line-height: 1.1;
    padding: 6px 16px
}

.p-contents-ranking__tabs {
    align-self: center;
    display: flex;
    margin: 0 16px
}

@media(min-width:768px) {
    .p-contents-ranking__tabs {
        margin: 0
    }
}

.p-contents-ranking__tabs input[type=radio] {
    height: 0;
    opacity: 0;
    width: 0
}

.p-contents-ranking__tabs label {
    border-bottom: 2px solid transparent;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.1;
    padding: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.p-contents-ranking__tabs label:has(input:checked) {
    border-bottom: 2px solid indigo;
    font-weight: 700
}

.p-contents-ranking__panels {
    margin: 0 16px
}

@media(min-width:768px) {
    .p-contents-ranking__panels {
        margin: 0
    }
}

.p-contents-ranking__panels .panel {
    display: none
}

.p-contents-ranking__panels .panel .exp {
    color: indigo;
    font-size: 13px;
    font-size: .8125rem
}

.p-contents-ranking__panels .panel>ol.list {
    counter-reset: p-contents-ranking 0
}

.p-contents-ranking__panels .panel>ol.list li {
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    display: grid;
    gap: 0 10px;
    grid-template-columns: auto 1fr 90px;
    grid-template-rows: auto;
    padding: 10px 0
}

@media(min-width:1024px) {
    .p-contents-ranking__panels .panel>ol.list li {
        gap: 0 12px;
        grid-template-columns: auto 1fr 60px
    }
}

.p-contents-ranking__panels .panel>ol.list li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.p-contents-ranking__panels .panel>ol.list li:before {
    align-items: center;
    background-color: #f4f4f4;
    color: indigo;
    content: counter(p-contents-ranking) "";
    counter-increment: p-contents-ranking 1;
    display: grid;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: 1.1;
    width: 32px
}

.p-contents-ranking__panels .panel>ol.list li:first-of-type:before {
    background-color: #ff4602;
    color: #fff
}

.p-contents-ranking__panels .panel>ol.list li:nth-of-type(2):before {
    background-color: #ff7602;
    color: #fff
}

.p-contents-ranking__panels .panel>ol.list li:nth-of-type(3):before {
    background-color: #ff9e02;
    color: #fff
}

.p-contents-ranking__panels .panel>ol.list li .title {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.4
}

.p-contents-ranking__panels .panel>ol.list li figure {
    overflow: hidden
}

.p-contents-ranking__panels .panel>ol.list li figure img {
    aspect-ratio: 3/2;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.p-contents-ranking__panels .panel__more {
    padding-top: 10px;
    text-align: right
}

.p-contents-ranking:has(input[data-contents-ranking=daily]:checked) .panel[data-contents-ranking=daily] {
    display: block
}

.p-contents-ranking:has(input[data-contents-ranking=weekly]:checked) .panel[data-contents-ranking=weekly] {
    display: block
}

.p-contents-ranking:has(input[data-contents-ranking=archive]:checked) .panel[data-contents-ranking=archive] {
    display: block
}

.p-contents-ranking:has(input[data-contents-ranking=video]:checked) .panel[data-contents-ranking=video] {
    display: block
}

.layout-contents__main:has(.p-main-contents) .p-contents-ranking {
    gap: 10px 8px;
    margin: 40px 0 0
}

@media screen and (min-width:600px) {

    .layout-contents__main:has(.p-main-contents) .p-contents-ranking {
        display: none
    }
}

.layout-contents__main:has(.p-main-contents) .p-contents-ranking .p-contents-ranking__tabs {
    margin: 0 16px
}

.layout-contents__main:has(.p-main-contents) .p-contents-ranking .p-contents-ranking__panels {
    margin: 0 16px
}

.layout-contents__main:has(.p-main-contents) .p-contents-ranking .p-contents-ranking__panels .list li:before {
    font-size: 22px;
    font-size: 1.375rem
}

@media screen and (min-width:600px) {

    .layout-contents__main:has(.p-main-contents) .p-contents-ranking .p-contents-ranking__panels .list li:before {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.layout-contents:has(.p-main-contents) .layout-contents__sidebar .p-contents-ranking,
.layout-contents:has(.uni-news-top) .layout-contents__sidebar .p-contents-ranking {
    display: none
}

@media screen and (min-width:600px) {

    .layout-contents:has(.p-main-contents) .layout-contents__sidebar .p-contents-ranking,
    .layout-contents:has(.uni-news-top) .layout-contents__sidebar .p-contents-ranking {
        display: grid
    }
}

.p-contents-ranking-2020 input:not(:checked)+h3:hover {
    border-color: indigo
}

.p-contents-ranking-2020 input:not(:checked)+h3 label {
    cursor: pointer
}

.p-contents-ranking-2020 input:not(:checked)~ol {
    display: none
}

.p-digital-story:has(.p-digital-story__link) {
    position: relative
}

.p-digital-story:has(.p-digital-story__link) iframe {
    pointer-events: none;
    z-index: -1
}

.p-digital-story:has(.p-digital-story__link) .p-digital-story__link {
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-digital-story-v2:has(.p-digital-story-v2__link) {
    position: relative
}

.p-digital-story-v2:has(.p-digital-story-v2__link) iframe {
    pointer-events: none;
    z-index: -1
}

.p-digital-story-v2:has(.p-digital-story-v2__link) .p-digital-story-v2__link {
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-footer {
    margin-top: 40px;
    padding: 0 16px 120px
}

@media(min-width:768px) {
    .p-footer {
        margin-top: 64px
    }
}

@media(min-width:1312px) {
    .p-footer {
        box-sizing: border-box;
        margin: 64px auto 0;
        max-width: 100vw;
        padding: 0 0 120px;
        width: 1280px
    }
}

.p-footer .group-news__contents .list__group .item:has(.lead) {
    grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
    grid-template-rows: auto auto 1fr
}

.p-footer .group-news__contents .list__group .item .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-footer .copyright {
    color: #4d5760;
    font-size: 12px;
    font-size: .75rem;
    margin-top: 32px
}

.p-footer .copyright .license {
    margin-top: 12px
}

.p-giants-score__info:has(em) {
    padding: 0
}

.p-header {
    font-feature-settings: "palt";
    height: 80px;
    left: 0;
    position: relative;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 3040
}



@media(min-width:768px) {
    .p-header {
        height: 128px
    }
}

.p-header-view {
    background-color: #fff;
    display: flex;
    justify-content: center;
    width: 100%
}

.p-header-view:after {
    background-color: indigo;
    bottom: 0;
    content: "";
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3040
}

@media(min-width:768px) {
    .p-header-view:after {
        height: 48px
    }
}

.p-header-view__contents {
    display: grid;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas: "logo subnav all""belt belt belt";
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 40px 40px;
    height: 100%;
    max-width: 1280px;
    transition: .5s;
    width: 100%;
    z-index: 3041
}

@media(min-width:768px) {
    .p-header-view__contents {
        gap: 0 0;
        grid-auto-flow: row;
        grid-template-areas: "logo logo subnav subnav""all belt belt belt";
        grid-template-columns: auto auto 1fr 1fr;
        grid-template-rows: 80px 48px
    }
}

.p-header-view__contents .logo {
    align-items: center;
    display: flex;
    grid-area: logo;
    padding-left: 10px;
    padding-right: 8px
}

@media(min-width:1296px) {
    .p-header-view__contents .logo {
        padding-left: 0
    }
}

.p-header-view__contents .logo img {
    height: 18px
}

@media(max-width:360px) {
    .p-header-view__contents .logo img {
        height: 14px
    }
}

@media(min-width:768px) {
    .p-header-view__contents .logo img {
        height: 38px
    }
}

.p-header-view__contents .subnav {
    align-items: center;
    display: grid;
    grid-area: subnav;
    grid-template-areas: "weather member tools";
    grid-template-columns: 1fr repeat(2, auto)
}

@media(min-width:768px) {
    .p-header-view__contents .subnav {
        align-items: center;
        display: grid;
        gap: 0 24px;
        grid-template-areas: "tools weather member";
        grid-template-areas: "links tools weather member";
        grid-template-columns: 1fr repeat(2, auto);
        grid-template-columns: 1fr repeat(3, auto);
        padding-right: 10px
    }
}

@media(min-width:1296px) {
    .p-header-view__contents .subnav {
        padding-right: 0
    }
}

.p-header-view__contents .subnav:has(.mypage) .tools .search {
    display: block;
    margin-left: 8px
}

.p-header-view__contents .subnav .links {
    display: none;
    grid-area: links
}

@media(min-width:1130px) {
    .p-header-view__contents .subnav .links {
        display: flex;
        gap: 16px;
        justify-content: flex-end
    }
}

.p-header-view__contents .subnav .links li span {
    font-size: 13px;
    font-weight: 700;
}

.p-header-view__contents .subnav .links li span:link,
.p-header-view__contents .subnav .links li span:visited {
    color: #1e2428
}

.p-header-view__contents .subnav .tools {
    display: flex;
    grid-area: tools;
    justify-content: flex-end;
    color: #1e2428;

}

@media(min-width:768px) {
    .p-header-view__contents .subnav .tools {
        gap: 0 4px
    }
}

.p-header-view__contents .subnav .tools span {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 0;
    line-height: 1.1;
    padding: 6px 0
}

@media(min-width:768px) {
    .p-header-view__contents .subnav .tools span {
        padding: 6px
    }
}

.p-header-view__contents .subnav .tools span:before {
    background-color: #1e2428;
    content: "";
    display: block;
    -webkit-mask: var(--svg);
    mask: var(--svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: .3s
}

.p-header-view__contents .subnav .tools span:link,
.p-header-view__contents .subnav .tools span:visited {
    color: #1e2428;
    font-weight: 400
}

.p-header-view__contents .subnav .tools span:hover {
    text-decoration: none
}

.p-header-view__contents .subnav .tools span.search {
    display: none;
    --svg: url("../index/24f1661431e9e9f3b18d20c0cff6f16112fd0b77.svg")
}

@media(min-width:375px) {
    .p-header-view__contents .subnav .tools span.search {
        display: block;
        margin-left: 8px
    }
}

.p-header-view__contents .subnav .tools span.search:before {
    aspect-ratio: 18/18;
    height: auto;
    width: 20px
}

.p-header-view__contents .subnav .tools span.help {
    display: none;
    --svg: url("../index/0161772a86f537930816635d15e38b9e6079812b.svg")
}

@media(min-width:768px) {
    .p-header-view__contents .subnav .tools span.help {
        display: block
    }
}

.p-header-view__contents .subnav .tools span.help:before {
    aspect-ratio: 20/20;
    height: auto;
    width: 20px
}

.p-header-view__contents .subnav .member {
    align-items: center;
    display: flex;
    gap: 0 8px;
    grid-area: member
}

.p-header-view__contents .subnav .member .subscribe {
    flex-shrink: 0
}

.p-header-view__contents .subnav .member .subscribe span {
    align-items: center;
    background-color: #ff7600;
    border: 1px solid #ff7600;
    border-radius: 2px;
    display: flex;
    font-size: 0;
    height: 24px;
    padding: 0 10px;
    transition: .3s
}

@media(max-width:319px) {
    .p-header-view__contents .subnav .member .subscribe span {
        display: none
    }
}

@media(max-width:400px) {
    .p-header-view__contents .subnav .member .subscribe span {
        padding: 0 4px
    }
}

@media(min-width:768px) {
    .p-header-view__contents .subnav .member .subscribe span {
        border-radius: 3px;
        height: 38px
    }
}

.p-header-view__contents .subnav .member .subscribe span:after {
    color: #fff;
    content: "購読申込";
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1
}

@media(min-width:768px) {
    .p-header-view__contents .subnav .member .subscribe span:after {
        content: "購読お申し込み";
        font-size: 13px
    }
}

.p-header-view__contents .subnav .member .subscribe span:link,
.p-header-view__contents .subnav .member .subscribe span:visited {
    color: #fff
}

.p-header-view__contents .subnav .member .subscribe span:hover {
    background-color: #ff8c29;
    border-color: #ff8c29;
    text-decoration: none
}

.p-header-view__contents .subnav .member .loginsignup {
    display: block;
    flex-shrink: 0;
    color: indigo;
    font-weight: 700;
}

.p-header-view__contents .subnav .member .loginsignup span {
    align-items: center;
    border: 1px solid indigo;
    border-radius: 2px;
    display: flex;
    font-size: 10px;
    height: 24px;
    padding: 0 10px;
    transition: .3s
}

@media(max-width:400px) {
    .p-header-view__contents .subnav .member .loginsignup span {
        padding: 0 4px
    }
}

@media(min-width:768px) {
    .p-header-view__contents .subnav .member .loginsignup span {
        border-radius: 3px;
        font-size: 13px;
        height: 38px
    }
}

.p-header-view__contents .subnav .member .loginsignup span:link,
.p-header-view__contents .subnav .member .loginsignup span:visited {
    color: indigo
}

.p-header-view__contents .subnav .member .loginsignup span:hover {
    background-color: rgba(75, 0, 130, .1);
    text-decoration: none
}

@media(min-width:768px) {
    .p-header-view__contents .subnav .member .loginsignup {
        display: none
    }
}

.p-header-view__contents .subnav .member .signup {
    display: none
}

@media(min-width:768px) {
    .p-header-view__contents .subnav .member .signup {
        display: block;
        flex-shrink: 0
    }
}

.p-header-view__contents .subnav .member .signup span {
    align-items: center;
    border: 1px solid indigo;
    border-radius: 2px;
    display: flex;
    font-size: 10px;
    height: 24px;
    padding: 0 10px;
    transition: .3s
}

@media(min-width:768px) {
    .p-header-view__contents .subnav .member .signup span {
        border-radius: 3px;
        font-size: 13px;
        height: 38px
    }
}

.p-header-view__contents .subnav .member .signup span:link,
.p-header-view__contents .subnav .member .signup span:visited {
    color: indigo
}

.p-header-view__contents .subnav .member .login {
    display: none
}

@media(min-width:768px) {
    .p-header-view__contents .subnav .member .login {
        display: block;
        flex-shrink: 0
    }
}

.p-header-view__contents .subnav .member .login span {
    align-items: center;
    display: flex;
    font-size: 10px;
    height: 24px;
    padding: 0 10px;
    transition: .3s
}

@media(min-width:768px) {
    .p-header-view__contents .subnav .member .login span {
        font-size: 13px;
        height: 38px;
        color: #1e2428;
        font-weight: 700;
    }
}

.p-header-view__contents .subnav .member .login span:link,
.p-header-view__contents .subnav .member .login span:visited {
    color: #1e2428
}

.p-header-view__contents .subnav .member .mypage:has(#js-header-btn-mypage:checked) .mypage__modal {
    opacity: 1;
    pointer-events: all
}

.p-header-view__contents .globalnav-all {
    align-items: center;
    display: flex;
    grid-area: all;
    padding: 0 10px
}

@media(min-width:600px) {
    .p-header-view__contents .globalnav-all {
        padding-right: 12px
    }
}

@media(min-width:768px) {
    .p-header-view__contents .globalnav-all {
        padding-right: 14px
    }
}

@media(min-width:1296px) {
    .p-header-view__contents .globalnav-all {
        padding-left: 0
    }
}

.p-header-view__contents .globalnav-all label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 0;
    position: relative
}

@media(min-width:768px) {
    .p-header-view__contents .globalnav-all label {
        flex-direction: row
    }
}

.p-header-view__contents .globalnav-all label:before {
    --svg: url("../index/eb6d6cb5be300f2186e954f472a344031206b471.svg");
    aspect-ratio: 17/15;
    background-color: #1e2428;
    content: "";
    display: block;
    height: auto;
    -webkit-mask: var(--svg);
    mask: var(--svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: .3s;
    width: 17px
}

@media(min-width:768px) {
    .p-header-view__contents .globalnav-all label:before {
        --svg: url("../index/9160cffa69baded96f46533b2a6333d927d4ecc8.svg");
        aspect-ratio: 17/13;
        background-color: #fff;
        flex-shrink: 0;
        height: auto;
        width: 16px
    }
}

.p-header-view__contents .globalnav-all label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-header-view__contents .globalnav-all label div {
    color: #1e2428;
    font-size: 7px;
    line-height: 1.1;
    margin: 4px 0 0;
    transition: .3s
}

@media(min-width:768px) {
    .p-header-view__contents .globalnav-all label div {
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        margin: 0 0 0 4px
    }
}

.p-header-view__contents .globalnav-all label:hover:before {
    background-color: #1e2428
}

@media(min-width:768px) {
    .p-header-view__contents .globalnav-all label:hover:before {
        background-color: #fff
    }
}

.p-header-view__contents .globalnav-all label:has(:hover) div {
    color: #1e2428
}

@media(min-width:768px) {
    .p-header-view__contents .globalnav-all label:has(:hover) div {
        color: #fff;
        text-decoration: underline
    }
}

.p-header-view__contents .globalnav-all label:has(#js-header-btn-all:checked):before {
    --svg: url("../index/8cfa59cea4716f0063ec63ea9a7a822ad2138d41.svg")
}

.p-header-view__contents .globalnav-belt {
    display: flex;
    grid-area: belt;
    max-width: 100%;
    overflow-x: auto;
    padding: 0 20px;
    scrollbar-width: none
}

@media(min-width:768px) {
    .p-header-view__contents .globalnav-belt {
        padding: 0
    }
}

@media(min-width:1280px) {
    .p-header-view__contents .globalnav-belt {
        overflow: visible
    }
}

.p-header-view__contents .globalnav-belt::-webkit-scrollbar {
    display: none
}

.p-header-view__contents .globalnav-belt>ul {
    display: flex;
    flex-shrink: 0;
    gap: 0 20px
}

@media(min-width:768px) {
    .p-header-view__contents .globalnav-belt>ul:before {
        align-self: center;
        background-color: #fff;
        content: "";
        display: block;
        height: 16px;
        width: 1px
    }
}

@media(min-width:1280px) {
    .p-header-view__contents .globalnav-belt>ul {
        gap: 0 0
    }

    .p-header-view__contents .globalnav-belt>ul:first-child {
        flex-grow: 1;
        justify-content: space-between
    }
}

@media(min-width:1280px)and (min-width:1280px) {
    .p-header-view__contents .globalnav-belt>ul:first-child>li:first-child {
        margin-left: 2px
    }
}

@media(min-width:768px) {
    .p-header-view__contents .globalnav-belt>ul:last-child {
        padding-right: 20px
    }
}

@media(min-width:1280px) {
    .p-header-view__contents .globalnav-belt>ul:last-child {
        padding-right: 0
    }
}

.p-header-view__contents .globalnav-belt>ul:not(:first-child) {
    margin-left: 20px
}

@media(min-width:1280px) {
    .p-header-view__contents .globalnav-belt>ul:not(:first-child) {
        margin-left: 0
    }
}

.p-header-view__contents .globalnav-belt>ul>li {
    flex-shrink: 0;
    line-height: 1.1;
    position: relative
}

@media(min-width:1280px) {
    .p-header-view__contents .globalnav-belt>ul>li:first-child {
        margin-left: 6px
    }

    .p-header-view__contents .globalnav-belt>ul>li:last-child {
        margin-right: 6px
    }

    .p-header-view__contents .globalnav-belt>ul>li:has(.sub):hover>a:link,
    .p-header-view__contents .globalnav-belt>ul>li:has(.sub):hover>a:visited {
        color: #1e2428
    }

    .p-header-view__contents .globalnav-belt>ul>li:has(.sub):hover>a:after {
        background-color: #fff
    }

    .p-header-view__contents .globalnav-belt>ul>li:has(.sub):hover .sub {
        display: grid
    }
}

.p-header-view__contents .globalnav-belt>ul>li>span {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    height: 100%;
    color: #fff;
    position: relative
}

@media(min-width:1280px) {
    .p-header-view__contents .globalnav-belt>ul>li>span {
        padding: 0 8px
    }
}

.p-header-view__contents .globalnav-belt>ul>li>span:link,
.p-header-view__contents .globalnav-belt>ul>li>span:visited {
    color: #fff
}

@media(min-width:1280px) {
    .p-header-view__contents .globalnav-belt>ul>li>span:after {
        background-color: transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 6px;
        z-index: -1
    }
}

@media(min-width:1280px) {

    .p-header-view__contents .globalnav-belt>ul>li .sub-set {
        display: grid;
        gap: 10px 8px;
        grid-column: span 2;
        grid-template-columns: subgrid
    }

    .p-header-view__contents .globalnav-belt>ul>li .sub-set .list {
        display: grid;
        gap: 12px 40px;
        grid-column: span 2;
        grid-template-columns: subgrid
    }
}

.p-header-navall {
    bottom: 0;
    contain-intrinsic-size: 100vw calc(100vh - 40px);
    contain-intrinsic-size: 100dvw calc(100dvh - 40px);
    content-visibility: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    height: calc(100vh - 40px);
    height: calc(100dvh - 40px);
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 40px;
    transition: .3s;
    width: 100%;
    z-index: 3050
}

@media(min-width:768px) {
    .p-header-navall {
        box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
        contain-intrinsic-size: none;
        height: auto;
        margin: auto;
        max-height: calc(100vh - 128px);
        max-width: 100%;
        position: static
    }
}

@media(min-width:1296px) {
    .p-header-navall {
        max-width: 1280px
    }
}

.p-header-navall__main {
    background-color: #fff;
    border-top: 1px solid #ddd;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none
}

.p-header-navall__main::-webkit-scrollbar {
    display: none
}

.p-header-navall__main .search {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 16px 16px 8px
}

@media(min-width:768px) {
    .p-header-navall__main .search {
        display: none
    }
}

.p-header-navall__main .search .box {
    background-color: #f2f2f2;
    border-radius: 2px;
    display: flex;
    height: 32px;
    max-width: 100%;
    width: 260px
}

.p-header-navall__main .search .box button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    aspect-ratio: 1/1;
    background-color: indigo;
    border: none;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 0;
    justify-content: center;
    transition: .3s
}

.p-header-navall__main .search .box button:hover {
    background-color: #6800b5
}

.p-header-navall__main .search .box button:active {
    background-color: #9f1cff
}

.p-header-navall__main .search .box button:before {
    --svg: url("../index/57ad988960bd1d532764b8b407e81e6819a60aed.svg");
    aspect-ratio: 18/18;
    background-color: #fff;
    content: "";
    display: block;
    height: auto;
    -webkit-mask: var(--svg);
    mask: var(--svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: .3s;
    width: 14px
}

.p-header-navall__main .search .option {
    flex-shrink: 0;
    margin-left: 16px
}

.p-header-navall__main .ymenu {
    padding: 4px 24px 24px
}

@media(min-width:768px) {
    .p-header-navall__main .ymenu {
        display: grid;
        gap: 32px 14px;
        grid-template-areas: "navset-news  navset-opinion navset-column navset-special navset-stream      navset-service""navset-news  navset-serial  navset-column navset-special navset-photo       navset-service""navset-news  navset-serial  navset-column navset-special navset-member      navset-service""navset-links navset-serial  navset-column navset-podcast navset-contribute  navset-service""navset-links navset-serial  navset-column navset-podcast navset-contribute  navset-specialized";
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(4, auto) 1fr;
        padding: 24px
    }
}

@media(min-width:1280px) {
    .p-header-navall__main .ymenu {
        gap: 32px 24px
    }
}

.p-header-navall__main .ymenu-navset:not(:first-child) {
    margin-top: 24px
}

@media(min-width:768px) {
    .p-header-navall__main .ymenu-navset:not(:first-child) {
        margin-top: 0
    }
}

.p-header-navall__main .ymenu-navset .title {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.1
}

.p-header-navall__main .ymenu-navset .list {
    display: grid;
    gap: 13px 16px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    margin-top: 13px
}

@media(min-width:768px) {
    .p-header-navall__main .ymenu-navset .list {
        gap: 10px 0;
        grid-template-columns: 1fr;
        margin-top: 10px
    }
}

.p-header-navall__main .ymenu-navetc {
    display: grid;
    gap: 16px 0;
    margin-top: 40px
}

@media(min-width:768px) {
    .p-header-navall__main .ymenu-navetc {
        display: none
    }
}

.p-header-navall__main .ymenu-navetc>div {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.1
}

.p-header-navall__bar {
    background-color: #fff;
    border-top: 1px solid #ddd;
    overflow: hidden;
    width: 100%
}

@media(min-width:768px) {
    .p-header-navall__bar {
        display: none
    }
}

.p-header-navall__bar .ycontents {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none
}

.p-header-navall__bar .ycontents::-webkit-scrollbar {
    display: none
}

.p-header:has(#js-header-btn-all:checked) {
    left: 0;
    position: fixed;
    top: 0
}

@media(min-width:768px) {
    .p-header:has(#js-header-btn-all:checked) {
        position: sticky
    }
}

.p-header:has(#js-header-btn-all:checked) .p-header-navall {
    content-visibility: visible;
    opacity: 1;
    pointer-events: all
}

@media screen and (min-width:600px) {
    body:has(.uni-member) .p-header-simple {
        margin: 0;
        max-width: 100dvw;
        min-width: 1056px
    }
}

.p-header-notice {
    margin: 16px auto;
    max-width: 1280px;
    padding: 0 16px;
    width: 100%
}

.p-header-notice:empty {
    margin: 0 auto
}

.p-header-notice__item details::details-content {
    height: 0;
    overflow: clip;
    transition: height .4s, content-visibility allow-discrete .4s
}

.p-header-notice__item details[open]::details-content {
    height: auto;
    height: calc-size(auto, size)
}

@media(min-width:calc(1280px + 15px)) {
    body:not(:has(.uni-home)) .p-header-notice {
        padding: 0
    }
}

@media screen and (min-width:600px) {
    body:not(:has(.uni-home)) .p-header-notice {
        width: 1088px
    }
}

@media screen and (min-width:600px) {
    body:not(:has(.uni-home)) .layout-contents__main .p-header-notice {
        margin: 0;
        padding: 0;
        width: 100%
    }
}

@media(min-width:calc(1280px + 15px)) {
    body:has(.article-content) .p-header-notice {
        padding: 0 16px
    }
}

.p-header-category {
    display: grid;
    gap: 8px 0;
    margin: 0 16px 16px;
    max-width: 100%;
}

@media screen and (min-width:600px) {
    .p-header-category {
        width: 1104px
    }
}

@media(min-width:calc(1104px + 32px)) {
    .p-header-category {
        margin: 0 auto 16px
    }
}

.p-header-category__breadcrumbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;

}

.p-header-category__breadcrumbs li {
    display: flex;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.1
}

.p-header-category__breadcrumbs li:not(:last-child):after {
    --svg: url("../index/996d2ae8e2c8921ab1d43ea1fa33044fe365c8cc.svg");
    aspect-ratio: 7/12;
    background-color: #b4b4b4;
    content: "";
    display: block;
    flex-shrink: 0;
    height: auto;
    margin-left: 8px;
    -webkit-mask: var(--svg);
    mask: var(--svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: .3s;
    width: 5px
}

.p-header-category__sibling:has(.menu input:checked) .menu {
    font-size: 0
}

.p-header-category__sibling:has(.menu input:checked) .menu:before {
    content: "メニューを閉じる";
    font-size: 13px;
    font-size: .8125rem
}

.p-header-category__sibling:has(.menu input:checked) .menu:after {
    --svg:
}

.p-header-category__sibling:has(.menu input:checked) .list {
    display: block
}

.p-header-category__subnav .toggle-button:has(input:checked):after {
    content: "閉じる"
}

.p-header-category__subnav .toggle-button:has(input:checked):before {
    --svg: ;
    aspect-ratio: 10/2;
    background-color: indigo;
    content: "";
    display: block;
    flex-shrink: 0;
    height: auto;
    margin-right: 4px;
    -webkit-mask: var(--svg);
    mask: var(--svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: .3s;
    width: 10px
}

.p-header-category__subnav:has(.toggle-button input:checked) .toggle-list {
    display: grid
}

.p-header-category:after {
    margin-bottom: 20px
}

.p-headline__contents .list .hero .item:has(.lead) {
    grid-template-areas: "article-item-v-thumb""article-item-v-title""article-item-v-info""article-item-v-lead";
    grid-template-rows: auto auto auto 1fr
}

.p-headline__contents .list .hero .item .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-headline__contents .list>div.item:has(.lead) {
    grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
    grid-template-rows: auto auto 1fr
}

.p-headline__contents .list>div.item .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-headline__ads .item:has(.lead) {
    grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
    grid-template-rows: auto auto 1fr
}

.p-headline__ads .item .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-latest-2col__contents .list>div.item:has(.lead) {
    grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
    grid-template-rows: auto auto 1fr
}

.p-latest-2col__contents .list>div.item .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-main-contents:after {
    clear: both;
    content: "";
    display: block
}

.p-main-contents {
    font-size: 16px;
    font-size: 1rem
}

@media screen and (max-width:599px) {
    .p-main-contents {
        margin: 24px 16px
    }
}

@supports(-ms-ime-align:auto) {
}

.p-main-contents img {
    height: auto;
    max-height: auto;
    max-width: 100%;
    width: 100%
}

.p-otekomachi-profile:has(.advice) {
    border-top: none;
    gap: 0 16px;
    grid-template-areas: "advice advice""photo name""photo job""note note""link link";
    grid-template-rows: auto auto 1fr auto auto;
    padding-top: 0
}

.p-selection__contents .list__group .item:has(.lead) {
    grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
    grid-template-rows: auto auto 1fr
}

.p-selection__contents .list__group .item .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-selection__ads .item:has(.lead) {
    grid-template-areas: "article-item-h-title article-item-h-thumb""article-item-h-info  article-item-h-thumb""article-item-h-lead  article-item-h-thumb";
    grid-template-rows: auto auto 1fr
}

.p-selection__ads .item .info:not(:has(.p-feature-tags)) .icon {
    align-self: baseline
}

.p-sidebar-member-present-list__item a:not(:has(figure)) {
    color: #1e2428;
    font-size: 13px;
    font-size: .8125rem;
    grid-area: title;
    line-height: 1.5
}

.p-sidebar-member-present-list__item a:has(figure) {
    display: block;
    grid-area: thumb
}

.p-trends {
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 20px 16px;
    max-width: calc(100% - 32px);
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (min-width:600px) {
    .p-trends {
        margin: 24px auto;
        padding: 0;
        width: 1104px
    }
}

.p-trends:after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 30%, #fff);
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

@media(min-width:1024px) {
    .p-trends:after {
        display: none
    }
}

.p-trends__list {
    align-items: center;
    display: flex;
    gap: 0 4px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    overscroll-behavior: none;
    padding-right: 30px;
    scrollbar-width: none
}

.p-trends__list::-webkit-scrollbar {
    display: none
}

@media(min-width:1024px) {
    .p-trends__list {
        flex-wrap: wrap;
        gap: 8px;
        overflow: visible
    }
}

.p-trends__list li {
    flex-shrink: 0
}

.p-trends__list li span {
    border: 1px solid indigo;
    border-radius: 2px;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.1;
    padding: 4px 6px;
    transition: .3s
}

.p-trends__list li span:visited {
    color: indigo
}

@media print {
    body {
        -webkit-print-color-adjust: exact
    }

    .p-header {
        left: 0;
        position: relative;
        top: 0
    }
}

@media print {

    body.home .p-header-view__contents .globalnav-all label:has(:hover) div {
        color: #fff;
        text-decoration: underline
    }

    body.home .p-header-view__contents .globalnav-belt>ul>li:has(.sub):hover>a:link,
    body.home .p-header-view__contents .globalnav-belt>ul>li:has(.sub):hover>a:visited {
        color: #1e2428
    }

    body.home .p-header-view__contents .globalnav-belt>ul>li:has(.sub):hover>a:after {
        background-color: #fff
    }

    body.home .p-header-view__contents .globalnav-belt>ul>li:has(.sub):hover .sub {
        display: grid
    }
}

@media print {

    body.home .p-header:has(#js-header-btn-all:checked) {
        position: sticky
    }
}

@media print {

    body:has(.layout-contents):has(.p-header) #ob-explore-more,
    body:has(.layout-contents):has(.p-header) #ob-readmore-placeholder,
    body:has(.layout-contents):has(.p-header) .ad_inview,
    body:has(.layout-contents):has(.p-header) .article-header :not(.c-article-title),
    body:has(.layout-contents):has(.p-header) .c-article-btn-category,
    body:has(.layout-contents):has(.p-header) .c-article-btn-ranking,
    body:has(.layout-contents):has(.p-header) .c-pagetop-btn,
    body:has(.layout-contents):has(.p-header) .c-square-arrow-btn,
    body:has(.layout-contents):has(.p-header) .ev-article-manual-related__article-inline,
    body:has(.layout-contents):has(.p-header) .layout-contents__sidebar,
    body:has(.layout-contents):has(.p-header) .p-ad-dfp-banner,
    body:has(.layout-contents):has(.p-header) .p-ad-dfp-middle-rec,
    body:has(.layout-contents):has(.p-header) .p-ad-dfp-premiumrec,
    body:has(.layout-contents):has(.p-header) .p-ad-dfp-weekly-pr,
    body:has(.layout-contents):has(.p-header) .p-ad-outbrain-pr,
    body:has(.layout-contents):has(.p-header) .p-ad-txt-nowrap,
    body:has(.layout-contents):has(.p-header) .p-ad-txt-wrap,
    body:has(.layout-contents):has(.p-header) .p-article-action-btn-2020__article-foot,
    body:has(.layout-contents):has(.p-header) .p-contents-ranking,
    body:has(.layout-contents):has(.p-header) .p-header,
    body:has(.layout-contents):has(.p-header) .p-header-category,
    body:has(.layout-contents):has(.p-header) .p-header-notice,
    body:has(.layout-contents):has(.p-header) .p-headline,
    body:has(.layout-contents):has(.p-header) .p-outbrain-recommend,
    body:has(.layout-contents):has(.p-header) .p-selection,
    body:has(.layout-contents):has(.p-header) .p-trends {
        display: none !important
    }

    body:has(.layout-contents):has(.p-header) .layout-contents {
        margin: auto;
        width: 1104px
    }

    body:has(.layout-contents):has(.p-header) .layout-contents:before {
        --svg: url("../index/ed3d5f3d3060d108abb4d28c8b638f290ae8e930.svg");
        aspect-ratio: 351/42;
        background-image: var(--svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: auto;
        margin: 24px auto 40px;
        width: 351px
    }

    body:has(.layout-contents):has(.p-header) .p-footer {
        margin: auto;
        width: 1088px
    }

    body:has(.layout-contents):has(.p-header) .p-footer .about-yol,
    body:has(.layout-contents):has(.p-header) .p-footer .corporate-info,
    body:has(.layout-contents):has(.p-header) .p-footer .group-links,
    body:has(.layout-contents):has(.p-header) .p-footer .group-news,
    body:has(.layout-contents):has(.p-header) .p-footer .group-newspaper,
    body:has(.layout-contents):has(.p-header) .p-footer .operationsite,
    body:has(.layout-contents):has(.p-header) .p-footer .social-links {
        display: none !important
    }
}



/* Slider */



@charset 'UTF-8';
/* Slider */

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: ;
    src:  format('embedded-opentype'),  format('woff'),  format('truetype'),  format('svg');
}
/* Arrows */

/* Dots */
/* IEハック用 */
/* js生成部分 */


:root {
    --svg-article-item-icon-key-locked: url("../index/7566484467fbe98c767ffd0462abeab71ea0d460.svg");
    --svg-article-item-icon-key-unlocked: url("../index/c1b6ebef977304d1ccd3fc30a1d1d549ff1e57ae.svg");
    --svg-article-item-icon-pr: url("../index/2b2c579829908edde6a154e96659d6352933422d.svg")
}

.uni-scrap button {
    background: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: 0;
    padding: 0
}

.uni-scrap .scrap-modal {
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 9999
}

.uni-scrap .scrap-modal-screen {
    background-color: rgba(30, 36, 40, .5);
    height: 100vh;
    width: 100vw
}

.uni-scrap .scrap-modal-common {
    display: none;
    position: absolute
}

.uni-scrap .scrap-modal-common-head {
    display: grid;
    font-size: 14px;
    font-size: .875rem;
    gap: 10px 0;
    padding: 20px 20px 0
}

.uni-scrap .scrap-modal-common-head__close {
    color: transparent;
    height: 20px;
    justify-self: end;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 20px
}

.uni-scrap .scrap-modal-common-head__close:after,
.uni-scrap .scrap-modal-common-head__close:before {
    background-color: #8e9193;
    content: "";
    display: inline-block;
    height: 2px;
    position: absolute;
    width: 20px
}

.uni-scrap .scrap-modal-common-head__close:before {
    left: 0;
    top: 10px;
    transform: rotate(-45deg)
}

.uni-scrap .scrap-modal-common-head__close:after {
    left: 0;
    top: 10px;
    transform: rotate(45deg)
}

.uni-scrap .scrap-modal-common-head__notice {
    background-color: #f4f4f4;
    font-weight: 700;
    padding: 8px
}

@media screen and (min-width:600px) {
    .uni-scrap .scrap-modal-common-button {
        display: flex;
        justify-content: end;
        padding: 20px 30px
    }
}

@media screen and (max-width:599px) {
    .uni-scrap .scrap-modal-common-button {
        background-color: rgba(75, 0, 130, .1);
        display: flex;
        justify-content: center;
        padding: 10px;
        width: 100%
    }
}

.uni-scrap .scrap-modal-common-button button {
    font-size: 14px;
    font-size: .875rem;
    height: 40px;
    width: 144px
}

.uni-scrap .scrap-modal-common-button__cansel {
    color: #8e9193
}

.uni-scrap .scrap-modal-common-button__perform {
    border-radius: 50px;
    color: #fff
}

.uni-scrap .scrap-modal-common-button__perform--purple {
    background-color: indigo
}

.uni-scrap .scrap-modal-common-button__perform:hover {
    opacity: .7
}

.uni-scrap .scrap-modal-message-detail__text-caution {
    color: #fe5d4b;
    display: block;
    font-size: 12px;
    font-size: .75rem
}

.uni-scrap .scrap-modal-edit {
    background-color: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 624px
}

@media screen and (max-width:599px) {
    .uni-scrap .scrap-modal-edit {
        width: 90%
    }
}

.uni-scrap .scrap-modal-edit-detail {
    font-size: 14px;
    font-size: .875rem;
    padding: 16px 30px 0
}

@media screen and (max-width:599px) {
    .uni-scrap .scrap-modal-edit-detail {
        padding: 20px
    }
}

.uni-scrap .scrap-modal-edit-detail__title {
    color: #8e9193
}

.uni-scrap .scrap-modal-edit-detail__textarea {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 16px;
    font-size: 1rem;
    height: 8rem;
    margin-top: 10px;
    padding: 10px;
    resize: none;
    width: 100%
}

.uni-scrap .scrap-modal-comp {
    align-items: center;
    background-color: #fff;
    display: none;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    min-height: 250px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px
}

@media screen and (max-width:599px) {
    .uni-scrap .scrap-modal-comp {
        width: 90%
    }
}

@charset "UTF-8";

.wp-block-audio :where(figcaption) {
    margin-bottom: 1em;
    margin-top: .5em
}

:where(.wp-block-button__link) {
    border-radius: 9999px;
    box-shadow: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    text-decoration: none
}

: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: .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-calendar table:where(:not(.has-text-color)) {
    color: #40464d
}

.wp-block-calendar table:where(:not(.has-text-color)) td,
.wp-block-calendar table:where(:not(.has-text-color)) th {
    border-color: #ddd
}

:where(.wp-block-calendar table:not(.has-background) th) {
    background: #ddd
}

:where(.wp-block-columns) {
    margin-bottom: 1.75em
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-post-comments .comment-reply-title :where(small) {
    font-size: var(--wp--preset--font-size--medium, smaller);
    margin-left: .5em
}

:where(.wp-block-post-comments input[type=submit]) {
    border: none
}

@supports (-webkit-touch-callout:inherit) {
}

:where(.wp-block-cover-image:not(.has-text-color)),
:where(.wp-block-cover:not(.has-text-color)) {
    color: #fff
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)),
:where(.wp-block-cover.is-light:not(.has-text-color)) {
    color: #000
}

: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
}

.wp-block-embed :where(figcaption) {
    margin-bottom: 1em;
    margin-top: .5em
}

:where(.wp-block-file) {
    margin-bottom: 1.5em
}

:where(.wp-block-file__button) {
    border-radius: 2em;
    display: inline-block;
    padding: .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: #fff;
    opacity: .85;
    text-decoration: none
}

.wp-block-form-input__label:has(input[type=checkbox]) {
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content
}

.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
    margin: 0
}

.wp-block-form-input__label:has(.wp-block-form-input__label-content+input[type=checkbox]) {
    flex-direction: row-reverse
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
    bottom: 0;
    left: 0;
    max-height: 100%;
    position: absolute;
    right: 0
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    content: "";
    height: 100%;
    -webkit-mask-image: linear-gradient(0deg, #000 20%, #0000);
    mask-image: linear-gradient(0deg, #000 20%, #0000);
    max-height: 40%
}

:where(.wp-block-group.wp-block-group-is-layout-constrained) {
    position: relative
}

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 :where(figcaption) {
    margin-bottom: 1em;
    margin-top: .5em
}

@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
}

:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
    border-radius: 9999px
}

.wp-lightbox-container button:focus-visible {
    outline: 3px auto #5a5a5a40;
    outline: 3px auto -webkit-focus-ring-color;
    outline-offset: 3px
}

.wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
    background-color: #5a5a5a40;
    border: none
}

.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) {
    background: none;
    border: none
}

: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
}

:root :where(.wp-block-latest-posts.is-grid) {
    padding: 0
}

:root :where(.wp-block-latest-posts.wp-block-latest-posts__list) {
    padding-left: 0
}

ol,
ul {
    box-sizing: border-box
}

:root :where(.wp-block-list.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-navigation :where(a),
.wp-block-navigation :where(a:active),
.wp-block-navigation :where(a:focus) {
    text-decoration: none
}

: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: .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: .5em 1em
}

.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a) {
    color: inherit
}

.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 8.4em;
    font-style: normal;
    font-weight: 100;
    line-height: .68;
    margin: .05em .1em 0 0;
    text-transform: uppercase
}

body.rtl .has-drop-cap:not(:focus):first-letter {
    float: none;
    margin-left: .1em
}

:root :where(p.has-background) {
    padding: 1.25em 2.375em
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit
}

:where(.wp-block-post-comments-form) input:not([type=submit]),
:where(.wp-block-post-comments-form) textarea {
    border: 1px solid #949494;
    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(.667em + 2px)
}

.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-reply-title :where(small) {
    font-size: var(--wp--preset--font-size--medium, smaller);
    margin-left: .5em
}

: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-featured-image :where(img) {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    width: 100%
}

.wp-block-post-featured-image:where(.alignleft, .alignright) {
    width: 100%
}

.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
}

:where(.wp-block-preformatted.has-background) {
    padding: 1.25em 2.375em
}

.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: 0 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-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
}

:where(.wp-block-search__button) {
    border: 1px solid #ccc;
    padding: 6px 10px
}

: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 #949494;
    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: 0;
    padding: 0 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
}

: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
}

:root :where(.wp-block-site-logo.is-style-rounded) {
    border-radius: 9999px
}

.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
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
    background-color: #f0f0f0;
    color: #444
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky {
    background-color: #0a7aff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
    background-color: #0866ff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github {
    background-color: #24292d;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar {
    background-color: #1d4fc4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit {
    background-color: #ff4500;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat {
    background-color: #fefc00;
    color: #fff;
    stroke: #000
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp {
    background-color: #25d366;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
    background-color: red;
    color: #fff
}

: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: #f90
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp {
    color: #1ea0c3
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance {
    color: #0757fe
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky {
    color: #0a7aff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen {
    color: #1e1f26
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
    color: #02e49b
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
    color: #e94c89
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox {
    color: #4280ff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy {
    color: #f45800
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook {
    color: #0866ff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr {
    color: #0461dd
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare {
    color: #e65678
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github {
    color: #24292d
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
    color: #382110
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google {
    color: #ea4434
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar {
    color: #1d4fc4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram {
    color: #f00075
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm {
    color: #e21b24
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin {
    color: #0d66c2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon {
    color: #3288d4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup {
    color: #f6405f
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest {
    color: #e60122
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket {
    color: #ef4155
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit {
    color: #ff4500
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype {
    color: #0478d7
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat {
    color: #fff;
    stroke: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud {
    color: #ff5600
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify {
    color: #1bd760
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram {
    color: #2aabee
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr {
    color: #011835
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch {
    color: #6440a4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter {
    color: #1da1f2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo {
    color: #1eb7ea
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk {
    color: #4680c2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp {
    color: #25d366
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress {
    color: #3499cd
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp {
    color: #d32422
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube {
    color: red
}

:root :where(.wp-block-social-links .wp-social-link a) {
    padding: .25em
}

:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) {
    padding: 0
}

:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) {
    padding-left: .66667em;
    padding-right: .66667em
}

: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;
    font-size: unset !important;
    margin-right: 0;
    padding: 1ch 2ch;
    text-decoration: none !important
}

: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)
}

:where(pre.wp-block-verse) {
    font-family: inherit
}

@supports (position:sticky) {
}

.wp-block-video :where(figcaption) {
    margin-bottom: 1em;
    margin-top: .5em
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

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: 0 0 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
    }
}


:root {
    --svg-article-item-icon-key-locked: url("../index/7566484467fbe98c767ffd0462abeab71ea0d460.svg");
    --svg-article-item-icon-key-unlocked: url("../index/c1b6ebef977304d1ccd3fc30a1d1d549ff1e57ae.svg");
    --svg-article-item-icon-pr: url("../index/2b2c579829908edde6a154e96659d6352933422d.svg")
}


img {
    max-width: 100%;
}


.comments {
    margin-top: 2rem;
    font-size: 1rem;
}
.block {
    padding-top: 0.5rem;
}
.answer {
    padding-left: 3rem;
}
.answer-block {
    border-left: 4px solid #000;
    padding-top: 0.4rem !important;
}
.comments__title {
    font-weight: 700;
    color: #1b1b1b;
}
.comments__title::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    margin-bottom: 1rem;
}
.comments__block {
    border-bottom: 1px solid rgba(0, 0, 0, 0.279);
}
.block__input {
    display: flex;
    flex-direction: column;
    background-color: #f7f7f7;
    padding: 12px 16px 20px;
}
.block__input-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
}
.block__input-top span:first-child {
    color: #000;
    font-weight: 700;
}
.block__input-top span:last-child {
    color: #3b5998;
}
.block__input-info {
    display: flex;
    gap: 0.4rem;
}
.block__input-info input {
    width: 100%;
    height: 80px;
    border-radius: 5px;
    border: 1px solid #1b1b1b;
    text-align: left;
}
.block__input-avatar {
}

.avatar__img {
    max-width: 50px;
    border-radius: 5px;
}
.block__row {
    padding: 0 10px;
    display: flex;
}
.block__info {
    flex: 1 1 90%;
    margin-left: 0.5rem;
}

.info__name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}
.info__name-dis {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    color: #4d4d4d;
    font-size: 0.9rem;
}

.info__text-text {
    text-align: left;
    font-size: 16px;
}
.info__like {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 5px;
}
.info__like-row {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1rem;
    color: #4d4d4d77;
}
.info__like-row .fa-twitter {
    font-size: 0.8rem;
}
.block__info::after {
    margin-bottom: 1rem;
}
.comment-block-input__button {
    cursor: pointer;
}

/*=========REG=============*/

.reg {
    margin-top: 1rem;
    font-size: var(--text-size);
}
.reg__title {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.reg__list {
    margin: 0 auto;
    font-size: var(--title-size);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    list-style: none;
    list-style-type: none;
    counter-reset: list-counter;
    width: 100%;
    padding-left: 0;
}
.reg__item {
    counter-increment: list-counter;
    border: 1px solid #a198a5;
    box-shadow: 0 1px 1px 0 #d7a5fa;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 1.2rem;
}

.reg__item::before {
    content: counter(list-counter);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    line-height: 29px;
    text-align: center;
    font-weight: bold;
    margin-right: 10px;
    border: 2px solid rgb(150, 30, 235);
    color: rgb(150, 30, 235);
    font-family: ui-monospace;
}

.reg__item p {
    margin: 0;
    padding: 0;
}

.button-link {
    background-color: #007fff;
    color: white !important;
    display: block;
    margin: 2rem auto;
    max-width: 70%;
    padding: 15px;
    border-radius: 6px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    animation: pulseAnimation 2s ease-in-out infinite;
}
@keyframes pulseAnimation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}
.button-link:hover {
    background-color: #e11229;
}

.reg__item::marker {
    color: indigo;
    font-size: 1.5rem;
}
/* HEADER */

@media (max-width: 768px) {
    .layout-contents__sidebar {
        display: none;
    }
    .layout-contents__main {
        width: 100% !important;
    }
}

.p-header-view__contents .globalnav-all label,
.p-header-view__contents .globalnav-all label div {
    pointer-events: none;
}

.layout-contents__main a {
    color: #007fff;
    text-decoration: underline;
}

.reg__list {
    /* margin: 0; */
    /* width: 650px; */
    max-width: 100%;
}

.layout-contents__main a:hover {
    color: #e11229;
    text-decoration: underline;
}

.button-link:hover {
    color: white !important;
}

.layout-contents aside {
    width: 300px;
}

/*.layout-contents {
    max-width: 1056px;
    width: 100%;
    gap: 10px;
}*/

.layout-contents__main {
    max-width: 724px;
    width: calc(100% - 340px);
}

.p-footer {
    max-width: 1280px;
    width: 100%;
    box-sizing: border-box;
}

.lightbox-img {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.lightbox-img::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.5;
    width: 50px;
    height: 50px;
    background-image: url("https://aio-tech.ams3.digitaloceanspaces.com/production/landing-cdn/666/8f653629-c678-4f56-99b9-d217e43821b5/assets/img/lupa.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 600px) and (max-width: calc(1088px)) {
    .layout-contents {
        margin: 0;
        padding: 0 16px;
    }
}

.swiper-slide {
    display: flex;
    justify-content: center;
}

img.swiper-slide {
    object-fit: cover;
    aspect-ratio: 16/10;
}

.swiper {
    margin-bottom: 20px;
    --swiper-pagination-color: indigo;
    --swiper-navigation-color: indigo;
}

.layout-contents__sidebar {
    pointer-events: none;
}


.info p {
    font-size: 16px;
}

@media all and (min-width: 600px) {
    .info p {
        font-size: 18px;
    }
}

p {
    margin: 30px 0;
}
@media (max-width: 600px) {
    .info {
        margin: 0 12px 12px 12px; 
    }
}

@media (max-width: 600px) {
    .p-header {
        position: sticky;
    }
}

.p-trends__title {
    display: block;
    flex-shrink: 0;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    margin-right: 8px
}

@media(min-width: 768px) {
    .p-trends__title {
        font-size:14px;
        font-size: .875rem;
        margin-right: 12px
    }
}

.sns-share-api svg {
    height: 15px !important;
    margin-right: 6px;
    vertical-align: bottom;
    width: 15px !important;
}

.sns-share-api span {
    font-size: .8125rem;
    line-height: 1;
    color: indigo;
    font-weight: 700;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .13);
    word-wrap: break-word;
}

.sns-share-api span:after {
    content: "する";
}

.layout-contents__main a {
    font-weight: inherit;
}
.reg p {
    font-size: 18px;
}


.lightbox-img {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.lightbox-img::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.5;
    width: 50px;
    height: 50px;
    background-image: url("../index/lupa.svg");
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 767px) {
    .comments__title {
        margin-left: 10px;
    }
}
@media (min-width: 1280px) {
    .p-header-view__contents .globalnav-belt {
        overflow: hidden;
    }
}
.reg__list p,
.article-content p {
    margin: 16px 0;
}
.offer__link {
    font-weight: 400;
}

::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: auto !important;
}

.info-box {
		background: #e8eff5;
		border-radius: 8px;
		padding: 24px 28px 20px;
		margin: 32px 0;
	}

	.info-box h3 {
		font-family: 'Source Serif 4', Georgia, serif;
		font-size: 22px;
		font-weight: 900;
		margin-bottom: 4px;
		color: var(--nrk-text);
	}

	.info-box p {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 6px;
		color: var(--nrk-text);
	}

	.info-box .ib-line {
		font-size: 15px;
		color: var(--nrk-text);
		margin-bottom: 12px;
	}

    .expert-card {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		background: #f7f9fb;
		border: 1px solid #e8ecf0;
		border-radius: 10px;
		padding: 24px;
		margin-bottom: 20px;
	}

	.expert-avatar {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		object-fit: cover;
		flex-shrink: 0;
		border: 3px solid var(--nrk-border);
	}

	.expert-info {
		flex: 1;
	}

	.expert-info h4 {
		font-family: 'Source Serif 4', Georgia, serif;
		font-size: 18px;
		font-weight: 900;
		color: var(--nrk-blue);
		margin-bottom: 2px;
	}

	.expert-info>span {
		display: block;
		font-size: 13px;
		color: var(--nrk-gray);
		margin-bottom: 10px;
	}

	.expert-info p {
		font-size: 16px;
		line-height: 1.6;
		color: var(--nrk-text);
		margin-bottom: 0;
	}