/*Slider Css*/
.img_bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 35px;
  height: 35px;
}
.carousel-control-prev, .carousel-control-next {
  display: none;
}
.carousel:hover .carousel-control-prev, .carousel:hover .carousel-control-next {
  display: flex;
}
.carousel-indicators {
  margin-bottom: 10px
}
.carousel-indicators li {
  display: inline-block;
  width: 25px;
  height: 10px;
  box-shadow: none;
  outline: 0;
  cursor: pointer;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background-color: #c9cacf;
  line-height: 0;
  margin: 3px 2px;
  padding: 0;
  border-radius: 10px !important;
  border: none;
  opacity: .9
}
.carousel-indicators .active {
  display: inline-block;
  width: 45px;
  height: 10px;
  background-color: var(--site-color)
}
/*Category Title */
.header_title {
  font-weight: 900;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 26px;
  color: #403b37;
}
/*Product Item*/
.item {
  font-family: 'Noto Sans JP', sans-serif;
}
.item .sale_tag {
  top: -20px;
  right: -10px;
  height: 60px;
  width: 60px;
  color: #fff;
  z-index: 9 !important;
  border: 2px solid var(--site-color);
  transition: 0.1s all linear;
  background-color: var(--site-color);
}
.item img {
  overflow: hidden;
  cursor: pointer;
}
.item .sale_tag span {
  font-size: 16px !important;
  letter-spacing: 0.5px;
}
.item:hover img {
  transition: 0.3s all linear;
}
.item:hover a {
  /*text-decoration: none;*/
}
.item_mini_info h3 a {
    font-size: 16px;
    font-weight: 500;
    color: var(--site-color);
    cursor: default;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.item_mini_info h3 a:hover {
  text-decoration: none;
	cursor: pointer;
}
.item_mini_info span.price {
  font-size: 13px;
  color: var(--lit-color);
}
.item > a > span {
  font-size: 14px;
  color: #000;
}
.item > a > span:last-child {
  font-size: 11px;
  color: #000;
}
.overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  height: 100%;
  /*transition: 0.1s;*/
}
.overlay button, .overlay a {
  background-color: #fff;
  display: none;
  border: 1px solid var(--lit-color);
	font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--lit-color);
  border-radius: 40px;
  box-shadow: 0 0 29px 0 rgb(134 134 134 / 25%);
}
.overlay a:hover {
  text-decoration: none;
  color: var(--site-color);
}
.overlay button span:first-child {
  font-size: 20px;
}

@media only screen and (min-width: 767.9px) {
	.item > a:hover .overlay, .item:hover .overlay {
		background-color: rgba(242, 92, 84, 0.5);
		transition: 0.1s all linear;
	}
	.item > a:hover .overlay button, .item:hover .overlay button, .item:hover .overlay a {
		display: block;
		animation: swing;
		animation-duration: 0.9s;
		animation-iteration-count: 1;
		animation-delay: 0s;
		width: 100%;
	}
	.item:hover .overlay a {
		display: block;
		animation-duration: 0.9s;
		animation-iteration-count: 1;
		animation-delay: 0s;
		width: 75%;
		margin: auto;
	}
	.item:hover .overlay a:first-child {
		animation: fadeInLeft;
		animation-duration: 0.9s;
		animation-iteration-count: 1;
	}
	.item:hover .overlay a:last-child {
		animation: fadeInRight;
		animation-duration: 0.9s;
		animation-iteration-count: 1;
	}
}
.item > a .overlay button {
  display: none;
}
.item > a:hover .sale_tag, .item:hover .sale_tag {
  background-color: #fff;
  color: var(--site-color);
  z-index: 9;
  transition: 0.1s all linear;
  border: 2px solid var(--site-color);
}
.show {
  display: block;
}
.btn:focus, .page-link:focus, .form-control:focus {
  box-shadow: none !important;
}
.icon-bars, button {
  font-family: 'Noto Sans JP', sans-serif;
}
h6, h5, h4, h3, h2, h1, label {
  font-family: 'Noto Sans JP', sans-serif;
}
.bg_grey {
  background-color: #F4F4F4;
}
@media only screen and (max-width: 1199.9px) {
	.img_bg {
		height: 50vh !important;
	}
}
@media only screen and (max-width: 991.9px) {
	.img_bg {
		height: 40vh !important;
	}
  .top_nav {
    position: sticky;
  }
}
@media only screen and (max-width: 767.9px) {
	.img_bg {
		height: 30vh !important;
	}
}
@media only screen and (max-width: 575.9px) {
	.img_bg {
		height: 24vh !important;
	}
}
@media only screen and (max-width: 479.9px) {
	.img_bg {
		height: 20vh !important;
	}
	.header_title {
		    font-size: 20px;
	}
  .item:hover .overlay a {
    width: 85%;
  }
	.overlay button, .overlay a {
		font-size: 11px;
		padding: .275rem .65rem;
	}
	.item_mini_info h3 {
		font-size: 14px;
		line-height: 1.4
	}
}
@media only screen and (max-width: 767.9px) {
   .item  .overlay{
display:none !important;
 }
}
/*End HomePage Css*/