@charset "UTF-8";
/* 紫福院さんちのサイトビルダー デザイン「水族館」 */
.sf-site.sf-theme-aquarium{background:var(--sf-bg);overflow-x:clip;--sf-intro:#04263f}
.sf-site.sf-theme-aquarium .sf-tone-plain{background:transparent}
.sf-site.sf-theme-aquarium::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-radial-gradient(ellipse 60% 30% at 30% -10%,#3fd0ff14 0 12px,transparent 12px 40px),repeating-radial-gradient(ellipse 50% 26% at 70% -10%,#7cf5d610 0 10px,transparent 10px 36px),linear-gradient(#0a4a73,#04263f 50%,#021526);animation:aquarium-caustic 8s ease-in-out infinite alternate}
.sf-site.sf-theme-aquarium::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;inset:auto;top:40%;left:-120px;width:110px;height:40px;background:radial-gradient(ellipse 40% 50% at 40% 50%,#02152699 60%,transparent 62%),conic-gradient(from 60deg at 80% 50%,transparent 0 60deg,#02152699 0 120deg,transparent 0);animation:aquarium-fish 26s linear infinite}
.sf-site.sf-theme-aquarium>*:not(.sf-skip):not(.sf-header){position:relative;z-index:1}
.sf-site.sf-theme-aquarium h1,.sf-site.sf-theme-aquarium h2,.sf-site.sf-theme-aquarium h3,.sf-site.sf-theme-aquarium .sf-brand,.sf-site.sf-theme-aquarium .sf-stat strong,.sf-site.sf-theme-aquarium .sf-number,.sf-site.sf-theme-aquarium .sf-marquee i{font-family:var(--sf-font-head)}
.sf-site.sf-theme-aquarium .sf-marquee i{font-style:normal}
.sf-site.sf-theme-aquarium h1{font-weight:700;line-height:1.3;text-shadow:0 0 30px #3fd0ff66}
.sf-site.sf-theme-aquarium h2{font-size:clamp(28px,3.8vw,52px);line-height:1.3}
.sf-site.sf-theme-aquarium .sf-stat strong{color:var(--sf-accent)}
.sf-site.sf-theme-aquarium .sf-number{border-color:var(--sf-accent);color:var(--sf-accent)}
.sf-site.sf-theme-aquarium .sf-header-floating .sf-header-inner{background:color-mix(in srgb,var(--sf-bg) 72%,transparent);border:1px solid #ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sf-site.sf-theme-aquarium .sf-header-solid,.sf-site.sf-theme-aquarium .sf-header-center,.sf-site.sf-theme-aquarium .sf-header-split{background:color-mix(in srgb,var(--sf-bg) 90%,transparent)}
.sf-site.sf-theme-aquarium .sf-tone-soft{background:#ffffff0a}
.sf-site.sf-theme-aquarium .sf-tone-dark,.sf-site.sf-theme-aquarium .sf-tone-ink{background:#00000055}
.sf-site.sf-theme-aquarium .sf-footer{background:#00000073;border-top:1px solid #ffffff14}
.sf-site.sf-theme-aquarium .sf-form input:not([type=checkbox]),.sf-site.sf-theme-aquarium .sf-form textarea,.sf-site.sf-theme-aquarium .sf-form select{background:#ffffff0d;border:1px solid #ffffff2e;color:var(--sf-ink)}
.sf-site.sf-theme-aquarium .sf-card,.sf-site.sf-theme-aquarium .sf-stat,.sf-site.sf-theme-aquarium .sf-faq-item,.sf-site.sf-theme-aquarium .sf-grid figure,.sf-site.sf-theme-aquarium .sf-tile,.sf-site.sf-theme-aquarium .sf-video-card,.sf-site.sf-theme-aquarium .sf-member-card{background:#0a3a5cb3;border:1px solid #ffffff22;border-radius:var(--sf-radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sf-site.sf-theme-aquarium .sf-grid>figure>figcaption{padding:14px 18px 18px}
.sf-site.sf-theme-aquarium .sf-card,.sf-site.sf-theme-aquarium .sf-stat{padding:clamp(22px,2.4vw,32px)}
.sf-site.sf-theme-aquarium .sf-v-list .sf-card{padding:28px clamp(20px,3vw,36px)}
.sf-site.sf-theme-aquarium .sf-btn{border-radius:999px;background:transparent;border:1px solid var(--sf-accent);color:#fff!important;letter-spacing:.14em;box-shadow:inset 0 0 18px color-mix(in srgb,var(--sf-accent) 35%,transparent),0 0 22px color-mix(in srgb,var(--sf-accent) 35%,transparent);transition:background .3s,color .3s}.sf-site.sf-theme-aquarium .sf-btn:hover{background:var(--sf-accent);color:var(--sf-bg)!important}.sf-site.sf-theme-aquarium .sf-btn-outline{border-color:#ffffff55;box-shadow:none}
.sf-site.sf-theme-aquarium h2::after{content:"";display:block;width:120px;height:12px;margin-top:14px;background:radial-gradient(circle at 10px -4px,transparent 9px,var(--sf-accent) 10px 12px,transparent 13px) 0 0/20px 12px repeat-x}.sf-site.sf-theme-aquarium .sf-al-center h2::after{margin-inline:auto}
.sf-site.sf-theme-aquarium .sf-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--sf-accent);letter-spacing:.35em}.sf-site.sf-theme-aquarium .sf-eyebrow::before{content:"";width:36px;height:1px;background:currentColor}
.sf-site.sf-theme-aquarium .sf-art{border-radius:50%;aspect-ratio:1;background:radial-gradient(ellipse 18% 9% at 50% 50%,#ffb347 60%,transparent 62%),conic-gradient(from 60deg at 66% 50%,transparent 0 60deg,#ff8a3d 0 120deg,transparent 0),radial-gradient(circle at 30% 30%,#ffffff55 0 4%,transparent 5%),radial-gradient(circle at 70% 24%,#ffffff44 0 3%,transparent 4%),radial-gradient(circle,#0e6a9c,#04263f 70%);box-shadow:inset 0 0 0 6px #3fd0ff33,0 0 60px #3fd0ff33;animation:p-float 6s ease-in-out infinite}
.sf-site.sf-theme-aquarium .sf-art i{display:none}
.sf-site.sf-theme-aquarium .sf-hero .sf-visual .sf-art{width:min(100%,540px);margin-inline:auto}
.sf-site.sf-theme-aquarium .sf-art span{display:none}
.sf-site.sf-theme-aquarium .sf-marquee i{color:#7cf5d6}
@keyframes aquarium-caustic{to{background-position:40px 20px,-40px 30px,0 0}}
@keyframes aquarium-fish{0%{transform:translate(0,0)}50%{transform:translate(60vw,-10vh)}100%{transform:translate(120vw,5vh)}}
.sf-site.sf-theme-aquarium .sf-hero:not(.sf-v-center):not(.sf-v-stacked):not(.sf-v-minimal) h1{font-size:clamp(32px,4.4vw,74px);text-wrap:balance}
.sf-site.sf-theme-aquarium :is(.sf-hero,.sf-videohero).sf-v-center h1{font-size:clamp(36px,5.2vw,86px);text-wrap:balance}
@media (max-width:700px){.sf-site.sf-theme-aquarium h1,.sf-site.sf-theme-aquarium .sf-hero h1{font-size:clamp(30px,9vw,48px)!important;letter-spacing:.02em}.sf-site.sf-theme-aquarium h2{font-size:clamp(24px,7vw,36px)}}