@import url(https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css);

/* ----------------------------------------
* Base
* ---------------------------------------- */
html{
font-size:14px;
}

body{
overflow-x:clip;
}

body a{
color:#222;
text-decoration:none!important;
}

/* ----------------------------------------
* Header
* ---------------------------------------- */

@media screen and (min-width: 768px) {
    .fs-l-header__contents {
        grid-template-columns: 38% 24% 38%;
    }
}

@media screen and (min-width: 768px) {
    .fs-p-headerNavigation__listItem {
        min-width: auto;
    }
}

.fs-p-drawerButton__icon{
font-size:2rem;
}

.fs-p-drawerButton__label{
font-size:0.7rem;
}

.fs-body-top .fs-l-header{
position:absolute;
z-index:1;
width:100%;
}

.fs-p-headerNavBar{
background:transparent;
border-bottom:0px;
}

.fs-p-headerNavigation__link{
color:#222!important;
}

ul.menu {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  padding: 0;
z-index:999;
position:relative;
}

ul.menu > li {
  position: relative;
  margin-left: 1px;
  padding: 5px;
}

ul.menu > li > a {
text-decoration:none;
}

ul.menuSub {
  position: absolute;
  margin-left: -6px;
  padding: 0;
  display: none;
top:100%;
  width: 18rem;
list-style-type: none;
}



ul.menuSub li a {
  padding: 1rem 2rem;
  display: block;
background-color:#fff;
  text-decoration: none;
font-size:1.25rem;
color:#222;
}

ul.menuSub li a:hover {
  background: #333333;
color:#fff;
}

.fs-l-header__drawerOpener{
position:fixed;
top:0;
left:0;
}


   nav.global ul {
      list-style: none;
      padding: 0;
      margin: 0;
      background: transparent;
      display: flex;
    }

    nav.global ul li {
      position: relative;
    }

    nav.global ul li a {
      display: block;
      padding: 0.75rem 1rem;
      color: #222;
      text-decoration: none;
font-size:1.0rem;
    }

    nav.global ul li a:hover {
    }

    /* サブメニュー（1階層目） */
    nav.global ul li ul {
      position: absolute;
      top: 100%;
      left: 0;
      background: rgba(255,255,255,1);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease;
box-shadow:0px 0px 3px rgba(0,0,0,0.15);
    }

body#fs_Top nav.global ul li ul{
background:transparent;
box-shadow:none;
}

    nav.global ul li:hover > ul {
      opacity: 1;
      visibility: visible;
flex-direction:column;
    }

    nav.global ul li ul li {
      width: 200px;
    }

    nav.global ul li ul li a:hover {
 background-color: rgba(0,0,0,0.15);
    }

    /* サブメニュー（2階層目） */
    nav.global ul li ul li ul {
      left: 100%;
      top: 0;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease;
    }

    nav.global ul li ul li:hover > ul {
      opacity: 1;
      visibility: visible;
    }

.fs-p-inputGroup{
background-color:transparent;
border-bottom: 1px solid #444444;
border-right: 0px;
border-left: 0px;
border-top: 0px;
}

.fs-p-searchForm__inputGroup.fs-p-inputGroup input{
background-color:transparent;
}

.fs-p-inputGroup__button{
background-color:transparent;
}

.fs-p-searchForm__button::before {
    font-family: "Material Symbols Outlined" !important;
    line-height: 1;
    content: "\e8b6";
    display: block;
    position: absolute;
    text-indent: 0;
    top: 0;
    right: 0;
color:#000;
width:24px;
height:24px;
}

.logout.my-false { display: none; }
.login.my-true { display: none; }

.fs-p-headerUtilityMenu{
margin-left:auto;
}

.fs-p-headerUtilityMenu__list a::before{
padding-right:0.5rem;
}

/* ----------------------------------------
* Footer
* ---------------------------------------- */

.fs-l-footer{
background-color:transparent;
border-top:0px;
}

.fs-p-footerCopyright{
background:transparent;
color:#222;
padding:2.5rem 0;
}

.fs-l-footer__utility{
justify-content:center!important;
}

.fs-p-footerUtilityMenu__list a::before{
content:none;
}

.fs-p-footerUtilityMenu__list > li a{
border:0px!important;
}

.fs-p-footerCopyright__text{
font-size:0.9rem;
}


/* ----------------------------------------
* Common
* ---------------------------------------- */

.fs-c-heading--page{
border-bottom:0px!important;
color:#222!important;
}

/* ----------------------------------------
* Home - Common
* ---------------------------------------- */

section.home__section{
margin:0 0 4.5rem;
}

h2.home__section-title{
text-align:center;
font-size:1.75rem;
margin:0 0 3rem 0;
}


.swiper-pagination .swiper-pagination-bullet-active  {
        background-color: transparent;
	}
.swiper-button-next ,
.swiper-button-prev {
	background-color: transparent;
	color:#333;
	width:36px;
	height:36px;
	border-radius:100vh;
	padding:5px;
	}
.swiper-button-next:after ,
	.swiper-button-prev:after{
		font-size:16px;
	}

.swiper-button-next, .swiper-button-prev{
color:#222!important;

}

.swiper-button-next:after, .swiper-button-prev:after{
font-size:1.75rem!important;
}

.swiper-slide img{
display:block;
margin:0 0 1rem 0;
}

/* ----------------------------------------
* Home - Main
* ---------------------------------------- */

.home__main-item{
position:relative;
display:block;
margin:0 0 2.5rem 0;
}

.home__main-image{
overflow:hidden;

}
.home__main-image img{
transition:all 0.3s ease;
}

.home__main-item:hover .home__main-image img{

}

.home__main-title{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
display:flex;
align-items:flex-end;
justify-content:flex-start;
color:#fff;
font-size:1.75rem;
text-shadow:1px 1px 0px rgba(0,0,0,0.85);
text-align:center;
line-height:1.25;
padding:1.5rem;
}




/* ----------------------------------------
* Home - Category
* ---------------------------------------- */

.home__category-item{
position:relative;
display:block;
}

.home__category-image{
overflow:hidden;

}
.home__category-image img{
transition:all 0.3s ease;
}

.home__category-item:hover .home__category-image img{
transform:scale(1.08);
}

.home__category-title{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:1.5rem;
text-shadow:1px 1px 0px rgba(0,0,0,0.85);
text-align:center;
line-height:1.25;
}

/* ----------------------------------------
* Home - New in
* ---------------------------------------- */

#home__new-in .home__new-in-image{
overflow:hidden;
line-height:0;
}

#home__new-in .home__new-in-image img{
display:block;
transform:scale(1);
transition:all 0.3s ease;
margin:0!important;

}
#home__new-in .home__new-in-image:hover img{
transform:scale(1.08);
}


/* ----------------------------------------
* Home - Banner
* ---------------------------------------- */

.home__banner-item{
position:relative;
display:block;
margin:0 0 2.5rem 0;
}

.home__banner-image{
overflow:hidden;

}
.home__banner-image img{
transition:all 0.3s ease;
}

.home__banner-item:hover .home__banner-image img{
transform:scale(1.08);
}

.home__banner-title{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
display:flex;
align-items:flex-end;
justify-content:flex-start;
color:#fff;
font-size:2.5rem;
text-shadow:1px 1px 0px rgba(0,0,0,0.85);
text-align:center;
line-height:1.25;
padding:1.5rem;
}


/* ----------------------------------------
* 商品一覧
* ---------------------------------------- */

@media screen and (min-width: 960px) {
    .fs-c-productList__list {
        display: grid;
        grid-template-columns: calc(25% - 0px) calc(25% - 0px) calc(25% - 0px) calc(25% - 0px) ;
        grid-gap: 0px;
    }
}

.fs-c-productListItem__viewMoreImageButton{
display:none;
}

.fs-c-productList__list__item{
border-bottom:0px;
}

.fs-c-productListItem__control.fs-c-buttonContainer{
display:none;
}

.fs-c-productList__list__item{
padding:1rem 1.5rem;
}

/* ----------------------------------------
* 商品詳細
* ---------------------------------------- */

.tabs {
  width: 100%;
  margin: 3rem auto 0 auto;
}

ul.tab-buttons {
margin:0;
padding:0;
z-index:1;
position:relative;
transform:translatey(1px);
}

.tab-buttons li {
  display: inline-block;
  padding: 1.25rem 3.5rem;
  cursor: pointer;
  background: transparent;
  margin-right: 2px;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
border-right:1px solid transparent;
border-left:1px solid transparent;
}

.tab-buttons .active {
  background: #fff;
  color: #222;
border-top:1px solid #dcdcdc;
border-bottom:1px solid #fff;
border-right:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
}

.tab-content .tab {
  display: none;
  padding: 20px;
  background: transparent;
}
.tab-content{
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
}

.tab-content .active {
  display: block;
}


.fs-c-variationCart--withImage > li {
    grid-template-columns: auto 1fr 3em 128px;
}

.fs-c-productMainImage__expandButton{
display:none;
}


@media screen and (min-width: 960px) {
    .fs-l-product2 .fs-l-productLayout {
        grid-template-columns: calc(50% - 16px / 2) calc(50% - 16px / 2);
    }




/* ----------------------------------------
* カート
* ---------------------------------------- */

span.fs-c-deliveryDateInfo__info {
    display: none;
}

/* ----------------------------------------
* NEWS
* ---------------------------------------- */
section.news{
display:flex;
justify-content:center;
font-size:1.25rem;
max-width:640px;
margin:0 auto;
}


#home__news h3{
font-size:1.25rem;
}