@charset "utf-8";
@import url(base.css);


#globalheader{
	border-bottom:1px solid #ccc;	
}

		#main{
			border-bottom:1px solid #ccc;
		}


		#contenttitle{
			padding:40px 0;
		}
			
			#contenttitle h2{
				font-size:2.4em;
				font-family: "kozuka-mincho-pro";
				text-align:center;
			}
			



/* セクション共通 */
	
		.stdsec header{
			width:calc(200px - 2%);
			padding:0 0 25px 2%;
			float:left;
		}

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

		.stdsec header{
			width:calc(170px - 2%);
		}
		
	}

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

		.stdsec header{
			width:96%;
			padding:0 0 5px 2%;
			float:none;
		}
		
	}
		
	@media screen and (max-width:480px){

		.stdsec header{
			width:90%;
			padding:0 0 0 5%;
		}
		
	}

			.stdsec header p{
				margin:0;
				padding:35px 0 0;
				color:#c00;
				font-size:2.3em;
				font-weight:700;
				line-height:1.2em;
			}
		
		@media screen and (max-width:720px){

			.stdsec header p{
				padding:20px 0 0;
				font-size:1.8em;
			}

			.stdsec header p br{display:none;}
			.stdsec header h2 br{display:none;}
		
		}
		
		@media screen and (max-width:480px){

			.stdsec header p{
				font-size:1.6em;
			}
		
		}

			.stdsec header h2{
				margin:0;
				padding:7px 0 0;
				color:#030;
				font-size:1.2em;
				font-weight:700;
				line-height:1.4em;
			}
		
		@media screen and (max-width:480px){

			.stdsec header h2{
				font-size:1.0em;
			}
		
		}
		
		
			.stdsec .secnote{
				width:95%;
				margin:0 0 40px;
				padding-top:40px;
				color:#000;
				font-size:1.1em;
				font-family: "kozuka-mincho-pro";
			}

		@media screen and (max-width:720px){
		
			.stdsec .secnote{
				width:100%;
				padding-top:20px;
				font-size:1.0em;
			}
		
		}




	


/* 益城の見所 */

		#midokoro{
			padding:0 0 60px;
		}
		
	@media screen and (max-width:420px){

		#midokoro{
			padding:0 0 30px;
		}
		
	}
	
			
				#midokoro .inner{
					max-width:1000px;
					width:90%;
					margin:0 auto;
					padding:57px 0 0;
					background-image:url(../images/img_circle.png);
					background-repeat:no-repeat;
				}
	
			@media screen and (max-width:1100px){
			
				#midokoro .inner{
					padding:24px 0 0 30px;
					background-image:none;
				}
	
			}
	
			@media screen and (max-width:900px){
		
				#midokoro .inner{
					max-width:640px;
					width:90%;
					margin:0 auto 30px;
					padding:34px 0 0;
					float:none;
				}
	
			}
	
			@media screen and (max-width:640px){
		
				#midokoro .inner{
					margin:0 auto;
					padding-top:0;
				}
	
			}
			
	
					#midokoro h4{
						padding-left:30px;
						color:#c30;
						font-size:1.9em;
						font-family:"kozuka-mincho-pro";
					}
			
		
				@media screen and (max-width:1100px){
		
					#midokoro h4{
						padding-left:0;
						font-size:1.8em;
						text-align:center;
					}
		
				}
		
				@media screen and (max-width:640px){
		
					#midokoro h4{
						line-height:1.4em;
						text-align:center;
					}
		
				}
		
				@media screen and (max-width:370px){
		
					#midokoro h4{
						font-size:1.6em;
					}
		
				}

			
				#midokoro h5{
					margin:30px 0 20px;
					padding-bottom:10px;
					color:#369;
					font-weight:700;
					font-size:1.4em;
					text-align:center;
					border-bottom:1px solid #369;
				}
		
			@media screen and (max-width:420px){
	
				#midokoro h5{
					margin:10px 0;
					font-size:1.2em;
					border-bottom:0;
				}

			}
	
					#midokoro ul{
						width:100%;
						margin:0 auto;
					}
		
				@media screen and (max-width:640px){
	
					#midokoro ul{
						width:100%;
						max-width:480px;
						margin:0 auto;
					}
		
				}

					#midokoro ul{zoom:1;}
					#midokoro ul:after{
					  content: ""; 
					  display: block; 
					  clear: both;
					}
				

	
						#midokoro li{
							width:23%;
							margin:0 1% 15px;
							padding:10px 0;
							float:left;
							list-style:none;
							border-radius:8px;
					-moz-box-shadow:0 0 0 1px #ccc inset;
					-webkit-box-shadow:0 0 0 1px #ccc inset;
					box-shadow:0 0 0 1px #ccc inset;
						}
		
				@media screen and (max-width:900px){
	
						#midokoro li{
							width:calc((100% / 3) - 2%);
						}
		
				}
		
				@media screen and (max-width:640px){
	
						#midokoro li{
							width:calc((100% / 2) - 2%);
						}
		
				}
		
				@media screen and (max-width:420px){
	
						#midokoro li{
							max-width:240px;
							width:100%;
							margin:0 auto 15px;
							float:none;
						}
		
				}
				
				
							#midokoro li .imgbox{
								display:-webkit-flex;
								display:flex;
								justify-content: center;
								-webkit-align-items:center;
								align-items:center;
								margin:5px 0 0;
								text-align:center;
						}
	
							#midokoro li img{
								width:90%;
							}
	
							#midokoro li p{
								margin:10px 1% 0;
								text-align:center;
								line-height:1.4em;
							}