@charset "UTF-8";
.mtx {
	font-size:90%;
	line-height:110%;
}

/*divごとに並べて配置するなど*/
div.flex{
	display:flex;
}
@media(max-width:425px){
	div.flex{
		display:block;
	}
}

/*各図の設定*/
figure{
	width:100%;
	margin:auto;
}

/*図のキャプションの設定*/
figcaption{
	 text-align: center;
}

/*各表の共通設定*/
#main .detail table{
  overflow: auto;
  padding: 0 10px 30px 15px;
}
#main .detail table{
  border-collapse: collapse;
  margin: 10px auto;
  width: 100%;
}
#main .detail table th{
  background-color: #99FFFF;
}
#main .detail table th, #main .detail table td{
  border: 1px solid #343434;
  font-size: 1rem;
  font-weight: normal;
  padding: 10px;
  vertical-align: middle;
}

/*各表のキャプションの設定*/
caption{
  font-weight: bold;
  caption-side: top;
  text-align: center;
}

/**はじめに**/
/*flexboxの設定*/
div.flex .flex1-1{
	flex-basis: 60%;
}
div.flex .flex1-2{
	flex-basis: 40%;
}
/*過去の南海トラフの図の設定*/
.history_nankai{
	width: 60%;
	margin: auto;
}

/**概要**/
/*flexboxの設定*/
div.flex .flex2-1{
	flex-basis: 30%;
	margin: center; /*子要素を上下左右中央揃え*/
}
div.flex .flex2-2{
	flex-basis: 70%;
}
/*諸元の表の設定*/
.table_syogen th{
	width: 10%;
}
.table_syogen td{
	width: 10%;
}

/*flexboxの設定*/
div.flex .flex3-1{
	flex-basis: 50%;
}
div.flex .flex3-2{
	flex-basis: 50%;
}
/*震度分布図の設定*/
.shindo_bunpu{
	width:90%;
	margin:auto;
}
/*津波の高さ分布の図の設定*/
.tsunami_takasa{
	width:70%;
	margin:auto;
}

/*flexboxの設定*/
div.flex .flex4-1{
	flex-basis: 55%;
	margin: 0px; /*子要素を上下左右中央揃え*/
}
div.flex .flex4-2{
	flex-basis: 45%;
	margin-bottom: auto;
}
/*震度観測の表の設定*/
.table_shindokansoku th{
	width: 5%;
	text-align: center;
}
.table_shindokansoku td{
	width: 5%;
	text-align: right;
}
/*震央分布図の設定*/
.shinou_bunpu{
	width:10%;
	margin: auto;
}

/*flexboxの設定*/
div.flex .flex5-1{
	flex-basis: 50%;
}
div.flex .flex5-2{
	flex-basis: 50%;
}
/*震央分布図の設定*/
.shinou_bunpu{
	width:65%;
	margin:auto;
}

/*被害の表の設定*/
.table_higai th{
	width: 6%;
	text-align: center;
}
.table_higai td{
	width: 6%;
	text-align: right;
}

/*flexboxの設定*/
div.flex .flex6-1{
	flex-basis: 60%;
}
div.flex .flex6-2{
	flex-basis: 40%;
}
/*津波波高の表の設定*/
.table_tsunami th{
	width: 5%;
	text-align: center;
}
.table_tsunami td{
	width: 5%;
}
.table_tsunami td:nth-of-type(1){
	text-align: left;
}
.table_tsunami td:nth-of-type(2){
	text-align: right;
}

/*flexboxの設定*/
div.flex .flex7-1{
	flex-basis: 70%;
}
div.flex .flex7-2{
	flex-basis: 30%;
}
/*漫画*/
.manga{
	width:80%;
	margin:auto;
}

/*flexboxの設定*/
div.flex .flex8-1{
	flex-basis: 40%;
}
div.flex .flex8-2{
	flex-basis: 60%;
}
/*表紙の図の設定*/
.hyoushi{
	width:95%;
	margin-left: 50px;
}
.hyoushi figcaption{
	width: fit-content;
	margin: auto;
}
/*波形の図の設定1*/
.tsunami_hakei1{
	width:60%;
	margin:auto;
}
/*波形の図の設定2*/
.tsunami_hakei2{
	width:60%;
	margin:auto;
}