@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1001px){
/* メディアクエリー */

#modal{
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.7);
}
#modal_content{
  width:500px;
  background:#fff;
  margin:0;
  padding:30px;
  position:relative;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index: 4;
}
 
#menu{
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.7);
}
#menu_content{
  width:500px;
  background:#fff;
  margin:0;
  padding:30px;
  position:relative;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index: 3;
}

}




@media screen and (max-width: 1000px){
/* メディアクエリー */

#modal{
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.7);
}
#modal_content{
  width:90%;
  background:#fff;
  margin:0;
  padding:30px;
  position:relative;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index: 4;
}
 
#menu{
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.7);
}
#menu_content{
  width:90%;
  background:#fff;
  margin:0;
  padding:30px;
  position:relative;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index: 3;
}

}