@charset "utf-8";
/*==================================================
	【トップ】ページ固有のスタイル
==================================================*/
#top_info {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #fbb03b;
	border-radius: 5px;
	display: flex;
	overflow: hidden;
}
#top_info h3 {
	background: #fbb03b;
	padding: 8px;
	width: 28px;
}
#top_info .box {
	margin: 5px 5px 5px 0;
	padding: 20px 20px 10px;
	width: calc(100% - 28px);
	line-height: 1.7;
	background : linear-gradient(0deg, rgba(255, 255, 255, 1) 65.03%, rgba(239, 239, 239, 1) 100%);
	border-radius: 0 5px 5px 0;
}
/* 商品 */
#top_products dl {
	width: 332px;
	margin-bottom: 10px;
}
#top_products dl dd {
	padding: 15px;
	padding-right: 5px;
}
#top_products dd:after {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0px;
	content: "";
}
#top_products dl dd {
	background: url(../img/top/bg_products01.gif) repeat-x top;
}
#top_products dl:nth-of-type(2) dd {
	background: url(../img/top/bg_products02.gif) repeat-x top;
}
#top_products dl:nth-of-type(3) dd {
	background: url(../img/top/bg_products03.gif) repeat-x top;
}
#top_products dl:nth-of-type(4) dd {
	background: url(../img/top/bg_products04.gif) repeat-x top;
}
#top_products dl dd li {
	padding-left: 16px;
}
#top_products dl dd li {
	background: url(../img/top/p01.gif) no-repeat left center;
}
#top_products dl:nth-of-type(2) dd li {
	background: url(../img/top/p02.gif) no-repeat left center;
}
#top_products dl:nth-of-type(3) dd li {
	background: url(../img/top/p03.gif) no-repeat left center;
}
#top_products dl:nth-of-type(4) dd li {
	background: url(../img/top/p04.gif) no-repeat left center;
}
#top_products dl dd ul {
	margin-left: 100px;
}
#top_products dl dd p {
	float: left;
}
@media print, screen and (min-width: 769px){ /* PCのみ */
}
@media print, screen and (min-width: 641px){ /* PC・タブレット */
}
@media only screen and (max-width: 768px) and (min-width: 641px){ /* タブレットのみ */
}
@media only screen and (max-width: 768px) {  /* タブレット以下 */
	#top_info {
		display: block;
		margin: 0 15px 20px;
	}
	#top_info h3 {
		width: 100%;
		color: #fff;
		letter-spacing: 1px;
	}
	#top_info .box {
		margin: 5px;
		width: calc(100% - 10px);
		border-radius: 5px;
		padding: 15px;
	}
	#top_products {
		max-width: 670px;
		margin: 0 auto;
	}
	#top_products dl {
		width: 49%;
	}
}
@media only screen and (max-width: 640px){ /* スマホ */
	#top_products dl {
		width: 100%;
		max-width: 332px;
		margin: 0 auto 15px;
	}
}