/** Shopify CDN: Minification failed

Line 101:20 Expected identifier but found "#ffffff"
Line 101:27 Unexpected ";"

**/


.textbox{
  padding:5px 20px;
  width:fit-content;
  border:1px solid #E32C2B;
  border-radius:5px;
  text-align:center;
  margin-block-end: 0.7rem;
}
.textbox p{
  font-weight:600;
  color:#E32C2B;
}

.color1{
  color:#792F23;
}

/* 画面幅 1000px以上の場合
/======================= 
@media screen and (min-width: 768px) {
 .product-description{
   margin:0 auto;
   width:50%;
  } 
}
*/

/* 画面幅 768px以下の場合
/======================= */
@media screen and (max-width: 768px) {
  .col2list p{
  font-size: 12px;
  }
  .product-description{
    text-align:left;
  }
 
}


/* ■ main-cartのcss
/======================= */

.cart-text{
  text-align:left;
  margin-top:60px;
  font-weight:600;
  color:#4455AC;
}
.delivery-container .title-border{
    margin-top: 0px!important;
}

@media(max-width:768px){  
 .checkout-confirmation{ 
  width: 100%;
 }
 .checkout-confirmation .button{
  width: 100%;  
 }
}


/* ■ collection リンクのCSS
/======================= */

.underline-animation {
  display: inline-block;
  position: relative;
  color: black;
  text-decoration: none;
}
.underline-animation::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: black;
  transform: scaleX(1);
  transform-origin: bottom left;
  transition: transform 0.25s ease-out;
}
.underline-animation:hover::after {
  transform: scaleX(0);
  transform-origin: bottom right;
}

/* ■ 予約販売のCSS
/======================= */
._message_1pijw_36｛
　background-color:#ffffff;
｝

nav ul li{
      display: inline-block;
      margin: 0 20px;
    }


/* ■ 商品ページ　クーポンコード
/======================= */
.coupon-text{
  font-weight:800;
  color:#792F23;
}

.coupon{
  text-align:center;
  border:1px solid #792F23;
  padding:5px;
}
.coupon-title{
   font-weight:500;
   color:#792F23;
}

/* ■ 予約商品
/======================= */

._message_1pijw_36 {
  font-size:0.875rem !important;
}

@media(max-width:768px){
 ._message_1pijw_36{
  font-size:0.8rem !important;
 } 
}

/* ■ 予約商品
/======================= */
.titlebox {
  color:#792F23;
  font-weight:600;
  border:1px solid #792F23;
  border-radius: 5px;
  align-items: center;
  padding: 5px 20px;
  width:fit-content;
}


/* ■ sidebar-menu
/======================= */

.header-sidebar__section-list {
  display: grid;
  gap: 0;
}

.header-sidebar__section {
  margin: 0;
}

.header-sidebar__section-title {
  margin: 12px 0;
  padding: 8px 12px;
  color: #792f23;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.03em;
}

.header-sidebar__section-links {
  margin: 0;
}


.header-sidebar__section-link {
  display: inline-block;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 8px 20px;
  color: rgb(var(--text-color));
  line-height: 1.5;
  text-decoration: none;
  touch-action: pan-y;
}

.header-sidebar__scroller {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.header-sidebar__section-link:active {
  background-color: rgb(var(--text-color) / 0.04);
}

/* ■ コレクションページ
/======================= */

.price-list {
  display: block !important;
}

/* ■ パンくずリスト
/======================= */

.breadcrumb-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 16px 0;

  overflow-x: auto;
  overflow-y: hidden;

  white-space: nowrap;
  flex-wrap: nowrap;

  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.04em;

  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.breadcrumb-wrap::-webkit-scrollbar {
  display: none;
}

.breadcrumb-link,
.breadcrumb-current,
.breadcrumb-separator {
  flex: 0 0 auto;
}

.breadcrumb-link {
  color: #393c41;
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}

.breadcrumb-link:hover {
  color: #393c41;
}

.breadcrumb-separator {
  margin: 0 6px;
  color: #c5c5c5;
  font-size: 10px;
}

.breadcrumb-current {
  color: #999;
}

@media screen and (max-width: 699px) {
  .breadcrumb-wrap {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 10px;
  }

  .breadcrumb-separator {
    margin-inline: 8px;
  }
}