/*
//============================================================================================
// system name    : －－－－
// program name   : bAsLayout StyleSheet
// file name      : bAsLayout.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_FlexDirection: row;*/
    /* フレックス配置の主軸方向の子要素配置方法 */
    /*--bAs_FlexJustifyContent: normal;*/
    /* フレックス配置の副軸方向の子要素配置方法 */
    /*--bAs_FlexAlignItems: normal;*/
    /* フレックス配置の子要素間のギャップ（行間） */
    /*--bAs_FlexItem_RowGap: 0px;*/
    /* フレックス配置の子要素間のギャップ（列間） */
    /*--bAs_FlexItem_ColGap: 0px;
}*/
/* （変数定義）****************************** END */


/* 
--------------------------------------------------------------------- 
 Flex配置関連
--------------------------------------------------------------------- 
*/
/* 【Flex Boxレイアウト配置（並べる）】＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 子要素を 縦／横 任意の方向に配置 */
/*.bAs-FlexContainer {
    display: flex;
    flex-direction: var(--bAs_FlexDirection, row);
    justify-content: var(--bAs_FlexJustifyContent, normal);
    align-items: var(--bAs_FlexAlignItems, normal);
    row-gap: var(--bAs_FlexItem_RowGap, 0);
    column-gap: var(--bAs_FlexItem_ColGap, 0);
}*/

/* 【縦方向に配置（並べる）】＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 子要素を縦方向に配置〔正順＞上から下〕 */
/*.bAs-FlexCol {
    display: flex;
    flex-direction: column;
    justify-content: var(--bAs_FlexJustifyContent, normal);
    align-items: var(--bAs_FlexAlignItems, normal);
    row-gap: var(--bAs_FlexItem_Row_Gap, 0);
    column-gap: var(--bAs_FlexItem_Col_Gap, 0);
}*/
/* 子要素を縦方向に配置〔逆順＞下から上〕 */
/*.bAs-FlexCol-REV {
    display: flex;
    flex-direction: column-reverse;
    justify-content: var(--bAs_FlexJustifyContent, normal);
    align-items: var(--bAs_FlexAlignItems, normal);
    row-gap: var(--bAs_FlexItem_Row_Gap, 0);
    column-gap: var(--bAs_FlexItem_Col_Gap, 0);
}*/

/* 【横方向に配置（並べる）】＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 子要素を横方向に配置〔正順＞左から右〕 */
/*.bAs-FlexRow {
    display: flex;
    flex-direction: row;
    justify-content: var(--bAs_FlexJustifyContent, normal);
    align-items: var(--bAs_FlexAlignItems, normal);
    row-gap: var(--bAs_FlexItem_Row_Gap, 0);
    column-gap: var(--bAs_FlexItem_Col_Gap, 0);
}*/
/* 子要素を横方向に配置〔逆順＞右から左〕 */
/*.bAs-FlexRow-REV {
    display: flex;
    flex-direction: row-reverse;
    justify-content: var(--bAs_FlexJustifyContent, normal);
    align-items: var(--bAs_FlexAlignItems, normal);
    row-gap: var(--bAs_FlexItem_Row_Gap, 0);
    column-gap: var(--bAs_FlexItem_Col_Gap, 0);
}*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Flex Boxレイアウトで子要素を前方詰めするのを禁止する */
/*.bAs_FlexDIV_Not_AutoItemFillForward > * {
    flex: none;
}*/