/*+売上比較CSS*/
table,ul{
    margin: 0;
}

ul li{
    padding-left: 0;
}

table .div_flex{
    width: 100%;
}

.button{
    all: unset;/*main.css打ち消し*/
}

/*+検索条件指定*/
/**検索条件　各項目 specify_condition*/
.specify_condition th{
    width: 12%;
}

.specify_condition h3{
    font-size: unset;
    font-weight: normal;
    margin: 0;
}

/*h3左丸*/
.specify_condition h3::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

/*==指定期間 specify_condition period*/
.specify_condition .period td p{
    width: 100%;
    margin-bottom: 0.5em;
}

.specify_condition .period td .div_flex{
    justify-content: space-between;
}

.specify_condition .period td .div_flex div{
    width: 49%;
    margin-bottom: 0.5em;
}

.specify_condition .period td .div_flex div img{
    width: 60%
}

/*==店舗コード specify_condition table_1 shop_code*/
.specify_condition .shop_code p{
    width: 100%;
    margin-bottom: 0.5em;
}

.specify_condition .shop_code .div_flex{
    width: 95%;
    align-items: flex-start;/*並べてる要素の上端を揃える*/
    gap: 0;
}

.specify_condition .shop_code .div_flex .div_1{
    flex:1;
}

/*shop_code_1の位置*/
.specify_condition .shop_code .div_flex .div_1 .d_1{
    display:flex;
    justify-content:flex-end;
}

/*imgグループ検索「しない」を選択 id:img_shop_code_1*/
#img_shop_code_1{
    width: 100%;
    max-width: 373px; /*pxやremで指定で画面比のズレ防止 */
    height: auto;
    margin: 0;
}

/*複数店舗選択 1店舗に限定 */
.specify_condition .shop_code .div_flex .div_1 .d_2{
    width: 95%;
    border: 1px solid #D8DCDE;
    background-color: #F9F9FF;
    padding-bottom: 0.5em;
    margin-top: 2em;
}

.specify_condition .shop_code .div_flex .div_1 .d_2 h3{
    width: 95%;
    margin: 0 auto
}

.specify_condition .shop_code .div_flex .div_1 .d_2 img{
    width: 396px;
    max-width: 100%;
    height: auto;
}

/*プルダウンメニューから店舗を選択 id:img_shop_code_2*/
#img_shop_code_2{
    width: 100%;
    max-width: 468px;/*pxやremで指定で画面比のズレ防止 */
    height: auto;
    margin-left:0;
}

/*※店舗コードを1店舗に限定して検索した場合のみ specify_condition shop_code div_2*/
.specify_condition .shop_code .div_2{
    width: 100%;
    justify-content: space-between;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.specify_condition .shop_code .div_2 p{
    width: 100%;
}

/*ボタン（共通）*/
.button{
    display: inline-block;
    height: 25px;
    line-height: 29px;
    text-align: center;
    font-size: 15px;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
}

.button:hover{
    background-color: #E5E5E5;
}

/*ボタン：実行*/
.b_execute{
    width: 5em;
    height: 30px;
    line-height: 30px;
    margin-right: 0.3em;
}

/*ボタン：在庫一覧*/
.specify_condition .b_stock_list{
    width: 6em;
    margin: 0 0.3em;
}

.specify_condition .shop_code .div_2 .img_zoom{
    width: 47%;
    height: fit-content;
    box-shadow: none;
    margin: 0;
}

/*==グループ検索　ｸﾞﾙｰﾌﾟｺｰﾄﾞ specify_condition group_search*/
.specify_condition .group_search p{
    width: 100%;
    margin-bottom: 0.5em;
}

.specify_condition .group_search .div_flex{
    width: 95%;
    align-items: flex-start;/*並べてる要素の上端を揃える*/
    gap: 0;
}

.specify_condition .group_search .div_flex .div_1{
    flex:1;
}

/*shop_code_1の位置*/
.specify_condition .group_search .div_flex .div_1 .d_1{
    display:flex;
    justify-content:flex-end;
}

/*imgグループ検索「しない」を選択 id:img_group_search_1*/
#img_group_search_1{
    width: 100%;
    max-width: 373px; /*pxやremで指定で画面比のズレ防止 */
    height: auto;
    margin: 0;
}

/*ｸﾞﾙｰﾌﾟｺｰﾄﾞ group_code */
.specify_condition .group_search .div_flex .div_1 .group_code{
    width: 95%;
    padding-bottom: 1em;
    margin-top: 2em;
    margin-bottom: 1em;
}

.specify_condition .group_search .group_code h3::before{
    content: none;
}

.specify_condition .group_search .group_code .com_h5{
    height: 30px;
    line-height: 30px;
    font-weight: normal;
}

.specify_condition .group_search .div_flex .div_1 .group_code p{
    width: 95%;
    margin: 0.5em auto;
}

.specify_condition .group_search .div_flex .div_1 .group_code img{
    width: 468px;
    max-width: 100%;
    height: auto;
}

/*プルダウンメニューからグループを選択 id:img_group_search_2*/
#img_group_search_2{
    width: 100%;
    max-width: 468px;/*pxやremで指定で画面比のズレ防止 */
    height: auto;
    margin-left:0;
}

/*クリックで画像を表示*/
.specify_condition .group_search .group_code p .open_modal{
    display: inline-block;
    color: #3747c2;
    transition: color 0.3s ease, opacity 0.3s ease;    
}

.specify_condition .group_search .group_code p .open_modal:hover{
    color: #72dbfa;
    opacity: 0.7;
}

/*==単日表示 specify_condition single_day_display*/
.specify_condition .single_day_display .div_flex{
    width: 80%;
    justify-content: space-around;
}
/*==表示方式 specify_condition display_item*/
.specify_condition .display_item th{
    padding: 0.3em;
}
.specify_condition .display_item td{
    padding-top: 0;
    padding-bottom: 0;
}

/*不要なborder*/
.specify_condition .display_item table tr:first-of-type th,
.specify_condition .display_item table tr:first-of-type td{
    border-top: none;
}

.specify_condition .display_item table th{
    border-left: none;
}

.specify_condition .display_item table td{
    border-right: none;
}

.specify_condition .display_item table tr:last-of-type th,
.specify_condition .display_item table tr:last-of-type td{
    border-bottom: none;
}

.specify_condition .display_item table th{
    background-color: #FAFAFA;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
}

.specify_condition .display_item table th,
.specify_condition .display_item table td{
    font-size: 15px;
}

/*==データダウンロード specify_condition download*/
.specify_condition .download td img{
    width: 40%;
    margin: 0 0 0 auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*+集計結果一覧*/
/**集計結果の表示切替 display_switch*/
/*aの装飾打ち消し*/
.display_switch th a,
.display_switch .button_list a{
    all: unset;
}

.display_switch th a:hover,
.display_switch .button_list a:hover{
    color: inherit;
}

/*==ボタン一覧 display_switch button_list*/
.display_switch .button_list td ul{
    width: 65%;
    display: flex;
    justify-content: space-around;
    padding: 0;
    margin: 0.5em auto;
}

/*ボタン：全体*/
.display_switch .b_daily_report{
    width: 4em;
}

/*ボタン：日別・月別*/
.display_switch .b_daily_monthly{
    width: 4em;
}

/*ボタン：曜日・時間別*/
.display_switch .b_by_day_time{
    width: 6.5em;
    text-align: right;
    padding-right: 0.1em;
}

/*ボタン：売上一覧*/
.display_switch .b_sales_list{
    width: 6em;
}

/*ボタン：商品ベスト*/
.display_switch .b_best_product{
    width: 5.3em;
    text-align: right;
    padding-right: 0.2em;
}

/*ボタン：在庫一覧*/
.display_switch .b_stock_list{
    width: 6em;
}

.display_switch th{
    width: 10%;
    padding-top: 0.3em;
    padding-bottom: 0.2em;
}

/**単日表示「する」 single_day_on*/
/*img:単日表示「する」場合の集計結果一覧*/
img[data-original="../../1-sales/1-1-002/sc_img/single_day_on_1.png"]{
    width: 85%;
    margin: 1em auto;
}

.single_day_on table th{
    width: 10%;
}

/*//合計：人数計～買取金額計 single_day_on table_1*/
/*==合計 single_day_on table_1 total*/
.single_day_on .table_1 .total > th{
    font-family: "ＭＳ Ｐゴシック", sans-serif;	
    font-weight: bold;
    background-color: #E1EFFB;
}

.single_day_on .table_1 .total > td{
    padding: 0;
}

/*不要なborder*/
.single_day_on .table_1 .total td table tr:first-of-type th,
.single_day_on .table_1 .total td table tr:first-of-type td{
    border-top: none;
}

.single_day_on .table_1 .total td table th{
    border-left: none;
}

.single_day_on .table_1 .total td table td{
    border-right: none;
}

.single_day_on .table_1 .total td table tr:last-of-type th,
.single_day_on .table_1 .total td table tr:last-of-type td{
    border-bottom: none;
}

/*人数計～買取金額計*/
.single_day_on .table_1 .total td table,
.single_day_on .table_1 .total td table p{
    font-size: 15px;
}

/*//店舗No.～買取金額 single_day_on table_2 */
.single_day_on .table_2 td{
    width: 40%;/*50% - 10%*/
    font-size: 15px;
}

.single_day_on .table_2 td p{
    font-size: 15px;
}

/*不要なborder*/
.single_day_on .table_2 tr:first-of-type th,
.single_day_on .table_2 tr:first-of-type td{
    border-top: none;
}

/*//複数日・複数店舗を指定した場合の一覧表示 single_day_on_sub*/
.single_day_on_sub p{
    width: 65%;
}

.single_day_on_sub p span{
    text-decoration: underline;
    text-decoration-color: red;
}

.single_day_on_sub img{
    width: 33%;
}

/**単日表示「しない」 single_day_off*/
/*img:単日表示「しない」場合の集計結果一覧*/
img[data-original="../../1-sales/1-1-002/sc_img/single_day_off_1.png"]{
    width: 85%;
    margin: 1em auto;
}

.single_day_off table th{
    width: 10%;
}

/*//合計：人数計～買取金額計 single_day_off table_1*/
/*==合計 single_day_off table_1 total*/
.single_day_off .table_1 .total > th{
    font-family: "ＭＳ Ｐゴシック", sans-serif;	
    font-weight: bold;
    background-color: #E1EFFB;
}

.single_day_off .table_1 .total > td{
    padding: 0;
}

/*不要なborder*/
.single_day_off .table_1 .total td table tr:first-of-type th,
.single_day_off .table_1 .total td table tr:first-of-type td{
    border-top: none;
}

.single_day_off .table_1 .total td table th{
    border-left: none;
}

.single_day_off .table_1 .total td table td{
    border-right: none;
}

.single_day_off .table_1 .total td table tr:last-of-type th,
.single_day_off .table_1 .total td table tr:last-of-type td{
    border-bottom: none;
}

/*人数計～買取金額計*/
.single_day_off .table_1 .total td table,
.single_day_off .table_1 .total td table p{
    font-size: 15px;
}

/*//店舗No.～買取金額 single_day_off table_2 */
.single_day_off .table_2 td{
    width: 40%;/*50% - 10%*/
    font-size: 15px;
}

.single_day_off .table_2 td p{
    font-size: 15px;
}

/*不要なborder*/
.single_day_off .table_2 tr:first-of-type th,
.single_day_off .table_2 tr:first-of-type td{
    border-top: none;
}

/*//複数日・複数店舗を指定した場合の一覧表示 single_day_off_sub*/
.single_day_off_sub p{
    width: 65%;
}

.single_day_off_sub p span{
    text-decoration: underline;
    text-decoration-color: red;
}

.single_day_off_sub img{
    width: 33%;
}