@charset "utf-8";

#page{}

#page .page_part_box{padding:65px 0;}
#page .page_part_box .page_part_title{font-size:25px;color:#333333;font-weight:500;text-align:center;margin-bottom:55px;}
#page .page_part_box .nolist{text-align:center;padding:100px 0;font-size:14px;font-weight:400;color:#111111;}
@media screen and (max-width:1200px){
	#page .page_part_box{padding:60px 0;}
	#page .page_part_box .page_part_title{font-size:22px;margin-bottom:50px;}
}

@media screen and (max-width:1000px){
	#page .page_part_box{padding:50px 0;}
	#page .page_part_box .page_part_title{font-size:20px;margin-bottom:40px;}
}

@media screen and (max-width:900px){
	#page .page_part_box{padding:45px 0;}
	#page .page_part_box .page_part_title{font-size:18px;margin-bottom:35px;}
}

@media screen and (max-width:700px){
	#page .page_part_box{padding:30px 0;}
	#page .page_part_box .page_part_title{font-size:17px;margin-bottom:20px;}
	#page .page_part_box .nolist{font-size:13px;}
}

@media screen and (max-width:500px){
	#page .page_part_box{padding:25px 0;}
	#page .page_part_box .page_part_title{font-size:16px;margin-bottom:15px;}
	#page .page_part_box .nolist{font-size:12px;}
}

@media screen and (max-width:350px){
	#page .page_part_box{padding:20px 0;}
	#page .page_part_box .page_part_title{font-size:15px;margin-bottom:10px;}
	#page .page_part_box .nolist{font-size:11px;}
}


#page .category_list{margin-top:90px;text-align:center;}
#page .category_list ul{margin:0;padding:0;list-style:none;display:inline-block;}
#page .category_list ul:after{content:"";display:block;clear:both;}
#page .category_list ul li{float:left;position:relative;width:180px;line-height:58px;border-top:1px solid #909090;border-bottom:1px solid #909090;border-left:1px solid #909090;font-size:18px;font-weight:400;color:#333333;white-space:nowrap;box-sizing:border-box;}
#page .category_list ul li:last-child{}
#page .category_list ul li:last-child:before{position:absolute;right:-1px;top:-1px;height:calc(100% + 2px);content:"";display:block;border-right:1px solid #909090;}
#page .category_list ul li a{display:block;color:#333333;text-decoration:none;}
#page .category_list ul li.active{color:#ffffff;background-color:#f94b06;}
#page .category_list ul li.active a{color:#ffffff;}

@media screen and (max-width:1200px){
	#page .category_list{margin-top:80px;}
	#page .category_list ul{display:block;}
	#page .category_list ul li{font-size:17px;line-height:55px;}
	
	#page .category_list.w2 ul li{width:50%;}
	#page .category_list.w3 ul li{width:33.33%;}
	
	#page .category_list.w4 ul li{width:25%;}
	#page .category_list.w5 ul li{width:20%;}
}

@media screen and (max-width:1000px){
	#page .category_list{margin-top:70px;}
	#page .category_list ul li{font-size:16px;line-height:50px;}
}

@media screen and (max-width:900px){
	#page .category_list{margin-top:60px;}
	#page .category_list ul li{font-size:15px;line-height:45px;}
	#page .category_list ul li:nth-child(n+4){border-top:0;}
	#page .category_list ul li:nth-child(3n+1){border-left:0;border-left:1px solid #909090;}
	#page .category_list ul li:nth-child(3n){border-right:1px solid #909090;}
	
	#page .category_list.w4 ul li{width:33.333%;}
	#page .category_list.w5 ul li{width:33.333%;}
}

@media screen and (max-width:700px){
	#page .category_list{margin-top:50px;}
	#page .category_list ul li{font-size:14px;line-height:40px;}
}

@media screen and (max-width:500px){
	#page .category_list{margin-top:35px;}
	#page .category_list ul li{font-size:12px;line-height:35px;}
}

@media screen and (max-width:350px){
	#page .category_list{margin-top:30px;}
	#page .category_list ul li{font-size:11px;line-height:30px;}
}


#page .product_list{margin-top:90px;background-color:#f5f5f5;}
#page .product_list.no_bg{background-color:transparent;}
#page .product_list ul{margin:0;padding:0;list-style:none;}
#page .product_list ul:after{content:"";display:block;clear:both;}
#page .product_list ul li{float:left;width:calc(33.333% - 23.333px);margin-right:35px;box-sizing:border-box;}
#page .product_list ul li:nth-child(3n){margin-right:0;}
#page .product_list ul li:nth-child(n+4){margin-top:145px;}
#page .product_list ul li .box{position:relative;transition:border-color ease 0.3s;}
#page .product_list ul li .box .thumbnail{position:relative;}
#page .product_list ul li .box .thumbnail:before{content:"";display:block;padding-bottom:100%;}
#page .product_list ul li .box .thumbnail img{position:absolute;left:0;top:0;width:100%;z-index:0;}

@media screen and (max-width:1200px){
	#page .product_list{margin-top:80px;}
	#page .product_list ul li{width:calc(33.333% - 10px);margin-right:15px;}
	#page .product_list ul li:nth-child(n+4){margin-top:120px;}
}

@media screen and (max-width:1000px){
	#page .product_list{margin-top:70px;}
	#page .product_list ul li:nth-child(n+4){margin-top:80px;}
}

@media screen and (max-width:900px){
	#page .product_list{margin-top:60px;}
	#page .product_list ul li:nth-child(n+4){margin-top:60px;}
}

@media screen and (max-width:700px){
	#page .product_list{margin-top:50px;}
}

@media screen and (max-width:500px){
	#page .product_list{margin-top:35px;}
}

@media screen and (max-width:350px){
	#page .product_list{margin-top:30px;}
}


#page .product_detail{}
#page .product_detail .image{text-align:center;}
#page .product_detail .image img{max-width:100%;margin:0 auto;}
#page .product_detail .image img.mobile{display:none;}

@media screen and (max-width:900px){
	#page .product_detail .image img.pc{display:none;}
	#page .product_detail .image img.mobile{display:block;}
}