/* CSS Document */
/* line 4, ../sass/style.scss */
body {
  font-family: Meiryo;
  font-size: 14px;
}

/* line 6, ../sass/style.scss */
select {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  font-size: 13px;
  outline: none;
  cursor: pointer;
  border: 1px solid #e1d7d3;
  padding: 5px 30px 5px 5px;
  width: 300px;
  font-family: meiryo;
  background-color: #fff;
}

/* line 21, ../sass/style.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 27, ../sass/style.scss */
input[type="number"] {
  -moz-appearance: textfield;
}

/* line 31, ../sass/style.scss */
input {
  display: none;
}

/* line 35, ../sass/style.scss */
label {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  margin: 3px 7px 0 0;
}

/* line 43, ../sass/style.scss */
label:before, label:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
}

/* line 53, ../sass/style.scss */
label:before {
  background: #fff;
  border: 1px solid #e1d7d3;
}

/* line 59, ../sass/style.scss */
input:checked + label:after {
  height: 5px;
  border-left: 4px solid #bf0000;
  border-bottom: 4px solid #bf0000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 68, ../sass/style.scss */
input#low label, input#high label, input#new label {
  background-color: #333;
}

/* line 73, ../sass/style.scss */
#contents {
  width: 900px;
  margin: 0 auto;
  display: block;
  padding-top: 4px;
}

/* line 80, ../sass/style.scss */
.box {
  padding: 20px;
}

/* line 84, ../sass/style.scss */
#search {
  width: 560px;
  margin-right: auto;
  margin-left: auto;
  border: solid 1px;
  overflow: hidden;
  padding: 10px 0;
}
/* line 91, ../sass/style.scss */
#search #search_btn {
  text-align: center;
  padding: 5px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  line-height: 2em;
}
/* line 99, ../sass/style.scss */
#search #search_btn button {
  color: #fff;
  font-weight: bold;
  background-color: #BF0000;
  width: 200px;
  padding: 8px;
  font-family: Meiryo;
  font-size: 15px;
  cursor: pointer;
  border: none;
}
/* line 110, ../sass/style.scss */
#search #search_btn button:hover {
  opacity: 0.6;
}
/* line 114, ../sass/style.scss */
#search .left {
  float: left;
  margin: 0 auto;
  font-weight: bold;
  color: #bf0000;
}
/* line 120, ../sass/style.scss */
#search .right {
  float: right;
  margin-top: -4px;
  width: 320px;
}
/* line 124, ../sass/style.scss */
#search .right #txt_keyword {
  height: 20px;
  width: 270px;
  border: 1px solid #e1d7d3;
  cursor: text;
  display: inline-table;
  vertical-align: middle;
  font-size: 13px;
  outline: none;
  padding: 5px 30px 5px 5px;
  font-family: meiryo;
  background-color: #fff;
}
/* line 137, ../sass/style.scss */
#search .right #price_min {
  margin-right: 14px;
  height: 30px;
  width: 100px;
  border: 1px solid #e1d7d3;
  cursor: text;
  display: inline-table;
}
/* line 145, ../sass/style.scss */
#search .right p {
  margin: 0 5px;
}
/* line 148, ../sass/style.scss */
#search .right span {
  margin-left: -11px;
  position: absolute;
  margin-top: 15px;
}
/* line 153, ../sass/style.scss */
#search .right #price_max {
  margin: 0 14px;
  height: 30px;
  width: 100px;
  border: 1px solid #e1d7d3;
  cursor: text;
  display: inline-table;
}
/* line 161, ../sass/style.scss */
#search .right #order {
  border: solid 2px #E1D7D3;
  padding: 2px;
}

/* line 168, ../sass/style.scss */
.rank_list {
  width: 100%;
}
/* line 170, ../sass/style.scss */
.rank_list h2 {
  color: black;
  font-weight: bold;
  font-size: 130%;
}
/* line 175, ../sass/style.scss */
.rank_list .rank_genre {
  width: 22%;
  float: left;
  margin-right: 2%;
  padding-top: 10px;
  padding-left: 1%;
}
/* line 181, ../sass/style.scss */
.rank_list .rank_genre h3 {
  font-weight: bold;
}
/* line 184, ../sass/style.scss */
.rank_list .rank_genre ul {
  padding-left: 2%;
}

@media screen and (max-width: 959px) {
  /* line 192, ../sass/style.scss */
  h1 {
    width: 100%;
  }

  /* line 196, ../sass/style.scss */
  .rank_list .rank_genre {
    width: 30%;
  }
}
@media screen and (max-width: 599px) {
  /* line 203, ../sass/style.scss */
  .box {
    padding: 5px;
  }

  /* line 207, ../sass/style.scss */
  #search {
    width: 96%;
    padding: 10px 2%;
  }

  /* line 212, ../sass/style.scss */
  #search .left {
    float: none;
    margin-bottom: 5px;
    font-weight: bold;
    color: #bf0000;
    width: 100%;
  }

  /* line 220, ../sass/style.scss */
  #search .right {
    float: none;
    width: 100%;
  }

  /* line 225, ../sass/style.scss */
  select {
    width: 90%;
  }

  /* line 229, ../sass/style.scss */
  #search .right #price_min,
  #search .right #price_max {
    width: 30%;
    height: 25px;
  }

  /* line 235, ../sass/style.scss */
  #search .right span {
    margin-top: 12px;
  }

  /* line 239, ../sass/style.scss */
  .rank_list .rank_genre {
    width: 45%;
  }
}