table{
  border-collapse:collapse;
  margin:0 auto;
}

td,th{
  border-top:1px solid #666;
  padding:10px;
}
tr:last-child td,
tr:last-child th{
  border-bottom:1px solid #666;  
}

a.fs-c-productMembersLoginLink {
    font-weight: bold;
    background: #72b2b4;
    color: white;
    padding: 2px;
    font-size: 101%;
    text-align: center;
}


th {
    font-weight: normal;
}




/*　メニューのカラー変更　*/
.fs-p-sideMenu a:hover {
    background: #646464;  /*  背景色  */
    color: #ffffff;     /* 文字色  */
}

 /*スマートフォン表示時のコラムパーツの表示を調整*/
@media screen and (max-width: 600px) {
.fs-pt-column {
    grid-template-columns: 1fr 1fr; /*列数の指定*/
}

.fs-pt-column > *:nth-child(2) { /*2個目のコラムの指定*/
    grid-column: 2; /*2列目に表示*/
    grid-row: 1; /*1行目に表示*/
}
.fs-pt-column > *:nth-child(3) { /*3個目のコラムの指定*/
    grid-column: 1;  /*1列目に表示*/
    grid-row: 2; /*2行目に表示*/
}
.fs-pt-column > *:nth-child(4) { /*4個目のコラムの指定*/
    grid-column: 2; /*2列目に表示*/
    grid-row: 2;  /*2行目に表示*/
}
}

 /*TOPページのボタン中央寄せ*/
@media screen and (max-width: 600px) {
.snapwidget-widget + .fs-pt-column {
    grid-template-columns: 1fr auto;
}
}
.snapwidget-widget + .fs-pt-column .fs-pt-column__image > img {
    margin:0 auto
}

 /*「Category」、「FEATURES」のフォントを明朝体に変更*/
h1.fs-c-heading, h2.fs-p-drawer__heading {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}


 /*間隔を狭くするCSS*/

h1.fs-c-heading {
    padding-bottom: 0.5em;
}

 /*スマートフォンの間隔*/

@media screen and (max-width: 600px) {
.fs-pt-column--4 + h1 {
    margin-top: 30px;
}
}

 /*画像横並び*/

.image {display: flex;}
img {
  max-width: 100%;
}

/* セール用コラムパーツをスマートフォンで1列表示 */
@media screen and (max-width: 600px) {
.fs-l-pageMain .sale_column {
    grid-template-columns:auto;
}
}

/* 商品詳細ページの段落と段落の間を開ける */
.fs-p-productDescription p {
   margin: 2em 0px;   /* 上下に1em・左右に0px */
}

/* カテゴリー独自コメントの編集 */
.categorycomment_1 {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    font-size: 1.2em;
    text-align: center;
}

/* 商品詳細の小見出しケイ線 */


.komidashi_1 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.2em;
  margin-top: 10px
}

.komidashi_1:before, .komidashi_1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

.komidashi_1:before {
  left:0;
}
.komidashi_1:after {
  right: 0;
}

/* メーカー紹介のボタン　*/
.container {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 40px;
}




/* ここから下がボタンのCSS　*/
.btn-border {
  display: inline-block;
  max-width: 300px;
  text-align: left;
  border: 2px solid #696969;
  font-size: 16px;
  color: #696969;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  background-color: #696969;
  border-color: #808080;
  color: #FFF;
}

a:visited {
    color: #696969;
}

/* ここから下が詳細画像チーズのCSS　*/
.resizeimage img { width: 70%;}
.komidashi {font-family:serif; font-size:20px;}
.komidashi span {
    font-size: 18px;
}



/* 送料とお支払い方法についてに足した同梱包パーツの間隔調整　*/

.fs-c-documentArticle2 {
  padding: 15px;
}

/* 明朝体　*/

<style>
.komidashi {
	font-family: serif;
}
</style>

/*商品レシピ写真横並び*/

*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_2 > div{
		width: 100%;
	}
}

/*商品レシピ写真キャプション*/

h4{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #FF704D;/*左線*/
}

/*商品レシピ写真見出し*/

.recipeｰtext {
background:linear-gradient(transparent 70%, #ffd6d6 0%);
}


/*トップのレシピ名見出し*/

.fs-pt-column__heading {
    font-size: 1.5rem;
    font-weight: bold;
}

/*注文確定ボタン位置*/
@media screen and (min-width: 960px) {
  [class^="fs-body-checkout"] .fs-l-checkout {
    display: block;
  }
  [class^="fs-body-checkout"] .fs-l-checkout__mainColumn {
    max-width: 100%;
    padding: 0;
  }
}

/*クール便変更ボタン*/
.fs-c-checkout-shippingDetail__button .fs-c-button--change--small {
    width: 170px;
    background: #444;
    color: #FFF;
    font-size: 1.4rem;
}

/*ショッピングを続けるボタン*/
.shopping-button {
    border: solid 1px #333;
  padding: 16px 72px;
}

/*スマホのカートページ・罫線をそろえる*/
@media screen and (max-width: 600px) {
    .fs-c-cartTable__dataCell--action .fs-c-cartTable__actionButton {
        padding: 4px 0;
    }
}

/*スマホのカートページ・クレジットカードの説明中央揃え*/
@media screen and (max-width: 600px) {
    .fs-c-purchaseHere__message {
        text-align: center;
    }
}

/*スマホの商品ページ・カードのロゴとお問い合わせのボタンの中央揃え*/ 
@media screen and (max-width: 600px) {
    .fs-c-inquiryAboutProduct {
        justify-content: center;
    }

    .fs-l-productLayout__item--2 > .fs-c-productActionButton + img {
        display: block;
        margin: 10px auto;
    }
}

/*商品詳細ページ・カードのロゴとお問い合わせのボタンの中央揃え*/ 
.fs-c-inquiryAboutProduct {
        justify-content: center;
    }

    .fs-l-productLayout__item--2 > .fs-c-productActionButton + img {
        display: block;
        margin: 10px auto;
    }

/*「ログインして進む」「ご注文手続きへ進む」のボタンを「ショッピングを続ける」ボタンのサイズと同じ幅にする*/ 
@media screen and (max-width:600px){
    .fs-c-button--loginAndPurchase,
    .fs-c-button--unregisteredUserPurchase,
    .fs-c-button--purchaseHere{
        width: 100%;
    }
}

/*ご注文手続き画面に表示される「明日10時*/ 
.fs-body-checkout .fs-c-deliveryDateInfo__info:after {
    content: '※銀行振込（前払い）は、入金確認後の発送となります';
}

/*特定商取引法表示ページの崩れ*/ 
.fs-body-about-terms .fs-c-explainList {
    grid-template-columns: initial;
}

.komidashi_2 {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.2em;
  padding-top: 20px;

}


/* 商品説明ページ画像並び */
/* 画像コンテナのスタイル */
.image-container {
    display: grid;
    gap: 10px; /* 画像間のスペース */
}

/* PC用のレイアウト（2×2） */
@media (min-width: 769px) {
    .image-container {
        grid-template-columns: repeat(2, 1fr); /* 2列 */
        grid-template-rows: repeat(2, auto);  /* 2行 */
        max-width: 600px; /* 中央配置のため制限 */
        margin: auto;
    }
    
    .image-container img {
        width: 100%; /* グリッドのセルにフィット */
        height: auto;
        border-radius: 8px;
    }
}

/* スマホ用のレイアウト（縦並び） */
@media (max-width: 768px) {
    .image-container {
        grid-template-columns: 1fr; /* 1列にする */
    }

    .image-container img {
        width: 90%; /* 画面幅の90%を使用 */
        margin: auto; /* センター配置 */
    }
}

/* 品質表示 */
/* 基本のテーブルデザイン */
.product-table {
    width: 100%;
    border-collapse: collapse;
}

/* 各セルのスタイル */
.product-header, .product-data {
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid #ddd; /* 横の罫線のみ */
}

/* スマホ対応（横並びを維持） */
@media (max-width: 600px) {
    .product-table tr {
        display: flex;
        flex-wrap: wrap;
    }

    .product-header {
        width: 40%;  /* 見出しの横幅 */
        font-weight: bold;
    }

    .product-data {
        width: 60%;  /* データ部分の横幅 */
    }
}

/* アコーディオンQ&A */

/* 全体背景と余白・角丸・境界線 */
.swell-block-accordion__item {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 1em;
  overflow: hidden;
}

/* Qタイトル部分の背景・余白調整 */
.swell-block-accordion__title {
  position: relative;
  padding: 1.25em 1em 1.25em 4em;
  font-weight: bold;
  background-color: #fff;
  cursor: pointer;
}

/* Qバッジ */
.swell-block-accordion__title:before {
  content: "Q";
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  display: block;
  width: 2em;
  line-height: 2;
  text-align: center;
  border-radius: 9999px;
  background-color: #d55656;
  color: #fff;
  font-family: Arial, sans-serif;
  font-weight: 600;
}

/* A部分 */
.swell-block-accordion__body {
  position: relative;
  padding: 1.25em 1em 1.25em 4em;
  background-color: #f7f7f7;
}

/* Aバッジ */
.swell-block-accordion__body:before {
  content: "A";
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  display: block;
  width: 2em;
  line-height: 2;
  text-align: center;
  border-radius: 9999px;
  background-color: #6599b7;
  color: #fff;
  font-family: Arial, sans-serif;
  font-weight: 600;
}

/* 開閉アイコンの代替表示（CSSで矢印） */
.__icon--closed::before {
  content: "▼";
  font-size: 0.9em;
  color: #888;
  margin-left: 0.5em;
}

.__icon--opened::before {
  content: "▲";
  font-size: 0.9em;
  color: #888;
  margin-left: 0.5em;
}

/* アイコンの重複非表示対策 */
.__icon--closed,
.__icon--opened {
  font-style: normal;
}