/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 26 2024 | 02:49:21 */
/* フルワイドブロックの基本設定
.wp-block-cover {
    position: relative;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
} */

/* 波紋エフェクトのコンテナ
.water-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
} */

/* 波紋エフェクト要素
.water {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transform: translateZ(0);
} */

/* コンテンツ層
.swell-block-fullWide__inner {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 2rem 0;
    width: 100%;
    max-width: var(--wp--style--global--content-size, 1170px);
} */

/* 波紋エフェクトのアニメーション */
@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

/* モバイル対応 */
@media (max-width: 959px) {
    .water-container {
        height: 60vh;
    }
}