/** Shopify CDN: Minification failed

Line 408:30 Expected ":"
Line 408:31 Expected identifier but found "*"

**/
/* header */
a.head_search{
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  /* url非表示 */
  div.header-item.header-item--left.header-item--navigation a:first-child{
    display: none;
  }
}

/*header-navi*/
ul.site-nav a[href*="/collections/sale"],
ul.mobile-nav a[href*="/collections/sale"]{
  color:#cf2f2f !important;
}


/* hero(stage) */
.hero__video,
.hero__image{
  max-width:1920px;
  margin:auto;
}
@media screen and (max-width:480px){
.hero--750px{
  height:350px;
}
}
@media screen and (max-width:400px){
.hero--750px{
  height:250px;
}
}



/* news-viewAll-button */
div.news-viewAll-button{
  text-align:center;
  padding-top:30px;
}
div.news-viewAll-button a{
  font-size: calc(var(--typeBaseSize) - 4px);
  font-size: max(calc(var(--typeBaseSize) - 4px), 13px);
  font-weight: bold !important;
  color: #fff;
  background: #000;
  border:none;
  position:relative;
  padding: 11px 20px;  
}
div.news-viewAll-button a:hover{
  color:#fff;
  background: var(--colorBtnPrimaryLight);
  transition-delay: .25s;  
}
div.news-viewAll-button a:hover:after{
  background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .25), transparent);
    content: "";
    height: 100%;
    left: 150%;
    position: absolute;
    top: 0;
    transform: skew(-20deg);
    width: 200%;
  animation: shine .75s cubic-bezier(.01,.56,1,1);
}
/* /news-viewAll-button */


/* footer */
div.footer__logo a{
  max-width:380px;
  margin:auto;
}
/* footerNavi */
ul.no-bullets.site-footer__linklist{
  width: 800px;
  display: flex;  
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
}
ul.no-bullets.site-footer__linklist li{
  margin:5px 10px;
}

/* footer copyrightCredit-wrap */
div.copyrightCredit-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
div.copyrightCredit-wrap p.footer__small-text{
  padding: 0;
}

@media screen and (max-width:1000px){
  ul.no-bullets.site-footer__linklist{
    width:100%;
  }
  div.copyrightCredit-wrap{
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 769px) and (max-width: 959px) {
    .footer__item--footer-1 {
        width: 100% !important;
        padding-top: 40px;
    }
}
@media only screen and (min-width: 769px) {
div.copyrightCredit-wrap ul.footer__section{
    margin:0 0 10px 0;
}
}
@media only screen and (max-width: 768px) {
    div.copyrightCredit-wrap{
    padding:30px 0;
  }
}
@media screen and (max-width:430px){
  ul.no-bullets.site-footer__linklist li{
    width:100%;
  }
}



  
/* topPage-productCategory */
nav.product_category {
  display: flex;
  justify-content: center;
}
nav.product_category a {
  margin: 0 40px;
}


/* fontPage-lineFriend_frontPage_button */
a.lineFriend_frontPage_button{
  max-width:1000px;
  display:block;
  margin:auto;
}
a.lineFriend_frontPage_button img{
  transition:.3s;
}
a.lineFriend_frontPage_button img:hover{
  opacity:0.5;
  transition:.3s;
}



/* promotion gridマウスオーバー */
.flex-grid__item img {
  transition: transform 0.4s ease, opacity 0.4s ease !important;
}
.flex-grid__item:hover img {
  transform: scale(1.05);
}



/* コレクション：リストページ */
div.collection-filter{
  margin-bottom: 50px;
}
@media screen and (min-width:769px){
div.grid__item.medium-up--four-fifths.grid__item--content {
  padding-left: 50px;
}
}




/* LINEで再入荷通知を受け取るボタン - modal */
/* モーダルのコンテンツを初期状態で隠す */
.modal-content-container {
    display: none; /* 元の場所では表示しない */
}

/* モーダルオーバーレイ */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* 半透明の黒 */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0; /* 初期状態では非表示 */
    visibility: hidden; /* 初期状態では非表示 */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* アニメーション用 */
    z-index: 1000;
}

/* モーダルが開いたときのスタイル */
.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* モーダルコンテンツの表示領域 */
.modal-content-placeholder {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 600px;
    text-align: center;
    transform: translateY(-20px); /* 初期位置を少し上に設定 */
    opacity: 0; /* 初期状態は透明 */
    transition: transform 0.3s ease, opacity 0.3s ease; /* アニメーション用 */
    /* ここにflexboxの設定を追加するかもしれません、もし必要であれば */
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
}

/* モーダルが開いたときのコンテンツのアニメーション */
.modal-overlay.active .modal-content-placeholder {
    transform: translateY(0);
    opacity: 1;
}

/* モーダルが閉じる時のコンテンツのアニメーション（フェードアウトと上への移動） */
.modal-overlay.closing .modal-content-placeholder {
    transform: translateY(-20px);
    opacity: 0;
}

.modal-content-placeholder h2 {
    margin-top: 0;
    color: #333;
}

.modal-content-placeholder p,
.modal-content-placeholder ul {
    margin-bottom: 20px;
    line-height: 1.6;
    color: #666;
}

.modal-content-placeholder ul {
    list-style-position: inside;
    padding-left: 0;
}

/* aタグをボタンのように見せる */
.open-modal-link-or-btn {
  max-width:700px;
    display: inline-block; /* aタグはデフォルトでinlineなので、ブロック要素として扱えるように */
    font-size: 16px;
    cursor: pointer;
    color: white;
    text-decoration: none; /* 下線を消す */
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}


/* modalContents-lineFriend-coupon */
div.lineFriend-coupon h3{
  color:#fff;
  font-weight:bold;
  background:#01bb00;
  padding:15px;
}
div.lineFriend-coupon figure img{
  max-width: 200px;
  margin:auto;
}
div.lineFriend-coupon button.close-modal-btn{
  width: calc(100% - 20px);
  background: #000;
  border-radius: 5px;
  color: #fff;
  margin: 10px;
  padding: 10px;
}
/* modalContents-lineFriend-soldout */
div.lineFriend-soldout h3{
  color:#fff;
  font-weight:bold;
  background:#01bb00;
  padding:15px;
}
div.lineFriend-soldout figure img{
  max-width: 200px;
  margin:auto;
}
div.lineFriend-soldout button.close-modal-btn{
  width: calc(100% - 20px);
  background: #000;
  border-radius: 5px;
  color: #fff;
  margin: 10px;
  padding: 10px;
}


/* product-LINE友だち追加ボタン */
/* line-soldOut-button */
a.line-button-soldOut{
width: 100%;
color: #fff;
font-weight: bold;
text-align: center;
background: #01b901;
border-radius: 5px;
transition:.4s;
margin-bottom: 50px;
padding: 20px;
}
a.line-button-soldOut:hover{
  opacity:.6;
  transition:.4s;
}
/* line-banner */
a.lineButton_sideColumn{
  transition:.4s;
  margin-bottom: 50px;
}
a.lineButton_sideColumn:hover{
  opacity:.6;
  transition:.4s;
}


/* product-block product-block--price */
div.product-block.product-block--price{
  font-size: 22px;
  display: flex;
  align-items: center;
}
span.product__price{
  font-size: 22px;
  margin-right: 15px;
}
.product__price--compare,
.product__price-savings{
  font-size:80% !important;
}
.product__price-savings{
  margin-right:10px;
}

/* product-tag */
div.product-tags{
  margin-bottom: 30px;
}
div.product-tags ul{
  display: flex;
  margin:0;
}
div.product-tags ul li{
  list-style: none;
  margin-right: 10px;
}
div.product-tags ul li a{
  color: #fff;
  background:#000;
  padding:5px 10px;
}

/* product__quantity(数量) */
div.product__quantity div.js-qty__wrapper{
  max-width: 150px;
}
div.product__quantity div.js-qty__wrapper button.js-qty__adjust{
  padding: 0 15px;
}
/* sales-points.postage(送料無料) */
ul.sales-points.postage{
  color: #c00;
  border:solid 1px #c00;
  padding:10px;
}
ul.sales-points.postage span{
  justify-content: center;
}

/* product-thumbnail-img */
.product__thumbs--below .product__thumbs--scroller{
  overflow-x:initial;
  white-space:initial;
  display: flex;
  flex-wrap: wrap;
  gap: 15.40px;
}
@media only screen and (min-width: 769px) {
    .product__thumbs--below .product__thumb-item {
        margin-right: 0;\*15px;*/
    }
}



/* 別の支払い方法を非表示 */
.shopify-payment-button__more-options {
  position:absolute!important; 
  width:1px;height:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px);white-space:nowrap;
}


/* account */
div.page-width.page-content.account div.grid{
  display: flex;
  flex-direction: column;
}
div.page-width.page-content.account div.grid div.grid__item{
  width:100%;
}
div.page-width.page-content.account div.grid div.grid__item h2,
div.page-width.page-content.account div.grid div.grid__item h3{  
  color: #fff;
  font-size: 100%;
  text-align: center;
  background: #000;
  padding: 10px;
}
div.page-width.page-content.account div.grid div.grid__item p.addressEdit{
  padding-top: 20px;
}
div.page-width.page-content.account div.grid div.grid__item p.addressEdit a{
  border:solid 1px #ccc;
  padding:10px 20px;
}

div.socialplus-association-component{
  margin:auto auto 50px auto;
}

table.orderHistory a{
  text-decoration:underline;
}

/* @media:768 */
@media screen and (max-width:768px){
  table.sw_mailPass tr.table__section td{
    text-align:left;
    display:flex;
    flex-direction:column;
  }
  table.sw_mailPass tr.table__section td input{
    margin-top:15px;
  }
}
/* /@media:768 */
/* /account */



/* DEALER LIST */
div#main_freepagebox_dealers h2{
  font-weight: bold;
  border-bottom: solid 2px #000;
}
div#main_freepagebox_dealers h3{
  text-align: center;
  color: #fff;
  background: #000;  
  padding: 10px;
}
div#main_freepagebox_dealers h4{
  border:solid 1px #000;
  padding: 10px 15px;
}

/* page-legal-notice(特定商取引法に基づく表記（返品など）) */
section#legal-notice h3{
  font-weight: bold;
}
section#legal-notice dl#company{
  display:flex;
  flex-wrap:wrap;
  gap:0 20px
}
section#legal-notice dl#company dt,
section#legal-notice dl#company dd{
  display:flex;
  align-items: center;
  border-bottom:solid 1px #ccc;
  padding:25px 0;
}
section#legal-notice dl#company dt{
  width:200px;
}
section#legal-notice dl#company dd{
  width:calc(100% - 200px - 20px);
  margin:0;
}

section#legal-notice dl#payment,
section#legal-notice dl#shipping{
  border:solid 1px #ccc;
  padding:25px;
}
section#legal-notice dl#payment dt,
section#legal-notice dl#shipping dt{
  font-weight: bold;
  border-bottom: solid 1px #ccc;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
section#legal-notice dl#payment dd,
section#legal-notice dl#shipping dd{
  margin:0;
}
section#legal-notice dl#payment dd:not(:last-of-type),
section#legal-notice dl#shipping dd:not(:last-of-type){
  margin: 0 0 50px 0;
}
/* /page-legal-notice(特定商取引法に基づく表記（返品など）) */


dl#company-policy{
  background:red;
}


/* mypage */
div.password_forget{
  border-top:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
  margin: 30px 0;
  padding: 20px 0;
}
div.password_forget p{
  font-size: 14px;
}
div.password_forget a{
  font-size: 12px;
  border:solid 1px #000;
  display: block;
  padding:10px;
}
div.create_account p{
  font-size: 14px;
}
div.create_account a{
  font-size: 12px;
  border:solid 1px #000;
  display: block;
  padding:10px;
}

div#RecoverPasswordForm h2{
  font-size: 20px;
}
div#RecoverPasswordForm p{
  font-size: 14px;
}

/* privacypolicy */
div.shopify-policy__title h1{
  margin-bottom: 50px;
}
div.shopify-policy__container{
  max-width:800px;
}
/* /privacypolicy */