@charset "UTF-8";

main{
    padding-top:65px;
    padding-bottom:30px;
    font-size:16px;
    font-weight:500;
}

    .midashi1 {
        padding:100px 0 70px;
    }
    
    .content {
        position:relative;
        margin:0 auto;
        padding:0 0 0;
        max-width:1000px;
        width:100%;
    }
        .content .inner {
            position:relative;
            margin:0 auto;
            width:100%;
        }
        
        .content .read {
            position:relative;
            margin:0 auto 40px;
            width:100%;
            text-align:center;
        }




@media screen and (max-width:999px) {
    main{
        padding-top:48px;
        padding-bottom:10vw;
        font-size:3.6vw;
        background-size:104px;
    }

        .midashi1 {
            padding:7.7vw 0 7.7vw;
        }
        
        .content {
            position:relative;
            margin:0 auto;
            padding:0 0 0;
            width:100%;
        }
            .content .inner {
                position:relative;
                margin:0 auto;
                width:90%;
            }

              .content .read {
                  margin:0 auto 6.7vw;
                  text-align:left;
              }
}



.TTkikaku {
  position:fixed;
  right:17px;
  top:80px;
  z-index:3;
  padding:10px;
  width:216px;
  background:#FFF;
  border:2px solid #FF6B01;
  border-radius:8px;
}
  .TTkikaku dl {
    width:100%;
  }
    .TTkikaku dt {
      display:block;
      margin-bottom:20px;
      padding:5px 0;
      width:100%;
      font-size:20px;
      color:#FFF;
      font-weight:bold;
      text-align:center;
      background:#FF6B01;
      border-radius:8px;
    }
    .TTkikaku dd {
      font-size:12px;
      line-height:1.2;
      text-align:center;
    }
      .TTkikaku dd img {
        margin-bottom:10px;
        width:120px;
      }
      .TTkikaku dd .ttl {
        margin-bottom:10px;
        font-size:120%;
        font-weight:bold;
        background:url("../img/timetable/ttl_bg.svg") center center no-repeat;
        background-size:auto 30px;
      }
      .TTkikaku dd .txt {
        padding:0 0 20px;
      }


@media screen and (max-width:999px) {
  .TTkikaku {
    position:relative;
    right:auto;
    top:auto;
    z-index:3;
    padding:0;
    width:100%;
  }
    .TTkikaku dl {
      display:flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      width:100%;
      overflow: hidden;
    }
      .TTkikaku dt {
        margin-bottom:10px;
        padding:5px 0;
        width:100%;
        font-size:3.6vw;
        border-radius:0;
      }
      .TTkikaku dd {
        padding:0 0 3vw;
        width:48%;
        font-size:2.8vw;
      }
        .TTkikaku dd img {
          margin-bottom:0;
          width:17vw;
        }
        .TTkikaku dd .ttl {
          display:flex;
          align-items: center;
          justify-content: center;
          margin-bottom:0;
          min-height:9vw;
          font-size:120%;
          font-weight:bold;
          background:url("../img/timetable/ttl_bg.svg") center center no-repeat;
          background-size:auto 80%;
        }
        .TTkikaku dd .txt {
          display:flex;
          align-items: center;
          justify-content: center;
          padding:0 0 0;
          min-height:7vw;
        }
}



.TTnav {
  position:fixed;
  right:0;
  top:608px;
  z-index:3;
  padding:10px;
  max-width: 250px;
  width:250px;
  background:#FFF;
  border-radius:50px;
}
  .TTnav ul {
    display:flex;
    justify-content: center;
  }
    .TTnav li {
      width:33.33%;
    }
      .TTnav li a,
      .TTnav li span {
          display:flex;
          align-items: center;
          justify-content: center;
          width:90%;
          height:70px;
          font-size:14px;
          font-family: "Poppins", serif;
          font-weight:bold;
          background:#EFE6DC;
          border-radius:50%;
      }
      .TTnav li a {
          color:#707070;
          border:5px solid #707070;
      }
      .TTnav li span {
          color:#FF6B01;
          border:5px solid #FF6B01;
      }


@media screen and (max-width:999px) {
  .TTnav {
    position:fixed;
    right:auto;
    left:2vw;
    top:auto;
    bottom:10px;
    padding:10px;
    width:200px;
  }
        .TTnav li a,
        .TTnav li span {
            height:53px;
            font-size:12px;
        }
        .TTnav li a {
            border:3px solid #707070;
        }
        .TTnav li span {
            border:3px solid #FF6B01;
        }
}



.TTcont {
  width:100%;
}

  .TTcont_wrap {
    overflow-y: hidden !important;
    overflow-x:auto;
    width:100%;
    height:100%;
  }
    .TTcont_inner {
      position:relative;
      width:100%;
    }

  .TTcont .time {
    padding-top:145px;
    width:100%;
    font-size:16px;
    font-family: "Poppins", serif;
    color:#FF6B01;
    line-height:1;
    font-weight:bold;
    letter-spacing:0.08em;
    text-align:left;
  }
    .TTcont .time ul {
      width:100%;
    }
      .TTcont .time li {
        position:relative;
        width:100%;
        height:222px;
      }
        .TTcont .time li:after {
          content:'';
          width:930px;
          position:absolute;
          right:0;
          top:6px;
          border:2px #FF6B01;
          border-bottom-style: dotted;
        }
        .TTcont .time li span {
          display:inline-block;
          width:60px;
          font-feature-settings: "palt";
          text-align:center;
        }
        
        
@media screen and (max-width:999px) {
      .TTcont_inner {
        position:relative;
        width:100%;
      }
        .TTcont .time {
          width:100%;
          font-size:11px;
        }
          .TTcont .time ul {
            width:100%;
          }
            .TTcont .time li {
            }
              .TTcont .time li:after {
                top:6px;
                width:87%;
              }
              .TTcont .time li span {
                padding-top: 1px;
                width:40px;
              }
}



    .day2 .TTcont_inner {
      width:1000px;
    }
        .day2 .TTcont .time li:after {
          width:930px;
        }
        
        
@media screen and (max-width:999px) {
      .day2 .TTcont_inner {
        position:relative;
        width:820px;
      }
          .day2 .TTcont .time li:after {
            top:6px;
            width:775px;
          }
}



.TTcont .stg {
  position:absolute;
  top:0;
}
  .TTcont .stg .ttl {
    width:290px;
  }
  .TTcont .stg .cont {
    display:flex;
    align-items: baseline;
    justify-content: flex-start;
    position:absolute;
    padding:10px 10px;
    width:290px;
    height:95px;
    text-align:left;
    border-radius:10px;
  }
  .TTcont .stg .cont.open {
    align-items: center;
    padding:0 10px;
    height:47px;
    background:#E2E2E2;
  }
    .TTcont .stg .cont .cat {
      display:flex;
      align-items: baseline;
      justify-content: flex-start;
      font-size:13px;
      line-height:1.2;
    }
      .TTcont .stg .cont .cat span {
        display:inline-block;
        margin-right:10px;
        font-size:15px;
        font-family: "Poppins", serif;
        color:#FE5100;
        font-weight:bold;
      }
      
    .TTcont .stg .cont ul {
      margin-top:5px;
    }
      .TTcont .stg .cont li {
        display:flex;
        align-items: center;
        justify-content: flex-start;
        font-size:15px;
        line-height:1.3;
        font-weight:bold;
      }
        .TTcont .stg .cont li img {
          margin-right:5px;
          width:50px;
        }
      
@media screen and (max-width:999px) {
    .TTcont .stg .ttl {
      padding-top:25px;
      width:240px;
    }
    .TTcont .stg .cont {
      width:240px;
    }
}
  

.TTcont .stg1 {left:50%;transform: translate(-50%,0);}
  .TTcont .stg1 .cont {
    background: #FFC79F;
  }
  .TTcont .stg1 .cont.open1 {top:165px;}
  .TTcont .stg1 .cont.open2 {top:1135px;}
  .TTcont .stg1 .cont.open3 {top:1715px;}
  .TTcont .stg1 .cont.open4 {top:2195px;}
  .TTcont .stg1 .cont.open5 {top:2605px;}
  .TTcont .stg1 .cont.cont1 {top:1355px;}
  .TTcont .stg1 .cont.cont2 {top:1460px;}
  .TTcont .stg1 .cont.cont3 {top:1565px;height:130px;}
  .TTcont .stg1 .cont.cont4 {top:1770px;height:125px;}
  .TTcont .stg1 .cont.cont5 {top:1905px;height:210px;}
  .TTcont .stg1 .cont.cont6 {top:2160px;}
  .TTcont .stg1 .cont.cont7 {top:2265px;height: 320px;}
  



  .TTcont .stg2 .cont {
    background: linear-gradient(#f0e292 0%, #edcf5b 100%);
  }
  
  .day2 .TTcont .stg2 {left:80px;}
  .day2 .TTcont .stg2 .cont.cont0 {
    align-items: center;
    padding:0 10px;
    height:100;
    color:#FFF;
    background:#525252;
    border-radius:0;
  }
    .day2 .TTcont .stg2 .cont.cont0 ul {
      margin-top:0;
    }
    .day2 .TTcont .stg2 .cont.cont0 ul li img {
      width:40px;
    }
  .day2 .TTcont .stg2 .cont.open1 {top:165px;}
  .day2 .TTcont .stg2 .cont.open2 {top:610px;}
  .day2 .TTcont .stg2 .cont.open3 {top:4380px;}
  .day2 .TTcont .stg2 .cont.cont0 {top:827px;}
  .day2 .TTcont .stg2 .cont.cont1-1 {top:385px;}
  .day2 .TTcont .stg2 .cont.cont1-2 {top:490px;}
  .day2 .TTcont .stg2 .cont.cont1 {top:935px;}
  .day2 .TTcont .stg2 .cont.cont2 {top:1050px;}
  .day2 .TTcont .stg2 .cont.cont3 {top:1155px;}
  .day2 .TTcont .stg2 .cont.cont4 {top:1270px;}
  .day2 .TTcont .stg2 .cont.cont5 {top:1375px;}
  .day2 .TTcont .stg2 .cont.cont6 {top:1495px;}
  .day2 .TTcont .stg2 .cont.cont7 {top:1600px;}
  .day2 .TTcont .stg2 .cont.cont8 {top:1715px;}
  .day2 .TTcont .stg2 .cont.cont9 {top:1820px;}
  .day2 .TTcont .stg2 .cont.cont10 {top:1940px;}
  .day2 .TTcont .stg2 .cont.cont11 {top:2160px;height:322px;}
  .day2 .TTcont .stg2 .cont.cont12 {top:2605px;}
  .day2 .TTcont .stg2 .cont.cont13 {top:2825px;}
  .day2 .TTcont .stg2 .cont.cont14 {top:2930px;height:320px;}
  .day2 .TTcont .stg2 .cont.cont15 {top:3375px;height:215px;}
  .day2 .TTcont .stg2 .cont.cont16 {top:3600px;}
  .day2 .TTcont .stg2 .cont.cont17 {top:3715px;height:200px;}
  
@media screen and (max-width:999px) {
  .day2 .TTcont .stg2 {left:50px;}
}



.day3 .TTcont .stg2 {left:50%;transform: translate(-50%,0);}
  .day3 .TTcont .stg2 .cont.open1 {top:165px;}
  .day3 .TTcont .stg2 .cont.open2 {top:2160px;}
  .day3 .TTcont .stg2 .cont.cont1 {top:605px;height:645px;}
  .day3 .TTcont .stg2 .cont.cont2 {top:1495px;}


  

.TTcont .stg3 {left:390px;}
  .TTcont .stg3 .cont {
    background: linear-gradient(#b9f2e5 0%, #a0e3d4 100%);
  }
  .TTcont .stg3 .cont.cont1 {top:1155px;}
  .TTcont .stg3 .cont.cont2 {top:1270px;}
  .TTcont .stg3 .cont.cont3 {top:1375px;}
  .TTcont .stg3 .cont.cont4 {top:1495px;}
  .TTcont .stg3 .cont.cont5 {top:1715px;height:1650px;}
  
@media screen and (max-width:999px) {
  .TTcont .stg3 {left:305px;}
}



  

.TTcont .stg4 {left:700px;}
  .TTcont .stg4 .cont {
    background: linear-gradient(#fdd9bb 0%, #ebad80 100%);
  }
  .TTcont .stg4 .cont.cont3 {top:1270px;}
  .TTcont .stg4 .cont.cont4 {top:1375px;height:835px;}
  .TTcont .stg4 .cont.cont6 {top:2265px;}
  .TTcont .stg4 .cont.cont5 {top:2485px;}
  .TTcont .stg4 .cont.cont7 {top:2710px;}
  .TTcont .stg4 .cont.cont8 {top:2930px;}
  
@media screen and (max-width:999px) {
  .TTcont .stg4 {left:560px;}
}