@charset "UTF-8";
ul{margin-left:0;list-style: none;padding: 0;}.text40{ font-size: 40%;}.text50{ font-size: 50%;}.text60{ font-size: 60%;}.text70{ font-size: 70%;}.text80{ font-size: 80%;}.text90{font-size:90%;}.text100{font-size:100%;}.text110{font-size: 110%;}.text120{font-size: 120%; }.text130 {font-size:130%;}.text140 {font-size:140%;}.text150{font-size:150%;}.text160{font-size:160%;}.text170{font-size: 170%;}.text180 {font-size:180%;}.text190{font-size:190%;}.text200{font-size:200%; }.text250{font-size: 250%;}.text300{font-size: 300%;}.text350 {font-size: 350%;}.text400{font-size:400%;}.alpha7,.alpha8,.alpha9{transition:0.25s ease-in-out;}.alpha7:hover{filter:alpha(opacity=70);opacity:.7!important;}.alpha8:hover{filter:alpha(opacity=80);opacity:.8!important;}.alpha9:hover{filter:alpha(opacity=90);opacity:.9!important;}.scale img{transition:transform 0.2s ease-out;}.scale:hover img{transform:scale(1.02);}.scale-m img{transition:transform 0.25s ease-out;}.scale-m:hover img{transform:scale(1.07);}.scale-l img{transition:transform 0.3s ease-out;}.scale-l:hover img{transform:scale(1.12);}.fw400{font-weight:400;}.fw500{font-weight:500;}.fw600{font-weight:500;}.fw700{font-weight:700;}.kome,.maru,.kaku,.hishi{display:block;position:relative;padding-left:1.3em;line-height:1.3;}.kome:before,.maru:before,.kaku:before,.hishi:before {position:absolute;left: 0;}.kome:before{content:"※";}.maru:before{content:"●";}.kaku:before{content:"■";}.hishi:before{content:"◆";}@media (-webkit-device-pixel-ratio: 2){.alpha7,.alpha8,.alpha9{transition:none !important;}.scale img,.scale-m img,.scale-l img{transition:none !important;}}
.w-space-s {letter-spacing:.15em;text-indent:.15em;}.w-space-m{letter-spacing:.3em;text-indent:.3em;}.w-space-l{letter-spacing:.5em;text-indent:.5em;}.ar2-1{aspect-ratio:2/1;}.ar3-2{aspect-ratio:3/2;}.ar4-3{aspect-ratio:4/3;}.ar5-3{aspect-ratio:5/3;}.ar5-4{aspect-ratio:5/4;}.ar1-1{aspect-ratio:1/1;}.of-cover{object-fit:cover;object-position:center;}.of-contain{object-fit:contain;}
.px-10vw{padding-left:10vw;padding-right:10vw;}.px-5vw{padding-left:5vw;padding-right:5vw;}.ps-5vw{padding-left:5vw;}.pe-5vw{padding-right:5vw;}.py-5vw{padding-top:5vw;padding-bottom:5vw;}.pt-3vw{padding-top:3vw;}.pb-3vw{padding-bottom:3vw;}.px-2vw{padding-left:2vw;padding-right:2vw;}.py-3vw{padding-top:3vw;padding-bottom:3vw;}.pb-2vw{padding-bottom:2vw;}.px-2vw{padding-left:2vw;padding-right:2vw;}.py-3vw{padding-top:3vw;padding-bottom:3vw;}.pt-4vw{padding-top:4vw;}.pb-4vw{padding-bottom:4vw;}.pt-5vw{padding-top:5vw;}.pt-10vw{padding-top:10vw;}.pb-5vw{padding-bottom:5vw;}.py-10vw{padding-top:10vw;padding-bottom:10vw;}.pb-10vw{padding-bottom:10vw;}.pt-10vw{padding-top:10vw;}@media (max-width: 767px){.radius1{border-radius:2vw;}.radius2{border-radius:4vw;}.px-5vw,.px-10vw{padding-left:3vw;padding-right:3vw;}.ps-5vw{padding-left:3vw;}.pe-5vw{padding-right:3vw;}.py-3vw{padding-top:8vw;padding-bottom:8vw;}.pt-3vw{padding-top:8vw;}.pb-3vw{padding-bottom:8vw;}.pb-2vw{padding-bottom:6vw;}.px-2vw{padding-left:2vw;padding-right:2vw;}.py-3vw{padding-top:3vw;padding-bottom:3vw;}.pt-4vw{padding-top:10vw;}.pb-4vw{padding-bottom:10vw;}.py-5vw{padding-top:15vw;padding-bottom:15vw;}.pt-5vw{padding-top:15vw;}.pt-10vw{padding-top:30vw;}.pb-5vw{padding-bottom:15vw;}}.mx-0{margin-right:0;margin-left:0}.mb-0,.my-0{margin-bottom:0;}.mt-0,.my-0{margin-top:0;}
.widget { margin: 0; } .wc-block-product-categories { margin: 0; padding-bottom: 2em; }
.d-flex { display: flex; }.cursor-pointer{cursor:pointer;}.w-100{width:100%;}.d-block{display:block;}.text-center{text-align: center;}

.site, .site-main, .site-content, .col-full { overflow: visible; }
.add_to_cart_button, .site-info br, .site-info a, .site-info span, .site-info .privacy-policy-link,
.widget_search, .site-search
 {
  display: none !important;
}
body > iframe { width: 1px !important; right:0 !important; bottom:0 !important; opacity: 0 !important; }

body{font-size: 14px;}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{
  outline-color: transparent;
}
img {border-radius: 0;}
.site-header {
  padding-top: 0;
  position: relative;
  border: 0;
}
.site-header > .col-full {
  position: fixed;
  top: 2vw;
  left: 1vw;
  z-index: 256;
}
#site-header-cart {
  position: fixed;
  top: 1vw;
  right: 2vw;
  z-index: 256;
}
ul.products.columns-3, ul.products.columns-4 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5vw !important;
}
ul.products.columns-3 li.product,
ul.products.columns-4 li.product {
  float: none !important;
  width: auto !important;
  padding: 0 1.5vw;
  margin: 0 0 3vw !important;
}
ul.products.columns-3 li.product {
  flex: 0 0 33.3%;
  max-width: 33.3% !important;
}
ul.products.columns-4 li.product {
  flex: 0 0 25%;
  max-width: 25%;
}
.wp-block-woocommerce-product-categories {
  position: relative;
  z-index: 3;
}
/* サイドカテゴリ、サイドナビ */
#side-nav li, .wc-block-product-categories-list-item {
  margin-bottom: 0;
}
.wc-block-product-categories-list-item a {
  padding: .35vh 0;
  display: inline-block;
}
#side-nav li a {
  padding: .25vh 0;
  display: block;
}

.alpha9{transition:0.25s ease-in-out;}

.site-footer {
  background-color: transparent;
  padding: 0;
}
.site-info {
  text-align: center;
  padding: .5em 0;
  font-size: 80%;
}
#secondary a, #menu-footer-nav a {
  text-decoration: none;
  font-weight: 400 !important;
  color: #444;
}
#menu-footer-nav {
  justify-content: end;
}
#menu-footer-nav li {
  flex: 0 0 auto;
  max-width: auto;
  padding: .5em 1em;
  font-size: 80%;
}
.wp-singular .entry-title {
  font-size: 150%;
}
.woocommerce-breadcrumb {
  width: 24em;
  white-space: nowrap;
  overflow: hidden;  
  text-overflow: ellipsis;
}
.site-header-cart .cart-contents::after {
  content: "\f07a";
}
li.product a {
  position: relative;
}
.products li a > .onsale {
  display: none;
}
.products figure {
  position: relative;
}
.products figure .onsale {
  position: absolute;
  bottom: -.8em;
  right: -.65em;
  background-color: rgba(255,255,255,1);
  width: 4.2em;
  line-height: 4.2em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-size: 1.2em;
  padding: 0;
  margin-bottom: 0;
}
.p-label-wrap {
  position: absolute;
  top: -.8em;
  left: -.9em;
}
.p-label, .label-shadow {
  clip-path: polygon(13% 0, 100% 0, 87% 100%, 0% 100%);
}
.p-label {
  position: relative;
  padding: .4em 1.1em .4em;
  z-index: 10;
  display: block;
  text-align: center;
  min-width: 7.5em;
  overflow: hidden;
}
.label-shadow {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@media (min-width: 768px){
  #content { min-height: 65vh; }
  .row {
    display: flex !important;
    flex-wrap: wrap;
  }
  .d-pc-none { display: none !important; }
  .col{flex-basis:0;flex-grow:1;max-width:100%}
  .col-auto{fflex: 0 0 auto;max-width: auto;}
  .col25 {flex: 0 0 25%;max-width: 25%;}
  .col33 {flex: 0 0 33%;max-width: 33%;}
  .col100 {flex: 0 0 100%;max-width: 100%;}
  .col-full {
    max-width: 100%;
  }
  .col-full > .woocommerce {
    position: absolute;
    top: 5vw;
  }
  .site-content > .col-full {
    padding: 0 6vw 0 4vw;
  }
  .site-content > .col-full, .site-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: end;
  }
  .woocommerce-active .site-header .site-branding {
    width: 100%;
    float: none;
    margin: 0;
  }
  
  .site-header .site-branding img {
    max-width: none;
    width: 7vw;
  }
  .storefront-primary-navigation {
    padding-top: 1vw;
    text-align: center;
  }
  #primary, #secondary {
    float: none !important;
    margin: 0;
  }
  #primary, .storefront-primary-navigation {
    flex: 0 0 78%;
    max-width: 78%;
    order: 2;
    position: relative;
    z-index: 123;
  }
  #secondary {
    flex: 0 0 22%;
    max-width: 22%;
    order: 1;
    position: sticky;
    top: 9vw;
    float: none;
  }
  #side-nav{
    position: fixed;
    bottom: 3vw;
    left: 4vw;
    transition: 1s ease-in-out;
    z-index: 1;
  }
}
@media (max-width: 991px){
  
}
@media (max-width: 767px){
  .d-sp-none {display: none !important;}
  .storefront-breadcrumb {padding-top: 15vw;}
  ul.products.columns-3, ul.products.columns-4 {
    margin: 0 -2.5vw !important;
  }
  ul.products.columns-3 li.product,
  ul.products.columns-4 li.product {
    flex: 0 0 50%;
    max-width: 50% !important;
    padding: 0 3vw;
    margin: 0 0 6vw !important;
  }
  #cart-sp-top.site-header-cart .cart-contents {
    display: block;
  }
  .site-header > .col-full {
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,1);
    margin: 0;
    padding: 2vw 3vw;
  }
  .site-header .custom-logo-link img {
    max-width: 18vw;
  }
  #cart-sp-top {
    position: fixed;
    top: 3.5vw;
    right: 5vw;
    z-index: 1234;
  }
  #cart-sp-top a {
    color: #222;
    font-size: 1.7em;
    margin-left: .8em;
  }
  .storefront-handheld-footer-bar .search,
  .storefront-primary-navigation{
    display: none;
  }
  #menu-footer-nav {
    margin: 0 0 3em;
    width: 100%;
  }
  #menu-footer-nav li {
    max-width: 100%;
  }
  .storefront-handheld-footer-bar {
    opacity: .9;
    box-shadow: 0 0 4px rgba(0,0,0,.5);
  }
  .storefront-handheld-footer-bar a, #nav-sp-btn {
    color: #444 !important;
  }
  #nav-sp-btn {
    width: 33.33333%;
    text-align: center;
    line-height: 1;
    height: 2.7em;
    font-size: 1.618em;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 12345;
    padding-top: .3em;
  }
  #nav-sp-btn > div {
    display: inline-block;
    padding: .6em .7em;
    border-radius: 50%;
    background-color: rgba(255,255,255,.7);
  }
  #secondary {
    position: fixed;
    top: 0;
    left: -100vw;
    z-index: 1234;
    width: 100%;
    height: 100vh;
    background-color: rgba(255,255,255,.95);
    padding: 10vh 0 0 5vh;
    opacity: 0;
    display: none;
  }
  #secondary > div {
    overflow: auto;
    height: 100%;
  }
  /* サイドカテゴリ、サイドナビ */
  #side-nav li a, .wc-block-product-categories-list-item a {
    padding: .75vh 0;
  }
  #menu-footer-nav {
    justify-content: center;
  }
}

@media (max-width: 575px){
  #secondary {
    font-size: 4vw;
  }
}