@charset "UTF-8";
/*イベント関連CSS*/

.single .em-view-container .semi-area a {
    color: #fff!important;
    background-color: #727272!important;
    font-size: 15px;
    padding: 7px 0.5em;
    width: 5em;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin-right: 2em;
}
.single .em-view-container p.semi-date {
    font-size: 23px;
    color: #434242;
    display: flex;
}
.single .em-view-container p.semi-date .semi-week {
    font-size: 65%;
    margin-left: 0.3em;
}
.single .em-view-container p.semi-time {
    color: #7c7c7c;
    font-size: 96%;
}
.single .em-view-container p {
    margin-bottom: 0!important;
}
.single .em-view-container .semi-title {
    margin-right: 2em!important;
}
.single .em-view-container .semi-title a {
    color: #434242!important;
    font-weight: bold;
}
.single .em-view-container a.semi-more-btn {
    color: #fff!important;
    background-color: #9acd32!important;
    font-size: 13px;
    width: 8.5em;
    padding: 7px 0.5em;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
}
.single .em-view-container li.semi-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #d3d3d3;
    padding: 1.7em 0;
    margin-bottom: 0!important;
}
.single .em-view-container li.semi-list:first-of-type {
    padding-top: 0;
}
.single .em-view-container li.semi-list:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.single .event_cat_td ul.event-categories{
  margin: 0;
  padding: 0;
}
.single .event_cat_td ul.event-categories li{
  display: inline-block;
  margin-right: 10px;
}
/*.em-locations-list .location-title{
  height: 1em;
  display: block;
}
.em-locations-list .location-title a{
  display: block;
  position: absolute;
}
.em-locations-list .location-title a .has_events{
  margin-left: 100px;
}*/

div.semi-cat ul.event-categories{
  margin: 0!important;
  padding: 0;
}
div.semi-cat ul.event-categories li{
  display: inline-block;
  margin: 0!important;
}
div.semi-cat ul.event-categories li::after{
  content: "・";
  color: #9acd32!important;
}
div.semi-cat ul.event-categories li:last-child::after{
  content: "";
}


/* 過去のイベント一覧 */
#past_events .elementor-widget-container ul,
#upcoming_events .elementor-widget-container ul {
  padding-left: 0;
  margin-bottom: 0;
}
#past_events .semi-info-box,
#upcoming_events .semi-info-box{
    display: flex;
    align-items: center;
    margin-right: 1em;
    width: auto;
    min-width: 21em;
}
#past_events .semi-left-box,
#upcoming_events .semi-left-box{
    display: flex;
    align-items: center;
}

#past_events ul.seminar-box,
#upcoming_events ul.seminar-box{
    border: solid 1px #d3d3d3;
    border-radius: 10px;
}
#past_events .em.em-list,
#upcoming_events .em.em-list{
    padding: 20px 0;
    display: block;
}
#past_events .em.pixelbones .semi-area a,
#upcoming_events .semi-area a{
    color: #fff!important;
    background-color: #727272!important;
    font-size: 13px;
    padding: 7px 0.5em;
    width: 6em;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin-right: 1em;
    line-height: 1.3;
}

#past_events .semi-cat,
#upcoming_events .semi-cat {
  border: solid 1px #9acd32;
  padding: 0.1em 0.8em;
  border-radius: 100px;
  font-size: 14px;
  display: inline-block;
  margin-right: 1em!important;
}
#past_events .semi-cat a,
#upcoming_events .semi-cat a{
  color: #9acd32!important;
  padding-top: 1px;
}

#past_events .em.pixelbones p.semi-date,
#upcoming_events p.semi-date{
    font-size: 23px;
    color: #434242;
    display: flex;
    margin-bottom: 0.2em!important;
}
#past_events .em.pixelbones p.semi-date .semi-week,
#upcoming_events p.semi-date .semi-week{
    font-size: 65%;
    margin-left: 0.3em;
}
#past_events .em.pixelbones p.semi-time,
#upcoming_events p.semi-time{
    color: #7c7c7c;
    font-size: 96%;
}
#past_events .em.pixelbones p,
#upcoming_events p{
    margin-bottom: 0!important;
}
#past_events .em.pixelbones .semi-title,
#upcoming_events .semi-title{
    margin-right: 2em!important;
    max-width: 30em;
}
#past_events .em.pixelbones .semi-title a,
#upcoming_events .semi-title a{
    color: #434242!important;
    font-weight: bold;
}
#past_events .em.pixelbones a.semi-more-btn,
#upcoming_events a.semi-more-btn{
    color: #fff!important;
    background-color: #9acd32!important;
    font-size: 13px;
    width: 8.5em;
    padding: 7px 0.5em;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
}
#past_events .em.pixelbones li.semi-list,
#upcoming_events li.semi-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #d3d3d3;
    padding: 1.7em 0;
    margin-bottom: 0!important;
}
#past_events .em.pixelbones li.semi-list:first-of-type,
#upcoming_events li.semi-list:first-of-type{
    padding-top: 0;
}
#past_events .em.pixelbones li.semi-list:last-of-type,
#upcoming_events li.semi-list:last-of-type{
    border-bottom: none;
    padding-bottom: 0;
}

/*過去のイベント　ページネーション*/
#past_events .em .em-pagination{
  margin-top: 50px;
}
#past_events .em .em-pagination .page-numbers{
  padding-top: 0;
}
#past_events .em .em-pagination .page-numbers.next,
#past_events .em .em-pagination .page-numbers.prev{
  margin-top: -20px;
}
#past_events .em .em-pagination .not-current{
  overflow: visible;
}

.page-content .post-content .em-taxonomy-events h3{
  font-size: 18px!important;
}

@media(max-width:991px) {
    #past_events .semi-left-box,
    #upcoming_events .semi-left-box{
        display: block;
    }
    #past_events .semi-info-box,
    #upcoming_events .semi-info-box{
        width: 100%;
        min-width: auto;
    }
    #past_events .em.pixelbones .semi-title,
    #upcoming_events .em.pixelbones .semi-title{
        max-width: none;
    }
    #past_events .em.pixelbones li.semi-list,
    #upcoming_events li.semi-list{
        display: block;
    }
    #past_events .semi-info-box,#past_events .em.pixelbones .semi-title,
    #upcoming_events .semi-info-box,#upcoming_events .semi-title{
        margin-right: 0!important;
        margin-bottom: 0.7em!important;
    }
    #past_events .semi-more-btn-wrap,
    #upcoming_events .semi-more-btn-wrap{
        display: flex;
        justify-content: right;
    }
    #past_events .semi-date-box,
    #upcoming_events .semi-date-box{
        display: flex;
    }
}
@media(max-width:767px) {
    #past_events .em.em-list,
    #upcoming_events .em.em-list{
        padding: 1.5em;
    }
    #past_events .semi-left-box,
    #upcoming_events .semi-left-box{
        display: block;
    }
    #past_events .em.pixelbones p.semi-date,
    #upcoming_events p.semi-date{
        margin-right: 0.5em!important;   
        font-size: 21px;
    }
    #past_events .em.pixelbones .semi-area,#past_events .em.pixelbones .semi-cat,
    #upcoming_events .semi-area,#upcoming_events .semi-cat{
      display: inline-block;
    }
    #past_events .em.pixelbones .semi-area a,#past_events .em.pixelbones .semi-cat a,
    #upcoming_events .semi-area a,#upcoming_events .semi-cat a{
        font-size: 11px;
        padding: 5px 0.5em;
    }
    #past_events .em.pixelbones .semi-area a,
    #upcoming_events .semi-area a{
      margin-bottom: 5px;
    }
    #past_events .semi-info-box,
    #upcoming_events .semi-info-box{
        margin-bottom: 0.5em;
    }
    #past_events .em.pixelbones .semi-title a,
    #upcoming_events .semi-title a{
        font-size: 17px;
    }
    #past_events div.semi-cat ul.event-categories li,
    #upcoming_events div.semi-cat ul.event-categories li{
      display: inline-block;
      padding: 0;
    }


}
@media(max-width:500px) {
  #past_events .em.pixelbones .semi-cat a,
  #upcoming_events .em.pixelbones .semi-cat a{
    margin-right: 0;
  }
  #past_events .semi-info-box,
  #upcoming_events .semi-info-box{
      display: block;
  }
  #past_events .semi-date-box,
  #upcoming_events .semi-date-box{
    margin-top: 10px;
    display: block;
  }

}