@charset "UTF-8";		
		
/*!		
Theme Name: Cocoon Child		
Template:   cocoon-master		
Version:    0.0.5		
*/		
		
/************************************		
** 子テーマ用のスタイル		
************************************/		
		
		
/************************************		
** 共通		
************************************/		
		
body {		
  color: #545454;		
  background:#EFF1F5;		
}				
.go-to-top {/*トップへ戻るボタン*/		
  right: 50px;		
 bottom: 50px;		
  box-shadow: 2px 2px 3px darkgrey;		
  border-radius: 50%;		
}		
		
.go-to-top-button {		
  background-color: whitesmoke;		
  border-radius: 50%;		
  color:#292929;		
  width: 60px;		
  height: 60px;		
}		
		
.go-to-top-button:hover {		
  color: #C4D534;		
}		
/************************************		
** ヘッダー		
************************************/		
		
header.article-header.entry-header {		
  position:relative;		
  margin:auto;		
 text-align:center;/*  子直下CSSより   */		
}		
		
.article-header h1 {/*  子直下CSSより   */		
 position: static;		
 font-size: 1.4em;		
 color: #333333;		
 background-color:#fff;		
 line-height:1.8em;		
 text-shadow: none;		
 margin:0;		
 padding: 1.5em .95em 1.1em;		
}		
.eye-catch{/*  子直下CSSより   */		
 box-shadow: 0px 3px 7px 0 rgba(0,0,0,.2);		
}		
.eye-catch img{/*  子直下CSSより   */		
 height:auto!important;		
 -webkit-filter:none;		
 filter:none;		
 opacity:1;		
 transform: none;		
 width: 100%;		
}		
		
#header-in{		
  animation: fade-in 2s ease 0s 1 normal;		
}		
		
@keyframes fade-in{		
    0%{opacity:0;transform:translate3d(0, -20px, 0);}		
    100%{opacity:1;transform:translate3d(0,0,0);}		
}		
		
.navi-in a:hover,.navi-footer-in a:hover {		
    background-color: transparent;		
    transform: translateY(-3px);		
}		
		
span.site-name-text {		
    color: #545454;		
}		
		
#navi .navi-in a, #navi .navi-in a:hover {		
 ? ?color: #ffffff;		
}		
		
.header-container-in.hlt-top-menu{		
    max-width:1138px;		
    width:95%;		
}		
		
div#header-container {		
    box-shadow: 0 1px 5px darkgrey;		
}		
/*logo*/		
.logo-text {		
    padding: 0 0 10px;		
    font-size: 1em;		
    font-family: sans-serif;		
     color: whitesmoke;		
}
/*↓ブログから流用*/
@media screen and (max-width: 834px){
.container {
margin-top:50px;
}
}
.logo-image {
padding:0;
margin-left:0;
margin-top:1em;
margin-bottom:1em;
max-height:116px;/*大きなロゴ画像を使うときはここの数字を大きく*/
}
.logo {
text-align: left;
}
.logo-header img {
box-shadow: none!important;
}
/************************************
** プロフィール欄
************************************/
.nwa .author-box {
max-width:none;
padding: 0;
}
aside#author_box-2.widget.widget-sidebar.widget-sidebar-standard.widget_author_box{
padding: 0!important;
border-radius: 10px;
}
@media (max-width: 1023px){
aside {
padding: 0 .5em;
}
}
.nwa .author-box .author-thumb {
width: 100%;
height:9em;
margin:0 0 5em 0;
border-radius: 10px 10px 0 0;
}
.author-box figure.author-thumb{
float: none;
text-align: center;
background: url( ) center no-repeat;
background-size: cover;
position: relative;
z-index: 0;
}
.author-box img.avatar.photo{
background-image: none;
padding: 0!important;
box-shadow:none;
}
.author-box figure.author-thumb img{
width: 40%;
max-width:180px;
margin-top:5em;
}
@media (min-width:1023px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:120px;
}}
@media (max-width:480px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:130px;
}}
.author-box .author-name {
margin: 0 0 2em 0;
}
.author-box .author-content .author-name a{
text-decoration: none;
font-size:1.2em;
color:#000000;
}
.nwa .author-box .author-description {
margin-bottom:1.5em
}
.author-box .author-content .author-description p{
font-size:14px;
color:#000000;
line-height:1.6em!important;
margin:1em;
}
#author_box-2 p{
margin:1em 2.5em;
}
div.author-follows{
padding-bottom:2em;
}
.author-box .author-content .author-description p a{ text-decoration: none; }
.author-box .author-content .author-description p a:hover{ text-decoration: underline; }
.author-box .author-content .author-follows .sns-buttons{ justify-content: center; }
.author-box .author-content .author-follows .sns-buttons a.follow-button{
border-radius: 50%;
border: none;
width: 40px;
height: 40px;
color: #fff!important;
margin:0 3px;
}
a.follow-button.website-button.website-follow-button-sq{background-color: #6eb6fd!important;}
a.follow-button.twitter-button.twitter-follow-button-sq{background-color: #7dcdf7!important;}
a.follow-button.facebook-button.facebook-follow-button-sq{background-color: #7c9dec!important;}
a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color: #2c6ebd!important;}
a.follow-button.instagram-button.instagram-follow-button-sq{background: linear-gradient(165deg, #427eff 5%, #f13f79 50%) no-repeat !important;}
a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color: #bd081c!important;}
a.follow-button.youtube-button.youtube-follow-button-sq{background-color: #cd201f!important;}
a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color: #0A66C2!important;}
a.follow-button.note-button.note-follow-button-sq{background-color: #41C9B4!important;}
a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color: #FF5500!important;}
a.follow-button.flickr-button.flickr-follow-button-sq{background-color: #111!important;}
a.follow-button.line-button.line-follow-button-sq{background-color: #00c300!important;}
a.follow-button.amazon-button.amazon-follow-button-sq{background-color: #ff9900!important;}
a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color: #C61E79!important;}
a.follow-button.slack-button.slack-follow-button-sq{background-color: #4A154B!important;}
a.follow-button.github-button.github-follow-button-sq{background-color: #4078c0!important;}
a.follow-button.codepen-button.codepen-follow-button-sq{background-color: #47CF73!important;}
a.follow-button.feedly-button.feedly-follow-button-sq{background-color: #2bb24c!important;}
a.follow-button.rss-button.rss-follow-button-sq{background-color: #f26522!important;}
.author-box .author-content .author-follows .sns-buttons a.follow-button span{ line-height: 40px; }
.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{ font-size: 20px !important; }
@media (max-width:1023px){
.nwa .author-box .author-thumb {
height:11em;
margin:0 0 7em 0;
}
.author-name{
font-size:16px!important;
}
.author-description{
line-height: 1.5 !important;
text-align:center;
margin:0 auto;
}
}
@media screen and (max-width: 1023px){
div.sidebar {
display: none;
}
}
/************************************		
** プロフィール リンクボタン		
************************************/		
.profilepage-link {		
    text-align: center;		
    margin-bottom: 20px;		
}		
#main .profilepage-link {		
    text-align: left;		
}		
.profilepage-link a {		
    display: inline-block;		
    font-size: .9em;		
    text-decoration: none;		
    color: #fff; /*ボタンの文字色*/		
    background: #95C744; /*ボタンの背景色*/		
    padding: .5em 2em;		
    border-radius: 4px;		
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.2);		
    transition: .3s ease-in-out;		
}		
.profilepage-link a:hover {		
    color: #fff;		
    box-shadow: 0 10px 12px -3px rgba(0,0,0,.24);		
}		
@media screen and (max-width: 480px){		
#main .profilepage-link {		
    text-align: center;		
}		
.profilepage-link a {		
    font-size: 14px;		
}		
}

/************************************************************************************		
** エントリー部分		
************************************************************************************/		
		
/************************************		
** 本文記事タイトル		
************************************/		
header.article-header.entry-header {		
 text-align:center;		
}		
a.cat-link, a.tag-link{		
 font-size:.7em;		
 border-radius:10px;		
 border:0;		
 margin:0.5em;		
 padding:0 0.5em 0;		
 background:#7D8E06!important;		
 color:#fff!important;		
}		
.cat-link:hover ,.tag-link:hover {		
 opacity: .5;		
 transition: all .3s ease-in-out;		
}		
.entry-categories-tags {		
 margin-bottom: 0.4em;		
}		
div.date-tags span.post-update{/*投稿・更新の入れ替え*/		
 order: 1;		
}		
span.fa.fa-history::before{		
 content:"\f021"/*更新アイコン*/		
}		
div.date-tags span.post-update,div.date-tags span.post-date{		
 margin-right: 10px;		
}		
@media (max-width:1023px){		
.entry-categories-tags.ctdt-one-row {		
 padding: 0;		
}		
}		
@media (max-width:420px){		
.article-header h1 {		
 font-size: 1.2em;		
}		
.date-tags{		
 top:3px;		
}		
}		
@media (max-width:834px){/*画面幅834px以下のとき、本文周りの空白を非表示*/		
 main.main, div.sidebar {		
padding:0;		
}}		
@media screen and (min-width: 601px) and (max-width: 834px){/*画面幅601px以上834px以下のとき、本文周りの空白を表示*/		
div#content.content.cf{		
 margin:1em;		
}}		
/************************************		
** ブログカード スマホPC両対応		
************************************/		
.blogcard-snippet,/*記事抜粋文*/		
.blogcard-footer {		
  display: none;/*表示しない*/		
}		
.blogcard-wrap {		
  transition: all .3s;		
  max-width: 600px;		
  margin: 2em auto;		
}		
.blogcard {		
  border:1px solid #eaeaea !important;		
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);		
  padding: 10px;		
}		
.blogcard-wrap:hover {		
  background: none;		
  transform: translateY(-3px);		
  box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);		
}		
.blogcard-thumbnail {		
  margin: 0;		
}		
.blogcard-thumbnail img {		
  display: block;		
}		
/*タイトル*/		
.blogcard-title {		
  color: #555;		
  letter-spacing: 0.5px;		
 font-size: 15px;		
 border-bottom: 2px solid #616B07; /*タイトル下にアンダーライン*/		
  line-height: 1.5;		
  margin: 10px 0 0 0;		
  height: 45px;		
  overflow: hidden;		
}		
.blogcard-content {		
  min-height: auto;		
  margin-left: 185px;		
  padding-right: 6px;		
}		
.blogcard-label {		
  top: -11px;		
  left: 9px;		
  padding: 3px 0.6em;		
  background:#aaa;		
  padding: 1px 10px;		
  font-weight: 600;		
  font-size: 11px;		
  letter-spacing: 1px;		
}		
.blogcard-content:after {		
  content: "クリックして読む";		
  background: #FF914D; /* 背景色 */		
  display: block;		
  text-align: center;		
  color: #fff;		
  font-weight: 600;		
  letter-spacing: 1px;		
  width: 180px;		
  border-radius: 20px;		
  font-size: 13px;		
  padding: 1px 0;		
  margin-top: 6px;		
}		
@media screen and (max-width: 834px) {		
  .blogcard-content {		
    margin-left: 130px;		
  }		
  .blogcard-title {		
    font-size:12px;		
    line-height: 1.5;		
    height: 35px;		
    margin:0;		
  }		
  .blogcard-content:after {		
    content: "タップして読む";		
  }		
  .blogcard-thumbnail{		
    width:120px;		
  }		
}		
@media screen and (max-width: 560px) {		
  .blogcard-content:after {		
    width: 120px;		
    font-size: 12px;		
  }		
  .blogcard-title {		
    margin:0;		
  }		
}		
@media screen and (max-width: 320px) {		
  .blogcard-thumbnail {		
    width: 100px;		
  }		
  .blogcard-content {		
    margin-left: 110px;		
  }		
  .blogcard-title {		
    height: 35px;		
  }		
}		
/*=================================================================================		
 * リスト しかく数字マーク list-8		
=================================================================================*/		
.list-8{		
   counter-reset:number;		
   list-style-type: none;		
   padding:0;		
   margin:0;		
}		
.list-8 li { 		
   border-bottom:2px dashed;		
   border-color:#cdcdcd; /* 線の色 */		
   position: relative;		
   margin:0.5em 0 !important;		
   max-width:500px; /* 横幅 */		
   padding: 0 0 0.5em 1.8em;		
}		
.list-8 li:last-child { 		
   border:none;		
}		
.list-8 li:before {		
   counter-increment: number;		
   content: counter(number);		
   background-color: #545454; /* 文字背景色 */		
   color: #fff; /* 文字色 */		
   position: absolute;		
   font-weight:bold;		
   font-size: 14px;		
   left: 0;		
   top:0.5em;		
   width: 22px;		
   height: 22px;		
   line-height: 22px;		
   text-align: center;		
}		
/*=================================================================================		
リスト チェックマーク list-3		
=================================================================================*/		
.list-3{		
   list-style: none;		
   padding:0;		
   margin:0;		
}		
.list-3 li { 		
   position: relative;		
   margin:0.5em 0 !important;		
   padding-left: 25px;		
}		
.list-3 li:before {		
   font-family: FontAwesome;		
  content: "\f046"; /*チェックマーク*/		
   color:  #545454; /* 色 */		
   position: absolute;		
   left:0;		
}		
/*=================================================================================		
 説明つきリスト		
=================================================================================*/		
		
dt{		
 padding:0.5em;		
   font-weight:bold;		
}		
		
dt:before {		
   font-family: FontAwesome;		
  content: "\f00c"; /*チェックアイコン*/		
   color:  #AFAFB0; /* 色 */		
   position: relative;		
   left:0;		
}		
dd{		
 padding-left:.5em;		
 border-left:1px solid #333;		
 font-size:.9em;		
 clear:both;		
}		
		
/*=================================================================================		
アイコン強調のボックス オレンジ		
=================================================================================*/		
.box7-orange {		
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:710px; /* ボックスの横幅 */	
	margin: 2em auto;	/* ボックスの外側余白(上下:2em 左右:auto) */
	padding: 1.7em 2em;	/* ボックスの内側余白(上下:1.7em 左右:2em) */
	border: 2px solid #FF914D;	/* ボックスの線 (太さ 線の種類 線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
}		
.box7-orange i{		
	background: #FF914D;/* アイコン背景色 */	
	color: #fff; /* アイコン色 */	
	padding: 10px; /* アイコン余白 */	
	border-radius: 20px; /* アイコン角丸 */	
}		
.box7-orange .box-title {		
	position: absolute; /* 配置に関するもの(ここを動かす) */	
	top: -21px; /* 上から（-21px）移動*/	
	left: 30px; /* 左から(30px)移動 */	
	background: #fff; /* タイトル背景色 */	
	color: #FF914D; /* タイトル文字色 */	
	padding: 0 10px;/* タイトルの余白 */	
	line-height: 1;/* タイトルの行の高さ */	
	font-size: 20px;/* タイトル文字の大きさ */	
	font-weight: bold;/* タイトル文字の太さ */	
}		
.box7-orange p {		
	margin: 0; /* 文字の外側余白リセット*/	
	padding: 0; /* 文字の内側余白リセット*/	
}		
/*=================================================================================		
ラベルリンクカード 共通CSS		
=================================================================================*/		
.pb-btn{		
  margin: 3em auto;		
  max-width:500px;		
  width:80%;		
  position:relative;		
}		
.pb-btn p{		
  margin:0 !important;		
  padding:0 !important;		
}		
.pb-btn a{		
  display:block;		
  padding:1.5em 2em 1.3em;		
  color:#333 !important;		
  background:#FAFAFA;		
  border:2px solid #777;		
  font-size:16px !important;		
  font-weight:600;		
  position:relative;		
  transition:all 0.2s;		
  text-decoration:none;		
}		
.pb-btn .pb-btn__text{		
  max-width: 90%;		
  display: block;		
  line-height:1.8;		
}		
.pb-btn .pb-btn__label{		
  background: #EE8F81;		
  color: #fff;		
  display: inline-block;		
  padding: 0.5em 1em !important;		
  font-size: 12px !important;		
  line-height: 12px;		
  font-weight: 600;		
  letter-spacing: 0.5px;		
  position:absolute;		
  top: -12px;		
  left: 23px;		
  z-index: 1;		
}		
.pb-btn .pb-btn__add{		
  font-size:12px !important;		
  letter-spacing:0.5px;		
  margin: 7px auto 0 !important;		
  max-width:90%;		
  color: #EE8F81;		
  font-weight:600;		
  text-align:center;		
}		
.pb-btn a:after{		
  position: absolute;		
  content: "";		
  display: inline-block;		
  right: 7%;		
  top: 50%;		
  width: 9px;		
  height: 9px;		
  border-top: 3px solid #333;		
  border-right: 3px solid #333;		
  -webkit-transform: rotate(45deg) translateY(-50%);		
  transform: rotate(45deg) translateY(-50%);		
}		
.pb-btn a:hover{		
  border-color:#EE8F81;		
  transition:0.2s;		
  text-decoration:none;		
  opacity:1;		
}		
@media screen and (max-width:600px) {		
  .pb-btn{		
    width:90%;		
  }		
  .pb-btn a {		
    padding: 1.3em 1.3em 1.2em;		
    font-size:14px !important;		
  }		
  .pb-btn .pb-btn__label{		
    left:14px;		
  }		
  .pb-btn .pb-btn__add{		
    text-align:left;		
  }		
}		
/*ラベルデザイン変更*/		
.pb-btn .pb-btn__label-2{		
  color: #EE8F81;		
  display: inline-block;		
  font-size: 12px !important;		
  line-height: 12px;		
  font-weight: 600;		
  letter-spacing: 0.5px;		
  position: absolute;		
  top: -24px;		
  left: -23px;		
  z-index: 1;		
  transform: rotate( -5deg);		
}		
.pb-btn .pb-btn__label-2:before,.pb-btn .pb-btn__label-2:after{		
  display:inline-block;		
}		
.pb-btn .pb-btn__label-2:before{		
  content:"＼";		
  margin-right:3px;		
}		
.pb-btn .pb-btn__label-2:after{		
  content:"／";		
  margin-left:3px;		
}		
/*ラベル色変更#FF914Dオレンジ系*/		
.pb-btn__orange a{		
 background:#d9d9d9;		
  border-color:#000000;		
}		
.pb-btn__orange.pb-btn__shadow a{		
  box-shadow: 0px 4px 10px rgba(225,230,212,0.8);		
}		
.pb-btn__orange.pb-btn__shadow a:hover{		
  box-shadow: 0px 2px 5px rgba(225,230,212,0.8);		
}		
.pb-btn__orange .pb-btn__label{		
  background: #FF914D;		
}		
.pb-btn__orange .pb-btn__add{		
  color:#FF914D;		
}		
.pb-btn__orange .pb-btn__label-2{		
  color:#FF914D;		
}		
.pb-btn__orange a:after{		
  border-top: 3px solid #FF914D;		
  border-right: 3px solid #FF914D;		
}		
/*=================================================================================		
	カッテネ	
=================================================================================*/		
.kattene {		
	border: none !important;	
	border-radius: unset !important;	
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);	
	background-color: #fafafa; /* 背景カラー */	
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;	
	font-size: 16px;	
	height: auto;	
	line-height: 1.5;	
	margin: 36px auto !important;	
	padding: 12px 8px !important;	
	overflow: hidden;	
	width: 98% !important;	
}		
.kattene__imgpart {		
	background: #fff;	
	box-sizing: border-box;	
	min-width: 150px;	
	padding: 12px 0;	
	vertical-align: middle;	
}		
.kattene__imgpart img {		
	-webkit-box-shadow: none !important;	
	box-shadow: none !important;	
}		
.kattene__title>a {		
	display: block;	
	padding: 5px;	
	color: #4392f1; /* タイトルのテキストカラー */	
}		
.kattene__description {		
	color: rgba(0,0,0,0.54); /* 説明文のテキストカラー */	
	font-size:0.7em !important;	
	padding: 0 5px;	
}		
.kattene__btns {		
	display: flex;	
	flex-wrap: wrap;	
	margin: 0 auto !important;	
	padding: 12px 5px !important;	
	position: initial !important;	
}		
.kattene__btns > div {		
	box-shadow: 0 6px 12px -5px rgba(0,0,0,.3);	
	border-radius: 8px;	
}		
@media screen and (min-width: 901px){		
.kattene__btns > div {		
	width: 32.333% !important;	
}		
}		
@media screen and (max-width: 900px) {		
.kattene__imgpart {		
	width: 100%;	
}		
.kattene__title,		
.kattene__description {		
	text-align: center;	
}		
.kattene__btns {		
	padding: 10px 5px !important;	
}		
.kattene__btns > div {		
	width: 99% !important;	
	margin: 3.5px auto !important;	
}		
}		
/*  全ボタン共通  */		
.kattene__btns a {		
	margin: 0 !important;	
	padding: 0 !important;	
	border-radius: 8px !important;	
	font-size: .8em !important;	
	line-height: 30px !important;	
	letter-spacing:0;	
	-webkit-box-shadow: none !important;	
	box-sizing: border-box;	
	box-shadow: none !important;	
}		
.kattene__btns a:hover {		
	background: #ffffff !important;	
	opacity: 1;	
}		
/* ボタンオレンジ */		
.kattene__btn.__orange {		
	border: 2px solid #ff9901 !important;	
}		
.kattene__btn.__orange:hover{		
	color: #ff9901 !important;	
}		
/* ボタンブルー */		
.kattene__btn.__blue{		
	border: 2px solid #007dcd !important; 	
}		
.kattene__btn.__blue:hover{		
	color: #007dcd !important;	
}		
/* ボタンレッド */		
.kattene__btn.__red {		
	border: 2px solid #c20004 !important; 	
}		
.kattene__btn.__red:hover{		
	color: #c20004 !important;	
}		
/* ボタングリーン */		
.kattene__btn.__green {		
	border: 2px solid #0BBD80 !important; 	
}		
.kattene__btn.__green:hover {		
	color: #0BBD80 !important;	
}		
/* ボタンピンク */		
.kattene__btn.__pink {		
	border: 2px solid #e1325b !important; 	
}		
.kattene__btn.__pink:hover {		
	color: #e1325b !important;	
}		
/* WordPressで自動挿入されたPタグの余白を消す */		
.kattene p {		
	margin: 0;	
	padding: 0;	
}		
/*=================================================================================		
 囲み枠 黒 タイトルあり		
=================================================================================*/		
.box3-blc {		
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:710px; /* ボックスの横幅 */	
	margin: 2em auto;	/* ボックスの外側余白(上下:2em 左右:auto) */
	padding: 1.7em 2em;	/* ボックスの内側余白(上下:1.7em 左右:2em) */
	border: 2px solid #000000;	/* ボックスの線 (太さ 線の種類 線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
}		
.box3-blc .box-title {		
	position: absolute; /* 配置に関するもの(ここを動かす) */	
	top: -10px; /* 上から（-10px）移動*/	
	left: 30px; /* 左から(30px)移動 */	
	background: #fff; /* タイトル背景色 */	
	color: #000000; /* タイトル文字色 */	
	padding: 0 10px;/* タイトルの余白 */	
	line-height: 1;/* タイトルの行の高さ */	
	font-size: 20px;/* タイトル文字の大きさ */	
	font-weight: bold;/* タイトル文字の太さ */	
}		
.box3-blc p {		
	margin: 0; /* 文字の外側余白リセット*/	
	padding: 0; /* 文字の内側余白リセット*/	
}		
		
/************************************		
**モバイル表示 ヘッダーメニュー・検索アイコン		
************************************/		
.mobile-menu-buttons{		
  height:50px;		
}		
.mobile-menu-buttons > li {		
  padding-top:0;		
}		
.menu-button{		
  color: #7D8E06!important;		
  margin: auto;		
}		
.mobile-menu-buttons .menu-button:hover{		
  background-color:white;		
}		
span.fa.fa-search::before{		
  margin-left:1em;		
  color: #7D8E06!important;		
}		
span.fa.fa-bars::before{		
  margin-right:1em;		
}		
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{		
  		
	display:none;	
}		
/************************************		
**モバイル表示 ヘッダーメニュー		
************************************/		
span.fa.fa-close::before{/*戻るボタン*/		
font-family: FontAwesome;		
content: "\f060";		
}		
.menu-content .menu-drawer {		
padding: 0 1em;		
margin:0;		
}		
ul.menu-drawer:before{		
font-size:1.2em;		
display: block;		
font-weight: normal;		
background: white;		
color:#7b7b7b;		
padding: .5em;		
margin-bottom:1em;		
font-family: sans-serif;		
text-align: center;		
border-bottom:3px dotted #7D8E06;		
}		
ul.menu-drawer:after {		
background: white;		
}		
.menu-drawer li {		
background-color:#fff;		
padding:0;		
border-radius:20px;		
}		
.menu-drawer a{/*menuの文字色をグレー*/		
font-size:1.5em;		
background-color:#f7f7f7;		
color:#545454!important;/*AFAFB0*/		
margin: 6px 0;		
padding: 4px 1em;		
border-radius:20px;		
}		
.menu-drawer a:hover{		
background-color:#7D8E06!important;		
color:#fffff4!important;		
transition: 0.2s ;		
}		
.menu-drawer .sub-menu {		
padding-left:30px;		
margin-top:0;		
}		
.menu-drawer ul.sub-menu li {/*サブメニューの文字サイズ*/		
font-size: 1em;		
}		
@media (max-width:834px){		
.sub-menu{		
box-shadow: none!important;		
}		
}		
/************************************************************************************		
**  サイドバー		
************************************************************************************/		
#sidebar > .widget{		
border-radius:10px;		
}		
.widget_search{		
padding:0;		
}		
.sidebar h3{/*サイドバーのタイトル表記と緑の点線*/		
color: #545454;		
border-radius: 0%;		
border-bottom: 3px dotted;		
border-color: #90C31F;		
padding-bottom: 0.3em;		
margin-top: -0.5em;		
margin-bottom: 1em;		
}		
/*ウィジェットタイトル*/		
#sidebar .widget-sidebar-title{		
border-bottom: 2px solid #90C31F; /*下線色・太さ*/		
background: #fff; /*背景色*/		
color: #595959;/*文字色*/		
} 		
		
.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 {/* widgetsの中身*/		
background-color: #f7f7f7;		
color: #545454!important;		
margin: 6px 0;		
padding: 4px 10px;		
border-radius:20px;		
transition: 0.4s		
}		
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{/* widgetsの中身 hover */		
background-color: #7D8E06;		
color:#fffff4!important;		
}		
/************************************		
** タグクラウド ※不具合あったら見直す		
************************************/		
.tagcloud a {		
    background: none; /*背景を消す*/		
    border: 1px solid #ccc; 		
    border-radius: 20px; /*角の丸み*/		
    color: #555; /*文字色*/		
    display: inline-block;		
    padding: 3px 10px;		
    text-decoration: none;		
    font-size: 13px;		
    margin: 2px;		
    flex: 1 1 auto;		
    display: flex;		
    justify-content: space-between;		
}		
.tagcloud a:hover { /*マウスホバー時*/		
    background: #7D8E06;		
    border: 1px solid #7D8E06;		
    color: #fff;		
    transition: 0.5s; /*アニメーションの時間*/		
}		
/************************************		
** おすすめカード 生き		
************************************/		
.nwa .recommended.rcs-card-margin a {/*おすすめカード*/		
margin: 0 0 1em;		
width: 90%;		
}	
/************************************************************************		
**** フッター		
************************************************************************/		
.footer-title{		
color: #7b7b7b;		
border-bottom:3px dotted;		
border-color: #bed709;		
margin-bottom:1em;		
}		
#footer, #footer a{		
color: #545454;		
}		
.widget-entry-cards .widget-entry-card-content {		
color: #545454;		
font-size:13px;		
padding-left:.5em;		
}		
@media (max-width:1023px){		
.footer {		
margin-top: 0;		
padding-top: 0;		
}}		
@media (max-width:880px){		
.footer-title{		
margin-top:2em;		
}}		
@media screen and (max-width: 480px){		
h2, h3 {		
font-size: 1.17em;		
}		
.widget-entry-cards .widget-entry-card-content {		
line-height:1.3;		
}		
}		
.footer-widgets, .footer-widgets-mobile {		
margin: 0 auto;		
}		
.footer-left, .footer-center, .footer-right, .footer-mobile {		
padding: 0 10px;		
}		
.widget.widget-footer-mobile{		
padding:0;		
}		
aside#popular_entries-3.widget.widget-footer-mobile.widget_popular_entries div.popular-entry-cards.widget-entry-cards.no-icon.cf{		
padding:0 .4em 0;		
}		
.widget-footer-mobile div.tagcloud,.widget-footer-mobile ul li a{		
margin-right:.2em;		
margin-left:.2em;		
}		
.source-org.copyright{/*Copyright文字色*/		
color: #545454;		
}		
		
.navi-footer-in a {		
    color: #545454;		
}		
		
.source-org.copyright {		
    color: #545454;		
}		
/***************************************************** サイドバー */		
		
.sidebar{		
    padding:0;		
    border:none;		
 background:transparent;		
}		
#sidebar > .widget {		
 margin-bottom: 24px;/* 24px */		
}		
aside{		
    background:#fff;		
    padding:2em 2em 0 2em;		
}		
		
@media (max-width:1023px){		
    aside{		
    padding:.5em;		
    }		
}		
/************************************		
** 検索ボックス		
************************************/		
aside#search-2 {		
    padding: 0;		
}		
aside .search-box input[type="text"]{		
    border:none;		
}		
.search-submit{		
    color:gray;		
}		
.search-box {		
    margin:0 0 24px;		
   position: relative;		
}		
		
.search-edit, input[type="text"]::placeholder {		
    font-size: .8em;		
    color: #ccc;		
}		
		
input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder {		
    color: #ccc;		
    font-size: .5em;		
}		
		
.search-edit, input[type="text"] {		
    padding: 11px;		
    border-radius: 4px;		
    font-size: 14px;		
    line-height: 2;		
 color: #545454;/*  slategray   */		
  width: 100%;		
}		
		
/*cocoon original functions*/		
		
.toc-widget-box .toc.tnt-number.toc-center.border-element,		
.toc-widget-box .toc a{		
    padding: 0;		
    margin: 0;		
}		
		
.toc-widget-box .toc.tnt-number.toc-center.border-element,		
.toc-widget-box .toc a, #related_entries-2 .widget-related-entry-cards a{		
color: #545454;/*  slategray   */		
}		
		
/*************************************		
** CTAボックス		
**************************************/		
		
.cta-box {		
    background-color: whitesmoke;		
    color: #545454;/*  slategray   */		
    padding: 20px;		
}		
		
/*ranking*/		
		
.ranking-item{		
    border:none;		
}		
		
#item_ranking-2 .ranking-item-name-text,		
#item_ranking-2.nwa .ranking-item-name-text,		
#item_ranking-2.nwa .widget_item_ranking .main-widget-label {		
    color: #545454;		
}		
		
#item_ranking-2 .ranking-item-description,		
.ranking-item-img-desc{		
    color: slategray;		
}		
		
.nwa .ranking-item-image-tag {		
    display: block; /*サイドバーでの画像をblockに*/		
}		
		
		
article .ranking-items {		
    border: 1px solid whitesmoke;		
	 position:relative;	
     padding-top:20px;		
     margin-top: 40px;		
}		
		
article .ranking-item {		
    border-radius: 0px;		
}		
		
article .ranking-item-name {		
    color: #545454;		
}		
		
article .ranking-items:before {		
	 background: whitesmoke;	
    content: "ランキング";		
    position: absolute;		
	 width: calc(100% - 8px);	
    top: -40px;		
    left: -1px;		
    padding: 5px;		
	 text-align: center;	
    color: #545454;		
    font-size: 1.1em;		
    font-weight: bold;		
	 border-top-right-radius: 5px;	
    border-top-left-radius: 5px;		
}		
		
article .ranking-item-name-crown {		
    transform: scale3d(0.7,0.7,0.7);		
}		
		
.ranking-item-detail a, .ranking-item-link a{		
	border-radius:30px;	
}		
		
.ranking-item-rating {		
	  width: 48.43%;	
    max-width: 302px;		
    padding: 10px 30px;		
    text-align: center;		
    background: ghostwhite;		
    position: relative;		
}		
		
aside .ranking-item-rating {		
	  width: 100%;	
}		
		
.ranking-item-rating.rating-star:before {		
    content: "評価：";		
    color: slategray;		
    font-weight: 600;		
}		
		
.ranking-item-img-desc, .ranking-item-img-desc > div {		
    margin-top: 0;		
    padding-top: 0;		
}		
		
.ranking-item-img-desc img{		
	border:2px solid ghostwhite;	
}		
		
.ranking-item-detail a {		
    background: ghostwhite;		
    color: #545454;		
}		
		
.ranking-item-detail a:hover {		
	  color: #545454;	
}		
		
.ranking-item-link a{		
    background-color: tomato;		
}		
@media (max-width: 834px){		
	.ranking-item-rating{	
		width:100%;
		max-width:834px;
	}	
	.ranking-item-img-desc img{	
	border:none;	
	}	
	.ranking-item-rating {	
    font-size: .9em;		
    }		
@media screen and (max-width: 480px){			
	.ranking-item-image-tag {		
   	  display: block;		
	}		
	.ranking-item-img-desc img{		
	  border:2px solid ghostwhite;		
   }			
}			

/************************************		
** プロフィールボックス		
************************************/		
		
.author-box {		
    border: none;		
    margin: 0 auto;		
}		
		
.author-box img.avatar.photo{		
    border-radius: 50%;		
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);		
    padding: 3px;		
    box-shadow: 0.5px 0.5px 5px;		
}		
		
.author-box .author-name{		
    margin:1.5em 0;		
}		
		
.author-box .author-name a{		
    color: #545454;		
    font-family: sans-serif;		
}		
		
.author-description, .author-description a{		
    color: slategray;		
    font-size:.9em;		
    font-weight:100;		
}		
		
.author-box .sns-follow-buttons a.follow-button {		
    border: none;		
    color: slategray;		
}		
		
.author-widget-name {		
    font-size: .9em;		
    font-family: sans-serif;		
    color: lightslategray;		
    width: max-content;		
    margin: 0 auto 1em;		
}		
		
/************************************		
** 最近のコメント		
************************************/		
		
.recent-comments {		
    padding: 1em;		
}		
		
.recent-comment-article {		
    color: slategray;		
    font-size: .8em;		
	 margin-top: 1em;	
}		
		
.recent-comment-content {		
    background: whitesmoke;		
    color: slategray;		
    border: none;		
    padding: 1em;		
	 margin-top: 20px;	
}		
		
.recent-comment-content::before {		
    border-color: transparent;		
    border-bottom-color: whitesmoke;		
}		
		
.recent-comment-content::after {		
    border-color: transparent;		
    border-bottom-color: whitesmoke;		
}		
		
.sidebar .cta-message, .sidebar .cta-heading {		
    color: slategray;		
}		
/************************************************************************************		
** メイン		
************************************************************************************/		
		
.main{		
    padding:24px;		
}		
		
main, .main{		
     background:transparent;		
     padding-top:0;		
     border-top:0;		
     margin-right:0;		
}		
		
/*article list*/		
div#list {		
    background: transparent;		
     transition: all 500ms;		
}		
		
.a-wrap:hover{		
    box-shadow:0 2px 6px -3px darkgray;		
    transform: translateY(-2px);		
    transition:all 500ms;		
}		
		
.a-wrap{		
    background-color: #fff;		
}		
		
.entry-card-title.card-title.e-card-title {		
    font-weight: 100;		
    color: #545454;		
    padding: 20px 0 20px 0;		
}		
		
.entry-card-snippet.card-snippet.e-card-snippet {		
    color: slategray;		
}		
		
.entry-card-info.e-card-info {		
    color: slategray;		
}		
		
/*category-label*/		
.eye-catch .cat-label, .cat-label {		
    position: absolute;		
    top: 0;		
    left: 0;		
    border: none;		
    color: #545454;		
    background-color: whitesmoke;		
    padding: .2em 1em;		
    max-width: 80%;		
}		
		
/*Pagenation*/		
		
.pagination-next-link {		
    border-radius: 30px;		
    font-size: .8em;		
}		
		
.pagination-next-link,		
.page-numbers{		
    color: #545454;		
    border: none;		
    background-color: white;		
}		
		
.page-numbers {		
    border-radius: 50%;		
    transition: all 500ms;		
    box-shadow: 0 1px 1px slategrey;		
}		
		
.pager-prev-next .page-numbers{		
    border-radius: 20px;		
}		
		
a.page-numbers:hover {		
    transform: translateY(-5px);		
    box-shadow: 0 5px 5px slategrey;		
}		
		
.pagination .current {		
    background-color: whitesmoke;		
}		
		
/*Post*********************************************************/		
		
main > article {		
    background: #fff;		
     padding:20px;		
}		
		
.entry-content {		
     padding:1em;		
    margin: 1em auto 3em auto;		
}		
		
header .article-header{		
    box-shadow: none;		
    position: relative;		
}		
		
footer.article-footer.entry-footer {		
    margin: auto;		
}		
.date-tags{/*日付・更新日*/		
 font-size:1.2em;		
 color:#7b7b7b;		
 top:5px;		
 right:0;		
 left: 0;		
 display: -webkit-flex;		
 display: flex;		
 -webkit-justify-content: center;		
 justify-content: center;		
}		
/************************************		
** H1　記事のタイトル		
************************************/		
.article-header h1 {		
 position: static;		
 font-size: 1.4em;		
 color: #333333;		
 background-color:#fff;		
 line-height:1.8em;		
 text-shadow: none;		
 margin:0;		
 padding: 1.5em .95em 1.1em;		
}		
.article-header.category-header h1,		
.article-header.tag-header h1{		
    position: static;		
}		
		
.review-rating .rating-star{		
    background-color: transparent;		
    width: auto;		
    position: absolute;		
    z-index: 1;		
    right: 0;		
}		
		
.eye-catch {		
    position: relative;		
    margin-bottom: .6em;		
    max-width: 100%;		
     background: white;		
     overflow: hidden;		
     margin: auto;		
     width: 100%;		
}		
		
/* eye-chach is ALWAYS  shown */		
.article-header > .eye-catch-wrap {		
    display: flex !important;		
}		
.eye-catch{		
  box-shadow: 0px 3px 7px 0 rgba(0,0,0,.2);		
}		
		
/************************************		
** アイキャッチ　フィルターなし		
************************************/		
		
.eye-catch img{/* 子CSS*/		
 height:auto!important; 		
 -webkit-filter:none;		
 filter:none;		
 opacity:1;		
 transform: none;		
 width: 100%;		
}		
/************************************		
** カテゴリー＆タグ 生き		
************************************/		
		
a.cat-link {		
    background: whitesmoke;		
    color: #545454;		
}		
		
a.tag-link {		
    color: #545454;		
    border-color: #545454;/*whitesmoke*/		
}		
		
@media (max-width:1023px){		
    main > article {		
     padding:0px;		
   }		
    article > .entry-content, aritcle > footer.article-footer{		
     padding:10px;		
    }		
    .entry-categories-tags.ctdt-one-row {		
    padding: 0 10px;		
   }		
}		
		
@media (max-width:880px){		
    h1.entry-title {		
    left: 18px;		
     padding:0;		
    }		
    .date-tags {		
    top: 40px;		
    left: 18px;		
    }		
}		
	
/************************************		
** 関連記事 生き		
************************************/		
		
.e-card-title {		
    font-weight: 100;		
}		
		
.related-entry-card-snippet.card-snippet.e-card-snippet {		
    color: slategray;		
}		
		
.related-list {		
    margin: auto;		
}		
		
/************************************		
** コメント表示 生き		
************************************/		
		
section.comment-list,div#respond,.comment-btn {		
    margin: auto;		
}		
		
.comment-respond input#submit {		
    width: 100%;		
    padding: 1em;		
    font-size: 1em;		
    color: #545454;		
    background: whitesmoke;		
    border-radius: 30px;		
}		
		
a.comment-reply-link {		
    border: none;		
    background: whitesmoke;		
    color: #545454;		
    border-radius: 30px;		
    padding: .5em 1em;		
}		
		
.comment-reply-link:after {		
    content: "する";		
}		
		
/************************************************************************************		
** 記事内　タイトル　H2、H3、H4		
************************************************************************************/		
		
.article h2, .article h3, .article h4 {		
    background: white;		
    border: none;		
     position:relative;		
     padding-left: 30px;		
}		
		
.article h3, .article h4{		
    font-weight:600;		
    padding: .2em 1em;		
    margin-top: 1.6em;		
    margin-bottom: 0.8em;		
}		
		
.article h2:before, .article h3:before, .article h4:before {		
    content: "";		
    position: absolute;		
}		
		
.article h2 {		
  position: relative;		
  padding: 1rem 2rem calc(1rem + 10px);		
  background: #bed709;		
}		
		
.article h2:before {		
  position: absolute;		
  top: -7px;		
  left: -7px;		
  width: 100%;		
  height: 100%;		
  content: '';		
  border: 4px solid #000;		
}		
.article h3{		
     border-left: 5px solid whitesmoke;		
}		
		
.article h3:before {		
    width: .3em;		
    height: 100%;		
    top: 0;		
    left: 0;		
    background: aliceblue;		
    border-top-right-radius: 3px;		
    border-bottom-right-radius: 3px;		
}		
		
@media (max-width: 480px){		
    h2.entry-card-title.card-title.e-card-title {		
        padding: 10px 0 0px 0;		
    }		
}		
		
/************************************		
** もくじ 生き		
************************************/		
		
.toc{		
    padding:0 0 1em 0;		
    border: 2px solid whitesmoke;		
    border-top-left-radius:7px;		
    border-top-right-radius:7px;		
    width: 90%;		
}		
		
.toc-title {		
    background: whitesmoke;		
    color: #292929;		
    border-top-left-radius:3px;		
    border-top-right-radius:3px;		
}		
		
.toc-title:before {		
    font-family: "FontAwesome";		
    content: "\f0ca";/*fa-list-ul*/		
    margin-right: .5em;		
    padding: .3em;		
}		
		
.toc-list.open {		
    padding: 0 2em;		
}		
		
.toc a{		
    transition:all 200ms ease-in-out;		
}		
		
.toc a:hover {		
    text-decoration: none;		
    color: whitesmoke;		
}		
		
.toc a {		
    color: #545454;		
}		
		
ol.toc-list{		
    counter-reset: item;		
    list-style-type: none;		
    padding-left: 0;		
}		
		
ol.toc-list > li > a{		
	  font-weight:bold;	
}		
		
ol.toc-list > li:before {		
    counter-increment: item;		
    content: counter(item)'';		
    display: inline-block;		
    width: 2em;		
    height: 2em;		
    line-height: 2em;		
    text-align: center;		
    background: whitesmoke;		
    color: #545454;		
    border-radius: 50%;		
    margin-right: .5em;		
}		
		
ol.toc-list li {		
    margin: 1em 0;		
}		
		
.toc-list>li>ol {		
    font-size: .9em;		
    color: slategray;		
    padding-left: 3em;		
}		
		
.toc-list>li>ol>ol {		
	  padding-left: 0;/*小見出し一つの時用*/	
}		
		
		
@media (max-width:480px){		
  .toc{		
   width:100%;		
  }		
}		
		
/************************************		
** コメント 生き		
************************************/		
		
div#comment-area {		
    background: white;		
    padding: 20px;		
}		
		
.comment-btn {		
    background-color: whitesmoke;		
    border: none;		
    color: #545454;		
    border-radius: 30px;		
    display: block;		
    font-size:15px;		
}		
		
.commets-list .avatar{		
    float:none;		
}		
		
.vcard  > span.says{		
    display:none;		
}		
		
.vcard img {		
    border-radius: 50%;		
}		
		
.comment-author.vcard {		
    padding-left: 20px;		
}		
		
.comment-meta.commentmetadata {		
   text-align: right;		
}		
		
.comment-meta.commentmetadata > a{		
    text-decoration:none;		
    color:#ccc;		
    font-size:.8em;		
}		
		
.comment-content {		
    position: relative;		
    display: inline-block;		
    margin: 0 0 1em;		
    padding: .5em 1em;		
    min-width: 120px;		
    max-width: 100%;		
    color: #555;		
    font-size: .9em;		
    background: #EFF1F5;		
    border-radius: 10px;		
}		
		
.comment-content:before {		
  content: "";		
  position: absolute;		
  top: -30px;		
  left: 48px;		
  margin-left: -15px;		
  border: 15px solid transparent;		
  border-bottom: 15px solid #EFF1F5;		
}		
		
.comment-content p {		
    margin: .3em;		
}		
		
textarea#comment {		
    border: none;		
    background: #eff1f5;		
}		
		
.commets-list .children {		
    padding-left:40px;		
}		
		
.comment-form-author input, .comment-form-email input, .comment-form-url input {		
    background: #eff1f5;		
}		
		
		
/*MobileMenu*********************************************************/		
		
/*common*/		
		
.mobile-menu-buttons .menu-button,		
.home-menu-icon.menu-icon,		
.top-menu-icon.menu-icon{		
color: slategrey;		
}		
		
/*mobile-menu-menu*/		
		
.menu-drawer li {		
    padding: .5em;		
    font-size: .8em;		
}		
		
.menu-drawer a {		
    color: slategray;		
}		
		
.navi-footer-in > .menu-footer li.menu-item {		
    border: none;		
}		
		
ul.menu-drawer:before, ul.menu-drawer:after {		
    display: block;		
    background: whitesmoke;		
    color: slategray;	
    padding: .5em;		
    font-family: sans-serif;		
    font-weight: 900;		
    text-align: center;		
}		
		
ul.menu-drawer:before{		
    content:"MENU"		
}		
		
ul.menu-drawer:after{		
    content:"";		
    width:100%;		
    line-height:1;		
}		

/*mobaile-menu-sidebar*/		

.mobile-menu-buttons {
    background: #fff;		
    box-shadow: 0 0 5px darkgrey;
    font-size: 19px;		
}

.menu-button .menu-caption {
    font-size: 8px;		
    color: #aaa;		
}

.menu-close-button::before {
    color: slategray;		
}
		
#slide-in-sidebar .widget-title {		
    background: whitesmoke;		
    padding: .5em;		
    color: slategray;		
    border-radius: 5px;		
}		
		
.widget-entry-cards .widget-entry-card-content {		
    color: slategray;		
}		
		
#slide-in-search-2 input.search-edit {		
    background: whitesmoke;		
}		
/*Others******************************************************************************************/		
		
/*notice area*/		
.notice-area {		
    background-color:transparent !important; /*通知欄にどの色を選択しても無効に*/		
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);		
    color: #545454;		
    padding: .5em;		
    font-size: 1em;		
    transition:all 500ms ease-in-out;		
}		
		
/*appeal area*/		
.appeal-title {		
    width: max-content;		
    margin: .5em auto;		
    padding-bottom: .5em;		
    border-bottom: 3px solid slategray;		
}		
		
.appeal-content {		
    min-width: 50%;		
    opacity: .9;		
}		
		
a.appeal-button {		
    width: max-content;		
    border-radius: 30px;		
    box-shadow: 0 1px 3px slategrey;		
    transition: all 500ms;		
}		
		
.appeal-button:hover {		
    color: #fff;		
    opacity: 1;		
    transform: translateY(-3px);		
    box-shadow: 0 4px 5px slategrey;		
}		
		
/*search*/		
.posts-not-found {		
    padding: 1em;		
    background: white;		
     color: slategrey;		
    text-align:center;		
}		
.posts-not-found h2:before{		
content:"\f292";/* ハッシュタグ  */		
font-family:"FontAwesome";		
    color: whitesmoke;		
    margin-right:1em;		
}		
h1#archive-title {		
    margin: 0 0 1em;		
    padding: .5em;		
     color: slategrey;		
}		
/* カテゴリー・タグページ */		
.article-header h1#archive-title{		
    color: #545454;		
}		
.archive-title .fa-search:before,		
.search-submit .fa-search:before {		
    color: whitesmoke;		
}		
		
/************************************		
** ブログカード		
************************************/		
		
.blogcard{		
  border:2px solid whitesmoke;		
  border-radius:0;		
}		
		
.blogcard:before {		
    font-family: "FontAwesome";		
content: "\f08e";/* fa-external-link */		
position: absolute;		
    top: -13px;		
    left: -13px;		
    padding: .5em .6em;		
    border-radius: 50%;		
    background: whitesmoke;		
    color: #545454;		
    z-index:1;		
}		
		
.main .blogcard-type .blogcard::before{		
    color: white;		
}		
		
/*author-info*/		
		
.author-info,a.author-link {		
    color: #545454;		
}		
		
/*select*/		
		
select {		
    border: none;		
    color: slategray;		
    padding: 1em .5em;		
    font-size: .9em;		
}		
		
/*META******************************************************************************************/		
		
/*エディタの背景を白に*/		
.editor-styles-wrapper {		
    background: white;		
}		
		
/*PLUG-IN******************************************************************************************/		
		
h3.wpforo-forum-title {		
    background-color: transparent;		
}		
h3.wpforo-forum-title::before {		
    display: none;		
}		
/************************************		
** Font Awesome 5対応		
************************************/		
.font-awesome-5 .posts-not-found h2:before,		
.font-awesome-5 .toc-title:before,		
.font-awesome-5 .blogcard::before{		
	font-family: "Font Awesome 5 Free";	
	font-weight: 900;	
}		
.font-awesome-5 .blogcard::before{		
	content: "\f35d";	
}		
#container .blogcard-label{		
    display: none;		
}		
/* インフィード広告がエントリーカードとくっつく不具合修正 */		
.list aside {		
    background-color: transparent;		
    padding: 0;		
}		
/************************************		
** 目次		
************************************/		
.toc-title{/*目次タイトルを太く*/		
font-weight:bold;		
color:#7b7b7b;		
}		
.toc-list > li a {/*小見出し（H2）*/		
font-weight: bold;		
color: #7b7b7b;		
display:block;		
margin-top:10px;		
margin-left: 10px;		
}		
.toc-list > li a::before {/*小見出し（H2）の先頭につけるアイコン*/		
font-family: FontAwesome;		
content : "\f144";		
margin-right: 7px;		
}		
.toc-list > li li a {/*小見出し（H3）*/		
font-weight: normal;		
font-size: 95%;		
color: #7b7b7b;		
margin-top:0;		
margin-left: 3em;		
}		
.toc-list > li li a::before {/*小見出し（H3）の先頭につける「・」*/		
content: "";		
width: 8px;		
height: 8px;		
left: -2px;		
display: inline-block;		
border-radius: 50%;		
background: #90C31F;/*ここで緑点の色を変更できます*/		
position: relative;		
margin-bottom: 2px;		
}		
@media (max-width:880px){/*モバイル表示*/		
.toc-list > li a {		
margin-left: -10px;		
}		
.toc-list > li li a {		
margin-left: -2em;		
}		
.toc-list > li li a::before {		
left: 3px;		
margin-bottom:1px;		
}		
}		
.toc a:hover {		
color: #333333;		
text-decoration: underline;		
}		
		
/************************************		
** contact form7 カスタマイズ お問い合わせページ		
************************************/		
/*必須の調整*/		
.haveto{		
font-size:9px;		
padding:2px 5px;		
background:#7D8E06;		
color:#fff;		
border-radius:20px;		
margin-right:5px;		
position:relative;		
bottom:2px;		
}		
/*送信ボタンのデザイン変更*/		
#formbtn{		
display: block;		
padding:10px;		
width:300px;		
background:#f7f7f7;		
color:#545454;		
font-size:17px;		
border: none;		
border-radius:50px;		
margin:25px auto 0;		
transition:0.4s;		
}		
/*送信ボタンマウスホバー時*/		
#formbtn:hover{		
background:#7D8E06;		
color:#fffff4;		
border-radius:2px;		
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);		
}		
/************************************		
**** インデックス		
************************************/		
a.entry-card-wrap.a-wrap.border-element.cf{/*カード本体*/		
padding:0 0.3em .5em;/*  0 0 .5em ? */		
border-radius:10px;		
width:50%;/* ?48? */		
margin-bottom:2em;		
}		
a.entry-card-wrap.a-wrap:hover {		
transform: translateY(-1px);		
transition: all .3s;		
background-color: #fff;		
}		
figure.entry-card-thumb.card-thumb.e-card-thumb{/*サムネイル大きさ*/		
max-height:180px;/*150px*/		
border-radius:10px 10px 0 0/ 10px 10px 0 0;		
overflow:hidden;		
display: flex;/*位置をflexで中心に*/		
justify-content: center;		
align-items: center;		
}		
.e-card-thumb .cat-label{/*カテゴリラベルを右に寄せる*/		
margin-left:.8em;		
}		
@media screen and (max-width: 1100px){/*サムネイル大きさ*/		
figure.entry-card-thumb.card-thumb.e-card-thumb{		
max-height:120px;		
}}		
@media screen and (max-width: 1023px){/*サムネイル大きさ*/		
figure.entry-card-thumb.card-thumb.e-card-thumb{		
max-height:180px;		
}}		
@media screen and (max-width: 900px){/*サムネイル大きさ*/		
figure.entry-card-thumb.card-thumb.e-card-thumb{		
max-height:160px;		
}}		
@media screen and (max-width: 750px){/*サムネイル大きさ*/		
figure.entry-card-thumb.card-thumb.e-card-thumb{		
max-height:130px;		
}}		
@media screen and (max-width: 600px){/*サムネイル大きさ*/		
figure.entry-card-thumb.card-thumb.e-card-thumb{		
max-height:250px;		
}		
a.entry-card-wrap.a-wrap.border-element.cf{/*画面幅600pxまで、1カラムにする*/		
margin:.5em 1em!important;		
}		
.ect-vertical-card .entry-card-wrap {		
width: 95%!important;		
}		
}		
@media screen and (max-width: 480px){/*カード本体*/		
.e-card-thumb .cat-label{/*カテゴリラベルを右に寄せる*/		
margin-left:1em;		
}}		
@media screen and (max-width: 1023px){/*画面幅1023未満はカード本体に影を表示*/		
div#list a {		
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);		
}		
}		
@media screen and (min-width: 601px) and (max-width: 834px){/*通常記事本文の周囲の空白にも影響している*/		
div#content.content.cf{		
margin:1em;		
}}		
		
h2.entry-card-title.card-title.e-card-title{/*カードタイトル*/		
font-size:18px;		
color:#7b7b7b;		
text-align:center;		
line-height:1.8em;		
margin-top: 1.5em;/* 3em */		
margin-bottom:1em;		
padding: 0 1.5em 0;		
}		
.entry-card-snippet.card-snippet.e-card-snippet{/*スニペット*/		
font-size:14px;		
color:#7b7b7b;		
text-align:center;		
border-top:3px dotted #545454;		
line-height:1.8em;		
padding-top:0.6em;		
margin-left:2em;		
margin-right:2em;		
margin-bottom: 1.5em;/* 4em */		
max-height:20em;/* 20em */		
}		
@media (max-width:834px){		
h2.entry-card-title.card-title.e-card-title{/*カードタイトル*/		
font-size: 1.15em;		
line-height:1.7em;		
padding: 1.5em .8em 1em;		
margin:0;		
}		
.entry-card-snippet.card-snippet.e-card-snippet{/*スニペット*/		
font-size:13px;		
text-align:center;		
border-top:3px dotted #79c06e;		
line-height:1.8em;		
padding:1em 0.5em 0;		
margin: 0 1em 1.5em;		
}		
main.main, div.sidebar {/*モバイル表示などの本文全体の周りの空白にも影響している*/		
padding:0;		
}		
}		
a.entry-card-wrap.a-wrap.border-element.cf .post-date,		
a.entry-card-wrap.a-wrap.border-element.cf .post-update{/*日付・更新日*/		
margin-right:1.5em!important;		
color:#7b7b7b;		
font-size:.86em;		
}		
.eye-catch .cat-label, .cat-label{/*カテゴリラベル全体デザイン*/		
font-size:.7em;		
border-radius:10px;		
margin:0.5em;		
padding:0 0.5em 0;		
background-color:#7D8E06;		
color:#fff;		
}

/*
===========================================
アーカイブ記事専用スタイル
カテゴリーID: 52（記憶の のこし方）連動版
===========================================
*/

/* 指定カテゴリー、または手動クラス付与時に適用 */
.category-52,
.archive-article {
  /* ここに共通の背景設定などが必要な場合は入りますが、
     今回はご提示のパーツごとの設定を優先します */
}

/* ===== 1. アーカイブバナー ===== */
.category-52 .archive-banner,
.archive-banner,
.archive-article.archive-banner {
  background: linear-gradient(135deg, #8B7355 0%, #6F5E4D 100%);
  color: #F4F1E8;
  padding: 25px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  margin-bottom: 30px;
}

/* バナー内の見出し */
.category-52 .archive-banner h3,
.archive-banner h3 {
  color: #F4F1E8 !important;
  font-size: 20px !important;
  margin: 0 0 10px 0 !important;
  font-weight: bold !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid #D4C8B8 !important;
  padding: 10px 0 !important;
}

/* バナー内のテキスト */
.category-52 .archive-banner p,
.archive-banner p {
  color: #F4F1E8 !important;
  font-size: 14px !important;
  margin: 0 !important;
  opacity: 0.9;
}

/* ===== 2. 記事本文の背景色 ===== */
/* カテゴリー52の本文、または archive-article クラスがついた要素 */
.category-52 .entry-content,
.archive-article {
  background-color: #F4F1E8 !important;
  padding: 30px !important;
  border-left: 5px solid #8B7355 !important;
}

/* 記事カード用 */
.entry-card.archive-article,
.category-52 .entry-card {
  background-color: #FAF8F3 !important;
  border: 2px solid #B8A48A !important;
}

/* ===== 3. アーカイブラベル ===== */
.archive-label {
  background-color: #8B7355;
  color: #F4F1E8;
  padding: 5px 15px;
  border-radius: 20px;
  display: inline-block;
  font-size: 13px;
  margin-left: 10px;
  vertical-align: middle;
}

/* ===== 4. 記事下部の注意書き ===== */
.archive-note {
  background-color: #FAF8F3;
  border: 2px solid #B8A48A;
  padding: 20px;
  margin-top: 30px;
  border-radius: 5px;
  font-size: 14px;
  color: #6F5E4D;
  line-height: 1.8;
}

.archive-note strong {
  color: #8B7355 !important;
  display: block;
  margin-bottom: 8px;
}

/* ===== 5. アーカイブ記事一覧での見た目 ===== */
.category-52 .entry-card,
.archive-article .entry-card {
  border: 2px solid #B8A48A !important;
  position: relative;
  background-color: #FAF8F3 !important;
}

.category-52 .entry-card::after,
.archive-article .entry-card::after,
.entry-card.archive-article::after {
  content: "アーカイブ";
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #8B7355;
  color: #F4F1E8;
  padding: 3px 10px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  z-index: 10;
}

/* ===== 6. リンク色調整 ===== */
.category-52 .entry-content a,
.archive-article a,
.archive-article .entry-content a {
  color: #8B7355 !important;
  text-decoration: underline;
}

/* ===== 7. 見出しの色調整 ===== */
.category-52 .entry-content h2,
.archive-article h2,
.archive-article .entry-content h2 {
  color: #8B7355 !important;
  border-left-color: #B8A48A !important;
}

.category-52 .entry-content h3,
.archive-article h3,
.archive-article .entry-content h3 {
  color: #8B7355 !important;
  border-bottom-color: #D4C8B8 !important;
}

.category-52 .entry-content h4,
.archive-article h4 {
  color: #8B7355 !important;
}

/* ===== 8. 引用部分 ===== */
.category-52 blockquote,
.archive-article blockquote {
  background-color: #FAF8F3 !important;
  border-left-color: #8B7355 !important;
}

/* ===== スマホ対応 ===== */
@media (max-width: 768px) {
  .category-52 .archive-banner,
  .archive-banner,
  .archive-article.archive-banner {
    padding: 20px;
    margin-bottom: 20px;
  }
  .category-52 .entry-content,
  .archive-article {
    padding: 20px !important;
  }
}