/*
	Name: Skinカスタマイズ2
	Description: 「cocoon」用のデザインスキン
	Skin URI: 
	Author: ideasheep
	Author URI: 
	Screenshot URI: 
	Version: 1.0.2
	Priority: 9850003000
	License: GPLv2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	mail:contact@ideasheep.com
	URL:https://www.ideasheep.com
*/

/*===================================================

	WEBフォント読み込み

=====================================================*/
/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700');
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Raleway', sans-serif;
*/

@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&family=Klee+One:wght@400;600&family=Kosugi+Maru&family=M+PLUS+Rounded+1c:wght@500;700;800;900&family=Noto+Sans+JP:wght@300;400;500;700&family=Sawarabi+Gothic&family=Spartan:wght@700;800&display=swap&display=swap');
@import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400');
/*
font-family: 'Kiwi Maru', serif;
font-family: 'Klee One', cursive;
font-family: 'Kosugi Maru', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Sawarabi Gothic', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'M PLUS Rounded 1c', sans-serif;transform:rotate(0.03deg);
font-family: 'Spartan', sans-serif;
*/



/*===================================================

	広告用サイズ調整

=====================================================*/
/* サイドバー */
.sidebar-pr{
	text-align:center;
	width:300px;
	margin: 0 auto;
}






/*===================================================

	固定ページINDEX設定

=====================================================*/
/* 固定フロントページのタイトルを非表示 */
.home.page .entry-title{
display: none;
}
/* モバイルフロント固定ページのタイトルを非表示 */
@media screen and (max-width:480px){
.home.page .entry-title{
display: none;}
}

body.home .article h2,
body.home .article h3,
body.home .article h4,
body.home .article h5,
body.home .article h6 {
	margin-top: 0!important;
}
/*
.article h2:first-child{
	margin-top: 0!important;
}
*/


/*===================================================

	全ページ共通

=====================================================*/
html{
	font-size: 62.5%; /* -> 10px *//* remの基準値 */ 
}
body{
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "YuGothic", "Yu Gothic", "Meiryo", sans-serif;
	/*font-family: 'Sawarabi Gothic','Noto Sans JP', "Hiragino Kaku Gothic ProN", "YuGothic", "Yu Gothic", "Meiryo", sans-serif;*/
	letter-spacing: 0.1rem;
	color: #444;
	/*color: #20353e;*/
	/*background-color:#F1F1F1;*/
	background-color:#FFF;
	line-height:1.8;
}
p, ul, li, textarea, th, td, a, code, blockquote, button {
	box-sizing: border-box;
	letter-spacing: .05rem;
}
.entry-content>*, .article p{
	margin-bottom:2.5em;
	line-height:1.8;
	font-size:1.6rem;
	font-weight:400;
}
/*
《設定の場所》

文字サイズ(font-size): 18px　【全体】【サイトフォント】【文字サイズ】
文字サイズ(font-size): 16px　【全体】【モバイルサイトフォント】
文字の太さ(font-weight)：500　【全体】【サイトフォント】【文字の太さ】
行の高さ(line-height)：1.9　【本文】【本文余白】【行の高さ】
行の余白(margin-bottom): 2em;　【本文】【本文余白】【行の余白】


/*---------- 色 ----------*/
/* サイトキーカラー */
#header-container, #header-container .navi, #navi .navi-in>.menu-header .sub-menu,
.sidebar h3, .cat-link, .cat-label, .appeal-content .appeal-button, .demo .cat-label, .blogcard-type .blogcard-label,#footer{
	background-color:#fff;
	color: #333;
}

#header-container .navi{
	/*box-shadow: 0px 0px 2px rgb(0 0 0 / 30%);*/
}

/*
<Sample>
background-color:#365b6d;
background-color:#F4EEE5;
background-color:#3C3C3C;
background-color:#423E3A;
background-color:#AE8A49;
*/

/* サイトキーテキストカラー */
.appeal-content .appeal-button, .sidebar h3, .cat-link, .cat-label, .blogcard-type .blogcard::before, #footer, #footer a{
	color: #333;
}
.cat-link:hover {
    opacity: 0.5;
    color: #333;
}

.wp-block-post-featured-image > a{
	display: block;
	box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 25%);
	/*border: 3px solid #F39800;*/
	border-radius: 15px;
	padding: 3px;
}
.wp-block-post-featured-image > a > img{
	border-radius: inherit;
	display: block;
}

.wp-block-image > a{
	display: block;
	box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 25%);
	/*border: 3px solid #F39800;*/
	border-radius: 15px;
	padding: 3px;
}
.wp-block-spacer{
	margin-bottom:0!important;
}

/*---------- 背景、影 ----------*/
/* メインボックス、サイドボックスなど */
#content-in .main,#content-in .sidebar,#content-in .didebar{
	/*box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);*/
}
/*
<Sample>
background-color:#365b6d;
background-color:#3C3C3C;
*/
a{
	/*color:#545454;*/
	font-weight:700;
}
a:hover{opacity:0.6;}
.go-to-top-button {background-color: #365b6d;color: #fff;}




/* ページ送り */
.list.ecb-entry-border .entry-card-wrap, .page-numbers, .pagination .current{
	display: inline-block;
	margin: .125em;
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	line-height: 2.4em;
	text-decoration: none;
	background-color: #fff;
	color: #365b6d;
}
.list.ecb-entry-border .entry-card-wrap,.page-numbers,.pagination .current{
	border-color:#ccc;
}
.pagination .current{
	background-color: #365b6d;
	color: #fff;
}
.pagination a:hover{
	transition: all 0.3s ease-in-out;
	background-color: #365b6d;
	color: #fff;
	opacity:1;
}



/* パンくずリスト */
.breadcrumb {
	margin: 0 0 3rem 0;
	padding: .8rem 2rem;
	font-size: 1.4rem;
	border-bottom: 1px solid rgba(0,0,0,.05);
	background: #F2F2F2;
	color: #777;
	position:relative;
}
.breadcrumb:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #ddd #ddd;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}


.wp-block-image img {
    width: 100%;
}


/*+++++++++++++++ ヘッダー +++++++++++++++*/

/* ヘッダータイトル */
.site-name-text {
	/*font-family: 'Kiwi Maru', sans-serif;*/
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	font-family: 'Spartan', sans-serif;
	/*font-family: 'Lato', sans-serif;*/
	/*font-style:italic;*/
	font-size: 3.8rem;
	letter-spacing: .1rem;
	font-weight: 800;
	/*color: #545454;*/
	color: #20353e;
}
.site-name-text-link{
	color:#000;
	display:block;
}
/* ヘッダーサブタイトル */
.tagline{
	margin:0;
	color:#545454;
}

/* フッタータイトル */
.source-org.copyright {
	font-size:1.4rem;
	font-family: 'Lato', sans-serif;
	font-style:italic;
	color: #545454;
}


/* ヘッダー影 */
.header {
	background-color: #fff;
	padding: 35px 10px;
	color:#333;
}
.header-container{
	box-shadow: 0 0 6px rgb(0 0 0 / 40%);
}
.logo-text {
	padding: 0;
	font-size: 1em;
}


/*+++++++++++++++ ヘッダーナビ・フッターナビ +++++++++++++++*/

#navi .navi-in,
#footer .navi-footer-in{
	font-family: 'Kiwi Maru', serif;
	/*font-family: 'Kosugi Maru', sans-serif;*/
	/*font-family: 'Sawarabi Gothic', sans-serif;*/
	/*font-family: 'Noto Sans JP', sans-serif;*/
}


/*---------- ヘッダーナビ・フッターナビ共通 ----------*/
#navi .navi-in a,
#footer .navi-footer-in a {
	color: #20353e;
	transition:none;
	font-weight:400;
	font-size:1.5rem;
}
#navi .navi-in a:hover,
#footer .navi-footer-in a:hover{
	background:none;
	opacity:.6;
}
/*---------- ヘッダーナビ ----------*/
.navi-in > ul li {
  height: 60px;
  line-height: 60px;
  width:initial;
  padding: 0 1.5rem;
}
.navi-in > ul li:first-child .item-label{
	/*border-left: 1px solid rgba(230,220,210,0.8);*/
}
.navi-in > ul li .item-label{
	/*border-right: 1px solid rgba(230,220,210,0.8);*/
}
/*---------- フッターナビ ----------*/
.footer {
	margin-top: 20px;
	padding: 8px;
	background-color: #424242;
}
.footer-bottom{
	margin:0;
	padding: 4rem 0;
	font-size:1.4rem;
}
.navi-footer-in > .menu-footer li {
	border-left: 1px solid rgba(230,220,210,0.8);
}
.navi-footer-in > .menu-footer li:last-child{
	border-right: 1px solid rgba(230,220,210,0.8);
}

/*+++++++++++++++ 見出し(H1 - H6) +++++++++++++++*/



/*---------- H2 - H6 初期化 ----------*/
/* gutenbergでh見出しが反映されないバグを初期化 */
.article h2:after,.block-editor-block-list__layout h2.block-editor-block-list__block:after,
.article h3:after,.block-editor-block-list__layout h3.block-editor-block-list__block:after,
.article h4:after,.block-editor-block-list__layout h4.block-editor-block-list__block:after,
.article h5:after,.block-editor-block-list__layout h5.block-editor-block-list__block:after,
.article h6:after,.block-editor-block-list__layout h6.block-editor-block-list__block:after{
	position: initial;
	top: initial;
	bottom: initial;
	right: initial;
	left: initial;
	border: none;
	border-radius:initial;
	box-shadow: initial;
	content: '';
}

/*---------- H1 ----------*/
/* 記事タイトル */
h1.entry-title{
	line-height: 1.7;
	margin: 0 0 3rem 0;
	font-size: 3.0rem;
	font-weight: 700;
	color:#20353e;
}

h1,h2,h3,h4,h5,h6{
	font-weight:700;
	font-family: 'Noto Sans JP', sans-serif;
}

h1,h2,h3,h4,h5,h6{
	margin-bottom: 3rem;
}

/*---------- H2 ----------*/
/* H2下 太細ダブルライン */
/*
.article h2 {
	background: initial;
	border:initial;
	font-weight:700;
	font-size:2.2rem;
	line-height: 1.4;
	padding: 1rem 1rem;
	border-bottom: 5px solid #666;
	position:relative;
}
.article h2:after,.block-editor-block-list__layout h2.block-editor-block-list__block:after{
	border:initial;
	position:absolute;
	left:0;
	bottom:3px;
	content: '';
	width:100%;
	box-sizing: border-box;
	border-bottom: 1px solid #666;
}
*/

.article h2 {
	/*background: initial;*/
	border:initial;
	font-weight:700;
	font-size:2.5rem;
	line-height: 1.4;
	padding: 1.8rem 1.8rem;
	border-bottom: 3px solid #f6f6f6;
	position:relative;
	color: #20353e;
}
.article h2:after,.block-editor-block-list__layout h2.block-editor-block-list__block:after{
	border:initial;
	position:absolute;
	left:0;
	bottom:-3px;
	content: '';
	width:30%;
	box-sizing: border-box;
	/*border-bottom: 4px solid #ff7f7f;*/
	border-bottom: 3px solid #656565;
}
.article h2:hover:after{
/*
	width:100%;
	transition: all 1s ease;
*/
}



/*---------- H3 ----------*/
.article h3 {
	background: initial;
	border:initial;
	font-size:1.8rem;
	font-weight:700;
	line-height: 1.9;
	border-left: solid 4px #ff7f7f;
	padding: 0.5em 0.8em;
	/*background:#FFFAFA;*/
	background: #FFF4F4;
	color:#20353e;
}

/*
.article h3 {
	background: initial;
	border:initial;
	font-size:2.0rem;
	font-weight:700;
	line-height: 1.9;
	width: 80%;
}
.article h3{
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-55deg, #FFEAEA, #FFEAEA 3px,#FFFAFA 3px, #FFFAFA 7px);
	background: repeating-linear-gradient(-55deg, #FFEAEA, #FFEAEA 3px,#FFFAFA 3px, #FFFAFA 7px);
	border-radius: 3px;
}
*/


/*---------- H4 ----------*/
.article h4{
	background: initial;
	border:initial;
	font-weight:700;
	font-size:1.8rem;
	line-height: 1.4;
	padding-left: 43px;
	position: relative;
}

.article h4:before{
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f08d";
	font-weight: 900;
	font-size: 16px;
	top: 50%;
	left : 0;
	width: 30px;
	height: 30px;
	padding: 0em;
	border-radius: 50%;
	text-align: center;
	line-height: 33px;
	background-color: #ff7f7f;
	color: #ffffff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.article h4:after ,
.block-editor-block-list__layout h4.block-editor-block-list__block:after  {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 24px;
	height: 0;
	width: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 12px solid #ff7f7f; 
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.article h4.wp-block-post-title > a{
	line-height:1.6;
}

/*---------- H5 ----------*/
.article h5 {
	background: initial;
	border:initial;
	font-size:1.7rem;
	font-weight:700;
	line-height: 1.9;
}
.article h5{
	padding: .5rem 0 .5rem 0;
	border-bottom: solid 1px #ff7f7f;
	width:100%;
}
.article h5:before {
    color: #ff7f7f;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    margin-right: 6px;
}

/*---------- H6 ----------*/
.article h6 {
	background: initial;
	border:initial;
	font-size:1.7rem;
	font-weight:500;
	line-height: 1.7;
}
body.home .article h6 {
	margin-bottom: 1rem!important;
	padding: 0!important;
}


/* 上に戻るボタン */
.go-to-top-button .fa{
	margin-top:-5px;
	color:#fff;
}





/*===================================================

	サイドメニュー

=====================================================*/
/* サイドバー（共通） */
#sidebar>.widget {
	margin-bottom: 3rem;
	padding-bottom:.5rem;
	box-shadow: none;
	box-sizing: border-box;
	line-height: 1.9;
	font-size: 1.8rem;
	color:#545454;
}



/* サイドバー見出し */
.sidebar h3 {
	margin:0;
	padding:0;
	width:100%;
	text-align: center;
	background: none;
	font-weight: 500;
	color: #545454;

	padding-bottom: .5em;
	border-bottom: double 4px #545454;
	font-size: 1.8rem;
	letter-spacing: 0.15rem;
	line-height:1.9;
}



/*サイドメニュープロフィール*/
.author-description p{
	font-size: 1.5rem;
	line-height: 1.8;
}

.widget-entry-cards .widget-entry-card-content {
	color: #545454;
	font-size: .8em;
	line-height: 1.6;
}
/* サイトの運営者 */
.nwa .author-box {
	border: none;
	position: relative;
	padding: 0;
}
.nwa .author-box .author-thumb{
	width: 30%;
}
aside.widget_author_box{
	padding:0;
}
.nwa .author-box .author-content{
	margin: 0;
	padding: 0;
}
	.author-content .author-name{
		font-size: 1.8rem;
		font-weight:500;
		margin-bottom: 2rem;
	}
	.author-content .author-description{
		line-height:1.9;
		margin-bottom: 2rem;
	}


.sidebar .menu-navi-category-container{
	padding:0 0 5rem 0;
}

.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
	color: #545454;
	text-decoration: none;
	padding: 10px 0;
	display: block;
	padding-right: 4px;
	padding-left: 4px;
}


.sidebar ul#menu-navi-category li{
	border-bottom:1px dotted #ccc;
	display:block;
	font-size:1.7rem;
}
.sidebar ul#menu-navi-category li a{
	padding: 1rem 0 1rem 0;
	display: block;
	font-size:1.6rem;
	position:relative;
}
.sidebar ul#menu-navi-category li a:hover{
	color: #C03;
}

.sidebar ul#menu-navi-category li a:before{
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	opacity: .8;
	width: 3rem;
	margin-right: 1rem;
	font-size: 1.8rem;
	font-weight: 900;
	vertical-align: middle;
	text-align: center;
}

/* カテゴリーラベル */
/* タグ:
	content: "\f02c";
*/
.sidebar ul#menu-navi-category li.menu-item-448 a:before{/* アナリティクス */
	content: "\f080";
}
.sidebar ul#menu-navi-category li.menu-item-449 a:before{/* タグマネージャー */
	content: "\f085";
}
.sidebar ul#menu-navi-category li.menu-item-450 a:before{/* WordPress */
	content: "\f02c";
}
.sidebar ul#menu-navi-category li.menu-item-451 a:before{/* ドメインレンタルサーバ */
	content: "\f233";
}
.sidebar ul#menu-navi-category li.menu-item-452 a:before{/* 開発・制作ツール */
	content: "\f552";
}

/*===================================================

	インデックス

=====================================================*/



/*===================================================

	個別記事ページ

=====================================================*/

/*---------- 記事ファーストビュー ----------*/
/* article header */
.article-header{
	border-bottom: solid 5px #f6f6f6;
}


/* アイキャッチ画像 */
.eye-catch{
	margin-bottom:15px;
}
.eye-catch-wrap img{
	/*border-radius:3px;*/
}

/* カテゴリーラベル */
.eye-catch .cat-label,.cat-label {
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 0px;
}

/* 記事投稿更新日付 */
.post-date,.post-update{
	font-size:.8em;
}


/*---------- 目次 ----------*/
.toc-center {
	margin: 3em auto;
}
.toc{
	padding: 2.5em 1.5em .8em;
	width:100%;
	position:relative;
	font-size:.85em;
	border: 1px solid #bbb;
	box-sizing: border-box;
	border-radius: .5em;
	background: #f8f8f8;
}
.toc .toc-list {
	padding: 0;
}
.toc a{
	color:#20353e;
	font-weight: 500;
	display: block;
	padding: .4em 0 .4em 2em;
	font-size: 1.5rem;
}
.toc a:hover {
	/*text-decoration: underline;*/
	opacity: 0.5;
}
/* 目次タグ */
.toc-title {
	position: absolute;
	top: -2px;
	left: -2px;
	width: auto;
	height: auto;
	padding: .4em 2em .4em 2em;
	background-color: #424242;
	color: #fff;
	font-size: .9em;
	line-height: 1.4;
	border-radius: 5px 0 0 0;
	letter-spacing: .15em;
}
.toc-title::after {
	margin-right: 1em;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1em;
}
.toc-title:before {
	display:none;
}
/* 目次テキスト */
.toc .toc-list ul, .toc .toc-list ol {
	padding-left: 1em;
	margin: 0;
}
.toc .toc-list ol > li:first-child{
	border-top: 1px dotted  #ccc;
}
.toc .toc-list > li:last-child{
	border-bottom: none;
}
.toc .toc-list > li > ol{
	padding: 0;
	margin: 0;
}
/* リスト番号制御 */
ol.toc-list{
	counter-reset: liitem;
}
ol.toc-list li {
	list-style-type:none;
	margin: 0;
	border-bottom: 1px dotted  #ccc;
}
ol.toc-list li:last-child{
	border-bottom:none
}
ol.toc-list > li{
	position:relative;
}
/* リスト番号 */
ol.toc-list > li > a {
	display:block;
	position:relative;
	font-weight:500;
}
ol.toc-list > li > a:before {

	font-family: 'Font Awesome 5 Free';
	display:inline-block;
	content: "\f054";
	font-weight: 900;
	opacity: .9;
	color: #545454;
	position: absolute;
	left: .75em;
	top: .4em;

/*
font-family: "Font Awesome 5 Free";
	display: inline-block;
	content: "\f054";
	opacity: .8;
	width: 3rem;
	margin-right: 1rem;
	font-size: 1.8rem;
	font-weight: 900;
	vertical-align: middle;
	text-align: center;
*/
}



/*---------- シェアするボタン ----------*/
.sns-share-message, .sns-follow-message, span.related-entry-main-heading.main-caption, .comment-title {
    font-size: 0;
    text-align: center;
    display: block;
    margin: 50px;
}
.sns-share-message:before {
    content: "SHARE";
}
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 100;
    padding: .5em;
    border-bottom: 2px solid whitesmoke;
    letter-spacing: .4em;
}

/*---------- 参考記事 ----------*/
.blogcard-wrap{
	width:90%;
	margin-right: 0;
	border:none;
	padding:0;
}


/*---------- 関連記事 ----------*/
.e-card-info > span {
	margin-right: 0;
}
.post-date, .post-update, .post-author, .amp-back{
	margin-right: 0;
}
.entry-card-meta, .related-entry-card-meta{
	font-size:.7em;
}
.entry-card-meta, .related-entry-card-meta{
	position: absolute;
	right: 0;
	bottom:0;
}
.rect-vertical-card .related-entry-card-title{
	line-height:1.4;
	font-size: .7em;
}


/*---------- ページ送りナビ ----------*/
.pager-post-navi a figure{
	display:none;
}
.pager-post-navi a.prev-post .prev-post-title,
.pager-post-navi a.next-post .next-post-title{
	font-size: 1.25em;
	line-height: 1.8;
	margin-top: -5px;
}

/*---------- コメントボタン ----------*/
blockquote, .key-btn{
	background:initial;
	border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
	font-size: 1em;
	font-weight: 500;
	width: 100%;
	display: block;
	margin: 0 auto;
}
.form-submit{
	margin-top: 2em;
}
.form-submit .submit{
	font-size: 1em;
	font-weight: 500;
}


/*+++++++++++++++ インデックスページ +++++++++++++++*/
/* 初期化 */
div.entry-card-content {
	margin: initial;
	padding: initial;
}
figure.entry-card-thumb{
	margin: initial;
	width: initial;
	float: initial;
}
.a-wrap:hover{
	background-color:initial;
}

/* 記事一覧 */
article.entry-card{
	/*border-bottom: 1px solid #ccc;*/
	border-bottom: 1px dotted #ccc;
	padding: 3.5em 2em;
	display: flex;
	justify-content: left;
	-ms-flex-pack: left;
	-webkit-justify-content: left;
	align-items: center;
}
figure.entry-card-thumb{
	min-width:40%;
	flex-basis: 40%;
	vertical-align: middle;
	display: block;
}
div.entry-card-content{
	width: auto;
	padding-left:1.25em;
}
.card-thumb img {
	vertical-align:middle;
}
/* エントリーカード（記事ボックス） */
.entry-card-wrap.a-wrap {
	padding:0;
	margin:0;
	transition: initial;
}
.entry-card-wrap.a-wrap:first-of-type{
	/*border-top: 1px solid #ddd;*/
}
/* エントリーカード hover動作 */
.entry-card-wrap.a-wrap:hover {
}
.entry-card-wrap.a-wrap:hover figure.entry-card-thumb{
	opacity:.9;
}
/* エントリーカード見出し */
.entry-card-wrap .entry-card-title{
	color: #2b73ab;
	font-size:2rem;
	line-height:1.5;
	margin-bottom:2rem;
}
/* エントリーカードテキスト */
.entry-card-snippet.card-snippet.e-card-snippet{
    line-height: 1.8;
    font-size: 1.6rem;
    letter-spacing: .04em;
    color: #444;
}
/* エントリーカード日付 */
.entry-card-meta, .related-entry-card-meta {
    bottom: 1.25em;
    position: absolute;
    right: 0;
    text-align: right;
    line-height: 1;
    color:#999;
    font-size:.9em;
}


/*+++++++++++++++ レスポンシブレイアウト制御 +++++++++++++++*/
@media screen and (max-width: 1280px){/*1280px以下*/
	/* 自動生成抜粋文字数：[設定]-[インデックス]-[自動生成抜粋文字数] */
	.entry-card-snippet{
		display: none;
	}
}

/*+++++++++++++++ 個別ページ +++++++++++++++*/








.ecb-entry-border .a-wrap{
	margin:0 0 3%;
}
.ect-tile-card .a-wrap{
	padding: 1.5%;
}






.ranking-item, .timeline-box{
	border:3px;
}
.ecb-entry-border .entry-card-wrap:first-of-type,.ect-vertical-card .a-wrap.a-wrap{
	border-top:1px solid #ccc;
}

.carousel{
	padding:0 0 30px;
}
#recommended-in .a-wrap,.carousel .a-wrap,.rect-vertical-card .a-wrap{
	border:none;
}
.rect-mini-card .a-wrap:first-of-type{
	border-top:none;
}
.rect-vertical-card .related-entry-card-wrap {
    padding: 15px 7.5px;
}





.related-entry-card-snippet.card-snippet.e-card-snippet {
 color:#606060;
 line-height: 1.5;
	display: none;
}

.related-entry-card-title {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
}

.widget-entry-cards.card-large-image figure {
    border: 1px solid #DFB642;
    border-radius: 2px;
    padding: 3px;
}





.related-entry-card-snippet{
	height: 4.8em;
	max-height: 4.8em;
	line-height: 1.6;
	margin-top:10px;
}
.related-entry-card-snippet {
	max-height: 7.2em;
}
.entry-card-thumb, .author-thumb, .blogcard-thumbnail, .related-entry-card-thumb, .popular-entry-card-thumb,.new-entry-card-thumb,.widget-entry-card-thumb{
	margin-right: 3.5%;
}

.footer-bottom-logo .logo-image {
	max-width: 100%;
}
.new-entry-card img,
.eye-catch-wrap img,
.entry-card-thumb img,
.related-entry-card-thumb img,
.widget-entry-card img,
.blogcard-thumbnail img,
.carousel img{
	border-radius:3px;
}
.eye-catch{
	margin-bottom:15px;
}
.sub-menu .item-label{
	text-align:center;
}







.pager-post-navi{
	background:#f9f9f9;
	border:1px solid #ccc;
	padding:5px 0;
}
.pager-post-navi a.a-wrap{
	padding: 15px 10px;
	border: 1px solid #eee;
	margin: 5px 10px;
	background: #fff;
}
.footer{
	padding:0;
	/*box-shadow:0px -3px 10px rgba(0,0,0,.2);*/
}
.footer-in,.blogcard-footer{
	padding:10px 0 0;
}
h3.footer-title{
	margin:30px 0 10px;
	padding: .3em 1em;
	box-shadow:0px .5px 3.5px rgba(0,0,0,.1);
	background: rgba(255,255,255,.3);
	border-left:10px solid rgba(0,0,0,.1);
}
.pager-post-navi a.a-wrap:before{
	color:#ccc;
}

.cat-link:before,h1 span:before,.post-date:before,.post-update:before{
	opacity:.6;
	vertical-align: middle;
}


.recb-entry-border .related-entry-card-wrap:first-of-type,.related-entries.recb-entry-border .related-entry-card-wrap {
	border: 1px solid #eee;
	margin: 5px 0 0;
	padding: .5em;
}
.blogcard-snippet{
	line-height:1.5em;
	margin:10px 0 0;
}
.blogcard-site{
	float:right;
	justify-content: flex-end;
}
.blogcard-date{
	float:left;
}
.pagination-next{
	display:none;
}
.pagination{
	margin:1em 0 1em;
}
.navi-footer{
	margin:25px 0 35px;
}
@media screen and (max-width: 820px){
	.carousel{
		padding:0;
	}
}

@media screen and (max-width: 480px){
	.entry-card-title,.e-card-title{
		font-size:1em;
		line-height: 1.5;
		padding-bottom:20px;
	}
	.e-card-title{
		padding:0;
	}
	.related-entry-card-snippet{
		display:none;
	}
	.navi-footer-in>.menu-footer li.menu-item{
		width:100%;
		margin:0;
	}
	.navi-footer{
		border-top:1px solid rgba(0,0,0,.1);
	}
	.navi-footer-in>.menu-footer li.menu-item a{
		border-bottom:1px solid rgba(0,0,0,.2);
		padding:1em 2em 1em 1em;
		text-align:left;
		position:relative;
		background:rgba(255,255,255,.2);
	}
	.navi-footer-in>.menu-footer li.menu-item a:after{
		position:absolute;
		right:5px;
		top:50%;
		transform:translateY(-50%);
		font-family:Font Awesome 5 Free;
		content: "\f105";
		font-size:1.5em;
		opacity:.5;
	}
}











.font-awesome-5 .widget ul li a::before,
.font-awesome-5 .navi-footer-in>.menu-footer li.menu-item a::after{
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
}



.logo-header img{
	width:50%
}

/*1361px以下*/
@media screen and (max-width: 1361px){
	article>.entry-content, aritcle>footer.article-footer{padding: 0px;}
	/* 運営者情報 */
	.nwa .author-box{
		width: 80%;
		margin: 0 auto;
	}
	.entry-card-wrap .entry-card-title {
		color: #545454;
	}
	article.entry-card{
		padding: .8em 0em;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	.toc-list.open {padding: 0 0;}
	h1.entry-title {	font-size: 2.6rem;padding: 0;}
	.article h2 {	font-size: 1.9rem;line-height: 1.6;padding: 1.5rem 1.5rem;}
	.article h3 {	font-size: 1.8rem;line-height: 1.6;}
	.article h4 {	font-size: 1.7rem;line-height: 1.6;}
	.article h5 {	font-size: 1.6rem;line-height: 1.6;}
	.article h6 {	font-size: 1.6rem;line-height: 1.6;}
	.entry-card-wrap .entry-card-title {
		font-size: 1.6rem;
		color: #545454;
	}
	.header{
		/*border-bottom: 5px solid #365b6d;*/
	}
}

/*599px以下*/
@media screen and (max-width: 599px) {
	.nwa .author-box{
		width: auto;
	}
	.logo-header img{
		width:80%
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.entry-content>*, .article p{
		font-weight: 400;
		font-size: 1.6rem;
	}
	.toc {	
		padding: 2.5em .2rem .8em;
	}
	.logo-text {padding: 0;}
	.site-name-text {letter-spacing: .1em;}
	.entry-card-meta{
		display:none;
	}
	div.entry-card-content {
		padding-left: 1rem;
	}
	.entry-card-wrap .entry-card-title {
		font-size: 1.4rem;
		line-height: 1.5;
		color: #545454;
	}
	.tagline {
		display:none;;
	}
	.header{
		padding: 0;
	}
	.logo-image{
		padding:10px 0 0;
	}
	#content-in .main{
		margin-top: 0;
		padding-top: 0;
	}
	.content{
		margin-top:0;
		padding-top:5px;
	}
}

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


/*---------------- 固定ページの不要情報を非表示 ここから -----------------*/
.page .date-tags, /*投稿日・更新日*/
.page .author-info, /*投稿者情報*/
.page .eye-catch-wrap { /*アイキャッチ*/
	display: none!important;
}
/*---------------- 固定ページの不要情報を非表示 ここまで -----------------*/