/* CSS Document */

#pagePath{}
	#pagePath span{}
		#pagePath span:not(:empty):before{
			content: "（";
			}
		#pagePath span:not(:empty):after{
			content: "）";
			}

#detail{
	padding: 0;
	}
	#detail section+section{
		padding-top: 0;
		}
	#detail h4{
		font-size: 1.2em;
		font-weight: bold;
		}
	#detail h4+div{
		margin-top: 0.5em;
		}
	#detail .notes{}
		#detail .notes li{
			padding-left: 0.8em;
			text-indent: -0.8em;
			}

#subject{}
	#subject span{
		margin: 0 0 0.5em 0;
		line-height: 1em;
		}
	#subject .wrap{
		display: flex;
		flex-direction: column-reverse;
		}
	#subject .headline{
		display: block;
		text-align: left;
		}

#detailPhoto{
	text-align: center;
	}
	#detailPhoto figure{
		margin-bottom: 2em;
		}
	#detailPhoto .thumb{
		padding-top: 66.66%;
		background-size: contain;
		object-fit: contain;
		}

#detailInfomation{}
	#detailInfomation dd{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		}
		#detailInfomation dd a{
			margin-right: 1em;
			}

#detailDownload{}
	#detailDownload div+div{
		text-align: center;
		}
	#detailDownload .linkBut{
		padding: 0.8em 3em;
		}
		#detailDownload .linkBut small{
			display: block;
			margin-top: 0.5em;
			font-size: 0.8em;
			}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
#detailPhoto{}
	#detailPhoto small{
		font-size: 0.8em;
		}
#detailInfomation{
	margin-top: 2em;
	}
	#detailInfomation small{
		font-size: 0.8em;
		}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#detailContents{}
	#detailContents nav{
		margin-top: 2em;
		}
		#detailContents nav ul{
			padding: 0 3em;
			}
		#detailContents nav dl{
			margin-top: 2em;
			}
	#detailContents .wrap{
		display: block;
		}
		#detailContents .wrap > *{
			width: 100% !important;
			}
#detailInfomation{}
	#detailInfomation small{
		margin-left: 1em;
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
detailInfomation{}
	#detailInfomation small{
		display: block;
		line-height: 1em;
		}
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px以上*/
#detailPhoto{}
	#detailPhoto span{
		font-size: 1.125em;
		}
	#detailPhoto i{
		font-size: 1.125em;
		}
	#detailPhoto small{
		font-size: 0.87em;
		}
#detailInfomation{}
	#detailInfomation small{
		display: block;
		font-size: 0.8em;
		line-height: 1em;
		}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#detailInfomation{
	margin-top: 3em;
	}
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#detail{}
	#detail h5{}
		#detail h5.min{
			font-size: 1.125em;
			}
		#detail h5.min+*{
			margin-top: 0.5em;
			}
#detailContents{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
#detailText{
	width: 100%;
	}
#detailPhoto{
	width: calc(50% - 1.5em);
	}
#detailInfomation{
	width: calc(50% - 1.5em);
	margin: 0;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1200px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


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