@charset "UTF-8";
/*===============================================
●mian.css 画面の横幅が770px以上
===============================================*/
@media screen and (min-width: 770px) {
  #page_title {
    background-image: url("../img/timetable/main_img.jpg");
    margin-bottom: 0;
  }
  #list_conts {
    width: 100%;
    float: left;
    clear: both;
  }
  #list_conts .auto {
    width: 776px;
  }
  #list_conts .encircle {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 84px;
  }
  #list_conts .encircle ul {
    margin-bottom: 12px;
  }
  #list_conts .encircle .day {
    font-size: 40px;
    margin-bottom: 15px;
    text-align: center;
  }
  #list_conts .encircle .day span {
    font-size: 21px;
  }
  #list_conts .encircle ul {
    border-top: 1px solid #262626;
  }
  #list_conts .encircle ul li {
    border-bottom: 1px solid #262626;
  }
  #list_conts .encircle ul li:nth-child(even) {
    background-color: #fafafa;
  }
  #list_conts .encircle ul li dl {
    width: 100%;
    display: table;
    padding: 22px 0 23px;
  }
  #list_conts .encircle ul li dt {
    width: 202px;
    text-align: center;
    font-size: 18px;
    display: table-cell;
    font-weight: bold;
  }
  #list_conts .encircle ul li dd {
    font-size: 16px;
    display: table-cell;
  }
  #list_conts .encircle ul span {
    background-color: #7dac29;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    padding: 2px 4px;
    margin-right: 6px;
    margin-top: 5px;
    float: left;
    clear: both;
  }
  #list_conts .caution_text {
    font-size: 13px;
    line-height: 20px;
  }
}
/*===============================================
●sp.css  画面の横幅が769pxまで（iPhone6 横向きまで）
===============================================*/
@media screen and (max-width:769px) {
  #page_title {
    background-image: url("../img/artist/main_img.jpg");
    background-position: left -343px top;
    margin-bottom: 0;
  }
  #list_conts {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 125px;
  }
  #list_conts .encircle {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 56px;
  }
  #list_conts .encircle:last-of-type {
    margin-bottom: 0;
  }
  #list_conts .encircle ul {
    margin-bottom: 12px;
  }
  #list_conts .encircle .day {
    font-size: 3rem;
    text-align: center;
  }
  #list_conts .encircle .day span {
    font-size: 1.8rem;
  }
  #list_conts .encircle ul {
    border-top: 1px solid #262626;
  }
  #list_conts .encircle ul li {
    border-bottom: 1px solid #262626;
  }
  #list_conts .encircle ul li:nth-child(even) {
    background-color: #fafafa;
  }
  #list_conts .encircle ul li dl {
    width: 100%;
    display: table;
    padding: 20px 0 21px;
  }
  #list_conts .encircle ul li dt {
    width: 26%;
    text-align: center;
    display: table-cell;
    font-weight: bold;
  }
  #list_conts .encircle ul li dd {
    display: table-cell;
    padding-right: 10px;
  }
  #list_conts .encircle ul span {
    background-color: #7dac29;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    padding: 2px 4px;
    margin-right: 6px;
    margin-top: 5px;
    float: left;
    clear: both;
  }
  #list_conts .caution_text {
    font-size: 1.3rem;
    line-height: 1.7;
  }
}