/* 調整用　外部CSS書き込み済　反映できたら消す ↓ */
/* 植物　耐寒性に関する注意事項　*/
#winter_caution {
  max-width: 750px;
  margin: auto;
  border: 2px solid #EF000A;
  padding: 10px 20px;
  margin: 20px auto;
}
#winter_caution h2 {
  text-align: center;
  font-weight: bold;
  color: #EF000A;
  font-size: 16px;
  margin-top: 10px;
  line-height: 1.7em;
}
#winter_caution p {
  font-size: 14px;
  line-height: 1.7em;
}
#winter_caution .linear {
  background: linear-gradient(transparent 70%, rgba(234,195,65, .8) 70%);
  padding-bottom: .2em;
  font-weight: bold;
  font-size: 1.1em;
}


/* 調整用　外部CSS書き込み済　反映できたら消す ↑ */
.blank {
    visibility: hidden;
}
@media screen and (min-width:320px) and (max-width:767px){
    .blank {
        display: block;
    }
}
/* 数量限定マーク　*/
.only_item {
display: block;
width: 42px;
height: 42px;
padding: 5px 3px 5px 4px;
font-size: 14px!important;
font-weight: bold;
text-align: center;
line-height: 1.1;
}
.itemList .only_item {
position: absolute;
top: 0;
left: 0;
}

.fs-l-main {
margin-top: 0!important;
padding-top: 0;
font-size: 14px;
}

.fs-p-drawer {
padding: 8px 0;
}


/* MVカルーセル2023 */
.topMV {
max-width: 1200px;
margin: 0 auto 20px;
}
.topMV .slick-prev {
left: 0;
}
.topMV .slick-next {
right: 0;
padding-right: 100px;
}
.topMV .slick-prev, .topMV .slick-next {
background: inherit;
}
.topMV .slick-prev:before, .topMV .slick-next:before {
font-size: 100px;
}
.topMV .slick-slide {
padding-left: 20px;
}
.topMV .slick-dotted .slick-dots {
bottom: -20px
}
.topMV .slick-dots li {
width: 40px;
height: 10px;
}
.topMV .slick-dots li button:before {
content: "";
background-color: #eee;
opacity: .7;
width: 30px;
height: 10px;
border-radius: 10px;
}
.topMV .slick-dots li.slick-active button:before {
background-color: #EAC341;
opacity: .9;
width: 30px;
height: 10px;
border-radius: 10px;
}
.topMV img {
height: 500px;
}


/*レア商品欄*/
#rare_item > .itemList {
  width: 100%; /* レア商品の数によって変更する*/
  max-width: 880px;
  min-width: 210px;
  margin: auto;
}
/*
#rare_item > .itemList::-webkit-scrollbar {
display: none;
}*/

/*商品カルーセル　クール便表示*/
.itemList .fs-c-mark--coolDelivery {
display: none;
}

/*Youtube動画付き商品↓↓*/
#YoutubeLive .squareBanner {
  width: 95%;
  font-size: 1.2rem;
  gap: 40px;
}
#YoutubeLive .squareBanner div {
  flex: 0 0 auto;
  width: 200px;
  text-align: left;
}
#YoutubeLive .squareBanner div p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
}
#YoutubeLive .squareBanner .youtubeItem{
  width: 200px;
  height: 200px;
  object-fit: cover;
  vertical-align: bottom;
}
/*Youtube動画付き商品↑↑*/


/*商品スライド調整*/
.newArrival {
width: 100%;
}

.fs-c-productListCarousel__ctrl {
min-width: 18px;
}

.itemList .fs-c-productListCarousel__list__item {
margin: 0 40px 0 0!important;
}

/*コラムパーツ*/
.fs-pt-column {
gap: 10px;
margin-top: 20px!important;
}
.fs-pt-column__item {
padding: 0;
}

/*ランキングカルーセル設定*/
.ranking .fs-c-slick .slick-slide { 
width : 140px!important;
 }
.ranking .fs-c-productMark {
display: inline-block;
}

.pc {
  display: block;
}

.sp {
  display: none;
}
/*トップMVカルーセル設定*/
.slick-dotted .slick-dots {
position: absolute;
bottom: 10px;
}
.fs-c-slick .slick-slide img {
vertical-align: bottom;
line-heigh: 1.0em;
}
.mainVisual .fs-pt-carousel__slide{
  display:block !important;
}


/*カート入り数表示*/
.fs-p-cartItemNumber {
font-size: 18px!important;
}
.fs-p-cartItemNumber {
top: 5%;
right: 5%;
line-height: 1!important;
}

/*商品についてのお問い合わせボタン*/
.fs-c-inquiryAboutProduct{
display: block;
text-align: center;
}
.fs-c-inquiryAboutProduct span.fs-c-button__label{
color: #fff;
background-color: #003F8A;
padding: .5em 1.5em;
box-sizing: border-box;
border-radius: 10px;
}

/*レコメンドパーツ　下線*/
.CrossHead{
padding: 10px 14px;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: .04em;
    font-weight: bold;
    font-family: '游ゴシック', YuGothic, "游ゴシック体 Pr6N B", "Yu Gothic Pr6N B", 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    background-color: #edf0f0;
}

/*カート　ショッピングを続けるボタン*/
.fs-c-continueShopping{
display: block;
text-align: center;
}
.fs-c-button--continueShopping{
border: none;
background-color: #003F8A;
padding: .8em 1.5em;
box-sizing: border-box;
}
.fs-c-button--continueShopping > .fs-c-button__label{
color: #fff;
font-weight: bold;
font-size: 1.3em;
}

/*２コラムパーツ　１つのみの登録時*/
.fs-pt-column__item:only-child {
padding: 8px!important;
}


.fs-c-productImageModal {
    display: flex;
    align-items: center;
}

.fs-c-button--primary {
padding: 0.8em 0.6em;
}

.fs-body-cart .fs-l-cart__contentsArea > * {
padding: 0 8px;
}

.fs-c-checkout-preview__title {
line-height: 1.4;
}

/*
  杜若園芸 サブカテゴリ目次ボタン（システムパーツ「商品グループ表示」用）
  ・【PCテーマ】のCSSの末尾に追記してください。
  ・hasu_category_nav.js が「花色」などをプルダウンにします（JSも必要）。
  ・サイドバーのカテゴリメニューに合わせたデザイン（水色の枠・白地・紺色の下線）。
  ・構造: .fs-c-subgroup > ul.fs-c-subgroupList > li.fs-c-subgroupList__item > a.fs-c-subgroupList__link > div.fs-c-subgroupList__label
  ・「15件中 1-15件表示」(.fs-c-listControl) には触れません。
  ・色は hasu_category_top.html と共通（#003F8A / #DDF0FA）。
*/
.fs-c-subgroup .fs-c-subgroupList{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:0 32px;
  margin:0 0 24px;
  padding:6px 20px 8px;
  list-style:none;
  border:4px solid #DDF0FA;
  border-radius:0;
  background:#FFFFFF;
}
.fs-c-subgroup .fs-c-subgroupList__item{
  display:block;
  width:auto;
  margin:0;
  padding:0;
  border:0;
  background:none;
  float:none;
  flex:none;
}
.fs-c-subgroup .fs-c-subgroupList__link{
  position:relative;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:100%;
  height:100%;
  min-height:50px;
  margin:0;
  padding:8px 28px 8px 6px;
  border:0;
  border-bottom:1px solid #003F8A;
  border-radius:0;
  background:transparent;
  color:#003F8A;
  text-decoration:none;
  transition:background-color .2s ease;
}
.fs-c-subgroup .fs-c-subgroupList__label{
  margin:0;
  padding:0;
  color:inherit;
  font-size:14px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.1em;
}
/* 右端の矢印（既存の矢印を消して置き換え） */
.fs-c-subgroup .fs-c-subgroupList__link::before{
  content:none;
}
.fs-c-subgroup .fs-c-subgroupList__link::after{
  content:"";
  position:absolute;
  top:50%;
  right:8px;
  left:auto;
  bottom:auto;
  width:8px;
  height:8px;
  margin:-4px 0 0;
  border:0;
  border-top:1.5px solid #003F8A;
  border-right:1.5px solid #003F8A;
  background:none;
  -webkit-mask:none;
  mask:none;
  transform:rotate(45deg);
  transition:right .2s ease;
}
.fs-c-subgroup .fs-c-subgroupList__link:hover,
.fs-c-subgroup .fs-c-subgroupList__link:focus-visible{
  background:#EAF6FC;
  color:#003F8A;
  text-decoration:none;
}
.fs-c-subgroup .fs-c-subgroupList__link:hover::after,
.fs-c-subgroup .fs-c-subgroupList__link:focus-visible::after{
  right:4px;
}
.fs-c-subgroup .fs-c-subgroupList__link:active{
  background:#DDF0FA;
}

/* プルダウン（「+」で開く）。hasu_category_nav.js が付けるクラス用 */
.fs-c-subgroup .hasu-nav__dd{
  position:relative;
}
.fs-c-subgroup .hasu-nav__dd > .fs-c-subgroupList__link::before,
.fs-c-subgroup .hasu-nav__dd > .fs-c-subgroupList__link::after{
  content:"";
  position:absolute;
  top:50%;
  right:8px;
  left:auto;
  bottom:auto;
  width:16px;
  height:1.5px;
  margin:-1px 0 0;
  border:0;
  background:#003F8A;
  transform:none;
  transition:transform .2s ease;
}
.fs-c-subgroup .hasu-nav__dd > .fs-c-subgroupList__link::after{
  transform:rotate(90deg);
}
.fs-c-subgroup .hasu-nav__dd > .fs-c-subgroupList__link:hover::after,
.fs-c-subgroup .hasu-nav__dd > .fs-c-subgroupList__link:focus-visible::after{
  right:8px;
}
.fs-c-subgroup .hasu-nav__dd.is-open > .fs-c-subgroupList__link{
  background:#EAF6FC;
}
.fs-c-subgroup .hasu-nav__dd.is-open > .fs-c-subgroupList__link::after{
  transform:rotate(0deg);
}
.fs-c-subgroup .hasu-nav__panel{
  display:none;
  position:absolute;
  z-index:30;
  top:100%;
  left:0;
  box-sizing:border-box;
  min-width:100%;
  margin:0;
  padding:4px 14px 8px;
  list-style:none;
  background:#FFFFFF;
  border:3px solid #DDF0FA;
  box-shadow:0 8px 20px rgba(0,63,138,.15);
}
.fs-c-subgroup .hasu-nav__dd.is-open > .hasu-nav__panel{
  display:block;
}
.fs-c-subgroup .hasu-nav__panel li{
  margin:0;
  padding:0;
  border:0;
  list-style:none;
}
.fs-c-subgroup .hasu-nav__panel a{
  display:flex;
  align-items:center;
  box-sizing:border-box;
  min-height:44px;
  padding:6px 4px;
  border-bottom:1px solid #BFE0F2;
  color:#003F8A;
  font-size:13px;
  line-height:1.4;
  font-weight:500;
  letter-spacing:.08em;
  text-decoration:none;
  white-space:nowrap;
}
.fs-c-subgroup .hasu-nav__panel li:last-child a{
  border-bottom:0;
}
.fs-c-subgroup .hasu-nav__panel a:hover,
.fs-c-subgroup .hasu-nav__panel a:focus-visible{
  background:#EAF6FC;
}

.fs-c-subgroup > .fs-c-listControl:last-child{
  display:none;
}