@charset "UTF-8";
/* Scss Document */
body .important {
  color: #ff0000;
  font-weight: bold; }
body .attention {
  color: #a80d20; }
body .p5 {
  padding: 5px !important; }
body .p10 {
  padding: 10px !important; }
body .pT5 {
  padding-top: 5px !important; }
body .pT10 {
  padding-top: 10px !important; }
body .pT15 {
  padding-top: 15px !important; }
body .pT20 {
  padding-top: 20px !important; }
body .pB5 {
  padding-bottom: 5px !important; }
body .pB10 {
  padding-bottom: 10px !important; }
body .pB15 {
  padding-bottom: 15px !important; }
body .pB20 {
  padding-bottom: 20px !important; }
body .m0 {
  margin: 0px !important; }
body .m10 {
  margin: 10px !important; }
body .m15 {
  margin: 15px !important; }
body .mT5 {
  margin-top: 5px !important; }
body .mT10 {
  margin-top: 10px !important; }
body .mT15 {
  margin-top: 15px !important; }
body .mT20 {
  margin-top: 20px !important; }
body .mT30 {
  margin-top: 30px !important; }
body .mT40 {
  margin-top: 40px !important; }
body .mT1em {
  margin-top: 1em !important; }
body .mT2em {
  margin-top: 2em !important; }
body .mB10 {
  margin-bottom: 10px !important; }
body .mB15 {
  margin-bottom: 15px !important; }
body .mB20 {
  margin-bottom: 20px !important; }
body .mL10 {
  margin-left: 10px !important; }
body .mR10 {
  margin-right: 10px !important; }
body .mR20 {
  margin-right: 20px !important; }

/* --- フォント--- */
p, li {
  font-size: 90%; }

.cvbtn {
  width: 100%;
  margin: 60px auto 0;
  max-width: 410px; }

#message strong {
  color: #2C7E97; }

.min {
  font-family: a-otf-ud-reimin-pr6n, Times New Roman, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif !important; }

/* --- clearfix --- */
.clearfix {
  zoom: 1;
  /*for IE 5.5-7*/
  overflow: hidden; }
  .clearfix:after {
    /*for modern browser*/
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden; }

/* ------------------------ 
        　common
 ------------------------ */
body {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 190%;
  letter-spacing: 5%;
  /*position: relative;*/
  left: 0;
  overflow-x: hidden;
  color: #454545;
  background-color: #FFFFFF; }

a {
  text-decoration: none;
  color: #343434;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease; }
  a:visited {
    text-decoration: none;
    color: #222; }
  a:hover {
    text-decoration: underline; }

img {
  vertical-align: middle; }

/* --- container-div --- */
#container {
  margin: 0 auto;
  width: 90%;
  max-width: 1000px; }

main {
  margin: 0 auto; }

.cvbtn a {
  /* [disabled]background-color: #FFFFFF; */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  display: block;
  border: solid #2c7e97 2px;
  padding: 7% 10%;
  line-height: 100%; }
  .cvbtn a img {
    width: 100%; }
  .cvbtn a:hover {
    background-color: #d4ebea; }

.cv {
  margin: 70px auto;
  text-align: center;
  width: 90%;
  max-width: 328px; }
  .cv .logo {
    margin: 40px auto; }
  .cv img {
    width: 100%; }

.pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px; }
  @media (max-width: 1023px) {
    .pagetop {
      bottom: 60px; } }
  .pagetop img {
    width: 40px; }

br.sp {
  display: none; }
  @media (max-width: 599px) {
    br.sp {
      display: block; } }

br.tab {
  display: none; }
  @media (max-width: 1023px) {
    br.tab {
      display: block; } }

@media (max-width: 1023px) {
  br.pc {
    display: none; } }

header nav {
  background-color: #2c7e97;
  text-align: center;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400; }
  @media (max-width: 1023px) {
    header nav {
      opacity: 0.95; } }
  header nav ul.slimmenu {
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 1023px) {
      header nav ul.slimmenu {
        width: 100%; } }
    header nav ul.slimmenu li {
      width: 200px; }
      header nav ul.slimmenu li li a {
        padding-left: 0;
        padding-right: 0; }
    header nav ul.slimmenu li.home {
      display: none; }
      @media (max-width: 1023px) {
        header nav ul.slimmenu li.home {
          display: block; } }
    header nav ul.slimmenu li.sns span {
      display: none; }
      @media (max-width: 1023px) {
        header nav ul.slimmenu li.sns span {
          display: inline;
          margin-left: 10px; } }
    header nav ul.slimmenu li .sub-collapser {
      display: none; }
      @media (max-width: 1023px) {
        header nav ul.slimmenu li .sub-collapser {
          display: block; } }

@media (max-width: 599px) {
  p.home {
    display: none; } }
p.home a {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  display: block;
  box-sizing: border-box;
  padding: 5px 15px 10px; }
  p.home a:hover {
    background-color: #3995b0; }

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }
  @media (max-width: 1023px) {
    .fixed {
      top: auto;
      bottom: 0; } }

footer {
  padding: 85px 10%;
  background-color: #D4EBEA;
  text-align: center;
  color: #2C7E97; }
  @media (max-width: 1023px) {
    footer {
      padding: 50px 10%; } }
  footer small {
    color: #FFFFFF;
    margin-top: 30px; }
  footer nav {
    margin: 40px auto; }
    footer nav ul {
      display: table;
      margin: 0 auto; }
      @media (max-width: 1023px) {
        footer nav ul.menu {
          display: none; } }
      footer nav ul li {
        display: table-cell;
        padding: 0 20px;
        border-right: solid #fff 1px; }
        footer nav ul li:last-of-type {
          border-right: none; }
        footer nav ul li li {
          display: block;
          padding: 0;
          border: none;
          font-size: 80%; }
        footer nav ul li a {
          color: #2C7E97; }
          footer nav ul li a:visited {
            color: #79AFC0; }
      footer nav ul.sns {
        margin-top: 30px; }
        footer nav ul.sns li {
          padding: 0 20px;
          border-right: none; }
  footer .name {
    margin-top: 30px;
    font-weight: bold; }
  footer .inquiry {
    margin-top: 30px; }
    footer .inquiry a {
      background-color: #2c7e97;
      color: #fff;
      border: solid #2c7e97 1px;
      padding: 20px;
      border-radius: 10px; }
      footer .inquiry a:hover {
        text-decoration: none;
        opacity: 0.8; }
  footer .line {
    width: 90%;
    box-sizing: border-box;
    max-width: 300px;
    margin: 40px auto; }
    footer .line p.text {
      text-align: left;
      font-size: 12px;
      line-height: 160%; }
      @media (max-width: 1023px) {
        footer .line p.text {
          text-align: center; } }
      footer .line p.text span {
        display: inline; }
        @media (max-width: 1023px) {
          footer .line p.text span {
            display: none; } }
    footer .line h5 {
      text-align: left;
      font-weight: bold;
      font-size: 14px;
      margin-bottom: 5px; }
      @media (max-width: 599px) {
        footer .line h5 {
          text-align: center; } }
      footer .line h5 a {
        color: #2c7e97;
        text-decoration: underline; }
    footer .line .img {
      float: left;
      overflow: auto;
      margin-right: 20px; }
      @media (max-width: 599px) {
        footer .line .img {
          float: none;
          margin-right: 0;
          margin-bottom: 10px; } }
      footer .line .img img {
        width: 90px;
        height: 90px; }
        @media (max-width: 1023px) {
          footer .line .img img.qr {
            display: none; } }
        footer .line .img img.ico {
          display: none; }
          @media (max-width: 1023px) {
            footer .line .img img.ico {
              display: inline; } }
  footer .copyright {
    margin-top: 30px; }

/* --- まずは日程をチェックボタン --- */
.check_date_btn {
  position: fixed;
  top: 60px;
  right: 20px;
  z-index: 100; }
  @media (max-width: 1023px) {
    .check_date_btn {
      top: 10px;
      left: 10px; } }
  .check_date_btn img {
    transition: all .2s ease-in-out; }
    .check_date_btn img:hover {
      transform: scale(1.1); }

.enquiry, .check_date {
  text-align: center; }
  .enquiry a, .check_date a {
    background-color: #FFFDF4;
    color: #B5A25D;
    border: solid #B5A25D 1px;
    border-radius: 10px;
    padding: 30px;
    font-size: 20px;
    display: inline-block; }
    .enquiry a:hover, .check_date a:hover {
      background-color: #FFE9E9;
      text-decoration: none; }

.check_date {
  background: url("../img/common/available.svg") no-repeat top center;
  padding-top: 30px;
  margin-top: 50px; }

#boxer-overlay {
  z-index: 1001; }