/* ========================================================================== デザイン 3-A「アイランド・ポップモダン」（2026-09-25 採用）― 南国の明るさを大胆な配色と丸みのある書体で フォント：RocknRoll One（見出し）＋ Zen Maru Gothic（本文）… 各ページの で Google Fonts を読み込む ※ style.css・global-nav.css・reviews.css の後に読み込む（色・書体を上書きする） ========================================================================== */ :root{ --ink:#10263D; --ink-soft:#3A4D60; /* グレー文字を濃く */ --paper-soft:#F3FAF8; --line:#D5EAE6; --ocean-deep:#0F2742; /* 深い夜の海 */ --ocean:#1B6FA8; --lagoon:#2EC4B6; /* ミント */ --lagoon-pale:#DDF5F1; --sunset:#FB6A3C; /* 夕焼けオレンジ */ --sunset-deep:#E04E20; --sunny:#FFC23D; --glamp:#5A3FA0; --glamp-pale:#ECE6FA; --actv:#0E9384; --actv-pale:#DDF5F1; } body{font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;} h1,h2,h3,.section-title,.sw-txt b,.gf-card b,.price-now,.btn{font-family:"RocknRoll One","Zen Maru Gothic",sans-serif;font-weight:400;} .small-note,.lead,.rv-meta span,.g-note{color:var(--ink-soft);} /* 最上部の帯 */ .gh-util{background:linear-gradient(90deg,#0F2742,#16456B);color:#BFE9E3;} .gh-util a{color:#FFFFFF;} /* メニュー帯（ミント） */ .gh-local{background:var(--lagoon);border-top:none;} .gh-local a{color:#0F2742;font-weight:700;} .gh-local a:hover,.gh-local a.active{color:#0F2742;border-bottom-color:var(--sunny);} .gh-local-label{color:#fff;} /* 見出し h2：ステッカー風（ずらした影＋ドット柄） */ .section-title{ display:inline-flex;padding:10px 22px;margin:6px 0 24px;color:#0F2742;letter-spacing:.06em; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='2' cy='2' r='1.4' fill='%23CFEFEA'/%3E%3C/svg%3E"); border:2.5px solid #0F2742;border-radius:14px;box-shadow:6px 6px 0 var(--sunny);transform:rotate(-1deg); } .section-title::before{width:12px;height:12px;border-radius:50%;background:var(--sunset);} /* ボタン・価格 */ .btn{background:var(--sunset);border-radius:14px;box-shadow:0 5px 0 #B63A14;} .btn:hover{background:#E85A2B;transform:translateY(1px);box-shadow:0 4px 0 #B63A14;} .btn.cta-main{background:linear-gradient(180deg,#FF8A5B,#F2572A);} .btn.outline{background:#fff;color:#0F2742;border:2.5px solid #0F2742;box-shadow:0 5px 0 #0F2742;} .price-now{color:#E04E20;} .tcard{border:2px solid #0F2742;border-radius:18px;box-shadow:5px 5px 0 #CFEFEA;} .tcard .thumb .badge{background:var(--sunny);color:#0F2742;} .rv-tour,.chip{background:#DDF5F1;color:#0F2742;} .rv-card,.card,.g-reviews{border-radius:18px;} /* フッター */ .gf{background:#0F2742;} .gf-links h3.actv{border-color:var(--lagoon);} .gf-links h3.glamp{border-color:var(--sunny);} /* ブログ：ツアーより控えめに（小さく・線を細く。PC 4列／タブレット・スマホ 2列） */ .blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;} @media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:10px;}} .tcard.blog-card{border:1px solid #D5EAE6;border-radius:12px;box-shadow:none;} .tcard.blog-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(15,39,66,.08);} .tcard.blog-card .thumb{height:110px;} .tcard.blog-card .body{padding:10px 12px 12px;gap:2px;} .tcard.blog-card h3{ font-family:"Zen Maru Gothic",sans-serif;font-weight:700;font-size:13px;line-height:1.55; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } .tcard.blog-card .small-note{font-size:11px;margin:0;} /* 余白の修正：.wrap が section の上下余白を打ち消し、見出しが写真に接していたのを直す */ section.wrap{padding-top:34px;padding-bottom:34px;} /* 余白の修正：写真上・写真下の大見出しが画面の左端に接していたのを直す（.hero-inner が .wrap の左右余白を打ち消していた） */ .hero-inner{padding-left:20px;padding-right:20px;}