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

#gallery ul li:nth-child(odd) a:hover {
	background-color: #F9F2B3;
	background-image: url(../img/nav_bg3.gif);
	background-repeat: repeat;
}
#gallery ul li:nth-child(even) a:hover {
	background-color: #CAE9FF;
	background-image: url(../img/nav_bg2.gif);
	background-repeat: repeat;
}
#gallery ul li:nth-child(3n+1) a:hover {
	
	background-color: #F4BBBB;
	background-image: url(../img/nav_bg1.gif) ;
	background-repeat: repeat;
}
#gallery .cate_title {
	position: relative;
}
#gallery .cate_title::before {
	content: "";
	width: 100%;
	height: 3px;
	background-color: #fc6c05;
	position: absolute;
	bottom: -10px;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#gallery .cate_box {
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
/*------------- gallery ---------------------*/
#gallery figure {
	position: relative;
	background-color: #592c17;
	overflow: hidden;
}
#gallery figure a i {
	position: absolute;
	top: 15px;
	right: 10px;
	color: #ffffff;
	opacity: 0;
	transition: all 0.3s;
}
#gallery figure a:hover img{
	opacity: 0.4;
}
#gallery figure a:hover i{
	opacity: 1;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
}


/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
}


/* ----------- IE ------ ---------- */
@media all and (-ms-high-contrast:none) {
	#gallery ul li a {
		padding: 20px 10px 15px;
	}
}