/*
Theme Name:VOYAGE child
Theme URI:https://tcd-theme.com/tcd121
Description:WordPressテーマ「VOYAGE」の子テーマ
Template:voyage_tcd121
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/

/* =========================================================
   ENET GLOBAL PAGE TOP
   Reuses the VOYAGE/TCD native "PAGE TOP" link.
   No second Page Top element is generated.
   ========================================================= */
.enet-native-page-top {
  position: fixed !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  left: auto !important;
  top: auto !important;
  z-index: 99990 !important;
  display: flex !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(231, 197, 123, .82) !important;
  border-radius: 50% !important;
  background: #064833 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 28px rgba(6, 72, 51, .28) !important;
  cursor: pointer !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  pointer-events: none;
  transition:
    opacity .22s ease,
    visibility .22s ease,
    transform .22s ease,
    background-color .22s ease,
    box-shadow .22s ease !important;
  -webkit-tap-highlight-color: transparent;
}

.enet-native-page-top::before {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #ead19a;
  content: "↑";
  font-family: Arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  text-indent: 0;
}

.enet-native-page-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

@media (hover: hover) and (pointer: fine) {
  .enet-native-page-top.is-visible:hover {
    background: #075a41 !important;
    box-shadow: 0 14px 30px rgba(6, 72, 51, .34) !important;
    transform: translateY(-2px);
  }
}

.enet-native-page-top:focus-visible {
  outline: 3px solid rgba(196, 141, 55, .78) !important;
  outline-offset: 4px !important;
}

@media (max-width: 760px) {
  .enet-native-page-top {
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }

  .enet-native-page-top::before {
    font-size: 25px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .enet-native-page-top {
    transition: none !important;
  }
}

/* ENET Page Top final position lock */
html body .enet-native-page-top {
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  left: auto !important;
  top: auto !important;
}

@media (max-width: 760px) {
  html body .enet-native-page-top {
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }
}


/* ENET GLOBAL PAGE TOP — guaranteed */
#enet-global-page-top{
position:fixed!important;right:18px!important;bottom:18px!important;left:auto!important;top:auto!important;
z-index:2147483000!important;display:flex!important;width:54px!important;height:54px!important;min-width:54px!important;
min-height:54px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;
border:1px solid rgba(231,197,123,.9)!important;border-radius:50%!important;background:#064833!important;color:#ead19a!important;
box-shadow:0 10px 28px rgba(6,72,51,.32)!important;font:400 28px/1 Arial,sans-serif!important;cursor:pointer!important;
opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:.2s ease!important;-webkit-appearance:none!important;
}
#enet-global-page-top.is-visible{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}
#enet-global-page-top span{display:block!important;color:#ead19a!important;font:inherit!important;line-height:1!important;padding-bottom:3px!important}
@media(hover:hover) and (pointer:fine){#enet-global-page-top.is-visible:hover{background:#075a41!important;transform:translateY(-2px)!important}}
@media(max-width:760px){#enet-global-page-top{right:12px!important;bottom:12px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;font-size:25px!important}}