/* 可変グリッド */

a {
    text-decoration:none;
}

.seventy {
    height: 1;
    background:#f2f2f2;
	padding:0px 20px 20px 20px;
	color:#eeeee;
	border:#BFBFBF 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.eighty {
    height: 1;
    background:#fff;
	padding:0px 20px 20px 20px;
	color:#eeeee;
	border:#BFBFBF 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.alignleft {
	float: left;
	margin:20px;
}

.masonryArticle {
    width:100%;
	margin:20px auto;
}

.masonryArticle section {
    width: 320px;
    margin:10px;
    overflow: hidden;
}

/* animation
.masonryArticle,section {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.masonryArticle {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -ms-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}
.masonryArticle section {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -ms-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}
*/