@charset "UTF-8";
/*=== 全ページ共有の基礎設定＆特殊クラス ===*/
:root {
  --yktn-color-dark-gray: #141519;
  --yktn-color-used-oil: #221714;
  --yktn-color-gainsboro: #e6e6e6;
  --yktn-color-dimgray: #4d4d4d;
  --yktn-color-boulder: #767574;
  --yktn-color-mischka: #d4d8e3;
}

.mw800-center {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.mw900-center {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.mw1200-center {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.mw1360-center {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.mw1440-center {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.yktn__color-used-oil {
  color: var(--yktn-color-used-oil);
}

.yktn__color-dark-gray {
  color: var(--yktn-color-dark-gray);
}

ul, ol {
  padding-left: 1.45em;
}

.grecaptcha-badge {
  visibility: hidden;
}

/*===== wp-block-button : ボタンブロックのバリエーション =====*/
:root {
  --yktn-color-gainsboro: #d4d8e3; /* button-border */
  --yktn-color-laserlemon: #e9ff4a; /* button-base-hover */
}

/*=== "矢印付きボタン" ===*/
.is-style-yokotona-arrow-button .wp-block-button__link {
  align-items: center;
  background-color: var(--wp--preset--color--custom-white);
  border: 1px solid var(--yktn-color-gainsboro);
  border-radius: 0.5714em;
  box-shadow: 0 1px 4px var(--yktn-color-gainsboro);
  color: var(--wp--preset--color--custom-para-color);
  display: flex;
  font-family: var(--wp--preset--font-family--jost);
  font-size: 0.875rem; /* 14px */
  font-weight: 500;
  gap: 0.7857em;
  justify-content: space-between;
  line-height: 1.2142857143;
  padding: 0.7857em 0.6429em 0.7857em 1.2143em;
  transition: background-color 0.2s ease-out;
}
.is-style-yokotona-arrow-button .wp-block-button__link::after {
  background: url("../images/yokotona-arrow-button-icon.svg") 0 0/contain no-repeat;
  content: "";
  height: 1.2143em;
  width: 1.2143em;
}
@media (pointer: fine) {
  .is-style-yokotona-arrow-button .wp-block-button__link:hover {
    background-color: var(--yktn-color-laserlemon);
  }
}
.is-style-yokotona-arrow-button .wp-block-button__link:active {
  background-color: var(--yktn-color-laserlemon);
}

/*===== wp-block-group =====*/
.is-style-yokotona-group-border {
  border: 1px solid #d4d8e3;
  padding: 20px;
}

/* ===== wp-block-heading : 見出しブロックのバリエーション =====*/
.wp-block-heading {
  /*--- ■つき見出し ---*/
}
.wp-block-heading.is-style-yokotona-heading-bullet {
  display: grid;
  grid-template-columns: calc(1em + 4px) 1fr;
  color: var(--wp--preset--color--custom-mid-blue);
}
.wp-block-heading.is-style-yokotona-heading-bullet::before {
  content: "■";
}
.wp-block-heading {
  /*--- 背景色付き見出し ---*/
}
.wp-block-heading.is-style-yokotona-heading-bgcolor {
  background-color: var(--wp--preset--color--custom-mid-blue);
  border-radius: 0.2222em;
  color: var(--wp--preset--color--custom-white);
  padding: 0.4444em 0.5556em;
}

h2.is-style-yokotona-heading-bgcolor {
  margin-top: 3.1818181818em;
}

/*===== wp-block-quote (デフォルトスタイルの上書き) =====*/
.wp-block-quote {
  background-color: #f5f5f5;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 40px;
}
.wp-block-quote cite {
  text-align: right;
  font-size: 0.75em;
  font-style: normal;
}

/*===== wp-block-social-links : SNSアイコンリンク =====*/
.wp-block-social-links.is-style-logos-only.yktn__social-links {
  column-gap: 2px;
}
.wp-block-social-links.is-style-logos-only.yktn__social-links li.wp-social-link {
  color: var(--wp--preset--color--custom-para-color);
}
.wp-block-social-links.is-style-logos-only.yktn__social-links li.wp-social-link > a {
  padding: 6px;
}

/*===== Global: Header =====*/
.header__sticky header {
  opacity: 1;
  transition-duration: 0.5s, 0.25s;
  transition-property: transform, opacity;
  transition-timing-function: ease-out;
}
.header__sticky header.hide {
  opacity: 0;
  transform: translateY(-100px);
}

@media (pointer: fine) {
  .yktn__header-container a.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--custom-link-color);
  }
}
.yktn__header-container .wp-block-social-links.yktn__social-links.on-header {
  border-right: 1px solid var(--yktn-color-gainsboro);
  padding-right: 11px;
}
.yktn__header-container button.wp-block-search__button.has-icon.wp-element-button {
  align-items: center;
  background-color: transparent;
  color: var(--wp--preset--color--custom-para-color);
  width: 36px;
  padding: 0;
}
@media (pointer: fine) {
  .yktn__header-container button.wp-block-search__button.has-icon.wp-element-button:hover {
    transform: scale(1.1);
  }
}
.yktn__header-container button.wp-block-search__button.has-icon.wp-element-button:active {
  transform: scale(1.1);
}
.yktn__header-container nav.wp-block-navigation button {
  padding: 6px;
}
@media (pointer: fine) {
  .yktn__header-container nav.wp-block-navigation button:hover {
    transform: scale(1.1);
  }
}
.yktn__header-container nav.wp-block-navigation button:active {
  transform: scale(1.1);
}

.yktn__nav-overlay .wp-block-columns {
  border-color: var(--yktn-color-gainsboro);
}
@media screen and (max-width: 781px) {
  .yktn__nav-overlay .wp-block-columns > .wp-block-column:nth-of-type(n+2) {
    border-top: 1px solid var(--yktn-color-gainsboro);
  }
}
.yktn__nav-overlay ul.wp-block-navigation a.wp-block-navigation-item__content:not(:hover) {
  color: var(--yktn-color-used-oil);
}

/*===== footer =====*/
@media (pointer: fine) {
  footer.wp-block-template-part a.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--custom-link-color);
  }
}
footer.wp-block-template-part a.wp-block-navigation-item__content:active {
  color: var(--wp--preset--color--custom-link-color);
}
footer.wp-block-template-part .yktn__footer-lower {
  border-top-color: rgba(0, 0, 0, 0.2);
}
footer.wp-block-template-part .yktn__footer-banners > figure {
  transition: transform 0.1s ease-out;
}
@media (pointer: fine) {
  footer.wp-block-template-part .yktn__footer-banners > figure:hover {
    transform: scale(1.05);
  }
}
footer.wp-block-template-part .yktn__footer-banners > figure:active {
  transform: scale(1.05);
}

/*===== トップページ =====*/
body.home section.posts__sect h2 {
  color: var(--yktn-color-dimgray);
}
body.home section.posts__sect article .wp-block-post-featured-image {
  transition: filter 0.1s ease-out;
}
@media (pointer: fine) {
  body.home section.posts__sect article .wp-block-post-featured-image:hover {
    filter: brightness(120%);
  }
}
body.home section.posts__sect article .wp-block-post-featured-image:active {
  filter: brightness(120%);
}
body.home section.posts__sect article .wp-block-post-terms a {
  color: var(--yktn-color-boulder);
  text-decoration: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
}
@media (pointer: fine) {
  body.home section.posts__sect article .wp-block-post-terms a:hover {
    color: var(--wp--preset--color--custom-link-color);
    text-decoration-line: underline;
  }
}
body.home section.posts__sect article .wp-block-post-terms a:active {
  color: var(--wp--preset--color--custom-link-color);
  text-decoration-line: underline;
}
body.home section.categ__sect .wp-block-cover .wp-block-cover__inner-container {
  height: 100%;
  width: 100%;
}
body.home section.categ__sect .wp-block-cover .wp-block-cover__inner-container p {
  height: 100%;
  width: 100%;
}
body.home section.categ__sect .wp-block-cover .wp-block-cover__inner-container p > a {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.1s ease-out;
  width: 100%;
}
@media (pointer: fine) {
  body.home section.categ__sect .wp-block-cover .wp-block-cover__inner-container p > a:hover {
    background-color: rgba(0, 25, 96, 0.3);
  }
}
body.home section.categ__sect .wp-block-cover .wp-block-cover__inner-container p > a:active {
  background-color: rgba(0, 25, 96, 0.3);
}
body.home section.featu__sect .wp-block-post-terms a {
  color: var(--yktn-color-boulder);
  text-decoration: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
}
@media (pointer: fine) {
  body.home section.featu__sect .wp-block-post-terms a:hover {
    color: var(--wp--preset--color--custom-link-color);
    text-decoration-line: underline;
  }
}
body.home section.featu__sect .wp-block-post-terms a:active {
  color: var(--wp--preset--color--custom-link-color);
  text-decoration-line: underline;
}
body.home section.hotke__sect .wp-block-terms-query ul.wp-block-term-template {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px 30px;
}
body.home section.hotke__sect .wp-block-terms-query ul.wp-block-term-template li.wp-block-term p.wp-block-term-name {
  margin: 0;
}
body.home section.hotke__sect .wp-block-terms-query ul.wp-block-term-template li.wp-block-term p.wp-block-term-name > a {
  display: block;
  text-decoration: none;
  padding: 0.2941176471em 0.5294117647em;
  border: 1px solid #a6aff4;
  border-radius: 0.4705882353em;
}
body.home .about__sect {
  border-color: var(--yktn-color-mischka);
  overflow: hidden;
}
@media screen and (min-width: 782px) {
  body.home .about__sect {
    column-gap: clamp(20px, -18.857px + 5.06vw, 54px);
    flex-direction: row;
    justify-content: space-between;
  }
}
body.home .about__sect .about__body {
  padding: 4.44rem 1.38rem 4.31rem 1.38rem;
}
@media screen and (min-width: 782px) {
  body.home .about__sect .about__body {
    padding-top: clamp(20px, -14.286px + 4.464vw, 50px);
    padding-right: 0;
    padding-bottom: clamp(20px, 8.571px + 1.488vw, 30px);
    padding-left: clamp(20px, -18.857px + 5.06vw, 54px);
  }
}
body.home .about__sect .about__body figure.wp-block-image {
  max-width: 360px;
}
@media screen and (min-width: 782px) {
  body.home .about__sect .about__body figure.wp-block-image {
    margin-right: 30px;
  }
}
body.home .about__sect .about__body p.wp-block-paragraph {
  color: var(--yktn-color-used-oil);
  font-size: clamp(12px, -4.187px + 4.317vw, 18px);
}
@media screen and (min-width: 782px) {
  body.home .about__sect .about__body p.wp-block-paragraph {
    font-size: clamp(13px, -2.73px + 2.011vw, 20px);
  }
}
@media screen and (min-width: 782px) {
  body.home .about__sect figure.wp-block-image {
    flex: 0 0 48%;
  }
  body.home .about__sect figure.wp-block-image > img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}

/*=== Top: Slider部 ===*/
.top-slider .is-layout-flow {
  margin: 0;
}
.top-slider.wrapper-outer {
  height: 240px;
  margin-bottom: 100px;
  opacity: 0;
  position: relative;
  transition: opacity 0.3s ease;
  width: 100%;
}
@media screen and (min-width: 782px) {
  .top-slider.wrapper-outer {
    height: 420px;
  }
}
.top-slider.wrapper-outer.editing { /* NOTE: 内容編集中に付与するクラス. これで見えなくて困ることがなくなるぜ!! */
  opacity: 1;
}
.top-slider.wrapper-outer.ready {
  opacity: 1;
}
.top-slider .wrapper-inner {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.top-slider .swipe {
  display: flex;
  height: 100%;
  position: relative;
  width: max-content;
  z-index: 1;
}
.top-slider .slide-set {
  display: flex;
  flex-shrink: 0;
  height: 100%;
}
.top-slider .slide {
  align-items: center;
  background: #fff;
  display: flex;
  flex-shrink: 0;
  height: 240px;
  justify-content: center;
  margin-right: 5px;
}
@media screen and (min-width: 782px) {
  .top-slider .slide {
    height: 420px;
  }
}
.top-slider .slide figure {
  margin: 0;
}
.top-slider .slide img {
  display: block;
  height: 240px;
  width: auto;
}
@media screen and (min-width: 782px) {
  .top-slider .slide img {
    height: 420px;
  }
}
.top-slider .copy-bar {
  position: absolute;
  top: 220px; /* 240 - 20 = 220px：上20pxが画像に被さる */
  left: 0;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
}
@media screen and (min-width: 782px) {
  .top-slider .copy-bar {
    top: 400px;
  }
}
.top-slider .copy-text {
  display: inline-block;
  background: rgb(255, 255, 255); /* 白・75%不透過 */
  color: #001960;
  font-size: 13.5px;
  line-height: 1.75;
  text-align: center;
  padding: 8px 8px;
  opacity: 1;
  transition: opacity 0.4s ease;
}
@media screen and (min-width: 782px) {
  .top-slider .copy-text {
    font-size: 17px;
    padding: 12px 28px;
  }
}
.top-slider .copy-text.fade {
  opacity: 0;
}
.top-slider .copy-text.hidden {
  opacity: 0;
  transition: none;
}

/*=== 個別投稿ページ single.html 専用スタイル ===*/
body.single.single-post {
  /* 投稿タイトル直下のメタ行 (公開日 & カテゴリー) */
}
body.single.single-post .yktn__single-meta {
  row-gap: 0;
  /* カテゴリーリスト */
}
body.single.single-post .yktn__single-meta .taxonomy-category.wp-block-post-terms a {
  color: inherit;
}
@media (pointer: fine) {
  body.single.single-post .yktn__single-meta .taxonomy-category.wp-block-post-terms a:hover {
    color: var(--wp--preset--color--custom-link-color);
  }
}
body.single.single-post .yktn__single-meta .taxonomy-category.wp-block-post-terms a:active {
  color: var(--wp--preset--color--custom-link-color);
}
body.single.single-post {
  /* 投稿コンテンツ末尾に挿入される AddToAnyセクションの設定 */
}
body.single.single-post .addtoany_content_bottom {
  align-items: center;
  display: flex;
  gap: 5px;
  margin-top: 80px;
}
body.single.single-post .addtoany_content_bottom .addtoany_header {
  font-family: "Jost", sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
body.single.single-post .addtoany_content_bottom .addtoany_list a {
  padding-left: 5px;
  padding-right: 5px;
}
body.single.single-post {
  /* 投稿コンテンツ直下のタグリスト */
}
body.single.single-post .taxonomy-post_tag > a {
  background-color: rgba(212, 216, 227, 0.3);
  border-radius: 8px;
  display: inline-block;
  padding: 1.75px 10px;
  text-decoration: none;
}
body.single.single-post .taxonomy-post_tag > a:not(:hover) {
  color: var(--yktn-color-dark-gray);
}
body.single.single-post .taxonomy-post_tag .wp-block-post-terms__separator {
  display: inline-block;
  width: 10px;
}
body.single.single-post {
  /* "Recommended" */
}
body.single.single-post .single-sect-recommended h2 {
  font-size: clamp(28px, 4.757px + 5.405vw, 48px);
}
body.single.single-post .single-sect-recommended .taxonomy-category.wp-block-post-terms {
  color: #767574;
}
body.single.single-post .single-sect-recommended .taxonomy-category.wp-block-post-terms > a {
  color: inherit;
  text-decoration: none;
}
@media (pointer: fine) {
  body.single.single-post .single-sect-recommended .taxonomy-category.wp-block-post-terms > a:hover {
    color: var(--wp--preset--color--custom-link-color);
  }
}
body.single.single-post .single-sect-recommended .taxonomy-category.wp-block-post-terms > a:active {
  color: var(--wp--preset--color--custom-link-color);
}
body.single.single-post .single-sect-recommended .wp-block-post-featured-image a {
  transition: filter 0.1s linear;
}
@media (pointer: fine) {
  body.single.single-post .single-sect-recommended .wp-block-post-featured-image a:hover {
    filter: brightness(120%);
  }
}
body.single.single-post .single-sect-recommended .wp-block-post-featured-image a:active {
  filter: brightness(120%);
}

body.single.single-post main h2:not(.is-style-yokotona-heading-bgcolor):not(:first-child), body.single.single-post main h3:not(:first-child), body.single.single-post main h4:not(:first-child), body.single.single-post main h5:not(:first-child), body.single.single-post main h6:not(:first-child),
body.block-editor-iframe__body.post-type-post h2:not(.is-style-yokotona-heading-bgcolor):not(:first-child),
body.block-editor-iframe__body.post-type-post h3:not(:first-child),
body.block-editor-iframe__body.post-type-post h4:not(:first-child),
body.block-editor-iframe__body.post-type-post h5:not(:first-child),
body.block-editor-iframe__body.post-type-post h6:not(:first-child) {
  margin-top: 1.5em;
}

/*===== 記事一覧 (archive & blog) =====*/
body.blog article.wp-block-group figure.wp-block-post-featured-image a,
body.archive article.wp-block-group figure.wp-block-post-featured-image a {
  transition: filter 0.1s ease-out;
}
@media (pointer: fine) {
  body.blog article.wp-block-group figure.wp-block-post-featured-image a:hover,
  body.archive article.wp-block-group figure.wp-block-post-featured-image a:hover {
    filter: brightness(120%);
  }
}
body.blog article.wp-block-group figure.wp-block-post-featured-image a:active,
body.archive article.wp-block-group figure.wp-block-post-featured-image a:active {
  filter: brightness(120%);
}

.yktn__archived-article-category-list a {
  color: var(--yktn-color-boulder);
  text-decoration: none;
}
@media (pointer: fine) {
  .yktn__archived-article-category-list a:hover {
    color: var(--wp--preset--color--custom-link-color);
  }
}
.yktn__archived-article-category-list a:active {
  color: var(--wp--preset--color--custom-link-color);
}

/*===== aboutページ =====*/
body.page .yktn__page-about-contents .about__body-flex,
body.block-editor-iframe__body .yktn__page-about-contents .about__body-flex {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 782px) {
  body.page .yktn__page-about-contents .about__body-flex,
  body.block-editor-iframe__body .yktn__page-about-contents .about__body-flex {
    flex-direction: row;
    column-gap: 80px;
  }
}
body.page .yktn__page-about-contents .about__body-flex .body-texts,
body.block-editor-iframe__body .yktn__page-about-contents .about__body-flex .body-texts {
  order: 1;
}
body.page .yktn__page-about-contents .about__body-flex .body-figs,
body.block-editor-iframe__body .yktn__page-about-contents .about__body-flex .body-figs {
  order: 2;
  flex: 0 0 240px;
  align-self: flex-end;
}
@media screen and (min-width: 782px) {
  body.page .yktn__page-about-contents .about__body-flex .body-figs,
  body.block-editor-iframe__body .yktn__page-about-contents .about__body-flex .body-figs {
    align-self: flex-start;
    margin-top: 0;
  }
}
@media screen and (min-width: 782px) {
  body.page .yktn__page-about-contents .about__body-flex.fig-right,
  body.block-editor-iframe__body .yktn__page-about-contents .about__body-flex.fig-right {
    justify-content: space-between;
  }
}
@media screen and (min-width: 782px) {
  body.page .yktn__page-about-contents .about__body-flex.fig-left .body-texts,
  body.block-editor-iframe__body .yktn__page-about-contents .about__body-flex.fig-left .body-texts {
    order: 2;
  }
}
@media screen and (min-width: 782px) {
  body.page .yktn__page-about-contents .about__body-flex.fig-left .body-figs,
  body.block-editor-iframe__body .yktn__page-about-contents .about__body-flex.fig-left .body-figs {
    order: 1;
  }
}
@media screen and (max-width: 781px) {
  body.page .yktn__page-about-contents .about__body-flex.fig-left .body-figs.logo,
  body.block-editor-iframe__body .yktn__page-about-contents .about__body-flex.fig-left .body-figs.logo {
    width: 240px;
    align-self: flex-start;
  }
}
body.page .yktn__page-about-contents .about__body-callout,
body.block-editor-iframe__body .yktn__page-about-contents .about__body-callout {
  border-color: var(--yktn-color-mischka);
}

/*===== 個人情報保護方針ページ =====*/
body.privacy-policy .is-style-yokotona-group-border img {
  vertical-align: middle;
}

/*===== Contact Form 7 =====*/
.wpcf7 {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
.wpcf7 p {
  margin-top: 2rem;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 textarea {
  font-size: 24px;
  box-sizing: border-box;
  width: 100%;
  line-height: 1.35;
  padding: 0.35em;
  margin-top: 0.25em;
}
.wpcf7 .wpcf7-form-control.wpcf7-radio {
  display: inline-block;
  margin-top: 0.75rem;
}
.wpcf7 .wpcf7-form-control.wpcf7-checkbox {
  display: inline-block;
  margin: 0.75rem 0;
}
.wpcf7 .wpcf7-form-control.wpcf7-checkbox + .wpcf7-not-valid-tip {
  margin-top: -0.75rem;
}
.wpcf7 .is-style-yokotona-arrow-button .wp-block-button__link {
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  justify-content: center;
  letter-spacing: 0.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.7143em;
  position: relative;
  width: 160px;
}
.wpcf7 .is-style-yokotona-arrow-button .wp-block-button__link::after {
  position: absolute;
  right: 0.6429em;
}
/*# sourceMappingURL=yktn-style.css.map */