
*{
  margin:0;
  padding:0;
}

 body{
    margin:0;
    font-family: Meiryo, sans-serif;
    font-size:16px;
    
  }

.mobile{
  display: none;
}

#accordion .title.d-flex small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#accordion .title.d-flex small:first-child{
  flex: 0.6;
}

#accordion .title.d-flex small:last-child {
  flex: 2;
}

.top-page h1{
  font-size:18px;

}

.top-page h2{
  font-size:20px;
  color:#333;
}

.bg-warning-custom{
  background:#ff6600 ;
}

.bg-disabled{
  background:rgb(179 179 179) !important;
}
/*block2*/

.block2{
  border:3px solid #3fb511 !important;
  min-height: 100vh;

}

a.btn-green {
  color: #fff;
  border-radius: 5px;
  background: #90c31f;
  
}

.orange{
  color:#ff6523;
}

.wrapper{
  border:1px solid #90c31f;
  border-radius: 10px;
  background: #fff;
}

.wrapper a.btn {
  width: 90%;
  font-size: 12px;
  margin: 0 auto;
  padding: 8px 0;
}

.wrapper .s-name{
  color:#23ac39;
  font-weight: 600;
}

.wrapper .s-skype{
  color:#1a73e8;
  font-size: 15px;
  word-break: break-all;
}

.wrapper table{
  border:2px solid #0b8920;
}



/*table*/
.table td, .table th{
  border-top: none !important;
  vertical-align: middle;
  padding:2px 5px !important;
}

.table{
  border:1px solid #0b8920;
  display: block;
  padding: 5px 0 !important;
  border-radius: .25em;
}



/*block2*/
.rev-prev-block{
  border:1px solid #90c31f;
  border-radius: 10px;
  
}




ul#pills-tab {
  position: relative;
  z-index: 9;
}


/*tabs*/
.bg-blue{
  background:#f6faff !important;
  border-bottom:3px solid #90c31f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 44px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #90c31f;
  border-radius: 0;
  opacity: 1;
}

.nav-pills .nav-item:first-child a{
  border-top-left-radius: 10px;
}

.title-info .nav-item:first-child a{
  border-top-left-radius: 0px;
}

.title-info {
  background: #00aff0;
}
.border-green{
  border: 2px solid #0b8920 !important;
  border-radius: 0.25em;
}

.tab3 h3 {
  color: #fff;
}

.block2 label{
  font-size:13px;
  color:#1a73e8;
  font-weight:600;
  text-transform: uppercase;
  word-break: break-all;
  background: transparent;
  padding:0;
}

.block2 .bg-orange{
  background:#ff6600;
  color:#fff;
  border-radius: .25em;
 
}

.block2 .wrapper {
  border:1px solid #00aef0 !important;
}

.block2 .wrap{
  background:#00aef0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.block2 .wrapper img{
  width: 87px;
}

 .block2 .wrapper .wrap img {
  width:25px;
}


.block2 .wrap span {
  line-height: 26px;
  font-size: 16px;
}

.block2 #under-reservation .wrapper.t-border{
  border:1px solid #00aef0 !important;
}

.block2 .wrapper.t-g-border{
  border:1px solid #90c31f !important;
}

.block2 .wrapper.t-g-border label{
 color:#74a30c !important;
}
.block2 .wrapper.t-g-border .wrap{
  background: #90c31f;
}

.block2  .wrapper.t-o-border{
  border:1px solid #ea5414 !important;
  background:#fff !important;
  padding: 5px 0px!important;
}


.block2  .wrapper.t-o-border .btn-book{
    background:#ff6600;
    margin:10px 0;
}

.preparation, .review{
  background:#ff6600;
  color:#fff;
}

.preparation:hover, .review:hover{
  color:#fff;
  text-decoration: none;
  opacity: 0.8;
}

.management p {
  font-size: 12px;
}

.main-body-wrapper.lesson_comment div {
    word-break: break-word;
}

/*sticky*/
.sticky{
  background:#90c31f;
  position: fixed;
  bottom:0;
  width: 100%;
  z-index: 100;
  padding: 0px 3px !important;
}

.sticky .wrap{
  border-radius: 5px;
}

.sticky .row{
  margin:0;
  padding:0;
}

.sticky span{
  font-size:11px;
  text-align:center;
  display:block;
  color:#068606;
}

.sticky .bg-orange{
  background: #FBB03B;
}

.sticky .container {
  padding: 3px 0 !important;
  margin: 3px 0 !important;
}

.sticky .line-wrap{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap:5px;
}

.sticky .line-wrap .line-contact {
  flex: 1;
}

.sticky .line-wrap .line-contact a{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 5px;
  gap: 5px;
  text-decoration: none;
}

.sticky .line-wrap .line-contact a:hover{
  background: transparent;
}
.sticky .line-wrap .line-contact span{
  display: inline;
}

.management{
  border:1px solid #0b8920;
  display: block;
  border-radius: .25em;
  width: 100%;
}


.management .btn{
  background:#ff6600;
  padding:10px 30px;
  color:#fff;
  width: 115px;
  text-align: center;
}

/*lighterslider*/

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
  float: left;

}

.fix-box {
  width: 70px;
  height: 70px;
  max-width: 100%;
  border: 2px solid rgb(16, 195, 46);
  border-radius: 50%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  margin: 0 auto;
}


ul{
  list-style: none outside none;
    padding-left: 0;
        margin: 0;
}
    .demo .item{
        margin-bottom: 60px;
    }
.content-slider li{
 
    text-align: center;
    color: #FFF;
}
.content-slider h3 {
    margin: 0;
    padding: 70px 0;
}

.tab-content>.active {
  display: block;
}


/* .lSAction > .lSPrev {
  background-position: 0 0;
  
} */

/* ul.lSPager.lSpg {
  display: none;
} */

/* .lSAction > .lSPrev {
  left: -40px;
}
.lSAction > .lSNext {
  right: -40px;
}

.lSAction > a{
  margin-top:100px;
} */

/* .lSSlideOuter{
  overflow: visible;
}
.lSSlideWrapper{
  overflow: hidden;
} */
/* .lSAction{
  position: relative;
} */


.rev-prev-block h5 {
  color:#055205;
  font-weight: 600;
  
  font-size: 25px;
}

button.addition {
  width: 60px;
  background: #1a73e8;
  border: unset;
  color: #fff;
  margin:1px 0;
  border-radius:3px;
  cursor: pointer;
  word-break: break-all;
}

table.side{
  font-size:12px;
  font-weight:normal;
  color:#232323;
  border:none;
  padding:0;
  margin:0;
}

.bigfont{
  font-size:13px;
}

.bg-orange-btn{
  background:#ff6600 !important;
}

/*read more css*/
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}

.on-request {
  top: 10px;
  left: 10px;
}

.news{
  cursor: pointer;
}

.small-fonts{
  font-size:14px;
}

.title-info .nav-item {
  width:25%;
  border-right: 1px solid #fff;
  align-items: center;
  display: flex;
  justify-content: center;
}



.title-info .nav-item:has(.active){
  background: #90c31f !important;
}

.bg-yellow{
  background: #f9eb2f !important;
  color: #000 !important;
}
/*media*/

@media only screen and (max-width:1349px) {
  .block2 .wrap span {
    line-height: 30px;
    font-size: 13px;
  }

  table.side{
    font-size: 11px;
  }
}

@media only screen and (max-width:1200px) {
  .desktop{
    display: none;
  }

  .mobile{
    display:block !important;
  }

  .wrapper , .block2, .block2 .wrapper{
    border:none !important;
  }

  .bg-blue {

    height: 40px;
}

/* .lSAction > .lSPrev {
  left: -8px;
}



.lSAction > .lSNext {
  right: -8px;
} */

.wrapper a.btn {
  /* width:19%; */
  font-size: 12px;
}

button.addition {
  width: 130px;
}


 .col-lg-9 {
    max-width: 100% !important;
    flex: 0 0 100%;
}

.information-table {
  height: 210px !important;
  overflow-y: scroll !important;
}
  
}



@media only screen and (max-width: 768px) {


  .on-request{
    font-size:9px;
  }

  .wrap img {
    width: 28px;
}
.block2 .wrap span {
  line-height: 13px;
    font-size: 12px;
}


.wrapper .s-name {
  font-size: 14px;
}

.rev-prev-block p{
  font-size:9px;
}

.rev-prev-block h5{
  color:#055205;
  font-weight: 600;
  
  font-size: 15px;

}

.rev-prev-block a{
  font-size:10px;
}

.rev-prev-block p {
  font-size: 12px;
 font-weight: normal;
}

.rev-prev-block.w-75{
  width: 80% !important;
}


}
@media only screen and (max-width: 600px) {
  /* .lSAction > a {
    margin-top: 59px;
  } */

  .title-header{
   font-size:10px;
  }
  
.block2 {
  margin-bottom: 80px;
 
  border:none !important;
  min-height: unset;
}

    /* .text{
      font-size:13px;
      padding:0 5px;
      color:#232323;
    } */

    .star{
      width: 15px;
    }

    .top-page{background: none;}

    .top-page h1 {
      font-size: 14px;
      margin: -10px auto;
      padding: 0;
  }

 

  .wrapper{
    margin:0;
    padding:0 15px;
    border:0;

  }

  .bronze{
    font-size:9px;
  }

  .bigfont{
    font-size:12px;
  }

 


  .table td, .table th {
    padding: 0;
    vertical-align: unset;
    border-top:none !important;
    margin:0 !important;
    padding:1px 5px !important;
    line-height: 13px;
    
}

  .bg-success-custom{
    background:transparent !important;
  }

    a.btn-green {
      font-size: 10px;
      padding: 5px 0px !important;
  }

  .wrapper .s-skype {
    font-size: 10px;
        display: flex;
        align-items: flex-start;
}


.s-pic{
  width: 102px;;
}



.wrapper .s-name {
  font-size: 12px;
}

.s-small{
  font-size:9px;
}

/*block2*/



.block2 .wrapper img {
  width:62px;
  padding-top: 5px;
}
li.nav-item {
  font-size: 10px;
}

.block2 .wrapper label{
  font-size:9px;
}

.block2 .wrapper .wrap img{
  width: 20px;
  padding:0;
}

.block2 .wrapper .wrap {
  padding: 3px !important;
}

.block2 .wrapper .wrap span {
  font-size: 8px;
  line-height: 10px;
  text-align: left;
  vertical-align: middle;
}

.block2 .wrapper .btn-book {
    background: #ff6600;
    color: #fff;
    font-size: 10px;
    width: 95% !important;
    padding: 3px 0;
    border-radius: 5px;
    height: 30px;
    line-height: 11px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

a.btn.btn-book.bg-yellow {
  font-size: 8px !important;
}

.block2 .wrapper{
  border:none !important;
  padding: 5px !important;
}

.block2 .wrapper.t-border, .block2 .wrapper.t-g-border, .block2 .wrapper.t-o-border {
  padding: 0 !important;
}



.nav-link {
  padding: 5px 10px;
}

.bg-blue {
  height: 26px;
}

.btn.bg-warning-custom{
  width: unset !important;
}
.rev-prev-block p {
  font-size:10px;
}

button.addition {
  width: 80px;
}

.information-table {
  height: 120px !important;
  overflow-y: scroll !important;
}

/* .lSAction > .lSPrev {
  left:0px;
}



.lSAction > .lSNext {
  right:0px;
} */

.border-green p{
  font-size:14px;
  margin-bottom: 0;
}

.num {
  font-size: 11px;
}

.tab3 h3 {
  font-size: 15px;
  margin: 0 !important;
  padding: 0 !important;
}

.ticket{
  font-size:8px !important;
}

}