@charset "UTF-8";

.block-editor .edit-post-visual-editor,
.p-post-content {
    margin-inline: auto;
    width: min(100%, var(--content--width--basic))
}

.editor-styles-wrapper {
    --spacer-color: #eef5ff
}

.editor-styles-wrapper>:first-child {
    margin-block-start: 0 !important
}

.editor-styles-wrapper .aligncenter {
    margin: 0 auto 1em;
    text-align: center
}

.wp-block-table:is(.editor-styles-wrapper .aligncenter) {
    display: block
}

.editor-styles-wrapper :where(.has-background) {
    padding: var(--margin-s)
}

.editor-styles-wrapper kbd {
    background-color: var(--color--use--bg);
    border: 1px solid var(--color--use--border);
    border-radius: .4em;
    box-shadow: .1em .1em .2em rgba(0, 0, 0, .1);
    font-size: .875em;
    margin-inline: .2em;
    padding-inline: .5em
}

.p-post-content {
    display: flow-root
}

.p-post-content .wp-block-media-text__content>:where(*)+:where(*),
.p-post-content>:where(*)+:where(*) {
    margin-block-start: calc(1em*var(--line-height))
}

.p-post-content .has-white-background-color:not(table) {
    border: 1px solid
}

.p-post-content .has-white-background-color:not(table):not(.has-text-color) {
    border-color: var(--color--use--border)
}

.p-post-content figcaption {
    font-size: .815em;
    line-height: 1.5;
    margin-block-start: .5em;
    margin-bottom: 0;
    text-align: center
}

.block-editor .edit-post-visual-editor {
    --margin-selected: min(6.452vw, 80px)
}

.block-editor .edit-post-visual-editor__post-title-wrapper {
    margin-bottom: var(--margin-selected)
}

.block-editor .editor-styles-wrapper {
    font-family: var(--font-family-main) !important;
    padding-block-end: 4em;
    padding-inline: var(--margin-m)
}

.block-editor .editor-styles-wrapper .has-white-background-color {
    border: 1px solid
}

.block-editor .editor-styles-wrapper .has-white-background-color:not(table):not(.has-text-color) {
    border-color: var(--color--use--border)
}

.block-editor .components-toolbar-group .components-button.components-toolbar-button[aria-label=横並び],
.block-editor .components-toolbar-group .components-button.components-toolbar-button[aria-label=縦積み],
.block-library-heading-level-dropdown .components-dropdown-menu__menu>.components-dropdown-menu__menu-item:first-child,
.block-library-heading-level-dropdown .components-dropdown-menu__menu>.components-dropdown-menu__menu-item:nth-child(5),
.block-library-heading-level-dropdown .components-dropdown-menu__menu>.components-dropdown-menu__menu-item:nth-child(6) {
    display: none
}

.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4 {
    clear: both;
    margin-block-end: 1em;
    margin-block-start: 2.5em;
    position: relative
}

.editor-styles-wrapper h2 {
    align-items: center;
    background-color: var(--color--use--bg);
    border-radius: var(--radius);
    font-size: var(--clamp--font-size-2xl);
    margin-block-end: var(--margin-s);
    padding-block: calc(.533em + var(--leading-trim));
    padding-inline: .833em
}

.editor-styles-wrapper h2,
.editor-styles-wrapper h3 {
    font-weight: var(--font-weight-medium);
    position: relative
}

.editor-styles-wrapper h3 {
    border-block-end: 2px solid var(--color--use--border);
    font-size: var(--clamp--font-size-xl);
    margin-block-end: var(--margin-2xs);
    padding-block-end: calc(.625em + var(--leading-trim))
}

.editor-styles-wrapper h4 {
    font-size: var(--clamp--font-size-l);
    font-weight: var(--font-weight-medium);
    margin-block-end: var(--margin-2xs);
    padding-block-end: calc(.75em + var(--leading-trim));
    position: relative
}

.editor-styles-wrapper h4:after {
    background-color: var(--color--use--border);
    content: "";
    display: block;
    height: 2px;
    inset-block-end: 0;
    position: absolute;
    width: 2.3em
}

.editor-styles-wrapper .has-text-color h2,
.editor-styles-wrapper .has-text-color h3,
.editor-styles-wrapper .has-text-color h4 {
    color: currentColor !important
}

.editor-styles-wrapper .has-text-color h3:before {
    background-color: currentColor !important
}

.editor-styles-wrapper .has-background>h2:first-child,
.editor-styles-wrapper .has-background>h3:first-child,
.editor-styles-wrapper .has-background>h4:first-child {
    margin-block-start: 0
}

.editor-styles-wrapper ul {
    list-style-type: disc
}

.editor-styles-wrapper ul:not(.has-background) {
    padding-inline-start: 1.25em
}

.editor-styles-wrapper ul.has-background {
    padding-inline-start: 3.625em
}

.editor-styles-wrapper ul ul {
    list-style-type: circle
}

.editor-styles-wrapper ul ul ul {
    list-style-type: square
}

.editor-styles-wrapper ol {
    list-style-type: decimal
}

.editor-styles-wrapper ol:not(.has-background) {
    padding-inline-start: 1.25em
}

.editor-styles-wrapper ol.has-background {
    padding-inline-start: 3.625em
}

.editor-styles-wrapper .has-text-color li::marker {
    color: currentColor !important
}

.wp-block-quote {
    background-color: var(--color--use--bg);
    padding: 1em
}

.wp-block-quote:not(.is-style-plain) {
    border-inline-start: .25em solid
}

.wp-block-quote cite,
.wp-block-quote>p+p {
    margin-block-start: 1em
}

.wp-block-quote cite {
    display: block;
    font-size: .8125em;
    text-align: end
}

.wp-block-table table {
    line-height: 1.5;
    order: 1
}

.wp-block-table table thead {
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .132)
}

.wp-block-table figcaption {
    margin-block-start: .5em
}

.wp-block-table tfoot {
    border-top: 1px solid rgba(0, 0, 0, .132)
}

.wp-block-table tr>* {
    min-width: 6em
}

.wp-block-table td,
.wp-block-table th {
    border: 1px solid rgba(0, 0, 0, .132);
    padding: .85em .75em;
    vertical-align: middle
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, .06)
}

.wp-block-table.is-style-stripes table thead {
    background-color: transparent
}

.wp-block-table.is-style-stripes tr {
    border-block-width: 0
}

.wp-block-image {
    margin-block-end: 1em
}

.p-post-content .wp-block-image a {
    display: block;
    position: relative
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    aspect-ratio: 7/5;
    max-width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    padding: 1em .5em .5em
}

.wp-block-gallery.has-nested-images figcaption {
    margin-block-start: 0;
    width: 100%
}

.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
    max-width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)
}

.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
    max-width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)
}

.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
    max-width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)
}

.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
    max-width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)
}

.p-post-content .wp-block-gallery.has-nested-images figure.wp-block-image {
    overflow: hidden
}

.p-post-content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    pointer-events: none;
    transform: translateY(100%);
    transition: .6s ease-in-out
}

.p-post-content .wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption {
    transform: translate(0)
}

.wp-block-file .wp-block-file__button {
    --_file--bg-color: var(--color--theme--primary);
    --_file--bg-color--hover: var(--color--theme--secondary-dull);
    background-color: var(--_file--bg-color);
    display: inline-block
}

.wp-block-file .wp-block-file__button:hover {
    background-color: var(--_file--bg-color--hover)
}

.wp-block-media-text {
    gap: var(--wp--style--block-gap, 8%)
}

.wp-block-media-text .wp-block-media-text__content {
    padding: 0
}

.wp-block-media-text .wp-block-media-text__content h2:first-child,
.wp-block-media-text .wp-block-media-text__content h3:first-child,
.wp-block-media-text .wp-block-media-text__content h4:first-child {
    margin-block-start: 0
}

.wp-block-video video {
    display: block;
    margin-inline: auto;
    max-width: 800px
}

.p-post-content .wp-block-buttons {
    --wp--style--block-gap: var(--margin-s);
    margin-block-start: var(--margin-m)
}

.wp-block-buttons .wp-block-button {
    --_button--color: var(--color--theme--primary);
    --_button--color--hover: var(--color--theme--secondary-dull)
}

.wp-block-buttons .wp-block-button:not(.is-style-outline) .wp-block-button__link {
    background-color: var(--_button--color);
    color: var(--color--use--above)
}

.wp-block-buttons .wp-block-button:not(.is-style-outline) :hover {
    background-color: var(--_button--color--hover)
}

.wp-block-button.is-style-fill .wp-block-button__link {
    background-color: var(--_button--color);
    color: var(--color--use--above)
}

.wp-block-button.is-style-fill .wp-block-button__link:hover {
    background-color: var(--_button--color--hover)
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
    color: var(--_button--color)
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover {
    color: var(--_button--color--hover)
}

.wp-block-details {
    --details--margin-block: 0.8em;
    --details--margin-inline: 1em;
    padding-block-end: 0;
    padding-block-start: var(--details--margin-block);
    padding-inline: var(--details--margin-inline)
}

.wp-block-details:not(.has-background) {
    border: 1px solid var(--color--use--border)
}

.wp-block-details>summary {
    display: list-item;
    margin-block: calc(var(--details--margin-block)*-1) 0 !important;
    margin-inline: calc(var(--details--margin-inline)*-1) !important;
    padding: var(--details--margin-block) var(--details--margin-inline);
    transition: var(--duration)
}

.wp-block-details>summary:hover {
    background-color: rgba(0, 0, 0, .1)
}

.wp-block-details>summary+* {
    margin-block-start: 0
}

.wp-block-details[open] {
    padding-block-end: var(--details--margin-block)
}

.wp-block-details[open]>summary {
    border-block-end: 1px dotted var(--color--use--border);
    margin-block-end: var(--details--margin-block) !important
}

.wp-block-footnotes {
    font-size: .8em
}

.p-post-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    margin-inline: auto;
    width: 100px
}

.p-post-content .wp-block-separator:not(.has-background) {
    border-color: var(--color--use--border)
}

.p-post-content .wp-block-separator.has-background {
    padding: 0
}

.block-editor .wp-block-separator {
    background-color: var(--spacer-color) !important;
    padding-block-start: 2em
}

.block-editor .wp-block-separator:not(.is-selected):after {
    content: "区切り";
    font-size: .8em;
    height: 1.714em;
    inset: 0;
    margin: auto;
    opacity: .6;
    position: absolute;
    text-align: center
}

.block-editor .block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
    background-color: var(--spacer-color) !important
}

.logged-in .p-post-content .wp-block-spacer {
    background-color: var(--spacer-color);
    position: relative
}

.logged-in .p-post-content .wp-block-spacer:after {
    content: "ログイン中のみスペースブロックを可視化";
    font-size: .8em;
    height: 1.714em;
    inset: 0;
    margin: auto;
    opacity: .6;
    position: absolute;
    text-align: center
}

.block-editor .wp-block-spacer {
    background-color: var(--spacer-color)
}

.block-editor .wp-block-spacer:not(.is-selected):after {
    content: "スペース";
    font-size: .8em;
    height: 1.714em;
    inset: 0;
    margin: auto;
    opacity: .6;
    position: absolute;
    text-align: center
}

.wp-block-embed {
    margin-inline: auto;
    width: min(100%, 800px)
}

.wp-block-embed__wrapper {
    position: relative
}

.wp-block-embed__wrapper>* {
    margin-inline: auto
}

.p-post-content .wp-has-aspect-ratio iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.p-post-content .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 50%
}

.p-post-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 56.25%
}

h2.is-style-voice {
    align-items: baseline;
    background-color: var(--color--use--bg);
    border-radius: var(--radius);
    display: grid;
    font-size: var(--clamp--font-size-2xl);
    font-weight: var(--font-weight-medium);
    gap: .333em;
    grid-template-columns: auto 1fr;
    margin-block-end: var(--margin-s);
    margin-block-start: var(--margin-xl);
    padding-block: .267em;
    padding-inline: .333em
}

.editor-styles-wrapper:has(h2.is-style-voice) {
    counter-reset: q_num
}

h2.is-style-voice:before {
    aspect-ratio: 1;
    background-color: var(--color--theme--primary);
    border-radius: var(--radius-s);
    box-sizing: border-box;
    color: var(--color--use--above);
    content: "Q" counter(q_num);
    counter-increment: q_num;
    display: grid;
    font-size: .8em;
    justify-content: center;
    line-height: 1;
    padding: .333em;
    width: 1.875em
}

@media (min-width:821px) {
    .p-post-content .alignleft {
        float: left;
        margin-block-start: 0;
        margin-inline-end: var(--margin-s)
    }

    .p-post-content .alignright {
        float: right;
        margin-block-start: 0;
        margin-inline-start: var(--margin-s)
    }

    .p-post-content .wp-block-image.alignleft img,
    .p-post-content .wp-block-image.alignright img {
        width: min(40vw, 580px)
    }

    .wp-block-columns {
        flex-wrap: nowrap !important
    }
}

@media (max-width:820px) {

    .p-post-content .wp-block-image.alignleft img,
    .p-post-content .wp-block-image.alignright img {
        width: 100%
    }

    .p-post-content .wp-block-embed.alignleft,
    .p-post-content .wp-block-embed.alignright {
        max-width: 100%
    }
}