/* CSS Document */

#detail,
.detail{}
	#detail .wrap,
	.detail .wrap{
		display: flex;
		flex-direction: column;
		}
	.detail .wrap + .wrap {
		margin-top: 4em;
	}

#detailTitle,
.detail-title{
	display: flex;
	flex-direction: column;
	order: -1;
	}
	#detailTitle h2,
	.detail-title h2{
		padding-bottom: 0.6em;
		border-bottom: 2px solid currentColor;
		color: #036eb7;
		font-weight: 500;
		line-height: 1.7em;
		}
	#detailTitle time,
	.detail-title time{
		display: none;
		}

#detailBody,
.detail-body{
	line-height: 1.7em;
	}
	#detailBody>*+*,
	.detail-body>*+*{
		margin-top: 1em;
		}

#detailInfo,
.detail-info{}
	#detailInfo dl,
	.detail-info dl{
		display: flex;
		border: 1px solid #ccc;
		}
	#detailInfo dt,
	#detailInfo dd,
	.detail-info dt,
	.detail-info dd{
		padding: 0.8em;
		line-height: 1.7em;
		}
		#detailInfo dt:nth-of-type(n+2),
		#detailInfo dd:nth-of-type(n+2),
		.detail-info dt:nth-of-type(n+2),
		.detail-info dd:nth-of-type(n+2){
			border-top: 1px solid #ccc;
			}
	#detailInfo dt,
	.detail-info dt{
		background: rgba(18,194,199,0.2);
		}

#detailPhoto{
	display: flex;
	flex-direction: column;
	margin-top: 1.5em;
	order: -1;
	}
	#detailPhoto{
		order: -1;
		}
	#detailPhoto .slideNav{
		align-self: center;
		width: 100%;
		max-width: 500px;
		margin-top: 2em;
		}
		#detailPhoto .slideNav li{
			padding: 0 0.5em;
			cursor: pointer;
			}
		#detailPhoto .slideNav .slick-track {
			transform: unset !important;
			}

#pagenation{
	padding-top: 0;
	}
	#pagenation li{
		width: 100%;
		max-width: 15em;
		}
	#pagenation a{
		width: 100%;
		}

.notes{
	font-size: 0.8em;
	text-indent: -1em;
	margin-left: 1em;
	}
.red{
	color: #DC0003;
	}
.slick-arrow{
	position: absolute;
	top: 50%;
	width: 3em;
	height: 3em;
	margin-top: -1.5em;
	fill: #1a140d;
	cursor: pointer;
	z-index: 1;
	}
	.slick-arrow svg{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
.slick-prev{
	left: 0;
	}
.slick-next{
	right: 0;
	}




/* for all */
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767.98px) {
/*767以下px*/
#detailTitle,
.detail-title{}
	#detailTitle h2,
	.detail-title h2{
		font-size: 1.2em;
		}
#detailBody,
.detail-body,
#detailInfo,
.detail-info{
	margin-top: 2em;
	}
#detailPhoto,
.detail-photo{}
	#detailPhoto li,
	.detail-photo li{
		width: 50%;
		}
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下 縦向き*/
#detailInfo,
.detail-info{}
	#detailInfo dl,
	.detail-info dl{
		flex-direction: column;
		}
	#detailInfo dd,
	.detail-info dd{
		border: none !important;
		}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下 横向き*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
#detailInfo,
.detail-info{}
	#detailInfo dl,
	.detail-info dl{
		flex-wrap: wrap;
		}
	#detailInfo dt,
	.detail-info dt{
		width: 10em;
		}
	#detailInfo dd,
	.detail-info dd{
		width: calc(100% - 10em);
		}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#detailTitle,
.detail-title{}
	#detailTitle h2,
	.detail-title h2{
		font-size: 1.5em;
		}
#detailPhoto,
.detail-photo{}
	#detailPhoto li,
	.detail-photo li{
		width: 33.33%;
		}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
#detailBody,
.detail-body,
#detailInfo,
.detail-info{
	margin-top: 3em;
	}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#detailBody,
.detail-body,
#detailInfo,
.detail-info{
	margin-top: 4em;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}

/* 250626 add */
.detail-figure {
	margin-top: clamp(2em, 5vw, 4em);
}
.detail-figure-title {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1.75;
}
.detail-figure-img img {
	width: 100%;
	height: auto;
}