/* CSS Document */

#tab{}
	#tab ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		list-style: none;
		}
	#tab li+li{
		margin-left: 1em;
		}
	#tab a{
		width: 8em;
		text-align: center;
		}

#movieList{
	display: flex;
	flex-wrap: wrap;
	}
	#movieList dl{
		background: rgba(217,217,217,0.5);
		}
	#movieList dt{
		padding: 0.8em;
		background: #4c4948;
		color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
	#movieList dd{
		margin-top: 0;
		line-height: 1.4em;
		}
		#movieList dd:empty{
			display: none;
			}
	#movieList dd+dd{
		padding: 1em;
		}
	#movieList a{
		display: block;
		position: relative;
		}
	#movieList i{
		position: absolute;
		top: calc(50% - 0.5em);
		left: calc(50% - 0.5em);
		fill: #ff0000;
		font-size: 5em;
		opacity: 0.5;
		}
	#movieList .thumb{
		padding-top: 66.66%;
		}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#movieList{}
	#movieList dl{
		width: 100%;
		}
	#movieList dl+dl{
		margin-top: 1em;
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
#movieList{}
	#movieList dl{
		width: calc(50% - 0.5em);
		}
		#movieList dl:nth-child(even){
			margin-left: 1em;
			}
		#movieList dl:nth-child(n+3){
			margin-top: 1em;
			}
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px以上*/
#movieList{}
	#movieList dl{
		width: calc(33.33% - 0.67em);
		}
		#movieList dl:nth-child(3n+2){
			margin: 0 1em;
			}
		#movieList dl:nth-child(n+4){
			margin-top: 1em;
			}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#movieList{}
	#movieList dl{
		width: calc(33.33% - 1em);
		}
		#movieList dl:nth-child(3n+2){
			margin: 0 1.5em;
			}
		#movieList dl:nth-child(n+4){
			margin-top: 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){}