@charset "UTF-8";
/*
Template: swell
Theme Name: SWELL CHILD
Version: 1.0.0
*/

/* 岩手本体 header-front.php と共通 */

        /* 和紙のテクスチャ背景と微細な粒子 */
        body {
            background-color: #FDFBF7;
            background-image: linear-gradient(rgba(253, 251, 247, 0.6), rgba(253, 251, 247, 0.6)), url("https://www.transparenttextures.com/patterns/rice-paper-2.png");
            color: #2b2b2b;
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .bg-washi {
            background-color: #FDFBF7 !important;
            background-image: linear-gradient(rgba(253, 251, 247, 0.6), rgba(253, 251, 247, 0.6)), url("https://www.transparenttextures.com/patterns/rice-paper-2.png") !important;
        }

        @media (max-width: 767px) {
            body {
                background-image: linear-gradient(rgba(253, 251, 247, 0.4), rgba(253, 251, 247, 0.4)), url("https://www.transparenttextures.com/patterns/rice-paper-2.png");
                padding-bottom: 64px;
            }
            .bg-washi {
                background-image: linear-gradient(rgba(253, 251, 247, 0.4), rgba(253, 251, 247, 0.4)), url("https://www.transparenttextures.com/patterns/rice-paper-2.png") !important;
            }
        }

        .petal {
            position: absolute;
            background-color: #ff8fb6;
            border-radius: 150% 0 150% 0;
            opacity: 0.3;
            pointer-events: none;
            z-index: 1;
            animation: fall linear 2;
        }
        @keyframes fall {
            0% { transform: translate(0, -10px) rotate(0deg); opacity: 0; }
            10% { opacity: 0.3; }
            90% { opacity: 0.3; }
            100% { transform: translate(100px, 100vh) rotate(360deg); opacity: 0; }
        }

        /* ----- レイアウト崩れを防ぐための追加CSS ----- */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .nav-link-group:hover .hover-underline::after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }
        .hover-underline { position: relative; }
        .hover-underline::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 1px;
            bottom: -2px;
            left: 0;
            background-color: #ff8fb6;
            transform-origin: bottom right;
            transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .section-title-wrapper {
            position: relative;
            display: inline-block;
            margin-bottom: 4rem;
        }
        .section-title-bg {
            position: absolute;
            top: -40%;
            left: 50%;
            transform: translateX(-50%);
            font-size: 5rem;
            color: rgba(44, 195, 139, 0.04);
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
            font-weight: 900;
            white-space: nowrap;
            z-index: -1;
            letter-spacing: 0.2em;
        }

        .brush-stroke {
            position: relative;
            z-index: 1;
        }
        .brush-stroke::after {
            content: "";
            position: absolute;
            bottom: 4px;
            left: -5%;
            width: 110%;
            height: 6px;
            background: linear-gradient(90deg, rgba(212, 175, 55, 0.3) 0%, rgba(212, 175, 55, 0) 100%);
            z-index: -1;
            border-radius: 4px;
        }

        .btn-premium-action {
            background: linear-gradient(135deg, #2cc38b 0%, #1e9d6d 100%);
            color: white;
            transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
            box-shadow: 0 10px 30px -10px rgba(44, 195, 139, 0.5);
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
            position: relative;
            overflow: hidden;
        }
        .btn-premium-action:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px -10px rgba(44, 195, 139, 0.6);
            filter: brightness(1.05);
        }

        .movie-card {
            border-radius: 24px;
            transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
            border: 1px solid rgba(0,0,0,0.03);
        }
        .movie-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 30px 60px -20px rgba(0,0,0,0.1);
        }

        .cta-container {
            background: #fff;
            border: 1px solid rgba(212, 175, 55, 0.2);
            border-radius: 40px;
            position: relative;
            overflow: hidden;
        }
        .cta-container::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: radial-gradient(circle at 10% 20%, rgba(255, 143, 182, 0.05) 0%, transparent 50%),
                              radial-gradient(circle at 90% 80%, rgba(44, 195, 139, 0.05) 0%, transparent 50%);
            pointer-events: none;
        }

        /* ----- シンプルな横3本線（ハンバーガーメニュー） ----- */
        /* メニューが開いたとき（×マーク） */
        #mobile-menu-toggle.open #hamburger-icon .line-top {
            transform: translateY(9px) rotate(45deg);
        }
        #mobile-menu-toggle.open #hamburger-icon .line-mid {
            transform: scaleX(0); 
            opacity: 0;
        }
        #mobile-menu-toggle.open #hamburger-icon .line-bot {
            transform: translateY(-9px) rotate(-45deg);
        }
    

/* 岩手本体 footer-front.php と共通 */

.footer-network{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,420px);margin-inline:auto;padding-top:24px;border-top:1px solid rgba(74,92,84,.16)}
.footer-network__item{display:flex;min-width:0;flex-direction:column;align-items:center;padding:0 14px;text-align:center}
.footer-network__item+.footer-network__item{border-left:1px solid rgba(74,92,84,.14)}
.footer-network__logo-link{display:flex;min-height:34px;align-items:center;justify-content:center}
.footer-network__logo{display:block;width:auto;height:24px;object-fit:contain}
.footer-network__name{margin-top:7px;font-size:12px;font-weight:700;line-height:1.6}
.footer-network__area{margin-top:3px;font-size:10px;line-height:1.7}
.footer-mobile-copy{width:min(100%,420px);margin-inline:auto;padding-top:18px;border-top:1px solid rgba(74,92,84,.16);text-align:center}
.footer-mobile-copy p{font-size:10px;line-height:1.8;letter-spacing:.12em;color:rgba(74,92,84,.72)}
@media(max-width:379px){.footer-network{grid-template-columns:1fr;width:78%;gap:22px}.footer-network__item{padding:0}.footer-network__item+.footer-network__item{padding-top:22px;border-top:1px solid rgba(74,92,84,.14);border-left:0}}


/* 岩手本体の現在のピンク指定と共通 */
#navbar,#navbar *{font-family:"Hina Mincho",serif!important}#navbar .line-top,#navbar .line-mid,#navbar .line-bot{background-color:#e8799c!important}#navbar button{border-color:#e8799c!important}#navbar .group div a:hover{color:#e8799c!important}

/* ブログ一覧固有: 本体と同じ共通パーツを使い、SWELL初期装飾のみ外す */
#header,#footer,.c-iconBtn.-menu,.p-fixBtnWrap{display:none!important}
#main_visual,#post_slider,#sidebar{display:none!important}
#content{display:block!important}
#main_content{width:100%!important;max-width:none!important;margin-inline:auto!important}
@media(min-width:1024px){body{padding-top:80px}}