/**
 * 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-full {
	border-radius: 9999px;
}