@charset "utf-8";

/**
 * WooCommerceの商品一覧、商品詳細、購入、My Account。
 */

/* --------------------------------------------------------------------------
 * 住所入力とWooCommerce共通部品
 * ----------------------------------------------------------------------- */

/* 中国本土向け住所では国と郵便番号をhidden入力として扱う */
#billing_country_field > label,
#billing_postcode_field > label,
#shipping_country_field > label,
#shipping_postcode_field > label {
	display: none;
}

.woocommerce-tabs ul.tabs li a {
	padding: 0.5em 5px;
}

.woocommerce-tabs ul.tabs li.active::after {
	right: 1em;
}

/* --------------------------------------------------------------------------
 * 商品一覧
 * ----------------------------------------------------------------------- */

.post-type-archive-product .woocommerce-products-header__title {
	display: none;
}

.post-type-archive-product .woocommerce-products-header {
	padding-bottom: 0;
}

.post-type-archive-product .site-content a {
	display: block;
}

.post-type-archive-product .site-content a:focus {
	outline-offset: 0;
}

.tax-product_cat h1 {
	margin-bottom: 1em;
	font-size: 1.5em;
	text-align: center;
}

ul.products li.product.product-category img {
	margin-bottom: 1em;
}

@media (min-width: 768px) {
	.tax-product_cat .woocommerce-products-header {
		padding-bottom: 1em;
	}
}

@media (max-width: 767px) {
	.post-type-archive-product h2 {
		margin-bottom: 1em;
	}
}

/* Ajax並び替え中は商品一覧と操作欄を一時的に無効化する */
.site-main > ul.products.is-loading {
	opacity: 0.45;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.storefront-sorting.is-loading {
	pointer-events: none;
}

.woocommerce-ordering select.orderby:disabled {
	cursor: default;
	opacity: 0.6;
}

/* Storefrontのfloatレイアウトをモバイル2列へ調整する */
@media (max-width: 767px) {
	.site-main ul.products li.product {
		float: left;
		clear: none;
		width: 48%;
		margin-right: 4%;
	}

	.site-main ul.products li.product:not(.product-category):nth-of-type(2n) {
		margin-right: 0;
	}

	.site-main ul.products li.product-category {
		float: none;
		clear: both;
		width: 100%;
		margin-right: 0;
		margin-bottom: 3em;
	}
}

/* 商品の並び替えと件数表示 */
.woocommerce-ordering {
	padding: 0;
}

.woocommerce-result-count {
	padding: 10px 14px 10px 0;
}

.woocommerce-ordering select.orderby {
	padding: 10px 28px 10px 14px;
	border: 1px solid rgba(0, 0, 0, 0.14);
	border-radius: var(--jy-control-radius);
	background-color: var(--jy-color-surface);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 12px 12px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

@media (max-width: 767px) {
	.woocommerce-ordering {
		float: left;
		margin-right: 1em;
	}

	.woocommerce-result-count {
		position: relative;
		float: left;
		margin-bottom: 0;
	}

	.search .jy-search-products .jy-search-empty {
		display: block;
		clear: both;
		width: 100%;
		margin-top: 16px;
	}
}

/* --------------------------------------------------------------------------
 * 商品詳細
 * ----------------------------------------------------------------------- */

.single-product h1 {
	font-size: 1.5em;
}

/* --------------------------------------------------------------------------
 * My Account
 * ----------------------------------------------------------------------- */

.page-my-account .woocommerce-MyAccount-navigation-link--downloads,
.page-my-account .woocommerce-MyAccount-navigation-link--edit-account,
.page-my-account .xh-regbox {
	display: none;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
	content: "\f007";
}