/* column2.css
basic-layout.css,column1.cssを読み込んだ後に読込
202210月から長方形サムネイル表示に使う。
サイドエリア#SideArea（右カラム）widget等の表示
function.phpのfunction db_enqueue_stylesで定義読込
 */
@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 BasicSetting （共通設定）
	>> #SideArea JUMP

2.0 media Queries タブサイズ縦サイズ（750-939px)
	>> #SideArea JUMP iPad

3.0 media Queries PCサイズ（940px-）
	>> #SideArea JUMP PC
--------------------------------------------------------------*/



/*--------------------------------------------------------------
1.0 BasicSetting （共通設定）
--------------------------------------------------------------*/
/* >> #SideArea JUMP
---------------------------------------------------------*/
/* サイドエリア sideber Widget Area
 --------------------------------------- */


/* sideAreaのタイトル h2設定 */
#SideArea h2 {
	padding: 6px 0;
	margin-bottom: 10px;
	color: #757575;
	border-bottom: solid 1px #ccc;
}
#SideArea .textwidget { /* テキストウィジェット */
	line-height: 1.6;
	font-size: 1.5rem;
	margin-bottom: 3.0rem;
}

/* sideAreaのリスト section毎に設定 */
.widget_categories li, /* widgetカテゴリ 旧*/
.widget_archive li, /* widgetアーカイブ 旧*/
.wp-block-categories li, /* ブロックwidget カテゴリ  */
.wp-block-archives li {  /* ブロックwidget アーカイブ */
	padding: 5px 0;
	border-bottom: solid 1px #eee;
}
/* categories */
.widget_categories li a,
.wp-block-categories li a{ /* side listのリンクはfont-size+paddingで高さ40px確保 */
	display: block;
	font-size: 16px;
	text-decoration: none;
	color: #555; /* hover #b22222 */
	padding: 12px 6px;
}
/* archives */
.widget_archive li, /* 記事数色 */
.wp-block-archives li {
	color: #999;
}
.widget_archive li a,
.wp-block-archives li a {
	text-decoration: none;
	color: #555; /* hover #b22222 */
}

.widget_categories li a:hover,
.widget_archive li a:hover,
.wp-block-categories li a:hover, /* ブロックwidget カテゴリ  */
.wp-block-archives li a:hover{
	color: #b22222;
}
.widget_categories li a .count,
.wp-block-categories li a .count { /* 投稿数 */
	float: right;
	color: #999;
}
.widget_categories li li,
.wp-block-categories li li{ /* 子供 */
	border: none;
	text-indent: 21px;
}
/* カテゴリにアイコン */
.cat-item > a::before { /*共通設定*/
	content: "\f0da";
	font-family: FontAwesome;
	color: #4682b4;
	padding-right: 5px;
}
/* スマホ サイドrecent postsの設定 */
/* recent-posts.php(最近の投稿カスタム)一覧表示調整
----------------------------------------------------- */
#SideArea .sideBox .list-view .link-card { /* flexbox a */
	position: relative; /* blog_infoの基点 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	text-decoration: none;
}
#SideArea .sideBox .list-view .list-image-box {
	width: 129px;
	height: 80px;
	-webkit-box-flex: 0 0 129px;
	-ms-flex: 0 0 129px;
	flex: 0 0 129px;
	display:flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
#SideArea .sideBox .list-view .list-image-box img {
	max-width: 129px;
}
#SideArea .list-view .list-text-box { /* text */
	flex:1;
}

#SideArea .list-view { /* li */
	padding: 10px 0;
	border-bottom: solid 1px #eee;
	}
#SideArea .list-view {
	position: relative; /* div.blog_infoの基点 */
	padding: 10px 0;
	border-bottom: solid 1px #eee;
}
#SideArea	.list-view a {
		text-decoration: none;
		display: block;
		height: 80px;
		color: #555;
	}
	#SideArea	.list-view a:hover {
		color: #b22222;
	}

/* カードビュー内テキスト設定 */
#SideArea .list-view .list-text-box .card-title {
	font-size: 15px; /* 絶対指定 */
	line-height: 1.3;
}
#SideArea .list-view .blog_info { /* display:flex */
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 134px; /* sp */
}
	#SideArea .list-view .blog_info .post_cat { /* カテゴリー表示 */
		padding: 0 5px 0 0;
		flex: 1 1 auto; /* flex-grow(伸びる比率)、flex-shrink(縮む比率)、flex-basis(ベース幅) */
		overflow: hidden;
		white-space: nowrap; /* 改行阻止 */
		text-overflow: ellipsis; /* 3点リーダー */
	}
	#SideArea .list-view .blog_info .date { /* 日付 */
		flex: 0 0 auto;
		margin: 0 0 0 auto;
	}

#SideArea .list-view a p {
	font-size: 12px; /* 絶対指定 */
	font-feature-settings: "pkna" 1; /* プロポーショナル */
	color: #757575;
	text-align: right;
}
#SideArea .list-view .blog_info .post_cat span {
	display: none;
}
#SideArea .list-view .blog_info .post_cat span:last-child {
	display: inline;
}

/* myCstWidget_archive_list.php(カスタムアーカイブウィジェット)
----------------------------------------------------- */
.custom-archive-list { /* archive_list全体の体裁 */
	line-height: 1.5;
	color: #757575;
	padding:10px;
}
.custom-archive-list .year-title { /* タイトル年号span */
	font-weight: bold;
	cursor: pointer;
}
.custom-archive-list a { /* リンク要素 */
	text-decoration: none;
	display: inline-block;
	text-indent: 0;
	padding: 6px 0 10px 0;
}
.custom-archive-list > li:not(.acv_open) > ul { /* .acv_openを持たない月別リストはデフォルト閉じておく */
	display: none;
}
/* 年別アーカイブリストのアイコン設定 */
.custom-archive-list > li.acv_open::before { /* リストが開かれているとき */
	font-family: FontAwesome;
	content: '\f146'; /* -マーク */
	margin-right: .5em;
	cursor: pointer;
}
.custom-archive-list > li:not(.acv_open)::before { /* リストが閉じられているとき */
	font-family: FontAwesome;
	content: '\f0fe'; /* +マーク */
	margin-right: .5em;
	cursor: pointer;
}
.month-archive-list { /* ulリスト内リスト */
	text-indent: 1.5em;
}
/* 月別アーカイブリストのアイコン設定 */
.month-archive-list > li::before {
	font-family: FontAwesome;
	content: "\f0da"; /* > マーク */
	margin-right: .5em;
	margin-left: 3px;
	color: #4682b4;
}
/* 月別アーカイブリンク色 */
.month-archive-list > li a {
	color: #555;
}
.month-archive-list > li a:hover {
	color: #b22222;
}

/* サイドバー検索フォーム
 ----------------------------------------------------- */
#searchform {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#s { /* input[type="search"] */
	height: 34px;
	font-size: 16px;
	border:solid 1px #ccc;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	padding: 0 10px;
	flex: 1;
	box-sizing: border-box;
}
#searchsubmit { /* 検索ボタンinput[type="submit"] */
	text-align: center;
	color:#fff;
	font-family: FontAwesome;
	font-size: 16px;
	background: #63acb7;
	border: none;
	appearance: none; /* スマホのグラデーション除去 */
	-webkit-appearance: none; /* スマホのグラデーション除去 */
	border-radius: 0;
	width: 50px;
	height: 34px;
	margin-left: 3px;
	cursor: pointer;
}
#searchsubmit:hover {
	opacity: 0.8;
}

/* sideber Widget Area カレンダー*/
#SideArea .widget_calendar-2 {
	background: #fff;
}
#wp-calendar {
	width: 261px;
	margin: 0 auto;
}
#wp-calendar thead tr th {
	font-size: 14px;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	text-align: center;
}

#wp-calendar td {
	text-align: center;
	vertical-align: middle;
	width: 35px;
	height: 35px;
}
#wp-calendar td a {
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	height: 25px;
	width: 25px;
	margin: 0 auto;
	border-radius:50%;
	background: #00a0e9;
}

#wp-calendar caption {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 14px;
}

#wp-calendar tbody tr #today {
	position: relative;
}
#wp-calendar tbody tr #today:after {
	content: "";
	position: absolute;
	bottom: 7px;
	left: 11px;
	width: 13px;
	height: 3px;
	border-bottom:solid 2px #00a0e9;
}
#wp-calendar #prev {
	text-align: left;
	padding-left: 10px;
	width: auto;
	border-radius:0;
}
#wp-calendar #next {
	text-align: right;
	padding-right: 10px;
	width: auto;
	border-radius:0;
}
#wp-calendar #prev a,
#wp-calendar #next a {
	width: auto;
	border-radius:0;
	color: #555;
	background: none;
}
/* sideber Widget Area author card*/
.sideBox .author-card {
	display: block;
	margin: 0;
}
/* Author Card 画像 */
.sideBox .author-card figure {
	display:block;
	width:100%;
	flex:none; 
	text-align: center;
}
.sideBox .author-card figure img {
	width: 80px;
	height: auto;
	margin: 0;
}
.sideBox .author-card div { 
	flex:none;
}
/* name */
.sideBox .author-card div .author-name {
	text-align: center;
}
/* link button */
.sideBox .author-card div .card-link-btn {
	margin: 30px 0 0;
	text-align: center;
}
.sideBox .author-card div .card-link-btn a {
	display: block;
}

/*--------------------------------------------------------------
3.2.1 adBox設定
--------------------------------------------------------------*/
.ad {
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	font-size: 12px;
	color: #999;
	padding: 2px 0 12px;
	margin-bottom: 20px;
}
	.ad:before {
		content: "Sponsored Link";
		display: block;
		text-align: right;
		padding-right: 3px;
	}
	.ad p {
		color: #999;
	}


/*--------------------------------------------------------------
2.0 media Queries タブサイズ縦サイズ（750-939px)
--------------------------------------------------------------*/
@media print, screen and (min-width: 750px) and (max-width: 939px) { /* iPad ボックスレイアウト min750px max939px */
/* >> #SideArea JUMP iPad
---------------------------------------------------------*/
/* iPad サイドrecent postsの設定 */
/* recent-posts.php(最近の投稿カスタム)一覧表示調整
----------------------------------------------------- */
#SideArea .list-view .list-text-box .card-title {
	font-size: 15px; /* カード内はレイアウト維持のためpx固定 */
	margin-bottom: 8px;
}
/* sidebar flex layout iPadタブレットサイズ */
#side-main {
	display: flex; /* 2column layout */
}
#side-main aside {
	width: 50%;
}
/* sidebar flex layout iPadタブレットサイズ */
}/* 2.0 media Queries タブサイズ（750-939px)ここまで /////////////////////////////////////////////////////////////*/



/*--------------------------------------------------------------
3.0 media Queries PCサイズ（940px-）
--------------------------------------------------------------*/
@media print, screen and (min-width: 940px) { /* pc ボックスレイアウト max1080px min940px ///////////////////////*/
/* >> #SideArea JUMP PC
---------------------------------------------------------*/

/* サイドエリア sideber Widget Area
 --------------------------------------- */
/* pc サイドrecent postsの設定 */
/* recent-posts.php(最近の投稿カスタム)一覧表示調整
----------------------------------------------------- */
/* side新着5記事カードのタイトル文字制御 */
#SideArea .list-view .list-text-box .card-title {
	font-size: 15px; /* カード内はレイアウト維持のためpx固定 */
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
	overflow: hidden;
}
#SideArea .list-view .blog_info {
	bottom: -5px;
}
#SideArea .list-view .blog_info .date { /* 日付 */
	font-size: 8px;
	line-height: 16px;
}
#SideArea .list-view .blog_info .post_cat span:last-child {
	font-size: 8px;
}
#SideArea .list-view .blog_info .post_cat::before{ /* カテゴリーアイコン */
	display: none;
}


}/* 5.0 media Queries PCサイズ（940px)ここまで /////////////////////////////////////////////////////////////////*/