@charset "UTF-8";
/*-------------------------------------------------------------
Javascriptアラート用
-------------------------------------------------------------*/
.ui-st-alert-layer { background-color: rgba(239,237,234,0.8); height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 9999999; }
.ui-st-alert { box-shadow: 0px 3px 53px 0px rgba(0,0,0,0.16); padding: 30px; left: 0; right: 0; width: 86%; margin: auto; max-width: 480px; /*min-height: 120px;*/ background-color: #FFF; overflow: hidden; position: fixed; box-sizing: border-box; z-index: 9999999; }   
.ui-st-alert-message { padding-bottom: 20px; font-size: 15px; text-align: center; }
.ui-st-alert-message h3 { font-size: 14px; font-weight: normal; margin-bottom: 10px; }
.ui-st-alert-message label { display: inline-block; margin-right: 10px; }
.ui-st-alert-button { display: flex; justify-content: center; }
.ui-st-alert-button input[type="button"] { flex-grow: 0; flex-shrink: 0; flex-basis: 50%; height: 40px; border-radius: 20px; font-weight: normal; font-size: 16px; }
@media (max-width: 480px) {
  .ui-st-alert-message { padding-bottom: 15px; }
}

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通ボタン
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
共通
-------------------------------------------------------------*/
.btn { margin-left: 5px; position: relative; text-decoration: none !important; line-height: 1em; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; }
.btn:nth-of-type(1) { margin-left: 0; }
.btn i { margin-right: 5px; /*font-size: 1.3em;*/ }
.btn:hover { opacity: 0.7; }
input[type="button"] { line-height: 1em; overflow: visible; }
button { vertical-align: middle; position: relative; line-height: 1em; overflow: visible; }
button.btn { display: inline-block; }
button:disabled { cursor: default; }
input[type="submit"],
input[type="reset"],
input[type="file"],
input[type="button"],
button { cursor: pointer; }
input[disabled],
button[disabled],
.desabled { opacity: 1; cursor: default !important; background-color: #F5F6FA; }
input[type="submit"].btnMainFull,
input[type="reset"].btnMainFull,
input[type="button"].btnMainFull,
button.btnMainFull { display: block !important; }
input[type="submit"].btnSubFull,
input[type="reset"].btnSubFull,
input[type="button"].btnSubFull,
button.btnSubFull { display: block !important; }
input[type="submit"].btnSub2Full,
input[type="reset"].btnSub2Full,
input[type="button"].btnSub2Full,
button.btnSub2Full { display: block !important; }
input[type="submit"].btnSub3Full,
input[type="reset"].btnSub3Full,
input[type="button"].btnSub3Full,
button.btnSub3Full { display: block !important; }
input[type="submit"].btnDelFull,
input[type="reset"].btnDelFull,
input[type="button"].btnDelFull,
button.btnDelFull { display: block !important; }


/*-------------------------------------------------------------
カラーボタン
-------------------------------------------------------------*/
/*メインカラー*/
.btnMainFull { font-size: 1em; padding: 0 25px; height: 35px; width: 100%; box-sizing: border-box; color: #FFF; background-color: #63BCBC; }
.btnMainL { font-size: 1.1em; padding: 0 25px; height: 35px; color: #FFF; background-color: #63BCBC; }
.btnMainS { font-size: 1em; padding: 0 15px; height: 30px; color: #FFF; background-color: #63BCBC; }
.btnMainSL { font-size: 1em; padding: 0 40px; height: 30px; color: #FFF; background-color: #63BCBC; }
.btnMainSS { font-size: 1em; padding: 0 15px; height: 25px; color: #FFF; background-color: #63BCBC; }

/*サブカラー 1*/
.btnSubFull { font-size: 1em; padding: 0 25px; height: 35px; width: 100%; box-sizing: border-box; color: #FFF; background-color: #3B4043; }
.btnSubL { font-size: 1.1em; padding: 0 25px; height: 35px; color: #FFF; background-color: #3B4043; }
.btnSubSL { font-size: 1em; padding: 0 40px; height: 30px; color: #FFF; background-color: #3B4043; }
.btnSubS { font-size: 1em; padding: 0 15px; height: 30px; color: #FFF; background-color: #3B4043; }
.btnSubSS { font-size: 1em; padding: 0 15px; height: 25px; color: #FFF; background-color: #3B4043; }

/*サブカラー 2*/
.btnSub2Full { font-size: 1em; padding: 0 25px; height: 35px; width: 100%; box-sizing: border-box; color: #FFF; background-color: #82CB6C; }
.btnSub2L { font-size: 1.1em; padding: 0 25px; height: 35px; color: #FFF; background-color: #82CB6C; }
.btnSub2SL { font-size: 1em; padding: 0 40px; height: 30px; color: #FFF; background-color: #82CB6C; }
.btnSub2S { font-size: 1em; padding: 0 15px; height: 30px; color: #FFF; background-color: #82CB6C; }
.btnSub2SS { font-size: 1em; padding: 0 15px; height: 25px; color: #FFF; background-color: #82CB6C; }

/*サブカラー 3*/
.btnSub3Full { font-size: 1em; padding: 0 25px; height: 35px; width: 100%; box-sizing: border-box; color: #FFF; background-color: #AAA; }
.btnSub3L { font-size: 1.1em; padding: 0 25px; height: 35px; color: #FFF; background-color: #AAA; }
.btnSub3SL { font-size: 1em; padding: 0 40px; height: 30px; color: #FFF; background-color: #AAA; }
.btnSub3S { font-size: 1em; padding: 0 15px; height: 30px; color: #FFF; background-color: #AAA; }
.btnSub3SS { font-size: 1em; padding: 0 15px; height: 25px; color: #FFF; background-color: #AAA; }

/*削除ボタン*/
.btnDelFull { font-size: 1em; padding: 0 25px; height: 35px; width: 100%; box-sizing: border-box; color: #FFF; background-color: #FF6565; }
.btnDelL { font-size: 1.1em; padding: 0 25px; height: 35px; color: #FFF; background-color: #FF6565; }
.btnDelSL { font-size: 1em; padding: 0 40px; height: 30px; color: #FFF; background-color: #FF6565; }
.btnDelS { font-size: 1em; padding: 0 15px; height: 30px; margin-left: 10px; color: #FFF; background-color: #FF6565; }
.btnDelSS { font-size: 1em; padding: 0 15px; height: 25px; color: #FFF; background-color: #FF6565; }