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

.black{ 
  padding-top: 100px;  
  overflow: hidden;
  background-color:#161310;}
  
.black2{ 
  padding-top:60px;  
  overflow: hidden;
  background-color:#161310;
  text-align:center;}
  
.black2 p{
	font-size:18px;
	color:#FFFFFF;}

.his{
	font-size:28px;
	color:#FFFFFF;
	margin-left:6%;}
	
.center{
	margin-left:44%;
	width:12%;}
	
.center2{
	margin-left:14%;
	width:72%;}
	
.center img,.center2 img,.dai img,.botanA img,.botanB img,.baseA img{
	width:100%;
	height:auto;}
	
.black h1{
	color:#FFFFFF;
	font-size:38px;
	margin-left:14%;
	font-weight:bold;
	line-height:1;
	margin-bottom:18px;}
	
.cp1{
	text-align:right;
	color:#FFFFFF;
	font-size:14px;
	margin-right:14%;
	margin-bottom:30px;}
	
.dai{
	margin-left:26%;
	width:70%;}
	
.botanA{
	width:30%;
	height:auto;
	margin-left:10%;
	margin-top:40px;}
	
.botanAbox{
	margin-top:40px;
	margin-left:20%;}
	
.daibox{
	float:left;
	width:50%;}
	
.cp2{
	display:inline-block;
	width:36%;
	color:#FFFFFF;
	font-size:18px;
	margin-left:4%;}
	
.botanB{
	display:none;}

.baseA{
	width:100%;
	height:auto;}

	
/*年号のところ*/

.center3{
	margin-left:30%;
	margin-bottom:60px;
	width:40%;}
	
.center3 img{
	width:100%;
	height:auto;}
	
.nengou,.nengou2{
	margin-top:0px;
	margin-left:8%;
	font-weight:bold;
	font-size:22px;}
	
.nengou2{
	margin-bottom:120px;}
	
.nengou span,.nengou2 span{
	font-weight:normal;
	color:#FFFFFF;
	background-color:#003333;
	padding:6px 10px;
	margin-right:6px;}
	
.nengou span2,.nengou2 span2{
	font-size:16px;}

.senreki,.senreki1{
	display:inline-block;
	width:40%;
	text-align:justify;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	margin-left:20%;}
		
.senreki1{
	margin-top:50px;
	margin-bottom:100px;}
	
.senreki2{
	display:inline-block;
	width:40%;
	text-align:justify;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	margin-top:50px;
	margin-left:6%;
	margin-bottom:0px;}
	
.dellap1,.dellap2,.dellap22,.dellap3,.dellap4,.dellap5,.dellap6{
	margin-top:10px;
	margin-left:1%;
	width:48%;
	height:auto;
	text-align:center;
	background-color:#000000;
	float:left;}
	
.dellap2,.dellap3,.dellap4,.dellap5{
	margin-bottom:110px;}
	
.dellap1 img,.dellap3 img{
	width:76%;
	height:auto;
	margin-top:18px;
	margin-bottom:12px;}
	
.dellap2 img,.dellap22 img{
	width:37%;
	height:auto;
	margin-top:18px;
	margin-bottom:11px;}
	
.dellap4 img{
	width:46%;
	height:auto;
	margin-top:18px;
	margin-bottom:11px;}
	
.dellap5 img,.dellap6 img{
	width:53%;
	height:auto;
	margin-top:18px;
	margin-bottom:11px;}

	
	
	
@media only screen and (max-width: 840px){
	
.center3{
	margin-left:26%;
	width:46%;}
}


@media only screen and (max-width: 600px){
.black{ 
  padding-bottom: 100px;  }
  
.center{
	margin-left:40%;
	width:20%;}
	
.center2{
	margin-left:5%;
	width:90%;}
	
.black h1{
	margin-left:8%;}
	
.cp1{
	font-size:14px;
	margin-right:5%;}

.daibox{
	float:none;
	width:100%;}
	
.dai{
	margin-left:20%;
	width:60%;}
	
.botanA{display:none;}
		
.cp2{
	width:60%;
	color:#FFFFFF;
	font-size:18px;
	margin-left:30%;
	margin-top:40px;}
	
.botanB{
	display:inherit;
	width:36%;
	height:auto;
	margin-left:10%;
	margin-top:20px;
	float:left;}
	
.botanBbox{
	width:60%;
	margin-top:40px;
	margin-left:18%;
	margin-bottom:50px;}
	
	
.center3{
	margin-left:14%;
	width:70%;}
	
.senreki1,.senreki2{
	width:70%;
	font-size:18px;
	margin-top:50px;
	margin-left:15%;
	margin-bottom:100px;}
	
	
.dellap1,.dellap2,.dellap22,.dellap3,.dellap4,.dellap5,.dellap6{
	margin-top:10px;
	margin-left:8%;
	width:84%;
	float:none;}
	
.dellap2,.dellap3,.dellap4,.dellap5{
	margin-bottom:0px;}
	
}

@media only screen and (max-width: 480px){
.botanB{
	width:36%;
	height:auto;
	margin-left:10%;
	margin-top:20px;
	float:left;}
	
.botanBbox{
	width:70%;
	margin-top:40px;
	margin-left:14%;}

.black{ 
  padding-top: 80px;}

.his{
	font-size:24px;}
	
.black h1{
	font-size:32px;}
	
.center2{
	margin-left:2%;
	width:96%;}
	
.dai{
	margin-left:12%;
	width:76%;}
	
.cp2{
	width:70%;
	font-size:18px;
	margin-left:20%;
	margin-top:30px;}

.nengou2{
	margin-bottom:80px;}
	
	
.senreki1,.senreki2{
	width:74%;
	font-size:18px;
	margin-bottom:70px;}
	
.dellap1,.dellap2,.dellap22,.dellap3,.dellap4,.dellap5,.dellap6{
	margin-top:6px;
	margin-left:0%;
	width:100%;
	float:none;}
	
.dellap1 img,.dellap3 img{
	width:70%;
	height:auto;
	margin-top:18px;
	margin-bottom:12px;}
	
.dellap2 img{
	width:32%;
	height:auto;
	margin-top:18px;
	margin-bottom:11px;}

		
}

@media only screen and (max-width: 375px){
	
.black h1{
	font-size:28px;}
	
.cp2{
	font-size:16px;}
	
	
.center3{
	margin-left:10%;
	width:80%;}
	
.nengou2{
	margin-bottom:50px;}	
	
.senreki1,.senreki2{
	font-size:16px;}
	

		
}