/* ============================================================ gpsos.css — GPS大阪 ピアノ指導者のためのプレミアム試弾レセプション（v10・iPadmate様式） 器: #gpsos-root（中の .gpsos がコンテナ＝container-name:gpsos）／ライブラリ: /library/campaign/GPSshidan2026/ ★このファイルは _build_v10.py が作る。直すときはデザイン案の css/style.css を直して再ビルド。 ============================================================ */ #gpsos-root{display:block;width:100%;overflow:clip} #gpsos-root .gpsos{container-type:inline-size;container-name:gpsos;position:relative} @charset "UTF-8"; :root{ --violet:#4b1e78; --bright:#7b47d2; --light:#d6a4ea; --dark:#26193a; --gray:#8c8c8c; --ink:#191d1f; --black:#000; --white:#fff; --red:#c5003e; --paper:#f7edfb; --band:#efdbf7; --line:#d1d1d1; --w:970px; } #gpsos-root,#gpsos-root *{box-sizing:border-box;margin:0;padding:0} #gpsos-root .gpsos{background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic StdN","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","YuGothic",Meiryo,sans-serif;font-size:15px;line-height:1.9;letter-spacing:.04em;overflow-x:hidden;-webkit-font-smoothing:antialiased} #gpsos-root img{display:block;max-width:100%} #gpsos-root a{color:var(--bright)} #gpsos-root b{font-weight:700} #gpsos-root .en,#gpsos-root .fv-en,#gpsos-root .pc-en,#gpsos-root .pill,#gpsos-root .st,#gpsos-root .perk-badge{font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-weight:700;text-transform:uppercase} #gpsos-root .tag-kakunin{display:inline-block;background:var(--red);color:var(--white);font-size:12px;font-weight:700;line-height:1;padding:4px 6px;border-radius:2px;letter-spacing:.08em;vertical-align:middle} #gpsos-root .ph{border:2px dashed var(--red);background:rgba(197,0,62,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--red);font-size:13px;font-weight:700;line-height:1.6;padding:16px} #gpsos-root .ph .sm{font-weight:400;font-size:12px;color:var(--ink)} #gpsos-root .ph-line{color:var(--gray)!important;font-size:12px!important} #gpsos-root .fv{position:relative;height:935px;overflow:hidden;background:var(--white)} #gpsos-root .fv-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%} #gpsos-root .fv::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 30%,rgba(255,255,255,0) 52%);z-index:1} #gpsos-root .fv-in{position:absolute;left:10.5%;top:50%;transform:translateY(-50%);z-index:2} #gpsos-root .fv-en{font-size:13px;letter-spacing:.3em;color:var(--violet);margin-bottom:22px} #gpsos-root .fv-ttl{font-weight:700;color:var(--black);line-height:1.02;letter-spacing:-.01em} #gpsos-root .fv-ttl span{display:block;font-size:78px} #gpsos-root .fv-ttl .fv-yr{font-family:"GT America Compressed","GT America Y","Helvetica Neue",Arial,sans-serif;font-size:150px;line-height:.9;color:var(--violet);letter-spacing:-.01em;margin-top:10px} #gpsos-root .fv-sub{margin-top:26px;font-size:16px;font-weight:700;letter-spacing:.12em} #gpsos-root .intro{padding:190px 20px 150px;text-align:center} #gpsos-root .intro-ttl{position:relative;display:inline-block;padding:0 120px} #gpsos-root .intro-ttl h2{font-size:62px;line-height:1.28;font-weight:700;color:var(--black);letter-spacing:.02em} #gpsos-root .dd{position:absolute;width:auto} #gpsos-root .dd-l{left:0;bottom:10px;height:130px} #gpsos-root .dd-r{right:0;top:0;height:120px} #gpsos-root .intro-tx{margin:48px auto 0;font-size:15px;line-height:2.4;font-weight:700;color:var(--ink)} #gpsos-root .intro-tx2{margin-top:130px} #gpsos-root .intro-tx2 b{color:var(--bright)} #gpsos-root .things{max-width:1100px;margin:0 auto;padding:40px 20px 120px} #gpsos-root .th{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin-bottom:110px} #gpsos-root .th-l .th-fig{order:2} #gpsos-root .th-fig{position:relative} #gpsos-root .th-dev img{border-radius:22px;box-shadow:0 30px 50px -24px rgba(38,25,58,.45),0 0 0 10px var(--white);width:100%;aspect-ratio:4/3;object-fit:cover} #gpsos-root .th-cut img{width:78%;margin:0 auto;filter:drop-shadow(0 28px 26px rgba(38,25,58,.25))} #gpsos-root .th-tx h3{font-size:54px;line-height:1.24;color:var(--gray);font-weight:700;letter-spacing:.02em;margin-bottom:22px} #gpsos-root .th-tx p{font-size:14px;font-weight:700;line-height:2.1} #gpsos-root .th-tx .note{font-weight:400;font-size:12px;color:var(--gray);margin-top:8px} #gpsos-root .th-new{display:inline-block;font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-size:12px!important;letter-spacing:.2em;color:var(--white);background:var(--bright);padding:2px 12px!important;border-radius:20px;margin-bottom:14px;line-height:1.8!important} #gpsos-root .th-prints{height:420px} #gpsos-root .pr{position:absolute;width:62%;border:10px solid var(--white);box-shadow:0 16px 26px -12px rgba(38,25,58,.4)} #gpsos-root .pr1{left:0;top:0;transform:rotate(-4deg)} #gpsos-root .pr2{right:0;top:110px;transform:rotate(5deg);width:48%} #gpsos-root .pr3{left:18%;bottom:0;transform:rotate(-1deg);width:46%} #gpsos-root .th-cal .cal{background:var(--white);border-radius:22px;padding:30px 30px 26px;box-shadow:0 30px 50px -24px rgba(38,25,58,.45),0 0 0 10px var(--dark)} #gpsos-root .cal-hd{font-size:14px;font-weight:700;margin-bottom:14px;color:var(--gray)} #gpsos-root .cal-hd b{color:var(--ink);font-size:20px;margin-left:4px} #gpsos-root .cal ol{list-style:none;border-top:1px solid var(--line)} #gpsos-root .cal li{display:grid;grid-template-columns:56px 150px 1fr;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);font-size:13px} #gpsos-root .cal .m{font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:18px;color:var(--violet)} #gpsos-root .cal .d{font-weight:700;font-size:12px} #gpsos-root .cal li.on{background:rgba(123,71,210,.1)} #gpsos-root .cal li.on .e{color:var(--bright);font-weight:700;font-size:16px} #gpsos-root .wide{position:relative;height:860px;overflow:hidden} #gpsos-root .wide-ph{position:absolute;inset:0} #gpsos-root .wide-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 45%} #gpsos-root .wide::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 45%);z-index:1} #gpsos-root .wide-ttl{position:absolute;left:14%;top:70px;z-index:2;font-size:70px;line-height:1.24;font-weight:700;color:var(--black)} #gpsos-root .wide-note{position:absolute;right:28px;bottom:130px;z-index:2;font-size:12px;color:var(--white);text-shadow:0 1px 3px rgba(0,0,0,.6)} #gpsos-root .wave{position:absolute;left:0;bottom:-1px;width:100%;height:120px;z-index:2} #gpsos-root .wave path{fill:var(--paper)} #gpsos-root .blobs{max-width:var(--w);margin:0 auto;padding:60px 20px 140px} #gpsos-root .bl{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:70px} #gpsos-root .bl-l .bl-tx{order:2} #gpsos-root .bl-tx{padding-left:40px} #gpsos-root .bl-tx h3{font-size:42px;line-height:1.24;font-weight:700;color:var(--black);margin-bottom:24px} #gpsos-root .bl-tx p{font-size:14px;font-weight:700;line-height:2.1} #gpsos-root .bl-fig{position:relative} #gpsos-root .blob{width:100%;aspect-ratio:1/1;object-fit:cover} #gpsos-root .b1{border-radius:52% 48% 44% 56%/58% 44% 56% 42%} #gpsos-root .b2{border-radius:44% 56% 60% 40%/50% 60% 40% 50%;width:88%;margin-left:6%} #gpsos-root .b3{border-radius:60% 40% 48% 52%/44% 56% 44% 56%;width:86%;margin-left:14%;margin-top:60px} #gpsos-root .b3s{position:absolute;right:0;top:-40px;width:38%;aspect-ratio:1/1;border-radius:40% 60% 52% 48%/58% 42% 58% 42%;object-fit:cover} #gpsos-root .b4{border-radius:46% 54% 38% 62%/56% 48% 52% 44%;width:86%} #gpsos-root .b4s{position:absolute;left:-6%;bottom:-40px;width:46%;aspect-ratio:1/1;border-radius:50% 50% 44% 56%/58% 46% 54% 42%;background:var(--paper)} #gpsos-root .b5{border-radius:58% 42% 50% 50%/40% 58% 42% 60%} #gpsos-root .ph-blob{font-size:12px} #gpsos-root .bl-fade{opacity:.7} #gpsos-root .prof{background:var(--band);padding:100px 20px} #gpsos-root .prof-card{background:var(--white);max-width:var(--w);margin:0 auto;padding:90px 140px 80px;border-radius:6px} #gpsos-root .prof-top{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:start} #gpsos-root .prof-ph img{width:100%;aspect-ratio:4/5;object-fit:cover} #gpsos-root .prof-name{font-size:22px;font-weight:700;line-height:1.5;padding-bottom:14px;border-bottom:1px solid var(--ink)} #gpsos-root .prof-name span{font-size:14px} #gpsos-root .prof-role{font-size:14px;font-weight:700;margin:14px 0 10px} #gpsos-root .prof-num{display:flex;gap:26px} #gpsos-root .prof-num dt{font-size:12px;color:var(--gray)} #gpsos-root .prof-num dd{font-size:13px;font-weight:700} #gpsos-root .prof-num dd b{font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-size:34px;color:var(--violet);margin-right:2px} #gpsos-root .prof-body{margin-top:30px;font-size:13px;line-height:2.1} #gpsos-root .prof-list{margin:30px 0 0 36%;font-size:12px} #gpsos-root .prof-list>p{font-weight:700;margin-bottom:6px} #gpsos-root .prof-list li{list-style:none;padding-left:1em;text-indent:-1em} #gpsos-root .prof-list li::before{content:"・"} #gpsos-root .prof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px} #gpsos-root .prof-row figure{position:relative} #gpsos-root .prof-row img{width:100%;aspect-ratio:3/2;object-fit:cover} #gpsos-root .prof-row figcaption{position:absolute;left:8px;bottom:4px;color:var(--white);font-size:12px;font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.6)} #gpsos-root .sec-hd{margin-bottom:44px} #gpsos-root .sec-hd .en{font-size:34px;letter-spacing:.04em;line-height:1.1;color:var(--black)} #gpsos-root .sec-hd h2{font-size:15px;font-weight:700;margin-top:6px;letter-spacing:.14em} #gpsos-root .sec-hd-w .en,#gpsos-root .sec-hd-w h2{color:var(--white)} #gpsos-root .sec-hd-c{text-align:center} #gpsos-root .prog{max-width:var(--w);margin:0 auto;padding:120px 20px 100px} #gpsos-root .prog-cols{display:grid;grid-template-columns:1fr 60px 1fr;gap:0 20px} #gpsos-root .pill{display:inline-block;background:var(--bright);color:var(--white);font-size:13px;letter-spacing:.14em;padding:6px 22px;border-radius:3px;margin-bottom:16px} #gpsos-root .prog-col h3{font-size:24px;font-weight:700;color:var(--bright);line-height:1.4} #gpsos-root .prog-sub{font-size:14px;font-weight:700;color:var(--bright);margin-bottom:14px} #gpsos-root .prog-col>p:not(.pill):not(.prog-sub){font-size:14px;font-weight:700;line-height:2} #gpsos-root .prog-arrow{position:relative} #gpsos-root .prog-arrow::before{content:"";position:absolute;top:28px;left:-40px;right:-20px;height:2px;background:var(--bright)} #gpsos-root .prog-arrow::after{content:"";position:absolute;top:22px;right:-22px;border:7px solid transparent;border-left:12px solid var(--bright)} #gpsos-root .box{margin-top:28px;border:2px solid var(--ink);border-radius:8px;padding:26px 26px 22px} #gpsos-root .box-hd{font-weight:700;font-size:15px;margin-bottom:12px} #gpsos-root .box ul,#gpsos-root .prog-perk ul{list-style:none;font-size:13px;line-height:2.2} #gpsos-root .box li::before,#gpsos-root .prog-perk li::before{content:"・"} #gpsos-root .box-ft{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px} #gpsos-root .box-ft b{color:var(--bright)} #gpsos-root .prog-perk{margin:36px 0 0 calc(50% + 40px);font-size:13px} #gpsos-root .voice{max-width:var(--w);margin:0 auto;padding:60px 20px 120px;text-align:center} #gpsos-root .voice-ttl{font-size:56px;color:var(--gray);font-weight:700;margin-bottom:40px} #gpsos-root .voice-letters{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:50px} #gpsos-root .letter{height:210px;transform:rotate(-2deg)} #gpsos-root .letter:nth-child(2){transform:rotate(1.5deg)} #gpsos-root .letter:nth-child(3){transform:rotate(-.5deg)} #gpsos-root .voice-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} #gpsos-root .vc{background:var(--white);border:1px solid var(--line);box-shadow:0 8px 18px -12px rgba(38,25,58,.3);padding:26px 22px;text-align:left;min-height:170px} #gpsos-root .vc-h{font-weight:700;font-size:15px;text-align:center;margin-bottom:12px;color:var(--violet)} #gpsos-root .voice-note{margin-top:22px;font-size:12px;color:var(--gray)} #gpsos-root .price{background:var(--dark);color:var(--white);padding:130px 20px 110px} #gpsos-root .price-in{max-width:var(--w);margin:0 auto} #gpsos-root .price-lead{font-size:14px;line-height:2.2;margin-bottom:56px} #gpsos-root .price-cards{display:grid;grid-template-columns:1fr 1fr;gap:38px} #gpsos-root .pc{background:var(--white);color:var(--ink);border-radius:6px;padding:40px 60px 50px;text-align:center} #gpsos-root .pc-ic{width:56px;margin:0 auto 8px} #gpsos-root .pc-en{font-size:24px;letter-spacing:.1em;color:var(--bright);line-height:1.2} #gpsos-root .pc-ja{font-size:13px;font-weight:700;color:var(--bright);margin-bottom:18px} #gpsos-root .pc-chips{display:flex;gap:8px;justify-content:center;margin-bottom:22px} #gpsos-root .pc-chips span{background:#eeeaf1;font-size:12px;font-weight:700;padding:6px 14px} #gpsos-root .pc-tb{margin:0 auto 22px;border-collapse:collapse} #gpsos-root .pc-tb th{font-size:13px;padding:4px 18px 4px 0;text-align:left} #gpsos-root .pc-tb td{font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:24px;text-align:left} #gpsos-root .pc-tb .sm,#gpsos-root .pc-big .sm{font-family:"Hira",sans-serif;font-size:12px;font-weight:700} #gpsos-root .pc-big{font-size:14px;font-weight:700;line-height:1.5;margin-bottom:22px} #gpsos-root .pc-big b{font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-size:34px} #gpsos-root .pc-ul{list-style:none;text-align:left;display:inline-block;font-size:13px;line-height:2.1} #gpsos-root .pc-ul li::before{content:"・"} #gpsos-root .price-note{margin-top:40px;font-size:12px;line-height:2;opacity:.85} #gpsos-root .sched{max-width:var(--w);margin:0 auto;padding:120px 20px 110px} #gpsos-root .sched-top{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:start} #gpsos-root .sched-l p{font-size:14px;font-weight:700;line-height:2.1} #gpsos-root .tb-cap{font-weight:700;color:var(--bright);font-size:14px;margin-bottom:8px} #gpsos-root .tt{width:100%;border-collapse:collapse;border:2px solid var(--bright);background:var(--white)} #gpsos-root .tt th,#gpsos-root .tt td{border:1px solid var(--line);text-align:center;padding:12px 6px;font-size:13px} #gpsos-root .tt thead th{background:var(--bright);color:var(--white);font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.1} #gpsos-root .tt thead .sm{display:block;font-family:"Hira",sans-serif;font-size:12px} #gpsos-root .tt tbody th{font-size:12px;white-space:nowrap} #gpsos-root .tt td{font-size:20px;color:var(--ink)} #gpsos-root .tb-note{font-size:12px;margin-top:8px} #gpsos-root .apply{margin-top:90px} #gpsos-root .steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px} #gpsos-root .steps li{position:relative;border:2px solid var(--ink);border-radius:6px;padding:34px 14px 22px;text-align:center;font-weight:700;font-size:14px;line-height:1.7;background:var(--white)} #gpsos-root .steps .sm{font-size:12px;font-weight:400} #gpsos-root .st{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--black);color:var(--white);font-size:12px;letter-spacing:.12em;padding:4px 20px;border-radius:4px} #gpsos-root .cta-row{display:flex;gap:18px;justify-content:center;margin-top:56px;flex-wrap:wrap} #gpsos-root .btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:300px;padding:16px 26px;text-decoration:none;font-weight:700;font-size:15px;border-radius:4px;line-height:1.4;transition:background .3s} #gpsos-root .btn .sm{font-size:12px;font-weight:400;margin-top:4px} #gpsos-root .btn-main{background:var(--bright);color:var(--white)} #gpsos-root .btn-main:hover{background:var(--violet)} #gpsos-root .ph-btn{outline:2px dashed var(--red);outline-offset:4px} #gpsos-root .btn-sub{background:var(--white);color:var(--bright);border:2px solid var(--bright)} #gpsos-root .btn-sub:hover{background:#f1ebfa} #gpsos-root .cta-tel{text-align:center;margin-top:18px;font-size:12px} #gpsos-root .btn-ghost{background:var(--white);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);min-width:360px;margin:40px auto 0;display:flex;width:fit-content} #gpsos-root .gal{max-width:var(--w);margin:0 auto;padding:40px 20px 120px;position:relative} #gpsos-root .gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} #gpsos-root .gal-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px} #gpsos-root .wide-note-dk{position:static;text-align:right;color:var(--gray);text-shadow:none;margin-top:8px;font-size:12px} #gpsos-root .perk{background:var(--dark);padding:60px 20px 130px} #gpsos-root .perk-hd{display:flex;align-items:center;justify-content:center;gap:34px;margin-bottom:22px} #gpsos-root .perk-badge{width:150px;height:150px;border-radius:50%;background:var(--white);color:var(--bright);display:flex;align-items:center;justify-content:center;text-align:center;font-size:24px;line-height:1.15;letter-spacing:.06em} #gpsos-root .perk-lead{color:var(--white);font-size:30px;font-weight:700;line-height:1.5} #gpsos-root .perk-card{background:var(--white);max-width:var(--w);margin:0 auto;border-radius:10px;padding:60px 110px} #gpsos-root .perk-top{display:grid;grid-template-columns:1fr 1.3fr;gap:44px;align-items:center} #gpsos-root .perk-top img{border-radius:14px;aspect-ratio:4/3;object-fit:cover} #gpsos-root .perk-cmp{display:flex;align-items:flex-end;gap:22px} #gpsos-root .perk-cmp .lb{display:inline-block;background:var(--ink);color:var(--white);font-size:12px;font-weight:700;padding:2px 14px;border-radius:20px;margin-bottom:6px} #gpsos-root .perk-new .lb{background:var(--bright)} #gpsos-root .perk-old s{display:block;font-size:22px;font-weight:700;text-decoration-color:var(--bright);text-decoration-thickness:3px} #gpsos-root .perk-ar{width:0;height:0;border:8px solid transparent;border-left:10px solid var(--ink);margin-bottom:18px} #gpsos-root .perk-new b{display:block;font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-size:96px;line-height:.95;color:var(--bright)} #gpsos-root .perk-new .sm{font-size:12px;font-weight:700} #gpsos-root .perk-msg{text-align:center;margin-top:40px;font-size:20px;font-weight:700;color:var(--bright)} #gpsos-root .perk-sub{text-align:center;font-size:13px;margin-top:10px;line-height:2} #gpsos-root .place{max-width:var(--w);margin:0 auto;padding:130px 20px 40px} #gpsos-root .place .sec-hd{margin-bottom:14px} #gpsos-root .tabs{display:flex;gap:10px;margin-bottom:16px} #gpsos-root .tabs span{font-size:12px;font-weight:700;padding:6px 18px;background:#e7e2ec;color:var(--gray)} #gpsos-root .tabs .on{background:var(--ink);color:var(--white)} #gpsos-root .ph-place{height:560px} #gpsos-root .place-th{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px} #gpsos-root .place-th img{width:100%;aspect-ratio:1/1;object-fit:cover} #gpsos-root .circ{max-width:var(--w);margin:0 auto;padding:110px 20px 60px} #gpsos-root .circ-grid{display:grid;grid-template-columns:repeat(4,150px);justify-content:center;gap:34px 56px} #gpsos-root .c{width:150px;height:150px;border-radius:50%;background:var(--white);box-shadow:0 10px 20px -14px rgba(38,25,58,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;font-size:13px;font-weight:700;line-height:1.35} #gpsos-root .c img{width:54px;height:54px;object-fit:contain} #gpsos-root .c i{font-style:normal;font-family:"GT America Compressed","GT America Y","Helvetica Neue",Arial,sans-serif;font-size:64px;line-height:.9;color:var(--violet)} #gpsos-root .c1{grid-column:2} #gpsos-root .c2{grid-column:3} #gpsos-root .c3{grid-column:4} #gpsos-root .c4{grid-column:1} #gpsos-root .c5{grid-column:2} #gpsos-root .c6{grid-column:3} #gpsos-root .c7{grid-column:4} #gpsos-root .c-empty{visibility:hidden} #gpsos-root .c1,#gpsos-root .c6,#gpsos-root .c10{background:#efe6f7} #gpsos-root .c3,#gpsos-root .c8{background:#f3edf9} #gpsos-root .c4,#gpsos-root .c11{background:#e9ddf4} #gpsos-root .acc{max-width:var(--w);margin:0 auto;padding:90px 20px 60px} #gpsos-root .acc-in{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;margin-top:30px} #gpsos-root .acc-name{font-size:18px;font-weight:700;line-height:1.5;margin-bottom:12px} #gpsos-root .acc-name .sm{font-size:13px} #gpsos-root .acc-tx p{font-size:14px} #gpsos-root .acc-sm{font-size:12px!important;margin-top:14px} #gpsos-root .acc-link{display:inline-block;margin-top:18px;color:var(--ink);font-size:13px} #gpsos-root .acc-link::after{content:" ↗"} #gpsos-root .acc-map{height:380px} #gpsos-root .qa{max-width:var(--w);margin:0 auto;padding:90px 20px 120px} #gpsos-root .qa-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 46px} #gpsos-root .qa details{border-bottom:1px solid #bdb5c6;padding:18px 0} #gpsos-root .qa summary{list-style:none;cursor:pointer;font-weight:700;font-size:14px;position:relative;padding:0 26px 0 28px;line-height:1.6} #gpsos-root .qa summary::-webkit-details-marker{display:none} #gpsos-root .qa summary::before{content:"Q";position:absolute;left:0;top:-2px;font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-size:19px;color:var(--bright)} #gpsos-root .qa summary::after{content:"";position:absolute;right:6px;top:7px;width:7px;height:7px;border-right:1.5px solid var(--gray);border-bottom:1.5px solid var(--gray);transform:rotate(-45deg);transition:.3s} #gpsos-root .qa details[open] summary::after{transform:rotate(45deg)} #gpsos-root .qa details p{font-size:13px;padding:10px 0 0 28px;line-height:1.9} #gpsos-root .fx{position:fixed;left:50%;bottom:18px;transform:translate(-50%,160%);z-index:25;display:flex;align-items:center;gap:22px;background:rgba(38,25,58,.95);color:var(--white);padding:10px 12px 10px 26px;border-radius:50px;transition:transform .45s;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)} #gpsos-root .fx.show{transform:translate(-50%,0)} #gpsos-root .fx-t{font-size:13px;font-weight:700;line-height:1.3} #gpsos-root .fx-t .sm{display:block;font-size:12px;font-weight:400;opacity:.85} #gpsos-root .fx-b{background:var(--bright);color:var(--white);text-decoration:none;font-weight:700;font-size:13px;padding:10px 22px;border-radius:40px;white-space:nowrap} @media (prefers-reduced-motion:reduce){} @container gpsos (max-width:768px){#gpsos-root .gpsos{font-size:14px}#gpsos-root .fv{height:640px}#gpsos-root .fv-ph{object-position:72% 50%}#gpsos-root .fv::before{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 40%,rgba(255,255,255,0) 64%)}#gpsos-root .fv-in{left:16px;right:16px;top:90px;transform:none}#gpsos-root .fv-en{font-size:12px;margin-bottom:12px}#gpsos-root .fv-ttl span{font-size:40px}#gpsos-root .fv-ttl .fv-yr{font-size:84px;margin-top:6px}#gpsos-root .fv-sub{font-size:12px;margin-top:14px;letter-spacing:.04em}#gpsos-root .intro{padding:100px 16px 80px}#gpsos-root .intro-ttl{padding:0 34px}#gpsos-root .intro-ttl h2{font-size:30px}#gpsos-root .dd-l{height:60px;bottom:-10px}#gpsos-root .dd-r{height:52px;top:-28px}#gpsos-root .intro-tx{font-size:13px;line-height:2.1;text-align:left}#gpsos-root .intro-tx br,#gpsos-root .th-tx p br,#gpsos-root .bl-tx p br,#gpsos-root .price-lead br,#gpsos-root .perk-sub br{display:none}#gpsos-root .intro-tx2{margin-top:44px}#gpsos-root .things{padding:20px 16px 60px}#gpsos-root .th{grid-template-columns:1fr;gap:26px;margin-bottom:70px}#gpsos-root .th-l .th-fig{order:0}#gpsos-root .th-tx h3{font-size:30px;margin-bottom:12px}#gpsos-root .th-tx p{font-size:13px}#gpsos-root .th-prints{height:300px}#gpsos-root .pr2{top:80px}#gpsos-root .th-cal .cal{padding:20px 16px}#gpsos-root .cal li{grid-template-columns:44px 1fr;gap:2px 8px}#gpsos-root .cal li .e{grid-column:2}#gpsos-root .wide{height:520px}#gpsos-root .wide-ttl{left:16px;top:40px;font-size:34px}#gpsos-root .wide-note{bottom:70px;right:12px;left:12px;font-size:12px}#gpsos-root .wave{height:60px}#gpsos-root .blobs{padding:30px 16px 60px}#gpsos-root .bl{grid-template-columns:1fr;gap:18px;margin-bottom:60px}#gpsos-root .bl-l .bl-tx{order:-1}#gpsos-root .bl-tx{padding-left:0}#gpsos-root .bl-tx h3{font-size:30px;margin-bottom:12px}#gpsos-root .bl-tx p{font-size:13px}#gpsos-root .bl-fig{width:86%;margin:0 auto}#gpsos-root .bl-duo{margin-bottom:34px}#gpsos-root .b4s{left:-4%;bottom:-30px;width:40%}#gpsos-root .prof{padding:50px 12px}#gpsos-root .prof-card{padding:36px 20px}#gpsos-root .prof-top{grid-template-columns:1fr;gap:20px}#gpsos-root .prof-ph{width:60%}#gpsos-root .prof-num{gap:16px}#gpsos-root .prof-num dd b{font-size:26px}#gpsos-root .prof-list{margin-left:0}#gpsos-root .sec-hd{margin-bottom:28px}#gpsos-root .sec-hd .en{font-size:26px}#gpsos-root .prog{padding:70px 16px 60px}#gpsos-root .prog-cols{grid-template-columns:1fr;gap:0}#gpsos-root .prog-arrow{height:60px}#gpsos-root .prog-arrow::before{left:50%;right:auto;top:10px;width:2px;height:36px}#gpsos-root .prog-arrow::after{left:calc(50% - 6px);right:auto;top:44px;border:7px solid transparent;border-top:12px solid var(--bright);border-left-color:transparent}#gpsos-root .prog-col h3{font-size:20px}#gpsos-root .box{padding:20px 16px}#gpsos-root .prog-perk{margin:30px 0 0}#gpsos-root .voice{padding:40px 16px 60px}#gpsos-root .voice-ttl{font-size:32px}#gpsos-root .voice-letters,#gpsos-root .voice-cards{grid-template-columns:1fr;gap:16px}#gpsos-root .letter{height:150px}#gpsos-root .vc{min-height:0}#gpsos-root .price{padding:70px 16px}#gpsos-root .price-lead{font-size:13px;margin-bottom:30px}#gpsos-root .price-cards{grid-template-columns:1fr;gap:20px}#gpsos-root .pc{padding:30px 18px 34px}#gpsos-root .sched{padding:70px 16px}#gpsos-root .sched-top{grid-template-columns:1fr;gap:24px}#gpsos-root .tt th,#gpsos-root .tt td{padding:9px 2px}#gpsos-root .tt thead th{font-size:15px}#gpsos-root .tt td{font-size:16px}#gpsos-root .tt tbody th{font-size:12px}#gpsos-root .apply{margin-top:60px}#gpsos-root .steps{grid-template-columns:1fr;gap:26px}#gpsos-root .btn{min-width:0;width:100%}#gpsos-root .btn-ghost{min-width:0;width:100%}#gpsos-root .gal{padding:20px 16px 60px}#gpsos-root .gal-grid{grid-template-columns:repeat(2,1fr);gap:8px}#gpsos-root .perk{padding:40px 12px 70px}#gpsos-root .perk-hd{gap:16px}#gpsos-root .perk-badge{width:96px;height:96px;font-size:16px;flex:none}#gpsos-root .perk-lead{font-size:20px}#gpsos-root .perk-card{padding:30px 18px}#gpsos-root .perk-top{grid-template-columns:1fr;gap:24px}#gpsos-root .perk-cmp{justify-content:center;gap:14px}#gpsos-root .perk-old s{font-size:15px}#gpsos-root .perk-new b{font-size:64px}#gpsos-root .perk-msg{font-size:16px;margin-top:24px}#gpsos-root .place{padding:70px 16px 20px}#gpsos-root .ph-place{height:260px}#gpsos-root .circ{padding:60px 16px 30px}#gpsos-root .circ-grid{grid-template-columns:repeat(3,96px);gap:16px 14px}#gpsos-root .c{width:96px;height:96px;font-size:12px}#gpsos-root .c img{width:32px;height:32px}#gpsos-root .c i{font-size:40px}#gpsos-root .c1,#gpsos-root .c2,#gpsos-root .c3,#gpsos-root .c4,#gpsos-root .c5,#gpsos-root .c6,#gpsos-root .c7{grid-column:auto}#gpsos-root .c-empty{display:none}#gpsos-root .acc{padding:60px 16px 30px}#gpsos-root .acc-in{grid-template-columns:1fr;gap:20px}#gpsos-root .acc-map{height:240px}#gpsos-root .qa{padding:60px 16px 70px}#gpsos-root .qa-cols{grid-template-columns:1fr}} @media (max-width:768px){#gpsos-root .fx{left:10px;right:10px;transform:translateY(160%);gap:10px;padding:8px 8px 8px 16px;border-radius:14px}#gpsos-root .fx.show{transform:none}#gpsos-root .fx-t{font-size:12px}#gpsos-root .fx-b{font-size:12px;padding:10px 14px}} #gpsos-root .fv-ttl .fv-ttl2{font-size:58px;margin-top:4px} #gpsos-root .fv-ttl .fv-yr{font-size:190px} #gpsos-root .fv-facts{margin-top:30px;border-top:1px solid rgba(25,29,31,.18);max-width:470px} #gpsos-root .fv-facts div{display:grid;grid-template-columns:52px 1fr;padding:9px 0;border-bottom:1px solid rgba(25,29,31,.18);font-size:14px;font-weight:700} #gpsos-root .fv-facts dt{color:var(--gray);font-weight:400;font-size:12px} #gpsos-root .fv-btn{margin-top:26px;border-radius:999px;min-width:340px;box-shadow:0 12px 24px -12px rgba(123,71,210,.9)} #gpsos-root .fv::before{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.9) 36%,rgba(255,255,255,0) 60%)} #gpsos-root .rsv{background:var(--white)} #gpsos-root .walk{position:relative;max-width:1200px;margin:0 auto} #gpsos-root .walk img{width:100%;height:440px;object-fit:cover;object-position:50% 88%} #gpsos-root .walk-h{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);padding:12px 34px 14px;border-radius:999px;text-align:center;white-space:nowrap;box-shadow:0 6px 20px -8px rgba(38,25,58,.35)} #gpsos-root .walk-h .en{display:block;font-size:12px;letter-spacing:.3em;color:var(--bright)} #gpsos-root .walk-h b{font-size:22px} #gpsos-root .rsv .rsv-in{padding-top:60px} #gpsos-root .rsv-in{max-width:var(--w);margin:0 auto;padding:110px 20px 100px} #gpsos-root .q{margin-bottom:40px} #gpsos-root .q-h{font-size:15px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:10px} #gpsos-root .q-h b{font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-size:13px;color:#fff;background:var(--bright);border-radius:50%;width:26px;height:26px;flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center} #gpsos-root .opt{font-weight:400;font-size:12px;color:var(--gray)} #gpsos-root .qnote{font-size:12px;color:#555;line-height:1.8;margin-top:12px} #gpsos-root .qnote-c{text-align:center;margin-top:24px} #gpsos-root .days{display:flex;flex-wrap:wrap;gap:8px} #gpsos-root .mon{width:100%;font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-size:12px;letter-spacing:.2em;color:var(--gray);padding:10px 0 2px} #gpsos-root .day{width:64px;height:72px;border:1px solid var(--line);background:var(--paper);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:inherit;cursor:pointer;color:var(--ink)} #gpsos-root .day b{font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:20px;line-height:1.1} #gpsos-root .day .sm{font-size:12px} #gpsos-root .day.sun .sm{color:var(--red)} #gpsos-root .day:disabled{background:transparent;color:#c4bccc;cursor:default;border-style:dashed} #gpsos-root .day.on{background:var(--bright);border-color:var(--bright);color:#fff} #gpsos-root .day.on .sm{color:#fff} #gpsos-root .times{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} #gpsos-root .hint{grid-column:1/-1;font-size:13px;color:var(--gray)} #gpsos-root .time{height:54px;border:1px solid var(--line);background:var(--paper);border-radius:16px;font:inherit;font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-size:18px;cursor:pointer;color:var(--ink)} #gpsos-root .time:disabled{color:#c4bccc;text-decoration:line-through;cursor:default} #gpsos-root .time.on{background:var(--bright);border-color:var(--bright);color:#fff} #gpsos-root .sel{width:100%;max-width:480px;height:52px;font:inherit;font-size:14px;padding:0 14px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink)} #gpsos-root .btn-go{display:flex;margin:10px auto 0;max-width:420px;border-radius:999px} #gpsos-root .btn[aria-disabled="true"]{background:#d9d2e2;pointer-events:none} #gpsos-root .picked{text-align:center;font-size:12px;color:var(--bright);min-height:1.8em;margin-top:12px} #gpsos-root .trio{display:flex;justify-content:center;align-items:flex-end;padding:10px 0} #gpsos-root .trio img{width:36%;margin:0 -3%;filter:drop-shadow(0 18px 16px rgba(38,25,58,.25))} #gpsos-root .trio img:nth-child(2){width:41%;position:relative;z-index:2} #gpsos-root .perk-new b{font-size:120px} #gpsos-root .perk-sub{margin-top:6px} #gpsos-root .cta-row .btn{border-radius:999px} @container gpsos (max-width:768px){#gpsos-root .fv{height:auto}#gpsos-root .fv::before{display:none}#gpsos-root .fv-ph{position:static;height:250px;object-position:40% 60%}#gpsos-root .fv-in{position:static;transform:none;padding:22px 20px 34px}#gpsos-root .fv-en{font-size:12px;margin-bottom:8px}#gpsos-root .fv-ttl span{font-size:30px}#gpsos-root .fv-ttl .fv-yr{font-size:96px;margin-top:2px}#gpsos-root .fv-ttl .fv-ttl2{font-size:28px}#gpsos-root .fv-facts{margin-top:18px}#gpsos-root .fv-facts div{grid-template-columns:44px 1fr;font-size:12.5px;padding:7px 0}#gpsos-root .fv-btn{min-width:0;width:100%;margin-top:18px}#gpsos-root .rsv-in{padding:64px 16px 70px}#gpsos-root .rsv .rsv-in{padding-top:40px}#gpsos-root .walk img{height:200px}#gpsos-root .walk-h{padding:8px 22px 10px}#gpsos-root .walk-h b{font-size:17px}#gpsos-root .days{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:4px 16px 12px}#gpsos-root .days::-webkit-scrollbar{display:none}#gpsos-root .mon{width:auto;flex:none;align-self:center;writing-mode:vertical-rl;padding:0 2px}#gpsos-root .day{flex:none}#gpsos-root .times{grid-template-columns:1fr 1fr}#gpsos-root .perk-new b{font-size:80px}} #gpsos-root .sp{display:none} #gpsos-root .fv-name{font-size:15px;font-weight:700;letter-spacing:.1em;color:var(--violet);margin-bottom:18px;line-height:1.6} #gpsos-root .fv-ss{display:block;font-size:12px;font-weight:400;color:var(--gray);line-height:1.6} #gpsos-root .fv-tel{display:block;margin-top:12px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:.06em} #gpsos-root .qnote-other{color:var(--bright)} #gpsos-root .chips{display:flex;flex-wrap:wrap;gap:8px} #gpsos-root .chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:10px 18px;font:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;line-height:1.4} #gpsos-root .chip.on{background:var(--bright);border-color:var(--bright);color:#fff} #gpsos-root .rsv-rule{margin:26px auto 0;max-width:620px;background:var(--paper);border-radius:16px;padding:16px 20px;font-size:12px;line-height:1.9;color:#444} #gpsos-root .rsv-rule b{color:var(--ink)} #gpsos-root .models{margin-top:14px;font-size:12px} #gpsos-root .models summary{cursor:pointer;color:var(--bright);font-weight:700} #gpsos-root .models p{font-size:12px!important;font-weight:400!important;line-height:1.9!important;margin-top:8px;color:var(--ink)} #gpsos-root .fig-tag{position:absolute;left:8px;top:8px} #gpsos-root .perk-ph{aspect-ratio:4/3;border-radius:14px} #gpsos-root .circ-grid{grid-template-columns:repeat(4,150px)} #gpsos-root .st-ic{width:52px;height:52px;object-fit:contain;margin:0 auto 6px} #gpsos-root .flow-note{text-align:center;font-size:13px;font-weight:700;margin-top:22px} @container gpsos (max-width:768px){#gpsos-root .sp{display:inline}#gpsos-root .fv-name{font-size:12px;margin-bottom:10px}#gpsos-root .chip{padding:9px 14px;font-size:12.5px}#gpsos-root .rsv-rule{padding:14px 16px}#gpsos-root .circ-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}} #gpsos-root .qnote-other.on{font-weight:700;background:var(--band);padding:8px 12px;border-radius:10px} #gpsos-root .fv-lead{margin-top:18px;display:inline-block;font-size:17px;font-weight:700;color:var(--violet);line-height:1.6;border-bottom:2px solid var(--light);padding-bottom:2px} @container gpsos (max-width:768px){#gpsos-root .fv-lead{font-size:14.5px;margin-top:12px}} #gpsos-root .intro-f{background:url("p10_wave_calm006.jpg") 40% 50%/cover no-repeat;padding:90px 20px} #gpsos-root .if-frame{position:relative;max-width:820px;margin:0 auto;background:#fff;padding:72px 60px 56px;text-align:center} #gpsos-root .if-frame::before{content:"";position:absolute;inset:12px;border:1px solid var(--line);pointer-events:none} #gpsos-root .if-en{font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.3em;color:var(--bright)} #gpsos-root .if-frame h2{font-size:52px;line-height:1.3;font-weight:700;color:var(--black);margin-top:14px} #gpsos-root .if-tx{margin:30px auto 0;font-size:15px;line-height:2.3;font-weight:700} #gpsos-root .if-pf{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;align-items:end} #gpsos-root .if-pf figure{margin:0} #gpsos-root .if-pf img{width:100%;aspect-ratio:5/4;object-fit:contain} #gpsos-root .if-pf figcaption{font-size:12px;color:var(--gray);margin-top:4px} #gpsos-root .if-pf figcaption b{display:block;font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-size:20px;color:var(--ink);letter-spacing:.06em} #gpsos-root .if-more{margin-top:18px;font-size:14px;font-weight:700;color:var(--violet)} @container gpsos (max-width:768px){#gpsos-root .intro-f{padding:44px 16px}#gpsos-root .if-frame{padding:44px 20px 34px}#gpsos-root .if-frame::before{inset:8px}#gpsos-root .if-frame h2{font-size:29px}#gpsos-root .if-tx{font-size:13px;line-height:2.1;margin-top:20px}#gpsos-root .if-tx br{display:none}#gpsos-root .if-pf{gap:12px;margin-top:26px}#gpsos-root .if-pf figcaption b{font-size:16px}#gpsos-root .if-pf figcaption{font-size:12px}#gpsos-root .if-more{font-size:12.5px}} #gpsos-root .intro-r{padding:0 0 110px} #gpsos-root .ir-ph{position:relative;aspect-ratio:2560/1707;max-height:860px;width:100%;background:url("p10_rim.jpg") 50% 50%/cover no-repeat} #gpsos-root .ir-ph::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 24% 22% at 27.5% 56%,rgba(255,255,255,.9) 0,rgba(255,255,255,.75) 55%,rgba(255,255,255,0) 100%)} #gpsos-root .ir-in{position:absolute;left:27.5%;top:56%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap} #gpsos-root .ir-en{font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.3em;color:var(--bright)} #gpsos-root .ir-in h2{font-size:clamp(28px,3.3cqw,48px);line-height:1.3;font-weight:700;color:var(--black);margin-top:10px} #gpsos-root .ir-tx{margin:56px auto 0;padding:0 20px;font-size:15px;line-height:2.4;font-weight:700;text-align:center} @container gpsos (max-width:768px){#gpsos-root .intro-r{padding-bottom:64px}#gpsos-root .ir-ph{aspect-ratio:auto;height:340px;background-size:auto 150%;background-position:9% 58%}#gpsos-root .ir-ph::before{background:radial-gradient(ellipse 48% 30% at 50% 54%,rgba(255,255,255,.9) 0,rgba(255,255,255,.75) 55%,rgba(255,255,255,0) 100%)}#gpsos-root .ir-in{left:50%;top:54%}#gpsos-root .ir-en{font-size:12px}#gpsos-root .ir-in h2{font-size:25px}#gpsos-root .ir-tx{font-size:13px;line-height:2.1;margin-top:32px;text-align:left}#gpsos-root .ir-tx br{display:none}} #gpsos-root .trio2{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:18px;align-items:end;padding:10px 0 4px} #gpsos-root .trio2 figure{position:relative;margin:0;text-align:center} #gpsos-root .trio2 img{position:relative;z-index:1;width:100%;height:auto} #gpsos-root .trio2 figure::before{display:none;content:"";position:absolute;left:4%;right:4%;bottom:22px;height:20px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(25,20,35,.38) 0,rgba(25,20,35,.14) 45%,rgba(25,20,35,0) 72%);z-index:0} #gpsos-root .trio2 figcaption{font-family:"GT America Y","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;color:var(--gray);margin-top:10px;line-height:1.2} #gpsos-root .trio2 .mid figcaption{color:var(--violet);font-size:14px} @container gpsos (max-width:768px){#gpsos-root .trio2{gap:8px}#gpsos-root .trio2 figcaption{font-size:12px;margin-top:6px}#gpsos-root .trio2 .mid figcaption{font-size:12px}#gpsos-root .trio2 figure::before{bottom:16px;height:12px}} #gpsos-root .th-tx h3{color:var(--black)} #gpsos-root .trio2 figcaption{color:var(--ink)} #gpsos-root .th-top img{object-fit:contain;background:#fff} #gpsos-root .th-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:-20px} #gpsos-root .th-card{background:#fff;border-radius:22px;padding:44px 44px 40px;box-shadow:0 20px 40px -28px rgba(38,25,58,.35)} #gpsos-root .th-card h3{font-size:36px;line-height:1.3;font-weight:700;color:var(--black);margin-bottom:18px} #gpsos-root .th-card p{font-size:14px;font-weight:700;line-height:2.1} @container gpsos (max-width:768px){#gpsos-root .th-pair{grid-template-columns:1fr;gap:16px;margin-top:0}#gpsos-root .th-card{padding:28px 22px 26px;border-radius:18px}#gpsos-root .th-card h3{font-size:26px;margin-bottom:12px}#gpsos-root .th-card p{font-size:13px}} #gpsos-root .th-full{width:100cqw;margin:0 0 110px calc(50% - 50cqw)} #gpsos-root .tf-ph{position:relative;aspect-ratio:1600/1067;max-height:860px;width:100%;background:url("p10_salon_full.jpg") 50% 50%/cover no-repeat} #gpsos-root .tf-ph::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 26% 24% at 30% 20%,rgba(255,255,255,.88) 0,rgba(255,255,255,.7) 55%,rgba(255,255,255,0) 100%)} #gpsos-root .tf-in{position:absolute;left:30%;top:20%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap} #gpsos-root .tf-in .th-new{margin-bottom:10px} #gpsos-root .tf-in h3{font-size:clamp(28px,3.4cqw,52px);line-height:1.25;font-weight:700;color:var(--black)} #gpsos-root .tf-tx{max-width:820px;margin:44px auto 0;padding:0 20px;text-align:center} #gpsos-root .tf-tx p{font-size:15px;font-weight:700;line-height:2.2} #gpsos-root .tf-tx .models{display:inline-block;text-align:left;margin-top:12px} #gpsos-root .tf-tx .note{font-weight:400;font-size:12px;color:var(--gray);margin-top:8px} @container gpsos (max-width:768px){#gpsos-root .th-full{margin-bottom:64px}#gpsos-root .tf-ph{aspect-ratio:auto;height:340px;background-size:auto 128%;background-position:18% 0}#gpsos-root .tf-ph::before{background:radial-gradient(ellipse 50% 30% at 50% 26%,rgba(255,255,255,.88) 0,rgba(255,255,255,.7) 55%,rgba(255,255,255,0) 100%)}#gpsos-root .tf-in{left:50%;top:26%}#gpsos-root .tf-in h3{font-size:26px}#gpsos-root .tf-tx{margin-top:28px;text-align:left}#gpsos-root .tf-tx p{font-size:13px;line-height:2.1}#gpsos-root .tf-tx p br{display:none}} #gpsos-root .fv-ttl .fv-num{display:flex;align-items:baseline;gap:.06em;font-size:inherit} #gpsos-root .fv-ttl .fv-num .fv-dai{display:inline;font-size:58px;color:var(--black)} @container gpsos (max-width:768px){#gpsos-root .fv-ttl .fv-num .fv-dai{font-size:28px}} #gpsos-root .gpsos{word-break:keep-all;overflow-wrap:anywhere;line-break:strict} #gpsos-root p,#gpsos-root li,#gpsos-root dd,#gpsos-root summary,#gpsos-root figcaption{text-wrap:pretty} #gpsos-root a[href^="tel:"],#gpsos-root .nw{white-space:nowrap} #gpsos-root .philo{display:flex;flex-direction:column;gap:2px;margin-top:22px;padding:14px 20px;border:1px solid var(--line);border-radius:12px;background:var(--white);text-decoration:none;max-width:420px} #gpsos-root .philo span{font-size:12px;color:#5a5f66;font-weight:700} #gpsos-root .philo b{font-size:15px;color:var(--bright)} #gpsos-root .philo:hover{border-color:var(--bright)} #gpsos-root .ptna{margin-top:18px;background:var(--paper);border-radius:16px;padding:22px 22px 18px} #gpsos-root .ptna .ptna-badge{margin-bottom:10px} #gpsos-root .ptna-lb{font-size:13px;font-weight:700;color:var(--ink);line-height:1.7} #gpsos-root .ptna-ttl{font-size:20px;font-weight:700;line-height:1.5;margin-top:8px;color:var(--black)} #gpsos-root .ptna-sub{font-size:13px;font-weight:700;color:#5a5f66;margin-top:4px} #gpsos-root .ptna-dl{margin-top:14px;border-top:1px solid var(--line)} #gpsos-root .ptna-dl div{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.7} #gpsos-root .ptna-dl dt{flex:0 0 4em;color:#5a5f66;font-weight:700} #gpsos-root .ptna-dl dd{font-weight:700;color:var(--ink)} #gpsos-root .ptna .ptna-btn{margin-top:16px;width:100%;min-width:0;border-radius:999px;background:var(--white);color:var(--bright)!important;border:2px solid var(--bright);padding:12px 20px;font-size:14px} #gpsos-root .ptna .ptna-btn:hover{background:var(--bright);color:var(--white)!important} #gpsos-root .ptna-note{font-size:12px;color:#5a5f66;margin-top:10px;line-height:1.7} #gpsos-root .ptna .tag-kakunin{margin-top:8px} #gpsos-root .ptna.is-past{display:none} #gpsos-root .fv-lead,#gpsos-root .perk-msg,#gpsos-root .qnote-other,#gpsos-root .picked{color:var(--ink)} #gpsos-root .sm{font-size:inherit} #gpsos-root .ptna .ptna-btn{text-align:center} #gpsos-root .bye-cut{width:40% !important;max-width:240px;height:auto;display:block;margin:40px auto 0 32%} #gpsos-root .perk-new b{font-size:72px} #gpsos-root .perk-new b .yen{font-size:.4em;margin-left:.08em;font-family:inherit} @container gpsos (max-width:768px){#gpsos-root .perk-new b{font-size:56px}} #gpsos-root .rsv-in > .ptna{max-width:620px;margin:22px auto 0} #gpsos-root .ptna-pt a{color:var(--bright);font-weight:700} #gpsos-root .ptna-pt.is-past{display:none} #gpsos-root .bs{display:none} @container gpsos (max-width:768px){#gpsos-root .bs{display:inline}#gpsos-root .ir-tx br,#gpsos-root .th-tx p br,#gpsos-root .bl-tx p br,#gpsos-root .tf-tx p br{display:inline}} #gpsos-root .perk-bag{margin:0;text-align:center} #gpsos-root .perk-card .perk-top .perk-bag img{width:100%;max-width:300px;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:14px;margin:0 auto;display:block} #gpsos-root .perk-top.perk-duo{display:flex;align-items:center;justify-content:center;gap:48px} #gpsos-root .perk-duo .perk-cmp{flex:none;justify-content:center;text-align:center} #gpsos-root .perk-duo .perk-new b{font-size:120px} #gpsos-root .perk-duo .perk-cmp .lb{font-size:15px;padding:3px 18px} #gpsos-root .perk-duo .perk-new .sm{font-size:14px} #gpsos-root .perk-duo .perk-bag{flex:1 1 0;min-width:0;max-width:300px} #gpsos-root .perk-bag-msg{font-size:15px;font-weight:700;line-height:1.7;color:var(--ink);margin-top:8px} #gpsos-root .perk-bag-note{font-size:11px;color:#555;margin-top:4px} @container gpsos (max-width:768px){#gpsos-root .perk-top.perk-duo{gap:12px}#gpsos-root .perk-duo .perk-cmp .lb{font-size:12px;padding:2px 12px}#gpsos-root .perk-duo .perk-new b{font-size:68px}#gpsos-root .perk-duo .perk-new .sm{font-size:10px}#gpsos-root .perk-duo .perk-bag{flex:1 1 0;min-width:0}#gpsos-root .perk-bag-msg{font-size:12px;line-height:1.6}#gpsos-root .perk-bag-msg br{display:none}} #gpsos-root .fv-rule{margin-top:14px;max-width:470px;font-size:12px;line-height:1.8;font-weight:700;color:var(--ink);background:rgba(255,255,255,.85);border-left:3px solid var(--bright);padding:8px 12px} #gpsos-root .qnote-other{display:none;margin-top:12px} #gpsos-root .qnote-other.on{display:block;background:none;padding:0;font-weight:400} #gpsos-root .qnote-other label{display:block;font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px} #gpsos-root .sel-tx{-webkit-appearance:none;appearance:none} #gpsos-root .trio2{grid-template-columns:1.3fr 1fr 1fr} @container gpsos (max-width:768px){#gpsos-root .days .mon{writing-mode:horizontal-tb;width:52px;flex:none;position:sticky;left:0;z-index:2;align-self:stretch;display:flex;align-items:center;justify-content:center;background:var(--white);color:var(--violet);font-weight:700;font-size:13px;letter-spacing:.1em;padding:0 8px 0 0;margin-right:2px;box-shadow:6px 0 6px -4px rgba(0,0,0,.12)}#gpsos-root .fv-rule{font-size:11.5px}} #gpsos-root .lineup{line-height:2} #gpsos-root .lineup .lu-h{display:inline-block;min-width:9.5em;font-weight:700;color:var(--ink);margin-right:.5em} #gpsos-root .trio2 figcaption{white-space:nowrap} @container gpsos (max-width:768px){#gpsos-root .ptna-bar{display:none}#gpsos-root .lineup .lu-h{display:block;min-width:0;margin:6px 0 0}#gpsos-root .trio2 figcaption{font-size:11px;letter-spacing:0}#gpsos-root .trio2 .mid figcaption{font-size:11px}} #gpsos-root .days-nav{display:none} @container gpsos (max-width:768px){#gpsos-root .days-wrap{display:flex;align-items:center;gap:6px}#gpsos-root .days-nav{display:flex;flex:none;width:32px;height:60px;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--bright);font-size:13px;line-height:1;cursor:pointer}#gpsos-root .days-nav:disabled{opacity:.3;cursor:default}#gpsos-root .days{flex:1 1 auto;min-width:0;margin:0;padding:4px 0 12px}#gpsos-root .days .mon{padding:0 6px 0 0}} #gpsos-root .mon{color:var(--violet)} #gpsos-root .day:disabled,#gpsos-root .time:disabled{color:var(--gray)} #gpsos-root .btn[aria-disabled="true"]{background:var(--line)} #gpsos-root .btn-sub:hover{background:var(--paper)} #gpsos-root .qa details{border-bottom-color:var(--line)} #gpsos-root .c1,#gpsos-root .c6,#gpsos-root .c10,#gpsos-root .c4,#gpsos-root .c11{background:var(--band)} #gpsos-root .c3,#gpsos-root .c8{background:var(--paper)} #gpsos-root .tabs span{background:var(--paper)} #gpsos-root .pc-chips span{background:var(--paper)} #gpsos-root .walk img{height:auto;aspect-ratio:1400/788;object-fit:cover;object-position:50% 0} #gpsos-root .gpsos{font-size:inherit;color:inherit} #gpsos-root .ir-tx,#gpsos-root .tf-tx p,#gpsos-root .th-tx p,#gpsos-root .th-card p,#gpsos-root .bl-tx p,#gpsos-root .qa details p,#gpsos-root .qnote,#gpsos-root .rsv-rule,#gpsos-root .rsv-rule b,#gpsos-root .perk-sub,#gpsos-root .perk-bag-msg,#gpsos-root .perk-bag-note,#gpsos-root .fv-ss,#gpsos-root .fv-rule,#gpsos-root .ptna-note,#gpsos-root .ptna-sub,#gpsos-root .ptna-lb,#gpsos-root .ptna-dl div,#gpsos-root .ptna-dl dt,#gpsos-root .ptna-dl dd,#gpsos-root .picked,#gpsos-root .hint,#gpsos-root .opt,#gpsos-root .flow-note,#gpsos-root .steps li,#gpsos-root .steps .sm,#gpsos-root .models,#gpsos-root .models p,#gpsos-root .tf-tx .note,#gpsos-root .th-tx .note,#gpsos-root .lineup,#gpsos-root .lineup .lu-h,#gpsos-root .if-pf figcaption,#gpsos-root .fv-facts div,#gpsos-root .fv-facts dt,#gpsos-root .qnote-other label,#gpsos-root .philo span,#gpsos-root .acc-tx p,#gpsos-root .acc-sm,#gpsos-root .perk-new .sm,#gpsos-root .perk-duo .perk-new .sm,#gpsos-root .voice-note,#gpsos-root .tb-note,#gpsos-root .cta-tel,#gpsos-root .wide-note-dk{font-size:inherit !important;color:inherit !important} #gpsos-root .trio2 figcaption,#gpsos-root .trio2 .mid figcaption{font-size:inherit !important} #gpsos-root .wide-note{font-size:inherit} @container gpsos (max-width:768px){#gpsos-root .trio2 figcaption{white-space:normal}} @container gpsos (max-width:768px){#gpsos-root .perk-top.perk-duo{flex-direction:column;gap:20px}#gpsos-root .perk-duo .perk-bag{max-width:300px;width:100%}} #gpsos-root .walk-h .en,#gpsos-root .ir-en,#gpsos-root .perk-badge,#gpsos-root .perk-new b,#gpsos-root .perk-duo .perk-new b{color:var(--violet)} @media (max-width:768px){#gpsos-root .fx{right:70px}} #gpsos-root h1,#gpsos-root h2,#gpsos-root h3,#gpsos-root h4{line-height:1.4 !important} #gpsos-root h1 *,#gpsos-root h2 *,#gpsos-root h3 *,#gpsos-root h4 *{font-size:1em !important} #gpsos-root h1{font-size:178% !important} #gpsos-root h2,#gpsos-root h3{font-size:136% !important} #gpsos-root h4{font-size:126% !important} @media (max-width:767px){#gpsos-root .gpsos{font-size:90%}#gpsos-root h1{font-size:160% !important}#gpsos-root h2{font-size:140% !important}#gpsos-root h3{font-size:126% !important}#gpsos-root h4{font-size:112% !important}} /* ---- 出現演出（消さない型：終わりの状態＝表示。JS不要） ---- */ #gpsos-root .rv{animation:gpsosUp .8s ease-out both} @keyframes gpsosUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){#gpsos-root .rv{animation:none}} /* ---- 「24」は画像（GT America Compressed はサイトに無いため・ファイル配布もしない） ---- */ #gpsos-root .fv-ttl .fv-yr img{height:.71em;width:auto;display:block} /* ---- 追従バー（.gpsos の外に置く：コンテナの中だと fixed が器基準になるため） ---- */ #gpsos-root .fx.show{transform:translate(-50%%,0)} /* ---- PCの店舗カラム（約740px）：スマホ用の並びのまま、大きくなりすぎる所だけ締める ---- */ @container gpsos (min-width:560px) and (max-width:768px){ /* 写真の見出しは、広い画面と同じ「写真の空いた所」に置く（側板のアーチの内側／左上の天井）。 スマホ用の中央置きはスマホの切り取り方に合わせたもの（9/28 秋山さん「ここは中央だっけ？」） */ #gpsos-root .ir-ph{aspect-ratio:2560/1707;height:auto;background-size:cover;background-position:50% 50%} #gpsos-root .ir-ph::before{background:radial-gradient(ellipse 26% 24% at 27.5% 56%,rgba(255,255,255,.9) 0,rgba(255,255,255,.75) 55%,rgba(255,255,255,0) 100%)} #gpsos-root .ir-in{left:27.5%;top:56%} #gpsos-root .tf-ph{aspect-ratio:1600/1067;height:auto;background-size:cover;background-position:50% 50%} #gpsos-root .tf-ph::before{background:radial-gradient(ellipse 30% 28% at 20% 40%,rgba(255,255,255,.9) 0,rgba(255,255,255,.75) 55%,rgba(255,255,255,0) 100%)} #gpsos-root .tf-in{left:20%;top:40%} /* 9/28 秋山さん指定：左の壁・扉のあたり（天井の照明の線に文字がかかっていた） */ #gpsos-root .bl-fig{width:100%;max-width:300px;margin:0 auto} /* 9/28「画像がまだ大きい」：丸い写真は最大300px */ #gpsos-root#gpsos-root .bl-fig .blob{width:100% !important;margin-left:0} #gpsos-root .perk-ph{aspect-ratio:16/9;max-width:520px;margin:0 auto} } /* ---- 予約：選んだ状態 ---- */ #gpsos-root .btn-go[aria-disabled="true"]{opacity:.45;pointer-events:none} #gpsos-root .btn-go{color:#fff !important} #gpsos-root .board-fail{margin-top:10px;font-size:13px;color:var(--red)} /* ---- 確認用マーカー（本番反転で消す） ---- */ #gpsos-root #buildmark{position:fixed;left:0;top:0;z-index:99;background:#c00;color:#fff;font-size:13px;padding:1px 6px;font-family:monospace} /* ============================================================ store_template_harden.css — SITE PUBLIS 店舗テンプレ対策の【正本】 ------------------------------------------------------------ これまで案件ごとに手で移植していたもの（名古屋ASOBOU §474 → 浜松moichido → 旭川otomarche）。 以後はこのファイルを正とし、_tools/lp_deploy_init.py が gpsos-root / gpsos を 案件の値に置換して各案件の css 末尾へ差し込む。直った知見はここに戻すこと。 置換トークン: gpsos-root … ページ本文を包む器のid（例: moichido-root） gpsos … body等に付ける名前空間クラス（例: moichido-lp） 前提（実測・2026-08）: 店舗ページは左サイドバー必須＝メインカラム約740px固定。 「画面は広いがカラムは740px」のため画面幅@mediaは発動しない。 よって #gpsos-root + !important で常時上書きする。 ============================================================ */ /* --- 2. 画像巨大化対策 ------------------------------------- CMSテンプレが高詳細度でimg幅を指定してくるため、器id+!important で勝つ。 案件固有のクラス（.cimg/.prod等）は案件側で足す。 */ #gpsos-root .hero-img img{width:100% !important;height:100% !important} #gpsos-root img{max-width:100% !important} /* --- 3. タップ確保 ----------------------------------------- 店舗テンプレJSが click/pointer/touch の伝播を上流で握り潰す。 JSでの切替は本番で全滅するので、タブ・選択は隠しradio+label+CSS:checked で組むこと。 label の中に img を置くとタップが死ぬ（秋田の本番事故）。保険を下に敷く。 */ #gpsos-root,#gpsos-root *{pointer-events:auto !important} #gpsos-root label{-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer; touch-action:manipulation;display:block;position:relative;z-index:30} #gpsos-root label img,.gpsos label img{pointer-events:none !important;-webkit-user-drag:none;user-select:none} #gpsos-root label,.gpsos label{-webkit-tap-highlight-color:rgba(75,30,120,.12)} /* --- 4. 見出しの黒い罫線・角ブロックを打ち消す -------------- 店舗テンプレが h1〜h4 と hr に付ける装飾。ローカルでは再現せずCMSでのみ出る。 ここを忘れると本番で見出し左に黒ブロックが出る（浜松・旭川で発生）。 */ #gpsos-root h1,#gpsos-root h2,#gpsos-root h3,#gpsos-root h4{ border:0 !important;border-top:0 !important;border-bottom:0 !important; background-image:none !important;box-shadow:none !important;text-decoration:none !important} #gpsos-root hr{display:none !important} /* --- 5. リンク色(青)に勝つ --------------------------------- CMSテンプレ（style_site.css）：#mainArea .pbBlock div a:link{color:#1a0dab}（詳細度1,2,2）／:visited #609／ :hover{text-decoration:underline !important}。下の2行だけでは勝てない（2026-10-13 秋田サックスでボタン文字が青＋下線）。 ★案件のビルドで _tools/link_guard.py を必ず通す（に付くクラスの色・下線を #root#root で書き直す。 色に !important は付けない＝HTMLの style="color" を潰さない）。名古屋GP・なんばUP・なんばアビは手で当てていた */ #gpsos-root a{text-decoration:none} #gpsos-root .cta,#gpsos-root .hero-cta,#gpsos-root .ev-cta,#gpsos-root .bld-cta{color:#fff !important} /* --- 6. テンプレ既定の中央寄せ・見出し装飾を打ち消す（2026-09-28 GPS大阪で実測） ---- style_site.css：#mainArea{text-align:center} → 器の中が全部中央寄せになる（ローカルでは再現しない） h1{padding:20px 15px 5px;margin-bottom:20px;背景画像}／h2{左padding・下線・背景・text-align:left} h3,h4{margin-bottom;line-height:1.2} クラスつきのデザイン側ルール（#gpsos-root .xxx）はこれより強いので、デザインで指定した所はそのまま効く。 ローカル確認でも再現したいときは、公開中LPから style_site.css 等を取って読ませる（GPS大阪 cms/_deploy/_tpl_css） */ #gpsos-root{text-align:left} #gpsos-root h1,#gpsos-root h2,#gpsos-root h3,#gpsos-root h4{padding:0;margin:0;background:none;line-height:inherit;font-weight:700;text-align:inherit;vertical-align:baseline !important} /* --- 7. 画像が全部「横幅いっぱい」になる（2026-09-28 GPS大阪で実測） ------------- style_site.css：#mainArea .contBlock .pbNested div img{width:100% !important;height:auto !important} CMSの本文は .contBlock .pbNested div の中に入るので、器の中の画像は全部これを受ける （アイコン52px→カラム幅いっぱい、height指定の写真も高さが崩れる）。 ここでは一律に打ち消せない（画像ごとに大きさが違う）ので、案件のcssで 「画像の幅・高さを決めているルール」を id を2回重ねて !important で書き直す： #gpsos-root#gpsos-root .icon{width:52px !important;height:52px !important} 自動化の実例＝GPS大阪 cms/_deploy/_build_v10.py の img_guard() ローカル確認は #mainArea > .contBlock > .pbNested > div の入れ子の中に器を置くと再現する */ /* ---- 案件固有の店舗テンプレ対策 ---- */ #gpsos-root section:not(.fv):not(.wide)::before,#gpsos-root section::after{content:none !important;display:none !important} #gpsos-root section.fv::before,#gpsos-root section.wide::before{border:0 !important;width:auto;height:auto} /* この2つは自前の装飾（白いぼかし）に使う */ #gpsos-root .btn,#gpsos-root .fx-b,#gpsos-root .btn-main{color:#fff !important} #gpsos-root .blob,#gpsos-root .bye-cut{max-width:100% !important} #gpsos-root p,#gpsos-root li,#gpsos-root dd,#gpsos-root dt{margin-bottom:0} /* 店舗テンプレの既定（2026-09-28 実測：style_site.css）を打ち消す #mainArea{text-align:center} → 全部が中央寄せになる／h1{padding:20px 15px 5px;margin-bottom:20px;背景画像} h2{左padding・下線・背景}／h3,h4{margin-bottom;line-height:1.2}。デザイン側で指定した所（クラスつき）はこれより強いのでそのまま */ #gpsos-root{text-align:left} /* 2026-10-14 美浦さん：電話の行がテンプレのリンク色（青）になっていた → リンクはブライトバイオレット（StyleGuide のWeb推奨） */ #gpsos-root#gpsos-root a:link,#gpsos-root#gpsos-root a:visited{color:var(--bright)} /* 10/14 スマホ実測：サイトが body に text-size-adjust:90% を掛けていて、12px指定のラベルが10.8pxで出ていた → このページの中だけ100%に戻す */ #gpsos-root{-webkit-text-size-adjust:100%;text-size-adjust:100%} /* 楽器店の選択欄の枠がテンプレの #ccc になっていた → ガイドのライトグレー40% */ #gpsos-root#gpsos-root .sel{border-color:var(--line) !important} #gpsos-root#gpsos-root .fv-tel,#gpsos-root#gpsos-root .fv-tel:link,#gpsos-root#gpsos-root .fv-tel:visited{color:var(--bright);background:none} #gpsos-root h1,#gpsos-root h2,#gpsos-root h3,#gpsos-root h4{padding:0;margin:0;background:none;line-height:inherit;font-weight:700;text-align:inherit;vertical-align:baseline !important} #gpsos-root .bye-cut{width:40%;max-width:240px;height:auto;display:block;margin:40px auto 0 32%} /* ---- 画像の大きさをテンプレに上書きさせない（img_guard が自動生成） ---- */ #gpsos-root#gpsos-root .fv-ph{width:100% !important;height:100% !important} #gpsos-root#gpsos-root .th-dev img{width:100% !important} #gpsos-root#gpsos-root .th-cut img{width:78% !important} #gpsos-root#gpsos-root .wide-ph img{width:100% !important;height:100% !important} #gpsos-root#gpsos-root .blob{width:100% !important} #gpsos-root#gpsos-root .b2{width:88% !important} #gpsos-root#gpsos-root .b3{width:86% !important} #gpsos-root#gpsos-root .b4{width:86% !important} #gpsos-root#gpsos-root .prof-ph img{width:100% !important} #gpsos-root#gpsos-root .prof-row img{width:100% !important} #gpsos-root#gpsos-root .gal-grid img{width:100% !important} #gpsos-root#gpsos-root .place-th img{width:100% !important} #gpsos-root#gpsos-root .c img{width:54px !important;height:54px !important} @container gpsos (max-width:768px){#gpsos-root#gpsos-root .c img{width:32px !important;height:32px !important}} #gpsos-root#gpsos-root .walk img{width:100% !important;height:440px !important} #gpsos-root#gpsos-root .trio img{width:36% !important} #gpsos-root#gpsos-root .trio img:nth-child(2){width:41% !important} @container gpsos (max-width:768px){#gpsos-root#gpsos-root .fv-ph{height:250px !important}#gpsos-root#gpsos-root .walk img{height:200px !important}} #gpsos-root#gpsos-root .st-ic{width:52px !important;height:52px !important} #gpsos-root#gpsos-root .if-pf img{width:100% !important} #gpsos-root#gpsos-root .trio2 img{width:100% !important;height:auto !important} #gpsos-root#gpsos-root .bye-cut{height:auto !important} #gpsos-root#gpsos-root .perk-card .perk-top .perk-bag img{width:100% !important;height:auto !important} #gpsos-root#gpsos-root .walk img{height:auto !important} #gpsos-root#gpsos-root .fv-ttl .fv-yr img{height:.71em !important;width:auto !important} #gpsos-root#gpsos-root .bye-cut{width:40% !important;height:auto !important}