@charset "utf-8";
/** ==========================================================================
 * STYLE
 */

/**
 * variables
 */

 .pink-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 1.5;
}
.review-text {
  font-size: 1em;
    padding: 0.5em 0.8em;
}
.review-card{
    border-bottom:1px solid #eee;
    padding:22px 0;
}

.review-card h3{
    margin-bottom:10px;
    font-size:1rem;
}

.shop{
    color:#777;
    font-size:.85em;
    font-weight:normal;
    margin-left:.5em;
}

summary {
    color: #2E8B57;
    cursor: pointer;
    transition: color 0.2s ease;
}

summary:hover {
    color: #1F6F43;
}

details[open] summary {
    color: #888;
}

details[open] summary:hover {
    color: #666;
}
summary::before {
    content: "+ ";
    color: #2E8B57;
    font-weight: bold;
}

details[open] summary::before {
    content: "− ";
}



.face1::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/kitajima.png") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}

.face2::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/aso.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}


.face3::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/muramatsu.png") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}

.face4::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/sou.png") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}

.face5::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/shiraishi.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}

.face6::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/takamori.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}

.face7::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/asai.png") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}

.face8::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/suzuki.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face9::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/nishi.png") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face10::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/okada.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face11::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/nonaka.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face12::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/komiya.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face13::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/uehara.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face14::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/gotoh.png") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face15::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/nakamura.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face16::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/tsuchiya.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face17::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/murata.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face18::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face19::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/naitou.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face20::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/dkobayashi.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face21::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/syamanaka.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face22::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/yyamanaka.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face23::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/yanagisawa.jpg") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face24::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/sou.png") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face25::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/sou.png") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face26::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/sou.png") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.face27::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("images/sou.png") no-repeat center center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}

