/* Shared renewal theme, based on index2.php. Loaded after legacy page styles. */
:root{--r-red:#b51f2b;--r-dark:#941925;--r-soft:#fbf2f2;--r-ink:#292b30;--r-sub:#68686d;--r-line:#e5e2e2;--r-bg:#f6f5f4}
html.renewal{scroll-behavior:smooth}html.renewal body{margin:0;background:var(--r-bg);color:var(--r-ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:14px;line-height:1.85}
.renewal .r-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.renewal .r-header,.renewal .r-nav,.renewal .r-search,.renewal .r-footer{box-sizing:border-box}.renewal [class^="r-"] *{box-sizing:border-box}.renewal a:focus-visible,.renewal button:focus-visible,.renewal summary:focus-visible,.renewal input:focus-visible,.renewal select:focus-visible,.renewal textarea:focus-visible{outline:3px solid var(--r-red);outline-offset:3px}
.r-skip{position:fixed;left:16px;top:-90px;z-index:500;background:#fff;color:var(--r-red);padding:12px 20px}.r-skip:focus{top:12px}.r-icon{display:block;width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.r-header{background:#fff;border-top:4px solid var(--r-red)}.r-header-inner{display:flex;align-items:center;gap:24px;min-height:106px}.r-logo{display:block;flex:0 1 285px}.r-logo img{display:block;width:100%;height:auto}.r-header-copy{flex:1;color:var(--r-sub);font-size:12px}.r-phone{white-space:nowrap;text-align:right}.r-phone small{display:block;font-size:11px;color:var(--r-red);font-weight:700}.r-phone a{font-size:27px;font-weight:800;color:var(--r-ink)}.r-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:14px 18px;background:var(--r-red);color:#fff;font-size:13px;font-weight:700}.r-button:hover{background:var(--r-dark)}
.r-nav{position:sticky;top:0;z-index:90;background:var(--r-red);box-shadow:0 4px 14px #292b3014}.r-nav ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none}.r-nav-admin ul{grid-template-columns:repeat(4,minmax(0,1fr))}.r-nav a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:60px;padding:14px 6px;color:#fff;font-size:13px;font-weight:700;border-right:1px solid #ffffff30}.r-nav li:first-child a{border-left:1px solid #ffffff30}.r-nav a:hover,.r-nav a[aria-current]{background:var(--r-dark)}.renewal .r-nav a:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.r-search{margin-block:32px!important;border:1px solid var(--r-line);border-top:4px solid var(--r-red);border-radius:12px;background:#fff;overflow:hidden}.r-search summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:20px 26px;color:var(--r-red);font-size:18px;font-weight:700;list-style:none}.r-search summary::-webkit-details-marker{display:none}.r-search-toggle{margin-left:auto;font-size:22px}.r-search[open] .r-search-toggle{transform:rotate(45deg)}.r-search-body{padding:0 26px 24px}.r-search h2{font-size:17px;font-weight:700;margin:14px 0;color:var(--r-ink)}.r-types,.r-makers{display:grid;gap:12px;grid-template-columns:repeat(8,minmax(0,1fr))}.r-types{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px}.r-types li,.r-makers li{min-width:0}.r-types a,.r-makers a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:relative;text-align:center;min-height:116px;padding:12px 10px;border:1px solid var(--r-line);border-radius:8px;color:var(--r-ink);font-size:12px;font-weight:700;background:#fff;transition:border-color .2s,background .2s}.r-types a{background:var(--r-bg)}.r-types a:hover,.r-makers a:hover{border-color:var(--r-red);background:var(--r-soft)}.r-types img{display:block;width:100px;height:55px;object-fit:contain}.r-types b{position:absolute;right:10px;bottom:10px;color:var(--r-red)}.r-types a span{padding-inline:7px;line-height:1.5}.r-maker-mark{position:relative;display:block;width:60px;height:34px;overflow:hidden;background:#fff}.r-maker-mark img{position:absolute;max-width:none;width:460px;height:55px;left:-138px;top:-6px}.r-utility{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:24px;padding-top:20px;border-top:1px solid var(--r-line)}.r-utility a{color:var(--r-red);font-size:13px;font-weight:700}.r-search-note{font-size:12px;color:var(--r-sub);margin-top:14px}
html.renewal #index_image{display:block;width:min(1180px,100%);height:auto;margin:24px auto 0;border-radius:12px}html.renewal #contents{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:32px;width:min(1180px,calc(100% - 40px));margin:36px auto 64px;padding:0;background:none;float:none}html.renewal #contents::after{display:none}html.renewal #contents #main,html.renewal #contents #sub{float:none;width:auto;min-width:0;margin:0;box-sizing:border-box}html.renewal #contents #main{padding:28px;background:#fff;border:1px solid var(--r-line);border-radius:12px}html.renewal #contents #main:after{content:"";display:block;clear:both}html.renewal #contents #main img:not(.status){max-width:100%}html.renewal #contents #main>h2,html.renewal #contents #main h2.title{width:auto;height:auto;margin:0 0 26px;padding:12px 0 16px;border:0;border-bottom:3px solid var(--r-red);background:none;color:var(--r-ink);font-size:27px;font-weight:800;text-indent:0;line-height:1.5;box-sizing:border-box}
html.renewal #contents #main>p,html.renewal #contents #main div.text p{box-sizing:border-box;width:100%;font-size:14px;line-height:1.9;color:var(--r-sub)}html.renewal #contents #main div.text{width:auto;margin:24px 0;padding:20px;background:var(--r-bg);border:1px solid var(--r-line);border-radius:10px;clear:both}html.renewal #contents #main div.text h3{width:auto;height:auto;padding:8px 0 8px 14px;margin:0 0 12px;border:0;border-left:3px solid var(--r-red);color:var(--r-ink);background:none;text-indent:0;font-size:18px;line-height:1.6}html.renewal #contents #main table.main{width:100%;box-sizing:border-box;border-color:var(--r-line);margin:20px 0}html.renewal #contents #main table.main th,html.renewal #contents #main table.main td{font-size:14px;line-height:1.8;padding:16px;border:1px solid var(--r-line);height:auto}html.renewal #contents #main table.main th{background:var(--r-soft);color:var(--r-ink)}html.renewal #contents #main table.main td{background:#fff;color:var(--r-ink)}html.renewal #contents #main .auto{height:auto}
html.renewal #contents #sub{padding:0}html.renewal #contents #sub h4{width:auto;height:auto;line-height:1.6;padding:14px 12px;margin:24px 0 12px;border:0;border-left:3px solid var(--r-red);border-radius:4px;background:#fff;color:var(--r-ink);text-indent:0;font-size:16px;box-sizing:border-box}html.renewal #contents #sub #side_link{width:auto}html.renewal #contents #sub #side_link>span{display:block;color:var(--r-red);font-weight:700;padding:12px 0}html.renewal #contents #sub #side_link>a{display:block;width:100%;height:auto;margin-bottom:12px;overflow:hidden;border-radius:8px}html.renewal #contents #sub #side_link img{width:100%;height:auto}html.renewal #contents #sub .truck_list,html.renewal #contents #sub #ranking{max-width:100%;box-sizing:border-box}html.renewal #contents #sub .truck_list div.clearfix{width:auto;border-color:var(--r-line);background:#fff;border-radius:8px;margin-bottom:12px;padding:10px}html.renewal #contents #sub .bx-wrapper{max-width:100%!important}
html.renewal #contents #main #main_result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:auto}html.renewal #contents #main #main_result:after{display:none}html.renewal #contents #main #main_result div.list{float:none;width:100%;margin:0;box-sizing:border-box;border:1px solid var(--r-line);border-radius:10px;box-shadow:0 6px 18px #292b3008;background:#fff}html.renewal #contents #main #main_result div.list h3{box-sizing:border-box;height:auto;min-height:54px;line-height:1.5;padding:12px;background:var(--r-dark);border:0;text-indent:0}html.renewal #contents #main #main_result div.list h3 a{color:#fff;font-size:15px}html.renewal #contents #main #main_result div.list a.img{float:none;width:100%;border:0}html.renewal #contents #main #main_result div.list a.img img:not(.status){width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}html.renewal #contents #main #main_result div.list table{float:none;width:calc(100% - 24px);margin:12px}html.renewal #contents #main #main_result div.list th,html.renewal #contents #main #main_result div.list td{padding:5px;border-color:var(--r-line);font-size:12px}html.renewal #contents #main #main_result div.list a.link,html.renewal #contents #main #main_result div.list a.favorite{position:static;float:none;box-sizing:border-box;width:calc(100% - 24px);height:auto;min-height:38px;margin:10px 12px;padding:7px;text-align:center;text-indent:0;letter-spacing:0;background:var(--r-soft);border:1px solid #ecd6d8;box-shadow:none;color:var(--r-red);font-size:13px}
html.renewal #contents #main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=image]),html.renewal #contents #main textarea,html.renewal #contents #main select{box-sizing:border-box;max-width:100%;border:1px solid #bbb5b6;border-radius:5px;padding:8px;font-family:inherit;font-size:14px}html.renewal #contents #main input[type=submit],html.renewal #contents #main input[type=button],html.renewal #contents #main button{cursor:pointer;background:var(--r-red);color:#fff;border:0;border-radius:6px;padding:10px 18px;height:auto;min-height:40px}html.renewal #contents #main textarea{line-height:1.7}html.renewal #contents #main .err_title{color:var(--r-red)}
html.renewal #contents #main .r-service{box-sizing:border-box;float:left;width:calc(50% - 10px);height:auto;min-height:0;margin:0 20px 24px 0;padding:0 0 20px;background:#fff;border:1px solid var(--r-line);border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #292b3008}html.renewal #contents #main .r-service.right{margin-right:0}html.renewal #contents #main .r-service .r-service-photo{width:100%;height:180px;object-fit:cover;display:block}html.renewal #contents #main .r-service h3{box-sizing:border-box;width:auto;height:auto;margin:20px 18px 10px;padding:0 0 0 12px;border:0;border-left:3px solid var(--r-red);background:none;color:var(--r-ink);font-size:21px;line-height:1.5;text-indent:0}html.renewal #contents #main .r-service p{box-sizing:border-box;width:auto;padding:0;margin:12px 18px;font-size:13px;line-height:1.9;background:none}html.renewal #contents #main .r-service p.r-service-lead{color:var(--r-red);font-weight:700;font-size:13px}html.renewal #contents #main .r-service>a{position:static;box-sizing:border-box;width:auto;height:auto;min-height:42px;margin:18px 18px 0;padding:10px 16px;border-radius:6px;background:var(--r-red);color:#fff;text-indent:0;text-align:center;line-height:1.5;font-size:13px}
html.renewal #footer_info{box-sizing:border-box;width:min(1180px,calc(100% - 40px));margin:32px auto;padding:20px 26px;background:#fff;border:1px solid var(--r-line);border-left:4px solid var(--r-red);border-radius:8px}html.renewal .atention_info{font-size:14px;line-height:1.8;color:var(--r-ink)}html.renewal #footer_info>br{display:none}html.renewal #footer_link{box-sizing:border-box;width:min(1180px,calc(100% - 40px));margin:24px auto 48px;background:#fff;border:1px solid var(--r-line);border-radius:8px}html.renewal #footer_link td{padding:16px 20px}html.renewal #footer_link ul{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 0}html.renewal #footer_link li{float:none;width:auto;margin:0}html.renewal #footer_link a{color:var(--r-sub);font-size:12px;background:none;padding:0}html.renewal #footer_link h3{height:auto;background:none}html.renewal #footer_link img{max-width:100%;height:auto}
.r-footer{background:#fff;border-top:4px solid var(--r-red);padding-top:54px;color:var(--r-ink)}.r-footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:36px;padding-bottom:48px}.r-footer-logo{display:block;width:280px;max-width:100%;height:auto}.r-company{font-size:12px;line-height:2;margin-top:24px;color:var(--r-sub)}.r-footer h2{font-size:14px;font-weight:700;color:var(--r-red);border-bottom:1px solid #ecd6d8;padding-bottom:12px;margin-bottom:16px}.r-footer li{margin:9px 0}.r-footer a{color:var(--r-ink);font-size:12px}.r-footer a:hover{color:var(--r-red)}.r-footer .r-footer-contact{display:inline-block;margin-top:18px;padding:10px 18px;border:1px solid var(--r-red);border-radius:6px;color:var(--r-red);font-weight:700}.r-copyright{padding:20px;background:var(--r-soft);border-top:1px solid #ecd6d8;text-align:center;font-size:10px;color:var(--r-sub)}.r-top{position:fixed;right:20px;bottom:20px;z-index:100;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--r-red);color:#fff;box-shadow:0 5px 18px #292b3020}
@media(max-width:1000px){.r-header-copy{display:none}.r-logo{margin-right:auto}.r-header-inner{gap:16px}.r-makers{grid-template-columns:repeat(4,minmax(0,1fr))}html.renewal #contents{grid-template-columns:minmax(0,1fr) 230px;gap:20px}html.renewal #contents #main{padding:20px}.r-footer-grid{gap:22px}}
@media(max-width:768px){.renewal .r-wrap{width:calc(100% - 28px)}.r-header-inner{padding:16px 0;flex-wrap:wrap;gap:12px}.r-logo{flex-basis:210px}.r-phone small{display:none}.r-phone a{font-size:19px}.r-header .r-button{width:100%;padding:10px}.r-nav{position:relative}.r-nav ul{grid-template-columns:repeat(3,minmax(0,1fr))}.r-nav a{min-height:50px;font-size:11px;gap:6px}.r-nav .r-icon{width:18px;height:18px;flex-basis:18px}.r-search{margin-block:20px!important}.r-search summary{padding:16px;font-size:15px}.r-search-body{padding:0 16px 20px}.r-types,.r-makers{grid-template-columns:repeat(2,minmax(0,1fr))}.r-types a{min-height:130px}.r-search h2{font-size:16px}html.renewal #contents{display:block;width:calc(100% - 28px);margin:24px auto 40px}html.renewal #contents #main{padding:18px}html.renewal #contents #sub{display:block;width:100%;margin:28px 0 0}html.renewal #contents #sub #side_link{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html.renewal #contents #sub #side_link>span{grid-column:1/-1}html.renewal #contents #main>h2,html.renewal #contents #main h2.title{font-size:23px}html.renewal #contents #main table.main{table-layout:fixed}html.renewal #contents #main table.main th,html.renewal #contents #main table.main td{padding:10px 8px;font-size:12px;overflow-wrap:anywhere}html.renewal #contents #main table.main th{width:28%}html.renewal #contents #main #main_result{grid-template-columns:1fr}html.renewal #contents #main .r-service{width:100%;margin:0 0 20px;float:none}html.renewal #contents #main div.text{padding:14px}html.renewal #footer_info,html.renewal #footer_link{width:calc(100% - 28px)}.r-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.r-footer-grid>div:first-child{grid-column:1/-1}.r-footer-logo{width:270px}.r-top{right:12px;bottom:12px}}
@media(max-width:420px){.r-logo{flex-basis:190px}.r-phone a{font-size:17px}.r-nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html.renewal{scroll-behavior:auto}.r-types a,.r-makers a{transition:none}}
@media print{.r-header,.r-nav,.r-search,.r-footer,.r-top,.r-skip{display:none!important}html.renewal #contents{display:block;width:100%;margin:0}html.renewal #contents #sub{display:none}html.renewal #contents #main{border:0;padding:0}}
/* Normalize only the old decorative frames; keep page-specific photos and text. */
html.renewal #contents #main h2,html.renewal #contents #main h3,html.renewal #contents #sub h4{font-family:inherit}
html.renewal #contents #main>h2,html.renewal #contents #main h2.title{box-shadow:none;border-radius:0}

/* Compact header spacing. */
.r-header-inner{min-height:82px}
@media(max-width:768px){.r-header-inner{padding-top:8px;padding-bottom:8px}}
html.renewal #contents #sub #side_link>span{box-sizing:border-box;width:100%;height:auto;line-height:1.6;margin:0 0 12px;padding:14px 12px;border:0;border-left:3px solid var(--r-red);border-radius:4px;background:#fff;box-shadow:none;text-indent:0;text-align:left;color:var(--r-ink);font-size:16px}
html.renewal #contents #main .searchbar{max-width:100%;box-sizing:border-box}
@media(max-width:768px){html.renewal #contents #main .ranking,html.renewal #contents #main #ranking{max-width:100%;box-sizing:border-box}html.renewal #contents #sub #facebook{max-width:100%}}
html.renewal #contents #main:only-child{grid-column:1/-1}
html.renewal #contents #main .result table th,html.renewal #contents #main table.checksheet th{background:var(--r-soft);color:var(--r-ink);border-color:var(--r-line)}
html.renewal #contents #main .result table td,html.renewal #contents #main table.checksheet td{background:#fff;color:var(--r-ink);border-color:var(--r-line)}
html.renewal #contents #main .result table,html.renewal #contents #main table.checksheet{border-color:var(--r-line)}
html.renewal #contents #main .result #truck_data h3{background:var(--r-dark);text-decoration:none;border-radius:8px 8px 0 0}
html.renewal #contents #main #checksheet{max-width:100%}
@media(max-width:768px){html.renewal #contents #main form table.main th,html.renewal #contents #main form table.main td{box-sizing:border-box;display:block;width:100%}html.renewal #contents #main form table.main{table-layout:auto}}
html.renewal #contents #main .r-service.left{clear:left}
html.renewal #contents #main .r-service h3,html.renewal #contents #main .r-service p,html.renewal #contents #main .r-service>a{position:static;inset:auto;text-align:left}
html.renewal #contents #main .r-service>a{text-align:center}
html.renewal #contents #sub #new_truck h4,html.renewal #contents #sub #recommend h4,html.renewal #contents #sub #history h4,html.renewal #contents #sub #favorite h4,html.renewal #contents #sub #ranking h4{background:#fff;background-image:none!important;box-shadow:none;text-shadow:none}
html.renewal #index_image{box-sizing:border-box;max-width:100%}
html.renewal #contents #main #main_result div.list table{position:static;inset:auto;display:table;table-layout:fixed}html.renewal #contents #main #main_result div.list td{overflow-wrap:anywhere}html.renewal #contents #main #main_result div.list a.img{position:relative;inset:auto;height:auto}
html.renewal #contents #main #main_result div.list{height:auto;min-height:0}

/* The inventory has a full-width listing followed by its contact links. */
html.renewal #contents.truck-catalog {display:grid;grid-template-columns:minmax(0,1fr)}
html.renewal #contents.truck-catalog #main #main_result {grid-template-columns:repeat(3,minmax(0,1fr));padding:0}
html.renewal #contents.truck-catalog .catalog-contact {min-width:0;padding:24px;background:white;border:1px solid var(--r-line);border-radius:12px}
.catalog-contact h2 {margin:0 0 20px;color:var(--r-ink);font-size:clamp(18px,2.2vw,24px);font-weight:700;line-height:1.5}
html.renewal #contents.truck-catalog #main_contacts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px}
html.renewal #contents.truck-catalog #main_contacts::before,html.renewal #contents.truck-catalog #main_contacts::after {display:none}
html.renewal #contents.truck-catalog #main_contacts .harf,html.renewal #contents.truck-catalog #main_contacts .phone-art-banner {width:100%;float:none;margin:0;box-sizing:border-box;border:0;box-shadow:none}
.catalog-contact .harf a,.catalog-contact .harf img {display:block}
html.renewal #contents.truck-catalog #main_contacts .shyakun {grid-column:1/-1;justify-self:center;width:min(100%,460px);margin:0}
@media(max-width:959px){html.renewal #contents.truck-catalog #main #main_result{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  html.renewal #contents.truck-catalog #main #main_result,html.renewal #contents.truck-catalog #main_contacts{grid-template-columns:minmax(0,1fr)}
  html.renewal #contents.truck-catalog .catalog-contact{padding:16px}
}