:root {
  /* Color */
  --thema-color-1: #1fa9b3;
  --thema-color-2: #65d3dd;
  --thema-color-3: #0b8b99;
  /* Font Weight */
  --fw-thin: 100;
  --fw-extralight: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --fw-black: 900; }

html {
  font-size: 62.5%; }

body {
  background-color: var(--thema-color-1);
  color: #323130;
  foont-family: "Noto Sans JP", sans-serif; }
  body .site-footer {
    background-color: var(--thema-color-2); }

#site-header {
  background-color: var(--thema-color-2); }

.site-footer {
  border-top: 1px solid var(--thema-color-2);
  position: fixed;
  bottom: 0;
  width: 100vw; }

.site-footer-copyright {
  text-align: center; }

@media screen and (max-width: 480px) {
  #site-header {
    display: none; }

  #vk-mobile-nav-menu-btn {
    left: auto;
    right: 5px; }

  .breadcrumb-list {
    font-size: 1.5rem; }

  .vk-mobile-nav {
    background-color: var(--thema-color-2);
    box-shadow: -6px 6px 25px 0 #5a5a5aa6; }

  .vk-mobile-nav-menu-btn {
    background-color: unset !important;
    border: none !important; }

  .vk-mobile-nav-drop-in {
    right: calc(-20px - 100vw);
    top: 0px !important; }

  .vk-mobile-nav-open {
    right: -30px !important; }

  .vk-mobile-nav-menu-outer .vk-menu-acc {
    border-top: none; }
    .vk-mobile-nav-menu-outer .vk-menu-acc .menu-item a {
      border-bottom: none;
      font-size: 2rem; }

  #main-image img {
    margin-top: 50px; }

  #access .access-box {
    width: auto !important; } }