/* CSS Document */

/*---------------------------------------------------

	#link（リンク）

---------------------------------------------------*/
#link { margin-bottom: 100px;}
#link ul { list-style: none; justify-content: flex-start; -webkit-justify-content: flex-start; }
#link ul li {}
#link ul li:nth-child(4n+4) { margin-right: 0;}
#link ul li a { position: relative; display: block; height: 100%; line-height: 0;}
#link ul li a img { width: 100%; height: auto; }
#link ul li a span { position: absolute; width: 100%; left: 0; bottom: 10px; text-align: center; color: #000; font-weight: bold; }


@media (min-width: 768px) {
	#link ul li { width: calc(100% / 3 - 6px); margin-bottom: 20px;}
    #link ul li:nth-child(3n+2) { margin-left: 9px; margin-right: 9px; }
	#link ul li a span { font-size: 1.4rem; bottom: 16px; }
}

@media (max-width: 767px) {
	#link ul li { width: calc(50% - 10px); margin-bottom: 15px;}
	#link ul li:nth-child(2n+2) { margin-left: 20px;}
    #link ul li a span { font-size: 1.4rem; bottom: 14px;}
}

@media (max-width: 480px) {
	#link ul li { width: calc(50% - 5px); margin-bottom: 10px;}
	#link ul li:nth-child(2n+2) { margin-left: 10px;}

    #link ul li a span { font-size: 1.1rem; bottom: 11px;}
}