/* =====================================================
   pricelist.css — 料金一覧ページ
===================================================== */

.pl{padding:clamp(2rem,4vw,3.5rem) 0 clamp(4rem,7vw,6rem);background:#fbf6ee}
.pl .wrap{width:min(92%,1000px);margin-inline:auto}
.pl-intro{text-align:center;font-family:'Shippori Mincho',serif;color:#8a7d6a;
  font-size:clamp(.84rem,.98vw,.92rem);letter-spacing:.06em;margin-bottom:clamp(1.8rem,3vw,2.6rem)}

.pl-list{display:flex;flex-direction:column;gap:clamp(1.4rem,2.6vw,2.2rem)}

.pl-card{background:linear-gradient(180deg,#fffdf9,#fdf7ee);border:1px solid #ddc492;
  border-radius:clamp(18px,2vw,28px);box-shadow:var(--shadow-soft);
  padding:clamp(1.6rem,2.8vw,2.6rem) clamp(1.4rem,2.8vw,2.8rem)}

.pl-head{display:flex;align-items:center;gap:clamp(1rem,1.8vw,1.4rem);
  padding-bottom:clamp(1rem,1.6vw,1.3rem);margin-bottom:clamp(1rem,1.6vw,1.3rem);
  border-bottom:1px solid rgba(190,160,105,.35)}
.pl-head .ic{flex:0 0 auto;width:clamp(48px,4.8vw,60px);aspect-ratio:1;border-radius:50%;
  border:1px solid var(--gold-light);background:#fffdf9;display:grid;place-items:center;color:var(--gold-deep)}
.pl-head .ic svg{width:52%;height:52%}
.pl-head .tt{flex:1;min-width:0}
.pl-head .en{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;
  color:#c19a4f;font-size:clamp(.82rem,1vw,.95rem);letter-spacing:.14em}
.pl-head h2{font-family:'Shippori Mincho',serif;font-weight:600;color:#3d352c;
  font-size:clamp(1.2rem,1.7vw,1.55rem);letter-spacing:.08em;line-height:1.4}
/* 2026-08-05 社長指示: ボタンをやめてテキストリンクに（TOPの .concern-card .more と同じ作り） */
.pl-head .more{flex:0 0 auto;display:inline-flex;align-items:center;gap:.55em;
  font-family:'Shippori Mincho',serif;font-weight:600;color:var(--gold-deep);
  font-size:clamp(.8rem,.95vw,.9rem);letter-spacing:.08em;
  background:none;border:0;padding:0;white-space:nowrap}
.pl-head .more svg{width:24px;height:5.5px;transition:.25s var(--ease)}  /* 42px→24px 社長指示 2026-08-05 */
.pl-head .more:hover svg{translate:5px 0}

.pl-rows{list-style:none;display:flex;flex-direction:column}
.pl-rows li{display:flex;align-items:baseline;gap:clamp(.8rem,1.6vw,1.4rem);
  padding:clamp(.75em,1.2vw,1em) .2em}
.pl-rows li + li{border-top:1px dashed rgba(190,160,105,.35)}
.pl-rows .nm{font-family:'Shippori Mincho',serif;font-weight:600;color:#41382e;
  font-size:clamp(.95rem,1.15vw,1.08rem);letter-spacing:.05em;line-height:1.7}
.pl-rows .nm .tm{display:inline-block;margin-left:.9em;font-weight:500;color:#8a7d6a;
  font-size:.8em;letter-spacing:.08em}
.pl-rows .dots{flex:1;min-width:24px;border-bottom:1px dotted rgba(150,119,60,.45);translate:0 -.35em}
.pl-rows .yen{font-family:var(--f-num);color:#96773c;
  font-size:clamp(1.1rem,1.5vw,1.4rem);letter-spacing:.02em;white-space:nowrap}

.pl-note{font-family:'Shippori Mincho',serif;color:#8a7d6a;font-size:clamp(.8rem,.95vw,.88rem);
  line-height:1.9;margin-top:1em}

@media(max-width:640px){
  .pl-head{flex-wrap:wrap}
  .pl-head .more{margin-left:auto}
  .pl-rows li{flex-wrap:wrap;gap:.4rem}
  .pl-rows .dots{display:none}
  .pl-rows .yen{margin-left:auto}
}

/* 2026-08-05 社長指示: 768px以下は「詳細ページへ」をタイトルの下・右揃えに。
   .tt に flex:1 1 100% を与えてタイトルに1行を占有させ、.more を次行へ落とす。
   （flex-wrap:wrap だけでは .tt{flex:1;min-width:0} が縮んで折り返さない） */
@media(max-width:768px){
  .pl-head{flex-wrap:wrap}
  .pl-head .tt{flex:1 1 100%}
  .pl-head .more{margin-left:auto;margin-top:.6em}
}