@charset "utf-8";
.scheduleList .scheduleListUL>li{
  margin-bottom: 8px;
  border-bottom: 1px dotted #ccc;
  padding: 8px;
  display: block;
}
.scheduleList .categoryIcons{
  display: flex;
}
.scheduleList .categoryIcons li{
  font-size: 12px;
  margin-right: 8px;
  border-radius: 12px;
  padding: 2px 4px;
  color: #fff;
}
.scheduleList .categoryIcons li.categoryE{
  background-color: #ea6ca3;
}
.scheduleList .categoryIcons li.categoryS{
  background-color: #ffd700;
  color: #6f6760;
}
.scheduleList .categoryIcons li.categoryM{
  background-color: #009fe8;
}
.scheduleList .categoryIcons li.categoryK{
  background-color: #ea6ca3;
}
.scheduleList .categoryIcons li.categoryU{
  background-color: #6ceaae;
}
.scheduleList .categoryIcons li.categoryC{
  background-color: #ffd700;
  color: #6f6760;
}
.scheduleList .categoryIcons li.categoryD{
  background-color: #009fe8;
}
.scheduleList .categoryIcons li.categoryV{
  background-color: #e2007e;
}

.scheduleList dl{
  position: relative;
  padding-top: 16px;
}
.scheduleList dt{
  font-weight: bold;
  font-size: 24px;
  color: #303f38;
}
.scheduleList dt a{
  color: #303f38;
}
.scheduleList dt a:hover{
  text-decoration: underline;
}
.scheduleList .eventTerm{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
}
.scheduleList .eventPlace{
  font-size: 12px;
}

.scheduleList .eventNotice{
  margin-bottom: 0;
}
.scheduleList .eventNotice::before{
  content: "※";
}

/* トップページやページ内表示などの簡略版 */
.scheduleList.line{
  padding: 0;
}
.scheduleList.line li{
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #ccc;
}
.scheduleList.line li:last-of-type{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.scheduleList.line li li{
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1;
  border-bottom: none;
}
.scheduleList.line .categoryIcons.categoryIcons li{
  font-size: 12px;
  margin-right: 4px;
  padding: 0;
  background-color: transparent;
}
.scheduleList.line .categoryIcons.categoryIcons li::before{
  content: "●";
}
.scheduleList.line .categoryIcons li.categoryE{
  color: #ea6ca3;
}
.scheduleList.line .categoryIcons li.categoryS{
  color: #f4a929;
}
.scheduleList.line .categoryIcons li.categoryM{
  color: #009fe8;
}
.scheduleList.line .categoryIcons li.categoryE::before,
.scheduleList.line .categoryIcons li.categoryS::before,
.scheduleList.line .categoryIcons li.categoryM::before{
  content: "●";
}
.scheduleList.line .categoryIcons li.categoryK{
  color: #ea6ca3;
}
.scheduleList.line .categoryIcons li.categoryU{
  color: #6ceaae;
}
.scheduleList.line .categoryIcons li.categoryC{
  color: #f4a929;
}
.scheduleList.line .categoryIcons li.categoryD{
  color: #009fe8;
}
.scheduleList.line .categoryIcons li.categoryV{
  color: #e2007e;
}
.scheduleList.line .categoryIcons li.categoryK::before,
.scheduleList.line .categoryIcons li.categoryU::before,
.scheduleList.line .categoryIcons li.categoryC::before,
.scheduleList.line .categoryIcons li.categoryD::before,
.scheduleList.line .categoryIcons li.categoryV::before{
  content: "★";
}
.scheduleList.line .scheduleDetail .eventName{
  margin-bottom: 4px;
}
.scheduleList.line .scheduleDetail .eventName a:hover{
  text-decoration: underline;
}
.scheduleList.line .scheduleDetail .eventTermPlace{
  font-size: 12px;
}
.scheduleList.line .resultNotice{
  font-size: 12px;
  text-align: right;
  padding-right: 8px;
  width: 100%;
}
.scheduleList.line .resultNotice a{
  text-decoration: underline;
}
/* //トップページなどの簡略版 */

/* 下層の予定と実績 */
.subScheduleSection .scheduleList{
  display: flex;
  margin-bottom: 32px;
}
.subScheduleSection .scheduleList dt{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 176px;
  color: #FFF;
}
.subScheduleSection .scheduleList.schedule dt{
  background-color: #EB6EA5;
}
.subScheduleSection .scheduleList.result dt{
  background-color: #1C96D4;
}
.subScheduleSection .scheduleList dd{
  width: 100%;
  background-color: #EAEAEA;
  padding: 8px;
}
.subScheduleSection .toResult{
  margin-top: 8px;
  text-align: right;
  font-size: 12px;
}
.subScheduleSection .toResult a{
  color: #504934;
  text-decoration: underline;
}
.subScheduleSection .toResult a:hover{
  color: #5ECBC9;
}
/* //下層の予定と実績 */



/* タブレット以下 */
@media only screen and (max-width: 959px){
}/* このとじカッコは消さないこと */

/* スマホ以下 */
@media only screen and (max-width: 767px){
  .subScheduleSection .scheduleList{
    flex-direction: column;
  }
  .subScheduleSection .scheduleList dt{
    justify-content: flex-start;
    width: 100%;
    padding: 8px;
  }
}/* このとじカッコは消さないこと */
