.hero-weather{
    position:absolute;
    width: 100%;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:18px;
    background: rgba(20,26,22,0.55);
    backdrop-filter: blur(2px);
    color:#f4ede1;
    padding:5px 0 5px 8%;
    font-size:14px;
    font-family: "Meiryo", "メイリオ", sans-serif;
    white-space:nowrap;
    z-index:5;
}
.hero-weather span{
    font-size:18px;
}
.hero-weather__label{
    color:#a8a297;
    font-size:14px !important;
    margin-right:2px;
}
.hero-weather__icon{
    width:50px;
    height:50px;
    vertical-align:middle;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
    margin-bottom: 4px;
}
.hero-weather__temp{
    font-size:22px !important;
    font-weight:700;
    margin-left:-8px
}
.hero-weather__cond{
    font-size:16px !important;
}
.hero-weather__credit{
    font-size:10px !important;
    color:#a8a297;
    margin-left:6px;
    margin-top: 8px;
}
.hero-weather__credit a{
    color:#a8a297;
    text-decoration:none;
    border-bottom:1px solid rgba(168,162,151,0.4);
}
.hero-weather__error{ font-size:13px; color:#e08a5f; }

/* スマホでは折り返し＆位置調整 */
@media (max-width: 800px){
    .hero-weather{
        flex-wrap:wrap;
        justify-content:center;
        bottom:12px;
        padding:8px 16px;
        font-size:12px;
        max-width:92%;
    }
    .hero-weather__credit{
        width:100%;
        text-align:center;
        margin-left:0;
        margin-top:2px;
    }
}