a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;   /* 下線を消す */
  color: inherit;          /* 親要素の色をそのまま使う */
}

/* レシピ一覧のグリッド */
.recipe-grid {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto!important;
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* PC：4列 */
  gap:5px;
}

/* レシピカード */
.recipe-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px!important;
  text-align: center;
  font-size: 13px;
  margin:0 auto 10px!important;
}
.recipe-item .title {
text-align: center;   /* ← これで中央揃え */
width: 100%;          /* 念のため幅を確保 */
margin: 10px auto 15px!important;       /* 中央寄せ・下に余白を追加 */
line-height: 1.4;
letter-spacing:3px;
min-height:80px;
}

.recipe-item img {
  width: 200px;
  height: 200px;
aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  margin:0 auto!important;
  align-items:flex-start;
}
.add-list-cart, .addCart .add-cart-btn, .cart-button-wrap .cart-button a {
  box-shadow: none !important;
}
.addCart {
  padding:2px 15px !important;
  background-color:#778899; /* ボタンの色指定 */
  color:#fff; /* ボタンの文字色指定 */
  font-size:12px;
  line-height:2;
  font-weight:bold;
  cursor:pointer;
box-shadow: none !important;
}
	.clay-top{
display: block;
text-align: center;
margin: 80px auto!important;

	}
.kakaku{
font-size:13px;
letter-spacing:2px;
color:#393e4f;
text-align:center;
margin:10px!important;

}
/* タブレット（600px〜1024px）は3列 */
@media screen and (max-width: 1024px) and (min-width: 601px) {
  .recipe-grid {
    grid-template-columns: repeat(3, 1fr); /* タブレット：3列 */
  }
}

/* スマホ（600px以下）は2列 */
@media screen and (max-width: 600px) {
  .recipe-grid {
    grid-template-columns: 1fr 1fr; /* スマホ：2列 */
  }

  .recipe-item img {
    margin: 0 auto !important;
  }
}
	.aboutclay-box{
width: 100%;
max-width: 1000px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
margin: 50px auto!important;
	}

	.clay-name{
	display: block;
text-align: center;
font-size:20px;
font-weight: 800;
letter-spacing: 2;
color: darkgrey;
margin-bottom: 20px!important;
	}
	.clay-ex{
width: 80%;
max-width: 800px;
font-size:18px;
letter-spacing: 2;
line-height: 2;
text-align: left;
margin: 0 auto!important;

	}
	.red{
color: red;
font-size: 15px;
letter-spacing: 2;
	}

/* セクション見出し（原料ページの「ビタミン成分」等） */
.title-name{
 color:#898989;
 width:300px;
 font-size:20px;
 font-weight:800;
 text-align:center;
 margin:50px auto!important;
 padding:10px 20px!important;
 border:1px solid #e0e0e0;
}