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

	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	h1 {
		text-align: center;
		margin: 5vh auto;
		font-size:3vw;
		text-shadow: 0.6vmin 0.9vmin rgba(0,0,0,0.3);
	}
	a {
		text-decoration: none;
		color: inherit;
	}
	.slide-btn {
		display: none;
	}
	.carousel {
		position: relative;
		width: 100%;
		height: auto;

	}
	.slide {
	float: left;
	height: auto;
	width: 0;
		transition: width .3s linear;
	padding: 0;
	overflow: hidden;
	white-space: normal;
	}
	.slide > * {
		transition: transform .15s linear;
		transform: scale(0);
	}
	.labels {

		bottom: 0;
		width: auto;
		text-align: center;
	}
	.labels label {
		display: inline-block;
		background-color: transparent;
		width: 25px;
		height: 25px;
		border-radius: 25px;
		margin: .5vmin 3vmin;
		border: 3px solid white;
		margin-bottom:15px;

	}
	.carousel .one,
	.carousel .two,
	.carousel .three,
	.carousel .four,
	.carousel .five,
	.carousel .six,
	.carousel .seven {
		background-position: center center;
		background-size: cover;
	}
	.carousel .one {
		background-image: url(IMG%20BASE/1.jpg);
	}
	.carousel .two {
		background-image: url(IMG%20BASE/2.jpg);
	}
	.carousel .three {
		background-image: url(IMG%20BASE/3.jpg);
	}
	.carousel .four {
		background-image: url(IMG%20BASE/4.jpg);
	}
	.carousel .five {
		background-image: url(IMG%20BASE/5.jpg);
	}
	.carousel .six {
		background-image: url(IMG%20BASE/6.jpg);
	}
	.carousel .seven {
		background-image: url(IMG%20BASE/7.jpg);
	}
	#slide-btn-1:checked ~ .one,
	#slide-btn-2:checked ~ .two,
	#slide-btn-3:checked ~ .three,
	#slide-btn-4:checked ~ .four,
	#slide-btn-5:checked ~ .five,
	#slide-btn-6:checked ~ .six,
	#slide-btn-7:checked ~ .seven {
		width: 100%;
	}
	#slide-btn-1:checked ~ .one > *,
	#slide-btn-2:checked ~ .two > *,
	#slide-btn-3:checked ~ .three > *,
	#slide-btn-4:checked ~ .four > *,
	#slide-btn-5:checked ~ .five > *,
	#slide-btn-6:checked ~ .six > *,
	#slide-btn-7:checked ~ .seven > * {
		transform: scale(1);
	}
	#slide-btn-1:checked ~ .labels label[for="slide-btn-1"],
	#slide-btn-2:checked ~ .labels label[for="slide-btn-2"],
	#slide-btn-3:checked ~ .labels label[for="slide-btn-3"],
	#slide-btn-4:checked ~ .labels label[for="slide-btn-4"],
	#slide-btn-5:checked ~ .labels label[for="slide-btn-5"],
	#slide-btn-6:checked ~ .labels label[for="slide-btn-6"],
	#slide-btn-7:checked ~ .labels label[for="slide-btn-7"] {
		background-color: white;
	}
	
	.A {
	width:90%;
	height:auto;
	background-color:#999;
	text-align:center;
	border:1px solid #000;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	margin-top: 100px;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
	-khtml-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-ms-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	
}