.off480@media screen and (max-width:1280px){html{min-width:1200px}}@media screen and (max-width:1024px){html{min-width:960px}}@media screen and (max-width:768px){html{min-width:700px}}@media screen and (max-width:480px){html{min-width:inherit}}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none!important}html{overflow-y:scroll}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ol,ul{list-style:none}fieldset,img{border:0}img{max-width:100%;vertical-align:bottom}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}a{text-decoration:none;cursor:pointer;color:#000}a:hover{opacity:.5}a:focus{outline:none}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}body *{box-sizing:border-box;font-family:source-han-sans-japanese,sans-serif;font-size:15px}div *{font-size:inherit}.yu-gothic,.hiragino-kaku{font-family:source-han-sans-japanese,sans-serif;font-weight:400;font-style:normal}.on1024{display:none}.off1024{display:block}@media screen and (max-width:1024px){.on1024{display:block}.off1024{display:none}}.on768{display:none}.off768{display:block}@media screen and (max-width:768px){.on768{display:block}.off768{display:none}}.on480{display:none}@media screen and (max-width:480px){.on480{display:block}.off480{display:none}}.c1{color:#63b02d}.c2{color:#fff}.c3{color:#000}.c4{color:#f01414}.mr15p{margin-right:15px}.mb15p{margin-bottom:15px!important}.f12{font-size:12px}.f13{font-size:13px}.flex{display:flex}.bold{font-weight:700}#header .text-bar{background-color:#63b02d;padding:5px 25px;color:#fff;display:flex;justify-content:space-between;font-size:12px}#header .head-sub{display:flex;justify-content:flex-end}#header .head-sub .welcome{margin-right:30px;padding-right:30px;border-right:1px solid #fff}#header .head-sub .logout{position:relative}#header .head-sub .logout::after{content:'';position:absolute;width:0;height:0;top:30%;right:-15%;border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}#header .header-content{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 20px 5px}#header .header-content .left{display:flex}#header .header-content .left .text-box .en-ttl{font-size:10px;color:#999}#header .header-content .left .flex{align-items:center}#header .header-content .left .icon-img-box{width:30px;margin-left:35px;margin-right:10px}#header .menu-box{display:flex;align-items:center}#header .menu-box ul.menu{display:flex;align-items:center}#header .menu-box ul.menu li{padding:0 3px;color:#000;max-height:70px}#header .menu-box ul.menu li:last-child a{display:flex;align-items:center}#header .menu-box ul.menu li:last-child a img{margin-left:8px;height:70px}#header .gray-zone{background-color:#f5f5f5;padding:9px 25px}#header .gray-zone nav ul{display:flex;justify-content:flex-end}#header .gray-zone nav ul li{border-left:1px solid #c1c1c1;font-size:12px;padding:0 30px;color:#7f7f7f}#header .gray-zone nav ul li:last-child{border-right:1px solid #c1c1c1}#header .gray-zone nav ul li a{color:#7f7f7f}#header .category-zone{padding:10px;background-color:#383838}#header .category-zone .category-box{width:71%;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto}#header .category-zone .category-box .category{position:relative;width:14%;background-color:#fff;border-radius:5px;padding:5px;text-align:center}#header .category-zone .category-box .category::after{position:absolute;content:'';width:16px;height:19px;top:29%;left:4%;background-size:contain;background-repeat:no-repeat}#header .category-zone .category-box .category:nth-of-type(1)::after{background-image:url(../images/header-diy.png)}#header .category-zone .category-box .category:nth-of-type(2)::after{background-image:url(../images/header-reform.png)}#header .category-zone .category-box .category:nth-of-type(3)::after{background-image:url(../images/header-gardening.png)}#header .category-zone .category-box .category:nth-of-type(4)::after{background-image:url(../images/header-washing.png)}#header .category-zone .category-box .category:nth-of-type(5)::after{background-image:url(../images/header-roof.png)}#header .category-zone .category-box .category:nth-of-type(6)::after{background-image:url(../images/header-pro.png)}#header .category-zone .category-box .category:nth-of-type(7)::after{background-image:url(../images/header-three-line.png);width:13px;height:19px;top:33%;left:2%}#header .category-zone .category-box .green.category{color:#fff;background-color:#63b02d}#header .category-zone .category-box .green.category img{width:13px;margin-right:3px}#nav-open{display:inline-block;width:60px;height:50px;padding:8px 7px;vertical-align:middle;border:3px solid #63b02d;margin-left:15px}#nav-open span,#nav-open span:before,#nav-open span:after{position:absolute;transition:all 0.4s;height:4px;width:40px;background:#63b02d;display:block;content:'';cursor:pointer;z-index:9999}#nav-open span:before{bottom:-13px}#nav-open span:after{bottom:-26px}#nav-open.active span{position:fixed;-webkit-transform:translateY(13px) rotate(-45deg);transform:translateY(13px) rotate(-45deg);background-color:#fff}#nav-open.active span:before{-webkit-transform:translateY(-13px) rotate(45deg);transform:translateY(-13px) rotate(45deg);opacity:0}#nav-open.active span:after{-webkit-transform:translateY(-26px) rotate(45deg);transform:translateY(-26px) rotate(90deg);background-color:#fff}#green-menu{display:none}#green-menu.active{position:fixed;display:block;width:45vw;height:100vh;top:0;right:0;background-color:#63b02d;z-index:11}#green-menu.active ul.resp-menu{width:70%;margin:50% auto 10%;display:flex;flex-wrap:wrap;text-align:center}#green-menu.active ul.resp-menu li{width:50%;margin-bottom:50px}#green-menu.active ul.resp-menu li a{color:#fff}#green-menu.active .ec-box{display:block;width:fit-content;position:relative;border:2px solid #fff;padding:15px;color:#fff;margin:0 auto}#green-menu.active .ec-box::after{position:absolute;content:'';background-image:url(../images/top-white-arrow.png);width:9px;height:13px;top:41%;right:1%;background-size:contain;background-repeat:no-repeat}@media screen and (max-width:1366px){#header .category-zone .category-box{width:75%}}@media screen and (max-width:1280px){#header .category-zone .category-box{width:80%}}@media screen and (max-width:1024px){#header .text-bar{flex-direction:column}#header .header-content{padding:5px 10px}#header .header-content .logo-box{width:180px}#header .header-content .img-box{width:22vw;min-width:175px}#header .header-content .img-box::after{width:53%;height:45px;top:-37%;right:18%}#header .category-zone .category-box{justify-content:flex-start}#header .category-zone .category-box .category{width:24%;margin-right:1%;margin-bottom:10px}#header .category-zone .category-box .category:nth-of-type(5),#header .category-zone .category-box .category:nth-of-type(6),#header .category-zone .category-box .category:nth-of-type(7){margin-bottom:0}#header .category-zone .category-box .category::after{width:19px;height:19px;top:24%;left:4%}#header .category-zone .category-box .green.category{display:block}}@media screen and (max-width:768px){#green-menu.active{width:60vw}#header .category-zone .category-box{width:95%}#header .gray-zone nav ul li{padding:0 10px}}@media screen and (max-width:480px){#header .text-bar{font-size:10px;padding:5px 15px}#header .text-bar .catch-phrase{margin-bottom:10px}#header .head-sub .welcome{margin-right:10px;padding-right:10px}#header .header-content{align-items:flex-start}#header .header-content .left .flex .text-box .ja-ttl{font-size:10px}#header .header-content .left .icon-img-box{margin-left:0}#header .header-content .logo-box{width:150px}#header .gray-zone nav ul{flex-wrap:wrap;justify-content:flex-start}#header .category-zone .category-box .category{width:49%;margin-right:1%}#header .category-zone .category-box .category:nth-of-type(5),#header .category-zone .category-box .category:nth-of-type(6){margin-bottom:10px}#header .category-zone .category-box .category:nth-of-type(7){margin-bottom:0}#nav-open{width:50px;height:40px;padding:5px;margin-left:0}#nav-open span,#nav-open span:before,#nav-open span:after{width:34px}#nav-open span:before{bottom:-10px}#nav-open span:after{bottom:-20px}#nav-open.active span{-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg)}#nav-open.active span:before{-webkit-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg)}#nav-open.active span:after{-webkit-transform:translateY(-20px) rotate(45deg);transform:translateY(-20px) rotate(90deg)}#green-menu.active{width:100vw}}#header .search_container{box-sizing:border-box;position:relative;border:1px solid #e1e1e1;display:block;padding:1px 10px;border-radius:5px;height:30px;width:260px;overflow:hidden;color:#e1e1e1;font-size:12px}#header .search_container input[type="text"]{border:none;height:2em;color:#777}#header .search_container input[type="text"]:focus{outline:0}#header .search_container .submit-img{cursor:pointer;position:absolute;width:15px;height:10px;right:8px;top:5px;outline:none}#footer{text-align:center}#footer .green-zone{position:relative;width:100%;height:15px;background-color:#63b02d;margin-bottom:60px}#footer .green-zone .to-top{position:absolute;width:55px;height:55px;top:-20px;right:7%;background-size:contain;background-repeat:no-repeat}#footer .logo-box{max-width:230px;margin:0 auto}#footer .shopping-box{display:flex;flex-direction:column;align-items:center;margin-top:15px}#footer .shopping-box .icon-img-box{width:30px;margin-bottom:10px}#footer .shopping-box .text-box{text-align:center}#footer .shopping-box .text-box .en-ttl{font-size:10px;color:#999}#footer ul{display:flex;flex-wrap:wrap;width:fit-content;max-width:760px;margin:35px auto;justify-content:space-between;align-items:center}#footer ul li{text-align:center;border-left:1px solid #dadada}#footer ul li:last-child{border-right:1px solid #dadada}#footer ul li a{font-size:12px;margin:0 20px}#footer .address{margin-bottom:7px}#footer .open-time{margin-top:7px}#footer .phone-num{font-size:14px}#footer .ec-link-box{position:relative;width:20%;min-width:270px;color:#fff;display:flex;justify-content:center;align-items:center;padding:12px;background-color:#63b02d;border-radius:10px;margin:50px auto 45px;cursor:pointer}#footer .ec-link-box::after{position:absolute;content:'';background-image:url(../images/top-white-arrow.png);width:9px;height:13px;top:41%;right:4%;background-size:contain;background-repeat:no-repeat}#footer .ec-link-box img{width:30px;margin-right:5px}#footer .copy-right{font-size:11px;padding:20px;background-color:#c3c3c3;color:#fff}@media screen and (max-width:768px){#footer ul li a{margin:0 10px}}@media screen and (max-width:480px){#footer .logo-box{width:150px;margin:0 auto}#footer ul{width:90%}}.breadcrumb{max-width:1400px;margin:5px 2%;width:90%}.breadcrumb ul{display:flex;flex-wrap:wrap}.breadcrumb ul li{margin-right:10px;font-size:12px}.breadcrumb ul li a{color:#ff7200;text-decoration:underline}.breadcrumb ul li:last-child{margin-right:0}.breadcrumb ul li:last-child p,.breadcrumb ul li span{margin-top:0;color:#000}@media screen and (max-width:768px){.breadcrumb.width{width:90%}}