@charset "utf-8";
body{
    margin: 0;
}

/* ------------------------------
    contents
------------------------------ */
#oslp64_container{
    position:relative;
    width: 100%;
    /* max-width:750px; */
    max-width:980px;
    text-align:center;
    margin:0 auto 30px;
    padding:0;
}
#oslp64_container img{
    width: 100%;
    display: block;
}
#oslp64_container .box .opt1,
#oslp64_container .box .opt2{
    position: relative;
}
#oslp64_container .box .opt1 a,
#oslp64_container .box .opt2 a{
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 85%;
    left: 0;
    right: 0;
    top: 80%;
}
#oslp64_container .box .opt1 a:hover,
#oslp64_container .box .opt2 a:hover{
    opacity: 0.5;
}
#oslp64_container .box .opt2 a{
    top: 74%;
}

/* 動画が画像の横幅に合わせて表示されるように修正 */
#oslp64_container video {
    width: 100%; /* 画像の横幅に合わせて動画の幅を100%に設定 */
    height: auto; /* アスペクト比を維持するために高さを自動調整 */
    max-width: 100%; /* コンテナの幅を超えないように設定 */
}