/*
//============================================================================================
// system name    : －－－－
// program name   : app_bAs.css
// file name      : app_bAs.css
// summary        : アプリケーション基本スタイルシート
//--------------------------------------------------------------------------------------------
// 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";

/* ===================================================================== */
/*
    #####################################################################
    最初にリセット用CSSを適用させる
    #####################################################################

*/

/*----------------------------------------
    #####################################################################
	リセットCSS-->【START】
    #####################################################################
----------------------------------------*/
*,
::before,
::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
}

* {
    font-size: inherit;
    line-height: inherit;
}

::before,
::after {
    text-decoration: inherit;
    vertical-align: inherit;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
main,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

/* スクロールできない場所での過剰なスクロール（バウンドエフェクト）を無効にする */
html, body {
    overscroll-behavior: none;
}

header,
footer,
article,
section,
aside,
main,
nav,
menu,
figure,
figcaption {
    display: block;
}

span,
small,
strong,
em,
b,
i {
    color: inherit;
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

li {
    list-style: none;
}

img {
    border: 0;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
}

input,
select {
    vertical-align: middle;
}

input,
textarea {
    margin: 0;
    padding: 0;
}

address {
    font-style: normal;
}

q::before,
q::after {
    display: none;
}
/*----------------------------------------
    #####################################################################
	リセットCSS-->【END】
    #####################################################################
----------------------------------------*/

/* ===================================================================== */
html {
}

body {
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    /*font-size: 16px;*/
    /*font-family: "Helvetica Neue", Helvetica, "Yu Gothic", "YuGothic", "Meiryo", "Roboto", Arial, sans-serif;*/
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Helvetica Neue', 'Helvetica', 'Yu Gothic', 'YuGothic', 'Roboto', 'Arial', sans-serif;
}

.layoutContainerMain {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
}





/* --------------------------------------------------------------------- */
button.bAsBTN,
input[type="button"],
input[type="submit"] {
    border: 1px solid gray;
    /*background: #49c0f0;*/
    border-radius: 5px;
    color: #fff;
    /*line-height: 50px;*/
    letter-spacing: 1px;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .7);
}

    button.bAsBTN:focus,
    input[type="button"]:focus,
    input[type="submit"]:focus {
        color: yellow;
        outline: 2px dashed yellow;
        box-shadow: 0px 0px 5px 3px dimgray;
        text-shadow: 2px 2px 3px #777777, -2px 2px 3px #777777, 2px -2px 3px #777777, -2px -2px 3px #777777, 2px 0px 3px #777777, 0px 2px 3px #777777, -2px 0px 3px #777777, 0px -2px 3px #777777;
    }

    button.bAsBTN:active,
    input[type="button"]:active,
    input[type="submit"]:active {
        color: yellow;
        outline: none !important;
        box-shadow: 0px 0px 5px 2px lightpink;
        text-shadow: 2px 2px 3px #CCCCCC, -2px 2px 3px #CCCCCC, 2px -2px 3px #CCCCCC, -2px -2px 3px #CCCCCC, 2px 0px 3px #CCCCCC, 0px 2px 3px #CCCCCC, -2px 0px 3px #CCCCCC, 0px -2px 3px #CCCCCC;
    }




/* --------------------------------------------------------------------- */
/*
.fc-license-message {
    display: none;
}
*/