/* CSS Document */

#detail{
	padding-bottom: 0;
	}

#title{
	margin-bottom: 2em;
	}
	#title time{
		display: block;
		color: #666;
		font-size: 1.4rem;
		font-weight: normal;
		text-align: right;
		}

#file{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	}
	#file h3{
		margin: 0;
		font-size: 1.2em;
		}
	#file p{
		margin-top: 1em;
		line-height: 1.4em;
		}
	#file a{
		position: absolute;
		width: 100%;
		height: 100%;
		border: 1px solid #004385;
		font-size: 0;
		}
		#file a:hover,
		#file a:active{
			border-color: #0093dc;
			}

.fr-view{
	overflow: hidden;
	}
	.fr-view figure{
		display: inline;
		}

.gallery{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 2em;
	display: none;
	}
	.gallery a{
		display: block;
		border: 1px solid #004385;
		}
		.gallery a:hover,
		.gallery a:active{
			border-color: #0093dc;
			}

.file{
	margin-top: 2em;
	border-top: 1px dotted #bfbfbf;
	list-style: none;
	}
	.file li{
		position: relative;
		padding: 0.8em 0;
		padding-left: 1.2em;
		border-bottom: 1px dotted #bfbfbf;
		line-height: 1.4em;
		}
	.file i{
		position: absolute;
		top: 0.9em;
		left: 0;
		}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
#file{}
	#file > figure{
		width: 40%;
		}
	#file > div{
		width: 60%;
		padding: 1em;
		}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px以上*/
#file{}
	#file > figure{
		width: 20%;
		}
	#file > div{
		width: 80%;
		padding: 1em;
		}
.gallery{}
	.gallery figure{
		width: calc(33.33% - 1em);
		margin-left: 1.5em;
		}
		.gallery figure:nth-of-type(3n+1){
			margin-left: 0;
			}
		.gallery figure:nth-of-type(n+4){
			margin-top: 1.5em;
			}
		.gallery figure:nth-of-type(n+4):nth-of-type(3n+1):last-child{
			margin-right: auto;
			}
		.gallery figure:nth-of-type(n+4):nth-of-type(3n+2):last-child{
			margin-right: auto;
			}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#file{}
	#file > div{
		padding: 1.5em;
		}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1200px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


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