section.page-guide{margin:40px 0 0;padding:0}div.mainLead{margin:40px auto 0;padding:0;font-size:100%;line-height:1.4em;max-width:960px;letter-spacing:.08rem}@media screen and (min-width:768px){div.mainLead{text-align:center}}div.mainLead p{line-height:1.4em}div.guideBox{width:calc(100% - 42px);max-width:1200px;margin:40px 0 0;padding:20px;background:var(--white);border:1px solid var(--color-border)}@media screen and (min-width:768px){div.guideBox{width:calc(100% - 82px);padding:40px}}div.guideBox h2{margin:0;padding:0 0 8px;border-bottom:1px solid #666;font-size:120%;font-weight:700;line-height:1em;position:relative}@media screen and (min-width:768px){div.guideBox h2{font-size:140%}}div.guideBox .guideDetail{margin:20px 0 0;padding:0}div.guideBox .guideDetail h3{margin:0 0 8px;padding:0;font-size:110%;font-weight:700;line-height:1.2em;color:#333}@media screen and (min-width:768px){div.guideBox .guideDetail h3{font-size:120%}}div.guideBox .guideDetail div p{font-size:90%;line-height:1.4em;margin:0 0 1em!important}ul.notice{margin:20px 0 0;padding:0}ul.notice li{margin:0 0 4px;padding:0 0 0 16px;font-size:72%;line-height:1.4em;position:relative}ul.notice li:before{position:absolute;top:0;left:0;content:"\203b"}span.att{color:red;font-weight:700}div.guideLink{margin:40px 0 0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}div.guideLink a{display:block;width:calc(100% - 2px);margin:0 0 8px}div.guideLink a.this{background:#fff;border-color:var(--color-border)!important;color:var(--color-subtext)!important;pointer-events:none}@media screen and (min-width:480px){div.guideLink a{width:calc((100% - 64px)/2);margin:0 20px 20px 0}div.guideLink a:nth-child(2n){margin:0 0 20px}}@media screen and (min-width:680px){div.guideLink a{width:calc((100% - 148px)/4);margin:0 20px 20px 0}div.guideLink a:nth-child(2n){margin:0 20px 20px 0}div.guideLink a:nth-child(4n){margin:0 0 20px}}div.pointList{margin:40px 0 0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}div.pointList div{width:calc(100% - 34px);margin:0 0 8px;padding:8px 16px;border:1px solid var(--color-border);border-radius:4px;min-height:126px;background-size:initial;background-position:center center;background-repeat:no-repeat}@media screen and (min-width:580px){div.pointList div{width:calc((100% - 76px)/2);margin:0 8px 8px 0;background-size:30%}div.pointList div:nth-child(2n){margin:0 0 8px}}@media screen and (min-width:860px){div.pointList div{width:calc((100% - (16px * 2 * 3) - (1px * 2 * 3) - (8px * 2)) / 3);margin:0 8px 8px 0;background-size:30%}div.pointList div:nth-child(2n){margin:0 8px 8px 0}div.pointList div:nth-child(3n){margin:0 0 8px}}div.pointList div h3{font-size:110%;font-weight:700;line-height:1.2em;margin:0 0 16px;padding:0;text-align:center;color:#d9a300}div.pointList div p{font-size:90%;line-height:1.2em;margin:0;padding:0}div.regBtn{margin:8px 0 0;padding:0;text-align:center}div.regBtn a.btn{background-color:#d9a300!important;border-color:#d9a300!important;color:var(--white)!important;width:80%!important}div.regBtn a.btn:last-child:hover{background-color:var(--white)!important;color:#d9a300!important}ul.paymentIcon{margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}ul.paymentIcon li{width:56px;margin:0 4px 0 0;padding:0}div.bank{margin:0;padding:12px;border:1px solid var(--color-border);width:fit-content}div.bank h3{font-size:100%!important}div.bank dl{display:flex;flex-wrap:wrap;margin:8px 0 0}div.bank dl dt{width:calc((100% - 10px) / 10 * 1.5);margin:0 10px 4px 0;padding:0;font-size:90%}div.bank dl dd{width:calc((100% - 10px) / 10 * 8.5);margin:0 0 4px;padding:0}img.conveni{max-width:320px}dl.shipList{width:100%;display:flex;flex-wrap:wrap;margin:8px 0 20px;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-top:1px solid var(--color-border)}@media screen and (min-width:768px){dl.shipList{width:480px}}dl.shipList dt{width:calc((100% - 26px)/5);margin:0;padding:4px;font-size:80%;background:#666;color:#fff;border-bottom:1px solid var(--color-border);display:flex;justify-content:center;align-items:center}dl.shipList dd{width:calc((100% - 26px)*.8);margin:0;padding:4px 4px 4px 14px;font-size:80%;border-bottom:1px solid var(--color-border)}div.time{margin:0 0 20px;padding:0;width:fit-content}div.time h3{font-size:100%!important}div.time img.time{width:100%;max-width:480px}ul.chgList li{margin:0 0 4px;padding:0 0 0 12px;font-size:90%;line-height:1.4em;position:relative}ul.chgList li:before{content:"\30fb";position:absolute;top:0;left:0}.returnAdd{padding:4px 8px;border:1px solid var(--color-border);margin:4px 0!important;width:fit-content}ul.printList{margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}ul.printList li{width:calc((100% - 10px)/2);margin:0 10px 10px 0;padding:0;position:relative}ul.printList li:nth-child(2n){margin:0 0 10px}@media screen and (min-width:480px){ul.printList li{width:calc((100% - (20px * 2)) / 3);margin:0 20px 20px 0;padding:0}ul.printList li:nth-child(2n){margin:0 20px 20px 0}ul.printList li:nth-child(3n){margin:0 0 20px}}@media screen and (min-width:768px){ul.printList li{width:calc((100% - 60px)/4);margin:0 20px 20px 0;padding:0}ul.printList li:nth-child(3n){margin:0 20px 20px 0}ul.printList li:nth-child(4n){margin:0 0 20px}}ul.printList li a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}ul.printList li a span{display:none}ul.printList li img{border-radius:4px;margin:0 0 8px;padding:0}ul.printList li h3{margin:0 0 8px;padding:0;font-size:90%!important;font-weight:700;line-height:1.2em;color:var(--color-textlink)}ul.printList li p.h3-eng{margin:0;padding:0;font-size:80%;color:#999;line-height:1.2}ul.printList li:hover img{-webkit-transition:opacity .4s!important;-o-transition:opacity .4s!important;transition:opacity .4s!important;opacity:.8!important}ul.printList li:hover h3{text-decoration:underline}dl.printPrice{width:100%;display:flex;flex-wrap:wrap;margin:8px 0 20px;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-top:1px solid var(--color-border)}@media screen and (min-width:768px){dl.printPrice{width:480px}}dl.printPrice dt{width:calc((100% - 26px)/5);margin:0;padding:4px;font-size:80%;background:#666;color:#fff;border-bottom:1px solid var(--color-border);display:flex;justify-content:center;align-items:center}dl.printPrice dd{width:calc((100% - 26px)*.8);margin:0;padding:4px 4px 4px 14px;font-size:80%;border-bottom:1px solid var(--color-border)}dl.printPrice dd p{margin:0!important;line-height:1.3em}ul.att{margin:0;padding:0}ul.att.bottomMargin{margin:0 0 40px}ul.att li{font-size:72%;line-height:1.4em;margin:0;padding:0 0 2px 16px;position:relative}ul.att li:before{content:"\203b";position:absolute;top:0;left:0}ul.printColor{margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}ul.printColor li{width:calc((100% - (10px * 5)) / 6);margin:0 10px 10px 0;padding:0}ul.printColor li:nth-child(6n){margin:0 0 10px}@media screen and (min-width:580px){ul.printColor li{width:calc((100% - 70px)/8);margin:0 10px 20px 0}ul.printColor li:nth-child(6n){margin:0 10px 20px 0}ul.printColor li:nth-child(8n){margin:0 0 20px}}@media screen and (min-width:680px){ul.printColor li{width:calc((100% - 90px)*.1);margin:0 10px 20px 0}ul.printColor li:nth-child(8n){margin:0 10px 20px 0}ul.printColor li:nth-child(10n){margin:0 0 20px}}@media screen and (min-width:768px){ul.printColor li{width:calc((100% - (10px * 11)) / 12);margin:0 10px 20px 0}ul.printColor li:nth-child(10n){margin:0 10px 20px 0}ul.printColor li:nth-child(12n){margin:0 0 20px}}ul.printColor li div:first-child{border:1px solid var(--color-border);border-radius:4px}ul.printColor li div:first-child:before{content:"";display:block;padding-top:100%}ul.printColor li div.red{background:#a62126}ul.printColor li div.orange{background:#e95433}ul.printColor li div.goldenOrange{background:#f19639}ul.printColor li div.yellow{background:#fef23e}ul.printColor li div.lightGreen{background:#aacc04}ul.printColor li div.green{background:#2d883b}ul.printColor li div.sky{background:#5dc1d0}ul.printColor li div.blue{background:#024385}ul.printColor li div.purple{background:#4d4495}ul.printColor li div.brown{background:#6c3a07}ul.printColor li div.black{background:#241917}ul.printColor li div.white{background:#fff}ul.printColor li div.num{margin:4px 0 0;padding:0;text-align:center;font-weight:700;font-size:75%}@media screen and (max-width: 769px){ul.printColor li div.num{font-size:50%}}div.printExp{padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative}div.printExp:last-child{margin:0}div.printExp h3{width:100%;margin:0 0 8px;padding:0}div.printExp picture{width:100%;margin:0 0 16px;padding:0}div.printExp div{width:100%}@media screen and (min-width:580px){div.printExp picture{width:calc((100% - 20px - (1px * 2)) / 10 * 3.6);margin:0 20px 16px auto}div.printExp div{width:calc((100% - 20px - (1px * 2)) / 10 * 6.4);margin:0 0 16px}}@media screen and (min-width:680px){div.printExp picture{width:calc((100% - 22px)/2);margin:0 20px 16px auto}div.printExp div{width:calc((100% - 22px)/2);margin:0 0 16px}}div.printExp picture img{border:1px solid var(--color-border);border-radius:4px;margin:0 auto;width:100%}
/*# sourceMappingURL=/cdn/shop/t/405/assets/tofro-guide.css.map */