/* base */
h1{
	color: #cccccc;
}
h2{
	color: #b11527;
}

#wk-actor h2, #wk-live h2, #wk-artwork h2, #wk-buyou h2 {
	color: #b11527;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	padding: 10px;
}
a {
	color: #b11527;
}
a:hover {
  color: #b77e85;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #770000;
	background-color: #ffffff !important;
	border-bottom: 1px solid #770000;
	border-radius: 0;
}
.nav-link {
	color: #770000;
}
.nav-link:hover, .nav-link:focus {
  color: #9d686f;
}
.table {
	border-color: #dee2e6;
}

.btn-primary {
	color: #fff;
	background-color: #b11527;
	border-color: #b11527;
}
.btn-primary:hover {
  color: #fff;
  background-color: #b77e85;
  border-color: #b77e85;
}
.color-red{
	color: #b11527;
}
.i-b{
	display: inline-block;
}
.form-control::placeholder {
  color: #cccccc;
  opacity: 1;
}

/* home */
.news-list{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

/* profile */
.profile-list{
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	border-bottom: 1px #ccc solid;
}

@media (max-width: 768px) {
	.profile-name{
		text-align: center;
	}
}

/* works */

.wk-content{
  justify-content: space-between !important;
}
@media (min-width: 768px) {
  .wk-content {
    display: flex !important;
  }
}

.wk-year{
	width: 60px;
}
.wk-list-cat{
	padding-left: 8em;
}
.wk-list-group{
	padding-left: 5em;
}
.live-list{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.event-title{
	font-weight: bold;
}
.event-date,.event-venue{
	display: inline-block;
}
@media (max-width: 768px) {
	.wk-list-cat{
		padding-left: 0;
	}
	.wk-list-group{
		padding-left: 0;
	}
}

#works h2{
	font-size: 1.4em;
}
#works h3{
	font-size: 1.2em;
	font-weight: bold;
}
#works h4{
	font-size: 1em;
	font-weight: bold;
}
.list-h3{
	padding-top: 2rem;
}
.list-h4{
	padding-top: 1.2rem;
}
#wk-actor,#wk-artwork,#wk-buyou{
	margin-top: 80px;
}
#wk-live{
	margin-top: 20px;
}

.work-title{
	padding-left: 0.5em;
}
.wk-position{
	padding-left: 0.5em;
	font-weight: bold;
}

@media (max-width: 768px) {
	#works h2{
		text-align: center;
	}
}