/* CSS Document */

#detail{
	padding: var(--space) 0;
	}

#detailTitle{
	display: grid;
	grid-gap: 1em;
	margin-bottom: 1em;
	}
	#detailTitle time{
		color: #999;
		order: -1;
		}

#detailBody{
	display: grid;
	grid-gap: var(--space);
	}

#detailImages{
	display: grid;
	grid-gap: 1em;
	}

#detailFile{}
	#detailFile ul{
		display: grid;
		grid-gap: 0.5em;
		}
	#detailFile li{
		line-height: 1.5em;
		}

.fr-view ol,
.fr-view ul{
	list-style: disc;
	margin-left: 1.0em;
}

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


/* Small */
@media (max-width: 767.98px) {
/*767px以下*/
#detailImages{
	grid-template-columns: repeat(3, 1fr);
	justify-content: center;
	}
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下縦向き*/
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下横向き*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
}


/* Medium */
@media (min-width: 768px) {
/*768px以上*/
#detailBody{
	grid-template-columns: auto auto;
	}
#detailImages{
	width: 20em;
	grid-column: 2;
	grid-row: 1 / 3;
	margin-left: auto;
	}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
}


/* Large */
@media (min-width: 992px) {
/*992px以上*/
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}


/* X-Large */
@media (min-width: 1200px) {
/*1200px以上*/
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/*1200px～1399px*/
}


/* XX-Large */
@media (min-width: 1400px) {
/*1400px以上*/
}




	#topics .body{}
		#topics .body img{
			max-width:100%;
			height:auto;
			}
	#topics .images{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		}
	#topics .file{}
		#topics .file ul{
			padding: 0 1em;
			border: 1px solid #fff;
			list-style:none;
			}
		#topics .file li{
			position: relative;
			padding: 1em 0;
			padding-left: 1em;
			line-height: 1.2em;
			}
		#topics .file li+li{
			border-top:1px dotted #fff;
			}
		#topics .file i{
			position: absolute;
			top: 1.4em;
			left: 0;
			vertical-align: middle;
			}
	#topics .container:first-child{
		margin-bottom:20px;
		}
	#topics .container:last-child{
		margin-top:20px;
		}
	#topics .thumbBox{
		padding-top:70%;
		}


@media (max-width: 767px) {
/*767px以下*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#topics{}
	#topics .images{}
		#topics .images figure{
			width: 100%;
			}
		#topics .images figure+figure{
			margin-top:1em;
			}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
#topics{}
	#topics .images{
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		}
		#topics .images figure{
			width: calc(50% - 0.5em);
			}
		#topics .images figure:nth-child(n+3){
			margin-top:1em;
			}
}
@media (max-width: 320px) {
/*320px以下*/
}


@media (min-width: 768px) {
/*768px以上*/
#topics{}
	#topics .images{}
		#topics .images figure{
			width: calc(33.33% - 0.66em);
			}
		#topics .images figure:nth-child(n+4){
			margin-top:1em;
			}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
}
@media (max-width: 991px) {
/*991px以下*/
}


@media (min-width: 992px) {
/*992px以上*/
#topics{}
	#topics .images{}
		#topics .images figure{
			width: calc(33.33% - 1em);
			}
		#topics .images figure:nth-child(n+4){
			margin-top:1.5em;
			}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
}


/* ie */
@media all and (-ms-high-contrast: none){
}


@media print {
}