@charset "UTF-8";

	@media all and (max-width: 1024px) {
		.news_in{padding-bottom:15px;width:calc(100% - 30px);}
	}

article {margin-top:15px;}
.news_box.border{background:rgb(34,8,22,0.5);padding:10px 0px;}
.news_box_contents{width:calc(100% - 20px);background:rgb(34,8,22,0.5);box-shadow: inset 0 0 0 1px rgb(34,8,22,1.0);padding:10px 0px;}
.news_box_contents_in{width:calc(100% - 20px);}

.news{width:100%;max-width:1200px;padding-top:0px;}
.news article{width:calc(100% - 30px);height:auto;padding:15px 0px;border-bottom:1px solid rgb(255,255,255,0.2);}
.news_box{width:100%;margin-top:0px;}
.news_box h3{width:100%;height:auto;color:#cb185c;text-align:left;font-size:15px;font-weight:bold;}
.news_box p.date{width:100%;height:auto;text-align:left;padding-top:4px;}
.news_box p.txt{width:100%;height:auto;text-align:left;line-height:200%;}
.news_box p.txt span{vertical-align: middle;}
.news_box span{vertical-align: middle;}
.news_box p.txt img{display:inline-block;width:auto;height:15px;vertical-align: middle;padding:0px 4px;}
.news_box .txt div{line-height:1.3;}
.news_box div.item_img{width:100%;position:relative;margin-top:10px;}
.news_box div.item_img div.name{width:100%;position:absolute;bottom:0px;left:0px;background:rgb(0,152,153,0.6);padding:4px 0px 4px 0px;}
.news_box div.item_img div.name h4  , 
.news_box div.item_img div.name p.size 
		{color:#ffffff;}
.news_box div.item_img div.name h4 span , 
.news_box div.item_img div.name p.size span
		{font-size:10px;vertical-align: baseline;}
	@media all and (min-width: 1025px) {
			div.news_box_img_txt{width:100%;height:auto;padding:8px 0px;
				display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
				-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
				-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
				-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
				flex-direction: row-reverse;}
			div.news_box_img_txt div.img{width:30%;height:auto;margin-right:0px;}
			div.news_box_img_txt div.txt{width:65%;height:auto;margin-left:0px;}
			div.news_box_img_txt div.txt.txt_all{width:100%;height:auto;margin:0px auto;}
	}
	@media all and (max-width: 1024px) {
		div.txt{padding:8px 0px;}
		.news_box h3{font-size:14px;}
		.news_box p.date{padding-bottom:10px;}
	}


