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

/************************************
** old customizer CSS (migrated)
************************************/
#wardTable th, #wardTable td { font-size: 14px; line-height: 1.5; }
#wardTable thead th { position: sticky; top: 0; background: #f7f9f8; z-index: 2; }
#wardTable tbody tr:nth-child(odd){ background:#fafafa; }
#wardTable a{ text-decoration: underline; }
.table-wrap{overflow-x:auto}
.tokyo-table{min-width:1100px;border-collapse:collapse;width:100%}
.tokyo-table th,.tokyo-table td{border:1px solid #ddd;padding:8px;line-height:1.5}
.tokyo-table thead th{position:sticky;top:0;background:#f7f9f8;z-index:2}
.tokyo-table tbody tr:nth-child(odd){background:#fafafa}
.filter{max-width:320px;padding:8px;border:1px solid #ddd;border-radius:8px}
.small-note{color:#666;font-size:.9rem}

:root{
  --bg:#FCFAF7; --text:#3C3C3C; --border:#E5E7EB;
  --accent:#86B6A9; --accent-strong:#5D9287; --link:#2F7662;
  --callout:#F1F7F5; --note:#FFF8E1; --warn:#FFF0F0;
}
body{background:var(--bg); color:var(--text);}
.entry-content{font-size:18px; line-height:1.9; letter-spacing:.02em;}

.entry-content h2{
  font-size:26px; line-height:1.45;
  margin:2em 0 .8em; padding:.6em .8em;
  border:none; border-left:4px solid var(--accent-strong);
  background:var(--callout); border-radius:0 12px 12px 0;
  color:var(--text); font-weight:700;
}
.entry-content h3{
  font-size:21px; line-height:1.5;
  margin:1.6em 0 .6em; padding-bottom:.35em;
  border-bottom:2px solid var(--accent);
  color:var(--text); font-weight:700;
}
.entry-content h4{
  font-size:18px; font-weight:700;
  margin:1.4em 0 .4em; color:var(--accent-strong);
}

.box{border:1px solid var(--border); border-left-width:4px; border-radius:12px; background:#fff;}
.box.info{border-left-color:var(--accent-strong); background:var(--callout);}
.box.warning{border-left-color:#E66; background:var(--warn);}
.box.primary{border-left-color:var(--accent);}

.entry-content table{border-collapse:separate; border-spacing:0; width:100%;}
.entry-content th, .entry-content td{border:1px solid var(--border); padding:.7em;}
.entry-content tbody tr:nth-child(odd){background:#FAFCFB;}

.entry-content a{color:var(--link); text-decoration:underline; text-underline-offset:2px;}
.entry-content a:hover{opacity:.9;}

a.btn-primary{display:inline-block; background:var(--accent-strong); color:#fff!important;
  padding:.8em 1.2em; border-radius:12px; font-weight:700;}
a.btn-primary:hover{filter:brightness(.95); transform:translateY(-1px);}

@media (max-width:781px){
  .entry-content{font-size:17px;}
}

.cat-label {
  display: none;
}

@media screen and (max-width: 834px) {
  .entry-content {
    font-size: 17px;
    line-height: 1.9 !important;
    letter-spacing: 0.02em;
  }
  .entry-content p {
    margin-bottom: 1.15em;
  }
  .entry-content h2 {
    font-size: 23px !important;
    line-height: 1.45 !important;
    margin-top: 1.8em;
    margin-bottom: 0.8em;
  }
  .entry-content h3 {
    font-size: 19px !important;
    line-height: 1.5 !important;
    margin-top: 1.5em;
    margin-bottom: 0.65em;
  }
  .toc,
  .toc-content,
  .toc-list,
  .toc li,
  .toc a {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }
  .speech-balloon,
  .speech-balloon p,
  .speech-wrap .speech-balloon,
  .speech-wrap .speech-balloon p {
    font-size: 15.5px !important;
    line-height: 1.8 !important;
  }

  /* --- font size (mobile) --- */
  body {
    font-size: 16px !important;
  }
  .entry-card-title,
  .card-title {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  .entry-card-snippet,
  .card-snippet {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }
  .entry-card-date,
  .card-date {
    font-size: 11px !important;
  }

  /* --- section heading --- */
  .list-title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: left;
    color: #3C3C3C;
    margin: 0 0 16px;
    padding: 10px 0 10px 14px;
    border-left: 3px solid #5D9287;
    border-bottom: 1px solid #E5E7EB;
    line-height: 1.4;
  }
  .list-column,
  .list-new-entries {
    margin-top: 40px;
    padding-top: 0;
  }
  .list-new-entries {
    margin-top: 16px;
  }
  #main {
    padding: 20px 16px;
  }
  .new-entry-card-wrap.entry-card-wrap {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #F0F0F0;
  }
  .new-entry-card-wrap.entry-card-wrap:last-child {
    border-bottom: none;
  }
  .list-column .entry-card-wrap {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #F0F0F0;
  }
  .list-column .entry-card-wrap:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .list-more {
    margin-top: 12px;
    margin-bottom: 8px;
  }
  #sidebar {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #E5E7EB;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
}