/* =========================================================
   PONOPONO タイポグラフィ
   商品カード・ナビゲーション・フッター・ニュースなど、
   通常本文以外の文字サイズと行間をここで管理する
========================================================= */

/* =========================================================
   商品カード
========================================================= */
.product-grid .product-name,
.ponopono-special-price-card .product-name {
	font-size: var(--ponopono-font-product-name, 16px);
	line-height: 1.6;
}

.product-grid .product-price,
.ponopono-special-price-card .product-price {
	font-size: var(--ponopono-font-product-price, 16px);
	line-height: var(--ponopono-line-compact, 1.5);
}

.product-grid .btn-details,
.ponopono-special-price-card .btn-details {
	font-size: var(--ponopono-font-card-button, 14px);
	line-height: var(--ponopono-line-button, 1.4);
}

.ponopono-special-price-more .btn.btn-border,
.ponopono-special-price-more .btn.btn-border:visited {
	font-size: 16px;
	line-height: var(--ponopono-line-button, 1.4);
}

/* 商品詳細下部の関連商品 */
.single-products .sold-related-name {
	font-size: 15px;
	line-height: 1.6;
}

.single-products .sold-related-price {
	font-size: 15px;
	line-height: var(--ponopono-line-compact, 1.5);
}

.single-products .sold-related-button {
	font-size: var(--ponopono-font-card-button, 14px);
	line-height: var(--ponopono-line-button, 1.4);
}

/* 商品詳細の購入・問い合わせ・送料ボタン */
.single-products .pnp-action-button,
.pns-trigger-wrap .pnp-action-button {
	font-size: 16px;
	line-height: var(--ponopono-line-button, 1.4);
}

.single-products .product-inquiry-buttons .pnp-action-button {
	font-size: 15px;
}

.pns-trigger-sub {
	font-size: var(--ponopono-font-note, 13px);
	line-height: var(--ponopono-line-small, 1.6);
}

.pns-tab {
	font-size: var(--ponopono-font-small, 14px);
	line-height: var(--ponopono-line-button, 1.4);
}

.pns-toggle {
	font-size: var(--ponopono-font-small, 14px);
	line-height: var(--ponopono-line-button, 1.4);
}

.pns-matome-button {
	font-size: 16px;
	line-height: var(--ponopono-line-button, 1.4);
}

/* =========================================================
   ヘッダー・ナビゲーション
========================================================= */
button.menu-toggle {
	font-size: 15px;
	line-height: var(--ponopono-line-button, 1.4);
}

.lang-switch {
	font-size: var(--ponopono-font-small, 14px);
	line-height: var(--ponopono-line-button, 1.4);
}

.main-navigation .menu-item-attribute {
	font-size: var(--ponopono-font-small, 14px);
	line-height: 1.3;
}

.sp .cat-title.cat-accordion-toggle,
.sp .cat-accordion-toggle {
	font-size: 16px;
	line-height: var(--ponopono-line-compact, 1.5);
}

.sp .up-product-cat li a {
	font-size: 16px;
	line-height: var(--ponopono-line-compact, 1.5);
}

@media screen and (min-width: 768px) {
	.main-navigation ul.nav-menu > li > a,
	.main-navigation div.nav-menu > ul > li > a {
		font-size: var(--ponopono-font-nav-main, 18px);
		line-height: var(--ponopono-line-compact, 1.5);
	}

	.main-navigation ul.sub-menu li a {
		font-size: var(--ponopono-font-nav-sub, 16px);
		line-height: var(--ponopono-line-compact, 1.5);
	}
}

@media screen and (max-width: 767px) {
	.main-navigation.toggled ul.menu > li > a,
	.handheld-navigation ul.menu > li > a {
		font-size: var(--ponopono-font-nav-mobile, 19px);
		line-height: var(--ponopono-line-compact, 1.5);
	}

	.handheld-navigation ul.menu ul.sub-menu > li > a,
	.main-navigation.toggled ul.menu ul.sub-menu > li > a {
		font-size: var(--ponopono-font-nav-sub, 16px) !important;
		line-height: var(--ponopono-line-compact, 1.5) !important;
	}
}

/* =========================================================
   フッター
========================================================= */
.footer-001__list {
	font-size: 18px;
	line-height: var(--ponopono-line-compact, 1.5);
}

.footer-001__list.policy {
	font-size: var(--ponopono-font-small, 14px);
	line-height: var(--ponopono-line-small, 1.6);
}

.ft-link a {
	font-size: 15px;
	line-height: var(--ponopono-line-small, 1.6);
}

.site-info {
	font-size: var(--ponopono-font-note, 13px);
	line-height: var(--ponopono-line-small, 1.6);
}

/* =========================================================
   NEWS・お知らせ
========================================================= */
.news-date {
	font-size: var(--ponopono-font-note, 13px);
	line-height: var(--ponopono-line-compact, 1.5);
}

.news-title {
	font-size: var(--ponopono-font-body, 16px);
	line-height: var(--ponopono-line-small, 1.6);
}

.news-list-date {
	font-size: var(--ponopono-font-small, 14px);
	line-height: var(--ponopono-line-compact, 1.5);
}

.news-list-title {
	font-size: var(--ponopono-font-body, 16px);
	line-height: var(--ponopono-line-small, 1.6);
}

.pnp-post-side h4 {
	font-size: var(--ponopono-font-subheading, 18px);
	line-height: var(--ponopono-line-compact, 1.5);
}

.pnp-post-side li a {
	font-size: var(--ponopono-font-body, 16px);
	line-height: var(--ponopono-line-compact, 1.5);
}

/* =========================================================
   トップページのカード
========================================================= */
.info-shop-name {
	font-size: var(--ponopono-font-subheading, 18px);
	line-height: var(--ponopono-line-compact, 1.5);
}

.info-shop-type {
	font-size: var(--ponopono-font-small, 14px);
	line-height: var(--ponopono-line-compact, 1.5);
}

.info-shop-detail {
	font-size: var(--ponopono-font-body, 16px);
	line-height: var(--ponopono-line-small, 1.6);
}

.info-shop-btn {
	font-size: 15px;
	line-height: var(--ponopono-line-button, 1.4);
}

.genre-name {
	font-size: var(--ponopono-font-subheading, 18px);
	line-height: var(--ponopono-line-compact, 1.5);
}

.genre-text {
	font-size: var(--ponopono-font-small, 14px);
	line-height: var(--ponopono-line-small, 1.6);
}

/* =========================================================
   商品一覧・商品詳細のサイドバー
========================================================= */
.archive-products .sidebar-area h4,
.single-products .sidebar-area h4 {
	font-size: var(--ponopono-font-subheading, 18px);
	line-height: var(--ponopono-line-compact, 1.5);
}

.archive-products .sidebar-area ul li,
.single-products .sidebar-area ul li {
	font-size: var(--ponopono-font-small, 14px) !important;
	line-height: var(--ponopono-line-compact, 1.5);
}

.archive-products .sidebar-area ul li a,
.single-products .sidebar-area ul li a {
	font-size: inherit;
	line-height: inherit;
}

.sidebar-area-note {
	font-size: var(--ponopono-font-note, 13px);
	line-height: var(--ponopono-line-small, 1.6);
}

.genre-filter-label,
.genre-filter-btn {
	font-size: var(--ponopono-font-note, 13px);
	line-height: var(--ponopono-line-button, 1.4);
}

/* =========================================================
   その他の主要ボタン
========================================================= */
.btn-online {
	font-size: 16px;
	line-height: var(--ponopono-line-button, 1.4);
}

.home-purchase-guide .home-purchase-button,
.pps-page .pps-cta .btn,
.sell-cta .btn {
	font-size: 15px;
	line-height: var(--ponopono-line-button, 1.4);
}

/* =========================================================
   スマートフォン
========================================================= */
@media screen and (max-width: 767px) {
	.ponopono-special-price-more .btn.btn-border,
	.ponopono-special-price-more .btn.btn-border:visited {
		font-size: 15px;
	}

	.single-products .sold-related-name,
	.single-products .sold-related-price {
		font-size: var(--ponopono-font-product-name, 14px);
	}

	.single-products .sold-related-button {
		font-size: var(--ponopono-font-card-button, 14px);
	}

	.pns-tab {
		font-size: 14px;
	}

	.info-shop-detail {
		font-size: var(--ponopono-font-body, 16px);
	}

	.news-list-link {
		line-height: var(--ponopono-line-small, 1.6);
	}
}

@media screen and (max-width: 420px) {
	.pns-tab {
		font-size: var(--ponopono-font-note, 13px);
	}
}