@charset "UTF-8";

/***************************************************

	アーカイブページ共通

***************************************************/





/********** archive ページャー **********/

#pager{
	text-align: center;
	margin: 80px 0 120px;
}

#pager span,
#pager a{
	display: inline-block;
	margin: 0 7px;
	width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
	background: #fff;
	border: 1px solid var(--subcolor01);
	border-radius: 20px;
	text-align: center;
	color: var(--subcolor01);
	text-decoration: none;
	box-shadow: 2px 2px 4px -1px rgba(0,0,0,0.2);

}

#pager a.prev,
#pager a.next{
	width: 70px;
}

#pager a:hover,
#pager span{
	background: var(--subcolor01);
	color: #fff;
}




/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1080px){




/********** archive ページャー **********/

/********** archive ページャー **********/

#pager{
	text-align: center;
	margin: 7.407407vw 0 11.111111vw;
}

#pager span,
#pager a{
	margin: 0 0.648148vw;
	width: 2.592593vw;
    height: 2.592593vw;
    line-height: 2.592593vw;

}

#pager a.prev,
#pager a.next{
	width: 6.481481vw;
}




}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:414px){

/********** archive ページャー **********/

#pager{
	margin: 10.666667vw 0 16vw;
}

#pager span,
#pager a{
	margin: 0 1.066667vw;
	width: 5.866667vw;
    height: 5.866667vw;
    line-height: 5.866667vw;

}

#pager a.prev,
#pager a.next{
	width: 15.2vw;
}





}