/*
Theme Name: WINECOMPLEX
Template: pandora_tcd116
Text Domain: winecomplex
*/

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

/* ----------------------------------------------------------------------
  ページヘッダー
---------------------------------------------------------------------- */
#page_headline {
  color: #000;
}

/* ----------------------------------------------------------------------
  フッターバー
---------------------------------------------------------------------- */
#footer {
  color: #000;
}

#footer a {
  color: #000;
}

@media (hover: hover) {
  #footer a:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}

/* ----------------------------------------------------------------------
  Top -> Inner soft fade transition
  黒幕ではなく、白ページ本体が暗い状態からふわっと立ち上がる
---------------------------------------------------------------------- */
body.from-top-transition {
  background: #fdfcf8;
}

/* まず広めに対象を取る */
body.from-top-transition #container,
body.from-top-transition #content,
body.from-top-transition #contents,
body.from-top-transition #main_contents,
body.from-top-transition #main_content,
body.from-top-transition #main_col,
body.from-top-transition .l-main,
body.from-top-transition .p-entry,
body.from-top-transition .p-entry-inner,
body.from-top-transition .post_content,
body.from-top-transition .entry-content,
body.from-top-transition .page_content,
body.from-top-transition main {
  opacity: 0;
  filter: blur(16px) brightness(0.68);
  transform: translateY(14px);
  transition:
    opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1),
    filter 1.2s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, filter, transform;
}

body.from-top-transition.is-loaded #container,
body.from-top-transition.is-loaded #content,
body.from-top-transition.is-loaded #contents,
body.from-top-transition.is-loaded #main_contents,
body.from-top-transition.is-loaded #main_content,
body.from-top-transition.is-loaded #main_col,
body.from-top-transition.is-loaded .l-main,
body.from-top-transition.is-loaded .p-entry,
body.from-top-transition.is-loaded .p-entry-inner,
body.from-top-transition.is-loaded .post_content,
body.from-top-transition.is-loaded .entry-content,
body.from-top-transition.is-loaded .page_content,
body.from-top-transition.is-loaded main {
  opacity: 1;
  filter: blur(0) brightness(1);
  transform: translateY(0);
}