.cp_cssslider input[name='cp_switch'] {
	display: none;

}
/* タイトル */
.section-title{
  margin-bottom:10px;
}
.title title--brown{
  font-size:18px;
  color:#1a1a1a;
  margin-bottom:10px;
}

.タイトル{
  font-size:20px;
  color:#4b4b4b;
  margin-bottom:0px;
  padding: 1rem 0rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color:#fff;
  width:85%;
}


h2 {
  padding:0px;
  
}
.text {
font-size:14px;
  padding:0px;
  font-size:14px;
  letter-spacing: 0.5px;
  line-height: 1.9em;
  margin-top:0px;
}

h3{
  font-size:12px;
  color:#1a1a1a;
  margin-bottom:0px;
  margin-top:0px;
}
/* //タイトル */



#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}



Resources

.contents{
  display:flex;
}



hr { 
    border: none; /* デフォルトをキャンセル */
    height: 3px; /* 線の高さ */
    background: linear-gradient(90deg, rgba(245,245,245,0.1) 0%,  rgba(0,0,0,1) 50%, rgba(245,245,245,0.1) 100%);
}

.slide ul{
  display:flex;
  overflow-x:scroll;
  margin:0;
  padding:0;
}
.slide li{
  min-width:85%;
  margin:10px;
  padding:0;
  list-style:none;
}

.contain {
  display: flex;
  flex-wrap: wrap;
justify-content: space-between;
}
.column {
  width: 100%;
}

@media (min-width: 1024px) {
  .column {
    width: calc(50% - 16.18px / 2);
  }
}

 /* いわたやおすすめ */
.wrapper{
display: -webkit-box;
display: flex;
}
.youso{
width:25%;
padding:0.75vw;
display: -webkit-box;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 600px){
.wrapper{
flex-wrap: wrap;
}
}
@media screen and (max-width:599px){
.wrapper{
flex-wrap: nowrap;
overflow-x: scroll;
}
.youso{
width:100%;
min-width:42%;
}
}
.youso img{
  border-radius: 5px;
}

.youso img:hover{
  opacity:0.65;
  transition:0.5s;
}

/* カテゴリー5カラム3カラム */
.categoryitem {
  display: flex;
  flex-wrap: wrap;
}
.categorycolumn {
  width: 33%;
  margin-bottom:0px;
 /* border: 1px solid #d2d0cf;*/
}
.categorycolumn img{
  width: 50%;
}

@media (min-width: 1024px) {
  .categorycolumn {
    width: 20%;
  }
}
/* //カテゴリー5カラム3カラム */
/* カテゴリー4カラム4カラム */
.iconitem {
  display: flex;
  flex-wrap: wrap;
}
.iconcolumn {
  width: 25%;
  margin-top:20px;
 /* border: 1px solid #d2d0cf;*/
}
.iconcolumn img{
  width: 50%;
  border-radius: 50%;
}

@media (min-width: 1024px) {
  .iconcolumn {
    width: 25%;
  }
}
/* //カテゴリー4カラム4カラム */
/* 新着商品・作家・窯元 */
.footet-item__body span{
  font-size:14px;
}
.footet-item__body ul{
  font-size:18px;
}
.footer-items div{
  padding:5px;
}
.もっと見る {
  margin: 0 0 0 auto;
  width:185px;
  height:auto;
}

/* //新着商品・作家・窯元 */


.在庫切れ {
  background-color:#f5f5f5;
  font-size:12px;
  text-align:center;
}

/* gift2カラム2カラム */
.giftitem {
  display: flex;
  flex-wrap: wrap;
}
.giftcolumn {
  width: 50%;
  margin-bottom:0px;
  margin-top:20px;
}
.giftcolumn img{
  width: 20%;
  border-radius: 15%;
  filter:drop-shadow(1px 1px 1px #aaa)
}

@media (min-width: 1024px) {
  .giftcolumn {
    width: 50%;
  }
}

.giftwrapping img {
    width: 90%;
  filter:drop-shadow(1px 1px 1px #aaa)
}

.child {
  letter-spacing: 0.5px;
  line-height: 1.9em;
}

.history-item__2col div{
margin-bottom:0px;
}
.history-item__2col-image img{
border-radius: 7px;
margin:0 auto;
}
/* //gift2カラム2カラム */

/* タブ全体を囲むコンテナの設定 */
.tab-switch {
    display: flex; /* タブを横並びに */
    flex-wrap: wrap; /* 幅に応じて折り返し */
    margin: auto;/* コンテナの中央寄せ */
    justify-content: center;/* タブの中央寄せ */
    gap: 5px;/* タブ間の余白 */
}

/* 各タブボタンの設定 */
.tab-switch > label {
    flex: 1 1 auto; /* タブが均等に幅をとるが、幅を超えると折り返す */
    order: -1; /* 上部に表示する */
    position: relative; /* 絶対位置指定用の基準 */
    padding: .7em 1em; /* 上下左右の内側余白 */
    background-color: #f2f3f4; /* 背景色 */
    color: #999; /* 文字色 */
    text-align: center; /* 文字を中央揃え */
    cursor: pointer; /* ポインターを指アイコンに変更 */
    transition:.3s all;
}

/* タブボタンのホバーおよび選択状態のスタイル */
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
    background-color: #757F96; /* ホバー/選択時の背景色 */
    color: #fff; /* ホバー/選択時の文字色 */
}

/* ラジオボタン自体は非表示 */
.tab-switch input {
    display: none; /* 見た目に表示されないようにする */
}

/* タブコンテンツのスタイル */
.tab-switch > div {
    display: none; /* 初期状態では非表示 */
    width: 100%; /* コンテンツ幅を全体に */
    padding: 1.5em 1em; /* 内側余白 */
}

/* 選択されたタブのコンテンツを表示 */
.tab-switch label:has(:checked) + div {
    display: block; /* 選択されたタブに対応するコンテンツを表示 */
}

.Container {
      position: relative;
      width: 100%;
      overflow: hidden;
  margin-top:16px;
  margin-bottom:24px;
  overflow-x: auto;
    display: block;
    }
.Container::-webkit-scrollbar{
  display: none;
}

    .Box-Container {
      display: flex;
      width: fit-content;
      transition: transform 0.3s ease;
      transform: translateX(0);
    }

    .Box {
      flex-shrink: 0;
      width: 300px;
      height: 400px;
      margin-right: 10px;
      border-radius: 10px;
      background-color: #fff;
    }

.Box img{
  border-radius: 7px;
}
.Box div{
  width: 300px;
      height: 400px;
}

    .Arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 30px;
      height: 30px;
      background-color: rgba(0, 0, 0, 0.3);
      color: #fff;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }

    .Arrow.left {
      left: 0;
      @media (max-width: 1025px) {
      display: none;
      }
    }

    .Arrow.right {
      right: 0;
      @media (max-width: 1025px) {
      display: none;
      }
    }

    .Hide {
      display: none;
    }