@charset "utf-8";
/*BR用*/
.sp767on,.sp430on,.sp375on,.sp360on,.sp320on {
	display: none;
}
/*SPサイズの表示開始1200*/
@media screen and (max-width: 1200px) {
	main{padding-top: 40px;}
	html{
		scroll-padding-top: 20px;
	}
}

@media screen and (max-width: 900px) {
	#all_pcbg_div{display: none;}
	main{
		box-shadow: none;
		width: 100%;
		max-width: 100%;
	}
	.menu_tomeibtn_img{
		height: 13%;
		bottom:4%;
		left: 25%;
	}
}
@media screen and (max-width: 820px) {
	.menu_tomeibtn_img{
		bottom:4%;
		left: 25%;
	}
}
@media screen and (max-width: 767px) {	
	.sp767on{display: block;}
	.sp767off{display: none;}
	.h2_img{display: none;}
	section{margin-top: 80px;}
	.h2_img_sp{
		display: block;
		width: 100%;
		margin-bottom: 40px;
	}
	main{padding: 0;}
	/*スマホはロールオーバーがないので*/
	a:hover{opacity: 1;}
	.comic_in_div:hover{opacity: 1;}
	/*TOP*/
	.top_pc_div,.top_pc_img{display: none;}
	.top_sp_div{display: block;}
	.top_sp_div img{
		margin: 0 auto;
		width: 100%;
		vertical-align: bottom;
	}
	.top_sp_kv_div{
		display: block;
		position: relative;
	}
	.top_sp_read{
		padding-top: 50px;
	}
	.menu_tomeibtn_img{
		position: absolute;
		width: auto;
		max-width: 46%;
		height: 17%;
		bottom:5%;
		left:auto;
		right: 2.5%;
	}
	/*ABOUT*/
	.about_div{
		background-image: url("../images/about_pinkman.webp");
		background-size: 10%;
		background-position: bottom left;
		background-repeat: no-repeat;
		padding-bottom: 50px;
	}
	.about_sp_sectiontyousei{
		margin-top: 30px;
	}
	.about_p{background-image: none;}
	/*INTRO*/
	.intro_p{
		background-image: none;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.intro_bgue_div{
		background-image: url("../images/intro_hosi_ue_sp.webp");
		background-size:auto;
		background-position: top left;
		background-repeat: no-repeat;
	}
	.intro_bgsita_div{
		background-image: url("../images/intro_hosi_sita_sp.webp");
		background-size:auto;
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	/*PERFORMANCE*/
	.per_pc_bosyu_img{display: none;}
	.per_sp_bosyu_img{
		display: block;
		width: 94%;
		max-width:303px;
		margin:0 auto;
		margin-top: 40px;
	}
	.news_flex_div{display: block;}
	.news_flex_left_div,.news_flex_right_div{
		width: 330px;
		margin: 0 auto;
		display: block;
	}
	.news_flex_right_div{
		margin-top: 40px;
	}
	.comic_flex_div{
		/*width: 330px;
		justify-content: space-between;*/
	}
	.comic_in_div{margin: 0;
		margin-bottom: 20px;}
}
@media screen and (max-width: 430px) {
	html{
		scroll-behavior: auto;
		scroll-padding-top: 0px;
	}
	.sp430on{display: block;}
	.sp430off{display: none;}
	.comic_img{filter: none;}
	/*MOVIE*/
	.youtube_div {width: 90%;}
	.comic_img {width: 90%;}
}
@media screen and (max-width: 390px) {
	.big_p{font-size: 18px;}
}
@media screen and (max-width: 375px) {
	.sp375on{display: block;}
	.staff_producer_div p{
		font-size: 14px;
	}	
}
@media screen and (max-width: 360px) {
	.sp360on{display: block;}	
	.staff_chara_img{width: 97%;}
}
@media screen and (max-width: 330px) {
	.sp320off{display: none;}
	.per_flex_in_div{width: 100%;
		min-width:100%;}
	.staff_companyflex_div{width: 90%;}
	.staff_companyflex_div img{width: 100%;}
	p,ul li{font-size: 14px !important;}
	.per_title_p{font-size: 14px;}
	.sp320on{display: block;}	
	.news_flex_left_div{width:240px;}
	.news_flex_right_div{width: 100%;}
	.twitterMaindiv{
		width: fit-content;
	max-width: 260px;	
 	}

	.style_icon_div{
		width: 98%;
	}
	.style_icon_in_div img{width: 100%;}
	.footer_flex_div{width: 98%;}
	.footer_flex_div img{width: 100%;height: auto;}
	.comic_flex_div{
		width: 96%;
		justify-content: center;
	}
	.comic_comingsoon_p{
		font-size: 20px !important;
	}
	.staff_producer_div p{
		font-size: 12px !important;
		line-height: 1.6em;
	}	
}