/* Shared visual treatment for customer forms, checkout and help pages. */
body.econoha-service-page{--service-green:#3f8f5c;--service-ink:#2c3531;--service-line:#dde8e1;--service-band:#f6fbf9;font-family:'Noto Sans JP',sans-serif;color:var(--service-ink);background:#fff;line-height:1.85}
body.econoha-service-page #main{background:var(--service-band);padding:0;margin:0;min-width:0}
body.econoha-service-page #main #main-wrap{box-sizing:border-box;width:100%;max-width:1120px;min-width:0;margin:0 auto;padding:42px 24px 72px;float:none}
body.econoha-service-page #main :is(#section-products,.section-box,.list-box,.cart-wrap,.guide-wrap,#contents){box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;padding:0;float:none;height:auto}
body.econoha-service-page #main .main-box{box-sizing:border-box;float:none;width:100%;max-width:100%;min-width:0;margin:0;padding:36px;border:1px solid var(--service-line);border-radius:18px;background:#fff}
body.econoha-service-page :is(#page-image,#page-image02){height:auto;min-height:0;background:var(--service-band);padding:0;margin:0;border:0}
body.econoha-service-page #page-image-wrap{box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:18px 24px 0;height:auto;min-height:0}
body.econoha-service-page #breadcrumb{position:static;float:none;width:auto;margin:0;padding:0;font-size:12px;line-height:1.7;color:#6b7771;letter-spacing:.02em}
body.econoha-service-page #main :is(#section-title02,#section-title03,h1.headline-1){width:100%;max-width:100%;height:auto;margin:0 0 32px;padding:0 0 24px;border:0;border-bottom:1px solid var(--service-line);background:none;color:var(--service-ink);font-family:'Noto Sans JP',sans-serif;font-size:28px;font-weight:500;line-height:1.6;letter-spacing:.12em;text-align:center;text-wrap:balance}
body.econoha-service-page #main :is(h2.headline-2,h2.headline-3,h2.headline-4,h2.headline-5){height:auto;margin:28px 0 18px;padding:12px 16px;border:0;border-left:3px solid #5db078;background:var(--service-band);color:var(--service-green);font-size:19px;font-weight:500;line-height:1.6;letter-spacing:.04em}
body.econoha-service-page #main :is(h3,h4){max-width:100%;line-height:1.7;letter-spacing:.03em;overflow-wrap:break-word}
body.econoha-service-page #main :is(p,li,dd,td,th){overflow-wrap:break-word;word-break:normal;line-height:1.85}
body.econoha-service-page #main p{font-size:15px}
body.econoha-service-page #main a:not(:has(input,button,.service-image-control)){text-underline-offset:3px}
body.econoha-service-page #main :is(.wrapper-privacy,.kiyaku){box-sizing:border-box;width:100%;max-width:100%;margin:24px auto;padding:20px;border:1px solid var(--service-line);border-radius:10px;background:var(--service-band);font-size:14px;line-height:1.9;overflow-wrap:break-word}
body.econoha-service-page #main .privacy-inbox{height:260px;max-height:45vh;overflow-y:auto;overscroll-behavior:contain}
body.econoha-service-page #main .wrapper-privacy p{font-size:14px}
body.econoha-service-page #main :is(.infotable,#infotable02){display:grid;grid-template-columns:minmax(150px,25%) minmax(0,1fr);width:100%;max-width:100%;margin:28px 0;padding:0;border:1px solid var(--service-line);border-radius:10px;overflow:hidden;background:#fff}
body.econoha-service-page #main .infotable::before,body.econoha-service-page #main .infotable::after{content:none}
body.econoha-service-page #main .infotable>dt,body.econoha-service-page #main .infotable>dd{box-sizing:border-box;float:none;clear:none;width:auto;min-width:0;margin:0;padding:18px;border:0;border-bottom:1px solid var(--service-line);text-align:left;font-size:15px}
body.econoha-service-page #main .infotable>dt{background:var(--service-band);font-weight:500;color:var(--service-green)}
body.econoha-service-page #main .infotable>dd{background:#fff}
body.econoha-service-page #main .infotable>dd p{margin:0 0 10px;max-width:100%}
body.econoha-service-page #main .infotable>dd p:last-child{margin-bottom:0}
body.econoha-service-page #main :is(th,dt)>i{display:inline-block;float:none;vertical-align:middle;margin:0 0 0 8px;padding:2px 6px;border-radius:4px;background:#a3483e;color:#fff;font-size:11px;font-style:normal;line-height:1.5;letter-spacing:0;white-space:nowrap}
body.econoha-service-page #main :is(table,.formtable,.carttable,.carttable_main){box-sizing:border-box;max-width:100%;border-collapse:collapse;border-color:var(--service-line);background:#fff;font-size:15px}
body.econoha-service-page #main :is(.formtable,.carttable,.carttable_main){width:100%;margin:20px 0}
body.econoha-service-page #main :is(th,td){border-color:var(--service-line);padding:14px;min-width:0}
body.econoha-service-page #main th{background:var(--service-band);color:var(--service-ink);font-weight:500}
body.econoha-service-page #main td{background-color:#fff}
body.econoha-service-page #main :is(.table_bottom td,.carttable_total td){background:#eef7f1}
body.econoha-service-page #main :is(input:not([type=checkbox],[type=radio],[type=hidden],[type=button],[type=submit],[type=image]),select,textarea),
body.econoha-service-page#pop :is(input:not([type=checkbox],[type=radio],[type=hidden],[type=button],[type=submit],[type=image]),select,textarea){box-sizing:border-box;max-width:100%;min-height:44px;padding:9px 10px;border:1px solid #bdcdc3;border-radius:6px;background:#fff;color:var(--service-ink);font-size:16px;line-height:1.5;vertical-align:middle}
body.econoha-service-page #main textarea{width:100%;min-height:170px;resize:vertical}
body.econoha-service-page #main :is(input[type=checkbox],input[type=radio]){width:18px;height:18px;accent-color:var(--service-green);vertical-align:middle;margin:0 6px 0 0}
body.econoha-service-page #main :is(input,select,textarea,button,a):focus-visible{outline:3px solid #7ec8e3;outline-offset:3px}
body.econoha-service-page :is(#main,#cart-wrap-popup) :is(input[type=button],input[type=submit],button,.service-image-control){box-sizing:border-box;display:inline-block;max-width:100%;min-width:0;width:auto;height:auto;min-height:44px;margin:6px 4px;padding:11px 23px;border:1px solid #5db078;border-radius:999px;background:#5db078;color:#fff;font-family:'Noto Sans JP',sans-serif;font-size:15px;font-weight:500;font-style:normal;line-height:1.6;letter-spacing:.04em;text-align:center;white-space:normal;vertical-align:middle;cursor:pointer;text-decoration:none}
body.econoha-service-page :is(#main,#cart-wrap-popup) .service-image-control{min-width:190px}
body.econoha-service-page :is(#main,#cart-wrap-popup) :is(.service-secondary,input[name=back],.btn-new,.btn-gray){background:#fff;color:var(--service-green);border-color:#b7cdbf}
body.econoha-service-page :is(#main,#cart-wrap-popup) .service-small{min-width:0;padding:7px 14px;font-size:13px}
body.econoha-service-page #main :is(input[type=button],input[type=submit],button):disabled{opacity:.5;cursor:default}
body.econoha-service-page #main :is(.btnul-1,.btnul-2){display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin:28px 0;padding:0;list-style:none}
body.econoha-service-page #main :is(.btnul-1,.btnul-2)>li{float:none;width:auto;max-width:100%;padding:0;margin:0}
body.econoha-service-page #main :is(.btnul-1,.btnul-2)::after{content:none}
body.econoha-service-page #main #mypage-link{width:100%;margin:0 0 28px;padding:0;background:transparent}
body.econoha-service-page #main #mypage-link ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
body.econoha-service-page #main #mypage-link li{float:none;width:auto;max-width:100%;margin:0;padding:0;border:0;background:transparent}
body.econoha-service-page #main #mypage-link a{display:block;padding:10px 16px;border:1px solid var(--service-line);border-radius:999px;background:var(--service-band);color:var(--service-green);font-size:14px;text-decoration:none}
body.econoha-service-page #main #mypage-link p{margin:0;text-align:center;font-size:14px;line-height:2.8}
body.econoha-service-page #main #mypage-link p>a{display:inline-block;margin:4px 2px;padding:8px 12px;line-height:1.8}
body.econoha-service-page #main #mypage-link a[href^="member_mypage"]:empty::before{content:'マイページ'}
body.econoha-service-page .service-heading-custom:not(:empty)+.service-heading-fallback{display:none}
body.econoha-service-page #main .service-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:16px;border:1px solid var(--service-line);border-radius:10px;background:var(--service-band)}
body.econoha-service-page #main .service-steps>span{display:inline-block;padding:5px 12px;border-radius:999px;color:var(--service-green);font-size:14px;line-height:1.8}
body.econoha-service-page #main .service-steps>[aria-current=step]{background:var(--service-green);color:#fff;font-weight:500}
body.econoha-service-page #main .btn-back{background:#fff;color:var(--service-green);border-color:#b7cdbf}
body.econoha-service-page #main .ta-center:has(>a>.btn-big){margin:12px 0;padding:0}
body.econoha-service-page #footer{width:100%;max-width:none;margin:0;padding:0;background:var(--footbg,#26302b)}
body.econoha-service-page #footer .foot{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:42px 0 28px;background:var(--footbg,#26302b);color:#fff}
body.econoha-service-page #footer .foot .brandmark{max-width:150px;height:auto;object-fit:contain}
body.econoha-service-page #main #mypage-name{width:100%;height:auto;padding:24px;border:1px solid var(--service-line);border-radius:12px;background:var(--service-band);font-size:16px;line-height:1.8;text-align:center}
body.econoha-service-page #main #guide-navi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin:0;padding:0}
body.econoha-service-page #main #guide-navi::after{content:none}
body.econoha-service-page #main #guide-navi>ul{box-sizing:border-box;float:none;width:100%;min-width:0;margin:0;padding:20px;border:1px solid var(--service-line);border-radius:12px;background:var(--service-band);list-style:none}
body.econoha-service-page #main #guide-navi li{float:none;width:auto;margin:0 0 10px;padding:0;line-height:1.8;background:none}
body.econoha-service-page #main #guide-navi ul ul{margin:12px 0 22px;padding-left:18px;list-style:disc}
body.econoha-service-page #main #guide-navi a{font-size:14px;line-height:1.8;color:var(--service-green)}
body.econoha-service-page #main :is(.guide-box,.guide-wrap,.wrapper-privacy) img{max-width:100%;height:auto;object-fit:contain}
body.econoha-service-page#pop{margin:0;padding:24px;background:var(--service-band);font-size:15px}
body.econoha-service-page#pop #cart-wrap-popup{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px;border:1px solid var(--service-line);border-radius:14px;background:#fff}
body.econoha-service-page#pop table{max-width:100%;width:100%;border-collapse:collapse}
body.econoha-service-page#pop :is(th,td){padding:12px;border:1px solid var(--service-line);overflow-wrap:break-word}
body.econoha-service-page#pop th{background:var(--service-band)}
@media(max-width:767px){
  body.econoha-service-page #main .formtable>tbody>tr>td:has(>.formtable,>.carttable){padding:0;border:0;background:transparent}
  body.econoha-service-page #main .carttable .service-small{width:auto!important;padding:7px 10px!important;white-space:nowrap}
  body.econoha-service-page #main .formtable,body.econoha-service-page #main .formtable>tbody{display:block;width:100%;min-width:0}
  body.econoha-service-page #main .formtable>tbody>tr>th,body.econoha-service-page #main .formtable>tbody>tr>td{width:100%!important;white-space:normal}
  body.econoha-service-page #main .carttable{display:block;width:100%;min-width:0}
  body.econoha-service-page #main .carttable>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  body.econoha-service-page #main .carttable>tbody{display:block;width:100%}
  body.econoha-service-page #main .carttable>tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;border-bottom:1px solid var(--service-line)}
  body.econoha-service-page #main .carttable>tbody>tr>td{display:block;box-sizing:border-box;width:auto!important;min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;padding:10px 8px;border:0}
  body.econoha-service-page #main .carttable>tbody>tr>td:empty{display:none}
  body.econoha-service-page #main .carttable td[data-label='商品名']{grid-column:1/-1}
  body.econoha-service-page #main .carttable td[data-label]::before{content:attr(data-label);display:block;margin-bottom:5px;color:var(--service-green);font-size:12px;font-weight:500}
  body.econoha-service-page #main .carttable td img{max-width:100%;height:auto}
  body.econoha-service-page #main #main-wrap{padding:24px 12px 44px}
  body.econoha-service-page #main .main-box{padding:22px 16px;border-radius:12px}
  body.econoha-service-page #page-image-wrap{padding:14px 16px 0}
  body.econoha-service-page #main :is(#section-title02,#section-title03,h1.headline-1){font-size:23px;letter-spacing:.06em;margin-bottom:24px;padding-bottom:18px}
  body.econoha-service-page #main :is(h2.headline-2,h2.headline-3,h2.headline-4,h2.headline-5){font-size:17px;padding:10px 12px}
  body.econoha-service-page #main :is(.infotable,#infotable02){display:block;border-radius:8px}
  body.econoha-service-page #main .infotable>dt,body.econoha-service-page #main .infotable>dd{display:block;width:100%;padding:12px}
  body.econoha-service-page #main .infotable>dt{border-bottom:0}
  body.econoha-service-page #main .formtable>tbody>tr>th,body.econoha-service-page #main .formtable>tbody>tr>td{box-sizing:border-box;display:block;width:100%;max-width:100%;padding:12px}
  body.econoha-service-page #main .formtable>tbody>tr{display:block}
  body.econoha-service-page #main :is(th,td){padding:9px;font-size:14px}
  body.econoha-service-page #main .wrapper-privacy{padding:14px}
  body.econoha-service-page #main .privacy-inbox{height:220px}
  body.econoha-service-page #main #guide-navi{grid-template-columns:1fr;gap:12px}
  body.econoha-service-page #main #guide-navi>ul{padding:18px}
  body.econoha-service-page :is(#main,#cart-wrap-popup) .service-image-control{min-width:0;width:min(260px,100%);margin:6px 0;padding:11px 15px}
  body.econoha-service-page #main :is(.btnul-1,.btnul-2)>li{width:100%;text-align:center}
  body.econoha-service-page #main .btn-big{width:100%;max-width:360px;margin:8px 0}
  body.econoha-service-page #main #mypage-name{padding:18px;font-size:15px}
  body.econoha-service-page#pop{padding:12px}
  body.econoha-service-page#pop #cart-wrap-popup{padding:16px}
  body.econoha-service-page#pop :is(th,td){display:block;width:100%;box-sizing:border-box}
}