@charset "utf-8";

body {
  background-color:rgb(255, 249, 234);
  margin: 50px 300px 50px 300px;
}

.item-section{
 
  padding: 40px 0px;
}
.main-heading {
  font-size: 30px; /* mainタイトルの文字の大きさ */
  text-align: center; /* 文字を中央に寄せる */

}
.sub-text {
  font-size: 18px; /* 文字サイズ */
  text-align: center; /* 文字を中央に寄せる */
  line-height: 1.8; /* 行間を少し広げる*/
  max-width: 800px; /* 横に広がりすぎないよう幅を制限 */
  margin: 0 auto 60px; /* 中央に配置し、下の県名との隙間を作る */
}


/* 県名の調整 */
.kenmei {
  text-align: center; /* 文字を中央に寄せる */
  font-weight: bold; /* 太字にする（画像に合わせる場合） */
  margin:  20px; /* 下のコンテンツとの隙間 */
  padding-bottom: 10px; /* 文字と線の間の隙間 */
  border-bottom: 1px solid #333; /* 下線の太さと色 */
  font-size: 30px;
}
h2{
  font-size: 30px;
}
h3{
  font-size: 25px;
}
.item-wrapper{
margin: auto;
}
.item-name{
  margin: 30px 0px;
}

/* 商品情報の調整 */
.item-flex {
  display: flex;
  margin-bottom: 60px;
}

.item-image img{
max-height: 300px; 
  width: auto; /* 横幅は高さに合わせて自動で比率を維持します */
}

/* 商品情報のテキスト部分 */
.item-setsumei {
  width: 600px;} /* ここを食べ方情報のテキストと同じ幅にする */

/* 食べ方情報の調整 */
.tabekata-flex {    
    display: flex;
} 

.tabekata-images {
 
    display: flex;
    justify-content: center;
align-items: center;
     gap: 10px;
}

.tabekata-images img {
 
   display: flex;
    justify-content: center;
align-items: center;
  
max-width: 40%;
}

/* 食べ方情報のテキスト部分 */
.tabekata-text {
  width: 600px; }/* ここを商品情報のテキストと同じ幅にする */

  .item-wrapper{
  width: 50%;
  display: flex;
justify-content: center;
align-items: center;
}
.item-wrapper-image{
  margin: 20px;
}