@charset "UTF-8";
/* 2026-10 にこいち: 物件ページの問い合わせ導線・担当者コメントの折りたたみ・TOP一覧の行数そろえ
   style.scss とは別ファイル（このファイルと読み込み1行を消せば元に戻る） */

/* 問い合わせ・電話ボタン */
.nico-estate-cta{display:flex;gap:1.6rem;justify-content:center;margin:0 0 5rem}
.nico-estate-cta__btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0;max-width:42rem;min-height:max(7rem,44px);padding:1rem 4rem;border-radius:0.5rem;box-sizing:border-box;font-weight:bold;font-size:max(1.6rem,17px);letter-spacing:0.05em;line-height:1.3;text-align:center;transition:opacity .3s}
.nico-estate-cta__btn:hover{opacity:.8}
.nico-estate-cta__btn--form{background:#3B7754;color:#fff}
.nico-estate-cta__btn--form:hover{color:#fff}
.nico-estate-cta__btn--form:after{content:">";position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-weight:500}
.nico-estate-cta__btn--tel{background:#fff;border:0.1rem solid #7FB774;color:#333}
.nico-estate-cta__btn--tel:hover{color:#333}
.nico-estate-cta__tellabel{font-weight:500;font-size:max(1.3rem,14px)}
.nico-estate-cta__telnum{font-family:"Roboto",sans-serif;font-weight:normal;font-size:max(2.6rem,26px);line-height:1.15;color:#7FB774;padding-left:3rem;background:url(../images/common/icon-tel-black.svg) no-repeat left center;background-size:2.2rem}
.nico-estate-cta__btn--inbox{margin:2.5rem 0 0;max-width:36rem;min-height:max(6rem,44px)}
.nico-estate-cta--home{margin:3rem auto 0;padding:0 2rem}
.contactitembox .itembox .textbox .telbox .tel a.item-tel{display:inline-block}
@media (max-width:768px){
  .nico-estate-cta{flex-direction:column;align-items:stretch;gap:1rem;margin:0 0 3rem}
  .nico-estate-cta__btn{max-width:none;min-height:max(6.2rem,44px);padding:1rem 3.6rem}
  .nico-estate-cta__btn--inbox{margin:2rem auto 0}
  .nico-estate-cta--home{margin-top:3.2rem;padding:0 2rem}
}

/* 担当者コメントの折りたたみ（JSが動いたときだけ畳む） */
.nico-more.is-collapsible{position:relative;overflow:hidden;transition:max-height .4s ease}
.nico-more.is-collapsible:not(.is-open){max-height:24rem}
.nico-more.is-collapsible:not(.is-open):after{content:"";position:absolute;left:0;right:0;bottom:0;height:8rem;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.nico-more__toggle{display:block;margin:1.6rem auto 0;min-width:24rem;height:5rem;padding:0 4rem;border:0.1rem solid #333;border-radius:0.5rem;background:#fff;font:inherit;font-weight:500;font-size:max(1.4rem,15px);letter-spacing:0.05em;color:#333;cursor:pointer;position:relative}
.nico-more__toggle:after{content:"▼";position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);font-size:1rem}
.nico-more__toggle[aria-expanded="true"]:after{content:"▲"}
.commentbox .textItemBox.nico-more{margin-bottom:0}

/* TOP物件一覧：カード上部の長い文を3行までにそろえる（全文は物件ページで読める） */
.nico-home-estate .titlebox .title .nico-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

/* YUCACO：オプションの注釈 */
.nico-option-note{display:inline-block;margin:0 0 1rem;padding:0.2rem 1rem;border:1px solid #7FB774;color:#3B7754;font-weight:500;font-size:max(1.3rem,14px)}

/* スマホ固定バー（物件詳細のみ）。元の footerfixed は z-index:100 で物件カードのリンク(103)に負けるので、既存の fixedfooter と同じ 1000 に */
.footerfixed.nico-estate-bar{z-index:1000}
.nico-estate-bar .telbox a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:7rem;color:#333;font-size:1.2rem;font-weight:500}
.nico-estate-bar .telbox .icon img{width:2.4rem}
.nico-estate-bar .contact a{font-weight:bold}
.nico-estate-bar .contact a:before{left:2rem}

/* 2026-10 SPファースト見直し（スマホのみ） */
@media (max-width:768px){
  /* 物件詳細・交通の表を「項目｜内容」の2列に（縦の長さを約半分に） */
  .single-estate .tablebox{border-bottom:1px solid #DDDDDD}
  .single-estate .tablebox__list{border-top:1px solid #DDDDDD}
  .single-estate .tablebox__list:not(:last-child),
  .single-estate .tablebox__list .minbox:not(:last-of-type){margin-bottom:0}
  .single-estate .tablebox__list .minbox:not(:last-of-type){border-bottom:1px solid #DDDDDD}
  .single-estate .tablebox__list .minbox > dl{display:flex;margin:0}
  .single-estate .tablebox__list .minbox > dl > .title{flex:0 0 12rem;width:12rem;margin:0;padding:1.3rem 0.8rem;font-size:14px}
  .single-estate .tablebox__list .minbox > dl > .textbox{flex:1 1 auto;min-width:0;padding:1.3rem 0 1.3rem 1.4rem;font-size:15px}

  /* 最後の行が1文字だけにならないように（「舗/装」など）。番地の数字は JS で .nico-nowrap に包んで折らない */
  .single-estate .tablebox__list .minbox > dl > .title,
  .single-estate .tablebox__list .minbox > dl > .textbox,
  .single-estate .oherbox .minlist .txt{text-wrap:pretty;line-break:strict;overflow-wrap:anywhere}
  .nico-nowrap{white-space:nowrap}

  /* 似た条件の物件一覧：横スワイプにしてフォームまでの距離を縮める */
  .single-estate .oherbox{padding:3.5rem 0}
  .single-estate .oherbox h2{margin-bottom:1.2rem}
  .nico-swipe-hint{margin:0 0 1.6rem;text-align:center;font-size:14px;color:#555}
  .nico-swipe-hint:before{content:"← ";color:#7FB774}
  .nico-swipe-hint:after{content:" →";color:#7FB774}
  .single-estate .oherbox ul.nico-swipe{flex-wrap:nowrap;justify-content:flex-start;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 2rem;padding:0 2rem 1.2rem;box-sizing:border-box;-webkit-overflow-scrolling:touch}
  .single-estate .oherbox ul.nico-swipe > li{flex:0 0 80%;width:80%;margin-bottom:0;scroll-snap-align:start}
  .single-estate .oherbox ul.nico-swipe .titlebox .title .nico-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

  /* 固定バー：上の問い合わせボタンやフォームが見えている間は引っ込める（入力欄・送信ボタンに重ねない） */
  .footerfixed.nico-estate-bar{transition:transform .3s ease}
  .footerfixed.nico-estate-bar.is-hidden{transform:translateY(100%);pointer-events:none}
}

/* 押せるところは高さ44px以上（rem が小さくなる幅でも割らない） */
.nico-more__toggle{min-height:44px}
.nico-more__toggle{height:auto;padding-top:1rem;padding-bottom:1rem}
.contactitembox .itembox .textbox .telbox .tel a.item-tel{min-height:44px;line-height:44px}