/**/
/* column css */
/**/
#column{
    margin:90px 0 150px;
}
#column a:hover {
    text-decoration: none;
}
#column span.bcolor{
    color:#2caf54;
}
#column.freshcare span.bcolor,
#column.kid span.bcolor{
    color:#e57c71;
}
#column.beauty span.bcolor{
    color:#d5488d;
}
#column .column-inner{
    max-width: 900px;
    margin: 0 auto 100px;
    padding: 0 20px;
}
#column .column-inner section{
    margin-top:-125px;
    padding-top:125px;
}
#column .title{
    background:#2caf54;
    padding:5px;
    color:#fff;
    margin:0 0 30px;
}
#column.freshcare .title,
#column.kid .title{
    background:#e57c71;
}
#column.beauty .title{
    background:#d5488d;
}
#column h1{
    font-size:2em;
}
#column h2{
    margin:70px 0 30px;
    padding-left: 20px;
    position: relative;
}
#column h2::before{
    width: 4px;
    height: 100%;
    background: linear-gradient(0deg, #2caf54 0%, #43d670 99.97%);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
#column.freshcare h2::before,
#column.kid h2::before{
    background: linear-gradient(0deg, #e57c71 0%, #eb968c 99.97%);
}
#column.beauty h2::before{
    background: linear-gradient(0deg, #d5488d 0%, #da78a7 99.97%);
}
#column h3{
    margin:30px  0 15px;
}
#column ol{
    list-style-type: decimal;
    padding-left:2em;
}
#column ol li{
    margin:15px 0 30px;
}
#column ul{
    list-style-type: none;
    padding-left:0;
}
#column ul li{
    margin:15px 0 30px;
}
#column ul li ul li{
    margin:15px 0;
}
#column ul.disc{
    list-style-type: disc;
    padding-left:2em;
}
#column ul.disc li{
    margin:10px 0;
}
#column.kid ul.disc li::marker{
    color: #e57c71;
}
#column p{
    display:block;
    margin-top:15px;
    line-height: 1.8;
}
.column-date{
    text-align:right;
}
#column nav{
    margin-top:25px;
    background:#eee;
    padding:20px;
}
#column nav ul{
    list-style-type: disc;
    padding-left:2em;
}
#column nav ul li{
    margin:5px 0;
}
#column nav ul li a{
    color:#444444;
}
#column nav ul li a:hover{
    font-weight: bold;
    color:#000000;
}
#column .reference{}
#column .reference h3{
    margin-top:70px;
}
#column .reference li{
    margin-top:-125px;
    padding-top:125px;
    margin-bottom:15px;
}

/* INDEX */
.column_index ul {
  padding: 0;
  position: relative;
}
.column_index ul li a{
  display: block;
  color: #444344;
  font-weight: bold;
  background: #e9e9e9;
  padding: 10px;
  line-height: 1.5;
  list-style-type: none !important;
}
.column_index ul li a:hover {
  background: #d5efdd;
}
#column.freshcare .column_index ul li a:hover,
#column.kid .column_index ul li a:hover {
    background: #f8efdf;
}
#column.beauty .column_index ul li a:hover {
    background: #fff1dc;
}
#column .column_index span.title{
  margin-right: 20px;
}
@media screen and (max-width: 428px) {
    #column .column_index span.title{
        margin-right: 0;
        margin-bottom: 15px;
        display: block;
    }
    
}
/* tabel */
table {
    width: 100%;
    border-collapse: collapse;
  }
table th,
table td{
    border: 1px solid #ccc;
    padding:10px;
}
th {
    background-color: #f2f2f2;
}
/* dental */

/* beauty */
.beauty table td:first-of-type{
width:200px;
}