@charset "utf-8";

/*page title*/
.fair-ttl {
  width: 75.3%;
  margin: 0 auto 13%;
}

/* 各詳細リスト */
.fair__list {
  margin-bottom: 7.5%;
  border-bottom: 4px double #3c3c3c;
  padding-bottom: 3%;
}
.fair__list-comment {
  padding-left: 1em;
  text-indent: -1em;
  display: block;
}
.fair__list-tab {
  border-bottom: 4px double #3c3c3c;
  margin-bottom: 1.5%;
  padding-bottom: 5px;
}
.fair__list-tab ul{
  display: flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 970px;
  margin: 0 auto;
}
.fair__list-tab ul li{
  width: 13.5%;
  background-color: #a0a0a0;
}
.fair__list-tab ul li.fair-active{
  background-color: #eda1a1;
}
.fair__list-time {
  font-weight: 600;
  text-align: center;
  color: #3c3c3c;
  margin-bottom: 1.5%;
  font-size: 1.2857rem;
}
.fair__list-place {
  background-color: #333333;
  color: #fff;
  width: max-content;
  max-width: 16em;
  margin: 0 auto 1.5%;
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
  padding: 0 .5em;
}
.fair__list-toptxt {
  text-align: center;
  color: #3c3c3c;
  padding-bottom: 1%;
  border-bottom: 1px solid #3c3c3c;
  margin-bottom: 2%;
  font-size: 1.5714rem;
  font-weight: 600;
}
.fair__list-thum {
  width: 61.5%;
  margin: 0 auto 2.5%;
  max-height: 335px;
  max-width: 400px;
}
.fair__list-txt{
  font-size: 1rem;
  width: 85.3%;
  margin: 0 auto 12%;
  word-break: break-all;
}

/* list-table */
.fair__list-table {
  width: 53.8%;
  margin: 0 auto 6%;
  font-size: 1rem;
}
.fair__list-table tr{
  border: 1px solid #707070;
}
.fair__list-table th,
.fair__list-table td{
}
.fair__list-table th{
  background-color:#92dceb;
  width: 28.5%;
  font-weight: normal;
}
.fair__list-table td{
  padding-left: 0.5em;
  word-break: break-all;
}
.fair_list-btn {
  width: 81%;
  margin: 0 auto;
  display: block;
  padding: 0;
  background-color: #fff;
}
/* 非活性 */
.fair_list-btn.inactive {
  background: url(/fair/img/fair_btn-inactive.png) no-repeat;
  background-size: contain;
  cursor: not-allowed;
}
.fair_list-btn.inactive img {
  opacity: 0;
}
/***********************************************************************
 Tablet
***********************************************************************/
@media screen and (min-width:640px) {
  
  /*page title*/
  .fair-ttl {
    width: 50.25%;
    max-width: 396px;
    margin: 70px auto 50px;
  }
  .fair-ttl img{
    width: 100%;
  }
  
  /*fair__list*/
  .fair__list{
    border-bottom: none;
    padding-bottom: 0;
  }
  .fair__list-tab {
    margin-bottom: 5px;
  }
  .fair__list-time {
    text-align: center;
  }
  .fair__list-place {
    text-align: center;
    margin-bottom: 5px;
  }
  .fair__list-toptxt {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #707070;
    margin-bottom: 10px;
  }
  .fair__list-content {
    display: flex;
    padding-bottom: 10px;
    border-bottom: 4px double #707070;
    margin-bottom: 50px;
  }
  .fair__list-thum {
    width: 40.9%;
    margin: 0;
  }
  .fair__list-thum img{
    width: 100%;
  }
  .fair__list-r {
    width: 58%;
    padding: 0 10px 10px;
  }
  .fair__list-txt{
    margin-bottom: 20px;
  }
  
  /* list-table */
  .fair__list-table{
    width: 283px;
    margin: 0 auto 40px;
  }
  .fair__list-table th,
  .fair__list-table td{
    padding: 5px;
  }
  .fair__list-table th{
    background-color:#92dceb;
    width: 80px;
  }
  .fair_list-btn {
    padding: 0;
  }
  .fair_list-btn img{
    width: 100%;
    transition: opacity 0.3s linear;
    background-color: #fff;
  }
  
}/*end*/

/***********************************************************************
 PC & hover
***********************************************************************/
@media screen and (min-width:960px) {
   
  
  .fair__list-time {
    margin-bottom: 10px;
  }
  
  /*table*/
  .fair__list-table {
    width: 350px;
    margin-top: 8%;
  }
  
  .fair__list-r {
    position: relative;
  }
  .fair__list-txt {
    margin-bottom: 0;
    width: 97%;
  }
  
  /*btn*/
  .fair_list-btn {
    width: 91%;
    margin: 0 auto;
    background: url(/fair/img/fair_list-btn_on.png) no-repeat;
    background-size: 100% 78px;
    padding: 0;
  }
  .fair_list-btn img{
    height: 78px;
  }
  .fair_list-btn:hover img{
    opacity: 0;
  }
  
}/*end*/