/* 競馬版の吹き出しと投稿者欄を、TOPの3サイトで共用する。 */
#aaa-contents #main #review .aaa-home-review-list{margin:0;padding:0;border:0;list-style:none;font-size:13px}
#aaa-contents #main #review .aaa-home-review-list>li{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:14px;margin:0 0 20px;padding:0;border:0;list-style:none}
#aaa-contents #main #review .aaa-home-review-list>li:after{content:none}
#aaa-contents #main #review .aaa-home-review-list .detail{container:aaa-review-card / inline-size;float:none;width:auto;min-width:0;padding:10px 18px 12px;border:1px solid #e0dfd4;border-radius:0;background:#fffcea;box-shadow:none}
#aaa-contents #main #review .aaa-home-review-list .detail:after{display:block;border-top-color:#d9d8ce}
#aaa-contents #main #review .aaa-home-review-list .meta{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:0 0 10px;text-align:left}
#aaa-contents #main #review .aaa-home-review-list .meta:after{content:none}
#aaa-contents #main #review .aaa-home-review-list .meta .for{display:flex;flex:1 1 0;min-width:0;float:none;width:auto;padding:0;line-height:1.5;white-space:nowrap}
#aaa-contents #main #review .aaa-home-review-list .meta .for a{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#aaa-contents #main #review .aaa-home-review-list .meta dl{display:flex;flex:0 0 auto;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:0;margin:0;font-size:10px;text-align:left}
#aaa-contents #main #review .aaa-home-review-list .meta dt{float:none;padding:0;line-height:1.4}
#aaa-contents #main #review .aaa-home-review-list .meta dd{flex-shrink:0;float:none;margin:0}
#aaa-contents #main #review .aaa-home-review-list .meta dd.count span{margin-right:12px;padding:3px 5px 2px;font-size:12px;line-height:14px}
#aaa-contents #main #review .aaa-home-review-list .meta dd.eval{margin-left:5px}
#aaa-contents #main #review .aaa-home-review-list .detail p{margin:0;line-height:1.65}
#aaa-contents #main #review .aaa-home-review-list .detail .aaa-review-context{margin:0 0 6px;color:#6c716b;font-size:11px}
#aaa-contents #main #review .aaa-home-review-list .detail .more{margin:10px 0 0}
#aaa-contents #main #review .aaa-home-review-list .detail .more .aaa-review-site-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:auto;max-width:100%;height:auto;min-height:32px;padding:6px 10px;border:1px solid var(--aaa-ui-accent,#4065c4);border-radius:3px;background:#fff;color:var(--aaa-ui-accent,#4065c4);font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;text-align:left;text-decoration:none;box-shadow:none}
#aaa-contents #main #review .aaa-home-review-list .aaa-review-site-link svg{display:block;flex:none}
#aaa-contents #main #review .aaa-home-review-list .aaa-review-site-arrow{margin-left:4px}
#aaa-contents #main #review .aaa-home-review-list .detail .more .aaa-review-site-link:hover{background:var(--aaa-ui-accent,#4065c4);color:#fff}
#aaa-contents #main #review .aaa-home-review-list .aaa-review-site-link:focus-visible{outline:2px solid var(--aaa-ui-accent,#4065c4);outline-offset:3px}
#aaa-contents #main #review .aaa-home-review-list .sup{float:none;width:auto;min-width:0;padding-top:2px;text-align:right;overflow-wrap:anywhere;font-size:13px;line-height:1.4}
#aaa-contents #main #review .aaa-home-review-list .sup .name{float:none;margin:0 0 2px;font-size:13px;font-weight:400}
#aaa-contents #main #review .aaa-home-review-list .sup time{float:none;color:#929292;font-size:12px}
#review .aaa-review-list-note{margin:10px 0 20px;color:#777;font-size:11px;line-height:1.6}
@media(max-width:719px){
 #aaa-contents #main #review .aaa-home-review-list{margin:0 15px}
 #aaa-contents #main #review .aaa-home-review-list>li{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:20px}
 #aaa-contents #main #review .aaa-home-review-list .detail{padding:12px}
 #aaa-contents #main #review .aaa-home-review-list .detail:after{display:none}
 #aaa-contents #main #review .aaa-home-review-list .meta{flex-wrap:wrap;gap:8px}
 #aaa-contents #main #review .aaa-home-review-list .meta .for{flex-basis:100%;margin:0}
 #aaa-contents #main #review .aaa-home-review-list .meta dl{width:100%;font-size:10px}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.count{margin-right:auto}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.count span{margin-right:8px}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.count span:after{border-top-width:5px;border-left-width:5px;top:5px;left:-5px}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.eval{width:65px;height:13px;background-size:130px;background-position:-65px 0}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.s50{background-position:0 0}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.s40{background-position:-13px 0}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.s30{background-position:-26px 0}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.s20{background-position:-39px 0}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.s10{background-position:-52px 0}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.s999{background:none}
 #aaa-contents #main #review .aaa-home-review-list .meta dd.s999 span{padding-top:0;line-height:13px}
 #aaa-contents #main #review .aaa-home-review-list .detail .more .aaa-review-site-link{min-height:44px;padding:8px 10px}
 #aaa-contents #main #review .aaa-home-review-list .sup{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0;padding:0 2px}
 #aaa-contents #main #review .aaa-home-review-list .sup .name{margin:0;color:#666;font-size:11px}
 #aaa-contents #main #review .aaa-home-review-list .sup time{flex:none;font-size:11px}
}

#aaa-contents #main #review .aaa-home-review-list .aaa-review-name-tail{white-space:nowrap}

/* 狭いカードでは名前と評価を別段へ揃え、名前が消えるのを防ぐ。 */
@container aaa-review-card (max-width:400px){
 #aaa-contents #main #review .aaa-home-review-list .meta{flex-wrap:wrap;gap:8px}
 #aaa-contents #main #review .aaa-home-review-list .meta .for{flex-basis:100%;margin:0}
 #aaa-contents #main #review .aaa-home-review-list .meta dl{width:100%}
}