/*+売上明細管理 - 経費グラフ表示CSS*/
table,ul{
    margin: 0;
    color: black;
}

h5{
    font-size: unset;
    font-weight: unset;
    color: black;
}

/*+h1:売上明細管理 - 経費グラフ表示 */
/*+画面項目説明*/
/*img:経費グラフ表示画面*/
img[data-original="../../1-sales/1-3-002/eg_img/expense_graph.png"]{
    width: 90%;
}

/**店舗コード 指定期間*/
.div_flex_h3 div{
    height: fit-content;
}

.div_flex_h3 div p{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 0.5em;
}

/*//店舗コード shop_code*/
.shop_code img{
    width: 75%;
}

/*//指定期間 specified_period*/
.specified_period img{
    width: 95%;
}

/**経費グラフ expense_data_chart*/
.expense_data_chart p{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 0.5em;
}

/*画像サイズ*/
#img_expense_data_chart{
    width: 95%;
}

/**経費一覧 expense_list*/
.expense_list p{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 0.5em;
}

.expense_list img{
    width: 80%;
}

.expense_list p:last-of-type{
    margin-top: 1em;
    margin-bottom: 0;
}

/*//チェックボックスによる経費グラフの表示切り替え expense_list_checkbox*/
.expense_list_checkbox p{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 0.5em;
}

.expense_list_checkbox > p:first-of-type{
    margin-bottom: 0;
}

/*==グラフから科目除外 expense_list_checkbox sub_excl*/
.expense_list_checkbox .sub_excl div{
    width: 95%;
    margin: 0 auto;
}

.expense_list_checkbox .sub_excl div h5{
    margin-bottom: 0.5em;
}

/*h5左丸*/
.expense_list_checkbox .sub_excl div h5::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

.expense_list_checkbox .sub_excl div:first-of-type{
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.expense_list_checkbox .sub_excl div img{
    width: 100%;
}

/*==グラフの縦軸の自動調整 expense_list_checkbox y_axis_autofit*/
.expense_list_checkbox .y_axis_autofit div{
    width: 95%;
    margin: 0 auto;
}

.expense_list_checkbox .y_axis_autofit div:first-of-type{
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.expense_list_checkbox .y_axis_autofit div h5{
    width: 10em;
    height: 30px;
    line-height: 30px;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-size: 15px;    
    border: 1px solid black;
    display: flex;
    margin-bottom: 0.5em;
}

/*チェックボックス配置*/
.expense_list_checkbox .y_axis_autofit div h5::before{
    content: "";
    display: inline-block;
    width: 2em;
    border-right: 1px solid black;
    background-repeat: no-repeat;
    background-size: 52% auto;
    background-position: 20% center;
    margin-right: 0.3em;
}

/*check_on*/
.expense_list_checkbox .y_axis_autofit div:first-of-type h5::before{
    background-image: url(../../common/css/img/check_on.png);
}

/*check_off*/
.expense_list_checkbox .y_axis_autofit div:last-of-type h5::before{
    background-image: url(../../common/css/img/check_off.png);
}

.expense_list_checkbox .y_axis_autofit div img{
    width: 80%;
}