@charset "UTF-8";
/**
*
* 登山ナビ　星空指数
*
*/

#hour .sct-day{
  padding-top: 20px !important;
  margin-top: 0 !important;
}
/* ==========================================================================
sct-sample
========================================================================== */
.sct-sample {
  /* padding-top: 40px; */
  }
  .sct-sample .sct-sample-txt {
    margin-bottom: 30px;
    background-image: url("");
    font-size: 28px;
    font-size: 2.8rem;
    font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4; }
    .sct-sample .sct-sample-txt strong {
      color: #015db2;
      font-size: 34px;
      font-size: 3.4rem;
      font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
      font-style: normal;
      font-weight: 700;
      -webkit-text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 0 0 15px #fff, 0 0 15px #fff;
      -moz-text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 0 0 15px #fff, 0 0 15px #fff;
      -ms-text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 0 0 15px #fff, 0 0 15px #fff;
      -o-text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 0 0 15px #fff, 0 0 15px #fff;
      text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 0 0 15px #fff, 0 0 15px #fff; }
    .sct-sample .area-menber .area-menber-inner {
      padding: 40px 20px;
      background: #fff; }
      .sct-sample .area-menber .area-menber-inner .area-menber-ttl {
        margin-bottom: 30px; }
      .sct-sample .area-menber .area-menber-inner .area-menber-txt {
        margin-bottom: 80px;
        color: #015db2;
        background-image: url("");
        font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
        font-style: normal;
        font-weight: 700; }
        .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list {
          width: 614px;
          margin: 0 auto; }
          .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list li img {
            width: 100%;
            }
          .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-arrow {
            background: #015db2;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            top: auto;
            bottom: -225px;
            z-index: 2; }
            .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-arrow:before {
              opacity: 1;
              position: absolute;
              z-index: 2;
              top: 21px;
              width: 12px;
              height: 12px;
              margin-top: -9px;
              content: "";
              border: 0;
              border-top: solid 4px #fff;
              border-right: solid 4px #fff; }
            .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-arrow.slick-prev {
              left: 30px;
              top:510px;
              }
              .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-arrow.slick-prev:before {
                -webkit-transform: rotate(-135deg);
                -ms-transform: rotate(-135deg);
                transform: rotate(-135deg);
                left: 14px; }
            .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-arrow.slick-next {
              right: 30px;
              top:510px;
              }
              .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-arrow.slick-next:before {
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                right: 14px; }
          .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-dots {
            bottom: -55px;
            z-index: 1;
            }
            .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-dots li {
              width: 30px;
              height: 30px;
              margin: 0 10px; }
              .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-dots li button {
                box-sizing: border-box;
                width: 30px;
                height: 30px;
                border: 2px solid #015db2;
                background: #fff;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%; }
                .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-dots li button:before {
                  display: none; }
              .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-dots li.slick-active button {
                position: relative; }
                .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-dots li.slick-active button:before {
                  display: block;
                  width: 16px;
                  height: 16px;
                  -webkit-border-radius: 50%;
                  -moz-border-radius: 50%;
                  -ms-border-radius: 50%;
                  -o-border-radius: 50%;
                  border-radius: 50%;
                  background: #015db2;
                  opacity: 1;
                  content: "";
                  left: 50%;
                  top: 50%;
                  margin: -8px 0 0 -8px; }
      .sct-sample .area-menber .area-menber-inner > *:last-child {
        margin-bottom: 0; }
      .sct-sample .area-menber .area-menber-inner .cmn-txt {
        background-image: url(""); }
      .sct-sample .area-menber .area-menber-inner .btn-member {
        margin-top: 40px; }

@media screen and (min-width: 751px) {
  .sct-sample {
    padding-top: 0; }
    .sct-sample .sct-sample-txt {
      font-size: 16px;
      font-size: 1.6rem; }
      .sct-sample .sct-sample-txt strong {
        font-size: 20px;
        font-size: 2rem; }
      .sct-sample .area-menber .area-menber-inner {
        background: #fff; }
        .sct-sample .area-menber .area-menber-inner .area-menber-ttl {
          margin-bottom: 25px; }
        .sct-sample .area-menber .area-menber-inner .area-menber-txt {
          font-size: 16px;
          font-size: 1.6rem;
          margin-bottom: 40px; }
        .sct-sample .area-menber .area-menber-inner .area-menber-img {
          /* width: 500px; */
          /* height: 880px; */
          /* padding-top: 65px; */
          /* margin-bottom: 65px; */
          }
          .sct-sample .area-menber .area-menber-inner .area-menber-img:before {
            top: -27px;
            right: -15px;
            width: 135px;
            height: 205px; }
          .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list {
            width: 470px; }
            .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list li img {
              width: 100%; }
            .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-arrow {
              bottom: -170px; }
            .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-dots {
              bottom: -40px;
              }
              .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-dots li {
                width: 20px;
                height: 20px;
                margin: 0 10px; }
                .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-dots li button {
                  width: 20px;
                  height: 20px;
                  border: 2px solid #015db2; }
                .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-dots li.slick-active button:before {
                  width: 12px;
                  height: 12px;
                  margin: -6px 0 0 -6px; }
        .sct-sample .area-menber .area-menber-inner .btn-member {
          margin-top: 30px; }

         .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-arrow.slick-next {
              right: 30px;
              top:360px;
          }
          .sct-sample .area-menber .area-menber-inner .area-menber-img .area-menber-img-list .slick-arrow.slick-prev {
              left: 30px;
              top:360px;
          }
          }

/* ==========================================================================
 日の出・日の入り・月齢
========================================================================== */
.wrap-tbl .tbl-head-multi tr th.sundata {
    padding: 8px 0;
}

.sundata img{
    width: 56px;
    margin-right: 18px;
}

.moon-age img{
    width: 150px;
}

@media screen and (min-width: 751px) {
  .sundata img{
      width: 40px;
  }
  .moon-age img{
      width: 100px;
  }
}
