/**
 * Border
 * 枠線のスタイルを指定します。
 * 色はcolors.cssで指定された色を使用します。
 */
 .border-0 {
  border: 0;
}

.border-1 {
  border: 1px var(--border-style) var(--border-color);
}

.border-2 {
  border: 2px var(--border-style) var(--border-color);
}

.border-3 {
  border: 3px var(--border-style) var(--border-color);
}

.border-4 {
  border: 4px var(--border-style) var(--border-color);
}

.boder-5-pink{
  border-bottom: 5px solid #f73a46;
}

.border-6 {
  border: 6px var(--border-style) var(--border-color);
}

.border-t-0 {
  border-top: 0;
}

.border-t {
  border-top: 1px var(--border-style) var(--border-color);
}

.border-t-2 {
  border-top: 2px var(--border-style) var(--border-color);
}

.border-r-0 {
  border-right: 0;
}

.border-r {
  border-right: 1px var(--border-style) var(--border-color);
}

.border-r-2 {
  border-right: 2px var(--border-style) var(--border-color);
}

.border-b-0 {
  border-bottom: 0;
}

.border-b {
  border-bottom: 1px var(--border-style) var(--border-color);
}

.border-b-2 {
  border-bottom: 2px var(--border-style) var(--border-color);
}

.border-l-0 {
  border-left: 0;
}

.border-l {
  border-left: 1px var(--border-style) var(--border-color);
}

.border-l-2 {
  border-left: 2px var(--border-style) var(--border-color);
}

.border-y-8 {
  border-top: 8px var(--border-style) var(--border-color);
  border-bottom: 8px var(--border-style) var(--border-color);
}
.border-y-10 {
  border-top: 10px var(--border-style) var(--border-color);
  border-bottom: 10px var(--border-style) var(--border-color);
}

.first--border-t-0:first-child {
  border: 0;
}

.first--border-t:first-child {
  border-top: 1px var(--border-style) var(--border-color);
}

.last--border-b-0:first-child {
  border: 0;
}

.last--border-b:first-child {
  border-bottom: 1px var(--border-style) var(--border-color);
}

.border-solid {
  --border-style: solid;
}

.border-dashed {
  --border-style: dashed;
}

.border-dotted {
  --border-style: dotted;
}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1200px) {}

/**
 * Radius
 */
.rounded-0 {
  border-radius: 0;
}

.rounded-2 {
  border-radius: 0.125rem;
}

.rounded-4 {
  border-radius: 0.25rem;
}

.rounded-6 {
  border-radius: 0.375rem;
}

.rounded-8 {
  border-radius: 0.5rem;
}

.rounded-12 {
  border-radius: 0.75rem;
}

.rounded-16 {
  border-radius: 1rem;
}

.rounded-20 {
  border-radius: 1.25rem;
}

.rounded-24 {
  border-radius: 1.5rem;
}

.rounded-28 {
  border-radius: 1.75rem;
}

.rounded-32 {
  border-radius: 2rem;
}

.rounded-36 {
  border-radius: 2.25rem;
}

.rounded-40 {
  border-radius: 2.5rem;
}

.rounded-60 {
  border-radius: 3.75rem;
}

.rounded-full {
  border-radius: 9999px;
}


.rounded-br-32 {
  border-bottom-right-radius: 2rem;
}