/* Original WordPress explanatory pages: preserve the content and image order,
   while replacing legacy fixed-width/float rules with responsive styling. */
.legacy-page{font-size:15px;line-height:1.8;color:#424b40;overflow-wrap:anywhere}
.legacy-page :is(p,ul,ol){margin:10px 0 15px}
.legacy-page p:empty{display:none}
.legacy-page a{color:#357e23;text-decoration:underline;text-underline-offset:2px}
.legacy-page a:hover{color:#6fac29}
.legacy-page a:has(img){display:inline-block;text-decoration:none;cursor:zoom-in}
.legacy-page img{max-width:100%;height:auto;vertical-align:middle}
.legacy-page img[src$=".gif"],.legacy-page img[src$=".png"]{object-fit:contain}
.legacy-page .legacy-alert{color:#d63d39}
.legacy-page .legacy-image-missing{display:inline-block;padding:10px;color:#65705b;background:#f5f7f2;border:1px dashed #c4cfbb;font-size:12px}
.legacy-page iframe{display:block;max-width:100%;border:0;background:#f2f5ee}
.legacy-page a[href$=".pdf"],.legacy-page a[href$=".zip"]{display:inline-block;margin:3px 0;color:#398a15}

/* Corporate outline and founder's history use the original two-column tables. */
.legacy-company table{width:100%;border-collapse:collapse;table-layout:auto;margin:8px 0 26px;font-size:14px}
.legacy-company tr{border-bottom:1px solid #c0ded5}
.legacy-company td{padding:10px 12px;vertical-align:top;line-height:1.8}
.legacy-company td:first-child{width:21%;min-width:110px;background:#d0f0e8;color:#335a52;font-weight:600}
.legacy-company td:nth-child(2){background:#fff}
.legacy-company td p{margin:0 0 8px}
.legacy-company iframe{width:100%;max-width:500px;height:290px;margin-top:11px}
.legacy-company p>strong,.legacy-company p>span>strong{color:#178071;font-size:19px}
.legacy-company p:has(>a>img){min-height:100px}

/* Custom-printed gloves: stacked original explanatory sections and galleries. */
.legacy-name>.n01>img,.legacy-nonslip>.s01>img{display:block;width:100%}
.legacy-name .n0{padding:12px 8px;margin:10px 0 22px;border-top:2px solid #f5c079;background:#fff;line-height:1.9}
.legacy-name .n1,.legacy-name .n2,.legacy-name .n3,.legacy-name>.n{margin:22px 0;clear:both}
/* The old orange strip is a CSS background: the retained 318px heading
   artwork contains only transparent white lettering. */
.legacy-name .nt_t{display:flex;align-items:center;min-height:50px;margin:24px 0 15px;background:linear-gradient(180deg,#ffbb63 0%,#ff9f36 44%,#f8841e 100%);border:1px solid #fba040;box-shadow:inset 0 1px 0 #ffd69a}
.legacy-name .nt_t img{display:block;width:318px;max-width:100%;height:auto}
.legacy-name .n_gt,.legacy-name .n_m1{margin:24px 0 12px}
.legacy-name .n_gt img{display:block;max-width:100%}
.legacy-name .n_g{margin-top:24px;clear:both}
.legacy-name .n_g:after,.legacy-name .nt:after,.legacy-name .clearfix:after{content:"";display:table;clear:both}
.legacy-name a[data-photo-open] img{transition:opacity .18s,transform .18s}
.legacy-name a[data-photo-open]:hover img{opacity:.9;transform:scale(1.015)}
.legacy-name .n_g>.clearfix:has(>.n_g_box02),.legacy-name .n_g>.clearfix:has(>.n_g_box03),
.legacy-name .n_g>.clearfix:has(>.n_g_box04),.legacy-name .nt>.clearfix:has(>.n_g_box02),
.legacy-name .nt>.clearfix:has(>.n_g_box03),.legacy-name .nt>.clearfix:has(>.n_g_box04){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:12px 0 24px}
.legacy-name :is(.n_g_box02,.n_g_box02_2,.n_g_box03,.n_g_box03_2,.n_g_box04,.n_g_box04_2){display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;gap:4px;min-width:0;max-width:100%;padding:7px 2px 10px;margin:0;background:#fff}
.legacy-name :is(.n_g_box02,.n_g_box02_2,.n_g_box03,.n_g_box03_2,.n_g_box04,.n_g_box04_2) a{display:block;max-width:100%}
.legacy-name :is(.n_g_box02,.n_g_box02_2,.n_g_box03,.n_g_box03_2,.n_g_box04,.n_g_box04_2) img{display:block;max-width:100%;height:110px;object-fit:contain;margin:auto}
.legacy-name :is(.n_g_box02,.n_g_box02_2,.n_g_box03,.n_g_box03_2,.n_g_box04,.n_g_box04_2) h4{margin:4px 0 0;color:#e98527;font-size:13px;line-height:1.4}
.legacy-name :is(.n_g_box02,.n_g_box02_2,.n_g_box03,.n_g_box03_2,.n_g_box04,.n_g_box04_2) p{font-size:12px;margin:0;line-height:1.45}
.legacy-name .n_g .s_r{float:right;width:43%;max-width:300px;margin:0 0 18px 15px}
.legacy-name .n_data{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;background:#f8faf5;padding:13px;margin:12px 0 25px}
.legacy-name .n_data03{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:14px}
.legacy-name .n_data img{max-width:100%}
.legacy-name .n_data a{cursor:pointer}
.legacy-name .n_g_box02 a,.legacy-name .n_g_box03 a,.legacy-name .n_g_box04 a{display:inline-block}
.legacy-name .n_g>p:has(>a>img){margin:16px 0}
.legacy-name .n2 .nt>p:has(>a>img){min-height:0;display:flow-root;margin-bottom:12px}
.legacy-name .n2 .nt>p>a>img{max-width:min(55%,410px);float:right;margin:0 0 12px 15px}
.legacy-name .name-print-pair{display:grid;grid-template-columns:minmax(185px,210px) minmax(0,1fr);gap:16px;align-items:start;margin:14px 0 19px}
.legacy-name .name-print-description{min-width:0;font-size:14px;line-height:1.8;padding-top:4px}
.legacy-name .name-print-image{min-width:0;overflow:visible}
.legacy-name .name-print-image a{display:block;width:100%;max-width:100%;overflow:visible}
.legacy-name .name-print-image img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;float:none;margin:0}
.legacy-name .n2 .n_g{margin-top:13px}
.legacy-name .n2 .n_gt{margin:13px 0 7px}
.legacy-name .n2 .n_g>p{margin:6px 0 11px}
/* The site's button green separates the numbered production steps. */
.legacy-name .n2 .n_g.name-flow-section{margin-top:23px;padding-top:18px;border-top:3px solid #65b81d}
/* The JA gallery has four items, so don't leave an empty fifth grid column. */
.legacy-name .n2 .nt>.clearfix.name-ja-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;margin:16px auto 25px}
.legacy-name .name-step-five-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start;margin:8px 0 13px}
.legacy-name .name-step-five-text p{margin:0;line-height:1.9}
.legacy-name .name-step-five-content .n_data{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;margin:0;padding:10px;background:#fff9f1;border:1px solid #f0dfc6}
.legacy-name .name-step-five-content .n_data01{grid-column:1/-1}
.legacy-name .name-step-five-content .n_data02{grid-column:1}
.legacy-name .name-step-five-content .n_data03{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:9px}
.legacy-name .name-step-five-content .n_data03 img{width:min(100%,150px)}

/* Water-absorbing flood-barrier pages: original headings, video and specs. */
.legacy-donou>.donou-hero{position:relative;aspect-ratio:682/359;min-height:0;margin:4px 0 22px;border:0;overflow:hidden;background:#d5f3f9 url('assets/donou-old-hero-reference.jpg') left top / 297.65% auto no-repeat}
.legacy-donou .donou-hero .yt01{position:absolute;top:47%;right:2%;width:39.5%;height:46%;margin:0;box-shadow:0 2px 8px #13606950;background:#e4faff;z-index:1}
.legacy-donou .donou-hero .yt01 iframe{display:block;width:100%;height:100%;aspect-ratio:auto;min-height:0}
.legacy-donou>.d{margin:18px 0 23px;clear:both}
.legacy-donou>.d:after,.legacy-donou .d_4:after{content:"";display:table;clear:both}
.legacy-donou .d_l,.legacy-donou .d_l2,.legacy-donou .d_l4{float:left;width:49%;margin:0 2% 10px 0}
.legacy-donou .d_r,.legacy-donou .d_r2,.legacy-donou .d_r4{float:right;width:49%;margin:0 0 10px}
.legacy-donou .d_l2_2{padding:0}
.legacy-donou .d_3{width:100%}
.legacy-donou .donou-title-band{display:flex;align-items:center;width:100%;min-height:64px;margin:0 0 12px;background:linear-gradient(90deg,#76d1bf 0%,#1ab997 44%,#079e86 100%);box-shadow:inset 0 1px 0 #acf6e5}
.legacy-donou .donou-title-band img{display:block;width:auto;max-width:100%;height:auto}
.legacy-donou iframe,.legacy-nonslip iframe{width:100%;aspect-ratio:16/9;height:auto;min-height:175px}
.legacy-donou .d_p,.legacy-nonslip .d_p{font-size:14px;line-height:1.8;margin:9px 0 12px}
.legacy-donou .d_p .legacy-alert{display:block;color:#d33a32;margin-top:3px}
.legacy-donou .d>p>img{display:block;max-width:100%;margin:10px auto}
.legacy-donou .donou-spec-title{margin:19px 0 8px;padding:0 0 6px;border-bottom:2px solid #23ad96;color:#008d82;font-size:21px;font-weight:700}
.legacy-donou table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;margin:12px 0 14px}
.legacy-donou table td{padding:8px 5px;text-align:center;border:1px solid #baded2;vertical-align:middle;overflow-wrap:normal}
.legacy-donou table tr:first-child td{background:#d0f0e8;font-weight:700;color:#276553}
.legacy-donou table a{font-weight:700;white-space:nowrap}
.legacy-donou .donou-spec-note{margin:2px 0;line-height:1.5;font-size:13px;color:#424b40}
.legacy-donou .donou-spec-note .legacy-alert{color:#d63d39}
.legacy-donou .donou-spec-document{margin:3px 0;line-height:1.6;font-size:13px}
.legacy-donou .donou-spec-note + .donou-spec-document{margin-top:4px}
.legacy-donou a[href$=".pdf"]{display:inline-flex;align-items:center;gap:4px;font-weight:600}

/* Non-slip processing section. */
.legacy-nonslip>.s02{margin:16px 0 23px}
.legacy-nonslip .st_t{margin:15px 0 18px}
.legacy-nonslip .s_r{float:right;width:45%;margin:0 0 14px 15px}
.legacy-nonslip .s:after,.legacy-nonslip .st:after{content:"";display:table;clear:both}
.legacy-nonslip .s_g{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px;clear:both}
.legacy-nonslip .s_gt{flex-basis:100%;margin-bottom:4px}
.legacy-nonslip .s_g_box,.legacy-nonslip .s_g_box2{flex:1 1 160px;max-width:calc(33.333% - 9px);text-align:center;border:1px solid #e3e9d9;padding:12px 6px}
.legacy-nonslip .s_g_box img,.legacy-nonslip .s_g_box2 img{display:block;margin:0 auto 9px;max-height:170px;object-fit:contain}
.legacy-nonslip .s_g_box p,.legacy-nonslip .s_g_box2 p{margin:7px 0 0;font-size:13px}
.legacy-nonslip>p:last-child>a{display:block;cursor:pointer}

@media(max-width:700px){
 .legacy-page{font-size:14px}
 .legacy-company table{font-size:13px}
 .legacy-company td{padding:9px 7px}
 .legacy-company td:first-child{min-width:87px}
 .legacy-donou table{font-size:11px}
 .legacy-donou table td{padding:6px 3px}
 .legacy-name .n_g>.clearfix:has(>.n_g_box02),.legacy-name .n_g>.clearfix:has(>.n_g_box03),.legacy-name .n_g>.clearfix:has(>.n_g_box04),.legacy-name .nt>.clearfix:has(>.n_g_box02),.legacy-name .nt>.clearfix:has(>.n_g_box03),.legacy-name .nt>.clearfix:has(>.n_g_box04){grid-template-columns:repeat(3,minmax(0,1fr))}
 .legacy-name .n2 .nt>.clearfix.name-ja-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .legacy-name .name-step-five-content{grid-template-columns:1fr;gap:10px}
 .legacy-name .name-print-pair{grid-template-columns:1fr;gap:8px}
}
@media(max-width:480px){
 .legacy-company iframe{height:250px}
 .legacy-donou>.donou-hero{min-height:0;aspect-ratio:auto;padding-top:52.6%;background-size:297.65% auto;background-position:left top;overflow:visible}
 .legacy-donou .donou-hero .yt01{position:relative;top:auto;right:auto;width:100%;height:auto;aspect-ratio:16/9;margin:0;box-shadow:none}
 .legacy-donou .donou-hero .yt01 iframe{height:100%}
 .legacy-name .n_data{grid-template-columns:1fr;text-align:center}
 .legacy-name .n2 .nt>p>a>img{float:none;max-width:100%;margin:8px 0}
 .legacy-name .n_g>.clearfix:has(>.n_g_box02),.legacy-name .n_g>.clearfix:has(>.n_g_box03),.legacy-name .n_g>.clearfix:has(>.n_g_box04),.legacy-name .nt>.clearfix:has(>.n_g_box02),.legacy-name .nt>.clearfix:has(>.n_g_box03),.legacy-name .nt>.clearfix:has(>.n_g_box04){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .legacy-name .n_g .s_r{float:none;width:100%;max-width:300px;margin:0 0 10px}
 .legacy-donou .d_l,.legacy-donou .d_l2,.legacy-donou .d_l4,
 .legacy-donou .d_r,.legacy-donou .d_r2,.legacy-donou .d_r4{float:none;width:100%;margin:10px 0}
 .legacy-donou table{display:block;overflow-x:auto;white-space:nowrap}
 .legacy-donou table td{min-width:51px}
 .legacy-nonslip .s_r{float:none;width:100%;margin:0 auto 16px}
 .legacy-nonslip .s_g_box,.legacy-nonslip .s_g_box2{min-width:calc(50% - 12px);max-width:none}
}