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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/






/*ページ送り非表示*/
.pagination {
	display: none;
}

/*パンくずリストのアイコン非表示*/
.fa-folder-open:before {
    display: none;
}

/*パンくずリストのカテゴリーアイコンデザイン*/
.fa-folder:before {
    content: "\f016";
}

/*カテゴリーページデザイン */	
h1#archive-title {
font-size: 22px;
    padding: 0.8em 1em;
    border-radius: 5px;
    color: #fff;
    background: #16406e;
    font-weight: bold;
    text-align: left;
}


/*エントリーカード非表示*/
.entry-card-content {
	display: none;
}

a.entry-card-wrap.a-wrap.border-element.cf {
    display: none;
}

/*合わせてチェック装飾*/
.chiekku {
    position: relative;
    margin: 2em 0em;
    padding: 0em 1em 0em 1em;
    border: dotted 1px #16406e;
}
.chiekku .chiekku-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 17px;
    background: #FFF;
    color: #16406e;
}
.chiekku p {
    margin: 0;
    padding: 0;
}
.chiekku ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.chiekku ul li:before {/*疑似要素*/
  font-family: "FontAwesome";
  content: "\f00c";/*アイコンの種類*/
  position: absolute;
  font-size: 16px;
  left : 1.0em;/*左端からのアイコンまでの距離*/
  color: #16406e;/*アイコン色*/
}

.chiekku ol, ul {
    padding-left: 20px;
}

/*詳細ページ装飾*/
.shosai {
    position: relative;
    margin: 2em 0em;
    padding: 0em 1em 0em 1em;
    border: dotted 1px #16406e;
}
.shosai .shosai-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 17px;
    background: #FFF;
    color: #16406e;
}
.shosai p {
    margin: 0;
    padding: 0;
}
.shosai ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.shosai ul li:before {/*疑似要素*/
  font-family: "FontAwesome";
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  font-size: 16px;
  left : 1.0em;/*左端からのアイコンまでの距離*/
  color: #16406e;/*アイコン色*/
}

.shosai ol, ul {
    padding-left: 20px;
}

/*関連ページ装飾*/
.kanren {
    position: relative;
    margin: 2em 0em;
    padding: 0em 1em 0em 1em;
    border: dotted 1px #16406e;
}
.kanren .kanren-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 17px;
    background: #FFF;
    color: #16406e;
}
.kanren p {
    margin: 0;
    padding: 0;
}
.kanren ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.kanren ul li:before {/*疑似要素*/
  font-family: "FontAwesome";
  content: "\f016";/*アイコンの種類*/
  position: absolute;
  font-size: 16px;
  left : 1.0em;/*左端からのアイコンまでの距離*/
  color: #16406e;/*アイコン色*/
}

.kanren ol, ul {
    padding-left: 20px;
}

/*タイトル文字装飾*/
.entry-title {
font-size: 22px;
    padding: 0.8em 1em;
    border-radius: 5px;
    color: #fff;
    background: #16406e;
    font-weight: bold;
    text-align: left;
}




/*ブログカード装飾*/
.no-thumbnail .entry-card-meta .entry-card-categorys > span {
    display: none;
}

.blogcard-content::after {
    content: '続きを読む \00bb';
    position: absolute;
    bottom: .1rem;
    right: 0rem;
    font-size: 14px;
    background-color: transparent;
    padding: .1em 1em;
    color: #16406e;
}

.blogcard-label {
    top: -10px;
    background-color: #16406e;
}

.blogcard {
	padding: 25px;
	margin-top:50px;
	border: 1px solid #16406e;
}

.blogcard-title {
    color: #16406e;
}

.blogcard-content {
    margin-left: 0px;
	min-height: 0px;
}

.blogcard-thumbnail {
  display:none;
}

.blogcard-footer {
    display: none;
}

.cat-label {
display: none;
}

.cat-link {
    background-color: #777;
}

.a-wrap {
    margin-bottom: 0px;
}


.related-entry-card-content {
    border: solid 1px #16406e;
    padding: 20px;
    border-radius: 5px;
    margin-left: 0px;
}

.entry-card-title, .related-entry-card-title {
    color: #16406e;
}

.related-entry-card-content::after {
    content: '続きを読む \00bb';
    position: absolute;
    bottom: .1rem;
    right: 0rem;
    font-size: 14px;
    background-color: transparent;
    padding: .1em 1em;
    color: #16406e;
}

.related-entry-heading, .comment-title {
	color: #16406e;
    margin: 0px 0;
    font-size: 22px;
}

/* 閲覧データ等非表示 */
.entry-card .admin-pv {display: none;
}

/* 続きを読む設定 */
.entry-card-content::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .1rem;
	right: 0rem;
	font-size: 14px;
	background-color: transparent; /* 内部リンク右下枠の背景色 */
	padding: .1em 1em;
	color: #16406e; /* 内部リンク右下枠の文字色 */
}

/* 次ページへ非表示 */
.pagination-next-link, .comment-btn {
	display: none;
}


/* エントリーカード枠線 */
.entry-card-content{
border: solid 1px #16406e;
padding: 20px;
border-radius: 5px;
margin-left: 0px;
}

/* エントリーカードタイトル色 */
.entry-card-title {
color: #16406e;
}

/*ラベル非表示*/
.cat-label {
display: none;
}

/*アイキャッチ非表示*/
.card-thumb img {
display: none;
}



/* カテゴリページタイトル仕様 */
.archive-title {
color: #16406e;
font-size: 24px;
}

/*パソコン表示で特定の改行しない*/
.spbr{
display: none;
}


/* モバイルフッターボタンのデザイン変更 */
.mobile-menu-buttons .menu-icon {
	color: #16406e;
}

.mobile-menu-buttons .menu-caption {
	font-size: 16px;
}

/* 問い合わせフォーム送信ボタンのデザイン変更 */
#formbtn{
display: block;
padding:15px;
width:200px;
background:#16406e;
color:#fff;
font-size:18px;
font-weight:bold;
border-radius:2px;
margin:25px auto 0;
}






/*下詰め（上詰めとセットで使用）*/
.shitazume{
margin-bottom: 5px !important;
}

/*上詰め（下詰めとセットで使用）*/
.uezume{
margin-top: 5px !important;
}

/* グローバルメニュー文字を太文字化,枠線表示*/
#navi {
    font-weight: bold;
	border: 1px solid #16406e;
	border-bottom:none;
	border-top:none;
}



/* ヘッダー画像枠線表示 */
.logo-image {
    border: solid 1px #16406e;
}

/* ヘッダー画像余白調整 */
.logo-image {
　padding: 0;
}

.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}

.site-logo-image header-site-logo-image {
  display: block;
}





/*h2タグ装飾 */
.article h2 {
font-size: 20px ; font-weight: normal; background-color: #fff; font-weight: bold; color: #16406e; padding-left: 0em; padding-right: 0em; padding-bottom: 0px; margin-top: 2em; 
}

/*強調タグ装飾 */
.kyocho {font-size: 20px ; font-weight: bold; border: none; padding-left: 0em; padding-right: 0em; padding-bottom: 0px; margin-top: 2em;
}




/* 表デザイン変更 */
.table2 {
border-collapse: collapse;
text-align: left;
border: 1px solid #16406e;
}


.table2 th {
padding: 10px;
font-weight: bold;
border: 1px solid #16406e;
background: #16406e;
color: #fff;
}

.table2 td{
background-color: #fff;
border: 1px solid #16406e;
}



/* 内部リンク表示位置調整 */
a.anchor {
    display: block;
    padding-top:70px;
    margin-top: -70px;
}

/*ヘッダーロゴとメインカラム間の余白調整*/
.content { 
margin-top: 0; 
}


/* グローバルメニュー文字大きさ調整*/
.navi-in a {
	font-size:18px;
	margin-left: 1em;
	margin-right: 1em;
}




#navi .navi-in>ul>li>a {
    padding: 0 1em;
}

/*代表者氏名・事務所名の文字大きさ*/
.name{
font-size: 20px ;
 }

#main{
border-radius: 0px;
}

/* フッターの余白調整 */
#custom_html-8,
.copyright {
	margin-top: 0px;
	padding-bottom: 0em;
	font-size: 18px;
}

.footer-bottom {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 80px;
    padding-right: 80px;
}

.footer {
    margin-top: 0px;
	padding: 0px;
}

/*目次装飾*/
.toc {
	padding-top: 1em;
	padding-bottom:1em;
	padding-left:35px;
	padding-right:12px;
    border: 1px dotted #16406e;
}



.toc a{
    color: #1967d2;
	text-decoration: underline;
	font-size: 18px;
}

.toc-title {
	font-size: 18px;
	text-align: left;
}

.toc-title::after {
   font-size: 18px;
}

.toc ul {
    color: #1967d2;
	list-style: disc;
}

.toc ul ul {
	list-style: circle;
}

/* pタグ余白調整*/
.entry-content p {
	margin-top: 1em;
	margin-bottom: 1em;
}

/*▼大装飾 */
.yajirushidai { text-align: center; color: #16406e; font-size: 80px;
}

/*▼小装飾 */
.yajirushisho { text-align: center; color: #16406e; font-size: 42px; margin-top: 0px !important; margin-bottom: 0px !important;
}

/*「だから、安心」装飾 */
.anshin { text-align: center; font-weight: bold; font-size: 24px;
}

/* 見出しの両端にボーダー */
.title-border {
display: flex;
align-items: center;
text-align: center;
}
.title-border:before,
.title-border:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.title-border:before {
margin-right: 1rem;
}
.title-border:after {
margin-left: 1rem;
}

/* 見出しの右側のみにボーダー */
.title-border-right {
display: flex;
align-items: center;
}

.title-border-right:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}

.title-border-right:after {
margin-left: 1rem;
}


/*赤下線*/
.akakasen {border-bottom: solid 2px #f02020;
}

/*黒下線*/
.kurokasen {border-bottom: solid 2px ;
}


.shiromaru{
	list-style-type: circle;
}


/*文字空け*/
.space{
	margin-left: 18px;
}




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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.article ul, .article ol {
    padding-left: 20px;
}
	
.footer-bottom {
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
/*カラム間余白調整*/	
.column-left.spcolumn {
    margin-bottom: 0em;
}
	
.column-center.spcolumn {
    margin-bottom: 0em;
}
	
.entry-title {
    margin-top: 1em;
    margin-left: 0px;
}

#custom_html-8, .copyright {
    font-size: 16px;
}


.name{
font-size: 18px;
 }

.article h1 {
font-size: 20px; 
}

.article h2 {
font-size: 18px; 
}

.kyocho {
font-size: 18px; 
}

.tokucho {font-size: 18px;
}

.yajirushidai {font-size: 64px;
}

.yajirushisho { text-align: center; color: #16406e; font-size: 34px;
}
	
.anshin {font-size: 20px;
}

.footer-bottom {
	padding-left: 17px;
	padding-right: 17px;
	padding-top:30px;
	padding-bottom:30px;
}
main.main {
	padding: 17px;
}
	
.related-entry-heading, .comment-title {
    font-size: 20px;
}

.e-card-snippet {
    display: none;
}

.blogcard-title {
    font-size: 16px;
}
	
.blogcard-snippet {
    display: none;
}

	
/*文字空け*/
.space{
	margin-left: 16px;
}
	
/*モバイル表示で特定の改行をする*/
.spbr {
display: inline; 
}
	
/*目次デザイン */	
.toc a{
font-size: 16px;
}

.toc-title {
	font-size: 16px;
}

.toc-title::after {
   font-size: 16px;
}


/*カテゴリーページデザイン */	
h1#archive-title {
font-size: 20px; 
}

	
}