/*
//============================================================================================
// system name    : －－－－
// program name   : bAsSubPage StyleSheet
// file name      : bAsSubPage.css
// summary        : bAsサブページ用スタイルシート
//--------------------------------------------------------------------------------------------
// author         : 👍bAs)Yoshi
// creation date  : 2024/10/21
// version        : 1.00
//--------------------------------------------------------------------------------------------
// change history : 2024/10/21 👍bAs)Yoshi 新規作成
// 
// Copyright 2024 bEST ANSWER's Inc.
//============================================================================================
*/

@charset "UTF-8";


/* ===================================================================== */
/* （変数定義）****************************** STA */
:root {
    /* サブページタイトルのフォントサイズ */
    --bAs_FontSize_SubPageTitle: 28px;
}
/* （変数定義）****************************** END */



.bAs-SubPageTitle {
    position: relative;
    height: 48px;
    background-color: darkorange;
}
    .bAs-SubPageTitle .bAs-SubPage-Title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: var(--bAs_FontSize_SubPageTitle);
    }
    .bAs-SubPageTitle .bAs-SubPage-BtnClose {
        position: absolute;
        width: 100px;
        height: 40px;
        top: 50%;
        right: 10px;
        transform: translate(0, -50%);
    }

/* 
--------------------------------------------------------------------------------------- 
 ダイアログ画面のコンテンツの大枠
--------------------------------------------------------------------------------------- 
*/
/*ダイアログ画面にQuickGridを使用する際、QuickGridの高さを親要素の高さにそろえる為に使用*/
.bAs-DialogBody {
    background-color: white;
    padding: 10px;
    /* FILL */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}