@charset "UTF-8";

.editor-styles-wrapper {
    --spacer-color: color-mix(in srgb, var(--color--theme--primary) 10%, transparent)
}

.editor-styles-wrapper :not(.wp-block-separator):where(.has-background) {
    box-sizing: border-box;
    padding: var(--wp--custom--spacing--base, var(--spacing-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)
}

.editor-styles-wrapper :is(h2, h3, h4) {
    clear: both;
    position: relative
}

.editor-styles-wrapper>:where(h2, h3, h4):first-child {
    --wp--heading--margin-top: 0
}

.editor-styles-wrapper h2 {
    background-color: var(--color--use--bg);
    border-radius: var(--radius-xs);
    font-size: var(--clamp--font-size-xl);
    padding-block: var(--spacing-xs);
    padding-inline: var(--spacing-s)
}

.editor-styles-wrapper h3 {
    border-block-end: 1px solid var(--color--use--border);
    font-size: var(--clamp--font-size-l);
    padding-block-end: var(--spacing-xs)
}

.editor-styles-wrapper h4 {
    font-size: var(--font-size--18)
}

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

.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--base--very-pale);
    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: var(--line-height--medium);
    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 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
}

.wp-block-image:where(.aligncenter) {
    text-align: center
}

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

.p-post-content .wp-block-image.aligncenter {
    margin-inline: auto;
    text-align: center
}

.wp-block-table:is(.p-post-content .wp-block-image.aligncenter) {
    display: block
}

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

.wp-block-details {
    --details--spacing-block: 0.8em;
    --details--spacing-inline: 1em;
    padding-block-end: 0;
    padding-block-start: var(--details--spacing-block);
    padding-inline: var(--details--spacing-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--spacing-block)*-1) 0 !important;
    margin-inline: calc(var(--details--spacing-inline)*-1) !important;
    padding: var(--details--spacing-block) var(--details--spacing-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--spacing-block)
}

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

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

.wp-block-group:not(.is-layout-flex, .is-layout-grid) {
    display: flow-root
}

.wp-block-group.is-layout-grid {
    font-size: clamp(.75rem, 1.951vw, 1rem);
    grid-template-columns: repeat(auto-fill, minmax(min(14rem, (100% - var(--wp--custom--spacing--base))/2), 1fr))
}

.wp-block-group.is-layout-grid .wp-block-group {
    --wp--spacing--block-gap: calc(var(--wp--custom--spacing--base)*0.6)
}

.p-post-content .wp-block-separator {
    margin-inline: auto
}

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

.wp-block-post-content .wp-block-separator:not(.is-selected):after {
    content: attr(data-title);
    font-size: .8em;
    height: 1em;
    inset: 0;
    margin: auto;
    opacity: .5;
    position: absolute;
    text-align: center
}

.wp-block-post-content .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
}

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

.wp-block-post-content .wp-block-spacer:not(.is-selected):after {
    content: attr(data-title);
    font-size: .8em;
    height: 1em;
    inset: 0;
    margin: auto;
    opacity: .5;
    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%
}

.wp-block-preformatted {
    background-color: var(--color--use--bg);
    font-size: .875rem;
    font-style: italic;
    padding: var(--spacing-xs)
}

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

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

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

@media (max-width:820px) {

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