.pc-breadcrumb {
  display: none;
}
.breadcrumb {
  background-color: #f5f5f5;
  padding: 10px 4% 0;
}
.breadcrumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.breadcrumb-list li {
  margin-bottom: 10px;
}
.breadcrumb-list li:not(:last-child)::after {
  content: '\03e';
  margin: 0 5px;
}
.breadcrumb-list a {
  font-size: 10px;
}
.contents-wrapper {
  padding: 40px 0;
}
h1 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 0 4%;
}

h1.top-cont-title{
position: relative;
margin: 0 0 10px;
padding: 0.5em 1em 0.5em 20px;
color: #fff;
font-family:"Noto Sans JP",  YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: bold;
background:#475238 url("https://gigaplus.makeshop.jp/kanzawa/img/top/title.jpg") no-repeat right top;
}

h1.top-cont-title:before{
content: "";
width: 6px;
height: 26px;
background:url("https://gigaplus.makeshop.jp/kanzawa/img/top/title_icon.svg") no-repeat 0 0;
background-size: 100% 100%;
position: absolute;
left: 5px;
top: 0.5em;
}
.index-review-list {
width: 96%;
margin: 0 auto;
}
.review-list-unit {
  display: block;
  margin-bottom: 60px;
  border-top: 1px solid #999;
}
.review-list-unit:first-child{
  border-top:none;
}
.index-review-image img {
  width: 170px;
  margin: 0 auto 20px;
}
.review-list-name {
  font-weight: bold;
  margin: 16px 0;
}
.review-index-score {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}
.review-list-content {
  max-width: 100%;
  font-size: 87%;
}
.reviewRate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px;
}
.reviewRateStar {
  color: #fcc620;
  font-size: 0;
  margin-right: 5px;
}
.reviewRateStar:last-child {
  margin-right: 0;
}
.reviewRateStar::before {
  content: '\f005';
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  font-weight: 900;
}
.starHalf::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f5c0';
}
.starOff::before {
  content: '\f005';
  color: #c6c6c6;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}
.other-item-top {
  padding: 40px 0;
}
@media screen and (min-width: 1000px) {
  .pc-breadcrumb {
    display: block;
  }
  .sp-breadcrumb {
    display: none;
  }
  .breadcrumb {
    background-color: initial;
    border-bottom: 1px solid #eaeaea;
    padding: 30px 30px 10px;
  }
  .breadcrumb-list a {
    font-size: 12px;
  }
  .contents-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 10px 80px 30px;
    width: 100%;
  }
  main {
    width: calc(100% - 260px);
  }
  h1 {
    font-size: 18px;
    padding: 0;
  }


  .index-review-list {
    display: block;
  }
  .review-list-unit {
    display: flex; /* これで画像とテキストが横並びになります */
    align-items: flex-start; /* 上端揃え */
    margin: 0 auto 40px; /* 中央寄せにして、下マージンのみ設定 */
    width: 100%;
    max-width: 1200px; /* 必要に応じてユニットの最大幅を設定 */
  }
  .review-list-unit:nth-child(3n) {
    margin-right: auto;
  }
  .index-review-image {
    /* 画像を左に固定 */
    flex-shrink: 0; 
  }
  .index-review-image img {
    width: 170px;
    margin: 0 20px 0 0; /* 右側に余白を空ける */
  }
  .review-list-content-wrap { /* .review-list-content-wrapがある場合 */
    flex-grow: 1; /* 残りのスペースを埋める */
  }
  /* もし .review-list-unit の中に .review-list-content しか入っていない場合 */
  .review-list-content {
    flex-grow: 1;
    max-width: none; /* 親要素の幅に合わせて広がるようにする */
  }
  .review-list-name {
    font-weight: bold;
    margin: 16px 0 8px;
  }
  .review-index-score {
    width: 100%; /* 親要素の幅に合わせる */
    max-width: none;
    margin-bottom: 0;
  }
  .review-score {
    margin: 0 3px;
  }
  .review-list-content {
    max-width: 100%; /* 親要素の幅を使うようにする */
  }
}