@charset "utf-8";

.list-download > li .thumb_area {
	text-align: center;
	background: #fffedb;
}

.button_wrap .button.button_dl {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
	

@media (max-width: 640px) {
	.illust_lead {
		padding-bottom: 10px;
		font-size: 15px;
		position: relative;
	}
	
	.illust_lead:after {
		content: "";
		display: block;
		width: 130px;
		height: 91px;
		background: url(../img/icon_illust.png) no-repeat;
		background-size: contain;
		position: absolute;
		bottom: -66px;
		right: 20px;
		z-index: 1;
	}
		
	.list-download {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 0 -16px;
	}

	.list-download > li {
		width: 130px;
		padding: 10px 10px 15px;
		margin: 0 8px 20px;
		border-radius: 14px;
		background: #fff;
		box-sizing: border-box;
	}

	.list-download > li .thumb_area {
		margin: 0 auto 10px;
		text-align: center;
		border-radius: 7px;
	}
	
	.list-download .btn-download {
		margin: 0 auto;
		text-align: center;
	}	

	.list-download .btn-download > li {
		padding-top: 5px;
	}

	.list-download > li .thumb_area {
	}

	.list-download > li .thumb_area img {
		border-radius: 20px;
		overflow: hidden;
	}
}

@media (min-width: 641px) {
	.illust_lead {
		width: 720px;
		margin: 0 auto;
		padding-right: 280px;
		position: relative;
	}

	.illust_lead:after {
		content: "";
		display: block;
		width: 229px;
		height: 150px;
		background: url(../img/icon_illust.png) no-repeat;
		position: absolute;
		bottom: -83px;
		right: 37px;
	}
		
	.list-download {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin:  0 -40px;
	}

	.list-download > li {
		width: 330px;
		padding: 15px 20px 23px;
		margin: 0 20px;
		border-radius: 20px;
		background: #fff;
		box-sizing: border-box;
	}

  .list-download > li:nth-child(n+4) {
		margin-top: 40px;
	}	

	.list-download > li .thumb_area {
		margin: 0 auto 18px;
		border-radius: 15px;
		overflow: hidden;
	}
	
	.list-download .btn-download {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
}