@charset "UTF-8";

/*!
Theme Name: toymim（cocoon-child-master）
Description: toymim専用デザイン、機能カスタマイズCocoon子テーマです。Cocoon親テーマがインストールされた状態でご利用ください。
Author: クラベル
Author URI: https://cravelweb.com/
Template:   cocoon-master
Version:    1.2025.06.28
*/

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

/* 管理画面用 */
div.entry-card-content div.admin-pv {
	font-size:8pt;
	position:absolute;
	top: -25px;
	right: 0px;
	background-color: #ffddee;
	opacity: 0.55;
	/*display:none;*/
}
div.entry-card-content span.admin-pv-by {
	display:none;
}

/* ロゴの配置調整 */
.tagline { /*タグライン*/
    text-align: left;
	font-size: 11px;
	font-weight:bold;
	color: #666666;
    margin: .0!important;
}
.logo {
	text-align: left;
}
.logo-image {
	padding: 0;
	font-size: 8px;
	line-height: 100%;
}
.header {
    padding: 8px 0px 0px 12px;
}
.header-in {
    justify-content: left;
	align-items: left;
	margin: 0;
}

.site-name-text {
    font-size: 8px;
}



.list h2.list-title {
	width: 100%;
}


.mobile-header-menu-buttons, .mobile-menu-buttons {
	box-shadow: 0 0!important;
	/*border-bottom: 1px solid #fff;*/
	border-bottom: 1px solid#0d5661;
}

.mobile-header-menu-buttons.scroll {
	border-bottom: 1px solid#0d5661;
	/*box-shadow: 0 0 5px darkgrey;*/
}

/* グローバルメニュー */
ul.menu-mobile {
	justify-content:space-between!important;
}
.menu-mobile li {
	width: 18%!important;
}
.menu-mobile li a{
	padding: 0!important;
}

/* メイン */
.main {
	padding: 20px 8px;
}

.content-in {
	justify-content: center;
}

/* ニュースソースリンク表示 */
ul.news-source {
	clear: both;
	list-style: none;
	padding-left: 0;
}
ul.news-source li{
	padding: 8px;
	font-size: 0.8em;
	color: #666666;
}

/* ニュース記事発信元表示表示 */
.source-by {
	width: 100%;
	padding: 12px;
	color: #888;
	background-color: #fafafa;
	border-radius: 8px;
}
/* 記事版権表示 */
.source-copyright {
	width: 100%;
  padding: 8px;
  margin-bottom: 32px;
	font-size: 0.8em;
	color: #666666;
	background-color: #fafafa;
	border: 1px solid #666666;
}


/* サイドメニュー */
.menu a{
	color:#666!important;
}

.menu a i{
	display: inline-block!important;
	width: 30px;
	padding: 0 8px 0 0!important;
	text-align: center;
}

.menu-separater {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #aaa;

}


/* 見出し */
h1.entry-title {
	padding-left: 0px;
	padding-right: 0px;
}

h1 .fa, h1 .fas { /* タイトルのFontAwesomeを非表示に */
	display: none;
}

h2.related-entry-heading, h2.main-widget-label { /* 関連記事、人気記事 */
    border-left: 8px solid #0d5661;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	font-size: 20px;
    padding: 0px 8px;
}

/* サイドメニュー見出し */
.sidebar h3 {
	margin: 32px 0 16px 0;
	border-width : 0 0 1px 0;
	border-bottom: solid 1px #dfe1e1;
	position: relative;
	background-color: #fff;
	color:#0d5661;
	padding: 6px 0px;
  }

.sidebar h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-width : 0 0 1px 0;
	border-bottom: solid 1px #0d5661;
	bottom: -1px;
	left: 0px;
	width: 62%;
  }



.setname {
	font-weight: bold;
}

/* 公開日、更新日表示 */
.date-tags *{
	color: #666;
}

div.search-btn {
	text-align:center;
	padding-bottom:24px;
}

/* === 投稿記事 === */
div.entry-content h2 { /* 投稿記事内の見出し */

}
.article h2 { /* 投稿記事内の見出し */
	margin: 3em 0 .8em 0;
	padding: 18px;
	background-color: #edeeee;
	color:#333;
	border-left: 4px solid #0d5661;
}

.article h3 { /* 投稿記事内の見出し */
	margin: 2em 0 .8em 0;
	padding: 12px;
	background-color: #edeeee;
	color:#333;
	border-width: 0 0 3px 0;
	border-bottom: 2px solid #0d5661;
}

.article h4 { /* 投稿記事内の見出し */
	margin: 1.5em 0 .8em 0;
	padding: 8px;
	background-color: #edeeee;
	color:#333;
	border-width: 1px 0 1px 0;
	border-top: 1px solid #838a8c;
	border-bottom: 1px solid #838a8c;
}


/* === ブログランキング応援リンク === */
.blog-ranking {
	text-align: center;
	background-color:#f5f5f5;
	padding: 15px 0px;
	margin: 32px 10% 0 10%;
	border-radius: 4px;
}
.blog-ranking p{ margin-top: 0px;}

/* === ページネーションリンク === */
/* 次のページボタン */
.pagination-next { display: none; }
.pagination-next-link {
/*	border-radius: 99px;*/
}
/* 数字ボタン */
.page-numbers {
	border-radius: 50%;
}
.pagination {}

/* === いいね！ボタン === */
.wpulike {
	text-align: right;
	margin: 0;
	padding: 15px 0!important;
}


/* 区切り（ドット） */
.wp-block-separator.is-style-dots:before {
	font-size: 24px!important;
	padding-left: 1em!important;
	color: #aaa!important;
	letter-spacing: 1em!important;
}
.wp-block-separator.is-style-dots {
    margin-top: 2em;
    margin-bottom: 2em;
}

/* === 人気記事タブ表示 === */
/*タブ切り替え全体のスタイル*/
.tabs { width: 100%; margin: 0 auto; }

/*ラジオボタンを全て消す*/
input[name="tab_item"] { display: none; }

/*タブ切り替えの中身のスタイル*/
.tab_content { display: none; clear: both; overflow: hidden; }

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,#programming:checked ~ #programming_content,
#design:checked ~ #design_content { display: block; }

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  color: #0d5661;
  background-color: #fff;
  border-top: 6px solid #0d5661;
}

/*タブのスタイル*/
.tab_item {
	width: calc(100%/3);
	height: 45px;
	background-color: #eee;
	line-height: 45px;
	font-size: 15px;
	text-align: center;
	color: #666;
	display: block;
	float: left;
	font-weight: bold;
	transition: all 0.2s ease;
	/*border: 1px solid #0d5661;*/
	padding:0 4px;
}



/* === エントリーカード === */
.entry-card { /* リスト各項目の下線表示 */
	/*border-bottom: 1px solid #d7dce5; */
}

.entry-card-thumb { /* サムネイル表示 */
/*	margin: 16px 12px 8px 0px;
	width: 25%!important;*/
}

.tag-link { /*タグ*/
	color:#0d5661!important;
	border-width: 0px;
	font-weight:bold;
}

/* グローバルメニュー調整 */
.item-label {
	/*line-height: 1.1!important;*/
}

.navi-in a {
	font-size: 13px;
	padding: 0 3em!important;
}
.navi-in li a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%; /*下線の上下位置調整*/
	display: inline-block;
	width: 0.9px; /*線の幅*/
	height: 50%; /*線の太さ*/
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	/*transform: translate(-50%);*/ /*位置調整*/
	background-color: #dfe1e1; /*下線の色*/
}
.navi-in li.firstitem a:before{
	background-color: #fff;
}



/* リストレイアウト余白調整 */
/*#list,
article {
	padding: 0px!important;
}*/


/* コンテンツレイアウト余白調整 */
.entry-content,
.entry-categories-tags {
	padding: 0px 8px!important;
}

/* カード表示調整 */
#list {
	display: flex;
	flex-wrap: wrap;
}
#list .a-wrap {
	/* width: 50%; */
	padding: 16px 0px 48px 16px;
}
#list ul.ads-reading-text {
	width: 100%;
	padding: 16px 0px 48px 16px;
}
#list .a-wrap article,
#list ul.ads-reading-text {
	position: relative;
	line-height: 1.4;
	padding:1.5em 1.5em;
	display: block;
}
.entry-card-meta {
	margin-top: 0px!important;
	padding:1em 1.5em 1.5em 0;
}

#list .a-wrap article:before, #list .a-wrap article:after {
	content:'';
	width: 12px;
	height: 12px;
	position: absolute;
	display: inline-block;
}

#list .a-wrap article:before {
	border-left: solid 1px #0d5661;
	border-top: solid 1px #0d5661;
	top:0;
	left: 0;
}

#list .a-wrap article:after {
	border-right: solid 1px #dfe1e1;
	border-bottom: solid 1px #dfe1e1;
	bottom:0;
	right: 0;
}



/* タグ表示レイアウト余白調整 */
.tag-link {
	padding-top: 0.8em!important;
	padding-left: 0px!important;
	font-weight: normal;
}

.entry-card-snippet {
	line-height: initial;
	padding-right: 8px;
	color: #999;
}

.pagination-next {
    margin: 0;
    padding: 32px 15px 0px 15px;
}

/* コメント欄表示カスタマイズ */
.comment-form-comment label{font-size:0;}
.comment-form-comment label:before {font-size: 14px; content: "内容";}
.comment-form-author label{font-size:0;}
.comment-form-author label:before {font-size: 14px; content: "ニックネーム";}
.comment-notes{display:none;}

h2#comments {
	margin:16px 0px 16px 0px ;
	padding:12px 8px;;
	background: #32373c;
	color:#fff;
	font-size: 15px;
}

h2#comments:before {
  font-family: "Font Awesome 5 Free";
  content: "\f086";
  padding-right : 5px;/*文字との隙間*/
}

#comment-area { /* コメント欄全体の枠 */
	background: #f2f2f2;
	padding: 0px!important;
	margin: 0px!important;
}

.comment-form {
	padding: 8px;
}
.comment-body.article {
	padding:8px;
}
#comment-area form.comment-form {
	background: #e5e5e5;
	border:1px solid #ddd;
	border-radius: 4px;
	padding: 8px;
}
#comment-area div.comment-respond {
	margin-top: 16px;
}

#comment-area form.comment-form p.comment-form-comment {
	margin:0px;
}
#comment-area form.comment-form p.comment-form-author {
	margin:0px;
}

#comment-area textarea { /* 入力ボックス */
	font-size: 14px;
	min-height: 80px!important;
	height: 80px!important;
}

#comment-area input { /* 入力ボックス */
	font-size: 14px;
}

h5#resp { /* コメントがあった時の見出し */
	font-size: 20px;
	color: #50c1a5;
}

h3#reply-title { /* コメント入力欄の見出し */
	font-size: 20px;
	color: #50c1a5;
}

#comment-area a.cancel-comment-reply-link {
	border:1px solid gray;
}

.comment-author .fn { /* コメントした人の名前 */
	font-size: 16px;
	font-weight: bold;
	color: #666;
	font-style: normal;
}
.comment-author .says { /* 「より：」の部分 */
	font-size: 16px;
	font-weight: bold;
	color: #666;
	display:none;
}
.comment-meta { /* 「日付」とログイン者が見れる「編集」の部分 */
	font-size: 16px;
	font-weight: bold;
	color: #666;
	float:right;
}
.comment-meta a{
	text-decoration:none;
}

.comment-body {
	border-bottom: 1px dotted #aaa;
	padding-bottom: 8px;
}

.comment-body .reply * {
	font-size: 12px;
}

#comment-area input[type="submit"] { /* 送信ボタン */
	background: #3982C6;
	color: #fff;
	border-radius: 3px;
	padding: 10px;
}


/* モバイル検索フォームの表示カスタマイズ */
#search-menu-content {
	background-color:#fff;
	padding:20px;
	top:5%;
	border-radius:5px;
}

/* モバイルメニューのロゴサイズ調整 */
.logo-menu-button {
	min-width: 140px;
}

.mobile-menu-buttons .menu-button>a,
.menu-icon {
	color: #666;
}

/* サイドバー広告バナーの調整 */
div#side_adarea>* {
	margin:0px;
	padding:0px;
	line-height: 1.0;
}

div#side_adarea>div{
	margin-bottom:8px;
	padding:0px;
}

/* 新着記事、人気記事 */
.widget-entry-cards .a-wrap {
	padding: 12px 8px;
	margin: 0px 0px 8px 0px;
}

.widget-entry-card{
	font-size: 14px;
	font-weight: bold;
}
.widget-entry-card .widget-entry-card-title{
	padding-top:6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


.entry-card-title {
	/*background-color: #f7fafa;*/
	padding: 8px 0px 0px 0px;
	font-size: 16px;
	line-height:1.5!important;
}

.entry-card-category-container {
}
.entry-card-category-container .cat-label {
	position: static;
}

.a-wrap:hover {
	transition: none!important;
}

/* === 関連記事 === */
.rect-vartical-card .related-entry-card-title {
	font-size: 15px;

}

/* サムネイルの余白調整  jQuery&CSS */
figure.e-card-thumb img,
figure.blogcard-thumbnail img,
figure.popular-entry-card-thumb img,
figure.new-entry-card-thumb img {
 max-width: none;
 width: 100%;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-right: -50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

figure.e-card-thumb,
figure.blogcard-thumbnail,
figure.popular-entry-card-thumb,
figure.new-entry-card-thumb {
 position: relative;
 overflow:hidden;
 background-color: #fff;
}

/* ページャー */
.page-numbers {
	border-radius: 0%;
}




/* 日付の文字色変更 */
.e-card-info {
	color:#999;
}

/* インデックスのサムネイルサイズ調整 */
/*@media screen and (max-width: 1260px){
  .entry-card-thumb {
    width: 30%!important;
  }
  .entry-card-content {
    margin-left: 32%!important;
  }
}*/
/*.entry-card-thumb {
    width: 200px;
}
.entry-card-content {
    margin-left: 210px;
}*/

/* サムネイルに枠線 */
.entry-card-thumb-image {
	/*border:1px solid #ccc;*/
}


/* インデックスリストの各項目に下線 */
.entry-card-wrap{
	/*border-bottom: 1px solid #ccc;*/
	padding: 24px 0px;
	margin: 0px;
}

/* 文中のリンク色を黒にする */
.link001 a{
	color:#000000!important;
}

/* 画像キャプションのリンク文字を黒に */
.wp-block-image a {
	color:#000;
}

/* サイドバーバナーエリア */
div#side_adarea {
	width:100%;
	text-align:center;
}

/* 次の投稿、前の投稿ナビの画像を非表示に */
.next-post-thumb,.prev-post-thumb {
	display:none;
}

/*サイドバーメニュー表示のカスタマイズ */
#sidebar li.menu-item {
	line-height: 0.8;
	font-weight: bold;
	font-size:14px;
}
#sidebar .menu {
	padding: 8px 8px;
}

/*#sidebar ul.menu>li.menu-item {
	line-height: 24px;
	background-color:#fff;
  font-weight:800;
}

#sidebar ul.menu>li.menu-item a {
	background-color:#eee;
  font-weight:800;
}

#sidebar ul.sub-menu>li.menu-item {
	line-height: 20px;
}

#sidebar ul.sub-menu>li.menu-item a{
	background-color:#fff;
  font-weight:400;
}

#sidebar ul.sub-menu>li>ul.sub-menu>li.menu-item {
	line-height: 10px;
	background-color:red;
}*/

.cat-label {
	top: 0.8em;
    left: 0.8em;
	border-width: 0px 0px 0px 0px;
	border-color: #c3d8d0;
	background-color: #656e6f;
	color: #fff;
}


/* 新着記事・人気記事ウィジェット調整 */
.widget-entry-cards figure {
	width: 80px;
}
.widget-entry-card-content {
	margin: 0;
}

.widget-entry-card .new-entry-card-date,
.widget-entry-cards .popular-entry-card-date {
	color: #999;
	padding: 8px 0 8px 0;
	font-size: 0.7em;
	font-weight: normal;
	text-align: right;
}
/*.widget-entry-card .new-entry-card-date:before,
.widget-entry-cards .popular-entry-card-date:before {
    font-family: FontAwesome!important;
    content: "\f017";
}*/
.widget-entry-card .new-entry-card-date .post-update,
.widget-entry-cards .popular-entry-card-date .post-update {
	display: none;
}

/* dl dt dd 定義リスト */
.main dl {

}

.main dt {
	position: relative;
	margin: 0 0 12px 0;
	padding: 0px;
	font-weight: bold;
    width: 100%;
	background-color: #eee;
	border-radius: 4px;
}

.main dt a {
	overflow:auto;
	display:block;
	margin: 0;
	padding: 12px 8px;
	text-decoration: none;
	color: #000;
}

.main dt a:after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: #111 2px solid;
	border-right: #111 2px solid;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.main dd {
	margin: 0 0 32px 0;
	padding: 0 4px 16px 4px;
}

.main dt span.nowrap {
	display: block;
	font-size:11px;
	white-space: nowrap;
	padding-left:2px;
}

.main dt figure {
    display: inline-block;
	float:left;
	width: 46px;
	height: 46px;
	overflow: hidden;
	margin-right: 12px;
	margin-left: 4px;
}

.main dt figure img {
	border-radius: 6px;
	width: 46px;
	height: 46px;
	object-fit: cover;
}

/* 楽天商品紹介テーブルの枠線を非表示に */
.entry-content>table{
	width: 100%;
	margin: 0 0 10px 0!important;
	padding: 0px;
}

.entry-content table{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.entry-content table div{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.entry-content>table {
  border: 1px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
}

.entry-content>table td{
	margin: 5px;
	padding: 5px;
	border-width: 0 0 1px 0;
	border-collapse: collapse;
	background-color: #fff;
}

.entry-content table td table td{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #fff;
}

.entry-content table td table td a{
	margin: 0px;
	padding: 0px;
}

.entry-content table td table td img{
	margin: 0px;
	padding: 0px;
}

/* エントリーカード内にタグ、カテゴリを表示 */
.entry-card-categories-ex {
	margin: 9px 0;
}

.entry-card-tags-ex {
	white-space:nowrap;
	overflow-x:hidden;
	position: relative;
}

.entry-card-tags-ex:after {
	background: rgba(255, 255, 255, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%);
	position: absolute;
	content: "";
	padding-right: 8px;
	width: 50px;
	height: 100%;
	right: 0;
	bottom: 0;
}

.entry-card-categories-ex a {
	line-height: 1.6!important;
}

.entry-card-tags-ex a {
	line-height: 1.6!important;
	margin-bottom: 6px;
}


/* TOC+ */
#toc_container{
	margin:20px auto 30px;
	background-color:rgba(44,153,181,.04); /* 目次全体の背景カラー */
	border:3px solid rgba(64,105,144,.2); /* 目次全体の枠線 */
	border-radius:3px;
	box-sizing:border-box;
	padding:38px 52px;
	display:table;
	min-width: 68%;
	counter-reset:li;
}

/* テーマによるリストの装飾を一旦無効化 */
#toc_container ul.toc_list li::before{
	content:none;
	padding:0;
	margin:0;
	width:0;
	height:0;
	background:none;
	box-shadow:none;
}

/* 目次の見出しタイトル */
#toc_container .toc_title{
	text-align:center;
	font-weight:bold;
	font-size:118%;
	padding:0;
}

/* 見出しタイトル左のアイコン */
/*#toc_container .toc_title::before{
	position:relative;
	font-size:28px;
	content:"\2254";
	display:inline-block;
	width:40px;
	height:40px;
	line-height:34px;
	margin-right:8px;
	border-radius:50%;
	vertical-align:baseline;
	speak:none;
	-webkit-font-smoothing:antialiased;
	color:#fff;
	background-color:#5f7b96;
}*/

/* 表示／非表示トグル */
#toc_container .toc_toggle a{
	font-size:13px;
	font-weight:normal;
	padding:2px 4px;
}

/* 目次エリア */
#toc_container p.toc_title + ul.toc_list{
	padding:20px 0 0;
	margin:20px 0 0;
	border-top:1px solid rgba(0,0,0,.1);
}

/* リスト共通スタイル */
#toc_container ul.toc_list li{
	position:relative;
	padding:0;
	margin:0;
}

/* 目次リンク共通スタイル */
#toc_container ul.toc_list li a{
	position:relative;
	font-size:94%;
	font-weight:normal;
	text-decoration:none;
	display:inline-block;
	line-height:1.6;
	padding:3px 0;
	/*margin:5px 0;*/
	transition:all .3s ease;
}
#toc_container ul.toc_list a,
#toc_container ul.toc_list a:visited{
	color:#5f7b96; /* リンクカラー */
}
/* マウスオーバー時 */
#toc_container ul.toc_list li a:hover{
	text-decoration:none;
	box-shadow:0 2px;
}

/* 親の目次 */
#toc_container ul.toc_list > li > a{
	/*font-size:104%;*/
	font-weight:bold;
	margin-left:40px;
}

/* 親の目次(左側の連番) */
#toc_container ul.toc_list > li::before,
#toc_container ul.toc_list > li::after{
	position:absolute;
	top:3px;
	left:0;
}
/* 連番背景 */
#toc_container ul.toc_list > li::before{
	content:'';
	display:inline-block;
	vertical-align:bottom;
	width:24px;
	height:24px;
	margin-right:7px;
	border-radius:16px;
	background-color:rgba(125,157,188,0.66);
}
/* 連番 */
#toc_container ul.toc_list > li::after{
	counter-increment:li;
	content:counter(li);
	width:24px;
	line-height:24px;
	font-family:'Avenir Next', 'Helvetica Neue', Arial, 'Meiryo','Yu Gothic', san-serif;
	font-weight:400;
	text-align:center;
	color:#fff;
}

/* 子の目次 */
#toc_container ul.toc_list > li > ul{
	margin-left:40px;
}

/* 子の目次の左側のアイコン */
#toc_container ul.toc_list > li ul li::before{
	position:absolute;
	top:3px;
	left:0;
	content:'\2023';
	display: inline-block;
	width:14px;
	height:28px;
	line-height:28px;
	font-size:18px;
	color:#5f7b96;
}
#toc_container ul.toc_list > li ul li a{
	font-weight: normal;
	margin-left:16px;
}



#footer-declaration {
	padding: 16px 16px 0px 16px;
	text-align: center;
}
#footer-declaration p {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}



/* トップカルーセル */
.top-carousel-card {
	margin: 0px!important;
	padding: 0px!important;
}

.top-carousel-card-article {
	margin: 0px!important;
	padding: 0px!important;
	position: relative;
}


.top-carousel-card-figure {
    width: 100%;
    padding-top: 70%;
    position: relative;
	margin: 0px!important;
	/*padding: 0px!important;*/
}
/* グラデーション */
.gradient{
	position: relative;
	display: block;
}
.gradient:after{
	content: "";
	position: absolute; left: 0px; top: 0px;
	display: block;
	background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.5));
}
.gradient img, .gradient:after{
	width: 100%;
	height: 100%;
}
.top-carousel-card {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	object-fit: cover;
}

.top-carousel-card-title-container {
	margin: 0px!important;
	padding: 8px 18px!important;

	position: absolute;
    bottom: 40px;
    color: #fff;
    background: rgba(0,0,0,.35);
    width: 100%;
    /*max-width: 600px;*/
	padding: 1em 0;
}

.top-carousel-card-title {
	margin: 0!important;
	padding: 0!important;
	/*font-weight: bold;*/
	text-shadow: 1px 1px 1px #333;
    /*text-align: center;*/
	/*white-space:nowrap;*/
	/*max-height: 54px;*/
	line-height: 1.30;
	/*overflow: hidden;*/

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
}

.top-carousel-card-figure,
.top-carousel-card-figure img {
	line-height: 0;
}

.top-carousel-card-figure span{
	line-height: 1.8;
}


/* 人気商品カルーセル */
.swiper-container-popular-contents-title {
	font-weight: bold;
	background-color: #f0f0f0;
	margin: 16px 0 8px 0;
	padding: 4px 16px;
}
.swiper-container-popular-contents-link {
	padding: 8px 0 16px 0;
	text-align: right;
    font-size: 12px;
}
.swiper-container-popular-contents-link {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
.swiper-container-popular-contents {
	overflow: hidden;
}

.popular-contents-carousel-card {}

.popular-contents-carousel-card-article {
	margin: 0px!important;
	padding: 0px!important;
	position: relative;
	/*text-align: center;*/
}

.popular-contents-carousel-card-figure {
	margin: 0px!important;
}

.popular-contents-carousel-card {
	width: 100%;
	height: 100%;
	position: absolute;
	text-decoration: none;
	top: 0;
	object-fit: cover;
}

.popular-contents-carousel-card-title-container {
	margin: 0px!important;
	padding: 8px 0px!important;
	color: #333;
/*	position: absolute;
    bottom: 40px;
    color: #fff;
	background: rgba(0,0,0,.35);*/
    width: 100%;
    /*max-width: 600px;*/
}

.popular-contents-carousel-card-title {
	margin: 0!important;
	padding: 0!important;
	font-weight: bold;
	font-size: 0.9em;
    /*text-align: center;*/
	/*white-space:nowrap;*/
	/*max-height: 54px;*/
	line-height: 1.30;
	/*overflow: hidden;*/

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}

.popular-contents-carousel-card-figure,
.popular-contents-carousel-card-figure img {
	line-height: 0;
}

.popular-contents-carousel-card-figure span{
	line-height: 1.8;
}

/* エントリーカード調整 */
.entry-card-content {
	margin-left: initial!important;
	padding-top: 8px;
	padding-bottom: 2em;
}
.entry-card-thumb {
	margin-top: 12px;
}


/* グルーバルナビ調整 */
.navi-in > ul li{
	/*height: 50px!important;
	line-height: 50px!important;*/
}

#navi {
	/*border-bottom: 1px solid #0a464e;*/
}

.content {
    margin-top: 0px;
}

#content-in {
	background-color: #fff;
}


/* テーマラベル */
/* コンテンツテーマラベル */
.contents-lego-theme-container{
	display: flex;
}
.contents-lego-theme {
	background-color: #888;
	color: #fff;
	padding: 4px 8px 4px 8px;
	margin: 4px 8px 8px 0;
	font-size: 10px;
	font-weight: bold;
}
.contents-lego-theme a {
	text-decoration: none;
	color: #fff;
}

/* エントリーカードテーマラベル */
.entry-card-lego-theme-container object{
	display: flex;
}
.entry-card-lego-theme {
	background-color: #888;
	color: #fff;
	padding: 4px 8px 4px 8px;
	margin: 4px 8px 8px 0;
	font-size: 10px;
	font-weight: bold;
}
.entry-card-lego-theme a {
	text-decoration: none;
	color: #fff;
}

/* テーマ選択ボタン */
#themebtn {
	/*border:1px solid #eaeaea;*/
	background-color: #fafafa;
	margin-bottom: 16px;
	padding: 8px 0;
}
.themebtn_title {
	font-weight: bold;
	padding: 0 0 0 16px;
}

.themebtn_link {
	text-align:	right;
	font-size: 12px;
	padding: 0 16px 0 0;
}
.themebtn_link a {
	text-decoration: none;
}


#themebtn_container {
	overflow: hidden;
	/*display: flex;
	flex-direction: row;
	overflow-x: scroll;
	margin: 0 0 20px 0;*/
	/*-ms-overflow-style: none;*/    /* IE, Edge 対応 */
	/*:scrollbar-width: none;*/       /* Firefox 対応 */
	padding: 8px 0px 16px 0px;
	/*height: 60px;*/
	position: relative;
}
#themebtn_container::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}

#themebtn_container .swiper-container{
	margin-left: 50px;
	margin-right: 50px;
}
.swiper-custom-button{
	background-image: none !important;
	color:#0d5661;
	font-size: 20px;
	text-align: center;
}


.themebtn {
	/*text-align:center;*/
	/*display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 8px 0 0;
	flex: 0 0 76px;
	min-width: 76px;
	display: flex;
	flex-direction: column;*/

	padding: 8px 4px;
	line-height:1.2;
	white-space:nowrap;
	text-decoration: none;
}
.themebtn:hover {
	color: #fff;
}
.theme-head-icon {
	display: block;
	font-size: 16px;
}

.theme-caption {
}
.theme-logotxt {
	display: block;
	font-size: 12px;
	font-weight: bold;
}
.theme-head-caption { font-size: 11px!important; }
.tl{ font-size: 10px!important; }
.tm{ font-size: 10px!important; }
.ts{ font-size: 10px!important; }


.ads-reading-text {
	list-style: none;
	margin:16px 4px!important;
	padding: 8px!important;
	border: 1px solid #eaeaea;
}
.ads-reading-text li {
	list-style: none;
	margin: 0!important;
	padding: 4px!important;
}
.ads-reading-text li a{
	text-decoration: none;
	display: flex;
}

.ads-reading-text li a strong{
	text-decoration: none;
	display: block;
	color: #333;
	line-height: 1.4;
	font-size: 0.9em;
}
.ads-reading-text li a span{
	text-decoration: none;
	display: block;
	padding-left:4px;
	line-height: 1.4;
	font-size: 0.9em;
}





/* Blick Color Codes */
/* theme */
.clb-architecture    { background-color:#6b6d67; color: #fff; }
.clb-ideas           { background-color:#c71908; color: #fff; }
.clb-classic         { background-color:#0054be; color: #fff; }
.clb-creator         { background-color:#e2cc9d; color: #333; }
.clb-creator-expert  { background-color:#24793d; color: #fff; }
.clb-city            { background-color:#1397d6; color: #fff; }
.clb-dc-super-heroes { background-color:#0c315a; color: #fff; }
.clb-jurassic-world  { background-color:#24793d; color: #fff; }
.clb-super-mario     { background-color:#c71908; color: #fff; }
.clb-star-wars       { background-color:#04121c; color: #fff; }
.clb-speed-champions { background-color:#6b6d67; color: #fff; }
.clb-technic         { background-color:#b9e80a; color: #333; }
.clb-disney          { background-color:#0054be; color: #fff; }
.clb-disney-princess { background-color:#be478b; color: #fff; }
.clb-duplo           { background-color:#f0cc36; color: #333; }
.clb-dots            { background-color:#af79bb; color: #fff; }
.clb-trolls          { background-color:#f364a0; color: #fff; }
.clb-ninjago         { background-color:#700d0e; color: #fff; }
.clb-batman          { background-color:#6b6d67; color: #fff; }
.clb-harry-potter    { background-color:#24793d; color: #fff; }
.clb-brickheadz      { background-color:#0054be; color: #fff; }
.clb-friends         { background-color:#7f007a; color: #fff; }
.clb-marvel-super-heroes { background-color:#c71908; color: #fff; }
.clb-minecraft    { background-color:#5b9b38; color: #fff; }
.clb-minions         { background-color:#f0cc36; color: #fff; }
.clb-minifigures     { background-color:#6b6d67; color: #fff; }

/* tags */
.clb-adults-welcome  { background-color:#0054be; color: #fff; }
.clb-christmas       { background-color:#24793d; color: #fff; }
.clb-4plus           { background-color:#c71908; color: #fff; }
.clb-halloween       { background-color:#fc8917; color: #fff; }

/* color name */
.clb-orange   { background-color:#fc8917; color: #fff; }
.clb-gray     { background-color:#6b6d67; color: #fff; }
.clb-green    { background-color:#24793d; color: #fff; }
.clb-white    { background-color:#eaeaea; color: #333; }
.clb-tan      { background-color:#e2cc9d; color: #333; }
.clb-lime     { background-color:#b9e80a; color: #333; }
.clb-darkblue { background-color:#0c315a; color: #fff; }
.clb-red      { background-color:#c71908; color: #fff; }
.clb-black    { background-color:#04121c; color: #fff; }
.clb-green    { background-color:#24793d; color: #fff; }
.clb-gray     { background-color:#6b6d67; color: #fff; }
.clb-azure    { background-color:#1397d6; color: #fff; }
.clb-yellow   { background-color:#f0cc36; color: #fff; }
.clb-darkred  { background-color:#700d0e; color: #fff; }
.clb-blue     { background-color:#0054be; color: #fff; }
.clb-purple   { background-color:#7f007a; color: #fff; }

.cl-red     { color:#c71908; }
.cl-darkred { color:#700d0e; }
.cl-azure   { color:#1397d6; }
.cl-blue    { color:#0054be; }
.cl-darkblue{ color:#0c315a; }
.cl-yellow  { color:#f0cc36; }
.cl-lime    { color:#b9e80a; }
.cl-orange  { color:#fc8917; }
.cl-tan     { color:#e2cc9d; }
.cl-purple  { color:#7f007a; }



/* レスポンシブ設定(667px幅以下) */
@media only screen and (max-width: 667px){
	#toc_container{
		padding:20px 3vw;
		min-width:auto;
		width:100%!important;
	}
	#toc_container p.toc_title + ul.toc_list{
		padding:20px 0 0;
	}
	#toc_container ul.toc_list > li > ul{
		margin-left:30px;
	}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px) {
	.entry-card-content {
		margin-left: initial!important;
	}
	.navi-in a {
		padding: 0 1.5em!important;
	}

	/* モバイルヘッダー調整 */
	.mobile-menu-buttons .menu-button {
		margin: auto 0;
	}
	.logo-menu-button img {
		max-height: 28px;
	}
}

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

/*834px以下*/
@media screen and (max-width: 834px) {
	#wpadminbar {
		display: none;
	}

	/* === モバイル用全体調整  === */
	body {
		background-color: #fff!important;
	}

	#list .a-wrap {
		width: 100%;
		padding: 16px 8px 48px 8px;
	}

	#header,
	#navi {
		display: none;
	}

	.text-mobile {
		padding: 0!important;
	}

	#content {
		margin-top: 0px;
	}

	.entry-content {
		margin-top: 1em;
		margin-bottom: 1em;
	}

	#content-bottom { /* コンテンツ下部エリア */
		background-color: #fff;
		margin: 0;
		padding: 0;
	}

	#footer {
		margin-top: 0;
		padding-top: 0;
	}

	#copyright {
		font-size: 12px;
	}

	#footer-declaration p {
		font-size: 11px;
	}

	main.main, div.sidebar {
		padding: 0; /* paddingをコンテンツ内に入れ替え */
		margin: 0 0 0 0;
    	border-width: 0;
	}

	article,
	.widget-below-related-entries .text-mobile,
	.widget_mobile_text .text-mobile,
	#related-entries .related-list {
		padding: 0px 8px; /* paddingをコンテンツ内に入れ替え */
	}

	.cat-label { /* 画像のカテゴリ非表示 */
		display: none;
	}

	#main>h1 { /*タグページ等、articleのない見出し */
		padding-right: 15px!important; /* paddingをコンテンツ内に入れ替え */
		padding-left: 15px!important; /* paddingをコンテンツ内に入れ替え */
	}

	h1#archive-title { /* カテゴリ・タグページ調整 */
		margin:0;
		padding-top:16px!important;
		padding-bottom:16px!important;
	}

	.main {
		border-radius: 0px;
	}

	.widget_mobile_text {/* ウィジェットのレイアウト調整 */
		/*padding: 0 15px;*/ /* paddingをコンテンツ内に入れ替え */
	}

	.pager-post-navi { /* ページナビ調整 */
		font-weight: bold;
		margin: 0;
		background-color: rgba(46,117,181,0.15);
	}
	.pager-post-navi a .iconfont { color: #777; }

	/* === フッター前SNSボタン === */
	.footer-widgets-mobile { margin: 0; }
	.footer-mobile {
		padding: 0 15px;
		background-color: #448dcf;
	}
	h3.widget-footer-mobile-title {
		font-size: 13px;
		text-align:center;
		font-weight: normal;
		margin: 0;
		padding: 10px 0 5px 0;
	}

	.follow-button {
		background-color: transparent!important;
		border: 0px!important;
		width:20%!important;
		font-weight: normal!important;
	}
	.sns-follow {
		margin: 0;
		padding: 0 0 10px 0;
	}
	.sns-follow-buttons a { margin: 0; }

	/* === フッター === */
	.footer-bottom {
		margin: 0;
		padding: 15px 0 0 0;
	}

	/* === インデックスリスト === */
	#home-title { /*トップページ見出し */
		width: 100%;
		text-align: center;
		background-color:#eeeeee;
		margin: 0px;
		padding: 8px;
		font-size: 15px;
		border-bottom: 3px solid #0d5661;
	}

	h2.e-card-title { /* 見出しの文字サイズ調整 */
		font-size: 15px;
		line-height: 1.4!important;
		padding-right:4px;
	}


	#list .a-wrap article{
		display: flex;
		flex-direction: row;
		padding: 0.5em 0.5em;
	}
	/* インデックスのサムネイルサイズ調整 */
	.entry-card-thumb {
		width: 40%!important;
		margin: 0px 8px 8px 0px;
		padding: 8px;
	}

	.entry-card-title {
		padding: 0px;
	}

	.entry-card-content { /* リスト各項目の下線表示 */
		padding: 0px 8px 2em 8px;
		/*border-bottom: 1px solid #d7dce5;*/
		/*float: left;*/
		width: 60%!important;
	}

	.entry-card-meta {
		padding: 0px 8px 8px 0px!important;
		margin: 0px!important;
		bottom: 0px!important;
    	right: 0px!important;
	}

	.entry-card { /* リスト各項目の下線非表示 */
		border-bottom: 0px;
	}

	div#list { /* リストトップに余白 */
		/*border-top: 1px solid #d7dce5;*/
	}

	.a-wrap { /* リスト各項目の余白調整 */
		padding: 16px 0 0 0;
		margin: 0;
	}

	body.archive .entry-card-wrap article { /* アーカイブページの余白調整 */
		padding: 0;
	}

	/* === ページネーション === */
	.pagination-next { /* 次のページボタンの調整 */
		margin: 0;
		padding: 32px 15px 0px 15px;
	}
	.pagination { /* ページネーションボタンの調整 */
		margin: 0;
		padding: 15px 15px 32px 15px;
	}


	.card-snippet { /* スニペットのレイアウト調整 */
		padding: 4px 0 0 0;
	}

	.entry-card-meta { /* リスト日付表示の位置調整 */
		bottom: 16px;
		right:15px;
	}

	/* === 広告エリア === */
	.ps-widget {
		overflow: visible;
	}
	.widget_mobile_ad {
		margin: 0;
		padding: 0;
	}
	.ad-area {
		padding:32px 0!important;
		margin-bottom: 0;
		overflow: visible;
		/*background-color:#f5f5f5;*/
	}
	.ad-label {
		margin: 0;
		padding: 0 0 8px 0;
		font-size: 13px;
	}

	/* インフィード広告エリア */
	.widget-index-middle .ad-area {
		background-color:#fff;
		padding: 15px 15px 15px 15px;
		border-bottom: 1px solid #d7dce5;
	}
	.widget-index-bottom .ad-area {
		background-color:#fff!important;
		padding: 15px 15px 0px 15px;
	}

	/* === タグ、カテゴリ表示 === */
	.entry-card-tags-ex{ /* 横スクロール表示 */
		white-space:nowrap;
		overflow-x:scroll;
		text-overflow: clip;
		margin: 0;
		padding: 0;
	}

	.entry-card-tags-ex:after {
		background: initial;
	}

	.entry-card-categories-ex a {
		line-height: 1.5!important;
	}

	.entry-card-tags-ex a {
		line-height: 1.5!important;
		margin-bottom: 8px;
	}

	.cat-link {
		border: 1px solid #0d5661;
		border-radius: 0px;
		background-color: rgba(46,117,181,0.1);
		color: #0d5661;
		font-weight: bold;
	}

	.tag-link {
		/*border: 1px solid #777;*/
		border: 0px;
		border-radius: 0px;
		/*background-color:rgba(136,136,136,0.1);*/
		padding: 1px 0px;
	}

	/* === 投稿ページ調整 === */
	/* 見出し */
	h1#archive-title { font-size: 20px; margin: 0 ; padding: 24px 0 24px 0!important; }
	h1.entry-title { font-size: 20px; margin: 0 ; padding: 24px 0 12px 0; }

	.article h2 { /* 投稿記事内の見出し */
		margin: 3em 0 .8em 0;
	}

	.article h3 {
		margin: 3em 0 .8em 0;
	}

	/* パンくず */
	.breadcrumb-home span.fa-home, .breadcrumb-item span.fa-folder {
		display: none;
	}

	/* カテゴリ、タグ表示 */
	.entry-categories-tags {
		margin: 32px 0 5px 0;
	}
	.entry-tags {
		border: 1px solid #ccc;
		background-color: #fafafa;
	}

	/* === SNSシェアボタン === */
	a.share-button {
		width: 44px!important;/*幅*/
		height: 44px!important;/*高さ*/
		border-radius: 50%;/*角丸*/
	}
	span.button-caption { display:none!important }
	span.share-count { display:none!important; }
	.sns-share.ss-high-and-low-lc a>span { padding-top: 0px; }
	div.sns-share {
		margin: 0;
		padding: 18px 0;
		/* border-bottom: 4px solid #ccc; */
	}

	/* === パンくずリスト === */
	#breadcrumb {
		white-space:nowrap;
		overflow-x:scroll;
		text-overflow: clip;
		margin: 0px;
		padding: 1em 8px 1em 8px;
	}
	/* === ブログランキング応援リンク === */
	.blog-ranking { margin: 0; }
	.blog-ranking p{ font-size:13px; font-weight: bold;}

	/* == 人気記事、関連記事、新着記事 === */
	h2.related-entry-heading, h2.main-widget-label,
	aside.widget_mobile_text .main-widget-label{ /* 見出し */
		background-color: #32373c;
		color: #fff;
		border: 0;
		font-size: 15px;
		margin: 0 0 16px 0;
		padding: 12px 8px;
		font-weight: bold;
	}

	/* 新着記事 */
	/* 新着記事の日付を強制的に表示する */
	.new-entry-card .display-none { display: block!important; }
	.new-entry-card-update-date { display: none!important }
	.new-entry-card-post-date {	color: #999; font-size: 10px;}
	.new-entry-card-post-date:before {
		font-family: "Font Awesome 5 Free";
		content: "\f017";
	}

	.new-entry-card-title, .popular-entry-card-title {
		font-size: 15px;
	}

	.card-arrow .a-wrap::after { right: 5px!important; } /* 矢印表示 */

	.widget-entry-cards .a-wrap {
		padding: 12px 0px;
		margin: 0px 0px 8px 0px;
	}

	.related-list-bygoogle { /* Google関連記事 */
		padding: 15px 0;
	}

	.related-list .a-wrap { /* Cocoon 関連記事 */
		margin: 16px 0 16px 0;
	}

	.card-arrow .card-content {
		margin-right: 20px;
	}

	article.related-entry-card {
		padding: 0px;
	}
	.related-entry-card-wrap {
		padding: 0px!important;
		width: 48%!important;
	}
	.border-partition a:first-of-type {
		border-top: 0px;
	}
	.border-partition a {
		border-bottom: 1px solid #ddd;
	}

	/* 人気記事タブ表示 */

	/* Cocoonボタン */
	.button-block { padding:16px 0 16px 0; }
	#search-menu-content .button-block { margin: 0px; padding:8px 0 8px 0; }

	/* === サイドバー（ポップアップメニュー） === */
	#sidebar-menu-content {
		padding: 15px;
	}
	/*メインメニューをタイル型に */
	#sidebar li.menu-item {
		line-height: 1.3;
	}
	#sidebar li.menu-item a {
		border: 1px solid #f0f0f0;
		margin: 2px 0px 2px 0px;
	}

	#sidebar ul.sub-menu {
		margin:0!important;
		padding:0!important;
	}

	#sidebar ul.sub-menu li.menu-item {
		display:inline-block!important;
	}
	/* === 検索ポップアップ === */
	.search-box {
		margin: 0.5em 0 0.5em;
	}

	#themebtn_container .swiper-container {
		margin-left: 8px;
		margin-right: 8px;
	}
	.swiper2-button-prev,
	.swiper2-button-next {
		display: none;
	}

	.top-carousel-card-figure {
		padding-top: 50%;
	}
	.top-carousel-card-title-container {
		bottom: 24px;
	}
	.swiper-pagination-bullets {
		bottom: 0px!important;
	}

}

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

	#list .a-wrap article{
		display: flex;
		flex-direction: column;
		padding: 0.2em 0.2em;
	}
	/* インデックスのサムネイルサイズ調整 */
	.entry-card-thumb {
		width: 100%!important;
		margin: 0px 8px 8px 0px;
		padding: 8px;
	}

	.entry-card-content { /* リスト各項目の下線表示 */
		padding: 8px 8px 2em 8px;
		width: 100%!important;
	}

	.entry-card-meta {
		padding: 0px 8px 8px 0px!important;
		margin: 0px!important;
		bottom: 0px!important;
    	right: 0px!important;
	}
}