@charset 'UTF-8';

.movie_line{
    background-color: #C2B288 !important;
    font-size: 1.0rem;
    margin: 0;
    color: white;
}


.btn_next_display {
    display: block;
    width: 220px; /* 幅を調整 */
    margin: 10px auto; /* 中央に配置 */
    padding: 10px 0; /* 上下のパディングを調整 */
    background-color: #333; /* 背景色を黒に変更 */
    color: #fff; /* 文字色を白に変更 */
    font-weight: normal; /* フォントの太さをノーマルに */
    text-decoration: none; /* テキストの下線を削除 */
    font-size: 14px; /* フォントサイズを調整 */
    border-radius: 0px; /* 角を直線に */
    border: none; /* ボーダーを削除 */
    text-align: center; /* テキストを中央揃えに */
}

.movie_box{

    background: #fff;
    padding: 0;
    border: 2px solid #C2B288 !important;
    margin-bottom: 1em;
  }

  .shift_box_off {
    background-color: #f44; /* 背景色を赤に設定 */
    border: none !important; /* ボーダーを削除 */
    text-align: center; /* テキストを中央揃えに */
    color: #fff !important; /* 文字色を白に設定 */
    border-radius: 20px; /* 角を丸く設定 */
    width: 30%!important;
    padding: 0%!important;
    display: inline-block; /* インラインブロックに設定して横並びに対応 */
    text-wrap: nowrap;
}

.movie_thumbnail {
    width: 100%;
    height: 100%;
}
@media screen and (max-width:992px){
    .system_img{
        display: block;
    }
    .title-kazari::before{
        content: "　";
        background: url(../images/kazari_left.png) no-repeat center;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        min-width: 30px;
    }
    .title-kazari::after{
        content: "　";
        background: url('../images/kazari_right.png') no-repeat center;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        min-width: 30px;
    }
}
@media screen and (min-width:992px){
    .system_img{
        display: none;
    }
}