a.button {
    margin-top: 32px;
    margin-right: 8px;
    padding-bottom: 4px;
    float: right;
}

a.button:hover {
    padding-bottom: 4px;
    border-bottom: solid rgba( 255, 255, 255, 0.76 ) 1px;
}


#sound-sample section.container {
    display: block;
    border-bottom: solid 1px rgba( 255, 255, 255, 0.16 );
    padding: 64px;
    overflow: hidden;
}

#sound-sample .images {
    display: grid;
    grid-template-columns: repeat( 2, calc( 50% - 16px ) );
    grid-template-rows: repeat( 2, 300px );
    column-gap: 32px;
    row-gap: 32px;
    width: 832px;
    margin-bottom: 64px;
}

#sound-sample .images li {
}

#sound-sample .images li img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* --------------------
section.disc
-------------------- */
#sound-sample section.disc  {
    overflow: hidden;
}

#sound-sample section.disc section.disc-title-container {
    display: block;
}

#sound-sample section.disc section.disc-title-container h1 {
    font-size:116%;
    letter-spacing: 0.05em;
    line-height: 189%;
}

#sound-sample section.disc section.disc-title-container h2 {
    font-size:116%;
    letter-spacing: 0.05em;
    line-height: 161.6%;
    margin-bottom: 3rem;
}

#sound-sample section.disc section.disc-title-container p {
    text-align: justify;
    margin-bottom: 3rem;
}

#sound-sample section.disc ul.disc-list {
    clear: both;
    margin-bottom: 1rem;
}

#sound-sample section.disc ul.disc-list li {
    font-size: 93%;
    text-indent: -1rem;
    list-style-position: inside;
    list-style-type: decimal;
    padding-left: 1rem;
    padding-bottom: 1rem;
}

#sound-sample section.player {
}

#sound-sample a.button {
    display: block;
    background: url("../images/back.png") no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    padding-left: 33px;
    width: 0;
    height: 11px;
    overflow: hidden;
}