/*------------------------------------------------------------------

特集ページでのみ使用するスタイルのみ記述いただき、
必要なページのみで読み込むように設定をお願いします。
一定期間継続し、サイト全体で使用する必要が認められた場合には、
該当する記述をstyle.cssへ移植してください。

------------------------------------------------------------------*/

.special-btn {
	display: flex;
	justify-content: space-evenly;
	margin: 0 auto 60px auto;
	width: 860px;
}

.special {
	margin: 0 auto;
	padding: 90px 0 0 0;
	width: 1062px;
}

.basic-info .incruding{
}

.special .kv img {
	margin: 0 20px 0 0;
	width: 410px;
}

.special .youtube {
	width: 410px;
}

.content-detail {
		width: 410px;
}

.contents .container {
	display: flex;
	margin: 0 auto 50px auto;
	width: 860px;
}

.contents h3 {
	margin: 0 auto 60px auto;
}

.content-detail .title {
	font: bold 	22px sans-serif;
}


.content-detail .episode {
}

.content-detail .cast {
	margin: 0;
	width: 100%;
}

.contents > .container:nth-of-type(even) {
	flex-direction: row-reverse;
}

.contents > .container > .youtube {
	margin: 0 0 0 40px;
}

.contents > .container:nth-of-type(even) > .youtube {
	margin: 0 40px 0 0;
}

.special > .two-column img {
	margin: 0 0 30px 0;
	width: 510px;
}

@media screen and (max-width: 1062px) {/* タブレット・ブレークポイント */

	.special {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 60px;
		width: 100%;
	}

	.special .kv img {
		margin: 0;
		width: 100%;
	}

	.contents h3 {
		margin: 0 auto 30px auto;
	}

	.contents .container {
		display: block;
		width: 100%;
	}

	.content-detail {
			width: 100%;
	}

	.screen-shot {
		width: 100%;
	}

	.screen-shot img {
		width: 100%;
	}

	.contents > .container > .youtube {
		margin: 0;
	}

	.special > .two-column img {
		margin: 0 0 30px 0;
		width: 100%;
	}

	.special .youtube {
	  width: 100%;
	 }

	.contents .youtube .youtube-container iframe {
  	width: 100%;
  }

	.special-btn {
		display: block;
		width: 100%;
	}

}