.font_red{
  font-weight: bold;
  color: #ff0000;
}
.font_line{
  font-weight: bold;
  text-decoration: underline;
}

.modPageTitle {
  background-image: url(../img/junior/bgTitle.jpg); }
  .modPageTitle.swim {
    background-image: url(../img/junior/swim/bgTitle.jpg); }
  .modPageTitle.taisou {
    background-image: url(../img/junior/taisou/bgTitle.jpg); }
  .modPageTitle.tanki {
    background-image: url(../img/junior/tanki/bgTitle.jpg); }
  .modPageTitle.furikae {
    background-image: url(../img/junior/furikae/bgTitle.jpg); }
  .modPageTitle.baby {
    background-image: url(../img/junior/baby/bgTitle.jpg); }
  .modPageTitle.dance {
    background-image: url(../img/junior/dance/bgTitle.jpg); }

  .modPageTitle.karate {
    background-image: url(../img/junior/karate/bgTitle.jpg); }
    @media only screen and (max-width: 768px) {
  .modPageTitle.karate {
    background-image: url(../img/junior/karate/bgTitleSp.jpg);
    background-size:cover; }
    }

.modUnderBlock.dance .modUnderInner {
  background-color: #000; }

.modPageTitle03.furikae .title {
  width: 320px; }
  @media only screen and (max-width: 768px) {
    .modPageTitle03.furikae .title {
      width: auto; } }

.modPageTitle03.baby {
  padding-right: 100px; }
  @media only screen and (max-width: 768px) {
    .modPageTitle03.baby {
      padding-right: 0; } }

.modPageTitle03.dance .title {
  width: 300px;
  background-image: url(../img/junior/dance/arrowTitle.png); }
  @media only screen and (max-width: 768px) {
    .modPageTitle03.dance .title {
      background-image: none;
      width: auto;
      text-align: center; }
      .modPageTitle03.dance .title .modSpOnly {
        display: inline !important; } }

.modPageTitle03.dance .txt {
  color: #fff; }

.modPageTitle03.furikae .txt dl {
  font-size: 13px;
  font-size: 1.3rem;
  text-align: left; }

#side {
  float: left;
  width: 28%; }
  @media only screen and (max-width: 979px) {
    #side {
      float: none;
      width: auto; } }
  @media only screen and (max-width: 768px) {
    #side .modMenuList {
      margin: 0 -2% 40px; }
      #side .modMenuList:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden; }
      #side .modMenuList li {
        float: left;
        margin: 0 2% 15px;
        width: 46%; }
      #side .modMenuList a {
        padding: 0 5px;
        height: 80px;
        line-height: 80px; } }
  @media only screen and (max-width: 979px) {
    #side .modMenuList02 {
      margin: 0 -2% 90px;
      padding: 0 70px; }
      #side .modMenuList02:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden; } }
  @media only screen and (max-width: 979px) and (max-width: 768px) {
    #side .modMenuList02 {
      margin: 0 -1% 45px;
      padding: 0;
      position: relative; } }
  @media only screen and (max-width: 979px) {
      #side .modMenuList02 li {
        float: left;
        width: 29.3%;
        margin: 0 2% 2%; } }
    @media only screen and (max-width: 979px) and (max-width: 768px) {
      #side .modMenuList02 li {
        width: 48%;
        margin: 0 1% 15px; }
        #side .modMenuList02 li a {
          height: 80px;
          line-height: 80px; } }

#main {
  float: right; }
  @media only screen and (max-width: 979px) {
    #main {
      float: none;
      width: auto; } }
.topBnrBlock {
  margin-bottom: 55px;}
  .topBnrBlock a:hover {
    opacity: 0.8;}
  .topBnrBlock .imgBlock {
    margin: 0;}
  @media only screen and (max-width: 768px) {
    .topBnrBlock .txtItem{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    }
    .topBnrBlock .txtItem .logo {
      width: 112px;
      -ms-flex-negative:0;
	    flex-shrink:0;
    }
    .topBnrBlock .txtItem figure {
      margin: 0;
    }
    .topBnrBlock .txt{
      font-size: 10px;
      font-size: 1rem;
      padding: 0 0 0 12px;
    }}
.topBlock {
  margin-bottom: 60px; }
  @media only screen and (max-width: 768px) {
    .topBlock {
      margin-bottom: 0; } }
  .topBlock .title {
    position: absolute;
    left: 0;
    bottom: 0; }
    @media only screen and (max-width: 768px) {
      .topBlock .title {
        position: static;
        display: table-cell;
        vertical-align: middle;
        width: 112px; } }
  .topBlock li {
    margin-bottom: 40px;
    position: relative;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      .topBlock li {
        margin-bottom: 25px; }
        .topBlock li > img {
          width: 100%; } }
    .topBlock li:nth-child(even) {
      text-align: left; }
      .topBlock li:nth-child(even) .title {
        right: 0;
        left: auto; }
  @media only screen and (max-width: 768px) {
    .topBlock .inner {
      display: table;
      margin: 20px 0 0; } }
  @media only screen and (max-width: 768px) {
    .topBlock .txt {
      display: table-cell !important;
      vertical-align: middle;
      padding: 0 0 0 12px;
      font-size: 10px;
      font-size: 1rem;
      text-align: left; } }
  .topBlock a:hover {
    opacity: 0.8; }

/* swim */
.swimList {
  margin: 0 -3%; }
  .swimList:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  @media only screen and (max-width: 768px) {
    .swimList {
      margin: 0; } }
  .swimList li {
    float: left;
    width: 44%;
    margin: 0 3% 66px; }
    @media only screen and (max-width: 768px) {
      .swimList li {
        float: none;
        width: auto;
        margin: 0 0 25px; } }
  .swimList .body {
    position: relative;
    padding: 0 108px 0 0; }
    @media only screen and (max-width: 768px) {
      .swimList .body {
        padding: 0 96px 0 0; } }
  .swimList .inner {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding-bottom: 10px; }
  .swimList .title, .swimList .txt {
    display: table-cell;
    vertical-align: top; }
  .swimList .title {
    width: 114px;
    padding: 0 10px 0 0; }
    @media only screen and (max-width: 768px) {
      .swimList .title {
        width: 74px; } }
  .swimList .txt {
    font-size: 12px;
    font-size: 1.2rem; }
    @media only screen and (max-width: 768px) {
      .swimList .txt {
        font-size: 10px;
        font-size: 1rem; } }
  .swimList .photo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 120px; }
    @media only screen and (max-width: 768px) {
      .swimList .photo {
        width: 92px; } }
  .swimList .table {
    margin-bottom: 12px; }
  .swimList .btn a {
    display: block;
    background-color: #E60012;
    position: relative;
    border-radius: 20px;
    padding: 2px 0;
    color: #fff;
    text-align: center;
    font-weight: bold; }
    .swimList .btn a:before, .swimList .btn a:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      background-color: #fff;
      width: 5px;
      height: 5px;
      margin: auto;
      border-radius: 50%; }
    .swimList .btn a:before {
      left: 8px; }
    .swimList .btn a:after {
      right: 8px; }

.swimPrice {
  display: table;
  position: relative;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 70px; }
  @media only screen and (max-width: 768px) {
    .swimPrice {
      display: block;
      margin-bottom: 40px; } }
  .swimPrice .title, .swimPrice .detail {
    display: table-cell;
    vertical-align: middle; }
  .swimPrice .title {
    width: 170px; }
  .swimPrice .detail {
    font-size: 12px;
    font-size: 1.2rem; }
    @media only screen and (max-width: 768px) {
      .swimPrice .detail {
        display: block;
        font-size: 10px;
        font-size: 1rem; } }
    .swimPrice .detail p {
      margin-bottom: 5px; }
  .swimPrice .table {
    width: 474px; }
    @media only screen and (max-width: 768px) {
      .swimPrice .table {
        width: auto; }
        .swimPrice .table img {
          width: 100%; } }
  .swimPrice .illust {
    position: absolute;
    right: -75px;
    bottom: -20px; }
    @media only screen and (max-width: 979px) {
      .swimPrice .illust {
        display: none; } }

/* taisou */
.taisouList {
  margin: 0 -1% 46px; }
  .taisouList:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  @media only screen and (max-width: 768px) {
    .taisouList {
      margin-bottom: 10px; } }
  .taisouList li {
    float: left;
    width: 31.3%;
    margin: 0 1%; }
    @media only screen and (max-width: 768px) {
      .taisouList li {
        width: 48%; }
        .taisouList li img {
          width: 100%; } }
  @media only screen and (max-width: 768px) {
    .taisouList .time {
      float: none;
      width: auto;
      clear: both;
      padding: 15px 0 0; } }

@media only screen and (max-width: 768px) {
  .modCoachBlock .taisou01 .sub, .modCoachBlock .taisou02 .sub, .modCoachBlock .taisou03 .sub {
    padding-right: 0;
    padding-bottom: 25px; } }

@media only screen and (max-width: 768px) {
  .modCoachBlock .taisou01 .photo, .modCoachBlock .taisou02 .photo, .modCoachBlock .taisou03 .photo {
    bottom: -51px; } }

.modCoachBlock .taisou01 .name, .modCoachBlock .taisou02 .name, .modCoachBlock .taisou03 .name {
  text-align: left; }

/* tanki */
.pointList {
  margin: 0 -1.5% 70px; }
  .pointList:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  @media only screen and (max-width: 768px) {
    .pointList {
      margin: 0 20px 30px; } }
  .pointList li {
    float: left;
    width: 30%;
    margin: 0 1.5%;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .pointList li {
        float: none;
        width: auto;
        margin: 0 0 25px; } }
  .pointList .arrow {
    margin: 30px 0; }
    @media only screen and (max-width: 768px) {
      .pointList .arrow {
        margin: 15px 0; } }
    .pointList .arrow img {
      width: 47px; }
      @media only screen and (max-width: 768px) {
        .pointList .arrow img {
          width: 34px; } }

/* baby */
.babyList {
  margin: 0 -0.5% 90px;
  position: relative; }
  .babyList:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  @media only screen and (max-width: 768px) {
    .babyList {
      max-width: 600px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 30px; } }
  .babyList .free {
    position: absolute;
    right: -20px;
    top: -96px; }
  .babyList > li {
    float: left;
    width: 32.3%;
    margin: 0 0.5%; }
    @media only screen and (max-width: 768px) {
      .babyList > li {
        width: 48%;
        margin: 0 1%; } }
    @media only screen and (max-width: 768px) {
      .babyList > li.right {
        width: auto;
        float: none;
        clear: both; } }
  .babyList .table {
    margin-bottom: 10px; }
    @media only screen and (max-width: 768px) {
      .babyList .table {
        padding-top: 12px; } }
  .babyList li li {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.3; }

.modCoachBlock {
  position: relative; }
  .modCoachBlock .illust {
    position: absolute;
    right: -70px;
    top: -80px; }
  .modCoachBlock.dance .photo {
    right: 3%; }

.danceList {
  margin-bottom: 50px; }
  @media only screen and (max-width: 768px) {
    .danceList {
      margin: 0 -10px; } }
  .danceList li {
    margin-bottom: 25px; }
    @media only screen and (max-width: 768px) {
      .danceList li {
        margin-bottom: 15px;
        text-align: center; } }

.dancePhoto {
  margin: 0 0 80px; }
  .dancePhoto img {
    width: 100%; }
  @media only screen and (max-width: 768px) {
    .dancePhoto {
      margin-bottom: 40px; } }


/* karate */
.karatePrice {
  display: table;
  position: relative;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 70px;
}
@media only screen and (max-width: 768px) {
.karatePrice {
  display: block;
  margin-bottom: 40px; } 
}
.karatePrice .title, .karatePrice .detail {
    display: table-cell;
    vertical-align: middle; 
}
.karatePrice .title {
	width: 170px;
}
.karatePrice .detail {
    font-size: 12px;
    font-size: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .karatePrice .detail {
    display: block;
    font-size: 10px;
    font-size: 1rem; } }
.karatePrice .detail p {
  margin-bottom: 5px; }
.karatePrice .table {
width: 474px; }

@media only screen and (max-width: 768px) {
  .karatePrice .table {
    width: auto; }
    .karatePrice .table img {
      width: 100%; } }
.karatePrice .illust {
position: absolute;
right: -15px;
bottom: -20px; }
@media only screen and (max-width: 979px) {
  .karatePrice .illust {
    display: none; } }
    
.karateCoach{
    border-top: solid 1px #E60012;
    position:relative;
    margin:60px 0 0;
}

@media only screen and (max-width: 979px) {
    
.karateCoach{
    margin:30px 0 0;
}

}

.karateCoach .image{
    position:absolute;
    top:-20px;
    bottom:-20px;
    margin:auto;
    right:-105px;
}

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

.karateCoach .image{
    top:0;
    bottom:0;
    right:0;
    width:80px;
    height:80px;
}
}

.karateCoach .txt{
    padding-top:15px;
    padding-right:15px;
    font-size:18px;
    font-size:1.8rem;
}

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


.karateCoach .txt{
    padding-right:0px;
    font-size:12px;
    font-size:1.2rem;
}

}

.karateCoachImage{
    margin-bottom:25px;
    text-align:center;
}

.karateCoachProfile{
    margin-bottom:30px;
    text-align:center;
}

/*�U�փt�H�[��*/
#table_furikae .kubun{
	display: none;
}
#table_furikae .kubun .ico_file{
	width: 20px;
  height: auto;
  margin: 0 3px;
  vertical-align: middle;
}
#table_furikae .time_select option[disabled="disabled"]{
	display: none;
}
#table_furikae .time_select[disabled="disabled"]{
  opacity: 0.5;
}

/*# sourceMappingURL=maps/junior.css.map */