@charset "utf-8";
/* CSS Document */
@media screen and (min-width:680px){
	/* トップイメージ */
	div#rightContents div.topimgbox {
		background: url(../images/cmn/topimgicon.png) no-repeat, url(../images/index/topimg.png) no-repeat;
		background-size: auto auto, 100% 100%;
		background-position: left top, left center;
	}
	/* 新着ボックス */
	div#rightContents div.newslistbox {
		width:630px;
		margin: 20px auto 0 auto;
	}
		div#rightContents div.newslistbox div.newsbox {
			width:180px;
			height:280px;
			float: left;
			margin: 0 15px;
			box-sizing: border-box;
			padding: 15px 0 0 0;
			border-bottom: #aaa 1px dashed;
		}
		div#rightContents div.newslistbox div.newsbox:nth-of-type(1),
		div#rightContents div.newslistbox div.newsbox:nth-of-type(2),
		div#rightContents div.newslistbox div.newsbox:nth-of-type(3) {border-top: #aaa 1px dashed;}
			div#rightContents div.newslistbox div.newsbox a.news {
				text-decoration: none;
				color: #333;
			}
				div#rightContents div.newslistbox div.newsbox a.news div.newsimg {
					width:100%;
					height:105px;
				}
				div#rightContents div.newslistbox div.newsbox a.news p.date {
					margin-top: 20px;
					height:20px;
					line-height: 20px;
					font-size: 14px;
				}
				div#rightContents div.newslistbox div.newsbox a.news p.newstitle {
					height:80px;
					line-height: 20px;
					font-size: 14px;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 4;
				}
				div#rightContents div.newslistbox div.newsbox a.news p.more {
					height:20px;
					line-height: 20px;
					font-size: 12px;
					color: #8EC348;
					text-align: right;
				}
}
@media screen and (max-width:679px){
	/* トップイメージ */
	div#rightContents div.topimgbox {
		background: url(../images/cmn/topimgicon.png) no-repeat, url(../images/index/topimg.png) no-repeat;
		background-size: 19.97vw auto, 100% 100%;
		background-position: left top, left center;
	}
	/* 新着ボックス */
	div#rightContents div.newslistbox {
		width:100%;
		margin: 20px auto 0 auto;
	}
		div#rightContents div.newslistbox div.newsbox {
			width:100%;
			box-sizing: border-box;
			border-bottom: #aaa 1px dashed;
			padding: 10px 0;
		}
		div#rightContents div.newslistbox div.newsbox:nth-of-type(1) {border-top: #aaa 1px dashed;}
			div#rightContents div.newslistbox div.newsbox a.news {
				display: block;
				height:80px;
				text-decoration: none;
				color: #333;
				position: relative;
				box-sizing: border-box;
				margin: 0;
			}
				div#rightContents div.newslistbox div.newsbox a.news div.newsimg {
					width:110px;
					height:80px;
					position: absolute;
					top:0px;
					left:0px;
				}
				div#rightContents div.newslistbox div.newsbox a.news p.date {
					height:20px;
					line-height: 20px;
					font-size: 12px;
					box-sizing: border-box;
					padding-left: 120px;
				}
				div#rightContents div.newslistbox div.newsbox a.news p.newstitle {
					height:40px;
					line-height: 20px;
					font-size: 12px;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					box-sizing: border-box;
					padding-left: 120px;
				}
				div#rightContents div.newslistbox div.newsbox a.news p.more {
					height:20px;
					line-height: 20px;
					font-size: 10px;
					color: #8EC348;
					text-align: right;
					box-sizing: border-box;
					padding-left: 120px;
				}
}