/* gondola develop css difference */
/* 既存に影響が無いようにreport.cssを部分的に上書きしてスタイルを整えます */
/* 店舗レポートのテンプレート系でのみ読込されるためクラス指定は緩め */
/* allIndex.ctp, shopAllIndex.ctp, shopTimeIndex.ctp, reserveIndex.ctp */

/* 御中・現在日時・PDFダウンロードボタン領域の幅 */
.report-header {
    max-width: 1480px;
}

/* タブを含めた全体のサイズ */
.container {
    max-width: 1534px;
    margin: 0 auto;
}

/* 来店予約のコンテナの定義 */
.report_container {
    padding-top: 80px;
    padding-left: 40px;
    padding-right: 40px;
    margin: 0 auto;
}

/* 来店予約のコンテナのセクションの定義 */
.report_container > section {
    margin-bottom: 40px;
}

/* タブの幅 */
.tab-label {
    width: calc(100%/3);
}

.report_container .flex.col3 section,
.report_container .flex.col2 section {
    margin-bottom: 44px;
}

.report_container .flex.col2 section {
    margin-right: 20px;
}

/* PDFでダウンロードの左余白を何故か上書き */
.btn-report a {
    padding-left: 40px;
}

/* ちょっと不明(該当スタイルなし？) */
.downloading {
    color: red;
    padding-top: 5px;
    display:none;
}

/* 来店予約の時だけ調整している */
.report-header-right {
    padding-right: 10px;
}

@media (max-width: 1024px) {
    #tab-1:checked ~ #tab-1_content,
    #tab-2:checked ~ #tab-2_content {
        padding: 40px !important;
    }
}

.app-content .report_container .bg_btn button.btn.btn-primary {
    width: 200px;
}

/* 3つのタブの仕切り線(見え難いので) */
.tab-nav span[for="tab-2"] {
    border-right: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
}


/* 週別レポートのテーブル全体調整 */
#table-reserve_report_weekly {
    width: auto;
}
/* 週別レポートのカラム幅：「集計開始日」 */
#table-reserve_report_weekly td:nth-child(1) {
    width: 10em;
}
/* 週別レポートのカラム幅：「予約数（前週比）」「来店数（前週比）」「成約数（前週比）」 */
#table-reserve_report_weekly td:nth-child(2) ,
#table-reserve_report_weekly td:nth-child(3) ,
#table-reserve_report_weekly td:nth-child(4) {
    width: 12em;
}
/* 週別レポートのカラム幅：「成約金額（円）（前週比）」 */
#table-reserve_report_weekly td:nth-child(5) {
    width: 13em;
}
/* 週別レポートの割合表示部分 */
#table-reserve_report_weekly td span {
    width: 7em;
    display: inline-block;
    color: #999999;
}

/* 月別レポートのテーブル全体調整 */
#table-reserve_report_monthly {
    width: auto;
}
/* 月別レポートのカラム幅：「集計開始日」 */
#table-reserve_report_monthly td:nth-child(1) {
    width: 10em;
}
/* 月別レポートのカラム幅：「予約数（前週比）」「来店数（前週比）」「成約数（前週比）」 */
#table-reserve_report_monthly td:nth-child(2) ,
#table-reserve_report_monthly td:nth-child(3) ,
#table-reserve_report_monthly td:nth-child(4) {
    width: 12em;
}
/* 月別レポートのカラム幅：「成約金額（円）（前週比）」 */
#table-reserve_report_monthly td:nth-child(5) {
    width: 13em;
}
/* 月別レポートの割合表示部分 */
#table-reserve_report_monthly td span {
    width: 7em;
    display: inline-block;
    color: #999999;
}

/* 通常配信ごとの集客状況（全期間）のテーブル全体調整 */
#table-reserve_report_delivery {
    width: auto;
}
/* 通常配信ごとの集客状況（全期間）のカラム幅：「配信名」 */
#table-reserve_report_delivery td:nth-child(1) {
    width: 20em;
}
/* 通常配信ごとの集客状況（全期間）のカラム幅：「配信日」 */
#table-reserve_report_delivery td:nth-child(2) {
    width: 10em;
}
/* 通常配信ごとの集客状況（全期間）のカラム幅：「配信人数」「予約数」「来店数」「成約数」 */
#table-reserve_report_delivery td:nth-child(3) ,
#table-reserve_report_delivery td:nth-child(4) ,
#table-reserve_report_delivery td:nth-child(5) ,
#table-reserve_report_delivery td:nth-child(6) {
    width: 5em;
}

/* シナリオ配信ごとの集客状況（全期間）のテーブル全体調整 */
#table-reserve_report_scenario {
    width: auto;
}
/* シナリオ配信ごとの集客状況（全期間）のカラム幅：「配信名」 */
#table-reserve_report_scenario td:nth-child(1) {
    width: 20em;
}
/* シナリオ配信ごとの集客状況（全期間）のカラム幅：「配信回数」「配信人数」「予約数」「来店数」「成約数」 */
#table-reserve_report_scenario td:nth-child(2) ,
#table-reserve_report_scenario td:nth-child(3) ,
#table-reserve_report_scenario td:nth-child(4) ,
#table-reserve_report_scenario td:nth-child(5) ,
#table-reserve_report_scenario td:nth-child(6) {
    width: 5em;
}

/* 累計タブの内容を改修前と同じ幅に */
#tab-1_content {
    max-width: 1138px;
    margin: 0px auto;
}
/* 時系列タブの内容を改修前と同じ幅に */
#tab-2_content {
    max-width: 1138px;
    margin: 0px auto;
}