.pr-banner {
    align-items: center; /* 縦方向の中央配置 */
    margin: 20px;
}
.pr-banner img {
    border-radius: 10px;  /* または好みの値 */
}
.special_1 {
    border: 1px solid #ff4500;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    text-decoration: none;
    background-color: #ff4500;
    padding: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.special_2 {
    border: 1px solid #ff1493;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    text-decoration: none;
    background-color: #ff1493;
    padding: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.special_3 {
    border: 1px solid #06893D;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    text-decoration: none;
    background-color: #06893D;
    padding: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.special_4 {
    border: 1px solid #ffd700;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    text-decoration: none;
    background-color: #ffd700;
    padding: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.fs-c-productPrice--listed .fs-c-productPrice__main__price {
    text-decoration: line-through;
}

.fs-c-productMark > li {
     margin:0px 0px 3px 0px;
}


/* text-s-contents */
#moretext-s {
    display: none; /* クリックするまで非表示にしておく */
    transition: opacity 0.3s ease; /* オプション：表示するときのフェード効果 */
}

button#showMoretext-s {
    background-color: #646464; /* ボタンの背景色 */
    color: #ffffff; /* テキストの色 */
    padding: 10px 40px; /* 内部の余白 */
    border: none; /* 枠線を非表示に */
    border-radius: 5px; /* ボタンの角を少し丸める */
    cursor: pointer; /* ホバー時のカーソルをポインターに */
    transition: background-color 0.3s ease; /* ホバー時の背景色変更のアニメーション */
}

button#showMoretext-s:hover {
    background-color: #0056b3; /* ホバー時の背景色 */
}

button#showMoretext-s:focus {
    outline: none; /* ボタンがフォーカスされたときのアウトラインを削除 */
}
.text-s {
   text-align: center;
   margin: 60px;
}
.text-s h2,h3 {
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}

.payment-banner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2%;
    margin: 30px 0px 20px 0px;
}
.payment-banner img {
    width: 100%;
}

/* スマホのビューポート対応 */
@media (max-width: 600px) {
    .grid-container {
        grid-template-columns: 1fr; /* 1列のグリッドに変更 */
    }
}


.fs-c-productListCarousel__ctrl.fs-c-productListCarousel__ctrl--prev {
    display: none !important;
}

.fs-p-sideMenu .fs-pt-menu__heading--lv1 {
    background-color: #edf6fa;
}

/* スマホカテゴリー一覧とFAQパネル */
.anchor-pad {
    display: block;
    height: 70px; /* こちらは固定ヘッダーの高さに合わせて変更してください */
    margin-top: -70px; /* 負のマージンで上方向にずらす */
    visibility: hidden; /* 見えなくする */
    pointer-events: none; /* クリックイベントを無効にする */
}
.menu-label {
    /* ... 他のスタイル ... */
    padding-right: 30px; /* 右のパディングを増やしてアイコンのスペースを確保 */
    position: relative;  /* 相対位置指定 */
}
.menu-label::after {
    content: "";
    display: block;
    position: absolute;  /* 絶対位置指定 */
    right: 14px;         /* 右端から10pxの位置に配置 */
    top: 50%;            /* 上から50%の位置（垂直中央）に配置 */
    transform: translateY(-50%); /* 垂直中央揃えの調整 */
    width: 20px;  /* アイコンの幅 */
    height: 20px; /* アイコンの高さ */
    background-image: url('https://wan10.itembox.design/item/chevron-down-solid.svg');
    background-size: contain;
}
.toggle-checkbox:checked + .menu-label::after {
    background-image: url('https://wan10.itembox.design/item/angle-up-solid.svg');
}
.menu {
    position: relative;
    width: 100%;
}
.toggle-checkbox {
    display: none;
}
.menu-label {
    display: block;
    background: #fff;
    padding: 18px;
    cursor: pointer;
    border: 1px solid #ddd;
    font-weight: bold;
}
.submenu {
    display: none;
    background: #f5f5f5;
    border: 1px solid #ddd;
    width: 100%;
    flex-wrap: wrap;
}
.submenu .column {
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
}
.submenu .column:nth-child(1) {
    border-right: 1px solid #ddd;
}
.submenu a {
    display: block;
    padding: 18px 0;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #ddd;
    position: relative;
    font-weight: bold;
}
.submenu a::after {
    content: ">";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}
.toggle-checkbox:checked + .menu-label + .submenu {
    display: flex;
}
.submenu p {
    margin: 10px 20px; /* 内側の余白 */
}


/* 共通 */
.footercap a {
color: #3572b0;
}
h2.center {
   text-align: center;
   font-weight: bold;
   margin: 50px 0px 20px 0px;
   font-size: 1.6em;
}
.center {
   text-align: center;
   font-size: 1.2em;
}
.center img {
    width: 300px;
    height: auto;
}
.fullwidthtrench {
    background-color: rgba(30, 50, 70, 0.05);
    width: 100%;
    height: 10px;
    box-shadow: 0px 1px 1px rgba(30,50,70,.15) inset;
    margin-top: 54px;
}


.caption {
    /* 必要に応じてスタイルを調整 */
    margin-bottom: 5px; /* これにより、メインタイトルとサブタイトルの間に少し間隔ができます */
    font-weight: bold;
    margin: 30px 0px 20px 0px;
}
.sub-title {
    font-size: 0.6em;  /* フォントサイズを小さく */
    color: #A0A0A0;
    margin: 0px 5px;
}


.fs-p-logo__image {
    width: 300px;  /* 幅を300pxに設定 */
    height: auto;  /* 高さは自動（アスペクト比を維持） */
}
.fs-p-headerNavigation__list {
    margin-left: auto;
    margin-right: auto;
}

/* フリーページ */
.fs-c-heading fs-c-heading--page {
  margin:20px;
}
p.free {
   text-align: center;
   line-height: 2.5;
}
h2.free{
  text-align: center;
  font-weight: bold;
  margin: 30px 10px 10px 30px;
}

/* TOPページ */
.brand-link {
  background-color: #dfecf0;
  font-size: 0.9em;
  padding: 0.5em 0.65em;
  border-radius: 4px;
  color: #3e6a88;
  border: solid 1px #dee2e6;
  float: left;
  margin: 0.6em 0.3em;
}

.fs-pt-carousel img {
    max-width: 450px;
    border-radius: 10px;  /* または好みの値 */
}
.fs-c-slick .slick-slide .fs-pt-carousel__slide {
    margin: 20px 10px 10px 10px
}

/* LINEバナー */
.banner-register {
  background-color: #50c900;  /* 背景色を#50c900に設定 */
  text-align: center;  /* 文字を中央に配置 */
  display: flex;  /* Flexboxを使用して中央揃えにする */
  justify-content: center;  /* 水平方向の中央揃え */
  align-items: center;  /* 垂直方向の中央揃え */
  padding: 8px 8px;
  margin: 5px 0px 20px 0px;
  border-radius: 10px;  /* すべての角に10pxの丸みを適用 */
}
.register_label {
  font-size: 1.2em;  /* 文字を大きくする。1em = 親要素のフォントサイズ */
  font-weight: bold;
}
.register_label-b {
  font-size: 1.7em;  /* 文字を大きくする。1em = 親要素のフォントサイズ */
  font-weight: bold;
}
.banner-register a {
  color: #fff;
}
.logo-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;  /* 画像同士の間隔。必要に応じて変更 */
}
.logo-item {
    width: 100%;
}
.logo-item img {
    max-width: 100%;
    height: auto;
    border: 1px solid #A0A0A0; /* ボーダーを追加 */
}


/* 商品カテゴリーページ */
.fs-c-subgroupList__comment{
  display: none;
}
.fs-c-subgroupList__link{
  background:#fff;
}
.h1category {
    font-size: .5em;
}

/* 商品ページ */
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;  /* 16:9 アスペクト比 */
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;  /* こちらで間隔を追加 */
}
.responsive-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fs-c-button--primary {
    padding: 1em 2em 1em;
    min-width: 100%;
}
.fs-c-productThumbnail__image__caption {
  display: none;
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__main .fs-c-productPrice__main__price.fs-c-price .fs-c-price__value {
  font-size: 3.5rem;
  font-weight: bold;
}
.value-text {
   list-style-type: none;
}
.value-text p {
  margin: 0px 0px 5px 0px;
  color: #000;
  font-size: 14px;
}
.icon-text1 {
  background-image: url('https://wan10.itembox.design/item/circle-info-solid.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;  /* アイコンの幅と高さを指定 */
  padding-left: 20px;  /* アイコンの幅に合わせる */
}
.icon-text2 {
  background-image: url('https://wan10.itembox.design/item/shirt-solid.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;  /* アイコンの幅と高さを指定 */
  padding-left: 20px;  /* アイコンの幅に合わせる */
}
.icon-text3 {
  background-image: url('https://wan10.itembox.design/item/line.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;  /* アイコンの幅と高さを指定 */
  padding-left: 20px;  /* アイコンの幅に合わせる */
}
.icon-text4 {
  background-image: url('https://wan10.itembox.design/item/truck-fast-solid.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;  /* アイコンの幅と高さを指定 */
  padding-left: 20px;  /* アイコンの幅に合わせる */
}

.fs-c-productPointDisplay__quantity {
  color: #ed293e;
}
.fs-c-productPointDisplay {
font-size: 14px;
    background: #fff;
    color: #000;
    padding: 0px;
  background-image: url('https://wan10.itembox.design/item/paw-solid.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;  /* アイコンの幅と高さを指定 */
  padding-left: 20px;  /* アイコンの幅に合わせる */
}



.tabs {
  width: 500px;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
}
 
.tab_class {
  width: calc(100%/5);
  height: 50px;
  background-color: #eee;
  line-height: 50px;
  font-size: 15px;
  text-align: center;
  display: block;
  float: left;
  order: -1;
}
 
input[name="tab_name"] {
  display: none;
}
 
input:checked + .tab_class {
  background-color: cadetblue;
  color: aliceblue;
}
 
.content_class {
  display: none;
  width: 100%;
  border-bottom: 3px solid #eee;
  border-right: 3px solid #eee;
  border-left: 3px solid #eee;
  padding: 30px 10px;
}
 
input:checked + .tab_class + .content_class {
  display: block;
}

/* タブメニューのスタイリング */
#tabs ul {
  list-style: none;
  display: flex;
  justify-content: center; /* 横方向に中央揃え */
  margin: 0;
  padding: 0;
}
#tabs ul li {
  margin: 0 20px; /* タブ同士の間隔を調整 */
}
#tabs ul li a {
  padding: 10px 20px;
  display: block;
  font-size: 1.2em;
  color: #929292;
  font-weight: bold;
  text-decoration: none;
  position: relative; /* 疑似要素を正確に配置するために必要 */
}
/* アクティブなタブのスタイリング */
#tabs ul li a.active {
  background-color: white;
  color: black;
}
#tabs ul li a.active::after {
  content: "";
  position: absolute;
  left: 50%;  /* 中央に配置 */
  transform: translateX(-50%);  /* 精確な中央配置のための調整 */
  bottom: -2px;  /* タブ全体の下線と同じ位置にする */
  width: 50%;  /* ボーダーの長さを50%に設定 */
  border-bottom: 2px solid black;  /* アクティブなタブの下線を黒に設定 */
}
/* タブの内容 */
#tabs div {
  display: none;
  padding: 10px;
}
#tabs div.active {
  display: block;
}
}
/*ambassador*/
div {
  flex-basis: 250px;
  max-width: auto;
  min-width: auto;
}