/*
Theme Name: PPECC Partial Theme
Theme URI: https://ppecc.jp/
Author: PPECC
Description: Partial WordPress integration theme for PPECC.
Version: 0.1.0
Text Domain: ppecc-partial
*/

:root {
  --ppecc-bg: #f7f7f7;
  --ppecc-text: #222222;
  --ppecc-link: #b3261e;
}

body {
  margin: 0;
  color: var(--ppecc-text);
  background: var(--ppecc-bg);
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}

a {
  color: inherit;
  text-decoration: underline;

  &:hover {
    text-decoration: none;
  }
}

.site-header,
.site-footer {
  background: #ffffff;
  padding: 16px 24px;
}

.site-main {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px;
}

.news-list {
  display: grid;
  gap: 16px;
  padding-left: 20px;
}

.p-mailmag__inner::before,
.p-about__inner::before,
.p-about-cta__inner::before {
  background-image: url("assets/images/common/tempo-line.svg") !important;
}

.p-case-search__tag.is-active {
  background: #cb383a;
  color: #ffffff;
}

.p-pickup__single {
  display: flex;
  justify-content: center;
}

.p-pickup__single .p-pickup-card {
  max-width: 1100px;
  width: 100%;
}

.p-empty-message {
  margin: 2.5em 0;
  width: 100%;
  text-align: center;
}

.p-mv__title-char {
  display: inline-block;
  will-change: opacity, transform;
}

.p-mv--before-reveal .p-mv__title-char {
  opacity: 0;
  transform: translateY(0.4em);
}