/*
 Theme Name:   Storefront Child
 Theme URI:    https://tocho-america.com/dev/shop/
 Description:  Child theme for WooCommerce Storefront
 Author:       seeknet USA
 Template:     storefront
 Version:      1.0.0
 Text Domain:  storefront-child
*/

.product-cat-dropdown-wrap select {
  padding: 0.4rem 0.8rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1rem;
}
/* カートの整列 */
.site-header-account-icon {
  display: inline-flex;
  align-items: center;
  margin-left: 14px;
}

/* アイコンの見た目（Storefrontのカラーに追従） */
.account-icon-link { 
  display: inline-flex; 
  line-height: 1; 
  text-decoration: none;
  color: inherit;
}
.account-icon-link:hover,
.account-icon-link:focus {
  opacity: .8;
}
.account-icon-svg {
  display: block;
}

/* 画面リーダー用テキスト */
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px,1px,1px,1px);
  padding: 0;
  border: 0;
  height: 1px; width: 1px;
  overflow: hidden;
}
.product-cat-dropdown-wrap {
	display: inline-block;
}
#site-header-cart {
	display: inline-block;
}
.site-header-account-icon {
	margin-right: 1rem;
}
#nav_menu-2 .menu-item.menu-item-type-custom {
  display: inline-block;
  margin-left: 1.25rem;
}
#menu-information li {
	display: inline-block;
}
div.footer-widgets .widget_nav_menu ul li::before {
  content: "";
}
/* カートアイコン横の合計金額とアイテム数を非表示 */
.site-header-cart .amount,
.site-header-cart .count {
  display: none !important;
}
.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
	margin-bottom: 2rem;
}
.storefront-full-width-content.woocommerce-cart .entry-header,
/* .storefront-full-width-content.woocommerce-checkout .entry-header,
.storefront-full-width-content.woocommerce-account .entry-header, */
.storefront-full-width-content .woocommerce-products-header {
	padding-bottom: 17.2% !important;
	background: url(./assets/images/bg_top_heading.webp) no-repeat center center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	position: relative;
	margin-bottom: 2rem;
}
#post-2688 .entry-header h1.entry-title,
	.woocommerce-products-header__title.page-title {
	color: #fff;
	font-weight: 500;
	position: absolute;
}
@media (min-width: 768px) {
	.storefront-full-width-content.woocommerce-cart .entry-header,
/* 	.storefront-full-width-content.woocommerce-checkout .entry-header,
	.storefront-full-width-content.woocommerce-account .entry-header, */
	.storefront-full-width-content .woocommerce-products-header {
		background-size: contain;
	}
	#post-2688 .entry-header h1.entry-title,
	.woocommerce-products-header__title.page-title {
		top: calc((50% + 1.75vw)/2);
	}
	.woocommerce-active .site-header .site-header-cart {
		width: auto;
		float: none;
	}
	.woocommerce-active .site-header .main-navigation {
		width: 70%;
		}
	.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
		width: auto;
	}
	.footer-widgets {
		border-bottom: none;
	}
	.footer-widgets.col-4 .block {
		width: 10;
	}
	.footer-widgets.col-4 .block.footer-widget-4 {
		width: 100%;
	}
	div.footer-widgets.row-1.col-4.fix {float:right}
	div.site-info {float:left;}
	div.site-info .aligncenter {
	  margin: initial !important;
	}
	div.site-info p {
	  text-align:initial !important;
	}
}
@media (max-width:767.98px) {
	#menu-information {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	div.site-info {
		padding-top: 0;
	}
	.storefront-full-width-content.woocommerce-cart .entry-header,
/* 	.storefront-full-width-content.woocommerce-checkout .entry-header,
	.storefront-full-width-content.woocommerce-account .entry-header, */
	.storefront-full-width-content .woocommerce-products-header {
		background-size: cover !important;
		overflow: hidden;
	}
    #post-2688 .entry-header h1.entry-title,
	.woocommerce-products-header__title.page-title {
		top: calc(38% / 2);
	}
	.home.blog .site-header,
	.home.page:not(.page-template-template-homepage) .site-header,
	.home.post-type-archive-product .site-header {
		margin-bottom: 1rem;
	}
}
@media (max-width:575.98px) {
	.storefront-full-width-content.woocommerce-cart .entry-header,
/* 	.storefront-full-width-content.woocommerce-checkout .entry-header,
	.storefront-full-width-content.woocommerce-account .entry-header, */
	.storefront-full-width-content .woocommerce-products-header {
		padding-bottom: 25% !important;
	}
	#post-2688 .entry-header h1.entry-title,
	.woocommerce-products-header__title.page-title {
		top: calc(58% / 2);
	}
	.home.blog .site-header,
	.home.page:not(.page-template-template-homepage) .site-header,
	.home.post-type-archive-product .site-header {
		margin-bottom: 0;
	}
}