@media(min-width: 768px){body{min-width:1280px}}header{background-color:rgba(255,255,255,.95);box-shadow:0px 0px 4px 1px rgba(0,0,0,.2)}@media(min-width: 768px){header #header{max-width:1440px;margin-inline:auto}}div.snsbutton{padding:0;margin:0}div.snsbutton ul li{padding:0;margin:0;float:left;display:inline;vertical-align:bottom;width:110px}.twitbutton{width:110px !important}.clear{margin:0px;padding:0px;clear:both;font-size:0px;font-style:normal;line-height:0px;font-weight:normal;font-variant:normal}.sns{padding:5px 0 5px 0}.sns .facebook{float:left;margin-bottom:5px}.sns .titter{float:left;width:110px;margin-left:5px}@media only screen and (min-width: 768px){#wrapper .howto-2col{align-items:center}}#wrapper .feature-hdg2{z-index:-1}header #header{font-family:"Noto Sans JP","游ゴシック","Yu Gothic",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,Sans-Serif}@media only screen and (min-width: 768px){.search_container{width:620px}}#header{width:100%;position:fixed;left:0;top:0;z-index:9998;font-family:"Noto Sans JP","游ゴシック","Yu Gothic",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,Sans-Serif}#large-stock{width:100%;max-width:1200px;margin:20px auto 0}.search_container{position:relative;box-sizing:border-box;border:2px solid #3879d9;display:block;padding:3px 10px;border-radius:3px;height:2.3em;width:620px;overflow:hidden;margin-top:6px}.search_container input[type=text]{border:none;height:2em}.search_container input[type=text]:focus{outline:0}.search_container input[type=submit]{cursor:pointer;font-family:FontAwesome;border:none;background:#3879d9;color:#fff;position:absolute;width:3.5em;height:3em;right:0px;top:-5px;outline:none}@media only screen and (max-width: 767px){#header{height:138px}.sns{padding:0 !important}#large-stock{margin:140px auto 0}}.logo_komeri01{position:absolute}.totop{margin-top:10px;margin-right:4px}@media only screen and (max-width: 768px){.totop{margin-right:55px}}@media only screen and (max-width: 767px){#header-icon{display:none;width:50px}}#header-icon ul{float:left;margin-right:10px}#header-icon li{float:left}#header-icon li a{display:block;width:40px;height:50px;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;background-size:24px 24px}#header-icon li.twitter a{background-image:url(/contents/howto/html_new/img/common/tw.png)}#header-icon li.youtube a{background-image:url(/contents/howto/html_new/img/common/yt.png)}#header-icon li.facebook a{background-image:url(/contents/howto/html_new/img/common/fb.png)}.top-icon{float:right;margin-top:10px;display:none}@media(min-width: 768px){.shopping-icon{grid-area:ec;width:fit-content;margin-inline-start:auto}}@media(max-width: 767px){.shopping-icon{position:absolute;top:0;right:0}}.shopping-icon a{display:block;height:48px;line-height:48px;background-color:#e00012;color:#fff;padding:0 20px;padding-left:64px;background-image:url(/contents/howto/html_new/img/common/shopping-icon.png);background-repeat:no-repeat;background-position:left 20px center;background-size:24px 24px}.top-icon a{display:block;height:48px;line-height:48px;background-color:#297bc4;color:#fff;padding:0 20px;padding-left:64px;background-image:url(/contents/howto/html_new/img/common/home.png);background-repeat:no-repeat;background-position:left 20px center;background-size:24px 24px}.corporate-icon{float:left}.corporate-icon a{display:block;height:50px;line-height:50px;background-color:#e00012;color:#fff;padding:0 20px;padding-left:64px;background-image:url(/contents/howto/html_new/img/common/corporate-icon.png);background-repeat:no-repeat;background-position:left 20px center;background-size:24px 24px}@media only screen and (max-width: 767px){.shopping-icon a{width:50px;padding:0;padding-left:0;background-position:center center;text-indent:-9999px}.top-icon{display:block}.top-icon a{width:50px;margin-right:1px;padding:0;padding-left:0;background-position:center center;text-indent:-9999px}.corporate-icon a{width:50px;padding:0;padding-left:0;background-position:center center;text-indent:-9999px}}#header-icon a{display:block;color:#fff}#header-icon a:hover{color:#fff}#header-icon a:link{color:#fff;text-decoration:none;font-weight:bold}#header-icon a:visited{color:#fff}.shopping-icon a:link{color:#fff;text-decoration:none;font-weight:bold}.top-icon a:link{color:#fff;text-decoration:none;font-weight:bold}#header-nav ul{margin:0 auto;overflow:hidden}#naviArea{display:none}@media only screen and (max-width: 767px){#naviArea{display:block}}#header-nav li{float:left}@media(min-width: 768px){#header-nav li a{height:36px;line-height:36px;display:block;text-align:center;font-size:14px;padding:5px 1.3em;background-repeat:no-repeat;background-position:left center}}#header-nav li:last-child a{background-position:left center,right center}#header-nav li a:link{color:#333;text-decoration:none;font-weight:bold}#header-nav li a:visited{color:#333}.floatR{float:right}.wide375{width:375px;margin-top:10px}.wide375s{display:none}.floatL{float:left}@media only screen and (max-width: 767px){.wide375{margin-top:20px}}@media only screen and (max-width: 650px){.wide375{display:none}.wide375s{display:block;margin-top:10px}}@media only screen and (max-width: 345px){.totop{margin-top:0}}.snsbotan{height:36px;line-height:36px;display:block;padding:5px 1.3em;background-repeat:no-repeat;background-position:left center}@media only screen and (max-width: 767px){.snsbotan{background-image:none}}header{position:sticky;top:0;left:0;z-index:9999}#header{width:100%;position:relative;left:0;top:0;z-index:9998}#header-icon{grid-area:search}@media(min-width: 768px){#header-icon{align-self:end}}#header::after{content:"";display:block;clear:both}.sns .facebook{float:left;margin-top:5px;margin-bottom:0px}#pageTop{position:fixed;bottom:0;right:0;z-index:9999;width:80px;height:80px}#pageTop img{width:100%;height:auto}@media only screen and (max-width: 768px){#pageTop{bottom:25px;right:15px;width:42px;height:42px}}html{scroll-behavior:smooth;scroll-padding-top:120px}@media(max-width: 767px){html{scroll-padding-top:68px}}@media(min-width: 768px){#header{height:102px}}@media(min-width: 768px){#header #header-nav{height:48px;overflow:hidden}}#footer{width:100%}#footer .inner{overflow:hidden}@media only screen and (max-width: 769px){#footer .inner{width:86%;margin:0 7%;padding:0 0 30px}}#footerNav{overflow:hidden;background-color:#fafafa;margin:30px auto}@media only screen and (max-width: 769px){#footerNav{background-color:#fff;margin:10px auto}}#footerNav .footerNavLeftBox{float:left;width:280px;margin:0}@media only screen and (max-width: 1024px){#footerNav .footerNavLeftBox{width:29%;margin-left:25px}}@media only screen and (max-width: 769px){#footerNav .footerNavLeftBox{float:none;width:100%;margin-left:initial}}#footerNav .footerNavRightBox{max-width:1200px;margin:auto}@media only screen and (max-width: 769px){#footerNav .footerNavRightBox{float:none;width:100%;display:none}}#footerNav .category{color:red;width:180px;font-size:16px;font-weight:bold;float:left;margin-bottom:14px;padding-bottom:30px}@media only screen and (max-width: 769px){#footerNav .category{width:100%;float:none}}#footerNav .category a:link{color:#297bc4;text-decoration:none}#footerNav .category a:visited{color:#297bc4;text-decoration:none}#footerNav .category a:hover{color:red}#footerNav .category a:active{color:red;text-decoration:none}@media only screen and (max-width: 769px){#footerNav ul{float:none;width:100%}}#footerNav dt{font-weight:bold;font-size:16px}#footerNav dd{display:inline-block;margin-right:1.6em;font-size:14px}#footerNav dd::before{content:"> ";color:#297bc4}#footerNav dd a:link{color:#333;text-decoration:none}#footerNav dd a:visited{color:#333;text-decoration:none}#footerNav dd a:hover{color:#333;text-decoration:underline}#footerNav dd a:active{color:#333;text-decoration:none}#footerNav .item{border-bottom:solid 1px #ccc;overflow:hidden;padding:20px 0}#footerNav .item:last-child{border-bottom:none}#footerNav .contactBtn{display:block;background-color:#0072b9;background-image:url(/contents/howto/html_new/img/common/mail-icon.png);background-repeat:no-repeat;background-size:24px;background-position:left 20px center;padding-left:56px;font-weight:normal;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;line-height:3.5em;width:220px}@media only screen and (max-width: 1024px){#footerNav .contactBtn{width:65%;font-size:70%}}@media only screen and (max-width: 769px){#footerNav .contactBtn{width:80%;padding:0 10%;text-align:center}}#footerNav .contactBtn:link{color:#fff;text-decoration:none}#footerNav .contactBtn:visited{color:#fff;text-decoration:none}#footerNav .contactBtn:hover{color:#fff;text-decoration:underline}#footerNav .contactBtn:active{color:#fff;text-decoration:none}#footerNav .address{font-size:13px;margin-top:10px;margin-bottom:30px}#footerNav .address span{font-size:20px;font-weight:bold}#footer-pagetop{clear:both;background-color:#297bc4;color:#fff;text-align:right}@media only screen and (max-width: 769px){#footer-pagetop{display:none}}#footer-pagetop .inner{padding:12px 0}@media only screen and (max-width: 1024px){#footer-pagetop .inner{padding:12px 15px 12px 0}}#footer-menu{clear:both;background-color:#e00012;color:#fff;border-bottom:solid 1px #fff}#footer-menu .inner{padding:10px 0}#footer-menu ul{overflow:hidden}@media only screen and (max-width: 1024px){#footer-menu ul{padding:0 30px;text-align:center}}@media only screen and (max-width: 767px){#footer-menu ul{text-align:center}}#footer-menu li{float:left;font-size:14px;padding:0px .9em;margin:4px 0;border-left:1px solid #fff;box-sizing:content-box;border-right:1px solid #fff;margin-right:-1px}@media only screen and (max-width: 1024px){#footer-menu li{padding:0px 1.3em;display:inline-block;float:none}}@media only screen and (max-width: 767px){#footer-menu li{font-size:12px;padding:0px 1.3em;display:inline-block;float:none}}@media only screen and (max-width: 375px){#footer-menu li{font-size:9px;padding:0px .5em}}#footer-menu a:link{color:#fff;text-decoration:none}#footer-menu a:visited{color:#fff;text-decoration:none}#footer-menu a:hover{color:#fff;text-decoration:underline}#footer-menu a:active{color:#fff;text-decoration:none}#copyright{background-color:#fff;background-position:center;border-top-width:1px;border-top-style:solid;display:block;border-top-color:#19499c;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;font-size:small;clear:both;text-align:center}@media only screen and (max-width: 767px){#copyright{font-size:10px}}#contact{background:url(/contents/howto/html_new/img/common/bg_footer.jpg) no-repeat center;background-size:cover;padding:5px 0 10px 0;background-position:75%}#contact .footerNavLeftBox{width:280px}@media only screen and (max-width: 1024px){#contact .footerNavLeftBox{width:29%;margin-left:25px}}@media only screen and (max-width: 769px){#contact .footerNavLeftBox{float:none;width:100%;margin-left:initial}}#contact .contactBtn{display:block;background-color:#0072b9;background-image:url(/contents/howto/html_new/img/common/mail-icon.png);background-repeat:no-repeat;background-size:24px;background-position:left 20px center;padding-left:56px;font-weight:normal;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;line-height:3.5em;width:220px}@media only screen and (max-width: 1024px){#contact .contactBtn{_width:65%;font-size:70%}}@media only screen and (max-width: 760px){#contact .contactBtn{width:50%;padding:0 3% 0 12%;background-position:left 5% center;text-align:center}}#contact .contactBtn:link{color:#fff;text-decoration:none}#contact .contactBtn:visited{color:#fff;text-decoration:none}#contact .contactBtn:hover{color:#fff;text-decoration:underline}#contact .contactBtn:active{color:#fff;text-decoration:none}#contact .address{font-size:13px;margin-bottom:20px;color:#535353}#contact .address span{font-size:20px;font-weight:bold}#footer #contact .inner{padding:20px 0}@media only screen and (max-width: 1024px){#footer #contact .inner{max-width:100%;padding:100px 0 80px 20px}}.apbn{width:99%;margin:10px auto;max-width:1180px}@media only screen and (max-width: 769px){#footer #contact .inner{padding:20px 0}.apbn{width:90%;max-width:620px}}ul.terms{margin:10px 0;padding-block:.75rem;padding-inline:.5rem;text-align:left;list-style-type:none;list-style-position:inside;border:solid 1px #ccc;font-size:.8em;line-height:1.6;width:96%;margin:0 auto;max-width:1160px}ul.terms *+*{margin-block-start:.25rem}ul.terms li{float:none;display:block;text-indent:-1em;padding:0 0 0 1em}.foots{display:none}#naviArea{max-width:600px;margin:0 auto}#naviArea ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}#naviArea ul li{border:1px solid #297bc4;margin-top:-1px;margin-left:-1px;width:24%;text-align:center}.wmax600{max-width:1200px;display:flex;justify-content:space-between}.alignmC{margin:0 auto}.tohome{margin-bottom:50px;padding:0 10px}.blue{color:#2979c6}.tohome p{margin:0px;text-align:left;font-size:80%;display:block;padding:0 0 10px 0}.apbns{display:none}.wmax600 a{text-decoration:none;color:#83838f}@media only screen and (max-width: 767px){.wmax600{flex-direction:column}.tohome p{padding-left:25px}ul.terms{max-width:600px;margin:0 auto 10px;width:90%}.foots{display:block}.wmax600{max-width:600px}.tohome{margin-bottom:0}}@media only screen and (max-width: 600px){.apbnp{display:none}.apbns{display:block}.apbn{width:94%}}footer{border-top:1px solid #297bc4;padding-block:.75rem}@media(max-width: 767px){footer{padding-inline:1rem}}footer .l-footer__bnr{display:block;max-width:1160px;margin-inline:auto;margin-block:1rem .5rem}footer .l-footer__bnr img{width:100%;height:auto}footer ul.terms{box-sizing:border-box;width:100%;margin-block-start:.75rem}footer #footerNav{background-color:#f1f1f1}footer #footerNav .category a{color:#333}footer #footerNav .category a:visited{color:#333}@media(min-width: 768px){#header #header-logo{padding-inline-start:1.25rem}}@media(max-width: 767px){#header #header-logo{display:flex;align-items:center;height:48px}}@media(max-width: 767px){#header #header-logo img{width:calc(100% - 96px - 34px);height:auto;padding-inline-start:1rem}}@media(max-width: 767px){#header #header-nav{margin:0;float:revert}}@media(max-width: 767px){#header #header-nav ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background-color:#a67c52;gap:1px;padding-block:1px}}@media(max-width: 767px){#header #header-nav ul li{float:revert;background-color:#fff}}@media(max-width: 767px){#header #header-nav ul li a{display:flex;justify-content:center;align-items:center;height:40px;font-size:clamp(.563rem,-0.563rem + 5vw,.75rem);color:#a67c52;font-weight:600;text-align:center;line-height:1.2}}@media(max-width: 767px){#header #header-nav ul li:last-child{display:none}}@media(max-width: 767px){#header .shopping-icon,#header .top-icon{margin-top:0}}@media(min-width: 768px){.u-desctop-hidden{display:none}}@media(max-width: 767px){header #header{height:48px}}@media(max-width: 767px){header #header #header-nav{position:fixed;top:48px;width:100%;z-index:2;transition:.85s}}@media(max-width: 767px){header #header #header-nav.hide{transform:translateY(-60px);z-index:-1;pointer-events:none;opacity:0}}html:has(dialog[open]){overflow:hidden}@media(min-width: 768px){#header{display:grid;grid:"logo search ec" 54px "nav nav nav" auto/400px 1fr 1fr;gap:0 1.5rem}}@media(min-width: 768px){#header #header-logo{grid-area:logo;align-self:end}}@media(min-width: 768px){#header #header-logo img{width:376px;height:auto}}@media(min-width: 768px){#header #header-icon{align-self:end}}#header #header-icon #header-search{width:480px;height:44px}#header #header-icon #header-search *{box-sizing:border-box}#header #header-icon #header-search form{display:grid;grid-template-columns:1fr 42px;height:100%;border:1px solid #979797;border-radius:4px}#header #header-icon #header-search input:is([type=text]){padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0);height:100%;cursor:pointer;border-radius:4px 0 0 4px}#header #header-icon #header-search button{padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0);height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#979797;width:42px;height:42px;border-radius:0 2px 2px 0}#header #header-icon #header-search button img{width:20px;height:auto}#header #header-icon #header-search input[type=text]{background-color:#fff;color:#333;padding-inline:1rem}#header #header-icon #header-search input[type=text]:focus{background-color:#eff7ff}#header #header-nav{grid-area:nav;align-self:center}@media(any-hover: hover)and (min-width: 768px){#header #header-nav li a:hover{text-decoration:underline;text-underline-offset:.35em;opacity:.85;transition:.4s}}#header .top-icon{position:absolute;top:0;right:49px}#header .top-icon button{padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0);height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#979797;width:48px;height:48px}#header .top-icon button img{width:20px;height:auto}#header :where(dialog){inline-size:unset;max-inline-size:unset;block-size:unset;max-block-size:unset;padding:unset;margin:unset;color:unset;background-color:unset;border:unset;overflow:unset}#header dialog{--gutter: max(5vmin, 24px);border:0;position:fixed;margin:auto;border-radius:12px;background-color:#fff;box-shadow:0 0 14px 0 rgba(15,17,17,.5);inline-size:min(100% - var(--gutter)*2,1080px);block-size:40dvh;transition:opacity .2s ease-out,transform .2s ease-out;border-radius:12px}@media(max-width: 767px){#header dialog{position:fixed;inline-size:100vw;block-size:100dvh;border-radius:16px 16px 0 0;top:90dvh;translate:0 100%}}#header dialog .modal-dialog__close{padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:100%;cursor:pointer;position:absolute;top:20px;right:16px;width:24px;height:24px}#header dialog .modal-dialog__close::before{content:"";display:block;position:absolute;width:24px;height:1px;transform:translateY(0) rotate(-45deg);background-color:#333;transition:.1s;border-radius:2px}#header dialog .modal-dialog__close::after{content:"";display:block;position:absolute;left:0;width:24px;height:1px;background-color:#333;transition:.1s;border-radius:4px;transform:translateY(0px) rotate(45deg)}#header dialog .modal-dialog-container{position:relative;margin-block-start:3.5rem;padding-inline:1.5rem}#header dialog .modal-dialog-container h2,#header dialog .modal-dialog-container p{font-weight:bold}#header dialog .modal-dialog-search{width:100%;margin-block-start:.75rem;height:44px}#header dialog .modal-dialog-search *{box-sizing:border-box}#header dialog .modal-dialog-search form{display:grid;grid-template-columns:1fr 42px;height:100%;border:1px solid #979797;border-radius:4px}#header dialog .modal-dialog-search input:is([type=text]){padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0);height:100%;cursor:pointer;font-size:16px}#header dialog .modal-dialog-search button{padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0);height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#979797;width:42px;height:42px;border-radius:0 2px 2px 0}#header dialog .modal-dialog-search button img{width:20px;height:auto}#header dialog .modal-dialog-search input[type=text]{background-color:#fff;color:#333;padding-inline:1rem;border-radius:4px 0 0 4px}#header dialog .modal-dialog-search input[type=text]:focus{border:1px solid #333}@media(max-width: 767px){#header dialog[open]{translate:0;transition:.3s cubic-bezier(0.33, 1, 0.68, 1)}@starting-style{#header dialog[open]{visibility:hidden;translate:0 100%}}}@media(max-width: 767px)and (max-width: 767px){#header dialog[open].hide-to{animation-name:modalOut;animation-duration:.3s;animation-fill-mode:fowards;animation-timing-function:ease-out}}@media(max-width: 767px)and (min-width: 768px){#header dialog[open].hide-to{animation-name:modalOutMd;animation-duration:.2s;animation-fill-mode:fowards;animation-timing-function:ease-out}}@media(max-width: 767px){#header dialog[open].hide-to::backdrop{opacity:0}}#header dialog[open]::backdrop{background-color:rgba(0,0,0,.5);backdrop-filter:blur(2px)}@keyframes modalOut{0%{transform:translateY(0);opacity:1}100%{transform:translateY(100%);opacity:0}}@keyframes modalOutMd{0%{transform:translateY(0);opacity:1}100%{transform:translateY(8px);opacity:0}}@media(max-width: 767px){html{scroll-padding-top:40px}}@media(max-width: 767px){#wrapper{margin-block-start:88px !important;padding-top:0 !important}}@media(min-width: 768px){#wrapper{padding:0 !important}}@media(min-width: 768px){#wrapper #large-stock{padding-top:0 !important;margin-inline:auto !important;margin-block:.75rem 0 !important}}@media(max-width: 767px){#wrapper #large-stock{margin:0 !important;padding-top:0 !important}}#menu{display:none}header #header{background-color:none;box-shadow:none}@media(max-width: 767px){#header-nav{display:revert !important}}@media(max-width: 767px){#header-nav li a{padding:0 !important}}@media(min-width: 768px){#header-logo{float:none;margin:0;height:revert}}@media(max-width: 767px){#header-logo{margin-top:0;margin-right:0;float:revert;margin-left:0}}@media(min-width: 768px){#header-icon{position:static}}@media(min-width: 768px){.shopping-icon{float:none;margin-top:0}}/*# sourceMappingURL=footer.css.map */