@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 641px){

	.area_q{border-left:6px solid #967a00;padding:10px 0 15px;padding-left:20px;}
	.area_q .fronticon.t-q{color:#967a00;font-size:23px;}
	.area_q .text{color:#b59f40;font-size:18px;}

	.area_a .fronticon.t-a{color:#ddd;font-size:20px}

	.area_a{border-left:6px solid #333;padding:20px 0;padding-left:20px;}

	.head{margin:0;}
		.head:hover{opacity:0.8;}

	.window_ac{overflow:hidden;}

	.window_ac{margin-top:40px;}

	.wrap_jumplink{margin-bottom:30px;}

	.wrap_jumplink a{display:inline-block;padding:5px 10px;border:1px solid #fff;border-radius:8px;color:#fff;margin-bottom:8px;font-size:14px;transition:all 0.2s;}

	.wrap_jumplink a:hover{color:#000;background-color:#fff;}
	

.headline{margin:80px 0 8px;}
.headline:before{content:'■';}

}




@media screen and (min-width: 1551px) {/*大画面用サイズ変更*/
/* #visual{padding-top:40%;width:100%;background-position:center top;position:relative;background-size:100%;} */
/* #visual{padding-top:40%;width:100%;background:#fff url(../img/top/visual_img.jpg) no-repeat;background-position:center top;position:relative;background-size:100%;} */
#content_story_character{background-size:100%;}
}






/*----------------------------------------
	for Tab
----------------------------------------*/

@media screen and (max-width: 1199px) and (min-width: 641px){
	.btn-movie{position:absolute;left:auto;top:30px;right:30px;display:block;width:240px;background-color:#000;border:1px solid #fff;}

	.content-area__inner{padding:0px 0 0px;}
.content__inner{margin-top:0px;}

.tab-content{padding-top:60px;}

}



/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 640px) {


	.area_q{border-left:2px solid #967a00;padding:6px 0 8px;padding-left:14px;}
	.area_q .fronticon.t-q{color:#967a00;font-size:14px;}
	.area_q .text{color:#b59f40;font-size:14px;}

	.area_a .fronticon.t-a{color:#ddd;font-size:14px}
	.area_a  .text{color:#fff;font-size:13px;}

	.area_a{border-left:2px solid #333;padding:6px 0;padding-left:14px;}

	.head{margin:0;}

	.window_ac{overflow:hidden;}

	.window_ac{margin-top:20px;}

	.wrap_jumplink{margin-bottom:60px;}

	.wrap_jumplink a{display:block;padding:10px 15px;border-radius:8px;background-color:#444;color:#fff;margin-bottom:8px;font-size:12px;transition:all 0.2s;line-height:1.3;}

.headline{margin:40px 0 8px;color:#fff;font-size:16px;line-height:1.3;}
.headline:before{content:'■';}


}