@charset "Shift_JIS";


/* MEADER
---------------------------------------------------*/
#header_products {
	margin:0 auto;
	width:100%;
	max-width:1280px;
	position:relative;
}
#header_products img {
	width:100%;
}
#header_products .logo {
	margin:0 auto;
	width:11.484%;
}
#header_products .btn_close {
	width:6.640%;
	position:absolute;
	right:0;
	top:0;
}
@media all and (max-width: 767px) {
	#header_products {
		height:46px;
	}
	#header_products img {
		width:100%;
	}
	#header_products .logo {
		margin:0;
		width:75px;
	}
	#header_products .btn_close {
		width:46px;
	}
}

#products_main_visual {
	background: url(../../images/products/bg_main_ttl.jpg) no-repeat center top;
	background-size: contain;
}

#products_main_visual {
	margin:0 auto 4%;
}
@media all and (min-width: 768px) {
		#products_navi2.sp_navi,
		#products_navi3 {
			display:none;
		}
		#products_navi.pc_navi {
			display:table;
			list-style: none;
			vertical-align: top;
			width: 100%;
			/* max-width:1280px; */
			max-width: 960px;
			/* margin:0%; */
			margin: 0 auto;
			padding: 0;
		}
		#products_navi.pc_navi li {
			display:table-cell;
			/* width:25%; */
			width: 33.33%;
			vertical-align: top;
		}
		#products_navi.pc_navi li img {
			width: 100%;
		}
}
br.sp{
	display: none;
}
@media all and (max-width: 767px) {
		#products_navi.pc_navi {
			display:none;
		}
		#products_navi2.sp_navi {
			display:block;
			list-style: none;
			vertical-align: top;
			width: 88%;
			margin:0 auto;
			padding: 4.8% 0;
		}
		#products_navi3 {
			position:fixed;
			top:-296px;
			right:0;
			z-index:10000;
			overflow:hidden;
			transition: all 0.5s;
			-webkit-transition: all 0.5s;
			-o-transition: all 0.5s;
			-ms-transition: all 0.5s;
			width:10%;
			height:34vw;
		}
		#products_navi3.act {
			width:100vw;
		}
		#products_navi3 > div {
			position:relative;
			width:100vw;
			transition: all 0.5s;
			-webkit-transition: all 0.5s;
			-o-transition: all 0.5s;
			-ms-transition: all 0.5s;
		}
		#products_navi3 > div > div {
			display:block;
			position:fixed;
			list-style: none;
			vertical-align: top;
			width: 10%;
			margin:0 auto;
			padding: 6.2% 0;
			border:#541d21 4px solid;
			box-sizing: border-box;
			background: #ffffff;
			z-index:12;
			right:0;
			transition: all 0.5s;
			-webkit-transition: all 0.5s;
			-o-transition: all 0.5s;
			-ms-transition: all 0.5s;
		}
		#products_navi3.act > div > div {
			width:100%;
		}
		#products_navi3.navdsp {
			top:46px;
		}
		#products_navi3 .navttl {
			display: block;
			position:fixed;
			top: -290px;
			right: 4px;
			/* width: 8.0vw; */
			padding: 3vw 1vw 3vw 0.2vw;
			/* background: #ffffff; */
			margin: 0;
			z-index:9999;
			transition: top 0.5s;
			-webkit-transition: top 0.5s;
			-o-transition: top 0.5s;
			-ms-transition: top 0.5s;
		}
		#products_navi3.navdsp .navttl {
			top: 18.6vw;
			height:32vw;
		}
		#products_navi3 .navttl span {
			display: block;
			margin:0;
			padding:0;
			/* width:5.2vw; */
			width:8.4vw;
		}
		#products_navi3 .navttl span img {
			width:100%;
		}
		#products_navi3 .sp_navi {
			display: block;
		    list-style: none;
		    vertical-align: top;
		    width: 86%;
		    margin: 0 9% 0 5%;
		    padding: 0;
		    box-sizing: border-box;
		    width: 82.4vw;
		    margin: 0 0 0 5.2vw;
			transition:all 0.5s;
			-webkit-transition:all 0.5s;
			-ms-transition:all 0.5s;
			-o-transition:all 0.5s;
			opacity:0;
		}
		#products_navi3.act .sp_navi {
			opacity:1;
		}
		#products_navi2.sp_navi li {
			display:block;
			float:left;
			width:48.48%;
			vertical-align: top;
		}
		#products_navi3 .sp_navi li {
			display:block;
			float:left;
			width:39.9vw;
			vertical-align: top;
		}
		#products_navi2.sp_navi li:first-child,
		#products_navi2.sp_navi li:nth-child(2),
		#products_navi3 .sp_navi li:first-child,
		#products_navi3 .sp_navi li:nth-child(2) {
			margin-bottom:2.7vw;
		}
		#products_navi2.sp_navi li:nth-child(2n),
		#products_navi3 .sp_navi li:nth-child(2n) {
			float:right;
		}
		#products_navi2.sp_navi li img,
		#products_navi3 .sp_navi li img {
			width: 100%;
		}
		br.pc{
				display: none;
		}
		br.sp{
			display: block;
		}
}


/* �C���f�b�N�X
---------------------------------------------------*/
#contents_products {
	margin:0 auto;
	width:100%;
}
#contain_products {
	margin:0 auto;
	width:100%;
	max-width:1280px;
	text-align:center;
}
#contain_products img {
	width:100%;
}
#contain_products .main_ttl {
	margin:0 auto 0;
	max-width:1280px;
}
#contain_products .category_ttl {
	margin:0 auto 3.5%;
	width:100%;
	max-width: 1280px;
}
#contain_products .category_ttl img {
	width: 100%;
}
#contain_products .sec01 {
	margin:0 auto;
	padding:0 0 5.2%;
	width:100%;
}

.category_wrapper {
	/* display:table; */
	width:100%;
	vertical-align: top;
}
.category_wrapper .item_box {
	/* display:table-cell; */
	float:left;
	position:relative;
	width:20%;
	vertical-align: top;
	padding: 8px 0 40px;
}
.category_wrapper .item_box.spprod {
	width:50%;
}
.category_wrapper .item_box.box2 {
	background-color: #fffbe6;
}

.category_wrapper .item_box a {
	text-decoration: none;
}


.category_wrapper .item_box .item_photo {
	max-width: 196px;
	width: 100%;
	margin: 0 auto 15px;
}
.category_wrapper .item_box .item_photo img {
	width: 100%;
}
.category_wrapper .item_box h4 {
	text-align: center;
	color: #262525;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto 25px;
	padding: 0 18px;
}
.category_wrapper .item_box .item_spec{
	text-align: left;
	color: #4e4949;
	font-size: 14px;
	padding: 0 18px;
}
.category_wrapper .item_box .corner {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 60px;
	margin: 0;
	padding: 0;
}
.category_wrapper .item_box .corner img {
	width: 100%;
}
.category_wrapper .item_box .new {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 60px;
	margin: 0;
	padding: 0;
}
.category_wrapper .item_box .new img {
	width: 100%;
}

@media all and (max-width: 767px) {
	.category_wrapper .item_box h4 {
		font-size: 15px;
		padding: 0 8px;
	}
}

/* FOOTER
---------------------------------------------------*/
#footer_products {
	margin:0 auto;
	padding:3.3% 0;
	width:100%;
	max-width:1280px;
	text-align:center;
	position:relative;
}
#footer_products img {
	width:100%;
}
#footer_products .btn_close {
	margin:0 auto;
	width:3.75%;
}
#footer_products .btn_left {
	width:11.406%;
	position:absolute;
	left:0;
	top:0;
}
#footer_products .btn_right {
	width:11.406%;
	position:absolute;
	right:0;
	top:0;
}

@media all and (max-width: 767px) {
		#footer_products {
			padding:0;
			width:100%;
		}
		#footer_products img {
			width:100%;
		}
		#footer_products .btn_close {
			margin:0 auto;
			width:22px;
			padding-top:8px;
		}
		#footer_products .btn_left {
			width:44px;
			position:absolute;
			left:0;
			top:0;
		}
		#footer_products .btn_right {
			width:44px;
			position:absolute;
			right:0;
			top:0;
		}
}