/* === グローバルメニュー === */
#header{background:#1d0030;border-bottom:2px solid #8a8a29;}
#header .container{max-width:1200px;width:90%;height:121px;margin:0 auto;display:flex;align-items:center;}

/* ロゴ画像 */
.ariheito-header-logo img {
  height: 80px;
  width: auto;
}

.gnavi ul{display:flex;gap:24px;margin-left:auto;list-style:none;}
.gnavi a{position:relative;color:#fff;text-decoration:none;font-family:serif;display:inline-block;height:121px;min-width:120px;}
.gnavi a.wide{min-width:165px;}
.gnavi a span.en{position:absolute;top:38px;left:50%;transform:translateX(-50%);font-size:18px;}
.gnavi a span.ja{position:absolute;top:67px;left:50%;transform:translateX(-50%);font-size:12px;}
.gnavi a:hover{opacity:.6;}

@media(max-width:900px){
  .gnavi ul{flex-direction:column;gap:0;padding-left:0;}
  .gnavi a{height:56px;line-height:56px;min-width:100%;text-align:center;}
  .gnavi a span.en,.gnavi a span.ja{position:static;transform:none;display:inline-block;line-height:1;margin:0 4px;}
  .gnavi a span.en{font-size:15px;}
  .gnavi a span.ja{font-size:11px;}
}
/* ───────── 日本語ラベルを改行させない ───────── */
.gnavi a span.ja{
  white-space:nowrap;      /* 途中改行を禁止 */
}

/* ───────── 必要に応じて幅を少し広げる ───────── */
/* 文字数が多い項目（LINEUP・CONTACT など）がまだ窮屈なら
   min-width を増やしてください。例では +20px */
.gnavi a{min-width:140px;}       /* PC 用 */
@media(max-width:900px){
  .gnavi a{min-width:100%;}      /* スマホ表示は変更なし */
}

/*　フッターコンテンツ設定 */
/*　フッター送料表設定 */
.table_design01 {
border-collapse: collapse;
width: 100%;
max-width: 700px;
}
.table_design01 th, .table_design01 td {
border: 2px solid #fff;
background-color: #fff1cf;
padding: 3px;
}
.table_design01 th {
background-color: #ba2636;
color: #fff;
width: 60%;
font-weight: bold;
text-align: left;
}

/* ========== 会社概要ページ専用スコープ ========== */
.company-wrapper{
  max-width:1000px;
  margin:0 auto;
}
.company-content{
  padding:40px 20px;
}

/* ── 1) ヒーロー（背景画像＋中央タイトル） ───────── */
.company-wrapper .page-hero{
  position:relative;
  min-height:200px;                                   /* 画像表示前の高さ確保 */
  background:url("https://ariheito.itembox.design/item/m_mv.jpg?t=20250820234608") center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.company-wrapper .page-hero::before{                  /* 半透明オーバーレイ */
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
}
.company-wrapper .page-hero h1{
  position:relative;
  z-index:1;
  font-size:32px;
  margin:0;
}

/* ── 2) 見出し ───────────────────────── */
.company-overview h2,
.company-history h2{
  font-size:22px;
  margin:40px 0 20px;
  border-left:6px solid #8a8a29;
  padding-left:12px;
}

/* ── 3) 概要テーブル ───────────────────── */
.overview-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
}
.overview-table th,
.overview-table td{
  padding:10px 12px;
  border:1px solid #ddd;
  vertical-align:top;
}
.overview-table th{
  width:140px;
  background:#f5f5f5;
  font-weight:bold;
}

/* ── 4) 沿革テーブル ───────────────────── */
.history-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  font-size:14px;
}
.history-table th,
.history-table td{
  padding:8px 10px;
  border:1px solid #e0e0e0;
}
.history-table thead th{
  background:#4c4c51;
  color:#fff;
  font-weight:bold;
}

/* ── 5) Google マップ iframe ラッパー ───────── */
.map-container{
  margin:10px 0;
}

/* ── 6) レスポンシブ調整 ───────────────── */
@media (max-width:640px){
  .overview-table th{width:90px;}
  .company-wrapper .page-hero h1{font-size:24px;}
  .company-content{padding:30px 15px;}
}




/* ========== ありへいとうの歴史ページ専用 ========== */
.ariheito-wrapper{max-width:1000px;margin:0 auto;}
.ariheito-content{padding:40px 20px;font-family:"游明朝",YuMincho,"Hiragino Mincho Pro",serif;}

/* ── ヒーロー ─────────────────────── */
.ariheito-wrapper .page-hero{
  position:relative;
  min-height:200px;
  background:url("https://ariheito.itembox.design/item/m_mv.jpg?t=20250820234608") center/cover no-repeat;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
}
.ariheito-wrapper .page-hero::before{
  content:'';position:absolute;inset:0;background:rgba(0,0,0,.35);
}
.ariheito-wrapper .page-hero h1{
  position:relative;z-index:1;margin:0;font-size:32px;
}

/* ── 文章ブロック ─────────────────── */
.ariheito-about p{
  line-height:1.9;max-width:720px;margin:40px auto;text-align:justify;
}

/* ── 断面画像 3 枚横並び ───────────── */
.ariheito-slices{
  display:flex;justify-content:center;gap:20px;margin:0 auto 50px;
}
.ariheito-slices img{max-width:160px;width:100%;height:auto;border-radius:6px;}

/* ── 製法紹介（画像＋テキスト） ───────── */
.ariheito-process{
  display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-bottom:60px;
}
.process-img{flex:0 1 280px;text-align:center;}
.process-img img{width:100%;height:auto;border-radius:12px;}
.process-text{flex:1 1 350px;}
.process-text h2{
  font-size:22px;margin:0 0 15px;border-left:6px solid #8a8a29;padding-left:12px;
}
.process-text p{line-height:1.8;text-align:justify;}

/* ── レスポンシブ ─────────────────── */
@media(max-width:640px){
  .ariheito-content{padding:30px 15px;}
  .ariheito-wrapper .page-hero h1{font-size:24px;}
  .ariheito-slices{flex-direction:column;align-items:center;}
  .ariheito-process{flex-direction:column;}
  .process-img{max-width:80%;}
}


/* ========== SDGs ページ専用スタイル ========== */
.sdgs-wrapper{max-width:1100px;margin:0 auto;font-family:"游明朝",YuMincho,"Hiragino Mincho Pro",serif;}
.sdgs-content{padding:40px 20px;}

/* ── HERO ───────────────────────────── */
.sdgs-wrapper .page-hero{
  position:relative;
  min-height:200px;
  background:url("https://ariheito.itembox.design/item/m_mv.jpg?t=20250820234608") center/cover no-repeat;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
}
.sdgs-wrapper .page-hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.35);}
.sdgs-wrapper .page-hero h1{position:relative;z-index:1;font-size:32px;margin:0;}

/* ── 17 アイコン＋ロゴ 一覧 ───────────── */
.sdgs-icons{
  display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
  margin:40px 0;
}
.sdgs-icons img{width:100px;height:100px;object-fit:contain;}

/* ========== SDGs フリーページ専用スタイル ========== */
.sdgs-wrapper{max-width:1100px;margin:0 auto;font-family:"游明朝",YuMincho,"Hiragino Mincho Pro",serif;}
.sdgs-wrapper .page-hero{
  position:relative;
  min-height:200px;
  background:url("https://ariheito.itembox.design/item/m_mv.jpg?t=20250820234608") center/cover no-repeat;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
}
.sdgs-wrapper .page-hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.35);}
.sdgs-wrapper .page-hero h1{position:relative;z-index:1;font-size:32px;margin:0;}

.sdgs_flex{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:40px 0;}
.sdgs_img, .sdgs_img_pra, .pra_action{width:140px;height:140px;object-fit:contain;}

.sdgs_about{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-bottom:60px;}
.sdgs_about img{flex:0 1 260px;width:100%;height:auto;}
.sdgs_about_wrapper{
  flex:1 1 420px;border-radius:20px;background:#fff;padding:30px;position:relative;
  box-shadow:3px 3px 8px rgba(0,0,0,.25) inset,-3px -3px 8px rgba(0,0,0,.25) inset;
}
.sdgs_about_wrapper h2{font-size:22px;margin:0 0 15px;border-left:6px solid #8a8a29;padding-left:12px;}
.sdgs_about_wrapper p{line-height:1.8;text-align:justify;}

.sdgs_our h2{font-size:22px;margin:100px 0 30px;border-left:6px solid #8a8a29;padding-left:12px;}

ul.sdgs_each li{margin-bottom:100px;}
.sdgs_active{margin-top:20px;}
.sdgs_active h3{font-size:24px;margin:0 0 10px;}
.active-headline{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap;}
.sdgs_active_img_1{width:400px;height:auto;border-radius:8px;}
.sdgs_active_img_2{width:200px;height:auto;border-radius:8px;}
.sdgs_active_img_3{width:400px;height:auto;border-radius:8px;}
.sdgs_active p{line-height:1.7;margin-left:5px;text-align:justify;}

@media(max-width:640px){
  .sdgs-wrapper .page-hero h1{font-size:24px;}
  .sdgs_img, .sdgs_img_pra, .pra_action{width:96px;height:96px;}
  .sdgs_about{gap:20px;}
  .sdgs_active_img_1,.sdgs_active_img_3{width:100%;}
  .sdgs_active_img_2{width:60%;}
}

/* ========== お問い合わせページ専用 ========== */
.contact-wrapper{max-width:960px;margin:0 auto;font-family:"游明朝",YuMincho,"Hiragino Mincho Pro",serif;}
/* HERO */
.page-hero.-contact{
  position:relative;min-height:180px;
  background:url("https://ariheito.itembox.design/item/m_mv.jpg?t=20250820234608") center/cover no-repeat;
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.page-hero.-contact::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.35);}
.page-hero.-contact h1{position:relative;z-index:1;font-size:30px;margin:0;}

/* Contact info */
.contact-info{padding:40px 20px;border-bottom:2px solid #8a8a29;}
.contact-info h2{font-size:20px;margin:0 0 15px;border-left:6px solid #8a8a29;padding-left:12px;}
.contact-address{font-style:normal;margin:0 0 10px;}
.contact-address a{color:#1d0030;text-decoration:underline;}
.contact-note{line-height:1.6;}
.contact-em{font-weight:bold;color:#c00;}

/* Form section */
.contact-form{padding:40px 20px;}
.contact-form h2{font-size:20px;margin:0 0 15px;border-left:6px solid #8a8a29;padding-left:12px;}
.contact-btn{margin-top:20px;}
.fs-c-button.-primary{display:inline-block;padding:12px 28px;background:#1d0030;color:#fff;text-decoration:none;border-radius:4px;}
.fs-c-button.-primary:hover{opacity:.8}

/* util */
.section-divider{margin:60px 0;border:none;border-top:2px dashed #ccc;}

@media(max-width:640px){
  .page-hero.-contact h1{font-size:24px;}
  .contact-info, .contact-form{padding:30px 15px;}
}

/* ▼ お問い合わせページ：ヒーローを会社概要と同スタイルに揃える */
.page-hero.-contact{
  position:relative;
  min-height:200px;                      /* ← 180px → 200px に変更 */
  background:url("https://ariheito.itembox.design/item/m_mv.jpg?t=20250820234608") center/cover no-repeat;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
}
.page-hero.-contact::before{             /* 半透明ブラックオーバーレイ */
  content:'';position:absolute;inset:0;background:rgba(0,0,0,.35);
}
.page-hero.-contact h1{
  position:relative;z-index:1;
  font-size:32px;                        /* ← 30px → 32px に統一 */
  margin:0;
}

/* スマホ時のフォント縮小も会社概要に合わせる */
@media(max-width:640px){
  .page-hero.-contact h1{font-size:24px;}
}

/* 商品詳細設定 */
/* 原材料テーブル */
.table_ingredient{
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}
.table_ingredient th, .table_ingredient td {
border: 1px solid #ccc;
background-color: white;
padding: 1em;
}
.table_ingredient th {
background-color: #fddea5;
color: #000;
font-weight: bold;
text-align: center;
width: 20%;
min-width: 4em;
}
/* 栄養成分表 */
.table_nutrition_facts{
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}
.table_nutrition_facts th, .table_nutrition_facts td {
border: 1px solid #ccc;
background-color: white;
padding: 1em;
text-align: center;
}
.table_nutrition_facts th {
background-color: #fddea5;
color: #000;
font-weight: bold;
text-align: center;
width: 20%;
min-width: 4em;
}

/* メニューパーツのメニューごとの囲み枠を非表示 */
.fs-p-sideMenu .fs-pt-menu__heading--lv1{
	border: none;
	}

.fs-p-sideMenu .fs-pt-menu__heading--lv2{
	border-bottom: none;
	}
	
.fs-p-sideMenu .fs-pt-menu__heading--lv3{
	border-bottom: none;
	}

.product-ingredients table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;           /* 少し大きめに */
  line-height: 1.6;          /* 行間を広めに */
}

.product-ingredients th {
  background-color: #fdeacb; /* 薄いベージュ背景 */
  text-align: center;
  padding: 10px;
  font-weight: bold;
  border: 1px solid #ccc;
}

.product-ingredients td {
  padding: 10px;             /* セル内の余白を広めに */
  border: 1px solid #ccc;
  vertical-align: top;       /* 上寄せで読みやすく */
}

.product-ingredients tr:nth-child(even) {
  background-color: #fafafa; /* 偶数行を薄グレーにして見やすく */
}

.product-ingredients td {
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: top;
  white-space: normal;   /* ← 自動で改行させる */
  word-break: break-word; /* ← 長い単語や文字列でも折り返す */
}