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


/* 開くボタン */
.button-open {
  display: block;
  margin: 0 auto;
  width: 20rem;
  padding: 1em;
  cursor: pointer;
}

/* モーダルウィンドウ */
.modal-window {
  display: none; /* 最初は非表示 */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: 700px;
 /* background-color: #dfdddd; */
  background-color: #FFFFFF;
  border-radius: 5px;
  z-index: 11;
  padding: 2rem;
  overflow-y: scroll;

}


/* モーダルの中身 */

table{ table-layout: fixed; border-collapse:collapse; font-size: 1.2rem; width: 50%;}
table, tr, th, td{ border: solid #000 1px; font-size: 1rem;}
caption{ font-size: 1rem; background: #000000; color: #ffffff;}

.m-ttl{ width: fit-content; font-size: 1.5rem; margin: 0 auto; border-bottom: 2px solid #be9727;}
/*.item-tlong{ width: 85%; position: relative; left: 50px;}*/
.m-img{ position: relative; left: 200px;}
.item-txt{ font-size: 1rem; margin: 10px 0 20px; text-align: center;}

.all-list{ text-align: center; margin-top: 15px; width: 450px;}
.all-attention{ letter-spacing: 0.05em;}


/* 閉じるボタン */

.button-close {
  position: relative;
  /*top: 100%;*/
  bottom: -10%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  padding: 1em;
 /* background-color: #c96931; */
  background-color: #c1ab05;
  color: #eaeaea;
  border-radius: 20rem;
  cursor: pointer;
	
  margin-bottom: 15px;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}

/* 表示領域外へはスクロールさせない */
.no_scroll {
  overflow: hidden;
}





/*　画面サイズ 430pxまで適用　*/
@media screen and (min-width: 320px) and (max-width: 430px) { 
	
/* 開くボタン */
.button-open {
  display: block;
  margin: 0 auto;
 /* width: 150px;*/
  padding: 1em;
  cursor: pointer;
}

.modal-window {
  display: none; /* 最初は非表示 */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
 /* background-color: #dfdddd; */
  background-color: #FFFFFF;
  border-radius: 5px;
  z-index: 11;
  padding: 2rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.m-ttl{ font-size: 1.3rem; text-align: center; border-bottom: 2px solid #be9727;}
.m-img{ position: relative; left: 5px;}
.item-txt{ font-size: 1rem; margin: 10px 0 20px;}
	
.m-under{ margin-top: 15px;}

		
/* 閉じるボタン */
.button-close {
  position: relative;
  left: 50%;
	top: 60px;
  bottom: 50px;
  transform: translate(-50%, -50%);
  width: 150px;
  padding: 1em;
  background-color: #c1ab05;
  color: #eaeaea;
  border-radius: 20rem;
  cursor: pointer;

}
	
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}
	
}