.more{
    text-align: right;
}

/* モーダルの基本スタイル */
.modal {
    display: none; /* デフォルトでは非表示 */
    position: fixed; /* 画面に固定 */
    z-index: 1; /* 他の要素より前面に表示 */
    left: 0;
    top: 0;
    width: 100%; /* 全幅 */
    height: 100%; /* 全高 */
    overflow: auto; /* コンテンツがオーバーフローしたらスクロールバーを表示 */
    background-color: rgb(0,0,0); /* 背景色 */
    background-color: rgba(0,0,0,0.4); /* 背景色（半透明） */
  }
  
  /* モーダルウィンドウのコンテンツスタイル */
  .modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 上下のマージンと中央寄せ */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* コンテンツの幅 */
  }
  
  /* クローズボタンのスタイル */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  
/* 画面サイズの横幅が 768px 以下で適用 */
@media screen and (max-width: 768px) {
    #rightSidebar li{
        display: list-item; 
        list-style: none;
    }
    #rightSidebar p{
        /* margin-top:10px; */
        margin-bottom: 0px;
    }
    #rightSidebar {  
        width:100%;
        min-height:500px;
        background-color:#ffffff;
        margin-top:10px;
    } 
    .rvwA{
        display:block;
    } 
    .rvwP{
        display:inline;
        font-size: 15px;
        font-weight: normal;
        margin: 0px !important;
    }
    .rvwP2{
        display:inline;
        font-size: 15px;
        font-weight: bold;
        margin: 0px 0px 10px 0px !important;
    }
.sidebar-title{
    text-align: center;
}
.video{
    text-align: center;
    margin-bottom:10px;
}
.text-side{
    margin-left:20px;
}
    #reviewNew > ul >li{
        background: rgba(174, 174, 174, 0.2);
        border-radius: 6px;
        padding:5px;
        margin-bottom: 10px;
    }
    .thumbnail-icon-side{
        border-radius: 50%;
        width: 40px;       /* 幅を40ピクセルに設定 */
        height: 40px;      /* 高さを40ピクセルに設定 */
        margin: 5px;
    }

    .linkBox-side{
        position:relative;
       width: 100%;
       height: 60px;
       margin: 0px 0px 20px 0px;
       list-style: none;
       display: flex; /* Flexboxコンテナに設定 */
       align-items: center; /* 子要素を垂直方向の中央に配置 */
       justify-content: space-between; /* 子要素を水平方向の両端に配置 */
   }

   .linkBox-side a{
     display: flex;
     align-items: center;
   /* position: absolute; */
   top: 0;
   left: 0;
   height:100%; 
   width: 70%;
   padding: 5px 0px 0px 3px;
   color:black; 
   font-weight: bold;
   text-decoration: none; /* ホバー時の下線を削除 */
   }
   
   .linkBox-side dt{
       display: flex!important;
       align-items: center!important;
       flex-grow: 1; /* スペースに応じて伸縮 */
       margin:0px 0px 0px 0px;
   }
   .linkBox-side dd{
         display: flex; /* Flexboxを使用 */
         align-items: center; /* 中央揃え */
           text-align: left;
           margin:0px 0px 0px 0px;
   }
   .linkBox-side dd>p{
       font-size:14px;
       text-align: right;
       flex-grow: 1; /* 利用可能なスペースをすべて使用 */
      font-weight: bold;
       padding: 19px 3px 3px 0px;
   }
   .sidebar-a {
    display: flex;
    align-items: center; /* アイテムを垂直方向に中央に配置 */
    font-size: 14px !important;
    padding: 5px 0px 3px 3px !important;
    height: auto;
}

}
/* 画面サイズの横幅が 769px 以上で適用 */
@media screen and (min-width: 769px) { 
    #rightSidebar li{
        display: list-item; 
        list-style: none;
    }
    #rightSidebar p{
        /* margin-top:10px; */
        margin-bottom: 0px;
    }
    #rightSidebar {  
        width:300px;
        min-height:500px;
        background-color:#ffffff;
        margin-top:50px;
    }  
    .rvwA{
        display:block;
    } 
    .rvwP{
        display:inline;
        font-size: 15px;
        font-weight: normal;
        margin: 0px !important;
    }
    .rvwP2{
        display:inline;
        font-size: 15px;
        font-weight: bold;
        margin: 0px !important;
    }
.sidebar-title{
    text-align: center;
}
.video{
    text-align: center;
    margin-bottom:10px;
}
.text-side{
        margin-left:20px;
}
    #reviewNew > ul >li{
        background: rgba(174, 174, 174, 0.2);
        border-radius: 6px;
        padding:5px;
        margin-bottom: 10px;
    }
    .thumbnail-icon-side{
        border-radius: 50%;
        width: 40px;      /* 幅を60ピクセルに設定 */
        height: 40px;     /* 高さを60ピクセルに設定 */
        margin: 5px;
    }
    .linkBox-side{
        position:relative;
       width: 100%;
       height: 60px;
       margin: 0px 0px 20px 0px;
       list-style: none;
       display: flex; /* Flexboxコンテナに設定 */
       align-items: center; /* 子要素を垂直方向の中央に配置 */
       justify-content: space-between; /* 子要素を水平方向の両端に配置 */
   }

   .linkBox-side a{
     display: flex;
     align-items: center;
   /* position: absolute; */
   top: 0;
   left: 0;
   height:100%; 
   width: 80%;
   padding: 5px 0px 0px 3px;
   color:black; 
   font-weight: bold;
   text-decoration: none; /* ホバー時の下線を削除 */
   }
   
   .linkBox-side dt{
       display: flex!important;
       align-items: center!important;
       flex-grow: 1; /* スペースに応じて伸縮 */
       margin:0px 0px 0px 0px;
   }
   .linkBox-side dd{
         display: flex; /* Flexboxを使用 */
         align-items: center; /* 中央揃え */
           text-align: left;
           margin:0px 0px 0px 0px;
   }
   .linkBox-side dd>p{
       font-size:14px!important;
       text-align: right;
       flex-grow: 1; /* 利用可能なスペースをすべて使用 */
      font-weight: bold;
       padding: 19px 3px 3px 0px;
   }
   .sidebar-a {
    display: flex;
    align-items: center; /* アイテムを垂直方向に中央に配置 */
    font-size: 14px !important;
    padding: 5px 0px 3px 3px !important;
    height: auto;
}
}