@charset "UTF-8";
/* 396 ヘアケアマンガ */

.bg396{  background-color: #e8f4f6;
  background-image: radial-gradient(#ffffff 15%, transparent 20%) ,
    radial-gradient(#ffffff 15%, transparent 20%);
background-repeat: repeat;	
  background-position: 0 0, 15px 15px;
  background-size: 30px 30px;
margin: auto;}
.bg396 h2{ border-bottom: none; text-align: center;}
.bg396 h2 img{width: 80%;}
.bg396 .hdr_img{width: 80%;}

.profile_396{background-color: #ffffff;border-radius:30px;margin: auto; padding: 20px;width: 80%;display: flex; font-size: 14px;line-height: 1.5em;}
.profile_396 .img{width: 120px;margin-right: 20px;}
.profile_396 b{color: #eb5700;}
.profile_396 .insta{margin-right: 5px;width: 15px;}
.con_396{width: 1000px;}

.comic_396{margin-top: 100px;line-height: 0;}
.comic_396 img{width: 100%;height: auto; vertical-align: bottom;}
.comic_396 .banner{width: 70%;}


/*サイズ・位置調節*/


.ctrt{ text-align: center; }
.ctrm{ margin: auto;}
.ctr{text-align: center!important;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}





/* ここにPC向けのCSS指定 */
@media (min-width: 768px) {

.sponly{
	display:none!important;
}	
	
	
}





/* ここにSP向けのCSS指定 */
@media (max-width: 768.98px) {
.bg396 h2 img{width: 100% !important;}
.bg396　.hdr_img{width: 100% !important;}	
.con_396{width: 100%;}
.profile_396{width: 100%; display: block;line-height: 1.4em;}	
.profile_396 .img{width: 85px;height: 85px;float: left;margin-right: 10px; }
.comic_396 .banner{width: 100% !important;}	

 /*サイズ調節	*/	   

.w100{width: 100%;}
	.w100sp{width: 90%;}
	.w70sp{width: 50%; margin-left: 25%!important;}		

.pconly{
	display:none;
}	
	
	}