main {
  color: #181818;
}

.btn {
  font-weight: normal;
  border-radius: 40px;
}

.btn-xs {
  padding: 3px 14px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 18px;
}

.btn-sm {
  border-radius: 24px;
}

.btn-md {
  border-radius: 40px;
}

.btn-ml {
  border-radius: 42px;
  max-height: 56px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn-lg {
  border-radius: 60px;
}

.btn-xl {
  border-radius: 80px;
}

.btn-secondary {
  background: #e73828;
  color: #ffffff;
}

.btn-outline-secondary {
  color: #e73828;
  border: 1px solid #e73828;
}

.btn-outline-gray {
  color: #666666;
  border: 1px solid #d2d2d2;
}

.btn-outline-gray:hover {
  border: 1px solid #fc3f55;
  color: #fc3f55;
  background-color: #ffffff;
}

.line-height-100 {
  line-height: 1 !important;
}

.line-height-125 {
  line-height: 1.25 !important;
}

.line-height-150 {
  line-height: 1.5 !important;
}

.line-height-175 {
  line-height: 1.75 !important;
}

.line-height-200 {
  line-height: 2 !important;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-20 {
  border-radius: 20px;
}

.text-primary {
  color: #181818;
}

.text-gray-1 {
  color: #888888;
}

.text-gray-2 {
  color: #555555;
}

.text-purple {
  color: #7635ff;
}

.text-blue {
  color: #1584fc;
}

.text-red {
  color: #ff2b3c;
}

.text-green {
  color: #13cfbb;
}

.btn-purple {
  background-color: #7635ff;
  color: #ffffff;
}

.btn-blue {
  background-color: #1584fc;
  color: #ffffff;
}

.btn-red {
  background-color: #ff2b3c;
  color: #ffffff;
}

.btn-green {
  background-color: #13cfbb;
  color: #ffffff;
}

.btn-orange {
  background-color: #ff762f;
  color: #ffffff;
}

/* 忙鈥撯€∶ε撀垛€γモ€÷好┡÷惷ㄢ€斅徝寂捗┞凰溍っλ溌�2猫隆艗 */
.text-overflow-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.text-underline {
  text-decoration: underline;
}

.text-seondary {
  color: #e73828;
}

/* 氓藛鈥犆┞÷� begin */
.page-link {
  width: 2rem;
  height: 2rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "MessinaSansWeb", -apple-system, blinkmacsystemfont, "Segoe UI",
    roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.page-link:focus {
  box-shadow: none;
}

.page-item.active .page-link {
  min-width: 2rem;
  min-height: 2rem;
  color: #fff;
  background-color: #e73828;
  border-color: #e73828;
}

/* 氓藛鈥犆┞÷� end */

.text-line-gradient {
  -webkit-background-clip: text;
  color: transparent;
}


.display-1 {
  font-size: 4.5rem;
}

.star-icon {
  width: 28px;
  margin-right: 10px;
}

@media (max-width: 768px) {
  .star-icon {
    width: 20px;
    margin-right: 7px;
  }
}

@media (max-width: 500px) {
  .star-icon {
    width: 16px;
    margin-right: 5px;
  }
}

/* codex氓颅鈥斆ぢ解€溍ヂぢヂ奥徝ㄢ€÷┾偓鈥毭ヂ衡€� */
@media (max-width: 1279px) {
  .display-1 {
    font-size: 3.5rem;
  }

  .display-3 {
    font-size: 2.5rem;
  }

  .display-4 {
    font-size: 2rem;
  }

  .font-size-super {
    font-size: 18px;
  }

  .font-size-huge {
    font-size: 16px;
  }

  .font-size-large {
    font-size: 14px;
  }

  .font-size-normal {
    font-size: 14px;
  }

  .lead {
    font-size: 24px;
  }

  main p {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .display-1 {
    font-size: 2.75rem;
  }

  .display-3 {
    font-size: 2.25rem;
  }

  .display-4 {
    font-size: 1.75rem;
  }

  h2,
  .h2 {
    font-size: 1.75rem;
  }

  .font-size-super {
    font-size: 16px;
  }

  .font-size-huge {
    font-size: 14px;
  }

  .font-size-large {
    font-size: 14px;
  }

  .lead {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .display-1 {
    font-size: 2rem;
  }

  .display-3 {
    font-size: 1.75rem;
  }

  .display-4 {
    font-size: 1.5rem;
  }

  h2,
  .h2 {
    font-size: 1.5rem;
  }

  .font-size-super {
    font-size: 12px;
  }

  .font-size-huge {
    font-size: 12px;
  }

  .font-size-large {
    font-size: 12px;
  }

  .font-size-normal {
    font-size: 12px;
  }

  .lead {
    font-size: 20px;
  }

  main p {
    font-size: 12px;
  }
}

/* codex氓颅鈥斆ぢ解€溍ヂぢヂ奥徝ㄢ€÷┾偓鈥毭ヂ衡€� */

/* 茅鈧€毭р€澛ぢ号�1280氓掳潞氓炉赂盲禄楼盲赂艩莽拧鈥�1氓鈧嵜モ€郝久寂捗Ｃモ€犅趁モ€郝久р€扳€∶р€澛泵ぢ号矫久铰ぢ衡€爉ax-width茂录拧100%氓聫藴忙篓隆莽鲁艩茅鈥斅┞⑺� */
@media (min-width: 1280px) {
  .img-xl-auto {
    max-width: initial;
  }
}

@media (min-width: 1600px) {
  .img-xxl-auto {
    max-width: initial;
  }
}