@charset "UTF-8";
/* CSS Document */

#contents {
    float: none!important;
    padding-top: 10px;
    width: auto!important;
}


/* news */

#news{
	margin-bottom:50px;
}
#news .list_box{
	margin-left:0px!important;
	/*margin-left:8px;*/
	margin-right:-30px;
}
#news .list_box li{
	float:left;
	display:block;
	margin-bottom:17px;
	overflow:hidden;
	
    height: 290px;
    margin-right: 3px;
    width: 187px;
}
#news .thumb{
	float:left;
	border:solid 1px #fff;
	overflow:hidden;
    height: 222px;
    width: 185px;
}
#news a:hover .thumb{
	border:solid 1px #000;
}
#news .txt_box{
    text-align:center;
	display:inline;
}
#news .txt_box p:nth-of-type(2) {
	text-align: left;
}
#news .txt_box strong{
	font-size:93%;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #000;
	margin-bottom:10px;
	line-height:1.2em;
	color:#222;
}
#news .txt_box p{
	font-size:85%;
	color:#222;
   	text-align:center;
	margin:5px;
}

/*spアイテム非表示*/
#main_more_btn{
	display:none;
}

@media screen and (max-width: 640px) {
/* 表示領域が640px未満の場合に適用するスタイル */


/* news */
#news{
	margin-bottom:25px;
}

#news .list_box{
	width:auto;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:10px;
}

#news .list_box li{
	float:left;
	width:32%;
	margin-right:1%;
	margin-bottom:10px;
	overflow:hidden;
}


#news .thumb{
	border:solid 1% #ddd;
	width:98%;
	height:98%;
	overflow:hidden;
	margin-bottom:7px;
}

#news a:hover .thumb{
	border:solid 1% #000;
}

#news .txt_box{
	clear:both;
	width:100%;
}

#news .txt_box strong{
	display:block;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:7px;
	border-bottom:dotted 1px #000;
	margin-bottom:7px;
	line-height:1.2em;
	color:#222;
	font-weight:bold;
}

#news .txt_box p{
	padding-left:5px;
	padding-right:5px;
	color:#222;
}

#news .txt_box img{
	width:70%;
	height:auto;
}
#news .txt_box p:nth-of-type(2){
	height: 45px;
	white-space: normal!important;
}

}