.pal-yell-app{
    --py-ink:#142033;
    --py-muted:#667287;
    --py-blue:#176fe8;
    --py-blue-deep:#0a3e91;
    --py-cyan:#69c8ff;
    --py-gold:#f4c95d;
    --py-line:rgba(20,32,51,.10);
    --py-glass:rgba(255,255,255,.72);
    color:var(--py-ink);
    width:100%;
    isolation:isolate;
}
.pal-yell-app *{box-sizing:border-box}
.pal-yell-shell{
    position:relative;
    max-width:860px;
    margin:0 auto;
    padding:38px 18px 92px;
}
.pal-yell-shell::before,
.pal-yell-shell::after{
    content:"";
    position:absolute;
    z-index:-1;
    border-radius:999px;
    filter:blur(18px);
    opacity:.58;
    pointer-events:none;
}
.pal-yell-shell::before{
    width:260px;height:260px;
    top:20px;right:-80px;
    background:radial-gradient(circle,rgba(105,200,255,.32),transparent 70%);
}
.pal-yell-shell::after{
    width:240px;height:240px;
    left:-90px;bottom:90px;
    background:radial-gradient(circle,rgba(23,111,232,.18),transparent 70%);
}
.pal-yell-progress{
    position:sticky;
    top:12px;
    z-index:5;
    display:flex;
    justify-content:center;
    gap:10px;
    width:max-content;
    margin:0 auto 28px;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:999px;
    background:rgba(255,255,255,.78);
    box-shadow:0 12px 30px rgba(18,48,89,.10);
    backdrop-filter:blur(16px);
}
.pal-yell-progress span{
    width:10px;height:10px;border-radius:999px;
    background:#dbe2ee;
    transition:.25s ease;
}
.pal-yell-progress span.is-active{
    width:34px;background:linear-gradient(90deg,var(--py-blue-deep),var(--py-cyan));
}
.pal-yell-step{animation:palYellIn .32s ease both}
@keyframes palYellIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.pal-yell-kicker{
    margin:0 0 8px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.18em;
    color:var(--py-blue);
}
.pal-yell-app h2{
    margin:0 0 12px;
    font-size:clamp(29px,7vw,48px);
    line-height:1.08;
    letter-spacing:-.035em;
}
.pal-yell-lead{
    margin:0;
    color:var(--py-muted);
    font-size:15px;
}
.pal-yell-about{
    position:relative;
    overflow:hidden;
    margin-bottom:34px;
    padding:28px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:28px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,247,255,.82));
    box-shadow:
        0 24px 60px rgba(23,62,114,.10),
        inset 0 1px 0 rgba(255,255,255,.95);
}
.pal-yell-about::after{
    content:"";
    position:absolute;
    width:180px;height:180px;
    right:-60px;top:-60px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(105,200,255,.32),transparent 68%);
}
.pal-yell-about p:not(.pal-yell-kicker){
    position:relative;
    z-index:1;
    margin:0;
    color:var(--py-muted);
    line-height:1.85;
}
.pal-yell-section-heading{margin:0 0 24px}
.pal-yell-staff-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.pal-yell-staff-card{
    appearance:none;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height:260px;
    border:1px solid rgba(255,255,255,.95);
    background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(243,248,255,.90));
    padding:22px 18px 20px;
    border-radius:26px;
    overflow:hidden;
    text-align:center;
    box-shadow:
        0 18px 42px rgba(19,41,75,.10),
        inset 0 1px 0 rgba(255,255,255,.95);
    cursor:pointer;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.pal-yell-staff-card::before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    padding:1px;
    background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(23,111,232,.20));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}
.pal-yell-staff-card:hover,
.pal-yell-staff-card:focus-visible{
    transform:translateY(-5px) scale(1.01);
    border-color:rgba(23,111,232,.32);
    box-shadow:
        0 24px 56px rgba(19,41,75,.16),
        0 0 0 5px rgba(23,111,232,.06);
}
.pal-yell-avatar-wrap{
    display:grid;
    place-items:center;
    width:132px;
    height:132px;
    margin-bottom:16px;
    border-radius:50%;
    padding:5px;
    background:linear-gradient(145deg,#ffffff,#dbeeff);
    box-shadow:
        0 14px 34px rgba(23,111,232,.20),
        inset 0 1px 0 rgba(255,255,255,.95);
}
.pal-yell-avatar-wrap img,
.pal-yell-placeholder{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
    background:linear-gradient(145deg,var(--py-blue-deep),#2e8cff);
}
.pal-yell-placeholder{
    color:white;
    font-weight:900;
    font-size:34px;
    letter-spacing:.05em;
}
.pal-yell-staff-name{
    display:block;
    margin-top:2px;
    font-weight:900;
    font-size:18px;
    color:var(--py-ink);
}
.pal-yell-staff-intro{
    display:block;
    margin-top:8px;
    color:var(--py-muted);
    font-size:13px;
    line-height:1.65;
}
.pal-yell-profile-tags{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:7px;
    width:100%;
    margin-top:14px;
}
.pal-yell-profile-tag{
    display:inline-flex;
    align-items:center;
    overflow:hidden;
    max-width:100%;
    border:1px solid rgba(23,111,232,.13);
    border-radius:999px;
    background:linear-gradient(145deg,#ffffff,#f2f7ff);
    color:var(--py-ink);
    box-shadow:0 5px 14px rgba(19,41,75,.05);
    font-size:11px;
    line-height:1;
}
.pal-yell-profile-label{
    flex:0 0 auto;
    padding:7px 8px;
    background:rgba(23,111,232,.08);
    color:var(--py-blue-deep);
    font-weight:900;
}
.pal-yell-profile-value{
    min-width:0;
    overflow:hidden;
    padding:7px 9px;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.pal-yell-back{
    border:0;background:none;padding:0;margin:0 0 22px;
    color:var(--py-blue);font-weight:800;cursor:pointer;
}
.pal-yell-selected{
    display:inline-block;
    margin:0 0 22px;
    padding:9px 13px;
    border-radius:999px;
    background:linear-gradient(135deg,#edf6ff,#f7fbff);
    color:var(--py-blue-deep);
    font-weight:800;
    border:1px solid rgba(23,111,232,.10);
}
.pal-yell-amount-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:24px 0;
}
.pal-yell-amount-grid button{
    appearance:none;
    border:1px solid rgba(23,111,232,.12);
    border-radius:20px;
    padding:20px 12px;
    background:linear-gradient(145deg,#fff,#f5f9ff);
    color:var(--py-ink);
    cursor:pointer;
    box-shadow:0 10px 26px rgba(19,41,75,.07);
    transition:.22s ease;
}
.pal-yell-amount-grid button strong{display:block;font-size:23px}
.pal-yell-amount-grid button span{display:block;margin-top:5px;color:var(--py-muted);font-size:12px}
.pal-yell-amount-grid button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 32px rgba(19,41,75,.11);
}
.pal-yell-amount-grid button.is-selected{
    color:white;
    border-color:transparent;
    background:linear-gradient(135deg,var(--py-blue-deep),var(--py-blue) 60%,#42a6ff);
    transform:translateY(-3px);
    box-shadow:
        0 18px 36px rgba(23,111,232,.28),
        0 0 0 5px rgba(23,111,232,.08);
}
.pal-yell-amount-grid button.is-selected span{color:rgba(255,255,255,.86)}
.pal-yell-field,.pal-yell-custom-wrap{margin:24px 0}
.pal-yell-field label,.pal-yell-custom-wrap label{
    display:block;margin:0 0 9px;font-weight:900;
}
.pal-yell-field input,.pal-yell-field textarea,.pal-yell-custom-wrap input{
    width:100%;
    border:1px solid rgba(20,32,51,.12);
    border-radius:16px;
    padding:15px 16px;
    background:rgba(255,255,255,.86);
    color:var(--py-ink);
    font:inherit;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
    transition:border-color .2s ease,box-shadow .2s ease;
}
.pal-yell-field input:focus,
.pal-yell-field textarea:focus,
.pal-yell-custom-wrap input:focus{
    outline:none;
    border-color:rgba(23,111,232,.48);
    box-shadow:0 0 0 4px rgba(23,111,232,.08);
}
.pal-yell-templates{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:11px;
}
.pal-yell-templates button{
    border:1px solid #cfe1fb;
    border-radius:999px;
    padding:9px 13px;
    background:linear-gradient(145deg,#fff,#f3f8ff);
    color:var(--py-blue-deep);
    font-size:12px;
    font-weight:700;
    cursor:pointer;
}
.pal-yell-primary{
    width:100%;
    border:0;
    border-radius:18px;
    padding:18px 20px;
    background:linear-gradient(135deg,var(--py-blue-deep),var(--py-blue) 62%,#45adff);
    color:white;
    font-weight:900;
    font-size:17px;
    cursor:pointer;
    box-shadow:
        0 17px 34px rgba(23,111,232,.26),
        inset 0 1px 0 rgba(255,255,255,.28);
    transition:.22s ease;
}
.pal-yell-primary:hover:not(:disabled){
    transform:translateY(-2px);
    box-shadow:0 21px 40px rgba(23,111,232,.32);
}
.pal-yell-primary:disabled{opacity:.45;cursor:not-allowed}
.pal-yell-error{min-height:24px;color:#b42318;font-weight:800}
.pal-yell-summary{
    margin:24px 0;
    border:1px solid rgba(20,32,51,.10);
    border-radius:20px;
    overflow:hidden;
    background:rgba(255,255,255,.84);
    box-shadow:0 16px 38px rgba(19,41,75,.08);
}
.pal-yell-summary div{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:16px;
    padding:17px;
    border-bottom:1px solid rgba(20,32,51,.08);
}
.pal-yell-summary div:last-child{border-bottom:0}
.pal-yell-summary dt{font-weight:900}
.pal-yell-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.pal-yell-notice{
    margin:0 0 18px;
    padding:15px 17px;
    border-radius:15px;
    background:linear-gradient(145deg,#fff9ea,#fff3cf);
    color:#7a4a00;
    font-size:13px;
    line-height:1.65;
}
@media (max-width:640px){
    .pal-yell-shell{padding:24px 14px 72px}
    .pal-yell-about{padding:22px 18px}
    .pal-yell-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .pal-yell-staff-card{min-height:220px;padding:18px 10px}
    .pal-yell-avatar-wrap{width:104px;height:104px}
    .pal-yell-staff-name{font-size:15px}
    .pal-yell-staff-intro{font-size:11px}
}
@media (max-width:390px){
    .pal-yell-staff-grid{grid-template-columns:1fr}
    .pal-yell-staff-card{min-height:auto}
    .pal-yell-avatar-wrap{width:124px;height:124px}
    .pal-yell-amount-grid{grid-template-columns:1fr}
    .pal-yell-summary div{grid-template-columns:1fr;gap:4px}
}


/* PAL-PUNTE CONNECT */
.pal-connect-app{
    --pc-ink:#142033;
    --pc-muted:#68758a;
    --pc-blue:#176fe8;
    --pc-blue-deep:#0a3e91;
    width:100%;
    color:var(--pc-ink);
}
.pal-connect-app *{box-sizing:border-box}
.pal-connect-shell{
    position:relative;
    max-width:820px;
    margin:0 auto;
    padding:44px 18px 84px;
}
.pal-connect-shell::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:-90px;
    right:-110px;
    width:330px;
    height:330px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(68,171,255,.20),transparent 68%);
    filter:blur(10px);
}
.pal-connect-hero{
    margin-bottom:30px;
}
.pal-connect-kicker{
    margin:0 0 10px;
    color:var(--pc-blue);
    font-size:12px;
    font-weight:900;
    letter-spacing:.18em;
}
.pal-connect-hero h1{
    margin:0 0 14px;
    font-size:clamp(32px,8vw,56px);
    line-height:1.08;
    letter-spacing:-.04em;
}
.pal-connect-hero p{
    margin:0;
    color:var(--pc-muted);
    line-height:1.8;
}
.pal-connect-grid{
    display:grid;
    gap:14px;
}
.pal-connect-card{
    position:relative;
    display:grid;
    grid-template-columns:72px 1fr auto;
    align-items:center;
    gap:18px;
    min-height:126px;
    padding:22px 22px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.95);
    border-radius:26px;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(243,248,255,.90));
    color:var(--pc-ink);
    text-decoration:none;
    box-shadow:
        0 18px 44px rgba(19,41,75,.10),
        inset 0 1px 0 rgba(255,255,255,.96);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.pal-connect-card::before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    padding:1px;
    background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(23,111,232,.22));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}
.pal-connect-card:hover,
.pal-connect-card:focus-visible{
    transform:translateY(-4px);
    box-shadow:0 25px 58px rgba(19,41,75,.16);
}
.pal-connect-icon{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:72px;
    height:72px;
    border-radius:22px;
    color:white;
    box-shadow:0 12px 28px rgba(23,111,232,.20);
}
.pal-connect-icon svg{
    width:34px;
    height:34px;
    fill:currentColor;
}
.pal-connect-line .pal-connect-icon{
    background:linear-gradient(145deg,#00c300,#00a800);
}
.pal-connect-review .pal-connect-icon{
    background:linear-gradient(145deg,#ffcb39,#ff9f1c);
}
.pal-connect-yell{
    min-height:148px;
    color:white;
    border-color:transparent;
    background:linear-gradient(135deg,#082f72,#176fe8 60%,#45adff);
    box-shadow:
        0 22px 52px rgba(23,111,232,.28),
        inset 0 1px 0 rgba(255,255,255,.28);
}
.pal-connect-yell::before{
    background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(105,200,255,.55));
}
.pal-connect-yell .pal-connect-icon{
    background:rgba(255,255,255,.16);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 28px rgba(0,0,0,.14);
    backdrop-filter:blur(12px);
}
.pal-connect-glow{
    position:absolute;
    width:220px;
    height:220px;
    right:-70px;
    top:-90px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.24),transparent 68%);
}
.pal-connect-copy{
    position:relative;
    z-index:1;
    min-width:0;
}
.pal-connect-label{
    display:block;
    margin-bottom:4px;
    color:var(--pc-blue);
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
}
.pal-connect-yell .pal-connect-label{
    color:#bfe4ff;
}
.pal-connect-copy strong{
    display:block;
    font-size:20px;
    line-height:1.35;
}
.pal-connect-copy small{
    display:block;
    margin-top:7px;
    color:var(--pc-muted);
    font-size:13px;
    line-height:1.55;
}
.pal-connect-yell .pal-connect-copy small{
    color:rgba(255,255,255,.78);
}
.pal-connect-arrow{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(23,111,232,.08);
    color:var(--pc-blue-deep);
    font-size:19px;
    font-weight:900;
}
.pal-connect-yell .pal-connect-arrow{
    background:rgba(255,255,255,.16);
    color:white;
}
.pal-connect-note{
    margin:16px 0 0;
    text-align:center;
    color:#8b95a7;
    font-size:11px;
}
@media(max-width:560px){
    .pal-connect-shell{padding:30px 14px 70px}
    .pal-connect-card{
        grid-template-columns:58px 1fr 34px;
        gap:13px;
        min-height:112px;
        padding:18px 16px;
        border-radius:22px;
    }
    .pal-connect-icon{
        width:58px;
        height:58px;
        border-radius:18px;
    }
    .pal-connect-icon svg{width:29px;height:29px}
    .pal-connect-copy strong{font-size:16px}
    .pal-connect-copy small{font-size:11px}
    .pal-connect-arrow{width:34px;height:34px}
    .pal-connect-yell{min-height:132px}
}


/* Standalone CONNECT / PALエール pages */
body.pal-yell-standalone-page #masthead,
body.pal-yell-standalone-page .site-header,
body.pal-yell-standalone-page .kadence-header-wrap,
body.pal-yell-standalone-page .site-mobile-header-wrap,
body.pal-yell-standalone-page .mobile-header-button-wrap,
body.pal-yell-standalone-page .mobile-toggle-open-container,
body.pal-yell-standalone-page .drawer-toggle,
body.pal-yell-standalone-page #mobile-drawer,
body.pal-yell-standalone-page .popup-drawer,
body.pal-yell-standalone-page #colophon,
body.pal-yell-standalone-page .site-footer,
body.pal-yell-standalone-page .site-footer-wrap,
body.pal-yell-standalone-page .footer-widget-area {
    display:none !important;
}

body.pal-yell-standalone-page {
    margin:0 !important;
    background:#f6f9fe;
}

body.pal-yell-standalone-page #page,
body.pal-yell-standalone-page .site,
body.pal-yell-standalone-page .site-content,
body.pal-yell-standalone-page #primary,
body.pal-yell-standalone-page .content-area,
body.pal-yell-standalone-page .content-container,
body.pal-yell-standalone-page .entry-content,
body.pal-yell-standalone-page .content-wrap,
body.pal-yell-standalone-page .site-container,
body.pal-yell-standalone-page .entry-content-wrap {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

body.pal-yell-standalone-page .entry-header,
body.pal-yell-standalone-page .page-header,
body.pal-yell-standalone-page .entry-title {
    display:none !important;
}


/* CONNECT return link */
.pal-yell-back-wrap{
    width:100%;
    margin:0 0 16px;
}
.pal-yell-connect-back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border:1px solid rgba(23,111,232,.14);
    border-radius:999px;
    background:rgba(255,255,255,.86);
    color:#31506f;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    line-height:1;
    box-shadow:0 8px 20px rgba(19,41,75,.07);
    backdrop-filter:blur(10px);
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.pal-yell-connect-back:hover,
.pal-yell-connect-back:focus-visible{
    transform:translateY(-2px);
    background:#fff;
    box-shadow:0 12px 26px rgba(19,41,75,.12);
}
@media(max-width:560px){
    .pal-yell-back-wrap{margin-bottom:12px}
    .pal-yell-connect-back{
        padding:9px 12px;
        font-size:12px;
    }
}


/* PALエール 決済完了ページ */
.pal-yell-success{
    min-height:100svh;
    display:grid;
    place-items:center;
    padding:28px 16px;
    background:
        radial-gradient(circle at 15% 10%,rgba(74,169,255,.16),transparent 30%),
        radial-gradient(circle at 85% 90%,rgba(23,111,232,.13),transparent 32%),
        linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
    color:#142033;
}
.pal-yell-success *{box-sizing:border-box}
.pal-yell-success-shell{
    position:relative;
    width:min(100%,720px);
}
.pal-yell-success-card{
    position:relative;
    z-index:2;
    overflow:hidden;
    padding:52px 32px 34px;
    border:1px solid rgba(255,255,255,.95);
    border-radius:32px;
    background:rgba(255,255,255,.92);
    text-align:center;
    box-shadow:
        0 28px 70px rgba(19,41,75,.16),
        inset 0 1px 0 rgba(255,255,255,.96);
    backdrop-filter:blur(18px);
}
.pal-yell-success-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 45%);
}
.pal-yell-success-icon{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:88px;
    height:88px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(145deg,#176fe8,#4bb7ff);
    color:#fff;
    box-shadow:0 16px 36px rgba(23,111,232,.32);
}
.pal-yell-success-icon svg{
    width:44px;
    height:44px;
    fill:currentColor;
}
.pal-yell-success-kicker{
    position:relative;
    z-index:1;
    margin:0 0 8px;
    color:#176fe8;
    font-size:13px;
    font-weight:900;
    letter-spacing:.18em;
}
.pal-yell-success h1{
    position:relative;
    z-index:1;
    margin:0;
    font-size:clamp(30px,6vw,48px);
    line-height:1.18;
    letter-spacing:-.04em;
}
.pal-yell-success-lead{
    position:relative;
    z-index:1;
    margin:20px 0 0;
    color:#68758a;
    font-size:15px;
    line-height:1.9;
}
.pal-yell-success-message{
    position:relative;
    z-index:1;
    display:grid;
    gap:7px;
    margin:30px auto;
    padding:20px;
    border:1px solid rgba(23,111,232,.12);
    border-radius:22px;
    background:linear-gradient(145deg,#f8fbff,#eef5ff);
}
.pal-yell-success-message strong{
    color:#0a3e91;
    font-size:14px;
    letter-spacing:.12em;
}
.pal-yell-success-message span{
    color:#5f6f84;
    font-size:13px;
    line-height:1.7;
}
.pal-yell-success-actions{
    position:relative;
    z-index:1;
    display:grid;
    gap:12px;
    max-width:430px;
    margin:0 auto;
}
.pal-yell-success-again,
.pal-yell-success-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:52px;
    padding:0 22px;
    border-radius:999px;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.pal-yell-success-again{
    background:linear-gradient(135deg,#0b4eae,#176fe8);
    color:#fff;
    box-shadow:0 14px 28px rgba(23,111,232,.24);
}
.pal-yell-success-back{
    border:1px solid rgba(23,111,232,.16);
    background:#fff;
    color:#31506f;
    box-shadow:0 10px 24px rgba(19,41,75,.08);
}
.pal-yell-success-again:hover,
.pal-yell-success-again:focus-visible,
.pal-yell-success-back:hover,
.pal-yell-success-back:focus-visible{
    transform:translateY(-2px);
}
.pal-yell-success-again:hover,
.pal-yell-success-again:focus-visible{
    box-shadow:0 18px 34px rgba(23,111,232,.32);
}
.pal-yell-success-back:hover,
.pal-yell-success-back:focus-visible{
    background:#f8fbff;
    box-shadow:0 14px 30px rgba(19,41,75,.12);
}
.pal-yell-success-note{
    margin:14px 0 0;
    color:#8b95a7;
    text-align:center;
    font-size:11px;
}
.pal-yell-success-confetti{
    position:absolute;
    z-index:1;
    inset:-18px;
    pointer-events:none;
}
.pal-yell-success-confetti span{
    position:absolute;
    width:9px;
    height:18px;
    border-radius:3px;
    background:#176fe8;
    opacity:.72;
    transform:rotate(18deg);
}
.pal-yell-success-confetti span:nth-child(1){left:7%;top:12%;background:#ffb703;transform:rotate(25deg)}
.pal-yell-success-confetti span:nth-child(2){left:15%;top:68%;background:#00b894;transform:rotate(-18deg)}
.pal-yell-success-confetti span:nth-child(3){left:28%;top:3%;background:#ff6b6b;transform:rotate(42deg)}
.pal-yell-success-confetti span:nth-child(4){right:26%;top:5%;background:#7c4dff;transform:rotate(-35deg)}
.pal-yell-success-confetti span:nth-child(5){right:12%;top:22%;background:#00bcd4;transform:rotate(16deg)}
.pal-yell-success-confetti span:nth-child(6){right:6%;top:70%;background:#ffb703;transform:rotate(-28deg)}
.pal-yell-success-confetti span:nth-child(7){left:38%;bottom:0;background:#00b894;transform:rotate(37deg)}
.pal-yell-success-confetti span:nth-child(8){right:36%;bottom:2%;background:#ff6b6b;transform:rotate(-12deg)}
.pal-yell-success-confetti span:nth-child(9){left:2%;top:42%;background:#7c4dff;transform:rotate(52deg)}
.pal-yell-success-confetti span:nth-child(10){right:2%;top:46%;background:#176fe8;transform:rotate(-48deg)}
@media(max-width:560px){
    .pal-yell-success{padding:20px 12px}
    .pal-yell-success-card{
        padding:42px 20px 26px;
        border-radius:26px;
    }
    .pal-yell-success-icon{
        width:76px;
        height:76px;
    }
    .pal-yell-success h1{
        font-size:30px;
    }
    .pal-yell-success-lead{
        font-size:14px;
    }
    .pal-yell-success-message{
        margin:24px auto;
        padding:18px 14px;
    }
    .pal-yell-success-back{
        width:100%;
    }
}


@keyframes pal-yell-success-pop{
    0%{opacity:0;transform:translateY(18px) scale(.97)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes pal-yell-confetti-fall{
    0%{opacity:0;transform:translate3d(0,-24px,0) rotate(0deg)}
    12%{opacity:.9}
    100%{opacity:0;transform:translate3d(var(--drift,20px),190px,0) rotate(520deg)}
}
.pal-yell-success-card{
    animation:pal-yell-success-pop .55s cubic-bezier(.2,.8,.2,1) both;
}
.pal-yell-success-confetti span{
    animation:pal-yell-confetti-fall 2.6s ease-out both;
}
.pal-yell-success-confetti span:nth-child(1){--drift:24px;animation-delay:.05s}
.pal-yell-success-confetti span:nth-child(2){--drift:-18px;animation-delay:.18s}
.pal-yell-success-confetti span:nth-child(3){--drift:12px;animation-delay:.28s}
.pal-yell-success-confetti span:nth-child(4){--drift:-24px;animation-delay:.12s}
.pal-yell-success-confetti span:nth-child(5){--drift:20px;animation-delay:.34s}
.pal-yell-success-confetti span:nth-child(6){--drift:-14px;animation-delay:.42s}
.pal-yell-success-confetti span:nth-child(7){--drift:18px;animation-delay:.22s}
.pal-yell-success-confetti span:nth-child(8){--drift:-20px;animation-delay:.48s}
.pal-yell-success-confetti span:nth-child(9){--drift:16px;animation-delay:.08s}
.pal-yell-success-confetti span:nth-child(10){--drift:-16px;animation-delay:.38s}
@media(prefers-reduced-motion:reduce){
    .pal-yell-success-card,
    .pal-yell-success-confetti span{
        animation:none !important;
    }
}


/* PALエール 決済キャンセルページ */
.pal-yell-cancel{
    min-height:100svh;
    display:grid;
    place-items:center;
    padding:28px 16px;
    background:
        radial-gradient(circle at 16% 12%,rgba(255,193,7,.10),transparent 30%),
        radial-gradient(circle at 84% 88%,rgba(23,111,232,.10),transparent 32%),
        linear-gradient(180deg,#fbfcfe 0%,#f1f5fa 100%);
    color:#142033;
}
.pal-yell-cancel *{box-sizing:border-box}
.pal-yell-cancel-shell{
    width:min(100%,680px);
}
.pal-yell-cancel-card{
    padding:48px 32px 34px;
    border:1px solid rgba(255,255,255,.96);
    border-radius:32px;
    background:rgba(255,255,255,.94);
    text-align:center;
    box-shadow:
        0 26px 64px rgba(19,41,75,.14),
        inset 0 1px 0 rgba(255,255,255,.96);
    backdrop-filter:blur(16px);
}
.pal-yell-cancel-icon{
    display:grid;
    place-items:center;
    width:82px;
    height:82px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(145deg,#ffcf5a,#f2a900);
    color:#fff;
    box-shadow:0 16px 34px rgba(242,169,0,.25);
}
.pal-yell-cancel-icon svg{
    width:40px;
    height:40px;
    fill:currentColor;
}
.pal-yell-cancel-kicker{
    margin:0 0 8px;
    color:#b97700;
    font-size:13px;
    font-weight:900;
    letter-spacing:.18em;
}
.pal-yell-cancel h1{
    margin:0;
    font-size:clamp(30px,6vw,46px);
    line-height:1.18;
    letter-spacing:-.04em;
}
.pal-yell-cancel-lead{
    margin:20px 0 0;
    color:#68758a;
    font-size:15px;
    line-height:1.9;
}
.pal-yell-cancel-message{
    display:grid;
    gap:7px;
    margin:28px auto;
    padding:19px;
    border:1px solid rgba(185,119,0,.14);
    border-radius:22px;
    background:linear-gradient(145deg,#fffdf7,#fff8e8);
}
.pal-yell-cancel-message strong{
    color:#9b6500;
    font-size:14px;
}
.pal-yell-cancel-message span{
    color:#6c7480;
    font-size:13px;
    line-height:1.7;
}
.pal-yell-cancel-actions{
    display:grid;
    gap:12px;
    max-width:430px;
    margin:0 auto;
}
.pal-yell-cancel-retry,
.pal-yell-cancel-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:52px;
    padding:0 22px;
    border-radius:999px;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.pal-yell-cancel-retry{
    background:linear-gradient(135deg,#0b4eae,#176fe8);
    color:#fff;
    box-shadow:0 14px 28px rgba(23,111,232,.24);
}
.pal-yell-cancel-back{
    border:1px solid rgba(23,111,232,.16);
    background:#fff;
    color:#31506f;
    box-shadow:0 10px 24px rgba(19,41,75,.08);
}
.pal-yell-cancel-retry:hover,
.pal-yell-cancel-retry:focus-visible,
.pal-yell-cancel-back:hover,
.pal-yell-cancel-back:focus-visible{
    transform:translateY(-2px);
}
.pal-yell-cancel-note{
    margin:14px 0 0;
    color:#8b95a7;
    text-align:center;
    font-size:11px;
}
@media(max-width:560px){
    .pal-yell-cancel{padding:20px 12px}
    .pal-yell-cancel-card{
        padding:40px 20px 26px;
        border-radius:26px;
    }
    .pal-yell-cancel-icon{
        width:72px;
        height:72px;
    }
    .pal-yell-cancel h1{
        font-size:30px;
    }
    .pal-yell-cancel-lead{
        font-size:14px;
    }
}


.pal-yell-primary.is-loading{
    cursor:wait;
    opacity:.78;
}
.pal-yell-primary:disabled{
    cursor:not-allowed;
    opacity:.68;
}


/* PALエール 決済エラーページ */
.pal-yell-error-page{
    min-height:100svh;
    display:grid;
    place-items:center;
    padding:28px 16px;
    background:
        radial-gradient(circle at 14% 12%,rgba(255,107,107,.11),transparent 30%),
        radial-gradient(circle at 86% 88%,rgba(23,111,232,.10),transparent 32%),
        linear-gradient(180deg,#fbfcfe 0%,#f2f5f9 100%);
    color:#142033;
}
.pal-yell-error-page *{box-sizing:border-box}
.pal-yell-error-shell{width:min(100%,680px)}
.pal-yell-error-card{
    padding:48px 32px 34px;
    border:1px solid rgba(255,255,255,.96);
    border-radius:32px;
    background:rgba(255,255,255,.95);
    text-align:center;
    box-shadow:0 26px 64px rgba(19,41,75,.14),inset 0 1px 0 rgba(255,255,255,.96);
    backdrop-filter:blur(16px);
}
.pal-yell-error-icon{
    display:grid;
    place-items:center;
    width:82px;
    height:82px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(145deg,#ff7676,#e54848);
    color:#fff;
    box-shadow:0 16px 34px rgba(229,72,72,.24);
}
.pal-yell-error-icon svg{width:40px;height:40px;fill:currentColor}
.pal-yell-error-kicker{
    margin:0 0 8px;
    color:#c93636;
    font-size:13px;
    font-weight:900;
    letter-spacing:.18em;
}
.pal-yell-error-page h1{
    margin:0;
    font-size:clamp(30px,6vw,46px);
    line-height:1.18;
    letter-spacing:-.04em;
}
.pal-yell-error-lead{
    margin:20px 0 0;
    color:#68758a;
    font-size:15px;
    line-height:1.9;
}
.pal-yell-error-message{
    display:grid;
    gap:7px;
    margin:28px auto;
    padding:19px;
    border:1px solid rgba(201,54,54,.13);
    border-radius:22px;
    background:linear-gradient(145deg,#fffafa,#fff2f2);
}
.pal-yell-error-message strong{color:#b22f2f;font-size:14px}
.pal-yell-error-message span{color:#6c7480;font-size:13px;line-height:1.7}
.pal-yell-error-actions{
    display:grid;
    gap:12px;
    max-width:430px;
    margin:0 auto;
}
.pal-yell-error-retry,
.pal-yell-error-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:52px;
    padding:0 22px;
    border-radius:999px;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.pal-yell-error-retry{
    background:linear-gradient(135deg,#0b4eae,#176fe8);
    color:#fff;
    box-shadow:0 14px 28px rgba(23,111,232,.24);
}
.pal-yell-error-back{
    border:1px solid rgba(23,111,232,.16);
    background:#fff;
    color:#31506f;
    box-shadow:0 10px 24px rgba(19,41,75,.08);
}
.pal-yell-error-retry:hover,
.pal-yell-error-retry:focus-visible,
.pal-yell-error-back:hover,
.pal-yell-error-back:focus-visible{transform:translateY(-2px)}
.pal-yell-error-note{
    margin:14px 0 0;
    color:#8b95a7;
    text-align:center;
    font-size:11px;
}
@media(max-width:560px){
    .pal-yell-error-page{padding:20px 12px}
    .pal-yell-error-card{padding:40px 20px 26px;border-radius:26px}
    .pal-yell-error-icon{width:72px;height:72px}
    .pal-yell-error-page h1{font-size:30px}
    .pal-yell-error-lead{font-size:14px}
}


.pal-yell-success-staff-image{
    position:relative;
    z-index:1;
    width:132px;
    height:132px;
    margin:24px auto 14px;
    overflow:hidden;
    border:5px solid #fff;
    border-radius:50%;
    box-shadow:0 16px 34px rgba(19,41,75,.18);
}
.pal-yell-success-staff-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.pal-yell-success-recipient{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin:10px 0 0;
}
.pal-yell-success-recipient span{
    color:#176fe8;
    font-size:11px;
    font-weight:900;
    letter-spacing:.16em;
}
.pal-yell-success-recipient strong{
    font-size:21px;
}
.pal-yell-success-personal-message{
    max-width:560px;
    margin-right:auto;
    margin-left:auto;
}
.pal-yell-success-summary{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:26px auto 0;
}
.pal-yell-success-summary div{
    display:grid;
    gap:5px;
    padding:15px 12px;
    border:1px solid rgba(23,111,232,.10);
    border-radius:17px;
    background:#f7faff;
}
.pal-yell-success-summary span{
    color:#758197;
    font-size:11px;
}
.pal-yell-success-summary strong{
    color:#17365f;
    font-size:15px;
}
.pal-yell-success-icon-processing{
    background:linear-gradient(145deg,#ffcb4d,#f1a900);
}
.pal-yell-success-icon-error{
    background:linear-gradient(145deg,#ff7676,#e54848);
}
@media(max-width:560px){
    .pal-yell-success-staff-image{
        width:112px;
        height:112px;
    }
    .pal-yell-success-summary{
        grid-template-columns:1fr;
    }
}