/*
//============================================================================================
// system name    : －－－－
// program name   : bAsGeneral StyleSheet
// file name      : bAsGeneral.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";


/* ===================================================================== */
/* 
--------------------------------------------------------------------- 
 bAs汎用定義スタイルシート
--------------------------------------------------------------------- 
*/

/* 【汎用 フォントサイズ】 font-size:@@px; */
/* --------------------------------------------------------------------- */
.bAs_F005 { font-size:   5px; }
.bAs_F006 { font-size:   6px; }
.bAs_F007 { font-size:   7px; }
.bAs_F008 { font-size:   8px; }
.bAs_F009 { font-size:   9px; }
.bAs_F010 { font-size:  10px; }
.bAs_F011 { font-size:  11px; }
.bAs_F012 { font-size:  12px; }
.bAs_F013 { font-size:  13px; }
.bAs_F014 { font-size:  14px; }
.bAs_F015 { font-size:  15px; }
.bAs_F016 { font-size:  16px; }
.bAs_F017 { font-size:  17px; }
.bAs_F018 { font-size:  18px; }
.bAs_F019 { font-size:  19px; }
.bAs_F020 { font-size:  20px; }
.bAs_F021 { font-size:  21px; }
.bAs_F022 { font-size:  22px; }
.bAs_F023 { font-size:  23px; }
.bAs_F024 { font-size:  24px; }
.bAs_F025 { font-size:  25px; }
.bAs_F026 { font-size:  26px; }
.bAs_F027 { font-size:  27px; }
.bAs_F028 { font-size:  28px; }
.bAs_F029 { font-size:  29px; }
.bAs_F030 { font-size:  30px; }
.bAs_F031 { font-size:  31px; }
.bAs_F032 { font-size:  32px; }
.bAs_F033 { font-size:  33px; }
.bAs_F034 { font-size:  34px; }
.bAs_F035 { font-size:  35px; }
.bAs_F036 { font-size:  36px; }
.bAs_F037 { font-size:  37px; }
.bAs_F038 { font-size:  38px; }
.bAs_F039 { font-size:  39px; }
.bAs_F040 { font-size:  40px; }
.bAs_F041 { font-size:  41px; }
.bAs_F042 { font-size:  42px; }
.bAs_F043 { font-size:  43px; }
.bAs_F044 { font-size:  44px; }
.bAs_F045 { font-size:  45px; }
.bAs_F046 { font-size:  46px; }
.bAs_F047 { font-size:  47px; }
.bAs_F048 { font-size:  48px; }
.bAs_F049 { font-size:  49px; }
.bAs_F050 { font-size:  50px; }
.bAs_F051 { font-size:  51px; }
.bAs_F052 { font-size:  52px; }
.bAs_F053 { font-size:  53px; }
.bAs_F054 { font-size:  54px; }
.bAs_F055 { font-size:  55px; }
.bAs_F056 { font-size:  56px; }
.bAs_F057 { font-size:  57px; }
.bAs_F058 { font-size:  58px; }
.bAs_F059 { font-size:  59px; }
.bAs_F060 { font-size:  60px; }
.bAs_F061 { font-size:  61px; }
.bAs_F062 { font-size:  62px; }
.bAs_F063 { font-size:  63px; }
.bAs_F064 { font-size:  64px; }
.bAs_F065 { font-size:  65px; }
.bAs_F066 { font-size:  66px; }
.bAs_F067 { font-size:  67px; }
.bAs_F068 { font-size:  68px; }
.bAs_F069 { font-size:  69px; }
.bAs_F070 { font-size:  70px; }
.bAs_F071 { font-size:  71px; }
.bAs_F072 { font-size:  72px; }
.bAs_F073 { font-size:  73px; }
.bAs_F074 { font-size:  74px; }
.bAs_F075 { font-size:  75px; }
.bAs_F076 { font-size:  76px; }
.bAs_F077 { font-size:  77px; }
.bAs_F078 { font-size:  78px; }
.bAs_F079 { font-size:  79px; }
.bAs_F080 { font-size:  80px; }
.bAs_F085 { font-size:  85px; }
.bAs_F090 { font-size:  90px; }
.bAs_F095 { font-size:  95px; }
.bAs_F100 { font-size:  100px; }
.bAs_F105 { font-size:  105px; }
.bAs_F110 { font-size:  110px; }
.bAs_F115 { font-size:  115px; }
.bAs_F120 { font-size:  120px; }
.bAs_F125 { font-size:  125px; }
.bAs_F130 { font-size:  130px; }


/* 【汎用 幅定義】 width:@@px; */
/* --------------------------------------------------------------------- */
.bAs_W_Fill { min-width: 100%; max-width:100%; }
.bAs_W_Fill_Scroll_X {  min-width: 100%; max-width:100%;   overflow-x: auto;}
.bAs_W_Auto { width:   auto; }
.bAs_W005 { min-width:   5px; max-width:   5px; }
.bAs_W010 { min-width:  10px; max-width:  10px; }
.bAs_W015 { min-width:  15px; max-width:  15px; }
.bAs_W020 { min-width:  20px; max-width:  20px; }
.bAs_W025 { min-width:  25px; max-width:  25px; }
.bAs_W030 { min-width:  30px; max-width:  30px; }
.bAs_W035 { min-width:  35px; max-width:  35px; }
.bAs_W040 { min-width:  40px; max-width:  40px; }
.bAs_W045 { min-width:  45px; max-width:  45px; }
.bAs_W050 { min-width:  50px; max-width:  50px; }
.bAs_W055 { min-width:  55px; max-width:  55px; }
.bAs_W060 { min-width:  60px; max-width:  60px; }
.bAs_W065 { min-width:  65px; max-width:  65px; }
.bAs_W070 { min-width:  70px; max-width:  70px; }
.bAs_W075 { min-width:  75px; max-width:  75px; }
.bAs_W080 { min-width:  80px; max-width:  80px; }
.bAs_W085 { min-width:  85px; max-width:  85px; }
.bAs_W090 { min-width:  90px; max-width:  90px; }
.bAs_W095 { min-width:  95px; max-width:  95px; }
.bAs_W100 { min-width: 100px; max-width: 100px; }
.bAs_W105 { min-width: 105px; max-width: 105px; }
.bAs_W110 { min-width: 110px; max-width: 110px; }
.bAs_W115 { min-width: 115px; max-width: 115px; }
.bAs_W120 { min-width: 120px; max-width: 120px; }
.bAs_W125 { min-width: 125px; max-width: 125px; }
.bAs_W130 { min-width: 130px; max-width: 130px; }
.bAs_W135 { min-width: 135px; max-width: 135px; }
.bAs_W140 { min-width: 140px; max-width: 140px; }
.bAs_W145 { min-width: 145px; max-width: 145px; }
.bAs_W150 { min-width: 150px; max-width: 150px; }
.bAs_W155 { min-width: 155px; max-width: 155px; }
.bAs_W160 { min-width: 160px; max-width: 160px; }
.bAs_W165 { min-width: 165px; max-width: 165px; }
.bAs_W170 { min-width: 170px; max-width: 170px; }
.bAs_W175 { min-width: 175px; max-width: 175px; }
.bAs_W180 { min-width: 180px; max-width: 180px; }
.bAs_W185 { min-width: 185px; max-width: 185px; }
.bAs_W190 { min-width: 190px; max-width: 190px; }
.bAs_W195 { min-width: 195px; max-width: 195px; }
.bAs_W200 { min-width: 200px; max-width: 200px; }
.bAs_W205 { min-width: 205px; max-width: 205px; }
.bAs_W210 { min-width: 210px; max-width: 210px; }
.bAs_W215 { min-width: 215px; max-width: 215px; }
.bAs_W220 { min-width: 220px; max-width: 220px; }
.bAs_W225 { min-width: 225px; max-width: 225px; }
.bAs_W230 { min-width: 230px; max-width: 230px; }
.bAs_W235 { min-width: 235px; max-width: 235px; }
.bAs_W240 { min-width: 240px; max-width: 240px; }
.bAs_W245 { min-width: 245px; max-width: 245px; }
.bAs_W250 { min-width: 250px; max-width: 250px; }
.bAs_W255 { min-width: 255px; max-width: 255px; }
.bAs_W260 { min-width: 260px; max-width: 260px; }
.bAs_W265 { min-width: 265px; max-width: 265px; }
.bAs_W270 { min-width: 270px; max-width: 270px; }
.bAs_W275 { min-width: 275px; max-width: 275px; }
.bAs_W280 { min-width: 280px; max-width: 280px; }
.bAs_W285 { min-width: 285px; max-width: 285px; }
.bAs_W290 { min-width: 290px; max-width: 290px; }
.bAs_W295 { min-width: 295px; max-width: 295px; }
.bAs_W300 { min-width: 300px; max-width: 300px; }
.bAs_W305 { min-width: 305px; max-width: 305px; }
.bAs_W310 { min-width: 310px; max-width: 310px; }
.bAs_W315 { min-width: 315px; max-width: 315px; }
.bAs_W320 { min-width: 320px; max-width: 320px; }
.bAs_W325 { min-width: 325px; max-width: 325px; }
.bAs_W330 { min-width: 330px; max-width: 330px; }
.bAs_W335 { min-width: 335px; max-width: 335px; }
.bAs_W340 { min-width: 340px; max-width: 340px; }
.bAs_W345 { min-width: 345px; max-width: 345px; }
.bAs_W350 { min-width: 350px; max-width: 350px; }
.bAs_W355 { min-width: 355px; max-width: 355px; }
.bAs_W360 { min-width: 360px; max-width: 360px; }
.bAs_W365 { min-width: 365px; max-width: 365px; }
.bAs_W370 { min-width: 370px; max-width: 370px; }
.bAs_W375 { min-width: 375px; max-width: 375px; }
.bAs_W380 { min-width: 380px; max-width: 380px; }
.bAs_W385 { min-width: 385px; max-width: 385px; }
.bAs_W390 { min-width: 390px; max-width: 390px; }
.bAs_W395 { min-width: 395px; max-width: 395px; }
.bAs_W400 { min-width: 400px; max-width: 400px; }
.bAs_W405 { min-width: 405px; max-width: 405px; }
.bAs_W410 { min-width: 410px; max-width: 410px; }
.bAs_W415 { min-width: 415px; max-width: 415px; }
.bAs_W420 { min-width: 420px; max-width: 420px; }
.bAs_W425 { min-width: 425px; max-width: 425px; }
.bAs_W430 { min-width: 430px; max-width: 430px; }
.bAs_W435 { min-width: 435px; max-width: 435px; }
.bAs_W440 { min-width: 440px; max-width: 440px; }
.bAs_W445 { min-width: 445px; max-width: 445px; }
.bAs_W450 { min-width: 450px; max-width: 450px; }
.bAs_W455 { min-width: 455px; max-width: 455px; }
.bAs_W460 { min-width: 460px; max-width: 460px; }
.bAs_W465 { min-width: 465px; max-width: 465px; }
.bAs_W470 { min-width: 470px; max-width: 470px; }
.bAs_W475 { min-width: 475px; max-width: 475px; }
.bAs_W480 { min-width: 480px; max-width: 480px; }
.bAs_W485 { min-width: 485px; max-width: 485px; }
.bAs_W490 { min-width: 490px; max-width: 490px; }
.bAs_W495 { min-width: 495px; max-width: 495px; }
.bAs_W500 { min-width: 500px; max-width: 500px; }
.bAs_W600 { min-width: 600px; max-width: 600px; }
.bAs_W650 { min-width: 650px; max-width: 650px; }
.bAs_W700 { min-width: 700px; max-width: 700px; }
.bAs_W750 { min-width: 750px; max-width: 750px; }


/* 【汎用 高さ定義】 height:@@px; */
/* --------------------------------------------------------------------- */
.bAs_H_Fill { height:   100%; }
.bAs_H_Fill_Scroll_Y { height: 100%;  overflow-y: auto;}
.bAs_H_Auto { height:   auto; }
.bAs_H005 { height:   5px; }
.bAs_H010 { height:  10px; }
.bAs_H015 { height:  15px; }
.bAs_H020 { height:  20px; }
.bAs_H025 { height:  25px; }
.bAs_H030 { height:  30px; }
.bAs_H035 { height:  35px; }
.bAs_H040 { height:  40px; }
.bAs_H045 { height:  45px; }
.bAs_H050 { height:  50px; }
.bAs_H055 { height:  55px; }
.bAs_H060 { height:  60px; }
.bAs_H065 { height:  65px; }
.bAs_H070 { height:  70px; }
.bAs_H075 { height:  75px; }
.bAs_H080 { height:  80px; }
.bAs_H085 { height:  85px; }
.bAs_H090 { height:  90px; }
.bAs_H095 { height:  95px; }
.bAs_H100 { height: 100px; }
.bAs_H105 { height: 105px; }
.bAs_H110 { height: 110px; }
.bAs_H115 { height: 115px; }
.bAs_H120 { height: 120px; }
.bAs_H125 { height: 125px; }
.bAs_H130 { height: 130px; }
.bAs_H135 { height: 135px; }
.bAs_H140 { height: 140px; }
.bAs_H145 { height: 145px; }
.bAs_H150 { height: 150px; }
.bAs_H155 { height: 155px; }
.bAs_H160 { height: 160px; }
.bAs_H165 { height: 165px; }
.bAs_H170 { height: 170px; }
.bAs_H175 { height: 175px; }
.bAs_H180 { height: 180px; }
.bAs_H185 { height: 185px; }
.bAs_H190 { height: 190px; }
.bAs_H195 { height: 195px; }
.bAs_H200 { height: 200px; }
.bAs_H205 { height: 205px; }
.bAs_H210 { height: 210px; }
.bAs_H215 { height: 215px; }
.bAs_H220 { height: 220px; }
.bAs_H225 { height: 225px; }
.bAs_H230 { height: 230px; }
.bAs_H235 { height: 235px; }
.bAs_H240 { height: 240px; }
.bAs_H245 { height: 245px; }
.bAs_H250 { height: 250px; }
.bAs_H255 { height: 255px; }
.bAs_H260 { height: 260px; }
.bAs_H265 { height: 265px; }
.bAs_H270 { height: 270px; }
.bAs_H275 { height: 275px; }
.bAs_H280 { height: 280px; }
.bAs_H285 { height: 285px; }
.bAs_H290 { height: 290px; }
.bAs_H295 { height: 295px; }
.bAs_H300 { height: 300px; }

/* --------------------------------------------------------------------- */

.bAs-H080vh{ height: 80vh; height: 80dvh;}
.bAs-H081vh{ height: 81vh; height: 81dvh;}
.bAs-H082vh{ height: 82vh; height: 82dvh;}
.bAs-H083vh{ height: 83vh; height: 83dvh;}
.bAs-H084vh{ height: 84vh; height: 84dvh;}
.bAs-H085vh{ height: 85vh; height: 85dvh;}
.bAs-H086vh{ height: 86vh; height: 86dvh;}
.bAs-H087vh{ height: 87vh; height: 87dvh;}
.bAs-H088vh{ height: 88vh; height: 88dvh;}
.bAs-H089vh{ height: 89vh; height: 89dvh;}
.bAs-H090vh{ height: 90vh; height: 90dvh;}
.bAs-H091vh{ height: 91vh; height: 91dvh;}
.bAs-H092vh{ height: 92vh; height: 92dvh;}
.bAs-H093vh{ height: 93vh; height: 93dvh;}
.bAs-H094vh{ height: 94vh; height: 94dvh;}
.bAs-H095vh{ height: 95vh; height: 95dvh;}
.bAs-H096vh{ height: 96vh; height: 96dvh;}
.bAs-H097vh{ height: 97vh; height: 97dvh;}
.bAs-H098vh{ height: 98vh; height: 98dvh;}
.bAs-H099vh{ height: 99vh; height: 99dvh;}
.bAs-H100vh{ height: 100vh; height: 100dvh;}

/* --------------------------------------------------------------------- */

.bAs-W080vw{ width: 80vw; width: 80dvw;}
.bAs-W081vw{ width: 81vw; width: 81dvw;}
.bAs-W082vw{ width: 82vw; width: 82dvw;}
.bAs-W083vw{ width: 83vw; width: 83dvw;}
.bAs-W084vw{ width: 84vw; width: 84dvw;}
.bAs-W085vw{ width: 85vw; width: 85dvw;}
.bAs-W086vw{ width: 86vw; width: 86dvw;}
.bAs-W087vw{ width: 87vw; width: 87dvw;}
.bAs-W088vw{ width: 88vw; width: 88dvw;}
.bAs-W089vw{ width: 89vw; width: 89dvw;}
.bAs-W090vw{ width: 90vw; width: 90dvw;}
.bAs-W091vw{ width: 91vw; width: 91dvw;}
.bAs-W092vw{ width: 92vw; width: 92dvw;}
.bAs-W093vw{ width: 93vw; width: 93dvw;}
.bAs-W094vw{ width: 94vw; width: 94dvw;}
.bAs-W095vw{ width: 95vw; width: 95dvw;}
.bAs-W096vw{ width: 96vw; width: 96dvw;}
.bAs-W097vw{ width: 97vw; width: 97dvw;}
.bAs-W098vw{ width: 98vw; width: 98dvw;}
.bAs-W099vw{ width: 99vw; width: 99dvw;}
.bAs-W100vw{ width: 100vw; width: 100dvw;}

/* 【汎用 色定義】 color:@@@; */
/* --------------------------------------------------------------------- */
.bAs_Color_Black { color: black; }
.bAs_Color_Dimgray { color: dimgray; }
.bAs_Color_Gray { color: gray; }
.bAs_Color_Darkgray { color: darkgray; }
.bAs_Color_Silver { color: silver; }
.bAs_Color_Lightgray { color: lightgray; }
.bAs_Color_Gainsboro { color: gainsboro; }
.bAs_Color_Whitesmoke { color: whitesmoke; }
.bAs_Color_White { color: white; }
/* ---------- */
.bAs_Color_Red { color: red; }
.bAs_Color_Crimson { color: crimson; }
.bAs_Color_Orangered { color: orangered; }
.bAs_Color_Tomato { color: tomato; }
.bAs_Color_Coral { color: coral; }
.bAs_Color_Lightsalmon { color: lightsalmon; }
.bAs_Color_Salmon { color: salmon; }
.bAs_Color_Lightcoral { color: lightcoral; }
/* ---------- */
.bAs_Color_Green { color: green; }
.bAs_Color_Darkgreen { color: darkgreen; }
.bAs_Color_Forestgreen { color: forestgreen; }
.bAs_Color_Seagreen { color: seagreen; }
.bAs_Color_Mediumseagreen { color: mediumseagreen; }
.bAs_Color_Mediumaquamarine { color: mediumaquamarine; }
.bAs_Color_Aquamarine { color: aquamarine; }
.bAs_Color_Palegreen { color: palegreen; }
.bAs_Color_Lightgreen { color: Lightgreen; }
.bAs_Color_Springgreen { color: springgreen; }
.bAs_Color_Lawngreen { color: lawngreen; }
.bAs_Color_Lime { color: lime; }
.bAs_Color_Limegreen { color: limegreen; }
.bAs_Color_Lightseagreen { color: lightseagreen; }
/* ---------- */
.bAs_Color_Blue { color: blue; }
.bAs_Color_Midnightblue { color: midnightblue; }
.bAs_Color_Navy { color: navy; }
.bAs_Color_Mediumblue { color: mediumblue; }
.bAs_Color_Steelblue { color: steelblue; }
.bAs_Color_Dodgerblue { color: dodgerblue; }
.bAs_Color_Royalblue { color: royalblue; }
.bAs_Color_Cornflowerblue { color: cornflowerblue; }
.bAs_Color_Deepskyblue { color: deepskyblue; }
.bAs_Color_Lightskyblue { color: lightskyblue; }
.bAs_Color_Skyblue { color: skyblue; }
.bAs_Color_Lightblue { color: lightblue; }
.bAs_Color_Powderblue { color: powderblue; }
.bAs_Color_Paleturquoise { color: paleturquoise; }
.bAs_Color_Lightcyan { color: lightcyan; }
.bAs_Color_Aqua { color: aqua; }
.bAs_Color_Turquoise { color: turquoise; }
.bAs_Color_Darkturquoise { color: darkturquoise; }
/* ---------- */
.bAs_Color_Pink { color: pink; }
.bAs_Color_Deeppink { color: deeppink; }
.bAs_Color_Hotpink { color: hotpink; }
.bAs_Color_Lightpink { color: lightpink; }
.bAs_Color_Magenta { color: magenta; }
.bAs_Color_Violet { color: violet; }
.bAs_Color_Plum { color: plum; }
.bAs_Color_Orchid { color: orchid; }
.bAs_Color_Mediumorchid { color: mediumorchid; }
.bAs_Color_Mediumvioletred { color: mediumvioletred; }
.bAs_Color_Darkviolet { color: darkviolet; }
.bAs_Color_Darkmagenta { color: darkmagenta; }
.bAs_Color_Indigo { color: indigo; }
.bAs_Color_Blueviolet { color: blueviolet; }
/* ---------- */
.bAs_Color_Yellow { color: yellow; }
.bAs_Color_Orange { color: orange; }
.bAs_Color_Gold { color: gold; }
.bAs_Color_Khaki { color: khaki; }
.bAs_Color_Sandybrown { color: sandybrown; }
.bAs_Color_Darkorange { color: darkorange; }
.bAs_Color_Chocolate { color: chocolate; }


/* 【汎用 背景色定義】 background-color:@@@; */
/* --------------------------------------------------------------------- */
.bAs_BG_White { background-color: white; }



/* 【汎用 表示定義】 display:@@@; */
/* --------------------------------------------------------------------- */
.bAs_Display_none {
    display: none !important;
}

.bAs_Display_block {
    display: block;
}

.bAs_Display_inline {
    display: inline;
}

.bAs_Display_inline-block {
    display: inline-block;
}

.bAs_Visibility_hidden {
    visibility: hidden;
}

.bAs_Visibility_visible {
    visibility: visible;
}


/* --------------------------------------------------------------------- */
.bAs_Centering_H {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* 水平方向に中央に配置 */
    /*transform: translate(-50%, -50%);*/
}

.bAs_Centering_V {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* 垂直方向に中央に配置 */
}

.bAs_TextAlign_L {
    text-align: left;
}

.bAs_TextAlign_C {
    text-align: center;
}

.bAs_TextAlign_R {
    text-align: right;
}

/* --------------------------------------------------------------------- */
.bAs-LineHeight-0_5{ line-height: 0.5;}
.bAs-LineHeight-1_0{ line-height: 1;}
.bAs-LineHeight-1_1{ line-height: 1.1;}
.bAs-LineHeight-1_2{ line-height: 1.2;}
.bAs-LineHeight-1_3{ line-height: 1.3;}
.bAs-LineHeight-1_4{ line-height: 1.4;}
.bAs-LineHeight-1_5{ line-height: 1.5;}
.bAs-LineHeight-1_6{ line-height: 1.6;}
.bAs-LineHeight-1_7{ line-height: 1.7;}
.bAs-LineHeight-1_8{ line-height: 1.8;}
.bAs-LineHeight-1_9{ line-height: 1.9;}
.bAs-LineHeight-2_0{ line-height: 2.0;}
.bAs-LineHeight-2_1{ line-height: 2.1;}
.bAs-LineHeight-2_2{ line-height: 2.2;}
.bAs-LineHeight-2_3{ line-height: 2.3;}
.bAs-LineHeight-2_4{ line-height: 2.4;}
.bAs-LineHeight-2_5{ line-height: 2.5;}

/* --------------------------------------------------------------------- */
.bAs_Opacity_10 {
    opacity: 1;
}

.bAs_Opacity_09 {
    opacity: 0.9;
}

.bAs_Opacity_08 {
    opacity: 0.8;
}

.bAs_Opacity_07 {
    opacity: 0.7;
}

.bAs_Opacity_06 {
    opacity: 0.6;
}

.bAs_Opacity_05 {
    opacity: 0.5;
}

.bAs_Opacity_04 {
    opacity: 0.4;
}

.bAs_Opacity_03 {
    opacity: 0.3;
}

.bAs_Opacity_02 {
    opacity: 0.2;
}

.bAs_Opacity_01 {
    opacity: 0.1;
}


/* 【汎用 Flex配置関連定義】 */
/* --------------------------------------------------------------------- */
/* フレックスコンテナ内のアイテム用　【flexコンテナに余白がある場合、その余白をflexアイテムに分配する】 */
.bAs_FlexItem_Fill {
    flex-grow: 1;
}
/* フレックスコンテナ内のアイテム用　【flexコンテナに余白がある場合、その余白をflexアイテムに分配する】 ＆　更にこの要素内の子要素が縦方向にはみ出る場合は縦(Y)スクロール */
.bAs_FlexItem_Fill_Scroll_Y {
    flex-grow: 1;
    overflow-y: auto;
    min-height: 0;
}
/* フレックスコンテナ内のアイテム用　【flexコンテナに余白がある場合、その余白をflexアイテムに分配する】 ＆　更にこの要素内の子要素が横方向にはみ出る場合は横(X)スクロール */
.bAs_FlexItem_Fill_Scroll_X {    /* 【未検証】 */
    flex-grow: 1;
    overflow-x: auto;
    min-width: 0;
}
/* フレックスコンテナ内のアイテム用　【flexコンテナに余白がある場合、その余白をflexアイテムに分配する】 ＆　更にこの要素内の子要素がはみ出る場合はスクロール */
.bAs_FlexItem_Fill_Scroll {     /* 【未検証】 */
    flex-grow: 1;
    overflow: auto;
    min-height: 0;
    min-width: 0;
}


/* 【その他】 */
/* --------------------------------------------------------------------- */
/* 要素のテキストを選択できないようにする */
.bAs_no-select {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select: none; /* Modern browsers */
    pointer-events: auto; /* クリック等のイベントは有効にする */
}