/* ple-cre ポップアップバナー */
.pcd-pop{position:fixed;z-index:99990;--pcd-pop-gap:20px}
.pcd-pop[hidden]{display:none!important}
.pcd-pop__box{position:relative;line-height:0}
.pcd-pop__box img{display:block;width:100%;height:auto;max-height:calc(100vh - 120px);object-fit:contain;border-radius:8px}
.pcd-pop__link{display:block}
.pcd-pop__close{position:absolute;top:-12px;right:-12px;z-index:2;width:32px;height:32px;padding:0;border:1px solid #d6e4ec;border-radius:50%;background:#fff;color:#1d2b33;font-size:18px;line-height:30px;text-align:center;cursor:pointer}
.pcd-pop__close:hover{background:#1d2b33;color:#fff}
.pcd-pop__veil{display:none}

/* 出し入れの動き */
.pcd-pop .pcd-pop__box{opacity:0;transform:translateY(16px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.pcd-pop.is-on .pcd-pop__box{opacity:1;transform:none}
.pcd-pop__veil{opacity:0;transition:opacity .3s}
.pcd-pop.is-on .pcd-pop__veil{opacity:1}

/* ----- PC ----- */
@media (min-width:901px){
  .pcd-pop--pc-left,.pcd-pop--pc-right{bottom:var(--pcd-pop-bottom,20px);width:var(--pcd-pop-w,360px);max-width:calc(100vw - 120px)}
  .pcd-pop--pc-left{left:var(--pcd-pop-gap)}
  .pcd-pop--pc-right{right:var(--pcd-pop-right,20px)}
  .pcd-pop--pc-center{inset:0;display:flex;align-items:center;justify-content:center;padding:40px}
  .pcd-pop--pc-center .pcd-pop__veil{display:block;position:absolute;inset:0;background:rgba(13,30,40,.55)}
  .pcd-pop--pc-center .pcd-pop__box{width:var(--pcd-pop-w,560px);max-width:100%}
}
/* ----- スマホ ----- */
@media (max-width:900px){
  .pcd-pop--sp-center{inset:0;display:flex;align-items:center;justify-content:center;padding:28px 22px}
  .pcd-pop--sp-center .pcd-pop__veil{display:block;position:absolute;inset:0;background:rgba(13,30,40,.55)}
  .pcd-pop--sp-center .pcd-pop__box{width:100%;max-width:420px}
  .pcd-pop--sp-bottom{left:12px;right:12px;bottom:var(--pcd-pop-bottom,12px)}
  .pcd-pop--sp-bottom .pcd-pop__box{max-width:420px;margin:0 auto}
  .pcd-pop--sp-bottom .pcd-pop__box img{max-height:45vh}
  .pcd-pop--sp-corner{right:12px;bottom:var(--pcd-pop-bottom,12px);width:var(--pcd-pop-wsp,160px);max-width:calc(100vw - 24px)}
  .pcd-pop--sp-corner .pcd-pop__box img{max-height:40vh;border-radius:6px}
  .pcd-pop__close{top:-10px;right:-6px}
  .pcd-pop--sp-corner .pcd-pop__close{top:-12px;right:-8px;width:28px;height:28px;font-size:16px;line-height:26px}
}
/* ポップアップが出ている間は診断バナー（写真付きの吹き出し）を隠す */
.pcd-pop-hide-banner .pcd-banner{opacity:0!important;visibility:hidden!important}
@media (prefers-reduced-motion:reduce){.pcd-pop .pcd-pop__box,.pcd-pop__veil{transition:none}}