#zoom1 img{
  width: 100%!important;
}

.cg_freespace_01{
 margin-bottom: 40px;
}

.cg_freespace_01 img{
 width: 100%;
}

.mousetrap{
width: 100%!important;
}

.button_area input:hover{
 opacity: 0.75;
}

.c-cart{
    margin-top: clamp(20px, 30 / 1200 * 100vw, 30px);
   	margin-bottom: clamp(40px, 66 / 1200 * 100vw, 66px);
}

.c-cart input{
    padding: 15px 10px;
  max-width: 90px;
}

.c-cart th,
.c-cart td{
   font-family: "Noto Serif JP", serif;
   font-weight: 500;
  font-size: clamp( 16px, 20 / 1200 * 100vw, 20px);

}

.c-cart td{
margin-left: 15px;
display: inline-block;
}

.ingredients th{
 width: 110px;
}

.l-container__inner{
  display: grid;
  gap: 60px;
  grid-template-columns: 1fr;
  flex-direction: column;
}

.l-container{
  padding: clamp(40px, 60 / 1100 * 100vw , 60px) 0 clamp(70px, 150 / 1100 * 100vw , 150px);
}

.l-side__block:not(:first-child){
  margin-top: clamp( 50px, 70 / 1100 * 100vw, 70px);
}


.l-side__items li{
  font-size: 15px;
  line-height: calc( 24 / 16);
  border-top: 1px solid #BABABA;
}

.l-side__items li:last-of-type{
  border-bottom: 1px solid #BABABA;
}

.l-side__items a{
  display: block;
  padding: 20px 15px;
  color: #505050 ;
}

.l-main{
  order:1;
}

.l-main__items {
  font-size: 15px;
  line-height: calc(24 / 15);
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.l-main__items p:nth-of-type(1){
  margin-top: 20px;
}

.l-main__items figure img{
  display: block;
  width: 100%;
  aspect-ratio: 1;
  height: auto;
}

@media screen and (min-width: 500px) {
  .l-main__items {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 743px) {
  .l-container__inner{
    gap: 60px;
    grid-template-columns: 250px 1fr;
  }  
}

@media screen and (min-width:990px) {
  .l-main__items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* ここから詳細ページ用　*/

.p-proDetail__txt h1{
  font-size: clamp(22px, 30 / 1200 * 100vw, 30px);
  font-family: "Noto Serif JP";
  font-weight: 500;
}

.p-proDetail__txt dl{
  margin-top: clamp(20px, 30 / 1200 * 100vw, 30px);
  font-size: clamp(16px, 20 / 1200 * 100vw, 20px);
     font-family: "Noto Serif JP", serif;
   font-weight: 500;
}

.p-proDetail__txt dd{
	margin-left: 15px;
}

.p-proDetail__campaign{
  margin-top: 30px;
  line-height: 1.5;
  font-size: clamp( 14px, 16/ 1100 * 100vw, 16px);
}

.p-proDetail__btns{
  margin-top: 30px;
}

.p-proDetail__btns a{
  font-size: 12px;
  line-height: calc( 16/ 12);
  display: block;
}

.p-proDetail__btns a:not(:first-of-type){
  margin-top: 4px;
}

.p-proDetail__txt dl div{
  display: flex;
}

.p-proDetail__gallary{
  flex:1;
}

.p-proDetail__txt{
 margin-top: 40px;
  width: 100%;
}

.p-proDetail__cart{
  margin-top: clamp( 30px, 65/ 1100 * 100vw, 65px);
  border: none;
  color: #fff;
  background-color: #D95856;
  display: block;
  max-width: 320px;
  width: 100%;
  padding: 25px 0;
  text-align: center;
  font-weight: 700;
  font-size: clamp(16px, 20/ 1100 * 100vw, 20px);
}

.p-proDetail__explain{
  margin-top: 40px;
  font-family: "Noto Serif JP";
}

.p-proDetail__explain div:nth-of-type(1){
  font-size: clamp(16px, 18 / 1100* 100vw, 18px);
  font-weight: 500;
  line-height: 1.5;
}

.p-proDetail__explain div:nth-of-type(2){
  margin-top: 20px;
  line-height: 1.5;
  font-size: 20px;
}

.p-proDetail__explain div:nth-of-type(2) table th,
.p-proDetail__explain div:nth-of-type(2) table td{
    vertical-align: top;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
    font-size: 16px;
}

.p-proDetail__sns{
  margin-top: 30px;
  display: flex;
}

.p-proDetail__sns li:not(:first-of-type){
	margin-left:10px;
}


	
}



@media screen and (min-width: 743px) {
  
  .p-proDetail__campaign{
  	line-height: 2;
	}
  
  .p-proDetail__explain div:nth-of-type(2){
 	 line-height: calc( 26 / 16);
	}
  
  .p-proDetail__explain div:nth-of-type(1){
    line-height: calc( 42 / 24);
  }
  .p-proDetail__btns a:not(:first-of-type){
    margin-top: 10px;
  }

}

@media screen and (min-width: 990px) {
  .p-proDetail__block{
    display: flex;
  }
  .p-proDetail__cart:hover{
    cursor: pointer;
    opacity: .7;
  }  
  .p-proDetail__txt{
       margin-top: 0px;
		flex: 1;
    	margin-left: clamp(30px, 55/ 1200 * 100vw, 55px);
	}
  .button_area input:hover{
 	opacity: 0.75;
	}
}

/* youtube */
.youtube-variable{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube-variable iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*ギャラリー*/
.gallary-box{
  flex: 1;
}
.swiper-body{
 width: max(280px,  340/375*100vw)
}

@media screen and (min-width: 743px) {
.swiper-body{
  width: max(380px, 380/743*100vw)
}
}

@media screen and (min-width: 990px) {
.swiper-body{
  width: min( 400/1200*100vw, 400px)
}
}

    .c-gallary-first{
      width: 100%;
    }

    .c-gallary-first img{
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 1 / 1;
      object-fit: cover;
    }

    .c-gallary-sec{
      margin-top: 40px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 20px;
    }

    .c-gallary-sec li{
      width: 100%;
    }

    .c-gallary-sec div{
      width: 100%;
      aspect-ratio: 1/1;
      display: block;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }
