@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : news.css
 Author     : 
 Style Info : 整菌ニュース CSS
=================================================================== */

.frimg{float: right;}
.fltxt{float: left; width: 515px; }

/* 日経ヘルス記事　stry_02.html */
.stry2 .cnt_box ul li{margin-bottom: 10px; border-bottom: solid 1px #7ac5f4; padding-bottom: 10px;}
.stry2 .cnt_box ul li p{margin-left: 20px;}

/* あさイチ　stry_03.html */
.stry3 .imgbox{margin-top: 30px;}
.stry3 .imgbox p{float: left;}
.stry3 .imgbox p:first-child{width: 200px; }
.stry3 .imgbox p:first-child img{width: 180px; vertical-align: middle;}
.stry3 .imgbox .arrow{width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 15px; border-color: transparent transparent transparent #f97397; margin: 60px 15px 0 0; }
.stry3 .imgbox .arrow+p{width: 440px; margin-bottom: 20px;}
.stry3 .imgbox .arrow+p img{width: 100%;}
.stry3 .imgbox p:last-of-type{clear: both; float: none; text-align: center; font-weight: bold; font-size: 16px; color: #43a8e7; line-height: 1.5; padding: 5px; background: #e8f6ff;}
.stry3 .btn01{width: 400px; margin: 30px auto 0;}

@media screen and (max-width:480px) { 
/*　画面サイズが480pxまではここを読み込む　*/
	
	.frimg{float: none; text-align: center; margin-bottom: 15px;}
	.fltxt{float: none; width: 100%; }
	
	/* あさイチ　stry_03.html */
	.stry3 .imgbox p{float: none;}
	.stry3 .imgbox p:first-child{width: 200px; margin: 0 auto;}
	.stry3 .imgbox .arrow{width: 0; height: 0; border-style: solid; border-width: 20px 30px 0 30px; border-color: #f97397 transparent transparent transparent; margin: 10px auto;}
	.stry3 .imgbox .arrow+p{width: 250px; margin:0 auto 20px;}
	.stry3 .imgbox p:last-of-type{font-size: 14px;}
	.stry3 .btn01{width: 80%; margin: 20px auto 0;}
}