body{
    background-color: rgb(90, 149, 131);
}
#header{
    background: url(image/ミュージカル３.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 200px;
}
#wrap{
    background-color: #ffffff;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
#middle {
    display: flex; /* フレックスボックスを使用 */
    gap: 20px; /* 左右のカラムの間隔を設定 */
}

#left {
    background-color: #ecf8d7;
    width: 400px;
    height: 566px;
    overflow: hidden;
}

#right {
    background-color: #ffffff;
    width: 600px;
    height: 566px;
}
#slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.slide {
    display: none; /* デフォルトで非表示にする */
    width: 100%;
    height: 100%;
}
#text{
    margin-top: 100px;
    margin-left: 10px;
}