.hat-shop-guide-container>h2{margin:0;padding:0;background:var(--color-background);font-weight:500;line-height:1.5;padding:1ex 1.5ex}.hat-shop-guide-container .hat-guide-simple{text-align:justify}.hat-shop-guide-container .hat-guide-simple.border{border-bottom:1px solid #ccc}.hat-shop-guide-container .hat-guide-simple h3{padding:0}.hat-shop-guide-container .hat-guide-simple .simple-titile{font-weight:700;color:var(--color-glamourdise)}.hat-shop-guide-container .hat-guide-simple .hat-guide-simple-text p{margin:2em 0 0}.hat-shop-guide-container .hat-guide-simple .hat-guide-simple-text p:first-child{margin-top:0}.hat-shop-guide-container .hat-guide-simple .hat-guide-order{display:flex;flex-direction:column}.hat-shop-guide-container .hat-guide-simple .hat-guide-order .step{line-height:1;margin:0}.hat-shop-guide-container .hat-guide-simple .hat-guide-order .step span{display:inline-block;background:var(--color-glamourdise);color:#fff;font-weight:500;padding:.8ex 1em}.hat-shop-guide-container .hat-guide-simple .hat-guide-order h3{margin:0;font-weight:500;order:1}.hat-shop-guide-container .hat-guide-simple .hat-guide-order .text{order:1}.hat-shop-guide-container .hat-guide-simple img{display:block;width:100%;height:auto;margin:0}.hat-shop-guide-container .hat-guide-accordion{margin:0;border-bottom:1px solid #ccc}.hat-shop-guide-container .hat-guide-accordion dd{margin:0}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title{line-height:1.5;padding:4px 0}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span{display:block;font-weight:500;position:relative}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span:before,.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span:after{content:"";display:block;width:16px;position:absolute;top:50%;border-top:1px solid currentColor}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span:after{transform:rotate(90deg);transition:transform 200ms ease-in-out}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span.active:after{transform:none}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-text{display:none;line-height:1.5;text-align:justify}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-text p{margin:0}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-text p+p{margin-top:1.5em}@media screen and (max-width: 749px){.hat-shop-guide-container>h2{font-size:1.8rem}.hat-shop-guide-container>h2+.hat-guide-simple .hat-guide-grid{margin-top:26px}.hat-shop-guide-container .hat-guide-simple{margin:26px 0 0}.hat-shop-guide-container .hat-guide-simple.border{padding-bottom:26px}.hat-shop-guide-container .hat-guide-simple h3{margin:0 0 6px}.hat-shop-guide-container .hat-guide-simple .simple-titile{font-size:1.7rem}.hat-shop-guide-container .hat-guide-simple ul{padding-left:1.8em}.hat-shop-guide-container .hat-guide-simple .hat-guide-grid{margin-top:40px}.hat-shop-guide-container .hat-guide-simple .hat-guide-grid .hat-guide-order{margin-top:20px}.hat-shop-guide-container .hat-guide-simple .hat-guide-grid .hat-guide-order h3{margin-top:18px;font-size:1.8rem}.hat-shop-guide-container .hat-guide-simple .hat-guide-grid .hat-guide-order .text{margin-top:16px;font-size:1.4rem}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span{padding:12px 40px 12px 0;text-align:justify}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span:before,.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span:after{right:10px}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-text{padding:0 0 26px;font-size:1.4rem}}@media screen and (min-width: 750px){.hat-shop-guide-container>h2{font-size:2.4rem}.hat-shop-guide-container .hat-guide-simple{margin:40px 0 0}.hat-shop-guide-container .hat-guide-simple.border{padding-bottom:40px}.hat-shop-guide-container .hat-guide-simple h3{margin:0 0 10px}.hat-shop-guide-container .hat-guide-simple .simple-titile{font-size:2rem}.hat-shop-guide-container .hat-guide-simple .hat-guide-grid{display:grid;gap:0 40px;grid-template-columns:400px 1fr}.hat-shop-guide-container .hat-guide-simple .hat-guide-grid .hat-guide-order .step span{font-size:2rem}.hat-shop-guide-container .hat-guide-simple .hat-guide-grid .hat-guide-order h3{margin-top:24px;font-size:2rem}.hat-shop-guide-container .hat-guide-simple .hat-guide-grid .hat-guide-order .text{margin-top:16px}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span{padding:20px 50px 20px 18px;cursor:pointer;border-radius:6px;transition:background-color 200ms ease-in-out}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span:hover{background:var(--color-background)}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span:before,.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-title span:after{right:20px}.hat-shop-guide-container .hat-guide-accordion .hat-guide-accordion-text{padding:10px 18px 36px}}