@charset "UTF-8";

/* モーダル表示時の背景 */
#modal-overlay {
	z-index: 200 ;		/* オーバーレイ(z-index:1)...固定htmlは、z-index:0になっている */
	display: none ;
	position: fixed ;	/* 表示固定 */
	/* 画面全体を覆うため、左上(0,0)地点から、100%...ただし、高さを120%にしているのは、スマホ(iPhoneのようなナビバーが消える)対策 */
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	/* 背景色、透明度の指定 */
	background-color: rgba( 0,0,0, 0.75 ) ;
}

/* 単数モーダルとして指定する場合、ID(#)指定 */
/* 複数モーダルとして指定する場合、クラス(.)指定 */
.modal-content {
	z-index: 201 ; 		/*オーバーレイ(z-index:2)*/
	display: none ;
	position: fixed ;	/* 表示固定 */
	/* モーダルの表示域 */
	width: 50% ;
	margin: 0 ;
	padding: 10px 20px ;
	/* 枠、背景色 */
	border: 2px solid #aaa ;
	background: #fff ;
	overflow-y: scroll;
}

.modal-link {
  cursor: pointer;
}

body.no_scroll{
   overflow: hidden;
}