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

.content {
  margin-top: 24px;
  margin-bottom: 24px;
}
/* =================================
 * スクロール
 * ================================= */
html {
  scroll-behavior: smooth;
}

/* =================================
 * 固定ページの日付を非表示
 * ================================= */
.post-25 .date-tags/*トップページ*/
{
  display: none;
}

/* =================================
 * 見出しカスタマイズ
 * ================================= */
.article h2, .article h3, .article h4, .article h5, .article h6{
	padding: 0;
	margin: 0;
	font-size: medium;
	border-collapse: separate;
	border-spacing: 0;
	border: none;
	line-height: none;
	position:relative;
}

/* H1 */
.article h1,
.archive-title{
	position: relative;
	font-size: 2.2em;
	font-weight: normal;
	text-align: center;
	margin: 1em 0;
	padding: 0;
	color: #333;
}
.archive-title span{
	/*アーカイブ記号非表示*/
	display: none;
}
/* H2 */
.article h2 {
    position: relative;
    font-size: 1.8em;
    font-weight: normal;
    text-align: left;
    margin: 2em 0 0.5em;
    padding: 0.3em 0 0.3em;
    background: transparent;
    border: none;
    color: #078ad0;
}

/* H3 */
.article h3{
	font-size: 1.2em;
    border: none;
    margin: 1em 0 0.5em;
    padding: 13px 0 10px;
    color: #333;
    font-weight: 500;
    border-bottom: 2px solid #f4f5f7;
}

/* H4 */
.article h4,
.article h5,
.article h6{
	font-size: 1.2em;
    border: none;
    margin: 1em 0 0.5em;
    padding: 13px 0 10px;
    color: #333;
    font-weight: 500;
    border-bottom: 2px solid #f4f5f7;
}

/* =================================
 * ヘッダー
 * ================================= */
.header-container-in.hlt-top-menu .header {
    margin: 1em 0;
}

/* =================================
 * グローバルメニュー
 * ================================= */
.navi-in .menu-header .item-label{
	font-size: 14px;
}

/* =================================
 * サイドバー
 * ================================= */
/* CTA */
.nwa .cta-heading {
    padding: 0px;
}
.cta-box,
.footer-mobile .cta-button{
    background-color: #f4f5f7;
    color: #333;
}
.sidebar .cta-button .btn-l,
.footer-mobile .cta-button .btn-l{
	background-color: #1e50a2;
	color: #fff;
}

.sidebar h3{
	padding: 0 4px 0;
	color: #38a1db;
   	background-color: #fff;
}

/*スライドインメニューを右から*/
.navi-menu-content{
	left: auto;
	right: 0;
	transform: translateX(101%);
}

/* =================================
 * 投稿
 * ================================= */
.pager-post-navi.post-navi-square .card-thumb img {
	/*ページ送りナビのサムネイル*/
    width: 100%;
    height: 70px;
    object-fit: cover;
}
.prev-post-title:before,
.next-post-title:before {
    color: #999999; /* 文字色 */
    font-size: 12px; /* 文字サイズ */
    margin-bottom: 0.3em;
    display: block;
}
.next-post-title:before {
    content: '次のページ';
}
.prev-post-title:before {
    content: '前のページ';
}

.no-thumbnail .entry-card-meta .entry-card-categorys {
    display: none;
}

/*更新日*/
.post-date, .post-update{
	font-size: 0.9em; /*フォントサイズ*/
	padding-right: 4px; /*右余白*/
	display: inline; /*横並びで縦中央揃え*/
}
.no-thumbnail .entry-card-meta{
	float: left;
}
/* =================================
 * 折りたたみアーカイブウィジェット
 * ================================= */
.widget_archive a.year{ /*各年*/
	cursor: pointer;
	border-bottom: 1px dotted #ccc; /*各年に下線を引く*/
}
.widget_archive a.year::after{ /*各年横のアイコン*/
	font-family: "Font Awesome 5 Free";
	content: '\f107'; /* アイコンの指定 */
	position: relative; /* 相対配置 */
	left: 5px; /* アイコンの位置 */
	font-weight: bold;
}
.widget_archive .years ul { /*各月*/
	display: flex;
	flex-flow: row wrap;
	margin-left: 5px; /*インデント*/
	font-size: 1rem;
	text-decoration: underline; /*各月に下線を引く*/
}
.widget_archive ul.years li {
	padding: 0 1px; /*各月の間隔*/
}
#sidebar .widget_archive ul.years li :hover { /*マウスホバー時*/
	background: none;
	transition: 0.1s;
	color: #72c7e6;
}
.widget_archive ul.years .hide { /*各年をクリックすると開閉*/
	margin: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}
/* =================================
 * 送信ボタン
 * ================================= */
input[type='submit'] {
    -webkit-appearance: none;
    border: 1px solid #f7941d;
    background-color: #f7941d;
    border-radius: 4px;
    margin: 0 1em;
    color: #fff;
    font-weight: bold;
	font-size: 1em;
    width: 145px;
}
/* =================================
 * ダウンロード
 * ================================= */
.wp-block-file:not(.wp-element-button) {
    font-size: 1em;
}
/* =================================
 * 表
 * ================================= */
figure.wp-block-table table {
    width: 100%;
}
.main figure.wp-block-table {
    margin-bottom: 0.5em;
}
/*--- 表全体(table) ---*/
.entry-content table {
    border-bottom: 1px solid #adadad; /* 表の一番下の線 */
    border-top: none;
    border-left: none;
    border-right: none;
}
/*--- ヘッダーセル(th) ---*/
.entry-content th {
    background-color: #fff; /* 背景色 */
	border: 1px solid #adadad;
}
.wp-block-table thead {
    border-bottom: 2px solid #adadad;;
}
/*--- 行（横方向）(tr) ---*/
.entry-content tr {
    text-align:center; /* 中央揃え */
}
.entry-content tr:not(:last-child) { /* 最後の行以外に適用 */
    border-bottom: 1px solid #adadad; /* 下線 */
}
/*--- ヘッダーセル以外のセル(td) ---*/
.entry-content td {
    padding: 0.8em 0.8em; /* 余白（上下　左右） */
    border:none; /* 線を削除 */
}
.entry-content td:last-child { /* 最後のセルのみ適用 */
    border-right: 1px solid #adadad; /* 右線 */
}
.entry-content td:not(last-child) { /* 最後のセル以外に適用 */
    border-left: 1px solid #adadad; /* 左線 */
}


/* =================================
 * ボックスメニュー
 * ================================= */
.wwa .box-menu {
    width: calc(100%/6);
}
.box-menu:first-child {
    margin-left: auto;
}
.box-menu-icon{
	color: #3ca51d;
}
.box-menu-label{
    font-size: 0.8em;
    color: #333;
    margin-top: 0.5em;
    font-weight: 500;
}
.box-menu {
    box-shadow: inset 1px 1px 0 0 #cfcfcf, 1px 1px 0 0 #cfcfcf, 1px 0 0 0 #cfcfcf;
}
.box-menu:hover{
	box-shadow: inset 2px 2px 0 0 #3ca51d, 2px 2px 0 0 #3ca51d, 2px 0 0 0 #3ca51d, 0 2px 0 0 #3ca51d;
}
/* =================================
 * カバーブロック横幅いっぱい
 * ================================= */
.full {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
	width: auto;
}
/* =================================
 * フッター
 * ================================= */
.footer{
	margin-top: 0;
}
/* フッターナビ */
.navi-footer-in>.menu-footer li:last-child {
    border-right: 1px solid #fff;
}
.navi-footer-in>.menu-footer li {
    border-left: 1px solid #fff;
}
.navi-footer-in>.menu-footer li a:hover{
	text-decoration: none;
	background-color: #91c3e0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	/* ボックスメニュー */
	.wwa .box-menu {
    	width: calc(100%/4);
	}
}

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

}

/*480px以下*/
@media screen and (max-width: 480px){
	/* ボックスメニュー */
	.wwa .box-menu {
    	width: calc(100%/2);
	}
}