@charset "UTF-8";
/* CSS Document */
body{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

.title{
	margin-top:100px;
	margin-bottom:100px;
	width:100%;
	text-align:center;
	color:#ffcfd2;
	}
.titleJapanese{
	font-size:50px;
	width:50%;
	margin-bottom:20px;
	}
.titleEnglish{
	font-size:24px;
	font-weight:lighter;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	}

.Number{
	width:100%;
	height:500px;
	}
.Color{
	width:100%;
	height:500px;
	}
.pic-box{
	width:100%!important;
	height:10%;
	overflow:hidden;
	}
.caption{
	margin-top:10%;
	padding-top:5%;
	float:right;
	height:50%;
	width:33.3%;
	color:white;
	text-align:center;
	background-color:rgba(0,0,0,0.48);
	font-size:12px;
	font-weight:lighter;
	}
.main-text{
	width:80%;
	height:300px;
	margin:auto;
	margin-top:50px;
	}
.text-title{
	color:#c0809c;
	font-size:30px;
	}
.Number .pic1{
	background-image:url(../image/5petals.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width:33.3%;
	height:100%;
	float:left;
	}
.Number .pic2{
	background-image:url(../image/20petals.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:120%;
	width:33.3%;
	height:100%;
	float:left;
	}
.Number .pic3{
	background-image:url(../image/100petals.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width:33.3%;
	height:100%;
	float:left;
	}
.Color .pic1{
	background-image:url(../image/white%20blossm.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width:33.3%;
	height:100%;
	float:left;
	}
.Color .pic2{
	background-image:url(../image/pink%20blossom.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:120%;
	width:33.3%;
	height:100%;
	float:left;
	}
.Color .pic3{
	background-image:url(../image/yellow%20blossom.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width:33.3%;
	height:100%;
	float:left;
	}

	
.leaves{
	width:100%;
	float:left;
	height:500px;
	background-color:#f8dce1;
	}
.leaves .main-text{
	width:80%;
	height:auto;
	}
.cartoonPic-box{
	width:80%;
	height:150px;
	margin:auto;
	}
	
.leaves .pic1{
	background-image:url(../image/green%20color.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width:25%;
	height:100%;
	float:left;
	margin-top:5%;
	margin-left:20%;
	}
.leaves .pic2{
	background-image:url(../image/brown%20color.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width:25%;
	height:100%;
	float:left;
	margin-top:5%;
	margin-left:10%;
	}
.Time{
	width:100%;
	float:left;
	height:500px;
	background-color:#f8dce1;
	}
.Time .main-text{
	width:80%;
	height:auto;
	}
.Time .cartoonPic-box{
	margin-left:15%;
	}
.Time .pic1{
	background-image:url(../image/spring.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:120%;
	width:20%;
	height:100%;
	float:left;
	}
.Time .pic2{
	background-image:url(../image/summer.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:120%;
	width:20%;
	height:100%;
	float:left;
	}
.Time .pic3{
	background-image:url(../image/fall.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:120%;
	width:20%;
	height:100%;
	float:left;
	}
.Time .pic4{
	background-image:url(../image/winter.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:120%;
	width:20%;
	height:100%;
	float:left;
	}
.cartoonPic-box p{
	text-align:center;
	font-weight:lighter;
	background-color:rgba(255,158,198,0.67);
	font-size:12px;
	}
	
.botton{
	width:100%;
	}
.botton a{
	text-align:center;
	}
.botton button{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	}
@media screen and (min-width: 480px) {
	.pic-box{
	width:100%!important;
	height:20%;
	overflow:hidden;
	}
	.caption{
	margin-top:10%;
	padding-top:5%;
	float:right;
	height:40%;
	width:33.3%;
	color:white;
	text-align:center;
	background-color:rgba(0,0,0,0.48);
	font-size:12px;
	font-weight:lighter;
	}
	.main-text{
		height:200px;
		}
}
@media screen and (min-width: 760px) {
	.pic-box{
	width:100%!important;
	height:30%;
	overflow:hidden;
	}
	.caption{
	margin-top:10%;
	padding-top:5%;
	float:right;
	height:30%;
	width:33.3%;
	color:white;
	text-align:center;
	background-color:rgba(0,0,0,0.48);
	font-size:14px;
	font-weight:lighter;
	}
	.main-text{
		height:200px;
		}
}
@media screen and (min-width: 980px) {
	.pic-box{
	width:100%!important;
	height:40%;
	overflow:hidden;
	}
	.caption{
	margin-top:10%;
	padding-top:5%;
	float:right;
	height:20%;
	width:33.3%;
	color:white;
	text-align:center;
	background-color:rgba(0,0,0,0.48);
	font-size:16px;
	font-weight:lighter;
	}
		
.leaves{
	width:50%;
	float:left;
	height:500px;
	background-color:#f8dce1;
	}
.leaves .main-text{
	width:60%;
	height:auto;
	}
.cartoonPic-box{
	width:80%;
	height:150px;
	margin:auto;
	}
	
.leaves .pic1{
	background-image:url(../image/green%20color.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width:25%;
	height:100%;
	float:left;
	margin-top:5%;
	margin-left:20%;
	}
.leaves .pic2{
	background-image:url(../image/brown%20color.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width:25%;
	height:100%;
	float:left;
	margin-top:5%;
	margin-left:10%;
	}
.Time{
	width:50%;
	float:left;
	height:500px;
	background-color:#f8dce1;
	}
.Time .main-text{
	width:60%;
	height:auto;
	}
.Time .cartoonPic-box{
	margin-left:15%;
	}
.Time .pic1{
	background-image:url(../image/spring.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:120%;
	width:20%;
	height:100%;
	float:left;
	}
.Time .pic2{
	background-image:url(../image/summer.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:120%;
	width:20%;
	height:100%;
	float:left;
	}
.Time .pic3{
	background-image:url(../image/fall.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:120%;
	width:20%;
	height:100%;
	float:left;
	}
.Time .pic4{
	background-image:url(../image/winter.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:120%;
	width:20%;
	height:100%;
	float:left;
	}
.cartoonPic-box p{
	text-align:center;
	font-weight:lighter;
	background-color:rgba(255,158,198,0.67);
	font-size:12px;
	}
}