/*
Theme Name: LIQUID PRESS
Theme URI: https://lqd.jp/wp/
Author: LIQUID DESIGN Ltd.
Author URI: https://lqd.jp/
Description: LIQUID PRESS
Requires at least: 6.0
Tested up to: 6.7.2
Requires PHP: 5.7
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: liquid-press
Tags: one-column, two-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, translation-ready, wide-blocks, block-styles, blog, news
*/
html {
    scroll-behavior: smooth;
}

/* header */
.header-fixed-top {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
}

.header-fixed-left {
    position: fixed;
    top: 0;
    z-index: 99;
    height: calc(100% - 3rem);
}

.header-fixed-left .wp-block-image {
    position: absolute;
    bottom: 0;
    left: 1.5rem;
}

.scroll-first-view {
    opacity: 0;
    transition: all 0.2s;
}

.overlap-left {
    margin-left: -3rem !important;
}

/* display */
.is-display-desktop {
    display: block;
}
.is-display-desktop.is-layout-flex,
.is-display-desktop.wp-block-cover, 
.is-display-desktop.wp-block-cover-image {
    display: flex;
}
.is-display-desktop.wp-block-media-text {
    display: grid;
}
.is-display-mobile {
    display: none;
}

/* separate */
[class*="is-separate-top"] {
    position: relative;
    margin-top: 0 !important;
}

[class*="wp-block"]:has(+[class*="is-separate-top"]) {
    margin-bottom: 0 !important;
}

[class*="is-separate-bottom"] {
    position: relative;
    margin-bottom: 0 !important;
}

[class*="is-separate-bottom"] + [class*="wp-block"] {
    margin-top: 0 !important;
}

[class*="is-separate-top"]::before {
    content: '';
    width: 100%;
    height: 7vw;
    background: inherit;
    position: absolute;
    z-index: 2;
    left: 0;
    top: calc(-7vw + 2px);
    ;
    mask-size: 100%;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    transform: scale(-1, -1);
}

[class*="is-separate-bottom"]::after {
    content: '';
    width: 100%;
    height: 7vw;
    background: inherit;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: calc(-7vw + 2px);
    ;
    mask-size: 100%;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
}

.is-separate-top-wave::before,
.is-separate-bottom-wave::after {
    mask-image: url(assets/images/wave.svg);
    -webkit-mask-image: url(assets/images/wave.svg);
}

.is-separate-top-curve::before,
.is-separate-bottom-curve::after {
    mask-image: url(assets/images/curve.svg);
    -webkit-mask-image: url(assets/images/curve.svg);
}

.is-separate-top-wavy::before,
.is-separate-bottom-wavy::after {
    mask-image: url(assets/images/wavy.svg);
    -webkit-mask-image: url(assets/images/wavy.svg);
}

.is-separate-top-jagged::before,
.is-separate-bottom-jagged::after {
    mask-image: url(assets/images/jagged.svg);
    -webkit-mask-image: url(assets/images/jagged.svg);
}

.is-separate-top-bubble::before,
.is-separate-bottom-bubble::after {
    mask-image: url(assets/images/bubble.svg);
    -webkit-mask-image: url(assets/images/bubble.svg);
}

.liquid-icon+.liquid-icon,
.liquid-icon-link+.liquid-icon-link {
    margin-left: 1rem;
}

/* Animation */
.is-anime-fluffy,
.is-anime-fluffy>li,
.is-anime-fluffy>.wp-block-column {
    transition: all 1s;
    transform: translate(0, 70px);
}

.is-anime-fluffy>li:nth-child(2),
.is-anime-fluffy>.wp-block-column:nth-child(2) {
    transition-delay: 0.1s;
}

.is-anime-fluffy>li:nth-child(3),
.is-anime-fluffy>.wp-block-column:nth-child(3) {
    transition-delay: 0.2s;
}

.is-anime-fluffy>li:nth-child(4),
.is-anime-fluffy>.wp-block-column:nth-child(4) {
    transition-delay: 0.3s;
}

.is-anime-fluffy.active,
.is-anime-fluffy.active>li,
.is-anime-fluffy.active>.wp-block-column {
    transform: translate(0, 0) !important;
}

.is-anime-fade-in {
    opacity: 0;
}

.is-anime-fade-in.active {
    animation: fadeIn 2s 1 forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.is-anime-fade-out {
    animation: fadeOut 2s 1 forwards;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.is-anime-zoom-in>img {
    animation: zoomIn 10s 1 forwards;
}

@keyframes zoomIn {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.3);
    }
}

/* 
 * Bootstrap 5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
.rounded {
    overflow: hidden;
    border-radius: 0.375rem !important;
}

.rounded-0 {
    overflow: hidden;
    border-radius: 0 !important;
}

.rounded-1 {
    overflow: hidden;
    border-radius: 0.25rem !important;
}

.rounded-2 {
    overflow: hidden;
    border-radius: 0.375rem !important;
}

.rounded-3 {
    overflow: hidden;
    border-radius: 0.5rem !important;
}

.rounded-4 {
    overflow: hidden;
    border-radius: 1rem !important;
}

.rounded-5 {
    overflow: hidden;
    border-radius: 2rem !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}


.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

/* ANCHOR negative m */
.m-n1 {
    margin: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

/* end negative m */

/* ANCHOR negative mx */
.mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
}

.mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}

.mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
}

/* end negative mx */

/* ANCHOR negative my */
.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}

.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

/* end negative my */

/* ANCHOR negative mt */
.mt-n1 {
    position: relative;
    z-index: 1;
    margin-top: -0.25rem !important;
}

.mt-n2 {
    position: relative;
    z-index: 1;
    margin-top: -0.5rem !important;
}

.mt-n3 {
    position: relative;
    z-index: 1;
    margin-top: -1rem !important;
}

.mt-n4 {
    position: relative;
    z-index: 1;
    margin-top: -1.5rem !important;
}

.mt-n5 {
    position: relative;
    z-index: 1;
    margin-top: -3rem !important;
}

/* end negative mt */

/* ANCHOR negative me */
.me-n1 {
    margin-right: -0.25rem !important;
}

.me-n2 {
    margin-right: -0.5rem !important;
}

.me-n3 {
    margin-right: -1rem !important;
}

.me-n4 {
    margin-right: -1.5rem !important;
}

.me-n5 {
    margin-right: -3rem !important;
}

/* end negative me */

/* ANCHOR negative mb */
.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.mb-n5 {
    margin-bottom: -3rem !important;
}

/* end negative mb */

/* ANCHOR negative ms */
.ms-n1 {
    margin-left: -0.25rem !important;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}

.ms-n3 {
    margin-left: -1rem !important;
}

.ms-n4 {
    margin-left: -1.5rem !important;
}

.ms-n5 {
    margin-left: -3rem !important;
}

.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}

.entry-content {
    margin-block-start: 0;
}

@media (max-width: 599px) {

    /* header */
    .header-fixed-left .wp-block-navigation__responsive-container-close {
        left: 0;
        right: auto;
    }

    /* blocks */
    .wp-block-navigation__responsive-container-close {
        background: var(--wp--preset--color--liquid-border);
        border-radius: 50%;
        padding: 0.5rem;
        margin-top: 0.5rem;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        background-color: #ffffffb3 !important;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .wp-block-navigation__submenu-container {
        font-size: var(--wp--preset--font-size--small);
        padding-left: 1rem !important;
        gap: 0.8rem !important;
    }
    .current-menu-item, .current-menu-parent, .current_page_item {
        text-decoration: underline;
        text-underline-offset: 0.5em;
    }

    /* display */
    .is-display-desktop {
        display: none;
    }
    .is-display-desktop.is-layout-flex,
    .is-display-desktop.wp-block-cover, 
    .is-display-desktop.wp-block-cover-image {
        display: none;
    }
    .is-display-desktop.wp-block-media-text {
        display: none;
    }

    .is-display-mobile {
        display: block;
    }
    .is-display-mobile.is-layout-flex,
    .is-display-mobile.wp-block-cover, 
    .is-display-mobile.wp-block-cover-image {
        display: flex;
    }
    .is-display-mobile.wp-block-media-text {
        display: grid;
    }
}