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

.border-0 {
  border: 0;
}
.border-1 {
  border: 1px var(--border-style, solid) var(--bd-color);
}
.border-2 {
  border: 2px var(--border-style, solid) var(--bd-color);
}
.border-3 {
  border: 3px var(--border-style, solid) var(--bd-color);
}
.border-4 {
  border: 4px var(--border-style, solid) var(--bd-color);
}
.border-6 {
  border: 6px var(--border-style, solid) var(--bd-color);
}

.border-t-0 {
  border-top: 0;
}
.border-t {
  border-top: 1px var(--border-style, solid) var(--bd-color);
}
.border-t-2 {
  border-top: 2px var(--border-style, solid) var(--bd-color);
}

.border-r-0 {
  border-right: 0;
}
.border-r {
  border-right: 1px var(--border-style, solid) var(--bd-color);
}
.border-r-2 {
  border-right: 2px var(--border-style, solid) var(--bd-color);
}

.border-b-0 {
  border-bottom: 0;
}
.border-b {
  border-bottom: 1px var(--border-style, solid) var(--bd-color);
}
.border-b-2 {
  border-bottom: 2px var(--border-style, solid) var(--bd-color);
}

.border-l-0 {
  border-left: 0;
}
.border-l {
  border-left: 1px var(--border-style, solid) var(--bd-color);
}
.border-l-2 {
  border-left: 2px var(--border-style, solid) var(--bd-color);
}

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

.last--border-b-0:first-child {
  border: 0;
}
.last--border-b:first-child {
  border-bottom: 1px var(--border-style, solid) var(--bd-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-48 {
  border-radius: 3rem;
}

.rounded-80 {
  border-radius: 5rem;
}

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

@media screen and (min-width: 1024px) {
  .lg--rounded-80 {
    border-radius: 5rem;
  }
}