@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap");
/*--------------------
共通設定
--------------------*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  min-height: 0vw;
  vertical-align: bottom;
}

html,
body {
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: normal;
  line-height: 1.6;
  color: #111;
  letter-spacing: 1px;
}

body.fixed {
  position: fixed;
  width: 100%;
}
body.fixed::after {
  content: "";
  width: 100vw;
  height: 100vh;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 99;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

h2 {
  font-family: vdl-admin, sans-serif;
  font-weight: bold;
}

img {
  max-width: 100%;
  width: 100%;
  vertical-align: bottom;
}

a {
  color: inherit;
  text-decoration: none;
}
a > img {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
a > img:hover {
  opacity: 0.7;
}

.grecaptcha-badge {
  display: none !important;
}

.btn {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 0.75rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #141E3E;
  border-radius: 100px;
  color: #141E3E;
  background-color: #fff;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn > span.new_window {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23141E3E%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256%2C0C114.6%2C0%2C0%2C114.6%2C0%2C256s114.6%2C256%2C256%2C256c141.4%2C0%2C256-114.6%2C256-256S397.4%2C0%2C256%2C0z%20M404.9%2C354.3%20c0%2C27.9-22.7%2C50.6-50.6%2C50.6H157.7c-27.9%2C0-50.6-22.7-50.6-50.6V157.7c0-27.9%2C22.7-50.6%2C50.6-50.6H256c9.1%2C0%2C17.5%2C8.9%2C17.5%2C18.7%20c0%2C9.5-8%2C17.5-17.5%2C17.5h-98.3c-7.7%2C0-14.5%2C6.8-14.5%2C14.5v196.6c0%2C7.7%2C6.8%2C14.5%2C14.5%2C14.5h197.8c7.7%2C0%2C14.5-6.8%2C14.5-14.5V256%20c0-9.5%2C8-17.5%2C17.5-17.5c9.5%2C0%2C17.5%2C8%2C17.5%2C17.5V354.3z%20M404.9%2C190.9c0%2C4.8-2.1%2C9.5-5.8%2C12.6c-3.4%2C2.9-7.5%2C4.2-11.8%2C3.6%20c-9.4-0.1-17.4-8-17.4-17.5v-22.2L269.3%2C268.1c-3.4%2C3.4-8.1%2C5.1-12.7%2C5.1c-4.7%2C0-9.3-1.7-12.7-5.1c-3.2-3.2-5-7.8-5-12.7%20c0-4.9%2C1.8-9.5%2C5-12.7l99.4-99.4h-22.2c-9.1%2C0-17.5-8.9-17.5-18.7c0-9.6%2C8.4-17.5%2C18.7-17.5h65.1c9.5%2C0%2C17.5%2C8%2C17.5%2C17.5V190.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn > span.link {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%20style%3D%22fill%3A%20rgb(20%2C%2030%2C%2062)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn:hover {
  background-color: #141E3E;
  color: #fff;
}
.btn:hover > span.new_window {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256%2C0C114.6%2C0%2C0%2C114.6%2C0%2C256s114.6%2C256%2C256%2C256c141.4%2C0%2C256-114.6%2C256-256S397.4%2C0%2C256%2C0z%20M404.9%2C354.3%20c0%2C27.9-22.7%2C50.6-50.6%2C50.6H157.7c-27.9%2C0-50.6-22.7-50.6-50.6V157.7c0-27.9%2C22.7-50.6%2C50.6-50.6H256c9.1%2C0%2C17.5%2C8.9%2C17.5%2C18.7%20c0%2C9.5-8%2C17.5-17.5%2C17.5h-98.3c-7.7%2C0-14.5%2C6.8-14.5%2C14.5v196.6c0%2C7.7%2C6.8%2C14.5%2C14.5%2C14.5h197.8c7.7%2C0%2C14.5-6.8%2C14.5-14.5V256%20c0-9.5%2C8-17.5%2C17.5-17.5c9.5%2C0%2C17.5%2C8%2C17.5%2C17.5V354.3z%20M404.9%2C190.9c0%2C4.8-2.1%2C9.5-5.8%2C12.6c-3.4%2C2.9-7.5%2C4.2-11.8%2C3.6%20c-9.4-0.1-17.4-8-17.4-17.5v-22.2L269.3%2C268.1c-3.4%2C3.4-8.1%2C5.1-12.7%2C5.1c-4.7%2C0-9.3-1.7-12.7-5.1c-3.2-3.2-5-7.8-5-12.7%20c0-4.9%2C1.8-9.5%2C5-12.7l99.4-99.4h-22.2c-9.1%2C0-17.5-8.9-17.5-18.7c0-9.6%2C8.4-17.5%2C18.7-17.5h65.1c9.5%2C0%2C17.5%2C8%2C17.5%2C17.5V190.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.btn:hover > span.link {
  background-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.reserve_btn {
  width: 160px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
}
.reserve_btn a {
  display: block;
}

.reserve_sp {
  display: none;
}

#load {
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  background-color: #141E3E;
  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;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
}
#load p {
  width: 100%;
  max-width: 400px;
}
#load p img {
  max-width: 100%;
}
#load.fade {
  -webkit-animation: fadeOut 0.5s linear;
          animation: fadeOut 0.5s linear;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media screen and (max-width: 770px) {
  #load p {
    width: 100%;
    max-width: 250px;
  }
  #load p img {
    max-width: 100%;
  }
  .btn.full {
    max-width: inherit;
    padding: 1rem 1.25rem;
    font-size: 1rem;
  }
  .btn.full span {
    position: relative;
  }
  .btn.full span::after {
    display: none;
  }
  .reserve_btn {
    display: none !important;
  }
  .reserve_sp {
    padding: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background-color: #141E3E;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  }
  .reserve_sp::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .reserve_sp.on {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  .reserve_sp p {
    z-index: 50;
  }
  .reserve_sp p a {
    display: block;
  }
  .reserve_sp .now_collab {
    padding-top: 200px;
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 0;
    display: none;
    background: rgb(0, 0, 0);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 80%, rgba(255, 255, 255, 0) 100%);
  }
  .reserve_sp .now_collab h3 {
    padding: 6px 0;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    font-family: vdl-admin, sans-serif;
    margin-bottom: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.6));
            filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.6));
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
  }
  .reserve_sp .now_collab li {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .reserve_sp .now_collab li:nth-of-type(1) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .reserve_sp .now_collab li:nth-of-type(2) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .reserve_sp .now_collab li:nth-of-type(3) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .reserve_sp .now_collab li:nth-of-type(4) {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .reserve_sp .now_collab li:not(:last-of-type) {
    margin-bottom: 10px;
  }
  .reserve_sp .now_collab li:last-of-type {
    padding-bottom: 10px;
  }
  .reserve_sp .now_collab li .now_collab_title {
    color: #fff;
  }
  .reserve_sp .now_collab.on h3 {
    opacity: 1;
  }
  .reserve_sp .now_collab.on li {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  html,
  body {
    font-size: 14px;
    overflow-x: hidden;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*--------------------
ヘッダー
--------------------*/
header {
  width: 320px;
  height: 100%;
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100;
  -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.24);
          box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.24);
}
header .nav_pc {
  height: 100%;
  padding: 20px;
  overflow-y: auto;
  border: 2px solid #141E3E;
  border-radius: 2px;
}
header .nav_pc::-webkit-scrollbar {
  width: 4px;
}
header .nav_pc::-webkit-scrollbar-track {
  border: none;
  background: #ddd;
}
header .nav_pc::-webkit-scrollbar-thumb {
  background: #8b909e;
  -webkit-box-shadow: none;
          box-shadow: none;
}
header .nav_pc .head_area {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .nav_pc .head_area .logo {
  margin-bottom: 10px;
}
header .nav_pc .head_area .logo img {
  width: 100%;
}
header .nav_pc .head_area > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .nav_pc .head_area > ul > li {
  width: 100%;
}
header .nav_pc .head_area > ul > li:not(:last-of-type) {
  margin-bottom: 10px;
}
header .nav_pc .head_area > ul > li.user a {
  background-color: #fff;
  color: #141E3E;
  border: 2px solid #141E3E;
}
header .nav_pc .head_area > ul > li.half {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .nav_pc .head_area > ul > li.half a {
  width: calc(50% - 10px);
  display: inline-block;
  font-size: 0.75rem;
}
header .nav_pc .head_area > ul > li.sns {
  padding: 1rem 0;
}
header .nav_pc .head_area > ul > li.sns ul {
  width: 180px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
header .nav_pc .head_area > ul > li.sns ul li a img {
  width: auto;
  height: 25px;
}
header .nav_pc .head_area > ul > li.lang p a {
  font-weight: bold;
  color: #141E3E;
  opacity: 0.75;
}
header .nav_pc .head_area > ul > li > a {
  width: 100%;
  display: block;
  padding: 0.75rem 0;
  background-color: #141E3E;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .nav_pc .head_area > ul > li > a:hover {
  opacity: 0.7;
}
header .nav_pc .head_area > ul .head_hours {
  width: 100%;
  padding-top: 10px;
  text-align: left;
  border-top: 1px dotted #141E3E;
  border-bottom: 1px dotted #141E3E;
  color: #141E3E;
}
header .nav_pc .head_area > ul .head_hours .head_date {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.2rem;
}
header .nav_pc .head_area > ul .head_hours .head_date .head_week {
  font-size: 1rem;
  letter-spacing: 0.1rem;
}
header .nav_pc .head_area > ul .head_hours dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  font-size: 0.9rem;
  font-weight: bold;
}
header .nav_pc .head_area > ul .head_hours dl dd {
  text-align: right;
}
header .nav_pc .head_area > ul .head_hours .date_info {
  padding: 10px;
  background-color: rgba(8, 12, 24, 0.075);
  border: 2px solid rgba(8, 12, 24, 0.075);
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .nav_pc .head_area > ul .head_hours .date_info:hover {
  border: 2px solid #141E3E;
}
header .nav_pc .head_area > ul .head_hours .date_info:not(:last-of-type) {
  margin-bottom: 10px;
}
header .nav_pc .head_area > ul .head_hours .date_info .title {
  margin-bottom: 10px;
  font-weight: bold;
  color: red;
}
header .nav_pc .head_area > ul .head_hours .date_info .content {
  font-size: 0.9rem;
}
header .nav_pc .head_area > ul .collab_info {
  width: 100%;
  background-color: #fff !important;
  padding: 0 !important;
  border-radius: 0px !important;
}
header .nav_pc .head_area > ul .collab_info:nth-of-type(7) {
  border-top: 1px dotted #141E3E;
  border-bottom: 1px dotted #141E3E;
  margin-bottom: 0;
}
header .nav_pc .head_area > ul .collab_info p {
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
}
header .nav_pc .head_area > ul .collab_info p:first-of-type {
  padding-top: 10px;
}
header .nav_pc .head_area > ul .collab_info p:last-of-type {
  padding-bottom: 10px;
}
header .nav_pc .head_area > ul .collab_info p:not(:last-of-type) {
  margin-bottom: 10px;
}
header .nav_pc .head_area > ul .youtube .title {
  margin-bottom: 10px;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
}
header .nav_sp {
  display: none;
}

@media screen and (max-width: 1024px) {
  header {
    width: 100%;
    height: 50px;
    padding: 0;
    background-color: #141E3E;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  header .nav_pc {
    display: none;
  }
  header .nav_sp {
    display: block;
    position: relative;
  }
  header .nav_sp .nav_open {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    position: relative;
  }
  header .nav_sp .nav_open span {
    display: block;
    position: absolute;
    width: 30px;
    height: 2.5px;
    left: 10px;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .nav_sp .nav_open span:nth-child(1) {
    top: 20px;
  }
  header .nav_sp .nav_open span:nth-child(2) {
    top: 30px;
  }
  header .nav_sp .nav_open.on span:nth-child(1) {
    width: 40px;
  }
  header .nav_sp .nav_open.on span:nth-child(2) {
    width: 15px;
  }
  header .nav_sp .logo {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  header .nav_sp .logo a img {
    height: 50px;
    width: auto;
  }
  header .nav_sp .nav_body {
    width: 70%;
    max-width: 350px;
    height: calc(var(--vh, 1vh) * 100 - 50px);
    padding: 10px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow-y: auto;
    background-color: #fff;
    border: 2px solid #141E3E;
    border-radius: 2px;
    position: absolute;
    top: 50px;
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-overflow-scrolling: touch;
  }
  header .nav_sp .nav_body.on {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  header .nav_sp .nav_body .nav_body_inner > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  header .nav_sp .nav_body .nav_body_inner > ul > li {
    width: 100%;
  }
  header .nav_sp .nav_body .nav_body_inner > ul > li:not(:last-of-type) {
    margin-bottom: 10px;
  }
  header .nav_sp .nav_body .nav_body_inner > ul > li.user a {
    background-color: #fff;
    color: #141E3E;
    border: 2px solid #141E3E;
  }
  header .nav_sp .nav_body .nav_body_inner > ul > li.half {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header .nav_sp .nav_body .nav_body_inner > ul > li.half a {
    width: calc(50% - 10px);
    display: inline-block;
    font-size: 0.75rem;
  }
  header .nav_sp .nav_body .nav_body_inner > ul > li.sns {
    padding: 1rem 0;
  }
  header .nav_sp .nav_body .nav_body_inner > ul > li.sns ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  header .nav_sp .nav_body .nav_body_inner > ul > li.sns ul li a img {
    width: auto;
    height: 25px;
  }
  header .nav_sp .nav_body .nav_body_inner > ul > li.lang p a {
    font-weight: bold;
    color: #141E3E;
    opacity: 0.75;
  }
  header .nav_sp .nav_body .nav_body_inner > ul > li > a {
    width: 100%;
    display: block;
    padding: 0.75rem 0;
    background-color: #141E3E;
    border-radius: 6px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .head_hours {
    width: 100%;
    padding-top: 10px;
    text-align: left;
    border-top: 1px dotted #141E3E;
    border-bottom: 1px dotted #141E3E;
    color: #141E3E;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .head_hours .head_date {
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.2rem;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .head_hours .head_date .head_week {
    font-size: 1rem;
    letter-spacing: 0.1rem;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .head_hours dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: bold;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .head_hours dl dt {
    width: 45%;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .head_hours .date_info {
    padding: 10px;
    background-color: rgba(8, 12, 24, 0.075);
    border-radius: 4px;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .head_hours .date_info:not(:last-of-type) {
    margin-bottom: 10px;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .head_hours .date_info .title {
    margin-bottom: 10px;
    font-weight: bold;
    color: red;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .head_hours .date_info .content {
    font-size: 1rem;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .collab_info {
    width: 100%;
    background-color: #fff !important;
    padding: 0 !important;
    border-radius: 0px !important;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .collab_info:nth-of-type(7) {
    border-top: 1px dotted #141E3E;
    border-bottom: 1px dotted #141E3E;
    margin-bottom: 0;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .collab_info p {
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .collab_info p:first-of-type {
    padding-top: 10px;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .collab_info p:last-of-type {
    padding-bottom: 10px;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .collab_info p:not(:last-of-type) {
    margin-bottom: 10px;
  }
  header .nav_sp .nav_body .nav_body_inner > ul .youtube .title {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
  }
}
main {
  width: calc(100% - 320px);
  margin-left: 320px;
}

@media screen and (max-width: 1024px) {
  main {
    width: 100%;
    margin-left: 0;
  }
}
footer {
  width: calc(100% - 320px);
  margin-top: 80px;
  margin-left: 320px;
  background-color: #141E3E;
}
footer img {
  pointer-events: none;
}
footer #page_top {
  padding: 1.5rem 0;
  border-top: 2px solid #141E3E;
  cursor: pointer;
  background-color: #fff;
  text-align: center;
}
footer #page_top p {
  font-family: toppan-bunkyu-midashi-go-std, sans-serif;
  color: #141E3E;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer #page_top p img {
  max-width: 30px;
}
footer #page_top:hover p:first-of-type {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
footer .shop_info,
footer .footer_last > div {
  width: 100%;
  max-width: 1080px;
  padding: 40px 20px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .shop_info > div,
footer .footer_last > div > div {
  width: calc(50% - 10px);
}
footer .shop_info .shop_info_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .shop_info .shop_info_left .shop_data {
  color: #fff;
}
footer .shop_info .shop_info_left .shop_data .wrap {
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .shop_info .shop_info_left .shop_data .wrap > p {
  width: 30%;
}
footer .shop_info .shop_info_left .shop_data .wrap h2 {
  margin-top: 10px;
  margin-left: 1.5rem;
  border: none;
  font-size: 1rem;
}
footer .shop_info .shop_info_left .shop_data > div:not(.wrap) {
  padding: 5px 0 5px 30px;
  font-size: 11px;
  position: relative;
}
footer .shop_info .shop_info_left .shop_data > div:not(.wrap)::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
footer .shop_info .shop_info_left .shop_data > div:not(.wrap) > p, footer .shop_info .shop_info_left .shop_data > div:not(.wrap) > dl {
  border-left: 2px solid;
  padding-left: 10px;
}
footer .shop_info .shop_info_left .shop_data > div:not(.wrap).addres {
  margin-bottom: 1.25rem;
}
footer .shop_info .shop_info_left .shop_data > div:not(.wrap).addres::before {
  background-image: url(../img/icon/address.svg);
}
footer .shop_info .shop_info_left .shop_data > div:not(.wrap).tel {
  margin-bottom: 1.25rem;
}
footer .shop_info .shop_info_left .shop_data > div:not(.wrap).tel::before {
  background-image: url(../img/icon/tel.svg);
}
footer .shop_info .shop_info_left .shop_data > div:not(.wrap).time dl {
  display: grid;
  grid-template-columns: 112px 1fr;
}
footer .shop_info .shop_info_left .shop_data > div:not(.wrap).time::before {
  background-image: url(../img/icon/time.svg);
}
footer .shop_info .shop_info_right .map {
  height: 0;
  overflow: hidden;
  padding-bottom: 62.5%;
  position: relative;
}
footer .shop_info .shop_info_right .map iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
footer .footer_last {
  color: #fff;
  font-size: 0.75rem;
}
footer .footer_last > div {
  border-top: 2px dashed #fff;
  height: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .footer_last .footer_last_left ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .footer_last .footer_last_left ul li:not(:last-of-type) {
  padding-right: 1rem;
}
footer .footer_last .footer_last_left ul li a {
  padding: 1rem;
  display: inline-block;
  color: #fff;
}
footer .footer_last .footer_last_right p {
  text-align: right;
}
footer .footer_last .footer_last_right p small {
  font-size: 10px;
}

@media screen and (max-width: 1024px) {
  footer {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
}
@media screen and (max-width: 770px) {
  footer {
    margin-top: 20px;
  }
  footer .shop_info,
  footer .footer_last > div {
    width: calc(100% - 40px);
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .shop_info > div,
  footer .footer_last > div > div {
    width: 100%;
  }
  footer .shop_info .shop_info_left {
    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;
  }
  footer .shop_info .shop_info_left .shop_data {
    width: 100%;
    padding: 0;
    margin: 1.25rem 0;
  }
  footer .shop_info .shop_info_left .shop_data h2 {
    font-size: 2rem;
  }
  footer .shop_info .shop_info_left .shop_data dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .shop_info .shop_info_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer .shop_info .shop_info_right .map {
    width: 100%;
  }
  footer .footer_last {
    margin-top: 20px;
    background-color: #141E3E;
    color: #fff;
    font-size: 0.75rem;
  }
  footer .footer_last > div {
    height: 80px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer .footer_last .footer_last_left ul {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .footer_last .footer_last_left ul li:not(:last-of-type) {
    padding-right: 1rem;
  }
  footer .footer_last .footer_last_left ul li a {
    padding: 0.25rem;
  }
  footer .footer_last .footer_last_right p {
    text-align: center;
  }
  footer .footer_last .footer_last_right p small {
    font-size: 10px;
  }
}