@charset "UTF-8";

/* popfind.css　リセット */

._items ._item ._wrap *[class^=_] {
  padding:0;
}

._groupingselector_type1,
._countselector_type3{
  display: none;
}

._attributegroup ._attributes ._attribute{
  white-space: unset;
}

._attributegroup ._group {
    font-weight: unset;
    font-size: unset;
}

._attributegroup {
    padding: unset;
    margin: unset;
}

._attributegroup ._attributes ._attribute {
    display: unset;
    white-space: unset;
    margin: unset;
    font-size: unset;
}

._attribute ._count{
  display: none;
}

._priceinput{
  padding: unset;
  margin: unset;
}

._modal ._button:active {
    transform: unset;
    box-shadow: unset;
}

/* 絞り込みメニュー　モーダルリセット */

#popfind ._modal ._window {
display: unset;
position: static;
}
#popfind ._modal ._window ._wrap ._body {
max-height: unset;
overflow-y: unset;
}
#popfind ._modal > ._button, #popfind ._modal ._wrap ._close,
#popfind ._modal ._wrap ._status { display: none; }

/* 商品一覧 */

._searchresults{
  margin-top: 20px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #284066;
}

._items{
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
}

._items ._item{
  position: relative;
  width: 200px;
  display: inline-block;
  margin-right: 40px;
  vertical-align: top;
  font-size: 14px;
  box-sizing: border-box;
}

._items ._item:nth-of-type(4n) {
  margin-right: 0;
}

._items ._item ._wrap{
  width: 100%;
  border: none;
}

._icons ._icon{
    position: absolute;
    top: -10px;
    left: 3px;
    width: 45px;
    z-index: 1;  
}

._items ._item ._wrap ._image{
  width: 100%;
  height: 268px;
  margin-bottom: 10px;
}

._items ._item ._wrap ._image a{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  width: 100%;
  height: auto;
  border: 1px solid #ebedf1;
}

._items ._item ._wrap ._image a img{
  flex-shrink: 0;
  text-align: center;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

._layoutgroup1{
  display: flex;
  flex-wrap: wrap;
}

._layoutgroup1 *[class^=_additional_icons]{
  display: flex;
}

._layoutgroup1 *[class^=_additional_icons] ._icon{
  flex-shrink: 0;
  width: 65px;
  height: 17px;
  margin-bottom: 2px;
  z-index: 1; 
}
._items ._item ._wrap ._layoutgroup1 *[class^=_additional_icons] + [class^=_additional_icons],
._layoutgroup1 *[class^=_additional_icons] ._icon + ._icon{
  margin-left: 2px;
}

._items ._item ._wrap ._title{
  margin-top: 8px;
}

._items ._item ._wrap ._title a{
  color: #333;
  font-weight: normal;
  word-break: break-all;
}

._item ._wrap ._sale._layoutgroup2{
  display: flex;
  align-items: center;
  margin-top: 0.5em;
}
._additional_text1{
  text-align: left;
}

._sale ._additional_text1{
  order: 2;
}

._sale ._additional_text2{
  order: 1;
  text-decoration: line-through;
}

._sale ._additional_text1{
  margin-right: 0.5em;
  color: #cc3366;
}

._sale ._additional_text2::after{
  content: '→';
  display: inline-block;
  color: #444;
  padding: 0 0.5em;
}
._additional_text9{
  text-align: left;
}
/* ページャー */

._pagenator ._nav{
  flex: unset;
}

._pagenator ._nav._page{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 9px;
  background: #fff;
  color: #284066;
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  border-radius: 50%;
  border: 1px solid #889cbb;
  transition: .2s;
}

._pagenator ._nav._page._current{
  display: flex;
  padding: 0;
  background: #284066;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}

._pagenator ._nav ._button {
  display: block;
  width: 27px;
  overflow: hidden;
  text-indent: -999px;
  padding: unset;
  text-decoration: none;
  color: unset;
  border-bottom: unset;
  border-radius: unset;
}

._pagenator ._nav ._button:active {
  transform: unset;
  box-shadow: unset;
}

._pagenator ._nav ._button:hover {
  cursor: pointer;
}

._pagenator ._nav._first,._pagenator ._nav._last,._pagenator ._nav._prev,._pagenator ._nav._next {
  margin: unset;
  display: unset;
}

._pagenator ._nav._first ._button {
  margin-right: 35px;
  background: url(../../img/sys/collection_icon_arrow_first.png) center no-repeat;
  background-size: contain;
}

._pagenator ._nav._last ._button {
  margin-left: 35px;
  background: url(../../img/sys/collection_icon_arrow_last.png) center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

._pagenator ._nav._prev ._button {
  margin-right: 23px;
  background: url(../../img/sys/collection_icon_arrow_prev.png) center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

._pagenator ._nav._next ._button {
  margin-left: 23px;
  background: url(../../img/sys/collection_icon_arrow_next.png) center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

._pagenator ._nav ._disable{
  display: none;
}

/* 並び替え */

._sortorderselector {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: unset;
  padding: 15px 10px;
  border: 1px dotted #284066;
  border-right: none;
  border-left: none;
}

._sortorderselector ._label {
  flex: unset;
  min-width: 120px;
  font-weight: bold;
  border-right: 1px solid #696969;
  text-align: left;
  line-height: 1;
  font-weight: bold;
  font-size: 1em;
}

._sortorderselector ._label:before {
  display: inline-block;
  content: url(https://www.bleubleuet.jp/img/usr/common/pc/goodslist_sort.png);
  width: 16px;
  height: 16px;
  margin-right: 10px;
  vertical-align: middle;
}

._sortorderselector._sortorderselector_type2 ._sort {
  padding: unset;
  min-width: 140px;
  border-right: 1px solid #696969;
  text-align: center;
}

._sortorderselector._sortorderselector_type2 ._sort._current{
  color: #789ace;
  text-decoration: none;
}

/* 絞り込みメニュー */

._body h2{
  margin: 0 0 10px;
  padding: 0;
  color: #284066;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  border-top: none;
}

._modal ._window ._wrap {
  margin: unset;
  width: unset;
  position: unset;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}

._modal ._window ._wrap ._body {
    position: relative;
}

._foot{
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}

._foot ._submit{
  display: block;
  width: 200px;
  height: 50px;
  margin: 0 20px;
  background: #284066 url(../../img/sys/btn_goodslist_sort.png) center no-repeat;
  background-size: 93.5px;
  border-radius: 5px;
  font-size: 0;
  position: fixed;
  bottom: 0;
  z-index: 9;
  border: unset;
  order: 1;
}

._foot ._submit.static {
    position: relative;
    display: block;
}

._foot ._clear_button{
  order: 2;
  width: 200px;
  height: 50px;
  border: 1px solid #284066;
  border-radius: 5px;
}

._foot ._clear_button a{
  display: flex;
  width: 200px;
  height: 50px;
  align-items: center;
  justify-content: center;
  color: #284066;
  font-size: 16px;
  text-decoration: none;
}

._attributegroup{
  margin-top: 20px;
}

._sub_group ._attributegroup{
  margin-top: unset;
}

._attributegroup ._group {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  text-align: center;
  color: #284066;
  border-bottom: 1px solid #284066;
}

._sub_group ._attributegroup ._group{
  display: none;
}

._attributegroup ._attributes ._attribute{
  display: block;
}

._attributegroup ._attributes ._attribute label{
  position: relative;
}

._attributegroup ._attributes ._attribute input{
  position: absolute;
  width: 20px;
  height: 20px;
  opacity: 0;
}

._attributegroup ._attributes ._attribute ._label{
  display: block;
  padding: 10px;
  border-bottom: 1px dotted #284066;
  color: #333;
  cursor: pointer;
}

._attributegroup ._attributes ._attribute ._label span{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 33px);
}

._attributegroup ._attributes ._attribute ._label:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 13px;
    background: #fff;
    border: 1px solid #ccc;
}

._attributegroup ._attributes ._attribute input:checked ~ ._label:before{
    background: url(https://www.bleubleuet.jp/img/sys/icon/icon_checkbox_checked.png) center no-repeat;
    -webkit-background-size: 19px;
    background-size: 19px;
}
._attributegroup ._attributes ._attribute._disable{
  display: none;
}

/* カラーチップ */

._attributegroup._attributegroup_group7 ._attributes{
  display: flex;
  flex-wrap: wrap;
  padding: 14px 0;
}

._attributegroup._attributegroup_group7 ._attributes ._attribute{
  margin: 0 4.5px 10px;
}

._attributegroup._attributegroup_group7 ._attributes ._attribute ._label{
  position: relative;
  display: block;
  padding: unset;
  border-bottom: unset;
  color: #333;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
}

._attributegroup._attributegroup_group7 ._attributes ._attribute input ~ ._label:before{
  content: unset;
}

._attributegroup._attributegroup_group7 ._attributes ._attribute input:checked ~ ._label:before{
  content: '';
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  border: none;
}

._attributegroup_group7 input:checked ~ ._label:before {
  background: url(https://www.bleubleuet.jp/img/sys/icon/icon_checkbox_checked.png) center no-repeat;
  background-size: 19px;
}

input[value="group7:code2_1"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/1.png);
  background-size: 40px;
}

input[value="group7:code2_2"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/2.png);
  background-size: 40px;
}

input[value="group7:code2_3"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/3.png);
  background-size: 40px;
}

input[value="group7:code2_4"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/4.png);
  background-size: 40px;
}

input[value="group7:code2_5"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/5.png);
  background-size: 40px;
}

input[value="group7:code2_6"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/6.png);
  background-size: 40px;
}

input[value="group7:code2_7"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/7.png);
  background-size: 40px;
}

input[value="group7:code2_8"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/8.png);
  background-size: 40px;
}

input[value="group7:code2_9"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/9.png);
  background-size: 40px;
}

input[value="group7:code2_10"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/10.png);
  background-size: 40px;
}

input[value="group7:code2_11"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/11.png);
  background-size: 40px;
}

input[value="group7:code2_12"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/12.png);
  background-size: 40px;
}

input[value="group7:code2_13"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/13.png);
  background-size: 40px;
}

input[value="group7:code2_14"] ~ ._label{
  background-image: url(//d2gio6eht7by7a.cloudfront.net/img/filter/2/1/14.png);
  background-size: 40px;
}

/* 価格 */
._priceinput ._label{
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  color: #284066;
  border-bottom: 1px solid #284066;
}

._priceinput ._form ._pricegroup input {
    width: 70%;
    padding: 0.5em 0.2em;
    background-color: initial;
}

.ui-slider-horizontal {
    height: 5px;
}
.ui-widget.ui-widget-content{
  border: none;
  background-color: #ccc;
}
.ui-widget-content{
  background: unset;
}

.ui-widget-content .ui-state-default{
  border: none;
  background: #284066;
  font-weight: bold;
  color: #284066;
  border-radius: 50%;
}

.ui-widget-header{
  background: #284066;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.4em;
}
.max_default{
  position: relative;
}
.max_default:after{
  content: "上限なし";
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 10px;
  z-index: 0;
}

.max_default input{
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-indent: -999px;
}