@media screen and (max-width: 1399px) {
	/*=======================================================
		body
	=======================================================*/
	#body_cast_je,
	#body_cast_je_name {
		left:20px
	}
	
	#body_cast_sa,
	#body_cast_sa_name {
		right: 20px;
	}
}


@media screen and (max-width: 1199px) {
	/*=======================================================
		body
	=======================================================*/
	#body_bg{
		background-size: 1600px;
	}
	
	#body_cast_bar {
		height: 86.49px;
		background-size: 1730px;
	}
	
	#body_cast_je {
		left: 0;
		width: 320px;
		height: 350px;
		bottom: 69px;
	}
	#body_cast_je_name {
		left:0;
		width: 320px;
		height: 86.49px;
	}
	
	#body_cast_sa {
		right: 0;
		width: 430px;
		height: 333px;
		bottom: 69px;
	}
	
	#body_cast_sa_name {
		right: 0;
		width: 430px;
		height: 86.49px;
	}
	
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 980px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area {
		padding-top: 70px;
		margin-bottom: 50px;
	
	}
}

@media screen and (max-width: 979px) {
	/*=======================================================
		body
	=======================================================*/
	#body_bg{
		background-size: 1400px;
	}
	
	#body_cast_je {
		left: 0;
		width: 200px;
		height: 219px;
	}
	
	#body_cast_je_name {
		width: 200px;
	}
	
	#body_cast_je_name img {
		padding-top: 20px;
	}
	
	#body_cast_sa {
		right: 0;
		width: 268.6px;
		height: 208px;
	}
	
	#body_cast_sa_name {
		width: 268.6px;
	}
	
	#body_cast_sa_name img {
		padding-top: 20px;
	}
	
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 640px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area {
		padding-top: 100px;
		margin-bottom: 50px;
	
	}
	
	#logo_area h1 img {
		width: 80%;
		max-width: 600px;
	}
	
	#logo_area h2 img {
		width: 80%;
		max-width: 600px;
	}
	
	/*=======================================================
		about_area
	=======================================================*/
	#about_area {
		width: 92%;
	}
	
	/*=======================================================
		cast_area
	=======================================================*/
	#cast_area {
		width: 92%;
	}
	
	/*=======================================================
		theme_area
	=======================================================*/
	#theme_area {
		width: 92%;
	}
	
	/*=======================================================
		theme_area
	=======================================================*/
	#theme_area h3 img {
		width: 100%;
		max-width: 582px;
	}
}

@media screen and (max-width: 639px) {
	#btn_sns_area {
		right: 100px;
	}
	
	/*=======================================================
		body
	=======================================================*/
	#body_bg{
		background-size: 1000px;
	}
	
	#body_cast_je {
		width: 120px;
		height: 131px;
	}
	
	#body_cast_je_name {
		display: none;
	}
		
	#body_cast_sa {
		width: 161px;
		height: 125px;
	}
	
	#body_cast_sa_name {
		display: none
	}	
	
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 400px;
	}
	
	/*=======================================================
		about_area
	=======================================================*/
	#about_area .movie_area {
		margin-bottom: 20px;
	}
	
	#about_area .movie_area iframe {
		width: 290px;
		height: 163px;
	}
	
	/*=======================================================
		footer
	=======================================================*/
	#footer {
		height: 100px;
	}
	
	#footer p {
		line-height: 100px;
		font-size: 10px;
	}
	
	#pagetop_area a {
		width: 80px;
		height: 80px;
		background-size: cover;
	}
	
	#pagetop_area a img {
		width: 100%;
	}
}

@media screen and (max-width: 399px) {
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 320px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area {
		margin-bottom: 40px;
	}
	
	#logo_area h1 {
		height: 327px;
	}
	
	#logo_area h2 {
		height: 46px;
	}
	
	/*=======================================================
		logo_s_area
	=======================================================*/
	#logo_s_area {
		padding: 30px 0 10px;
	}
	
	#logo_s_area h1 a {
		height: 70px;
	}
	
	/*=======================================================
		menu_area
	=======================================================*/
	#menu_area ul li a {
		height: 30px;
	}
	
	/* tokuban */
	#menu_area ul li#menu_tokuban {
		width: 160px;
	}
	
	/* stage */
	#menu_area ul li#menu_stage {
		width: 160px;
	}
	
	/* goripara */
	#menu_area ul li#menu_goripara {
		width: 320px;
	}
	
	/* sanka */
	#menu_area ul li#menu_sanka {
		width: 160px;
	}
	
	/* booth */
	#menu_area ul li#menu_booth {
		width: 160px;
	}
	
	/*=======================================================
		about_area
	=======================================================*/
	#about_area h3 {
		height: 19px;
	}
}