@import"https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&family=Zen+Maru+Gothic:wght@300;400;500;700&display=swap";@import"https://unpkg.com/@acab/reset.css";@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}:root{--main-text: #333;--main-bg: white}@media(prefers-color-scheme: dark){:root{--main-text: #333;--main-bg: white}body,html,input,select,textarea{background-color:#fff;color:#333;border-width:1px;color-scheme:light}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#0d244e}::-webkit-scrollbar-thumb{border:#fff 1.25px solid}body,html{font-family:"Kiwi Maru",serif}@media only screen and (max-width: 768px){body,html{overflow-x:hidden}}input,select,option,button,label{font-family:"Zen Maru Gothic",sans-serif;font-weight:600}input,select,textarea{padding:5px 8px;height:fit-content}body{width:100%;height:auto;margin:0 auto}main{padding-top:60px;padding-left:3.5vw}@media(orientation: portrait){main{padding-left:10vw}}@media only screen and (min-width: 768px)and (max-width: 1200px)and (orientation: landscape){main{padding-left:5vw}}@media only screen and (min-width: 768px)and (max-width: 1200px)and (orientation: portrait){main{padding-left:7vw}}@media only screen and (max-width: 768px){main{padding-left:0}}span.down{display:inline-block;transform:rotatey(180deg)}span.up{margin-left:13px}img{max-width:100%;height:auto}.table-responsive{width:100%;overflow:auto;height:auto;position:relative;z-index:auto}.fade{transition:opacity .15s linear}.pb-5{padding-bottom:50px}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em !important;color:#000 !important;background:rgba(0,0,0,0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;border:0;border-radius:.25rem !important;opacity:.5}@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}header{background-color:#0d244e;height:50px;width:100%;padding:30px 0;display:flex;justify-content:space-between;flex-wrap:nowrap;flex-direction:row;align-items:center;position:fixed;z-index:99999}@media only screen and (max-width: 768px){header{height:96px}}header.top{height:10%;top:0}@media only screen and (max-width: 768px){header.top{height:96px}}@media only screen and (max-width: 768px){header.top h2.h-sp{display:none}}@media only screen and (max-width: 768px){header.h-sp{height:96px}}header h2{margin-left:5vw;color:#fff;font-weight:300}@media only screen and (min-width: 768px)and (max-width: 1200px){header h2{margin-left:7vw}}@media only screen and (max-width: 768px){header h2{display:none}}header h2.h-sp{width:10%;font-size:20px}header .cart-header{width:100%;max-width:600px;text-align:end}header .cart-header a{color:#fff;text-decoration:none;font-size:24px}header .status{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;text-align:end;margin-left:auto;width:100%;max-width:1000px}@media only screen and (min-width: 768px)and (max-width: 1200px){header .status{width:90%}}@media only screen and (max-width: 768px){header .status{flex-wrap:nowrap;padding-left:56px}}@media only screen and (max-width: 768px){header .status.h-sp{flex-wrap:nowrap}}header .status.h-sp .login{width:40%;font-size:1em}@media only screen and (max-width: 768px){header .status.h-sp .logout{width:25%}}header .status .login{color:#fff;display:inline-block;margin:0 1%;font-size:20px;font-weight:500;flex-grow:1}@media only screen and (max-width: 768px){header .status .login{text-align:start;width:57%;font-size:19px}}header .status .login br.h-sp{display:none}@media only screen and (max-width: 768px){header .status .login br.h-sp{display:block}}header .status .logout{background-color:#fff;color:#3482ba;text-align:center;display:inline-block;padding:10px;border-radius:6px;margin:0 5%;font-size:16px;font-weight:bold;width:200px;text-decoration:none}@media only screen and (max-width: 768px){header .status .logout{width:auto}}header .status a{color:#fff;text-decoration:none;font-size:18px}header .title{display:flex}header .title h2{color:#fff;font-weight:bold;font-size:27px;margin:auto;margin-left:30px}.pagetitle h2{color:#fff;font-weight:bold;font-size:20px}@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}.icon.icon-item{background-image:url("../img/item.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-pen{background-image:url("../img/pen-to-square-solid.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-project{background-image:url("../img/project.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-order{background-image:url("../img/order.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-logout{background-image:url("../img/logout.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-user{background-image:url("../img/user.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-users{background-image:url("../img/td_order_name.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-schedule{background-image:url("../img/td_kokubetu_day.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-tags{background-image:url("../img/td_status.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-hall{background-image:url("../img/td_hall.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-setting{background-image:url("../img/td_gia.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-clipboard-user-solid{background-image:url("../img/clipboard-user-solid.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-chart-simple-solid{background-image:url("../img/chart-simple-solid.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-chart-pie-solid{background-image:url("../img/chart-pie-solid.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-fan-solid{background-image:url("../img/fan-solid.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-master{background-image:url("../img/screwdriver-wrench-solid.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-people-roof-solid{background-image:url("../img/people-roof-solid.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-calendar-days-solid{background-image:url("../img/calendar-days-solid.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-id-card-solid{background-image:url("../img/id-card-solid.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-map-location-dot-solid{background-image:url("../img/map-location-dot-solid.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-home{background-image:url("../img/house.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.icon.icon-catalog{background-image:url("../img/book.svg");position:relative;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-right:10px;bottom:-2px;width:22px;height:22px;display:inline-block;opacity:1;animation:fadeIn 150ms linear 0s}.navi-btn{position:absolute;top:0;bottom:0;left:12px;height:20px;width:30px;margin-top:auto;margin-bottom:auto;z-index:9999;background-color:#0d244e;cursor:pointer}.navi-btn span,.navi-btn span::before,.navi-btn span::after{content:"";display:block;height:3px;width:30px;border-radius:3px;background-color:#fff;position:absolute}.navi-btn span::before{bottom:-8px}.navi-btn span::after{bottom:-16px}nav{font-family:"Kiwi Maru",serif;width:55px;max-width:55px;height:100%;position:fixed;top:60px;left:0;background-color:#0d244e;transition:left .5s;z-index:80;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}nav.top{top:10vh}@media only screen and (max-width: 768px){nav.top{top:96px}}nav ul{margin:0}nav ul li{list-style:none;box-sizing:border-box;color:#fff;text-align:left;margin-bottom:10px}nav ul li a{display:block;width:100%;padding:20px;padding-left:15px;font-size:18px;color:#fff}nav ul li a span{display:none}nav ul li a:hover{background:rgba(255,255,255,.3)}nav ul li a.last{color:#fff;width:80%;padding:16.5px 2px;height:auto;max-height:68px;display:flex;align-items:center;flex-wrap:nowrap;font-size:13px;justify-content:center;margin-left:auto;margin-top:42px}nav.menu_open{left:0;transition:left .3s;width:60%;max-width:300px;animation-name:fadein;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}nav.menu_open ul{display:block}nav.menu_open ul li a{padding-left:15px;text-decoration:none}nav.menu_open ul li a span{display:initial}nav img.close{z-index:150;position:absolute;right:-4%;top:50%;transform:translate(0, -50%)}nav img.open{z-index:150;position:absolute;right:-4%;top:50%;transform:translate(0, -50%)}@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}.order-list{width:95%;margin:5% auto;font-weight:normal}.order-list table thead tr th{background-color:#0d244e;text-align:center;color:#fff}.order-list table thead tr th.sort{background-image:url("../img/table-sort.png") !important}.order-list table thead tr th.sort-asc{background-image:url("../img/table-sort-asc.png") !important}.order-list table thead tr th.sort-desc{background-image:url("../img/table-sort-desc.png") !important}.order-list table thead tr th img{display:inline-block}.order-list table tbody tr,.order-list table tbody tr.close{position:relative}.order-list table tbody tr td,.order-list table tbody tr.close td{text-align:center}.order-list table tbody tr td .td-wrap,.order-list table tbody tr.close td .td-wrap{overflow:hidden;text-overflow:ellipsis;max-height:80px}.order-list table tbody tr td:nth-child(5),.order-list table tbody tr td:nth-child(6),.order-list table tbody tr td:nth-child(7),.order-list table tbody tr td:nth-child(10),.order-list table tbody tr.close td:nth-child(5),.order-list table tbody tr.close td:nth-child(6),.order-list table tbody tr.close td:nth-child(7),.order-list table tbody tr.close td:nth-child(10){text-align:left}.order-list table tbody tr td:nth-child(10),.order-list table tbody tr.close td:nth-child(10){padding:5px 10px}.order-list table tbody tr td:last-child,.order-list table tbody tr.close td:last-child{width:110px;text-align:left;padding:5px 10px}.order-list table tbody tr td:last-child a,.order-list table tbody tr.close td:last-child a{color:#4e9abd}.order-list table tbody tr td:last-child img,.order-list table tbody tr.close td:last-child img{display:inline}.order-list table tbody tr div.show-more::after,.order-list table tbody tr.close div.show-more::after{content:"▼";position:absolute;left:0;right:0;bottom:0;padding-top:3px;border-radius:50%;height:30px;width:30px;text-align:center;background:#fff;color:#000;border:1px solid #ccc;margin:auto;cursor:pointer}.order-list table tbody tr.open div.show-more::after{content:"▲"}span.item{padding:2px;border-radius:5px;display:inline-block;color:#fff}span.item.item-red{background-color:#ee4646}span.item.item-blue{background-color:#3482ba}span.item.item-green{background-color:#26c66c}span.item.item-yellow{background-color:#c5e543}span.item.item-orange{background-color:#ef781d}span.item .fa-circle-xmark{color:#fff;cursor:pointer}span.status{padding:5px;border-radius:5px;display:inline-block;color:#fff;text-align:center;margin:auto}span.status.status-1{background-color:#26c66c}span.status.status-2{background-color:#c5e543}span.status.status-3{background-color:#3482ba}span.status.status-4{background-color:#ee4646}span.status.status-5{background-color:#ef781d}span.status.status-6{background-color:#091523}@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}.main{width:100%;height:auto;display:flex;align-items:center;margin:20% auto 0;justify-content:space-between;overflow:hidden}@media only screen and (max-width: 768px){.main{flex-direction:column;padding-left:55px;margin:20% auto auto 0}}@media only screen and (min-width: 768px)and (max-width: 1200px){.main{align-items:normal;flex-wrap:normal}}@media only screen and (min-width: 1200px){.main{flex-direction:row;align-items:center;justify-content:space-between}}.main .title{display:inline-block;position:relative;padding:0}@media only screen and (min-width: 768px)and (max-width: 1200px){.main .title{width:60%;margin:0 40% 3% auto}}@media only screen and (max-width: 768px){.main .title{width:100%;text-align:center;display:inline-block;margin:5%;padding:3%}}.main h2{position:absolute;right:-29%;color:#fff;font-size:clamp(48px,1vw,28px)}.main h2 span.colorheader{color:#0d244e}.main .btn_box{width:45%;max-width:900px;margin:0 1%;padding:0}@media only screen and (min-width: 768px)and (max-width: 1200px){.main .btn_box{width:auto;margin-top:178px}}@media only screen and (max-width: 768px){.main .btn_box{width:100%}}.main .btn_column{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:20px}@media only screen and (max-width: 768px){.main .btn_column{gap:10px;margin:5% auto;flex-direction:column;flex-wrap:wrap;align-items:center;align-content:center}}.main .btn_column .btn{background-color:#0d244e;text-align:center;margin:0;width:30%;height:68px}@media only screen and (max-width: 768px){.main .btn_column .btn{width:80%}}.main .btn_column .btn a{color:#fff;height:100%;width:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}.main .btn_column .btn a:hover{background-color:rgba(255,255,255,.2)}.main .btn_column .btn a i.icon{width:26px !important;height:26px !important}.main .btn_column .btn a i.icon.icon-user,.main .btn_column .btn a i.icon.icon-item{bottom:2px !important}@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}.button_box{display:flex;justify-content:center;align-items:center;width:80%;margin:0 auto}.button_box button{width:15%;margin:0 14px;border:none;background:#0d244e;color:#fff;padding:.5%;display:block;text-align:center;border-radius:3%}.button_box .search-button{background-color:#3482ba}.button_box .add-button{background-color:#0d244e}.button_box .blue{background-color:#0d244e}.button_box .skyblue{background-color:#3482ba}form{display:inline-block;width:100%;height:auto;margin:0 auto}form .container{width:100%;max-width:784px;margin:2% auto}@media only screen and (min-width: 768px)and (max-width: 1200px){form .container{width:90%;flex-wrap:wrap}}form .container.flex{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:baseline}@media only screen and (min-width: 768px)and (max-width: 1200px){form .container.flex{flex-wrap:wrap;justify-content:center}}form .container .form-group{width:100%;height:auto;height:42px;max-height:60px;padding:.25%;display:flex;align-items:center;flex-wrap:nowrap;margin:0;justify-content:center}form .container .form-group input,form .container .form-group select{width:80%;max-width:320px}@media only screen and (min-width: 768px)and (max-width: 1200px){form .container .form-group input,form .container .form-group select{width:100%}}form .container .form-group label{font-size:18px;width:100%;max-width:80px}form .container .left{width:100%;max-width:394px;text-align:start;display:flex;justify-content:flex-start;flex-wrap:wrap}form .container .left .form-group{width:100%;height:auto;height:42px;max-height:60px;padding:.25%;display:flex;align-items:center;flex-wrap:nowrap;margin:0;justify-content:flex-start}form .container .left .form-group input,form .container .left .form-group select{width:70%;max-width:320px}@media only screen and (min-width: 768px)and (max-width: 1200px){form .container .left .form-group input,form .container .left .form-group select{width:100%}}form .container .left .form-group label{font-size:18px;width:100%;max-width:80px}form .container .right{width:100%;max-width:394px;text-align:start;display:flex;justify-content:flex-start;flex-wrap:wrap;margin-left:30px}form .container .right .form-group{width:100%;height:0 auto;max-height:60px;height:42px;padding:.25%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;margin:0}form .container .right .form-group input.datebox-left{margin:0 5px 0 0;width:100%;max-width:154px}form .container .right .form-group input.datebox{margin:0 0 0 5px;width:100%;max-width:154px}form .container .right .form-group input,form .container .right .form-group select{width:100%;max-width:320px}@media only screen and (min-width: 768px)and (max-width: 1200px){form .container .right .form-group input,form .container .right .form-group select{width:100%}}form .container .right .form-group label{font-size:18px;width:100%;max-width:100px}.button_box_solo{display:flex;justify-content:center;align-items:center;width:100%;max-width:800px;margin:0 auto}.button_box_solo button{width:25%;margin:0 auto;border:none;background:#0d244e;color:#fff;padding:1%;display:block;text-align:center;border-radius:3%;background-color:#0d244e}.pager{width:100%;margin:2% auto;max-width:400px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column}.pager .pagecount{width:100%;max-width:200px;display:flex;align-items:center;justify-content:space-evenly;margin-bottom:15px}.pager .pagecount .left{width:100%;max-width:64px;margin:0 auto;font-weight:normal;font-size:18px;text-align:center}.pager .pagecount .left p{text-align:center}.pager .pagecount .right{width:100%;max-width:64px;margin:0 auto;font-weight:normal;font-size:18px;text-align:center}.pager .pagecount .right p{text-align:center}.pager .center{margin:0 1%;width:100%;text-align:center;font-weight:bold}.btn{width:100%;margin:0 auto;height:auto;display:flex;justify-content:space-around;align-items:center}.btn .before,.btn .next{width:100%;max-width:90px;margin:0 auto;height:auto;padding:3%;border-radius:5px;text-align:center;color:#fff;font-weight:bold;text-decoration:none}.btn .before{background-color:#3482ba}.btn .next{background-color:#0d244e}.product-list{max-width:900px;margin:auto}.product-list h3{color:#4e9abd;font-size:200%;font-weight:400;padding:40px 0 30px}.product-list .product{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:30px}.product-list .product figure{position:relative;margin-right:30px}.product-list .product figure button{position:absolute;top:10px;left:10px;background-color:#0082cb;border-radius:50%;color:#fff;width:30px;height:30px}.product-list .product .product-info h4{font-size:220%}.product-list .product .product-info .price{font-size:160%}.product-list .product .product-info .price::before{content:"¥"}.product-list .product .product-info .flexbox{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.product-list .product .product-info .flexbox input{max-width:100px}.product-list .product .product-info dl{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.product-list .product .product-info dl dt{font-size:110%}.product-list .product .product-info dl dd{font-size:150%}.product-list .btn-submit{border-radius:6px;background-color:#0d244e;text-align:center;color:#fff;padding:4px 30px;margin:auto;margin-top:30px;display:block}.matter-box .matter-info .form-group{margin-bottom:10px}.matter-box .matter-info .required{color:red;font-size:10px}.matter-box h3{color:#0d244e;font-size:200%;font-weight:400;padding:40px 0 30px}.matter-box .btn-area button{width:30px;height:30px;border:none;border-radius:50%;background-color:#0082cb;position:relative}.matter-box .btn-area button:hover{background-color:#3482ba}.matter-box .btn-area button::before{content:"";margin:auto;position:absolute;top:0;bottom:0;right:0;left:0;width:13px;height:13px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(-45deg)}.matter-box .btn-area button.up::before{top:6px}.matter-box .btn-area button.down::before{bottom:6px;transform:rotate(135deg)}.matter-box .btn-area button.white{background-color:#fff;border:#000 1px}.matter-box .btn-area button.white::before{border-top:3px solid #000;border-right:3px solid #000}.matter-box .flexbox{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:30px}.matter-box .matter-info .form-group label{font-size:90%;min-width:110px;display:inline-block}.matter-box .matter-info .button_box{margin-top:30px}.matter-box .matter-info .button_box button{width:50%}.matter-box .right{position:relative}.matter-box .right .btn-area{margin:auto;text-align:center}.matter-box .product{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;max-width:990px;margin:auto;margin-bottom:30px}.matter-box .product figure{position:relative;margin-right:30px}.matter-box .product figure button{position:absolute;top:10px;left:10px;background-color:#0082cb;border-radius:50%;color:#fff;width:30px;height:30px;border:none}.matter-box .product .product-info h4{font-size:220%}.matter-box .product .product-info .price{font-size:160%}.matter-box .product .product-info .price::before{content:"¥"}.matter-box .product .product-info .flexbox{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-bottom:10px}.matter-box .product .product-info .flexbox>div:last-child{flex-grow:1}.matter-box .product .product-info .flexbox input{max-width:100px}.matter-box .product .product-info .flexbox input.note{width:100%;max-width:90%}.matter-box .product .product-info input.note{width:92.5%}.matter-box .product .product-info dl{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.matter-box .product .product-info dl dt{font-size:110%}.matter-box .product .product-info dl dd{font-size:150%}.matter-box .product .billname{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.matter-box .product .billname label{position:relative;display:inline-block}.matter-box .product .billname label .icon-pen{background-image:url("../img/pen-to-square-solid2.svg");margin:0;display:block;bottom:2px}.matter-box .product .billname label span{padding:0;margin:0;font-size:80%;font-weight:600;color:#0082cb;position:absolute;bottom:-14px;text-align:center}.matter-box .product .billname input{max-width:60px;padding:2px}.products-area .red{color:red}.products-area .products-list{max-width:1400px;margin:auto}.products-area .products-list h3{font-size:26px;font-weight:normal;margin-bottom:10px;color:#0d244e}.products-area .products-list .inner{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;border:#0d244e 1px solid;border-right:none}.products-area .products-list .products{width:30%}@media only screen and (min-width: 1200px){.products-area .products-list .products{width:calc(20% - 20px)}}.products-area .products-list .products .info-box dl.name,.products-area .products-list .products .info-box dl.price{display:flex;flex-wrap:wrap;justify-content:flex-start}.products-area .products-list .products .info-box dl dt{min-width:60px;color:#0d244e}.products-area .products-list .products .info-box dl dd{font-size:90%}.products-area .products-list .products .info-box dl.image dd{font-size:80%}.products-area .products-list .products .product_name_view{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.products-area .products-list .products .product_desc_view{line-height:1.8;overflow:hidden;height:5.4em;text-overflow:ellipsis}.products-area .btn-area{display:flex;justify-content:center;align-items:center;gap:10px}.products-area .btn-area button{background-color:#0d244e;color:#fff;border-radius:5px;border:none;padding:6px 18px;font-size:90%;height:30px;display:flex;align-items:center}@media only screen and (min-width: 768px)and (max-width: 1200px){.products-area .btn-area button{padding:6px 10px}}.products-area .btn-area button i.icon{bottom:1px}.product-edit{margin:auto;width:100%;max-width:1000px;margin-top:60px}.product-edit .red{color:red}.product-edit .form-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px;align-items:center}.product-edit .form-group label{min-width:150px}.product-edit .form-group input[type=text],.product-edit .form-group input[type=number],.product-edit .form-group input[type=email],.product-edit .form-group input[type=date],.product-edit .form-group input[type=datetime],.product-edit .form-group input[type=search],.product-edit .form-group input[type=url],.product-edit .form-group select,.product-edit .form-group textarea{max-width:80%;width:100%}.product-edit .form-group input[type=file]{width:40%}.product-edit .form-group button{background-color:#0d244e;color:#fff;padding:3px 10px;font-size:80%;border:none}.product-edit .form-group .flexbox{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center}.product-edit .form-group .flexbox label{min-width:auto;margin-right:10px}.product-edit .form-group canvas{display:block;max-width:500px;max-height:500px;width:auto;height:auto;padding-left:150px}.search_box .red{color:red}.search_box .container{display:flex;flex-direction:row;flex-wrap:wrap;max-width:900px}.archive_list{max-width:1000px;margin:auto;padding-bottom:40px}.archive_list h3{padding:60px 0 30px;font-size:160%;font-weight:normal;color:#4e9abd}.archive_list .container{max-width:1000px;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;margin-bottom:30px}.archive_list .container figure{position:relative}.archive_list .container figure .btn button{position:absolute;background-color:#0082cb;top:0;left:0;width:25px;height:25px;color:#fff;border-radius:50%;font-size:90%;font-weight:bold;border:none}.archive_list .container figure .btn button:hover,.archive_list .container figure .btn button:active{background-color:#3482ba}.archive_list .container .product-info{max-width:560px}.archive_list .container .product-info .item .item_name{font-size:200%}.archive_list .container .product-info .item .item_price{font-size:150%;margin-bottom:10px}.archive_list .container .product-info .order_form{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.archive_list .container .product-info .order_form input,.archive_list .container .product-info .order_form select,.archive_list .container .product-info .order_form textarea{max-width:100px}.archive_list .container .product-info .order_to{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.archive_list .container .product-info .order_to dd{font-size:180%;padding-left:20px}.archive_list .container .product-info .memo{margin-top:20px}.searchModal .search-box{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:30px}.searchModal .search-box .form-group{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:20px}.searchModal .search-box .form-group label{width:120px;display:inline-block}.searchModal .search-box .form-group input,.searchModal .search-box .form-group textarea,.searchModal .search-box .form-group select{border-radius:5px;width:60%}.searchModal .search-list{max-height:500px;overflow:auto}.searchModal .search-list .box{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-around;border:1px solid #a9a9a9;padding:15px;margin-bottom:20px}.searchModal .search-list .box figure{max-width:160px}.searchModal .search-list .box .products{max-width:400px}.searchModal .search-list .box .products .info{display:flex;justify-content:flex-start;gap:10px;flex-direction:row;flex-wrap:wrap;align-items:center}.searchModal .search-list .box .products .info h4{font-size:130%}.searchModal .search-list .box .products .info p{font-size:110%}.searchModal .search-list .box .products .info p.price{font-size:110%}.searchModal .search-list .box .products .info p span{font-size:80%;margin-right:5px}.searchModal .search-list .box .products p.desc{font-size:90%}.searchModal .search-list .box button{background-color:#0d244e;color:#fff;padding:2px 12px;border-radius:6px}.productModal .flexbox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}@media only screen and (min-width: 1200px){.productModal .flexbox{justify-content:space-between}}.productModal .flexbox figure{width:100%}@media only screen and (min-width: 1200px){.productModal .flexbox figure{width:48%}}.productModal .flexbox figure img{margin:auto}.productModal .flexbox .products{width:100%}@media only screen and (min-width: 1200px){.productModal .flexbox .products{width:48%}}.productModal .flexbox .products dl{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}.productModal .flexbox .products dl dt{font-size:100%;min-width:100px}.productModal .flexbox .products dl dd{font-size:130%}.productModal .flexbox .products__desc{flex-direction:column !important;align-items:flex-start !important}.productModal .flexbox .products__desc dd{font-size:100% !important}.productModal button{background-color:#0d244e;color:#fff;padding:2px 12px;border-radius:6px;border:none}.productModal .modal-footer{justify-content:center !important}.index-list{width:1200px}.index-list .left{text-align:left}.index-list .center{text-align:center}.index-list .right{text-align:right}.index-list th{background-color:#0d244e;color:#fff;text-align:center}@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}@keyframes fadeout{0%{opacity:1;transform:translateX(0);width:60%;max-width:300px}100%{opacity:1;transform:translateX(0);width:55px}}@keyframes fadein{0%{opacity:1;transform:translateX(0);width:55px}100%{opacity:1;transform:translateX(0);width:60%;max-width:300px}}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal .modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal .modal-header .modal-title{color:#0082cb;font-size:120%;font-weight:normal}.modal .modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal .modal-body h3{font-size:130%;color:#0d244e;margin-bottom:20px}.modal .modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal .modal-content{position:relative;display:flex;flex-direction:column;width:90%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0;margin:auto;margin-left:60px}.modal .modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none;max-width:800px;margin:auto}.modal .modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 3.5rem)}.modal .modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal .modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal .modal-dialog-scrollable .modal-body{overflow-y:auto}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0, 60px)}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}/*# sourceMappingURL=style.css.map */