@charset "utf-8";





/*ニュース記事iframe用
------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	font-size: 16px;	/*文字サイズ*/
	-webkit-text-size-adjust: none;
}
/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
	margin:0 0 15px;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}
ul#newsList li{
	font-size:100%;
	margin:0;
	padding:2% 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:165%;
	list-style-type:none;
}
a{color:#1F50D1;text-decoration:underline;transition: 0.5s;}
a:hover{color:#333;text-decoration:none;}

.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:4px;
	font-size:11px;
	line-height:100%;
	margin:0 10px 0 2px;
	background-color: #fff;
}
.newMark{
	display:inline-block;
	border:1px solid #D90000;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#D90000;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:4px;
}

.thumbNailWrap{
	display:block;
	width:13.5% !important;
	float:left !important;
	height:100px;
	overflow:hidden;
	margin-right: 2.2%;
	margin-top: 1%;
}

.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:82% !important;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
	font-size: 100% !important;
}


.thumbNailWrap img{
	width: 100%;
}

/*画面幅1300px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1301px){
	
.thumbNailWrap{
	width:25% ;
}

.comment{
	width:75% ;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
}

/*画面幅1300px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1300px){


.thumbNailWrap{
	width:13.5% ;
}

.comment{
	width:82.5% ;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
	}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

.up_ymd{
	display: block;		
}

.thumbNailWrap{
	width:17% ;
}

.comment{
	width:78% ;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
	}


/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

.up_ymd{
	display: block;		
}

.thumbNailWrap{
	width:25% ;
}

.comment{
	width:70% ;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
	}