@charset "utf-8";

/************************************************************************************************************/
/* album00-album06の基本指定 */
/************************************************************************************************************/
[class^="album0"]{overflow: hidden;margin-right:24px;}
[class^="albumbox"] li img{margin-bottom: 0;}

ul[class^="albumbox"]{
	margin: 0px auto; 
	font-size: 0;
}

[class^="albumbox"] li{
	margin:1px;
	display: inline-block;
	list-style: none;
	overflow: hidden;
	font-size: 16px;
}

/*各アルバム画像サイズ*/
.w176R .albumbox34 li{width:calc(100%/4 - 2px);}
.w176R .albumbox70 li,
.w176R .albumbox118 li{width:calc(100%/3 - 2px);}
.w176R .albumbox168 li{width:calc(100%/2 - 2px);}
.w176R .albumbox246 li{width:calc(100%/1 - 2px);}

.w376L .albumbox34 li{width:calc(100%/10 - 2px);}
.w376L .albumbox70 li{width:calc(100%/8 - 2px);}
.w376L .albumbox118 li{width:calc(100%/6 - 2px);}
.w376L .albumbox168 li{width:calc(100%/4 - 2px);}
.w376L .albumbox246 li{width:calc(100%/3 - 2px);}

.w576R .albumbox34 li{width:calc(100%/18 - 2px);}
.w576R .albumbox70 li{width:calc(100%/10 - 2px);}
.w576R .albumbox118 li{width:calc(100%/8 - 2px);}
.w576R .albumbox168 li{width:calc(100%/6 - 2px);}
.w576R .albumbox246 li{width:calc(100%/4 - 2px);}

.w776 .albumbox34 li{width:calc(100%/22 - 2px);}
.w776 .albumbox70 li{width:calc(100%/14 - 2px);}
.w776 .albumbox118 li{width:calc(100%/10 - 2px);}
.w776 .albumbox168 li{width:calc(100%/8 - 2px);}
.w776 .albumbox246 li{width:calc(100%/6 - 2px);}

/* ★Media Queries指定★ (album用)共有設定*/
/*==========================================================================================================*/
@media screen and (min-width: 481px) and (max-width: 732px) {
.w176R .albumbox34 li,.w176R .albumbox70 li{width:calc(100%/3 - 2px);}
}

@media screen and (max-width: 480px) {
[class^="album0"]{margin-right:8px;}
.w176R .albumbox34 li,.w376L .albumbox34 li,.w576R .albumbox34 li,.w776 .albumbox34 li{width:calc(100%/10 - 2px);}
.w176R .albumbox70 li,.w376L .albumbox70 li,.w576R .albumbox70 li,.w776 .albumbox70 li{width:calc(100%/6 - 2px);}
.w176R .albumbox118 li,.w376L .albumbox118 li,.w576R .albumbox118 li,.w776 .albumbox118 li{width:calc(100%/4 - 2px);}
.w176R .albumbox168 li,.w376L .albumbox168 li,.w576R .albumbox168 li,.w776 .albumbox168 li{width:calc(100%/3 - 2px);}
.w176R .albumbox246 li,.w376L .albumbox246 li,.w576R .albumbox246 li,.w776 .albumbox246 li{width:calc(100%/2 - 2px);}
}

/************************************************************************************************************/
/* album00の基本指定 */
/************************************************************************************************************/
[class^="album0"] table td{border:none;padding:0;}

.album00 img,.album05 img{
	-moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}

.album00 img:hover{
	-webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.album01 img{border-radius: 4px;}
.album02 img{
	border-radius: 4px;
	padding: 2px;
	background:#fff none repeat scroll 0% 0%;
	border:1px solid rgba(0,0,0, 0.15);
}

.album03 img{
	border:4px solid rgba(225,225,225, 0.5);
	border-radius: 4px;
}

.album04{
	padding:12px;
	border:1px solid rgba(0,0,0, 0.15);
	border-radius: 8px;
	background:#fff;
	}

.album04 img{border-radius: 3px;}

.album05{
	padding:12px;
	border-radius:8px;
	background:#fff;
	}

.album05 img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.album06{
	padding:12px;
	border-radius: 8px;
	background:rgba(0,0,0, 0.2);
	}

.album06 img{
	border:3px solid #fff;
	border-radius: 2px;
}