/* CSS Document */

#detail{}
	#detail > [id$="List"]{
		overflow: hidden;
		}
		#detail > [id$="List"] span{
			position: static;
			float: right;
			margin-right: 1em;
			}
		#detail > [id$="List"] time{
			position: static;
			float: right;
			color: #666;
			font-size: 0.8em;
			font-weight: normal;
			line-height: 1.5em;
			}
	#detail > *+*{
		margin-top: 1em;
		}

#link{}
	#link h2{
		max-width: 100%;
		font-size: 1.2em;
		}
	#link p{
		margin-top: 1em;
		font-size: 1em;
		height: auto;
		line-height: 1.4em;
		}
	#link .microlink_card{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
		max-width: calc(100% + 1.2em);
		width: calc(100% + 1.2em);
		margin: -1em 0 -1em -1.2em;
		border: 1px solid #ccc;
		font-family: inherit;
		}
		#link .microlink_card:hover{
			border-color: #0068b6;
			background: #fff;
			}
	#link .microlink_card__content{
		display: block;
		padding: 1em;
		}
		#link .microlink_card__content p{
			margin-top: 0;
			font-size: 1.2em;
			}
	#link .microlink_card__content_description{
		text-overflow: inherit;
		overflow: visible;
		font-size: 1em;
		height: auto;
		line-height: 1.4em;
		}
		#link .microlink_card__content_description div{
			margin-top: 1em;
			}
	#link .microlink_card__content_url{
		display: block;
		margin-top: 1em;
		font-size: 1em;
		text-align: right;
		line-height: 1.4em;
		}

#file{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	margin-top: 1em;
	}
	#file figure{
		position: relative;
		background: #f2f2f2;
		}
		#file figure .thumbBox{
			position: absolute;
			top: 50%;
			margin-top: -50%;
			}
	#file figure+div{
		padding: 1em;
		flex: 1;
		}
	#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%;
		left: 0;
		top: 0;
		border: 1px solid #ccc;
		font-size: 0;
		}
		#file a:hover,
		#file a:active{
			border-color: #0068b6;
			}

.fr-view{
	clear: both;
	overflow: hidden;
	}
	.fr-view h3{
		position: relative;
		padding-left: 1em;
		font-size: 1.8rem;
		line-height: 1.4em;
		}
		.fr-view h3:before{
			content: "";
			position: absolute;
			left: 0;
			width: 0.3em;
			height: 1.4em;
			background: #8ec31f;
			background: #006934;
			}
		.fr-view h3+*{
			margin-top: 1em;
			}
	.fr-view li{
		position: relative;
		list-style: none;
		}
	.fr-view li+li{
		margin-top: 0.5em;
		}
	.fr-view ul{
		line-height: 1.4em;
		}
		.fr-view ul li{
			padding-left: 1em;
			}
			.fr-view ul li:before{
				content: "";
				position: absolute;
				left: 0;
				top: 0.45em;
				width: 0.5em;
				height: 0.5em;
				background: #8ec31f;
				border-radius: 100%;
				}
	.fr-view ol{
		counter-reset: sample;
		list-style: none;
		}
		.fr-view ol li{
			padding-left: 1.5em;
			}
			.fr-view ol li:before{
				counter-increment: sample;
				content: counter(sample)".";
				position: absolute;
				left: 0;
				}
	.fr-view table{
		border: 1px solid #ccc;
		border-collapse: collapse;
		}
	.fr-view caption,
	.fr-view th,
	.fr-view td,
	.fr-view dt,
	.fr-view dd{
		padding: 0.5em;
		line-height: 1.4em;
		}
	.fr-view th,
	.fr-view dt{
		background: #f2f0f1;
		}
		.fr-view dt:nth-of-type(n+2){
			border-top: 1px solid #ccc;
			}
	.fr-view caption,
	.fr-view th,
	.fr-view td{
		border: 1px solid ;
		border-color: #ccc!important;
		}
	.fr-view caption{
		background: #252525;
		border-bottom: none;
		color: #fff;
		font-weight: 400;
		}
	.fr-view th{
		font-weight: 400;
		}
	.fr-view thead th{
		background: #8ec31f !important;
		color: #fff;
		text-align: center;
		}
	.fr-view thead td{
		background: #f2f0f1;
		}

.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;
	}
	.gallery figure{
		position: relative;
		}
	.gallery a{
		text-decoration: none;
		}
	.gallery img{
		border: 1px solid #eee;
		}
		.gallery img:hover{
			-webkit-box-shadow: 1px 1px 7px rgba(0,0,0,0.14);
			-moz-box-shadow: 1px 1px 7px rgba(0,0,0,0.14);
			box-shadow: 1px 1px 7px rgba(0,0,0,0.14);
			transform: scale(1.005);
			-webkit-transform: scale(1.005);
			-o-transform: scale(1.005);
			-ms-transform: scale(1.005);
			-moz-transform: scale(1.005);
			-webkit-transition-duration: 350ms;
			-moz-transition-duration: 350ms;
			-o-transition-duration: 350ms;
			transition-duration: 350ms;
			border: 1px solid #fff;
			}
	.gallery figcaption{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		display: block;
		padding: 0.5em;
		background: rgba(0,0,0,0.6);
		color: #fff;
		font-size: 0.8em;
		line-height: 1.2em;
		text-align: center;
		}
		.gallery figcaption:empty{
			display: none;
			}

.file{}
	.file li{
		list-style: none;
		}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
#subject{
	margin: 0;
	}
#detail{
	margin-top: 0;
	}
	#detail > [id$="List"]{
		padding: 1em;
		}
#link{}
	#link .microlink_card__image{
		flex: 0 0 8em;
		}
	#link .microlink_card__content_description{
		display: none;
		}
#file{}
	#file > figure{
		flex: 0 0 8em;
		min-height: 8em;
		}
.gallery{}
	.gallery figure{
		width: 100%;
		}
	.gallery figure+figure{
		margin-top: 0.5em;
		}
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px以上*/
#link{}
	#link .microlink_card__image{
		flex: 0 0 10em;
		min-height: 10em;
		height: 100%;
		}
#file{}
	#file > figure{
		flex: 0 0 10em;
		min-height: 10em;
		height: 100%;
		}
.fr-view{}
	.fr-view dl{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		}
	.fr-view dt{
		width: 30%;
		}
	.fr-view dd{
		width: 70%;
		}
		.fr-view dd:nth-of-type(n+2){
			border-top: 1px solid #ccc;
			}
.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;
			}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#link{}
	#link .microlink_card__content{
		padding: 1.5em;
		}
		#link .microlink_card__content p{
			font-weight: 500;
			}
#file{}
	#file figure+div{
		padding: 1.5em;
		}
.fr-view{}
	.fr-view table caption,
	.fr-view table th,
	.fr-view table td,
	.fr-view table dt,
	.fr-view table dd{
		padding: 0.8em;
		}
}


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