@charset "utf-8";

#ricawax_table {
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
}

#ricawax_table a:hover {
	opacity: 0.7;
}

#ricawax_table .sp {
    display: none;
}

#ricawax_table .center {
    text-align: center;
}

/*--table基本設定-----------------------------------*/
#ricawax_table table {
    border-collapse: collapse;
    border: #ccc solid 1px;
}
#ricawax_table table tr {
    border-bottom: solid #ccc 1px;
    /*height: auto !important;*/
}
#ricawax_table table tr:last-child {
    border-bottom: none;
}
#ricawax_table table th {
    border-right: solid #ccc 1px;
    padding: 9px;
    vertical-align: middle;
}
#ricawax_table table th:last-child {
    border-right: none;
}
#ricawax_table table td {
    border-right: solid #ccc 1px;
    padding: 9px;
    vertical-align: middle;
    line-height: 1.2;
}
#ricawax_table table td:last-child {
    border-right: none;
}

/*--カラー設定---------------------------------------------*/
#ricawax_table #series .lockBox .brazilian td {
    background: #edf4ca;
}
#ricawax_table #series .lockBox .liposoluble td {
    background: #fdead9;
}
#ricawax_table #series .lockBox .biosoluble td {
    background: #dbefe9;
}
#ricawax_table #wax .brazilian .lockBox td {
    background: #edf4ca;
}
#ricawax_table #wax .liposoluble .lockBox td {
    background: #fdead9;
}
#ricawax_table #wax .biosoluble .lockBox td {
    background: #dbefe9;
}
#ricawax_table #wax .brazilian h3 {
    background: #c2d94e;
}
#ricawax_table #wax .liposoluble h3 {
    background: #f7b981;
}
#ricawax_table #wax .biosoluble h3 {
    background: #87cbb6;
}


#ricawax_table .main_img {
    margin-bottom: 30px;
}
#ricawax_table .main_img img {
    width: 100%;
    height: auto;
}

#ricawax_table #series {
    margin-bottom: 40px;
}
#ricawax_table h2 {
    color: #fff;
    background: #b09c43;
    font-size: 18px;
    line-height: 1;
    padding: 16px 15px;
    border-radius: 4px;
    margin-bottom: 10px;
}


#ricawax_table #series .dataArea:after {
    content: "";
    display: block;
    clear: both;
}
#ricawax_table #series .dataArea .lockBox {
    width: 16%;
    float: left;
}
#ricawax_table #series .dataArea .lockBox .data tr th {
    background: #3d2b0a;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}
#ricawax_table #series .dataArea .lockBox .data tr td {
    color: #231815;
    font-weight: bold;
}

#ricawax_table #series .dataArea .scrollBox {
    width: calc(84% + 1px);
    float: left;
    margin-left: -1px;
}
#ricawax_table #series .dataArea .scrollBox th {
    white-space: nowrap;
    background: #3d2b0a;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
   line-height: 1.2;
}

#ricawax_table #wax h3 {
    border-left: solid #ccc 1px;
    border-right: solid #ccc 1px;
    text-align: center;
    font-size: 16px;
    padding: 11px;
    line-height: 1;
}
#ricawax_table #wax .dataArea:after {
    content: "";
    display: block;
    clear: both;
}
#ricawax_table #wax .dataArea .data tr th {
    background: #3d2b0a;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}
#ricawax_table #wax .dataArea .lockBox {
    width: 25%;
    float: left;
}
#ricawax_table #wax .dataArea .lockBox td {
    font-weight: bold;
}
#ricawax_table #wax .dataArea .scrollBox {
    width: calc(75% + 2px);
    float: left;
    margin-left: -2px;
	margin-right: -1px;
}

#ricawax_table #wax .dataArea .scrollBox .item_img {
    width: 16%;
    text-align: center;
}
#ricawax_table #wax .dataArea .scrollBox .item_img img {
    width: 100%;
    height: auto;
}
#ricawax_table #wax .dataArea .scrollBox .capa {
    width: 17.5%;
}
#ricawax_table #wax .dataArea .scrollBox .capa a {
    display: block;
    color: #d20d57;
    text-decoration: underline;
    font-weight: bold;
    line-height: 2;
}
#ricawax_table #wax .dataArea .scrollBox .leg_arm {
    width: 12%;
    text-align: center;
}
#ricawax_table #wax .dataArea .scrollBox .deli {
    width: 12%;
    text-align: center;
}
#ricawax_table #wax .dataArea .scrollBox .face {
    width: 8%;
    text-align: center;
}
#ricawax_table #wax .dataArea .scrollBox .perfume {
    width: 10%;
    text-align: center;
}
#ricawax_table #wax .dataArea .scrollBox .ess {
    width: 12%;
    text-align: center;
}
#ricawax_table #wax .dataArea .scrollBox .vege {
    width: 12.5%;
    text-align: center;
}

@media screen and (max-width: 768px) {
    #ricawax_table {
        font-size: 14px;
    }
	#ricawax_table .main_img {
		margin-bottom: 20px;
	}
	#ricawax_table .main_img .pc {
		display: none;
	}
	#ricawax_table .main_img .sp {
		display: block;
	}
        
    #ricawax_table #series .dataArea .lockBox {
        width: 25%;
    }
    #ricawax_table #series .dataArea .scrollBox {
        width: 75%;
        overflow-x: scroll;
    }
    #ricawax_table #series .dataArea .data tr th {
        font-size: 14px;
    }
    #ricawax_table #wax .dataArea .lockBox {
        width: 25%;
    }
    #ricawax_table #wax .dataArea .scrollBox {
        width: 75%;
        overflow-x: scroll;
    }
    #ricawax_table #wax .dataArea .scrollBox table {
        min-width: 600px;
    }
    #ricawax_table #wax .dataArea .data tr th {
        font-size: 14px;
    }
    #ricawax_table #wax .dataArea .scrollBox .item_img img {
        min-width: 80px;
    }
}
@media screen and (max-width: 567px) {
	#ricawax_table #series .dataArea .lockBox {
        width: 40%;
    }
    #ricawax_table #series .dataArea .scrollBox {
        width: 60%;
    }
    #ricawax_table #wax .dataArea .lockBox {
        width: 40%;
    }
    #ricawax_table #wax .dataArea .scrollBox {
        width: 60%;
    }
}








/**/