@charset "utf-8";  
/*------------------------------------------------------------ 
    archive css
------------------------------------------------------------*/  

.column{ padding-top:60px;}

.archiveList li{
	width:22.22222222222222%;
	padding-bottom:25px;
}

.archiveList a{ display:block;}

.archiveList figcaption{
	color:#091E3C;
	font-size:150%;
	margin-top:15px;
}

.archiveList small{
	display:block;
	color:#091E3C;
	font-size:109%;
	margin-top:5px;
}

.archiveList ul{ display:none;}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* TABLET */
@media screen and (min-width: 835px){

.archiveList li:nth-child(4n+2):last-child{ margin-right:51.85185185185186%;}
.archiveList li:nth-child(4n+3):last-child{ margin-right:25.92592592592593%;}

}

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

.column{ padding-top:48px;}

.archiveList li { width: calc(33.33333% - 16px);}

.archiveList figcaption{
	font-size:142%;
	margin-top:12px;
}

}

@media screen and (max-width: 834px) and (min-width: 481px){

.archiveList li:nth-child(3n+2):last-child{ margin-right: calc(33.33333% + 8px);}

}

/* SP */
@media screen and (max-width: 480px){

.column{ padding-top:30px;}

.archiveList li { width: calc(50% - 8px);}
.archiveList figcaption{
	font-size:134%;
	margin-top:10px;
}

.archiveList small{
	font-size:100%;
	margin-top:4px;
}

}