@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* === WATER LENS START === */
:root {
  --saku-water-lens-size: 420px;
}

.saku-water-lens {
  /* Keep the overlay out of document scroll bounds near the right/bottom edge. */
  position: fixed;
  top: 0;
  left: 0;
  width: var(--saku-water-lens-size);
  height: var(--saku-water-lens-size);
  z-index: 99990;
  overflow: hidden;
  opacity: 0;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  contain: strict;
  isolation: isolate;
  transform: translate3d(-200vw, -200vh, 0);
}

.saku-water-mask {
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: none !important;
}

.saku-water-lens--active {
  will-change: transform;
}

.saku-water-lens--active .saku-water-surface {
  will-change: transform;
}

.saku-water-surface {
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: none !important;
}

.saku-water-surface {
  contain: layout style;
  filter: url("#saku-water-displacement");
  transform: translateZ(0);
}

.saku-water-clone-layer {
  /* Cocoon adds margin and a white background to .entry-content. The clone
     keeps that class only for descendant typography selectors. */
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  transform-origin: 0 0;
}

.saku-water-clone-layer::before,
.saku-water-clone-layer::after {
  content: none !important;
  display: none !important;
}

.saku-water-lens .saku-water-clone-layer.entry-content {
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.saku-water-clone {
  position: absolute !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  animation: none !important;
  transition: none !important;
  filter: none !important;
}

.saku-water-clone,
.saku-water-clone * {
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  animation-play-state: paused !important;
  caret-color: transparent !important;
}

.saku-water-filter-defs {
  position: fixed;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

@media (max-width: 768px) {
  :root {
    --saku-water-lens-size: 330px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .saku-water-lens,
  .saku-water-filter-defs {
    display: none !important;
  }
}
/* === WATER LENS END === */


/* === SAKU PUBLIC NAVIGATION START === */
/* Keep the existing 760px outer / 42rem text width and 768px breakpoint. */
body:not(.saku-works) #navi #navi-in {
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 20px !important;
  text-align: left !important;
}
#navi .saku-public-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 24px;
  max-width: 42rem;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.6;
}
#navi .saku-public-header a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  height: auto;
  min-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  padding: 0;
  gap: .3em;
}
#navi .saku-public-header .saku-public-brand {
  font-size: 21px;
  font-weight: 500;
  letter-spacing: .055em;
}
#navi .saku-public-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 18px;
}
#navi .saku-public-social { display: inline-flex; gap: 0; }
#navi .saku-public-header .saku-public-icon { width: 44px; justify-content: center; }
#navi .saku-public-header svg { display: block; width: 17px; height: 17px; fill: currentColor !important; }
#navi .saku-public-header svg.saku-instagram { fill: none !important; stroke: currentColor; stroke-width: 1.6; }
#navi .saku-public-header .saku-instagram-dot { fill: currentColor; stroke: none; }
#navi .saku-public-header a:hover { opacity: .6; }
#navi .saku-public-header a:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }
#navi .saku-public-header a[aria-current="page"] { text-decoration: underline; text-underline-offset: .3em; }
body.saku-archive-page #breadcrumb { display: none; }
body.saku-archive-page .article-header { max-width: 42rem; margin: 0 auto 40px; }
body.saku-archive-page .entry-title { font-size: 18px; font-weight: 500; letter-spacing: .12em; text-align: left; margin: 0; padding: 0; }
body.saku-archive-page .entry-content .saku-archive-list { list-style: none; padding: 0; margin: 0; }
body.saku-archive-page .saku-archive-list li { list-style: none; margin: 0 0 18px; padding: 0; }
body.saku-archive-page .saku-archive-list a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
body.saku-archive-page .saku-archive-list a:hover { text-decoration: underline; }
body.saku-archive-page .saku-archive-list .saku-archive-older { margin-top: 42px; }
@media (max-width: 768px) {
  body:not(.saku-works) #navi #navi-in { padding: 22px 18px 14px !important; }
  #navi .saku-public-header { display: block; }
  #navi .saku-public-header .saku-public-brand { margin-bottom: 12px; font-size: 21px; }
  #navi .saku-public-links { gap: 0 16px; }
  body.saku-archive-page .article-header { margin-bottom: 32px; }
}
/* === SAKU PUBLIC NAVIGATION END === */

/* === SAKU PHOTO HOME LINK START === */
#navi .saku-public-header .saku-public-brand { flex: 0 0 auto; line-height: 0; }
#navi .saku-public-brand img { display: block; width: 180px; height: auto; max-width: 100%; border: 0; border-radius: 0; box-shadow: none; }
body:not(.saku-works) #footer .copyright { display: none; }
@media (min-width: 769px) { #navi .saku-public-header { justify-content: flex-start; column-gap: 32px; } }
/* === SAKU PHOTO HOME LINK END === */