@charset "UTF-8";
/*!
Theme Name: Cocoon Child_Custom
Description: Cocoon専用の子テーマ（咲桜）
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/* リセット */
.reset * {
  box-sizing: border-box;
}
.reset *:before,
.reset *:after {
  box-sizing: border-box;
  display: block;
}
.reset {
  margin: 0;
  padding: 0;
}
.reset div,
.reset span,
.reset object,
.reset iframe,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset p,
.reset blockquote,
.reset pre,
.reset a,
.reset abbr,
.reset acronym,
.reset address,
.reset big,
.reset cite,
.reset code,
.reset del,
.reset dfn,
.reset em,
.reset img,
.reset ins,
.reset kbd,
.reset q,
.reset s,
.reset samp,
.reset small,
.reset strike,
.reset strong,
.reset sub,
.reset sup,
.reset tt,
.reset var,
.reset b,
.reset u,
.reset i,
.reset center,
.reset dl,
.reset dt,
.reset dd,
.reset ol,
.reset ul,
.reset li,
.reset fieldset,
.reset form,
.reset label,
.reset legend,
.reset table,
.reset caption,
.reset tbody,
.reset tfoot,
.reset thead,
.reset tr,
.reset th,
.reset td,
.reset figure,
.reset section {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6 {
  border: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background-color: transparent;
}
.reset img {
  vertical-align: bottom;
}
.reset ol,
.reset ul {
  list-style: none;
}
.reset ol li,
.reset ul li {
  margin: 0;
}
.reset table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  border: none;
}
.reset table caption,
.reset table th,
.reset table td,
.reset table tr {
  background-color: transparent;
  font-size: inherit;
  font-weight: inherit;
  text-align: left;
  vertical-align: middle;
  border: none;
}
.reset a {
  color: inherit;
}
.reset a:link {
  text-decoration: none;
}
.reset a:visited {
  text-decoration: none;
}
.reset a:hover {
  text-decoration: none;
}
.reset input[type=submit],
.reset input[type=button] {
  background-color: inherit;
  border: none;
  color: inherit;
  font-size: inherit;
}
.reset input[type=submit]:focus,
.reset input[type=button]:focus {
  outline: none;
}
.reset button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}

/* 全ページ共通 */
@media only screen and (min-width: 835px) {
  .sp-only {
    display: none !important;
  }
}
@media only screen and (max-width: 834px) {
  .pc-only {
    display: none !important;
  }
}
/* 全体スタイルのカスタマイズ */
body {
  background-color: transparent;
  font-family: "Noto Sans JP", sans-serif;
  /* ページタイプ：フルワイド */
}
body.column-full-wide .article {
  margin-bottom: 0;
}
body.column-full-wide .content {
  margin-top: 0 !important;
}
body.column-full-wide #main {
  padding: 0;
  border: none;
  border-radius: 0;
}
body.column-full-wide .entry-content {
  margin: 0;
}
body.column-full-wide #footer {
  margin-top: 0;
}

/* パンくずリスト（アイコンなど削除） */
.breadcrumb {
  max-width: 1240px;
  margin: 0 auto !important;
  padding: 1rem 2rem !important;
  font-size: 0.9375em !important;
}
.breadcrumb .breadcrumb-home > .fa {
  display: none;
}
.breadcrumb .breadcrumb-item > .fa {
  display: none;
}

/* 目次 */
.entry-content .toc {
  border: none;
  font-size: 1em;
  display: table;
}
.entry-content .toc .toc-list {
  padding-left: 1em;
  margin-bottom: 0;
  list-style: decimal;
  color: #3368cb;
}
.entry-content .toc .toc-list ul,
.entry-content .toc .toc-list ol {
  padding-left: 1em;
  margin: 0;
}
.entry-content .toc li {
  margin: 0;
}
.entry-content .toc ul {
  list-style: none;
}
.entry-content .toc a {
  color: #3368cb;
  text-decoration: none;
}
.entry-content .toc a:hover {
  text-decoration: underline;
}
.entry-content .toc-title {
  font-family: "Zen Old Mincho", serif;
  font-size: 1.625em;
  text-align: left;
  display: block;
  padding: 2px 16px;
}
.entry-content .toc-title::after {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.6em;
}
.entry-content .nwa .toc {
  border: 0;
  padding: 0 1em;
}
.entry-content .tnt-none .toc-list,
.entry-content .tnt-number-detail .toc-list {
  padding-left: 0;
}
.entry-content .toc.tnt-number-detail ol {
  list-style: none;
  counter-reset: toc;
}
.entry-content .toc.tnt-number-detail ol li:before {
  margin-right: 6px;
  counter-increment: toc;
  content: counters(toc, ".") ".";
}
.entry-content .tnt-disc ol {
  list-style-type: disc;
}
.entry-content .tnt-circle ol {
  list-style-type: circle;
}
.entry-content .tnt-square ol {
  list-style-type: square;
}
.entry-content .toc-center {
  margin: 1em auto;
}

/* ブロックエディタのフォント指定を反映させる */
.editor-styles-wrapper {
  font-family: "Noto Sans JP", sans-serif;
}

.editor-styles-wrapper .has-zen-old-mincho-font-family {
  font-family: "Zen Old Mincho", serif !important;
}

.editor-styles-wrapper .has-zen-maru-gothic-font-family {
  font-family: "Zen Maru Gothic", sans-serif !important;
}

.block-library-html__edit .block-editor-plain-text {
  max-height: unset !important;
}

/* ブロックエディタのスタイル */
.article .act-caption {
  color: #845745;
  font-family: "Zen Old Mincho", serif;
  font-size: 2.25em;
  font-weight: normal;
  line-height: 1.25;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  .article .act-caption {
    font-size: 1.5em;
  }
}
.article .act-h2,
.article .act-h3,
.article .act-h4 {
  font-size: 1.25em;
  margin-bottom: 1em;
  font-weight: 500;
}
.article * + .act-h2,
.article * + .act-h3,
.article * + .act-h4 {
  margin-top: 2em;
}
.article .act-h2 {
  max-width: 500px;
  margin-inline: 0 auto;
  background-color: #845745;
  border-radius: 0 99px 99px 0;
  color: #fff;
  padding: 0.5em 1em;
}
.article .act-h2.--pink {
  background-color: #ffc0bc;
  color: #000;
}
.article .act-h2.--green {
  background-color: #c2e080;
  color: #000;
}
.article .act-h2.--orange {
  background-color: #ffc49f;
  color: #000;
}
.article .act-h2.--rose {
  background-color: #f7acbc;
  color: #000;
}
.article .act-h3 {
  border: none;
  border-bottom: 2px solid #e5c79e;
  color: #845745;
  font-family: "Zen Old Mincho", serif;
  font-size: 1.5em;
  padding: 0.25em 0 0.25em 1.5em;
  position: relative;
}
.article .act-h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background: url(images/icon_hanabira_pink.png) center center/contain no-repeat;
}
.article .act-h4 {
  border: none;
  background: linear-gradient(to right, #f3ecdb, transparent);
  color: #845745;
  font-size: 1.15em;
  padding: 0.5em 1em;
}
.article .page-h2,
.article .page-h3,
.article .page-h4 {
  font-size: 1.25em;
  margin-bottom: 1em;
  font-weight: 500;
}
.article * + .page-h2,
.article * + .page-h3,
.article * + .page-h4 {
  margin-top: 2em;
}
.article .page-h2 {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.25em;
  font-weight: normal;
  line-height: 1.25;
  padding: 0.4em 0 0.4em 2em;
  text-align: left;
  position: relative;
}
@media only screen and (max-width: 834px) {
  .article .page-h2 {
    font-size: 1.615em;
  }
}
.article .page-h2::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 1.6em;
  height: 1.6em;
  background: url(images/icon_sakura.png) center center/contain no-repeat;
}
.article .page-h3 {
  background-color: #ffc0bc;
  font-family: "Zen Old Mincho", serif;
  font-size: 1.5em;
  padding: 0 1em;
}
.article .page-h4 {
  border-left: 7px solid #ffc0bc;
  font-family: "Zen Old Mincho", serif;
  font-size: 1.4em;
  padding: 0 0.5em;
}

/* ヘッダー */
.header-container {
  position: relative !important;
  z-index: 1;
  background-color: transparent;
}
.header-container.fixed-header {
  position: fixed !important;
  background-color: rgba(255, 255, 255, 0.8);
}
.header-container .header-container-in {
  max-width: 1240px;
  margin: 0 auto;
}
.header-container .header-container-in .navi {
  background-color: transparent;
}
.header-container .header-container-in .navi .navi-in a {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 16px;
  padding: 0 1em;
}
.header-container .header-container-in .navi .navi-in a:hover {
  background-color: #f0fade;
}

.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

.mobile-header-menu-buttons {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: unset;
}
.mobile-header-menu-buttons .logo-menu-button {
  padding-left: 16px;
  justify-content: flex-start;
}
.mobile-header-menu-buttons .logo-menu-button img {
  height: 40px;
}
.mobile-header-menu-buttons .navi-menu-icon {
  color: #de9491;
  font-size: 30px;
}
.mobile-header-menu-buttons .navi-menu-caption {
  display: none;
}

.menu-content {
  max-width: 280px;
  height: auto;
  background: #fff;
  display: flex;
  flex-direction: column-reverse;
}
.menu-content .menu-drawer {
  padding: 0;
}
.menu-content .menu-drawer li a {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(14px, 4vw, 24px); /* 14px～24px */
  padding: 1em;
  text-align: center;
}
.menu-content .menu-drawer li a:hover {
  background-color: #f0fade;
}

.menu-close-button {
  background-color: #845745;
  color: #fff;
  font-size: clamp(14px, 4vw, 24px); /* 14px～24px */
  padding: 1em;
}
.menu-close-button:hover {
  opacity: 0.8;
}
.menu-close-button .fa-close:before {
  content: "close";
}

/* フッター */
#footer {
  background-color: #845745;
  color: #fff;
  padding: 2rem 0 1rem;
}
#footer #footer-in {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 2rem;
}
#footer .footer-bottom {
  margin-top: 0;
  padding: 0;
}
#footer .footer-bottom-logo {
  top: 0;
  bottom: unset;
}
#footer .footer-bottom-logo .logo-footer {
  margin: 0 auto;
}
#footer .footer-bottom-content {
  width: 100%;
}
#footer .footer-bottom-content .menu-footer li {
  min-width: 140px;
  border: none;
}
@media only screen and (max-width: 834px) {
  #footer .footer-bottom-content .menu-footer li {
    width: 100%;
  }
}
#footer .footer-bottom-content .menu-footer li:last-child {
  border: none;
}
#footer .footer-bottom-content .menu-footer li a {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 16px;
  color: #fff;
  padding: 0.5em;
  position: relative;
}
#footer .footer-bottom-content .menu-footer li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3em;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transition: all 0.3s ease-in-out;
}
#footer .footer-bottom-content .menu-footer li a:hover {
  background-color: unset;
}
#footer .footer-bottom-content .menu-footer li a:hover::after {
  transform: translateX(-50%) scaleX(1.5);
}
#footer .footer-bottom .copyright {
  font-size: 0.75em;
  margin-top: 10rem;
  text-align: center;
}

@media screen and (max-width: 834px) {
  #footer #footer-in {
    padding: 0 2rem;
  }
  #footer .footer-bottom-logo {
    margin-bottom: 2rem;
  }
  #footer .footer-bottom-content .menu-footer {
    flex-direction: column;
    align-items: center;
  }
  #footer .footer-bottom-content .menu-footer li a {
    font-size: clamp(14px, 4vw, 24px); /* 14px～24px */
  }
  #footer .footer-bottom .copyright {
    margin-top: 5rem;
  }
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}/*# sourceMappingURL=style.css.map */