@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++

	product.html

++++++++++++++++++++++++++++++++++++++++ */

#main {
	background-image: url(../img/main.jpg);
}
#main2016oct {
	background-image: url(../img/main.jpg);
}
#main2016nov {
	background-image: url(../img/main.jpg);
}
#main2016dec {
	background-image: url(../img/main.jpg);
}
#main2017jan {
	background-image: url(../img/main.jpg);
}


h2 {
	text-align: center;
}
h2 img {
	margin-top: -12px;
	width: 305px;
}

h3 {
	text-align: center;
}


/*---------- seasons ----------*/

#seasons {
	position: relative;
	margin: 45px auto;
	width: 936px;
	height: 1150px;
	background: url(../img/frame_seasons.gif) no-repeat;
	background-size: 100% 100%;
}
#seasons h3 img {
	margin: 20px auto 0;
}

#seasons .seasons {
	overflow: hidden;
	margin: auto;
	width: 880px;
}
#seasons .seasons ul {
	width: 1000px;
}
.seasons li {
	margin-top: 25px;
	margin-right: 28px;
	float: left;
	width: 275px;
	height: 251px;
	text-align: center;
}

.pickup {
	text-align: center;
}


/*---------- backnumber ----------*/

#backnumber h2 img {
	width: 187px;
}

#backnumber ul {
	width: 950px;
}
#backnumber li {
	margin: 25px 23px;
	float: left;
	width: 275px;
	height: 170px;
	text-align: center;
}
#backnumber li:nth-child(3n) {
	margin-right: 0;
}


/*---------- back ----------*/

#back {
	text-align: center;
	margin-bottom: 160px;
}
#back img {
	width: 130px;
}



/* ++++++++++++++++++++++++++++++++++++++++

	for SP
	
++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 767px) {
	
#main {
	background: url(../img/main_sp.jpg) no-repeat;
	background-size: cover;
}
	
h2 {
	position: relative;
	text-align: center;
	z-index: 1;
}
h2 img {
    margin-top: -3%;
    width: 64.22%;
}

h3 {
	text-align: center;
}



/*---------- seasons ----------*/

#seasons {
	padding-bottom: 17%;
	margin: 12% auto 11%;
	width: 100%;
	height: auto;
	background: url(../img/frame_seasons_sp.gif) no-repeat;
	background-size: 100% 100%;
}
#seasons h3 img {
	width: 58.125%;
	margin: 3% auto 0;
}

#seasons .seasons {
	margin: auto;
	padding: 0 0 11%;
	width: 100%;
}
#seasons .seasons ul {
	width: auto;
	padding: 0 12% 0%;
}

.seasons li {
	margin-top: 12%;
	margin-right: 0;
	float: left;
	width: 100%;
	height:  auto;
}
.seasons li:nth-child(3n) {
	margin-right: 0;
}

.pickup {
	margin: auto;
	width: 77.65%;
}
.pickup img {
	width: 100%;
}

#btn-pagetop {
	margin-top: -10%;
}


/*---------- backnumber ----------*/

#backnumber {
	margin-bottom: 4%;
}
#backnumber h2 img {
	width: 46.4%;
}


#backnumber ul {
	width: auto;
	padding: 0 17% 0%;
}

#backnumber li {
	margin-top: 8%;
	margin-left: 0;
	float: left;
	width: 100%;
	height:  auto;
}


/*---------- back ----------*/

#back {
	text-align: center;
	margin-bottom: 12%;
}
#back img {
	width: 30%;
}

	
}