/* /entry/215/ ポケットフォルダーのトンボの作り方専用CSS */
.pocket-215-page,.pocket-215-page *{box-sizing:border-box}.pocket-215-page{min-width:0;color:#29383f;font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;line-height:1.85;overflow-wrap:anywhere}.pocket-215-page img{display:block;max-width:100%;height:auto}.pocket-215-page a{text-underline-offset:.18em}.pocket-215-page .pageTitle{margin:0 0 20px;padding:18px 22px;border-bottom:4px solid #486a9a;background:linear-gradient(135deg,#f3f4ef 0%,#fff 100%);color:#243d42;font-size:clamp(1.48rem,2.8vw,2.05rem);line-height:1.45}.pocket-215-hero{margin:0 0 24px;overflow:hidden;border:1px solid #d8ddd6;border-radius:16px;background:#eef0eb;box-shadow:0 10px 26px rgba(44,58,54,.09)}.pocket-215-hero img{width:100%;aspect-ratio:3/2;object-fit:cover}.pocket-215-lead{margin:0 0 20px;padding:22px 24px;border-left:6px solid #486a9a;border-radius:0 12px 12px 0;background:#f8f8f5}.pocket-215-lead p{margin:0}.pocket-215-lead p+p{margin-top:10px}.pocket-215-lead__label{margin-bottom:7px!important;color:#3d5b86;font-size:.78rem;font-weight:800;letter-spacing:.14em}.pocket-215-summary{margin:0 0 22px;padding:20px 22px;border:1px solid #d8dfd7;border-radius:13px;background:#fff}.pocket-215-summary h2{margin:0 0 10px;color:#465d83;font-size:1.18rem}.pocket-215-summary ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 22px;margin:0;padding:0;list-style:none}.pocket-215-summary li{position:relative;padding-left:1.45em}.pocket-215-summary li::before{position:absolute;left:0;color:#486a9a;content:"✓";font-weight:900}.pocket-215-toc{margin:0 0 46px;padding:20px 22px;border:1px solid #d3dbd2;border-radius:14px;background:#f2f5f0}.pocket-215-toc__title{margin:0 0 10px;color:#384b68;font-size:1.05rem;font-weight:800}.pocket-215-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding-left:1.55em}.pocket-215-toc a{color:#4e6695;font-weight:700}.pocket-215-toc a:hover,.pocket-215-toc a:focus-visible{color:#3f608e}.pocket-215-section{min-width:0;margin:0 0 58px;scroll-margin-top:110px}.pocket-215-section>p{margin:0 0 20px}.pocket-215-heading{display:flex;align-items:flex-start;gap:14px;margin:0 0 22px;padding:0 0 12px;border-bottom:3px solid #d8ded7}.pocket-215-heading>span{display:inline-flex;flex:0 0 auto;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:#5b6fa0;color:#fff;font-size:.86rem;font-weight:900}.pocket-215-heading h2{min-width:0;margin:3px 0 0;color:#384b68;font-size:clamp(1.36rem,2.55vw,1.84rem);line-height:1.45}.pocket-215-feature-grid,.pocket-215-choice-grid,.pocket-215-use-grid,.pocket-215-warning-grid,.pocket-215-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pocket-215-feature-grid article,.pocket-215-choice-grid article,.pocket-215-use-grid article,.pocket-215-warning-grid article{min-width:0;padding:23px;border:1px solid #d8dfd7;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(43,58,53,.055)}.pocket-215-feature-grid article{border-top:4px solid #677cae}.pocket-215-feature-grid span,.pocket-215-choice-grid span,.pocket-215-product-grid>a>span{display:inline-block;margin:0 0 8px;color:#3f608e;font-size:.77rem;font-weight:800;letter-spacing:.08em}.pocket-215-feature-grid h3,.pocket-215-choice-grid h3,.pocket-215-use-grid h3,.pocket-215-warning-grid h3,.pocket-215-points h3,.pocket-215-check-card h3,.pocket-215-order-check h3,.pocket-215-product-grid h3,.pocket-215-cta h3,.pocket-215-related h2{margin:0 0 9px;color:#384b68;font-size:1.13rem;line-height:1.5}.pocket-215-feature-grid p,.pocket-215-choice-grid p,.pocket-215-use-grid p,.pocket-215-warning-grid p,.pocket-215-points p,.pocket-215-product-grid p{margin:0}.pocket-215-note{margin:22px 0 0;padding:19px 21px;border:1px solid #dfcaa5;border-left:6px solid #c68e42;border-radius:9px;background:#fffaf1}.pocket-215-note strong{display:block;margin-bottom:5px;color:#64461c}.pocket-215-note p{margin:0}.pocket-215-points{display:grid;gap:14px}.pocket-215-points article{display:grid;grid-template-columns:54px minmax(0,1fr);gap:17px;align-items:start;padding:20px;border:1px solid #d7ded6;border-radius:13px;background:linear-gradient(90deg,#f1f5f0 0,#fff 34%)}.pocket-215-points>article>span{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:#5b6fa0;color:#fff;font-size:.8rem;font-weight:900}.pocket-215-check-card,.pocket-215-order-check{margin:22px 0 0;padding:22px 24px;border-radius:14px;background:#2d4a4a;color:#fff}.pocket-215-check-card h3,.pocket-215-order-check h3{color:#fff}.pocket-215-check-card ul,.pocket-215-order-check ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding-left:1.35em}.pocket-215-table-wrap{width:100%;overflow-x:auto;border-radius:12px;-webkit-overflow-scrolling:touch}.pocket-215-table-wrap:focus-visible{outline:3px solid rgba(70,112,101,.35);outline-offset:3px}.pocket-215-table-wrap table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}.pocket-215-table-wrap caption{padding:13px 15px;background:#384b68;color:#fff;font-weight:800;text-align:left}.pocket-215-table-wrap th,.pocket-215-table-wrap td{padding:14px 15px;border:1px solid #d6ddd6;text-align:left;vertical-align:top}.pocket-215-table-wrap thead th{background:#e9efea;color:#384b68}.pocket-215-table-wrap tbody th{width:19%;background:#f7f8f5;color:#465d83}.pocket-215-guide-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 0}.pocket-215-guide-links>a{display:block;padding:21px;border:2px solid #d7dfd7;border-radius:13px;background:#fff;color:#293d3e;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pocket-215-guide-links>a:hover,.pocket-215-guide-links>a:focus-visible{border-color:#677cae;background:#f7faf7;color:#33445f;transform:translateY(-2px);box-shadow:0 9px 22px rgba(47,74,69,.12)}.pocket-215-guide-links span{display:block;margin-bottom:5px;color:#3f608e;font-size:.76rem;font-weight:900;letter-spacing:.09em}.pocket-215-guide-links strong{display:block;font-size:1.06rem}.pocket-215-guide-links p{margin:6px 0 0;color:#60716e}.pocket-215-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pocket-215-choice-grid article{border-top:4px solid #4d6695}.pocket-215-use-grid{margin-top:20px}.pocket-215-use-grid article:nth-child(odd){border-left:5px solid #5b6fa0}.pocket-215-use-grid article:nth-child(even){border-left:5px solid #b17d4c}.pocket-215-warning-grid article:nth-child(odd){border-left:5px solid #c0904b}.pocket-215-warning-grid article:nth-child(even){border-left:5px solid #5b6fa0}.pocket-215-product-grid>a{display:flex;min-width:0;flex-direction:column;padding:22px;border:2px solid #d7dfd7;border-radius:14px;background:#fff;color:#293e3f;text-decoration:none;box-shadow:0 5px 16px rgba(43,58,53,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pocket-215-product-grid>a:hover,.pocket-215-product-grid>a:focus-visible{border-color:#677cae;background:#f7faf7;color:#33445f;transform:translateY(-2px);box-shadow:0 9px 22px rgba(47,74,69,.12)}.pocket-215-product-grid b{margin-top:auto;padding-top:12px;color:#3f608e}.pocket-215-cta{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:center;margin:26px 0 0;padding:27px;border-radius:16px;background:linear-gradient(135deg,#384b68,#4d668f);color:#fff}.pocket-215-cta h3{color:#fff;font-size:1.28rem}.pocket-215-cta p{margin:0}.pocket-215-cta__eyebrow{margin-bottom:5px!important;color:#e7d7bc;font-size:.75rem;font-weight:900;letter-spacing:.12em}.pocket-215-cta__buttons{display:grid;gap:11px}.pocket-215-button{display:flex;min-height:50px;align-items:center;justify-content:center;padding:12px 16px;border:2px solid transparent;border-radius:8px;font-weight:800;text-align:center;text-decoration:none!important}.pocket-215-button--primary,.pocket-215-button--primary:visited{background:#b94b37;color:#fff}.pocket-215-button--primary:hover,.pocket-215-button--primary:focus-visible{border-color:#fff;background:#8d3629;color:#fff}.pocket-215-button--secondary,.pocket-215-button--secondary:visited{border-color:#fff;background:#fff;color:#384b68}.pocket-215-button--secondary:hover,.pocket-215-button--secondary:focus-visible{border-color:#f3dfbe;background:#f3dfbe;color:#33445f}.pocket-215-faq details{margin:0 0 12px;border:1px solid #d7ded7;border-radius:10px;background:#fff}.pocket-215-faq summary{position:relative;padding:17px 52px 17px 20px;color:#384b68;font-weight:800;cursor:pointer;list-style:none}.pocket-215-faq summary::-webkit-details-marker{display:none}.pocket-215-faq summary::after{position:absolute;top:50%;right:20px;content:"＋";transform:translateY(-50%);color:#486a9a;font-size:1.3rem}.pocket-215-faq details[open] summary::after{content:"−"}.pocket-215-faq details>div{padding:0 20px 19px}.pocket-215-faq details p{margin:0}.pocket-215-faq a{color:#4e6695;font-weight:700}.pocket-215-related{margin:0 0 34px;padding:24px;border:1px solid #d6ded6;border-radius:15px;background:#f5f7f3}.pocket-215-related h2{font-size:1.25rem}.pocket-215-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pocket-215-related>div>a{display:flex;flex-direction:column;padding:15px 17px;border:1px solid #d7ded7;border-radius:9px;background:#fff;color:#2a4141;text-decoration:none}.pocket-215-related>div>a:hover,.pocket-215-related>div>a:focus-visible{border-color:#677cae;background:#f7faf7;color:#243f3f}.pocket-215-related span{margin-top:3px;color:#64736f;font-size:.86rem}.pocket-215-back{display:inline-flex;margin-top:18px;color:#4e6695;font-weight:800}.pocket-215-page a:focus-visible{outline:3px solid rgba(72,106,154,.32);outline-offset:3px}
@media(max-width:1100px){.pocket-215-choice-grid{grid-template-columns:1fr}.pocket-215-cta{grid-template-columns:1fr}.pocket-215-cta__buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.pocket-215-body #mein-Contents{display:block!important}.pocket-215-body #SideMenu,.pocket-215-body #Sidemenu,.pocket-215-body #side-menu,.pocket-215-body aside{display:none!important}.pocket-215-body #Main{width:100%!important;max-width:none!important;margin:0!important;padding:0 12px!important}.pocket-215-page .pageTitle{padding:15px 15px;font-size:1.42rem}.pocket-215-hero{border-radius:10px}.pocket-215-lead{padding:18px 17px}.pocket-215-summary,.pocket-215-toc{padding:18px 17px}.pocket-215-summary ul,.pocket-215-toc ol,.pocket-215-feature-grid,.pocket-215-use-grid,.pocket-215-warning-grid,.pocket-215-product-grid,.pocket-215-guide-links,.pocket-215-related>div,.pocket-215-check-card ul,.pocket-215-order-check ul{grid-template-columns:1fr}.pocket-215-heading{gap:10px}.pocket-215-heading>span{width:36px;height:36px}.pocket-215-heading h2{font-size:1.28rem}.pocket-215-points article{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:17px}.pocket-215-points>article>span{width:38px;height:38px}.pocket-215-feature-grid article,.pocket-215-choice-grid article,.pocket-215-use-grid article,.pocket-215-warning-grid article,.pocket-215-product-grid>a{padding:18px}.pocket-215-cta{padding:21px}.pocket-215-cta__buttons{grid-template-columns:1fr}.pocket-215-section{margin-bottom:44px}.pocket-215-related{padding:19px}}
@media(max-width:480px){.pocket-215-body #Main{padding:0 8px!important}.pocket-215-page .pageTitle{font-size:1.28rem}.pocket-215-lead,.pocket-215-summary,.pocket-215-toc{padding-left:14px;padding-right:14px}.pocket-215-table-wrap table{min-width:650px}.pocket-215-faq summary{padding-left:15px}.pocket-215-faq details>div{padding-left:15px;padding-right:15px}}
