@charset "utf-8";

@media screen and ( min-width:768px ) { /* PC ==================== */
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
}

.bg-character{
	top:0;

}
.content-footer{
	z-index: 4;
}
.content-blue-bg{
  width:100%;
  padding:20px 30px 30px 30px;
  background-color: #07587c;
  border-radius: 20px;
}
.episode{
	margin-bottom:20px;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
	.episode img{
		width:30%;
		float: left;
	}
	.episode div{
		width:70%;
		float: right;
	}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	.episode img{
	}
	.episode div{
		margin-top:5px;
	}
}

.episode div h3{
	background-color: #0080b2;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
	.episode div h3{
		font-size: 120%;
		padding:5px 10px;
		margin:5px 0;
	}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	.episode div h3{
		padding:5px 10px;
		margin:5px 0;
	}
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.episode div p{
		padding:0 10px;
	}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	.episode div p{
	}
}