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

h1 {font-family:  Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-style: italic;
}
body {
	max-width: 1200px;
	min-width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	
}
.container {
	margin-top: 20%;
	
}
.vert_respons_ad {
	width: 300px;
	height:500px;
	border: 1px solid green;
	float: right;
	margin-left: 10px;
}
.banner_rec  {
	width: 100%;
	height: 90px;

}
.banner_ad   {
	width: 728px;
	height: 90px;
	float: right;
	margin-right: 10%;
	margin-left: 10px;
	border: 1px solid blue;
}
.banner_sm_ad   {
	width: 400px;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
	display: none;
	border: 1px solid blue;
}
.poipu_rec_ad  {
	width: 336px;
	height: 280px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	margin-top: 20px;
	display: none;
	border: 1px solid blue;	
}
.logo	{
	width: 191px;
	height: 89px;
	margin-left: 5%;

}
.banner_title  {
	position: absolute;
	width: 400px;
	height: 100px;
	color: #07BC29;
	margin-top: -25%;
	margin-left: 10%;

}
.banner_title2  {
	
	width: 300px;
	height: 100px;
	color: #E4F639;
	margin-top: -31%;
	margin-left: 64%;

}
.rightphotos  {
	width: 300px;
	height: 200px;
	float: right;
	clear: right;
	margin: 8px;
	margin-left: 10px;
	margin-bottom: 35px;
	
}
.rightphotos_v  {
	width: 200px;
	height: 300px;
	float: right;
	margin: 8px;
	margin-left: 10px;
	margin-bottom: 35px;
}
.leftphotos  {
	width: 300px;
	height: 200px;
	float: left;
	margin: 8px;
	margin-right: 12px;
	margin-bottom: 35px;
	
}
.footer  {
	width: 90%;
	text-align: center;
	border-top: 1px solid blue;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 15px;
}
.footer p {
	font-size: .9rem;
	line-height: 1.3rem;
}
.footer h5 {color:dodgerblue; }

	#copyright  {
		width: 53px;
		height: 18px;
		background-image: url(../graphics/copyright.png);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-top: -10px;
}

@media (max-width: 1205px)  {
	.logo {
		display: none;
	}

	.banner_ad {
		float: none;
		margin-left: auto;
		margin-right: auto;
}
}
	@media (max-width: 1000px)  {
		.banner_title {
			margin-top: -30%;
			margin-left: 15%;
		}
	}
		@media (max-width: 993px)  {
		.banner_title {
			margin-top: -24%;
			margin-left: 5%;
		}
			.container {
				margin-top: 25%;
			}
			.banner_title2 {
			margin-top: -36%;
			margin-left: 62%;
		}
		}
			@media (max-width: 875px)  {
		.banner_title {
			margin-top: -24%;
			margin-left: 5%;
		}
				.banner_title2 {
			margin-top: -34%;
			margin-left: 50%;
		}
				.vert_respons_ad	{
					float: none;
					margin-right: auto;
					margin-left: auto;
		}
				.container {
				margin-top: 20%;
			}
				}

		
	@media (max-width: 800px)  {
	.banner_ad  {
			display: none;
				}
	.banner_sm_ad {
		display: block;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid blue;
		margin-bottom: 10px;
	}
		.poipu_rec_ad  {
			display: block;
		}
	
}
				@media (max-width: 750px)  {
		.banner_title {
			margin-top: -24%;
			margin-left: 4%;
		}
		.banner_title h1, .banner_title2 h1 {
			font-size: 2em;
					}
			.banner_title2 {
			margin-top: -36%;
			margin-left: 40%;
		}	
					.container {
				margin-top: 20%;
			}
					
				}
		@media (max-width: 600px)  {
		.banner_title {
			margin-top: -27%;
			margin-left: 4%;
		}
			.banner_title h1, .banner_title2 h1 {
			font-size: 1.7em;
					}
			.rightphotos, .leftphotos  {
				float: none;
				margin-left: auto;
				margin-right: auto;
				width: 400px;
				height: 266px;
			}
			.rightphotos img, .leftphotos img {
			width: 400px;
				height: 266px;
			}
			.container {
				margin-top: 10%;
			}

			
	}
@media (max-width: 450px)  {
	.banner_sm_ad {
		margin-left: -8%; }
	}