@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* .-series .l-header__logo {
	padding: 10px 0;
} */

a {
    color: #005bbb;
}


/* PC（デフォルト） */
.c-headLogo__img {
  width: auto;
  height: 60px;
  max-height: 60px;
}

.post_content h2 {
	line-height: 1.55 !important;
}

/* 商品一覧の商品名のH2装飾を消す */
.woocommerce ul.products li.product h2 {
    border-left: none !important;
    padding-left: 0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title::before {
    display: none !important;
    content: none !important;
}


/* WooCommerce 購入ボタン */
.single_add_to_cart_button,
.add_to_cart_button,
.button.alt {
    background: #F5C242 !important;
    border-color: #F5C242 !important;
    color: #333 !important;
	font-weight: 500 !important;
}


/* スマホブラウザによる文字サイズの自動拡大を抑える */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* 商品一覧のカートボタン */
@media screen and (max-width: 600px) {
    .woocommerce ul.products li.product .button {
/*         padding-left: 6px;
        padding-right: 6px; */
		font-size: clamp(12px, 3.5vw, 14px);
        white-space: nowrap;
        padding: 11px 6px;
    }
}


/* 商品ページの価格を大きく */
.single-product .summary .price {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
}


/*簡単な商品説明文の上下に余白*/
.woocommerce-product-details__short-description {
    margin: 0 0 40px;
}


/* 商品一覧の価格を少し大きく */
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price bdi, .page-id-151 .rvpw-products .price.rvpw-product__price .woocommerce-Price-amount {
    font-size: 1.5rem !important;
    font-weight: 600;
    color: #333;
}


/* 商品ページのお気に入りボタン */
/* お気に入りボタン */
.single-product a.yith-wcwl-add-to-wishlist-button{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    max-width:390px;

    height:40px !important;   /* カートボタンと同じ高さ */
    padding:0 20px !important;

    border: 1px solid #888c8c;
    border-radius: 4px;
    background: #fff;
}

.single-product .yith-wcwl-add-to-wishlist-button{
    height:60px !important;
}

/* ホバー */
.single-product a.yith-wcwl-add-to-wishlist-button:hover {
  background-color: #f7f8f8 !important;
  border-color: #6f7373 !important;
  color: #111111 !important;
}

/* ハートアイコン */
.single-product a.yith-wcwl-add-to-wishlist-button svg,
.single-product a.yith-wcwl-add-to-wishlist-button i {
  color: #111111 !important;
  fill: transparent !important;
}


/*コンテンツ上のタイトルを中央寄せ*/
.l-topTitleArea__body {
    text-align: center;
/* 	text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
	color: #333; */
	font-size: 25px;
}


/* PC追従ヘッダー */
.-is-scrolled .c-headLogo__img {
  height: 30px;
  max-height: 30px;
}


/* Contact Form 7 全体を中央寄せ・幅を広く */
.wpcf7 {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 入力項目を横幅いっぱいに */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    box-sizing: border-box;
}

/* テキストエリアの高さ */
.wpcf7 textarea {
    min-height: 220px;
}

/* 送信ボタン */
.wpcf7 input[type="submit"] {
    display: block;
    margin-top: 20px;
    padding: 12px 36px;
}

/* お問い合わせページだけ幅を広げる */
/* .page .l-mainContent__inner {
    max-width: 700px;
	margin: 0 auto;
} */



/* Contact Form 7 */
.wpcf7 {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.wpcf7-form p {
    margin-bottom: 24px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    box-sizing: border-box;
}



/* 最近チェックした商品のカードデザインを消す */
.rvpw-product{
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* テキスト部分の白背景・余白を削除 */
.rvpw-product-content,
.rvpw-product-details{
    background: transparent !important;
    padding: 0 !important;
    margin-top: .8rem !important;
}

/* 商品名・価格・ボタンを左寄せ */
.rvpw-product-title,
.rvpw-product-price,
.rvpw-product .button,
.rvpw-product .add_to_cart_button{
    margin-left:0 !important;
}

.rvpw-products .rvpw-product__body {
	padding: 14px 0;
}



/* 最近チェックした商品の「お買い物カゴに追加」ボタン */
.rvpw-product .button,
.rvpw-product .add_to_cart_button {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;

    padding: 0.9em 1.6em !important;
    margin: 0 !important;

    background: #f5bf3a !important;
    color: #333 !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-align: center !important;

    border: none !important;
    border-radius: 2px !important;
    box-shadow: none !important;

    white-space: nowrap !important;
}

/* ホバー */
.rvpw-product .button:hover,
.rvpw-product .add_to_cart_button:hover {
    background: #efb51d !important;
    color: #333 !important;
}

.rvpw-product .button, .rvpw-product .add_to_cart_button {
	padding: .618em 1em !important;
	min-height: auto !important;
	line-height: 1 !important;
}

.woocommerce ul.products li.product .button {
    padding: .618em 0.5em !important;
}

/* スマホ */
@media (max-width: 767px) {
    .rvpw-product .button,
    .rvpw-product .add_to_cart_button {
        font-size: 15px !important;
/*         padding: 0.9em 1.6em !important; */
        width: auto !important;
    }
}



.rvpw-products .rvpw-heading {
	padding: .5em 0 .5em 16px;
}



/* スマホ・タブレット */
@media (max-width: 959px) {
  .c-headLogo__img {
    height: 50px;
    max-height: 50px;
  }

  .-is-scrolled .c-headLogo__img {
    height: 40px;
    max-height: 40px;
  }
}


/* 商品価格横の「税抜」表記 */
.yumerea-tax-label {
  display: inline-block;
/*   margin-left: 5px; */
  font-size: 0.65em !important;
  font-weight: 400;
  color: #555;
  vertical-align: middle;
  white-space: nowrap;
}

/* 最近見た商品ページの「（税抜）」 */
.page-id-151 .yumerea-tax-label {
    font-size: inherit !important;
}


p {
	margin-bottom: 1.2em !important;
}



/* ヘッダーメニュー ホバー背景色 */
.l-header .c-gnav > li > a:hover,
.l-header .c-gnav > li.current-menu-item > a,
.l-header .c-gnav > li.current-menu-parent > a {
    background-color: #f7efcf !important;
}


/* ハンバーガーメニュー（三本線・MENU文字） */
.c-iconBtn.-menuBtn {
    color: #333 !important;
}

.c-iconBtn__icon {
    font-size: 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
	border-bottom-color: #faf9f5;
}



/* ブログ一覧の抜粋文を大きくする */
.p-postList__excerpt,
.p-postList__body,
.c-postThumb__excerpt {
  font-size: 15px !important;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .p-postList__excerpt,
  .p-postList__body,
  .c-postThumb__excerpt {
    font-size: 16px;
  }
}


/* スクロール後の追従ヘッダー */
.l-fixHeader .current-menu-item > a,
.l-fixHeader .current_page_item > a,
.l-fixHeader .current-menu-ancestor > a {
    background: #f7efcf;
}

/* 通常ヘッダー */
.l-header__menu a:hover {
    background: #f7efcf;
}

/* スクロール後の追従ヘッダー */
.l-fixHeader a:hover {
    background: #f7efcf;
}

/* ホバー時（通常・追従ヘッダー共通） */
.l-header__menu a:hover,
.l-fixHeader a:hover {
    background-color: #f7efcf;
}

/* 現在のページ */
.l-header__menu .current-menu-item > a,
.l-header__menu .current_page_item > a,
.l-header__menu .current-menu-ancestor > a,
.l-fixHeader .current-menu-item > a,
.l-fixHeader .current_page_item > a,
.l-fixHeader .current-menu-ancestor > a {
    background-color: #f7efcf;
}

/* ホバー時 */
.c-gnav > li:hover > a {
    background: #f7efcf !important;
}

/* 現在のページ */
.c-gnav > .-current > a {
    background: #f7efcf !important;
}

.l-header__menu a,
.l-fixHeader a {
    transition: background-color .25s ease;
}


.l-header__menu a:hover, .l-fixHeader a:hover {
	background: transparent;
}



.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.butto {
	background-color: #ffdf8d;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled] {
	opacity: 0.9;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]:hover {
	background-color: #ffdf8d;
	opacity: 0.9;
}


/* ==========================================
   商品系ページのみ 1400px
   ========================================== */

/* トップページ */
.home .l-mainContent {
	max-width: 1400px;
}

/* 最近見た商品ページだけ */
.page-id-151 .l-mainContent {
    max-width: 1400px;
}

/*お買い物かご*/
.page-id-8 .l-mainContent {
    max-width: 1000px;
}

/*お気に入り商品*/
.page-id-149 .l-mainContent {
    max-width: 1000px;
}



/* 最近見た商品ページの商品名 */
.rvpw-products .woocommerce-loop-product__title.rvpw-product__title {
	font-size: 1em;
	color: #005bbb;
	padding: .5em 0;
}

/* 最近見た商品ページ：商品名が埋もれるのを修正 */
.page-id-151 .products h3,
.page-id-151 .products h3 a,
.page-id-151 .woocommerce-loop-product__title {
	display: block !important;
	height: auto !important;
	min-height: 3.2em !important;
	max-height: none !important;
	line-height: 1.5 !important;
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: initial !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: initial !important;
	margin-bottom: 10px !important;
}

.page-id-151 .rvpw-products .price.rvpw-product__price {
	margin: 0;
}


/*お気に入り*/

.post_content thead td, .post_content thead th {
	color: #333;
	font-size: 16px;
}

.woocommerce table.shop_table.wishlist_table tr td {
	font-size: 15px;
}


/*記事一覧のタイトル*/
@media screen and (min-width: 960px) {
.-type-card .p-postList__title, .-type-list .p-postList__title, .-type-list2 .p-postList__title {
        font-size: 22px;
	}
}


.c-gnav .sub-menu a:hover {
	background: #f7efcf;
}


/*サイドバー*/
.widget_recent_entries a, .wp-block-latest-posts a {
	font-size: 15px;
}


/* スマホメニューの幅 */
.p-spMenu__inner {
    width: 320px !important;
    max-width: 70vw !important;
}


/* SWELL スマホメニュー サブメニュー文字サイズ */
@media (max-width: 959px) {
	.sub-menu a, .c-listMenu a {
		font-size: 14px !important;
		line-height: 1.6;
	}
	.c-widget__title {
		font-size: 15px;
	}
}



/* ==============================
   記事一覧：カテゴリー個別表示
================================ */

/* カテゴリー全体 */
.yumerea-all-categories {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;

	display: flex;
	flex-wrap: wrap;
	gap: 4px;

	width: 100%;
	pointer-events: none;
}

/* カテゴリー1個ずつ */
.yumerea-all-categories .yumerea-category-label {
	position: static !important;

	display: inline-block !important;
	width: auto !important;

/* 	padding: 5px 10px; */

	background-color: #b5893c;
	color: #fff;

/* 	font-size: 13px; */
/* 	line-height: 1.5; */

	white-space: nowrap;

	transform: none !important;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 1.4;
}

/* SWELLのフォルダアイコンを消す */
.yumerea-all-categories .yumerea-category-label::before {
	display: none !important;
}


/* スマホ */
@media screen and (max-width: 599px) {

	.yumerea-all-categories {
		gap: 3px;
	}

	.yumerea-all-categories .yumerea-category-label {
		padding: 4px 7px;
		font-size: 11px;
	}
}



/* WooCommerce 注文確認テーブル：スマホ表示調整 */
@media screen and (max-width: 768px) {

  .woocommerce-checkout-review-order-table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  /* 商品名 */
  .woocommerce-checkout-review-order-table th.product-name,
  .woocommerce-checkout-review-order-table td.product-name {
    width: 65% !important;
    word-break: normal !important;
    overflow-wrap: anywhere;
  }

  /* 金額 */
  .woocommerce-checkout-review-order-table th.product-total,
  .woocommerce-checkout-review-order-table td.product-total {
    width: 35% !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  /* 小計・送料・税・合計の金額 */
  .woocommerce-checkout-review-order-table tfoot td {
    white-space: nowrap !important;
    word-break: keep-all !important;
  }
}

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

  /* クーポン・配送のセルは折り返しOK */
  .woocommerce-checkout-review-order-table .cart-discount td,
  .woocommerce-checkout-review-order-table .shipping td {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  /* 金額系は折り返さない */
  .woocommerce-checkout-review-order-table .cart-subtotal td,
  .woocommerce-checkout-review-order-table .tax-total td,
  .woocommerce-checkout-review-order-table .order-total td {
    white-space: nowrap !important;
  }
}


/* WooCommerce 購入手続き
   都道府県選択後の横はみ出し対策 */
@media screen and (max-width: 768px) {

  .woocommerce-checkout,
  .woocommerce-billing-fields,
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields,
  .woocommerce-shipping-fields__field-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .woocommerce form .form-row {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .woocommerce form .form-row input,
  .woocommerce form .form-row select,
  .woocommerce form .form-row .select2-container,
  .woocommerce form .form-row .select2-selection,
  .woocommerce form .form-row .selectWoo {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/*お買い物かごのカート絵文字の大きさ*/
.c-gnav>.menu-item>a .ttl span {
    font-size: 17px;
}


/*タグ一覧*/
.yumerea-tag-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.yumerea-tag-item {
    overflow: hidden;
}

.yumerea-tag-item .yumerea-tag-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    display: block !important;
}

/* 各タグ */
.yumerea-tag-item {
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
    text-decoration: none !important;
    transition: 0.25s;
}

/* ホバー */
.yumerea-tag-item:hover {
    opacity: 0.85;
    transform: translateY(-2px);
}

/* 画像 */
.yumerea-tag-image {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* タグ名 */
.yumerea-tag-name {
    display: block;
    padding: 16px 10px;
    font-size: 18px;
    line-height: 1.5;
}

/* タブレット */
@media (max-width: 959px) {
    .yumerea-tag-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
}

/* スマホ */
@media (max-width: 599px) {
    .yumerea-tag-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .yumerea-tag-name {
        padding: 12px 6px;
        font-size: 15px;
    }
}


/* ==============================
   TOPページ「すべての商品を見る」ボタン
================================ */
.swl-inline-btn a {
/* 	font-size: 16px;
	width: 250px;
	display: block; */
	background: #B88936;
	color: #fff;
	border: 1px solid #B88936;
	border-radius: 3px;
	font-weight: 600;
	box-shadow: none;
}

@media (max-width: 767px) {
  .all-products-btn {
    margin-top: 35px !important;
  }
}


/* =====================================
   WooCommerce カート
   PCのみ「金額・数量・小計」の幅を調整
===================================== */

@media (min-width: 768px) {

    .woocommerce-cart table.cart th.product-price,
    .woocommerce-cart table.cart td.product-price {
        width: 120px;
        min-width: 120px;
        white-space: nowrap;
    }

    .woocommerce-cart table.cart th.product-quantity,
    .woocommerce-cart table.cart td.product-quantity {
        width: 110px;
        min-width: 110px;
    }

    .woocommerce-cart table.cart th.product-subtotal,
    .woocommerce-cart table.cart td.product-subtotal {
        width: 120px;
        min-width: 120px;
        white-space: nowrap;
    }
}


@media not all and (min-width: 600px) {
	/*記事一覧タイトル文字*/
    .-type-card.-sp-col1 .p-postList__title {
        font-size: 17px;
    }
	/*記事一覧文字*/
	.yumerea-article-excerpt {
		font-size: 15px !important;
	}
}

/*お気に入りに追加ボタン*/
.yith-wcwl-add-to-wishlist-button__label::after {
    font-size: 18px !important;
}



/* ==============================
   お気に入りページ
================================ */
@media (min-width: 769px) {

  /* お気に入りテーブル */
  .woocommerce table.wishlist_table {
    table-layout: fixed;
    width: 100%;
  }

  /* 商品単価 */
  .woocommerce table.wishlist_table th.product-price,
  .woocommerce table.wishlist_table td.product-price {
    width: 110px;
  }

  /* 在庫状況 */
  .woocommerce table.wishlist_table th.product-stock-status,
  .woocommerce table.wishlist_table td.product-stock-status {
    width: 110px;
    white-space: nowrap;
    text-align: center;
  }

  /* カート追加列 */
  .woocommerce table.wishlist_table th.product-add-to-cart,
  .woocommerce table.wishlist_table td.product-add-to-cart {
    width: 180px;
    white-space: nowrap;
    text-align: center;
  }

  /* カート追加ボタン */
  .woocommerce table.wishlist_table .product-add-to-cart a {
    white-space: nowrap;
  }

}

/*お買い物かごに追加ボタン*/
	.wishlist_table .product-add-to-cart a {
	white-space: nowrap;
    padding: 5px 10px;
	border-radius: 3px;
}


/* WooCommerce 商品詳細ページ
   カテゴリー・タグ・ブランドを非表示 */
.single-product .product_meta {
    display: none !important;
}


/*フッター直前の配送部分*/
.w-beforeFooter {
    margin: -2em auto 2em;
    overflow: hidden;
}

/*お買い物カゴに追加の下の余白*/
.woocommerce div.product form.cart {
    margin-bottom: 1.5em;
}


/* ========================================
   YITH Wishlist スマホ
   カート風UI + 商品画像あり + 削除ボタン左上
======================================== */

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

	/* ========================================
	   商品カード全体
	======================================== */

	.wishlist_table.responsive.mobile > li {
		position: relative !important;
		margin-bottom: 24px !important;

		/* ×ボタン用の上部スペース */
		padding: 64px 0 0 !important;

		border: 1px solid #ddd !important;
		border-radius: 6px !important;

		background: #fff !important;
		overflow: hidden;
	}


	/* ========================================
	   お気に入りから削除 ×
	======================================== */

	.wishlist_table.responsive.mobile .yumerea-wishlist-remove {
		position: absolute !important;

		top: 15px !important;
		left: 20px !important;
		right: auto !important;
		bottom: auto !important;

		display: block !important;

		width: 38px !important;
		height: 38px !important;

		margin: 0 !important;
		padding: 0 !important;

		border: 0 !important;
		background: transparent !important;

		z-index: 10;
	}


	.wishlist_table.responsive.mobile .yumerea-wishlist-remove a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 20px !important;
		height: 38px !important;

		margin: 0 !important;
		padding: 0 !important;

		font-size: 25px !important;
		font-weight: 300 !important;
		line-height: 1 !important;

		color: #c40000 !important;

		text-decoration: none !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}


	.wishlist_table.responsive.mobile .yumerea-wishlist-remove a:hover {
		opacity: 0.65;
	}


	/* ========================================
	   商品部分
	======================================== */

	.wishlist_table.responsive.mobile .item-wrapper {
		display: grid !important;

		grid-template-columns: 92px minmax(0, 1fr);
		gap: 16px;

		align-items: start !important;

		margin: 0 !important;
		padding: 18px 20px !important;

		border-bottom: 1px solid #ddd !important;
	}


	/* ========================================
	   商品画像
	======================================== */

	.wishlist_table.responsive.mobile .product-thumbnail {
		width: 92px !important;
		min-width: 92px !important;
		max-width: 92px !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	.wishlist_table.responsive.mobile .product-thumbnail a {
		display: block !important;
	}


	.wishlist_table.responsive.mobile .product-thumbnail img {
		display: block !important;

		width: 92px !important;
		height: 92px !important;

		max-width: none !important;

		margin: 0 !important;

		object-fit: cover;
	}


	/* ========================================
	   商品名・価格
	======================================== */

	.wishlist_table.responsive.mobile .item-details {
		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	.wishlist_table.responsive.mobile .product-name {
		margin: 0 !important;
		padding: 0 !important;
	}


	.wishlist_table.responsive.mobile .product-name h3 {
		margin: 0 !important;
		padding: 0 !important;

		font-size: 16px !important;
		line-height: 1.6 !important;
	}


	.wishlist_table.responsive.mobile .product-name h3 a {
		word-break: normal;
		overflow-wrap: anywhere;
	}


	/* ========================================
	   価格
	======================================== */

	.wishlist_table.responsive.mobile .item-details-table {
		width: 100% !important;

		margin: 14px 0 0 !important;

		border-collapse: collapse !important;
	}


	.wishlist_table.responsive.mobile .item-details-table tr {
		border-top: 1px solid #ddd !important;
	}


	.wishlist_table.responsive.mobile .item-details-table td {
		padding: 12px 0 !important;

		border: 0 !important;
	}


	.wishlist_table.responsive.mobile .item-details-table .label {
		font-weight: 700 !important;
		text-align: left !important;
	}


	.wishlist_table.responsive.mobile .item-details-table .value {
		text-align: right !important;
		white-space: nowrap;
	}


	/* ========================================
	   在庫など追加情報
	======================================== */

	.wishlist_table.responsive.mobile .additional-info-wrapper {
		position: static !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	.wishlist_table.responsive.mobile .additional-info {
		width: 100% !important;

		margin: 0 !important;

		border-collapse: collapse !important;
	}


	.wishlist_table.responsive.mobile .additional-info tr {
		border-bottom: 1px solid #ddd !important;
	}


	.wishlist_table.responsive.mobile .additional-info td {
		padding: 16px 20px !important;

		border: 0 !important;
	}


	.wishlist_table.responsive.mobile .additional-info .label {
		font-weight: 700 !important;
		text-align: left !important;
	}


	.wishlist_table.responsive.mobile .additional-info .value {
		text-align: right !important;
	}


	/* ========================================
	   お買い物カゴに追加
	======================================== */

	.wishlist_table.responsive.mobile .product-add-to-cart {
		width: 100% !important;

		margin: 0 !important;
		padding: 18px 20px !important;

		text-align: center !important;

		border-bottom: 0 !important;
	}


	.wishlist_table.responsive.mobile .product-add-to-cart a {
		display: inline-block !important;

		margin: 0 auto !important;
	}


	/* ========================================
	   不要な余白対策
	======================================== */

	.wishlist_table.responsive.mobile .additional-info-wrapper > *:last-child {
		margin-bottom: 0 !important;
	}

}

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

	/* カード上部の余白を少し詰める */
	.wishlist_table.responsive.mobile > li {
		padding-top: 50px !important;
	}

	/* ×を少し上へ */
	.wishlist_table.responsive.mobile .yumerea-wishlist-remove {
		top: 10px !important;
		left: 18px !important;
	}

	/* 商品部分を少しコンパクトに */
	.wishlist_table.responsive.mobile .item-wrapper {
		padding: 10px 18px !important;
		gap: 14px !important;
	}

	/* 商品名 */
	.wishlist_table.responsive.mobile .product-name h3 {
		font-size: 15px !important;
		line-height: 1.55 !important;
	}

	/* 商品画像 */
	.wishlist_table.responsive.mobile .product-thumbnail,
	.wishlist_table.responsive.mobile .product-thumbnail img {
		width: 88px !important;
		height: 88px !important;
		min-width: 88px !important;
	}
}

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

	/* ×周辺の余白をさらにコンパクトに */
	.wishlist_table.responsive.mobile > li {
		padding-top: 42px !important;
	}

	.wishlist_table.responsive.mobile .yumerea-wishlist-remove {
		top: 6px !important;
		left: 16px !important;
	}

	/* 商品部分を少し上へ */
	.wishlist_table.responsive.mobile .item-wrapper {
		padding-top: 5px !important;
	}
	
	.wishlist_table.mobile {
		padding-left: 0;
	}
	
	.page-id-149 .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
	background: none !important;
	}
}


@media screen and (max-width: 768px) {
	.woocommerce-loop-product__title {
		font-size: 16px !important;
		line-height: 1.6 !important;
	}
}

/*配送について*/
/* 基本は非表示 */
.yumerea-shipping-info {
	display: none;
}

/* WooCommerce商品詳細ページだけ表示 */
.single-product .yumerea-shipping-info {
	display: block;
}



/* 注文詳細テーブル｜スマホの合計列を広げる */
@media screen and (max-width: 768px) {

	.woocommerce-order-details table.shop_table {
		width: 100%;
		table-layout: fixed;
	}

	.woocommerce-order-details th.product-name,
	.woocommerce-order-details td.product-name {
		width: 65%;
	}

	.woocommerce-order-details th.product-total,
	.woocommerce-order-details td.product-total {
		width: 35%;
		word-break: normal;
		overflow-wrap: normal;
	}

	/* 金額の途中改行を防ぐ */
	.woocommerce-order-details .woocommerce-Price-amount {
		white-space: nowrap;
	}
		
}

/* 注文詳細｜送料欄の配送方法補足を非表示 */
.woocommerce-order-details .shipped_via {
	display: none;
}


/* 目次内のH3項目を少し大きくする */
.p-toc__list .p-toc__childList {
	font-size: 15px;
}


/* 商品タグページ H1 */
body.tax-product_tag h1.c-pageTitle {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    body.tax-product_tag h1.c-pageTitle {
        font-size: 24px;
    }
}



/* =========================================
   診断結果ダウンロードボタン
========================================= */

.yumerea-download-result {
    display: inline-block;
    margin-top: 28px;
    padding: 15px 34px;
    border: none;
    border-radius: 999px;
    background: #c69b8a;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
}

.yumerea-download-result:hover {
    opacity: .8;
}

.yumerea-download-result:disabled {
    opacity: .6;
    cursor: wait;
}

/* 再チェックボタンとの間隔 */
.yumerea-download-result + .yumerea-restart {
    margin-left: 10px;
}

.l-topTitleArea__body {
    text-shadow: 1px 1px 0 rgb(0 0 0 / 50%);
}

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

    .yumerea-download-result,
    .yumerea-restart {
        display: block;
        width: 100%;
        margin-left: 0 !important;
    }

    .yumerea-download-result + .yumerea-restart {
        margin-top: 12px;
    }
}

@media screen and (max-width: 768px) {
	.c-pageTitle {
    font-size: 1.1em;
	}
}

.br {
	display: none;
}

@media screen and (max-width: 768px) {
	.br {
	display: block;
	}
}

/*文字の背景色ゴールド寄りアイボリー*/
.post_content span[style*="background-color"], .bg-gold, .swl-bg-color {
	background-color: #f7efcf !important;
	border-radius: 2px;
    padding: .15em .25em;
}


/* 記事リンクCTA */
.article-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  gap: 16px;
  margin: 24px 0;
  padding: 15px 20px;

  background-color: #fdf9ee;
  color: #9a6b18 !important;
  border: 1px solid #b88936;
  border-radius: 2px;

  font-weight: 600;
  line-height: 1.6;
  text-decoration: none !important;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

/* リンク文章 */
.article-cta-text {
  display: block;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* スマホ用文章は非表示 */
.article-cta .cta-sp {
  display: none;
}

/* 矢印 */
.article-cta .cta-arrow {
  display: inline-block;
  flex: 0 0 auto;
  margin-left: auto;
  font-weight: 400;
  line-height: 1;
}

/* マウスを重ねたとき */
.article-cta:hover {
  background-color: #f6edda;
  color: #80540f !important;
  border-color: #9a6b18;
  text-decoration: none !important;
}

/* キーボード操作時 */
.article-cta:focus-visible {
  outline: 2px solid #9a6b18;
  outline-offset: 3px;
}

/* スマホ表示 */
@media screen and (max-width: 768px) {
  .article-cta {
    gap: 10px;
    margin: 20px 0;
    padding: 15px;
  }

  .article-cta .cta-pc {
    display: none;
  }

  .article-cta .cta-sp {
    display: block;
  }
}



/* 商品ページへのサブボタン */
.article-cta-sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  gap: 16px;
  margin: 24px 0;
  padding: 15px 20px;
  background-color: #ffffff;
  color: #9a6b18 !important;
  border: 1px solid #b88936;
  border-radius: 2px;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none !important;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

/* カーソルを合わせたとき */
.article-cta-sub:hover {
  background-color: #fdf9ee;
  color: #805714 !important;
  border-color: #9a6b18;
  text-decoration: none !important;
}

/* 矢印 */
.article-cta-sub .cta-arrow {
  flex-shrink: 0;
  margin-left: auto;
  font-size: 20px;
  font-weight: 400;
  transition: transform 0.2s ease;
}

.article-cta-sub:hover .cta-arrow {
  transform: translateX(4px);
}

/* PC表示 */
.article-cta-sub .cta-pc {
  display: inline;
}

.article-cta-sub .cta-sp {
  display: none;
}

/* スマホ表示 */
@media screen and (max-width: 600px) {
  .article-cta-sub {
    gap: 10px;
    padding: 15px 16px;
    font-size: 15px;
  }

  .article-cta-sub .cta-pc {
    display: none;
  }

  .article-cta-sub .cta-sp {
    display: inline;
  }

  .article-cta-sub .cta-arrow {
    margin-left: auto;
    font-size: 20px;
  }
}



.ingredients-details summary {
  display: inline-block;
  padding: 3px 10px 3px 6px;
  color: #5c4033;
  background-color: #f7efcf;
  border: 1px solid #b88a44;
  border-radius: 4px;
  cursor: pointer;
}

.ingredients-details summary:hover {
  background-color: #f2e3ad;
}

.ingredients-details summary::-webkit-details-marker {
  display: none;
}

.ingredients-details .close-label {
  display: none;
}

.ingredients-details[open] .open-label {
  display: none;
}

.ingredients-details[open] .close-label {
  display: inline;
}

.ingredients-details p {
  margin-top: 15px;
  line-height: 1.9;
}

.ingredients-details summary br {
  display: none;
}



/* 関連記事カードのタイトル */
.p-relatedPosts .p-postList__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.65;
}

@media screen and (max-width: 599px) {
  .p-relatedPosts .p-postList__title {
    font-size: 14px;
  }
}

/*商品の簡単な説明文のCTA*/
.yumerea-usage-card {
	margin-top: 20px;
	padding: 16px 18px;
	background: #fdfaf3;
	border: 1px solid #c4953b;
	border-radius: 4px;
}

.yumerea-usage-card__title {
	margin-bottom: 8px;
	color: #8f651f;
	font-weight: 700;
	line-height: 1.6;
}

.yumerea-usage-card p {
	margin: 0;
	line-height: 1.8;
}


.usage-card-sp-break {
	display: none;
}

@media screen and (max-width: 600px) {
	.usage-card-sp-break {
		display: block;
	}

	.usage-card-divider {
		display: none;
	}
}


/* TOPページ内リンクを現在地の色にしない */
.home .c-gnav .sub-menu .current-menu-item > a {
  background-color: #fff;
}

/* マウスを乗せたときだけ色を付ける */
.home .c-gnav .sub-menu .current-menu-item > a:hover {
  background-color: #f8efcc;
}