@charset "UTF-8";
/**
 * Created Date: 2022-04-08 16:35:48
 * Author: 奥冨 菜月
 * -----
 * Last Modified: 2023-09-06 21:43:10
 * Modified By: 奥冨 菜月
 * -----
 * Copyright (c) 2022 FAIRWAY Corp.
 * -----
 * HISTORY:
 * Date               	By        	Comments
 * -------------------	----------	---------------------------------------------------------
 * -------------------	----------	---------------------------------------------------------
 */
/**
 * Created Date: 2022-02-09 12:47:10
 * Author: 奥冨 菜月
 * -----
 * Last Modified: 2025-07-17 15:03:53
 * Modified By: 奥冨 菜月
 * -----
 * Copyright (c) 2022 FAIRWAY Corp.
 * -----
 * HISTORY:
 * Date               	By        	Comments
 * -------------------	----------	---------------------------------------------------------
 * -------------------	----------	---------------------------------------------------------
 */
/*---------------------------------
  Google font
---------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=DotGothic16&family=Yomogi&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sigmar&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Squada+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Handlee&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik+Glitch&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap");
@font-face {
  font-family: "anton";
  src: url("../font/anton-v23-latin-regular.woff") format("woff"), url("../font/anton-v23-latin-regular.ttf") format("truetype");
}
/*---------------------------------
  カラーパレット
---------------------------------*/
/*---------------------------------
  mq（メディアクエリを呼び出す）
  $name
  $value
---------------------------------*/
/*---------------------------------
  白黒画像背景
  $url
  $coverColor
---------------------------------*/
/*---------------------------------
  影
---------------------------------*/
.shadow00 {
  box-shadow: none !important;
}

.shadow01 {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

.shadow02 {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/*---------------------------------
  page共通
---------------------------------*/
.alertBtn_Neutral-000 {
  padding: 16px 24px;
}
.alertBtn_Neutral-000 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(255, 255, 255, 0.4);
}
.alertBtn_Neutral-000 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Neutral-000 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(255, 255, 255, 0.8);
}

.alertBtn_Neutral-100 {
  padding: 16px 24px;
}
.alertBtn_Neutral-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(227, 225, 225, 0.4);
}
.alertBtn_Neutral-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Neutral-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(227, 225, 225, 0.8);
}

.alertBtn_Neutral-200 {
  padding: 16px 24px;
}
.alertBtn_Neutral-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(200, 195, 195, 0.4);
}
.alertBtn_Neutral-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Neutral-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(200, 195, 195, 0.8);
}

.alertBtn_Neutral-300 {
  padding: 16px 24px;
}
.alertBtn_Neutral-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(172, 165, 166, 0.4);
}
.alertBtn_Neutral-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Neutral-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(172, 165, 166, 0.8);
}

.alertBtn_Neutral-500 {
  padding: 16px 24px;
}
.alertBtn_Neutral-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(117, 105, 106, 0.4);
}
.alertBtn_Neutral-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Neutral-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(117, 105, 106, 0.8);
}

.alertBtn_Neutral-700 {
  padding: 16px 24px;
}
.alertBtn_Neutral-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(70, 63, 64, 0.4);
}
.alertBtn_Neutral-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Neutral-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(70, 63, 64, 0.8);
}

.alertBtn_Neutral-900 {
  padding: 16px 24px;
}
.alertBtn_Neutral-900 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(23, 21, 21, 0.4);
}
.alertBtn_Neutral-900 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Neutral-900 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(23, 21, 21, 0.8);
}

.alertBtn_Neutral-1000 {
  padding: 16px 24px;
}
.alertBtn_Neutral-1000 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(0, 0, 0, 0.4);
}
.alertBtn_Neutral-1000 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Neutral-1000 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(0, 0, 0, 0.8);
}

.alertBtn_Primary-100 {
  padding: 16px 24px;
}
.alertBtn_Primary-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(221, 143, 151, 0.4);
}
.alertBtn_Primary-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Primary-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(221, 143, 151, 0.8);
}

.alertBtn_Primary-200 {
  padding: 16px 24px;
}
.alertBtn_Primary-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(194, 110, 119, 0.4);
}
.alertBtn_Primary-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Primary-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(194, 110, 119, 0.8);
}

.alertBtn_Primary-300 {
  padding: 16px 24px;
}
.alertBtn_Primary-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(168, 78, 86, 0.4);
}
.alertBtn_Primary-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Primary-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(168, 78, 86, 0.8);
}

.alertBtn_Primary-500 {
  padding: 16px 24px;
}
.alertBtn_Primary-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(115, 12, 22, 0.4);
}
.alertBtn_Primary-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Primary-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(115, 12, 22, 0.8);
}

.alertBtn_Primary-700 {
  padding: 16px 24px;
}
.alertBtn_Primary-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(69, 7, 13, 0.4);
}
.alertBtn_Primary-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Primary-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(69, 7, 13, 0.8);
}

.alertBtn_Variant-100 {
  padding: 16px 24px;
}
.alertBtn_Variant-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(232, 222, 215, 0.4);
}
.alertBtn_Variant-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Variant-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(232, 222, 215, 0.8);
}

.alertBtn_Variant-200 {
  padding: 16px 24px;
}
.alertBtn_Variant-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(211, 191, 178, 0.4);
}
.alertBtn_Variant-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Variant-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(211, 191, 178, 0.8);
}

.alertBtn_Variant-300 {
  padding: 16px 24px;
}
.alertBtn_Variant-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(189, 159, 140, 0.4);
}
.alertBtn_Variant-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Variant-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(189, 159, 140, 0.8);
}

.alertBtn_Variant-500 {
  padding: 16px 24px;
}
.alertBtn_Variant-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(146, 97, 65, 0.4);
}
.alertBtn_Variant-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Variant-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(146, 97, 65, 0.8);
}

.alertBtn_Variant-700 {
  padding: 16px 24px;
}
.alertBtn_Variant-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(88, 58, 39, 0.4);
}
.alertBtn_Variant-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Variant-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(88, 58, 39, 0.8);
}

.alertBtn_Secondary-100 {
  padding: 16px 24px;
}
.alertBtn_Secondary-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(223, 225, 237, 0.4);
}
.alertBtn_Secondary-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Secondary-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(223, 225, 237, 0.8);
}

.alertBtn_Secondary-200 {
  padding: 16px 24px;
}
.alertBtn_Secondary-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(192, 194, 219, 0.4);
}
.alertBtn_Secondary-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Secondary-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(192, 194, 219, 0.8);
}

.alertBtn_Secondary-300 {
  padding: 16px 24px;
}
.alertBtn_Secondary-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(160, 164, 200, 0.4);
}
.alertBtn_Secondary-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Secondary-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(160, 164, 200, 0.8);
}

.alertBtn_Secondary-500 {
  padding: 16px 24px;
}
.alertBtn_Secondary-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(97, 103, 164, 0.4);
}
.alertBtn_Secondary-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Secondary-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(97, 103, 164, 0.8);
}

.alertBtn_Secondary-700 {
  padding: 16px 24px;
}
.alertBtn_Secondary-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(58, 62, 98, 0.4);
}
.alertBtn_Secondary-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Secondary-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(58, 62, 98, 0.8);
}

.alertBtn_Stream-100 {
  padding: 16px 24px;
}
.alertBtn_Stream-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(174, 188, 167, 0.4);
}
.alertBtn_Stream-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Stream-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(174, 188, 167, 0.8);
}

.alertBtn_Stream-200 {
  padding: 16px 24px;
}
.alertBtn_Stream-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(144, 159, 137, 0.4);
}
.alertBtn_Stream-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Stream-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(144, 159, 137, 0.8);
}

.alertBtn_Stream-300 {
  padding: 16px 24px;
}
.alertBtn_Stream-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(115, 130, 107, 0.4);
}
.alertBtn_Stream-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Stream-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(115, 130, 107, 0.8);
}

.alertBtn_Stream-500 {
  padding: 16px 24px;
}
.alertBtn_Stream-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(55, 72, 47, 0.4);
}
.alertBtn_Stream-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Stream-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(55, 72, 47, 0.8);
}

.alertBtn_Stream-700 {
  padding: 16px 24px;
}
.alertBtn_Stream-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(33, 43, 28, 0.4);
}
.alertBtn_Stream-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Stream-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(33, 43, 28, 0.8);
}

.alertBtn_Faz-100 {
  padding: 16px 24px;
}
.alertBtn_Faz-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(254, 229, 216, 0.4);
}
.alertBtn_Faz-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Faz-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(254, 229, 216, 0.8);
}

.alertBtn_Faz-200 {
  padding: 16px 24px;
}
.alertBtn_Faz-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(253, 203, 176, 0.4);
}
.alertBtn_Faz-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Faz-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(253, 203, 176, 0.8);
}

.alertBtn_Faz-300 {
  padding: 16px 24px;
}
.alertBtn_Faz-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(251, 177, 137, 0.4);
}
.alertBtn_Faz-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Faz-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(251, 177, 137, 0.8);
}

.alertBtn_Faz-500 {
  padding: 16px 24px;
}
.alertBtn_Faz-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(249, 125, 58, 0.4);
}
.alertBtn_Faz-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Faz-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(249, 125, 58, 0.8);
}

.alertBtn_Faz-700 {
  padding: 16px 24px;
}
.alertBtn_Faz-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(154, 77, 35, 0.4);
}
.alertBtn_Faz-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Faz-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(154, 77, 35, 0.8);
}

.alertBtn_Buz-100 {
  padding: 16px 24px;
}
.alertBtn_Buz-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(204, 209, 238, 0.4);
}
.alertBtn_Buz-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Buz-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(204, 209, 238, 0.8);
}

.alertBtn_Buz-200 {
  padding: 16px 24px;
}
.alertBtn_Buz-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(161, 169, 222, 0.4);
}
.alertBtn_Buz-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Buz-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(161, 169, 222, 0.8);
}

.alertBtn_Buz-300 {
  padding: 16px 24px;
}
.alertBtn_Buz-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(117, 130, 206, 0.4);
}
.alertBtn_Buz-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Buz-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(117, 130, 206, 0.8);
}

.alertBtn_Buz-500 {
  padding: 16px 24px;
}
.alertBtn_Buz-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(31, 51, 174, 0.4);
}
.alertBtn_Buz-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Buz-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(31, 51, 174, 0.8);
}

.alertBtn_Buz-700 {
  padding: 16px 24px;
}
.alertBtn_Buz-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(19, 31, 104, 0.4);
}
.alertBtn_Buz-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Buz-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(19, 31, 104, 0.8);
}

.alertBtn_Gas-100 {
  padding: 16px 24px;
}
.alertBtn_Gas-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(177, 223, 180, 0.4);
}
.alertBtn_Gas-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Gas-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(177, 223, 180, 0.8);
}

.alertBtn_Gas-200 {
  padding: 16px 24px;
}
.alertBtn_Gas-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(141, 201, 144, 0.4);
}
.alertBtn_Gas-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Gas-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(141, 201, 144, 0.8);
}

.alertBtn_Gas-300 {
  padding: 16px 24px;
}
.alertBtn_Gas-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(104, 178, 107, 0.4);
}
.alertBtn_Gas-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Gas-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(104, 178, 107, 0.8);
}

.alertBtn_Gas-500 {
  padding: 16px 24px;
}
.alertBtn_Gas-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(31, 133, 35, 0.4);
}
.alertBtn_Gas-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Gas-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(31, 133, 35, 0.8);
}

.alertBtn_Gas-700 {
  padding: 16px 24px;
}
.alertBtn_Gas-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(19, 80, 21, 0.4);
}
.alertBtn_Gas-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Gas-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(19, 80, 21, 0.8);
}

.alertBtn_Meg-100 {
  padding: 16px 24px;
}
.alertBtn_Meg-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(248, 214, 216, 0.4);
}
.alertBtn_Meg-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Meg-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(248, 214, 216, 0.8);
}

.alertBtn_Meg-200 {
  padding: 16px 24px;
}
.alertBtn_Meg-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(241, 174, 177, 0.4);
}
.alertBtn_Meg-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Meg-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(241, 174, 177, 0.8);
}

.alertBtn_Meg-300 {
  padding: 16px 24px;
}
.alertBtn_Meg-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(234, 133, 137, 0.4);
}
.alertBtn_Meg-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Meg-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(234, 133, 137, 0.8);
}

.alertBtn_Meg-500 {
  padding: 16px 24px;
}
.alertBtn_Meg-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(220, 52, 59, 0.4);
}
.alertBtn_Meg-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Meg-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(220, 52, 59, 0.8);
}

.alertBtn_Meg-700 {
  padding: 16px 24px;
}
.alertBtn_Meg-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(132, 31, 35, 0.4);
}
.alertBtn_Meg-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Meg-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(132, 31, 35, 0.8);
}

.alertBtn_Booster-100 {
  padding: 16px 24px;
}
.alertBtn_Booster-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(255, 241, 214, 0.4);
}
.alertBtn_Booster-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Booster-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(255, 241, 214, 0.8);
}

.alertBtn_Booster-200 {
  padding: 16px 24px;
}
.alertBtn_Booster-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(255, 227, 172, 0.4);
}
.alertBtn_Booster-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Booster-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(255, 227, 172, 0.8);
}

.alertBtn_Booster-300 {
  padding: 16px 24px;
}
.alertBtn_Booster-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(255, 213, 131, 0.4);
}
.alertBtn_Booster-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Booster-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(255, 213, 131, 0.8);
}

.alertBtn_Booster-500 {
  padding: 16px 24px;
}
.alertBtn_Booster-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(255, 185, 48, 0.4);
}
.alertBtn_Booster-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Booster-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(255, 185, 48, 0.8);
}

.alertBtn_Booster-700 {
  padding: 16px 24px;
}
.alertBtn_Booster-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(156, 113, 29, 0.4);
}
.alertBtn_Booster-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Booster-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(156, 113, 29, 0.8);
}

.alertBtn_Sol-100 {
  padding: 16px 24px;
}
.alertBtn_Sol-100 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(232, 218, 234, 0.4);
}
.alertBtn_Sol-100 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Sol-100 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(232, 218, 234, 0.8);
}

.alertBtn_Sol-200 {
  padding: 16px 24px;
}
.alertBtn_Sol-200 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(210, 182, 214, 0.4);
}
.alertBtn_Sol-200 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Sol-200 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(210, 182, 214, 0.8);
}

.alertBtn_Sol-300 {
  padding: 16px 24px;
}
.alertBtn_Sol-300 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(187, 145, 193, 0.4);
}
.alertBtn_Sol-300 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Sol-300 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(187, 145, 193, 0.8);
}

.alertBtn_Sol-500 {
  padding: 16px 24px;
}
.alertBtn_Sol-500 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(142, 72, 152, 0.4);
}
.alertBtn_Sol-500 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Sol-500 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(142, 72, 152, 0.8);
}

.alertBtn_Sol-700 {
  padding: 16px 24px;
}
.alertBtn_Sol-700 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(85, 43, 91, 0.4);
}
.alertBtn_Sol-700 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Sol-700 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(85, 43, 91, 0.8);
}

.alertBtn_base {
  padding: 16px 24px;
}
.alertBtn_base .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(236, 232, 225, 0.4);
}
.alertBtn_base .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_base .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(236, 232, 225, 0.8);
}

.alertBtn_main {
  padding: 16px 24px;
}
.alertBtn_main .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(15, 25, 35, 0.4);
}
.alertBtn_main .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_main .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(15, 25, 35, 0.8);
}

.alertBtn_accent {
  padding: 16px 24px;
}
.alertBtn_accent .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(255, 70, 85, 0.4);
}
.alertBtn_accent .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_accent .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(255, 70, 85, 0.8);
}

.alertBtn_white {
  padding: 16px 24px;
}
.alertBtn_white .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(255, 255, 255, 0.4);
}
.alertBtn_white .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_white .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(255, 255, 255, 0.8);
}

.alertBtn_black {
  padding: 16px 24px;
}
.alertBtn_black .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(13, 13, 13, 0.4);
}
.alertBtn_black .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_black .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(13, 13, 13, 0.8);
}

.alertBtn_deepBk {
  padding: 16px 24px;
}
.alertBtn_deepBk .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(38, 41, 44, 0.4);
}
.alertBtn_deepBk .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_deepBk .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(38, 41, 44, 0.8);
}

.alertBtn_lightBk {
  padding: 16px 24px;
}
.alertBtn_lightBk .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(79, 87, 94, 0.4);
}
.alertBtn_lightBk .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_lightBk .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(79, 87, 94, 0.8);
}

.alertBtn_grey {
  padding: 16px 24px;
}
.alertBtn_grey .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(127, 127, 127, 0.4);
}
.alertBtn_grey .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_grey .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(127, 127, 127, 0.8);
}

.alertBtn_mdGrey {
  padding: 16px 24px;
}
.alertBtn_mdGrey .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(170, 170, 170, 0.4);
}
.alertBtn_mdGrey .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_mdGrey .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(170, 170, 170, 0.8);
}

.alertBtn_lightGrey {
  padding: 16px 24px;
}
.alertBtn_lightGrey .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(204, 204, 204, 0.4);
}
.alertBtn_lightGrey .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_lightGrey .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(204, 204, 204, 0.8);
}

.alertBtn_ctb_red01 {
  padding: 16px 24px;
}
.alertBtn_ctb_red01 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(93, 9, 15, 0.4);
}
.alertBtn_ctb_red01 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_ctb_red01 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(93, 9, 15, 0.8);
}

.alertBtn_ctb_red02 {
  padding: 16px 24px;
}
.alertBtn_ctb_red02 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(115, 12, 22, 0.4);
}
.alertBtn_ctb_red02 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_ctb_red02 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(115, 12, 22, 0.8);
}

.alertBtn_ctb_red03 {
  padding: 16px 24px;
}
.alertBtn_ctb_red03 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(138, 10, 17, 0.4);
}
.alertBtn_ctb_red03 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_ctb_red03 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(138, 10, 17, 0.8);
}

.alertBtn_ctb_red04 {
  padding: 16px 24px;
}
.alertBtn_ctb_red04 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(182, 45, 65, 0.4);
}
.alertBtn_ctb_red04 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_ctb_red04 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(182, 45, 65, 0.8);
}

.alertBtn_ctb_red05 {
  padding: 16px 24px;
}
.alertBtn_ctb_red05 .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(218, 23, 37, 0.4);
}
.alertBtn_ctb_red05 .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_ctb_red05 .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(218, 23, 37, 0.8);
}

.alertBtn_faz {
  padding: 16px 24px;
}
.alertBtn_faz .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(243, 120, 16, 0.4);
}
.alertBtn_faz .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_faz .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(243, 120, 16, 0.8);
}

.alertBtn_buz {
  padding: 16px 24px;
}
.alertBtn_buz .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(57, 108, 223, 0.4);
}
.alertBtn_buz .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_buz .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(57, 108, 223, 0.8);
}

.alertBtn_gas {
  padding: 16px 24px;
}
.alertBtn_gas .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(35, 147, 85, 0.4);
}
.alertBtn_gas .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_gas .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(35, 147, 85, 0.8);
}

.alertBtn_meg {
  padding: 16px 24px;
}
.alertBtn_meg .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(198, 49, 52, 0.4);
}
.alertBtn_meg .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_meg .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(198, 49, 52, 0.8);
}

.alertBtn_booster {
  padding: 16px 24px;
}
.alertBtn_booster .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(245, 166, 66, 0.4);
}
.alertBtn_booster .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_booster .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(245, 166, 66, 0.8);
}

.alertBtn_sol {
  padding: 16px 24px;
}
.alertBtn_sol .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(142, 72, 152, 0.4);
}
.alertBtn_sol .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_sol .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(142, 72, 152, 0.8);
}

.alertBtn_grape {
  padding: 16px 24px;
}
.alertBtn_grape .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(79, 60, 116, 0.4);
}
.alertBtn_grape .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_grape .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(79, 60, 116, 0.8);
}

.alertBtn_yellow {
  padding: 16px 24px;
}
.alertBtn_yellow .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(218, 166, 44, 0.4);
}
.alertBtn_yellow .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_yellow .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(218, 166, 44, 0.8);
}

.alertBtn_gold {
  padding: 16px 24px;
}
.alertBtn_gold .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(191, 131, 23, 0.4);
}
.alertBtn_gold .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_gold .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(191, 131, 23, 0.8);
}

.alertBtn_wjbBlue {
  padding: 16px 24px;
}
.alertBtn_wjbBlue .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(67, 101, 139, 0.4);
}
.alertBtn_wjbBlue .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_wjbBlue .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(67, 101, 139, 0.8);
}

.alertBtn_line {
  padding: 16px 24px;
}
.alertBtn_line .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(0, 185, 0, 0.4);
}
.alertBtn_line .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_line .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(0, 185, 0, 0.8);
}

.alertBtn_facebook {
  padding: 16px 24px;
}
.alertBtn_facebook .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(24, 119, 242, 0.4);
}
.alertBtn_facebook .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_facebook .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(24, 119, 242, 0.8);
}

.alertBtn_twitter {
  padding: 16px 24px;
}
.alertBtn_twitter .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(29, 161, 242, 0.4);
}
.alertBtn_twitter .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_twitter .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(29, 161, 242, 0.8);
}

.alertBtn_youtube {
  padding: 16px 24px;
}
.alertBtn_youtube .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(218, 23, 37, 0.4);
}
.alertBtn_youtube .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_youtube .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(218, 23, 37, 0.8);
}

.alertBtn_pinterest {
  padding: 16px 24px;
}
.alertBtn_pinterest .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(189, 8, 28, 0.4);
}
.alertBtn_pinterest .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_pinterest .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(189, 8, 28, 0.8);
}

.alertBtn_skype {
  padding: 16px 24px;
}
.alertBtn_skype .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(0, 176, 240, 0.4);
}
.alertBtn_skype .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_skype .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(0, 176, 240, 0.8);
}

.alertBtn_twitch {
  padding: 16px 24px;
}
.alertBtn_twitch .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(100, 65, 165, 0.4);
}
.alertBtn_twitch .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_twitch .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(100, 65, 165, 0.8);
}

.alertBtn_discord {
  padding: 16px 24px;
}
.alertBtn_discord .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(88, 101, 242, 0.4);
}
.alertBtn_discord .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_discord .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(88, 101, 242, 0.8);
}

.alertBtn_minecraft {
  padding: 16px 24px;
}
.alertBtn_minecraft .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(104, 195, 57, 0.4);
}
.alertBtn_minecraft .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_minecraft .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(104, 195, 57, 0.8);
}

.alertBtn_tiktok {
  padding: 16px 24px;
}
.alertBtn_tiktok .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(254, 44, 85, 0.4);
}
.alertBtn_tiktok .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_tiktok .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(254, 44, 85, 0.8);
}

.alertBtn_Access {
  padding: 16px 24px;
}
.alertBtn_Access .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(164, 55, 58, 0.4);
}
.alertBtn_Access .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Access .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(164, 55, 58, 0.8);
}

.alertBtn_Excel {
  padding: 16px 24px;
}
.alertBtn_Excel .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(34, 116, 71, 0.4);
}
.alertBtn_Excel .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Excel .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(34, 116, 71, 0.8);
}

.alertBtn_Word {
  padding: 16px 24px;
}
.alertBtn_Word .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(42, 87, 154, 0.4);
}
.alertBtn_Word .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_Word .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(42, 87, 154, 0.8);
}

.alertBtn_PowerPoint {
  padding: 16px 24px;
}
.alertBtn_PowerPoint .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(183, 71, 42, 0.4);
}
.alertBtn_PowerPoint .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_PowerPoint .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(183, 71, 42, 0.8);
}

.alertBtn_OutLook {
  padding: 16px 24px;
}
.alertBtn_OutLook .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(1, 115, 199, 0.4);
}
.alertBtn_OutLook .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_OutLook .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(1, 115, 199, 0.8);
}

.alertBtn_OneNote {
  padding: 16px 24px;
}
.alertBtn_OneNote .btn {
  position: relative;
  display: inline-block;
  padding: 16px 24px !important;
  min-width: 50%;
  line-height: 1;
  border-radius: 0;
  color: #0f1923;
  background-color: rgba(128, 57, 123, 0.4);
}
.alertBtn_OneNote .btn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
.alertBtn_OneNote .btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(128, 57, 123, 0.8);
}

/*---------------------------------
  elements_detail
---------------------------------*/
#elements_detail {
  background-color: #0f1923;
}
#elements_detail #elements_article {
  /*--- ヘッダー ---*/
}
#elements_detail #elements_article .article_header {
  padding: 16px 0 !important;
}
#elements_detail #elements_article .article_header .banner img {
  max-width: 100%;
  max-height: 200px;
  border: 1px solid #4f575e;
}
#elements_detail #elements_article .article_header .disp_date .date {
  position: relative;
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid rgba(218, 166, 44, 0.3);
  background-color: rgba(236, 232, 225, 0.1);
  color: #7f7f7f;
  border-radius: 30px;
  font-size: 0.8rem;
}
#elements_detail #elements_article .article_header .disp_date .date.create_date::before {
  content: "投稿日";
  margin-right: 16px;
  color: #daa62c;
}
#elements_detail #elements_article .article_header .disp_date .date.update_date::before {
  content: "更新日";
  margin-right: 16px;
  color: #daa62c;
}
#elements_detail #elements_article .article_header .title {
  margin-top: 8px;
  margin-bottom: 16px;
  color: #ccc;
}
#elements_detail #elements_article .article_header .subtitle {
  position: relative;
  color: #4f575e;
  margin-top: 8px;
  padding-left: 40px;
}
#elements_detail #elements_article .article_header .subtitle::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 32px;
  height: 1px;
  background-color: #4f575e;
}
#elements_detail #elements_article .article_header .shortcut {
  margin-top: 24px;
}
#elements_detail #elements_article {
  /*--- コンテンツ ---*/
}
#elements_detail #elements_article #article_contents {
  padding: 40px 0 64px;
}
#elements_detail #elements_article #article_contents #elements_tab {
  margin-bottom: 8px;
}
#elements_detail #elements_article #article_contents #elements_tab.nav-tabs {
  border-bottom: 0;
}
#elements_detail #elements_article #article_contents #elements_tab.nav-tabs .nav-link {
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: 0.25rem;
  padding: 16px 16px 8px;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  color: #aaa;
}
#elements_detail #elements_article #article_contents #elements_tab.nav-tabs .nav-link.disabled {
  color: #4f575e;
}
#elements_detail #elements_article #article_contents #elements_tab.nav-tabs .nav-link.active {
  background-color: #ece8e1;
  color: #0f1923;
}
#elements_detail #elements_article #article_contents #elements_tab.nav-tabs .nav-link.active::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 8px);
  height: 8px;
  background-color: #B62D41;
  border-radius: 20px;
}
#elements_detail #elements_article #article_contents #elements_tab.nav-tabs .nav-link:hover:not(.active) {
  background-color: rgba(236, 232, 225, 0.4);
  color: #26292c;
}
#elements_detail #elements_article #article_contents #elements_tab.nav-tabs .nav-link:hover:not(.active)::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 8px);
  height: 8px;
  background-color: rgba(182, 45, 65, 0.4);
  border-radius: 20px;
}
#elements_detail #elements_article #article_contents .select_wrap {
  position: relative;
  margin-bottom: 8px;
  padding-top: 4px;
  overflow: hidden;
}
#elements_detail #elements_article #article_contents .select_wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #B62D41;
}
#elements_detail #elements_article #article_contents .select_wrap #elements_tabSelect {
  border: 0;
  border-radius: 0;
  background-color: #ece8e1;
  color: #0f1923;
}
#elements_detail #elements_article #article_contents .select_wrap #elements_tabSelect:focus {
  box-shadow: none;
}
#elements_detail #elements_article #article_contents .select_wrap #elements_tabSelect:focus-visible {
  outline: 0;
}
#elements_detail #elements_article #article_contents .select_wrap #elements_tabSelect option {
  background-color: #fff;
}
#elements_detail #elements_article #article_contents .select_wrap #elements_tabSelect option.disabled, #elements_detail #elements_article #article_contents .select_wrap #elements_tabSelect option:disabled {
  color: #ccc;
}
#elements_detail #elements_article #article_contents #elements_tabContent {
  background-color: #ece8e1;
  display: block;
  padding: 24px 40px;
}
@media screen and (max-width: 767px) {
  #elements_detail #elements_article #article_contents #elements_tabContent {
    padding: 24px 16px;
  }
}
#elements_detail #elements_article #article_contents #elements_tabContent .article_title {
  position: relative;
  background-color: #daa62c;
  color: #0f1923;
  margin-bottom: 16px;
  padding: 16px 24px;
  line-height: 1;
}
#elements_detail #elements_article #article_contents #elements_tabContent .article_title::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #0f1923;
}
@media screen and (max-width: 767px) {
  #elements_detail #elements_article #article_contents #elements_tabContent.ckeditor_article .sp_img_width_100 {
    width: 100%;
  }
}
#elements_detail #elements_article #article_contents #elements_tabContent.ckeditor_article .img_link a {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
#elements_detail #elements_article #article_contents #elements_tabContent.ckeditor_article .img_link a:hover {
  opacity: 0.5;
}
#elements_detail #elements_article #article_contents #elements_tabContent.ckeditor_article figure.table {
  display: block;
  width: 100%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  #elements_detail #elements_article #article_contents #elements_tabContent.ckeditor_article figure.table table {
    table-layout: auto !important;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #elements_detail #elements_article #article_contents #elements_tabContent.ckeditor_article figure.table.sp_vertical table tr:last-child td:last-child {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  #elements_detail #elements_article #article_contents #elements_tabContent.ckeditor_article figure.table.sp_vertical table tr th, #elements_detail #elements_article #article_contents #elements_tabContent.ckeditor_article figure.table.sp_vertical table tr td {
    border-bottom: none;
    display: block;
    width: 100% !important;
  }
}
#elements_detail #elements_article #article_contents #back_tab_position {
  margin-top: 32px;
  text-align: center;
}
#elements_detail #elements_entry {
  position: relative;
  background-color: #ece8e1;
  padding: 64px 0;
  text-align: center;
}
#elements_detail #elements_entry::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(57, 108, 223, 0.1);
}
#elements_detail #elements_entry .main_title {
  position: relative;
  background-color: #daa62c;
  color: #0f1923;
  margin: 0 0 16px;
  padding: 16px 24px;
}
#elements_detail #elements_entry .main_title::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #0f1923;
}
#elements_detail #elements_entry .message {
  margin-top: 8px;
  font-weight: bold;
  color: #B62D41;
}
#elements_detail #elements_entry .entry_contents {
  margin-top: 24px;
}
#elements_detail #elements_entry .entry_contents.origin_row {
  margin-right: -2px;
  margin-left: -2px;
}
#elements_detail #elements_entry .entry_contents.origin_row .origin_col {
  padding-right: 2px;
  padding-left: 2px;
  margin-top: 4px;
  min-height: 100%;
}
#elements_detail #elements_entry .entry_contents .grid_box {
  position: relative;
  color: #0f1923;
  background-color: rgba(127, 127, 127, 0.3);
  border-radius: 0;
  width: 100%;
  height: 100%;
  padding: 24px;
  min-height: 100%;
  z-index: 2;
}
#elements_detail #elements_entry .entry_contents .grid_box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #aaa;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  z-index: -1;
}
#elements_detail #elements_entry .entry_contents .grid_box .title {
  color: #4f3c74;
  margin: 0;
}
#elements_detail #elements_entry .entry_contents .grid_box .subtitle {
  color: #4f575e;
  margin-top: 24px;
}
#elements_detail #elements_entry .entry_contents .grid_box .sentence {
  color: #4f575e;
}
#elements_detail #elements_entry .entry_contents .grid_box .sentence.bold {
  font-weight: bold;
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_style01 {
  position: relative;
  color: #0f1923;
  border-radius: 0;
  padding: 16px 24px;
  width: 100%;
  line-height: 1;
  background-color: rgba(79, 87, 94, 0.4);
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_style01::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #4f575e;
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_style01:hover:not(.disabled):not(:disabled) {
  background-color: rgba(79, 87, 94, 0.8);
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_style02 {
  display: block;
  padding: 16px;
  border: 1px solid #4f575e;
  background-color: rgba(79, 87, 94, 0.2);
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_style02:hover:not(.disabled):not(:disabled) {
  background-color: rgba(79, 87, 94, 0.4);
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_style02 .icon {
  display: block;
  color: #4f575e;
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_style02 .txt {
  display: block;
  margin-top: 8px;
  color: #4f575e;
  font-weight: bold;
  font-size: 0.8rem;
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_style02.btn_style_sm {
  padding: 4px 16px;
  text-align: left;
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_style02.btn_style_sm + .btn_style_sm {
  margin-top: 8px;
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_style02.btn_style_sm .icon,
#elements_detail #elements_entry .entry_contents .grid_box .btn_style02.btn_style_sm .txt {
  display: inline-block;
  margin-top: 0;
}
#elements_detail #elements_entry .entry_contents .grid_box .btn.disabled, #elements_detail #elements_entry .entry_contents .grid_box .btn:disabled {
  opacity: 0.3;
}
#elements_detail #elements_entry .entry_contents .grid_box .btn_box {
  margin-top: 24px;
}
#elements_detail #elements_entry .entry_contents .grid_box {
  /*--- 各グリッドのスタイル ---*/
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_entry {
  background-color: rgba(170, 170, 170, 0.8);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_entry::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: -1;
  opacity: 0.06;
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='100' height='100' patternTransform='scale(2) rotate(25)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M92.4 11.82a1.2 1.2 0 011.11 1.74 6.47 6.47 0 0011.49 5.9 1.2 1.2 0 011.6-.52c.28.14.49.39.59.7.08.27.05.6-.1.88a8.78 8.78 0 01-5.14 4.36 8.79 8.79 0 01-11.1-5.7 8.79 8.79 0 01.54-6.72 1.17 1.17 0 011-.64zm-100 0a1.2 1.2 0 011.11 1.74 6.47 6.47 0 002.8 8.68 6.47 6.47 0 008.68-2.78 1.2 1.2 0 011.6-.52c.3.14.5.39.6.7.08.27.05.6-.1.88a8.77 8.77 0 01-5.14 4.36 8.8 8.8 0 01-11.1-5.7 8.79 8.79 0 01.54-6.72 1.17 1.17 0 011-.64zm61.5 15.26c1.84.06 3.58.76 4.98 1.99a1.08 1.08 0 01.34 1.01 1.09 1.09 0 01-.98.87c-.29.02-.56-.07-.78-.27a5.84 5.84 0 00-7.72 8.74 1.04 1.04 0 01.1 1.5c-.2.22-.45.35-.74.37-.28.02-.56-.08-.77-.27a7.92 7.92 0 01-2.68-5.48 7.92 7.92 0 017.46-8.45c.26-.02.53-.02.79-.01zm-7.18 23.34a9.42 9.42 0 11-1.32 18.66 9.4 9.4 0 011.32-18.66zm.06 1.78a7.62 7.62 0 10.47 15.24 7.62 7.62 0 00-.47-15.24zm-21.4 16.73l4.83 9.23-13.73 7.17-4.82-9.22z'  stroke-width='1' stroke='none' fill='hsla(258.5,59.4%,59.4%,1)'/><path d='M107.9 52.52c1.6 0 3-.98 3.78-2.61.54-1.13 1.47-1.8 2.5-1.8 1.04 0 1.98.67 2.51 1.8.78 1.64 2.2 2.6 3.8 2.6 1.59 0 3-.97 3.78-2.6.53-1.13 1.47-1.8 2.5-1.8.86 0 1.65.46 2.2 1.27.2.29.58.4.89.25h.02a.7.7 0 00.29-1.02 4.08 4.08 0 00-3.4-1.92c-1.6 0-3 .98-3.78 2.61-.54 1.12-1.48 1.8-2.5 1.8-1.04 0-1.98-.68-2.51-1.8-.78-1.64-2.2-2.6-3.8-2.6-1.59 0-3 .97-3.78 2.6-.53 1.12-1.47 1.8-2.5 1.8-1.04 0-1.97-.68-2.5-1.8-.78-1.64-2.2-2.6-3.8-2.6-1.58 0-3 .95-3.77 2.58a.74.74 0 00.25.94c.37.23.85.08 1.03-.3.53-1.12 1.47-1.8 2.5-1.8 1.04 0 1.97.68 2.5 1.8.77 1.63 2.2 2.6 3.79 2.6zm-.04-4.91c1.6 0 3.01-.98 3.79-2.61.53-1.13 1.47-1.8 2.5-1.8 1.04 0 1.97.67 2.5 1.8.78 1.64 2.2 2.6 3.8 2.6 1.6 0 3-.97 3.78-2.6.54-1.13 1.47-1.8 2.5-1.8 1.04 0 1.98.67 2.51 1.8a.72.72 0 001.3-.62c-.78-1.64-2.2-2.6-3.8-2.6-1.59 0-3 .97-3.78 2.6-.54 1.13-1.47 1.8-2.5 1.8-1.04 0-1.98-.67-2.51-1.8-.78-1.64-2.2-2.6-3.79-2.6-1.6 0-3.01.97-3.79 2.6-.53 1.13-1.47 1.8-2.5 1.8s-1.97-.67-2.5-1.8c-.78-1.64-2.2-2.6-3.8-2.6-1.59 0-3 .97-3.78 2.6a.72.72 0 001.3.62c.53-1.13 1.46-1.8 2.5-1.8 1.03 0 1.97.67 2.5 1.8.76 1.63 2.18 2.6 3.77 2.6zm-65-66.88L25.77-6.92 8.72 5.44l19.23 8.6 19.24 8.61L45.02 1.7zm0 100L25.77 93.08 8.72 105.44l19.23 8.6 19.24 8.61-2.17-20.96zM7.9 52.52c1.6 0 3-.98 3.78-2.61.54-1.13 1.47-1.8 2.5-1.8 1.04 0 1.98.67 2.51 1.8.78 1.64 2.2 2.6 3.8 2.6 1.59 0 3-.97 3.78-2.6.53-1.13 1.47-1.8 2.5-1.8.86 0 1.65.46 2.2 1.27.2.29.57.4.89.25h.02a.7.7 0 00.29-1.02 4.08 4.08 0 00-3.4-1.92c-1.6 0-3.01.98-3.78 2.61-.54 1.12-1.48 1.8-2.5 1.8-1.04 0-1.98-.68-2.51-1.8-.78-1.64-2.2-2.6-3.8-2.6-1.59 0-3 .97-3.78 2.6-.53 1.12-1.47 1.8-2.5 1.8-1.04 0-1.97-.68-2.5-1.8-.78-1.64-2.2-2.6-3.8-2.6-1.58 0-3 .95-3.77 2.58a.74.74 0 00.25.94c.37.23.85.08 1.03-.3.53-1.12 1.47-1.8 2.5-1.8 1.04 0 1.97.68 2.5 1.8.77 1.63 2.19 2.6 3.79 2.6zm-.04-4.91c1.6 0 3.01-.98 3.79-2.61.53-1.13 1.47-1.8 2.5-1.8 1.04 0 1.97.67 2.5 1.8.78 1.64 2.2 2.6 3.8 2.6 1.59 0 3-.97 3.78-2.6.54-1.13 1.47-1.8 2.5-1.8 1.04 0 1.98.67 2.51 1.8a.72.72 0 001.3-.62c-.78-1.64-2.2-2.6-3.8-2.6-1.59 0-3 .97-3.78 2.6-.54 1.13-1.47 1.8-2.5 1.8-1.04 0-1.98-.67-2.51-1.8-.78-1.64-2.2-2.6-3.79-2.6-1.6 0-3.01.97-3.79 2.6-.53 1.13-1.47 1.8-2.5 1.8s-1.97-.67-2.5-1.8c-.78-1.64-2.2-2.6-3.8-2.6-1.59 0-3 .97-3.78 2.6a.72.72 0 001.3.62c.53-1.13 1.46-1.8 2.5-1.8 1.03 0 1.97.67 2.5 1.8.76 1.63 2.17 2.6 3.77 2.6z'  stroke-width='1' stroke='none' fill='hsla(339.6,82.2%,51.6%,1)'/><path d='M53.04 81.06a2 2 0 003.95-.66 2 2 0 00-3.95.66zM14.89 63.92a3.28 3.28 0 004.63-4.63 3.28 3.28 0 00-4.63 0 3.26 3.26 0 000 4.63zm52.8-52.54a5.99 5.99 0 0011.8-1.97 5.99 5.99 0 00-11.8 1.97z'  stroke-width='1' stroke='none' fill='hsla(198.7,97.6%,48.4%,1)'/><path d='M80.37 64.6a13.58 13.58 0 11-1.14 27.15 13.58 13.58 0 011.14-27.14zM26.83 26.14l-1.67 4.77-1.68 4.78-3.3-3.84L16.9 28l4.97-.93zm54.32 15.72l1.76 4.73 1.78 4.74-4.99-.83-4.99-.84 3.22-3.9z'  stroke-width='1' stroke='none' fill='hsla(47,80.9%,61%,1)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_entry > .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #elements_detail #elements_entry .entry_contents .grid_box#grid_entry > .row {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
  }
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_entry .logo {
  width: 100%;
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_entry .btn_style01.entry_link_btn {
  position: relative;
  padding: 16px 24px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.5rem;
  text-align: left;
  z-index: 3;
  color: #26292c;
  background-color: rgba(243, 120, 16, 0.6);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_entry .btn_style01.entry_link_btn:hover:not(.disabled):not(:disabled) {
  background-color: rgba(243, 120, 16, 0.9);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_entry .btn_style01.entry_link_btn .btn_sil_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  z-index: 2;
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_entry .btn_style01.entry_link_btn .btn_sil_img img {
  position: absolute;
  top: -16px;
  right: -16px;
  height: calc(100% + 24px);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  opacity: 0.12;
  z-index: -1;
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_entry .btn_style01.entry_link_btn .btn_sil_img .fa-circle-chevron-right {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 24px;
  color: rgba(15, 25, 35, 0.3);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_about .btn_style02.about {
  background-color: rgba(218, 166, 44, 0.6);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_about .btn_style02.about:hover:not(.disabled):not(:disabled) {
  background-color: rgba(218, 166, 44, 0.8);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_about .btn_style02.teams {
  background-color: rgba(126, 115, 175, 0.6);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_about .btn_style02.teams:hover:not(.disabled):not(:disabled) {
  background-color: rgba(126, 115, 175, 0.8);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_discord {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: center;
          justify-content: center;
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_discord .icon {
  margin: 16px 0;
  font-size: 2rem;
  color: #5865f2;
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_discord .btn_style01.discord {
  background-color: rgba(88, 101, 242, 0.4);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_discord .btn_style01.discord:hover:not(.disabled):not(:disabled) {
  background-color: rgba(88, 101, 242, 0.8);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_before hr {
  border-color: #aaa;
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_before .btn_style02.youtube {
  background-color: rgba(218, 23, 37, 0.2);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_before .btn_style02.youtube:hover:not(.disabled):not(:disabled) {
  background-color: rgba(218, 23, 37, 0.4);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_before .btn_style02.doc {
  background-color: rgba(42, 87, 154, 0.2);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_before .btn_style02.doc:hover:not(.disabled):not(:disabled) {
  background-color: rgba(42, 87, 154, 0.4);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_message .sentence {
  margin-top: 24px;
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_message .btn_style01.twitter {
  background-color: rgba(29, 161, 242, 0.4);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_message .btn_style01.twitter:hover:not(.disabled):not(:disabled) {
  background-color: rgba(29, 161, 242, 0.8);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_message .btn_style01.news {
  background-color: rgba(35, 147, 85, 0.4);
}
#elements_detail #elements_entry .entry_contents .grid_box#grid_message .btn_style01.news:hover:not(.disabled):not(:disabled) {
  background-color: rgba(35, 147, 85, 0.8);
}/*# sourceMappingURL=elements_detail.css.map */