/**************************************************
 *
 * flexbox
 *
**************************************************/
.flex{
    display: -webkit-flex;
    display: flex;
}

.justify-content-center{
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.justify-content-space-around{
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.justify-content-space-between{
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.align-items-flex-end{
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.align-items-center{
    -webkit-align-items: center;
    align-items: center;
}
.flex-grow-1{
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

/**************************************************
 *
 * color
 *
**************************************************/
.color-red{
    color:#ec1c24;
}
.color-black{
    color:#323232;
}

/**************************************************
 *
 * font-weight
 *
**************************************************/
.font-weight-bold{
    font-weight:bold;
}

/**************************************************
 *
 * text-align
 *
**************************************************/
.text-align-left{
    text-align:left;
}
.text-align-center{
    text-align:center;
}
.text-align-right{
    text-align:right;
}

/**************************************************
 *
 * font-size
 *
**************************************************/
.font-size-14{
    font-size:14px;
}
.font-size-20{
    font-size:20px;
}
.font-size-32{
    font-size:32px;
}
.font-size-44{
    font-size:44px;
}

/**************************************************
 *
 * position
 *
**************************************************/
.position-relative{
    position:relative;
}

/**************************************************
 *
 * display
 *
**************************************************/
@media screen and (min-width: 960px) {
    .hide-pc{
        display:none;
    }
}
@media screen and (max-width: 959px) {
    .hide-sm{
        display:none;
    }
}

/**************************************************
 *
 * margin
 *
**************************************************/
.margin-right-10{
    margin-right:10px;
}

.margin-left-10{
    margin-left:10px;
}