@charset "utf-8";


body{
background-color:#000000;
}



/*---------------------------------------------------------Gnavここまで*/
/*------------------------------------------------------------Headerここまで*/

#Container{
margin:20px;


}

.Category_Box{
width:700px;
/*margin-top:20px;*/
float:left;
overflow:hidden;
}






.Thum_Box{
margin-left:20px;
clear:both;

}


.Img_mBox{
margin:20px 10px;
height:250px;
}

.Img_mBox ul{
vertical-align:bottom;
position:relative;
top:30px;
}

.Img_mBox ul li{
display:block;
margin-left:20px;
float:left;
width:150px;
}

.Img_mBox ul li a:hover img {
	filter: alpha(opacity=70);　/IE対応
	-moz-opacity:0.7;
	opacity:0.7;
	-ms-filter: "alpha(opacity=50)"; /IE8対応
	zoom: 1; /* IE（インラインで使うとき）*/
}


.RefBox{
margin-top:5px;
margin-left:5px;
font-size:13px;
overflow:hidden;
}

.RefBox ul li{
font:Arial, Helvetica, sans-serif;
display:block;
margin-left:20px;
float:left;
width:150px;
text-align:center;
text-transform: uppercase;
}


.RefBox ul li span{
font-weight:bold;
color:#FF3300;
}


/*2020/1/30*/

.Img_mBox_re{
  margin-left: 30px;
  width: 680px;
}

.Img_mBox_re ul{
  display: flex;
  flex-wrap: wrap;
}

.Img_mBox_re img{
  margin: 60px 10px 20px 10px;
}

.Img_mBox_re p{
  font:Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
}

.Img_mBox_re a:hover{
  opacity: 0.7;
}

.Img_mBox_re p a:hover{
  color: #CC9900;
}

/*-------------------------------------------------------------サムネイルのボックスここまで*/

/*-------------------------------------------------------------Containerここまで*/

#Footer{
clear:both;
width:1024;
}