/*wacu Common*/

/*****************************/
/*width                      */
/*****************************/
    .width1280Pc{
        width: 1280px;
        margin: auto;
    }

    .width1100Pc{
        width: 1100px;
        margin: auto;
    }

    .width1024Pc{
        width: 1024px;
        margin: auto;
    }

    .width960Pc{
        width: 960px;
        margin: auto;
    }

    .width768Pc{
        width: 768px;
        margin: auto;
    }

    .width760Pc{
        width: 640px;
        margin: auto;
    }

    .width480Pc{
        width: 480px;
        margin: auto;
    }

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


/*****************************/
/* flex setting              */
/*****************************/
    /*****************************/
    /*flex;                    */
    /*****************************/
    .flexPc{
        display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    /*****************************/
    /*flex direction;           */
    /*****************************/
    .fDir_rowPc{
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fDir_rowrevPc{
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction:row-reverse;
        flex-direction: row-reverse;
    }

    .fDir_colPc{
        -webkit-flex-direction: column;
        -ms-flex-direction:column;
        flex-direction: column;
    }

    .fDir_colrevPc{
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction:column-reverse;
        flex-direction: column-reverse;
    }

    /*****************************/
    /*flex wrap                  */
    /*****************************/
    .fWrap_nowrapPc{
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap:none;
        flex-wrap: nowrap;
    }

    .fWrap_wrapPc{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fWrap_wraprevPc{
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }


    /*****************************/
    /*flex justify-content 横並び*/
    /*****************************/
    .fjc_startPc{
        -webkit-justify-content: flex-start;
        -ms-flex-pack:start;
        justify-content: flex-start;
    }

    .fjc_endPc{
        -webkit-justify-content: flex-end;
        -ms-flex-pack:end;
        justify-content: flex-end;
    }

    .fjc_centerPc{
        -webkit-justify-content: center;
        -ms-flex-pack:center;
        justify-content: center;
    }

    .fjc_betweenPc{
        -ms-flex-pack:justify;/*IE10*/
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .fjc_aroundPc{
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }


    /*****************************/
    /*flex align-items 縦位置     */
    /*****************************/

    .fai_startPc{
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .fai_endPc{
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    .fai_centerPc{
        -webkit-align-items: center;
        align-items: center;
    }

    .fai_baselinePc{
        -webkit-align-items: baseline;
        align-items: baseline;
    }

    .fai_stretchPc{
        -webkit-align-items: stretch;
        align-items: stretch;
    }




    /*****************************/
    /*flex align-content         */
    /*****************************/

    .fac_startPc{
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }

    .fac_endPc{
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }

    .fac_centerPc{
        -webkit-align-content: center;
        align-content: center;
    }

    .fac_betweenPc{
        -webkit-align-content: space-between;
        align-content: space-between;
    }

    .fac_aroundPc{
        -webkit-align-content: space-around;
        align-content: space-around;
    }

    /*****************************/
    /*flex order                 */
    /*****************************/
    .order-2Pc{
        -webkit-box-ordinal-group:-2;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:-2;/*--- IE10用 ---*/
        -webkit-order: -2;
        order: -2;
    }
    .order-1Pc{
        -webkit-box-ordinal-group:-1;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:-1;/*--- IE10用 ---*/
        -webkit-order: -1;
        order: -1;
    }
    .order0Pc{
        -webkit-box-ordinal-group:0;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:0;/*--- IE10用 ---*/
        -webkit-order: 0;
        order: 0;
    }
    .order1Pc{
        -webkit-box-ordinal-group:1;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:1;/*--- IE10用 ---*/
        -webkit-order: 1;
        order: 1;
    }
    .order2Pc{
        -webkit-box-ordinal-group:2;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:2;/*--- IE10用 ---*/
        -webkit-order: 2;
        order: 2;
    }
    .order3Pc{
        -webkit-box-ordinal-group:3;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:3;/*--- IE10用 ---*/
        -webkit-order: 3;
        order: 3;
    }
    .order4Pc{
        -webkit-box-ordinal-group:4;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:4;/*--- IE10用 ---*/
        -webkit-order: 4;
        order: 4;
    }
    .order5Pc{
        -webkit-box-ordinal-group:5;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:5;/*--- IE10用 ---*/
        -webkit-order: 5;
        order: 5;
    }
    .order6Pc{
        -webkit-box-ordinal-group:6;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:6;/*--- IE10用 ---*/
        -webkit-order: 6;
        order: 6;
    }
    .order7Pc{
        -webkit-box-ordinal-group:7;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:7;/*--- IE10用 ---*/
        -webkit-order: 7;
        order: 7;
    }
    .order8Pc{
        -webkit-box-ordinal-group:8;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:8;/*--- IE10用 ---*/
        -webkit-order: 8;
        order: 8;
    }
    .order9Pc{
        -webkit-box-ordinal-group:9;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:9;/*--- IE10用 ---*/
        -webkit-order: 9;
        order: 9;
    }
    .order10Pc{
        -webkit-box-ordinal-group:10;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:10;/*--- IE10用 ---*/
        -webkit-order: 10;
        order: 10;
    }
    .order11Pc{
        -webkit-box-ordinal-group:11;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:11;/*--- IE10用 ---*/
        -webkit-order: 11;
        order: 11;
    }
    .order12Pc{
        -webkit-box-ordinal-group:11;/*--- Android旧ブラウザ用 ---*/
        -ms-flex-order:12;/*--- IE10用 ---*/
        -webkit-order: 12;
        order: 12;
    }

    /*****************************/
    /*flex grow                 */
    /*****************************/
    /*.grow1Pc{
        -webkit-flex-grow:1;
        flex-grow:1;
    }
    .grow2Pc{
        -webkit-flex-grow:2;
        flex-grow:2;
    }
    .grow3Pc{
        -webkit-flex-grow:3;
        flex-grow:3;
    }
    .grow4Pc{
        -webkit-flex-grow:4;
        flex-grow:4;
    }*/

    /*****************************/
    /*カラム                     */
    /*****************************/
    /*****************************/
    /*colomun x of 2             */
    /*****************************/

    .col1of2Pc{
        width: calc(100% / 2 * 1) ;
    }
    .col2of2Pc{
        width: calc(100% / 2 * 2) ;
    }
    /*****************************/
    /*colomun x of 3             */
    /*****************************/

    .col1of3Pc{
        width: calc(100% / 3 * 1) ;
    }
    .col2of3Pc{
        width: calc(100% / 3 * 2) ;
    }
    .col3of3Pc{
        width: calc(100% / 3 * 3) ;
    }
    /*****************************/
    /*colomun x of 4             */
    /*****************************/
    .col1of4Pc{
        width: calc(100% / 4 * 1) ;
    }
    .col2of4Pc{
        width: calc(100% / 4 * 2) ;
    }
    .col3of4Pc{
        width: calc(100% / 4 * 3) ;
    }
    .col4of4Pc{
        width: calc(100% / 4 * 4) ;
    }
    /*****************************/
    /*colomun x of 5             */
    /*****************************/
    .col1of5Pc{
        width: calc(100% / 5 * 1) ;
    }
    .col2of5Pc{
        width: calc(100% / 5 * 2) ;
    }
    .col3of5Pc{
        width: calc(100% / 5 * 3) ;
    }
    .col4of5Pc{
        width: calc(100% / 5 * 4) ;
    }
    .col5of5Pc{
        width: calc(100% / 5 * 5) ;
    }
    /*****************************/
    /*colomun x of 6             */
    /*****************************/
    .col1of6Pc{
        width: calc(100% / 6);
    }
    .col2of6Pc{
        width: calc(100% / 6 * 2) ;
    }
    .col3of6Pc{
        width: calc(100% / 6 * 3) ;
    }
    .col4of6Pc{
        width: calc(100% / 6 * 4) ;
    }
    .col5of6Pc{
        width: calc(100% / 6 * 5) ;
    }
    .col6of6Pc{
        width: calc(100% / 6 * 6) ;
    }
    /*****************************/
    /*colomun x of 7             */
    /*****************************/
    .col1of7Pc{
        width: calc(100% / 7);
    }
    .col2of7Pc{
        width: calc(100% / 7 * 2) ;
    }
    .col3of7Pc{
        width: calc(100% / 7 * 3) ;
    }
    .col4of7Pc{
        width: calc(100% / 7 * 4) ;
    }
    .col5of7Pc{
        width: calc(100% / 7 * 5) ;
    }
    .col6of7Pc{
        width: calc(100% / 7 * 6) ;
    }
    .col7of7Pc{
        width: calc(100% / 7 * 7) ;
    }
    /*****************************/
    /*colomun x of 8             */
    /*****************************/
    .col1of8Pc{
        width: calc(100% / 8 * 1) ;
    }
    .col2of8Pc{
        width: calc(100% / 8 * 2) ;
    }
    .col3of8Pc{
        width: calc(100% / 8 * 3) ;
    }
    .col4of8Pc{
        width: calc(100% / 8 * 4) ;
    }
    .col5of8Pc{
        width: calc(100% / 8 * 5) ;
    }
    .col6of8Pc{
        width: calc(100% / 8 * 6) ;
    }
    .col7of8Pc{
        width: calc(100% / 8 * 7) ;
    }
    .col8of8Pc{
        width: calc(100% / 8 * 8) ;
    }
    /*****************************/
    /*colomun x of 9             */
    /*****************************/
    .col1of9Pc{
        width: calc(100% / 9 * 1) ;
    }
    .col2of9Pc{
        width: calc(100% / 9 * 2) ;
    }
    .col3of9Pc{
        width: calc(100% / 9 * 3) ;
    }
    .col4of9Pc{
        width: calc(100% / 9 * 4) ;
    }
    .col5of9Pc{
        width: calc(100% / 9 * 5) ;
    }
    .col6of9Pc{
        width: calc(100% / 9 * 6) ;
    }
    .col7of9Pc{
        width: calc(100% / 9 * 7) ;
    }
    .col8of9Pc{
        width: calc(100% / 9 * 8) ;
    }
    .col9of9Pc{
        width: calc(100% / 9 * 9) ;
    }
    /*****************************/
    /*colomun x of 10            */
    /*****************************/
    .col1of10Pc{
        width: calc(100% / 10 * 1) ;
    }
    .col2of10Pc{
        width: calc(100% / 10 * 2) ;
    }
    .col3of10Pc{
        width: calc(100% / 10 * 3) ;
    }
    .col4of10Pc{
        width: calc(100% / 10 * 4) ;
    }
    .col5of10Pc{
        width: calc(100% / 10 * 5) ;
    }
    .col6of10Pc{
        width: calc(100% / 10 * 6) ;
    }
    .col7of10Pc{
        width: calc(100% / 10 * 7) ;
    }
    .col8of10Pc{
        width: calc(100% / 10 * 8) ;
    }
    .col9of10Pc{
        width: calc(100% / 10 * 9) ;
    }
    .col10of10Pc{
        width: calc(100% / 10 * 10) ;
    }
    /*****************************/
    /*colomun x of 11            */
    /*****************************/
    .col1of11Pc{
        width: calc(100% / 11 * 1) ;
    }
    .col2of11Pc{
        width: calc(100% / 11 * 2) ;
    }
    .col3of11Pc{
        width: calc(100% / 11 * 3) ;
    }
    .col4of11Pc{
        width: calc(100% / 11 * 4) ;
    }
    .col5of11Pc{
        width: calc(100% / 11 * 5) ;
    }
    .col6of11Pc{
        width: calc(100% / 11 * 6) ;
    }
    .col7of11Pc{
        width: calc(100% / 11 * 7) ;
    }
    .col8of11Pc{
        width: calc(100% / 11 * 8) ;
    }
    .col9of11Pc{
        width: calc(100% / 11 * 9) ;
    }
    .col10of11Pc{
        width: calc(100% / 11 * 10) ;
    }
    .col11of11Pc{
        width: calc(100% / 11 * 11) ;
    }
    /*****************************/
    /*colomun x of 12            */
    /*****************************/
    .col1of12Pc{
        width: calc(100% / 12 * 1) ;
    }
    .col2of12Pc{
        width: calc(100% / 12 * 2) ;
    }
    .col3of12Pc{
        width: calc(100% / 12 * 3) ;
    }
    .col4of12Pc{
        width: calc(100% / 12 * 4) ;
    }
    .col5of12Pc{
        width: calc(100% / 12 * 5) ;
    }
    .col6of12Pc{
        width: calc(100% / 12 * 6) ;
    }
    .col7of12Pc{
        width: calc(100% / 12 * 7) ;
    }
    .col8of12Pc{
        width: calc(100% / 12 * 8) ;
    }
    .col9of12Pc{
        width: calc(100% / 12 * 9) ;
    }
    .col10of12Pc{
        width: calc(100% / 12 * 10) ;
    }
    .col11of12Pc{
        width: calc(100% / 12 * 11) ;
    }
    .col12of12Pc{
        width: calc(100% / 12 * 12) ;
    }


/*****************************/
/* display                   */
/*****************************/
    .nonePc{
        display: none;
    }
    .blockPc{
        display: block;
    }
    .inlineBlockPc{
        display: inline-block;
    }
    .inlinePc{
        display: inline;
    }
    .tablePc{
        display: table;
    }
    .tableRowPc{
        display: table-row;
    }
    .tableCellPc{
        display: table-cell;
    }

/*****************************/
/*image responsive           */
/*****************************/
    .imgRes, .imgRes imgPc{
        max-width: 100%;
    }

/*****************************/
/*virtical align             */
/*****************************/
    .va_topPc{
        vertical-align: top;
    }
    .va_middlePc{
        vertical-align: middle;
    }
    .va_bottomPc{
        vertical-align: bottom;
    }



/*****************************/
/*h tag                      */
/*****************************/
    h1{
        font-size: 2.4rem;
    }
    h2{
        font-size: 2.2rem;
    }
    h3{
        font-size: 1.8rem;
    }
    h4{
        font-size: 1.6rem;
    }
    h5{
        font-size: 1.4rem;
    }
    h6{
        font-size: 1.2rem;
    }

/*****************************/
/*font size                  */
/*****************************/
    .fontXsPc{
        font-size: 1.2rem;
    }
    .fontSmPc{
        font-size: 1.4rem;
    }
    .fontMdPc{
        font-size: 1.6rem;
    }
    .fontLgPc{
        font-size: 2rem;
    }
    .fontXlPc{
        font-size: 2.4rem;
    }



/*****************************/
/*font weight                */
/*****************************/
    .normalPc{
        font-weight: normal;
    }
    .boldPc{
        font-weight: bold;
    }
/*****************************/
/*font awesome               */
/*****************************/
    .fontASPc{
        font-family: FontAwesome;
    }

/*****************************/
/*hide                       */
/*****************************/
    .onlyPc{
        display: inherit;
    }
    .onlySp{
        display: none;
    }
    onlyTb{
        display: none;
    }
    .hidePc{
        display: none;
    }
/*wacu Common*/