@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");

/* ここから下は、もとから入っていた指定（項目編集の色と連動）。そのまま残す */
body {
  background: #FFFFFF;
}
.c-button {
  background: #eff2f4;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #35454c;
}
.c-button:hover {
  background: #dfe5e8;
}
.c-button--primary {
  background: #feedeb;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #86251e;
}
.c-button--primary:hover {
  background: #fdd9d7;
}
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}
.c-input--text {
  border-color: #d7dee2;
}
.c-input--text:focus {
  border-color: #607d8b;
}

/* ここから下が追加分 */
/* レビューページ（一覧）の見た目を新しいデザインに合わせる 2026-10-03 */
body{font-family:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:14px;line-height:1.8;letter-spacing:.03em;color:#242424;background:#fff;}

/* ロゴ */
.p-shop__header{padding:28px 0 20px;}
.p-shop__logo{width:240px;max-width:60%;height:auto;}

/* 「ショップへ戻る」 */
.c-button__group--sub{margin:16px 0 24px;}
.c-button.c-button-sm{padding:6px 14px;border:1px solid #d5d5d5;border-radius:999px;background:#fff;box-shadow:none;color:#242424;font-size:12px;}
.c-button.c-button-sm:link,.c-button.c-button-sm:visited,.c-button.c-button-sm:hover,.c-button.c-button-sm:active{color:#242424;}
.c-button.c-button-sm:hover{background:#f2f2f2;}

/* 見出しと商品写真 */
.p-page__title{font-size:20px;font-weight:500;line-height:1.5;letter-spacing:.05em;color:#242424;}
.product_box{margin-top:20px;text-align:center;}
.p-review-product__img{width:220px;max-width:70%;border:0;box-shadow:none;}

/* 「この商品のレビューを投稿」「もっと見る」 */
.c-button.c-button--primary{padding:10px 24px;border:1px solid #242424;border-radius:999px;background:#fff;box-shadow:none;color:#242424;font-size:14px;transition:background-color .2s,border-color .2s;}
.c-button.c-button--primary:link,.c-button.c-button--primary:visited,.c-button.c-button--primary:active{color:#242424;}
.c-button.c-button--primary:hover{background:#f2f2f2;border-color:#d5d5d5;color:#242424;}
.c-button__group{margin:24px 0 32px;}

/* レビュー1件 */
.p-review-list__unit{margin:0 0 16px;padding:24px 28px;background:#f2f2f2;}
.p-review-list__star div{filter:grayscale(1) brightness(.25);}
.p-review-list__info{margin:8px 0 12px;font-size:12px;color:#6b6b6b;}
.p-review-list__info li:first-child b{font-size:14px;font-weight:500;color:#242424;}
.p-review-list__info li{display:inline-block;padding-left:0;margin-right:14px;}
.p-review-list__comment{margin:0;font-size:14px;line-height:1.8;}

/* 店からの返信 */
.p-review-list__reply{margin:18px 0 0;padding:16px 20px;border-radius:8px;background:#fff;}
.p-review-list__reply-info{margin:0 0 6px;font-size:12px;color:#6b6b6b;}
.p-review-list__reply-info li b{font-size:13px;font-weight:700;color:#242424;}
.p-review-list__reply-info li{display:inline-block;padding-left:0;margin-right:14px;}
.p-review-list__reply-comment{padding:0;border:0;font-size:14px;line-height:1.8;}

/* 件数と下のボタン */
.p-review-list__pager{margin:24px 0 0;font-size:12px;color:#6b6b6b;}

/* フッター */
.p-page__footer{margin-top:16px;}
.p-page__copyright{padding-top:20px;font-size:11px;color:#6b6b6b;}

@media (max-width:600px){
  .p-shop__logo{width:180px;}
  .p-page__title{font-size:17px;}
  .p-review-list__unit{padding:18px 16px;}
  .p-review-list__reply{padding:14px 14px;}
}