.content_width {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.align_center {
    text-align: center;
}
.align_left {
    text-align: left;
}
.align_right {
    text-align: right;
}

.fontsize_harf {
    font-size: 0.5em;
}

.font_bold {
    font-weight: bold;
}

/****************************************

          width

*****************************************/
.w20p {
    width: 20%;
}
.w50p {
    width: 50%;
}
.w60p {
    width: 60%;
}
.w80p {
    width: 80%;
}
.w100p {
    width: 100%;
}
/****************************************

          可変width

*****************************************/
.w60dt-100mb {
    width: 60%
}
/****************************************

          container_float

*****************************************/
.float_box{
    float: left;
}
/****************************************

          justify

*****************************************/
.justify_center {
    display: flex;
    justify-content: center;
}

/****************************************
    clearfix
*****************************************/
.clearfix:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}
/****************************************
    desktop or mobaile
*****************************************/
.desktop_only {
    display:block;
}
.mobile_only {
    display:none;
}
/************************************************************
    slicknav
*************************************************************/
#main_nav {
    background-color: white;
}
.slicknav_menu {
    display:none;
}





/**********************************************************************************************************************/
/**************************************** Extra small devices: Phones (<768px) ****************************************/
/**********************************************************************************************************************/
@media screen and (max-width:767px) {

    .content_width {
        width: 96%;
    }




    /****************************************
        desktop or mobaile
    *****************************************/
    .desktop_only {
        display:none;
    }
    .mobile_only {
        display:block;
    }

    /************************************************************
         slicknav
    *************************************************************/
    #main_nav {
        display:none;
    }

    .js #pc_menu {
        display:none;
    }

    .js .slicknav_menu {
        display:block;
    }
    /****************************************

              可変width

    *****************************************/
    .w60dt-100mb {
        width: 100%
    }


}