body {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS Gothic", helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #222;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%
}

a {
  text-decoration: none;
  color: inherit
}

img {
  vertical-align: top;
  outline: none;
  border: none
}

.hline {
  background: url(../img/top-line.gif) top center repeat-y;
  background-size: 100% auto;
  height: 3px
}


#header article, #header aside, #header details, #header figcaption, #header figure, #header footer, #header header, #header hgroup, #header menu, #header nav, #header section {
  display: block
}

#header ul, #header li {
  list-style-type: none
}

#header blockquote, #header q {
  quotes: none
}

#header blockquote:before, #header blockquote:after, #header q:before, #header q:after {
  content: "";
  content: none
}

#header ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}

#header mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold
}

#header del {
  text-decoration: line-through
}

#header abbr[title], #header dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

#header table {
  border-collapse: collapse;
  border-spacing: 0
}

#header hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

#header body {
  font: 13px/1.231 sans-serif;
  *font-size: small
}

#header pre, #header code, #header kbd, #header samp {
  font-family: monospace, sans-serif
}

#header p, #header h1, #header ul {
  margin: auto
}

#header img {
  vertical-align: top
}

#header #headerInner {
  width: 95%;
  max-width: 980px;
  margin: auto;
  padding: 10px 0
}

#header #headerInner:after {
  content: '';
  display: block;
  clear: both
}

@media screen and (max-width: 640px) {
  #header #headerInner {
    padding: 13px 0
  }
}

#header #headerLogo {
  float: left
}

#header #headerLogo #logo-mark {
  float: left;
  width: 204px;
  height: 33px;
  margin-right: 20px;
  position: relative
}

#header #headerLogo #logo-mark::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 50%;
  background-image: url("data:image/svg+xml;base64, PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjEyNXB4IiBoZWlnaHQ9IjIxcHgiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0ibm9uZSINCiBkPSJNMTI1LjAwMCwtMC4wMDAgTDAuMDAwLC0wLjAwMCBMMC4wMDAsMjEuMDAwIEwxMjUuMDAwLDIxLjAwMCBMMTI1LjAwMCwtMC4wMDAgIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMTcsIDE1MywgMjIxKSINCiBkPSJNMTAzLjAwNSwwLjc1MCBDMTAyLjYzMiwwLjc1MCAxMDIuMjQyLDAuNzc0IDEwMS44NDcsMC44MjIgTDEwMS44NDcsMS4wOTcgQzEwMi43NDksMS4yMDYgMTAzLjYwMiwxLjQzNyAxMDQuMzgyLDEuNzg0IEwxMDQuNDE2LDEuNzk0IEMxMDguNjg3LDIuNDkyIDExMS43ODYsNi4xNTcgMTExLjc4NiwxMC41MDkgQzExMS43ODYsMTQuODYxIDEwOC42ODcsMTguNTI2IDEwNC4zODQsMTkuMjMyIEMxMDMuNTg3LDE5LjU3MiAxMDIuNzMzLDE5Ljc5OCAxMDEuODQ3LDE5LjkwMiBMMTAxLjg0NywyMC4xNzcgQzEwMi4yNTksMjAuMjI2IDEwMi42MzcsMjAuMjUwIDEwMy4wMDUsMjAuMjUwIEMxMDguMzU2LDIwLjI1MCAxMTIuNzA5LDE1Ljg4MCAxMTIuNzA5LDEwLjUwOSBDMTEyLjcwOSw1LjEyOCAxMDguMzU2LDAuNzUwIDEwMy4wMDUsMC43NTAgWiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0icmdiKDIzOCwgNTEsIDg1KSINCiBkPSJNOTkuMjYwLDEuNzg1IEMxMDAuMDU0LDEuNDQ3IDEwMC45NjAsMS4yMDkgMTAxLjg4MCwxLjA5NyBMMTAxLjg4MCwwLjgyMyBDMTAxLjQ3NiwwLjc3MyAxMDEuMDkwLDAuNzUwIDEwMC42NjQsMC43NTAgQzk1LjI5OSwwLjc1MCA5MC45MzQsNS4xMjggOTAuOTM0LDEwLjUwOSBDOTAuOTM0LDE1Ljg4MCA5NS4yOTksMjAuMjUwIDEwMC42NjQsMjAuMjUwIEMxMDEuMDc5LDIwLjI1MCAxMDEuNDY2LDIwLjIyNyAxMDEuODgwLDIwLjE3NyBMMTAxLjg3OSwxOS45MDIgQzEwMC45NzYsMTkuNzk1IDEwMC4wNzAsMTkuNTYzIDk5LjIyOCwxOS4yMjIgQzk1LjAyNSwxOC41MjQgOTEuODU2LDE0Ljc3OCA5MS44NTYsMTAuNTA5IEM5MS44NTYsNi4yNDEgOTUuMDI1LDIuNDk0IDk5LjI2MCwxLjc4NSBaIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMzQsIDM0LCAzNCkiDQogZD0iTTEyMy4wNjIsMy45ODIgQzEyMi40NDgsMy4yMjEgMTIxLjkxNiwyLjcxMCAxMjEuNDM1LDIuNDIxIEMxMjAuODc0LDIuMDg0IDEyMC4xOTQsMS44OTkgMTE5LjUyMCwxLjg5OSBDMTE4LjYyNywxLjg5OSAxMTcuODg0LDIuMTc4IDExNy4zMTMsMi43MjggQzExNi43MzAsMy4yODUgMTE2LjQzNSwzLjk3MyAxMTYuNDM1LDQuNzc1IEMxMTYuNDM1LDUuMjc0IDExNi41MzMsNS43NDEgMTE2LjczNSw2LjIwMiBDMTE2LjkzNyw2LjY1NSAxMTcuMjgzLDcuMTIxIDExNy43OTIsNy42MjcgQzExOC4wMzQsNy44NDkgMTE4LjgzOCw4LjUwMiAxMjAuMjk1LDkuNjA0IEMxMjEuOTIxLDEwLjc3MSAxMjMuMDU4LDExLjg0NiAxMjMuNjcxLDEyLjc5NyBDMTI0LjI0MywxMy42ODIgMTI0LjUzMywxNC41ODggMTI0LjUzMywxNS40OTAgQzEyNC41MzMsMTYuNzU3IDEyNC4wNTYsMTcuODUxIDEyMy4wNzQsMTguODM3IEMxMjIuMDkwLDE5Ljc4OCAxMjAuOTE1LDIwLjI1MCAxMTkuNDgxLDIwLjI1MCBDMTE4LjQxMywyMC4yNTAgMTE3LjQyMSwxOS45NjQgMTE2LjUzNCwxOS4zOTkgQzExNS43NzEsMTguODg3IDExNS4wMzQsMTguMDM2IDExNC4zMzgsMTYuODY4IEwxMTQuMjY1LDE2Ljc0NCBMMTE1LjE2MCwxNi4yMTAgTDExNS4yMzMsMTYuMzM0IEMxMTYuMzc3LDE4LjI3NSAxMTcuNzQ1LDE5LjI1OSAxMTkuMzAwLDE5LjI1OSBDMTIwLjAxNywxOS4yNTkgMTIwLjcyNCwxOS4wODYgMTIxLjM0MywxOC43NTcgQzEyMS45NTYsMTguNDI5IDEyMi40NjUsMTcuOTQzIDEyMi44MTMsMTcuMzUwIEMxMjMuMTQ4LDE2Ljc3NSAxMjMuMzE4LDE2LjE2MyAxMjMuMzE4LDE1LjUyOSBDMTIzLjMxOCwxNC43NjMgMTIzLjA3OCwxNC4wNDkgMTIyLjU4NSwxMy4zNDcgQzEyMS45MzgsMTIuNDI3IDEyMC43ODgsMTEuMzQ4IDExOS4xNjcsMTAuMTM5IEMxMTcuNjgzLDkuMDE1IDExNi42NDgsOC4xMDQgMTE2LjI1MSw3LjU3NCBDMTE1LjY0MCw2Ljc0MyAxMTUuMzMxLDUuODI4IDExNS4zMzEsNC44NTUgQzExNS4zMzEsNC4xMTYgMTE1LjUwOSwzLjQyMiAxMTUuODYxLDIuNzk0IEMxMTYuMjA4LDIuMTg5IDExNi43MjAsMS42ODYgMTE3LjM4NSwxLjI5NiBDMTE4LjA1MSwwLjkzMyAxMTguNzgxLDAuNzUwIDExOS41NjEsMC43NTAgQzEyMC4zODEsMC43NTAgMTIxLjIxNywwLjk2OSAxMjEuOTEzLDEuMzY4IEMxMjIuNTU3LDEuNzYzIDEyMy4yMzksMi40MTMgMTIzLjk0MywzLjMwMiBMMTI0LjAzNCwzLjQxNyBMMTIzLjE1MCw0LjA5MCBMMTIzLjA2MiwzLjk4MiBaTTEwMS44NzksMjAuMTc3IEwxMDEuODYzLDIwLjE3OCBMMTAxLjg0NywyMC4xNzcgQzEwMC45MTksMjAuMDY2IDk5Ljk4OCwxOS44MjggOTkuMTUzLDE5LjQ4NiBDOTUuNTUzLDE3LjkwMiA5My4yMzAsMTQuMzc5IDkzLjIzMCwxMC41MDkgQzkzLjIzMCw2LjYzOCA5NS41NTMsMy4xMTQgOTkuMTUwLDEuNTMxIEM5OS45NjksMS4xODIgMTAwLjkwMSwwLjkzOCAxMDEuODQ3LDAuODIzIEMxMDIuODEwLDAuOTM1IDEwMy42ODksMS4xNzQgMTA0LjQ5NSwxLjUzMiBDMTA4LjExMSwzLjA4MyAxMTAuNDQ5LDYuNjA4IDExMC40NDksMTAuNTA5IEMxMTAuNDQ5LDE0LjQwOSAxMDguMTExLDE3LjkzMiAxMDQuNDkzLDE5LjQ4NSBDMTAzLjY3MSwxOS44MzYgMTAyLjc5MiwyMC4wNjkgMTAxLjg3OSwyMC4xNzcgWk0xMDEuODYzLDEuNzUyIEM5Ny40NjcsMi4zMjMgOTQuMTUzLDYuMDg0IDk0LjE1MywxMC41MDkgQzk0LjE1MywxNC45NDAgOTcuNDc1LDE4LjcwNSAxMDEuODgxLDE5LjI2NyBDMTA2LjIyMCwxOC42OTkgMTA5LjUyMCwxNC45MzMgMTA5LjUyMCwxMC41MDkgQzEwOS41MjAsNi4wOTEgMTA2LjIyOSwyLjMyOSAxMDEuODYzLDEuNzUyIFpNODEuMDAwLDEuNTAwIEw4Mi4wMDAsMS41MDAgTDgyLjAwMCwxOS4wMDAgTDkxLjAwMCwxOS4wMDAgTDkxLjAwMCwyMC4wMDAgTDgxLjAwMCwyMC4wMDAgTDgxLjAwMCwxLjUwMCBaTTc2Ljk5NSwyMC4wMDAgTDczLjcxMCwxMy4wMDAgTDY1LjA4NSwxMy4wMDAgTDYxLjc4OCwyMC4wMDAgTDYwLjUyMiwyMC4wMDAgTDY5LjQxNCwxLjAwMCBMNzQuNDY0LDEyLjAwMCBMNzQuNTAwLDEyLjAwMCBMNzQuNTAwLDEyLjA3OCBMNzguMTM4LDIwLjAwMCBMNzYuOTk1LDIwLjAwMCBaTTY5LjQwNiwzLjgyOSBMNjUuNTU2LDEyLjAwMCBMNzMuMjQxLDEyLjAwMCBMNjkuNDA2LDMuODI5IFpNNTIuNTAwLDExLjAwMCBMNjAuMDAwLDExLjAwMCBDNTkuODc3LDEzLjU5MSA1OC45ODIsMTYuMTg1IDU3LjQ0NSwxNy43MzIgQzU1LjgyNywxOS40MDIgNTMuNTU0LDIwLjI1MCA1MC42OTAsMjAuMjUwIEM0Ny4yNDEsMjAuMjUwIDQ0LjQ5NSwxOS4wNjggNDIuNTI4LDE2LjczNyBDNDAuOTk1LDE0Ljk3MSA0MC4yMTYsMTIuODcyIDQwLjIxNiwxMC41MDEgQzQwLjIxNiw4LjcyOCA0MC42NzIsNy4wNzggNDEuNTY5LDUuNTk3IEM0Mi40MDQsNC4xMDUgNDMuNjE0LDIuOTExIDQ1LjE2MiwyLjA1NCBDNDYuNjU1LDEuMjAxIDQ4LjQ2NiwwLjc1MCA1MC4zOTcsMC43NTAgQzUxLjk3NywwLjc1MCA1My40OTMsMS4wNDYgNTQuOTA0LDEuNjMxIEM1Ni4xMjIsMi4xMjggNTcuMzMzLDIuOTA5IDU4LjUwMywzLjk1MyBMNTguNjIxLDQuMDU3IEw1Ny43NjIsNC44NjggTDU3LjY2Myw0Ljc3NyBDNTYuNjg5LDMuODgwIDU1LjU5MiwzLjE3NCA1NC40MDEsMi42NzYgQzUxLjQ4NCwxLjQxNCA0OC42MjksMS41MjAgNDUuOTE2LDIuOTkxIEM0NC40NjUsMy43ODMgNDMuMzQwLDQuODU5IDQyLjU3Myw2LjE4OSBDNDEuNzc5LDcuNTY2IDQxLjM3Nyw5LjAwMyA0MS4zNzcsMTAuNDYxIEM0MS4zNzcsMTEuOTUyIDQxLjc5MywxMy40MzUgNDIuNjEzLDE0Ljg2OCBDNDMuNDIwLDE2LjIxMiA0NC41NjEsMTcuMzA5IDQ2LjAwMywxOC4xMjQgQzQ3LjQxMiwxOC44OTMgNDkuMDUxLDE5LjI5OSA1MC43NDIsMTkuMjk5IEM1Mi44NjIsMTkuMjk5IDU0LjY2NSwxOC42OTIgNTYuMTAyLDE3LjQ5MyBDNTcuNTM0LDE2LjI5OCA1OC4yMzIsMTMuODkwIDU4LjUwMCwxMi4wMDAgTDUyLjUwMCwxMi4wMDAgTDUyLjUwMCwxMS4wMDAgWk0yNS4wMDAsMS4wMDAgTDM4LjAwMCwxLjAwMCBMMzguMDAwLDIuMDAwIEwyNi4wMDAsMi4wMDAgTDI2LjAwMCw5LjAwMCBMMzguMDAwLDkuMDAwIEwzOC4wMDAsMTAuMDAwIEwyNi4wMDAsMTAuMDAwIEwyNi4wMDAsMTkuMDAwIEwzOC4wMDAsMTkuMDAwIEwzOC4wMDAsMjAuMDAwIEwyNS4wMDAsMjAuMDAwIEwyNS4wMDAsMS4wMDAgWk0xOC43ODYsNC43MzUgTDExLjUxOCwyMC4wMDYgTDQuMTY4LDQuNjI2IEwyLjE2MCwxOS45MzUgTDAuOTk2LDE5LjkzNSBMMy42MjcsMS4wMDYgTDExLjUzMCwxNy41MzEgTDE5LjM1MiwxLjAxNiBMMjEuOTk3LDE5LjkzNSBMMjAuODA0LDE5LjkzNSBMMTguNzg2LDQuNzM1IFoiLz4NCjwvc3ZnPg==")
}

#header #headerLogo #logo-mark a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 120%
}

@media screen and (max-width: 640px) {
  #header #headerLogo #logo-mark {
    width: 130px;
    height: 24px;
    margin-right: 10px
  }
}

#header #headerLogo h1 {
  float: left;
  height: 14px;
  margin-right: 20px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 14px;
  font-feature-settings: 'pwid' 1
}

#header #headerLogo h1 a {
  display: block;
  text-decoration: none;
  color: #777
}

@media screen and (max-width: 640px) {
  #header #headerLogo h1 {
    display: none
  }
}

#header #headerLink {
  float: right
}

@media screen and (max-width: 640px) {
  #header #headerLink {
    padding-top: 4px
  }
}

#header #headerLink ul {
  padding: 0;
  padding-top: 10px
}

@media screen and (max-width: 640px) {
  #header #headerLink ul {
    padding-top: 0px
  }
}

#header #headerLink ul li {
  float: left;
  border-right: solid 1px #818181
}

#header #headerLink ul li:first-child {
  border-left: solid 1px #818181
}

#header #headerLink ul li a {
  font-size: 12px;
  color: #444444;
  padding: 1px 15px;
  display: block;
  text-decoration: none
}

#header #headerLink ul li a:hover {
  text-decoration: underline
}

@media screen and (max-width: 640px) {
  #header #headerLink ul li a {
    font-size: 11px;
    padding: 0 7px
  }
}

#footer {
  background-color: #0c91d8;
  padding: 10px 0;
  border-top: 1px solid #FFFFFF
}

#footer .inner {
  width: 95%;
  max-width: 980px;
  margin: 0 auto;
  color: #ffffff;
  font-size: 12px
}

@media screen and (max-width: 640px) {
  #footer .inner {
    width: 100%
  }
}

#footer article, #footer aside, #footer details, #footer figcaption, #footer figure, #footer footer, #footer header, #footer hgroup, #footer menu, #footer nav, #footer section {
  display: block
}

#footer ul, #footer li {
  list-style-type: none
}

#footer blockquote, #footer q {
  quotes: none
}

#footer blockquote:before, #footer blockquote:after, #footer q:before, #footer q:after {
  content: "";
  content: none
}

#footer ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}

#footer mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold
}

#footer del {
  text-decoration: line-through
}

#footer abbr[title], #footer dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

#footer table {
  border-collapse: collapse;
  border-spacing: 0
}

#footer hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

#footer body {
  font: 13px/1.231 sans-serif;
  *font-size: small
}

#footer pre, #footer code, #footer kbd, #footer samp {
  font-family: monospace, sans-serif
}

#footer ul {
  margin: auto
}

#footer a {
  color: #FFFFFF;
  text-decoration: none
}

#footer a:hover {
  text-decoration: underline
}

@media screen and (max-width: 640px) {
  #footer a:hover {
    text-decoration: none
  }
}

#footer ul {
  padding: 15px 0 10px 0;
  font-size: 11px;
  border-bottom: solid 1px #ffffff
}

@media screen and (max-width: 640px) {
  #footer ul {
    padding: 10px 0 10px 0;
    border-bottom: none
  }
}

#footer li {
  display: inline-block;
  margin-right: 20px;
  padding-bottom: 10px
}

@media screen and (max-width: 640px) {
  #footer li {
    display: block;
    margin-right: 0;
    padding-bottom: 0;
    border-bottom: solid 1px #ffffff
  }
  #footer li a {
    display: block;
    padding: 10px 0 10px 10px
  }
}

#footer #copy {
  padding: 20px;
  box-sizing: border-box
}

#header {
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -2px 0 0 rgba(0, 0, 0, 0.025) inset
}

.pwid, #adult_header, .adult_pageNav, .index_footer .adult_pageNav ul li hgroup, .index_footer .adult_pageNav ul li .txt, .index_point h2, .index_point .list h4, .adult_main .adult_main_t .adult_main_h h4, .adult_introdaction .sectionBody h2, .adult_introdaction .sectionBody ul, .lessonTime .amount h5, .lessonTime .amount p, .questions .list h3, #golf-1 h3, #golf-3 h3, #golf-4 h3, #golf-1 .list h5, #golf-1 .list p, #tennis-1 h3, #tennis-2 h3, #swim-1 h3, #swim-1 .list h4 {
  font-family: "YakuHanJP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS Gothic", helvetica, sans-serif;
  font-feature-settings: "pwid";
  letter-spacing: 0.05em
}

.anno {
  font-size: 75% !important
}

.aw {
  display: inline-block
}

sup {
  font-size: 50%
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon/icomoon.eot?wckq8j");
  src: url("fonts/icomoon/icomoon.eot?wckq8j#iefix") format("embedded-opentype"), url("fonts/icomoon/icomoon.ttf?wckq8j") format("truetype"), url("fonts/icomoon/icomoon.woff?wckq8j") format("woff"), url("fonts/icomoon/icomoon.svg?wckq8j#icomoon") format("svg");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'bebasregular';
  src: url("fonts/bebas/BEBAS___-webfont.eot");
  src: url("fonts/bebas/BEBAS___-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/bebas/BEBAS___-webfont.woff") format("woff"), url("fonts/bebas/BEBAS___-webfont.ttf") format("truetype"), url("fonts/bebas/BEBAS___-webfont.svg#bebasregular") format("svg");
  font-weight: normal;
  font-style: normal
}

.adult_tennis a {
  color: #000;
}

#adult_header .adult_tennis a:hover, #adult_header .adult_tennis a.current {
  background-color: #232828
}

#adult_tennis {
  border-bottom-color: #000;
}

#adult_tennis .tabBody, #adult_tennis .amount {
  background-color: #000;
}

#adult_tennis .adult_main_h h2, #adult_tennis .adult_introdaction h2, #adult_tennis #sectionNav a, #adult_tennis .classTable th, #adult_tennis .ct {
  color: #000;
}

#adult_tennis .sectionHeader {
  border-top-color: #000;
}

#adult_tennis .tabNav a:hover, #adult_tennis .tabNav a.open {
  background-color: #000;
  color: #fff
}

#adult_tennis .tabNav a, #adult_tennis .tabNav a.off {
  color: #000;
  background-color: #fff;
  background-color: transparent
}

#adult_tennis .adult_section h3, #adult_tennis .adult_section .list::before, #adult_tennis .adult_section .time {
  color: #000;
}

@media (max-width: 760px) {
  #adult_tennis .tab {
    background-color: #fff;
  }
  #adult_tennis .tabNav a:hover, #adult_tennis .tabNav a.open {
    color: #fff;
    background-color: #000;
  }
  #adult_tennis .tabNav a, #adult_tennis .tabNav a.off {
    color: #000;
    background-color: #fff;
  }
}

.adult_swimming a {
  color: #0ab
}

#adult_header .adult_swimming a:hover, #adult_header .adult_swimming a.current {
  background-color: #232828
}

#adult_swimming {
  border-bottom-color: #0ab
}

#adult_swimming .tabBody, #adult_swimming .amount {
  background-color: #0ab
}

#adult_swimming .adult_main_h h2, #adult_swimming .adult_introdaction h2, #adult_swimming #sectionNav a, #adult_swimming .classTable th, #adult_swimming .ct {
  color: #0ab
}

#adult_swimming .sectionHeader {
  border-top-color: #0ab
}

#adult_swimming .tabNav a:hover, #adult_swimming .tabNav a.open {
  background-color: #0ab;
  color: #fff
}

#adult_swimming .tabNav a, #adult_swimming .tabNav a.off {
  color: #0ab;
  background-color: transparent
}

#adult_swimming .adult_section h3, #adult_swimming .adult_section .list::before, #adult_swimming .adult_section .time {
  color: #0ab
}

@media (max-width: 760px) {
  #adult_swimming .tab {
    background-color: #0ab
  }
  #adult_swimming .tabNav a:hover, #adult_swimming .tabNav a.open {
    color: #0ab;
    background-color: #fff
  }
  #adult_swimming .tabNav a, #adult_swimming .tabNav a.off {
    color: #fff;
    background-color: transparent
  }
}

.adult_golf a {
  color: #5b0
}

#adult_header .adult_golf a:hover, #adult_header .adult_golf a.current {
  background-color: #232828
}

#adult_golf {
  border-bottom-color: #5b0
}

#adult_golf .tabBody, #adult_golf .amount {
  background-color: #5b0
}

#adult_golf .adult_main_h h2, #adult_golf .adult_introdaction h2, #adult_golf #sectionNav a, #adult_golf .classTable th, #adult_golf .ct {
  color: #5b0
}

#adult_golf .sectionHeader {
  border-top-color: #5b0
}

#adult_golf .tabNav a:hover, #adult_golf .tabNav a.open {
  background-color: #5b0;
  color: #fff
}

#adult_golf .tabNav a, #adult_golf .tabNav a.off {
  color: #5b0;
  background-color: transparent
}

#adult_golf .adult_section h3, #adult_golf .adult_section .list::before, #adult_golf .adult_section .time {
  color: #5b0
}

@media (max-width: 760px) {
  #adult_golf .tab {
    background-color: #5b0
  }
  #adult_golf .tabNav a:hover, #adult_golf .tabNav a.open {
    color: #5b0;
    background-color: #fff
  }
  #adult_golf .tabNav a, #adult_golf .tabNav a.off {
    color: #fff;
    background-color: transparent
  }
}

#adult_header {
  max-width: 1080px;
  margin: auto
}

#adult_header h2 {
  font-size: 112.5%;
  line-height: 1;
  margin: 1.5em auto;
  padding: 0 4%
}

#adult_header ul {
  list-style: none;
  padding: 0;
  margin: auto
}

#adult_header ul::after {
  content: '';
  display: block;
  clear: both
}

@media (max-width: 920px) {
  #adult_header ul {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset
  }
}

#adult_header ul li {
  float: left;
  width: 30.666%;
  position: relative;
  left: 4%
}

#adult_header ul li:last-child {
  box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1) inset
}

@media (max-width: 920px) {
  #adult_header ul li {
    width: 33.3333%;
    left: 0
  }
  #adult_header ul li a {
    box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.1)
  }
  #adult_header ul li:last-child {
    box-shadow: none
  }
}

#adult_header ul a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  line-height: 4;
  text-align: center;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1) inset
}

#adult_header ul a:hover, #adult_header ul a.current {
  box-shadow: none
}

@media (max-width: 760px) {
  #adult_header ul a {
    line-height: 50px
  }
}

@media (max-width: 760px) {
  #adult_header h2 {
    font-size: 100%
  }
  #adult_header h2::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666;
    content: '\e5d2';
    display: block;
    float: right
  }
  #adult_header ul {
    max-height: 0;
    overflow: hidden;
    transition: all 200ms
  }
  #adult_header.on h2::after {
    content: '\e5cd'
  }
  #adult_header.on ul {
    max-height: 150px
  }
}

#toPageTop {
  text-align: right;
  width: 95%;
  max-width: 980px;
  margin: 2.5% auto
}

#toPageTop a {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 2px
}

#toPageTop a::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: 0.75;
  content: '\e5d8';
  font-size: 24px;
  margin: 11px 8px
}

.adult_pageNav {
  background-color: #232828;
  color: #fff;
  padding: 3em 0
}

.adult_pageNav h2 {
  margin: 1em auto;
  text-align: center;
  font-size: 112.5%
}

@media (max-width: 760px) {
  .adult_pageNav h2 {
    font-size: 100%
  }
}

.adult_pageNav ul {
  list-style: none;
  padding: 0;
  width: 94%;
  max-width: 960px;
  margin: auto
}

.adult_pageNav ul::after {
  content: '';
  display: block;
  clear: both
}

.adult_pageNav ul li {
  float: left;
  width: 29.166%;
  margin: 1em 2.083%;
  text-align: center
}

.adult_pageNav ul li a {
  text-decoration: none
}

.adult_pageNav ul li .tmb {
  border-radius: 2%;
  overflow: hidden
}

.adult_pageNav ul li .tmb img {
  width: 100%;
  height: auto
}

.adult_pageNav ul li .txt {
  font-weight: bold;
  font-size: 75%;
  margin-top: 1em
}

@media (max-width: 320px) {
  .adult_pageNav ul li {
    width: 40%;
    margin: 5%
  }
  .adult_pageNav ul li::after {
    content: '';
    display: block;
    clear: both
  }
}

.index_footer .adult_pageNav ul {
  width: 100%;
  max-width: 1260px;
  margin: auto
}

.index_footer .adult_pageNav ul li {
  width: 33.333%;
  margin: 0;
  text-align: left
}

.index_footer .adult_pageNav ul li .tmb {
  border-radius: 0
}

.index_footer .adult_pageNav ul li hgroup, .index_footer .adult_pageNav ul li .txt {
  padding: 0 11.904%;
  margin: auto
}

.index_footer .adult_pageNav ul li h2, .index_footer .adult_pageNav ul li h4 {
  margin: auto
}

.index_footer .adult_pageNav ul li h2 {
  font-family: 'bebasregular';
  letter-spacing: -0.025em;
  font-style: normal;
  font-size: 250%;
  text-align: left;
  margin-top: -0.75em
}

.index_footer .adult_pageNav ul li h4 {
  font-size: 75%
}

.index_footer .adult_pageNav ul li .txt {
  color: #fff;
  font-weight: normal
}

.index_footer .adult_pageNav ul li .txt h4 {
  font-size: 133.333%;
  font-weight: normal;
  margin: 1em auto
}

.index_footer .adult_pageNav ul li .txt li {
  float: none;
  width: auto;
  margin: 0.5em 0
}

@media (max-width: 760px) and (min-width: 481px) {
  .index_footer .adult_pageNav ul li h2 {
    font-size: 187.5%
  }
  .index_footer .adult_pageNav ul li .txt {
    font-size: 71.428%
  }
  .index_footer .adult_pageNav ul li .txt h4 {
    font-size: 100%
  }
}

@media (max-width: 480px) {
  .index_footer .adult_pageNav ul li {
    float: left;
    width: auto;
    margin: 2em 0
  }
  .index_footer .adult_pageNav ul li hgroup, .index_footer .adult_pageNav ul li .txt {
    padding: 0 6.25%
  }
}

.scholl_pageNav {
  text-align: center;
  margin: 2em auto
}

.scholl_pageNav ul {
  list-style: none;
  padding: 0
}

.scholl_pageNav ul li {
  font-size: 75%;
  display: inline-block;
  margin: 1em 2em
}

.scholl_pageNav ul li a {
  color: inherit;
  text-decoration: none;
  font-weight: bold
}

.scholl_pageNav ul li a::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: text-top;
  line-height: 0.75;
  content: '\e315';
  font-size: 150%;
  margin: 0 0.25em
}

#index-main-slide .swiper-wrapper {
  z-index: auto
}

.index_point {
  color: #fff;
  position: relative
}

.index_point .inner {
  width: 96%;
  max-width: 960px;
  margin: auto;
  padding: 2.5em 0 0
}

.index_point .inner::after {
  content: '';
  display: block;
  clear: both
}

@media (max-width: 760px) {
  .index_point .inner {
    width: 87.5%
  }
}

.index_point h2 {
  font-weight: normal;
  text-align: center
}

.index_point .list {
  float: left;
  width: 29.166%;
  margin: 2.083%
}

@media (max-width: 760px) {
  .index_point .list {
    float: none;
    width: auto;
    margin: auto
  }
}

.index_point .list i {
  font-family: 'bebasregular';
  letter-spacing: -0.025em;
  font-style: normal;
  font-size: 187.5%;
  color: #ddee33;
  display: block;
  text-align: center
}

.index_point .list h4 {
  padding: 0 15%;
  text-align: center
}

.index_point .list p {
  line-height: 1.5;
  text-align: justify
}

.adult_article {
  font-size: 16px
}

.adult_article p {
  line-height: 2
}

@media (max-width: 920px) {
  .adult_article {
    font-size: 14px
  }
}

.adult_headerBlock {
  overflow: hidden;
  background-color: #FFF;
}

.adult_main .inner {
  margin: auto;
  position: relative
}

.adult_main .inner::after {
  content: '';
  display: block;
  clear: both
}

@media (max-width: 1440px) {
  .adult_main .inner {
    height: 0;
    padding-bottom: 75%;
    margin-bottom: -37.5%
  }
}

@media (max-width: 920px) and (orientation: portrait) {
  .adult_main .inner {
    padding-bottom: 120%;
    margin-bottom: -60%
  }
}

#adult_index .adult_main .inner {
  padding-bottom: 75%;
  margin-bottom: -42.5%
}

@media (orientation: portrait) {
  #adult_index .adult_main .inner {
    padding-bottom: 120%;
    margin-bottom: -60%
  }
}

.adult_main .adult_main_p {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden
}

.adult_main .adult_main_p img {
  width: 100%;
  height: auto
}

.adult_main .adult_main_p::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75%;
  background-image: linear-gradient(to bottom, rgba(35, 40, 40, 0) 50%, #232828)
}

@media (max-width: 920px) and (orientation: portrait) {
  .adult_main .adult_main_p img {
    width: 150%;
    margin: 0 -40% 0 -10%
  }
  .adult_main .adult_main_p img[src*="swim"] {
    margin: 0 -20% 0 -30%
  }
  .adult_main .adult_main_p::after {
    height: 100%
  }
}

.adult_main .adult_main_t {
  position: relative;
  padding-bottom: 37.5%
}

.adult_main .adult_main_t .adult_main_h {
  margin: -4.63% 5.092%;
  position: absolute;
  top: 50%;
  right: 0
}

#adult_swimming .adult_main .adult_main_t .adult_main_h {
  left: 0
}

@media (max-width: 920px) and (orientation: portrait) {
  .adult_main .adult_main_t {
    padding-bottom: 60%
  }
  .adult_main .adult_main_t .adult_main_h {
    width: 90%;
    margin: 5%;
    top: auto;
    bottom: 0;
    left: 0
  }
}

.adult_main .adult_main_t .adult_main_h h2 {
  font-family: 'bebasregular';
  letter-spacing: -0.025em;
  font-size: 72px;
  line-height: 1;
  margin: auto
}

.adult_main .adult_main_t .adult_main_h h4 {
  color: #fff;
  font-weight: normal;
  font-size: 24px;
  line-height: 1;
  margin: 0.5em auto auto
}

.adult_main .adult_main_t .adult_main_h img {
  height: 1em;
  width: auto
}

.adult_main .adult_main_t .adult_main_h img[src*='kids'] {
  margin-right: -0.025em
}

@media (max-width: 920px) {
  .adult_main .adult_main_t .adult_main_h h2 {
    font-size: 54px
  }
  .adult_main .adult_main_t .adult_main_h h4 {
    font-size: 24px
  }
}

@media (max-width: 760px) {
  .adult_main .adult_main_t .adult_main_h h2 {
    font-size: 48px
  }
  .adult_main .adult_main_t .adult_main_h h4 {
    font-size: 16px
  }
}

@media (max-width: 600px) and (orientation: landscape) {
  .adult_main .adult_main_t .adult_main_h h2 {
    font-size: 36px
  }
}

.adult_schoolList {
	/*background-color: rgba(35, 40, 40, 0.6);*/
  position: relative
}

.adult_schoolList#adult_schoolList_F {
  background-color: #232828
}

@media (max-width: 760px) {
  .adult_schoolList {
    margin-bottom: 0
  }
  .adult_schoolList .tab {
    /* padding-bottom: 10px; */
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset
  }
  .adult_schoolList#adult_schoolList_F {
    height: 10px;
    overflow: hidden;
    margin-top: 0
  }
}

.adult_schoolList .tabNav, .adult_schoolList .tabContent {
  width: 94%;
  max-width: 940px;
  margin: auto;
}

@media (max-width: 760px) {
  .adult_schoolList .tabNav, .adult_schoolList .tabContent {
    width: auto;
  }
}

.adult_schoolList .tabNav {
  color: #000;
  width: 940px;
}

@media screen and (max-width: 768px) {
  .adult_schoolList .tabNav {
    color: #000;
    width: auto;
  }
}

.adult_schoolList .tabNav h2 {
  float: left;
  width: 15.957%;
  margin: auto 1.063%;
  font-size: 125%;
  line-height: 2.4;
  font-weight: bold;
}

@media (max-width: 760px) {
  .adult_schoolList .tabNav h2 {
    float: none;
    width: auto;
    margin: auto;
    padding: 0.5em 5%;
    color: #fff;
    font-size: 100%
  }
}

.adult_schoolList .tabNav ul {
  list-style: none;
  padding: 0;
  overflow: hidden;
  /* max-width: 750px; */
  margin: 0
}

.adult_schoolList .tabNav ul::after {
  content: '';
  display: block;
  clear: both
}

@media (max-width: 760px) {
  .adult_schoolList .tabNav ul {
    max-width: none;
    font-size: 12px
  }
}

.adult_schoolList .tabNav ul li {
  float: left;
  width: 16.6%;
}

.adult_schoolList .tabNav ul li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  line-height: 3;
  text-align: center
}

.adult_schoolList .tabNav ul li a.open {
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 0 rgba(0, 0, 0, 0.1) inset
}

.adult_schoolList .tabNav ul li a.off {
  color: #000 !important;
  opacity: 0.2
}

.adult_schoolList .tabContent {
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
}

.adult_schoolList .tabContent:not(.open) {
  display: none
}

@media (max-width: 760px) {
  .adult_schoolList .tabContent {
    padding: 0
  }
}

.adult_schoolList .tabContent::after {
  content: '';
  display: block;
  clear: both
}

.adult_schoolList .tabContent .list {
  background-color: #fff;
  /* border-radius: 2px; */
  overflow: hidden;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  float: left;
  width: 25%;
  /* margin: 1.063% */
}

.adult_schoolList .tabContent .list h4 {
  margin: auto;
  white-space: nowrap
}

.adult_schoolList .tabContent .list h4 a {
  text-decoration: none;
  color: #000;
}

.adult_schoolList .tabContent .list ul {
  list-style: none;
  padding: 0;
  overflow: hidden;
  margin: auto
}

.adult_schoolList .tabContent .list ul::after {
  content: '';
  display: block;
  clear: both
}

.adult_schoolList .tabContent .list ul li {
  float: right;
  width: 100%;
  text-align: center
}

.adult_schoolList .tabContent .list ul li a {
  display: block;
  text-decoration: none;
  font-size: 62.5%;
  /* font-weight: bold; */
  line-height: 1.6;
  text-align: center;
  padding: 10px 0
}
#adult_tennis .adult_schoolList .tabContent .list ul li a {
  display: block;
  text-decoration: none;
  /* font-size: 62.5%; */
  /* font-weight: bold; */
  line-height: 1.6;
  text-align: center;
  padding: 10px 0
}
@media screen and (max-width: 768px) {
  #adult_tennis .adult_schoolList .tabContent .list ul li a {
    line-height: 1.4;
  }
}

.adult_schoolList .tabContent .list ul li a::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  display: block
}

.adult_schoolList .tabContent .list ul li a.access {
  color: #22aaaa
}

.adult_schoolList .tabContent .list ul li a.access::before {
  content: '\e903'
}

.adult_schoolList .tabContent .list ul li a.tel {
  color: #22bb33
}

.adult_schoolList .tabContent .list ul li a.tel::before {
  content: '\e0cd'
}

.adult_schoolList .tabContent .list ul li a.inquiry {
  color: #ee5566
}

.adult_schoolList .tabContent .list ul li a.inquiry::before {
  content: '\e89e'
}

.adult_schoolList .tabContent .list ul li a.booking {
  color: #ff8800
}

.adult_schoolList .tabContent .list ul li a.booking::before {
  content: '\e89e'
}

@media (max-width: 760px) {
  .adult_schoolList .tabContent .list {
    float: none;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset
  }
}

.adult_schoolList .tabContent .list h4 {
	font-size:13px;
  	float: left;
  	width: auto;
  	white-space: nowrap;
  	padding: 1.4em 2% 1em;
}

@media (max-width: 760px) {
  .adult_schoolList .tabContent .list h4 {
    padding: 1.33em 5%
  }
}

.adult_schoolList .tabContent .list ul {
  float: right;
  min-width: 40px;
  /* padding: 0.5em 0.5em 0 0; */
}

@media (max-width: 360px) {
  .adult_schoolList .tabContent .list ul {
    min-width: 120px
  }
}

.adult_introdaction {
  position: relative;
  padding: 1px 0;
  background-color: rgba(35, 40, 40, 0.6);
  color: #fff
}

.adult_introdaction .sectionBody {
  width: 92%;
  max-width: 920px;
  margin: 2.5em auto
}

@media (max-width: 760px) {
  .adult_introdaction .sectionBody {
    width: 90%;
    overflow: hidden;
    margin: 5% auto
  }
}

.adult_introdaction .sectionBody h2 {
  font-size: 87.5%
}

.adult_introdaction .sectionBody ul {
  list-style: none;
  padding: 0;
  font-size: 150%;
  line-height: 1.5
}

.adult_introdaction .sectionBody ul li {
  margin: 0.25em 0
}

@media (max-width: 760px) {
  .adult_introdaction .sectionBody ul {
    font-size: 112.5%
  }
}

#sectionNav {
  list-style: none;
  padding: 0;
  width: 92%;
  max-width: 920px;
  margin: auto;
  margin-bottom: 2em
}

#sectionNav::after {
  content: '';
  display: block;
  clear: both
}

@media (max-width: 760px) {
  #sectionNav {
    display: none
  }
}

#sectionNav li {
  float: left;
  margin-right: 2em
}

#sectionNav li a {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  font-size: 87.5%
}

#sectionNav li a::before {
  font-size: 24px;
  margin: -0.25em 0.5em
}

#sectionNav li a:hover:before {
  content: '\e5db';
  color: #666
}

.adult_section .sectionHeader, .adult_section .sectionBody {
  width: 92%;
  max-width: 920px;
  margin: auto
}

.adult_section .sectionHeader::before, .adult_section .sectionHeader::after, .adult_section>a::before, .adult_section>a::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.adult_section .sectionHeader::after, .adult_section>a::after {
  color: #666
}

.adult_section .sectionHeader::before, .adult_section>a::before {
  content: '';
  display: inline-block;
  vertical-align: text-top
}

.adult_section .sectionHeader {
  font-size: 100%;
  padding: 1em 0;
  border-top: 3px solid;
  border-bottom: 1px solid #ccc;
  margin: auto
}

.adult_section .sectionHeader::before, .adult_section .sectionHeader::after {
  color: #666;
  font-size: 150%;
  margin: -0.1667em 0.5em
}

@media (max-width: 760px) {
  .adult_section .sectionHeader {
    width: auto;
    padding: 1.5em 0.5em;
    border-top: 1px solid;
    border-bottom-width: 0
  }
  .adult_section .sectionHeader::after {
    content: '\e313';
    display: block;
    float: right
  }
  .adult_section .sectionBody {
    width: 90%;
    max-height: 0;
    overflow: hidden
  }
  .adult_section.on .sectionBody {
    max-height: 100%
  }
  .adult_section.on .sectionHeader {
    padding-bottom: 0
  }
  .adult_section.on .sectionHeader::after {
    content: '\e316'
  }
}

.lessonPoint .sectionHeader::before, .lessonPoint>a::before {
  content: '\e5ca'
}

@media (min-width: 761px) {
  .lessonPoint .sectionHeader {
    display: none
  }
}

.lessonTime .sectionHeader::before, .lessonTime>a::before {
  content: '\e902'
}

.lessonTime .amount {
  float: left;
  width: 10em;
  padding: 2em 0;
  margin: 2.5em 1.25em;
  text-align: center;
  color: #fff;
  border-radius: 100%
}

.lessonTime .amount h5, .lessonTime .amount p {
  margin: auto;
  font-size: 75%;
  font-weight: bold;
  line-height: 1
}

.lessonTime .amount p {
  margin: 0.5em auto
}

.lessonTime .amount strong {
  display: block;
  font-size: 500%
}

@media (max-width: 720px) {
  .lessonTime .amount {
    float: none;
    margin: 2em auto
  }
}

.lessonTime .timeTable {
  margin: auto;
  padding-top: 1em;
  padding-bottom: 2.5em;
  overflow: hidden;
  position: relative
}

.lessonTime .timeTable::before {
  content: '';
  display: block;
  position: absolute;
  left: 3em;
  top: 0;
  height: 100%;
  border-left: 1px dotted #ddd
}

.lessonTime .timeTable .list {
  margin: auto;
  margin-left: 5em;
  padding-left: 1em;
  margin-top: 1em;
  position: relative
}

.lessonTime .timeTable .list h3 {
  font-size: 100%;
  line-height: 1.25;
  margin-bottom: auto
}

.lessonTime .timeTable .list p {
  font-size: 87.5%;
  margin-top: 0.5em;
  text-align: justify
}

.lessonTime .timeTable .list strong {
  display: inline-block;
  color: #666
}

.lessonTime .timeTable .list strong::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e902';
  display: inline-block;
  margin: 0 0.25em 0 1em
}

.lessonTime .timeTable .time {
  margin: 2em auto;
  position: relative;
  z-index: 1;
  left: 6em;
  text-indent: -4em;
  padding-right: 100%;
  text-align: center;
  font-size: 75%;
  line-height: 0;
  font-weight: bold
}

.lessonTime .timeTable .time:not(:first-child):after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 1em;
  width: 100%;
  border-top: 1px solid #ddd
}

@media (max-width: 720px) {
  .lessonTime .timeTable {
    border-top: 1px solid #ddd
  }
  .lessonTime .timeTable::before {
    left: 1.5em
  }
  .lessonTime .timeTable .list {
    margin-left: 3em
  }
  .lessonTime .timeTable .time {
    left: 4em
  }
}

.lessonClass .sectionHeader::before, .lessonClass>a::before {
  content: '\e901'
}

.lessonClass .sectionBody>:last-child {
  margin-bottom: 2.5em
}

.lessonClass .sectionBody .classTable {
  margin-top: 1em;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse
}

.lessonClass .sectionBody .classTable th, .lessonClass .sectionBody .classTable td {
  border: 1px solid #ccc;
  padding: 1em;
  font-size: 87.5%
}

.lessonClass .sectionBody .classTable th p, .lessonClass .sectionBody .classTable td p {
  margin: auto
}

.questions .sectionHeader::before, .questions>a::before {
  content: '\e970'
}

.questions .list {
  margin: 2.5em auto;
  position: relative
}

.questions .list h3 {
  font-size: 125%;
  line-height: 1.25;
  margin: auto
}

.questions .list h3::before {
  content: 'Q.';
  display: inline-block;
  margin: 0 1em 0 0.25em
}

.questions .list p {
  margin-top: 0.5em;
  padding-left: 4em;
  text-align: justify
}

@media (max-width: 720px) {
  .questions .list p {
    padding-left: 0
  }
}

#golf-1 h3, #golf-3 h3, #golf-4 h3 {
  font-size: 150%
}

#golf-2 .img, #golf-4 .img {
  border-radius: 5%;
  overflow: hidden
}

#golf-1 {
  margin-top: 2.5em;
  text-align: center
}

#golf-1 .list {
  max-width: 600px;
  margin: auto auto 6.521%;
  padding: 1em;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
  position: relative
}

#golf-1 .list h5, #golf-1 .list p {
  margin: 0.5em auto;
  line-height: 1.5;
  font-weight: bold
}

#golf-1 .list:nth-child(2)::after {
  content: '';
  display: block;
  border: 10px solid transparent;
  border-top-color: #333;
  position: absolute;
  left: 50%;
  top: 100%;
  margin: 25px -10px -20px
}

#golf-1 .list:nth-child(3), #golf-1 .list:nth-child(4) {
  width: 45.652%
}

#golf-1 .list:nth-child(3) {
  float: left
}

#golf-1 .list:nth-child(3)::after {
  content: '';
  display: block;
  border-top: 1px solid #333;
  position: absolute;
  left: 109.523%;
  top: 50%;
  width: 14.285%;
  margin-left: -7.143%;
  transform-origin: center top;
  transform: rotate(45deg)
}

#golf-1 .list:nth-child(4) {
  float: right
}

#golf-1 .list:nth-child(4)::before {
  content: '';
  display: block;
  border-top: 1px solid #333;
  position: absolute;
  left: -9.524%;
  top: 50%;
  width: 14.285%;
  margin-left: -7.143%;
  transform-origin: center top;
  transform: rotate(-45deg)
}

#golf-1 .list:nth-child(5) {
  clear: both
}

#golf-1 .list:nth-child(5)::before {
  content: '';
  display: block;
  border: 10px solid transparent;
  border-top-color: #333;
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin: 0 -10px 15px
}

@media (max-width: 760px) {
  #golf-1 .list {
    margin: auto auto 60px
  }
  #golf-1 .list:nth-child(3), #golf-1 .list:nth-child(4) {
    float: none;
    width: auto
  }
  #golf-1 .list:nth-child(3)::after {
    left: 50%;
    top: 100%;
    margin-top: 30px;
    width: 40px;
    margin-left: -20px
  }
  #golf-1 .list:nth-child(4)::before {
    left: 50%;
    top: 0%;
    margin-top: -30px;
    width: 40px;
    margin-left: -20px
  }
}

#golf-2::after {
  content: '';
  display: block;
  clear: both
}

@media (max-width: 760px) {
  #golf-2 {
    margin-bottom: 2.5em
  }
}

#golf-2 .list {
  float: left;
  width: 30.434%;
  margin: 0;
  margin-right: 4.347%
}

#golf-2 .list:last-child {
  margin-right: 0
}

#golf-2 .list img {
  width: 100%;
  height: auto
}

@media (max-width: 760px) {
  #golf-2 .list {
    float: none;
    width: auto;
    margin: 2em auto
  }
  #golf-2 .list .img {
    float: right;
    width: 40%;
    max-width: 160px;
    margin-left: 2em
  }
}

#golf-3::after {
  content: '';
  display: block;
  clear: both
}

@media (max-width: 760px) {
  #golf-3 {
    margin-bottom: 2.5em
  }
}

#golf-3 .list {
  float: left;
  width: 45.652%;
  margin: 0;
  margin-right: 8.695%
}

#golf-3 .list:last-child {
  margin-right: 0
}

@media (max-width: 760px) {
  #golf-3 .list {
    float: none;
    width: auto;
    margin: 2em auto
  }
}

#golf-4 {
  margin-top: 2.5em;
  border-top: 1px solid rgba(35, 40, 40, 0.2);
  margin-bottom: 2.5em
}

#golf-4::after {
  content: '';
  display: block;
  clear: both
}

#golf-4 .img {
  float: right;
  width: 40%;
  max-width: 280px;
  margin: 0;
  margin-left: 4.347%;
  margin-bottom: 1em
}

#golf-4 .img img {
  width: 100%;
  height: auto
}

#golf-4 ul {
  font-size: 87.5%;
  list-style: none;
  padding: 0
}

#golf-4 ul li {
  overflow: hidden;
  padding: 1em 0;
  border-top: 1px solid #ccc
}

#tennis-1 h3, #tennis-2 h3 {
  font-size: 150%
}

.lessonPoint {
  overflow: hidden
}

#tennis-1, #tennis-2 {
  margin-bottom: 2.5em
}

#tennis-1::after, #tennis-2::after {
  content: '';
  display: block;
  clear: both
}

#tennis-1 h3, #tennis-2 h3 {
  text-align: center
}

#tennis-1 .img, #tennis-2 .img {
  margin-bottom: 2.5em
}

#tennis-1 .img img, #tennis-2 .img img {
  width: 139.13%;
  height: auto;
  margin: 0 -19.566%
}

@media (max-width: 760px) {
  #tennis-1 .img, #tennis-2 .img {
    margin: 2.5em auto;
    border-radius: 5%;
    overflow: hidden
  }
}

#tennis-1 .list, #tennis-2 .list {
  float: left;
  width: 45.652%;
  margin: 0;
  margin-right: 8.695%
}

#tennis-1 .list:nth-child(even), #tennis-2 .list:nth-child(even) {
  margin-right: 0
}

#tennis-1 .list:last-child, #tennis-2 .list:last-child {
  margin-right: 0
}

@media (max-width: 760px) {
  #tennis-1 .list, #tennis-2 .list {
    float: none;
    width: auto;
    margin: 2em auto
  }
}

#swim-1 h3 {
  font-size: 150%
}

#swim-1 .img {
  border-radius: 5%;
  overflow: hidden
}

#swim-1 .list {
  margin-top: 2.5em;
  border-top: 1px solid rgba(35, 40, 40, 0.2);
  padding-top: 1em;
  margin-bottom: 2.5em
}

#swim-1 .list::after {
  content: '';
  display: block;
  clear: both
}

#swim-1 .list h4 {
  margin: 1em auto
}

#swim-1 .list .img {
  float: right;
  width: 40%;
  max-width: 280px;
  margin: 1em auto;
  margin-left: 4.347%
}

#swim-1 .list .img img {
  width: 100%;
  height: auto
}

#swim-1 .list .coverage {
  display: inline-block;
  font-weight: bold;
  font-size: 87.5%;
  padding: 0.25em 1em;
  border: 1px solid #ccc;
  border-radius: 1em
}

#swim-1 ul {
  font-size: 87.5%;
  list-style: none;
  padding: 0
}

#swim-1 ul li {
  overflow: hidden;
  padding: 1em 0;
  border-top: 1px solid #ccc
}


/*# sourceMappingURL=common.css.map */