@charset "utf-8";

/** ***************************************************************************
 * エフェクト
 * ************************************************************************* */

.loading {
  position: relative;
  z-index: 1;
  transition:
    opacity 0.3s ease-in-out 0.0s,
    top 0.0s ease-in-out 0.3s;
  opacity: 0;
  top: 100px;
}

.loading.window-in {
  transition:
    opacity 1.0s ease-out 0.4s,
    top 0.8s ease-out 0.0s;
  opacity: 1;
  top: 0;
}

/** ***************************************************************************
 * 表示／非表示
 * ************************************************************************* */

/** ***************************************************************************
 * ブレイクポイント以下の場合に表示
 */

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:737px) {

  .active-sp {
    position: fixed;
    top: -100%;
    left: -100%;
    z-index: -99999;
  }

  br.active-sp {
    display: none;
  }

}

/** ***************************************************************************
 * ブレイクポイントを超える場合に表示
 */

.active-pc {
  position: fixed;
  top: -100%;
  left: -100%;
  z-index: -99999;
}

br.active-pc {
  display: none;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:737px) {

  .active-pc {
    position: static;
    z-index: inherit;
  }

  br.active-pc {
    display: inline;
  }

}

/** ***************************************************************************
 * テキスト
 * ************************************************************************* */

html:not(.mobile)
.tel-link {
  cursor: default;
  color: inherit;
  pointer-events: none;
  text-decoration: none;
}

.note {
  line-height: 1.5;
  font-size: 10px;
}

.note　+ *,
* + .note {
  margin-top: 5px !important;
}

.caption {
  line-height: 1.5;
  font-size: 10px;
}

.caption　+ *,
* + .caption {
  margin-top: 5px !important;
}