@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Sono:wght@600&display=swap');/*Google Fonts Sono*/

.WorksTpWrap{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    border-radius: 0px 0px 10px 10px;
    width: 960px;
    /* height: 960px; */
    background: rgba(255,255,255,0.95);
    padding: 30px;
}

/* 画像関係 */
.WorksCtsWrap{
    clear: both;
    width: 900px;
    height: 150px;
    background: rgba(255,255,255,0.9);
    font-family: Sono;
}

.WorksCtsIMG{
    float: left;
    width: 150px;
    height: 150px;
    background: rgba(255,255,255,0);
    font-family: Sono;
    padding: 15px;
}

.WorksIMG{
    width: 120px;
    height: 120px;
}

/* 動画関係 */

.WorksMoviePlayerWrap{
    clear: both;
    width: 900px;
    background: rgba(255,255,255,0.9);
    font-family: Sono;
    text-align: center;
}

.WorksMoviePlayer{
    margin-left: auto;
    margin-right: auto;
    width: 580px;
    background: rgba(255,255,255,0);
    font-family: Sono;
    padding: 30px;
}

.WorksMoviePlayer video{
    width: 560px;
}

.MovieButton {
    cursor: pointer;
}

.WorksMovieThumbWrap{
    clear: both;
    width: 900px;
    height: 150px;
    background: rgba(255,255,255,0.9);
    font-family: Sono;
    
}

.WorksMovieThumb{
    float: left;
    width: 225px;
    background: rgba(255,255,255,0);
    font-family: Sono;
    padding: 10px;
}

.WorksMovieThumb img{
    width: 205px;
    height: 115px;
}


.WorksFooter {
    clear: both;
    width: 900px;
    background: rgba(255,255,255,0);
    padding: 20px 20px 0px 20px;
    text-align: center;
    font-family: Sono;
    font-size: medium;
}