.searchWrapper{
  padding:20px 1%;
}
.keyWordSearchWrapper{
  width:100%;
}
.keyWordSearchForm{
  height:28px;
  width:70%;
  margin:0 auto;
  font-size:0;
}
input[name="keyword"]{
  height:28px;
  width:calc(100% - 30px);
  border-width:1px;
  font-size:18px;
}
input[name="keyword"]::placeholder{
  vertical-align:middle;
}
.keyWordSearchButton{
  height:30px;
  width:30px;
  padding:2px;
  margin-left:-15px;
  vertical-align:bottom;
  background-color:#383635;
  border:none;
}
.itemCheckBox{
  display:none;
}
.itemNameWrapper{
  height:25px;
  width:calc(100% - 30px);
  margin:30px 15px 5px;
  font-size:18px;
  color:#624A3E;
  display:inline-block;
}
.searchItemImageWrapper{
  margin-right:5px;
  display:inline-block;
}
.itemName{
  vertical-align:top;
  display:inline-block;
}
.itemDetail{
  width:calc(100% / 3 - 10px);
  padding:5px;
  text-align:center;
  display:inline-block;
}
.itemLabel{
  width:calc(100% - 10px);
  padding:20px 5px;
  font-size:13px;
  color:#624A3E;
  border:solid 1px #624A3E;
  border-radius:8px;
  display:inline-block;
}
.itemCheckBox:checked ~ .itemLabel{
  background-color:#AFD679;
  border:solid 1px #5CA35F;
}
.buttonWrapper{
  margin:30px auto;
  text-align:center;
}
.buttonWrapper button{
  vertical-align:middle;
}
.submitButton img{
  vertical-align:bottom;
}
.submitButton span{
  margin-left:5px;
  line-height:22px;
  vertical-align:middle;
}
.searchOptionWrapper{
  width:100%;
  margin:10px 0 0;
  font-size:0;
  text-align:center;
}
.searchResultCount{
  width:100%;
  padding:10px 0;
  font-size:16px;
  border-top:solid 1px #B8B8B8;
  border-bottom:solid 1px #B8B8B8;
}
.displayStyle{
  width:calc(50% - 1px);
  padding:10px 0;
  cursor:default;
  font-size:16px;
  border-right:solid 0.5px #B8B8B8;
  border-bottom:solid 1px #B8B8B8;
  display:inline-block;
}
.noimageSearchWrapper{
  width:100%;
  margin-bottom:10px;
  color:#717171;
  text-align:center;
}
.advancedSearchTabOld{
  width:calc(50% - 1px);
  padding:10px 0;
  cursor:default;
  font-size:16px;
  border-bottom:solid 1px #B8B8B8;
  border-left:solid 0.5px #B8B8B8;
  display:inline-block;
}
.advancedSearchTab{
  width:calc(50% - 1px);
  padding:10px 0;
  cursor:default;
  font-size:16px;
  border-bottom:solid 1px #B8B8B8;
  border-left:solid 0.5px #B8B8B8;
  display:inline-block;
}
.displayStyle img,
.advancedSearchTab img{
  height:16px;
  width:16px;
  margin-right:5px;
  vertical-align:middle;
}
.advancedSearchWrapper{
  display:none;
}
.advancedSearchItemWrapper .advancedSearchItem{
  height:3.5em;
  width:100%;
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #E4E4E4;
  /*border-left: solid 5px #59A15E;*/
  margin:0 0 0 auto;
  overflow: hidden;
}
.advancedSearchItemWrapper .end{
  justify-content:flex-end;
}
.advancedSearchItem .minNumber{
  margin-left:auto;
}
.advancedSearchItem .minNumber+span,
.advancedSearchItem .maxNumber+span{
  margin-left:0;
}
.advancedSearchItemWrapper .advancedSearchItem span{
  margin-right: 1em;
  line-height: 3em;
  text-overflow: ellipsis;
  /*word-break: keep-all;
  padding: 1em;
  text-align-last: right;
  */
}
.advancedSearchItemWrapper .advancedSearchItem .from{
  margin-right:1em;
  margin-left:0;
}
.advancedSearchItemWrapper .advancedSearchItem div span{
  margin-left:0;
}
.advancedSearchItemWrapper .select{
  border-bottom:none;
}
.advancedSearchItemWrapper .end span{
  margin-left:0;
  margin-right:1em;
}
.advancedSearchItem select{
  height: 2em;
  width: 14em;
  font-size:16px;
  margin-top: 1em;
  margin-right:1em;
}
.advancedSearchItemWrapper .advancedSearchItem select{
  height: 2em;
  width: 14em;
  margin-top: 1em;
  margin-right:1em;
}
.advancedSearchItemDetailBody .multipleWrapper{
  height:auto;
}
.advancedSearchItemDetail label{
  line-height:3em;
  margin-right:0.5em;
}
.advancedSearchItemDetail label:first-of-type{
  margin-left:auto;
}
.advancedSearchItemDetail label:last-of-type{
  margin-right:1em;
}
.advancedSearchItem.multipleWrapper{
  height:auto;
}
.advancedSearchItem .multiple{
  height:auto;
  margin-bottom:1em;
}
.advancedSearchItemWrapper .range.end{
  border-bottom: solid 1px #E4E4E4;
}
.advancedSearchItemWrapper .advancedSearchItem input[type="range"]{
  width: 12em;
  padding-right:1em;
}
.advancedSearchItemWrapper .end input[type="range"]{
  margin-right:3em
}

.advancedSearchItem{
  height:3.5em;
  width:100%;
  border-bottom: solid 1px #E4E4E4;
  display: flex;
  justify-content: space-between;
}
.advancedSearchItem span{
  font-size: 18px;
  line-height: 3em;
  margin-left: 2em;
}
.advancedSearchItem input[type="range"]{
  background-color:transparent;
}
.advancedSearchItem label:first-of-type{
  margin-left:auto;
}
.advancedSearchItem label{
  line-height:3.5em;
  margin-right:0.5em;
}
.advancedSearchItemWrapper .range{
  height:2.5em;
  border-bottom: 0;
}
.advancedSearchItemWrapper .rangeText{
  height:3em;
  width:100%;
  background-color: transparent;
  border-bottom: solid 1px #E4E4E4;
  /*border-left: solid 5px #59A15E;*/
  overflow: hidden;
}
.advancedSearchItemWrapper .from{
  border-bottom:none;
}
.advancedSearchItemWrapper .from .fromText{
  margin-left:0;
}
.advancedSearchItemWrapper .from input[type=number]{
  margin-top: 0.5em;
  margin-right:0;
  /*margin-left:0;*/
  height: 2em;
  width:4em;
  font-size:16px;
  border:solid 1px #624A3E;
  border-radius: 2px;
}
.advancedSearchItemWrapper .height input[type=number]{
  box-shadow:none;
  border:solid 1px #624A3E;
}
.advancedSearchItemWrapper .Psize span{
  margin-right:0.5em;
}
.advancedSearchItemWrapper .BN input[type=number]{
  margin-right:2em;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}
.advancedSearchItemDetailWrapper{
  height:3em;
  width:100%;
  border-bottom: solid 1px #E4E4E4;
  display: flex;
  justify-content: space-between;
}
.advancedSearchItemDetailWrapper img{
  height: 1.5em;
  width: 1.5em;
  margin-top: 1em;
  margin-right:2em;
}
.advancedSearchItemDetailWrapper span{
  margin-left: 2em;
  line-height: 3em;
  text-overflow: ellipsis;
  /*word-break: keep-all;
  padding: 1em;
  text-align-last: right;
  */
}
.advancedSearchItemDetailBody{
  display: none;
}
.advancedSearchItemDetail{
  height:3em;
  width:100%;
  background-color: #EFEFEF;
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #E4E4E4;
  /*border-left: solid 5px #59A15E;*/
  margin:0 0 0 auto;
  overflow: hidden;
}
.advancedSearchItemDetail span{
  margin-left: 2em;
  line-height: 3em;
  text-overflow: ellipsis;
  /*word-break: keep-all;
  padding: 1em;
  text-align-last: right;
  */
}
.advancedSearchItemDetail select{
  height: 2em;
  width: 14em;
  font-size:16px;
  margin-top: 1em;
  margin-right:1em;
}
.advancedSearchItemDetail input[type="range"]{
  width: 12em;
  padding-right:1em;
}
.nstSliderNoDecimal,
.nstSliderHeight{
  cursor: hand;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  top:10px;
  height:5px;
  width:14em;/*フォントにより変える必要あり？*/
  margin-right:1em;
  background:#B6B6B6;
}
.nstSliderNoDecimal .bar,
.nstSliderHeight .bar{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  background: #ffffff;
  background-color:rgba(0, 0, 0, 0);
  height: 8px;
  top:6px;
}
.nstSliderNoDecimal .rightGrip,
.nstSliderNoDecimal .leftGrip,
.nstSliderHeight .rightGrip,
.nstSliderHeight .leftGrip{
  position: absolute;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  top:-9px;
  border:solid 1px #000;
}
.advancedSearchItem .nstSlider{
  top:10px;
  height:5px;
  width:14em;/*フォントにより変える必要あり？*/
  margin-right:1em;
  background:#B6B6B6;
}
.advancedSearchItem .nstSlider .rightGrip,
.advancedSearchItem .nstSlider .leftGrip{
  top:-9px;
  border:solid 1px #000;
}
.advancedSearchItem .nstSlider .bar{
  background-color:rgba(0, 0, 0, 0);
}

.range {
  border-bottom: 0;
}
.rangeText {
  height:3em;
  width:100%;
  background-color: #EFEFEF;
  border-bottom: solid 1px #E4E4E4;
  /*border-left: solid 5px #59A15E;*/
  overflow: hidden;
}
.advancedSearchItemDetail.range select{
  outline:none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
    margin-top: 0.5em;
    margin-left: auto;
    height: 2em;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border-radius: 2px;
    background-color: #FFF;
    width: 8em;
}
.rangeSelect select option{
  background-color: #fff;
  color: #333;
}
.rangeSelect select::-ms-expand {
  display: none;
}
.rangeSelect select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.rangeText input[type=text] {
  margin-top: 0.5em;
  margin-right:8.5em;
  margin-left: auto;
  height: 2em;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border-radius: 2px;
}
/*コピペ　input type range*/
input[type=range] {
  -webkit-appearance: none;
  margin: 0;
  background-color: #EFEFEF;
  /*width: 100%;*/
}
input[type=range]:focus {
  outline: none;
}

/* WebKit・Blink向け 溝のスタイル */
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: #B6B6B6;
  border-radius: 1.3px;
}
/* WebKit・Blink向け つまみのスタイル */
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  /* 以下は つまみの縦位置調整 */
  margin-top: -7px;  /* (つまみの高さ - トラックの高さ) / 2 。つまみの高さは border を含む */
}
/* 何故か上の margin-top 指定が Edge に効いてしまうので、Edge向けに設定をリセット */
@supports (-ms-ime-align: auto) {
	input[type=range]::-webkit-slider-thumb {
		margin-top: 0 !important;
	}
}

/* WebKit・Blink向け focus時のスタイル */
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #999999;
}

/* Firefox向け 溝のスタイル */
input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: #B6B6B6;
  border-radius: 1.3px;
  /*border: 0.2px solid #010101;*/
}
/* Firefox向け つまみのスタイル */
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}

/* Edge・IE向け 溝のスタイル */
input[type=range]::-ms-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
/* Edge・IE向け 溝の色（つまみより左側） */
input[type=range]::-ms-fill-lower {
  background: #cccccc;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
/* Edge・IE向け 溝の色（つまみより右側） */
input[type=range]::-ms-fill-upper {
  background: #cccccc;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
/* Edge・IE向け つまみのスタイル */
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}
/* Edge・IE向け focus時の色（つまみより左側） */
input[type=range]:focus::-ms-fill-lower {
  background: #999999;
}
/* Edge・IE向け focus時の色（つまみより右側） */
input[type=range]:focus::-ms-fill-upper {
  background: #999999;
}

/* Edge・IE向け ポップアップを非表示に */
input[type=range]::-ms-tooltip {
  display: none;
}
.advancedSearchButtonWrapper{
  margin:30px auto;
  text-align:center;
}
.advancedSearchButtonWrapper button{
  vertical-align:middle;
  font-size:16px;
}
.productWrapper{
  width:98%;
  padding:1%;
}
.productDetailList.tile{
  width:calc(100% / 4 - 20px);
  margin:10px;
  display:inline-block;
}
.productDetailList.list{
  width:100%;
  border-bottom: solid 1px #E4E4E4;
}
.productDetail{
  width:100%;
}
.productListName{
  height:35px;
  width:95%;
  padding:15px 2.5%;
  display:inline-block;
}
.productImageWrapper{
  position:relative;
  top:0;
  right:0;
  width:100%;
}
.productImageWrapper{
  content: '';
  display: block;
  padding-top:100%;
}
.productImageWrapper img{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.productNameWrapper{
  text-align:center;
}
.productName{
  font-size:10px;  
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.protect{   
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  /* touch-callout:none; */
  user-select:none;
}
@media screen and (min-width:600px) {
  .productDetailList.tile{
    width:calc(100% / 4 - 10px);
    margin:5px;
    display:inline-block;
  }
  
}
@media screen and (min-width:768px) {
  .productDetailList.tile{
    width:calc(100% / 5 - 20px);
    margin:10px;
    display:inline-block;
  } 
}
@media screen and (min-width:1080px) {
  .productDetailList.tile{
    width:calc(100% / 5 - 20px);
    margin:10px;
    display:inline-block;
  } 
}