@charset "UTF-8";
/* CSS Document */
/*コンテンツの最大幅を設定*/
.contents-wrap {
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
}
body {
  background-color: #FFFFFF;
}
.header {
  height: 150px;
  width: 100%;
  background-color: #ffffff;
}
.header {
  color: #fff;
}
.header ul li {
  list-style: none;
}
.header-content-wrapper {
  height: 100%;
  position: relative;
}
img, video {
  width: 100%;
}
.open-button {
  background: #FFFFFF;
}
.footer ul li {
  display: inline-block;
  margin-right: 24px;
  letter-spacing: 3px;
  margin-bottom: 10px;
}
.lessoninfo_title {
  padding: 20px 0
}
.lessoninfo {
  padding: 30px 0px 130px;
  text-align: left;
  background-color: #FFFFFF;
}
.lessoninfo_title_sub {
  display: inline-block;
  font-size: 2.8rem;
  word-break: break-all;
}
.lessoninfo_description {
  display: left;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.lessoninfo_title {
  text-align: left;
  color: #000000;
  letter-spacing: 10px;
  font-size: 56px;
  border-bottom: solid 1px #000000;
  text-decoration: none;
  margin-bottom: 100px;
}
table th {
  color: #FFFFFF; /*文字色*/
  background: #000000; /*背景色*/
  padding: 18px 65px;
  font-size: 16px;
}
table {
  text-align: center;
  width: 300px;
}
.table_class table {
  max-width: 960px;
  width: 100%;
  margin: auto;
}
table, td, th {
  border: 1px solid #595959;
  border-collapse: collapse;
  vertical-align: middle;
}
.table_class th {
  width: 220px;
}
td, th {
  padding: 10px;
  font-family: 'Roboto', "Hiragino Kaku Gothic ProN", メイリオ, sans-serif;
}
th {
  background: #f0e6cc;
}
.even {
  background: #fbf8f0;
}
.odd {
  background: #fefcf9;
}
.table_class .place {
  width: 320px;
}
.table_class .triallesson {
  text-align: center;
  text-decoration: none;
  color: #C01A1A;
  width: 120px;
  height: 32px;
}
.btn--orange, a.btn--orange {
  margin: 13px;
  color: #fff;
  background-color: #F08D4F;
  text-decoration: none;
  padding: 7px 18px;
}
.btn--orange:hover, a.btn--orange:hover {
  color: #fff;
  background: #F08D4F;
}
.btn--orange_contact, a.btn--orange_contact {
  margin: 13px;
  color: #fff;
  background-color: #F08D4F;
  text-decoration: none;
  padding: 8px 23px;
}
.btn--orange_contact:hover, a.btn--orange_contact:hover {
  color: #fff;
  background: #F08D4F;
}
a.btn--orange {
  margin: 13px;
  color: #fff;
  background-color: #F08D4F;
  text-decoration: none;
  padding: 8px 11px;
  word-break: keep-all;
}
.jazzhiphop {
  width: 25%;
}
.monday {
  width: 20%;
}
.lesson {
  border: none;
}
.line {
  border-right: none;
  font-size: 14px;
  letter-spacing: 1px;
}
.linenoun {
  border-left: none;
}
.trylesson {
  border-left: none;
}
.lessoninfo {
  position: relative;
  padding: 0 20px 130px;
}
.rose {
  right: 11px;
  width: 14%;
  position: absolute;
  top: 121px;
}
.rose_down {
  left: 5px;
  width: 14%;
  position: absolute;
  bottom: 7px;
}
.table_class table {
  position: relative;
  z-index: 100;
}
td, th {
  background: #fff;
}
.sns_link2 {
  display: flex;
  align-self: center;
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  justify-content: space-around;
}
.contact-box {
  width: 1015px;
  height: 124px;
  background: #FFFFFF;
}
.contact-btn a {
  display: inline-block;
  padding: 32px 25%;
  color: #333;
  font-size: 40px;
  font-weight: 700;
  background-color: #FFFFFF;
  box-sizing: border-box;
}
.contact-description {
  padding-top: 14px;
}
.contact-inquiry {
  margin-bottom: 110px;
}
.contact-description_insta {
  display: block;
  margin-top: 22px;
}
.contact-description ul {
  margin-bottom: 53px;
}
.sns_linktag ul li {
  font-size: 48px;
  list-style: none;
}
.sns_linktag ul li span {
  display: inline-block;
  width: 32px;
  margin-right: 14px;
}
.Instagram_link {
  text-decoration: none;
  color: #333333;
  display: flex;
}
.Twitter_link {
  text-decoration: none;
  color: #333333;
  display: flex;
}
.youtube_link {
  text-decoration: none;
  color: #333333;
  display: flex;
}
.sns_link2 {
  display: flex;
  align-self: center;
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  justify-content: space-around;
}
.sns_link2 img {
  width: 35px;
}
.youtube {}
.twitter {}
.instagram {
  margin-right: px;
}
.footer__copyright {
  font-size: 17px;
  letter-spacing: 3px;
}
.instagram_life p {
  width: 32%;
}
.header-content-wrapper {
  height: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .header {
    height: 100px;
    width: 100%;
    background-color: #fff;
    padding: 0 20px;
  }
  .table_class table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .lessoninfo__section {
    padding: 80px 0;
    text-align: left;
  }
  .lessoninfo_title {
    letter-spacing: 0.13em;
    font-size: 8vw;
    border-bottom: solid 1px #000;
    text-decoration: none;
    margin-bottom: 70px;
    width: 100%;
  }
  .rose_down {
    left: 18px;
    width: 21%;
    position: absolute;
    bottom: 11px;
  }
  .contact-btn a {
    display: inline-block;
    padding: 20px 0 13px;
    color: #333;
    font-size: 25px;
    font-weight: 700;
    background-color: #FFFFFF;
    box-sizing: border-box;
    letter-spacing: 4px;
    width: 100%;
  }
  .contact-description {
    padding-top: 14px;
    padding-bottom: 30px;
  }
  .contact-description ul {
    margin-bottom: 53px;
	  display: flex;
	  flex-wrap: wrap;
    /*    display: none;*/
  }
  .contact-inquiry {
    margin-bottom: 100px;
  }
  /*	ここからメディアクエリのセミコロン*/
}
@media screen and (max-width: 480px) {
  .footer ul li {
    margin-right: 12px;
    margin-left: 12px;
  }
}


.scroll-hint-icon{
	z-index: 999;
}