@charset "UTF-8";

/** index.html **/
.products_category{}
.products_category .wrapper{padding-top:40px;padding-bottom:90px;max-width:1200px;margin-right:auto;margin-left:auto;}
/**/
.products_category .product_list li{padding-bottom: 30px;}
.products_category .product_list li a{display: block;background: #FFF;border-radius: 30px;width: 100%;max-width: 300px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 /.15);height: 100%;margin-right: auto;margin-left: auto;}
.products_category .product_list li .image{background: #FFF4E9;border-radius: 30px 30px 0 0;width: 100%;height: 130px;display: grid;place-content: center;}
.products_category .product_list li .image img{max-height: 110px;max-width: 110px;margin: 0 auto;}
.products_category .product_list li .item{letter-spacing: 0;padding: 15px 20px;}
.products_category .product_list li .item h2{display: inline-block;position: relative;min-height: 20px;line-height: 1.2;background: url(../../images/icon_products.svg) no-repeat left top;background-size: 20px;padding-left: 36px;font-size: 1.5rem;font-weight: bold;}
.products_category .product_list li .item h2 small{font-size: 0.8125rem;margin-top: -6px;display: inline-block;}
.products_category .product_list li .item p{line-height: 1.875;}


/** banner **/
.products_to_online{}
.products_to_online .wrapper{max-width:1100px;}
.products_to_online .banner{text-align:center;}


/** menu **/
.products_menu{padding-bottom:40px;}
.products_menu .wrapper{margin-right:auto;margin-left:auto;}
.products_menu ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;align-items: center;}
.products_menu li a{display:block;border:2px solid #e60012;font-size:1.125rem;font-weight:bold;line-height:1.4;padding:16px 6px 16px 26px;text-align:left;color:#e60012;text-decoration:none;position:relative;-webkit-border-radius: 5px; border-radius: 5px;}
.products_menu li.on a{background-color:#e60012;color:#fff;}
.products_menu li a::after{content:"";width:42px;height:42px;bottom:8px;right:20px;position:absolute;background:none 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;}
.products_menu li a > span{font-size:0.8125rem;}

.products_menu li.mitsuwa a::after{background-image:url(../img/icon_mitsuwa_off.png);}
.products_menu li.east a::after{background-image:url(../img/icon_east_off.png);}
.products_menu li.mura a::after{background-image:url(../img/icon_mura_off.png);width:38px;height:49px;bottom:5px;right:25px;}

.products_menu li.mituswa.on a::after{background-image:url(../img/icon_mitsuwa_on.png);}
.products_menu li.east.on a::after{background-image:url(../img/icon_east_on.png);}
.products_menu li.mura.on a::after{background-image:url(../img/icon_mura_on.png);}


/** lists **/
.products_items .wrapper{padding-top:50px;padding-bottom:110px;}
.products_items .area{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:990px;margin-right:auto;margin-left:auto;}
.products_items .in_box{height:100%;position:relative;-webkit-border-radius: 30px; border-radius: 30px;overflow:hidden;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.products_items .image{position: relative;}
.products_items .image:before{ padding-top: 66.66%;content:"";display: block; }
.products_items .image a{ display:flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:none 50% 50% no-repeat #FFF4E9;}
.products_items .image a img{max-height: 100%;}
.products_items .text{background-color:#fff;}
.products_items .name{padding:26px 0;text-align:center;font-weight:bold;}
.products_items .more{max-width: 172px;width: 100%;height:42px;position:absolute;left:50%;transform: translateX(-50%);}
.products_items .more a{position:relative;-webkit-border-radius: 40px; border-radius: 40px;text-align:center;border:2px solid #e60012;color:#e60012;font-size:0.8125rem;line-height:1.2;font-weight:bold;display:block;}
.products_items .more a::after{display:block;content:"";right:20px;top:50%;margin-top:-4px;width:5px;height:8px;background:url(../img/more_off.png) 50% 50% no-repeat;position:absolute;}


/** detail **/
.products_detail .wrapper{padding-top:50px;padding-bottom:130px;max-width:1042px;margin-right:auto;margin-left:auto;}
.products_detail .box{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
.products_detail .box .image{display: grid;place-content: center;max-width:300px;max-height: 300px;height: 100%;margin-right: auto;margin-left: auto;background: #FFF4E9;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 7px rgba(0,0,0,.15);box-shadow: 0 0 7px rgba(0,0,0,.15);}
.products_detail .image ul{height:320px;position:relative;}
.products_detail .image li {width:100%;height:100%;position:absolute;top:0;left:0;-webkit-border-radius: 10px; border-radius: 10px;overflow:hidden;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.products_detail .image li:nth-child(n+2){display:none;}
.products_detail .image li span{ width:100%;height:100%;display:block;background:none 50% 50% no-repeat #FFF4E9;-webkit-background-size:contain;background-size:contain; }
.products_detail .item .btn{width:300px;margin-top:25px;margin-right: auto;margin-left: auto;}
.products_detail .item .btn a{height:46px;position:relative;padding:13px 10px;-webkit-border-radius: 40px; border-radius: 40px;text-align:center;border:2px solid #e60012;color:#e60012;font-size:0.875rem;line-height:1.2;font-weight:bold;display:block;}

.products_detail .item .btn a::after,
.products_detail .item .btn a::before{display:block;content:"";background:none 50% 50% no-repeat;position:absolute;}
.products_detail .item .btn a::before{left:32px;top:50%;margin-top:-4px;width:5px;height:8px;background-image:url(../img/more_off.png);}
.products_detail .item .btn a::after{right:20px;top:50%;margin-top:-11px;width:22px;height:22px;background-image:url(../img/cart_off.png);}

.products_detail .overview{line-height: 1.8;padding-bottom: 30px;}

.products_detail .text h2{margin-bottom:10px;font-weight:bold;font-size:1.125rem;margin-bottom:10px;}
.products_detail .text table{width:100%;border-top:1px solid #c4c4c4;}
.products_detail .text th,.products_detail .text td{border-bottom:1px solid #c4c4c4;}
.products_detail .text th{background-color:#F6F6F6;}
.products_detail .text td{background-color:#fff;}





/** PC ****/
@media screen and (min-width:768px) {

    /**/
    .products_category .product_list{justify-content: center;max-width: 1200px;}
    .products_category .product_list li{width: calc(100% /3 - 20px);max-width: 380px;}
    .products_category .product_list li .image{height: 221px;}
    .products_category .product_list li .image img{max-width: none;max-height: none;height: 100%;width: 100%;transition: all .3s linear;}
    .products_category .product_list li .item{letter-spacing: 0;padding: 29px 20px 48px 30px;}
    .products_category .product_list li .item h2{min-height: 39px;background-size: 39px;padding-left: 50px;padding-top: 7px;margin-bottom: 20px;}
    .products_category .product_list li .item h2 small{font-size: 1.125rem;margin-left: -8px;}
    .products_category .product_list li a:hover h2{color: #E60012;}
    .products_category .product_list li a:hover img{transform: scale(1.05);}
	.products_category .product_list li.okonomimura h2 small{font-size: 1rem;}
 
	.contents_products{padding-top:55px;}
	.contents_products .wrapper{padding-left:30px;padding-right:30px;}
	
	
	.products_menu li{padding-bottom:20px;}
	.products_menu li:nth-child(1){margin-left:0px;}
	
	.products_menu li a:hover{background-color:#e60012;color:#fff;}
	.products_menu li.mituswa a:hover::after{background-image:url(../img/icon_mitsuwa_on.png);}
	.products_menu li.east a:hover::after{background-image:url(../img/icon_east_on.png);}
	.products_menu li.mura a:hover::after{background-image:url(../img/icon_mura_on.png);}

	
	.products_items .box{width:31.31%;margin-right:3.035%;margin-top:30px;}
	.products_items .box:nth-child(-n+3){margin-top:0;}
	.products_items .box:nth-child(3n){margin-right:0;}
	
	.products_items .text{padding:0 10px 72px;}
	.products_items .name{padding:26px 0;font-size:1.125rem;}
	.products_items .more{bottom:32px;}
	.products_items .more a{padding:13px 10px;}
	
	.products_items .more a:hover{background-color:#e60012;color:#fff;}
	.products_items .more a:hover::after{background-image:url(../img/more_on.png);}
	
	.products_detail .box{flex-direction: row;gap: 0 30px;}
	.products_detail .item{width: 300px;}
	.products_detail .text{max-width: calc(100% - 330px);}
	.products_detail .text th,.products_detail .text td{font-size:1rem;line-height:1.4;padding:14px 20px 15px;}
	.products_detail .text th{width:210px;}
	.products_detail .text td{padding-left:23px;}


	.products_detail .item .btn a:hover{background-color:#e60012;color:#fff;}
	.products_detail .item .btn a:hover:before{background-image:url(../img/more_on.png);}
	.products_detail .item .btn a:hover::after{background-image:url(../img/cart_on.png);}
	
	
}

/** SP ****/
@media screen and (max-width:767px) {

	.contents_products{padding-top:40px;}
	.contents_products .wrapper{padding-left:20px;padding-right:20px;}

	.products_category .wrapper,.products_items .wrapper{padding-bottom: 50px;}
	.products_category .product_list li .item h2{font-size: 1.25rem;margin-bottom: 10px;}
	.products_category .product_list li .item p{line-height: 1.6;}

	.products_menu li{width:48%;margin-right:2%;padding-bottom:10px;}
	.products_menu li:nth-child(2n){margin-right:0;}
	.products_menu li a{padding:8px 6px 8px 16px;font-size:1rem;}
	.products_menu li a::after{width: 32px;height: 32px;bottom: 10px;right: 8px;}
	.products_menu li a > span{display:block;}

	.products_items .box{width:47.9%;margin-right:4.2%;margin-top:20px;}
	.products_items .box:nth-child(-n+2){margin-top:0;}
	.products_items .box:nth-child(2n){margin-right:0;}
	
	.products_items .text{padding:0 10px 72px;}
	
	.products_items .name{padding:12px 0;font-size:1rem;}
	.products_items .more{bottom:20px;max-width: 80%;}
	.products_items .more a{padding:10px;}


	.products_detail .wrapper{padding-bottom: 50px;}
	.products_detail .come_h1_title{font-size: 1.25rem;}
	.products_detail .box{flex-direction: column;gap: 30px 0;}
	.products_detail .box .image{height: 300px;}
	.products_detail .overview{font-size: 0.9375rem;}
	.products_detail .text th,.products_detail .text td{padding: 5px;}
	.products_detail .text td{font-size: 0.875rem;line-height:1.4;padding:14px 20px 15px;}
	
}
/** PC(wide) ****/
@media screen and (min-width:1160px) {
	.contents_products{padding-top:85px;}
	.contents_products .wrapper{padding-left:0px;padding-right:0px;}

	.products_menu .wrapper{max-width:1100px;}
	.products_menu li{max-width:367px;width:31.4%;margin:0 1.45%;}
	.products_menu li:nth-child(3){margin-right:0px;}

	.products_detail .box{gap: 0 64px;}
	.products_detail .box .text{width:677px;}

}
@media screen and (min-width:768px) and (max-width:1159px) {
	.products_menu .wrapper{max-width:730px;}
	.products_menu li{width:325px;margin-right:20px;}
	.products_menu li:nth-child(2){margin-right:0px;}
	.products_menu li:nth-child(3){margin-left:20px;}
	.products_menu li:nth-child(4){margin-left:0;}
	.products_menu li:nth-child(5){margin-right:0;}
}
@media screen and (min-width:500px){
	.products_category .product_list{display: flex;flex-wrap: wrap;gap: 30px;}
	.products_category .product_list li{padding-bottom: 0;}
	.products_category .product_list li a{max-width: none;}
}
@media screen and (max-width:500px){
	.products_items .name{font-size: 0.9375rem;text-align: left;}

}
@media screen and (min-width:500px) and (max-width:900px){
	.products_category .product_list li{width: calc(50% - 15px);}
}