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

/* for index.html */
.name{
	text-align: center;
	font-size:36px;
	color:#2e008b;
	}

.post{
	text-align: center;	
	font-size:100%;
	}
	
	.pict{
		text-align: center;
	}

/* for access.html */
.gmap{
	position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
	}
	
	.gmap iframe{
		position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
		height: 100%;
	}



/* for PC */
@media only screen and (min-width:1200px),print{
	
	
.d-flex{
	display:flex;
	flex-direction: row;

	}
		

	
	
}

/* for tablet and smart phone */
@media only screen and (max-width:1199.98px){
	
.d-flex{
	display:flex;
	flex-direction: column;
	}
			
	.d-flex div{
		width:98%;
		margin:0 auto;
	}	
	
	
}

@media only screen and (max-width:575.98px){
/*	
	table.table-striped td{
		wisth:100%;
		display:block;
		text-align: center;
	}	
*/	
	
	table.table-bordered th,
	table.table-bordered td{
		wisth:100%;
		display:block;
		text-align: center;
	}	
	
	table.table-bordered th,
	table.table-bordered td.year{
		color:white;
		background-color:gray;
	}

	
}