@charset "utf-8";

/* =============================================
	style
============================================= */
.event-info{
  margin: 0 0 20px;
}
.guidance-cont-ttl--lv1 span{
  display: block;
  margin-bottom: 10px;
  font-size: 0.88em;
}
.guidance-cont-ttl--lv1{ 
  margin-top: 40px;
}
.event-ttl--lv2 + .guidance-cont-ttl--lv1{ 
  margin-top: 0;
}

/* ===========================================
	MediaQueries
=========================================== */

/* スマホ----------------------------- */
@media screen and (width <= 767px){
  .event-info__table tr{
    position: relative;
  }
  .event-info__table tr td:nth-last-child(2)::before{
    margin-top: 0;
  }
  .event-info__table tr.month-info{
    margin-top: 4.5em;
    
  }
  .event-info__table tr.month-info td:nth-child(1)::before{
    display: inline-block;
  }
  .event-info__table tr.month-info td:nth-child(1)::after{
    content: none;
  }
  .event-info__table tr.month-info td:nth-child(1){
    position: absolute;
    top: -3.2em;
    right: 0;
    left: 0;
    z-index: 10;
    padding: 10px 5px;
    background-color: #f0efef;
  }
  .event-info__table tr td:nth-child(1)::before{
    margin-top: 0;
    content: '開催月';
  }
  .event-info__table tr td:nth-last-child(2)::before{
    content: '開催日程';
  }
  .event-info__table tr td:nth-last-child(1)::before{
    content: '会場';
  }

}

/* PC----------------------------- */
@media screen and (width >= 768px){
  .event-info__table tr td:nth-last-child(3){
    width: 13%;
  }
  .event-info__table tr td:nth-last-child(2){
    width: 31%;
  }
  .event-info__table tr td:nth-last-child(1){
    width: auto;
  }
}