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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/************************************
トップページ・カテゴリページ 非表示
************************************/
.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;
}

/************************************
トップページ
************************************/
/*h2カスタマイズ*/
.home .article h2, .category-24 .article h2, .category-26 .article h2, .category-27 .article h2, .category-91 .article h2 {
    background: none;
    padding: 0 0 8px 10px;
    border-radius: 0;
    background: -moz-linear-gradient(bottom, #cfd8dc, #eceff1 45%, #fff);
    background: -webkit-linear-gradient(bottom, #cfd8dc, #eceff1 45%, #fff);
    background: linear-gradient(to top, #cfd8dc, #eceff1 45%, #fff);
    font-size: 18px;
    text-shadow: 1px 1px 0 rgba(255,255,255);
}
/*h3カスタマイズ*/
.home .article h3 {
    position: relative;
    background: #eceff1;
    padding: 0.5em;
    border-top: 0;
    border-bottom: 0;
    border-left: solid 2em #607d8b;
    border-right: 0;
    line-height: 1;
}
.home .article .t-h3-first {
    margin-top: 1.2em;
}
.home .article h3 .t-h3 {
    font-size: 18px;
    text-shadow: 1px 1px 0 rgba(255,255,255);
}
.home .article h3.strategy-guidance:before {
    content: "\f024";
}
.home .article h3.seizu:before {
    content: "\f303";
}
.home .article h3.book:before {
    content: "\f02d";
}
.home .article h3.blog:before {
    content: "\f075";
}
.home .article h3:before {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    padding: 0em;
    color: white;
    font-weight: 900;
    left: -1.5em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.home .t-h3-caption {
    margin-bottom: 0;
}
.home .t-h3-more {
    color: #1967d2;
}
/*リンクテキスト*/
.home .link-color-black {
    text-decoration: none;
    color: #333;
}
/*子カテゴリのタイル表示*/
.t-catlink {
	flex-basis: calc(100% / 2 - 10px);
	background: linear-gradient(to top, #eceff1, #fff);
	border: 1px solid #607d8b;
	border-radius: 5px;
	text-shadow: 1px 1px 0 rgba(255,255,255);
	padding: 10px;
	margin: 5px!important;
}
.t-catlink a {
	display: block;
	color: #000;
	text-decoration: none;
}
.ul-flexbox li .t-title {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: dotted 2px #37474f;
}
.ul-flexbox li .t-caption {
    display: inline-block;
    width: 100%;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    line-height: 1.2;
}

/*更新情報*/
ul.update-info {
  padding-left: 0;
}
ul.update-info li {
  list-style: none;
  font-size: 0.9em;
}
ul.update-info li:not(:last-child) {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: dotted 2px #dadada;
}

/************************************
固定ページ
************************************/
/*リンク集*/
.page-id-5550 a {
	text-decoration: none;
}

/************************************
モバイルスライドインメニュー
************************************/
.menu-drawer .menu-item-535 a, .menu-drawer .menu-item-552 a {
  margin-bottom: 12px;
  padding-bottom: 18px;
  border-width: 2px 0 0 0;
  border-bottom: dotted 2px #dadada;
}
.menu-drawer .menu-item-553 a, .menu-drawer .menu-item-554 a, .menu-drawer .menu-item-555 a, .menu-drawer .menu-item-5553 a {
  font-size: 0.8em;
}

/************************************
サイドバー
************************************/

.t-catlink-sidebar {
	flex-basis: calc(100%);
	background: linear-gradient(to top, #eceff1, #fff);
	border: 1px solid #607d8b;
	border-radius: 5px;
	text-shadow: 1px 1px 0 rgba(255,255,255);
	padding: 10px;
	margin: 5px!important;
}
.t-catlink-sidebar a {
	display: block;
	color: #000;
	text-decoration: none;
}
.ul-flexbox li .t-title {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: dotted 2px #37474f;
}
.ul-flexbox li .t-caption {
    display: inline-block;
    width: 100%;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    line-height: 1.2;
}

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

/************************************
フレックスボックス(ul) 共通
************************************/
.ul-flexbox {
    list-style: none;
    padding-left: 0!important;
    display: flex;
    flex-wrap: wrap;
}

/************************************
見出し 共通
************************************/
.categoryid-4 .article h2, .categoryid-24 .article h2, .categoryid-25 .article h2, .categoryid-26 .article h2, .categoryid-28 .article h2, .categoryid-29 .article h2, .categoryid-34 .article h2, .categoryid-35 .article h2, .categoryid-36 .article h2, .categoryid-37 .article h2, .categoryid-38 .article h2, .categoryid-39 .article h2, .categoryid-40 .article h2, .categoryid-41 .article h2, .categoryid-42 .article h2, .categoryid-43 .article h2, .page-id-31 .article h2, .page-id-58 .article h2, .page-id-5550 .article h2 {
    color: #494949;
    background: #f4f4f4;
    border-left: solid 5px #607d8b;
    border-bottom: solid 3px #d7d7d7;
    border-radius: 0;
}
.categoryid-4 .article h3, .categoryid-24 .article h3, .category-26 .article h3, .categoryid-26 .article h3, .categoryid-28 .article h3, .categoryid-29 .article h3, .page-id-31 .article h3, .page-id-58 .article h3, .page-id-5550 .article h3 {
    border-left: 7px solid #b0bec5;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #b0bec5;
}
 .article h4 {
    border-left: 5px solid #b0bec5;
    border-top: 0;
    border-bottom: 0;
    padding: 7px 10px;
}
/*コピー付見出し*/
.article h3.h3-copy {
    padding: 10px 20px 12px 20px;
}
.article h3.h3-copy:first-line {
    font-size: 65%;
    color: rgba(42,42,42,0.38);
}
/************************************
区切り 共通
************************************/
hr.dotted {
    margin: 3em 0;
    border-width: 2px 0 0 0;
    border-top: dotted 2px #dadada;
}
.hr-style1 {
    margin: 2em auto !important;
    width: 30%;
    border-top: 5px solid #eceff1;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 2.5px;
}
.hr-style2 {
    margin: 1.4em 0;
    border-top: 2px solid #dadada;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
/************************************
リスト 共通
************************************/
/*シンプルリスト*/
.article ul.list-bgc {
  background-color: #eceff1;
  padding: 0.4em 1em 0.4em 2em;
  font-weight: bold;
}
/*シェブロンリスト*/
ul.chevron-list {
  position: relative;
  border: 2px solid #607d8b;
  border-radius: 5px;
  padding: 0.5em 1em;
}
ul.chevron-list li {
  list-style-type: none!important;
  position: relative;
  margin: 0;
  padding: .2em 0 .2em 1.5em;
  line-height: 1.5;
  font-weight: bold;
}
ul.chevron-list li:before {
  display: inline-block;
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 free";
  content: '\f138';
  font-weight: 900;
  color: #607d8b;
}
/*人物アイコンリスト*/
.person-list {
  position: relative;
  border: 2px solid #607d8b;
  border-radius: 5px;
  margin: 50px 5px 20px 7px;
  padding: 25px 20px 15px 20px;
}
.person-list p {
  margin: 0;
  padding: 0;
}
.person-list-title {
  position: absolute;
  left: -10px;
  top: -20px;
  border-radius: 15px;
  background-color: #607d8b;
  color: #fff;
  font-family: "FontAwesome", "Helvetica","Yu Gothic";
  font-size: 14px;
  font-weight: bold;
  padding: 5px 20px;
}
.person-list-title:after {
  position: absolute;
  border-top: 12px solid #607d8b;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  top: 30px;
  left: 25px;
}
.person-list ul {
  border: none;
  margin: 0;
  padding: 0;
}
.person-list ul li {
  list-style-type: none!important;
  position: relative;
  margin: 0;
  padding: .2em 0 .2em 1.5em;
  line-height: 1.5;
  font-weight: bold;
}
.person-list ul li span {
  font-size: 0.9em;
}
.person-list ul li:before {
  display: inline-block;
  position: absolute;
  left: -0.05em;
  font-family: "Font Awesome 5 free";
  content: '\f2bd';
  font-weight: 900;
  color: #607d8b;
}
/*今ココリスト*/
/*
.list-now:after {
  content: "今ココ";
  margin-left: 1em;
  padding: 0.2em 0.5em 0.1em 0.5em;
  background: #f6a068;
  color: #fff;
  font-size: 0.8em;
  border-radius: 5px;
}
*/
/************************************
ボックス 共通
************************************/
/*シンプルボックス*/
.simple-box1 {
    background: #eceff1;
    padding: 1.5em;
    margin: 2em 0;
    display: block;
    text-align: center;
    font-weight: bold;
}
.simple-box1 div {
    display: inline-block;
    text-align: left;
}
/*メリットボックス・デメリットボックス*/
.merit-box, .demerit-box {
    position: relative;
    margin: 2em 0 1.6em 0;
    padding: 0.5em 1em;
    border-radius: 8px;
}
.merit-box {
    border: 3px solid #bde4fc;
}
.demerit-box {
    border: 3px solid #f6b9b9;
}
.merit-box .merit-box-title, .demerit-box .demerit-box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #fff;
    font-weight: bold;
}
.merit-box .merit-box-title {
    color: #87cefa;
}
.demerit-box .demerit-box-title {
    color: #f3aca9;
}
.merit-box ul.merit-box-list, .demerit-box ul.demerit-box-list {
    list-style: none;
    margin: 0.4em 0 0 0;
}
.merit-box ul.merit-box-list li, .demerit-box ul.demerit-box-list li {
    margin: 0.2em 0; 
    color: #000;
}
.merit-box ul.merit-box-list li:before, .demerit-box ul.demerit-box-list li:before {
    position: absolute;
    left: 1.4em;
    font-family: "Font Awesome 5 free";
    content: '\f00c';
    font-weight: 900;
}
.merit-box ul.merit-box-list li:before {
    color: #87cefa;
}
.demerit-box ul.demerit-box-list li:before {
    color: #f3aca9;
}
/************************************
共通事項
************************************/
/*新着記事非表示*/
.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;
}
/*画像キャプション中央揃え*/
.wp-block-image figcaption {
  text-align: center;
}
/*タイムライン*/
.timeline-item:before {
  background: #607d8b;
}
.timeline-item-content{
  border-left: 3px solid #eceff1;
}
/*テーブル スクロール影補正*/
table tr:nth-of-type(2n+1) {
  background-color: rgba(221, 228, 234, 0.14);
}
/* 注記（※印） */
.rice-mark {
  line-height: 1.5;
  font-size: 14px;
  opacity: 0.6;
}
/*テーブル 横幅指定*/
.tw25per th, .tw25per td {
  width: 25%;
}

/************************************
試験攻略入門カテゴリページ
************************************/
/*子カテゴリのタイル表示*/
.b-catlink {
	flex-basis: calc(100% / 2 - 10px);
	background: linear-gradient(to top, #eceff1, #fff);
	border: 1px solid #607d8b;
	border-radius: 5px;
	text-shadow: 1px 1px 0 rgba(255,255,255);
	padding: 10px;
	margin: 5px!important;
}
.b-catlink a {
	display: block;
	color: #000;
	text-decoration: none;
}
.ul-flexbox li .b-number {
    display: inline-block;
    width: 100%;
    font-size: 0.7em;
    letter-spacing: 0.1em;
}
.ul-flexbox li .b-title {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 2px;
    border-bottom: dotted 2px #37474f;
}
.ul-flexbox li .b-caption {
    display: inline-block;
    width: 100%;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    line-height: 1.2;
}

/************************************
学科試験の問題集
************************************/
/*投稿ページ 投稿日・更新日 非表示*/
.categoryid-26 .date-tags {
    display: none;
}
/*投稿ページ カテゴリラベル・タグラベル 非表示*/
.categoryid-26 .entry-categories-tags {
    display: none;
}
/*投稿ページ シェアボタン 非表示*/
.categoryid-26 .sns-share {
    display: none;
}
/*テーブル表示デザイン*/
.category-26 tr:nth-of-type(n+2) {
  line-height: 2.8;
}
.category-26 tr td a {
  display: block;
  font-weight: bold;
  text-decoration: none;
}
/*分野別の試験問題*/
.ul-section {
    list-style: none;
    padding-left: 0!important;
    display: flex;
    flex-wrap: wrap;
}
.section {
    flex-basis: calc(100% - 0.4em);
}
.section a {
  font-weight: bold;
  text-decoration: none;
}
/*カスタムCSS（投稿ページ）*/
.quiz_area {
  margin-bottom: 0;
}
/* 回答後にタップできなくするための要素(デフォルト非表示、回答後に一時的に表示) */
.quiz_ans_area {
    position: relative;
}
.quiz_ans_area .quiz_area_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    display: none;
    text-align: center;
}
/* 画面に〇、×を表示するための要素（デフォルト非表示、回答後に一時的に表示） */
.quiz_ans_area .quiz_area_icon {
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
    color: red;
    display: none;
    font-size: 10em;
    font-weight: bold;
    -webkit-text-stroke: 4px #FFF;
    text-stroke: 4px #FFF;
}
/* h2タグの要素（デフォルト非表示、回答後に一時的に表示） */
.quiz_area .quiz_explanation_title {
    display: none;
}
/* 次の問題ボタンの要素（デフォルト非表示、回答後に一時的に表示） */
.quiz_area .quiz_next {
    display: none;
}
/* .trueまたは.falseのクラスが付与されたら表示するものとみなす */
.quiz_area .quiz_area_icon.true, .quiz_area .quiz_area_icon.false{
    display: block;
}
/* .trueは正解（〇を表示） */
.quiz_area .quiz_area_icon.true:before{
    content: '〇';
    color: blue;
}
/* .falseは不正解（×を表示） */
.quiz_area .quiz_area_icon.false:before{
    content: '×';
    color: red;
}
/* 問題文と回答後の結果 */
.quiz_area .quiz_question, .quiz_score_box {
    box-sizing: border-box;
    padding: 15px;
    border: 4px solid #BBB;
}
.quiz_area .quiz_question {
    font-size: 0.9em;
}
.quiz_area .quiz_question .wp-block-image {
  margin-bottom: 0;
}
.quiz_score {
  font-size: 24px;
  font-weight: bold;
}
/* 回答後の結果は初期非表示 */
.quiz_area .quiz_result{
    display: none;
}
/* 以下クイズの選択肢のデザイン */
.quiz_area .quiz_ans_area ul{
    margin: 10px 0 0 0;
    padding: 0;
    display: block;
}
.quiz_area .quiz_ans_area ul::after{
    content: "";
    display: block;
    clear: both;
}
.quiz_area .quiz_ans_area ul li{
    box-sizing: border-box;
    list-style: none;
    float: left;
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #BBB;
    margin: 0 0 -2px 0;
    cursor: pointer;
    font-size: 0.9em;
}
.quiz_area .quiz_ans_area ul li.selected{
    background-color: #dddddd;
}
.quiz_area .quiz_ans_area ul li .wp-block-image {
  margin-bottom: 0;
}
.quiz_area .quiz_ans_area ul li .wp-block-image img {
  vertical-align: bottom;
}
/* 次の問題（結果をみる）ともう一度挑戦するのボタン */
.quiz_next ,.quiz_restart {
  position: relative;
  justify-content: center;
  align-items: center;
  margin: 1.87em auto 1.4em auto;
  padding: 0.55em 2em 0.45em 2em;
  width: 300px;
  font-size: 18px;
  font-weight: 700;
  color: #494949;
  background-color: #f4f4f4;
  border-bottom: 3px solid #d7d7d7;
  border-radius: 50vh;
}
.quiz_next:after ,.quiz_restart:after {
  content: '';
  position: absolute;
  right: 25px;
  width: 7px;
  height: 7px;
  border-top: 2.5px solid #494949;
  border-right: 2.5px solid #494949;
  transform: rotate(45deg);
}
/*  以下解説文のデザイン */
.quiz_area .quiz_comment {
    margin-top: 1.4em;
}
.quiz_area .quiz_explanation {
    font-size: 0.9em;
}
/*  結果シェアボタン */
#share_area{
  width: calc(100% - 10px);
  margin: 15px auto 0 auto;
  text-align: center;
}
.btn-social-square {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 4px;
  background: #1da1f2;
  color: #fff;
  font-size: 0.9em;
  text-decoration: none;
  font-weight: bold;
}
.btn-social-square:before {
  font-family: "Font Awesome 5 Brands";
  content: '\f099';
  margin-right: 10px;
  font-weight: 400;
  color: #fff;
}
/*  穴埋め問題のデザイン */
.q-blank-box {
  margin: 0 0.25em;
  padding: 0 1em;
  border: 1px solid #333;
}
p.q-simple-box {
  margin: 0.5em auto 0 auto;
  padding: 0.5em 1em;
  border: 1px solid #333;
}
/*カスタムCSS終わり*/
/*子カテゴリのタイル表示*/
.g-catlink, .g-catlink-method, .g-catlink-kakomon {
	background: linear-gradient(to top, #eceff1, #fff);
	border: 1px solid #607d8b;
	border-radius: 5px;
	text-shadow: 1px 1px 0 rgba(255,255,255);
	padding: 10px;
	margin: 5px!important;
}
.g-catlink {
	flex-basis: calc(100% / 2 - 10px);
}
.g-catlink-method, .g-catlink-kakomon {
    flex-basis: calc(100%);
}
.g-catlink a, .g-catlink-method a, .g-catlink-kakomon a {
	display: block;
	color: #000;
	text-decoration: none;
}
.ul-flexbox li .g-title {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

/************************************
学科-教科書
************************************/
/*学習の内容*/
.learning {
    background: #607d8b;
    margin-bottom: 0;
    padding: 0.3em;
    text-align: center;
    color: white;
    font-size: 20px;
    font-weight: bold;
}
.learning-list {
    display: block;
    margin-bottom: 1.4em;
    box-shadow: 0 0 3px rgb(0 0 0 / 20%);
    text-align: center;
}
.learning-list ul.learning-content {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    padding: 1em;
    font-weight: bold;
}
.learning-list ul.learning-content li {
    text-align: left;
}
ul.learinng-point {
    list-style: none;
    height: auto;
    overflow: auto;
    padding: 1.2em 1em;
    box-shadow: 0 0 3px rgb(0 0 0 / 20%);
    font-weight: bold;
}
.article h2.learning, .article h2.gakka-h2 {
    background: #607d8b;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    text-align: center;
    color: white;
}
ol.item-list {
    list-style: none;
    padding-left: 0;
}
span.indent-half {
    padding-right: 0.5em;
}
.field-item a {
  font-weight: bold;
  text-decoration: none;
}
.article ol.item-list {
    margin-bottom: 0;
}

/************************************
設計製図試験カテゴリページ
************************************/
/*リスト上部のマージン*/
/*.category-27 ul {
    margin-top: 0.5em;
}*/
.category-27 .link-color-black {
    display: block;
    margin-bottom: 0;
    text-decoration: none;
    color: #333;
}
/*子カテゴリのタイル表示*/
.s-catlink-kakomon-kaitourei {
	flex-basis: calc(100%);
	background: linear-gradient(to top, #eceff1, #fff);
	border: 1px solid #607d8b;
	border-radius: 5px;
	text-shadow: 1px 1px 0 rgba(255,255,255);
	padding: 10px;
	margin: 5px!important;
}
.s-catlink-kakomon-kaitourei a {
	display: block;
	color: #000;
	text-decoration: none;
}
.ul-flexbox li .s-title {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

/************************************
製図-エスキス
************************************/
/*ゼロから学ぶエスキス手順*/
p.list-e-step-title {
  position: relative;
  overflow: hidden;
  color: #455a64;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0;
  padding: 0.5em 0.5em 0.5em 7em;
  border-top: solid 2px #607d8b;
  border-left: solid 2px #607d8b;
  border-right: solid 2px #607d8b;
}
.list-e-step-title::before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 6.65em #607d8b;
  border-bottom: solid 19.95em transparent;
}
.list-e-step-title1::after {
  content: "パート１";
  position: absolute;
  left: 1em;
  color: white;
}
.list-e-step-title2::after {
  content: "パート２";
  position: absolute;
  left: 1em;
  color: white;
}
.list-e-step-title3::after {
  content: "パート３";
  position: absolute;
  left: 1em;
  color: white;
}
.list-e-step {
  border: solid 2px #607d8b;
  margin-top: 0!important;
  padding: 0 0.5em!important;
  position: relative;
}
.list-e-step li {
  line-height: 1.5;
  margin: 0!important;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
.list-e-step li:before {
  font-family: "Font Awesome 5 free";
  content: '\f138';
  font-weight: 900;
  position: absolute;
  left : 0.5em;
  color: #697d8b;
}
.list-e-step li:last-of-type {
  border-bottom: none;
}
/*手順 ポイント・目次*/
.e-step-balloon-parent {
  text-align: center;
}
.e-step-balloon {
  position: relative;
  display: inline-block;
  margin: 1.4em 0;
  padding: 7px 1.5em;
  background: #607d8b;
}
.e-step-balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #607d8b;
}
.e-step-balloon p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.e-step-point {
  margin-bottom: 2.4em;
  padding: 2em;
  background: #eceff1;
  border: 2px solid #607d8b;
  color: #13100e;
  font-size: 16px;
}
.e-step-point p:last-child {
    margin: 0; 
}
/*目標時間・製図用具*/
.e-step-time, .e-step-tools {
  font-size: 16px;
}
.e-step-tools {
  margin-bottom: 2.4em;
}
.e-step-time p {
  margin-bottom: 0.4em;
  font-weight: bold;
}
.e-step-tools p {
  margin-bottom: 0;
  font-weight: bold;
}
.e-step-tools ul {
  padding-left: 1.5em;
}
.e-step-tools ul li {
  margin: 0.2em 0;
  font-size: 16px;
}
/*具体的な手順*/
.e-step-timeline-title {
  margin-bottom: 10px;
}
ol.e-step-timeline {
  padding-left: 0.5em;
  list-style: none;
  font-weight: bold;
}
ol.e-step-timeline a {
  text-decoration: none;
}
/*マーカー*/
.marker-orange {
    background: #ffddbc;
}
.marker-under-orange {
    background: linear-gradient(transparent 60%, #ffddbc 60%);
}
.marker-green {
    background: #ccffcc;
}
.marker-under-green {
    background: linear-gradient(transparent 60%, #ccffcc 60%);
}
/*タブボックス*/
.tab-caption-box-content {
  padding: 0.8em;
}
.marking-example {
  font-size: 16px;
}

/************************************
建築士用語辞典
************************************/
/*投稿ページ 投稿日・更新日 非表示*/
.categoryid-34 .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-34 .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-33 .article h2, .category-34 .article h2, .category-35 .article h2, .category-36 .article h2, .category-37 .article h2, .category-38 .article h2, .category-39 .article h2, .category-40 .article h2, .category-41 .article h2, .category-42 .article h2, .category-43 .article h2, .article h2.dictionary-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;
}
.tag-85 .article h2.tagpage-h2, .tag-87 .article h2.tagpage-h2, .tag-88 .article h2.tagpage-h2, .tag-89 .article h2.tagpage-h2, .tag-90 .article h2.tagpage-h2 {
  background: #607d8b;
	border-radius: 0;
	margin-bottom: 0;
	text-align: center;
	color: white;
}
.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;
/*	text-shadow: 0 -1px 0 rgba(0,0,0,.2);	*/
    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-34 .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-34 .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;
/*	text-shadow: 0 -1px 0 rgba(0,0,0,.2);	*/
  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;
}

/************************************
オンライン法令集
************************************/
/*子カテゴリのタイル表示*/
.o-catlink {
	background: linear-gradient(to top, #eceff1, #fff);
	border: 1px solid #607d8b;
	border-radius: 5px;
	text-shadow: 1px 1px 0 rgba(255,255,255);
	padding: 10px;
	margin: 5px!important;
}
.o-catlink {
	flex-basis: calc(100%);
}
.o-catlink a {
	display: block;
	color: #000;
	text-decoration: none;
}
.ul-flexbox li .o-title {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
/*レイアウト調整*/
.category-44 ul, .category-50 ul, .category-51 ul, .category-52 ul, .category-53 ul, .category-54 ul, .category-55 ul, .category-56 ul, .category-57 ul, .category-58 ul, .category-59 ul, .category-60 ul, .category-61 ul, .category-62 ul, .category-63 ul, .category-64 ul, .category-65 ul, .category-66 ul, .category-67 ul, .category-68 ul, .category-69 ul, .category-70 ul, .category-71 ul, .category-72 ul, .category-73 ul, .category-74 ul, .category-75 ul, .category-76 ul, .category-77 ul, .category-78 ul, .category-79 ul, .category-80 ul, .category-81 ul, .category-82 ul, .category-83 ul, .category-84 ul {
    list-style: none;
}
.category-44 .space-1em, .category-50 .space-1em, .category-51 .space-1em, .category-52 .space-1em, .category-53 .space-1em, .category-54 .space-1em, .category-55 .space-1em, .category-56 .space-1em, .category-57 .space-1em, .category-58 .space-1em, .category-59 .space-1em, .category-60 .space-1em, .category-61 .space-1em, .category-62 .space-1em, .category-63 .space-1em, .category-64 .space-1em, .category-65 .space-1em, .category-66 .space-1em, .category-67 .space-1em, .category-68 .space-1em, .category-69 .space-1em, .category-70 .space-1em, .category-71 .space-1em, .category-72 .space-1em, .category-73 .space-1em, .category-74 .space-1em, .category-75 .space-1em, .category-76 .space-1em, .category-77 .space-1em, .category-78 .space-1em, .category-79 .space-1em, .category-80 .space-1em, .category-81 .space-1em, .category-82 .space-1em, .category-83 .space-1em, .category-84 .space-1em {
    padding-left: 1em;
}
.category-50 .space-2em, .category-51 .space-2em {
    margin-left: 2em;
}
.category-50 .space-0, .category-51 .space-0 {
    padding-left: 0;
}
.categoryid-52 .entry-content p, .categoryid-53 .entry-content p, .categoryid-54 .entry-content p, .categoryid-55 .entry-content p, .categoryid-56 .entry-content p, .categoryid-57 .entry-content p, .categoryid-58 .entry-content p, .categoryid-59 .entry-content p, .categoryid-60 .entry-content p, .categoryid-61 .entry-content p, .categoryid-62 .entry-content p, .categoryid-63 .entry-content p, .categoryid-64 .entry-content p, .categoryid-65 .entry-content p, .categoryid-66 .entry-content p, .categoryid-67 .entry-content p, .categoryid-68 .entry-content p, .categoryid-69 .entry-content p, .categoryid-70 .entry-content p, .categoryid-71 .entry-content p, .categoryid-72 .entry-content p, .categoryid-73 .entry-content p, .categoryid-74 .entry-content p, .categoryid-75 .entry-content p, .categoryid-76 .entry-content p, .categoryid-77 .entry-content p, .categoryid-78 .entry-content p, .categoryid-79 .entry-content p, .categoryid-80 .entry-content p, .categoryid-81 .entry-content p, .categoryid-82 .entry-content p, .categoryid-83 .entry-content p, .categoryid-84 .entry-content p {
    padding-left: 1em;
}
.categoryid-50 .entry-content table {
    margin-left: 1em;
}
/*投稿日・更新日の非表示*/
.categoryid-50 .date-tags, .categoryid-52 .date-tags, .categoryid-53 .date-tags, .categoryid-54 .date-tags, .categoryid-55 .date-tags, .categoryid-56 .date-tags, .categoryid-57 .date-tags, .categoryid-58 .date-tags, .categoryid-59 .date-tags, .categoryid-60 .date-tags, .categoryid-61 .date-tags, .categoryid-62 .date-tags, .categoryid-63 .date-tags, .categoryid-64 .date-tags, .categoryid-65 .date-tags, .categoryid-66 .date-tags, .categoryid-67 .date-tags, .categoryid-68 .date-tags, .categoryid-69 .date-tags, .categoryid-70 .date-tags, .categoryid-71 .date-tags, .categoryid-72 .date-tags, .categoryid-73 .date-tags, .categoryid-74 .date-tags, .categoryid-75 .date-tags, .categoryid-76 .date-tags, .categoryid-77 .date-tags, .categoryid-78 .date-tags, .categoryid-79 .date-tags, .categoryid-80 .date-tags, .categoryid-81 .date-tags, .categoryid-82 .date-tags, .categoryid-83 .date-tags, .categoryid-84 .date-tags {
    display: none;
}
/*記事内装飾*/
.kakko {
    color: #999;
}
.under-blue {
    background: linear-gradient(transparent 60%, rgba(168, 218, 251, 0.5) 60%);
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
/* Amazonリンク padding調整 */
.product-item-box {
    padding: 10px;
}
.cft td{
    padding-left: 0.5em;
}
/*フッター 中央寄せ文字左寄せ*/
.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%;
}
/*メリットボックス・デメリットボックス　padding調整*/
.merit-box ul.merit-box-list li:before, .demerit-box ul.demerit-box-list li:before {
  left: 1em;
}
/*コピー付見出し*/
.article h3.h3-copy {
    padding: 0.2em 0.6em 0.6em 0.6em;
}
}

/*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;
}
/* 学科WEB問題集 過去の出題例 */
/* 学科WEB問題集 結果 */
.quiz_score {
  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;
}
/* 用語集 過去の出題例 */
.past-problems p, .past-problems li {
    font-size: 14px;
}
/* オンライン法令集 法文 */
.fs-14, .category-50 .entry-content ul, .category-51 .entry-content ul, .category-52 .entry-content ul, .category-53 .entry-content ul, .category-54 .entry-content ul, .category-55 .entry-content ul, .category-56 .entry-content ul, .category-57 .entry-content ul, .category-58 .entry-content ul, .category-59 .entry-content ul, .category-60 .entry-content ul, .category-61 .entry-content ul, .category-62 .entry-content ul, .category-63 .entry-content ul, .category-64 .entry-content ul, .category-65 .entry-content ul, .category-66 .entry-content ul, .category-67 .entry-content ul, .category-68 .entry-content ul, .category-69 .entry-content ul, .category-70 .entry-content ul, .category-71 .entry-content ul, .category-72 .entry-content ul, .category-73 .entry-content ul, .category-74 .entry-content ul, .category-75 .entry-content ul, .category-76 .entry-content ul, .category-77 .entry-content ul, .category-78 .entry-content ul, .category-79 .entry-content ul, .category-80 .entry-content ul, .category-81 .entry-content ul, .category-82 .entry-content ul, .category-83 .entry-content ul, .category-84 .entry-content ul, .categoryid-52 .entry-content p, .categoryid-53 .entry-content p, .categoryid-54 .entry-content p, .categoryid-55 .entry-content p, .categoryid-56 .entry-content p, .categoryid-57 .entry-content p, .categoryid-58 .entry-content p, .categoryid-59 .entry-content p, .categoryid-60 .entry-content p, .categoryid-61 .entry-content p, .categoryid-62 .entry-content p, .categoryid-63 .entry-content p, .categoryid-64 .entry-content p, .categoryid-65 .entry-content p, .categoryid-66 .entry-content p, .categoryid-67 .entry-content p, .categoryid-68 .entry-content p, .categoryid-69 .entry-content p, .categoryid-70 .entry-content p, .categoryid-71 .entry-content p, .categoryid-72 .entry-content p, .categoryid-73 .entry-content p, .categoryid-74 .entry-content p, .categoryid-75 .entry-content p, .categoryid-76 .entry-content p, .categoryid-77 .entry-content p, .categoryid-78 .entry-content p, .categoryid-79 .entry-content p, .categoryid-80 .entry-content p, .categoryid-81 .entry-content p, .categoryid-82 .entry-content p, .categoryid-83 .entry-content p, .categoryid-84 .entry-content p {
    font-size: 14px;
}
/* タイムライン */
.timeline > li.timeline-item {
    overflow: visible;
    border-left: 3px solid #eceff1;
}
.timeline-item-content {
    border: none;
}
/* 注記（※印） */
.rice-mark {
	font-size: 12px;
}
/* シンプルボックス */
.simple-box1 {
    font-size: 0.9em;
}
/* 手順ポイント・目標時間・製図道具 */
.e-step-point, .e-step-time, .e-step-tools, .e-step-tools ul li , .marking-example {
  font-size: 14px;
}
}

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