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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/************************************
トップページ・カテゴリページ 非表示
************************************/
.home .entry-footer/*記事内フッター*/,.home header .date-tags/*投稿日・更新日*/,.category-content .cat-label/*カテゴリページ アイキャッチ　カテゴリラベル*/ {
    display: none;
}
.home .entry-content, .category .entry-content/*上部・下部マージン*/ {
    margin-top: 0em;
    margin-bottom: 0em;
}
.home-caption/*上部マージン*/ {
    margin-top: 0em;
}
/*カテゴリページ・タグページ 記事タイトル前のアイコン非表示*/
.category .archive-title span, .tag .archive-title span {
	margin-right: 0;
}
.category .archive-title .fa-folder-open:before, .tag .archive-title .fa-tags:before {
	display: none;
}

/************************************
パンくずリスト
************************************/
.breadcrumb .sp {
    margin: 0 5px;
}

/************************************
フレックスボックス(ul) 共通
************************************/
.ul-flexbox {
    list-style: none;
    padding-left: 0!important;
    display: flex;
    flex-wrap: wrap;
}
/************************************
見出し 共通
************************************/
.page-id-2 .article h2, .page-id-3 .article h2, .page-id-19 .article h2 {
    color: #494949;
    background: #f4f4f4;
    border-left: solid 5px #607d8b;
    border-bottom: solid 3px #d7d7d7;
    border-radius: 0;
}
.page-id-2 .article h3, .page-id-3 .article h3, .page-id-19 .article h3 {
    border-left: 7px solid #b0bec5;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #b0bec5;
}
/************************************
区切り 共通
************************************/
hr.dotted {
    margin: 3em 0;
    border-width: 2px 0 0 0;
    border-top: dotted 2px #dadada;
}
/************************************
リスト 共通
************************************/
/*シンプルリスト*/
.article ul.list-bgc {
  background-color: #eceff1;
  padding: 0.4em 1em 0.4em 2em;
  font-weight: bold;
}
/************************************
共通事項
************************************/
/*新着記事非表示*/
.category #list, .category .pagination-next, .category .pagination, .tag #list, .tag .pagination-next, .tag .pagination {
  display: none;
}
.category-28 #list,.category-28 .pagination-next,.category-28 .pagination {
  display: block;
}
/*関連記事非表示*/
#related-entries {
  display: none;
}
/*次の記事・前の記事 非表示*/
#pager-post-navi {
  display: none;
}
/*コピーライト 上部マージン*/
.copyright {
  margin-top: 16px;
}

/************************************
住まいと暮らしの用語集
************************************/
/*投稿ページ 投稿日・更新日 非表示*/
.categoryid-11 .date-tags, .categoryid-35 .date-tags, .categoryid-36 .date-tags, .categoryid-37 .date-tags, .categoryid-38 .date-tags, .categoryid-39 .date-tags, .categoryid-40 .date-tags, .categoryid-41 .date-tags, .categoryid-42 .date-tags, .categoryid-43 .date-tags {
    display: none;
}
/*投稿ページ カテゴリラベル・タグラベル 非表示*/
.categoryid-11 .entry-categories-tags, .categoryid-35 .entry-categories-tags, .categoryid-36 .entry-categories-tags, .categoryid-37 .entry-categories-tags, .categoryid-38 .entry-categories-tags, .categoryid-39 .entry-categories-tags, .categoryid-40 .entry-categories-tags, .categoryid-41 .entry-categories-tags, .categoryid-42 .entry-categories-tags, .categoryid-43 .entry-categories-tags {
    display: none;
}
/*見出しh2*/
.category-8 .article h2, .category-11 .article h2 {
  background: none;
  border-left: 7px solid #607d8b;
  border-right: 1px solid #607d8b;
  border-top: 1px solid #607d8b;
  border-bottom: 1px solid #607d8b;
	border-radius: 0;
}
.field-content, .past-problems {
    height: auto;
    overflow: auto;
    padding: 1.2em 1em;
    box-shadow: 0 0 3px rgb(0 0 0 / 20%);
}
.field-content ul {
	margin-bottom: 0;
}
/*五十音リスト・キーワードリスト*/
.syllabary-link, .syllabary-link-active, .subject-link, .subject-link-active {
    flex-basis: calc(100% / 5 - 5px);
    font-weight: bold;
    padding: 5px;
    margin: 2.5px!important;
    text-align: center;
}
.syllabary-link, .subject-link {
	border: 2px solid #607d8b;
}
.syllabary-link-active, .subject-link-active {
	color: #fff;
	background: #607d8b;
}
.syllabary-link a, .subject-link a {
	display: block;
	color: #607d8b;
	text-decoration: none;
}
/*用語のスタイル*/
.term a {
  font-weight: bold;
  text-decoration: none;
}
/*用語のフレックスボックス*/
.term {
	flex-basis: calc(100% / 4 - 5px);
	margin: 2.5px!important;
	font-size: 14px;
}
.tab-content ul {
	margin-bottom: 0;
}
/*投稿ページのデザイン*/
.categoryid-11 .article h1, .categoryid-35 .article h1, .categoryid-36 .article h1, .categoryid-37 .article h1, .categoryid-38 .article h1, .categoryid-39 .article h1, .categoryid-40 .article h1, .categoryid-41 .article h1, .categoryid-42 .article h1, .categoryid-43 .article h1 {
    background: #607d8b;
    color: white;
    margin-bottom: 0;
    padding: 0.6em 0.8em;
}
.categoryid-11 .entry-content, .categoryid-35 .entry-content, .categoryid-36 .entry-content, .categoryid-37 .entry-content, .categoryid-38 .entry-content, .categoryid-39 .entry-content, .categoryid-40 .entry-content, .categoryid-41 .entry-content, .categoryid-42 .entry-content, .categoryid-43 .entry-content {
    margin-top: 0;
}
.term-description {
    border-left: 2px solid #607d8b;
    border-bottom: 2px solid #607d8b;
    border-right: 2px solid #607d8b;
    margin-bottom: 1.4em;
    padding: 0.8em;
}
.past-problems {
    margin-bottom: 1.4em;
}
.term-description p {
    margin-bottom: 0.8em;
}
.term-description p:last-child, .past-problems ol {
    margin-bottom: 0;
}
.year-number {
    font-weight: bold;
}
.correct-answer {
    padding: 5px;
    background: #eceff1;
    border: 1.5px solid #607d8b;
}
.correct-number {
    padding-left: 5px;
}
.cft td {
    padding-left: 1em;
}
/***********タブ切り替え************/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 2.5px;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #607d8b;
  display: block;
  order: -1;
}
.tab-label {
  color: #607d8b;
  border-width: 2px 2px 0 2px;
  border-style: solid;
  border-color: #607d8b;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 5px 0;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  color: #fff;;
  background: #607d8b;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.tab-switch {
  display: none;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
/*フッター 中央寄せ文字左寄せ*/
.navi-footer-in {
  display: block;
  text-align: center;
}
.navi-footer-in > ul.menu-footer {
  display: inline-block;
}
.navi-footer-in > ul.menu-footer > li.menu-item {
  text-align: left;
}
.navi-footer-in > ul.menu-footer li.menu-item {
  width: 100%;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
/* トップページ h1タグまわり */
.home .entry-title {
    margin-bottom: 0;
    padding-left: 0;
    /*text-align: center;*/
    /*border: 1px solid #32373c;*/
}
/*.home .entry-content {
    margin-top: 1em;
}*/
/* トップページ h3 */
.home .article h3 {
    font-size: 20px;
}
/* カテゴリページ フレックスボックス */
.t-catlink, .b-catlink {
    flex-basis: calc(100%);
}
.ul-flexbox li .t-title, .ul-flexbox li .b-title, .ul-flexbox li .g-title, .ul-flexbox li .s-title {
    font-size: 20px;
}
/* 用語集 フレックスボックス */
.subject-link-ks {
	line-height: 28.8px;
	font-size: 0.8em;
}
span.ks-point {
	display: none;
}
.term {
	flex-basis: calc(100% / 2 - 5px);
}
/* 用語集 解説文 */
.term-description p {
    font-size: 14px;
}
}

/*481px以上*/
@media screen and (min-width: 481px){
.section {
    flex-basis: calc(100% / 2 - 0.4em);
}
}