@charset "UTF-8";

/* モーダルウィンドウのスタイル */
.modal {
  position:absolute;
  width:100%;
  height:100%;
  margin-top:0px;
  top:0;
  left:0;
  display:none;
}
 
/* モーダルウィンドウのオーバーレイのスタイル */
.overLay {
  position:fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,0.6);
  width:100%;
  height:100%;
  z-index:999;
}
 
/* モーダルウィンドウの中身のスタイル */
.inner {
	position: fixed;
	/*position: absolute;*/
	z-index: 1000;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
}


/* -------------------- Mobile --------------------*/
@media screen and (max-width : 600px) {

.modal {
  width:100%;
  height:100%;
  margin-top: 10px;
  top:0;
  left:0;
}
.inner {
	width: 90%;
	/*padding: 5px;
	margin-top: 0px;*/
}

}