@charset "UTF-8";
@import url("./var.css");
@import url("./site.css");

/* ================================================================================
 wordpressUI
================================================================================ */
html {
  margin: 0 !important;
}

#wpadminbar {
  display: none;
}

/* ================================================================================
display size
================================================================================ */
@media print,
screen and (min-width: 201px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 200px) {
  .pc {
    display: none !important;
  }
}


/* ================================================================================
picture
================================================================================ */
picture {
  display: block;
}

picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.svgs {
  visibility: hidden;
  width: 0;
  height: 0;
}

/* ================================================================================
html
================================================================================ */
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}


/* ================================================================================
coverAll
load完了までカバーする場合は、content: "";のコメントアウトを解除
================================================================================ */
@media screen and (min-width: 201px) {

  body::before {
    /* content: ""; */
    display: block;

    z-index: var(--priorityCover);
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100vh;
    background-color: white;

    transition-delay: 0.1s;
    transition-duration: 0.2s;
  }

  body.loaded::before {
    pointer-events: none;
    opacity: 0;
  }

}

/* ================================================================================
MH
================================================================================ */
@media screen and (min-width: 201px) {

  .MH {
    display: inline-block;
    cursor: pointer;
    transition: var(--T03);
    transition-property: opacity;
  }

  .MH:hover {
    opacity: 0.7;
  }

}

/* ================================================================================
a
================================================================================ */
a {
  text-underline-offset: 0em;
}

/* ================================================================================
html
================================================================================ */
@media print,
screen {

  html {
    font-family: var(--NotoSans);
    color: var(--Cgray0);
    font-size: var(--fzv16);
    font-feature-settings: "palt";
  }

  /* main{	margin-top: calc(-1 * var(--headerH));	} */

}

/* ================================================================================
section 
================================================================================ */
@media print,
screen {

  main section {
    scroll-margin-top: var(--headerH);
    position: relative;
    padding: 0 var(--pageP);
  }

  main section>.inner {
    position: relative;
    max-width: var(--pageW);
    margin: 0 auto;
  }

}

/* ================================================================================
mb
================================================================================ */
@media screen,
print {

  .mbv5 {
    margin-bottom: calc(5 * var(--v)) !important
  }

  .mbu5 {
    margin-bottom: calc(5 * var(--u)) !important
  }

  .mbv10 {
    margin-bottom: calc(10 * var(--v)) !important
  }

  .mbu10 {
    margin-bottom: calc(10 * var(--u)) !important
  }

  .mbv15 {
    margin-bottom: calc(15 * var(--v)) !important
  }

  .mbu15 {
    margin-bottom: calc(15 * var(--u)) !important
  }

  .mbv20 {
    margin-bottom: calc(20 * var(--v)) !important
  }

  .mbu20 {
    margin-bottom: calc(20 * var(--u)) !important
  }

  .mbv25 {
    margin-bottom: calc(25 * var(--v)) !important
  }

  .mbu25 {
    margin-bottom: calc(25 * var(--u)) !important
  }

  .mbv30 {
    margin-bottom: calc(30 * var(--v)) !important
  }

  .mbu30 {
    margin-bottom: calc(30 * var(--u)) !important
  }

  .mbv35 {
    margin-bottom: calc(35 * var(--v)) !important
  }

  .mbu35 {
    margin-bottom: calc(35 * var(--u)) !important
  }

  .mbv40 {
    margin-bottom: calc(40 * var(--v)) !important
  }

  .mbu40 {
    margin-bottom: calc(40 * var(--u)) !important
  }

  .mbv45 {
    margin-bottom: calc(45 * var(--v)) !important
  }

  .mbu45 {
    margin-bottom: calc(45 * var(--u)) !important
  }

  .mbv50 {
    margin-bottom: calc(50 * var(--v)) !important
  }

  .mbu50 {
    margin-bottom: calc(50 * var(--u)) !important
  }

  .mbv55 {
    margin-bottom: calc(55 * var(--v)) !important
  }

  .mbu55 {
    margin-bottom: calc(55 * var(--u)) !important
  }

  .mbv60 {
    margin-bottom: calc(60 * var(--v)) !important
  }

  .mbu60 {
    margin-bottom: calc(60 * var(--u)) !important
  }

  .mbv65 {
    margin-bottom: calc(65 * var(--v)) !important
  }

  .mbu65 {
    margin-bottom: calc(65 * var(--u)) !important
  }

  .mbv70 {
    margin-bottom: calc(70 * var(--v)) !important
  }

  .mbu70 {
    margin-bottom: calc(70 * var(--u)) !important
  }

  .mbv75 {
    margin-bottom: calc(75 * var(--v)) !important
  }

  .mbu75 {
    margin-bottom: calc(75 * var(--u)) !important
  }

  .mbv80 {
    margin-bottom: calc(80 * var(--v)) !important
  }

  .mbu80 {
    margin-bottom: calc(80 * var(--u)) !important
  }

  .mbv85 {
    margin-bottom: calc(85 * var(--v)) !important
  }

  .mbu85 {
    margin-bottom: calc(85 * var(--u)) !important
  }

  .mbv90 {
    margin-bottom: calc(90 * var(--v)) !important
  }

  .mbu90 {
    margin-bottom: calc(90 * var(--u)) !important
  }

  .mbv95 {
    margin-bottom: calc(95 * var(--v)) !important
  }

  .mbu95 {
    margin-bottom: calc(95 * var(--u)) !important
  }

  .mbv100 {
    margin-bottom: calc(100 * var(--v)) !important
  }

  .mbu100 {
    margin-bottom: calc(100 * var(--u)) !important
  }

}

/* ======================================== end ======================================== */