/********************************************/
/*検索モーダル*/
/********************************************/

.search-modal-original {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
}

.search-modal-original.is-active {
  display: flex;
  justify-content: center;
   align-items: flex-start;
}
button#searchOpenBtn {
    margin-right: 17px;
    padding: 5px;
    cursor: pointer;
}
/* モーダル本体 */
.search-modal-original__content {
  padding: 20px;
  width: 96%;
  max-width: 800px;
	margin-top: 50px;
  border-radius: 6px;
}

/* フォーム横並び */
.search-modal-original__form {
  display: flex;
  align-items: center;
  border: 1px solid #808080;
  border-radius: 4px;
  overflow: hidden;
}

/* 入力欄 */
.search-modal-original__form input[type="search"] {
  flex: 1;
  border: none;
  padding: 12px 14px;
  font-size: 16px;
  outline: none;
  background-color:#323232;
  color: #fff;
}

/* ボタン */
.search-modal-original__submit {
  background-color:#323232;
  border: none;
  padding: 11px 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-modal-original__submit img {
  width: 20px;
  height: 20px;
}


.search-search-modal-original__content {
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -60%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 767px) {
	.sp_search .search-modal-original__content {
		margin:auto;
		margin-top: 10px;
	}
	.sp_search .search-modal-original__content {
		width: 100%;
	}

}

.header .flex .menu .list li.search_keyword  {
	text-align: center;
	/* margin-left: 10px; */
}
.header .flex .menu .list li.search_keyword span {
    position: relative;
    top: -2px;
    display: block;
    margin-top: .5em;
    font-size: 1.1rem;
    color: #fff;
}
.header .flex .menu .list li.search_keyword button#searchOpenBtn {
	display: block;
	margin-right: 0;
	text-align: center;
}

/********************************************/
/*header調整*/
/********************************************/
.header_bottom_flex .inner_flex .left {
    width: 95%;
}
.header_bottom_flex .inner_flex .right {
    width: 5%;
}
.header_bottom_flex .inner_flex .left {
    width: 100% !important;
}
@media screen and (max-width: 767px) {
  .header_bottom_flex .inner_flex .right {
      width: 100%;
  }
	.header .flex .menu .list li:nth-child(3) {
		left: 0;
	}
	.header .flex .menu .list li:nth-child(4) {
		position : relative;
		left: 5px;
	}
}


/********************************************/
/*検索結果調整*/
/********************************************/
#searchModalOriginal .swp-items-wrapper .swp-items {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 0 !important;
}
#searchModalOriginal .swp-items-wrapper .swp-items li {
  width: 23%;
  margin-bottom: 30px;
  margin-right: 2.666%
}
#searchModalOriginal .swp-items-wrapper .swp-items li:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .sp_search .swp-items-wrapper .swp-items {
      display: flex;
      flex-wrap: wrap;
      grid-column-gap: 0 !important;
  }
  .sp_search .swp-items-wrapper .swp-items li {
    width: 49%;
    margin-bottom: 10px;
    margin-right: 2%
  }
  .sp_search .swp-items-wrapper .swp-items li:nth-child(2n) {
    margin-right: 0;
  }
}

.swp-search  span.swp-price.swp-product-price.wps-product-individual-price {
    display: none;
}
.sp_search .swp-mb20.swp-l-col.swp-l-baseline.swp-l-rel100.swp-product-pricing.wps-component-products-pricing {
    display: none;
}


/********************************************/
/*検索窓*/
/********************************************/
.swp-search-input-wrapper .swp-search-input {
    color: #fff;
    height: auto;
    padding: 12px 14px;
    font-size: 16px;
    outline: none;
    background-color: #323232;
    line-height: 1.2;
}

.swp-search-input-wrapper .swp-search-input::placeholder {
  color: #757575;
}
.swp-search-icon {
    top: 15px;
}