@charset "utf-8";

#mainimg{ margin:0 0 30px; padding:0;}
#contents{ width:710px; float:left; margin:0; padding:0; }
#contents h2{ background:#384595; margin:0 0 15px; padding:0 0 0 10px; }
#contents ul.toplist{ margin:0 0 30px; padding:0 0 0 10px; }
#contents ul.toplist li{ width:230px; float:left; margin:0 0 30px; padding:0; }
#contents ul.toplist li .img{ text-align:center; margin:0 0 10px; padding:0; }
#main #contents ul.toplist li p{ width:205px; height:3em; margin:0 auto; font-size:93%; line-height:150%; text-align:center; }
#main #contents ul.toplist.shop li h3{ height:28px; line-height:28px; margin:0 0 5px 10px; padding:0 0 0 25px; background:url(../img/top/tit_shop.png) no-repeat left bottom; font-size:90%; }
@media only screen and (max-width:768px){
	#mainimg{ margin:0 0 15px; padding:0; }
	#mainimg img{ max-width:100%; height:auto; }
	#contents{ width:100%; float:none; margin:0; padding:0; }
	#contents h2{ background:#384595; margin:0 0 15px; padding:0 0 0 10px; }
	#contents ul.toplist{ margin:0 0 15px 2%; padding:0; }
	#contents ul.toplist li{ width:31.3%; float:left; margin:0 2% 20px 0; padding:0; }
	#contents ul.toplist li .img{ text-align:center; margin:0 0 10px; padding:0; }
	#contents ul.toplist li .img img{ max-width:100%; height:auto; }
	#main #contents ul.toplist li p{ width:90%; margin:0 auto; font-size:85%; line-height:150%; }
	#main #contents ul.toplist.shop li h3{ height:28px; line-height:28px; margin:0 0 5px 10px; padding:0 0 0 25px; background:url(../img/top/tit_shop.png) no-repeat left bottom; font-size:90%; overflow:hidden; }
	#contents ul.toplist li:nth-of-type(4){ clear:both; overflow:hidden; }
}
@media only screen and (max-width:520px){
	#mainimg{ margin:0 0 15px; padding:0; }
	#mainimg img{ max-width:100%; height:auto; }
	#contents{ width:100%; float:none; margin:0; padding:0; }
	#contents h2{ background:#384595; margin:0 0 15px; padding:0 0 0 10px; }
	#contents ul.toplist{
		width:100%;
		margin:0 0 10px 0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
			flex-wrap:wrap;
		padding:0 1%;
		-webkit-box-sizing:border-box;
				box-sizing:border-box;}
	#contents ul.toplist li{ width:49.5%; float:none; margin:0 1% 13px 0; padding:0; }
	#contents ul.toplist li:nth-of-type(2n){ margin-right:0; }
	#contents ul.toplist li .img{ text-align:center; margin:0 0 10px; padding:0; }
	#contents ul.toplist li .img img{ max-width:100%; height:auto; }
	#main #contents ul.toplist li p{ width:90%; margin:0 auto; font-size:11px; line-height:150%; max-width:210px; height:auto; }
	#main #contents ul.toplist.shop li h3{ height:28px; line-height:28px; margin:0 0 5px 10px; padding:0 0 0 25px; background:url(../img/top/tit_shop.png) no-repeat left bottom; font-size:93%; overflow:hidden; }
}
@media only screen and (max-width:424px){
	#main #contents ul.toplist li p{ word-break:break-all; }
	#main #contents ul.toplist li p{ width:100%; }
}
@media only screen and (max-width:374px){
	#main #contents ul.toplist li p{ font-size:10px; }
	#main #contents ul.toplist.shop li h3{ font-size:82%; }
}