@charset "UTF-8";




/**タブ切り替え************/
.mono #conte-09 .tab-wrap {
  max-width: 700px;
  margin: 0 auto;
  font-family: sans-serif;
}

.mono #conte-09 .tab-menu {
  display: flex;
  align-items:  center;  
  cursor: pointer;
}
.mono #conte-09 .tab-menu .tab small{
  font-size: 12px;
  letter-spacing: 0.5px;
}
.mono #conte-09 .tab-menu .tab {
  flex: 1;
  text-align: center;
  padding: 10px;
  background: #e4e4e4;
  transition: background 0.3s;
  border: 2px solid #111;
  border-bottom: none;
  border-radius: 0 16px 0 0;
  line-height: 1.2;
}
.mono #conte-09 .tab-menu .tab + .tab.active,
.mono #conte-09 .tab-menu .tab + .tab{
  border-left: none;
}
.mono #conte-09 .tab-menu .tab + .tab{
  padding-top: 20px;
  padding-bottom: 15px;
}


.mono #conte-09 .tab-menu .tab.active {
  background: #fff;
  font-weight: bold;
  border-bottom: none;
  color: #111;
}

.mono #conte-09 .tab-content-wrap {
  position: relative;
}

.mono #conte-09 .tab-content {
  display: none;
  padding: 40px 30px;
  background: #fff;
  border: 2px solid #111;
  animation: fadeIn 0.5s ease;
}

.mono #conte-09 .tab-content.active {
  display: block;
}
.mono #conte-09 .tab-wrap{
  margin-bottom: 30px;
}
.mono #conte-09 .tab-wrap + .mono-button{
margin-left: auto;
margin-right: auto;
width: 260px;
display: table;
}

table.none-border{
  border-collapse: separate;
  border-spacing: 6px;
}
.none-border dl dt{
  width: 6rem;
}
.none-border dd.jikoku{
  width: 5rem;
}
.t-bold th,
.t-bold td,
.none-border .time,
.none-border .t-tategaki,
.none-border dl dt,
.none-border dl dd{
  font-weight: bold;
  font-size: 20px;
}
.t-bold th,
.t-bold td{
  font-size: 16px;
}

.none-border dl{
  display: flex;
  align-items: center;
}
.tab-wrap .tx ul li,
.none-border dl small{
  font-size: 14px;
}
.none-border .t-tategaki{
  text-align: left;
}
.none-border .day{
  width: 180px;
}
.none-border .time{
  width: 5rem;
}
.tab-wrap table{
  padding-bottom: 10px;
  border-bottom: solid 1px #111;
  width: 100%;
}
.tab-wrap table + table{
  margin-top: 10px;
}
.tab-wrap table + .tx{
  margin-top: 20px;
}
.tab-wrap .tx ul li + li.t-bold{
  margin-top: 20px;
}
.tab-wrap .tx ul li.t-bold{
  font-size: 1rem;
  margin-bottom: 6px;
}
.tab-wrap .c-main{
  font-weight: bold;
}
.none-border .dd-long td{
  line-height: 1.4;
  font-size: 12px;
}



/**タブ切り替え#receive_tickets************/
.mono #receive_tickets .tab-wrap {
  max-width: 700px;
  margin: 0 auto;
  font-family: sans-serif;
}

.mono #receive_tickets .tab-menu {
  display: flex;
  align-items:  center;  
  cursor: pointer;
}
.mono #receive_tickets .tab-menu .tab small{
  font-size: 12px;
  letter-spacing: 0.5px;
}
.mono #receive_tickets .tab-menu .tab {
  flex: 1;
  text-align: center;
  padding:20px 10px ;
  background: #e4e4e4;
  transition: background 0.3s;
  border: 2px solid #111;
  border-bottom: none;
  border-radius: 0 16px 0 0;
  line-height: 1.2;
}
.mono #receive_tickets .tab-menu .tab + .tab.active,
.mono #receive_tickets .tab-menu .tab + .tab{
  border-left: none;
}



.mono #receive_tickets .tab-menu .tab.active {
  background: #fff;
  font-weight: bold;
  border-bottom: none;
  color: #111;
}

.mono #receive_tickets .tab-content-wrap {
  position: relative;
}

.mono #receive_tickets .tab-content {
  display: none;
  padding: 40px 30px;
  background: #fff;
  border: 2px solid #111;
  animation: fadeIn 0.5s ease;
}

.mono #receive_tickets .tab-content.active {
  display: block;
}
.mono #receive_tickets .tab-wrap{
  margin-bottom: 30px;
}
.mono #receive_tickets .tab-wrap + .mono-button{
margin-left: auto;
margin-right: auto;
width: 260px;
display: table;
}



@media screen and (max-width: 767px) {

  .tab-wrap .tx ul li {
      font-size: 11px;
      line-height: 1.4;
  }
  .tab-wrap .tx ul li .t-bold{
    font-size: 11px;
  }
  .none-border dl small,
  .tab-wrap .c-main{
      font-size: 11px;
  }
  .mono #conte-09 .tab-content {
      padding: 30px 20px;
  }
  .tab-wrap .tx ul li.t-bold {
      margin-top: 15px;
      font-size: 14px;
  }
  #receive_tickets .tab-wrap .tx ul li.t-bold {
      margin-top: 0;
    }
  #receive_tickets .tab-wrap .tx ul li + li.t-bold {
      margin-top: 15px;
    }
  .mono #receive_tickets .tab-menu .tab,
  .mono #conte-09 .tab-menu .tab{
    font-size: 14px;
  }
  .mono #receive_tickets .tab-menu .tab {
    padding: 15px 10px;
    }

  .mono .faq.open .faq-answer{
    font-size: 11px;
  }





}