@charset "UTF-8";
/* FRONT-UI08 common theme. Only the front default frame adds ym-front. */
.ym-front{color-scheme:only light;--ym-bg:#f7f4ed;--ym-white:#fff;--ym-soft:#eaf0e6;--ym-text:#293b31;--ym-muted:#596b5f;--ym-green:#285d47;--ym-green-hover:#1e4936;--ym-line:#d4dfd1;--ym-input:#819286;--ym-warm:#875626;--ym-error:#a43831;--ym-font:'GenJyuuGothic','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-family:var(--ym-font);font-synthesis:none;font-weight:400;font-size:16px;line-height:1.8;color:var(--ym-text);background:var(--ym-bg)}
.ym-front *{box-sizing:border-box}.ym-front [hidden]{display:none!important}.ym-front :where(button,input,select,textarea){font-family:var(--ym-font);font-synthesis:none}.ym-front :where(h1,h2,h3,h4,strong,b){font-weight:500}.ym-front :where(h1,h2,h3,h4){line-height:1.55;color:var(--ym-text)}.ym-front :where(a){color:var(--ym-green);text-underline-offset:4px}.ym-front :where(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid #94702c;outline-offset:4px}.ym-front img{max-width:100%}.ym-front :where(h1,h2,h3,section,details,[id]){scroll-margin-top:155px}.ym-front :where([class^=ysfc-],[class*=" ysfc-"]){font-family:var(--ym-font)!important}
.ym-front .ym-skip{position:fixed;left:12px;top:-100px;z-index:200;background:white;padding:10px 20px}.ym-front .ym-skip:focus{top:8px}.ym-front .ec-layoutRole{background:transparent}.ym-front .ec-layoutRole__contents{max-width:1240px;margin:auto}.ym-front .ec-layoutRole__main,.ym-front .ec-layoutRole__mainWithColumn,.ym-front .ec-layoutRole__mainBetweenColumn{min-width:0}.ym-front .ec-role{max-width:1240px;padding-left:24px;padding-right:24px}.ym-front .ec-pageHeader{padding-top:26px;padding-bottom:24px}.ym-front .ec-pageHeader h1{font-family:var(--ym-font);font-weight:500;font-size:clamp(25px,3vw,36px);line-height:1.5;border:0;color:var(--ym-text);padding:0 0 12px}.ym-front .ec-rectHeading h2{background:transparent;color:var(--ym-text);font-size:22px;font-weight:500;border-bottom:1px solid var(--ym-line);padding:0 0 12px;margin-bottom:20px}.ym-front .ec-rectHeading{border:0;background:transparent}.ym-front .ec-label{color:var(--ym-text);font-weight:500}.ym-front .ec-required{color:var(--ym-error);background:transparent;border:1px solid #d8b9aa;border-radius:5px;font-weight:500}.ym-front .ec-errorMessage{color:var(--ym-error);line-height:1.8}
.ym-front .ec-blockBtn--action,.ym-front .ec-inlineBtn--action{background:var(--ym-green);border-color:var(--ym-green);color:white;border-radius:10px;font-weight:500;min-height:48px;height:auto;padding-top:12px;padding-bottom:12px;line-height:1.6}.ym-front .ec-blockBtn--action:hover,.ym-front .ec-inlineBtn--action:hover{background:var(--ym-green-hover);border-color:var(--ym-green-hover);color:white}.ym-front .ec-blockBtn,.ym-front .ec-inlineBtn,.ym-front .ec-blockBtn--cancel,.ym-front .ec-inlineBtn--cancel,.ym-front .ec-blockBtn--default,.ym-front .ec-inlineBtn--default{background:white;border:1px solid var(--ym-input);color:var(--ym-green);border-radius:10px;min-height:48px;height:auto;font-weight:500;padding-top:12px;padding-bottom:12px;line-height:1.6}.ym-front :where(.ec-blockBtn--action,.ec-inlineBtn--action,.ec-blockBtn,.ec-inlineBtn):disabled{background:#edf0eb;border-color:#b6c0b7;color:#66776b;cursor:not-allowed}
.ym-front :where(.ec-input,.ec-select,.ec-halfInput,.ec-zipInput,.ec-telInput,.ec-birth) :where(input,select,textarea){border:1px solid var(--ym-input);border-radius:8px;background:white;color:var(--ym-text);font-size:16px;min-height:46px;max-width:100%}.ym-front input[type=checkbox],.ym-front input[type=radio]{accent-color:var(--ym-green)}.ym-front .ec-borderedDefs{border-color:var(--ym-line)}.ym-front .ec-borderedDefs dl,.ym-front .ec-borderedDefs dt,.ym-front .ec-borderedDefs dd{border-color:var(--ym-line)}.ym-front .ec-borderedDefs dt{background:var(--ym-soft)}.ym-front .ec-totalBox{background:white;border:1px solid var(--ym-line);border-radius:16px;padding:24px}.ym-front .ec-totalBox__total{color:var(--ym-text)}.ym-front .ec-totalBox__price,.ym-front .ec-totalBox__taxLabel{color:var(--ym-text)}.ym-front .ec-navlistRole{border-color:var(--ym-line)}.ym-front .ec-navlistRole__item a{color:var(--ym-green);font-weight:500}.ym-front .ec-navlistRole__item.is-active a{background:var(--ym-green);color:white;border-radius:8px}
.ym-front .ym-card{background:white;border:1px solid var(--ym-line);border-radius:16px;padding:26px;min-width:0}.ym-front .ym-card--soft{background:var(--ym-soft)}.ym-front .ym-section{margin-top:36px}.ym-front .ym-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.ym-front .ym-section-head h2{margin:0;font-size:24px}.ym-front .ym-grid-2,.ym-front .ym-grid-3{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.ym-front .ym-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ym-front .ym-stack{display:grid;gap:18px}.ym-front .ym-eyebrow{font-size:12px;letter-spacing:.1em;color:var(--ym-warm);font-weight:500;margin-bottom:8px}.ym-front .ym-muted{color:var(--ym-muted)}.ym-front .ym-small{font-size:14px}.ym-front .ym-note{border-left:3px solid var(--ym-green);background:#f0f5ee;border-radius:0 9px 9px 0;padding:14px 18px;font-size:14px;line-height:1.8}.ym-front .ym-tag{display:inline-flex;align-items:center;padding:3px 10px;border:1px solid var(--ym-line);border-radius:7px;background:#f0f2ed;color:var(--ym-text);font-size:13px;line-height:1.6;font-weight:500}.ym-front .ym-tag--success{background:#edf5ec;border-color:#adbfad}.ym-front .ym-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:48px;padding:11px 20px;line-height:1.6;font-size:15px;font-weight:500;border:1px solid var(--ym-input);border-radius:10px;background:white;color:var(--ym-green);text-decoration:none;cursor:pointer;white-space:normal}.ym-front .ym-button--primary{background:var(--ym-green);border-color:var(--ym-green);color:white}.ym-front .ym-button--primary:hover{background:var(--ym-green-hover)}.ym-front .ym-button--quiet{background:transparent;border-color:transparent;text-decoration:underline}.ym-front .ym-button:disabled{background:#edf0eb;color:#66776b;cursor:not-allowed}.ym-front .ym-button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ym-front .ym-details{background:white;border:1px solid var(--ym-line);border-radius:12px;margin-top:12px}.ym-front .ym-details>summary{padding:18px;cursor:pointer;font-weight:500}.ym-front .ym-details-content{padding:0 18px 18px;line-height:1.8}
.ym-front .ec-layoutRole__header{position:sticky;top:0;z-index:35;background:white;border-bottom:1px solid var(--ym-line)}.ym-front .ym-site-header{background:white;color:var(--ym-text);font-family:var(--ym-font)}.ym-front .ym-header-inner{max-width:1240px;margin:auto;padding:16px 24px;min-height:88px;display:flex;align-items:center;gap:24px}.ym-front .ym-logo{display:block;flex:0 0 205px}.ym-front .ym-logo img{width:205px;height:auto;display:block}.ym-front .ym-main-nav{display:flex;align-items:center;gap:24px;flex:1}.ym-front .ym-main-nav a{font-size:15px;text-decoration:none;white-space:nowrap}.ym-front .ym-header-actions{display:flex;gap:18px;align-items:center}.ym-front .ym-header-account .ec-headerNav{display:flex;gap:14px;align-items:center}.ym-front .ym-header-account .ec-headerNav__item{margin:0;white-space:nowrap;font-size:13px}.ym-front .ym-header-account .ec-headerNav__item a{color:var(--ym-green)}.ym-front .ym-header-account .ec-headerNav__itemIcon{font-size:16px;display:none}.ym-front .ym-header-account .ec-headerNav__itemLink{display:inline;font-size:13px}.ym-front .ym-header-cart .ec-cartNavi{display:flex;align-items:center;gap:6px;padding:10px 8px;min-height:48px;border:0;background:transparent;color:var(--ym-green);border-radius:8px;cursor:pointer}.ym-front .ym-header-cart .ec-cartNavi__icon{font-size:22px;color:var(--ym-green);margin:0}.ym-front .ym-header-cart .ec-cartNavi__price{font-size:13px;color:var(--ym-green)}.ym-front .ym-header-cart .ec-cartNavi__badge{background:var(--ym-soft);color:var(--ym-green);border:1px solid var(--ym-line)}.ym-front .ym-header-cart .ec-cartNaviNull,.ym-front .ym-header-cart .ec-cartNaviIsset{right:0;left:auto;background:white;border:1px solid var(--ym-line);border-radius:12px;max-width:calc(100vw - 28px);width:320px;z-index:80}.ym-front .ym-header-cart .ec-cartNaviNull__message{background:white;color:var(--ym-text)}.ym-front .ym-header-cart .ec-cartNaviIsset__action{padding:12px}.ym-front .ym-menu-toggle{border:1px solid var(--ym-input);background:white;color:var(--ym-text);border-radius:8px;min-height:44px;padding:7px 12px;font-size:13px}.ym-front .ym-header-search{max-width:1240px;margin:auto;padding:0 24px 12px}.ym-front .ym-header-search .ec-headerSearch{max-width:520px;margin-left:auto}.ym-front .ym-header-search .searchform{margin:0}.ym-front .ym-header-search .ec-headerSearch__category{width:38%}.ym-front .ym-header-search .ec-headerSearch__keyword{width:62%}.ym-front .ym-header-search input,.ym-front .ym-header-search select{min-height:38px;font-size:14px;margin:0;background:white;border:1px solid var(--ym-input);border-radius:7px}.ym-front .ym-store-menu{padding:24px;border-top:1px solid var(--ym-line);max-height:65vh;overflow-y:auto}.ym-front .ym-store-menu>nav{max-width:1192px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ym-front .ym-store-menu h2{font-size:17px;margin:0 0 12px}.ym-front .ym-store-menu nav a{display:block;padding:9px 0;text-decoration:none;font-size:15px}.ym-front .ym-menu-account .ec-headerNav{display:block;text-align:left}.ym-front .ym-menu-account .ec-headerNav__item{display:block;margin:0;float:none}.ym-front .ym-menu-account .ec-headerNav__itemIcon{display:none}.ym-front .ym-menu-account .ec-headerNav__itemLink{display:inline;font-size:15px}
.ym-front .ec-layoutRole__footer{margin-top:60px;background:#edf1e9;border-top:1px solid var(--ym-line)}.ym-front .ym-footer-inner{max-width:1240px;padding:40px 24px 24px;margin:auto}.ym-front .ym-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.ym-front .ym-footer-logo{width:180px;height:auto;margin-bottom:18px}.ym-front .ym-footer-grid h2{font-size:17px;font-weight:500;margin:0 0 16px}.ym-front .ym-footer-grid p,.ym-front .ym-footer-grid a{font-size:14px;line-height:1.9}.ym-front .ym-footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ym-front .ym-footer-bottom{border-top:1px solid var(--ym-line);padding-top:20px;margin-top:30px;font-size:12px;color:var(--ym-muted)}
@media(max-width:1100px){.ym-front .ym-main-nav{gap:15px}.ym-front .ym-main-nav a{font-size:13px}.ym-front .ym-header-inner{gap:16px}.ym-front .ym-logo{flex-basis:180px}.ym-front .ym-logo img{width:180px}.ym-front .ym-header-actions{gap:10px}}
@media(max-width:1000px){.ym-front .ym-main-nav,.ym-front .ym-header-account{display:none}.ym-front .ym-header-actions{margin-left:auto}.ym-front .ym-header-search .ec-headerSearch{max-width:100%}.ym-front .ym-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ym-front{font-size:16px}.ym-front :where(h1,h2,h3,section,details,[id]){scroll-margin-top:150px}.ym-front .ec-role{padding-left:16px;padding-right:16px}.ym-front .ec-pageHeader{padding-top:24px;padding-bottom:16px}.ym-front .ec-pageHeader h1{font-size:26px}.ym-front .ec-rectHeading h2{font-size:21px}.ym-front .ec-layoutRole__contents{width:100%}.ym-front .ym-header-inner{padding:12px 16px;min-height:74px;gap:10px}.ym-front .ym-logo{flex-basis:153px}.ym-front .ym-logo img{width:153px}.ym-front .ym-header-actions{gap:8px}.ym-front .ym-header-cart .ec-cartNavi__label{display:none}.ym-front .ym-header-cart .ec-cartNavi{padding:8px 5px}.ym-front .ym-header-search{padding:0 16px 10px}.ym-front .ym-header-search .ec-headerSearch__category{width:40%}.ym-front .ym-header-search .ec-headerSearch__keyword{width:60%}.ym-front .ym-header-search select,.ym-front .ym-header-search input{font-size:16px;min-height:38px}.ym-front .ym-store-menu{padding:20px}.ym-front .ym-store-menu>nav{grid-template-columns:1fr;gap:24px}.ym-front .ym-card{padding:20px;border-radius:13px}.ym-front .ym-grid-2,.ym-front .ym-grid-3{grid-template-columns:1fr;gap:14px}.ym-front .ym-section{margin-top:28px}.ym-front .ym-section-head h2{font-size:22px}.ym-front .ym-button-row{align-items:stretch}.ym-front .ym-footer-inner{padding:30px 20px 24px}.ym-front .ym-footer-grid{grid-template-columns:1fr;gap:26px}.ym-front .ec-layoutRole__footer{margin-top:40px}.ym-front .ec-totalBox{padding:20px;border-radius:13px}}
@media(max-width:360px){.ym-front .ym-logo{flex-basis:132px}.ym-front .ym-logo img{width:132px}.ym-front .ym-header-inner{padding:12px;gap:8px}.ym-front .ym-header-actions{gap:6px}.ym-front .ym-menu-toggle{padding:7px 9px;font-size:12px}.ym-front .ym-card{padding:17px}}
/* Keep the existing search form and native category choices in one accessible row. */
.ym-front .ym-header-search .searchform{display:flex;align-items:stretch;gap:8px}
.ym-front .ym-header-search .ec-headerSearch__category{flex:0 0 38%;min-width:0}
.ym-front .ym-header-search .ec-headerSearch__keyword{flex:1;min-width:0;width:auto;border:1px solid var(--ym-input);border-radius:8px;background:white;color:var(--ym-text)}
.ym-front .ym-header-search .ec-headerSearch__category .ec-select.ec-select_search{background:var(--ym-soft);color:var(--ym-text);border:1px solid var(--ym-input);border-radius:8px}
.ym-front .ym-header-search .ec-headerSearch__category .ec-select select{height:42px;max-width:none;color:var(--ym-text);background:transparent;font-family:var(--ym-font);font-size:14px;border-radius:8px}
.ym-front .ym-header-search .ec-headerSearch__category .ec-select.ec-select_search::before{border-top-color:var(--ym-green);top:18px;right:10px}
.ym-front .ym-header-search .ec-headerSearch__keyword input[type=search]{height:42px;min-width:0;color:var(--ym-text);font-family:var(--ym-font);font-size:14px;padding:8px 44px 8px 12px}
.ym-front .ym-header-search .ec-headerSearch__keywordBtn{width:42px;min-height:42px;right:0;top:0;transform:none;border-radius:7px}
.ym-front .ym-header-search .ec-headerSearch__category .ec-select:focus-within,.ym-front .ym-header-search .ec-headerSearch__keyword:focus-within{outline:3px solid #94702c;outline-offset:2px}
@media(max-width:767px){.ym-front .ym-header-search .ec-headerSearch__category{flex-basis:40%}.ym-front .ym-header-search .ec-headerSearch__category .ec-select select,.ym-front .ym-header-search .ec-headerSearch__keyword input[type=search]{font-size:16px}}