/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2026 | 06:17:26 */
/*--画像サイズ関連--*/
.img-fit-square img {
	object-fit: cover;
	aspect-ratio: 1;
	width: 100%;
}
.img-fit-square {
	object-fit: cover;
	aspect-ratio: 1;
	width: 100%;
}
.img-fit-yoko img {
	object-fit: cover;
	aspect-ratio: 1.66 / 1;
	width: 100%;
}
.img-fit-yoko {
	object-fit: cover;
	aspect-ratio: 1.66 / 1;
	width: 100%;
}
.img-fit-topics img {
	object-fit: cover;
	aspect-ratio: 1.5 / 1;
	width: 100%;
}
.img-fit-topics {
	object-fit: cover;
	aspect-ratio: 1.5 / 1;
	width: 100%;
}
.img-fit-topics-arc img {
	object-fit: cover;
	aspect-ratio: 1.33 / 1;
	width: 100%;
}
.img-fit-item-thumb, .img-fit-item-thumb img {
	object-fit: cover;
	aspect-ratio: 1 / 1.33;
	width: 100%;
}
.img-fit-slide img, .img-fit-slide {
	object-fit: cover;
	aspect-ratio: 32 / 13;
	width: 100%;
	min-height: 300px;
}


/*--Header--*/
.jet-ajax-search__results-area.show {
	width: 640px;
}
@media screen and (max-width: 1023px) {
	.jet-ajax-search__results-area.show {
		width: 560px;
	}
}
@media screen and (max-width: 766px) {
	.jet-ajax-search__results-area.show {
		width: 100%;
	}
}

/*--BreadCrumb--*/
.lpj-breadcrumb-sep {
	margin: 0 3px;
	display: inline-block;
}
.lpj-breadcrumb {
	font-size: 13px;
	color: #979797;
}

/*--TOPICS--*/
.lpj-topics-content p {
	font-size: 16px;
	font-weight: 300;
	padding: 3px 8px 16px;
	line-height: 1.8em;
}
.lpj-topics-content ul {
	font-size: 16px;
	padding: 3px 8px 16px;
	margin-left: 16px;
	line-height: 1.8em;
}
.lpj-topics-content h2 {
	color: #2E2E2E;
	font-size: 1.4em;
	font-weight: 500;
	margin-top: 32px;
	border-left: 4px solid var( --e-global-color-primary );
	padding-left: 12px;
}
.lpj-topics-content h3 {
	color: #2E2E2E;
	font-size: 1.2em;
	font-weight: 500;
	margin-top: 16px;
	padding-left: 8px;
}
	/*-Pagination-*/
.elementor-post-navigation__separator-wrapper {
	padding: 3px 16px;
}
@media screen and (max-width: 1023px) {
	.lpj-topics-content p {
		font-size: 15px;
		font-weight: 300;
		padding: 3px 5px 10px;
		line-height: 1.6em;
	}
	.lpj-topics-content ul {
		font-size: 15px;
		padding: 3px 5px 16px;
		margin-left: 16px;
		line-height: 1.6em;
	}
	.lpj-topics-content h2 {
		font-size: 1.2em;
		margin-top: 24px;
		border-left: 4px solid var( --e-global-color-primary );
		padding-left: 10px;
	}
	.lpj-topics-content h3 {
		font-size: 1em;
		margin-top: 16px;
		padding-left: 8px;
	}
}
@media screen and (max-width: 766px) {
	.lpj-topics-content p {
		font-size: 15px;
		font-weight: 300;
		padding: 3px 0 10px;
		line-height: 1.6em;
	}
	.lpj-topics-content ul {
		font-size: 15px;
		padding: 3px 5px 16px;
		margin-left: 16px;
		line-height: 1.6em;
	}
	.lpj-topics-content h2 {
		font-size: 1.1em;
		margin-top: 24px;
		border-left: 4px solid var( --e-global-color-primary );
		padding-left: 10px;
	}
	.lpj-topics-content h3 {
		font-size: 1em;
		margin-top: 16px;
		padding-left: 8px;
	}

}

/*--WooCommerce Product--*/
.reset_variations { /*-クリアボタン強制非表示-*/
	display: none !important;
}
.variations_form .variations th {
	width: 80px;
}
.woocommerce-verification-required {
	font-size: 12px;
	color: #aaa;
}
.sw-wl-text {
	font-size: 14px;
}
/* sold out バッジ */
.sw-discount-badge.sw-soldout-badge {
    background-color: #999999 !important;
    color: #ffffff !important;
}
.sw-listing-grid .sw-discount-badge.sw-soldout-badge {
	padding: 4px 12px;
	border-radius: 6px;
}

/*--WooCommerce カート--*/
.custom-cart-added-notice {
    display: block;
    font-size: 0.85em;
    color: #555555;
    margin-top: 6px;
    font-weight: normal;
    line-height: 1.4;
}

/* 「取り消しますか？」リンクのスタイル */
.custom-cart-added-notice .custom-undo-link {
    color: #d32f2f;
    text-decoration: underline;
    margin-left: 4px;
}

.custom-cart-added-notice .custom-undo-link:hover {
    color: #b71c1c;
    text-decoration: none;
}

/* 削除ボタンのラッパーを縦並びのフレックスボックスにする */
.custom-remove-wrapper {
    display: flex;
    flex-direction: column; /* 縦に並べる */
    align-items: center;    /* 中央揃え */
    justify-content: center;
    gap: 2px;               /* アイコンと文字の隙間 */
}

/* ゴミ箱アイコンのスタイル */
.custom-trash-icon {
    display: block;
    color: #666; /* 少し落とした色（ホバーで変えるのもアリ） */
    transition: color 0.2s;
}

/* 下の「削除」テキストのスタイル */
.custom-remove-label {
    font-size: 10px;        /* かなり小さめに設定 */
    color: #999;           /* 目立たないグレー */
    font-weight: normal;
    line-height: 1;
}

/* ホバー時の演出（操作感を出す） */
.remove:hover .custom-trash-icon {
    color: #d32f2f; /* ホバーで赤くして「消える」ことを強調 */
}
.remove:hover .custom-remove-label {
    color: #d32f2f;
}

/* WooCommerce標準の削除ボタン（丸枠など）をリセットしてスッキリさせる */
.woocommerce-page table.cart a.remove {
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    background-color: transparent !important; /* 背景を消す */
    color: inherit !important;
    border-radius: 0 !important;
}
.woocommerce-page table.cart a.remove:hover {
    background-color: transparent !important;
}
/* 1. 元々左端にある「×」の列を、ヘッダー・セル共々非表示にする */
.woocommerce-page table.cart th.product-remove,
.woocommerce-page table.cart td.product-remove {
    display: none !important;
}

/* 2. 小計セルの中身を横並び（フレックスボックス）にする */
.cart-subtotal-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* 金額が右、ボタンがさらにその右 */
    gap: 15px; /* 金額とボタンの隙間 */
}

/* 3. ゴミ箱ボタンのスタイル調整 */
.custom-inline-remove {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
}

.custom-trash-icon {
    color: #666;
    transition: color 0.2s;
}

.custom-remove-label {
    font-size: 10px;
    color: #999;
    font-weight: normal;
    line-height: 1;
    margin-top: 2px;
}

.woocommerce-cart-form__cart-item .product-name a {
	font-size: 14px;
}
.woocommerce-cart-form__cart-item td.product-name {
	max-width: 280px;
}
@media screen and (max-width: 767px) {
	.woocommerce-cart-form__cart-item td.product-name {
		max-width: 100%;
	}
}

/* ホバー時に赤くする（削除であることを明示） */
.custom-inline-remove:hover .custom-trash-icon,
.custom-inline-remove:hover .custom-remove-label {
    color: #d32f2f !important;
}

/* モバイル表示（レスポンシブ）への配慮 */
@media screen and (max-width: 768px) {
    .cart-subtotal-wrapper {
        justify-content: space-between; /* スマホでは金額と削除を両端に離すと押しやすい */
    }
}


/*--WooCommerce Checkout--*/
.wc_payment_methods li {
	margin-top: 16px !important;
}
.wc_payment_methods img {
	max-width: 60px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
    width: 100%;
    margin: 32px auto 48px;
    height: 64px;
    font-size: 20px;
    background: var( --e-global-color-primary );
    border-radius: 50px;
}

/*--WooCommerce My Account--*/
#account_display_name_description {
	color: #D22136;
	font-size: 13px;
	margin-top: 8px;
}

/* Elementor見出しウィジェット内のセール価格（ins）を赤にする */
.elementor-widget-heading .elementor-heading-title ins {
    color: #D22136;       /* 文字色を赤に */
    text-decoration: none; /* insタグ標準の下線を消す */
    background: transparent; /* 背景色を透明に（テーマ対策） */
}

/* （任意）元の価格（del）の色を調整する場合 */
.elementor-widget-heading .elementor-heading-title del {
    color: #555;       /* 薄いグレーなど */
}
/* セール価格（insタグ）のみを赤色にする */
.elementor-jet-single-price.jet-woo-builder ins .woocommerce-Price-amount {
    color: #D22136; /* 赤色 */
    text-decoration: none; /* 下線を消す（必要であれば） */
    font-weight: bold;
}
/* 元の価格（delタグ）の色を少し薄くして対比させる（オプション） */
.elementor-jet-single-price.jet-woo-builder del .woocommerce-Price-amount {
    color: #555;
}

/*--more link--*/
.morelink a {
	display: inline-block;
  position: relative;
  padding: 0 35px 0 0;
  text-decoration: none;
}
.morelink a::before {
	display: block;
  content: "";
  position: absolute;
  top: 48%;
	right: 0px;
  width: 30px;
  height: 1px;
  background-color: #000;
}
.morelink a::after {
	display: block;
  content: "";
  position: absolute;
  top: 48%;
	right: -3px;
  margin: -5px 0 0;
  width: 11px;
  height: 11px;
  background-image: url('/wp/wp-content/uploads/2025/11/arrow_more.svg');
  background-size: 11px 11px;
}

/*-サイドバーカテゴリー一覧の制御-*/
/* PCサイズのみ適用 */
@media (min-width: 1025px) {
    .parent-item.is-active {
        background-color: #E9E9E9 !important; /* ホバー時の色 */
        transition: background-color 0.3s ease;
    }
}