/* CSS Document */

#detailTitle{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	}
	#detailTitle time,
	#detailTitle ul{
		font-size: 0.875em;
		}
	#detailTitle time{
		margin-top: 0;
		margin-bottom: 0.8em;
		color: #999;
		order: -1;
		}
	#detailTitle ul{
		display: flex;
		flex-wrap: wrap;
		align-self: stretch;
		margin-top: 1em;
		padding-top: 0.3em;
		border-top: 1px dashed #ddd;
		list-style: none;
		order: 1;
		}
	#detailTitle li{
		margin: 1em 1em 0 0;
		padding: 0.5em 0.8em;
		background: rgba(0,0,0,0.7);
		color: #fff;
		}
	#detailTitle .new{
		background: rgba(232,0,127,0.7);
		}
	#detailTitle .cancel{
		background: rgba(128,0,0,0.8);
		}



/* -- 各施設 css の統合を確認 ----------------- */
#detailTitle {}
	#detailTitle li{
		background: var(--color-theme);
		}

#detailBody {}
	#detailBody figure{
		margin-top: 2em;
		}
	#detailBody ul.images {
		display: flex;
		flex-wrap: wrap;
		margin: -1px;
		list-style: none;
		}
	#detailBody ul.images li{
		width: calc(50% - 2px);
		margin: 1px;
		}
		#detailBody ul.images li:nth-child(n+5){
			width: calc(33.33% - 2px);
			}
		#detailBody ul.images li:first-child:last-child{
			width: 100%;
			}
	#detailBody .thumb{
		padding-top: 66.66%;
		}

/* -- / 各施設 css の統合を確認 ----------------- */



#detailBody{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	}
	#detailBody figure{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 2em;
		order: -1;
		min-height: 0%;
		}
		#detailBody figure img{
			width: 100%;
			height: auto;
			flex-shrink: 0;
			}
	#detailBody figcaption{
		margin-top: 1em;
		padding-left: 1em;
		text-indent: -1em;
		}

#detailInfo{}
	#detailInfo dd .buttonSet{
		margin-top: 1em;
		}

#detailLink{}
	#detailLink *{
		margin: 0;
		padding: 0;
		color: inherit;
		font-size: inherit;
		}
	#detailLink a{
		display: block;
		border: 1px solid #ccc;
		text-decoration: none;
		transition: border-color 0.2s ease-out;
		}
		#detailLink a:hover{
			border-color: #0068b7;
			}
	#detailLink .microlink_card{
		display: flex;
		width: 100%;
		max-width: 100%;
		border: none;
		background: none;
		color: inherit;
		font-family: inherit;
		font-size: inherit;
		}
	#detailLink .microlink_card__media_video_wrapper{
		flex: 0 0 12em;
		}
	#detailLink .microlink_card__content{
		flex: 0 0 calc(100% - 12em);
		justify-content: flex-start;
		padding: 1em;
		}
		#detailLink .microlink_card__content *{
			flex-grow: inherit;
			}
	#detailLink .microlink_card__content_title{}
		#detailLink .microlink_card__content_title p{
			font-size: 1.2em;
			line-height: 1.4em;
			}
	#detailLink .microlink_card__content_description{
		width: 100%;
		margin-top: 0.5em;
		}
	#detailLink .microlink_card__content_url{
		margin-top: auto;
		padding-top: 1em;
		font-size: 0.85em;
		line-height: 1em;
		opacity: 0.5;
		}

#detailFile{
	position: relative;
	display: flex;
	}
	#detailFile *{
		margin: 0;
		padding: 0;
		color: inherit;
		font-size: inherit;
		}
	#detailFile figure{
		position: relative;
		flex: 0 0 12em;
		background: #f2f2f2;
		order: -1;
		}
	#detailFile dl{
		display: flex;
		flex-direction: column;
		flex: 0 0 calc(100% - 12em);
		padding: 1em;
		}
	#detailFile dt{
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.4em;
		}
	#detailFile dt+dd{
		margin-top: 0.5em;
		}
	#detailFile dt+dd+dd{
		margin-top: auto;
		padding-top: 1em;
		font-size: 0.85em;
		line-height: 1em;
		opacity: 0.5;
		}
	#detailFile a{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 1px solid #ccc;
		color: transparent;
		z-index: 1;
		transition: border-color 0.2s ease-out;
		}
		#detailFile a:hover{
			border-color: #0068b7;
			}
	#detailFile .thumb{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		}

#pagenation{
	padding-top: 0;
	}




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


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
#detailLink{}
	#detailLink .microlink_card{
		display: flex;
		flex-direction: column;
		height: auto;
		}
		#detailLink .microlink_card > *{
			}
#detailFile{
	display: flex;
	flex-direction: column;
	}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}
@media (max-width: 767px) and (orientation:portrait), (max-width: 575px) and (orientation:landscape) {
/*767px以下縦向き, 575px以下横向き*/
}
@media (min-width: 768px), (min-width: 576px) and (max-width: 767px) and (orientation:landscape) {
/*576px～767px横向き, 768px以上,*/
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) and (orientation:landscape) {
/*576px～767px横向き, 768px～991px*/
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px以上*/
#detailLink{}
	#detailLink .microlink_card__content_title p{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
	#detailLink .microlink_card__content_description p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		height: 5.8em;
		text-overflow: inherit;
		white-space: inherit;
		overflow: hidden;
		}
#detailFile{}
	#detailFile dl{
		height: 12em;
		}
	#detailFile dt{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
	#detailFile dt+dd{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		height: 5.8em;
		overflow: hidden;
		}
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
}


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


/* ie */
@media all and (-ms-high-contrast: none){
#detailTitle{}
	#detailTitle h2{
		width: 100%;
		}
#detailLink{}
	#detailLink a{
		display: inline-block;
		border: none;
		text-decoration: underline;
		}
		#detailLink a:hover{
			color: #0068b7;
			}
}