@charset "utf-8";
/* CSS Document */

/*===========================================
	howto css
=============================================*/
/*　btnlist　*/
#contents ul.btnlist {
	list-style: none;
	margin: 2em 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
}

#contents ul.btnlist li a {
	border: solid 2px #000;
	border-radius: 5px;
	color: #000;
	padding: 0.7em 1em;
	display: flex;
	align-items: center;
    justify-content: space-between;
	width: 450px;
	box-sizing: border-box;
}

#contents ul.btnlist li a span {
	display: block;
	font-weight: bold;
}

#contents .sponly {
	display: none;
}

@media (max-width: 640px) {
	#contents ul.btnlist {
		flex-direction: column;
	}

	#contents ul.btnlist li a {
		width: 100%;
	}
	
	#contents .sponly {
		display: block;
	}
}