@charset "UTF-8";
/* CSS Document */

/*===============================================
/*-------------------------------------------
SP
-------------------------------------------*/

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

/*-------------------------------------------
jihou
-------------------------------------------*/
    .mainContents .content_ougi {
        margin: 0;
        justify-content: space-between;
      }
      
      .mainContents .content_ougi .product-list {
        width: 25%;
      }
      
      .mainContents .content_ougi .product-list li {
        width: 100%;
        height: auto;
      }

      .mainContents .content_ougi .product-list li img {
        object-fit: cover;
      }
      
/*-------------------------------------------*/

    .mainContents .content_byoubu {
        margin: 0;
        justify-content: space-between;
      }
      
      .mainContents .content_byoubu .product-list {
        width: 25%;
      }
      
      .mainContents .content_byoubu .product-list li {
        width: 100%;
        height: auto;
      }
      
      .mainContents .content_byoubu .product-list li img {
        object-fit: cover;
      }
      
/*-------------------------------------------*/
    .caption01 {
        width: 100%;
    }
/*-------------------------------------------*/
    .mainContents h4 {
        margin: 40px 0 20px 0;
    }

}



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

	/*-------------------------------------------
	jihou
	-------------------------------------------*/
	  .mainContents .content_ougi .product-list {
		width: 33%;
	 }
		  	
	  .mainContents .content_byoubu .product-list {
		width: 33%;
	  }
		  	
	}