@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500;600;800&family=Zen+Kaku+Gothic+New:wght@400;700;900&family=Cinzel:wght@700;800&display=swap');

/* =========================================================
   EIR AOI DEBUT 15th ANNIVERSARY ／ エイルギルド S級クエスト
   採用案A「羊皮紙クエスト」を aoieir テーマのレイアウトに落とし込み
   （unbound / eirsday2026 と同方式: モバイル全幅 ／ PC 720px 中央カラム）
   ページ固有カラー（案Aの実値・CSS変数で一括調整可）
   ========================================================= */
:root
{
	--a15-bg:        #0f0a04; /* ページ最外周（PC のカラム外） */
	--a15-card:      #191007; /* LPカラム地色 */
	--a15-gold:      #c9a24a; /* 金（基準） */
	--a15-gold-l:    #d9b86a; /* 金（明） */
	--a15-gold-btn:  #e3c373; /* 金（ボタン上端） */
	--a15-gold-line: #b98f3e; /* 金（区切り線） */
	--a15-navy:      #1a2747; /* 紺（見出し文字） */
	--a15-cream:     #f1e3c1; /* クリーム（明文字） */
	--a15-cream-2:   #e9d6a8; /* クリーム（見出し） */
	--a15-parchment: linear-gradient(170deg, #f4ead0, #e7d6b0); /* 羊皮紙カード地 */
}

/* =========================================================
   Page-wide canvas — 外周は暗色、カラム地は #191007
   （unbound / eirsday2026 と同じ枠方式）
   ========================================================= */
body.anniv-15years
{
	background-color: var(--a15-bg);
}

body.anniv-15years .l-content__body
{
	background-color: var(--a15-card);
	margin-bottom: 0;
}

/* =========================================================
   LP スコープ — 固定幅カードは作らず、テーマのカラムに乗せる
   ========================================================= */
.anniv-lp
{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #e4d6b4;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.anniv-lp *
{
	box-sizing: border-box;
}

/* 金グラデの細い区切り線（共通パーツ） */
.anniv-lp .-rule
{
	margin: 14px auto 0;
	width: 46px;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--a15-gold-line), transparent);
}

/* =========================================================
   セクション見出し（開催概要 等）
   日本語ラベル ＋ 英字ラベル ＋ 右へ伸びる金線
   ========================================================= */
.anniv-lp .-sechead
{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
}

.anniv-lp .-sechead .-ja
{
	font-family: 'Shippori Mincho B1', serif;
	font-weight: 800;
	font-size: 19px;
	color: var(--a15-cream-2);
}

.anniv-lp .-sechead .-en
{
	font-family: 'Cinzel', serif;
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 0.2em;
	color: #9a7c3e;
	margin-top: 4px;
}

.anniv-lp .-sechead .-line
{
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, rgba(201, 162, 74, 0.5), transparent);
}

/* =========================================================
   HERO — キービジュアル（全幅ブリード）
   コンテナ余白を負マージンで打ち消し、カラム端まで画像を広げる
   ========================================================= */
.anniv-lp .sec-kv
{
	margin-left: calc(var(--ark-padding--container) * -1);
	margin-right: calc(var(--ark-padding--container) * -1);
	background-color: var(--a15-bg);
}

.anniv-lp .sec-kv .-visual
{
	margin: 0;
}

.anniv-lp .sec-kv .-visual img
{
	display: block;
	width: 100%;
	height: auto;
}

/* =========================================================
   コンテンツセクション共通の縦リズム
   （横方向はカラムのコンテナ余白に内側を委ねる＝二重余白を避ける）
   ========================================================= */
.anniv-lp .sec-quest { margin-top: 24px; }
.anniv-lp .sec-overview { margin-top: 36px; }
.anniv-lp .sec-ticket { margin-top: 30px; }
.anniv-lp .sec-fc { margin-top: 30px; margin-bottom: 44px; }

/* =========================================================
   QUEST — 羊皮紙タイトル帯（依頼内容）
   ========================================================= */
.anniv-lp .sec-quest .-card
{
	position: relative;
	border-radius: 14px;
	padding: 30px 24px 28px;
	background: var(--a15-parchment);
	box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(120, 90, 40, 0.3);
	text-align: center;
}

/* 羊皮紙内側の二重罫 */
.anniv-lp .sec-quest .-card::before
{
	content: "";
	position: absolute;
	inset: 7px;
	border: 1px solid rgba(140, 104, 46, 0.35);
	border-radius: 9px;
	pointer-events: none;
}

.anniv-lp .sec-quest .-eyebrow
{
	position: relative;
	font-family: 'Cinzel', serif;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.26em;
	color: #8a6a2c;
}

.anniv-lp .sec-quest .-ttl
{
	position: relative;
	margin: 16px 0 0;
	font-family: 'Shippori Mincho B1', serif;
	font-weight: 800;
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: 0.01em;
	color: var(--a15-navy);
}

.anniv-lp .sec-quest .-lead
{
	position: relative;
	margin: 14px 0 0;
	font-family: 'Shippori Mincho B1', serif;
	font-weight: 600;
	font-size: 16px;
	color: #5a4424;
}

/* 依頼内容ブロック */
.anniv-lp .sec-quest .-brief
{
	position: relative;
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid rgba(120, 90, 40, 0.3);
}

.anniv-lp .sec-quest .-brief_ttl
{
	font-family: 'Shippori Mincho B1', serif;
	font-weight: 800;
	font-size: 17px;
	letter-spacing: 0.12em;
	color: var(--a15-navy);
}

/* 依頼内容ブロックの区切り線は .-rule を再利用し、寸法のみ上書き */
.anniv-lp .sec-quest .-brief_rule
{
	margin: 9px auto 0;
	width: 38px;
}

.anniv-lp .sec-quest .-brief_body
{
	margin: 16px 0 0;
	font-family: 'Shippori Mincho B1', serif;
	font-weight: 500;
	font-size: 13.5px;
	line-height: 2.05;
	color: #4a3a1e;
	text-align: left;
}

.anniv-lp .sec-quest .-brief_sign
{
	margin: 18px 0 0;
	text-align: right;
	font-size: 12px;
	font-weight: 700;
	color: #8a6a2c;
}

/* =========================================================
   OVERVIEW — 開催概要（羊皮紙の表）
   ========================================================= */
.anniv-lp .sec-overview .-table
{
	background: var(--a15-parchment);
	border-radius: 12px;
	padding: 6px 18px;
	border: 1px solid rgba(120, 90, 40, 0.3);
}

.anniv-lp .sec-overview .-row
{
	display: flex;
	padding: 15px 0;
	border-bottom: 1px solid rgba(120, 90, 40, 0.25);
}

.anniv-lp .sec-overview .-row:last-child
{
	border-bottom: none;
}

.anniv-lp .sec-overview .-key
{
	width: 104px;
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 700;
	color: #8a6a2c;
	letter-spacing: 0.08em;
}

.anniv-lp .sec-overview .-val
{
	flex: 1;
	font-size: 14px;
	font-weight: 700;
	color: #241a0c;
}

/* 会場の住所（開催概要の「会場」に内包） */
.anniv-lp .sec-overview .-val .-addr
{
	display: block;
	margin-top: 5px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.65;
	letter-spacing: 0.02em;
	color: #5a4424;
}

/* =========================================================
   TICKET — チケット情報（Coming Soon）
   ========================================================= */
.anniv-lp .sec-ticket .-box
{
	position: relative;
	border-radius: 12px;
	padding: 30px 22px;
	text-align: center;
	background: linear-gradient(150deg, #15294e, #0d1a34);
	border: 1px solid rgba(201, 162, 74, 0.4);
	overflow: hidden;
}

.anniv-lp .sec-ticket .-box::before
{
	content: "";
	position: absolute;
	top: -20px;
	right: -20px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(201, 162, 74, 0.25), transparent 70%);
}

.anniv-lp .sec-ticket .-en
{
	position: relative;
	font-family: 'Cinzel', serif;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.3em;
	color: var(--a15-gold-l);
}

.anniv-lp .sec-ticket .-ja
{
	position: relative;
	margin-top: 10px;
	font-family: 'Shippori Mincho B1', serif;
	font-weight: 800;
	font-size: 22px;
	color: var(--a15-cream);
}

.anniv-lp .sec-ticket .-soon
{
	position: relative;
	margin: 16px auto 0;
	display: inline-block;
	padding: 9px 20px;
	border: 1px dashed rgba(201, 162, 74, 0.6);
	border-radius: 30px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	color: var(--a15-cream-2);
}

.anniv-lp .sec-ticket .-note
{
	position: relative;
	margin-top: 14px;
	font-size: 11.5px;
	color: #9fb0cc;
}

/* =========================================================
   FC CTA — 仲間募集（入会ボタン）
   ========================================================= */
.anniv-lp .sec-fc .-box
{
	border-radius: 14px;
	padding: 30px 24px;
	text-align: center;
	background: linear-gradient(160deg, #1b3160, #101f3d);
	border: 1px solid rgba(201, 162, 74, 0.35);
}

.anniv-lp .sec-fc .-ttl
{
	font-family: 'Shippori Mincho B1', serif;
	font-weight: 800;
	font-size: 16px;
	color: var(--a15-cream-2);
}

.anniv-lp .sec-fc .-lead
{
	margin: 12px 0 0;
	font-size: 12.5px;
	line-height: 1.8;
	color: #c3d0e6;
}

/* キャッチコピー */
.anniv-lp .sec-fc .-catch
{
	margin: 18px 0 0;
	font-family: 'Shippori Mincho B1', serif;
	font-weight: 800;
	font-size: 19px;
	letter-spacing: 0.04em;
	color: var(--a15-gold-btn);
}

/* 入会ボタン（案Aの button → 遷移用 a） */
.anniv-lp .sec-fc .-btn
{
	display: block;
	margin-top: 20px;
	width: 100%;
	padding: 16px;
	border: none;
	border-radius: 12px;
	background: linear-gradient(180deg, var(--a15-gold-btn), #c19a3e);
	color: #1a1206;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 800;
	font-size: 15px;
	letter-spacing: 0.06em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 10px 24px -10px rgba(201, 162, 74, 0.8);
	transition: filter 0.15s ease;
}

.anniv-lp .sec-fc .-btn:hover
{
	filter: brightness(1.06);
}

/* =========================================================
   オープニング演出（控えめ）
   ・HERO：ローダー消灯後に軽くフェードイン（JSで .is-revealed）
   ・各セクション：スクロールで画面内に入ったら順にフェードアップ
     （JSの IntersectionObserver が .is-shown を付与）
   基準状態は「表示」。.is-revealed は intro アニメのみ
   ========================================================= */
.anniv-lp .sec-kv.is-revealed
{
	animation: a15-fade 0.9s ease both;
}

@keyframes a15-fade
{
	from { opacity: 0; }
	to   { opacity: 1; }
}

.anniv-lp .sec-quest,
.anniv-lp .sec-overview,
.anniv-lp .sec-ticket,
.anniv-lp .sec-fc
{
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.anniv-lp .sec-quest.is-shown,
.anniv-lp .sec-overview.is-shown,
.anniv-lp .sec-ticket.is-shown,
.anniv-lp .sec-fc.is-shown
{
	opacity: 1;
	transform: none;
}

/* アクセシビリティ：モーション抑制では即時表示 */
@media (prefers-reduced-motion: reduce)
{
	.anniv-lp .sec-kv.is-revealed
	{
		animation: none !important;
	}
	.anniv-lp .sec-quest,
	.anniv-lp .sec-overview,
	.anniv-lp .sec-ticket,
	.anniv-lp .sec-fc
	{
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* =========================================================
   PC コンテナ幅調整（unbound / eirsday2026 と同方式）
   ・縦長LPのため単一カラム・中央寄せ（コンテナ余白は維持＝KVブリードと整合）
   ・左側のアイキャッチ(.bg)はテーマ既定どおり表示（他LPと同様）
   ・字面のバランスを軽く底上げ
   ========================================================= */
@media only screen and (min-width: 768px)
{
	body.anniv-15years .l-content
	{
		max-width: 100%;
	}
	body.anniv-15years .l-content__body
	{
		max-width: 720px;
	}

	.anniv-lp .sec-quest .-ttl { font-size: 38px; }
	.anniv-lp .sec-quest .-lead { font-size: 17px; }
	.anniv-lp .-sechead .-ja { font-size: 21px; }
	.anniv-lp .sec-fc .-catch { font-size: 22px; }
}

/* 余分なフッターウィジェットは非表示（unbound と同様） */
.anniv-15years .w-footer.-widget2
{
	display: none;
}