@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.4
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
html 要素 順序
*************************************/
/*1.メインルート1（1<html>)*/
/*2.文書メタデータ6（1<base>2<head>3<link>4<meta>5<style>6<title>)*/
/*3.セクショニングルート1（1<body>）*/
/*4.コンテンツセクショニング10（1<header>2<nav>3<main>4<article>5<hgroup>
6<h1><h2><h3><h4><h5><h6>7<section>8<aside>9<footer>10<address>*/
/*5.テキストコンテンツ14(1<blockquote>2<dd>3<div>4<dl>5<dt>
6<figcaption>7<figure>8<hr>9<li>10<main>11<ol>12<p>13<pre>14<ul>)*/
/*6.インライン文字列意味付け31(1<a>※アンカー要素href属性urlハイパーリンク他31)*/
/*7.画像とマルチメディア6(1<area>2<audio>3<img>4<map>5<track>6<video>)*/
/*8.埋め込みコンテンツ6(1<embed>2<inframe>3<object>4<param>5<picture>6<source>)*/
/*9.スクリプティング3(1<canvas>2<noscript>3<script>)*/
/*10.編集範囲の特定2(1<del>2<ins>)*/
/*11.テーブル11*/
/*12.フォーム10*/
/*13.インタラクティブ要素4*/
/*14.ウェブコンポーネント5*/
/************************************
** ★モバイルファースト★(レスポンシブデザイン用のメディアクエリ)
************************************/
/*480px以下
@media screen and (max-width: 480px){
}*/

/*2.タブレット：768px以上*/
@media screen and (min-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*3.PC：1240px以上(旧1240px以下)*/
@media screen and (min-width/*max-width*/: 1024px){
  /*必要ならばここにコードを書く*/
}

/************************************
* Atom One Dark color syntac sample*
*************************************/
/*<span style="font-weight:bold">
#wrap #main{}
#contents.left{}
div#main{}
#main{}
a[href^="#"]
p.text.red{}
p.text{}
div p{}
p{}
**/

/***********************************
 *  全体フォント(AYCJ)*
***********************************/
/*Cocoon英文フォントが白抜きになるのはHelvetica Neueが犯人・全部Segoe UIに変更*/
.ff-meiryo,
.wf-loading body {
  font-family: "Segoe UI", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans"
  , sans-serif;
}
.ff-yu-gothic {
  font-family: "Segoe UI", "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN",
  "Hiragino Sans", sans-serif;
}
.ff-ms-pgothic {
  font-family: "Segoe UI", "MS PGothic", "Hiragino Kaku Gothic ProN",
  "Hiragino Sans", Meiryo, sans-serif;
}
.ff-noto-sans-jp,
.wf-active .ff-noto-sans-jp {
  font-family: "Segoe UI",  "Noto Sans JP" ,sans-serif;
}
/***********************************
A. AYCJ用子テーマCSS(PC)
************************************/
/** 基本表示(AYCJ)**/
body {
/* フォントの種類★游ゴシック
font-family: "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans",
"Yu Gothic", sans-serif;*/
/* フォントの種類★游明朝★適用中 */
  font-family: Times New Roman, 游明朝, /*'Noto Sans JP'*/ serif;
/* フォントのサイズ 
font-size: 20px;*/
/* フォントの色 */
color: #333;
/* カーニングの設定 */
/* 行間の設定
line-height: 1.8;}*/
/*余白設定*/
margin: 0;
}

/**投稿コンテンツ余白
.entry-content {
    margin-top: 1em;
    margin-bottom: 3em;
    margin-left: 0.4em;
    margin-right: 0.4em;
}**/

/************************************
** 本文部分
************************************/
/*メインカラム幅
.main {
  width: 68%;
  width: 800px;
  padding: 0px 0px;
}*/
/*記事タイトル余白*/
.entry-title, .archive-title {
    font-size: 26px;
    margin: 0px 0;
    line-height: 1.3;
}
/*見出し余白*/
.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-top: 0;
    margin-bottom: 0.8em;
}

/* 記事見出しフォントサイズ・背景色*/
.article h1 {
	font-size: 21pt;
}
.article h2 {
    background-color: #164a84;
	font-size: 21px;
	color: white;
}
.article h3 {
    border-color: #164a84;
	font-size: 19px;
}
.article h4 {
    border-color: #164a84;
	font-size: 16px;
}
.article h5 {
    border-color: #164a84;
	font-size: 16px;
}
.article h6 {
    border-color: #164a84;
	font-size: 16px;
}

/*パンくずリスト*/
.breadcrumb {
    margin: 0.1em 0.4em;
    color: grey;
    font-size: 18px;
}

/*Cocoon吹き出し文字サイズ*/
div.speech-balloon p {
	font-size: 16px;
}

/*リンク文字色
a:link {
color:#1e73be;
}
a:visited {
color:#8224e3;
}
a:hover {
color:#dd3333;
text-decoration:underline;
}
a:active {
color:#81d742;
}*/
/*ブログカードのリンク文字色
.a-wrap:hover{
color:#dd3333;
text-decoration:underline;
}*/
/*ブログカード内部リンクホバー色
a.blogcard-wrap.internal-blogcard-wrap.a-wrap:hover{
color:#81d742;
text-decoration:underline;
}*/


/***********************************
*ページ上部余白なし
*************************************/
/*HTMLページ上部表示なし*/
* {
    margin: 0px;
    padding: 0px;
}

/*ページ上部余白なし（コンテンツとヘッダーの間）*/
.content {
  margin-top: 0;
}

/***********************************
*ヘッダー
************************************/
/*ヘッダー画像切り替え*/
/**トップページのヘッダー背景画像**/
.home .header{
  background-image: url('');/*もしくはテーマ設定で設定したもの*/
}

/**トップページのヘッダー高さ**/
.home .header-in{
  height: 44px;
}

/**投稿ページのヘッダー背景画像**/
.single .header{
  background-image: ;
}

/**投稿ページのヘッダー高さ**/
.single .header-in{
  height: 44px;
}

/*ヘッダーロゴサイズ調整*/
.logo-menu-button img {
    max-height: 30px;
    display: block;
    margin: 0 auto;
}

/*header とグローバルメニューの間スキマなし*/
.logo-image {
	padding: 0;
}
.logo-image * {
	display: block;
	margin: auto;
}

/************************************
** ヘッダーグローバルメニュー header global menu
************************************/
/* グローバルメニュー幅任意設定
.navi, .navi-in{
   width: 1920px;
   margin: 0 auto
}※休止中*/
/*メニューのみ左寄せ*/
.hlt-top-menu .navi {
  /*margin-right: 40px;*/
	margin-left: 0px;
}
/*サブメニュー*/
.navi-in > ul {
justify-content: flex-start;/*グローバルナビ左寄せ*/
}
/*グローバルメニューサブメニュー高さ*/
/*.navi-in > ul li {
 height: 2vh/*40px---スリムメニューの高さ---;
    line-height: 2vh/*40px;
}*/
/*サブメニューのサブメニュー*/
#navi .navi-in > ul .sub-menu {
 min-width: 180px;
 height: 40px;
	background:#164a84;
}
/*サブメニューのサブメニュー背景色*/
.navi-in > ul .sub-menu li {
    width: auto;
    background: black/*#164a84*/;
}
/*グローバルメニューサブメニュー背景色個別指定AYCcolors 色*/
/*0U 宇宙*/
li#menu-item-34521, #categories-2 > ul > li.cat-item.cat-item-6 {
	background: #000000;
}
/*1S 太陽*/
li#menu-item-74418, #categories-2 > ul > li.cat-item.cat-item-7 {
	background:#7030a0;
}
/*2E 地球*/
li#menu-item-74477, #categories-2 > ul > li.cat-item.cat-item-8 {
	background: #002060;
}
/*3A 大気*/
li#menu-item-74478, #categories-2 > ul > li.cat-item.cat-item-10 {
	background: #0070c0;
}
/*4N 自然*/
li#menu-item-74479, #categories-2 > ul > li.cat-item.cat-item-13 {
	background: #00b0f0;
}
/*5B 生物*/
li#menu-item-74480, #categories-2 > ul > li.cat-item.cat-item-14 {
	background: #00b050;
}
/*6G地理*/
li#menu-item-74481, #categories-2 > ul > li.cat-item.cat-item-16 {
	background: #92d050;
}
/*7H人間*/
li#menu-item-74482, #categories-2 > ul > li.cat-item.cat-item-17 {
	background: #ffff00;
	color:black
}
/*8T技術*/
li#menu-item-74483, #categories-2 > ul > li.cat-item.cat-item-18 {
	background: #ffc000;
}
/*9L生活*/
li#menu-item-74484, #categories-2 > ul > li.cat-item.cat-item-20 {
	background: #ff0000;
}
/*防災*/
li#menu-item-24840 {
	background: #ff0000;
}
/*ブログ*/
li#menu-item-74485, #categories-2 > ul > li.cat-item.cat-item-1{
	background: gray;
}


/************************************
** エントリーカードの設定
************************************/
/*エントリーカードインデックス抜粋文字サイズなど*/
.entry-card-snippet, .related-entry-card-snippet {
    font-size: .5em;
    max-height: 7.8em;
    line-height: 1.3;
    overflow: hidden;
}
/*エントリーカードインデックス投稿日更新日文字サイズなど*/
.entry-card-meta, .related-entry-card-meta {
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: right;
    line-height: 1;
    font-size: .5em;
}

/************************************
** 日付関係のスタイル
************************************/
/*投稿（個別投稿 シングルページ single.php）の
日付「Cocoon 公開日と最終更新日を並べて表示」*/
.date-tags {
  display: flex;
  flex-direction: row-reverse;
}

/************************************
** 投稿・固定ページで使うHTML要素
************************************/
/*表がはみ出る(width設定)*/
table {
table-layout: fixed;
width: 100%;
}
/*******************************************
 * 背景色つき文字余白padding（まほろばデパートなど）
*****************************************/
/*.body .has-ex-d-background-color {
  margin:1px;
}*/
/*.body .has-white-color {
    color: #fff;
    padding-left: 0.4em;
}*/
p.has-background {
    padding: 0.4em 0.4em;
}

/*************************
 * フォントサイズ p gutenberg font list
 * ***************************/
p.has-small-font-size {
    font-size: .8em;
}

/************************************
** 引用（blockquote）
************************************/
blockquote p {
    font-size: .8em;
    font-style: italic;
    font-family: serif;
	line-height: 1.4em;
}

blockquote cite{
	font-size: .6em;
    font-style: italic;
    font-family: serif;
}
blockquote {
    /*background-color: #dddddd;※キーカラーの影響で利かない*/
    border: 1px solid #000;
    padding: 0.5em;
    position: relative;
}

/************************************
** 目次
************************************/
/*目次フォントサイズ行間など*/
.toc {
    border: 0px solid #ccc;/*目次ボーダーなし*/
    font-size: .85em;/*目次フォントサイズ*/
    line-height: 1.3em;
    padding: 0em ;
    margin-bottom: 0px;
    display: table;
}
.toc .toc-content {
    padding:5px;
}
.toc-list > li li ::before {
    margin-bottom: 0px;
}
.toc-list > li li a {
    margin-bottom: 0px;
}
.toc-title {
    color: #c0c0c0;
}
.toc-checkbox:checked~.toc-content {
    color: #c0c0c0;
}
/**ウィジェット目次**/  
.toc-widget-box{
	color: #c0c0c0;
	margin-bottom: 0px;
}
.nwa .toc {
    color: #c0c0c0;
}
.toc a{
	color: #c0c0c0;
	margin-bottom: 0px;
}
.toc ul, .toc ol {
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
/*目次フォント色*/
/*目次のリスト要素を文章の色に統一*/
.toc{
	color: #333 ;
}
/*目次のリスト要素を文章の色に統一*/
.toc a{
	color: #333 ;
}
/*目次 h3 左寄せ*/
.toc ul, .toc ol {
    padding-left: 6px;
    margin-top: .5em;
}
/**人気記事ランキング（月間・週間）タブ切り替えカスタムHTMLウィジェット**/
/* tab switcher */
.tab-wrap {
	background: White;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 0 0 20px;
}
.tab-label {
	color: Gray;
	cursor: pointer;
	flex: 1;
	font-weight: bold;
	order: -1;
	padding: 1px 2px;
	position: relative;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	border-bottom: 3px solid #ddd;
}
.tab-label:hover {
	background: rgba(100, 100, 100,.1);
}
.tab-switch:checked + .tab-label {
	color: #545454;
}
.tab-label::after {
	background: #545454;
	bottom: -3px;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateX(100%);
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
	width: 100%;
	z-index: 1;
}
.tab-switch:checked ~ .tab-label::after {
	transform: translateX(-100%);
}
.tab-switch:checked + .tab-label::after {
	opacity: 1;
	transform: translateX(0);
}
.tab-content {
	height:0;
	opacity:0;
	padding: 0 10px;
	pointer-events:none;
	transform: translateX(-30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
	width: 100%;
}
.tab-switch:checked ~ .tab-content {
	transform: translateX(30%);
}
.tab-switch:checked + .tab-label + .tab-content {
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
	transform: translateX(0);
}
.tab-wrap::after {
	content: '';
	height: 20px;
	order: -1;
	width: 100%;
}
.tab-switch {
	display: ;
}/* tab switcher END*/


	 
 /**ウィジェット**/
 /*ウィジェットカレンダー文字色
 #wp-calendar {
 color: #fff;
 }*/
 /*ウィジェット　ナビメニュー*/
.widget_nav_menu ul li a {
     color: #fff;
     text-decoration: none;
     padding: 0px 0;
     display: block;
     padding-right: 0px;
     padding-left: 0px;
 }

 /**タグクラウド・Cocoon初期設定のデザイン変更**/
 /*タグクラウド・フォント*/
 .tagcloud a {
 color: #164a84; /*文字色*/
 font-size: 18px; /*文字サイズ(初期値12px)*/
 /*flex: 1 1 auto;*/
 flex: 0 1 auto;/*行間をつめる*/
 display: flex;
 justify-content: space-between;
 }

/*投稿postの背景色を変更*/
.post.body{
	background-color:white;
}
/************************************
** フッター
************************************/
.footer{
 font-size: 14px;/**フッターフォントサイズ**/
}
/**フッターウィジェットフォントサイズ**/
.footer#footer h3{
 font-size: 14px;
}
.footer#footer {
text-align: left;
 font-size: .80em;
}
/* FOOTER LINK color worked but not font size  */
.footer#footer a {
font-size: .80em;
}
.footer#footer .footer-widgets p {
font-size: .80em;
}
/*footer#footer .footer-widgets a wssn't necessary after all */
/**footer widget padding*/
.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 {
    text-decoration: none;
    padding: 0px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
}
/****************************
 * フッターロゴサイズ
 ***************************/
  .footer-bottom-logo img {
    height: 30px;
    width: auto;
}
/************************************
** トップへ戻るボタン
************************************/
.go-to-top {
  right: 0px; /*右から*/
  bottom: 20px; /*下から*/
}
/*************************************
 * ギャラリー・マージンなしno margin
*************************************/
/** ギャラリーを囲むボックス **/
.gallery {
	width: 100%;
	margin-bottom: 0px;
    overflow: hidden;
}
/** 自動で挿入される clearfix の余白解除 **/
.gallery br {display: none;}
/** 画像共通のスタイル **/
.gallery-item {
    float: left;
	margin-bottom: 0;
}
/** 画像を囲む dt のスタイル **/
.gallery-icon {
    text-align: center;
}
.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 0px;
}
/** キャプション **/
.gallery-caption {
    color: #222;
    font-size: 0px;
    margin: 0 0 0px;
    text-align: center;
}
/** カラムなし **/
.gallery-columns-1 .gallery-item {
    width: 100%;
    margin-right: 0;
}
/** 2カラム **/
.gallery-columns-2 .gallery-item {
	width: 49%;
	margin: 0 0%;
}
/** 3カラム **/
.gallery-columns-3 .gallery-item {
    width: 31.33333%;
	margin: 0 0%;
}
/** 4カラム **/
.gallery-columns-4 .gallery-item {
    width: 23%;
    margin: 0 0%;
}
/** 5カラム **/
.gallery-columns-5 .gallery-item {
    width: 18%;
    margin: 0 0%;
}
/* 640px以下用の記述 */
@media screen and (max-width: 640px) {
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
		width: 48%;
		margin: 0 0%;
	}
	.gallery-columns-5 .gallery-item {
		width: 31.33333%;
		margin: 0 0%;
	}
}
/************************************
** アピールエリア
************************************/
/**アピール画像高さなど**/
.appeal .appeal-in {
	width: auto;
	background-color: rgba(0, 0, 0, .0);
	height: 530px
}
/**アピール画像背景色**/
.appeal-content {
	background-color: transparent;
}
/**アピールエリアタイトルフォント色**/
.appeal-title,
.appeal-message {
	color: #fff;
}
/*******************************
リスト回り
*******************************/
/*リストフォントサイズ
ol, ul {
    margin: 0;
    font-size: 14px;
}*/
/*********************************
Cocoon コピペ防止
********************************
.entry-content {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
}
.copyok {
user-select:all;
-moz-user-select:all;
-webkit-user-select:all;
-khtml-user-select:all;
}*/


/*PCここまで*/

/************************************
B.レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
  /**モバイル画面で（トップページと固定ページも）ヘッダーの非表示（none）表示（何も書かない★いまこれ）**/
      /*.single*/ #header-container,
  	/*.single*/ #notice-area{
  		display: ;
  	}
}
/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
  /**モバイル画面で（トップページと固定ページも）ヘッダーの非表示**/
      /*.single*/ #header-container,
  	/*.single**/ #notice-area{
  		display: ;
  	}
}
/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
  /**モバイル画面で（トップページと固定ページも）ヘッダーの非表示**/
      /*.single*/ #header-container,
  	/*.single**/ #notice-area{
  		display: ;
  	}
}
/************************************
Cocoonの2・3カラムをタブレット幅（481～768px）で1カラムにはしないカスタマイズ方法
************************************/
/*768px以下
@media screen and (max-width: 768px){
  .column-wrap{
    flex-direction: row;
  }
}*/
/*480px以下
@media screen and (max-width: 480px){
  .column-wrap{
    flex-direction: column;
  }
}*/

/*****************************************
*スマホ(ここから)
*****************************************/
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
/*スマホ枠余白
main.main, div.sidebar {
    padding: 5px 5px;
	padding-top: 5px;
    margin: 1px 0;
    border-width: 0;
}*/
/*スマホ記事本文フォントサイズ
.main {
      font-size: 1em/*0.8em/18px*/;
}*/
/* スマホ記事タイトル回り
.entry-title {
    margin: 0;
    margin-bottom: 0.2em;
	line-height: 1.4em;
	padding: 0.2em 0.3em;
}*/

/*.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-top: 0;
}*/
/* 記事見出しフォントサイズ・背景色
.article h1 {
	font-size: 19pt;
}
.article h2 {
    background-color: #164a84;
	font-size:19px;
	color: white;
}
.article h3 {
    border-color: #164a84;
	font-size: 19px;
}
.article h4 {
    border-color: #164a84;
	font-size: 19px;
}
.article h5 {
    border-color: #164a84;
	font-size: 19px;
}
.article h6 {
    border-color: #164a84;
	font-size: 19px;
}*/
/*パンくずリストスマホ*/
.breadcrumb {
    margin: 0.3em 0.4em;
    color: #777;
    font-size: 10px;
	line-height:1rem;
}
/*header とグローバルメニューの間スキマなし(スマホ)*/
.logo-image {
 padding: 0;
}
/**モバイル画面で（トップページと固定ページも）ヘッダーの非表示**/
/*.single*/ #header-container,
/*.single**/ #notice-area{
 display:;
 }
/*モバイルヘッダーボタン高さと背景色*/
.mobile-menu-buttons {
    background: #164a84;
	color: white; /* 文字色 */
    line-height: 0.8;
}
/*モバイルヘッダーボタンタイトル色*/
.mobile-menu-buttons .menu-button > a {
    display: block;
    color: white;
    text-decoration: none;
}
/*モバイルスライドインメニュー文字サイズ等*/
.menu-drawer a {
    /*color: #333;
    text-decoration: none;
    padding: 6px;
    display: block;*/
    font-size: 14px;
}
}
/*****************************************
C.外部ソース*プラグインなど
*******************************************/
/*サイトマッププラグインsimple-sitemap調整*/
.simple-sitemap-container ul {
    margin: 0 0 0 1.2em;
    padding: 0;
	font-size: .80em;
}
@media screen and (max-width: 1334px){
	.simple-sitemap-container .main {
	width: 95%;
}
}
/***************************
 * px cm kansan css
 * *************************/
#post-68070>div>form>p:nth-child(3)>input.inputfour.configon {
    width: 400px;
    background: orange;
    height: 36px;
	color: white;
    font-size: 24px;
}
#post-68070>div>form>p:nth-child(3)>input:nth-child(4) {
    width: 400px;
    background: yellow;
    height: 36px;
	color: white;
    font-size: 24px;
}
#post-68070>div>form>p:nth-child(3)>input:nth-child(7) {
    width: 400px;
    background: lightgreen;
    height: 36px;
	color: white;
    font-size: 24px;
}
#post-68070 > div > form > p:nth-child(5) > input.inputfour.configon {
    width: 400px;
    background: yellow;
    height: 36px;
	color: white;
    font-size: 24px;
}
#post-68070 > div > form > p:nth-child(5) > input:nth-child(4) {
    width: 400px;
    background: orange;
    height: 36px;
	color: white;
    font-size: 24px;
}
#post-68070>div>form>p.d2-1>input {
    width: 400px;
    background: grey;
    height: 36px;
    color: white;
    font-size: 24px;
}

/***************************************
サイトフロントページ
*****************************************/
/*フロント固定ページの背景を変更*/
.home.page .body {
    background-color: #000;
	/*color: #fff;*/
}
.home.page .main{
    background-color: #000;
}
.home.page .p {
    color: #fff;
}
/**フロント固定ページのタイトルを非表示**/
.home.page .entry-title{
  display: none;
}
/**フロント固定ページのシェアボタンを非表示**/
.home.page .sns-share{
  display: none;
}
/**フロント固定ページのフォローボタンを非表示**/
.home.page .sns-follow{
  display: none;
}
/**フロント固定ページの投稿日を非表示**/
.home.page .post-date{
  display: none;
}
/**フロント固定ページの更新日を非表示**/
.home.page .post-update{
  display: none;
}
/**フロント固定ページの投稿者名を非表示**/
.home.page .author-info{
  display: none;
}

/************************************
D.広告
************************************/
/*広告ラベル*/
.ad-area {
    color: #98895e;
    text-align: center;
    margin-bottom: 1.8em;
    overflow: hidden;
}

/*もしもMoshimoAffiliateかんたんリンク*/
/* --------- 外枠 --------- */
div.easyLink-box {
    border:double #CCC !important; /* ２重線 */
    box-shadow: 2px 3px 9px -5px rgba(0,0,0,.25);
}
/* --- 商品リンク タイトル --- */
p.easyLink-info-name a {
    color: #3296d2 !important; /* 文字色 */
}
/* --------- ボタン色 --------- */
a.easyLink-info-btn-amazon {
    background: #f6a306 !important; /* 背景色 */
    border: 2px solid #f6a306 !important; /* 外枠 */
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */
}
a.easyLink-info-btn-rakuten {
    background: #cf4944 !important; /* 背景色 */
    border: 2px solid #cf4944 !important; /* 外枠 */
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */
}
a.easyLink-info-btn-yahoo {
    background: #51a7e8 !important; /* 背景色 */
    border: 2px solid #51a7e8 !important; /* 外枠 */
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */
}
/* --- マウスオーバー時のボタン色 --- */
a:hover.easyLink-info-btn-amazon {
    opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */
    background: #fff !important; /* 背景色 */
    color: #f6a306 !important; /* 文字色 */
}
a:hover.easyLink-info-btn-rakuten {
    opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */
    background: #fff !important; /* 背景色 */
    color: #cf4944 !important; /* 文字色 */
}
a:hover.easyLink-info-btn-yahoo {
    opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */
    background: #fff !important; /* 背景色 */
    color: #51a7e8 !important; /* 文字色 */
}
/* --- 最後のボタン下の空白を削除 --- */
/*div.easyLink-box div.easyLink-info p.easyLink-info-btn a:last-child {
    margin-bottom: 0 !important;
}*/
/* --- PC以外の時の設定 --- */
@media screen and (max-width: 703px) {
div.easyLink-box div.easyLink-img,
div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht {
    max-height: 180px !important; /* 商品画像の大きさを調整 */
}
}

/**Cocoon 商品リンクカスタマイズ*/
/*アイテムボックスの枠を変更*/
.product-item-box{
  border: 4px double #dfdfdf;/*枠線を灰色の２重線にする*/
  box-shadow: 0 1px 2px rgba(0,0,0,.29);/*枠線に薄い影をつける*/
}
/*商品名を調整*/
.product-item-title{
  text-align:left;/*商品名を左詰め*/
  font-size:60%;/*文字の大きさを調整*/
  padding: 0rem;/*文字を表示位置を調整*/
}
/*商品名リンクを調整*/
.product-item-title-link{
  color:#555;/*商品リンクの文字色を変更*/
  text-decoration:none;/*商品リンクの下線を消す*/
  font-weight:bold;/*商品名を太字に変更*/
}
/*メーカー名を調整*/
.product-item-maker{
  text-align:center;/*商店名を中央寄せ*/
  font-size:60%;/*文字の大きさを調整*/
  font-weight:lighter;/*文字を細く変更*/
  margin:.5em;/*文字位置の調整*/
}
/*価格文章を調整*/
.product-item-price{
  text-align:center;/*価格文書を中央寄せ*/
  font-size:90%;/*文字の大きさを調整*/
  font-weight:lighter;/*文字を細く変更*/
  margin-top:-.5em;/*価格文章を表示した時の文字位置の調整*/
  margin-bottom:.5em;/*価格文章を表示した時の文字位置の調整*/
}
/*価格の色を黒に*/
.item-price{
  color:#555;/*金額を黒字に変更*/
}
/*ボタンのはみ出し部分を非表示*/
#main{
  overflow:hidden;
}
/*ipad以下の大きさのデザインを調整*/
@media screen and (max-width: 768px){/*ipad以下の大きさのデザインを調整*/
.booklink-image, .kaerebalink-image, .tomarebalink-image,
.product-item-thumb {
  width: 100%;/*商品画像を中央寄せ*/
}
.booklink-info, .kaerebalink-info, .tomarebalink-info,
.product-item-content {
  margin-top: 8em;/*商品名以下の文章を画像の下に下げる*/
}
.booklink-link2, .kaerebalink-link1, .tomarebalink-link1,
.product-item-buttons {
  display: flex;/*ボタンをフレックスボックス化*/
  flex-flow: column;/*ボタン縦並びに変更*/
  justify-content: space-between;/*ボタンを均等配置*/
  width:300%;/*ボタンの長さを調整*/
}
.booklink-link2>*>a, .kaerebalink-link1>*>a, .tomarebalink-link1>*>a,
.product-item-buttons>*>a{
  font-size:85%;/*文字の大きさを調整*/
  padding: .8em;/*ボタンの大きさを調整*/
    }
}
/*iPhone5Sぐらいの大きさのデザインの調整*/
@media screen and (max-width: 480px){
.booklink-image, .kaerebalink-image, .tomarebalink-image,
.product-item-thumb {
  width: 100%;/*商品画像の大きさの調整*/
}
.booklink-link2, .kaerebalink-link1, .tomarebalink-link1,
.product-item-buttons {
  width:200%;/*ボタンの長さを調整*/
}
}


/***************************************
.home トップページ個別調整★非表示は noneだが一時休止★
*****************************************/
/*.home 固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: ;
}
/*.home 固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: ;
}
/*.home 固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: ;
}
/*.home 固定ページの投稿日を非表示*/
.home.page .post-date{
  display: ;
}
/*.home 固定ページの更新日を非表示*/
.home.page .post-update{
  display: ;
}
/*.home 固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: ;
}

/**.home ホームページ色回り**/
/*.home コンテント*/
.home.page .content {
    margin-top: 0;
    background: #000;
}
/*.homeメインの色*/
.home.page .main{
    background: #000;
	color: #C0C0C0/*#fafafa*/;
}
/*.home 段落
.home.page .p {
    color: #fff;
}*/
/*.home 抜粋文字色
.home .a-wrap {
    color: #fafafa;
}*/
/*.home サイドバー*/
.home .sidebar{
	color: #C0C0C0/*#fafafa*/;
}
/*.home 和暦ウィジェット文字色*/
.home .widget_wareki_day_widget{
    color: #C0C0C0/*#fafafa*/;
}
/*.home 目次文字色*/
.home .toc a{
    color: #C0C0C0/*#fafafa*/;
}
/*#post-34133 > div > div.sitemap{
	background: white;
}*/
/*#post-34133 > div > div.sitemap > ul:nth-child(2) 
> li. > a{
    color: #1967d2;
}*/

/*.home個別調整ここまで*/

/**グローバルメニューPCだけ画面左端寄よせ**/
.navi {
    background-color: #fff;
    width: 800px;
}
/*検索ボックスマージン*/
.search-box {
    margin: 0.7em 0 0em;
    position: relative;
}
/*段落がなんかみづらい(NHKあわせ)*/
p {
    width: ;
	margin: 1em /*1em行間*/;
    padding-left: 1em/*左余白追加*/;
    padding-right: 1em/*右余白追加*/;
}

/*メニューの文字が小さい*/
.cl-slim .navi-in>ul li.menu-item-has-description>a>.caption-wrap {
    height: 40
px
;
    line-height: 16px;
    font-size: 16px;
    padding-top: 6
px
;
}

/*キャプション文字がおかしい
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption {
	display: block;
    caption-side: bottom;
}*/

sitemap {
    line-height: 1.8;
    font-size: 0.8em;
}
	 
/*アピールエリアテキスト背景色透明*/
.appeal-content {
    background-color: transparent;
}
	 
/*block editor 編集画面*/
.editor-styles-wrapper blockquote cite {
    font-size: .1em;
    font-style: italic;
    font-family: serif;
}
/************************************
** サイドバーのスタイル
************************************/
/*サイドバー文字色*/
/*.sidebar{
    color: #fff;
}*/
/*サイドバー背景色*/
#sidebar{
    background-color: /*#164a84*/ transparent;
 }
/*サイドバー幅*/
.sidebar {
    padding: 5px 10px;
}
 /**カテゴリー**/
 /*サブカテゴリーのリストマージン高さ*/
 ol, ul {
     margin: 0em 0;
 }
 /**カテゴリー・ウィジェット配色**/
 /*親カテゴリ*/
 .widget_categories ul li a{
 	background-color:/*#164a84 背景色*/;
 	border-radius:5px;
 	color:#fff;/*文字色*/
 	font-size: 22px; /*文字サイズ*/
  margin:5px;
 	padding:5px;
 	line-height:2/*カテゴリ文字の高さ*2ぐらいがみやすいか/;
 }
 /*子カテゴリ*/
 .widget_categories ul li ul a{
 	padding:0 20px 0;
 	background-color:transparent;
 	color:#333435;/*文字色*/
 	font-size: 22px; /*文字サイズ*/
 }