@charset "UTF-8";

/* =================================
 要素初期化
 ================================= */
.all-zero {
  display: block;
  margin: 0;
  padding: 0;
}
/* =================================
 bootstrapのアイコン縁の線
 ================================= */
.icon-outline {
    -webkit-text-stroke: 1px black;
}
/* =================================
 幅
 ================================= */
.w-0 {
  width: 0%;
}
.w-20 {
  width: 20%;
}
.w-30 {
  width: 30%;
}
.w-35 {
  width: 35%;
}
.w-40 {
  width: 40%;
}
.w-45 {
  width: 45%;
}
.w-70 {
  width: 70%;
}
.w-90 {
  width: 90%;
}
.w-95 {
  width: 95%;
}
.w-98 {
  width: 98%;
}
/* =================================
 幅PX指定
 ================================= */
.w-50p {
  width: 50px;
}
.w-70p {
  width: 70px;
}
.w-150p {
    width:150px;
}
.w-200p {
    width:200px;
}
/* =================================
 高さ
 ================================= */
.h-80 {
  height: 80%;
}
.h-35p {
  height: 35px;
}
.h-30vh {
  height: 30vh;
}
.h-35vh {
  height: 35vh;
}
.h-40vh {
  height: 40vh;
}
/* =================================
 フォントサイズ
 ================================= */
.fs-7 {
  font-size: 0.75rem !important;
}
.fs-8 {
  font-size: 0.5rem !important;
}
.fs-9 {
  font-size: 0.25rem !important;
}
/* =================================
 マージンピクセル指定
 ================================= */
.m-2p {
  margin: 2px;
}
.mt-10p {
  margin-top: 10px;
}
.mt-20p {
  margin-top: 20px;
}
.mt-30p {
  margin-top: 30px;
}
.mb-10 {
    margin-bottom:10%;
}
.mx-10p {
  margin-left: 10px;
  margin-right: 10px;
}
.my-12p {
  margin-top: 12px;
  margin-bottom: 12px;
}
.mt-n1 {
    margin-top: -0.25rem;
}
.mt-n2 {
    margin-top: -0.5rem;
}
/* =================================
 Z-index
 ================================= */
.z-10 {
  z-index: 10;
}
.z-1099 {
  z-index: 1099;
}
.z-1100 {
  z-index: 1100;
}
/* =================================
 不透明度
 ================================= */
.opacity-half {
  opacity: 0.5;
}
.opacity-70 {
  opacity: 70%;
}
.opacity-90 {
  opacity: 90%;
}
/* =================================
 POSITION
 ================================= */
.top-80 {
    top:80%;
}
.top-90 {
    top:90%;
}
/* =================================
 ROUNDED(角丸)
 ================================= */
.rounded-top-left {
    border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-top-right {
    border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-right {
    border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-left {
    border-bottom-left-radius: var(--bs-border-radius) !important;
}
/* =================================
 背景色
 ================================= */
.bg-8bc166 {
  background-color: #8bc166;
}
.bg-666666 {
  background-color: #666666;
}
/* =================================
 文字色
 ================================= */
.text-black {
  color: #000000 !important;
}
.text-black-40 {
  color: #000000 !important;
  opacity: 0.4;
}
.text-red {
  color: #FF0000 !important;
}
.text-red-50 {
  color: #FF0000 !important;
  opacity: 0.5;
}
.text-red-90 {
  color: #FF0000 !important;
  opacity: 0.9;
}
.text-blue {
  color: #0000FF !important;
}
.text-938c8c {
  color: #938c8c;
}