@charset "utf-8";
/**
 *     
 */




#lineupWrapper{
	width: 100%;
	/*height: 300px;*/
    /*position: absolute;*/
    display: box; /* 標準 */
    display: -moz-box; /* Firefox */
    display: -webkit-box; /* Webkit系 */
    display: -ms-flexbox; /* IE */
    display: -o-flexbox; /* Opera */    
    
	box-align:start;
}

#lineupList{
	margin-right: 12px;
	
    width: 200px;
    height: 565px;
    
    /*-webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
     box-flex: 1;*/
     
     box-ordinal-group: 1;     
     -webkit-box-ordinal-group: 1;
     -moz-box-ordinal-group: 1;
     -o-box-ordinal-group: 1;
     -ms-flex-order: 1;
     /*height: 500px;*/
     
}

#lineuped{
	/*overflow: hidden;*/
}

#lineuped li{
    width: 48%;
}

#lineuped li a{
    margin: 0 8% 8px 0;
    box-shadow: 0 0 4px 4px rgba(0,0,0,0.4);
}

#lineuped li a:hover,
#lineuped li a:focus,
#lineuped li a:active{
    /*background: rgba(255,255,255,1);*/
   
    background: linear-gradient(top bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 50%, rgba(170,170,170,0.6) 70%, rgba(255,255,255,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, rgba(255,255,255,0.8)), color-stop(0.7, rgba(170,170,170,0.6)), color-stop(0.5, rgba(255,255,255,0.8)), color-stop(0.00, rgba(255,255,255,0.8)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 50%, rgba(170,170,170,0.6) 70%, rgba(255,255,255,0.8) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 50%, rgba(170,170,170,0.6) 70%, rgba(255,255,255,0.8) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 50%, rgba(170,170,170,0.6) 70%, rgba(255,255,255,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 50%, rgba(170,170,170,0.6) 70%, rgba(255,255,255,0.8) 100%);
}

#lineuped li img{
    height: 180px;
}


/**
 *     製品リスト
 */
#product {
	height: auto;
     box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    
     box-ordinal-group: 2;
     -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
     -o-box-ordinal-group: 2;
     
     -ms-flex-order: 2;
     margin-top:-40px;
}
section#lineupL{
    margin-top:20px;
}

#productImage {
    width: 38%;
}

#product aside,
#productDetail{
    width: 59%;   
}


.cfWrapper {
    height: 550px;
}