/*
  使用view：
  - web/app/views/reviews/index.html.erb
*/

.layout_main.reviews .review_top_unregistered {
  padding: 40px 0 30px 0;
}

.layout_main.reviews #review_search .page_title_head_filter .search_filter {
  transition: 0.4s;
}

.layout_main.reviews #review_search .page_title_head_filter .search_filter:hover {
  opacity: 0.8;
}

.layout_main.reviews #review_search .page_title_head_filter .filter_area .yellow_button {
  cursor: pointer;
  transition: 0.4s;
}

.layout_main.reviews #review_search .page_title_head_filter .filter_area .yellow_button:hover {
  opacity: 0.8;
}

.layout_main.reviews .search_select_box {
  display: inline-block;
  margin: 40px 0 0 0;
}

@media screen and (min-width: 700px) {
  .layout_main.reviews .search_select_box {
    margin: 32px 0 0 16px;
  }
}

@media screen and (max-width: 500px) {
  .layout_main.reviews .search_select_box {
    margin: 32px 0 0 0;
  }
}

.layout_main.reviews #review_search .search_select_box::before,
.layout_main.reviews #review_search .search_select_box::after {
  right: 16px;
  width: 10px;
  height: 5px;
  background-color: #333;
}

.layout_main.reviews #review_search .search_select_box::before {
  top: calc(50% - 6px);
}

.layout_main.reviews #review_search .search_select_box::after {
  bottom: calc(50% - 6px);
}

.layout_main.reviews #review_search .search_select_box select {
  width: 134px;
  height: 40px;
  margin: 0;
  padding: 6px 16px;
  border: 1px solid #c3c3c3;
  border-radius: 4px;
  font-size: 12px;
  letter-spacing: 0.05px;
}

@media screen and (min-width: 700px) {
  .layout_main.reviews #review_search .search_select_box select {
    width: 300px;
    font-size: 16px;
  }
}

.layout_main.reviews .toppage_new_review {
  margin: 24px 0 0 0;
}

@media screen and (min-width: 700px) {
  .layout_main.reviews .toppage_new_review {
    margin: 56px 0 0 0;
  }
}