<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */


/*- index -*/

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

* all

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

/* screen width 600pxæœªæº€
---------------------------------------------------------------------*/

/* bnrList */
#kurashiru #bnrList h3{
	border-left: 8px solid #ff9933;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1;
	padding-left: 1.6rem;
}

#kurashiru #bnrList ul{
	display: grid;
	gap: 1.6rem clamp(15px, 2vw, 30px);
	margin-top: clamp(1.6rem, 2.1vw, 2.4rem);
}

#kurashiru #bnrList ul img{
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.25);
	transition: 0.5s;
}





/* æ¨ªå‘ãç”¨
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* 320pxä»¥ä¸‹ç”¨
---------------------------------------------------------------------*/

@media print,screen and (max-width: 320px) {
}




/* TABç”¨768pxï½žï¼ˆTABï¼‰
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	/* bnrList */
	#kurashiru #bnrList ul{
		grid-template-columns: repeat(2, 1fr);
	}
	
}




/* PCç”¨960pxï½žï¼ˆPCï¼‰
---------------------------------------------------------------------*/

@media print,screen and (min-width: 960px){
	
	/* bnrList */
	#kurashiru #bnrList ul{
		grid-template-columns: repeat(3, minmax(min-content, 320px));
	}
	
	#kurashiru #bnrList ul li img{
		transition:0.5s;
	}
	
	#kurashiru #bnrList ul li a:hover img{
		opacity:0.5;
	}
	
}




/* PCç”¨1280pxï½žï¼ˆPCï¼‰
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
}</pre></body></html>