@charset "UTF-8";

.simple-accordion .acc-header {
  background: #fff;
  padding: 16px 16px;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  border: 1px solid #111;
  border-right: none;
  border-left: none;
  display: flex;
  align-items:  center;
}
.simple-accordion .acc-item + .acc-item .acc-header{
  border-top: none;
}
.simple-accordion .acc-header .icon {
  position: absolute;
  right: 16px;
  font-size: 20px;
}

.simple-accordion .acc-body {
  display: none;
  padding: 30px 30px;
  border: 1px solid #111;
  border-top: none;
  background: #111;
}
.simple-accordion .acc-body h2,
.simple-accordion .acc-body h4,
.simple-accordion .acc-body h3,
.simple-accordion .acc-body em,
.simple-accordion .acc-body small,
.simple-accordion .acc-body span,
.simple-accordion .acc-body a,
.simple-accordion .acc-body p{
  color: #fff;
  font-size: 14px;
}
.simple-accordion .acc-body .t-red{
    color: #c0212a;
}
.simple-accordion .acc-body .t-large a,
.simple-accordion .acc-body .t-large span,
.simple-accordion .acc-body .t-large{
  font-size: 1.1rem;
}

.simple-accordion .acc-header.active + .acc-body {
  display: block;
}

.simple-accordion .acc-body .ph{
  text-align: center;
}

#ticket .simple-accordion{
  max-width: 900px;
  margin: 0 auto;
}


/***route*******/
.simple-accordion .acc-header.i-con{
    padding-left: 56px;
    }
.i-con{
  position: relative;

}
.i-con:before{
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 16px;
  top: calc((100% - 30px) /2);
} 

.i-con.i-plan:before{
  background: url(../img/common/i-plan.png)no-repeat;
  background-position: center;
  background-size: contain;
}
.i-con.i-train:before{
  background: url(../img/common/i-train.png)no-repeat;
  background-position: center;
  background-size: contain;
}
.i-con.i-bus:before{
  background: url(../img/common/i-bus.png)no-repeat;
  background-position: center;
  background-size: contain;
}
.i-con.i-car:before{
  background: url(../img/common/i-car.png)no-repeat;
  background-position: center;
  background-size: contain;
}
.acc-body .tx{
  margin-bottom: 30px;
}

#ticket-type .caution{
  padding: 20px 30px;
}
#ticket-type .caution h4{
  margin-bottom: 10px;
}
#ticket-type .caution p{
  font-size: 14px;
}

.acc-header .day.t-en{
  font-size: 24px;
}







@media screen and (max-width: 767px) {
  .simple-accordion .acc-body em,
  .simple-accordion .acc-body small,
  .simple-accordion .acc-body span,
  .simple-accordion .acc-body a,
  .simple-accordion .acc-body p{
    color: #fff;
    font-size: 10px;
  }
  .simple-accordion .acc-body .tx p{
    font-size: 14px;
  }
  .ticket-type td .t-bold{
    font-size: 14px;
  }

  .simple-accordion .acc-body .ph + p{
      margin-top: 20px;
  }
  .simple-accordion .acc-body {
      padding: 15px;
  }

  #ticket-type .caution {
      padding: 20px 0px;
  }
  #ticket-type .caution p {
    font-size: 12px;
  }
  .ticket-type th:nth-child(1){
    width: 7rem;
  }




}