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

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




.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-title span{display:block;font-size:1.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(96%/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.5rem;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;width:100%;}
.main-item-price ._price-yen{font-size:1.5rem;margin-left:1%;}
.main-tab-name{font-size:0.95rem;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 !important;     /* 閭梧勹濶ｲ     */
    background    : #ff7f00;     /* 譁�ｭ苓牡     */
    text-decoration: none;
  }



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

  }


/*縺顔･昴＞縺薙％縺九ｉ*/



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


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



.btn-ctr {
  display: flex; 
  align-items: center; 
  gap: 5px; /* 繝懊ち繝ｳ縺ｮ髢薙↓10px縺ｮ髫咎俣繧堤ｩｺ縺代ｋ */
}

.title_line{ width:100%; border-bottom: #eebece 3px solid;}



.kosin{margin: 10px auto;}


.swiper--wrapper {
  /* wrapper縺ｮ繧ｵ繧､繧ｺ繧定ｪｿ謨ｴ */
  width: 100%;
 /* height: 300px;*/
}

.swiper-slide {
  /* 繧ｹ繝ｩ繧､繝峨�繧ｵ繧､繧ｺ繧定ｪｿ謨ｴ縲∽ｸｭ霄ｫ縺ｮ繝�く繧ｹ繝磯�鄂ｮ隱ｿ謨ｴ縲∬レ譎ｯ濶ｲ */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: left;
  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;
}

.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     : 12pt !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 !important;     /* 閭梧勹濶ｲ     */
    background    : #ff7f00;     /* 譁�ｭ苓牡     */
  }
  

/*縺顔･昴＞縺薙％縺九ｉ*/

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


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%;
}

.title_line{ width:100%; border-bottom: #eebece 3px solid;}


.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: left;
  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:54px; font-size: 1.1rem !important; padding: 10px; }
.cartin{width:70%; min-width:100px; font-size: 1.1rem; padding: 10px;   }



.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;}

.swiper-slide .main-item-name {font-size:1.5rem;margin-top:5%;margin-bottom:5%;line-height:1.2;}
.main-item02 .main-item-name{font-size:1.5rem;margin-top:5%;margin-bottom:5%;line-height:1.2;}

* {
  box-sizing: border-box;
}

/* scroll-hint縺ｮ繧｢繧､繧ｳ繝ｳ繧呈焔蜑阪↓陦ｨ遉ｺ縺吶ｋ */
.scroll-hint-icon {
  z-index: 1000; 
  visibility:visible;
}


}


/*成人式に贈る花ノウハウ*/

.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-title {
    background-color: #202020;
    color: #ffffff;
    padding: 2%;
    font-size: 1.8rem;
    margin-bottom: 2%;
}

.main-index-wrap {
    background-color: #f9f9f9;
    border: 5px solid #202020;
    border-radius: 0.3rem;
    margin: 3% 0;
    padding-bottom: 5%;
}

.main-title._seijin {
    background-color: #c4346f;
    color: #ffffff;
}


.main-index-title a{color:#ffffff;}

.main-message {
    background-color: #e9e9e9;
    font-size: 1.5rem;
    padding: 2%;
    border-radius: 0.3rem;
    line-height: 1.6;
    margin: 2% 0;}

.main-message li {
    font-size: 1.5rem;
    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-button {
    display: block;
    border-radius: 0.3rem;
    padding: 2%;
    font-size: 1.1rem;
    text-align: center;
    background-color: #b93157;
    border-bottom: 4px solid #830327;
    color: #ffffff !important;
    line-height: 1.5;
    margin-top: 5%;
    position: relative;
}

.main-index {
    display: flex;
    flex-wrap: wrap;
    margin: 0 5%;
}



.main-index li {
    font-size: 1.5rem;
    width: 45%;
    margin-right: 5%;
    line-height: 1.35;
    list-style-type: disclosure-closed;
}

.swiper{height: 430px;}
@media screen and (max-width: 767px) {

  @media (orientation: portrait) {
    .swiper {
     padding:0 ;
    margin: 0;
    height: 320px;
    }
  }

  @media (orientation: landscape) {
    .swiper {
        padding:0 ;
        margin: 0;
        height: 500px;
    }
  }


.main-index li {
    font-size: 1.5rem;
    width: 90%;
    margin-right: 5%;
    line-height: 1.35;
    list-style-type: disclosure-closed;
}

}