/* RODEO Overlap Animation v1.0.0 */
.rodeo-ovl{max-width:820px;margin:0 auto;padding:16px;background:#fff;color:#1A1A1A;border:1px solid #E3D3C4;border-radius:6px;
font-family:"DFP平成ゴシック体W5","ＤＦＰ平成ゴシック体W5","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:13.5px;line-height:1.7;box-sizing:border-box}
.rodeo-ovl *{box-sizing:border-box}
.rodeo-ovl .rmo-head{display:flow-root;margin:0 0 10px}
.rodeo-ovl .rmo-head-txt{min-width:0}
.rodeo-ovl .rmo-logo-top{float:right;width:64px;height:64px;display:block;margin:0 0 4px 12px}
.rodeo-ovl .rmo-title{font-size:16px;font-weight:normal;margin:0 0 4px;padding-left:8px;border-left:4px solid #E8641B;line-height:1.5}
.rodeo-ovl .rmo-lead{margin:0}
.rodeo-ovl .rmo-legend{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;margin:0 0 6px}
.rodeo-ovl .rmo-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.rodeo-ovl .rmo-pos{font-size:13px;text-align:center;margin:0 0 6px;color:#333}
.rodeo-ovl .rmo-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rodeo-ovl .rmo-col{border:2px solid #1A1A1A;border-radius:6px;padding:0 8px 8px;min-width:0;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.rodeo-ovl .rmo-col.pos{border-color:#E8641B}
.rodeo-ovl .rmo-col-h{margin:0 -8px 6px;padding:0 6px;height:58px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:#1A1A1A;color:#fff}
.rodeo-ovl .rmo-col.pos .rmo-col-h{background:#E8641B}
.rodeo-ovl .rmo-col-n{font-size:17px;font-weight:bold;line-height:1.35;margin:0;padding:0;color:#fff}
.rodeo-ovl .rmo-col-v{font-size:14px;line-height:1.35;margin:2px 0 0;padding:0;color:#F4A46B}
.rodeo-ovl .rmo-col.pos .rmo-col-v{color:#fff}
.rodeo-ovl svg{display:block;width:100%;height:auto;overflow:hidden}
.rodeo-ovl svg text{font-family:inherit}
.rodeo-ovl .rmo-cyl,.rodeo-ovl .rmo-tl{max-width:260px;margin:0 auto}
.rodeo-ovl .rmo-tl{margin-bottom:8px}
.rodeo-ovl .rmo-st{font-size:13px;font-weight:bold;text-align:center;border-radius:0;padding:6px 4px;margin:auto -8px -8px;background:#F4F4F4;color:#777;height:4.2em;display:flex;align-items:center;justify-content:center;line-height:1.35;height:58px;overflow:hidden;white-space:normal;word-break:break-all}
.rodeo-ovl .rmo-st-t{display:block;width:100%;min-width:0;text-align:center}
.rodeo-ovl .rmo-st.ov{background:#E8641B;color:#fff}
.rodeo-ovl .rmo-st.gap{background:#555;color:#fff}
.rodeo-ovl .rmo-ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 0}
.rodeo-ovl .rmo-sl{flex:1 1 100%;min-width:0}
.rodeo-ovl .rmo-ctrl button{appearance:none;-webkit-appearance:none;border:1px solid #1A1A1A;background:#fff;color:#1A1A1A;padding:6px 12px;border-radius:4px;font:inherit;font-size:13px;line-height:1.35;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;margin:0}
.rodeo-ovl .rmo-ctrl label{font-size:13px;display:flex;align-items:center;gap:4px;margin:0}
.rodeo-ovl .rmo-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:30px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer;--p:20%}
.rodeo-ovl .rmo-range:focus{outline:none}
.rodeo-ovl .rmo-range:focus-visible{outline:2px solid #E8641B;outline-offset:2px}
.rodeo-ovl .rmo-range::-webkit-slider-runnable-track{height:10px;border-radius:5px;border:1px solid #8A5A3B;background:linear-gradient(to right,#E8641B 0,#E8641B var(--p),#EADBCD var(--p),#EADBCD 100%)}
.rodeo-ovl .rmo-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#E8641B;border:3px solid #1A1A1A;margin-top:-9px;box-shadow:0 1px 3px rgba(0,0,0,.35)}
.rodeo-ovl .rmo-range::-moz-range-track{height:8px;border-radius:5px;border:1px solid #8A5A3B;background:#EADBCD}
.rodeo-ovl .rmo-range::-moz-range-progress{height:8px;border-radius:5px;background:#E8641B}
.rodeo-ovl .rmo-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#E8641B;border:3px solid #1A1A1A}
.rodeo-ovl .rmo-scale{display:grid;grid-template-columns:1fr 3fr 3fr 1fr;font-size:11px;color:#8A5A3B;text-align:center;line-height:1.4;margin-top:4px}
.rodeo-ovl .rmo-scale span+span{border-left:1px solid #D9C3B0}
.rodeo-ovl .rmo-small{font-size:11.5px;color:#555;margin:12px 0 0;line-height:1.6}
.rodeo-ovl .rmo-credit{text-align:center;font-weight:normal;font-size:12px;margin:18px 0 2px}
.rodeo-ovl .rmo-ver{text-align:center;font-size:11px;color:#777;margin:0 0 6px}
@media (max-width:640px){
.rodeo-ovl .rmo-cols{gap:8px}
.rodeo-ovl .rmo-col{padding:0 4px 6px}
.rodeo-ovl .rmo-col-h{margin:0 -4px 6px;padding:0 2px;height:50px}
.rodeo-ovl .rmo-col-n{font-size:12.5px;white-space:nowrap;letter-spacing:-.03em}
.rodeo-ovl .rmo-col-v{font-size:12px;white-space:nowrap}
.rodeo-ovl .rmo-st{font-size:11.5px;margin:auto -4px -6px;letter-spacing:-.03em;height:50px;padding:4px 2px}
.rodeo-ovl{padding:10px}
.rodeo-ovl .rmo-logo-top{width:56px;height:56px;margin-left:8px}
}
@media (max-width:359px){
.rodeo-ovl .rmo-cols{gap:6px}
.rodeo-ovl .rmo-col-n{font-size:11px}
.rodeo-ovl .rmo-col-v{font-size:10.5px}
.rodeo-ovl .rmo-st{font-size:10.5px}
}
.rodeo-ovl .rmo-click{cursor:pointer}
.rodeo-ovl .rmo-click:hover .rmo-col{box-shadow:0 2px 8px rgba(0,0,0,.18)}
.rodeo-ovl .rmo-click:focus-visible{outline:2px solid #E8641B;outline-offset:3px}
.rodeo-ovl a.rmo-link{display:block;margin:12px 0 0;padding:10px 12px;border:1px solid #1A1A1A;border-radius:4px;background:#1A1A1A;color:#fff!important;text-align:center;text-decoration:none!important;font-size:14px;line-height:1.5}
.rodeo-ovl a.rmo-link:hover{background:#E8641B;border-color:#E8641B}