/* CSS Document */

#event{}
	#event section{}
		#event section dl{
			display: flex;
			flex-wrap: wrap;
			padding: 0.3em 0  0.8em 0;
			border-bottom: 1px dotted #bfbfbf;
			}
			#event section dl:nth-of-type(1){
				border-top: 0.2em solid #4c4948;
				}
		#event section dt,
		#event section dd{
			margin-top: 0.5em;
			line-height: 1.4em;
			}
		#event section dt{
			margin-right: 1em;
			}
		#event section dd{
			padding: 0.5em;
			background: rgba(217,217,217,0.5);
			font-size: 0.8em;
			line-height: 1em;
			}
			#event section dd:empty{
				display: none;
				}
		#event section dl+p{
			margin-top: 1em;
			}

.slide{}
	.slide div+div{
		margin-top: 0;
		}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
#event{}
	#event header{}
		#event header .slick-slider{
			margin: 0;
			}
		#event header .slick-slide{
			margin: 0;
			}
		#event header figure{
			margin-top: 1em;
			}
		#event header .thumb{
			padding-top: 66.66%;
			}
	#event section{}
		#event section dt{
			order: 1;
			width: 100%;
			margin-right: 0;
			}
		#event section dd{
			order: 0;
			}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#event{}
	#event header{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		}
		#event header > div{
			position: relative;
			width: 55%;
			margin-bottom: 5em;
			background: rgba(217,217,217,0.5);
			z-index: 1;
			}
		#event header figure{
			align-self: flex-end;
			position: relative;
			margin-top: 5em;
			width: 50%;
			margin-left: -10%;
			}
		#event header .thumb{
			padding-top: 66.66%;
			}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#event{}
	#event header{}
		#event header > div{
			padding: 1.5em;
			}
}
@media (max-width: 991px) {
/*991px以下*/
}


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


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