.c-event__event {
  max-width: 100%;
  min-width: 1000px;
  margin: 77px auto 50px;
}

.c-event__event.lazyloaded {
  background: url("/art-college/music/assets/img/pages/pc_top/bg_about.png") no-repeat;
  background-size: cover;
  background-position: center;
}
.Square721 {
  font-family: 'Square721 Ex BT', Arial, Helvetica, sans-serif;
}

.c-btn-arrow.u-arrow-v2 .c-btn-arrow__arrow.yellow-arrow {
  background: url("/art-college/music/assets/img/pages/pc/common/arrow_yellow.svg") no-repeat;
  background-color: #fff;
}

.c-event__event__header {
  position: relative;
}

.c-event__event__header img{
  display: block;
  margin: 0 auto -150px;
  width: 1063px;
}

.c-common-header-title {
  line-height: unset;
}

.c-event-upcoming-event {
  width: 776px;
  margin: 0 auto;
  margin-top: 100px;
}

.c-event-upcoming-event__title {
  height: 47px;
  line-height: 47px;
  font-size: 18px;
  border-radius: 20px;
}

.c-event-upcoming-event.pink .c-event-upcoming-event__title{
  color: #FC88CC;
  border: solid 1px #FC88CC;
}
.c-event-upcoming-event.orange .c-event-upcoming-event__title{
  color: #FFBB66;
  border: solid 1px #FFBB66;
}
.c-event-upcoming-event.blue .c-event-upcoming-event__title{
  color: #7799FF;
  border: solid 1px #7799FF;
}

.c-event-upcoming-event__row {
  width: 776px;
}

ul.upcoming-event-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 70px;
}

ul.upcoming-event-list li {
  position: relative;
  display: block;
  width: 360px;
  height: 522px;
  margin-right: 27px;
  margin-bottom: 40px;
  background-color: #ffffff;

  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.25);
  -moz-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.25);
  box-shadow: 0 4px 6px 0 rgba(0,0,0,0.25);
}

ul.upcoming-event-list.lazyloaded li.upcoming-soon {
  background: url("/art-college/music/assets/img/pages/pc/event/upcoming_soon.png") no-repeat;
  background-size: 360px 522px;
}

ul.upcoming-event-list li .upcoming-header{
  padding: 20px;
}

ul.upcoming-event-list li .upcoming-header p {
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  font-family: -apple-system, "Hiragino Sans", sans-serif;
}
ul.upcoming-event-list li .upcoming-header p.mt-20 {
  margin-top: 20px;
}

ul.upcoming-event-list li .upcoming-header p.small {
  font-size: 16px;
}

.c-event-upcoming-event.pink ul.upcoming-event-list li .upcoming-header{
  background-color:  #FC88CC;
}
.c-event-upcoming-event.orange ul.upcoming-event-list li .upcoming-header{
  background-color:  #FFBB66;
}
.c-event-upcoming-event.blue ul.upcoming-event-list li .upcoming-header{
  background: linear-gradient(to right, #7799FF, #a1fdf1);
}

ul.upcoming-event-list li .upcoming-header-since{
  height: 30px;
  line-height: 30px;
  width: 320px;
  background-color: #ffffff;
  font-size: 20px;
  border-radius: 20px;
}

.c-event-upcoming-event.pink ul.upcoming-event-list li .upcoming-header-since{
  color: #FC88CC;
  border: solid 1px #FC88CC;
  box-shadow: 0px 0px 2px rgba(121, 5, 115, 0.733);
}
.c-event-upcoming-event.orange ul.upcoming-event-list li .upcoming-header-since{
  color: #FFBB66;
  border: solid 1px #FFBB66;
  box-shadow: 0px 0px 2px rgba(168, 88, 13, 0.733);
}
.c-event-upcoming-event.blue ul.upcoming-event-list li .upcoming-header-since{
  color: #7799FF;
  border: solid 1px #7799FF;
  box-shadow: 0px 0px 2px rgba(13, 80, 168, 0.733);
}

.upcoming-header-since span:nth-child(1){
  font-size: 20px;
}
.upcoming-header-since span:nth-child(2){
  font-size: 16px;
}
.upcoming-header-since span:nth-child(3){
  font-size: 22px;
  font-weight: 600;
}
.upcoming-header-since span:nth-child(4){
  font-size: 16px;
}
.upcoming-header-since span:nth-child(5){
  font-size: 22px;
  font-weight: 600;
}
.upcoming-header-since span:nth-child(6){
  font-size: 16px;
}
.upcoming-header-since span:nth-child(7){
  font-size: 16px;
}
.upcoming-header-since span:nth-child(8){
  font-size: 22px;
  font-weight: 600;
}
.upcoming-header-since span:nth-child(9){
  font-size: 16px;
}


ul.upcoming-event-list li .upcoming-body{
  padding: 20px;
  font-size: 14px;
  text-align: left;
}

ul.upcoming-event-list li .upcoming-footer{
  padding: 20px;
  margin-top: -30px;
}

ul.upcoming-event-list li .upcoming-footer .c-feature-common__view-more {
  margin-top: -40px;
}

.c-event-report {
  max-width: 1280px;
  height: 480px;
  margin-top: 30px;
  margin: 0 auto;
}

.c-event-report.lazyloaded.pink  {
  background: url("/art-college/music/assets/img/pages/pc/event/event_report_bg_pink.png") no-repeat;
  background-size: 1280px 480px;
}
.c-event-report.lazyloaded.orange  {
  background: url("/art-college/music/assets/img/pages/pc/event/event_report_bg_orange.png") no-repeat;
  background-size: 1280px 480px;
}
.c-event-report.lazyloaded.blue  {
  background: url("/art-college/music/assets/img/pages/pc/event/event_report_bg_blue.png") no-repeat;
  background-size: 1280px 480px;
}

.c-event-report h3{
  font-size: 16px;
  text-align: center;
  padding: 50px;
}

.c-event-report h4{
  margin: 0 auto -20px;
  width: 880px;
  height: 47px;
  line-height: 47px;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
}

.c-event-report.pink h4 {
  background-color: #FF88CC;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.c-event-report.orange h4 {
  background-color: #FFBB66;
}
.c-event-report.blue h4 {
  background-color: #7799FF;
}

.c-event-report ul{
  width: 1010px;
  margin: 0 auto;
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.c-event-report li{
  width: 217px;
  height: 217px;
  margin-right: 10px;
}

.c-event-report li img{
  width: 217px;
  height: 217px;
}

.c-event-report .c-feature-common__view-more{
  margin-bottom: -20px;
}
.color-black {
  color:#000000;
}