/*Woocommerce Shop Page
=======================================================
*/

#headline > h1{
  display: none;
}

div#headline{
height: 25px; 
}

/*Main Layout*/
body {
height: 100%;
background-color: white;
}
.wrap {
display: grid;
grid-template-columns: 100%;
max-width: 1200px;
}

div#primary {
padding: 20px;
}

aside#secondary {
display: none;
}

div#content {
  margin-bottom: 60px;
}

/*Filter By Plugin
=======================================================
*/
div#shop_filter {
  display: none;
}

/*
#shop #main-img-wrap {
background-image: url("img/top_mv_pc.jpg");
height: 40%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}*/

.product-search-filter {
  display: inline-flex;
  width: 100% !important;
  margin: 20px 0px;
}

.product-search-type {
  width: 75%;
}

.product-search-type input[type="text"] {
  width: 230px;
  float: right;
}

.product-search-droplist {
  width: 25%;
}

form#search-product {
  width: 70%;
  float: right;
  position: relative;
}

#search-product input[type="text"]{
  padding: 0.15em 0.7em;
  font-size: 15px;
}

#search-product input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 15px;
}
#search-product input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  font-size: 15px;
}
#search-product input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  font-size: 15px;
}
#search-product input[type="text"]:-moz-placeholder { /* Firefox 18- */
  font-size: 15px;
}

.product-search-icon {
  background-image: url(../../img/2022/search.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}

h2.woocommerce-products-header__title.page-title {
font-size: 18px;
background: white;
text-align: center;
font-family: 'Noto Serif JP';
font-weight: 300;
font-size: 35px;
}

p.woocommerce-result-count {
  text-align: center;
  font-size: 13px;
  font-family: 'Noto Sans JP';
  margin-top: -10px;
  color: black;
}

/*Nav BreadCrumb
=======================================================
*/
nav.woocommerce-breadcrumb {
padding: 10px 0px 10px 0px;
margin: auto;
font-size: 12px;
border-bottom: 0px;
}

/*product list layout 
=======================================================
*/
ul.products.columns-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
list-style: none;
column-gap: 2rem;
row-gap: 2rem;
padding: 0;
margin: 4em 0 0;
}

h2.woocommerce-loop-product__title {
  margin: 10px 0px 0px 0px;
  font-size: 13px;
  text-align: center;
  color: black;
  font-weight: 600 !important;
}

ul.products li.product .price,
ul.products li.product .star-rating {
display: block;
margin-bottom: 0.75em;
/* display: none; */
text-align: center;
font-size: 12px;
margin: 5px auto;
}

ul.products li.product .price, ul.products li.product .star-rating {
  display: block;
  margin-bottom: 0.75em;
  font-size: 13px;
}

/*
li.product.type-product:nth-child(10n + 1) {
grid-column: auto / span 2;
grid-row: auto / span 2;
}
*/





form.woocommerce-ordering {
  text-align: right;
}

a.button.product_type_variable.add_to_cart_button {
padding: 5px 10px 5px 10px;
background-color: black;
border-radius: 5px;
color: white;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
padding: 5px 10px 5px 10px;
background-color: black;
border-radius: 5px;
color: white;
}

/*product image */
.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
/*border: 1px solid #dadada;*/
border-radius: 5px;
margin: 5px 5px 0px 0px;
transition: all 0.4s;
width: 100%;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail:hover {
  transform: scale(0.9);
}

/*
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail:hover {
transform: translateY(-5px);
opacity: 1;
box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
  rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}*/

li.product.type-product {
  border: solid 1px rgb(228, 228, 228);
  border-radius: 5px;
  background: white;
  padding: 5px;
  transition: all 0.4s;
}

li.product.type-product:hover {
  transform: translateY(-5px);
  opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
  rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  border: solid 1px rgb(30 30 30);
}

.woocommerce-ordering {

}

ul.filter-items.filter-text.level-0 {
display: grid;
grid-template-columns: auto auto auto auto auto auto;
font-size: 13px;
font-family: 'Noto Sans JP';
}

div#product-category {
  width: 100%;
  text-align: center;
  margin: 20px 0px;
}

a#product-sort-single {
  line-height: 2;
  margin: 0 5px;
  padding: 5px 15px;
  border-radius: 15px;
  background-color: #B4B4B4;
  font-size: 13px;
  color: white;
  font-weight: bold;
}

a#product-sort-single:hover {
    /* padding: 10px; */
    line-height: 2;
    margin: 0 5px;
    padding: 5px 15px;
    border-radius: 15px;
    background-color: #696969;
    font-size: 13px;
    color: white;
    font-weight: bold;
}

a#product-sort-single:active {
  line-height: 2;
  margin: 0 5px;
  padding: 5px 15px;
  border-radius: 15px;
  background-color: #696969;
  font-size: 13px;
  color: white;
  font-weight: bold;
}

a.term-label {
color: white !important;
}

a.term-label:hover {
color: black !important;
}

.filter-content {
  margin-top: 40px;
}

div#preset_1326 {
background-color: #f7f7f7;
}

li.filter-item.text.level-0 {
/* padding: 10px; */
text-align: center;
background: #e8e8e8;
margin: 5px;
}

h4.filter-title {
display: none;
}

/*page list*/
ul.page-numbers {
padding: 8px 16px;
text-align: center;
list-style: none;
font-size: 11px;
}

ul.page-numbers li {
display: inline;
margin: 0 5px;
}

/*product filter order by*/
select.orderby {
font-size: 16px;
margin: 0px 10px;
height: 30px;
border: 0px;
background-color: white;
font-family: 'Noto Sans JP' !important;
border: solid 1px white;
}

select.orderby:hover {
  border: solid 1px rgb(212, 212, 212);
}

img#filter-icon {
height: 12px;
vertical-align: middle;
display: inline-block;
margin-left: 0;
margin-right: 0;
width: auto;
}


/*page number*/
.woocommerce-pagination span.page-numbers.current {
background-color: black;
color: white;
font-size: 12px;
}

.woocommerce-pagination .next.page-numbers, .woocommerce-pagination .prev.page-numbers, .woocommerce-pagination a.page-numbers, .woocommerce-pagination span.page-numbers {
padding: 0.5em 1em;
background: #F7F7F7;
display: inline-block;
font-size: 12px;
float: none;
line-height: 1.5;
border-radius: 2px;
transition: background-color ease-in-out .3s;
/*border: solid 1px black;*/
}

a.next.page-numbers{
padding: 0.5em 1em;
background: #000000 !important;
color: white !important;
display: inline-block;
font-size: 12px;
float: none;
line-height: 1.5;
border-radius: 2px;
transition: background-color ease-in-out .3s;
/*border: solid 1px black;*/
}

.next.page-numbers {
border: 0px !important;
}

.prev.page-numbers{
border: 0px !important;
}

.woocommerce-pagination {
margin: 4em 0;
border-top: 0px;
font-size: 13px;
font-size: 12px;
}

.woocommerce-breadcrumb a {
box-shadow: 0 0px 0 #0f0f0f;
transition: box-shadow ease-in-out 130ms;
}

.woocommerce-breadcrumb a:hover {
box-shadow: 0 2px 0 #0f0f0f;
}

span.soldout {
background-color: #000000a6;
color: white;
font-size: 18px;
padding: 44px 20px;
border-radius: 60px;
}

span.soldout:hover {
  background-color: #000000ec;
}

div#sold-out {
position: absolute;
padding: 115px 68px;
margin-top: -260px;
background-color: #ffffff82;
border-radius: 5px;
}

button#back-to-top {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: black;
color: white;
cursor: pointer;
padding: 0px;
border-radius: 4px;
border: solid 1px white;
}

#main-img-wrap.online {
background: black;
background-image: url(../../img/2022/gom-bridal-page-banner.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 400px;
display: none;
}

.main-img-wrap-inner {
width: 100%;
position: relative;
overflow: hidden;
}