﻿@charset "UTF-8";
/* BO
------------------------------------------------------------ */
/* reset */
@media screen and (max-width: 768px) {
  .pane-main {
    margin-bottom: 40px;
    overflow: unset;
  }
}
/* PCSP表示切替 */
.pc_only_ {
  display: block !important;
}
.sp_only_ {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .pc_only_ {
    display: none !important;
  }
  .sp_only_ {
    display: block !important;
  }
}
/*mv*/
.mv_area h1 img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 1080px;
  margin: 60px auto 80px;
}
.mv_area p.mv_txt {
  font-size: 18px;
  text-align: center;
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
  .mv_area h1 {
    margin: 0 auto calc(40 * (100vw / 393));
    padding: 0;
  }
  .mv_area h1 img {
    margin: 0 auto calc(40 * (100vw / 393));
  }
  .mv_area p.mv_txt {
    font-size: calc(15 * (100vw / 393));
    margin: 0 auto calc(15 * (100vw / 393));
  }
}
/*revico*/
.revico_area {
  position: relative;
  min-height: 500px;
}
@media screen and (max-width: 767px) {
  .revico_area {
    margin: 0 calc(20 * (100vw / 393));
  }
}
/*loader*/
.loader_box {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 1;
}
.loader_icon {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2), 2.5em 0em 0 0em rgba(136, 136, 136, 0.2), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.2), 0em 2.5em 0 0em rgba(136, 136, 136, 0.2), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.2), -2.6em 0em 0 0em rgba(136, 136, 136, 0.5), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(136, 136, 136, 0.2), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.2), 0em 2.5em 0 0em rgba(136, 136, 136, 0.2), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.2), -2.6em 0em 0 0em rgba(136, 136, 136, 0.2), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.5), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.2), 0em 2.5em 0 0em rgba(136, 136, 136, 0.2), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.2), -2.6em 0em 0 0em rgba(136, 136, 136, 0.2), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.2), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.5), 2.5em 0em 0 0em rgba(136, 136, 136, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(136, 136, 136, 0.2), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.2), -2.6em 0em 0 0em rgba(136, 136, 136, 0.2), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.2), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2), 2.5em 0em 0 0em rgba(136, 136, 136, 0.5), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.2), -2.6em 0em 0 0em rgba(136, 136, 136, 0.2), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.2), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2), 2.5em 0em 0 0em rgba(136, 136, 136, 0.2), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.5), 0em 2.5em 0 0em rgba(136, 136, 136, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(136, 136, 136, 0.2), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.2), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2), 2.5em 0em 0 0em rgba(136, 136, 136, 0.2), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.2), 0em 2.5em 0 0em rgba(136, 136, 136, 0.5), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.2), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2), 2.5em 0em 0 0em rgba(136, 136, 136, 0.2), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.2), 0em 2.5em 0 0em rgba(136, 136, 136, 0.2), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.5), -2.6em 0em 0 0em rgba(136, 136, 136, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2), 2.5em 0em 0 0em rgba(136, 136, 136, 0.2), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.2), 0em 2.5em 0 0em rgba(136, 136, 136, 0.2), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.2), -2.6em 0em 0 0em rgba(136, 136, 136, 0.5), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(136, 136, 136, 0.2), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.2), 0em 2.5em 0 0em rgba(136, 136, 136, 0.2), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.2), -2.6em 0em 0 0em rgba(136, 136, 136, 0.2), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.5), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.2), 0em 2.5em 0 0em rgba(136, 136, 136, 0.2), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.2), -2.6em 0em 0 0em rgba(136, 136, 136, 0.2), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.2), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.5), 2.5em 0em 0 0em rgba(136, 136, 136, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(136, 136, 136, 0.2), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.2), -2.6em 0em 0 0em rgba(136, 136, 136, 0.2), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.2), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2), 2.5em 0em 0 0em rgba(136, 136, 136, 0.5), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.2), -2.6em 0em 0 0em rgba(136, 136, 136, 0.2), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.2), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2), 2.5em 0em 0 0em rgba(136, 136, 136, 0.2), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.5), 0em 2.5em 0 0em rgba(136, 136, 136, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(136, 136, 136, 0.2), -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.2), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2), 2.5em 0em 0 0em rgba(136, 136, 136, 0.2), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.2), 0em 2.5em 0 0em rgba(136, 136, 136, 0.5), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(136, 136, 136, 0.2), 1.8em -1.8em 0 0em rgba(136, 136, 136, 0.2), 2.5em 0em 0 0em rgba(136, 136, 136, 0.2), 1.75em 1.75em 0 0em rgba(136, 136, 136, 0.2), 0em 2.5em 0 0em rgba(136, 136, 136, 0.2), -1.8em 1.8em 0 0em rgba(136, 136, 136, 0.5), -2.6em 0em 0 0em rgba(136, 136, 136, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
/* Revico
------------------------------------------------------------ */
/* レイアウト */
.revico_area .revico-multicomment-top {
  position: relative;
  background-color: #fff !important;
  z-index: 2;
}
.revico_area .revico-multicomment-top .revico-multicomment-inner {
  max-width: 1080px;
}
.revico_area .revico-multicomment-top .revico-comment-main {
  max-width: 100%;
}
.revico_area .revico-common-background-style {
  background-color: transparent;
}
/* レビュー */
.revico_area .revico-multicomment-top .revico-review-comment-row-wrapper {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  color: #222222;
}
.revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail {
  height: 100%;
  font-size: 18px;
}
.revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail-inner {
  display: flex;
}
.revico_area .original_layout_left_column {
  width: 230px;
  flex-shrink: 0;
  border-right: 1px solid #CCCCCC;
}
.revico_area .original_layout_right_column {
  width: 100%;
  padding: 0 0 0 50px !important;
}
.revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--star {
  margin-top: 10px;
  margin-bottom: 25px;
}
.revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--comment {
  margin-top: 10px;
}
.revico_area .revico-review-comment-detail--addition-reviewer-profile--name {
  font-size: 18px;
  margin-bottom: 5px !important;
}
.revico_area .revico-review-comment-detail--addition-reviewer-profile--attribute {
  font-size: 18px;
}
.revico_area [data-revico-reviewer-evaluationanswer-id^="00000000"] {
  display: none;
}
.revico_area [data-revico-reviewer-evaluationanswer-id="00000000-0000-0000-0000-000000000001"] {
  display: block;
}
.revico_area .revico-review-comment-head--reviewer-evaluationanswer-title {
  display: none;
}
.revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--product[data-all-product-review=true] .revico-review-comment-detail--product-name {
  font-size: 18px;
  border-bottom: none;
  padding: 0;
  margin-bottom: 25px;
}
.revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--product .revico-review-comment-detail--product-name p {
  display: flex;
  align-items: center;
}
.revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--star .revico-review-comment-detail--star-rate {
  transform: scale(0.7);
}
.revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition > div {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .revico_area .revico-multicomment-top .revico-review-comment-row-wrapper {
    margin: 0 auto calc(28 * (100vw / 393));
  }
  .revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail {
    font-size: calc(15 * (100vw / 393));
    padding: calc(20 * (100vw / 393)) calc(17 * (100vw / 393));
  }
  .revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail-inner {
    display: block;
  }
  .revico_area .original_layout_left_column {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #CCCCCC;
  }
  .revico_area .original_layout_right_column {
    width: 100%;
    padding: calc(20 * (100vw / 393)) 0 0 !important;
  }
  .revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--star {
    margin-top: 0;
    margin-bottom: calc(10 * (100vw / 393));
  }
  .revico_area .revico-review-comment-detail--addition-reviewer-profile {
    display: flex;
  }
  .revico_area .revico-review-comment-detail--addition-reviewer-profile--name {
    font-size: calc(15 * (100vw / 393));
    margin-bottom: calc(30 * (100vw / 393)) !important;
    margin-right: calc(40 * (100vw / 393));
  }
  .revico_area .revico-review-comment-detail--addition-reviewer-profile--attribute {
    font-size: calc(15 * (100vw / 393));
  }
  .revico_area .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--product[data-all-product-review=true] .revico-review-comment-detail--product-name {
    font-size: calc(16 * (100vw / 393));
    margin-bottom: calc(25 * (100vw / 393));
  }
}
/* ロゴ */
@media screen and (min-width: 768px) {
  .revico_area .revico-multicomment-top .revico-logo {
    margin-right: 20px;
  }
  .revico_area .revico-multicomment-top .revico-logo:before {
    margin-right: 70px;
  }
}
/* 絞り込みボタン */
.revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper {
  justify-content: flex-end;
  padding-bottom: 35px;
}
.revico_area .revico-common-button-style {
  background-color: #808000;
  height: 63px;
}
.revico_area .revico-common-sort-icon-style {
  background-image: url(/img/usr/freepage/customer_review/icon_sort.png);
  background-size: 32px;
  background-position: 15px 15px;
}
.revico_area .revico-common-filter-icon-style {
  background-image: url(/img/usr/freepage/customer_review/icon_filter.png);
  background-size: 32px;
  background-position: 15px 15px;
}
.revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-filter span, .revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-sort span, .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--filter span, .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--sort span {
  font-size: 18px;
}
.revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-filter, .revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-sort, .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--filter, .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--sort {
  width: 246px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-sort-select {
  width: 246px;
  top: 72px;
  left: unset;
}
@media screen and (max-width: 767px) {
  .revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper {
    justify-content: center;
    padding-bottom: calc(35 * (100vw / 393));
  }
  .revico_area .revico-common-button-style {
    height: 44px;
  }
  .revico_area .revico-common-sort-icon-style {
    background-image: url(/img/usr/freepage/customer_review/icon_sort.png);
    background-size: 23px;
    background-position: 14px 10px;
  }
  .revico_area .revico-common-filter-icon-style {
    background-image: url(/img/usr/freepage/customer_review/icon_filter.png);
    background-size: 23px;
    background-position: 14px 10px;
  }
  .revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-filter span, .revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-sort span, .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--filter span, .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--sort span {
    font-size: 12px;
  }
  .revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-filter, .revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-sort, .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--filter, .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--sort {
    width: 100%;
  }
  .revico_area .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-sort-select {
    width: 48.5%;
    top: 53px;
    right: 0;
  }
}
/* 絞り込みボタン（下） */
.revico_area .revico-multicomment-top .revico-comment-footer {
  width: 508px;
}
.revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--more {
  margin-bottom: 22px;
}
.revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--more button {
  background-image: none;
  font-size: 18px;
  border-radius: 5px;
}
.revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--more button span {
  left: 0;
}
.revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--paging-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--sort-select {
  width: 246px;
  top: 62px;
  left: unset;
  right: 0;
}
@media screen and (max-width: 767px) {
  .revico_area .revico-multicomment-top .revico-comment-footer {
    width: 100%;
    padding-bottom: 0;
  }
  .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--more {
    margin-bottom: 15px;
  }
  .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--more button {
    font-size: 14px;
  }
  .revico_area .revico-multicomment-top .revico-comment-footer .revico-comment-footer--sort-select {
    width: 48.5%;
    top: 44px;
    right: 0;
  }
}
/* モーダル */
.revico-modal-state:checked ~ .revico-modal .revico-modal__inner, .revico-modal__close {
  top: 10% !important;
}
@media screen and (max-width: 767px) {
  .revico-modal-state:checked ~ .revico-modal .revico-modal__inner {
    top: 10% !important;
  }
  .revico-modal__close {
    top: 18% !important;
  }
}