*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f6f7f1;color:#21352e;font-family:"Yu Gothic",Meiryo,sans-serif;font-size:17px;line-height:1.85}header{background:#fff;border-bottom:1px solid #d6e1d8;padding:14px 22px}header a{color:#175d49;text-decoration:none;font-size:26px;font-weight:bold;letter-spacing:.08em}header span{display:block;font-size:13px;letter-spacing:0}main{max-width:780px;margin:auto;padding:22px 18px 90px}h1{font-size:30px;margin:8px 0}h2{font-size:23px;line-height:1.5;margin:0 0 18px;color:#175d49}.eyebrow{color:#175d49;font-weight:bold;margin:0}.intro{padding:12px 4px 24px}.toc{display:grid;gap:10px}.toc a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #cdded1;border-radius:12px;padding:16px;color:#175d49;font-weight:bold;text-decoration:none}.toc a span{font-size:26px}section{margin-top:26px;padding:24px 20px;background:#fff;border:1px solid #dae4db;border-radius:16px;scroll-margin-top:16px}.lead{font-weight:bold}ol{padding-left:28px}li{padding-left:4px;margin:14px 0}.note{background:#f1f6ef;border-left:4px solid #6e9d64;padding:14px;font-size:15px}.back{display:inline-block;margin-top:18px;color:#175d49;font-weight:bold}details{border:1px solid #d6e1d8;border-radius:10px;padding:12px}summary{cursor:pointer;color:#175d49;font-weight:bold}details img{display:block;width:100%;max-width:320px;height:auto;margin:18px auto 4px;border:1px solid #ddd;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:15px}caption{text-align:left;font-weight:bold;margin-bottom:12px}td,th{border:1px solid #d6e1d8;padding:10px;text-align:left}th{background:#edf4ed}.floating{position:fixed;right:14px;bottom:18px;background:#175d49;color:white;border-radius:30px;padding:10px 18px;text-decoration:none;box-shadow:0 3px 12px #0002;font-size:15px;font-weight:bold}footer{text-align:center;font-size:14px;color:#607167;margin-top:36px}a:focus-visible,summary:focus-visible{outline:3px solid #e0a227;outline-offset:3px}@media(min-width:620px){.toc{grid-template-columns:1fr 1fr}section{padding:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.visual-steps{display:grid;gap:24px;margin:24px 0}figure{margin:0;min-width:0}figcaption{display:flex;align-items:center;gap:10px;font-weight:bold;color:#175d49;line-height:1.5;margin-bottom:14px}figcaption b{display:grid;place-items:center;flex-shrink:0;background:#175d49;color:white;border-radius:50%;width:32px;height:32px}.phone{position:relative;max-width:300px;margin:auto;line-height:0;border:1px solid #d4ddd5;border-radius:14px;overflow:hidden;background:white}.phone img{width:100%;height:auto;display:block}.tap-box{position:absolute;border:3px solid #e74727;background:#ffb60012;border-radius:8px;box-shadow:0 0 0 2px white}.tap-box>span{position:absolute;bottom:100%;left:0;background:#e74727;color:white;font-size:13px;font-weight:bold;line-height:1.5;padding:2px 6px;white-space:nowrap;border-radius:5px}.sample-phone{max-width:300px;min-height:390px;border:2px solid #dae4db;border-radius:16px;margin:auto;padding:24px 18px;text-align:center;background:#f7f8f4}.sample-title{background:#006b37;color:white;font-weight:bold;font-size:24px;padding:12px}.barcode{height:90px;margin:45px 0 20px;background:repeating-linear-gradient(90deg,#333 0 2px,white 2px 5px,#333 5px 9px,white 9px 12px);border:8px solid white}.sample-label{color:#b93820;font-weight:bold}.sample-footer{font-size:12px;color:#627367;margin-top:30px}.balance{font-size:50px;display:block;color:#175d49}.balance span{font-size:15px;margin-left:6px}.sample-buttons{display:flex;gap:12px;margin-top:30px}.sample-buttons span{background:#006b37;color:white;flex:1;padding:12px 4px;font-size:15px}.alternative{background:#f3f7ef;border-radius:12px;padding:18px;margin:24px 0}.alternative h3{font-size:19px;margin-top:0}.alternative img{display:block;max-width:240px;width:100%;margin:auto}.point-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0;background:#edf5ed;border-radius:12px;padding:16px 8px;text-align:center}.point-flow small{display:block;font-size:13px}.point-flow strong{display:block;font-size:21px;color:#175d49}.point-flow>span{font-size:25px}@media(min-width:620px){.visual-steps{grid-template-columns:1fr 1fr}}
body{background:#fffdf4;color:#27352d}header{border-bottom:3px solid #e0efbe;background:#fff}main{max-width:860px}.intro{background:linear-gradient(135deg,#fff5c8,#edf9dc);padding:28px 22px;border-radius:24px;margin:8px 0 28px}h1{font-size:34px;line-height:1.5;letter-spacing:.02em}.hero-highlight{background:linear-gradient(transparent 60%,#ffe071 60%);margin-right:8px}.eyebrow{font-size:14px;color:#4b7144}.toc a{border:0;box-shadow:0 3px 0 #dfedc7;padding:19px;border-radius:16px}.toc a:nth-child(3n+2){background:#fff4d8}.toc a:nth-child(3n){background:#edf8e8}section{border:0;border-top:6px solid #a9d97e;box-shadow:0 4px 22px #315b2710;border-radius:22px;margin-top:32px}section:nth-of-type(3n+2){border-top-color:#ffd16d}section:nth-of-type(3n){border-top-color:#98d5db}.chapter{font-size:12px;font-weight:bold;letter-spacing:.12em;color:#638453;margin-bottom:8px}h2{font-size:25px}figure{padding:16px 10px;background:#fbfcf7;border:1px solid #e5eddc;border-radius:18px}figcaption{font-size:17px;align-items:flex-start}figcaption b{background:#ed9a2c;box-shadow:0 3px 0 #f6dfaa}.visual-steps{gap:18px}.guide-chat{display:flex;align-items:center;gap:12px;margin:24px 0}.guide-avatar{width:80px;height:80px;flex-shrink:0;border-radius:50%;border:3px solid #aed487;background:white url(images/wakaba-guide.png) no-repeat;background-size:205px auto;background-position:-58px -4px}.guide-chat p{position:relative;border-radius:18px;background:#f0f8e5;color:#275b34;padding:14px 16px;font-weight:bold;font-size:16px;line-height:1.65;margin:0}.guide-chat p:before{content:"";position:absolute;right:100%;top:28px;border:9px solid transparent;border-right-color:#f0f8e5}.hero-chat p{background:white}.hero-chat p:before{border-right-color:white}.note{background:#fff7dd;border-left:4px solid #f0bf50}.text-steps{margin-top:20px;background:#fff;border:1px solid #dce9d0}.diagram-phone{max-width:300px;margin:auto;background:#fff;border:5px solid #405644;border-radius:26px;overflow:hidden;padding:10px 8px 8px;box-shadow:0 6px 0 #e0e9d8}.diagram-head{height:42px;display:flex;align-items:center;justify-content:center;color:#176038;position:relative;font-size:20px}.diagram-menu{position:absolute;left:8px;font-size:24px}.diagram-news{font-size:11px;padding:10px 0;border-top:1px solid #eee}.diagram-banner{text-align:center;padding:22px 0;background:linear-gradient(135deg,#e6f5dd,#fff0c3);color:#2f663d;font-weight:bold;font-size:23px;border-radius:10px}.diagram-banner small{font-size:12px}.diagram-dots{text-align:center;font-size:12px;letter-spacing:4px;padding:10px;color:#9bad92}.diagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f2f3f7;padding:10px 4px}.diagram-tile{position:relative;background:white;border-radius:10px;text-align:center;min-height:80px;padding:12px 2px 8px;box-shadow:0 2px 0 #dde2dc;display:flex;flex-direction:column;justify-content:center;align-items:center}.diagram-tile b{font-size:25px;line-height:1.3;font-weight:normal}.diagram-tile span{font-size:10px;font-weight:bold;color:#176038;line-height:1.5;margin-top:5px}.diagram-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding-top:14px}.diagram-tabs .diagram-tile{min-height:66px;box-shadow:none}.chosen{outline:3px solid #e58a16;background:#fff1cd;z-index:1}.diagram-tile em{position:absolute;top:-12px;right:-3px;font-size:11px;font-style:normal;border-radius:20px;padding:2px 7px;background:#d66c08;color:#fff}.diagram-caption{font-size:10px;text-align:center;color:#637160;padding-top:8px}.sample-phone{min-height:390px;background:#fffbed;border:5px solid #405644;border-radius:26px}.phone{border:4px solid #405644;border-radius:24px}.tap-box{border-color:#dc7812}.tap-box>span{background:#b95d00}.floating{background:#276b3d;border:2px solid white}@media(max-width:400px){main{padding:14px 12px 85px}section{padding:22px 14px}.intro{padding:24px 16px}h1{font-size:30px}.guide-avatar{width:64px;height:64px;background-size:164px auto;background-position:-46px -3px}.guide-chat{gap:10px}.guide-chat p{font-size:14px;padding:12px}}
.screen-crop{max-width:360px;margin:auto;border:1px solid #d8e2d1;border-radius:14px;overflow:hidden;background:white}.screen-crop svg{display:block;width:100%;height:auto}.crop-caption{text-align:center;color:#995000;font-size:13px;font-weight:bold;padding:8px;background:#fff3d6}.guide-chat{align-items:flex-end;gap:0;padding-top:6px}.guide-character{width:42%;max-width:190px;height:auto;object-fit:contain;flex-shrink:0;align-self:flex-end;margin-right:-8px}.guide-chat p{flex:1;background:white;border:2px solid #4a8546;border-radius:24px;padding:16px;position:relative;margin-bottom:20px;font-size:17px}.guide-chat p:before{border-right-color:#4a8546;top:30px}.guide-chat p:after{content:"";position:absolute;right:100%;top:32px;border:7px solid transparent;border-right-color:white;margin-right:-1px}.point-panel{background:#fff9e8;border:1px solid #f0daa2;border-radius:18px;padding:18px;margin:20px 0}.point-panel:nth-child(2){background:#eff9ec;border-color:#cce4be}.point-panel h3{margin:0 0 12px;color:#235d32;font-size:21px}.mini-note{font-size:13px}.line-routes{display:grid;gap:20px;margin:20px 0}.route{border:2px solid #c8dfa9;border-radius:18px;padding:16px;background:#f9fcf3}.route:nth-child(2){background:#fff9eb;border-color:#f3d99a}.route h3{font-size:19px;color:#245d33;margin:0 0 18px}.route .visual-steps{grid-template-columns:1fr}.route .line-banner{width:100%;max-width:230px;height:auto;display:block;margin:auto}.route-flow{background:white;padding:14px;border-radius:12px;font-size:16px;font-weight:bold}.shared-flow{background:#eff8e9;padding:18px;border-radius:16px}.shared-flow p{margin:8px 0 0}figure{padding:14px 10px}.floating{bottom:12px;right:10px;font-size:13px;padding:8px 12px}@media(min-width:620px){.line-routes{grid-template-columns:1fr 1fr}.guide-chat{max-width:540px;margin:24px auto}.route figure{padding:10px 4px}}@media(max-width:400px){.guide-chat p{font-size:15px;padding:12px}.guide-character{width:40%}.point-flow strong{font-size:19px}}
.rank-benefits{display:grid;gap:16px;margin:22px 0}.rank-benefits article{padding:20px;border-radius:18px;border:2px solid #b9d79b;background:#f4faec}.rank-benefits h3{margin:0;font-size:22px;color:#245d33}.rank-benefits p{margin:12px 0}.rank-benefits .rank-amount{font-size:14px;font-weight:bold}.rank-benefits .rank-gold{background:#fff7dc;border-color:#e9c262}.rank-benefits .rank-platinum{background:#eef7fa;border-color:#a7cedd}.rank-benefits strong{color:#245d33;display:block;font-size:18px;line-height:1.7}.coupon-example{display:block;width:100%;max-width:300px;height:auto;margin:auto}.guide-character{border:0;border-radius:0;background:none;box-shadow:none;width:45%;max-width:220px}.guide-chat p{border-radius:30px;font-size:18px}.guide-chat{margin-top:28px;margin-bottom:24px}@media(max-width:400px){.guide-character{width:45%}.guide-chat p{font-size:15px;padding:13px}}.guide-section{margin-top:22px;padding:0;background:white;border:0;border-top:5px solid #a9d97e;border-radius:20px;box-shadow:0 4px 22px #315b2710;scroll-margin-top:18px}.guide-section>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;padding:20px;color:#175d49}.guide-section>summary::-webkit-details-marker{display:none}.guide-section>summary small{display:block;font-size:12px;letter-spacing:.1em;color:#638453;margin-bottom:7px}.guide-section>summary strong{display:block;font-size:20px;line-height:1.5}.toggle-label{flex-shrink:0;background:#edf6e4;border-radius:20px;padding:6px 10px;font-size:12px}.toggle-label:after{content:"開く ＋"}.guide-section[open]>.summary{border-bottom:1px solid #e5eddc}.guide-section[open]>.toggle-label:after{content:"閉じる −"}.guide-section[open]>summary .toggle-label:after{content:"閉じる −"}.guide-body{padding:0 20px 24px}.guide-section .coupon-example{max-width:300px;border:0}.guide-section .guide-character{max-width:220px;border:0;border-radius:0;margin:0 -8px 0 0}.guide-section .phone img{max-width:none;margin:0;border:0;border-radius:0}.guide-section .line-banner{max-width:230px;border:0}.guide-section:nth-of-type(3n+2){border-top-color:#ffd16d}.guide-section:nth-of-type(3n){border-top-color:#98d5db}@media(max-width:400px){.guide-section>summary{padding:18px 14px}.guide-section>summary strong{font-size:18px}.guide-body{padding:0 14px 22px}}.review-next{margin-top:24px}.guide-section .review-destination{display:block;width:100%;max-width:320px;height:auto;margin:14px auto 0;border:1px solid #d8e2d1;border-radius:14px}.review-next figcaption b{font-size:12px}.guide-section .line-destination{display:block;width:100%;max-width:360px;height:auto;margin:14px auto 0;border:1px solid #d8e2d1;border-radius:14px}.toc-invitation{display:flex;align-items:center;gap:12px;margin:12px 0 20px}.toc-invitation img{width:32%;max-width:150px;height:auto;flex-shrink:0}.toc-invitation h2{position:relative;background:white;border:2px solid #6b9e4b;border-radius:22px;padding:16px 18px;margin:0;font-size:24px;line-height:1.6}.toc-invitation h2:before{content:"";position:absolute;right:100%;top:40%;border:10px solid transparent;border-right-color:#6b9e4b}.toc-invitation h2:after{content:"";position:absolute;right:100%;top:calc(40% + 2px);margin-right:-1px;border:8px solid transparent;border-right-color:white}.toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toc a{padding:16px 12px;font-size:16px;line-height:1.6;min-height:86px;gap:6px}.toc a span{font-size:21px;flex-shrink:0}@media(max-width:400px){.toc{gap:10px}.toc a{font-size:14px;padding:14px 10px}.toc-invitation{gap:8px}.toc-invitation h2{font-size:19px;padding:14px 12px}}.toc a{position:relative;flex-direction:column;justify-content:flex-start;text-align:center;padding:16px 12px;gap:10px}.toc .toc-icon{display:block;width:64px;height:64px;flex-shrink:0}.toc .toc-title{font-size:16px;line-height:1.6;white-space:normal}.toc .toc-arrow{position:absolute;right:10px;top:12px;font-size:20px}@media(max-width:400px){.toc .toc-title{font-size:14px}.toc .toc-icon{width:56px;height:56px}.toc a{padding:14px 10px}}.guide-divider{margin:38px 0 24px;padding:22px 20px;background:#eaf5dc;border-top:2px solid #bedb9c;border-bottom:2px solid #bedb9c;border-radius:14px}.guide-divider h2{margin:0 0 7px;font-size:23px;color:#245d33}.guide-divider p{margin:0;font-size:15px;color:#3e6137}.toggle-label:after{content:"使い方を見る ＋"}.guide-section[open]>summary .toggle-label:after{content:"閉じる −"}.guide-section>summary{flex-wrap:wrap}.toggle-label{margin-left:auto}@media(max-width:400px){.guide-divider{padding:20px 16px}.guide-divider p{font-size:14px}}body{padding-bottom:74px}.floating{left:0;right:0;bottom:0;border:0;border-top:1px solid #ccdfbe;border-radius:0;padding:16px 18px calc(16px + env(safe-area-inset-bottom));background:#f5faef;color:#245d33;box-shadow:0 -3px 12px #0001;text-align:center;font-size:16px}.point-panel h3,#points .guide-body>h3,.rank-subguide>h3{display:block;border-left:5px solid #82b958;background:#edf6df;border-radius:8px;padding:13px 14px;font-size:22px;line-height:1.5;color:#245d33;margin:24px 0 18px}.point-panel h3{margin-top:0}.rank-subguide{margin-top:32px;padding-top:8px;border-top:2px solid #dbe9cb}body{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}body>header{flex-shrink:0}body>main{flex:1;min-height:0;width:100%;overflow-y:auto;margin:0 auto;scroll-behavior:smooth}.floating{position:static;display:block;flex-shrink:0}@media(prefers-reduced-motion:reduce){body>main{scroll-behavior:auto}}