@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:300);
@import url(http://fonts.googleapis.com/css?family=Sacramento);
/*--------------------------------------------------
 *common*
 -------------------------------------------------*/
a {
	text-decoration: none;
	color: #2083c7;
}
a:hover {
	color: #2697e4;
}
a:hover img {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	opacity: 0.75;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 1.4em;
	color: #333;
	font-family: 'Alegreya Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.6;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
}
.clearfix {
	overflow: hidden;
 zoom: 1;
}
.clear {
	clear: both;
}
.center-txt {
	text-align: center;
}
section, div, img {
	margin: 0;
	padding: 0;
}
/*--------------------------------------------------
 *Layout*
-------------------------------------------------*/
section, div, h1 {
	padding: 0;
	margin: 0;
}
section {
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 0 0;
	width: 100%;
	height: 1000px;
	margin: 0 auto;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
section div {
	width: 100%;
	min-height: 1000px;
	left: 0;
	position: absolute;
}
/*--------------------------------------------------
*Parts*
-------------------------------------------------*/
#header {
	background-color: #000;
	color: #FFF;
	padding: 10px 0;
	/*
	z-index: 10000;
	width: 100%;
	position: fixed;
	*/
}
h1 {
	font-size: 2em;
	z-index: 10001;
}
h2 {
	font-family: cursive;
	font-size: 2em;
	position: absolute;
	top: 10%;
	text-shadow: -1px 1px rgba(255, 255, 255, 0.7);
}
ul.gallery {
	list-style-type: none;
	position: absolute;
}
ul.gallery li {
	float: left;
	margin: 10px;
}
/*--------------------------------------------------
*1*
-------------------------------------------------*/


ul.gallery1 {
	list-style-type: none;

}
ul.gallery1 li {

}
/*--------------------------------------------------
*Section*
-------------------------------------------------*/
.spring {
	background-image: url(../images/spring/bg_spring.jpg);
}
.spring ul {

}
.spring h2 {
	left: 300px;
	color: #D05A6E;
}
.sakura {
	background-image: url(../images/spring/bg_sakura.png);
}
.sakura-blur {
	background-image: url(../images/spring/bg_sakura-blur.png);
}
.summer {
	background-image: url(../images/summer/bg_summer.jpg);
}
.summer ul {
	right: 80px;
}
.summer h2 {
	right: 300px;
	color: #3A8FB7;
}
.autumn {
	background-image: url(../images/autumn/bg_autumn.jpg);
}
.autumn h2 {
	color: #4A225D;
	left: 300px;
}
.winter {
	background-image: url(../images/winter/bg_winter.jpg);
}
.winter ul {
	right: 80px;
}
.winter h2 {
	color: #FFF;
	text-shadow: -1px -1px rgba(0, 0, 0, 0.6);
}

.modelform {
	width: 100%;
}


.model-h2  {
	margin-top: 300px;
	right: 100px;
}


.model-rec {
    margin-top: 300px;

    max-width: 400px;

    line-height: 250%;
    text-align: center;
	padding-inline-start: 0px;
}

.model-rec1 {
	line-height: 200%;
    font-size: 1.4em;
    color: #2697e4;
    font-weight: 700;
}

.model-rec2 {
    line-height: 250%;
	font-size: 1.1em;
}

.summer ul {
	right: 30px;
	top: 300px;
}

.autumn ul {
	left: 0px;
	top: 300px;
  }

/*for  1100px以下*/
@media screen and (max-width:1100px) {

	.spring {
		background-attachment: local;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 0 0;
		width: 100%;
		height: 800px;
		margin: 0 auto;
		position: relative;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}

	.summer {
		background-attachment: local;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 0 0;
		width: 100%;
		height: 800px;
		margin: 0 auto;
		position: relative;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}


	.autumn {
		background-image: url(../images/autumn/bg_autumn_sp.jpg);
		background-attachment: local;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 0 0;
		width: 100%;
		height: 800px;
		margin: 0 auto;
		position: relative;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}

	.winter {
		background-image: url(../images/winter/bg_winter_sp.jpg);
		background-attachment: local;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 0 0;
		width: 100%;
		height: 1000px;
		margin: 0 auto;
		position: relative;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}

.model-h2 {
  margin-top: 500px;
  right: 50px;
}

}

/*for  700px以下*/
@media screen and (max-width:760px) {


	.suicon {
		width: 120px;
		height: 120px;
	}
}

/*for  500px以下*/
@media screen and (max-width:500px) {
	.center-txt2 {
	  font-size: 0.5em;
	}

	.spring {
		background-attachment: local;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 0 0;
		width: 100%;
		height: 600px;
		margin: 0 auto;
		position: relative;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}

	.spring {
		background-image: url(../images/spring/bg_spring_sp.jpg);
	}

	.model-rec {
		margin-top: 300px;
		right: 100px;
		max-width: 300px;
		padding-left: 0px;
		line-height: 250%;
		text-align: center;
		margin-left: auto;
        margin-right: auto;
	  }


	  .summer {
		background-image: url(../images/summer/bg_summer_sp.jpg);
	}

	.summer {
		background-attachment: local;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 0 0;
		width: 100%;
		height: 600px;
		margin: 0 auto;
		position: relative;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}


	.autumn {
		background-image: url(../images/autumn/bg_autumn_sp.jpg);
		background-attachment: local;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 0 0;
		width: 100%;
		height: 600px;
		margin: 0 auto;
		position: relative;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}

	.winter {
		background-image: url(../images/winter/bg_winter_sp.jpg);
		background-attachment: local;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 0 0;
		width: 100%;
		height: 600px;
		margin: 0 auto;
		position: relative;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}


	.suicon {
		width: 120px;
		height: 120px;
	}

	.clear {
		clear: none;
	}

	.summer ul {
		right: 0px;
		top: 100px;
	}

	.autumn ul {
		right: 0px;
		top: 100px;
	  }

	  .model-h2 {
		margin-top: 400px;
		right: 0px;
		text-align: center;
	  }

	  ul.gallery1 {
		list-style-type: none;
		padding-inline-start: 0px;
	}

	section div {
		width: 100%;
		min-height: 0px;
		left: 0;
		position: absolute;
	  }

	  .model-rec2 {
		line-height: 150%;
		font-size: 1.1em;
	  }

	  .model-rec {
	  text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.6);
	}
}

/*for  500px以上*/
@media screen and (min-width:501px) {
.mface {
	margin: 0 auto 0 auto !important;
	padding: 0;
	width: 800px !important;
  }
}