/***************************
 ** swiper（スライダー）
 */
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{display:none;}
.swiper-pagination{margin:0rem 0 0rem 0;}

.ttl_comment img{width:920px;border-radius: 1rem 1rem 0 0;}
#voice{padding:0rem 0 0 0;border-radius: 0 0 1rem 1rem;border-top:0px solid #6b4b4a;border-right:0px solid #6b4b4a;border-bottom:0px solid #6b4b4a;border-left:0px solid #6b4b4a;background-color:#6b4b4a;
width:920px;margin:0 auto;font-family: 'Noto Sans JP', sans-serif;}
#voice .productSecTtl{margin-bottom:3rem;}
#voice .cookLIst_ttl{margin-bottom:3rem;}
#voice .cookLIst_ttl span{margin:0;}
#voice .swiper-slide{padding:0rem;margin:0rem 0 0rem;    border-left: 5px solid #6b4b4a;
    border-right: 5px solid #6b4b4a;
    border-top: 0px solid #6b4b4a;
    border-bottom: 0px solid #6b4b4a;
    background-color: #6b4b4a;
}
#voice .swiper-slide .box {padding:2rem 2.5rem;height:400px;background-color:#FFF;text-align:left;border-radius: 0.5rem;    box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px;}
/*#voice .swiper-slide .box img{width:30%;float:left;}*/
#voice .swiper-slide .box h3{/*float:right;*/width:100%;font-weight:bold;font-size:1.9rem;margin:0rem 0 1rem;font-family: 'Noto Sans JP', sans-serif;line-height:130%;}
#voice .swiper-slide .box p{/*float:right;*/width:100%;line-height:185%;font-size:1.5rem;	
	background-image: linear-gradient(transparent 0, transparent 94%, #ddd 100%);
	background-size: 100% 28px;}

#voice .att{font-size:1rem;text-align:right;color:#FFF;display:block;line-height:140%;padding:1rem 1rem 1.5rem;}

.icon_comment{font-size:1.2rem !important;font-weight:normal;margin:0 0rem 0.2rem 0 ;}
.icon_comment span{font-size:1.3rem;padding:0.1rem 0.5rem;border-radius: 0.2rem;/*background-color:#fc8a8f;*/border:1px solid #000;
	width:105px;font-weight:bold;line-height:155%;margin:0 0.5rem 1.2rem 0rem ;text-align:center;}

.swiper{background-color:#6b4b4a;padding:0;border-radius: 1rem;width:98%;}


p.voice_att{font-size:1.3rem;padding:1rem 2rem 3rem;}

#voice .swiper-slide .box2 {padding:0 6rem;}
#voice .swiper-slide .box2 h3{width:100%;font-weight:bold;font-size:2.5rem;margin:0rem 0 1.5rem;font-family: 'Noto Sans JP', sans-serif;}
#voice .swiper-slide .box2 p{width:100%;line-height:160%;font-size:1.7rem;}
#voice .swiper-slide .box2 p span{color: #da1612;font-weight: bold;}	


#voice h2{font-size:1.7rem;color:#FFF;padding:0.5rem 1rem 1rem;}
#voice h2 .date{font-size:1.4rem;}

#voice .name{font-size:1.3rem;text-align:right;display: block;margin:0rem 0 0 ;}


@media only screen and (max-width: 950px) {
	.ttl_comment img{width:100%;}
	#voice{width:100%;}
	#voice .swiper-slide .box{height:540px;}
}

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

	
#voice{padding:1rem 0 0rem;border-left:0px solid #4e1b1b;border-right:0px solid #4e1b1b;border-top:0px solid #4e1b1b;border-bottom:0px solid #4e1b1b;border-radius:0rem ;}
	.ttl_comment img{border-radius:0rem ;}	
#voice h2{font-size:1.3rem;color:#FFF;padding:0rem 1rem 0rem;}
#voice h2 .date{font-size:1.2rem;}	
	
#voice .swiper{border-radius: 0rem;background-color:#6b4b4a;}	
#voice .swiper-pagination{margin:0rem 0 0.5rem 0;}	
#voice .swiper-slide{padding:0rem;width:100%;margin:0rem 0rem 0rem;border-left: 10px solid #6b4b4a;
    border-right: 10px solid #6b4b4a;
    border-top: 5px solid #6b4b4a;
    border-bottom: 5px solid #6b4b4a;
    background-color: #6b4b4a;}		
#voice .productSecTtl{margin-bottom:1rem;}
#voice .cookLIst_ttl{margin-bottom:1rem;}		
#voice .swiper-slide .box{padding:2rem 2.5rem 0.5rem 2.5rem;height:360px;}		
#voice .swiper-slide .box img{width:100%;float:none;}
#voice .swiper-slide .box h3{margin:0rem 0 1rem;width:100%;float:none;font-size:2.1rem;line-height:140%;}		
#voice .swiper-slide .box p	{float:none;width:100%;line-height:186%;}

p.voice_att{padding:1rem 1rem 5rem;}

#voice .swiper-slide .box2{padding:0 2.3rem;}		
#voice .swiper-slide .box2 h3{margin:1rem 0;font-size:1.8rem;}		
#voice .swiper-slide .box2 p{font-size:1.4rem;}		

#voice .att{font-size:0.9rem;text-align:left;padding:0rem 1rem 2rem;}	
}


@media only screen and (max-width: 600px) {
.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
    position: absolute;
	opacity:1;
	color:#007aff;	
font-size:45px;
}
.swiper-button-next::after {
/*    content: "\f0a9";*/
	content: "\f0da";
	right: 0rem;	
  }		
.swiper-button-prev::after {
   /* content: "\f0a8";*/
	content: "\f0d9";
	left: 0rem;
font-size:45px;	
  }	
	
	}




/***************************