@charset "UTF-8";
/*****************************************
 * 共通部品: カートに入れるボタン 
 *****************************************/
.product_detail_cart_wrapper {
  text-align: center;
}

.toggle_cart_image {
  width: 320px;
  height: 50px;
  background-color: transparent;
  background-size: auto 50px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s;
  border: none;
}

.products_wrapper .toggle_cart_image {
  width: 320px;
  height: 38px;
  background-color: transparent;
  background-size: auto 38px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s;
  border: none;
    margin: 8px 0 0;
}
.toggle_cart_image.selected {
  background-image: url(/images/cart_selected.jpg);
}
.products_wrapper .toggle_cart_image.selected {
  background-image: url(/images/cart_selected_s.jpg);
}

.toggle_cart_image.unselected {
  background-image: url(/images/cart_unselected.jpg);
  background-position: 100% 0%;
}
.products_wrapper .toggle_cart_image.unselected {
  background-image: url(/images/cart_unselected_s.jpg);
  background-position: 100% 0%;
}
.toggle_cart_image.unselected:hover {
  background-position: 0% 0%;
}
/*.toggle_cart_image.selected {
  background-image: url(/images/cart_selected.jpg);
}
.toggle_cart_image.unselected {
  background-image: url(/images/cart_unselected.jpg);
  background-position: 100% 0%;
}
.toggle_cart_image.unselected:hover {
  background-position: 0% 0%;
}*/

/*****************************************
 * 共通部品: お気に入りボタン
 *****************************************/
.toggle_favorite_image {
  width: 26px;
  height: 26px;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  border: none;
}
.toggle_favorite_image.checked {
  background-image: url(/images/favorite_checked.png);
}
.toggle_favorite_image.unchecked {
  background-image: url(/images/favorite_unchecked.png);
}

/*****************************************
* 共通部品: スライダー
*****************************************/
.slider {
  position: relative;
}

.slider-images {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  z-index: 99;
}
.slider-images .slider-0, .slider-images .slider-1, .slider-images .slider-2, .slider-images .slider-3, .slider-images .slider-4,
.slider-images .slider-5, .slider-images .slider-6, .slider-images .slider-7, .slider-images .slider-8, .slider-images .slider-9 {
  position: absolute;
  width: 250px;
  height: 200px;
}
.slider-images .slider-1, .slider-images .slider-2, .slider-images .slider-3, .slider-images .slider-4,
.slider-images .slider-5, .slider-images .slider-6, .slider-images .slider-7, .slider-images .slider-8, .slider-images .slider-9 {
  left: 100%;
}
.slider-images .slider-0 {
  left: 0;
}

/*****************************************
 * 共通部品: スムーズスライダー
 *****************************************/
.smooth-slider .smooth-slider-images {
  position: relative;
  display: flex;
}
.smooth-slider .smooth-slider-images .smooth-slider-image {
  position: absolute;
  opacity: 0;
}
.smooth-slider .smooth-slider-images .smooth-slider-image a {
  display: block;
  text-align: center;
}
.smooth-slider .smooth-slider-images .smooth-slider-image a .caption {
  font-weight: bold;
  text-align: center;
  word-wrap: break-word;
}

/*****************************************
 * パンくずレイアウト
 *****************************************/
#breads, #breads2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 11px;
  padding: 0 20px;
}

#breads br, #breads2 br {
	display: none;
}
/*************************************************************************
 * 共通部品: 検索結果
 *************************************************************************/
.search_result .header {
  margin-bottom: 16px;
}
.search_result .count {
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
}
.search_result .not-found {
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
}

.search_result_items {
  display: flex;
  flex-wrap: wrap;
}
.search_result_items .search_result_item_wrapper {
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 25%;
  border-bottom: 1px solid #A6A6A6;
}
.search_result_items .search_result_item_wrapper:nth-child(-n + 6) {
  width: 33%;
}
.search_result_items .search_result_item_wrapper .search_result_item {
  padding: 4%;
  min-height: 310px;
}
.search_result_items .search_result_item_wrapper .search_result_item .search_result_image_wrapper {
  margin-bottom: 4px;
}
.search_result_items .search_result_item_wrapper .search_result_item .search_result_categories {
  display: flex;
  flex-wrap: wrap;
}
.search_result_items .search_result_item_wrapper .search_result_item .search_result_categories .search_result_category a {
  color: #444444;
  font-size: 11px;
  margin-right: 4px;
  margin-bottom: 4px;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #BCBCBC;
}
.search_result_items .search_result_item_wrapper .search_result_item .search_result_maker {
  font-size: 10px;
  height: 40px;
  margin-bottom: 5px;
  padding: 2px;
  color: #444444;
}

@media screen and (max-width: 767px) {
  .toggle_cart_image {
    width: 250px;
    height: 39px;
    background-color: transparent;
    background-size: auto 39px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s;
    border: none;
  }
  .toggle_cart_image.selected {
    background-image: url(/images/cart_selected.jpg);
  }
  .toggle_cart_image.unselected {
    background-image: url(/images/cart_unselected.jpg);
    background-position: 100% 0%;
  }
  .toggle_cart_image.unselected:hover {
    background-position: 0% 0%;
  }
}