@media screen and (max-width: 1199px) {
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 980px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area h1 {
	}
}

@media screen and (max-width: 979px) {
	#bg_body {
	}
	
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 640px;
	}
	
	.youtube_box iframe {
		width: 560px;
		height: 315px;
	}
	
	table th {
		display: block;
		width: auto;
		padding: 1em;
	}
	
	table td {
		display: block;
		text-align: center;
		padding: 1em;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area {
		height: 90vh;
	}
	
	#logo_area h1 {
		height: 210px;
	}
	
	#logo_area h2 {
		height: 50px;
	}
	
	/*=======================================================
		about_area
	=======================================================*/
	#about_area p {
		width: 90%;
	}
	
	/*=======================================================
		cast_area
	=======================================================*/
	#cast_area {
		background-size: 3000px;
	}
	
	#cast_area ul li {
		margin-bottom: 50px;
	}

	.img_box {
		width: 100%;
		margin-right: 0;
	}

	.img_right .img_box {
		margin-left: 0;
		margin-right: 0;
	}

	.text_box {
		width: 90%;
		text-align: center;
	}

	.text_box h2 {
		margin-bottom: 20px;
	}

	.text_box p {
		line-height: 1.6em;
	}

	.img_right .text_box {
		text-align: center;
	}
	
	/*=======================================================
		sns_area
	=======================================================*/
	#sns_area {
		background-size: 2000px;
	}

}

@media screen and (max-width: 639px) {
	#btn_sns_area {
		right: 100px;
	}
	
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 400px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area {
	}
	
	#logo_area h1 {
	}
	
	/*=======================================================
		footer
	=======================================================*/
	#footer {
		height: 100px;
		padding-top: 40px;
		background-size: 1000px;
	}
	
	#footer p {
		line-height: 100px;
		font-size: 10px;
	}
	
	#pagetop_area a {
		width: 80px;
		height: 80px;
		background-size: cover;
	}
	
	#pagetop_area a img {
		width: 100%;
	}
}