@charset "UTF-8";
#wrapper {
  position: relative;
  max-width: 100%;
  margin: 0 auto;   /*全体の中央寄せ*/
 
}

.container {
  width: 100%;
  max-width:100%;
  margin: 0 auto 0 auto;   /*中央寄せ*/
  position: relative;
  background:;
}




.item {
  margin: 2px;
  width:100%;
  max-width:48.5%;
  padding: 0px;
  border: 0px solid #eee;
  float:left;

}


.slide-top {
	
	width:100%;
	max-width:98%;
margin: 230px auto 30px auto;

z-index:5;



	text-align: center;
font-family:"Shippori Mincho" , serif;
	font-size: 1.38em;
	color:black;
	letter-spacing:0.5em;


}


.slide-bottom {
	
	width:100%;
	max-width:180px;
margin: -110px auto 30px auto;
z-index:16;


}	


@media only screen and (min-width: 360px) {
	
	.item {
  margin: 2px;
  width:100%;
  max-width:48.8%;
  padding: 0px;
  border: 0px solid #eee;
  float:left;
  
  background:;
}
	
	
	
}





@media only screen and (min-width: 500px) {


#wrapper {
  position: relative;
  max-width: 100%;
  margin: 0 auto;   /*全体の中央寄せ*/
  background:;
}

.container {
  width: 100%;
  max-width:630px;
  margin: 0 auto 0 auto;   /*中央寄せ*/
  position: relative;
  background:;
}


.item {
  margin: 2px;
  width:100%;
  max-width:32.2%;
  padding: 0px;
  border: 0px solid #eee;
  
    background:;
}



.slide-top {
	
	width:100%;
	max-width:600px;
margin: 280px auto 40px auto;




}


.slide-bottom {
	
	width:100%;
	max-width:200px;
margin: -142px auto 30px auto;


}

#illust {
    position: fixed;
    bottom: 85px;
    left: 0px;
	
	width:100%;
	max-width:121px;
	z-index:9;
   
	
}

	
}

@media only screen and (min-width: 741px) {


#wrapper {
  position: relative;
  max-width: 100%;
  margin: 0 auto;   /*全体の中央寄せ*/
  background:;
}

.container {
  width: 100%;
  max-width:740px;
  margin: 0 auto 0 auto;   /*中央寄せ*/
  position: relative;
  background:;
}


.item {
  margin: 2px;
  width:100%;
  max-width:32%;
  padding: 0px;
  border: 0px solid #eee;
  
  
  background:;
}



.slide-top {
	
	width:100%;
	max-width:730px;
margin: 300px auto 50px auto;


font-size: 25px;

}


.slide-bottom {
	
	width:100%;
	max-width:250px;
margin: -142px auto 30px auto;


}

#illust {
    position: fixed;
    bottom: 85px;
    left: 0px;
	
	width:100%;
	max-width:121px;
	z-index:9;
   
	
}

	
}

@media only screen and (min-width: 768px) {

#wrapper {
  position: relative;
  max-width: 100%;
  margin: 0 auto;   /*全体の中央寄せ*/
  background:;
}

.container {
  width: 100%;
  max-width:755px;
  margin: 0 auto 0 auto;   /*中央寄せ*/
  position: relative;
  background:;
}


.item {
  margin: 2px;
  width:100%;
  max-width:32.7%;
  padding: 0px;
  border: 0px solid #eee;
  
  background:;
}
	


	
}



@media only screen and (min-width: 900px) {
	
#wrapper {
  position: relative;
  max-width: 100%;
  margin: 0 auto;   /*全体の中央寄せ*/
  background:;
}

.container {
  width: 100%;
  max-width:890px;
  margin: 0 auto 0 auto;   /*中央寄せ*/
  position: relative;
  background:;
}


.item {
  margin: 2px;
  width:100%;
  max-width:32.7%;
  padding: 0px;
  border: 0px solid #eee;
  
   background:;
}
	
	

.slide-top {
	
	width:100%;
	max-width:750px;
margin: 300px auto 55px auto;


}


.slide-bottom {
	
	width:100%;
	max-width:270px;
margin: -152px auto 30px auto;


}


#illust {
    position: fixed;
    bottom: 85px;
    left: 5px;
	
	width:100%;
	max-width:141px;
	z-index:9;
   
	
}	
		



}





@media only screen and (min-width: 1020px) {
	

#wrapper {
  position: relative;
  max-width: 100%;
  margin: 0 auto ;   /*全体の中央寄せ*/
  background:;
}

.container {/*BLUE*/
  width: 100%;
  max-width:915px;
  margin: 0 auto 0 auto;   /*中央寄せ*/
  position: relative;
  background:;
}





.item {
  margin: 2px;
  width:100%;
  max-width:32.7%;
  padding: 0px;
  border: 0px solid #eee;
  
  
}
	
	
	
.slide-top {
	
	width:100%;
	max-width:720px;
margin: 300px auto 70px auto;

	text-align: center;

	font-size: 29px;
	color:black;
	letter-spacing:0.5em;


}


.slide-bottom {
	
	width:100%;
	max-width:270px;
margin: -132px auto 20px auto;


}


#illust {
    position: fixed;
    bottom: 85px;
    left: 5px;
	
	width:100%;
	max-width:141px;
	z-index:9;
   
	
}	
	


}

@media only screen and (min-width: 1100px) {
	

#wrapper {
  position: relative;
  max-width: 100%;
  margin: 0 auto ;   /*全体の中央寄せ*/
  background:;
}

.container {/*BLUE*/
  width: 100%;
  max-width:915px;
  margin: 0px auto 0 auto;   /*中央寄せ*/
  position: relative;
  background:;
}


.item {
  margin: 2px;
  width:100%;
  max-width:32.7%;
  padding: 0px;
  border: 0px solid #eee;
}
	
	
	
.slide-top {
	
	width:100%;
	max-width:750px;
margin: 300px auto 70px auto;

	text-align: center;
	
	font-size: 29px;
	color:black;
	letter-spacing:0.5em;
	
}


.slide-bottom {
	
	width:100%;
	max-width:270px;
margin: -132px auto 20px auto;
}


#illust {
    position: fixed;
    bottom: 85px;
    left: 5px;
	
	width:100%;
	max-width:141px;
	z-index:9;
   
}	
	
}