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

.red{ 
  padding-top: 100px;  
  overflow: hidden;
  background-color:#a21f24;}

.his{
	font-size:28px;
	color:#FFFFFF;
	margin-left:6%;}
	
.center{
	margin-left:44%;
	width:12%;}
	
.center2{
	margin-left:25%;
	width:50%;}
	
.center img,.center2 img,.dai img,.botanA img,.botanB img,.baseA img{
	width:100%;
	height:auto;}
	
.red h1{
	color:#FFFFFF;
	font-size:38px;
	margin-left:24%;
	font-weight:bold;
	line-height:1;
	margin-bottom:18px;}
	
.botanA{
	width:120px;
	height:auto;
	margin-left:16px;
	margin-top:30px;}
	
.botanAbox{
	width:50%;
	margin-left:12%;
	margin-top:80px;}
	
.cp2{
	display:inline-block;
	width:36%;
	color:#FFFFFF;
	font-size:18px;
	margin-right:14%;
	margin-top:80px;
	float:right;}

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

	
/*年号のところ*/

.center3{
	margin-left:25%;
	width:50%;}
	
.center3 img{
	width:100%;
	height:auto;}
	
.nengou{
	color:#006699;
	font-size:18px;}
	
.senreki{
	display:inline-block;
	width:40%;
	text-align:justify;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	margin-top:16px;}

.nengoubox{
	margin-top:90px;}

	
.dellap1{
	margin-top:80px;
	margin-left:3%;
	margin-right:18px;
	margin-bottom:80px;
	width:40%;
	height:auto;
	text-align:center;
	padding-left:8%;
	background-color:#a21f24;
	float:left;}
	
.indel{
	position:relative;
	width:80%;
	height:0;
	padding-top:60%;}
	
.indel iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;}
	
.dellap2{
	margin-top:80px;
	margin-left:3%;
	margin-right:18px;
	margin-bottom:100px;
	width:48%;
	height:auto;
	text-align:center;
	background-color:#a21f24;
	float:left;}
	
.dellap2 video{
	width:80%;
	height:auto;
	margin:0 auto;}
	

@media only screen and (max-width: 768px){
	
.botanA{
	width:110px;}
	
.botanAbox{
	margin-left:8%;}
	
}


@media only screen and (max-width: 600px){
.red{ 
  padding-bottom: 100px;}
  
.center{
	margin-left:40%;
	width:20%;}
	
.center2{
	margin-left:10%;
	width:80%;}
	
.red h1{
	font-size:32px;
	margin-left:14%;}

.botanA{
	width:30%;
	height:auto;
	margin-left:10%;
	margin-top:30px;}
	
.botanAbox{
	width:60%;
	margin-left:22%;
	margin-top:30px;}
			
.cp2{
	width:60%;
	color:#FFFFFF;
	font-size:18px;
	margin-left:30%;
	margin-top:40px;}
	
	
.center3{
	margin-left:14%;
	width:70%;}
	
	
.nengou{
	color:#006699;
	font-size:18px;}
	
.senreki{
	width:84%;
	font-size:18px;
	margin-top:20px;}

.nengoubox{
	margin-top:0px;
	margin-left:22%;
	width:78%;}

	
.dellap1{
	margin-top:120px;
	margin-left:2%;
	margin-right:auto;
	margin-bottom:30px;
	width:80%;
	height:auto;
	padding-left:15%;
	float:none;}

	
.dellap2{
	margin-top:120px;
	margin-left:2%;
	margin-right:auto;
	margin-bottom:30px;
	width:95%;
	height:auto;
	float:none;}

	
}

@media only screen and (max-width: 480px){

.red{ 
  padding-top: 80px;}

.his{
	font-size:24px;}
	
.red h1{
	font-size:32px;}
	
.cp2{
	width:70%;
	font-size:18px;
	margin-left:20%;
	margin-top:30px;}
	
.botanA{
	width:36%;
	height:auto;
	margin-left:10%;
	margin-top:20px;
	float:left;}
	
.botanAbox{
	width:70%;
	margin-top:40px;
	margin-left:14%;}

	
.dellap1{
	margin-top:90px;}
	
.nengou{
	color:#006699;
	font-size:18px;}
	
.senreki{
	width:84%;
	font-size:18px;
	margin-left:20px;}

.nengoubox{
	margin-left:10%;
	width:90%;}
	
	


		
}

@media only screen and (max-width: 375px){
	
.red h1{
	font-size:28px;}
	
.cp2{
	font-size:16px;}
	
.dellap1{
	margin-top:60px;}
	
.botanAbox{
	padding-bottom:50px;}	
	
.center3{
	margin-left:10%;
	width:80%;}
	
	
.senreki{
	font-size:16px;}
	

		
}