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

/**** tag ****/
h2 { padding-bottom: 10px; border-bottom: #000 1px dotted; }
h3 { font-size: 1.8rem; border-bottom: #000 1px dotted; }

/**** ID & Class ****/
#link 						{ width: 100%; }
#link p 					{ display: inline-block; line-height: 1.3em; padding:10px 0 0 0; }
#link ul 					{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#link li 					{ border: #666 1px solid; margin-right: 2%; text-align: center; width: 49%; background: #ccc; position: relative;  }
#link li:nth-child(even) 	{ margin-right:0%; }			
#link li:after { content:"\00bb"; font-size: 3rem; position: absolute; top: 40%; right: 15px; }
#link a 					{ }
#link a:hover 				{ background: #666; }
#link a:active  			{ background: #868686; }
#link div 					{ padding: 15px 50px; }

@media screen and ( max-width:480px) { 
	#link p  { font-size:1rem; }
	#link li { float: none; margin-right:0%; margin-bottom: 15px !important; width: 100%; }
	#link li:last-child { padding-bottom: 0; }			
}
@media screen and (min-width:481px) and ( max-width:896px) { 
}