@charset "UTF-8";




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

  .mono .conte-serch .search-answer .conte-tx .t-day{
    font-size: 80px;
  }
  .mono .conte-serch .search-answer .conte-tx .t-day .t-jp{
    font-size: 20px;
  }
  .mono .conte-serch .search-answer .conte-tx .t-time{
    font-size: 36px;
  }
  .mono #howto{
    padding-top: 50px;
  }
  .mono #howto:before{
    width: 400px;
    height: 400px;
    background: url(../img/common/bg-iphone.png)no-repeat;
    background-size: contain;
    background-position: center top;
    position: absolute;
    top: 0;
    left: -20px;

  }




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

  .conte-zasekizu .conte-tx{
    padding-top: 30px;
    padding-left: 50px;
    width: calc(40% - 50px);
  }

  .mono .conte-serch .search-answer .conte-tx{
    max-width: calc(320px - 50px);
    width: calc(100% - 50px);
    margin-right: 50px;
  }
  #pre .bn-pre .card01 + .card01{
    margin-left: 30px;
  }
  #pre .bn-pre .card01 .row-button{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
  #pre .bn-pre .card01 .row-button button{
    margin: 15px auto 0;
    width: 100%;
    max-width: 100%;
  }
  #pre .bn-pre .card01 .row-button button a{
    font-size: 16px;
  }
  #pre .bn-pre .card01 .ph{
    margin-bottom: 7px;
  }



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

  .mono .pc{
    display: none;
  }
  .mono .sp{
    display: block;
  }

  .mono .conte-normal{
    padding: 70px 0px;
  }

 #page-nav h2{
  margin-left: 20px;
  margin-right: 20px;
 }

  .title.title-line{
    font-size: 18px;
    margin-bottom: 30px;
  }
  #serch .custom-select .options li, 
  #serch .custom-select .selected{
    font-size: 12px;
  }

  #seats .row.c-flex{
    display: block;
    margin-top: 15px;
  }
  #seats .row.c-flex button{
    margin: 0 auto;
  }
  #seats .row.c-flex button + button{
    margin-left: auto;
    margin-top: 15px;
  }
  .mono .conte-zasekizu{
    display: block;

  }
  .mono .conte-zasekizu .conte-ph{
    width: calc(100% - 40px);
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .conte-zasekizu .conte-tx{
    padding-top: 0px;
    padding-left: 0px;
    width: calc(100% - 0px);
  }
  .mono .conte-zasekizu .bt-mddle{
    width: calc(100% - 73px);
    max-width: calc(740px - 73px);
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  .mono .conte-serch {
    padding: 50px 0 0;
  }
  .mono .conte-serch:after{
    width: 100px;
    height: 25px;
    right: 20px;
    top: -15px;
  }
  .mono .conte-serch .search-answer.active{
    display: block;
  }
  .mono .conte-serch .search-input{
    padding: 0 30px 30px;
  }
  .mono .conte-serch .conte-ansewr{
    padding: 0 30px 40px;
  }
  .conte-serch .search-chu{
    width: calc(100% - 40px);
    padding: 20px 20px;
  }
  .mono .conte-serch .search-answer .conte-tx{
    max-width: 100%;
    width: 100%;
    margin-right: 0px;
  }
  .conte-serch .search-chu li .link-normal,
  .conte-serch .search-chu li{
    font-size:10px ;
  }

  .mono .conte-serch .search-answer .conte-tx .t-day{
    font-size: 100px;
  }
  .mono .conte-serch .search-answer .conte-tx .t-day .t-jp{
    font-size: 30px;
  }
  .mono .conte-serch .search-answer .conte-tx .t-time{
    font-size: 46px;
    margin-bottom: 10px;
  }
  .mono .conte-serch .search-answer .conte-tx .teamlogo{
    padding: 0 20px;
    max-width: calc(320px - 40px);
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .mono .custom-select {
    width: calc(100% - 40px);
    margin-bottom: 30px;
  }

  .page-nav {
    flex-wrap: nowrap;
  }
  .page-nav-wrapper .nav-arrow {
    display: block;
  }

  #page-nav .waku{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
  }



  .gallery02 .swiper-main{
    padding: 50px 20px 70px;
    margin-top: 20px;
    box-shadow: 10px 10px 0 #a6a8ab;
  }
  .gallery02 .swiper-main .swiper-slide .c-flex{
    /*display: block;*/
  }
  .gallery02 .swiper-slide .c-left {
      position: relative;
      padding-left: 20px;
      display: flex;
      width: calc(50% - 20px);
  }
  .gallery02 .swiper-slide .c-left .t-en{
    width: 24px;
    font-size: 20px;
    left: -10px;
  }
  .gallery02 .swiper-slide .c-right{
    padding-left: 20px;
    width: calc(50% - 20px);
  }
  .gallery02 .swiper-thumb .swiper-slide .tx{
    font-size: 10px;
  }
  .gallery02 .swiper-thumb .swiper-slide img {
      padding: 10px;
      width: calc(100% - 20px);
    }
  .gallery02 .title.title-number .tx{
    font-size: 16px;
  }
  .mono .conte-serch{
    box-shadow: 10px 10px 0 #dcdddd;
  }

  .mono .rute .tx{
    font-size: 12px;
  }

  .mono #howto:before{
    display: none;
  }
  .mono #howto{
    padding-bottom: 70px;
  }

  #pre .bn-pre{
    display: block;
    align-items: stretch;
  }
  #pre .bn-pre .card01 + .card01{
    margin-left: 0px;
  }





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


  .mono .conte-serch .search-answer .conte-tx .t-day{
    font-size: 80px;
  }
  .mono .conte-serch .search-answer .conte-tx .t-day .t-jp{
    font-size: 20px;
  }
  .mono .conte-serch .search-answer .conte-tx .t-time{
    font-size: 36px;
  }
  /*
  #serch .custom-select .options li, 
  #serch .custom-select .selected{
    font-size: 12px;
  }*/
  
  .mono .bt a {
      font-size: 16px;
  }
  .mono .bt-mddle.i-arrow-bl,
  .mono .bt-large.i-arrow-bl, .mono .i-arrow-bl,
  .mono .bt-large {
      padding: 0px 20px 0px 20px;
      border-radius: 50px;
      width: calc(100% - 40px);
      max-width: calc(740px - 40px);
  }






}