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


/* 「RightToLeft」の動作内容 */
@keyframes RightToLeft {
0% {
    opacity: 0;/* 透明 */
    transform: translateX(300px);/* X軸方向に動く */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

/* 「RightToLeft」を適用する箇所 */
.sride {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120px;
	font-weight: bolder;
	line-height: 120px;
	color: #999;
	text-align: center;
	animation-duration: 4s;/* アニメーション時間 */
	animation-name: RightToLeft;/* アニメーション名 */
}
@media screen and (max-width:479px)
{
.sride {
	font-size: 30px;
	font-weight: bolder;
	line-height: 80px;
}
}


.wrapper{
	width: 85%;
	margin: auto;
}
@media screen and (max-width:479px)
{
.wrapper{
	width: 100%;
}
}


.display{
	width: 100%;
	padding: 0 0 30px 0;
	margin: auto;
	-webkit-column-count: 4;
	-webkit-column-gap: 2%;
	-webkit-column-fill: auto;
	-moz-column-count: 4;
	-moz-column-gap: 2%;
	-moz-column-fill: balance !important;
	column-count: 4;
	column-gap: 2%;
	column-fill: auto;
}
@media screen and (max-width:479px)
{
.display{
	width: 95%;
	margin: auto;
	padding: -40px 0 0 0;
	-webkit-column-count: 2;
	-webkit-column-gap: 2%;
	-webkit-column-fill: auto;
	-moz-column-count: 2;
	-moz-column-gap: 2%;
	-moz-column-fill: balance !important;
	column-count: 2;
	column-gap: 2%;
	column-fill: auto;
}
}

.article{
	display: inline-block;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	border: #CCC thin solid;
	border-radius: 15px;
	line-height: 130%;
	font-size: small;
	padding: 15px 15px 30px 15px;
	margin: 0 0 15px 0;
	overflow: hidden;
}
@media screen and (max-width:479px)
{
.article{
	border-radius: 5px;
	line-height: 130%;
	font-size: xx-small;
	padding: 5px 5px 10px 5px;
}
}

/* Google Chorome BugFix */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 .article{
	display: block !important;
 }
}

.article a img{
	width: 100%;
	height: auto;
	margin: 10px 0;
}

.icon{
	float: left;
	margin: 0px 5px 20px 0px;
	height: 15px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) 
{
.icon{
	height: 5px;
	}
}