@charset "UTF-8";.bukken_wrap h3{color:#1f1f1f;}.slide_img img{width:100%;height:auto;}.bx-viewport{-webkit-box-shadow:none;box-shadow:none;border:none;left:0;background-color:transparent;}.bx-wrapper{-webkit-box-shadow:none;box-shadow:none;border:none;left:0;background-color:transparent;margin-bottom:initial;}.top_contents_container{width:100%;max-width:var(--container1);margin:0 auto;}.top_contents_container img{width:100%;}.top_contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin:0;margin-bottom:15px;}.item2{width:50%;}.item3{margin-right:10px;}.item1{margin-right:10px;width:50%;}.item5{margin-left:10px;}.item6{width:33.333%;margin-right:10px;}.item7{width:41.667%;margin-right:10px;}.item8{width:25%;display:flex;flex-flow:column;}.top_border{margin:0 auto;padding:40px 0;display:flex;align-items:center;justify-content:center;}.item10{margin-top:15px;}.top_border img{width:100%;max-width:350px;}@media screen and (max-width:767px){.item10{margin-top:10px}}@media screen and (max-width:480px){.top_border img{max-width:300px}}.top_contents_sp{width:95%;margin:0 auto;img{height:auto}a{display:block}}.item1_sp img,.item2_sp img{width:100%;}.row2_sp{display:grid;margin-top:10px;grid-template-columns:1fr 1fr;gap:10px;}.row2_sp img{width:100%;}.row3_sp{display:grid;margin-top:10px;grid-template-columns:1fr 1fr;gap:10px;}.row3_sp img{width:100%;}.row4_sp{display:grid;margin-top:10px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;}.row4_sp img{width:100%;}.item8_9_sp_wrap{display:flex;flex-direction:column;justify-content:space-between;}.item2_sp{margin-top:10px;}.item2_sp a{width:100%;display:block;}.item9_sp{margin-top:.5%;}@media screen and (max-width:480px){.top_border{padding:20px 0 40px}}.bukken_wrap{width:100%;background-color:#f2f2f2;padding:60px 0 20px;}.bukken_wrap.ofx_h .acms-col-sm-4{margin-bottom:10px;}.logo_bukken img{display:block;margin:0 auto;}.logo_bukken_img{width:85px;max-height:64px;}.logo_bukken .line1{width:48.5px;margin:30px auto;}.bukken_btn_forindex .acms-admin-icon-arrow-small-right{color:#fff;}@media screen and (max-width:767px){.logo_bukken .line1{margin:25px auto}}@media screen and (max-width:480px){.logo_bukken_img{width:70px}}#top_column h2{text-align:center;font-size:1.8em;margin-top:19px;margin-bottom:8px;}div#top_column{margin-top:40px;}div#top_column .acms-col-sm-4{margin-bottom:5px;}.acms-summary-image{width:100%;}.acms-summary img{width:100%;}.top_summary_img{width:100%;}.container h3{margin:5px auto;font-size:1.1em;color:#1f1f1f;}.btn_forindex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:3px;text-decoration:none;text-align:center;background-color:#d6ebff;color:#333;float:right;}.bukken_btn_forindex.op.js-biggerlink{color:#fff;}#top_column p{margin:10px auto 0;line-height:1.5;font-size:13px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;white-space:initial;}#top_column p.column_summary_p{color:#1f1f1f;}a.bl-bigger{color:#fff;}.waku_entry{background-color:#fff;padding:12px;}.waku_entry_column{padding:5px;}.btn_forindex a{text-decoration:none;color:#000;font-size:.9em;}.btn_totop{width:75px;margin:0 auto;}@media screen and (max-width:480px){.acms-col-sm-4.js-autoheight-r{margin-bottom:10px}.column_index_summary .acms-col-sm-4.js-autoheight-r{margin-bottom:0}main .acms-col-sm-4.js-autoheight-r{margin-bottom:0}.waku_entry_column{padding:10px 12px}#top_column p{font-size:12px}}.top_sub_image_wrap{margin:45px auto 15px;width:100%;display:block;}ul.ul__top_sub_image{width:100%;border:1px solid #656565;max-width:var(--container1);margin:0 auto;}@media screen and (max-width:480px){.top_sub_image_wrap{margin:35px auto 10px;border:none}ul.ul__top_sub_image{border:none}}.wrap__card_bukken{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px 10px;}a.a__card_bukken{background:#fff;padding:15px 15px 35px;position:relative;border-radius:15px;min-height:345px;p.p__for_detail{background:var(--main-color3);margin:0;width:110px;padding:10px;border-radius:999px;position:absolute;bottom:5%;right:5%;display:flex;justify-content:center;font-size:12px;color:#111;transition:background .3s}}.wrap__text_card_bukken h3{margin:10px auto 0;line-height:1.4;font-size:17px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;white-space:initial;}.wrap__img_card_bukken,.wrap__img_card_bukken img{border-radius:12px;transition:transform .3s;aspect-ratio:16 / 9;object-fit:cover;}.wrap__img_card_bukken{overflow:hidden;transition:transform .3s;}@media (any-hover:hover){a.a__card_bukken:hover .wrap__img_card_bukken img{transform:scale(110%)}a.a__card_bukken:hover p.p__for_detail{background:var(--main-color3-d)}}@media screen and (max-width:1099px){a.a__card_bukken{min-height:340px}}@media screen and (max-width:999px){a.a__card_bukken{min-height:330px}}@media screen and (max-width:959px){a.a__card_bukken{min-height:320px;height:44vw}}@media screen and (max-width:767px){a.a__card_bukken{p.p__for_detail span{margin-left:-5px}}}@media screen and (max-width:625px){a.a__card_bukken{min-height:310px}}@media screen and (max-width:545px){a.a__card_bukken{min-height:285px}}@media screen and (max-width:480px){a.a__card_bukken{padding:11px 11px 35px;border-radius:10px;min-height:265px;p.p__for_detail{width:100px;font-size:12px}}.wrap__img_card_bukken,.wrap__img_card_bukken img{border-radius:10px}}@media screen and (max-width:440px){a.a__card_bukken{min-height:250px}}@media screen and (max-width:400px){a.a__card_bukken{min-height:240px}}section#forsale,section#forrent,section#top_column{h2{text-align:center;font-size:30px;margin-top:25px;margin-bottom:0}@media screen and (max-width:767px){h2{font-size:26px}.wrap__text_card_bukken h3{font-size:16px}}@media screen and (max-width:480px){h2{font-size:23px}.wrap__text_card_bukken h3{font-size:14px}}}@media screen and (max-width:959px){.wrap__card_bukken{grid-template-columns:1fr 1fr;gap:25px 15px}}@media screen and (max-width:480px){section#forrent{padding-top:40px}.wrap__card_bukken{gap:20px 10px}}section#top_column{padding:40px 0 80px;.wrap__card_column{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px 20px}.wrap__img_card_column{overflow:hidden;transition:transform .3s}.wrap__img_card_column,.wrap__img_card_column img{border-radius:12px;transition:opacity .3s,transform .3s;aspect-ratio:16 / 9;object-fit:cover}@media (any-hover:hover){a.a__card_column:hover .wrap__img_card_column img{transform:scale(110%)}a.a__card_column:hover p.p__for_detail{background:var(--main-color3-d)}}.wrap__text_card_column h3{margin:10px auto 0;line-height:1.4;font-size:17px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;white-space:initial}@media screen and (max-width:959px){.wrap__card_column{grid-template-columns:1fr 1fr;gap:25px 20px}}@media screen and (max-width:480px){padding:20px 0 60px;.wrap__img_card_column,.wrap__img_card_column img{border-radius:10px}.wrap__card_column{gap:20px 15px}}}



/* セクションの余白・ヘッダ */
.reviews-section { margin: clamp(24px,3vw,48px) 0; }
.reviews-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom: 12px; }
.reviews-nav { display:flex; align-items:center; gap:.5rem; }
.reviews-prev, .reviews-next { border:1px solid #ddd; background:#fff; padding:.35rem .6rem; border-radius:.5rem; }
.reviews-pagination { min-width: 80px; text-align:center; }

/* カード */
.reviews-item {
  display:flex; flex-direction:column; gap:.5rem;
  height:100%;
  border-radius:12px; padding:16px; background:#fff;
}
.reviews-item__header { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.reviews-item__name { font-size:.85rem; line-height:1.2; }
.reviews-item__meta { font-size:.85rem; color:#666; display:flex; gap:.5rem; align-items:center; }


/* 3行で省略（初期状態） */
.js-clamp {
  display:-webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* ←ここで3行に */
  overflow:hidden;
}

/* 展開時（クランプ解除） */
.reviews-item.is-expanded .js-clamp {
  -webkit-line-clamp: unset;
}
.reviews-item__more {
  margin: 0 0 15px;
  text-align: right;  
  align-self:flex-start;
  font-size:.9rem;
  border:none; background:transparent; text-decoration:underline; cursor:pointer; ;
}

/* Swiper スライドサイズ調整（列数） */
.reviews-swiper .swiper-slide { height:auto; } /* カード高さ自動 */
@media (min-width: 1024px) {
  .reviews-swiper { padding: 8px 0 16px; }
}

.reviews-item__rating {
  position: relative;
  display: inline-block;
  font-size: .76rem;
  line-height: 1;
  color: #f59e0b; /* 星のベース色（グレー） */
}
.reviews-item__rating::before {
  content: "★★★★★";
}

.reviews-item__rating::after {
  content: "★★★★★";
  position: absolute;
  top: 0;
  left: 0;
  color: #f5b301; /* 星の色（ゴールド） */
  overflow: hidden;
  width: 0; /* JSで割合を動的に設定 */
}

/* アバター配置 */
.reviews-item__header{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.reviews-item__left{
  display:flex; align-items:center; gap:10px; min-width:0;
}
.reviews-item__avatar{
  width:36px; height:36px; border-radius:50%; overflow:hidden; flex:0 0 40px;
  border:1px solid #eee; background:#fafafa;
}
.reviews-item__avatar img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* 名前は折り返しつつ省略に強い */
.reviews-item__name{
  max-width: clamp(120px, 20vw, 240px);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}



.reviews-item__comment{
  line-height: 1.6;
}
.reviews-item__time{
  display: block;
  color: #999;
}

@media (max-width: 480px) {
  .reviews-nav { display: none; }
  .reviews-head { text-align: center; display: block }
}


.reviews-section{
  background-image: linear-gradient(125deg, #fff0f6, #a0b9ef);
  margin: 0;
}
.reviews-section-inner{
  background-image: url(/themes/dohouse/images/bg-review.png);
  background-repeat: no-repeat;
  background-position: right 10px bottom 30px;
  background-size: auto 70%;
  padding: 70px 0 0px
}
@media (max-width: 760px) {
  .reviews-section-inner{
    background-position: right 10px top 20px;
    background-size: auto 30%;
  }
}

.reviews-section h2{
  color: #14467B;
  margin-bottom: 10px;
  text-align: center;
  font-size: 26px
}
@media (max-width: 760px) {
  .reviews-section h2{
    font-size: 23px
  }
}



  :root { --accent: #14467B; --track: #EEE; --text: #111827; }
  .score{ font-size:58px; text-align: center; line-height:1; font-weight:600; letter-spacing:-.02em; margin-bottom: 6px; font-family: serif }
  .stars{ gap:2px; margin:.25rem 0 1rem; text-align:center; }
  .stars svg{ width:14px; height:14px; fill:#f5c10a; display: inline-block }
  .total{ color:#374151; letter-spacing:.08em; font-size:14px;  margin:0.25rem 0 1.25rem; text-align: center }
  .row{ display:grid; grid-template-columns: 90px 1fr auto; align-items:center; gap:2px; margin:.35rem 0; }
  .row .label{ display:flex; gap:0px; align-items:center; color:#4b5563; white-space:nowrap; }
  .row .label svg{ width:18px; height:18px; fill:#f5c10a; }
  .bar{ position:relative; height:9px; border-radius:999px; background:var(--track); overflow:hidden; }
  .bar::before{ content:""; position:absolute; inset:0; width:calc(var(--ratio,0)*100%); background:var(--accent); border-radius:999px; }
  .count{ width:2ch; text-align:right; color:#4b5563; font-variant-numeric:tabular-nums; }

.rank-5::before { content: "★★★★★" }
.rank-4::before { content: "★★★★☆" }
.rank-3::before { content: "★★★☆☆" }
.rank-2::before { content: "★★☆☆☆" }
.rank-1::before { content: "★☆☆☆☆" }

.stars svg{ fill: #f59e0b; }

.reviews-head{
  margin-bottom: 30px;
}
.rating-card-inner{
  margin-right: 15px; 
  background: rgba(255, 255, 255, 1);;
  border-radius: 10px;
  padding: 12px 25px;
  box-shadow: 0px 0px 6px #c9cbe0;
}
@media (max-width: 640px) {
  .rating-card-inner{
    margin-right: 0px; 
    margin-bottom: 40px;
  }
}

.reviews-item__name{
  min-width: 72px;
}
@media (max-width: 640px) {
  .reviews-item__name{
    min-width: 200px;
  }
}