@charset "utf-8";

/* =============================================
	style
============================================= */
.event-info{
  margin: 0 0 20px;
}
td .cell-note{
  margin-top: 5px;
  font-size: 0.9em;
  text-align: left;
}
.time-table {
  font-size: 1.5rem;
}

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

/* スマホ----------------------------- */
@media screen and (width <= 767px){
  .time-table div{
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
  }
  .time-table div:first-child{
    border-top: 1px solid #ccc;
  }
  .event-info__table tr td:nth-child(2)::before{
    content: '開催日程';
  }
  .event-info__table tr td:nth-child(3)::before{
    content: 'お問い合せ';
  }
  .event-info__table tr td:nth-child(4)::before{
    content: 'お申込み';
  }
  .event-info__table tr td:nth-child(5)::before{
    content: '案内チラシ（お申込み書付）';
  }
  .venue-name > span{
    position: relative;
    display: block;
    padding: 10px 15px 10px 20px;
    margin: -15px -15px 10px;
    font-weight: 600;
    color: #333;
    background-color: #f0efef;
  }
   .event-info__table tr td.venue-name::after{
    content: none;
  }

}

/* PC----------------------------- */
@media screen and (width >= 768px){
  .time-table div{
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
  }
  .time-table div:first-child{
    border-top: 1px solid #ccc;
  }
  .time-table div dt{
    width: 11em;
  }
  .time-table div dd{
    flex: 1;
  }
  .event-info__table tr td:nth-child(1){
    width: 40%;
  }
   .event-info__table tr td:nth-child(4){
    width: 14.5em;
  }
   .event-info__table--ttl :nth-child(5){
   width: 14.5em;
  }
}