@charset "utf-8";
/* CSS Document */
div#box01 {
	width:100%;
	background: #fff;
	padding: 20px 10px;
	box-sizing: border-box;
}
	/* タイトル*/
	div#box01 div.titlebox { margin-bottom: 20px; }
		div#box01 div.titlebox p.green {
			font-size: 12px;
			color: #79BF68;
			letter-spacing: 1px;
			font-weight: bold;
		}
		div#box01 div.titlebox p.title {
			font-size: 14px;
			margin-top: 8px;
			letter-spacing: 1px;
			font-weight: bold;
		}
		div#box01 div.titlebox div.greenboder {
			border-top:#DADF00 1px dashed;
			margin-top: 20px;
		}
	/* 記事 */
	div#box01 a:hover { opacity:0.7; }
	div#box01 a.news {
		display:block;
		width: 48%;
		margin: 0px auto 20px auto;
		text-decoration: none;
		box-sizing: border-box;
	}
	div#box01 a.news:nth-of-type(odd) { float: left;} 
	div#box01 a.news:nth-of-type(even) { float: right;} 
		div#box01 a.news p.date {
			height:20px;
			color: #333;
			font-size: 12px;
			line-height: 20px;
			margin: 0;
		}
		div#box01 a.news div.imgbox {
			display:block;
			height:30vw;
		}
		div#box01 a.news div.info {
			box-sizing: border-box;
		}
			div#box01 a.news div.info p.title {
				height:40px;
				font-size: 14px;
				color: #9EBF34;
				line-height: 20px;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				margin: 0;
			}
	div#box01 div.border {
		border-top:#DADF00 1px dashed;
		margin-top: 20px;
	}
	/* 前後ボタン */
	div#box01 div.pagebox {
		height:20px;
		margin: 40px auto 0 auto;
	}
		div#box01 div.pagebox a {
			display: inline-block;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
			color: #8CBB19;
		}
		div#box01 div.pagebox a:hover { opacity: 0.7; }
		div#box01 div.pagebox a.prev { float: left;}
		div#box01 div.pagebox a.next { float: right;}