@charset "utf-8";

#s_navi_2 {
	width: 210px;
	height: 210px;
	margin 40px auto 0px auto
}

#s_navi_2 table{
	height: 210px;
	width: 210px;
	border-collapse: collapse;
	background-image: url(../img/snavi_burg.png);
	background-repeat: no-repeat;
	background-size: 210px;
	box-shadow: 2px 2px 2px rgba(3, 3, 3, 0.3);
}

#s_navi_2 a {
	display: block;
	height: 60px;
	width: 60px;
	text-indent: -9999px;
	background-size: 60px;
}

＃category_navi {
	width: 270px;
}

.c_navi {
	width: 270px;
	margin-bottom: 12px;
}

.c_navi a {
	display: block;
	background-image: url(../img/cnavi.jpg);
	background-repeat: no-repeat;
	background-size: 300px 48px;
	background-position: right top;
	height: 24px;
	width: 240px;
	padding-right: 10px;
	text-align: end;
	font-size: 75%;
	line-height: 24px;
}
.c_navi a:hover {
	background-position: right bottom;
	color: white ;
}

#category_navi_2_wrapper{
	display: none;
	width: 340px;
	margin-bottom: 20px;
	margin-left: -10px
}

.c_navi_2_l a, .c_navi_2_r a{
	display: block;
	background-repeat: no-repeat;
	background-size: 292px 24px;
	height: 24px;
	width: 155px;
	margin-bottom: 10px;
	font-size: 75%;
	line-height: 24px;
	color: white
	
}

.c_navi_2_l a {
	background-image: url(../img/cnavi2_left.jpg);
	background-position: right top;
	padding-right: 10px;
	margin-right: 10px;
	text-align: end;
}

.c_navi_2_r a {
	background-image: url(../img/cnavi2_right.jpg);
	background-position: left top;
	padding-left: 10px;
	text-align:left;
}



.cate_box {
	margin-bottom: 40px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.cate_title {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding-right: 10px
}

.cate_title h2{
display: block	
	}

.itembox {
	width: 92px ;
	height: 92px ;
	margin: 0 10px 20px 10px ;
	display: flex;
	justify-content: center;
	align-items: center;
}

.itembox img {
	box-shadow: 2px 2px 2px rgba(3, 3, 3, 0.3);
}

#work .moveup {
	padding-right: 7px;

}
#work #s_navi #navi_work a {
	background-image: url(../img/snavi_work.jpg);
}
#work #f_navi_4 a {
	background-position: -156px -54px;
}
#work a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);/
	-moz-opacity: "alpha( opacity=60 )";
}

/* Sp */

@media screen and (max-width: 599px ){


	
#left_box {
	display: none
	}
	
#category_navi_2_wrapper{
	display:flex;
	}
	
.itembox {
	width: 90px ;
	height: 90px ;
	margin: 0 8px 20px 8px ;
}
	
}