/* これが無いとモーダルウィンドウ表示の際に余白が出る */
*{
  margin: 0;
  padding: 0;
}

/* モーダル全体(背景＋本体) */
.modal{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 95;
}

/* モーダル背景 */
.modal-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0.95;
}

/* モーダル本体 */
.modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 65%;
  max-height: 90vh;

  overflow-y: auto;
  overflow-x: hidden;

  box-sizing: border-box;

  background-color: #dee6e8;
  padding: 10px;

  -ms-overflow-style: none;
}

/* モーダル本体 pc*/
.modal-content2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 72%;
  max-height: 90vh;

  overflow-y: auto;
  overflow-x: hidden;

  box-sizing: border-box;
}
/*.modal-content img{
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
	width: 95%;
}*/

/*.modal-content::-webkit-scrollbar {
	display:none;}*/

/* モーダル閉じる */
.modal-closebt{
  position: fixed;
	top: 2vh;    /* ←右端からの距離 */
   right: 8vh;    /* ←右端からの距離 */
	z-index: 100;
}
/* モーダル閉じるpc */
.modal-closebt2{
  position: fixed;
	top: 2vh;    /* ←右端からの距離 */
   right: 8vh;    /* ←右端からの距離 */
	z-index: 100;
}
.modal-closebt2{
  text-align: right;
}

/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}