@charset "UTF-8";
body {
  /*    background-image: url(../../img/vol2-2.jpg);
  background-size: contain;*/
  font-family: Open Sans;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-color: #ffffff;
  /*background-color: rgba(225,225,225,0.8);*/
  background-blend-mode: lighten;
}

/*h1 {
    font-size: 1.4rem;
}

h2 {
    font-size: 1.2rem;
}

h3 {
    font-size: 1.0rem;
}

h1, h2, h3 {
    height: 30px;
    line-height: 30px;
}
*/
h1 {
  font-size: 1.2rem;
  font-weight: bold;
  position: relative;
  padding: 0.5rem 0;
  margin-left: 0;
}
h1:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(#6191d3), to(#bed6f8));
  background-image: -webkit-linear-gradient(left, #6191d3 0%, #bed6f8 100%);
  background-image: linear-gradient(to right, #6191d3 0%, #bed6f8 100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.h1Logo {
  font-size: 1.2rem;
  font-weight: bold;
  position: relative;
  padding: 1rem 0;
  color: dimgrey;
}
.h1Logo:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(#6191d3), to(#bed6f8));
  background-image: -webkit-linear-gradient(left, #6191d3 0%, #bed6f8 100%);
  background-image: linear-gradient(to right, #6191d3 0%, #bed6f8 100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

h2 {
  font-size: 1.1rem;
  font-weight: bold;
  font-family: Meiryo;
  position: relative;
  padding: 0.5rem 0;
  color: dimgrey;
}
h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: "";
  background-image: -webkit-repeating-linear-gradient(135deg, #6191d3, #6191d3 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #6191d3, #6191d3 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

h3 {
  font-family: Meiryo;
  font-weight: bold;
  color: #2862a9;
  font-size: 1rem;
}

h4 {
  font-size: 1.2rem;
  font-weight: bold;
  position: relative;
  padding: 0.5rem 0;
  margin-left: 0;
}
h4:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(#6191d3), to(#bed6f8));
  background-image: -webkit-linear-gradient(left, #6191d3 0%, #bed6f8 100%);
  background-image: linear-gradient(to right, #6191d3 0%, #bed6f8 100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.info_box {
  padding: 0px;
  width: 100%;
  /*    border:1px solid $color_dash_orange;
      border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;*/
}

.required:after {
  color: red;
  content: "※必須";
}

.time_table th {
  border: 1px solid #6c757d;
  width: 16.6666666667%;
}
.time_table td:nth-child(2n+1) {
  border-right: 1px dotted black;
}
.time_table td {
  border: 1px solid #6c757d;
  width: 8.3333333333%;
  height: 50px;
}

.navbar {
  background: rgb(93, 93, 96);
  background: #6191d3;
  z-index: 800;
}

.cursor-pointer {
  cursor: pointer !important;
}

.dropdown-item:hover {
  background-color: #828282;
}

.nav-link, .dropdown-item {
  color: white !important;
  cursor: pointer;
}
.nav-link i, .dropdown-item i {
  color: white;
  background: white;
  /*color: #eece67;*/
  /*background: -webkit-linear-gradient(0deg, $color_gradient_from, $color_gradient_to); //背景色にグラデーションを指定*/
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 576px) {
  body {
    /*background-image: url("/img/bg-img-2000.png");*/
  }
  #gym_nav {
    background-image: url(../../img/vol2-2.jpg);
    background-repeat: repeat-y;
  }
  .dropdown-menu {
    background-color: #4d4d4d;
    color: white;
    cursor: pointer;
  }
}
@media screen and (max-width: 576px) {
  body {
    /*background-image: url("/img/bg-img-800.png");*/
  }
  #gym_nav {
    background-image: none;
    background-color: #6191d3;
  }
  .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    cursor: pointer;
  }
}
.face-current {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid red;
}

.face {
  height: 38px;
  width: 38px;
  background-size: 30px;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  position: relative;
}
.face:hover {
  border: 1px solid gray;
  cursor: pointer;
}

.tc-blue {
  color: #007bff !important;
}

.bg-blue {
  background-color: #007bff !important;
}

.tc-indigo {
  color: #6610f2 !important;
}

.bg-indigo {
  background-color: #6610f2 !important;
}

.tc-purple {
  color: #6f42c1 !important;
}

.bg-purple {
  background-color: #6f42c1 !important;
}

.tc-pink {
  color: #e83e8c !important;
}

.bg-pink {
  background-color: #e83e8c !important;
}

.tc-red {
  color: #dc3545 !important;
}

.bg-red {
  background-color: #dc3545 !important;
}

.tc-orange {
  color: #fd7e14 !important;
}

.bg-orange {
  background-color: #fd7e14 !important;
}

.tc-yellow {
  color: #ffc107 !important;
}

.bg-yellow {
  background-color: #ffc107 !important;
}

.tc-green {
  color: #28a745 !important;
}

.bg-green {
  background-color: #28a745 !important;
}

.tc-teal {
  color: #20c997 !important;
}

.bg-teal {
  background-color: #20c997 !important;
}

.tc-cyan {
  color: #17a2b8 !important;
}

.bg-cyan {
  background-color: #17a2b8 !important;
}

.tc-white {
  color: #fff !important;
}

.bg-white {
  background-color: #fff !important;
}

.tc-gray {
  color: #6c757d !important;
}

.bg-gray {
  background-color: #6c757d !important;
}

.tc-gray-dark {
  color: #343a40 !important;
}

.bg-gray-dark {
  background-color: #343a40 !important;
}

.tc-black {
  color: #000 !important;
}

.bg-black {
  background-color: #000 !important;
}

.tc-bgcolor {
  color: rgba(248, 224, 211, 0.1) !important;
}

.bg-bgcolor {
  background-color: rgba(248, 224, 211, 0.1) !important;
}

.tc-sunday {
  color: #c83636 !important;
}

.bg-sunday {
  background-color: #c83636 !important;
}

.tc-saturday {
  color: #404e83 !important;
}

.bg-saturday {
  background-color: #404e83 !important;
}

.tc-primary {
  color: #007bff !important;
}

.tc-secondary {
  color: #6c757d !important;
}

.tc-success {
  color: #28a745 !important;
}

.tc-info {
  color: #17a2b8 !important;
}

.tc-warning {
  color: #ffc107 !important;
}

.tc-danger {
  color: #dc3545 !important;
}

.tc-light {
  color: #f8f9fa !important;
}

.tc-dark {
  color: #343a40 !important;
}

.tc-bgcolor {
  color: rgba(248, 224, 211, 0.1) !important;
}

.tc-sunday {
  color: #c83636 !important;
}

.tc-saturday {
  color: #404e83 !important;
}

.tc-site-main-color {
  color: #6191d3 !important;
}

.tc-site-theme-light {
  color: #bed6f8 !important;
}

.tc-site-accent-color {
  color: #fe592c !important;
}

.tc-area_color_main {
  color: #f7cdf2 !important;
}

.tc-area_color_sub {
  color: #a9eae2 !important;
}

.tc-area_color_nomal {
  color: #e0e0e0 !important;
}

.list-group-item:hover {
  background-color: #a7c7f6;
}

.dayCell:hover {
  background-color: gainsboro !important;
  cursor: pointer;
}

.tc-caption {
  font-weight: bold;
  font-family: Meiryo;
  color: dimgrey;
}

.hr-site-main {
  display: block;
  height: 1px;
  width: auto;
  background-color: #6191d3 !important;
  border: 1px inset;
  color: #6191d3 !important;
}