@charset "utf-8";

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;zoom:1;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*----------------------------------------------------------------------------

 Layout（PC&スマホ）設定 

 ------------------------------------------*/
body {
	background:#fff;
}
#yumentaya{
	width:1000px;	
	height:auto;	
	margin:auto;
	padding:0 0 50px;
	font-size:75%;	
}

#yumentaya *{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
}


#yumentayaContents{
	width:1000px;		
	height:auto;	
	margin:auto;
	padding:0px;	
}



#logo_pc{
	width:1000px;
	display:block;
	margin:auto;
	padding:20px 0;
}

#logo_sp{
	display:none;
}



#yumentayaContents h1 {
	display:block;
	width:1000px;
	height:auto;
	font-size: 2em;
	margin:30px auto;
	color:deeppink;
	font-weight: bold;
	text-align:center;
}


#yumentayaContents h2 {
	font-size: 1.5em;
	margin: 20px;
	color:#4B4B4B;
	font-weight: bold;
}



#under{
	height:auto;	
	margin:auto;
	padding:0px;	
}

#rack001{
	float:left;
	height:auto;
	margin-bottom:30px;
	margin-top:40px;
	padding:0px;	
}

#rack002{
	float:left;
	width:1000px;
	height:auto;	
	margin-bottom:30px;
	padding:0px;	
}

#rack003{
	float:left;
	width:1000px;
	height:auto;	
	margin-bottom:30px;
	padding:0px;	
}

#rack004{
	float:left;
	width:1000px;
	height:auto;	
	margin-bottom:30px;
	padding:0px;	
}

.rack{
	width:250px;
	margin:0 auto;
    height:auto;
    float:left;
    padding-bottom:30px;

}
.rack_2{
	width:250px;
	margin:0 auto;
    height:auto;
    float:left;
    padding-bottom:15px;

}
.rack_lemon{		
background-color:lemonchiffon;
} 
.rack_pink{		
background-color:lightpink;
}

dt img{
	float:none;
	margin:0 auto;
	width:230px;
	height:230px;
    padding-top:10px;
    padding-left: 10px;
}

.name{
	display:block;
	width:100%;
	font-size: 1em;
	font-weight:bold; 
	color:#4B4B4B;
	line-height:1.3em;
    padding-top: 15px;
    text-align: center;

	
}

.line{
    	margin:0 auto;
	width:230px;
	height:20px;
}

/*.zaiko{
	width:240px;
	height:15px;
	margin-bottom:10px;
}
*/.price{
	display:block;
	width:240px;
	font-weight:bold;
	font-size: 1.5em;
	float:right;
	color:#F00;
	text-align: right;
	padding-right: 15px;
}

dd ul{

	height:80px;
	margin:0px auto;
	float:none;
	text-align:center;
	padding-top:20px;
       font-size:0;
}


dd ul li{
	width:50px;
	height:auto;
display: inline-block;
text-align: center;
margin:0px auto;
padding-top:10px;
}


dd p{
	width:90%;
	margin:30px auto;
	float:none;
	text-align:left;
    line-height: 1.5em;

}




#foot_pc{
	width:1000px;
	display:block;
	margin:0px auto;
	padding:0px;
}


#foot_sp{
	display:none;
}
















@media (max-width: 812px) {



#yumentaya{
	width:100%;
	margin:0 auto;
	padding:0px;
    margin-bottom: 50px;
}


#yumentayaContents{
	width:100%;
		margin:0 auto;
	padding:0px;
}





#logo_pc{
	display:none;
}

#logo_sp{
	display:block;
	width:400px;
		padding:0px;
				margin:0 auto;
}




#yumentayaContents h1 {
	font-size: 1.5em;
	width:100%
	
}


#yumentayaContents h2 {
	font-size: 1.2em;
}


#under{
	width:100%;
	height:auto;	
	margin:0 auto;
	padding:0px;
}

#under li{
        list-style: none;
    }

#rack001{/*1列目*/
	float:left;
	width:100%;
	height:auto;	
	margin:auto;
	padding:0px;		
}

#rack002{/*2列目*/
		float:none;
		clear:both;
	width:100%;
	height:auto;	
	margin:auto;
	padding:0px;	
}

#rack003{/*3列目*/
		float:none;
		clear:both;
	width:100%;
	height:auto;	
	margin:auto;
	padding:0px;	
}

#rack004{/*4列目*/
		float:none;
		clear:both;
	width:100%;
	height:auto;	
	margin:auto;
	padding:0px;	
}


.rack{		
    float:none;
	clear:both;
	width:300px;
	text-align:center;
	margin:0 auto;
	padding:0px;
}
    
.rack_lemon{		
background-color:lemonchiffon;
        float:none;
	clear:both;
	width:300px;
	text-align:center;
	margin:0 auto;
	padding:30px;
}   
.rack_pink{		
background-color:lightpink;
        float:none;
	clear:both;
	width:300px;
	text-align:center;
	margin:0 auto;
	padding:30px;
}

dt img{
	margin:0px auto;
	padding:0px;
	width:240px;
	height:240px;
	text-align:center;
}

.name{
	font-size: 1.3em;
	font-weight:bold; 
	color:#4B4B4B;
	line-height:1.3em;
	text-align:left;
}

.line{
	width:300px;
	margin:0 auto;
		height:auto;
}
/*
.zaiko{
	width:240px;
	margin:0 auto;
	height:auto;
	padding-bottom:20px;
}
*/
.price{
	display:block;
	width:100%;
	font-weight:bold;
	font-size: 1.5em;
	float:right;
	color:#F00;
	text-align: right;
	padding-right:20px;
	margin-bottom:30px;
}


dd{
		float:none;
		clear:both;

	width:300px;
	height:auto;
	margin:0 auto;
	padding:0px;

}


dd ul{
		float:none;
		clear:both;
	width:300px;
	height:60px;
	margin:0 auto;
	padding:0px;

/*	display: inline-block;*/
/*	text-align:center;*/
/*	padding-top:20px;
	padding-bottom:20px;
*/}




dd ul li{
	width:60px;
	height:60px;
		float:none;
		clear:both;
/*display: inline-block;*/
/*text-align: center;*/
	margin:0 auto;
	padding:0px;
}



dd p{
	width:80%;
	line-height: 1.5em;
		float:none;
		clear:both;
	text-align:left;
	margin:30 auto;
	padding:0px;

}













#foot_pc{
	display:none;	
}


#foot_sp{
    	width:100%;
	height:auto;
	margin:0 auto;
	display:block;	
}
    #foot_sp img{     	
        width:350px;
	height:auto;
	margin:0 auto;
	display:block;	  }


}