@charset "utf-8";

/*
************************************************************************
* ギャラリー
* @copyright Revolme Inc.
************************************************************************
*/
.gallery
{

}
.gallery .gallery-list
{
	margin:0;
	padding:0;
	list-style:none;
}
.gallery .gallery-list .gallery-list-item
{
	margin:0;
	padding:0;
	width:calc(50%);
	padding:10px;
	transition: opacity 0.2s linear, transform 0.32s cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
}
.gallery .gallery-list .gallery-list-item a
{
	display: block;
}
.gallery .gallery-list .gallery-list-item.is-loading {
	opacity: 0;
	transform: translateY(20px);
}
.gallery-loading
{
	width:100%;
	height:100px;
}
.gallery-loading .loader
{
	position:absolute;
	top:50%;
	left:50%;
}
.gallery-loading .loader .ball-pulse>div
{
	border-color:#FFFFFF;
	background-color:#FFFFFF;
}

/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 768px) {
	.gallery .gallery-list .gallery-list-item
	{
		padding: 5px;
	}
}

/* == PCサイズ ==========================================================*/
@media screen and (min-width: 769px) {
	.gallery .gallery-list .gallery-list-item a {
		transition: opacity 0.3s ease;
	}
	.gallery .gallery-list .gallery-list-item a:hover {
		opacity: 0.7;
	}
}