main .contents{width:100%;max-width:1230px;padding:0 15px;margin:0 auto;display:grid;grid-template-columns:1fr 290px;gap:16px;margin-top:var(--vw40)}main .contents>div{display:flex;flex-direction:column;gap:16px}main .contents .btn-area{display:flex;justify-content:center;align-items:center;gap:var(--vw40);margin-bottom:var(--vw100);padding:0 15px}main .contents .btn-area>button{width:100%;max-width:320px;min-height:56px;display:flex;justify-content:center;align-items:center;border-radius:40px;transition:.4s;color:#fff;font-weight:bold;font-size:1.6rem}main .contents .btn-area .add-cart{background-color:var(--yellow);border:2px solid var(--yellow)}main .contents .btn-area .add-cart:hover{background-color:#fff;color:var(--yellow)}main .contents .btn-area .to-order{background-color:var(--yellow);border:2px solid var(--yellow)}main .contents .btn-area .to-order:hover{background-color:#fff;color:var(--yellow)}.block1{background-color:#fff;padding:16px var(--vw40) 0;display:flex;flex-direction:column;gap:24px}.block1 h2{font-size:2.4rem;padding:10px 0;border-bottom:1px solid var(--gray)}.block1 .model-display{width:100%;max-width:280px;min-height:52px;display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto;background-color:var(--dark);color:#fff;font-size:1.6rem;font-weight:bold;border-radius:40px;transition:.4s}.block1 .model-display i{width:20px;height:auto;aspect-ratio:1;background-color:#fff;border-radius:50%;position:relative;z-index:1}.block1 .model-display i::before,.block1 .model-display i::after{content:"";width:10px;height:2px;position:absolute;top:50%;left:50%;background-color:var(--dark)}.block1 .model-display i::before{transform:translate(-50%, -50%)}.block1 .model-display i::after{transform:translate(-50%, -50%) rotate(90deg)}.block1 .model-display:hover{opacity:.5}.block1 .model-display.active{display:none}.block1 .model-display.active+.form{grid-template-rows:1fr}.block1 .form{display:grid;grid-template-rows:0fr;transition:.4s grid-template-rows ease}.block1 .form>div{overflow:hidden;min-height:0}.block1 .i-area01{border:1px solid var(--gray);background-color:#f7f7f7;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.block1 .i-area01 h3{font-size:1.6rem}.block1 .i-area01 .item{display:grid;grid-template-columns:1fr 1fr 120px 140px;gap:16px;align-items:center;transition:.4s}.block1 .i-area01 .item label{position:relative;z-index:1}.block1 .i-area01 .item label .error-text{position:absolute;top:100%;left:0;color:var(--red);font-size:1.2rem;opacity:0}.block1 .i-area01 .item input[type=text]{width:100%;background-color:#fff;border:1px solid var(--gray);font-size:1.6rem;padding:8px 16px;border-radius:4px}.block1 .i-area01 .item input[type=text]::-moz-placeholder{font-size:1.4rem;color:#b3b3b3}.block1 .i-area01 .item input[type=text]::placeholder{font-size:1.4rem;color:#b3b3b3}.block1 .i-area01 .item input[type=text]:focus{background-color:rgba(24,121,224,.1)}.block1 .i-area01 .item input[type=text].error{border-color:#db4c4d;background-color:#fff4f2}.block1 .i-area01 .item input[type=text].error+.error-text{opacity:1}.block1 .i-area01 .item .quantity{margin-right:16px;width:120px;height:35px;display:flex;align-items:center;gap:0 4px;padding:0 16px;border:2px solid var(--yellow);border-radius:35px;background-color:#fff}.block1 .i-area01 .item .quantity button{width:16px;height:16px;display:flex;justify-content:center;align-items:center;position:relative}.block1 .i-area01 .item .quantity button::before{content:"";width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:#000}.block1 .i-area01 .item .quantity button img{width:auto;height:100%}.block1 .i-area01 .item .quantity .minus img{display:none}.block1 .i-area01 .item .quantity .minus.icon-delete::before{display:none}.block1 .i-area01 .item .quantity .minus.icon-delete img{display:block}.block1 .i-area01 .item .quantity .plus::after{content:"";width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(90deg);background-color:#000}.block1 .i-area01 .item .quantity input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:calc(100% - 40px);min-height:31px;border:none;text-align:center}.block1 .i-area01 .item .quantity input[type=number]::-webkit-outer-spin-button,.block1 .i-area01 .item .quantity input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.block1 .i-area01 .item .add-btn{display:flex;justify-content:center;align-items:center;background-color:var(--dark);color:#fff;font-weight:bold;min-height:37px;border-radius:40px;transition:.4s}.block1 .i-area01 .item .add-btn:hover{opacity:.5}.block1 .i-area01 .item.ignore{transform:translateX(50%);opacity:0;visibility:hidden}.block1 .i-area01 .noitem{display:flex;justify-content:center;align-items:center}.block1 .i-area01 .noitem .add-btn{display:flex;justify-content:center;align-items:center;background-color:var(--dark);color:#fff;font-weight:bold;width:100%;max-width:240px;min-height:37px;border-radius:40px;transition:.4s}.block1 .i-area01 .noitem .add-btn:hover{opacity:.5}.block1 .i-area01 .noitem.none{display:none}.block1 .i-area02{border:1px solid var(--gray);background-color:#f7f7f7;padding:24px 16px;display:flex;flex-direction:column;gap:16px;margin-top:24px;margin-bottom:16px}.block1 .i-area02 .flex{display:flex;align-items:flex-end;justify-content:space-between}.block1 .i-area02 textarea{width:calc(100% - 148px);resize:none;border:1px solid var(--gray);border-radius:8px;padding:16px;font-size:1.6rem;line-height:1.6}.block1 .i-area02 textarea::-moz-placeholder{font-size:1.4rem;color:#dadada}.block1 .i-area02 textarea::placeholder{font-size:1.4rem;color:#dadada}.block1 .i-area02 .add-all{width:140px;min-height:37px;display:flex;justify-content:center;align-items:center;background-color:var(--dark);border:1px solid var(--dark);border-radius:40px;color:#fff;font-weight:bold;transition:.4s}.block1 .i-area02 .add-all:hover{opacity:.5}.block2{background-color:#fff;padding:var(--vw40);margin-bottom:var(--vw60)}.block2 h2{font-size:2.4rem;padding-bottom:10px;border-bottom:1px solid var(--gray)}.block2 .empty{display:none;justify-content:center;align-items:center;padding:var(--vw60) 15px var(--vw40)}.block2 .list{overflow:hidden}.block2 .list li{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center;padding:24px 0;border-top:1px solid #eee;transition:.8s}.block2 .list li:first-of-type{border-top:none}.block2 .list li picture{aspect-ratio:1}.block2 .list li picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.block2 .list li .box{display:flex;justify-content:space-between;align-items:center}.block2 .list li .return-cart{color:var(--blue);transition:.4s}.block2 .list li .return-cart:hover{opacity:.5}.block2 .list li .text .c,.block2 .list li .text .m{display:block}.block2 .list li .text a{font-size:2rem;display:block;margin-top:10px;transition:.4s;width:-moz-fit-content;width:fit-content;position:relative;z-index:1}.block2 .list li .text a::before{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background-color:var(--blue);transform:scaleX(0);transform-origin:left;transition:.4s}.block2 .list li .text a:hover{opacity:.5}.block2 .list li .text+.price{display:none}.block2 .list li .flex{display:flex;align-items:center;flex-wrap:wrap;margin-top:var(--vw40);gap:8px 0}.block2 .list li .quantity{margin-right:16px;width:120px;height:35px;display:flex;align-items:center;gap:0 4px;padding:0 16px;border:2px solid var(--yellow);border-radius:35px}.block2 .list li .quantity button{width:16px;height:16px;display:flex;justify-content:center;align-items:center;position:relative}.block2 .list li .quantity button::before{content:"";width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:#000}.block2 .list li .quantity button img{width:auto;height:100%}.block2 .list li .quantity .minus img{display:none}.block2 .list li .quantity .minus.icon-delete::before{display:none}.block2 .list li .quantity .minus.icon-delete img{display:block}.block2 .list li .quantity .plus::after{content:"";width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(90deg);background-color:#000}.block2 .list li .quantity input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:calc(100% - 40px);min-height:31px;border:none;text-align:center}.block2 .list li .quantity input[type=number]::-webkit-outer-spin-button,.block2 .list li .quantity input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.block2 .list li .btns button{color:var(--blue);padding:0 16px;border-left:1px solid var(--gray);transition:.4s}.block2 .list li .btns button:hover{opacity:.5}.block2 .list li .price{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.block2 .list li .price p{font-size:2rem}.block2 .list li .price p span{font-size:1.4rem}.block2 .list li .price small{font-size:1.4rem;color:#a0a0a0;text-decoration-line:line-through;display:block;margin-bottom:3px}.block2 .list li .price strong{background-color:var(--red);color:#fff;padding:8px;line-height:1}.block2 .list li.noimg picture{background-color:var(--gray);display:flex;justify-content:center;align-items:center;padding:20px}.block2 .list li.noimg picture img{max-width:110px;height:auto}.block2 .list li:hover a{color:var(--blue)}.block2 .list li:hover a::before{transform:scaleX(1)}.block2 .list li.ignore{transform:translateX(100%);opacity:0;visibility:hidden}.block2 .subtotal{display:flex;flex-direction:column;align-items:flex-end;gap:12px;border-top:1px solid #eee;padding:20px 0}.block2 .subtotal>p{font-size:1.6rem;display:flex;align-items:center}.block2 .subtotal>p>span{min-width:140px;display:flex;align-items:center;justify-content:flex-end;font-weight:bold}.block2 .subtotal>p>span>span{font-size:2rem}.block2 .total-amount{display:flex;flex-direction:column;align-items:flex-end;border-top:1px solid #eee;padding:20px 0}.block2 .total-amount>p{font-size:1.6rem;display:flex;align-items:center}.block2 .total-amount>p>span{min-width:140px;display:flex;align-items:center;justify-content:flex-end;font-size:2.4rem;font-weight:bold}.block2 .total-amount>p>span>span{font-size:2rem}.block2 .total-amount button{display:none}.block2.price-unknown .subtotal>p>span{min-width:160px;font-weight:normal}.block2.price-unknown .total-amount>p>span{font-size:1.8rem;padding-left:16px}.block2.none .empty{display:flex}.block2.none .subtotal,.block2.none .total-amount{display:none}aside{display:flex;flex-direction:column;gap:16px}aside .total-amount{background-color:#fff;padding:20px;display:flex;flex-direction:column;gap:20px}aside .total-amount p{font-size:1.6rem}aside .total-amount p>span{display:block;font-size:2rem;font-weight:bold}aside .total-amount p>span>span{font-size:2.4rem}aside .total-amount a,aside .total-amount button{display:flex;justify-content:center;align-items:center;width:100%;height:48px;color:#fff;border-radius:40px;transition:.4s;font-weight:bold}aside .total-amount .add-cart{background-color:var(--yellow);border:2px solid var(--yellow);margin-top:-10px}aside .total-amount .add-cart:hover{background-color:#fff;color:var(--yellow)}aside .total-amount .table{padding:6px 16px 0;display:grid;grid-template-columns:repeat(2, 1fr);gap:6px 0}aside .total-amount .table p:nth-of-type(even){text-align:right}aside .total-amount .table p:nth-of-type(7),aside .total-amount .table p:nth-of-type(8){border-top:1px solid var(--gray);padding-top:8px}aside .total-amount .table p strong{font-size:2rem;line-height:1}aside .total-amount .to-order{background-color:var(--yellow);border:2px solid var(--yellow)}aside .total-amount .to-order:hover{background-color:#fff;color:var(--yellow)}aside .total-amount.price-unknown p>span{display:inline;font-size:1.8rem}aside .fax-area{background-color:#fff;padding:20px;display:flex;flex-direction:column;gap:16px}aside .fax-area .ttl{display:block;font-size:1.8rem;border-bottom:1px solid var(--gray);padding-bottom:6px}aside .fax-area .fax{font-weight:bold;line-height:1.4}aside .fax-area .fax strong{font-size:2.2rem;display:flex;align-items:center;gap:4px}aside .fax-area .fax strong span{font-size:1.4rem;background-color:var(--red);color:#fff;padding:4px 6px}aside .fax-area a{width:100%;min-height:48px;display:flex;justify-content:center;align-items:center;background-color:var(--dark);color:#fff;border-radius:40px;font-weight:bold;margin-top:8px;transition:.4s}aside .fax-area a:hover{opacity:.5}@media screen and (max-width: 1200px){main .contents{grid-template-columns:1fr}main .contents .btn-area{gap:16px}main .contents .btn-area>button{font-size:1.4rem}aside{display:none}}@media screen and (max-width: 768px){main .contents{padding:0}.block1 h2{font-size:2rem}.block1 .i-area01 .item{grid-template-columns:1fr}.block2 h2{font-size:2rem}.block2 .list li{grid-template-columns:1fr;align-items:flex-start;position:relative;z-index:1;padding:15px 0}.block2 .list li picture{width:120px;position:absolute;top:15px;left:0}.block2 .list li .box>.price{display:none}.block2 .list li .text{padding-left:130px}.block2 .list li .text+.price{padding-left:130px;display:flex;flex-direction:row;flex-wrap:wrap}.block2 .list li.noimg .text{margin-top:15px}}/*# sourceMappingURL=style.min.css.map */