@charset "utf-8";#outer{width: 1260px;margin: 0 auto;}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/* =========================今イチオシ！セクション（PC基準）========================= */#outer .pickup-section {margin: 64px 0;padding: 0 1em;text-align: left;}/* h2 *//* 下ライン */#outer .pickup-title::after {content: "";position: absolute;left: 0;bottom: 0;width: 48px;/* 短めがコツ */height: 3px;background: #3b2a24;/* ボタンと同系色 */border-radius: 2px;}/* グリッド（PCは横並び） */#outer .pickup-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 32px;width: 90%;margin: 0 auto;}/* カード */#outer .pickup-card {background: #f7f6f2;/* 寒色用 background: #f2f6f8;*/border-radius: 16px;padding: 24px;box-sizing: border-box;width: 350px;}/* 画像 */#outer .pickup-image {border-radius: 14px;overflow: hidden;margin-bottom: 20px;}#outer .pickup-image img {width: 100%;height: auto;display: block;}/* テキスト */#outer .pickup-name {font-size: 18px;font-weight: 700;margin-bottom: 8px;}#outer .pickup-text {font-size: 14px;line-height: 1.6;margin-bottom: 18px;color: #333;}/* ボタン */#outer .pickup-button {display: inline-block;padding: 10px 20px;background: #3b2a24;color: #fff;font-size: 14px;font-weight: 600;border-radius: 999px;text-decoration: none;}#outer .pickup-button:hover {opacity: 0.85;}#outer .pickup-title {position: relative;font-size: 24px;font-weight: 700;line-height: 1.4;margin-bottom: 24px;padding: 1em 0;/* ← 上に余白を作るのがコツ */}/* 上に乗るバッジ */#outer .pickup-badge {position: absolute;top: -0.3em;left: 0;transform: translateY(-50%);display: inline-block;font-size: 12px;font-weight: 700;padding: 4px 10px;background: #d94a38;color: #fff;border-radius: 999px;white-space: nowrap;}#outer .new_icon5 {width: 10%;position: relative;margin-left: 5em;top: -1em;}#outer .new_icon5 img {position: absolute;}#outer .new_icon6 {width: 30%;position: relative;margin-left: 20em;top: -3em;}#outer .new_icon6 img {position: absolute;}/* =========================Coming Soon 表示========================= *//* カード全体を薄く */#outer .pickup-card.is-comingsoon {position: relative;pointer-events: none;/* クリック不可に */}/* 画像をグレーアウト */#outer .pickup-card.is-comingsoon .pickup-image img {filter: grayscale(100%) brightness(0.8);}/* 上に被せるラベル */#outer .pickup-card.is-comingsoon::after {content: "COMING SOON";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.45);color: #fff;font-size: 18px;font-weight: 700;letter-spacing: 0.08em;display: flex;align-items: center;justify-content: center;border-radius: 12px;/* カードの角丸に合わせる */}/* ボタンは視覚的にも無効化 */#outer .pickup-card.is-comingsoon .pickup-button {opacity: 0.4;}/* =========================スマホ========================= */@media screen and (max-width: 768px) {#outer{width: 100%;}#outer .pickup-section {margin: 40px 0;}#outer .pickup-title {font-size: 20px;margin: 0.5em 0.5em 1.5em 0.5em;}/* 縦並びにする */#outer .pickup-grid {grid-template-columns: 1fr;gap: 20px;width: 90%;}#outer .pickup-card {padding: 18px;width: 90%;margin: 0 auto;}#outer .pickup-image {margin-bottom: 14px;}#outer .pickup-name {font-size: 16px;}#outer .pickup-text {font-size: 13px;margin-bottom: 14px;}#outer .pickup-button {font-size: 13px;padding: 9px 18px;}#outer .new_icon5 {width: 30%;position: relative;margin-left: 15em;top: -8em;transform: rotate(10deg);/* ←ここ */}#outer .new_icon6 {width: 25%;position: relative;margin-left: 17em;top: -16em;}}