/*-----idPhotogallery-----*/



#idPhotogallery{
	background-image:url(/img/photogallery/photo_back.jpg);
	background-repeat:repeat-y;
	background-position:left;
	
}
#idPhotogallery #idPhotogallery_bk{
	padding-top:1%;
	background-image:url(/img/photogallery/photo_back.jpg);
	background-repeat:repeat-y;
	background-position:right;
	
}

#idPhotogallery_box{
	margin-left:3%;
	margin-right:0;
	clear:both;
	padding-right:0;
}
#idPhotogallery_box ul{
}



#idPhotogallery_box li.clPhoto01{
	height:330px;
	width:48%;
}
#idPhotogallery_box li.clPhoto01 .clZoom{
	height:330px;
}
#idPhotogallery_box li.clPhoto06,
#idPhotogallery_box li.clPhoto07,
#idPhotogallery_box li.clPhoto08{
	height:220px;
	width:31.6%;
}
#idPhotogallery_box li.clPhoto06 .clZoom,
#idPhotogallery_box li.clPhoto07 .clZoom,
#idPhotogallery_box li.clPhoto08 .clZoom{
	height:220px;
}

#idPhotogallery_box li .clZoom{
	z-index:10;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	height:161px;
	overflow:hidden;
	width:100%;
}
#idPhotogallery_box li{
	float:left;
	margin-right:1%;
	margin-bottom:8px;
	width:23.5%;

	height:161px;
	

	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index:2;
}
#idPhotogallery_box li:hover  {
	-webkit-transform: scale(1);
	z-index:2;
	transform: scale(1.03);
	z-index:10;
}
#idPhotogallery_box li div.mushimegane{
	width:100%;
	height:100%;
	position:absolute;
	z-index:5000;
}
#idPhotogallery_box li div.mushimegane:hover{
	background-color:#000;
	background: rgba(0, 0, 0, 0.4);
	background-position:98% 96%;
	background-image:url(/img/common/mushimegane.png);
	background-repeat:no-repeat;
	
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
}

#idPhotogallery_box li:hover div.mushimegane:hover{
	-webkit-transform: scale(1);
	transform: scale(1);
}


#idPhotogallery .clFacebook_sns{
	left:5%;
	top:5%;
	position:absolute;
	z-index:5000000000000000001 !important;
	padding:10px;
}
#idPhotogallery .clFacebook_sns .fb-like,
#idPhotogallery .clFacebook_sns .fb-share-button{
	height:21px;
	overflow:hidden;
}

#idPhotogallery p.clFont18{
	padding-left:5%;
	padding-right:5%;	
}

@media screen and (min-width: 1420px){
#idPhotogallery_box li img{
	margin-top:-15%;
	position: relative;
}

}




@media screen and (max-width: 1080px){
#idPhotogallery_box li img{
	margin-top:0;
	position:inherit;
}


#idPhotogallery_box{
	margin-left:4%;
}
#idPhotogallery_box li.clPhoto01{
	width:47.4%;
	height:auto;
}
#idPhotogallery_box li.clPhoto02{
	height:auto;
	width:47.4%;
}
#idPhotogallery_box li.clPhoto03,
#idPhotogallery_box li.clPhoto04,
#idPhotogallery_box li.clPhoto05,
#idPhotogallery_box li.clPhoto06,
#idPhotogallery_box li.clPhoto07,
#idPhotogallery_box li.clPhoto08{
	height:auto;
	width:31.2%;
}
#idPhotogallery_box li.clPhoto01 .clZoom,
#idPhotogallery_box li.clPhoto02 .clZoom,
#idPhotogallery_box li.clPhoto03 .clZoom,
#idPhotogallery_box li.clPhoto04 .clZoom,
#idPhotogallery_box li.clPhoto05 .clZoom,
#idPhotogallery_box li.clPhoto06 .clZoom,
#idPhotogallery_box li.clPhoto07 .clZoom,
#idPhotogallery_box li.clPhoto08 .clZoom{
	height:auto;
}

}

@media screen and (max-width: 640px){
#idPhotogallery_box{
	margin-right:4%;
	margin-left:4.5%;
}


#idPhotogallery_box li.clPhoto01,
#idPhotogallery_box li.clPhoto02,
#idPhotogallery_box li.clPhoto03,
#idPhotogallery_box li.clPhoto04,
#idPhotogallery_box li.clPhoto05,
#idPhotogallery_box li.clPhoto06,
#idPhotogallery_box li.clPhoto07,
#idPhotogallery_box li.clPhoto08{
	width:49%;
	margin-bottom:1%;
}

}