@charset "UTF-8";

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

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

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

/* モーダル本体 */
.modal-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: scroll; /* はみ出た部分はスクロールさせる */
	height: 60%;/* これが無いと「overflow:scroll」が利かない */
	width: 60%;/* これが無いと「overflow:scroll」が利かない */
	background: white;
	padding: 40px;
	z-index: 5;
	position: absolute !important;
	z-index: 999;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
scrollbar-width: none;       /* Firefox 対応 */
}

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