Cacher is the code snippet organizer for pro developers

_.box_news {
			border-bottom: dotted 1px $baseColor;
			padding: 0 0 20px 0;
			margin-bottom: 20px;
			overflow: hidden;
			position: relative;
			@include mq(sp) {
				padding: 30px 0 15px 0;
				margin-bottom: 0;
				&:first-child {
					padding: 0 0 15px 0;
				}
			}
			&.fitted {
				cursor: pointer;
				&.hovered {
					background: #ededed;
					@include mq(sp) {
						background: none;
					}
					h4 {
						a {
							text-decoration: none;
						}
					}
				}
			}
			.img {
				width: 220px;
				max-height: 146px;
				overflow: hidden;
				float: left;
				margin-right: 15px;
				@include mq(sp) {
					width: 100%;
					max-height: 212px;
					float: none;
					margin: 0 0 5px 0;
					img {
						width: 100%;
					}
				}
				@include mq(min_max_w,361px,767px) {
					width: 85%;
					max-height: none;
					overflow: hidden;
					float: none;
					margin: 0 auto 10px auto;
				}
			}
			.box_info {
				overflow: hidden;
				margin-bottom: 10px;
				@include mq(sp) {
					width: 100%;
					margin: 0 auto 10px;
				}
				p {
					display: inline-block;
					vertical-align: middle;
				}
				.date {
					color: $baseColor;
					margin-right: 10px;
					font-family: $f_eng;
					@include fsz(15);
				}
				.cate {
					color: #fff;
					background: $baseColor;
					padding: 2px 10px;
					min-width: 90px;
					text-align: center;
					font-weight: normal;
					@include mq(sp) {
						margin: 5px 0;
					}
				}
			}
			h4 {
				overflow: hidden;
				margin: 0.5em 0;
				font-weight: normal;
				line-height: 1.5;
				@include fsz(18);
				@include mq(sp) {
					margin: 0 0 0.5em 0;
					@include fsz(14);
				}
			}
		}

_

<script type="text/javascript" src="<?php echo location_file; ?>js/jquery.fitted.js"></script>
<script type="text/javascript">
$(function(){
	$('.clickable').fitted();
});
</script>