@charset "UTF-8";#main{margin-top:24px;background-color:#fff}#main .mainBox{padding:32px 30px 224px;box-sizing:border-box}#main .pagePath{margin-bottom:45px}#main .pagePath li:last-child{color:#000}#main .info{width:960px;margin:0 auto 80px}#main .info h2{margin-bottom:53px;font-size:2.2rem;letter-spacing:.08em}#main .info h2 span{margin-top:10px;display:block;color:#02a464;font-size:2.7rem}#main .info .topList{margin-bottom:38px}#main .info .topList li{width:156px;margin-right:6px}#main .info .topList li:last-child{margin-right:0}#main .info .topList a{padding:9px 0 7px;display:block;text-align:center;letter-spacing:.04em;background-color:#faf7f2;border-radius:10px 10px 0 0}#main .info .topList li.on a{color:#fff;font-weight:700;background-color:#e0684b}#main .info .color{margin-bottom:36px;padding-left:56px;color:#e0684b;font-size:2.4rem;font-weight:700;background:url(time-red.png) no-repeat left 15px center;background-size:30px auto}#main .info .bgBox{margin-bottom:46px;background-color:#fdfcfa;border-radius:10px;overflow:hidden}#main .info .bgBox h3{padding:28px 46px 26px;font-size:1.8rem;letter-spacing:.06em;background-color:#faf7f2}#main .info .bgBox>div{padding:34px 46px}#main .info .bgBox .imgUl li{margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}#main .info .bgBox .imgUl li:last-child{margin-bottom:0!important}#main .info .bgBox .imgUl .img{width:110px}#main .info .bgBox .imgUl p{width:calc(100% - 146px);line-height:1.75;letter-spacing:.1em}#main .info .link{margin-bottom:50px;text-align:center}#main .info .link span{margin-bottom:14px;display:block;font-size:1.3rem}#main .info .link a{width:279px;padding:6px 0;margin:0 auto;display:block;font-size:1.5rem;color:#fff;letter-spacing:.1em;font-weight:700;background-color:#02a464;border-radius:27px}#main .info .link a:hover{opacity:.7}#main .info .bgBox01{margin-bottom:75px}#main .info .bgBox01>div{padding:37px 46px}#main .info .bgBox .imgBox:not(:last-child){margin-bottom:44px}#main .info .bgBox .imgBox .img{margin:6px -4px 0 0;width:398px}#main .info .bgBox .imgBox .txtBox{width:435px}#main .info .bgBox .imgBox p{font-size:1.5rem;line-height:1.86;letter-spacing:.1em}#main .info .bgBox .imgBox p span{display:block;font-size:1.6rem;font-weight:700}#main .btmBox{width:960px;margin:0 auto}#main .btmBox h2{margin-bottom:55px}#main .comList{max-width:890px;margin:-30px auto 97px}#main .comList li{margin:30px 30px 0 0;width:200px}#main .comList li:nth-child(4n){margin-right:0}#main .comList a{height:143px;padding-top:52px;font-size:1.7rem;letter-spacing:.04em;line-height:1.7;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;background-color:#f0f8f5;border-radius:10px;box-sizing:border-box}#main .comList .icon{position:absolute;left:0;width:100%;text-align:center;top:22px}#main .comList .icon01{top:28px}#main .comList a:hover{opacity:.7}#main .imgBanner img{width:100%;margin-top:10px}@media screen and (min-width: 897px){#main .info .topList li a:hover{color:#fff;font-weight:700;background-color:#e0684b}}@media screen and (max-width: 896px){#main{margin-top:0}#main .mainBox{padding:15px 15px 60px}#main .pagePath{margin-bottom:20px}#main .info{width:auto;margin:0 auto 40px}#main .info h2{margin-bottom:20px;font-size:1.8rem;letter-spacing:0}#main .info h2 span{margin-top:5px;font-size:2.2rem}#main .info .topList{margin-bottom:20px;justify-content:space-between}#main .info .topList li{width:32.5%;margin-right:0}#main .info .topList a{letter-spacing:0;font-size:1.2rem}#main .info .color{margin-bottom:15px;padding-left:22px;font-size:1.6rem;background-position:left top 5px;background-size:16px auto}#main .info .bgBox{margin-bottom:30px!important}#main .info .bgBox h3{padding:10px;font-size:1.5rem}#main .info .bgBox>div{padding:15px!important}#main .info .bgBox .imgUl li{display:block}#main .info .bgBox .imgUl .img{margin:0 auto 10px}#main .info .bgBox .imgUl p{width:auto}#main .info .link{margin-bottom:30px}#main .info .link span{margin-bottom:10px;font-size:1.2rem}#main .info .link a{width:260px;font-size:1.4rem}#main .info .bgBox .imgBox:not(:last-child){margin-bottom:30px}#main .info .bgBox .imgBox .img{margin:0 0 15px!important;width:100%!important;order:-1;text-align:center}#main .info .bgBox .imgBox .txtBox{width:100%}#main .info .bgBox .imgBox p{font-size:1.3rem;line-height:1.6}#main .info .bgBox .imgBox p span{font-size:1.4rem}#main .btmBox{width:auto}#main .btmBox h2{margin-bottom:20px}#main .btmBox h2 img{width:120px}#main .comList{max-width:inherit;margin:-10px auto 30px;justify-content:space-between}#main .comList li{margin:10px 0 0;width:48.5%}#main .comList a{height:100px;padding:52px 5px 0;font-size:1.3rem;line-height:1.5}#main .comList .icon{top:15px}#main .comList .icon01{top:20px}}#main .info .method .bgBox{margin-bottom:77px}#main .info .method .bgBox>div{padding:28px 46px 35px}#main .info .method .bgBox li{position:relative;padding:0 0 18px 45px;font-size:1.5rem;line-height:1.86;letter-spacing:.1em}#main .info .method .bgBox .liTxt{padding-top:6px}#main .info .method .bgBox li .bold{display:block;font-size:1.6rem;font-weight:700}#main .info .method .bgBox li .num{position:absolute;left:0;top:6px;width:28px;height:28px;line-height:1;letter-spacing:0;padding-top:3px;display:block;text-align:center;color:#02a464;font-size:1.8rem;font-weight:700;border:2px solid #02A464;background-color:#fff;box-sizing:border-box;border-radius:5px}#main .info .method .bgBox .imgBox .img{margin:6px -10px 0 0;width:404px}@media screen and (max-width: 896px){#main .info .method .bgBox li{padding:0 0 10px 25px;font-size:1.3rem;line-height:1.6}#main .info .method .bgBox .liTxt{padding-top:2px}#main .info .method .bgBox li .bold{font-size:1.4rem;letter-spacing:0}#main .info .method .bgBox li .num{top:3px;width:20px;height:20px;padding-top:1px;font-size:1.4rem}}#main .info .procedure .bgBox{margin-bottom:50px}#main .info .procedure .bgBox02{margin-bottom:78px}#main .info .procedure .bgBox>div{padding:28px 46px 35px}#main .info .procedure .bgBox .imgBox:not(:last-child){margin-bottom:29px}#main .info .procedure .bgBox .imgBanner{width:100%;margin-top:30px}@media all and (-ms-high-contrast:none){#main .info .topList a{padding:11px 0 5px}#main .info .bgBox h3{padding:31px 46px 23px}#main .method .info .bgBox li .num{padding-top:5px}#main .info .link a{padding:8px 0 4px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/shopping.css.map */