/* ベスト来園日 TOP3 (PC/SP共通。375px幅を基準に設計) */
.bv-wrap{max-width:720px;margin:20px auto 0;color:#333;box-sizing:border-box;line-height:1.3;text-align:left}
.bv-wrap *{box-sizing:border-box}
.bv-title{position:relative;z-index:1;width:210px;margin:0 auto -1px;padding: 18px 0 0;background:#fff;border-radius: 100px 100px 0 0;text-align:center;line-height:1}
.bv-title span{display:block;font-size:18px;font-weight:bold;color:#1a64b6}
.bv-title strong{display:block;font-size:52px;font-weight:bold;letter-spacing:-2px;line-height:.95;background:linear-gradient(90deg,#1a64b6 20%,#e83a8f);-webkit-background-clip:text;background-clip:text;color:transparent}
.bv-body{position:relative;background:#fff;margin-bottom: 18px;padding:10px 8px 8px}
.bv-off{display:block;margin:-2px 2px 0px;text-align:right;font-size:15px;font-weight:bold;cursor:pointer}
.bv-off input{width:15px;height:15px;margin:0 2px 0 0;vertical-align:-2px}
.bv-list{display:flex;flex-wrap:wrap;gap:8px 6px;padding-top:6px}
.bv-list[hidden]{display:none}

.bv-card{position:relative;width:100%;border-radius:4px;padding:10px 8px 10px 0;background:#fdeee0}
.bv-rank2,.bv-rank3{width:calc(50% - 3px)}
.bv-rank2{background:#eaeef2}
.bv-rank3{background:#e3eefa}

/* メダル+リボン */
.bv-medal{position:absolute;left: -15px;top: -11px;width: 80px;height: 80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:bold;line-height:1.05;text-shadow:0 1px 2px rgba(0,0,0,.45);border:3px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.35);z-index:1}
.bv-medal::after{content:"";position:absolute;left:50%;top:92%;width:34px;height:26px;margin-left:-17px;background:#c4161c;clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);z-index:-1}
.bv-gold{background:radial-gradient(circle at 30% 25%,#fff2a0 0,#f0b90b 55%,#d19000)}
.bv-silver{background:radial-gradient(circle at 30% 25%,#fff 0,#c4c4c4 55%,#8e8e8e)}
.bv-bronze{background:radial-gradient(circle at 30% 25%,#ffd9c2 0,#d98c64 55%,#a8572f)}
.bv-silver::after{background:#a0161c}
.bv-md{font-size: 23px;letter-spacing:-1px;font-weight: bold;}
.bv-wd{font-size: 17px;}
.bv-rank2 .bv-medal,.bv-rank3 .bv-medal{width: 70px;height: 70px;border-width:2px;left: -7px;top: -13px;}
.bv-rank2 .bv-medal::after,.bv-rank3 .bv-medal::after{width:26px;height:20px;margin-left:-13px}
.bv-rank2 .bv-md,.bv-rank3 .bv-md{font-size: 17px;letter-spacing:-.5px}
.bv-rank2 .bv-wd,.bv-rank3 .bv-wd{font-size: 12px;}

.bv-main{margin-left:70px}
.bv-rank1 .bv-main{display:flex;align-items:center;gap: 14px;}
.bv-rank2 .bv-main,.bv-rank3 .bv-main{margin-left:48px}
.bv-head{position:relative;flex:1;min-width:0;padding-right: 20px;}
.bv-comment{margin: 0 17px 17px;font-size: 17px;/* white-space:nowrap; */font-weight:bold;color: #f7821b;/* width: 10px; *//* height: 28px; */}
.bv-temp{margin:0;white-space:nowrap;font-weight:bold;color:#f7821b;font-size: 24px;/* margin-top: 22px; */}
.bv-hi{font-size: 65px;line-height:1}
.bv-unit{font-size: 41px;}
.bv-lo{font-size: 32px;color: #f7821b;font-weight: bold;}
.bv-icon{position:absolute;right: -10px;top: 5px;}
.bv-icon img{width: 100px;height:auto;display:block}
.bv-rank2 .bv-head,.bv-rank3 .bv-head{padding-right:30px}
.bv-rank2 .bv-comment,.bv-rank3 .bv-comment{font-size: 13px;letter-spacing:-.3px;height: 20px;padding-left: 3px;padding-top: 3px;}
.bv-rank2 .bv-hi,.bv-rank3 .bv-hi{font-size: 50px;}
.bv-rank2 .bv-unit,.bv-rank3 .bv-unit{font-size: 31px;}
.bv-rank2 .bv-lo,.bv-rank3 .bv-lo{font-size: 31px;}
.bv-rank2 .bv-icon img,.bv-rank3 .bv-icon img{width: 84px;/* position: absolute; */}

.bv-stats{display:flex;margin:0;background:#fff;border-left: 14px solid #f7931e;border-radius:3px;padding:5px 0}
.bv-rank1 .bv-stats{flex:none;width: 45%;}
.bv-rank2 .bv-stats,.bv-rank3 .bv-stats{margin-top:4px;border-left-width:6px;padding:3px 0}
.bv-rank2 .bv-stats{border-left-color:#555}
.bv-rank3 .bv-stats{border-left-color:#1a64b6}
.bv-stats div{flex:1;text-align:center;border-left:1px dashed #1a64b6;}
.bv-stats div:first-child{border-left:0}
.bv-stats dt{font-size: 16px;font-weight:bold;color:#333;text-align: center;}
.bv-stats dd{margin:2px 0 0;font-size:20px;font-weight:bold;color:#f7821b;line-height:1;text-align: center;}
.bv-stats small{font-size:10px}
.bv-rank2 .bv-stats dt,.bv-rank3 .bv-stats dt{font-size: 14px;}
.bv-rank2 .bv-stats dd,.bv-rank3 .bv-stats dd{font-size: 40px;color:#333}
.bv-rank2 .bv-stats small,.bv-rank3 .bv-stats small{font-size:7px}
.bv-empty{width:100%;text-align:center;margin:12px 0;font-size:13px}

.bv-share{margin:12px auto 6px;max-width:260px;padding:7px 10px 9px;background:#eef0fb;border:1px solid #cfd6ee;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);text-align:center}
.bv-share p{margin:0 0 6px;font-size: 17px;font-weight:bold;color:#1a64b6;text-align: center;}
.bv-share-btns{display:flex;gap:8px}
.bv-share-btns a{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 0;border-radius:6px;color: #fff!important;font-size: 15px;font-weight:bold;text-decoration:none;white-space:nowrap}
.bv-share-btns img{width:18px;height:18px;border-radius:4px}
.bv-x{background:#000}
.bv-line{background:#06c755}
.bv-note{margin:6px 2px 0;font-size:9px;color:#555}

/* PC: 余白・見出しのみ調整(各パーツのサイズはSPと同一) */
@media (min-width:601px){
.bv-wrap{margin-top:30px}
.bv-title{width: 315px;}
.bv-title span{font-size:18px}
.bv-title strong{font-size: 64px;padding-top:10px;}
.bv-body{padding:14px 20px 14px}
.bv-share{max-width:340px}
.bv-note{font-size: 13px;}
}

/* 画像に合わせた微調整 */
.bv-medal{color:#4a2f00;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 3px #fff;border-width: 3px;z-index: 200;}
.bv-silver{color:#333}
.bv-bronze{color:#5a2a10}
.bv-medal::after{top: 83%;height: 36px;width: 38px;margin-left:-19px;clip-path:polygon(0 0,100% 0,100% 100%,50% 70%,0 100%);/* z-index: 1; */z-index: 100;}
.bv-rank2 .bv-medal::after,.bv-rank3 .bv-medal::after{height:24px;width:28px;margin-left:-14px}
.bv-rank1{padding: 10px 7px 12px 0;}
.bv-rank1 .bv-stats{padding: 10px 0;}
.bv-rank1 .bv-stats dd{font-size: 55px;}
.bv-stats div{border-left: 1px dashed #f7931e;}
.bv-stats div:first-child{border-left:0}
.bv-rank2 .bv-stats div{border-left-color:#777}
.bv-rank3 .bv-stats div{border-left-color:#1a64b6}
.bv-rank2 .bv-stats dd{color:#333}
.bv-rank3 .bv-stats dd{color:#1a64b6}
.bv-rank2 .bv-temp,.bv-rank3 .bv-temp{color:#444}
.bv-rank3 .bv-temp{color:#1a64b6}
.bv-rank2 .bv-lo,.bv-rank3 .bv-lo{color:#444}
.bv-rank3 .bv-lo{color:#1a64b6}
.bv-title span{font-size:16px}
.bv-title strong{letter-spacing:-1px;filter:drop-shadow(0 0 1px #fff)}
.bv-off{font-size:14px}
.bv-off input{appearance:none;-webkit-appearance:none;width:13px;height:13px;border:2px solid #333;background:#fff;vertical-align:-1px;border-radius:0;position:relative}
.bv-off input:checked::after{content:"";position:absolute;left: -1px;top: -21px;width: 15px;height: 27px;border:solid #e83a8f;border-width: 0 4px 4px 0;transform:rotate(40deg);z-index: 100;}
.bv-share{background: #ffffff;border:2px solid #c9d2ec;box-shadow:0 2px 3px rgba(0,0,0,.25)}
.bv-share p{color:#14409a}
.bv-note{color:#444}
.bv-rank2 .bv-comment {
    color: #5a5a5a;
    /* height: 20px; */
}

.bv-rank3 .bv-comment {
    color: #1766dd;
}

span.bv-icon {
    right: -13px;
    top: -9px;
}
/* メダル(画像再現) */
.bv-medal{color:#3b2008;text-shadow:none;box-shadow:none;border-style:solid}
.bv-medal>span{position:relative;z-index:1}
.bv-medal::before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.6) 36%,rgba(255,255,255,.6) 50%,transparent 50%,transparent 54%,rgba(255,255,255,.6) 54%,rgba(255,255,255,.6) 58%,transparent 58%)}
.bv-medal::after,.bv-silver::after{background:linear-gradient(#9c0f0c,#d9191d)}
.bv-gold{border-color:#e9a617;background:radial-gradient(circle,#fde657 0,#fde657 36%,#fbd534 36%,#fbd534 62%,#f8c923 62%)}
.bv-silver{border-color:#d3d3d3;background:radial-gradient(circle,#c9c9c9 0,#c9c9c9 36%,#c0c0c0 36%,#c0c0c0 62%,#b7b7b7 62%)}
.bv-bronze{border-color:#e69b82;background:radial-gradient(circle,#f1ad96 0,#f1ad96 36%,#eea58d 36%,#eea58d 62%,#e99d83 62%)}
.bv-md{font-weight:900}
.bv-wd{font-weight:bold}

/* カードを独立した重なりの単位にして、リボンがカード背景の裏へ潜らないようにする */
.bv-card { isolation: isolate; }

/* メダル本体は z-index を外し、リボン(::after)がメダルの背面に回るようにする */
.bv-medal { z-index: auto; }

/* リボン: メダルの下端から下へ、メダルより奥に配置 */
.bv-medal::after { z-index: -1; }
.bv-rank2 .bv-medal::after,
.bv-rank3 .bv-medal::after { z-index: -1; top: 85%; }