@charset 'UTF-8';
/*----------------------------------------

	- pageTitle
	- sample

-----------------------------------------*/

/*----------------------------------------
	pageTitle
-----------------------------------------*/
.pageTitle {
	display: grid;
	grid-template-columns: auto max-content;
	grid-template-areas: 'pageTitleContainer pageCategory';
	inline-size: min(80%, 1120px);
	margin-block-start: 35px;
	margin-inline: auto;
}

.pageTitle .pageTitleContainer {
	grid-area: pageTitleContainer;
	inline-size: min(100%, 1028px);
	margin-block: 156px 23px;
}

.pageTitle .pageTitleContainer h1 {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size24);
	line-height: var(--line-height15);
}

.pageTitle .pageTitleContainer h1 span {
	display: block;
	margin-block-start: 13px;
	font-size: var(--font-size52);
}

.pageTitle .pageCategory>span:not(:first-of-type) {
	margin-inline-end: 0;
}

@media (width <=800px) {
	.pageTitle {
		inline-size: 94%;
		margin-block-start: 22px;
		padding-inline-start: 3%;
	}

	.pageTitle .pageTitleContainer {
		inline-size: 100%;
		margin-block: 78px 7px;
	}

	.pageTitle .pageTitleContainer h1 {
		font-size: var(--font-size16);
	}

	.pageTitle .pageTitleContainer h1 span {
		font-size: var(--font-size32);
	}
}

/* mapContent */
/* mapRouteに基本の高さを確保（背景画像基準） */

/* コースマップの絶対配置（レスポンシブ対応） */
.map>div .mapRoute .course-map {
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	inline-size: 100%;
	block-size: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 30分コースマップの配置 */
.map>div .mapRoute .course-map.course-1 {
	z-index: 3;
	/* PC版の配置 */
	inset-block-start: 48%;
	inset-inline-start: 31.9%;
	inline-size: 40.3%;
	block-size: auto;
}

/* 60分コースマップの配置 */
.map>div .mapRoute .course-map.course-2 {
	z-index: 2;
	/* PC版の配置 */
	inset-block-start: 25.9%;
	inset-inline-start: 15.4%;
	inline-size: 61.7%;
	block-size: auto;
}

/* SP版レスポンシブ対応 */
@media (width <=800px) {

	/* 30分コースマップのSP版配置 */
	.map>div .mapRoute .course-map.course-1 {
		inset-block-start: 48.1%;
		inset-inline-start: 24.6%;
		inline-size: 56.5%;
		block-size: auto;
	}

	/* 60分コースマップのSP版配置 */
	.map>div .mapRoute .course-map.course-2 {
		inset-block-start: 25.8%;
		inset-inline-start: 1.55%;
		inline-size: 86.6%;
		block-size: auto;
	}

	/* SP版でのmapRouteの高さ調整 */
	.map>div .mapRoute {
		min-height: 300px;
	}
}

/* コースマップの表示制御ギミック */
/* デフォルトは両方とも非表示 */
.mapContent .map>div .mapRoute .course-map.course-1 {
	opacity: 0;
	visibility: hidden;
	z-index: 3;
}

.mapContent .map>div .mapRoute .course-map.course-2 {
	opacity: 0;
	visibility: hidden;
	z-index: 2;
}

/* Course 1がアクティブな時（統一命名 .course-active-1 使用） */
.mapContent.course-active-1 .map>div .mapRoute .course-map.course-1 {
	opacity: 1;
	visibility: visible;
	z-index: 3;
}

.mapContent.course-active-1 .map>div .mapRoute .course-map.course-2 {
	opacity: 0;
	visibility: hidden;
	z-index: 2;
}

/* Course 2がアクティブな時の切り替え */
.mapContent.course-active-2 .map>div .mapRoute .course-map.course-1 {
	opacity: 0;
	visibility: hidden;
	z-index: 2;
}

.mapContent.course-active-2 .map>div .mapRoute .course-map.course-2 {
	opacity: 1;
	visibility: visible;
	z-index: 3;
}

/* コース切り替え時のスムーズなアニメーション（フェードのみ） */
.mapContent.switching .map>div .mapRoute .course-map {
	transition: opacity 0.2s ease, visibility 0.2s ease;
}

/*----------------------------------------
	Map Markers - Absolute Positioning (Geku)
-----------------------------------------*/



/* === Gekuページ マーカー座標 === */

/* Course 1 マーカー (30分コース) - 正式な9箇所 */
#\33 0-1 { top: 46.85%; left: 67.32%; }  /* ① 火除橋 */
#\33 0-2 { top: 53.7%; left: 68.57%; }  /* ② 手水舎 */
#\33 0-3 { top: 55.55%; left: 25.71%; }  /* ③ 正宮　豊受大神宮 */
#\33 0-4 { top: 55.55%; left: 37.67%; }   /* ④ 古殿地 */
#\33 0-5 { top: 60.55%; left: 38.39%; }   /* ⑤ 三ツ石 */
#\33 0-6 { top: 77.03%; left: 41.25%; }  /* ⑥ 別宮　多賀宮 */
#\33 0-7 { top: 67.59%; left: 34.28%; }  /* ⑦ 別宮　土宮 */
#\33 0-8 { top: 69.44%; left: 48.03%; }  /* ⑧ 別宮　風宮 */
#\33 0-9 { top: 49.25%; left: 51.25%; }   /* ⑨ 外宮神楽殿 */

/* Course 2 マーカー (60分コース) - 正式な18箇所 */
#\36 0-1 { top: 46.85%; left: 67.32%; }  /* ① 火除橋 */
#\36 0-2 { top: 51.29%; left: 65.71%; }   /* ② 清盛楠 */
#\36 0-3 { top: 53.7%; left: 68.57%; }  /* ③ 手水舎 */
#\36 0-4 { top: 55.18%; left: 76.25%; }  /* ④ せんぐう館 */
#\36 0-5 { top: 66.85%; left: 72.67%; }  /* ⑤ まがたま池 */
#\36 0-6 { top: 55.55%; left: 25.71%; }  /* ⑥ 正宮　豊受大神宮 */
#\36 0-7 { top: 55.55%; left: 37.67%; }   /* ⑦ 古殿地 */
#\36 0-8 { top: 60.55%; left: 38.39%; }   /* ⑧ 三ツ石 */
#\36 0-9 { top: 77.03%; left: 41.25%; }  /* ⑨ 別宮　多賀宮 */
#\36 0-10 { top: 67.59%; left: 34.28%; } /* ⑩ 別宮　土宮 */
#\36 0-11 { top: 76.85%; left: 34.28%; } /* ⑪ 下御井神社 */
#\36 0-12 { top: 69.44%; left: 48.03%; } /* ⑫ 別宮　風宮 */
#\36 0-13 { top: 57.03%; left: 45.53%; }  /* ⑬ 四至神 */
#\36 0-14 { top: 51.66%; left: 46.96%; }  /* ⑭ 五丈殿・九丈殿 */
#\36 0-15 { top: 49.25%; left: 51.25%; }  /* ⑮ 外宮神楽殿 */
#\36 0-16 { top: 35%; left: 47.32%; }  /* ⑯ 北御門 */
#\36 0-17 { top: 32.96%; left: 41.78%; }  /* ⑰ 御厩 */
#\36 0-18 { top: 22.77%; left: 17.85%; }  /* ⑱ 度会国御神社・大津神社 */

/* スマートフォン対応 */
@media (width <= 800px) {
	/* SP版での座標（Course 1 - 30分コース） - 正式な9箇所 */
	#\33 0-1 { left: 74.25%; }  /* ① 火除橋 */
	#\33 0-2 { left: 76%; }     /* ② 手水舎 */
	#\33 0-3 { left: 16%; }  /* ③ 正宮　豊受大神宮 */
	#\33 0-4 { left: 32.75%; }   /* ④ 古殿地 */
	#\33 0-5 { left: 33.75%; }   /* ⑤ 三ツ石 */
	#\33 0-6 { left: 37.75%; }  /* ⑥ 別宮　多賀宮 */
	#\33 0-7 { left: 28%; }     /* ⑦ 別宮　土宮 */
	#\33 0-8 { left: 47.25%; }  /* ⑧ 別宮　風宮 */
	#\33 0-9 { left: 51.75%; }   /* ⑨ 外宮神楽殿 */

	/* SP版での座標（Course 2 - 60分コース） - 正式な18箇所 */
	#\36 0-1 { left: 74.25%; }  /* ① 火除橋 */
	#\36 0-2 { left: 72%; }   /* ② 清盛楠 */
	#\36 0-3 { left: 76%; }     /* ③ 手水舎 */
	#\36 0-4 { left: 86.75%; }      /* ④ せんぐう館 */
	#\36 0-5 { left: 81.75%; }  /* ⑤ まがたま池 */
	#\36 0-6 { left: 16%; }  /* ⑥ 正宮　豊受大神宮 */
	#\36 0-7 { left: 32.75%; }   /* ⑦ 古殿地 */
	#\36 0-8 { left: 33.75%; }   /* ⑧ 三ツ石 */
	#\36 0-9 { left: 37.75%; }  /* ⑨ 別宮　多賀宮 */
	#\36 0-10 { left: 28%; }    /* ⑩ 別宮　土宮 */
	#\36 0-11 { left: 28%; } /* ⑪ 下御井神社 */
	#\36 0-12 { left: 47.25%; } /* ⑫ 別宮　風宮 */
	#\36 0-13 { left: 43.75%; }  /* ⑬ 四至神 */
	#\36 0-14 { left: 45.75%; }  /* ⑭ 五丈殿・九丈殿 */
	#\36 0-15 { left: 51.75%; }  /* ⑮ 外宮神楽殿 */
	#\36 0-16 { left: 46.25%; }  /* ⑯ 北御門 */
	#\36 0-17 { left: 38.5%; }  /* ⑰ 御厩 */
	#\36 0-18 { left: 5%; }  /* ⑱ 度会国御神社・大津神社 */
}