.section_inner {
    padding: 6rem 0 6rem;
}

.info_box{
	margin: 50px auto;
}

/*ーーーーーーーーーーーーーー
ひらいずみ遺産とは
ーーーーーーーーーーーーーー*/
#hiraizumi_heritage p{
	text-align: center;
	line-height: 2;
}

/*ーーーーーーーーーーーーーー
平泉の文化遺産　構成資産のご紹介
ーーーーーーーーーーーーーー*/
.world-heritage-wrap{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

#world_heritage .spot{
	display:flex; 
	flex-direction:column; 
	border-radius: 0; 
	overflow:hidden; 
	background:#ddd;
	box-shadow: none;
}

.spot-grid{ 
	display:grid;
	grid-template-columns: repeat(1fr);
} 

.spot__media{
	position:relative; 
	block-size: clamp(220px, 36vh, 420px);
	background:#ccc top center / cover no-repeat; 
	solation:isolate;
}
.spot__media::before{
	content:""; 
	position:absolute; 
	inset:0; 
	background:rgba(0,0,0,.25); 
	z-index:0; 
	transition: background .3s ease;
}

/*各史跡画像*/
.muryokoin .spot__media{
	background-image:url('images/bg_muryokoin.jpg');
}
.motsuji .spot__media{
	background:url('images/bg_motsuji.jpg') center / cover no-repeat; 
}

.chusonji .spot__media{
	background-image:url('images/bg_chusonji.jpg');
}

.kanjizaioin .spot__media{
	background-image:url('images/bg_kanjizaioin.jpg');
}

.kinkeisan .spot__media{
	background-image:url('images/bg_kinkeisan.jpg');
}

.spot__label{
	position:absolute; 
	bottom:0; 
	left:50%; 
	transform: translateX(-50%);
	writing-mode: vertical-rl; 
	text-orientation: mixed; 
	letter-spacing:.04em;
	background:#fff; 
	color:#111; 
	padding: 18px 8px; 
	font-size: clamp(18px,2.1vw,26px); 
	font-weight: bold;
	box-shadow: 0 8px 18px rgba(0,0,0,.18);
	z-index:2; 
	user-select:none;
	height: 65%; /* 白枠の高さを揃える */
	display:flex; 
	align-items:center; 
	justify-content:center;
	top: 56%;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}


#world_heritage .spot__foot{
	display:flex;  
	gap: 8px;
	padding: 28px 16px; 
	min-block-size: 160px; /* 帯を太く */
	transition: background .3s ease, filter .3s ease;
	z-index:1;
	align-items: flex-end;
	justify-content: center;
}

.spot__en, .spot__arrow{ 
	position: relative; 
	z-index:1; }


.spot__en{
	font-size: clamp(14px,1.6vw,18px); 
	font-weight:600; 
	opacity:.95;
}
.spot__arrow{ 
	inline-size: 22px; 
	block-size: 22px; 
	flex:0 0 22px; 
	opacity:.75; }


/* 偶数・奇数で色を切替 */
#world_heritage .spot:nth-child(odd) .spot__foot{ background: #d8c8a8; }
#world_heritage .spot:nth-child(even) .spot__foot{ background: #cbb998; }


/* ホバー時のシェード効果 */
.spot:has(a:hover) .spot__media::before{ background: linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,.25)); }
.spot:has(a:hover) .spot__foot::after{ background: rgba(0,0,0,.15); }


.spot a{ color:inherit; text-decoration:none; display:block; }
.spot a:focus-visible{ outline: 3px solid #000; outline-offset: 3px; }


/* ディスプレイ 1200px以上*/
@media (min-width: 1200px){ 
	.spot-grid{
		grid-template-columns: repeat(5, minmax(0,1fr));
		gap: 0;
	}
	.chusonji{order: 3;}
	.motsuji{order: 2;}
	.muryokoin{order:1;}
	.kanjizaioin{order:4;}
	.kinkeisan{order:5;}
}



/*ーーーーーーーーーーーーーー
関連資産のご紹介
ーーーーーーーーーーーーーー*/
#related_assets p{
	text-align: center;
}
.related_assets-wrap{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

#related_assets .spot__foot{
	text-align: center;
}

#related_assets article{
	margin-bottom: 30px;
}

/*各史跡画像*/
.yanagigosyo .spot__media{
	background-image:url('images/bg_yanagigosyo.jpg');
}
.shirotoritate .spot__media{
	background:url('images/bg_shirotoritate.jpg') center / cover no-repeat; 
}

.chojagahara .spot__media{
	background-image:url('images/bg_chojagahara.jpg');
}

.takkoku .spot__media{
	background-image:url('images/bg_takkoku.jpg');
}

.honederamura .spot__media{
	background-image:url('images/bg_honederamura.jpg');
}
@media (min-width: 1200px){ 
	.yanagigosyo{order: 1;}
	.shirotoritate{order: 2;}
	.chojagahara{order:3;}
	.takkoku{order:4;}
	.honederamura{order:5;}
}