.pm{
  --pm-ink:#2A2226;          
  --pm-ink-soft:#5E5258;     
  --pm-kinari:#F7F1E6;       
  --pm-kinari2:#FBF8F3;      
  --pm-gold:#B8955A;
  --pm-gold-d:#7E6233;          
  --pm-gold-l:#E2CC9A;
  --pm-rose:#963358;
  --pm-rose-d:#7C2848;
  --pm-serif:"Shippori Mincho","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif CJK JP",serif;
  --pm-sans:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","Noto Sans CJK JP",sans-serif;

  position:relative;display:grid;grid-template-columns:1fr;overflow:hidden;
  border-radius:22px;color:var(--pm-ink);font-family:var(--pm-sans);
  
  background:var(--washi,none),var(--pm-kinari);
  box-shadow:0 14px 34px -22px rgba(110,84,40,.35),inset 0 0 0 1px rgba(184,149,90,.55);
}

.pm::after{content:"";position:absolute;inset:8px;border-radius:16px;border:1px solid rgba(184,149,90,.6);pointer-events:none}
.pm *,.pm *::before,.pm *::after{box-sizing:border-box}
@media (min-width:768px){.pm{grid-template-columns:1.05fr 1fr}}


.pm__photo{
  position:relative;min-height:220px;margin:16px 16px 0;border-radius:14px;overflow:hidden;
  background-image:var(--img-sp,var(--img-pc,none)),linear-gradient(160deg,#F3ECE0,#E9DFCF);
  background-size:cover;background-position:var(--pos,center);
  box-shadow:inset 0 0 0 1px rgba(184,149,90,.5);
}
@media (min-width:768px){
  .pm__photo{order:2;min-height:340px;margin:18px 18px 18px 0;
    background-image:var(--img-pc,var(--img-sp,none)),linear-gradient(160deg,#F3ECE0,#E9DFCF)}
}
.pm__cap{position:absolute;right:12px;bottom:10px;font-size:10px;letter-spacing:.08em;color:#fff;
  
  text-shadow:1px 0 0 #6E2240,-1px 0 0 #6E2240,0 1px 0 #6E2240,0 -1px 0 #6E2240,1px 1px 0 #6E2240,-1px -1px 0 #6E2240,1px -1px 0 #6E2240,-1px 1px 0 #6E2240,0 0 6px rgba(46,14,30,.55)}


.pm__body{position:relative;z-index:1;padding:22px 24px 28px;display:flex;flex-direction:column;justify-content:center}
@media (min-width:768px){.pm__body{padding:40px 36px 38px 44px}}
.pm__kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--pm-serif);font-size:12px;letter-spacing:.34em;color:var(--pm-gold-d);margin:0}
.pm__kicker::after{content:"";width:40px;height:1px;background:var(--pm-gold)}
.pm__title{margin:12px 0 0;font-family:var(--pm-serif);font-weight:600;font-size:clamp(24px,6vw,34px);line-height:1.45;letter-spacing:.1em;color:var(--pm-ink)}
.pm__title small{display:block;margin-top:4px;font-size:.5em;letter-spacing:.2em;color:var(--pm-gold-d);font-weight:500}
.pm__copy{margin:16px 0 0;font-family:var(--pm-serif);font-size:clamp(17px,4.4vw,20px);line-height:1.9;letter-spacing:.08em;color:var(--pm-rose)}
.pm__text{margin:10px 0 0;font-size:14px;line-height:2;color:var(--pm-ink);word-break:auto-phrase}
.pm__tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.pm__tags li{padding:3px 11px;border-radius:999px;font-size:12px;letter-spacing:.06em;color:var(--pm-gold-d);background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(184,149,90,.6)}
.pm__note{margin:14px 0 0;font-size:12px;line-height:1.8;color:var(--pm-ink-soft)}


.pm__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pm__btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 24px;border-radius:999px;
  font-family:var(--pm-sans);font-weight:600;font-size:15px;letter-spacing:.06em;text-decoration:none;
  transition:background .3s,color .3s,box-shadow .3s}
.pm__btn--main{background:var(--pm-rose);color:#fff;box-shadow:0 8px 18px -12px rgba(110,34,64,.45)}
.pm__btn--main:hover{background:var(--pm-rose-d)}
.pm__btn--line{background:#fff;color:var(--pm-gold-d);box-shadow:inset 0 0 0 1px var(--pm-gold)}
.pm__btn--line:hover{background:var(--pm-kinari2)}
.pm__btn svg{width:17px;height:17px;flex:none}
.pm__btn:focus-visible{outline:2px solid var(--pm-gold);outline-offset:3px}
@media (max-width:480px){.pm__btn{width:100%}}


.pm-chip{box-shadow:inset 0 0 0 1px #B8955A !important;color:#2A2226 !important;background:#F7F1E6 !important}
.pm-chip::before{content:"◆";margin-right:.4em;font-size:.8em;color:#B8955A}


.pm-wrap{margin:8px 0 28px}


.pm-top{margin-top:22px}
.pm-top__lead{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-family:"Shippori Mincho","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif CJK JP",serif;font-size:14px;letter-spacing:.12em;color:#5E5258}
.pm-top__lead::before,.pm-top__lead::after{content:"";flex:1;height:1px;background:rgba(140,109,58,.3)}

@media (prefers-reduced-motion:reduce){.pm__btn{transition:none}}