@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(#133656), to(#adc7db));
    background-image: -webkit-linear-gradient(left, #133656 0%, #adc7db 100%);
    background-image: linear-gradient(to right, #133656 0%, #adc7db 100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

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

h2 {
  font-size: 1.0rem;
  font-weight: normal;
  position: relative;
  padding: 0.5rem 0; }
  h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #133656, #133656 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #133656, #133656 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -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: calc(100%/6); }

.time_table td:nth-child(2n+1) {
  border-right: 1px dotted black; }

.time_table td {
  border: 1px solid #6c757d;
  width: calc(100%/12);
  height: 50px; }

.navbar {
  background: #5d5d60;
  background: #133656;
  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: #133656; }
  .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; }

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

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