@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){
  /*必要ならばここにコードを書く*/
}


/* Wellness Time Stage 2 readability and brand system */
:root {
  --wt-brand: #006B5F;
  --wt-brand-soft: #2A9D8F;
  --wt-bg-soft: #EAF6F3;
  --wt-text: #24312E;
  --wt-link: #005EA8;
  --wt-cta: #B84A00;
  --wt-alert: #8A1C1C;
  --wt-border: #C9D7D3;
}
body {
  color: var(--wt-text);
  font-size: 18px;
  line-height: 1.8;
}
.entry-content { max-width: 760px; }
.entry-content p { margin: 0 0 1.4em; }
.entry-content a {
  color: var(--wt-link);
  text-decoration: underline;
  text-underline-offset: .16em;
}
.entry-content h2 {
  color: var(--wt-text);
  background: #fff;
  border-left: 5px solid var(--wt-brand);
  border-bottom: 1px solid var(--wt-border);
  padding: .55em .75em;
  margin-top: 2.2em;
}
.entry-content h3 {
  color: var(--wt-brand);
  border-bottom: 2px solid var(--wt-border);
  padding-bottom: .35em;
  margin-top: 1.8em;
}
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.entry-content th {
  background: var(--wt-brand);
  color: #fff;
  font-weight: 700;
}
.entry-content th,
.entry-content td {
  border: 1px solid var(--wt-border);
  padding: .7em .8em;
  vertical-align: top;
}
.entry-content blockquote {
  border-left: 5px solid var(--wt-brand-soft);
  background: var(--wt-bg-soft);
  color: var(--wt-text);
  padding: 1em 1.2em;
  margin: 1.5em 0;
}
.wp-block-button__link,
.entry-content .btn,
.entry-content a.btn {
  display: inline-block;
  min-height: 44px;
  padding: .75em 1.2em;
  border-radius: 6px;
  background: var(--wt-cta);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.header-container,
.navi,
.navi-in > ul,
.footer,
.mobile-menu-buttons {
  background-color: var(--wt-brand) !important;
}
.header-container a,
.navi a,
.footer a,
.mobile-menu-buttons a { color: #fff !important; }
@media screen and (max-width: 834px) {
  body { font-size: 16px; line-height: 1.75; }
  .entry-content { max-width: 100%; }
  .entry-content h2 { padding: .5em .65em; }
  .wp-block-button__link,
  .entry-content .btn,
  .entry-content a.btn { width: 100%; text-align: center; }
}