﻿:root{--color-black: #000000;--color-white: #ffffff;--color-text: #222222;--color-gray: #666666;--color-lightgray: #999999;--color-theme: #4ba53a;--color-error: #fb4b60;--color-border: #dddddd;--color-border-spectable: #ebebeb;--color-background-2: #fafafa;--color-background-3: #f5f5f5}main{color:var(--color-text);background-color:var(--color-background-2)}main *,main *::before,main *::after{box-sizing:border-box}main img,main video{max-width:100%;margin:0;line-height:1;vertical-align:bottom}main .main-container{background-color:rgba(0,0,0,0);padding:0;line-height:1.8}@media only screen and (max-width: 640px){main .main-container{padding:112px 0 100px}}@media only screen and (min-width: 641px){main .main-container{padding:130px 0 120px}}main .main-container .mod-sec,main .main-container .sec-buy{margin:0 auto;padding:0;max-width:1080px}@media only screen and (max-width: 640px){main .main-container .mod-sec,main .main-container .sec-buy{width:90%}}@media only screen and (min-width: 641px){main .main-container .mod-sec,main .main-container .sec-buy{width:94%}}main .main-container .mod-sec .mod-inner,main .main-container .sec-buy .mod-inner{width:100%;margin:0;padding:0}main .main-container .mod-sec .mod-inner .mod-title,main .main-container .sec-buy .mod-inner .mod-title{text-align:center}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .mod-title,main .main-container .sec-buy .mod-inner .mod-title{font-size:max(24px,4vw);margin-bottom:40px}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .mod-title,main .main-container .sec-buy .mod-inner .mod-title{font-size:min(4vw,32px);margin-bottom:50px}}main .main-container .mod-sec .mod-inner .block-prod-list,main .main-container .sec-buy .mod-inner .block-prod-list{display:grid;margin:0 auto}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-prod-list,main .main-container .sec-buy .mod-inner .block-prod-list{grid-template-columns:repeat(2, 1fr);gap:10px}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-prod-list,main .main-container .sec-buy .mod-inner .block-prod-list{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:10px}}main .main-container .mod-sec .mod-inner .block-prod-list li,main .main-container .sec-buy .mod-inner .block-prod-list li{border:2px solid rgba(0,0,0,0);margin:0;max-width:100%;transition:all .5s;background-color:var(--color-white)}main .main-container .mod-sec .mod-inner .block-prod-list li a,main .main-container .sec-buy .mod-inner .block-prod-list li a{display:flex;flex-direction:column;text-align:center;height:100%}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-prod-list li a,main .main-container .sec-buy .mod-inner .block-prod-list li a{padding-bottom:30px}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-prod-list li a,main .main-container .sec-buy .mod-inner .block-prod-list li a{padding-bottom:40px}}main .main-container .mod-sec .mod-inner .block-prod-list li a figure,main .main-container .sec-buy .mod-inner .block-prod-list li a figure{max-height:230px}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-prod-list li a figure,main .main-container .sec-buy .mod-inner .block-prod-list li a figure{width:100%;margin:20px auto 0 auto}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-prod-list li a figure,main .main-container .sec-buy .mod-inner .block-prod-list li a figure{width:80%}}main .main-container .mod-sec .mod-inner .block-prod-list li a figure img,main .main-container .sec-buy .mod-inner .block-prod-list li a figure img{width:100%;aspect-ratio:1/1;object-fit:contain}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-prod-list li a figure img,main .main-container .sec-buy .mod-inner .block-prod-list li a figure img{max-width:160px}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-prod-list li a figure img,main .main-container .sec-buy .mod-inner .block-prod-list li a figure img{max-width:233.55px}}main .main-container .mod-sec .mod-inner .block-prod-list li a .color,main .main-container .sec-buy .mod-inner .block-prod-list li a .color{max-width:86%;margin:0 auto;line-height:1.4;color:var(--color-text)}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-prod-list li a .color,main .main-container .sec-buy .mod-inner .block-prod-list li a .color{font-size:16px;margin-bottom:.2em}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-prod-list li a .color,main .main-container .sec-buy .mod-inner .block-prod-list li a .color{font-size:min(2.7vw,22px);margin-bottom:.2em}}main .main-container .mod-sec .mod-inner .block-prod-list li a .code,main .main-container .sec-buy .mod-inner .block-prod-list li a .code{max-width:86%;margin:0 auto;line-height:1.5;color:var(--color-text)}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-prod-list li a .code,main .main-container .sec-buy .mod-inner .block-prod-list li a .code{padding-bottom:12px;font-size:12px}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-prod-list li a .code,main .main-container .sec-buy .mod-inner .block-prod-list li a .code{padding-bottom:14px;font-size:min(1.6vw,13px)}}main .main-container .mod-sec .mod-inner .block-prod-list li a .radio,main .main-container .sec-buy .mod-inner .block-prod-list li a .radio{margin-top:auto}main .main-container .mod-sec .mod-inner .block-prod-list li a .price,main .main-container .sec-buy .mod-inner .block-prod-list li a .price{margin:0;line-height:1.2}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-prod-list li a .price,main .main-container .sec-buy .mod-inner .block-prod-list li a .price{margin-bottom:.2em}}main .main-container .mod-sec .mod-inner .block-prod-list li a .price::before,main .main-container .sec-buy .mod-inner .block-prod-list li a .price::before{content:"¥";display:inline;margin-right:.2em}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-prod-list li a .price::before,main .main-container .sec-buy .mod-inner .block-prod-list li a .price::before{font-size:.8em;margin-left:1em}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-prod-list li a .price::before,main .main-container .sec-buy .mod-inner .block-prod-list li a .price::before{font-size:.6em;margin-left:2em}}main .main-container .mod-sec .mod-inner .block-prod-list li a .price::after,main .main-container .sec-buy .mod-inner .block-prod-list li a .price::after{content:"（税込）";display:inline;position:relative;font-size:.4em;bottom:.1em}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-prod-list li a .deliv-date,main .main-container .sec-buy .mod-inner .block-prod-list li a .deliv-date{font-size:13px}}main .main-container .mod-sec .mod-inner .block-prod-list li:not([class]):hover,main .main-container .sec-buy .mod-inner .block-prod-list li:not([class]):hover{box-shadow:0 8px 40px 0 rgba(0,0,0,.15)}main .main-container .mod-sec .mod-inner .block-prod-list li.selected,main .main-container .sec-buy .mod-inner .block-prod-list li.selected{border-color:var(--color-theme)}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-prod-list:has(>li:first-of-type:last-of-type),main .main-container .sec-buy .mod-inner .block-prod-list:has(>li:first-of-type:last-of-type){display:block;width:100%;max-width:460px}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-prod-list:has(>li:first-of-type:last-of-type),main .main-container .sec-buy .mod-inner .block-prod-list:has(>li:first-of-type:last-of-type){max-width:460px;grid-template-columns:1fr}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-prod-list:has(>li:first-of-type:nth-last-of-type(2)),main .main-container .sec-buy .mod-inner .block-prod-list:has(>li:first-of-type:nth-last-of-type(2)){max-width:710px;grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-prod-list:has(>li:nth-of-type(3)),main .main-container .sec-buy .mod-inner .block-prod-list:has(>li:nth-of-type(3)){max-width:1080px;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}}main .main-container .mod-sec .mod-inner .block-btn-wrap,main .main-container .sec-buy .mod-inner .block-btn-wrap{margin:0;padding:0}main .main-container .mod-sec .mod-inner .block-btn-wrap .mod-btn-submit,main .main-container .sec-buy .mod-inner .block-btn-wrap .mod-btn-submit{text-align:center;padding:0}main .main-container .mod-sec .mod-inner .block-btn-wrap .mod-btn-submit a,main .main-container .sec-buy .mod-inner .block-btn-wrap .mod-btn-submit a{height:54px;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;text-align:center;text-decoration:none;cursor:pointer;background-color:var(--color-theme);color:var(--color-white)}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-btn-wrap .mod-btn-submit a,main .main-container .sec-buy .mod-inner .block-btn-wrap .mod-btn-submit a{width:100%;margin:40px auto 20px}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-btn-wrap .mod-btn-submit a,main .main-container .sec-buy .mod-inner .block-btn-wrap .mod-btn-submit a{width:320px;margin:80px auto 20px}}main .main-container .mod-sec .mod-inner .block-btn-wrap .mod-btn-submit a.__disabled,main .main-container .sec-buy .mod-inner .block-btn-wrap .mod-btn-submit a.__disabled{background-color:var(--color-white);border:1px solid var(--color-lightgray);color:var(--color-lightgray)}main .main-container .mod-sec .mod-inner .block-btn-wrap .mod-btn-txt a,main .main-container .sec-buy .mod-inner .block-btn-wrap .mod-btn-txt a{color:#039be5;line-height:1;text-decoration:none}@media only screen and (max-width: 640px){main .main-container .mod-sec .mod-inner .block-btn-wrap .mod-btn-txt a,main .main-container .sec-buy .mod-inner .block-btn-wrap .mod-btn-txt a{font-size:16px}}@media only screen and (min-width: 641px){main .main-container .mod-sec .mod-inner .block-btn-wrap .mod-btn-txt a,main .main-container .sec-buy .mod-inner .block-btn-wrap .mod-btn-txt a{font-size:18px}}main .main-container .mod-sec .mod-inner .block-btn-wrap .mod-btn-txt a i,main .main-container .sec-buy .mod-inner .block-btn-wrap .mod-btn-txt a i{position:relative;top:.5px}
