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

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

.card-subtitle2{
  text-decoration: underline;
  color:rgb(211, 0, 0);
}

/* モーダル本体 */
.modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: scroll; 
  height: 80%;/* これが無いと「overflow:scroll」が利かない */
  width: 80%;/* これが無いと「overflow:scroll」が利かない */
	max-width: 800px;
  background: white;
  padding: 40px;
}
@media screen and (max-width: 600px){
 .modal-content{
  padding:0;
  width:90%;
  height:60%;
 }
}

/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}
.modal-content-a{
	text-align: right;
  padding-right:10px;

}
.modal-content-a a{
	text-decoration: none;
	font-weight:bold;
	font-size:30px;
	color:#000;
}
.card-body{
	cursor:pointer;
}