/*
Theme Name: Tachibana Tarot
*/
:root {
  --global-header-height: 72px;
  --content-max-width: 680px;
  --blog-title-font-size: 48px;
  --title-font-size: 32px;
  --h-block-heading: 22px;
}

html,
body {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

body {
  background-color: #ffffff;
  font-size: 18px;
  line-height: 200%;
  color: #000000;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li,
dl,
dt,
dd,
figure,
time {
  margin: 0;
  padding: 0;
  outline: none;
  text-decoration: none;
}

br {
  font-family: sans-serif !important;
}

a {
  color: #000000;
}

img {
  vertical-align: top;
}

.max-width {
  max-width: var(--content-max-width);
}
.max-width.side-padding {
  padding: 0 48px;
}
@media screen and (max-width: 420px) {
  .max-width.side-padding {
    padding: 0 16px;
  }
}

.global-header {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.global-header a .header-text {
  font-family: "Kaisei Opti", serif;
  font-size: var(--blog-title-font-size);
  font-weight: 400;
  font-style: normal;
  line-height: 200%;
  color: #000000;
}
@media screen and (max-width: 799px) {
  .global-header a .header-text {
    font-size: 32px;
  }
}
.global-header a .noto-serif-jp {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.global-header a .shippori-mincho-regular {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.global-header a .kaisei-decol-regular {
  font-family: "Kaisei Decol", serif;
  font-weight: 400;
  font-style: normal;
}
.global-header a .kaisei-opti-regular {
  font-family: "Kaisei Opti", serif;
  font-weight: 400;
  font-style: normal;
}
.global-header a .hina-mincho-regular {
  font-family: "Hina Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

main {
  display: block;
  width: 100%;
  height: auto;
  padding: 48px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .container.post-list {
  display: flex;
  flex-direction: column;
  row-gap: 96px;
}
@media screen and (min-width: 800px) {
  main .container.post-list article a:hover p,
  main .container.post-list article a:hover .post-title {
    color: rgb(76.5, 76.5, 76.5);
  }
  main .container.post-list article a:hover .post-thumbnail {
    opacity: 0.8;
  }
}
main .container.post-list .post-date {
  font-size: 16px;
}
main .container.post-list .post-title {
  margin-top: 16px;
  font-family: "Kaisei Opti", serif;
  font-size: var(--title-font-size);
  font-weight: 400;
  line-height: 150%;
}
main .container.post-list .post-thumbnail {
  width: 100%;
  height: auto;
  margin-top: 24px;
}
main .container.post-list .post-summary {
  margin-top: 24px;
}
main .container.post .post-date {
  font-size: 16px;
}
main .container.post .post-title {
  margin-top: 16px;
  font-family: "Kaisei Opti", serif;
  font-size: var(--title-font-size);
  font-weight: 400;
  line-height: 150%;
}
main .container.post figure.wp-block-image {
  margin-top: 24px;
}
main .container.post figure.wp-block-image img {
  width: 100%;
  height: auto;
}
main .container.post p.paragraph {
  margin-top: 24px;
  line-height: 200%;
}
main .container.post .wp-block-heading {
  margin-top: 48px;
}
main .container.post h1.wp-block-heading {
  font-size: var(--h-block-heading);
}
main .container.post h2.wp-block-heading {
  font-size: var(--h2-block-heading);
}
main .container.post h3.wp-block-heading {
  font-size: var(--h3-block-heading);
}
main .container.post h4.wp-block-heading {
  font-size: var(--h4-block-heading);
}
main .container.post h5.wp-block-heading {
  font-size: var(--h5-block-heading);
}
main .container.post h6.wp-block-heading {
  font-size: var(--h6-block-heading);
}

footer {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer p {
  font-size: 12px;
}/*# sourceMappingURL=style.css.map */