@charset "utf-8";


@media screen and (min-width: 768px) {
/* =====================================
          column PC Common
======================================== */


/* -----------------
       Common
-------------------- */

a.post {
	display:block;
	margin:0 7px 10px 0;
	padding: 10px;
	width:233px;
	height:330px;
	border:#dedede 5px solid;
	background:#FFF;
	float:left;
	position:relative;
	z-index: 1;
	overflow:hidden;
}
a.post:hover {
	border:#0081cc 5px solid;
}
img.tag {
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	top:5px;
	left:0;
	z-index: 2;
}

a.post dl dd h3{
	margin:0;
	padding:0 0 0 0;
	font: bold 16px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #0081cc;
	text-align:left;
}
a.post dl dd h3:hover{
	text-decoration: underline;
}
a.post dl dd {
	margin:0;
	padding:10px 0 0 0;
	font: normal normal 13px/18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	text-align:left;
}
a.post dl dd.pc_more img { width:190px;}
a.post dl dd.sp_more { display:none;}



p.btn {
	padding:0 0 120px 0;
	text-align:center;
}

}






@media screen and (max-width: 767px) {
/* =====================================
          column SP Common
======================================== */


/* -----------------
       Common
-------------------- */


a.post {
	display:block;
	margin:0;
	padding: 10px 2% ;
	width:100%;
	height:auto;
	border: none;
	background:#FFF;
	float:left;
	position:relative;
	z-index: 1;
	border-bottom: 2px #ddd solid;
}
a.post:hover {
	border: none;
	border-bottom: 2px #ddd solid;
}
img.tag {
	margin:0 0 5px 0;
	padding:0;
	width:22%;
	display:block;
}
a.post dl dt {
	margin:0;
	padding:0 2% 0 0;
	width:32%;
	float:left;
}

a.post dl dd h3{
	margin:0;
	padding: 0;
	width:100%;
	height:auto;
	font: bold 12px/18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #0081cc;
	text-align:left;
}
a.post dl dd h3:hover{
	text-decoration: underline;
}
a.post dl dd {
	margin:0;
	padding: 0;
	width:60%;
	height:auto;
	font: normal normal 9px/12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	text-align:left;
	float:left;
}
a.post dl dd.pc_more { display:none;}
a.post dl dd.sp_more {
	width:7%;
	float:right;
}




p.btn {
	margin:0 auto;
	padding:0 0 50px 0;
	text-align:center;
	width:80%
}
	
	
}