/*
Theme Name:HARVES child
Theme URI:https://tcd-theme.com/tcd118
Description:WordPressテーマ「HARVES」の子テーマ
Template:harves_tcd118
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/* PCメガメニュー内へ移したグローバルメニュー子階層 */
.p-megamenu01__nav {
	margin-block-end: 30px;
}

.p-megamenu01__nav > .sub-menu {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1px;
	list-style: none;
}

.p-megamenu01__nav .sub-menu {
	list-style: none;
}

.p-megamenu01__nav > .sub-menu > li > a {
	display: flex;
	align-items: center;
	min-height: 50px;
	padding: 12px 20px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.1);
}

.p-megamenu01__nav .sub-menu .sub-menu a {
	display: block;
	padding: 9px 20px;
	font-size: 14px;
}

.p-megamenu01__nav a:hover {
	background: rgba(255, 255, 255, 0.18);
}
/*
WPROCKETで「JavaScript実行を遅延」を有効にした場合、cm-front-ajax-loader.js を遅延除外に入れる。
*/
.p-page-header__inner.l-inner {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.gigo {
display: flex;
align-items: center;
}
span.entry-content {
display: block;
text-align: center;
font-size: min(3.7vw, 20px) !important;
}

h2.p-page-header__title {
line-height: 1.8;
font-size: min(4.8vw, 25px) !important;
}
span.sokos {
padding-right: 5px;
font-weight: 700;
}
svg.icon.icon-tabler.icon-tabler-heart-filled {
width: 5vw;
max-width: 24px;
}

/**
 * 🖼️ CM Lazy Load｜画像フェードイン
 */

/* 遅延読み込み前 */
img[data-cm-src] {
opacity: 0;
transition: opacity .6s ease-in-out;
}

/* 遅延読み込み完了 */
img.cm-lazy-loaded {
opacity: 1;
transition: opacity .6s ease-in-out;
}



/*
ここから下にCSSを追記してください。
*/
.tcdce-body > h2,
.tcdce-body > h3,
.tcdce-body > h4,
.tcdce-body > span,
.tcdce-body > p,
.tcdce-body > ul,
.tcdce-body > ol { line-height: 1.8; }


.p-archive.p-archive--voice,
.p-archive.p-archive--voice *,
.p-news-ticker-label,
.c-category, .c-news-category, .p-header-nav__list>li.current-menu-item,
.p-product-cards-item-like-remove::before,
.p-drawer-bottom-buttons-link,
.p-widget-headline,

.p-drawer,
.p-drawer-nav__submenu,
.p-footer-main {
color: var(--tcd-base-font-color) !important;
}

.p-header-membermenu-badge:not(:empty) {
color: #fefefe;
    background: #0caaa8;
}


.p-product-cards-item-like-remove::before {
background: var(--tcd-base-font-color);
}

.p-product-ranking-nav-item.is-active {

    color: #888;

}

.p-archive.p-archive--voice .p-voice-cards a {
    color: #0b57d0!important;
}
.c-wc-product-cat :where(a, span) {
    transition: color 0.3s ease;
    display: grid;
    place-items: center;
    height: 30px;
    padding-inline: 1em;
    padding-block: 1px 0;
    color: var(--tcd-tagcloud-font-color, #000);
    background: var(--tcd-tagcloud-bg-color, #eee);
    border: var(--tcd-tagcloud-border, initial);
    border-radius: 5px;
    font-size: min(3vw, .87em);
    padding: 3px 6px 2px;
    width: max-content;
    flex: 0 0 auto;
}

.p-product-ranking-panel-content-list-item-category {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    gap: 4px;
    padding: 0;
border: 0;
margin: 10px 0 0;
}
body.is-mobile .c-wc-product-cat :where(a, span) {
    flex: 0 0 auto;
}
body.is-mobile .p-product-ranking-panel-content-list-item-category {

    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-y: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    cursor: grab;
    user-select: none;
    overflow-x: scroll;
}
.p-product-ranking-panel-content-list-item .p-product-cards-item-title {
    line-height: 1;
    margin-bottom: 5px;
}
.c-wc-product-cat :where(a, span):hover,
.c-post-tags :where(a:hover),
.p-product-ranking-nav-item-wrap:hover .p-product-ranking-nav-item {
        color: #888;
}

.p-drawer-bottom-buttons-link {
padding: calc(18px + var(--tcd-half-read)) 20px;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #fff;
}

.p-drawer-bottom-search {
background: #fff;
}


.tcdce-body p {
padding: 0 0 18px;
font-size: min(3.8vw,16px);
}

html {
/* モダンブラウザ（Chrome, Edge, Firefox）用 */
scrollbar-gutter: stable;
}

/* Safari向けのフォールバック（iOS/macOS） */
@supports not (scrollbar-gutter: stable) {
html {
/* スクロールバーの有無にかかわらず100vw（画面幅）を確保しつつ、
 計算でガタつきを相殺するテクニック */
overflow-y: scroll;
}
}

:root,
::before,
::after {

/* base */
--tcd-base-container-size: 1280px;
}

/* ========================================================================
 * woocommerce.css
 * ======================================================================== */

*, *::before, *::after
 {
box-sizing: border-box;
min-inline-size: 0;
}

.screen-reader-text {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute!important;
width: 1px;
word-wrap: normal!important
}


.c-wc-number {
display: block !important;
}

.woocommerce div.product {
margin-bottom: 0;
position: relative;
min-height: 220px;
}





.commentlist .comment-text .star-rating:before, .product .woocommerce-product-rating .star-rating:before, .wcpr-overall-rating-right .wcpr-overall-rating-right-star .star-rating:before, .wcpr-stars-count .wcpr-row .wcpr-col-star:before {
opacity: .7 !important;
}

.woocommerce table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0,0,0,.1);
margin-bottom: 1.618em;
width: 100%
}

.woocommerce table.shop_attributes th {
width: 150px;
font-weight: 700;
padding: 8px;
border-top: 0;
border-bottom: 1px dotted rgba(0,0,0,.1);
margin: 0;
line-height: 1.5
}

.woocommerce table.shop_attributes td {
font-style: italic;
padding: 0;
border-top: 0;
border-bottom: 1px dotted rgba(0,0,0,.1);
margin: 0;
line-height: 1.5
}

.woocommerce table.shop_attributes td p {
margin: 0;
padding: 8px 0
}

.woocommerce table.shop_attributes tr:nth-child(even) td,.woocommerce table.shop_attributes tr:nth-child(even) th {
background: rgba(0,0,0,.025)
}





.p-product-cards-item-title {
    margin: 0;
}

/* パンくずリスト */
.c-breadcrumb {
padding-block: 26px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.c-breadcrumb__list {
display: flex;
column-gap: 15px;
font-size: 14px;
white-space: nowrap;
line-height: 1;
}

.c-breadcrumb__item {
display: flex;
align-items: center;
column-gap: 10px;
}

.c-breadcrumb__item:where(:last-of-type) {
color: #999;
}

.c-breadcrumb__item-home {
font-size: 1.5em;
margin: -0.2em -0.2em -0.2em;
}

.c-breadcrumb__item-arrow {
font-size: 1.5em;
color: initial;
margin: -0.2em;
}

@media (any-hover: hover) {
.c-breadcrumb__item :where(a):hover {
color: #999;
}
}

@media not all and (max-width: 991px) {
.c-breadcrumb__item>:where(span) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
visibility: visible;
}

.c-breadcrumb__item:last-of-type {
flex: 1;
overflow: hidden;
}
}

@media (max-width: 991px) {
.c-breadcrumb {
padding-block: 17px;
}

.c-breadcrumb__list {
font-size: 12px;
overflow: auto hidden;
width: 100%;
padding-inline: 20px;


}

.c-breadcrumb__list::-webkit-scrollbar {
display: none;
}

.c-breadcrumb__item {
min-inline-size: auto;
}

}

/* ========================================================================
 * ヘッダー関連
 * ======================================================================== */


*+.p-drawer-member-nav-link {
border-left: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}

.p-drawer-close {
border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}


#js-header.header-hidden.hidden-fornow,
#js-header.header-hidden,
#js-header.hidden-fornow,
#js-header {
transition: transform 0.3s ease;
}

#js-header.header-hidden.hidden-fornow,
#js-header.header-hidden {
transform: translateY(-100%);

}


.p-header-membermenu-button {

    padding-inline: 14px;
}
a.p-header-membermenu-button.p-header-membermenu-button-wishlist {
    display: grid;
}

/* ヘッダーのトランジションは CSS 側で定義 */
#js-header {
transition: transform 0.3s ease;
will-change: transform;
}
#js-header.hide-up {
transform: translateY(-100%);
}

.p-drawer-nav__toggle::before {

mask: var(--tcd-icon--add) no-repeat 94% center / 2em;

}
.p-drawer-nav__toggle {

min-width: 50%;
}
.p-drawer-member-nav-link-member2::before {
    content: '';
    font-size: 1.4em;
    width: 1em;
    height: 1em;
    background-color: currentColor; /* maskを使う場合はbackgroundで色を塗る */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='currentColor'%3E%3Cpath d='M52,9H8a6.006,6.006,0,0,0-6,6V45a6.006,6.006,0,0,0,6,6H52a6.006,6.006,0,0,0,6-6V15A6.006,6.006,0,0,0,52,9Zm2,36a2,2,0,0,1-2,2H8a2,2,0,0,1-2-2V15a2,2,0,0,1,2-2H52a2,2,0,0,1,2,2Z'/%3E%3Crect x='30' y='30' width='14' height='4'/%3E%3Crect x='30' y='22' width='20' height='4'/%3E%3Ccircle cx='18' cy='26' r='6'/%3E%3Cpath d='M23,34H13a3,3,0,0,0-3,3v3H26V37A3,3,0,0,0,23,34Z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='currentColor'%3E%3Cpath d='M52,9H8a6.006,6.006,0,0,0-6,6V45a6.006,6.006,0,0,0,6,6H52a6.006,6.006,0,0,0,6-6V15A6.006,6.006,0,0,0,52,9Zm2,36a2,2,0,0,1-2,2H8a2,2,0,0,1-2-2V15a2,2,0,0,1,2-2H52a2,2,0,0,1,2,2Z'/%3E%3Crect x='30' y='30' width='14' height='4'/%3E%3Crect x='30' y='22' width='20' height='4'/%3E%3Ccircle cx='18' cy='26' r='6'/%3E%3Cpath d='M23,34H13a3,3,0,0,0-3,3v3H26V37A3,3,0,0,0,23,34Z'/%3E%3C/svg%3E") no-repeat center / contain;
}


/* ========================================================================
 * レイアウト
 * ======================================================================== */
body.is-mobile.wishlist .l-contents,
body.is-mobile .l-contents,
body.is-mobile.archive.post-type-archive.post-type-archive-product .l-contents, body.is-mobile .tax-product_cat .l-contents {
inline-size: min(calc(100% - 18px), var(--tcd-base-container-size)) !important;
}

.woocommerce-ordering-sort label {
    display: none;
}

/* 1. カード全体を絶対配置の基準点にする */
.p-product-cards-item {
position: relative;
}

/* 2. 画像ラッパー（または 1枚目の画像自体）のアスペクト比を利用して
.p-product-cards-item-actions の高さを「1枚目画像」と完全に同等にする */
.p-product-cards-item-actions {
position: absolute;
top: 0;
left: 0;
width: 100%;

/* 760x520 のアスペクト比で高さを自動計算（＝1枚目画像の縮小高さと完全に一致） */

height: auto;

/* レイアウト調整（右上にボタンを配置する場合） */
display: flex;
justify-content: center;
align-items: flex-end;
padding: 10px;
box-sizing: border-box;

/* スライダーのドラッグ操作や画像クリックを阻害しないための透過設定 */
pointer-events: none;
z-index: 10;
}

/* 3. ボタン部分のみクリックを有効化 */
.p-product-cards-item-actions button {
pointer-events: auto;
}








body.is-mobile .p-wc-template-loop-flash {
inset: -8px auto auto -5px;
}
body.is-desktop .p-wc-template-loop-flash {
inset: -7px auto auto -9px;
}

@media (max-width: 767px) {
.p-wc-template-loop-flash {
width: 11.5vw;
height: 11.5vw;
max-width: 78px;
max-height: 78px;
border: 2px solid #fff;
font-size: min(2.9vw, 15px);
}
}


.p-wc-template-loop-flash {
border: 2px solid #fff;
}

.p-wc-template-loop-price {
margin: 8px 0 0;
}

.h2-first-title {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
-webkit-line-clamp: 1;

}
.h2-title {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
line-height: 1.4;
font-size: min(2.68vw,13px);
text-align: justify;
font-weight: normal;
letter-spacing: .3px;
}
.p-product-archive-list-header-total.new-total {
display: flex;
font-size: 24px;


}
.total-text {
font-size: 15px !important;
font-weight: normal;
padding: 5px 10px 0 4px;
}

.p-product-cards-item-actions {

background: none;
}



.p-product-quick-view-inner .p-product .woocommerce-product-rating .count {
background: none;
}


.woocommerce-review-link {
display: none;
}
.p-product-quick-view .c-wc-rating {
display: flex;
align-items: center;
}

body.is-mobile div#tab-related.p-product-tabs-section-content-related .p-product-cards.p-archive03.p-wc-loop,
body.is-mobile .p-product-tabs-section.p-product-tabs-section-wishlist .p-product-cards.p-archive03.p-wc-loop,
body.is-mobile #tab-recently-viewed .p-product-cards.p-archive03.p-wc-loop {
width: calc(100% + 12px);
margin: 0 -6px;
white-space: nowrap;
flex-wrap: nowrap;
display: flex;
overflow-x: auto;
transform: translateX(0px);
padding: 10px 6px;
gap: 16px;
}



body.is-mobile div#tab-related.p-product-tabs-section-content-related .p-product-cards-item.product.type-product.status-publish.has-post-thumbnail.shipping-taxable,
body.is-mobile .p-product-tabs-section.p-product-tabs-section-wishlist .p-product-cards-item.product.type-product.status-publish.has-post-thumbnail.shipping-taxable,
body.is-mobile #tab-recently-viewed .p-product-cards-item.product.type-product.status-publish.has-post-thumbnail.shipping-taxable {
flex: 0 0 100%;
height: auto;
list-style: none;
white-space: normal;
max-width: 44%;

}


.woocommerce .p-product-tabs-section-content div.product {
 min-height: 180px;
}

.c-wc-rating {
flex: 1;
display: flex;
align-items: center;
}

body.is-desktop .c-wc-rating {
margin: 0;
}


h2.p-product-cards-item-title.c-hover-color.woocommerce-loop-product__titlebody.is-mobile .c-wc-rating {
margin: 5px 0 0;
}

.p-product-cards.p-archive03.p-wc-loop .c-wc-rating,
.p-cb-item-inner.p-cb-product-inner.l-inner .p-product-cards.p-archive03.p-wc-loop .c-wc-rating {
margin: 5px auto 0;
}
.id_price5r.kesu {
display: none;
}
div#cm-related-ajax .p-product-cards.p-archive03.p-wc-loop .c-wc-rating,
div#cm-wishlist-ajax .p-product-cards.p-archive03.p-wc-loop .c-wc-rating,
div#cm-recent-ajax .p-product-cards.p-archive03.p-wc-loop .c-wc-rating {
    margin: 0 auto;
}
.bpr-rating-stars .c-wc-rating .star-rating {
    font-size: min(4.5vw, 20px);
}

.p-product-tabs-section-content-description p {
padding: 0 2px 18px;
font-size: min(3.8vw, 16px);
line-height: 1.8;
}



/* ========================================================================
 * 装飾・その他
 * ======================================================================== */

 .p-header-membermenu-button:hover, .p-header-nav__list > li:hover > a, .p-header-search:hover .p-header-search-open {
    color: #bbb;
}

@media (any-hover: hover) {
:where(a, .c-thumbnail):hover .c-thumbnail-image {
filter: unset;
}
}
.p-product-cards-item-actions-item-like.is-liked:before {
background: #ccc;
}
span.rating-number span {
font-size: 12px;

}

span.rating-number {
padding-left: 12px;
font-size: min(4.6vw, 18px) !important;
letter-spacing: -0.03rem;
margin-top: 0.6%;
}

span.rating-average,
.p-product-cards-item-content span.rating-number {
font-size: min(4vw, 18px) !important;
line-height: 1;

}

span.rating-average, 
span.rating-number {
line-height: 1;


}


.product-header-summary-wrapper span.rating-average,
.p-product-cards-item-content span.rating-average {
    background: #222;
    padding: 4px 6px;
    border-radius: 5px;
    line-height: 100%;
    letter-spacing: -0.02rem;
    font-size: min(2.5vw, 11px) !important;
    color: #fff;
    display: flex;
    align-items: center;
    margin-left: 3px;
	margin-top: 0.6%;
}

span.rating-number span {
    padding-left: 1px;
}

.item-arrow {
font-size: 1.5em;
color: initial;
margin: -.2em -.2em -.2em .2em;
}


.direction-arrow {
position: relative;
}
.direction-arrow::before {
border-style: solid;
bottom: 0;
content: "";
height: 0;
left: -12px;
margin: auto;
position: absolute;
top: 0;
width: 0;
font-size: x-large;
}
.right-arrow::before {
border-color: transparent transparent transparent #bbb;
border-width: 4px 0 4px 8px;
}
.up-arrow::before {
border-color: transparent transparent #bbb transparent;
border-width: 0 4px 8px 4px;
}

.down-arrow::before {
border-color: #bbb transparent transparent transparent;
border-width: 8px 4px 0 4px;
}



.p-single-header__title {
font-size: min(6vw,28px) !important;
}

.tcdce-body .q_styled_ol,

.q_styled_ol {
display: inherit;
position: relative;
margin-left: 1.5em;
list-style: decimal outside none;
padding-left: 0;
margin-left: 0;
list-style-type: none;
counter-reset: item;
margin-bottom: 2.5rem;
counter-reset: q_count; /* カウンターをリセット */
margin: 2.5em 0 2.5em 5px;
}
.tcdce-body .q_styled_ol li,
.q_styled_ol li {
padding-left: 2em;
margin-bottom: 0.8em;
display: flex;
align-items: center;
position: relative;
}
.tcdce-body .tab_content_description .q_styled_ol li,
.tab_content_description .q_styled_ol li {
padding: 0 0 0 2em;
}

.tcdce-body .q_styled_ol li::before,
.q_styled_ol li::before {
display: flex;
align-items: center;
justify-content: center;
min-width: 1.6em;
height: 1.6em;
content: counter(q_count);
margin-right: 0.7em;
line-height: 1.2;

counter-increment: q_count;
background: var(--tcd-accent-color);
border-radius: 50%;
position: absolute;
left: 0;
}


body.is-desktop .side_menu_button span.horizontal-text {
writing-mode: horizontal-tb;
display: block;
}
body.is-mobile .p-drawer-bottom-buttons-link {

display: block;
}

.red {
color: red;
}


.aligncenter {
display: block;
margin-right: auto;
margin-bottom: 7px;
margin-left: auto;
}


.reviews-images-wrap-right .reviews-images, .reviews-images-wrap-right .wcpr-review-image-container, .wcpr-modal-light-box.wcpr-no-images #reviews-content-right {
width: auto;
}






.bg-img-lazy {
position: relative;

background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='40' height='40' fill='%23D8CCA3' style='position:absolute;inset:0;margin:auto;width:50%;height:50%;max-width:40px;max-height:40px'%3E%3Ccircle cx='12' cy='12' r='12' opacity='.5'%3E%3Canimate attributeName='r' values='0;12;0' dur='1.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='0' opacity='.5'%3E%3Canimate attributeName='r' values='0;12;0' dur='1.4s' repeatCount='indefinite' begin='.7s'/%3E%3C/circle%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: min(11vw, 56px);
display: block;
}



.bg-img-lazy.cm-lazy-loaded {
background-image: none;
}

.keen-slider__slide.number-slide.pt-ct {

background-size: min(4vw, 24px);
}

.p-product a,
.p-product button,
.p-product input {
    transition: opacity .3s ease;
}

.p-product a:hover, .p-product button:hover,.p-product input:hover {
opacity: 0.5;
/* マウスを当てた時にカーソルの形を指（ポインター）にする */
cursor: pointer;
}


.p-product-quick-view-inner .p-product-header-summary {
gap: 10px;
display: grid;
}

.p-product-quick-view-inner {
padding: 22px 22px 32px;
}

table.wc-tab__spec-table {
width: 100%;

}
table.wc-tab__spec-table {
width: 100%;
border-left:1px solid #fff;
}

/* セルのボーダーを片側だけにするなどの工夫 */
.wc-tab__spec-table th, 
.wc-tab__spec-table td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/* 左端と上端のボーダーを設定 */
.wc-tab__spec-table tr:first-child th,
.wc-tab__spec-table tr:first-child td {
border-top: 1px solid #ccc;
}
.wc-tab__spec-table th:first-child,
.wc-tab__spec-table td:first-child {
border-left: 1px solid #ccc;
}

.wc-tab__spec-table th, .wc-tab__spec-table td {
font-size: min(3.6vw,.86rem) !important;

padding: 8px 5px 8px 8px;
vertical-align: middle;
}
.wc-tab__spec-table td.function-table {
padding: 8px;
}

.wc-tab__spec-table td {
max-width: 74.3%;
width: 100%
}

.wc-tab__spec-table th {
padding: 12px 8px;
}
.tab_content_price .itempage_price_atntxt,
.page_itemdetail_rs_pricetabletext {
font-size: 11px;
text-align: right;
margin: 5px 0;
}
.p-product-quick-view-inner .function-list.funk__img-item.popup-btn {
cursor: pointer;
position: relative;
z-index: 1;
flex: 0 1 calc((100% - 24px) / 4);
width: 9vw;
pointer-events: none
}
td.function-table {
display: flex;
flex-wrap: wrap;
gap: 8px;
position: relative;

max-width: 100%;
}








.cal_wrapper {
flex: 1;
display: flex;
flex-direction: column;
}

.loading {
position: relative;
display: flex;
justify-content: center;
}
.svg-hmoe {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
}


.p-wc-template-loop-outofstock {
z-index: 1;
}



.fs-p-footerPageTop {

z-index: 101;

display: flex;
align-items: center;
background-color: #fff;
border-color: #fff;
bottom: 1%;

position: fixed;
right: 2%;
border-radius: 50%;
padding: 8px;
width: 11vw;
height: 11vw;
max-width: 65px;
max-height: 65px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .6s ease, visibility .6s ease;
}
.fs-p-footerPageTop__link {
display: block;
margin: auto;
}
.fs-p-footerPageTop.is-show {
opacity: .9;
visibility: visible;
pointer-events: auto;
}
.top-svg {
max-width: 45px;
max-height: 45px;
text-align: center;
display: block;
margin: auto;

position: relative;
}

.wcpr-filter-container li.wcpr-filter-button-li a {
background-color: var(--tcd-base-font-color);
}

.wcpr-filter-container .wcpr-filter-button.wcpr-active:hover {

}
.wcpr-filter-container ul.wcpr-filter-button-ul {

left: -1px;
right: -1px;
}
.wcpr-filter-container .wcpr-filter-button:hover {
color: var(--tcd-base-font-color);
background-color: #fff !important;
opacity: unset;
}

.default-price {
font-weight: normal;
font-size: min(5vw,1rem) !important;
display: block;
line-height: 1;
}


/* 🖼️ Swipebox操作中のブラウザ標準ジェスチャーを調整 */
#wcpr-swipebox-overlay,
#wcpr-swipebox-slider {
touch-action: pan-y pinch-zoom;
}





@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Review form honeypot: never expose visually */
.bpr-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}

/* =========================================================
 * CM Wishlist soft motion
 * - height/max-heightは動かさず、opacity + 4pxだけ
 * ========================================================= */
#cm-wishlist-ajax.cm-wishlist-motion {
opacity: 1;
transform: translateY(0);
transition: opacity .2s ease, transform .2s ease;
}
#cm-wishlist-ajax.cm-wishlist-motion.is-entering,
#cm-wishlist-ajax.cm-wishlist-motion.is-leaving,
#cm-wishlist-ajax.cm-wishlist-motion.is-updating {
opacity: 0;
transform: translateY(4px);
}
@media (prefers-reduced-motion: reduce) {
#cm-wishlist-ajax.cm-wishlist-motion {
transition: none;
transform: none;
}
}
#cm-related-ajax.cm-ajax-reveal,
#cm-wishlist-ajax.cm-ajax-reveal,
#cm-recent-ajax.cm-ajax-reveal {
opacity: 0;
transform: translateY(8px);
transition: opacity .65s ease-out, transform .65s ease-out;
}

#cm-related-ajax.cm-ajax-reveal.cm-ajax-reveal-show,
#cm-wishlist-ajax.cm-ajax-reveal.cm-ajax-reveal-show,
#cm-recent-ajax.cm-ajax-reveal.cm-ajax-reveal-show {
opacity: 1;
transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
#cm-related-ajax.cm-ajax-reveal,
#cm-wishlist-ajax.cm-ajax-reveal,
#cm-recent-ajax.cm-ajax-reveal {
opacity: 1;
transform: none;
transition: none;
}
}











/*
レビューホーム
*/

.c-wc-rating .star-rating {
position: relative;
display: inline-block;
float: none;
width: 4.53em!important;
height: 1em;
margin: 0;
overflow: hidden;
font-family: inherit !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
font-feature-settings: normal !important;
font-kerning: auto !important;
font-optical-sizing: auto !important;
font-size-adjust: none !important;
font-stretch: normal !important;
text-transform: none !important;
letter-spacing: normal !important;
word-spacing: normal !important;
text-rendering: auto !important;
-webkit-font-smoothing: auto !important;
-moz-osx-font-smoothing: auto !important;
font-size: min(5vw, 22px);
line-height: 1;
vertical-align: middle;
}





.c-wc-rating .star-rating::before,
.c-wc-rating .star-rating > span::before {
content: "" !important;
position: absolute;
top: 0;
left: 0;
width: 4.53em;
height: 1em;
margin: 0;
padding: 0;
font-family: inherit !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
letter-spacing: normal !important;
word-spacing: normal !important;
text-indent: 0;

-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90.6 20'%3E%3Cpath d='M10 1.5l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9L10 1.5zm17.65 0l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9L27.65 1.5zm17.65 0l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9L45.3 1.5zm17.65 0l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9L62.95 1.5zm17.65 0l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9L80.6 1.5z'/%3E%3C/svg%3E") center/4.53em 1em no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90.6 20'%3E%3Cpath d='M10 1.5l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9L10 1.5zm17.65 0l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9L27.65 1.5zm17.65 0l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9L45.3 1.5zm17.65 0l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9L62.95 1.5zm17.65 0l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9L80.6 1.5z'/%3E%3C/svg%3E") center/4.53em 1em no-repeat;
}


.c-wc-rating .star-rating > span {
position: absolute;
top: 0;
left: 0;
height: 1em;
margin: 0;
padding: 0;
overflow: hidden;
float: none;
font-family: inherit !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
font-feature-settings: normal !important;
font-kerning: auto !important;
font-optical-sizing: auto !important;
font-size-adjust: none !important;
font-stretch: normal !important;
text-transform: none !important;
letter-spacing: normal !important;
word-spacing: normal !important;
line-height: 1;
text-indent: -9999px;
}
.bpr-review-form .comment-form-rating-radios label::before,
.c-wc-rating .star-rating::before {
background-color: #bbb;
}

.comment-form-rating-radios label::before,
.c-wc-rating .star-rating > span::before {
background-color: #0caaa8;
}

.bpr-modal-rating-row .c-wc-rating .star-rating span::before,
.bpr-rating-stars .c-wc-rating .star-rating span::before {
background-color: #f2b01e;

}
.bpr-summary-stars .c-wc-rating .star-rating > span::before,
.bpr-modal-rating-row .c-wc-rating .star-rating span::before,
.bpr-rating-stars .c-wc-rating .star-rating span::before {
background-color: #f2b01e;
}


.c-wc-rating .star-rating > span::after,
.c-wc-rating .star-rating::after {
content: none !important;
display: none !important;
}


.woocommerce .star-rating span::before {
content: ""!important;
}
.star-rating span:before, .star-rating:before {
color: #ffb600 !important;
}






/* shop.css */

/* 商品タクソノミーアーカイブヘッダー */
.p-product-tax-header {
  --tcd-base-container-size: var(--tcd-wc-base-container-size);
min-height: 200px;

}

.p-product-tax-header .c-archive-header__content {
  display: flex;
  align-items: center;
  gap: 20px;
}

.p-product-tax-header .c-archive-header__desc {
  flex: 1;
  font-weight: 600;
  text-align: right;
}

.p-product-tax-header .c-archive-header__noimage-spacer {
  display: none;
}

/* パンくずの上ボーダーを隠す */
.p-product-tax-header:has(img) {
  margin-bottom: -1px;
}

@media (max-width: 767px) {
  .p-product-tax-header {
    min-height: 100px;
  }

  .p-product-tax-header .c-archive-header__content {
    justify-content: center;
  }

  .p-product-tax-header .c-archive-header__desc {
    display: none;
  }

}

/* 商品アーカイブ一覧のヘッダー */
.p-product-archive-list-header {
  margin-bottom: -40px;
}

.p-product-archive-list-header-total {
  display: grid;
  align-items: center;
  float: left;
  height: 60px;
}



body.woocommerce .woocommerce-ordering>label {
  margin-right: 0px;
}

body.woocommerce .woocommerce-ordering {
  margin-bottom: 0px;
}

.woocommerce-ordering-sort {
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}

.woocommerce-ordering-sort select {
  flex: 1;
}

@media (max-width: 991px) {
  .p-product-archive-list-header {
    margin-bottom: -10px;
  }
}

@media not all and (max-width: 767px) {
  .p-product-archive-list-header-total-sp {
    display: none;
  }
}

@media (max-width: 767px) {

  .p-product-archive-list-header-total {
    float: none;
    height: auto;
  }

  .p-product-archive-list-header-total-pc {
    display: none;
  }

  .p-product-archive-list-header-total:has(+.woocommerce-ordering) {
    margin-bottom: 30px;
  }



  .woocommerce-ordering-sort {
    flex: 0 0 100%;
    gap: 10px;
  }

  .woocommerce-ordering-instock {
    margin-left: auto;
  }

  .woocommerce-ordering-sp {
    flex: 0 0 100%;
    order: -1;
    display: grid;
    grid-template-columns: 1fr auto;
  }
}

/* 商品が存在しない場合 */
.p-no-products-found {
  padding: 30px;
  background: #f8f8f8;
}


.keen-slider__slide.slide-li span.active-border,
.keen-slider__slide.main-img.slider-list-img,
li.keen-slider__slide.number-slide.pt-ct span.active-border {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='40' height='40' fill='%23D8CCA3' style='position:absolute;inset:0;margin:auto;width:50%;height:50%;max-width:40px;max-height:40px'%3E%3Ccircle cx='12' cy='12' r='12' opacity='.5'%3E%3Canimate attributeName='r' values='0;12;0' dur='1.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='0' opacity='.5'%3E%3Canimate attributeName='r' values='0;12;0' dur='1.4s' repeatCount='indefinite' begin='.7s'/%3E%3C/circle%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}