/* 全体 */
.memory_album{
    background-color: #ABBBAA;
}

/* タイトル行 */
.memory_album_title{
    font-family: 'DotGothic16';
    font-size: 16px;

    left:16px;
    padding: 6px;
    
    height: fit-content;
}

/* スクロール用の領域 */
.album_scroll_wrapper{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    overflow-x:scroll;
}

/* 項目を横に並べる(全体の子として overflow させる) */
.memory_album_line{
    display: flex;
    top: 10px;
    height: 110px ;
    overflow: visible;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* 項目 */
.memory_album_item{
    
    margin: auto 10px;
    height: 110px ;
    aspect-ratio: 1/1;

    box-sizing: border-box;
    border: 5px white solid;

    border-radius: 8px;

    opacity: 0.72;
}


.memory_album_item:hover{
    opacity: 1;
}