@charset "UTF-8";

body{
	background: #000;
}
#mainBox{
    margin: 0 auto;
    width: 80%;
    margin-top: 40px;
	padding-bottom: 40px;
}

h2 {
    font-size: 18px;
    line-height: 150%;
    color: #fff;
}


	#archiveIn dl {
	display: block;
	width: 15%;
	text-align: center;
	margin-right: 1%;
	font-size: 90%;
	float: left;
	margin-bottom: 15px;
	}
	
	#archiveIn dl img {
		width:100%;
		height:auto;
		margin-bottom:6%;
	}
	
	#archiveIn dl a {
		text-decoration:none;
	}

	#archiveIn dl a:hover {
		text-decoration: underline;
	}
	
	#archiveIn dd {
		margin-top:2%;
	}

/*----------
   archives
-----------*/

.bgBlack {
	background: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	border-top-color: #333;
}


/*-------------------------------------------------------------------------------------------------------------
	480px以下
-------------------------------------------------------------------------------------------------------------*/

@media (max-width: 479px){


.artIn{
	display: block;
	margin-top: 30px;
}
	
.artIn a {
	width: 18%;
	display: block;
	float: left;
	text-align: center;
	margin-left: 2%;
	}

.artIn dl img{
	width:100%;
	height:auto;
	margin-bottom:6%;
	}

}


/*-------------------------------------------------------------------------------------------------------------
	480px以上　767px以下
-------------------------------------------------------------------------------------------------------------*/

@media (min-width: 480px) and (max-width: 767px){
	


/*スマホ用メイン*/




.artIn{
	display: block;
	margin-top: 20px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
}
	
.artIn a {
	width: 17%;
	display: block;
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
	height: auto;
	max-width: 70px;
	}

.artIn dl img{
	width:100%;
	height:auto;
	margin-bottom:6%;
	}

}



/*-------------------------------------------------------------------------------------------------------------
	768px以上
-------------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px){



.artIn{
	display: block;
	margin-top: 20px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
}
	
.artIn a {
	width: 17%;
	display: block;
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
	height: auto;
	max-width: 70px;
	}

.artIn dl img{
	width:100%;
	height:auto;
	margin-bottom:6%;
	}


	#archiveIn dl {
	display: block;
	width: 15%;
	text-align: center;
	margin-right: 1%;
	font-size: 90%;
	float: left;
	margin-bottom: 15px;
	}
	
	#archiveIn dl img {
		width:100%;
		height:auto;
		margin-bottom:6%;
	}
	
	#archiveIn dl a {
		text-decoration:none;
	}

	#archiveIn dl a:hover {
		text-decoration: underline;
	}
	
	#archiveIn dd {
		margin-top:2%;
	}
.bgBlack {
	background: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	border-top-color: #333;
}

}