@charset "shift_jis";
/* CSS Document */

body{
	background-color: #fdf000;
}

img{
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
}

/* ぁE��ばん上�Eビジュアルは横幁E��はみ出さなぁE��ぁE��限を可変させ、divタグで括めE*/
.headvisual img {
	width:min(96%,900px);/* 要素の横幁E��要素の最小幁E*/
	height: auto;
}

/* 番絁E�E容解説枠*/
.headtext {
	width:min(90%,850px);/* 要素の横幁E��要素の最小幁E*/
	height:auto;
	padding:4% 1%;
	text-align: left;
}

/* 頁E��タイトルは大きく表示*/
.banner{
	display:inline-block;
	vertical-align: top;
	padding:2px 2px 8px;
}

.banner-img{
	margin:0,auto;
	width:270px;
	height:auto;
}

.cast-img{
	width:min(96%,900px);
	height:auto;
}



/* YouTube動画埋め込みをレスポンシブ対応：コピ�E */
.youtubeadd {
  position:relative;
  width: 100%;
  max-width: 560px;
}

.youtubeadd::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

.youtubeadd iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*�E�終！EYouTube動画埋め込みをレスポンシブ対応：コピ�Eここまで */