@charset "UTF-8";

/* pageTtl --------------- */
#pageTtl{
background-image: url(../bio-l_img/bio_item_list/page_ttl_bg.jpg);
}

#pageTtl img{
width: 117px;
}

/* blc01 --------------- */
#blc01 .contentsBoxMargin{
margin-top: 0;
}
#blc01 .listProduct{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
#blc01 .listProduct > li{
width: 320px;
margin: 0 0 40px;
}
#blc01 .listProduct > li > figure{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
}
#blc01 .listProduct > li > figure > figcaption{
width: 69%;
font-size: 75%;
}
#blc01 .listProduct:nth-of-type(2) > li > figure > figcaption{
width: 73%;
}
#blc01 .listProduct > li > figure > figcaption .icon{
margin: 0 0 7%;
}
#blc01 .listProduct > li > figure > figcaption .name{
margin: 0 0 5%;
}
#blc01 .listProduct > li > figure > figcaption .price{
margin: 0 0 5%;
}
#blc01 .listProduct > li > figure > figcaption .txt{
padding: 0 10% 0 0;
}
#blc01 .listProduct:nth-of-type(2) > li > figure > figcaption .txt{
padding: 0 12% 0 0;
}
#blc01 .listProduct > li.kitchen > figure > figcaption .txt{
color: #326556;
}
#blc01 .listProduct > li.fishOdor > figure > figcaption .txt{
color: #814572;
}
#blc01 .listProduct > li.toilet > figure > figcaption .txt{
color: #00949d;
}
#blc01 .listProduct > li.pet > figure > figcaption .txt{
color: #f98297;
}
#blc01 .listProduct > li.aquariumFish > figure > figcaption .txt{
color: #ff6359;
}
#blc01 .listProduct > li.gardening > figure > figcaption .txt{
color: #4e9c54;
}
#blc01 .listProduct > li.bonsai > figure > figcaption .txt{
color: #6d7647;
}
#blc01 .listProduct > li > figure > .img{
width: 31%;
margin: 65px 0 0;
text-align: right;
}
#blc01 .listProduct:nth-of-type(2) > li > figure > .img{
width: 27%;
margin: 125px 0 0;
}
@media screen and (max-width: 950px) {
  #blc01 .listProduct > li{
  width: 47%;
  margin: 0 0 7%;
  }
}
@media screen and (max-width: 750px) {
  #pageTtl{
background-image: url(../bio-l_img/bio_item_list/page_ttl_bg720.jpg);
}
  
  #pageTtl img{
width: 117px;
}

  #blc01 .listProduct{
  display: block;
  }
  #blc01 .listProduct > li{
  width: 100%;
  }
  #blc01 .listProduct > li > figure > figcaption{
  font-size: 90%;
  }
  #blc01 .listProduct > li > figure > .img{
  margin: 20% 0 0;
  }
  #blc01 .listProduct:nth-of-type(2) > li > figure > .img{
  margin: 35% 0 0;
  }
}

/* 写真右寄せ */
.imgR {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgR img {
	float:right;
	margin:0 0 0 10px;
}

@media screen and (max-width:767px) {
	.imgR {
		clear:both;
		overflow:hidden;
		margin-bottom:20px;
	}
	.imgR img {
		float:right;
		margin:0 0 10px 0;
	}
}


/* blc01 --------------- */
#blc01 .contentsBoxMargin{
margin-top: 60px;
}
#blc01 .box_p{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
#blc01 .box_p:nth-of-type(2){
margin-top: 30px;
}
#blc01 .content{
width: 480px;
font-size: 75%;
}
#blc01 .img{
width: 180px;
margin-top: -35px;
}

@media screen and (max-width: 950px) {
  #blc01 .contentsBoxMargin{
  margin-top: 7%;
  }
  #blc01 .content{
  width: 70%;
  font-size: 85%;
  }
  #blc01 .img{
  width: 25%;
  }
}
@media screen and (max-width: 750px) {
  #blc01 .box_p{
  display: block;
  }
  #blc01 .content{
  width: 100%;
  }
  #blc01 .img{
 /**/width: 100%;
  text-align: center;
  margin: 10px auto 30px;
  }
  #blc01 .box:nth-of-type(2){
  margin-top: 10%;
  }
}