.fs-l-pageMain section{margin: auto 10px;}


.main-delivery._keirou{background-color:#fffaf0;}
.main-delivery-title._keirou span{background-color:#b24c38;}
.main-delivery-text{font-size:1.6rem;text-align:center;}
.main-title._keirou{background-color:#b24c38;color:#ffffff;}
.main-pitem-label._keirou{background-color:#b24c38;color:#ffffff;}

.main-ttitle{background-color:#202020;border-radius:0.3rem;color:#ffffff;line-height:1.5;font-size:2rem;padding:1% 2%;margin-bottom:5%;text-align:center;}
.main-index-wrap{background-color:#f9f9f9;border:5px solid #202020;border-radius:0.3rem;margin:3% 0;padding-bottom:5%;}
.main-index-title{background-color:#202020;color:#ffffff;padding:2%;font-size:1.8rem;margin-bottom:2%;}
.main-index-title::before{content:"\025b6";margin-right:1%;}
.main-index-title:not(:first-of-type){margin-top:5%;}
.main-index-title a{color:#ffffff;}
.main-index{display:flex;flex-wrap:wrap;margin:0 5%;}
.main-index li{font-size:2rem;width:47.5%;margin-right:5%;line-height:1.35;list-style-type:disclosure-closed;}
.main-index li:nth-of-type(n+3){margin-top:1.5%;}
.main-index li:nth-of-type(2n){margin-right:0;}
.main-index li a{font-size:1.6rem;}
.main-index li a:hover{text-decoration:underline;}

.main-message-wrap{border:1px solid #202020;border-radius:0.3rem;padding:3%;margin:2% 0;}
.main-message-title{border-bottom:1px solid #202020;padding-bottom:2%;font-size:1.1rem;margin-bottom:2%;}
.main-message-title:not(:first-of-type){margin-top:5%;}
.main-message{background-color:#e9e9e9;font-size:1.8rem;padding:2%;border-radius:0.3rem;line-height:1.6;margin:2% 0;}
.main-message._iifuufu{background-color:#ffeff2;}

.main-message._osonae{background-color:#edfded;}
.main-message li{font-size:1.6rem;list-style-type:disc;margin-left:2.5%;line-height:1.5;}
.main-message li:not(:first-of-type){border-top:2px dashed #bbbbbb;margin-top:1%;padding-top:1%;}
.main-message li a{text-decoration:underline;}
.main-message-link{display:inline-block;text-decoration:underline;color:#0000ee;}
.main-message-link::before{content:"\25b6";}
.main-message-link:visited{color:#551a8b;}

.main-button{display:block;border-radius:0.3rem;padding:2%;font-size:1.6rem;text-align:center;background-color:#b93157;border-bottom:4px solid #830327;color:#ffffff;line-height:1.5;margin-top:5%;position:relative;}
.main-button:not(:first-of-type){margin-top:3%;}
.main-button::after{position:absolute;top:0;right:5%;bottom:0;margin:auto;content:"";width:15px;height:15px;border-top:3px solid #ffffff;border-right:3px solid #ffffff;}
.main-button._down::after{transform:rotate(135deg);}
.main-button._up::after{transform:rotate(-45deg);}
.main-button._right::after{transform:rotate(45deg);}
a.main-button:visited{color:#fff;}


.main-title{color:#fff;font-size:2rem;padding:1.8% 2% 1.5% 2%;margin:2% auto;text-align:center;border-bottom: solid 0px ;}
.main-mtitle{text-align:center;margin:5% 1% 3% 1%;font-size:2rem;line-height:1.5;}

.main-title span{display:block;font-size:2rem;margin-bottom:1.5%;}
.main-text{font-size:1.6rem;margin:2% 1%;line-height:1.6;}
.main-text a{text-decoration:underline;color:#0000ee;}
.main-text a:visited{color:#551a8b;}
.main-text strong{background-color:#fff6c2;}
.main-item{display:flex;flex-wrap:wrap;margin:3% 0;}
.main-item:last-of-type{margin-bottom:0;}
.main-item li{width:calc(93%/3);margin-right:2%;}
.main-item li:nth-of-type(3n){margin-right:0;}
.main-item li:nth-of-type(n+4){margin-top:2%;}
.main-item li a{display:block;font-size:0;}
.main-item li a img{border-radius:0.3rem;}
.main-item-name{font-size:1.8rem;margin-top:2%;line-height:1.2;}
.main-item-price{color:#bf0000;font-size:2rem;margin-top:1%;margin-bottom:2%;line-height:1.2;}
.main-item-price ._price-yen{font-size:1.5rem;margin-left:1%;}
.main-tab-name{font-size:1.2rem;background-color:#f5f5f5;padding:4% 2%;margin-top:5%;border-radius:0.3rem;text-align:center;}
.main-list{display:flex;flex-wrap:wrap;margin:2% 0;}
.main-list li{width:calc(97%/4);margin-right:1%;position:relative;}
.main-list li::after{position:absolute;top:0;right:5%;bottom:0;margin:auto;content:"";width:10px;height:10px;border-top:3px solid #202020;border-right:3px solid #202020;transform:rotate(45deg);}
.main-list li:nth-of-type(4n){margin-right:0;}
.main-list li:nth-of-type(n+5){margin-top:1%;}
.main-list li a{background-color:#f5f5f5;border:1px solid #202020;border-bottom:4px solid #202020;border-radius:0.3rem;display:block;padding:6% 5%;font-size:1.5rem;text-align:center;}

.category-cart-button {
    width : 100%;
    display       : inline-block;
    border-radius : 5%;          /* 角丸       */
    font-size     : 12pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 12px 12px;   /* 余白       */
    background    : #ff7f00;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 0.5em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    box-shadow    : 2px 2px 3px #666666;  /* 影の設定 */
    border        : 2px solid #ff7f00;    /* 枠の指定 */
  }
  .category-cart-button:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : #ff7f00;     /* 背景色     */
    background    : #ffffff;     /* 文字色     */
  }

  .category-link-button{
    width : 100%;
    display       : inline-block;
    border-radius : 5%;          /* 角丸       */
    font-size     : 12pt !important;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 12px 12px;   /* 余白       */
    background    : #ffffff;     /* 背景色     */
    color         : #ff7f00 !important;     /* 文字色     */
    line-height   : 0.5em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    box-shadow    : 2px 2px 3px #666666;  /* 影の設定 */
    border        : 2px solid #ff7f00;    /* 枠の指定 */
  }

  .category-link-button:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : #ffffff;     /* 背景色     */
    background    : #ff7f00;     /* 文字色     */
    text-decoration: none;
  }



  .category-cart-amount{
    line-height:2em;

  }


/*敬老ここから*/

.main-title._keirou{background-color:#b24c38;color:#ffffff;border:0;}

.main_t{width: 95%; margin: 15px auto;}

h3.keirou { border-bottom: solid 1px; margin: 1em auto;font-size: 1.5em;color:#b24c38;}

ol.item_ranking{display: flex; flex-wrap: wrap;}



.btn-ctr {
  display: flex; 
  align-items: center; 
  gap: 5px; /* ボタンの間に10pxの隙間を空ける */
}


.kosin{margin: 10px auto;}


.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
 /* height: 300px;*/
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
  padding-right:15px;
}

.slide-number {
      position: absolute;
      top: 0px;
      left: 0px;
      font-size: 2rem;
      color: #fff;
      background-color: #202020;
      width: 40px;
      height: 40px;
      border-radius: 0.3rem;
      display: flex;
      justify-content: center;
      align-items: center;
    }

  
    
.shosai{width:20%; min-width:80px; font-size: 12pt !important; }
.cartin{width:80%; min-width:100px;  font-size: 10pt; }
.swiper{
  padding:0 ;
  margin: 0;
  height: 380px;
}

.main-item li:nth-of-type(3n){margin-right:3%;}
.main-item li:nth-of-type(n+4){margin-top:0;}
.main-item02{display:flex;flex-wrap:wrap;margin:3% 0;}
.main-item02:last-of-type{margin-bottom:0;}
.main-item02 li{width:calc(93%/4);margin-right:1%;}
.main-item02 li:nth-of-type(4n){margin-right:0;}
.main-item02 li:nth-of-type(n+5){margin-top:2%;}
.main-item02 li a{display:block;font-size:0;}
.main-item02 li a img{border-radius:0.3rem;}


.js-scrollable {
  min-height: 400px;
    /* IE, Edge */
  -ms-overflow-style: none;
  
  /* Firefox */
  scrollbar-width: none;
}
/* Chrome, Safari, Edge */
.js-scrollable::-webkit-scrollbar {
  /* スクロールバーを非表示にする */
  display: none;
}

/* scroll-hintのアイコンを非表示 */
.scroll-hint-icon {
  visibility:hidden; 
}


/*スマホ用スタイル*/

@media screen and (max-width: 768px) {


body {
  font-family:
    /* Mac/iOS用のフォント */
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
    /* Windows用のフォント */
    "Meiryo", "メイリオ",
    /* Android用のフォント（念のため） */
    "sans-serif"; 
}

*,*::before,*::after{box-sizing:border-box;}

  .category-cart-button {
    width : auto;
    max-width: 100%;
    display       : inline-block;
    border-radius : 5%;          /* 角丸       */
    font-size     : 10pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 12px 12px;   /* 余白       */
    background    : #ff7f00;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 0.5em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    box-shadow    : 2px 2px 3px #666666;  /* 影の設定 */
    border        : 2px solid #ff7f00;    /* 枠の指定 */
  }
  .category-cart-button:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : #ff7f00;     /* 背景色     */
    background    : #ffffff;     /* 文字色     */
  }

  .category-link-button{
    width : 100%;
    display       : inline-block;
    border-radius : 5%;          /* 角丸       */
    font-size     : 14pt !important;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 12px 12px;   /* 余白       */
    background    : #ffffff;     /* 背景色     */
    color         : #ff7f00;     /* 文字色     */
    line-height   : 0.5em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    box-shadow    : 2px 2px 3px #666666;  /* 影の設定 */
    border        : 2px solid #ff7f00;    /* 枠の指定 */
  }

  .category-link-button:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : #ffffff;     /* 背景色     */
    background    : #ff7f00;     /* 文字色     */
  }
  

/*敬老ここから*/

.main_t{width: 95%; margin: 15px auto;}

h3.keirou { border-bottom: solid 1px; margin: 1em auto;font-size: 1.5em;color:#b24c38;}

ol.item_ranking{display: flex; flex-wrap: wrap;}

/*値段ボタン*/
.main-list li,.footer-guide li,.nav-list li{margin-right:1%; margin-top: 1%; width:calc(98%/2);position:relative;}


.btn-ctr {
  display: flex; 
  align-items: center; 
  gap: 5px; /* ボタンの間に10pxの隙間を空ける */
  width: auto;
  max-width: 100%;
}


.kosin{margin: 10px auto;}

.js-scrollable {
  min-height: 200px;
    /* IE, Edge */
  -ms-overflow-style: none;
  
  /* Firefox */
  scrollbar-width: none;
}

.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
 /* height: 300px;*/
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
  padding-right:15px;
}

.slide-number {
      position: absolute;
      top: 0px;
      left: 0px;
      font-size: 2rem;
      color: #fff;
      background-color: #202020;
      width: 40px;
      height: 40px;
      border-radius: 0.3rem;
      display: flex;
      justify-content: center;
      align-items: center;
    }

  
    
.shosai{width:30%; min-width:48px; font-size: 1.1rem !important; padding: 10px; }
.cartin{width:70%; min-width:100px; font-size: 1.1rem; padding: 10px;   }

/*
.swiper{
  padding:0 ;
  margin: 0;
  height: 380px;
}
  */


/* (1) スマホが「縦向き」のときのスタイル */
  @media (orientation: portrait) {
    .swiper {
     padding:0 ;
    margin: 0;
    height: 320px;
    }
  }

  /* (2) スマホが「横向き」のときのスタイル */
  @media (orientation: landscape) {
    .swiper {
        padding:0 ;
        margin: 0;
        height: 500px;
    }
  }

.main-index{display:flex;flex-wrap:wrap;margin:0 3%;}
.main-index li{font-size:2rem;width:95%;margin-right:5%;line-height:1.35;list-style-type:disclosure-closed;}
.main-message li{font-size:1.6rem;list-style-type:disc;margin-left:7%;line-height:1.5;}
.main-title{color:#fff;font-size:1.6rem;padding:1.8% 2% 1.5% 2%;margin:2% auto;text-align:center;border-bottom: solid 0px ;}

.main-item {display:flex;flex-wrap:wrap;margin:3% 0;}
.main-item:last-of-type{margin-bottom:0;}
.main-item li{width:calc(94%/2);margin-right:3%; margin-bottom: 3%;}
.main-item li a{display:block;font-size:0;}
.main-item li a img{border-radius:0.3rem;}


.main-item02{display:flex;flex-wrap:wrap;margin:3% 0;}
.main-item02:last-of-type{margin-bottom:0;}
.main-item02 li{width:calc(94%/2);margin-right:3%; margin-bottom: 3%;}
.main-item02 li a{display:block;font-size:0;}
.main-item02 li a img{border-radius:0.3rem;}

.keirou-text  {font-size:1.05rem;margin:2% 1%;line-height:1.6;}
.swiper-slide .main-item-name {font-size:1rem;margin-top:5%;margin-bottom:5%;line-height:1.2;}
.main-item02 .main-item-name{font-size:1rem;margin-top:5%;margin-bottom:5%;line-height:1.2;}

* {
  box-sizing: border-box;
}

/* scroll-hintのアイコンを手前に表示する */
.scroll-hint-icon {
  z-index: 1000; 
  visibility:visible;
}


}


/*スマホ用スタイルここまで*/