@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;

700&display=swap);@charset "UTF-8";a,abbr,address,article,aside,audio,b,blockquote,body,button,canvas,caption,cite,code,dd,details,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,mark,menu,nav,ol,p,picture,pre,q,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,u,ul,video{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline;font-family:Noto Sans JP,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,游ゴシック,YuGothic,メイリオ,Meiryo,sans-serif;font-size:16px;color:#232526;font-display:swap}@media only screen and (max-width:768px){a,abbr,address,article,aside,audio,b,blockquote,body,button,canvas,caption,cite,code,dd,details,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,mark,menu,nav,ol,p,picture,pre,q,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,u,ul,video{font-size:14px}}span,strong{font:inherit}body,html{width:100vw;overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}input,select{box-sizing:border-box}ol,ul{list-style:none}blockquote,q{quotes:none}a{text-decoration:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}pre{white-space:pre-wrap}img{width:100%}main{display:block}.base-container{width:1080px;margin:0 auto 100px}@media only screen and (max-width:1024px){.base-container{width:94vw;margin:0 auto 60px}}hr{background-color:#a5b0b6;margin:30px 0;height:1px;border:none}.btn{color:#fff;display:inline-block;text-align:center;width:160px;padding:10px 0;margin-left:5px;font-size:15px;box-shadow:2px 2px 4px #a5b0b6;cursor:pointer;transition:opacity .2s ease}@media only screen and (max-width:768px){.btn{display:none}}.btn img{width:15px;position:relative;top:2px;margin-right:4px}.btn:hover{opacity:.8}.header-container{text-align:center;margin-top:100px}@media only screen and (max-width:1024px){.header-container{margin-top:60px}}.header-container .header-logo{width:400px}@media only screen and (max-width:768px){.header-container .header-logo{width:200px}}.header-container .header-catch{margin:20px 0;font-size:18px;color:#a5b0b6}.update-date{font-size:14px;color:#a5b0b6;margin-top:-16px}@media only screen and (max-width:768px){.update-date{display:none}}footer{text-align:center;margin:40px 0}footer small{color:#a5b0b6;font-size:14px;display:block;margin:10px auto}footer .footer-logo{width:180px;margin:16px auto;display:block}footer .footer-logo:hover{opacity:.8}footer .footer-link{color:#a5b0b6;text-decoration:underline;transition:.2s ease;cursor:pointer;font-size:14px;margin-right:10px}footer .footer-link:active,footer .footer-link:focus,footer .footer-link:hover{color:#dde1e4}footer .footer-link:last-of-type{margin:0}.search-container{margin:40px 0}.search-heading{font-size:18px;margin:10px 0}.search-heading img{position:relative;top:2px;width:20px}.search-input-items{position:relative}.search-input{width:100%;line-height:28px;padding:10px 16px;border:1px solid #a5b0b6;border-radius:5px;box-shadow:2px 2px 4px #a5b0b6;font-size:16px;margin-bottom:20px}@media (-ms-high-contrast:none){.search-input{padding-bottom:20px}}.search-input::-moz-placeholder{color:#a5b0b6}.search-input:-ms-input-placeholder{color:#a5b0b6}.search-input::placeholder{color:#a5b0b6}.search-btn{position:absolute;background:none;top:15px;right:16px;cursor:pointer;transition:opacity .2s ease}.search-btn:hover{opacity:.7}.search-btn p{display:inline-block;position:relative;top:-5px;font-size:14px;margin-right:10px;line-height:20px;color:#1389cb}@media only screen and (max-width:768px){.search-btn p{top:-2px}}.search-btn img{width:20px;position:relative;top:-1px}@media only screen and (max-width:768px){.search-btn img{top:1px}}.search-option{line-height:28px;padding:10px 16px;border:1px solid #a5b0b6;border-radius:5px;box-shadow:2px 2px 4px #a5b0b6;font-size:16px;margin-right:16px}@media only screen and (max-width:768px){.search-option{margin:5px 0;width:100%}}.hex-num{width:160px;line-height:28px;padding:10px 16px;border:1px solid #a5b0b6;border-radius:5px;box-shadow:2px 2px 4px #a5b0b6;font-size:16px;margin-bottom:20px}@media (-ms-high-contrast:none){.hex-num{padding-bottom:20px}}@media only screen and (max-width:768px){.hex-num{display:block;width:100%}}.hex-num::-moz-placeholder{color:#a5b0b6}.hex-num:-ms-input-placeholder{color:#a5b0b6}.hex-num::placeholder{color:#a5b0b6}.hex-check{margin-left:20px}.hex-check+label{font-size:14px}.result-heading{display:flex;flex-flow:row;justify-content:space-between;align-items:flex-end}.result-unit{font-size:26px;margin-bottom:10px}.result-option{background-color:#e9f1f4;margin-right:6px;padding:2px 10px;font-weight:700;font-size:14px}@media only screen and (max-width:768px){.result-option{padding:5px 8px;display:inline-block;margin-top:5px}}.result-option:before{content:"#"}.delete-btn{background-color:#a5b0b6}@media only screen and (max-width:1024px){.delete-btn{display:none}}.add-btn{background-color:#87b828}@media only screen and (max-width:1024px){.add-btn{display:none}}.result-table{margin:20px 0;width:100%}.result-table thead{background-color:#e9f1f4}.result-table th{font-weight:700;text-align:center;padding:10px 5px}@media only screen and (max-width:768px){.result-table th{font-size:12px}}@media only screen and (max-width:768px){.result-table th:nth-of-type(5),.result-table th:nth-of-type(6){display:none}}.result-table td{padding:16px 5px;border-bottom:1px solid #e9f1f4;font-size:15px}@media only screen and (max-width:768px){.result-table td{font-size:12px}}.result-table td a{color:#1389cb;text-decoration:underline;transition:.2s ease;cursor:pointer;font:inherit}.result-table td a:active,.result-table td a:focus,.result-table td a:hover{color:#55b8ef}@media only screen and (max-width:768px){.result-table td a{font-size:12px}}.result-table td img{position:relative;top:2px;width:16px;margin-right:2px}.result-table td:first-of-type{width:22%;font-weight:700}.result-table td:nth-of-type(2){width:40%;font-weight:700}.result-table td:nth-of-type(2) p:nth-of-type(2){font-size:14px;font-weight:normal;padding-top:5px}.result-table td:nth-of-type(3){width:10%;text-align:right}.result-table td:nth-of-type(4){width:10%;text-align:center}.result-table td:nth-of-type(5){width:8%;text-align:center}@media only screen and (max-width:768px){.result-table td:nth-of-type(5){display:none}}.result-table td:nth-of-type(6){width:10%;text-align:center}@media only screen and (max-width:768px){.result-table td:nth-of-type(6){display:none}}.part-not-found{margin:30px 0;font-weight:700}.price:before{content:"\A5";margin-right:5px;font-size:13px}@media only screen and (max-width:768px){.price:before{display:none}}.leadtime,.notice{font-size:14px}.notice{display:block;text-align:right;color:#a5b0b6}.part-number{width:40px;padding:4px 0;text-align:center}.form-system-name,.part-number{box-shadow:2px 2px 4px #a5b0b6;border:1px solid #a5b0b6;border-radius:5px}.form-system-name{width:120px;position:relative;top:4px;line-height:20px;margin-right:10px;padding:5px 10px;font-size:14px}@media only screen and (max-width:1024px){.form-system-name{display:none}}.form-system-name::-moz-placeholder{color:#a5b0b6}.form-system-name:-ms-input-placeholder{color:#a5b0b6}.form-system-name::placeholder{color:#a5b0b6}.cart-header{display:flex;flex-flow:row;justify-content:space-between;margin:60px 0}.amount{border-bottom:2px solid #232526}.amount h2,.amount p,.amount small{display:inline;font-weight:700}.amount h2{margin-right:100px;font-size:24px}.amount p{font-size:30px}.system-header{display:flex;flex-flow:row;justify-content:space-between}.system-detail h3{top:10px;font-size:30px}.system-amount,.system-detail h3{position:relative;margin-right:20px;display:inline-block}.system-amount{top:20px;border-bottom:1px solid #a5b0b6}.system-amount p,.system-amount small{display:inline-block;font-weight:700}.system-amount .system-amount-number{font-size:20px;margin-left:10px}.btn-system-controller{position:relative;top:16px;color:#fff;width:86px;padding:6px 0;margin-left:5px;box-shadow:2px 2px 4px #a5b0b6;cursor:pointer;transition:opacity .2s ease;font-size:15px}.btn-system-controller img{width:15px;position:relative;top:2px}.btn-system-controller:hover{opacity:.8}.copy-btn{background-color:#232526}.system-table{width:100%;margin:20px 0 40px}.system-table thead{background-color:#e9f1f4}.system-table thead th{padding:10px 0;font-size:15px}.system-table tbody td,.system-table tbody th{padding:12px 5px;border-bottom:1px solid #e9f1f4;font-size:15px}.system-table tbody td a,.system-table tbody th a{color:#1389cb;text-decoration:underline;transition:.2s ease;cursor:pointer;font:inherit}.system-table tbody td a:active,.system-table tbody td a:focus,.system-table tbody td a:hover,.system-table tbody th a:active,.system-table tbody th a:focus,.system-table tbody th a:hover{color:#55b8ef}@media only screen and (max-width:768px){.system-table tbody td a,.system-table tbody th a{font-size:12px}}.system-table tbody td img,.system-table tbody th img{position:relative;top:2px;width:16px;margin-right:2px}.system-table tbody td:first-of-type,.system-table tbody th:first-of-type{width:20%;font-weight:700}.system-table tbody td:nth-of-type(2),.system-table tbody th:nth-of-type(2){width:37%;font-weight:700}.system-table tbody td:nth-of-type(3),.system-table tbody th:nth-of-type(3){width:10%;text-align:right}.system-table tbody td:nth-of-type(4),.system-table tbody td:nth-of-type(5),.system-table tbody th:nth-of-type(4),.system-table tbody th:nth-of-type(5){width:10%;text-align:center}.system-table tbody td:nth-of-type(6),.system-table tbody th:nth-of-type(6){width:8%;text-align:center}.system-table tbody td:nth-of-type(7),.system-table tbody th:nth-of-type(7){width:5%;text-align:center}.cart-no-data{margin:80px 0;text-align:center}.part-delete{transition:opacity .2s ease;background-color:#fff;cursor:pointer}.part-delete:hover{opacity:.5}.page-cat-btn{display:flex;flex-flow:row;justify-content:space-between;margin-top:40px}@media only screen and (max-width:1024px){.page-cat-btn{display:none}}.page-cat-btn a{width:49%;position:relative}.page-cat-btn a:first-of-type button{background-color:#1389cb}.page-cat-btn a:last-of-type button{background-color:#87b828}.page-cat-btn a button{width:100%;padding:12px;font-size:18px;font-weight:700;color:#fff}.page-cat-active-search:before{color:#1389cb}.page-cat-active-cart:before,.page-cat-active-search:before{content:"\25BC";display:block;position:absolute;left:0;bottom:-18px;width:100%;margin:0 auto;font-size:20px;-webkit-animation:show .2s ease both;animation:show .2s ease both}.page-cat-active-cart:before{color:#87b828}.page-cat-passive{cursor:pointer;transition:opacity .2s ease}.page-cat-passive:hover{opacity:.8}.page-cat-passive-cart{cursor:pointer;transition:opacity .2s ease}.page-cat-passive-cart:hover{opacity:.8}@-webkit-keyframes show{0%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes show{0%{transform:translateY(-12px)}to{transform:translateY(0)}}.toggle-switch{display:none}.toggle-switch-label{position:relative;display:inline-block;width:50px;height:30px;border-radius:15px;background:#a5b0b6;transition:background .2s;margin-bottom:-8px}.toggle-switch-label:before{content:"";position:absolute;top:2px;left:2px;display:block;width:26px;height:26px;border-radius:13px;background:#fff;transform:translateX(0);transition:transform .2s}.toggle-switch:checked+.toggle-switch-label{background:#87b828}.toggle-switch:checked+.toggle-switch-label:before{transform:translateX(20px)}.system-count{display:inline-block;position:relative;top:-1px;background-color:#fff;color:#87b828;border-radius:50%;margin-left:5px;width:23px;height:22px;line-height:22px;letter-spacing:1px;font-size:12px;text-align:center}.app-msg{width:100%;position:fixed;top:0;height:auto;padding:12px 20px;background-color:rgba(19,137,203,.8);color:#fff;font-weight:700;-webkit-animation:opacity .4s ease 5s both;animation:opacity .4s ease 5s both;z-index:999}@-webkit-keyframes opacity{0%{opacity:1}to{opacity:0}}@keyframes opacity{0%{opacity:1}to{opacity:0}}