@charset "UTF-8";

.home h1.slick img { width: 100%; }
h2.info {font-size: 22px; color: #ae0000; display: flex; align-items: center; justify-content: center; padding: 0 0 0.5em; position: relative; }
h2.info span { border: 1px solid #ddd; position: absolute; right: 0; padding: 0.3em; top: 0;}
h2.info img { width: 60px; }
div.news { display:none; }
#wrap { position: relative; }

#outwrap { background: #e7e7e7; width: 100%; }

#content { background: #e7e7e7; padding: 1em 0.5em; }
#content li { background: #fff; border-radius: 0.3em; margin-bottom: 1em;  border: 2px solid #ae0000; }
#content li a { padding: 0.5em; display: block; }
#content li:hover { background: #f5e5e6; } 
#content ul.full li dl { width: 100%; text-align: center; }
#content ul.full li dl dt { display: inline-block; }
#content ul.full li dl dd { display: block; }
#content ul.full li { border: 4px solid #ae0000; border-radius: 0.5em; }
#content li dl { display: table; width: 100%; }
#content li dl dt { vertical-align: middle; text-align: center; width: 30%; display: table-cell; line-height: 0; }
#content li dl dt img { width: 80%; }
#content li dl dd { vertical-align: top; display: table-cell; color: #ae0000; }
#content li dl dd .title { font-size: 18px; display: block; line-height: 1.2; font-weight: bold; }

@media screen and (min-width: 641px) {
	#content { padding: 3em 0.5em; }
	#content li { margin-bottom: 0.5em; }
	#content li dl dt { width: 125px; }
	#content li dl dd .title { font-size: 24px; }
	#content li dl dd { padding-left: 0.5em; font-size: 20px; }
	#content ul.full li dl { margin: 0 auto; text-align: left; width: auto; }
	#content ul.full li dl dt { display: table-cell; }
	#content ul.full li dl dd { font-size: 26px; display: table-cell; }
	#content ul.full li dl dd .title { font-size: 40px; }
	div.news { display:block; }
	h2.info span { display: none; }
}

@media screen and (min-width: 981px) {
	#content { width: 980px; overflow: hidden; margin: 0 auto; }
	#content li { float: left; width: 470px; }
	#content ul.full li { float: left; width: 100%; border: 6px solid #ae0000; }
	#content li:nth-child(even) { float: right; }
	/*#content li:nth-child(odd) { clear: both; }*/
	#content li dl dt img { width: auto; }
	#content li dl dd { font-size: 16px; }
	
}