@charset "UTF-8";
/*CORDING BY akihirohiramoto.jp*/
/*白*/
/*黒*/
/*グレイ*/
/*背景カラー*/
/*テーマカラー*/
/*サイト固有のテーマカラー*/
/*テキストシャドウ黒（ライトorダーク）text-shadow: / -webkit-text-stroke:*/
/*ボックスシャドウ（box-shadow）*/
/*セリフ系フォントファミリー*/
/*デフォルト設定サンセリフ系フォントファミリー*/
/*丸ゴシック系フォントファミリー*/
/*丸ゴシック系フォントファミリー*/
/*游ゴシック系*/
/*欧文ROBOTO*/
/*ダウンロード（<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap" rel="stylesheet">）*/
/* NotoJP */
/* Urbanist */
/* Crimson Pro -  */
/* Helvetica */
/*フォント440px-1180px*/
/*可変フォントサイズ（参考：https://websemantics.uk/tools/fluid-responsive-property-calculator/）*/
#splash {
  display: none;
  z-index: 9999;
  /* 初期は非表示 */ }

/* splash は最初から表示 */
body.loading-finish #splash {
  display: block;
  z-index: 9996; }

body #content {
  position: fixed;
  background-color: white;
  width: 100%;
  height: 100dvh;
  z-index: 9994;
  display: block;
  z-index: 9999;
  top: 0;
  left: 0; }

body.loading-finish #content {
  background-color: white;
  display: block;
  width: 100%;
  height: 100dvh;
  overflow: hidden; }

body.loading-finish #content.fade-bg {
  /* キーフレーム定義 */
  -webkit-animation: splashFade .1s forwards;
          animation: splashFade .1s forwards; }
@-webkit-keyframes splashFade {
  0% {
    background-color: white;
    height: 100dvh; }
  90% {
    background-color: rgba(255, 255, 255, 0);
    height: 100dvh; }
  100% {
    background-color: rgba(255, 255, 255, 0);
    height: 0; } }
@keyframes splashFade {
  0% {
    background-color: white;
    height: 100dvh; }
  90% {
    background-color: rgba(255, 255, 255, 0);
    height: 100dvh; }
  100% {
    background-color: rgba(255, 255, 255, 0);
    height: 0; } }
#splash-ori {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 9900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #c00000;
  overflow: hidden; }
  #splash-ori p {
    display: inline-block;
    margin: 0 auto 1em;
    line-height: 1em;
    color: white;
    font-size: 1.6rem; }
    @media (min-width: 380px) {
      #splash-ori p {
        font-size: 1.8rem;
        font-size: calc(1.6rem + ((1vw - 0.275rem) * 0.4762)); } }
    @media (min-width: 1279px) {
      #splash-ori p {
        font-size: 2rem; } }
  #splash-ori h1 {
    display: inline-block;
    margin-bottom: 8%; }
    #splash-ori h1 img {
      width: 100%;
      max-width: 124px;
      height: auto; }
      @media (min-width: 959px) {
        #splash-ori h1 img {
          max-width: 150px; } }

/* Loadingバー中央配置　*/
#splash_text {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  color: white;
  margin-bottom: 1em;
  height: 3px;
  overflow: hidden; }

/*IE11対策用バーの線の高さ※対応しなければ削除してください
#splash_text svg {
    height: 3px;
}*/