/** Shopify CDN: Minification failed

Line 874:40 Expected ":"
Line 1225:9 Unexpected "{"
Line 1225:18 Expected ":"
Line 1227:11 Unexpected "{"
Line 1227:20 Expected ":"

**/
/* =============================
   common
============================= */
/* button
---------------------- */

.button {
    max-width: 440px;
    min-width: 310px;
    height: 64px;
    background-color: #D10000;
    font-size: 1.6rem;
    border-radius: 4px;
    font-weight: 700;
    transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (max-width: 480px) {
    .button {
        min-width: 270px;
        font-size: 1.5rem;
    }
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
    .button {
        max-width: 340px;
    }
}
/*不要なラインと影を削除*/
.button::after,
.button::before {
    box-shadow: none;
    border: none;
}
.button::after {
    position: static; /* ← absolute を無効化 */
    inset: auto;       /* top/right/bottom/leftを一括でリセット */
    content: none;     /* 余計なボックスを消す */
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    inline-size:16px; 
    block-size:16px; 
    -webkit-mask: url('/cdn/shop/files/icon-arrow.svg?v=1756271695') no-repeat center / contain;
          mask: url('/cdn/shop/files/icon-arrow.svg?v=1756271695') no-repeat center / contain;
    background-color: currentColor;
    transition: transform .2s ease;
}
.button:hover {
    background-color: #8A0000;
}
.button:hover::after {
    transform: translateX(4px);
}
.rich-text__buttons {
    max-width: 48rem;
}

/* h2
---------------------- */
h2 strong {
    color: #D10000;
}

/* product-card ranking
---------------------- */

.product-card-wrapper .card .card__inner {
    border-radius: 4px;
}
.product-icon {
    gap: 3px;
}
.product-icon__label {
    border-radius: 2px;
}
.price-sales-unit-icon {
    margin-right: 5px;
    background-color: #D10000;
    font-size:  1.5rem;
}
.price-login-prompt .price-login-text .price-login-link {
    font-size: 1.8rem;
}
.price-login-text a {
    color: #D10000;
}


/* product-card (季節のおすすめと今日のおすすめ)
---------------------- */

.collection .grid__item {
    background: #fff;
    border-radius: 6px;
    padding: 1.4rem;
}
.grid__item .card__content .card__heading.h4 {
    font-size: 2.3rem;
}
.grid__item .card__content .card__information {
    margin-top: 1.6rem;
    padding-top: 0;
    padding-bottom: 0;
}
.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: 1.6rem;
}
.caption-large {
    font-size: 1.8rem;
}
.product-icon .product-icon__label {
    font-size: 1.5rem;
}
.price-login-prompt .price-login-text {
    font-size: 1.6rem;
}
.price-login-prompt .price-sales-unit-icon {
    font-size: 1.4rem;
}
.collection .product-grid {
    margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
    .collection .grid__item {
        padding: 8px;
    }
    .grid__item .card__content .card__heading.h4 {
        font-size: 1.5rem;
    }
    .caption-large {
        font-size: 1.2rem;
    }
    .price-login-prompt .price-login-text {
        font-size: 1.1rem;
    }
    .price-login-prompt .price-sales-unit-icon {
        font-size: 1rem;
    }
    .price-login-prompt .price-login-text .price-login-link {
    font-size: 1.2rem;
}
    .product-icon .product-icon__label {
        font-size: 1rem;
    }
    
  
}


/* =============================
   Header
============================= */

@media (min-width: 990px) {
    /* 左：ロゴ / 中：可変枠（右寄せメニュー） / 右：アイコン */
    .header {
        display: grid;
        grid-template-columns: auto 1fr auto;
    }
    .header__inline-menu {
        justify-self: end;
    }
}

/* announcement-bar */
.announcement-bar__message {
    font-size: clamp(12px, 2.5vw, 18px);
    font-weight:800;
    letter-spacing: 0.03em;
    padding: 0.8rem 0;
    min-height: auto;
}

.header__menu-item {
    font-size: clamp(14px, .95vw, 16px);
    font-weight:700;
    letter-spacing: 0.03em;
}

/* =============================
   Section
============================= */
.title, .title-wrapper-with-link {
    margin-bottom:  1.6rem;
}
.h2 {
  font-size: clamp(20px, 2.5vw, 32px);
  font-weight:700;
  line-height: 1.6;
}

/* =============================
   section-keyword-list
============================= */
.section-keyword-list {
    background-color: #EDECEA;
}
.section-keyword-list h2 {
    text-align: left;
}
.section-keyword-list .keyword-list {
    background: none;
    padding: 0;
}
.section-keyword-list .keyword-list__item-link {
    border-radius: 8px;
}
.keyword-list__item a {
    transition: background-color 0.3s ease, color 0.3s ease;
}
.keyword-list__item a:hover {
    background-color: #222222;
    color: #ffffff;
}

/* =============================
   shopify-section rich-text 上原ミートについて
============================= */
#shopify-section-template--17254034997332__rich_text_CEYPAF {
    position: relative;
    background: url(/cdn/shop/files/about.png?v=1756268796) center/cover no-repeat;
    /* 中央寄せ＆高さ */
    min-height: 520px;
    display: grid;
    place-items: center;
    padding-block: clamp(40px, 8vw, 120px);
    overflow: hidden;
}
#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text {
    background: none;
}
/* 見出し・本文のトーン */
#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text h2,
#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text p { 
    color: #ffffff;
}
#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text p {
  font-size: 1.5rem;
  line-height: 1.7;
}
/* ボタン */
#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__buttons {
    max-width: 485px;
}

#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__buttons .button {
    width: 100%;
    height: 64px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    padding: 1rem 1.6rem;
    color: #ffffff;    
    transition: background-color 0.3s ease, color 0.3s ease;
}
#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__buttons .button::after {
    position: static;  /* ← absolute を無効化 */
    inset: auto;       /* top/right/bottom/leftを一括でリセット */
    content: none;     /* 余計なボックスを消す */
    box-shadow: none;
    border: none;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    inline-size:16px; 
    block-size:16px; 
    margin-left:8px;
  -webkit-mask: url('/cdn/shop/files/icon-arrow.svg?v=1756271695') no-repeat center / contain;
          mask: url('/cdn/shop/files/icon-arrow.svg?v=1756271695') no-repeat center / contain;
    background-color: currentColor;
    transition: transform .2s ease;
}
#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__buttons a.button:hover {
    background: rgba(255, 255, 255, 0.3);
}
#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__buttons .button:hover::after,
#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__buttons a.button:hover::after {
  transform: translateX(4px);
}

#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__text {
    margin-top: 24px;
    margin-bottom: 32px;
}

@media screen and (max-width: 480px) {
    #shopify-section-template--17254034997332__rich_text_CEYPAF {
        padding-block: 0;
    }
    /*#shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__wrapper {
        width: 95%;
    }*/
    #shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__blocks {
        max-width: 40rem;
    }
    #shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__blocks p {
        text-align: left;
    }
    #shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__text {
        margin-bottom: 0;
    }
}

/* タブレット 481px～1023px → 2列 */
@media screen and (min-width: 481px) and (max-width: 1023px) {
    #shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__blocks {
        max-width: 40rem;
    }
    #shopify-section-template--17254034997332__rich_text_CEYPAF .rich-text__blocks p {
        text-align: left;
    }
}

/* PC 1024px～ → 3〜4列 */
@media screen and (min-width: 1024px) {
  
}
/* =============================
   section-collection-list 業種から選ぶ
============================= */
/* ↓カード見出しのはみ出し防止（恒久） */
.collection-list .card,
.collection-list .card__content {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.collection-list .card__information,
.collection-list .card__heading {
  min-width: 0;            /* ←最重要 */
  max-width: 100%;
}

.collection-list .card__heading .full-unstyled-link {
  display: block;
  width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 任意：スマホは2行で省略 */
@media (max-width: 480px) {
  .collection-list .card__heading .full-unstyled-link {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* ↑カード見出しのはみ出し防止（恒久） */

.section-template--17254034997332__collection_list_JCyWbF-padding .card-wrapper .card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

/*黒オーバーレイ*/
.section-template--17254034997332__collection_list_JCyWbF-padding .card-wrapper .card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
    z-index: 1;
    transition: background-color .25s ease;
}
.section-template--17254034997332__collection_list_JCyWbF-padding .card-wrapper .card:hover .card__inner::before {
    background: rgba(0,0,0,.48);
} 
/*テキストを画像に重ねる*/
.section-template--17254034997332__collection_list_JCyWbF-padding .card-wrapper .card__content {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.section-template--17254034997332__collection_list_JCyWbF-padding .card__content .card__information h3{
    color: #ffffff;
    text-align: center;
}

/*矢印を二行目*/
.section-template--17254034997332__collection_list_JCyWbF-padding .full-unstyled-link {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section-template--17254034997332__collection_list_JCyWbF-padding .icon-wrap {
    display: block;
}

@media (max-width: 480px) {
  .card__content { padding-inline: 12px; }  /* テーマの余白に合わせて微調整 */
}


/* =============================
   collection-ranking 人気ランキング
============================= */
.collection-ranking {
    background: #EDECEA;
}
.collection-ranking .grid {
    margin-bottom: 2rem;
}
#shopify-section-template--17254034997332__featured_collection .card__heading.h4 {
    font-size: 1.5rem;
} 

#shopify-section-template--17254034997332__featured_collection .collection-ranking .grid__item {
    border-radius: 4px;
    background: #fff;
    padding: 8px;
}
.collection-ranking .card__media:before {
    border-radius: 4px 0 0 0;
    top: 0;
    left: 0;
}
#shopify-section-template--17254034997332__featured_collection .caption-large {
    font-size: 1.2rem;
}
#shopify-section-template--17254034997332__featured_collection .caption-large p {
    line-height: 1.4;
}
#shopify-section-template--17254034997332__featured_collection .product-icon .product-icon__label {
    font-size: 1rem;
}
#shopify-section-template--17254034997332__featured_collection .price-login-prompt .price-login-text {
    font-size: 1.1rem;
}
#shopify-section-template--17254034997332__featured_collection .price-login-prompt .price-login-text .price-login-link {
    font-size: 1.2rem;
}
#shopify-section-template--17254034997332__featured_collection .price-sales-unit-icon {
    margin-right: 3px;
    font-size: 1rem !important;
}

#shopify-section-template--17254034997332__featured_collection .card__content .card__information {
    margin-top: 0;
    padding-top: 1rem;
    padding-bottom: 0;
}

#shopify-section-template--17254034997332__featured_collection .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: 0.7rem;
}

/* =============================
   shopify-section (選ばれる理由・このセクションだけに適用)
============================= */
#shopify-section-template--17254034997332__multicolumn_HbJFx7 {
   position: relative;
   overflow: visible !important;
   background: url(/cdn/shop/files/reasons.png?v=1756346945) center/cover no-repeat;
   margin: 12vw 0;
   padding-block: clamp(40px, 8vw, 120px);
   z-index: 10;  
}
/* 2) 中間ラッパーが“基準化”しないよう解除（重要） */
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .gradient,
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .page-width,
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .title-wrapper-with-link,
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .center {
  position: static !important;
  overflow: visible !important;
}
/* 見出しをセクションから浮かせる距離を調整 */
#shopify-section-template--17254034997332__multicolumn_HbJFx7 h2.title {
  position: absolute;
  top: -53%;                 
  left: 50%;
  transform: translate(-50%, -70px);;
  z-index: 2;
  text-align: center;
}
#shopify-section-template--17254034997332__multicolumn_HbJFx7 h2.title::after{
  content:"";
  position:absolute; left:50%; top:130%;
  transform: translateX(-50%);
  width: 1px; height: 74px; background: rgba(0,0,0);
}
/* ボタンのラッパーを絶対配置で下へ */
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .center > a.button,
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .center > .button,
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .buttons,
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .button-row,
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .rich-text__buttons {
    position: absolute;
    left: 50%;
    bottom: -110px; 
    transform: translate(-50%, 50%);
    z-index: 10;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 0;
}
#shopify-section-template--17254034997332__multicolumn_HbJFx7 + .shopify-section{
   position: relative;
  z-index: 1;
}
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .gradient {
    background: none;
}
/* 6カラム余白 */
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-list {
  gap: 0;
  counter-reset: reason;/* 番号バッジ用 */
  justify-content: center;
}
/* パネル本体（半透明白＋罫線） */
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-card {
  height: 100%;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(2px);
  border-right: 1px solid rgba(0,0,0);
  padding: 45px 16px 20px !important;
  /*display: grid;
  place-items: center;*/
  text-align: center;
}
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-list__item:first-child .multicolumn-card { 
    border-left: 0; 
}
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-list__item:last-child  .multicolumn-card { 
    border-right: 0; 
}
/* アイコン */
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-card__image,
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-card__image-wrapper { 
    max-width: 68px; margin-inline: auto; 
}
/* 説明文 */
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-card__info { 
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
#shopify-section-template--17254034997332__multicolumn_HbJFx7 h3.inline-richtext {
    font-size: 1.6rem;
    line-height: 1.5;
}
/* 赤い丸番号（01〜）を自動付与 */
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-list__item { position: relative; }
#shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-list__item::after {
  counter-increment: reason;
  content: counter(reason, decimal-leading-zero);
  position: absolute; left: 50%; top: -14px; transform: translateX(-50%);
  inline-size: 40px; block-size: 40px; border-radius: 9999px;
  background: #D10000; color: #fff; display: grid; place-items: center;
  font-family: 'Schibsted Grotesk', sans-serif;
  font-weight: 500;       /* 例: 太字 */
  font-size: 16px;        /* 必要ならサイズ調整 */
  line-height: 1; 
  letter-spacing: .1em;
  z-index: 2;
}
/* タブレット以下は列数を減らす（必要なら微調整） */
@media (max-width: 1024px) { 
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-list { 
        grid-template-columns: repeat(3,1fr); 
    } 
}
@media (max-width: 600px)  { 
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 {
        margin: 32vw 0 16vw;
    }
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 h2.title {
        top: -7%;
    }
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-list { 
        grid-template-columns: repeat(2,1fr); 
    }
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-card {
        border-bottom: 1px solid rgba(0,0,0);
    }
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 .multicolumn-list__item:nth-child(even) .multicolumn-card {
        border-right: none; 
    }
    
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 .center > a.button,
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 .center > .button,
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 .buttons,
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 .button-row,
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 .rich-text__buttons {
        bottom: -40px;
    } 
}
@media screen and (max-width: 480px) {
    #shopify-section-template--17254034997332__multicolumn_HbJFx7 .center > a.button, #shopify-section-template--17254034997332__multicolumn_HbJFx7 .center > .button {
        width: 270px;
    }
}


/* =============================
   shopify-section (お届け目安)
============================= */
#shopify-section-template--17254034997332__custom_html_Rhxpah {
    background: #EDECEA;
}
#shopify-section-template--17254034997332__custom_html_Rhxpah .title.h2 {
    position: relative;
}
#shopify-section-template--17254034997332__custom_html_Rhxpah .title.h2::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: 74px;
    height: 1px;
    background: rgba(0, 0, 0);
    margin-left: 40px;
}
@media screen and (max-width: 480px) {
    #Slider-template--17254034997332__custom_html_Rhxpah {
        margin-bottom: 0;
    }
  
}

/* =============================
   部署紹介テンプレート
============================= */
/* ===== Feature Banner ===== */
.ue-feature { padding-block: var(--pad) }
.ue-feature__inner { 
    display:grid; 
    grid-template-columns: minmax(300px, 62%) minmax(200px, 38%);
    gap: clamp(16px,3vw,32px); 
    align-items: center;
}
.ue-feature__inner.is-reverse { direction: rtl; }
.ue-feature__inner.is-reverse > * { direction: ltr; }

.ue-feature__media { position:relative; }
.ue-feature__img { width:100%; height:auto; display:block; border-radius: 6px; }

.ue-feature__content { 
    display:grid;
    gap: 10px;
    align-content:start; 
    }

/* 小ラベル（角丸・細枠） */
.ue-feature__eyebrow{
  display:inline-block; 
  justify-self: start;
  padding: 6px 12px; 
  color:#c8382f; 
  font-weight:700; 
  font-size:14px;
}
.ue-feature__eyebrow {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  padding: 0 12px; /* 左右に余白を入れて括弧と文字を離す */
}

/* 左カギ括弧 */
.ue-feature__eyebrow::before,
.ue-feature__eyebrow::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;  /* カギ括弧の横線長さ */
  border: 2px solid #d21e1e; /* 赤色 */
}

.ue-feature__eyebrow::before {
  left: 0;
  border-right: none; /* 右側消す＝「[」 */
}

.ue-feature__eyebrow::after {
  right: 0;
  border-left: none;  /* 左側消す＝「]」 */
}
/* 赤帯（細長い赤ラベル） */
.ue-feature__kicker{
    position: relative;
    z-index: 2;
    transform: translateX(-40%);
    justify-self: start;
    display:inline-block; 
    margin-top: 15px; 
    padding: clamp(6px, 0.9vw, 10px) clamp(10px, 1.3vw, 14px);
    background:#d21e1e; 
    color:#fff; 
    font-weight:700; 
    font-size: clamp(15px, 1.4vw, 28px);
}

/* 大きい赤見出し（白文字） */
.ue-feature__title{
    justify-self: start;
    display:inline-block; 
    margin: 0; 
    padding: 10px 14px;
    background:#d21e1e;
    color:#fff;
    font-weight:800;
    line-height:1.2; 
    font-size: clamp(24px, 2.2vw, 40px);
}

/* 本文 */
.ue-feature__body{ 
    margin-top: 26px;
    color:#222; 
    font-size: 14px; 
    line-height:1.9; 
}

/* ボタンは必要なら */
.ue-feature__btn{ margin-top: 12px; }

/* SP: 1カラムに */
@media (max-width: 600px){
  .ue-feature__inner { grid-template-columns: 1fr; }
  .ue-feature__eyebrow {
    font-size: 14px;
  }
  .ue-feature__media { order: -1; } /* 先に画像、後にテキスト（お好みで） */
  .ue-feature__kicker {
    transform: none;
    margin-top: 0;
  }
  .ue-feature__body {
    margin-top: 10px;
  }
}

@media screen and (max-width: 480px) {
  
}

@media screen and (min-width: 481px) and (max-width: 1023px) {
    .ue-feature__inner { 
        align-items: flex-start;
        grid-template-columns: minmax(300px, 50%) minmax(200px, 50%);
    }
    .ue-feature__eyebrow {
        font-size: 13px;
    }
    .ue-feature__kicker {
        margin-top: 0;
        transform: translateX(-30%);
    }
    .ue-feature__body {
        margin-top: 0;
        font-size: 13px;
    }
  
}

@media screen and (min-width: 1024px) {
  
}
/* ==========================
   FAQセクション専用（IDスコープ）
========================== */
#shopify-section-template--17254034997332__collapsible_content_C6hxbE .collapsible-content-wrapper-narrow {
    max-width: 90rem;
}
#shopify-section-template--17254034997332__collapsible_content_C6hxbE summary {
    transition: transform .2s ease;
}

#shopify-section-template--17254034997332__collapsible_content_C6hxbE summary:hover {
    background: #FAFAFA;
}
#shopify-section-template--17254034997332__collapsible_content_C6hxbE .collapsible-content summary:hover .accordion__title {
    text-decoration: none;
}

#shopify-section-template--17254034997332__collapsible_content_C6hxbE summary .svg-wrapper,
#shopify-section-template--17254034997332__collapsible_content_C6hxbE summary .icon {
  display: none !important;
}
#shopify-section-template--17254034997332__collapsible_content_C6hxbE {
  /* 背景や余白の調整があればここに */
}
/* 見出し */
#shopify-section-template--17254034997332__collapsible_content_C6hxbE h2 {
    margin-bottom: 110px;
}
#shopify-section-template--17254034997332__collapsible_content_C6hxbE h2::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 130%;
    transform: translateX(-50%);
    width: 1px;
    height: 74px;
    background: rgba(0, 0, 0);
}
#shopify-section-template--17254034997332__collapsible_content_C6hxbE .title-wrapper-with-link h2 {
  text-align: center;
  font-weight: 800;
  letter-spacing: .03em;
}
#shopify-section-template--17254034997332__collapsible_content_C6hxbE .accordion__title.h4 {
    max-width: none !important; 
    flex: 1 1 auto; 
    min-width: 0;
    font-size: clamp(15px, 1.6vw, 17px);
    font-weight: 700;
}
/* 各項目のベース */
#shopify-section-template--17254034997332__collapsible_content_C6hxbE .accordion {
    border: none;
}
#shopify-section-template--17254034997332__collapsible_content_C6hxbE details {
  border-top: 1px solid #E5E5E5;
}

/* summary をフラット化（ネイティブマーカーを隠す） */
#shopify-section-template--17254034997332__collapsible_content_C6hxbE summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  padding-left: 48px;
  padding-right: 48px;
  display: block;
  padding: 20px 56px 20px 56px; /* 左右余白 = Q と ＋ のスペース */
  line-height: 1.6;
  background: #fff;
}

#shopify-section-template--17254034997332__collapsible_content_C6hxbE summary::-webkit-details-marker { display: none; }

/* 左の「Q.」丸バッジ */
#shopify-section-template--17254034997332__collapsible_content_C6hxbE summary::before {
  content: "Q.";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-60%);
  display: grid;
  place-items: center;
  inline-size: 28px;
  block-size: 28px;
  color: #d21e1e;
  font-family: "Schibsted Grotesk", sans-serif;
  font-weight: 500;
  font-size: clamp(16px, 1.6vw, 24px);ß
}

/* 右の「＋」アイコン（open で「－」に変化） */
#shopify-section-template--17254034997332__collapsible_content_C6hxbE summary::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  inline-size: 18px;
  block-size: 18px;
  color: #d21e1e;
  
  /* 2本の線を2レイヤーで描画（横棒＋縦棒） */
  background-image:
    linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-position:
    50% 50%,          /* 横棒の中央 */
    50% 50%;          /* 縦棒の中央 */
  background-size:
    12px 2px,         /* 横棒: 幅12 高さ2 */
    2px 12px;         /* 縦棒: 幅2  高さ12 */
  background-repeat:no-repeat,no-repeat;
}
/* ===== open時はマイナスに変化（縦棒を消す） ===== */
#shopify-section-template--17254034997332__collapsible_content_C6hxbE details[open] summary::after{
  background-size:
    12px 2px,   /* 横棒だけ残す */
    0 0;        /* 縦棒を消す */
}

/* 回答部分 */
#shopify-section-template--17254034997332__collapsible_content_C6hxbE .collapsible-content__info {
  padding: 14px 56px 24px 56px;
  color: #333;
  line-height: 1.9;
  background: #fff;
}
#shopify-section-template--17254034997332__collapsible_content_C6hxbE .accordion__content {
    margin-top: 1.5rem;
    padding: 0 56px;
    font-size: 1.5rem;
}
@media (max-width: 600px){
    #shopify-section-template--17254034997332__collapsible_content_C6hxbE summary {
        padding: 20px 46px;
    }
    #shopify-section-template--17254034997332__collapsible_content_C6hxbE summary::before {
        left: 8px;
    }
    #shopify-section-template--17254034997332__collapsible_content_C6hxbE summary:after {
        right: 8px;
    }
}
@media screen and (max-width: 480px) {
    #shopify-section-template--17254034997332__collapsible_content_C6hxbE h2 {
        margin-bottom: 64px;
    }
    #shopify-section-template--17254034997332__collapsible_content_C6hxbE h2::after {
        height: 54px;
    }
    #shopify-section-template--17254034997332__collapsible_content_C6hxbE .accordion__content {
        padding: 0 16px;
        font-size: 1.4rem;
    }
  
}

/* =============================
   お問合せCTAテンプレート
   （ue-contact-cta.liquidのスタイル）
============================= */

/* ===== 見出し（中央＋縦バー） ===== */
.ue-cta { padding-block: var(--pad); }
.ue-cta__hdg { text-align: center; }
.ue-cta__title{
  font-size: clamp(20px, 2.8vw, 30px);
  font-weight: 800;
  letter-spacing: .02em;
}
.ue-cta__bar{
  display: block;
  width: 1px; 
  height: clamp(28px, 6vw, 74px);
  margin: clamp(12px, 1.6vw, 18px) auto 0;
  background: #000;
}

/* ===== 背景画像 + 前面パネル ===== */
.ue-cta__hero{ 
    position: relative;
    display: grid;
    max-width: 95rem;
    margin: 18px auto 24px;
}
.ue-cta__cell {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.ue-cta__bg{ 
    grid-area: 1 / 1;
    justify-self: stretch;    /* 横方向ストレッチ */
    align-self: stretch;      /* 縦方向ストレッチ ←重要 */
    width: 100%;
    height: 100%;
    object-fit: cover;        /* 縦に広げてもトリミングで自然 */
    display: block;           /* 画像の下の隙間対策 */
    border-radius: 8px;
}

/* ガラス風パネル（画像の下辺をまたぐ） */
.ue-cta__panel{
    grid-area: 1 / 1;
    place-self: center;  
    z-index: 1;
    padding: clamp(16px, 2.4vw, 24px);

    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
}

/* 2) Grid/子要素を“縮められる”ように（最重要） */
.ue-cta__row,
.ue-cta__cell,
.ue-cta__cell > * {
  min-width: 0;         /* 既定の auto を 0 に */
  max-width: 100%;
}

/* 3) ボタンやテキストが右に押し出さないよう折返し */
.ue-cta__panel h3,
.ue-cta__panel p,
.ue-cta__btn {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 4) ボタンの矢印など擬似要素が外に出ないように */
.ue-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.ue-cta__btn::after {
  position: static;      /* 右へ絶対配置してはみ出すのを防ぐ */
  transform: none;
  margin-left: .5em;
}

/* 5) スマホは内側余白を少し詰める（必要なら） */
@media (max-width: 480px) {
  .ue-cta__panel { padding-inline: 16px; }
}



/* 行レイアウト（左TEL／右ボタン） */
.ue-cta__row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(12px, 7vw, 100px);
  align-items: center;
}

/* ===== TELブロック ===== */
.ue-cta__body {
    margin-top: 10px;
}
.ue-cta__cell{ 
    display:flex; 
    align-items:center; 
    flex-flow: column;
    gap: clamp(8px, 1.4vw, 15px); 
}
.ue-cta__icon__phone {
    width: 34px; 
    height: auto;
}
.ue-cta__tel{
    margin-bottom: 10px;
    font-family: 'Schibsted Grotesk', sans-serif;
    font-size: clamp(22px, 4vw, 50px);
    font-weight: 800;
    line-height: 1;
}
.ue-cta__tel a{
    color: #fff; 
    text-decoration: none; 
}
.ue-cta__note{ 
    margin-top: 6px;
    text-align: center; 
    font-size: clamp(12px, 1.6vw, 12px); 
    color: #fff; 
}

/* ===== 右側（ボタン＋注意書き） ===== */
.ue-cta__icon__mail {
    margin-bottom: 12px;
    width: 46px; 
    height: auto;
}
.ue-cta__cell--btn{ 
    justify-content: flex-end; 
    flex-wrap: wrap;
    padding-top: 20px;
}
.ue-cta__btn{
  display: inline-flex; 
  align-items: center; 
  background: #fff;
  gap: 10px;
  padding: clamp(10px, 1.2vw, 12px) clamp(16px, 2vw, 20px);
  border-radius: 8px;
  font-weight: 700; 
  line-height: 1;
  color: #222222;
}
.ue-cta__btn:after {
    background-color: #D10000;
}
.ue-cta__footnote{
  flex-basis: 100%;
  margin: 0;
  max-width: 310px;
  text-align: center;
  font-size: clamp(11px, 1.4vw, 12px);
  color:#fff;
}
.ue-cta__btn:hover {
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    padding: 1rem 1.6rem;
    color: #ffffff;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.ue-cta__btn:hover::after {
    background-color: #ffffff;
}



/* ===== SP：1カラム落ち ===== */
@media (max-width: 749px){
    .ue-cta__hero {
        width: 100%;
    }
    .ue-cta__panel{ 
        margin-top: clamp(12px,2vw,16px);
        transform: none;
    }
    .ue-cta__row { 
        grid-template-columns: 1fr; 
    }
    .ue-cta__cell {
        padding: 10px;
    }
    .ue-cta__note {
        margin-bottom: 0;
    }
    .ue-cta__cell--btn { 
        justify-content: center; 
    }
    .ue-cta__btn { 
        width: min(92%, 420px); 
        justify-content:center; 
    }
}

@media screen and (max-width: 480px) {
    .ue-cta {
        padding-top: 27px;
        padding-bottom: 27px;
    }
    .ue-cta .ue-cta__hero {
        max-width: 90%;
        margin: 0 auto;
    }
    .ue-cta .ue-cta__btn { 
        width: 100% !important; 
        justify-content:center; 
    }
    .ue-cta__bar {
        height: 54px;
        margin: 20px auto;
    }
    .ue-cta__tel {
        text-align: center;
    }
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
    .ue-cta .ue-cta__hero {
        max-width: 90%;
    }
}

/* PC 1024px～ → 3〜4列 */
@media screen and (min-width: 1024px) {
  
}

/* =============================
   footerテンプレート
   （ue-footer.liquidのスタイル）
============================= */
@media screen and (min-width: 481px) and (max-width: 1023px) {
    .ue-footer__inner {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .ue-footer__title {
        font-size: 1.5rem;
    }
    .ue-footer__rich p {
        font-size: 13px;
    }
    .ue-footer__logos {
        gap: 8px;
    }
}
@media screen and (min-width: 1024px) {
  .ue-footer__inner {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

/* =============================
   DEV専用：320〜480pxでプレビューバーを隠す
============================= */
@media (max-width: 480px) {
  #PBarNextFrameWrapper { display: none !important; }
}
/* 横スクロールの隠し網（暫定） */
html, body { overflow-x: hidden; }

/* =============================
   FVレスポンシブスライドショー
============================= */
/* 例：比率をCSS管理したいとき */
#Slider-{{ section.id }} .banner__media { aspect-ratio: 16/9; }
@media (max-width: 749px) {
  #Slider-{{ section.id }} .banner__media { aspect-ratio: 4/5; }
}



/* =============================
   ブレイクポイント
============================= */
/* スマホ ～480px → 1列 */
@media screen and (max-width: 480px) {
  
}

/* タブレット 481px～1023px → 2列 */
@media screen and (min-width: 481px) and (max-width: 1023px) {
  
}

/* PC 1024px～ → 3〜4列 */
@media screen and (min-width: 1024px) {
  
}