@charset "Shift_JIS";

/*--------------------------------------------------------
  TOPページ　新着情報一覧（pinterest風）
--------------------------------------------------------*/
/*  */
*{
	box-sizing: border-box;
}
.grid-container {
	
}

@media screen and (min-width: 1200px) {
.grid-container {
  -webkit-column-count: 3;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 3;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 3;
  column-gap: 15px;
  column-fill: auto;
 }
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
.grid-container {
  -webkit-column-count: 3;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 3;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 3;
  column-gap: 15px;
  column-fill: auto;
 }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
.grid-container {
  -webkit-column-count: 3;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 3;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 3;
  column-gap: 15px;
  column-fill: auto;
 }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.grid-container {
  -webkit-column-count: 2;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 2;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 2;
  column-gap: 15px;
  column-fill: auto;
 }
}
@media screen and (max-width: 480px) {
.grid-container {
  -webkit-column-count: 1;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 1;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 1;
  column-gap: 15px;
  column-fill: auto;
 }
}
.grid{
 display: inline-block;
 -webkit-column-break-inside: avoid;
 -moz-column-break-inside: avoid;
 column-break-inside: avoid;
}
/* Google Chorome BugFix */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 .grid{
  display: block !important;
 }
}
.grid{
	border-radius: 8px;
	border-style:solid;
	border-width: 1px;
	border-color: #f0f0f0;
	//background: #f9f9f9;
	padding: 10px;
	margin-bottom: 15px;
}
.grid img{
	width: 100%;
	height:200px; //写真の高さをそろえるために追加
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.grid p{
	font-weight: 200;
	font-size: 12px;
	margin: 0;
}
.grid a{
	font-size: 14px;
}
.date{
	display:inline-block;
	background: #339900;
	font-weight: 600;
	font-size: 10px;
	color : #ffffff;
	padding-left: 5px;
	padding-right: 5px;
}