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

#gallery{
width:900px; height:655px;
margin: 0 auto;
}

#img-scene-top{
width:900px; height:655px;
margin: 0 auto;
}

.rest{font-size:12px; color:#787878;}

#goose{
	width:900px;
	margin:0 auto;
	padding-top:30px;
	font-size:16px;
	line-height:2.5;}

#goose li{
	float:right;
	}

#magician{
	width:900px;
	margin:0 auto;
	padding-top:30px;
	font-size:16px;
	line-height:2.5;}

#magician li{
	float:left;
	}

.ml80{margin-left:90px;
padding-top:30px;}

.ml50{
	width:374px;
	text-align:center;
	padding-top:60px;}
.magi{
	width:323px;
	text-align:center;}

.ml10{
	width:491px;
	margin-left:35px;}

#cartnavi_item{
	width:600px;
	margin:0 auto;
	padding:10px;}

#cartnavi_item li{
	float:left;
	margin-left:40px;
	}
	
.size{
	color:#534741;
	font-size:12px;
	line-height:2.0;}
	
#attention,#attention2,#stone{
	width:810px;
	margin:0 auto;
	padding-top:20px;}

#attention li,#attention2 li,#stone li{
	float:left;
	}

#stone{color:#0d386e;}

#shiyo{
	width:810px;
	margin:0 auto;
	padding-top:80px;}

#shiyo li{
	float:left;
	}

.wi400{
	width:450px;
	text-align:left;}

.wi470{
	width:480px;
	text-align:left;}
	
.wi360{
	width:360px;
	text-align:left;}

.wi340{
	width:330px;
	text-align:left;}


.midashi-p{
	color:#8e0e72;
	font-size:20px;
}


.midashi-b{
	color:#0d386e;
	font-size:16px;
}

#naviup{
	width:900px;
	margin:0 auto;}

#naviup li{
	float:left;
	}

.wi700{
	width:680px;}

.pt140{
	padding-top:140px;}

.p5{
	padding:5px}
	
#attentionmidashi li{
	float:left;
	}
	#attentionmidashi {
	width:810px;
	}
	
.bx-custom-pager{bottom: -61px !important;}
.bx-custom-pager .bx-pager-item{width: 9.5%}
.bx-pager-item .active img{opacity: 0.4}
.bx-pager-item{margin-left:2px;
margin-right:2px;}
.line03{
	width:900px;
	margin:0 auto;
	padding-bottom:20px;
	text-align:center;}
.flower{
	padding-bottom:80px;}

/* smart phone
 * --------------------------------------------------------*/

@media only screen and (max-device-width: 479px) {
	
	#goose li, #magician li, #attention li, #shiyo li{
		float: none;}
	#goose br, #magician br, #attention br, #shiyo br {display: none;}	
	#goose, #magician, #attention, #shiyo {width:750px;
	margin:0 auto;}
	#goose, #magician {font-size:28px; line-height:2;}	
	#attentionmidashi li{
	float:left !important;
	}
	#attentionmidashi{width:750px;}
	.size{
	font-size:24px; line-height:2;}

	.midashi-p, .midashi-b{
	font-size:32px;}
	
	.wi400, .wi470, .wi360, .wi340,.ml10 {
	width:800px !important;
	margin:0 auto !important;}
	
	.ml50, .ml10, .ml80, .magi{
		margin:0 auto;}