@charset "utf-8";

.content{
  background-image:url('../img/bg.jpg');
  background-size:100%;
  background-position: center center;
  background-repeat: repeat-y;
  padding-bottom:80px;
}
.content_wrapper h2{
	background-color:#8c28ff;
	font-size:23px;
	color:#fff;
	padding:10px 0;
	border-bottom:3px solid #000;
}
.catchcopy{
	margin:20px 0;
}
.ber{
	vertical-align: bottom !important;
}
h3{
	width:45%;
	margin:20px auto 0;
	padding:5px;
	background-color: #8c28ff;
	color:#fff;
}
.next-delivery{
	font-size: 30px;
	text-align:center;
	color:#ff0000;
}
.mv iframe{
	width:100% !important;
	height:100% !important;
	aspect-ratio: 16 / 9;
}
dl{
	width:90%;
	margin:20px auto 20px;
}
dl dt{
	width:46%;
	float:left;
	background-color: #8c28ff;
	color: #fff;
	padding:5px;
}
dl dd{
	width:54%;
	float:left;
	font-size:16px;
	text-align: left;
	padding:10px 0 5px 15px;
}
p{
	width:90%;
	margin:10px auto;
	text-align: left;
}

@media screen and ( min-width:640px ) { /* PC ==================== */
	.now-streaming{
		width:90%;
		margin:0 auto;
	}
	.now-streaming div{
		margin: 15px 0 0 0;
		width: calc(33.33% - 10px);
		float:left;
	}
  .now-streaming div:nth-child(n+1){
		margin-right: 15px;
  }
  .now-streaming div:nth-child(3n){
  	float: right;
  	margin-right: 0;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.now-streaming{
		width:90%;
		margin:0 auto;
	}
	.now-streaming div{
		margin: 15px 0 0 0;
		width: calc(50% - 10px);
		float:left;
	}
  .now-streaming div:nth-child(n+1){
		margin-right: 10px;
  }
  .now-streaming div:nth-child(2n){
  	float: right;
  	margin-right: 0;
  }
}