@charset "utf-8";

body.is-fixed {
  overflow: clip; /* hiddenでもいいけど相変わらずsafariでは無効のはず */
  overscroll-behavior: none;
}
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: grey;
  opacity: .6;
  display: none; 
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index:100;
}

.modal {
	padding:20px;
  z-index:101;
  width: 65%;
  height: 80%;
  border: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  display: none; 
   border-radius: 10px;  
}
.overlay.open {
  display: block;
}
.modal.open {
  display: block;
}
.modal-inner{
	margin:0 auto 20px;
	width:90%;
	height:80%;
	border:solid 1px #333;
	overflow-y: scroll;
}
.modal-close{
	margin:0 auto;
	display:block;
}