header{background:}
.contents1{background: #ffffff;}
.contents2{background: #ffffff;}
footer{background:}

.contents1,.contents2{
width: 50%;
}

.main{
display: flex;
}

/* Coco記載↓2023.3.27以降 */

body {
    font-family: Losa,"游明朝",YuMincho,Meiryo,sans-serif;
}

/*ヘッダーナビゲーションを調整するCSS*/
.fs-p-headerNavigation {
    margin: 35px auto 0px;
    padding: 10px;
}
@media screen and (min-width: 768px) {
  .fs-p-headerNavigation__list {
    margin: 0 auto;
  }
  .fs-p-headerNavigation__listItem {
    min-width:auto;
    padding:0 15px
  }
.fs-p-headerNavigation__link, .fs-p-headerNavigation__viewCartButton, .fs-p-headerNavigation__viewSubscriptionCartButton {
    font-size: 1.3rem;
  }
}

/*　フッターナビゲーションを調整するCSS　*/
.fs-p-footerNavigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* オプション: コンテンツを中央寄せにする場合 */
}

.fs-p-footerNavigationItem {
  flex-basis: 50%;
  box-sizing: border-box; /* パディングとボーダーが幅に含まれるように設定 */
}

.fs-p-footerNavigationItem:not(:last-child) {
  padding-right: 16px; /* 例: 右側に16pxの余白を追加 */
}

.banner-container {
  display: flex;
  justify-content: center; /* 水平方向に中央寄せ */
  align-items: center; /* 垂直方向に中央寄せ */
}



/* ドロップダウンメニュー用のスタイル */
.fs-p-headerNavigation__listItem {
  position: relative;
}

.fs-p-headerNavigation__listItem > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  min-width: 160px;
  padding: 10px 0;
  margin: 0;
  background-color: rgba(101, 101, 101, 0.8);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.fs-p-headerNavigation__listItem:hover > ul {
  display: block;
}

.fs-p-headerNavigation__listItem > ul > li {
  display: block;
  padding: 1px 1px;
}

.fs-p-headerNavigation__listItem > ul > li:hover {
  background-color: #５６５６５６;
}

.fs-p-headerNavigation__listItem {
  position: relative;
}

.fs-p-headerNavigation__listItem ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

.fs-p-headerNavigation__listItem:hover ul {
  display: block;
}

.fs-p-headerNavigation__list {
  position: relative;
  z-index: 1000;
}

/* 各商品のタイトルを気持ち大きめに設定（1.8remから変更） */
.fs-c-productNameHeading {
    font-size: 2rem;
}

/* 各商品の説明書きを気持ち大きめに設定（1.4remから変更） */
body {
    font-size: 1.6rem;
}

/* 送料無料ボタンの調整 */
.fs-p-banner--postage {
  width: 200px; /* ボタンの幅を設定 */
  height: 70px; /* ボタンの高さを設定 */
  display: flex; /* 子要素を中央寄せにするためにFlexboxを使用 */
  justify-content: center; /* 子要素を水平方向に中央寄せ */
  align-items: center; /* 子要素を垂直方向に中央寄せ */
  transition: background-color 0.3s ease; /* ホバー時の背景色の変更アニメーションを追加 */
}

.fs-p-banner--postage:hover {
  text-decoration: none; /* ホバー時のテキスト装飾を削除 */
}

.fs-p-banner--postage .fs-p-banner__link {
  display: flex; /* 子要素を中央寄せにするためにFlexboxを使用 */
  justify-content: center; /* 子要素を水平方向に中央寄せ */
  align-items: center; /* 子要素を垂直方向に中央寄せ */
  width: 100%; /* リンクの幅をボタン全体に広げる */
  height: 100%; /* リンクの高さをボタン全体に広げる */
  text-decoration: none; /* リンクの下線装飾を削除 */
}

.fs-p-banner--postage .fs-icon--delivery {
  margin-right: 8px; /* アイコンとテキストの間にマージンを設定 */
}

/* フッター内の要素を中央寄せにする */
.fs-l-footer__utility {
  display: flex; /* Flexboxを使用して子要素をレイアウト */
  justify-content: center; /* 子要素を水平方向に中央寄せ */
}

.fs-p-footerUtilityMenu {
  display: flex; /* Flexboxを使用して子要素をレイアウト */
  justify-content: center; /* 子要素を水平方向に中央寄せ */
}


/* お問い合わせ先のアンダーラインの調整 */
.fs-p-footerNavigationItem__title::before {
  content: ""; /* 空のコンテンツを作成 */
  display: block; /* ブロック要素にする */
  width: 50%; /* アンダーラインの幅を設定 (この例では50%にしていますが、お好みで調整してください) */
  height: 1px; /* アンダーラインの高さを設定 */
  position: absolute; /* 位置を絶対的に設定 */
  background-color: currentColor; /* 現在のテキスト色をアンダーラインの色に設定 */
  bottom: 0; /* 下部に配置 */
  right: 50%; /* 水平方向に中央寄せ */
}

.fs-p-footerNavigationItem__title {
  border-bottom: none; /* 線を削除 */
}

/* カルーセルサイズ変更のCSS↓（元は100vw） */
.fs-pt-carousel img {
    max-width: 900px; /* カルーセル画像の最大幅を指定 */
  　　　　max-height: 900px; /* カルーセル画像の最大高さを指定 */
}

/* ホバーするときにアンダーラインが出るのを削除 */
a:hover {
  text-decoration: none;
}


/* ボタン設置 */

.bu {
  display: inline-block;
  background-color: #01315B;
  color: white; /* テキストの色を白に設定 */
  padding: 12px 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 1px;
  font-size: 16px;
  font-family: Losa, 游明朝, YuMincho, Meiryo, sans-serif;
}

.bu:hover {
  background-color: rgba(1, 49, 91, 0.5);
  color: #c8c8c8;
}

.bu:visited {
  color: white;
}


/* JUDIページの表 */

table {
  border-collapse: collapse;
  width: 100%;
  max-width: 738px;
  margin: 0 auto;
}

td, th {
  border: 1.5px solid #D4D1C6;
  padding: 10px;
  text-align: center;
}

th {
  background-color: #B09E7C;
  color: #fff;
  font-weight: bold;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  margin-bottom: 10px;
  color: #B09E7C;
}

img {
  max-width: 100%;
  height: auto;
}

.hyo {
  background-color: #B09E7C;
  color: #FFFFFF;
  padding: 1px;
  margin: 0px auto;
  max-width: 738px;
}

/* 商品画像のサイズ統一 */
.fs-c-productListItem__image__image {
    height: 200px;
}


/* blog */
.box {
        width: 500px;
        height: 220px;
        background-color: #f5f3ee;
        display: inline-block;
        margin: 10px;
        justify-content: center;
        align-items: center;
        padding-top: 15px;
        padding-left: 15px;
        padding-bottom: 15px;
}

.container {
  display: flex;
  flex-wrap: wrap;
}


.blog {
  max-width: 50%;
  max-height: 50%;
}

/* blogのVIEW ALL */
.viewall {
  display: inline-block;
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
}



/* Recommendのタブ機能 */
.tabs-container {
  margin: 20px 0;
}

.tabs-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.tabs-menu li {
  margin-right: 10px;
}

.tabs-menu li a {
  display: block;
  padding: 10px;
  background-color: #eee;
  color: #333;
  text-decoration: none;
  border-radius: 5px 5px 0 0;
}

.tabs-menu li.active a {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

.tabs-content {
  padding: 20px;
  background-color: #fff;
  border-radius: 0 5px 5px 5px;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

img {
  max-width: 100%;
}

/* 検索窓 */
.fs-p-productSearch {
  border-bottom: none;
}

.fs-p-productSearch__formSwitch {
  background: none;
}

/* フッターの色　*/
.fs-pt-menu a:link, .fs-pt-menu a:visited {
  color: white;
}

/* 並び替えの文字のズレ補正　*/
.fs-c-sortItems__list,.element.style {
    padding-top: 10px;
    padding-left: 10px;
}

/* blog2　*/
.container {
  display: flex;
  align-items: flex-start;
}

.box {
  display: flex;
  align-items: flex-start;
}

.image {
  flex: 0 0 150px; /* 画像の固定幅を設定 */
  margin-right: 10px;
}

.text {
  flex: 1;
}

/* 画面幅が600px以上の場合にフォントを明朝体に変更 */
@media only screen and (min-width: 600px) {
  body {
    font-family: "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif;
  }
}


/* スケジュールの文字の大きさ */
.fs-pt-column__heading {
    font-size: 3.0rem;
    font-weight: bold;
}

.fs-pt-column__description {
    font-size: 2.2rem;
}

.fs-pt-column__image > img {
    max-width: 115%;
}


/* ヘッダーユーティリティの幅調整 */
.fs-l-header__utility {
    grid-template-rows: 1fr 0.1fr;
}

@media screen and (min-width: 768px) {
.fs-p-productSearch__searchButtonContainer {
    padding-left: 120px;

}
}

/*　ログアウトの表記　*/
.logout.my-false { 
　　　　　　　　display: none;
}

/*　メニューのfontの色　*/
.fs-p-headerNavigation__listItem { 
　　　　　　　　color: white;
}

/* 清瀬記載↓2023.5.1以降 */

/*バリエーションのコメント切替*/
.productVariationInfo [class^='type']{
    display: none;
}
[data-fs-variation-vertical-no='A'] .type-A,
[data-fs-variation-vertical-no='B'] .type-B,
[data-fs-variation-vertical-no='C'] .type-C,
[data-fs-variation-vertical-no='D'] .type-D,
[data-fs-variation-vertical-no='E'] .type-E,
[data-fs-variation-vertical-no='F'] .type-F,
[data-fs-variation-vertical-no='G'] .type-G,
[data-fs-variation-vertical-no='H'] .type-H,
[data-fs-variation-vertical-no='I'] .type-I,
[data-fs-variation-vertical-no='J'] .type-J,
[data-fs-variation-vertical-no='K'] .type-K,
[data-fs-variation-vertical-no='L'] .type-L,
[data-fs-variation-vertical-no='M'] .type-M,
[data-fs-variation-vertical-no='N'] .type-N,
[data-fs-variation-vertical-no='O'] .type-O,
[data-fs-variation-vertical-no='P'] .type-P,
[data-fs-variation-vertical-no='Q'] .type-Q,
[data-fs-variation-vertical-no='R'] .type-R,
[data-fs-variation-vertical-no='S'] .type-S,
[data-fs-variation-vertical-no='T'] .type-T,
[data-fs-variation-vertical-no='U'] .type-U,
[data-fs-variation-vertical-no='V'] .type-V,
[data-fs-variation-vertical-no='W'] .type-W,
[data-fs-variation-vertical-no='X'] .type-X,
[data-fs-variation-vertical-no='Y'] .type-Y,
[data-fs-variation-vertical-no='Z'] .type-Z,
[data-fs-variation-vertical-no='A1'] .type-A1,
[data-fs-variation-vertical-no='B1'] .type-B1,
[data-fs-variation-vertical-no='C1'] .type-C1{
    display: block;
}

.OldFriends{
text-align:center;
}