@charset "UTF-8";
/* FRONT-UI11: member presentation only. Native form and plugin hooks remain intact. */
.ym-front .ym-member{color:var(--ym-text);font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.ym-front .ym-member :is(.ec-mypageRole,.ec-role,.ec-editRole,.ec-orderRole,.ec-registerCompleteRole,.ec-withdrawRole,.ec-withdrawConfirmRole,.ec-withdrawCompleteRole){max-width:none;width:100%;margin:0;padding:0}
.ym-front .ym-member-nav{margin:0 0 22px;padding:0;border:0}
.ym-front .ym-member-nav .ec-navlistRole__navlist{display:flex;flex-wrap:wrap;gap:8px;width:100%;padding:12px;margin:0;background:var(--ym-white);border:1px solid var(--ym-line);border-radius:14px;list-style:none}
.ym-front .ym-member-nav .ec-navlistRole__item{display:block;flex:1 1 150px;min-width:0;width:auto;max-width:none;margin:0;padding:0;border:0;background:transparent;font-size:14px;line-height:1.7}
.ym-front .ym-member-nav .ec-navlistRole__item a{display:flex;align-items:center;justify-content:center;min-height:48px;height:100%;padding:10px 14px;border:1px solid transparent;border-radius:8px;background:var(--ym-white);color:var(--ym-green);font-weight:500;text-align:center;text-decoration:none;overflow-wrap:anywhere}
.ym-front .ym-member-nav .ec-navlistRole__item.active a,.ym-front .ym-member-nav .ec-navlistRole__item a:hover{color:var(--ym-white);background:var(--ym-green);border-color:var(--ym-green)}
.ym-front .ym-member-welcome{padding:16px 20px;margin:0 0 28px;background:var(--ym-soft);border-radius:12px;color:var(--ym-text);text-align:left;font-size:15px;line-height:1.8}
.ym-front .ym-member-welcome p{margin:0 0 4px;color:var(--ym-text)}
.ym-front .ym-member-welcome p:last-child{margin-bottom:0}
.ym-front .ym-member .ec-para-normal{margin:0 0 18px;color:var(--ym-muted);font-size:15px}
.ym-front .ym-member :is(.ec-historyRole,.ec-addressList__item,.ec-favoriteRole__item){background:var(--ym-white);border:1px solid var(--ym-line);border-radius:14px;box-shadow:0 5px 18px rgba(41,59,49,.035)}
.ym-front .ym-member .ec-historyRole{margin:0 0 24px;padding:24px}
.ym-front .ym-member .ec-historyRole__contents{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px}
.ym-front .ym-member :is(.ec-historyRole__header,.ec-historyRole__detail){width:auto;min-width:0;margin:0;padding:0;border:0}
.ym-front .ym-member .ec-historyListHeader{padding:0;margin:0}
.ym-front .ym-member .ec-historyListHeader__date{font-size:16px;font-weight:500;color:var(--ym-text);margin:0 0 14px}
.ym-front .ym-member .ec-historyListHeader__action{margin:18px 0 0}
.ym-front .ym-member .ec-definitions{margin:0 0 12px;display:block;overflow-wrap:anywhere}
.ym-front .ym-member .ec-definitions :is(dt,dd){margin:0;padding:0;float:none;width:auto;min-width:0;font-size:15px;color:var(--ym-text)}
.ym-front .ym-member .ec-definitions dt{color:var(--ym-muted);font-size:13px;font-weight:400}
.ym-front .ym-member .ec-imageGrid{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;margin:0 0 18px;padding:0}
.ym-front .ym-member .ec-imageGrid:last-child{margin-bottom:0}
.ym-front .ym-member .ec-imageGrid__img{width:84px;max-width:100%;margin:0;padding:0}
.ym-front .ym-member .ec-imageGrid__img img{display:block;width:100%;height:auto;max-height:110px;object-fit:contain;border-radius:8px}
.ym-front .ym-member .ec-imageGrid__content{width:auto;min-width:0;margin:0;padding:0;font-size:14px;line-height:1.8}
.ym-front .ym-member :is(.ec-imageGrid__content p,.ec-historyRole__detailTitle,.ec-historyRole__detailPrice){font-size:15px;color:var(--ym-text);margin:0 0 6px}
.ym-front .ym-member :is(.ec-inlineBtn,.ec-blockBtn,.ec-blockBtn--action,.ec-blockBtn--cancel,.ym-btn){display:inline-flex;align-items:center;justify-content:center;min-height:48px;height:auto;max-width:100%;padding:12px 18px;border:1px solid var(--ym-green);border-radius:8px;background:var(--ym-green);color:var(--ym-white);font-size:15px;font-weight:500;line-height:1.7;white-space:normal;text-align:center;text-decoration:none;overflow-wrap:anywhere;box-shadow:none}
.ym-front .ym-member :is(.ec-blockBtn--cancel,.ec-inlineBtn,.ym-btn--secondary){color:var(--ym-green);background:var(--ym-white)}
.ym-front .ym-member :is(.ec-blockBtn--cancel,.ec-inlineBtn,.ym-btn--secondary):hover{background:var(--ym-soft);color:var(--ym-green)}
.ym-front .ym-member .ec-pagerRole{margin:28px 0}
.ym-front .ym-member .ym-member-empty{padding:30px;margin:0 0 24px;text-align:center}
.ym-front .ym-member .ym-member-empty p{margin:0 0 20px;color:var(--ym-muted)}
.ym-front .ym-member .ec-orderRole{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
.ym-front .ym-member :is(.ec-orderRole__detail,.ec-orderRole__summary){min-width:0;width:auto;padding:0;margin:0}
.ym-front .ym-member :is(.ec-orderOrder,.ec-orderDelivery,.ec-orderPayment,.ec-orderConfirm,.ec-orderMails,.ec-totalBox){padding:24px;border:1px solid var(--ym-line);border-radius:14px;background:var(--ym-white);margin:0 0 24px;font-size:15px;line-height:1.8;color:var(--ym-text)}
.ym-front .ym-member .ec-rectHeading{margin:0 0 18px;padding:0;border:0;background:transparent}
.ym-front .ym-member .ec-rectHeading h2{margin:0;padding:0;font-weight:500;color:var(--ym-text)}
.ym-front .ym-member .ec-orderDelivery__title{font-size:16px;font-weight:500;margin:18px 0 14px}
.ym-front .ym-member .ec-orderDelivery__item{padding:0 0 18px;border:0;border-bottom:1px solid var(--ym-line);margin:0 0 18px}
.ym-front .ym-member .ec-orderDelivery__address{margin:16px 0;color:var(--ym-text)}
.ym-front .ym-member .ec-orderDelivery__address p{margin:0 0 6px}
.ym-front .ym-member .ec-definitions--soft{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;padding:0;margin:8px 0;font-size:14px}
.ym-front .ym-member .ec-definitions--soft :is(dt,dd){width:auto;margin:0;padding:0;color:var(--ym-text);font-weight:400}
.ym-front .ym-member .ec-totalBox{position:static}
.ym-front .ym-member .ec-totalBox :is(.ec-totalBox__spec,.ec-totalBox__taxRate){display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin:0 0 14px;min-width:0}
.ym-front .ym-member .ec-totalBox :is(dt,dd){float:none;width:auto;min-width:0;margin:0;padding:0;font-size:14px;line-height:1.8;color:var(--ym-text);font-weight:400}
.ym-front .ym-member .ec-totalBox dd{text-align:right}
.ym-front .ym-member :is(.ec-totalBox__total,.ec-totalBox__paymentTotal){margin:18px 0;padding:16px 0;border-top:1px solid var(--ym-line);font-size:14px;line-height:1.8;color:var(--ym-text)}
.ym-front .ym-member .ec-totalBox__price{font-size:24px;font-weight:500;color:var(--ym-green);display:inline-block;margin:0 6px}
.ym-front .ym-member .ec-totalBox__taxLabel{font-size:12px;color:var(--ym-muted)}
.ym-front .ym-member .ec-totalBox .ec-blockBtn--action{width:100%;margin-top:18px}
.ym-front .ym-member .ec-color-accent{color:var(--ym-error);font-size:14px;font-weight:400}
.ym-front .ym-member .ec-color-accent strong{font-weight:500}
.ym-front .ym-member .ym-member-mail{border:1px solid var(--ym-line);border-radius:8px;margin:0 0 12px;background:var(--ym-white);overflow-wrap:anywhere}
.ym-front .ym-member .ym-member-mail summary{padding:14px 16px;cursor:pointer;color:var(--ym-green);font-weight:500;font-size:15px;min-height:48px}
.ym-front .ym-member .ym-member-mail-date{display:block;font-size:12px;color:var(--ym-muted);font-weight:400;margin-bottom:4px}
.ym-front .ym-member .ym-member-mail-body{border-top:1px solid var(--ym-line);padding:18px;font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.ym-front .ym-member .yamamoto-business-documents-mypage{margin:16px 0 0}
.ym-front .ym-member .yamamoto-business-documents-mypage .yamamoto-business-documents-mypage__button{display:flex;align-items:center;justify-content:center;min-height:48px!important;height:auto!important;min-width:0;max-width:100%;padding:12px 14px;border-radius:8px!important;border:1px solid var(--ym-green)!important;background:var(--ym-white)!important;color:var(--ym-green)!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;font-synthesis:none;line-height:1.7;white-space:normal;overflow-wrap:anywhere;text-decoration:none!important;box-shadow:none!important}
.ym-front .ym-member .yamamoto-business-documents-mypage .yamamoto-business-documents-mypage__button:hover{background:var(--ym-soft)!important;color:var(--ym-green)!important}
.ym-front .ym-member .ec-favoriteRole{width:100%;padding:0;margin:0}
.ym-front .ym-member .ec-favoriteRole__header{color:var(--ym-muted);margin:0 0 18px;padding:0;border:0}
.ym-front .ym-member .ec-favoriteRole__itemList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}
.ym-front .ym-member .ec-favoriteRole__item{position:relative;width:auto;min-width:0;margin:0;padding:24px;display:flex;flex-direction:column}
.ym-front .ym-member .ec-favoriteRole__itemThumb{display:block;margin:18px 0}
.ym-front .ym-member .ec-favoriteRole__item-image{margin:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.ym-front .ym-member .ec-favoriteRole__item-image img{max-width:100%;max-height:240px;object-fit:contain;border-radius:8px}
.ym-front .ym-member .ec-favoriteRole__itemTitle{font-size:16px;line-height:1.8;margin:0 0 12px}
.ym-front .ym-member .ec-favoriteRole__itemPrice{color:var(--ym-green);font-size:17px;font-weight:500;margin:auto 0 0}
.ym-front .ym-member .ec-favoriteRole__item .ec-closeBtn--circle{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:10px;width:48px;height:48px;border:1px solid var(--ym-line);border-radius:50%;background:var(--ym-green)}
.ym-front .ym-member .ec-favoriteRole__item .ec-closeBtn--circle .ec-icon{width:14px;height:14px}
.ym-front .ym-member :is(.ec-off1Grid,.ec-off1Grid__cell){width:100%;max-width:none;margin:0;padding:0}
.ym-front .ym-member .ym-member-form{max-width:920px;margin:0 auto 28px;padding:28px}
.ym-front .ym-member .ec-borderedDefs{border:0;margin:0}
.ym-front .ym-member .ec-borderedDefs>dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px 24px;border:0;border-bottom:1px solid var(--ym-line);padding:20px 0;margin:0}
.ym-front .ym-member .ec-borderedDefs>dl:first-child{padding-top:0}
.ym-front .ym-member .ec-borderedDefs>dl>:is(dt,dd){display:block;float:none;width:auto;min-width:0;border:0;margin:0;padding:0;background:transparent;overflow-wrap:anywhere}
.ym-front .ym-member .ec-borderedDefs>dl>dt{padding-top:10px;font-size:15px}
.ym-front .ym-member .ec-label{font-weight:500;color:var(--ym-text);font-size:15px}
.ym-front .ym-member .ec-required{display:inline-block;margin-left:6px;font-size:12px;vertical-align:baseline}
.ym-front .ym-member :is(.ec-input,.ec-halfInput,.ec-telInput,.ec-zipInput,.ec-select,.ec-birth) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select){border:1px solid var(--ym-input);border-radius:8px;background:var(--ym-white);color:var(--ym-text);font:inherit;font-size:16px;min-height:46px;max-width:100%;padding:10px 12px}
.ym-front .ym-member .ec-input input{width:100%}
.ym-front .ym-member .ec-halfInput{display:flex;flex-wrap:wrap;gap:12px;max-width:none}
.ym-front .ym-member .ec-halfInput input{flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2);margin:0}
.ym-front .ym-member .ec-halfInput input:only-of-type{flex-basis:100%;width:100%}
.ym-front .ym-member .ec-halfInput .ec-errorMessage{flex:0 0 100%;width:100%;margin:0}
.ym-front .ym-member .ec-telInput input{max-width:100%;width:100%}
.ym-front .ym-member .ec-input{margin:0 0 12px}
.ym-front .ym-member .ec-input:last-child{margin-bottom:0}
.ym-front .ym-member .ec-birth{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ym-front .ym-member .ec-birth select{width:auto;min-width:66px;margin:0}
.ym-front .ym-member .ec-zipInput{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ym-front .ym-member .ec-zipInput input{width:150px;margin:0}
.ym-front .ym-member .ec-zipInputHelp{font-size:13px;margin:0;padding:0}
.ym-front .ym-member .ec-zipInputHelp__icon{display:none}
.ym-front .ym-member .ec-errorMessage{color:var(--ym-error);line-height:1.8;overflow-wrap:anywhere;font-size:14px}
.ym-front .ym-member .ec-RegisterRole__actions{margin-top:28px}
.ym-front .ym-member :is(.ec-off2Grid,.ec-off2Grid__cell,.ec-off3Grid,.ec-off3Grid__cell){display:block;width:100%;max-width:none;margin:0;padding:0}
.ym-front .ym-member .ec-off4Grid{display:block;margin:0 auto;max-width:520px;width:100%;padding:0}
.ym-front .ym-member .ec-off4Grid__cell{display:block;margin:0;padding:0;width:100%}
.ym-front .ym-member .ec-off4Grid__cell :is(button,a){width:100%;margin-top:12px}
.ym-front .ym-member .ec-RegisterRole__actions button{background:var(--ym-green);color:var(--ym-white)}
.ym-front .ym-member .ec-RegisterRole__actions button:hover{background:var(--ym-green);color:var(--ym-white);filter:brightness(.95)}
.ym-front .ym-member .ec-addressRole{padding:0;margin:0 0 22px;border:0}
.ym-front .ym-member .ec-addressList{padding:0;margin:0}
.ym-front .ym-member .ec-addressList__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:24px 80px 24px 24px;margin:0 0 18px}
.ym-front .ym-member .ec-addressList__address{width:auto;min-width:0;margin:0;padding:0;font-size:15px;line-height:1.9}
.ym-front .ym-member .ec-addressList__action{margin:0;padding:0;width:auto}
.ym-front .ym-member .ec-addressList__remove{position:absolute;right:16px;top:24px;display:flex;justify-content:center;align-items:center;width:48px;height:48px;border:1px solid var(--ym-line);border-radius:50%;background:var(--ym-white)}
.ym-front .ym-member .ec-addressList__remove .ec-icon{width:14px;height:14px}
.ym-front .ym-member .ym-member-back{text-align:center;margin:22px 0}
.ym-front .ym-member .ym-member-result{max-width:900px;margin:0 auto 28px;padding:30px}
.ym-front .ym-member .ym-member-warning-icon{width:52px;height:52px;padding:12px;margin:0 0 18px;border-radius:50%;background:var(--ym-soft)}
.ym-front .ym-member .ym-member-warning-icon .ec-icon{width:28px;height:28px}
.ym-front .ym-member :is(.ec-withdrawRole__title,.ec-withdrawConfirmRole__title,.ec-reportHeading h2){font-weight:500;font-size:22px;color:var(--ym-text);line-height:1.7;margin:0 0 18px;text-align:left}
.ym-front .ym-member :is(.ec-withdrawRole__description,.ec-withdrawConfirmRole__description,.ec-reportDescription){font-size:16px;line-height:1.9;color:var(--ym-text);margin:0 0 24px;text-align:left}
.ym-front .ym-member .ec-reportHeading{padding:0;margin:0 0 18px;border:0;text-align:left}
.ym-front .ym-member .ym-member-danger{background:var(--ym-white);color:var(--ym-error);border-color:var(--ym-error)}
.ym-front .ym-member .ym-member-danger:hover{background:#fff4f2;color:var(--ym-error)}
.ym-front .ym-member .ym-member-result button[type="submit"]:disabled,.ym-front .ym-member .ym-member-result button[type="submit"]:disabled:hover{background:#eff1ec;border-color:#b4c0b4;color:#596b5f;opacity:1;cursor:not-allowed;filter:none;box-shadow:none}
.ym-front .ym-member :is(button,a,input,select,textarea,summary):focus-visible,.ym-front .ym-member-nav a:focus-visible{outline:3px solid #94702c!important;outline-offset:4px!important}
@media(max-width:991px){.ym-front .ym-member .ec-orderRole{grid-template-columns:minmax(0,1fr)}.ym-front .ym-member .ec-historyRole__contents{grid-template-columns:220px minmax(0,1fr)}.ym-front .ym-member .ec-favoriteRole__itemList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ym-front .ym-member-nav .ec-navlistRole__navlist{padding:8px;gap:6px}.ym-front .ym-member-nav .ec-navlistRole__item{flex-basis:calc(50% - 6px);font-size:13px}.ym-front .ym-member-nav .ec-navlistRole__item a{padding:10px 8px}.ym-front .ym-member .ec-historyRole{padding:20px}.ym-front .ym-member .ec-historyRole__contents{grid-template-columns:1fr;gap:22px}.ym-front .ym-member .ec-historyRole__header{border-bottom:1px solid var(--ym-line);padding-bottom:20px}.ym-front .ym-member .ec-historyListHeader__action a{width:100%}.ym-front .ym-member :is(.ec-orderOrder,.ec-orderDelivery,.ec-orderPayment,.ec-orderConfirm,.ec-orderMails,.ec-totalBox){padding:20px}.ym-front .ym-member .ec-imageGrid{grid-template-columns:64px minmax(0,1fr);gap:14px}.ym-front .ym-member .ec-imageGrid__img{width:64px}.ym-front .ym-member .ec-favoriteRole__itemList{gap:16px}.ym-front .ym-member .ec-favoriteRole__item{padding:18px}.ym-front .ym-member .ec-borderedDefs>dl{grid-template-columns:1fr;gap:10px;padding:18px 0}.ym-front .ym-member .ec-borderedDefs>dl>dt{padding:0}.ym-front .ym-member .ym-member-form{padding:22px}.ym-front .ym-member .ec-halfInput input{flex-basis:100%;width:100%}.ym-front .ym-member .ec-addressList__item{grid-template-columns:1fr;gap:16px;padding:22px 72px 22px 22px}.ym-front .ym-member .ec-addressList__action a{width:100%}.ym-front .ym-member .ym-member-result{padding:22px}.ym-front .ym-member :is(.ec-withdrawRole__title,.ec-withdrawConfirmRole__title,.ec-reportHeading h2){font-size:21px}}
@media(max-width:479px){.ym-front .ym-member .ec-favoriteRole__itemList{grid-template-columns:minmax(0,1fr)}.ym-front .ym-member .ec-favoriteRole__item-image img{max-height:210px}.ym-front .ym-member .ec-totalBox__price{font-size:22px}.ym-front .ym-member .ec-totalBox__taxRate{flex-wrap:wrap;gap:4px}.ym-front .ym-member .ec-totalBox__taxRate dd{margin-left:auto}}
@media(max-width:359px){.ym-front .ym-member .ym-member-form,.ym-front .ym-member .ym-member-result{padding:18px}.ym-front .ym-member .ec-birth{gap:5px}.ym-front .ym-member .ec-birth select{padding-left:8px;padding-right:8px;min-width:58px}}
