@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template: cocoon-master
Version: 1.1.3
*/

/* tenBlog — quiet editorial design */
:root {
  --ten-ink: #262a27;
  --ten-muted: #747a74;
  --ten-green: #657264;
  --ten-line: #e4e7e1;
  --ten-canvas: #f7f8f5;
  --ten-paper: #fff;
}

body {
  background: var(--ten-canvas);
  color: var(--ten-ink);
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  line-height: 1.9;
}

a { color: var(--ten-green); }
a:hover { color: #354336; }
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid var(--ten-green);
  outline-offset: 4px;
}

/* Brand / navigation */
#header-container,
.header-container {
  background: var(--ten-paper);
  box-shadow: none;
  border-bottom: 1px solid var(--ten-line);
}
#header-container-in { max-width: none; }
#header { min-height: 0; }
#header-in {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: min(100%, 1440px);
  min-height: 94px;
  margin-inline: auto;
  padding: 12px clamp(24px, 4.5vw, 72px);
}
#header .logo-header {
  width: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 1;
}
#header .site-name-text-link {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
  text-decoration: none;
}
#header .site-name-text {
  color: var(--ten-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 3vw, 39px);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: 1;
}
#header .site-name-text-link::after {
  content: "LIFE, FOOD & LITTLE MOMENTS";
  color: var(--ten-muted);
  font: 500 9px/1.3 Arial, sans-serif;
  letter-spacing: .23em;
}
#navi { display: none; }

/* Page structure */
#content { margin-top: 0; }
#content-in {
  box-sizing: border-box;
  width: min(100%, 1360px);
  padding: clamp(26px, 4vw, 58px) clamp(18px, 3.7vw, 52px) 100px;
  gap: clamp(32px, 4vw, 60px);
}
#main, #sidebar {
  box-sizing: border-box;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#main { padding: 0; }
#sidebar { padding: 0; }

/* Home page entrance */
@keyframes ten-home-arrive {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Index: image-led journal */
body.home #main::before {
  animation: ten-home-arrive .55s ease-out both;
}
body.home #list .entry-card-wrap {
  animation: ten-home-arrive .72s cubic-bezier(.2, .7, .25, 1) both;
}
body.home #list .entry-card-wrap:nth-child(1) { animation-delay: .08s; }
body.home #list .entry-card-wrap:nth-child(2) { animation-delay: .2s; }
body.home #list .entry-card-wrap:nth-child(n + 3) { animation-delay: .32s; }
body.home #content-in { display: block; }
body.home #main { width: 100%; max-width: none; float: none; }
body.home #main::before {
  display: block;
  content: "JOURNAL  /  日々の記録";
  margin: 0 0 19px;
  color: var(--ten-muted);
  font: 500 11px/1.4 Arial, "Hiragino Sans", sans-serif;
  letter-spacing: .19em;
}
body.home #sidebar { display: none; }
body.home #list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 46px 24px;
}
body.home #list .entry-card-wrap {
  display: block;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
  overflow: hidden;
}
body.home #list .entry-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background: var(--ten-paper);
  border: 0;
  border-radius: 0;
}
body.home #list .entry-card-thumb {
  position: relative;
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
body.home #list .entry-card-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .5s ease;
}
body.home #list .entry-card-wrap:hover .entry-card-thumb img { transform: scale(1.035); }
body.home #list .entry-card-content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  float: none;
  width: 100%;
  min-height: 200px;
  margin: 0;
  padding: clamp(25px, 3vw, 42px);
  background: var(--ten-paper);
}
body.home #list .entry-card-title {
  margin: 0 0 14px;
  color: var(--ten-ink);
  font-size: clamp(18px, 1.5vw, 21px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .025em;
}
body.home #list .entry-card-snippet {
  color: var(--ten-muted);
  font-size: 14px;
  line-height: 1.8;
}
body.home #list .entry-card-meta {
  order: -1;
  display: block;
  width: 100%;
  margin: 0 0 15px;
  color: var(--ten-muted);
  font: 500 11px/1.4 Arial, sans-serif;
  letter-spacing: .16em;
}
body.home #list .entry-card-meta .fa { display: none; }
body.home #list .entry-card-categorys { display: none; }
body.home #list .cat-label { display: none; }
/* Article pages */
body.single #content-in { align-items: flex-start; }
body.single #main {
  width: min(100%, 800px);
  padding: clamp(24px, 3.7vw, 56px);
  background: var(--ten-paper);
}
body.single #sidebar { width: min(29%, 300px); }
/* 投稿ページのX・Facebookなどの共有ボタンを非表示 */
body.single .sns-share { display: none !important; }
.article { color: var(--ten-ink); font-size: 16px; line-height: 2; }
.article p { margin-bottom: 1.7em; }
.entry-title {
  color: var(--ten-ink);
  font-size: clamp(26px, 3vw, 37px);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: .045em;
}
.article h2 {
  margin-top: 2.7em;
  padding: .7em 0 .45em;
  color: var(--ten-ink);
  background: none;
  border: 0;
  border-bottom: 1px solid var(--ten-line);
  font-size: 1.45em;
  font-weight: 600;
}
.article h3 {
  margin-top: 2.2em;
  padding: 0;
  color: var(--ten-ink);
  background: none;
  border: 0;
  font-size: 1.2em;
}
.article blockquote {
  padding: 1.4em 1.8em;
  color: var(--ten-ink);
  background: var(--ten-canvas);
  border-left: 2px solid var(--ten-green);
}
.article img { height: auto; }
.post-date, .post-update, .entry-card-meta { color: var(--ten-muted); }

/* Sidebar and footer */
#sidebar .widget {
  margin: 0 0 32px;
  padding: 0 0 26px;
  border-bottom: 1px solid var(--ten-line);
}
#sidebar .wp-block-heading,
#sidebar .wp-block-search__label {
  display: block;
  margin: 0 0 20px;
  padding: 0;
  color: var(--ten-ink);
  background: none;
  border: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
}
#sidebar .wp-block-search__input {
  min-width: 0;
  border: 1px solid var(--ten-line);
  border-radius: 0;
  background: var(--ten-paper);
}
#sidebar .wp-block-search__button {
  padding: 9px 14px;
  color: var(--ten-paper);
  background: var(--ten-green);
  border: 1px solid var(--ten-green);
  border-radius: 0;
}
#footer { background: #e9ede7; border-top: 1px solid var(--ten-line); }
#footer-in { box-sizing: border-box; padding: 35px 24px; }
.footer-bottom-logo .site-name-text {
  color: var(--ten-ink);
  font-family: Georgia, serif;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: -.04em;
}
.copyright { color: var(--ten-muted); font-size: 11px; letter-spacing: .05em; }

@media (max-width: 900px) {
  body.single #content-in { display: block; }
  body.single #main { width: 100%; }
  body.single #sidebar { width: 100%; margin-top: 48px; }
}
@media (max-width: 640px) {
  #header-in { min-height: 76px; padding: 10px 20px; }
  #header .site-name-text { font-size: 31px; }
  #header .site-name-text-link::after { font-size: 8px; letter-spacing: .16em; }
  #content-in { padding: 24px 15px 70px; }
  body.home #list { display: block; }
  body.home #list .entry-card-wrap { margin-bottom: 25px; }
  body.home #list .entry-card-thumb {
    aspect-ratio: 16 / 9;
    background: var(--ten-paper);
  }
  body.home #list .entry-card-thumb img { object-fit: contain; }
  body.home #list .entry-card-wrap:first-child .entry-card {
    min-height: 0;
    background: var(--ten-paper);
  }
  body.home #list .entry-card-wrap:first-child .entry-card-thumb {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  body.home #list .entry-card-wrap:first-child .entry-card-content {
    position: static;
    width: 100%;
    padding: 25px;
  }
  body.home #list .entry-card-content { min-height: 0; padding: 25px; }
  body.home #list .entry-card-title {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .025em;
  }
  body.home #list .entry-card-wrap:first-child .entry-card-title { font-size: 17px; }
  body.single .entry-title {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .025em;
  }
  body.single #main { padding: 25px 20px; }
  .article { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  body.home #main::before,
  body.home #list .entry-card-wrap {
    animation: none;
    opacity: 1;
    transform: none;
  }
  body.home #list .entry-card-thumb img { transition: none; }
}