@charset "UTF-8";

/* -------------------------- */
/* ttl*/
/* -------------------------- */
#content .ttl {
	background-image: url(../images/shop/h2_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	
}
#content .ttl h2{
	text-align: left;
	font-size: 2.4em;
	height: 200px;
	line-height: 200px;
	color: #ffffff;
text-shadow: 0 0 3px #000;
}
@media screen and (min-width: 1500px) {
	#content .ttl {background-size:100% auto;}
}
@media screen and (max-width: 1034px) {
#content .ttl{background-size:100% auto;}
#content .ttl h2 {
	text-align: center;
	font-size: 1.6em;
	height: 100px;
	line-height: 1.2;
	padding: 32px 0 0 0;
}
}
@media screen and (max-width: 749px) {
	#content .ttl{background-size:auto 100%;}
	
}


/* -------------------------- */
/* link_area*/
/* -------------------------- */

#content .link_area ul{ margin: 30px 0 40px 0;}
#content .link_area ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content .link_area ul li a{
	width: 235px; height: 75px; line-height: 75px; float: left;
	border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;
	color: #008206; border: solid 1px #008206;
	margin: 0 30px 20px 0;
	text-align: center;
}
#content .link_area ul li:nth-of-type(4) a,
#content .link_area ul li:nth-of-type(8) a{margin: 0 0 0 0;}


@media screen and (max-width: 1034px) {
#content .link_area h3{font-size: 1.4em; line-height: 1.2;}
#content .link_area .inbox{
	background:none;
	padding: 20px 0px;}


	
#content .link_area ul{ margin: 20px 0 30px 0;}
#content .link_area ul,
	#content .link_area ul li{width: 100%;}
#content .link_area ul li a{
	width: 100%; height: 40px; line-height: 40px; float:none;
	margin: 0 0 5px 0;
	display: block; clear: both;
}
#content .link_area ul li:nth-of-type(4) a,
#content .link_area ul li:nth-of-type(8) a{margin: 0 0 5px 0;}

}


/* -------------------------- */
/* products_area*/
/* -------------------------- */

.products_area {
	margin: -10px 0 0 0;
	padding: 10px 0 0 0;
	background:url(/images/top/under_contents_bg.png) top repeat-x;
	display: block;
	clear: both;
}
	.products_area .bg {
		padding: 70px 0;
		background:#f5f5eb;
	}
		.products_area .inbox:not(:last-child) {
			margin-bottom: 60px;
			padding-bottom: 30px;
			background: url(/images/top/info_line.png) bottom no-repeat;
		}
		.products_area .title_products {
			margin-bottom: 25px;
			color: #008206;
			font-size: 1.8em;
			font-weight: normal;
		}
		.productsBox {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		.productsBox::after {
			width: 30%;
			content: "";
			display: block;
		}
			.productsBox .productsList {
				width: 31.5%;
				margin-bottom: 30px;
			}
				.productsBox .productsList .thum_img {
					min-height: 228px;
					margin-bottom: 15px;
					display: flex;
					align-items: center;
					justify-content: center;
				}
					.productsBox .productsList .thum_img img {
						max-width: 100%;
						border: 5px solid #fff;
						box-shadow: 0 0 9px 2px rgba(0,0,0,0.1);
						display: inline-block;
					}


@media screen and (max-width: 1034px) {

.shop_area .bg {
	padding: 35px 0;
}


/* -------------------------- */
/* products_area*/
/* -------------------------- */

.products_area {
}
	.products_area .bg {
	}
		.productsBox {
		}
			.productsBox .productsList {
				width: 100%;
			}
					.productsBox .productsList .thum_img img {
						width: 100%;
					}


}