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

	毛色の種類

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

.color_list {
    /*margin-top: 30px;*/
    margin-top: 30px;
}

.color_list > ul {
    font-size: 0;
}

.color_list > ul > li {
    font-size: 1.3rem;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-top: 20px;
}

.color_list > ul > li:nth-child(odd){
    padding-right: 10px;
}

.color_list > ul > li:nth-child(even){
    padding-left: 10px;
}


.color_list > ul > li .panel > .sub_header {
    font-size: 1.5rem;
}

.color_list > ul > li .panel > .content > .inner {
    display: table;
    width: 100%;
}

.color_list > ul > li .panel > .content > .inner > .cell {
    display: table-cell;
    vertical-align: top;
}

.color_list > ul > li .panel > .content > .inner > .cell.img {
    width: 150px;
}

.color_list > ul > li .panel > .content > .inner > .cell.img img {
    vertical-align: top;
}

.color_list > ul > li .panel > .content > .inner > .cell.txt {
    padding-left: 15px;
    font-size: 1.2rem;
}





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

	979px以下

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

@media screen and ( max-width : 979px ) {
	

    
}


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

	767px以下

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

@media screen and ( max-width : 767px ) {
	
	.color_list > ul > li {
        display: block;
        width: auto;
    }
	
    .color_list > ul > li:nth-child(odd){
        padding-right: 0;
    }
    
    .color_list > ul > li:nth-child(even){
        padding-left: 0;
    }
    
}


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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	
	
    
}


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

	479px以下

------------------------------------------------------------ */
@media screen and (max-width: 479px) {
    
    
    
}


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

	359px以下

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

@media screen and ( max-width : 359px ) {
	
    .color_list > ul > li .panel > .content > .inner {
        display: block;
    }
    
    .color_list > ul > li .panel > .content > .inner > .cell {
        display: block;
    }
    
    .color_list > ul > li .panel > .content > .inner > .cell.img {
        width: auto;
        text-align: center;
        padding-bottom: 10px;
    }
    
    .color_list > ul > li .panel > .content > .inner > .cell.txt {
        padding-left: 0;
    }
    
}