/*
Theme Name: Minimal Cafe Child
Template: minimalcafe
*/

/* =========================
   LP??CSS????????
   ========================= */

/* ===== ??????????Minimal Cafe ??? ===== */
.page-id-4967 header,
.page-id-4967 .header,
.page-id-4967 .l-header,
.page-id-4967 #header,
.page-id-4967 .site-header {
  display: none !important;
}

/* ??????? */
.page-id-4967 footer,
.page-id-4967 .footer,
.page-id-4967 .site-footer {
  display: none !important;
}

/* ????????????? */
.page-id-4967 body,
.page-id-4967 #page,
.page-id-4967 #content,
.page-id-4967 .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ===== ??????????? ===== */
.page-id-4967 .wp-block-cover {
  min-height: 100dvh;
  height: 100dvh;
  padding: 0 !important;
}

/* ???????????? */
.page-id-4967 .wp-block-cover__image-background,
.page-id-4967 .wp-block-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* FV???????? */
.page-id-4967 .wp-block-cover__inner-container {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* ===== ???????? ???? ===== */

/* ????????? */
.page-id-4967 nav,
.page-id-4967 .nav,
.page-id-4967 .navigation,
.page-id-4967 .global-nav,
.page-id-4967 .menu-toggle,
.page-id-4967 .hamburger {
  display: none !important;
}

/* ????????border / ????? */
.page-id-4967 header::before,
.page-id-4967 header::after,
.page-id-4967 .header::before,
.page-id-4967 .header::after,
.page-id-4967 .l-header::before,
.page-id-4967 .l-header::after {
  display: none !important;
  content: none !important;
}

/* ???????? */
.page-id-4967 header,
.page-id-4967 .header,
.page-id-4967 .l-header {
  border: none !important;
  box-shadow: none !important;
}

/* ===== ???????? ???? ===== */
.page-id-4967 #page,
.page-id-4967 .site,
.page-id-4967 .site-content,
.page-id-4967 main,
.page-id-4967 .content-area {
  border: none !important;
  box-shadow: none !important;
}

/* ????????????????? */
.page-id-4967 .wp-block-cover:first-child {
  margin-top: 0 !important;
}

/* =========================
   ???FV????????
   ????vh?????????
   ========================= */

/* ???????????? */
.page-id-4967 .wp-block-cover {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* ???????????????? */
.page-id-4967 .wp-block-cover__inner-container {
  padding-top: 30vh !important;
  padding-bottom: 30vh !important;
}

/* ===== ?????????????? ===== */
.page-id-4967 .page-header,
.page-id-4967 .entry-header,
.page-id-4967 .entry-title,
.page-id-4967 h1,
.page-id-4967 .post-title {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== iOS Safari ????? ===== */
.page-id-4967 .wp-block-cover {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
}

.page-id-4967 .wp-block-cover__inner-container {
  padding-top: 35svh !important;
  padding-bottom: 35svh !important;
}

/* =========================
   ???FV ???????????????
   ========================= */

/* ??????????? */
.page-id-4967 .wp-block-cover {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* ?????????? */
.page-id-4967 .wp-block-cover__image-background,
.page-id-4967 .wp-block-cover img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 4; /* ? ???????? */
  object-fit: cover !important;
  object-position: center center !important;
}

/* ?????????vh?????? */
.page-id-4967 .wp-block-cover__inner-container {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

/* =========================
   PC?FV???????????????
   ========================= */
@media (min-width: 1024px) {
  .page-id-4967 .wp-block-cover__image-background,
  .page-id-4967 .wp-block-cover img {
    aspect-ratio: 16 / 9; /* PC??? */
  }

  .page-id-4967 .wp-block-cover__inner-container {
    padding-top: 35vh !important;
    padding-bottom: 35vh !important;
  }
}

/* =========================
   PC????????????
   ========================= */

/* ?????????????? */
.page-id-4967 .wp-block-cover {
  overflow: hidden !important;
}

/* PC?? padding ???????? */
@media (min-width: 1024px) {
  .page-id-4967 .wp-block-cover__inner-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* PC?????????????? */
  .page-id-4967 .wp-block-cover {
    min-height: 80vh;
  }
}

/* =========================
   FV ??????PC????FIX?
   ========================= */

/* ??????????? */
.page-id-4967 .wp-block-cover {
  position: relative;
  overflow: hidden;
}

/* PC????????? */
@media (min-width: 1024px) {
  .page-id-4967 .wp-block-cover {
    min-height: 90vh !important;
  }

  /* PC???????????? */
  .page-id-4967 .wp-block-cover__inner-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* ????????????? */
  .page-id-4967 .wp-block-cover__image-background,
  .page-id-4967 .wp-block-cover img {
    height: 100% !important;
  }
}

/* =========================
   ???????????????
   ========================= */

/* ??????? */
.page-id-4967 .wp-block-cover,
.page-id-4967 .wp-block-cover.alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ?????????????? */
.page-id-4967 .wp-block-cover__inner-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* =========================
   ???????????????
   ========================= */

/* ???????????????????? */
.page-id-4967 .site,
.page-id-4967 #page,
.page-id-4967 .site-content,
.page-id-4967 .wp-block-cover,
.page-id-4967 .wp-block-cover.alignwide,
.page-id-4967 .wp-block-cover.alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* ???????????? */
.page-id-4967 .wp-block-cover__inner-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* =========================
   LP??? ????? ?????
   ========================= */

/* ????????????????? */
.page-id-4967 .site,
.page-id-4967 #page,
.page-id-4967 .site-content,
.page-id-4967 main,
.page-id-4967 .wp-block-cover {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* ???????????? */
.page-id-4967 .wp-block-cover__inner-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* =========================
   LP??? ????????? ?????
   ========================= */

/* ?????????? */
.page-id-4967 .site,
.page-id-4967 #page,
.page-id-4967 .site-content,
.page-id-4967 main,
.page-id-4967 .container,
.page-id-4967 .wrap {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* LP?????????????? */
.page-id-4967 .wp-block-cover {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* ???????????? */
.page-id-4967 .wp-block-cover__inner-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* ?????????????? */
.page-id-4967 .wp-block-cover__image-background,
.page-id-4967 .wp-block-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* =========================
   LP??? ?????????????????
   ========================= */

/* ??????????? */
.page-id-4967 .site,
.page-id-4967 #page,
.page-id-4967 .site-content,
.page-id-4967 main,
.page-id-4967 .container,
.page-id-4967 .wrap {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* LP?????????? */
.page-id-4967 .wp-block-cover {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;   /* ????? min-height ??? */
  min-height: 90vh !important; /* PC????????? */
  box-sizing: border-box;
  overflow: hidden !important;
}

/* ???????????? */
.page-id-4967 .wp-block-cover__inner-container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* ?????????????? */
.page-id-4967 .wp-block-cover__image-background,
.page-id-4967 .wp-block-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* ??????? */
@media (max-width: 1023px) {
  .page-id-4967 .wp-block-cover {
    min-height: 60vh !important;  /* ????????????? */
  }
}

/* =========================
   LP??? ????????? ????????
   ========================= */

/* ????????? */
.page-id-4967 .site,
.page-id-4967 #page,
.page-id-4967 .site-content,
.page-id-4967 main,
.page-id-4967 .container,
.page-id-4967 .wrap {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* LP????????? */
.page-id-4967 .wp-block-cover {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: 90vh !important; /* PC??????? */
  box-sizing: border-box;
}

/* ???????????? */
.page-id-4967 .wp-block-cover__inner-container {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ?????????????? */
.page-id-4967 .wp-block-cover__image-background,
.page-id-4967 .wp-block-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* ??????? */
@media (max-width: 1023px) {
  .page-id-4967 .wp-block-cover {
    min-height: 60vh !important;  /* ????????????? */
  }
}

/* =========================
   LP?? ????????
   ========================= */

/* LP?????? */
.lp-cover-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* LP????????? */
.lp-cover-wrapper .wp-block-cover {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 90vh !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

/* ???????????? */
.lp-cover-wrapper .wp-block-cover__inner-container {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ?????????????? */
.lp-cover-wrapper .wp-block-cover__image-background,
.lp-cover-wrapper .wp-block-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* ??????? */
@media (max-width: 1023px) {
  .lp-cover-wrapper .wp-block-cover {
    min-height: 60vh !important;
  }
}

/* =====================================================
   LP?? ?????CSS
   ????????PC / ????
   ????????????
   ???????????
   ????????????
   ===================================================== */

/* LP???????page-4967.php????????? */
.lp-cover-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/* LP???????????? */
.lp-cover-wrapper .wp-block-cover {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;

  /* ????????? */
  height: auto;
  min-height: 0;

  overflow: hidden;
}

/* ????????????????CTA? */
.lp-cover-wrapper .wp-block-cover__inner-container {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* ?????img??
   ? ????????????? */
.lp-cover-wrapper .wp-block-cover__image-background,
.lp-cover-wrapper .wp-block-cover img {
  width: 100%;
  height: auto;
  object-fit: contain;        /* ????? */
  object-position: center;
}

/* ??????????????? */
@media (max-width: 1023px) {
  .lp-cover-wrapper .wp-block-cover {
    height: auto;
    min-height: 0;
  }
}

/* =========================
   ???? 4:5 ???????????
   ========================= */

/* ??? 4:5 ????? */
.lp-cover-wrapper .cover-45.wp-block-cover {
  aspect-ratio: 4 / 5;
  width: 100%;
  height: auto;
  min-height: 0;
}

/* ??????????? */
.lp-cover-wrapper .cover-45 .wp-block-cover__image-background,
.lp-cover-wrapper .cover-45 img {
  object-fit: contain;
  object-position: center;
}
