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

/*　[ Wrap ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.code_wrap{
	padding-top:150px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
.code_contents {
	width:100%;
	max-width:1200px;
	height:auto;
	margin: 0 auto;
	padding-bottom: 5%;
}




/*　[ Code list ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.main {
	width:22%;
	border: 1px solid #C0C0C0;
	display: inline-block;
	margin:0 .5% 2%;
}
.main img {
	width:100%;
}

.main text{
	display:block;
	box-sizing: border-box;
	width:100%;
	font-size:12px;
	color:#6F6F6F;
	height: 60px;
	padding: 4% 4%;
	text-align: left;
}
/* =========================================== */
.date{
	font-size:12px;
	margin:1% 2%;
	text-align: right;
}
.deco{
	margin-bottom:20px;
}
.att{
	color: #E90003;
	font-size:14px;
}

/* =========================================== */

@media screen and (max-width:641px){
	.code_contents {
		width:100%;
		max-width:641px;
		padding-bottom: 20%;
	}
	.main {
		width:30%;
		border: 1px solid #C0C0C0;
	}
}