@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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




/*キャッチフレーズの文字サイズ・色変更*/
.tagline{
font-size: 14pt;
color: #333333;
}

/*固定ページの日付非表示*/
.post-15 .date-tags,
.post-3 .date-tags,
.post-819 .date-tags,
.post-937 .date-tags,
.post-39 .date-tags,
.post-1501 .date-tags {
display: none;
}

/* 見出しのデザインリセット */
/*H1 */
.entry-content h1{
border:none;
background:none;
padding: 0;
}

/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* 見出しのデザイン設定 */
/* H1 */
.entry-content h1{
/*線の種類（二重線）太さ 色*/
border-bottom: double 5px #908982;
}

/* H1 */
.article h1 {
font-size: 28px;/*フォントサイズ*/
font-weight: 400;/*フォント太さ*/
border-bottom: double 5px #908982;/*線の種類（二重線）太さ 色*/
}

/* H2 */
.entry-content h2{
color: #333333; /* 文字色 */
font-weight: 200;/*フォント太さ*/
border-bottom: solid 2px #908982;/* 下側に実線・色*/
}

.article h2 {
font-size: 24px;/*フォントサイズ*/
padding: 0;
background:transparent;
border-bottom: 1px solid #908982;
}

/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
font-size: 14px;
font-weight: bold;
}

/*検索窓*/
input.search-edit{
  background-color: #FFFFFF;/*検索ボックスの背景色*/
  border: solid 1px #908982;
}

/*検索窓*/
.search-box {
width:40%;
margin-top:18px; 
position: relative; display: flex;
}
.search-edit {
width:auto; /*入力部分の長さ*/
height:40px ;/*検索窓の高さ*/ 
background: #fff; /*入力部分の背景色*/
}	
.search-submit {
background: #fff; /*ボタン部分の背景色*/
color: #aeab92;/*アイコンの色*/
position: absolute; margin:3px 3px 5px; 
cursor: pointer; line-height:0; /*検索アイコンの高さや位置*/ 
border:none;padding: 0;
}

/* メニューの何番目・検索窓の消す */
.navi-footer-in>.menu-footer>li:nth-child(n+4) { display: none; }/* フッターメニュー4番目検索窓の消す */
.mobile-menu-buttons> li:nth-child(n+6) { display: none; }/* モバイルメニュー6番目検索窓の消す */

	
/*サイドバー背景色・フォント色*/
.sidebar {
    background-color: #FFFEF6;
}

.sidebar h3 {
background:transparent; /* Cocoon親テーマCSSリセットのため */
padding: 5px 0px;
font-size: 18px;
font-weight: 400;/*フォント太さ*/
border-bottom: solid 1.5px #5b5b5b; /* ドット下線追加 */
}

/*サイドバーのエントリーカード*/
.sidebar .widget-entry-card-title{
  font-size: 90%; /* 通常の80％のサイズとします */
}

.widget_recent_entries ul li a, 
.widget_categories ul li a, 
.widget_archive ul li a, 
.widget_pages ul li a, 
.widget_meta ul li a, 
.widget_rss ul li a, 
.widget_nav_menu ul li a {
 color: #333333;
}


/*サイドバー枠*/
.sidebar  {
border: 0.5px solid #908982;
}
.sidebar  {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

/*投稿ページ背景色・フォント色*/
.main{
background-color: #fffef6;
}

.a-wrap {
    color: #333333;
}

/*投稿ページ枠*/
.main {
border: 0.5px solid #fffef6;
}
.main  {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

/*ホバー時アイキャッチ画像を拡大させる*/
.entry-card-thumb{overflow:hidden;}
.entry-card-thumb :hover{transform:scale(1.1);transition-duration:0.2s;}

/**********************************************
** 固定ページの新着記事一覧(new_list)を
** 2カラム表示にする
**********************************************/
.new-entry-cards.fp-new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

.fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 33.3%;
}

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

/*ホバー時アイキャッチ画像を拡大させる*/

.new-entry-cards.fp-new-entry-cards :hover{
	box-shadow:none;/*マウスオーバー時*/
	opacity: 0.9;
}


/*縦型カードのカスタマイズ*/
/*カード間の余白*/
.ect-vertical-card .entry-card-wrap {
  padding: 0px;
}

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


/*作り方リストのカスタマイズ*/
.list-6{
   counter-reset:number;
   list-style-type: none;
   padding:0;
   margin:0;
}
.list-6 li { 
   border-bottom:1px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0.5em 0 !important;
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em;
}
.list-6 li:last-child { 
   border:none;
}
.list-6 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #000000; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 14px;
   border-radius: 50%;
   left: 0;
   top:0.5em;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
}

.list-6 li ul li::before {
   background-color:  #000000; /* 点の色 */
   position: absolute;
   content: '';
   top:0.9em;
   left: 0.5em;
   width: 7px;
   height: 7px;
}
	
/*材料リストのカスタマイズ*/
.list-2{
   list-style: none;
   padding:0;
   margin:0;
}
.list-2 li { 
   border-bottom:1px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0.5em 0 !important;
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.4em;
}
.list-2 li:last-child{ 
   border:none;
}

.list-2 li:before {
   background-color:  #000000; /* 点の色 */
   position: absolute;
   content: '';
   top:0.9em;
   left: 0.5em;
   width: 7px;
   height: 7px;
}

/* Favorites ボタンサイズ変更 */
/* ボタン全体のスタイル */
.simplefavorite-button {
  font-size: 16px !important;   /* 文字・アイコンの大きさ */
  padding: 8px 14px !important; /* ボタンの余白 */
  border-radius: 12px !important; /* ←角丸の大きさ */
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}

/* お気に入りボタンを中央寄せ */
.entry-content .simplefavorite-button,
.article .simplefavorite-button,
.post .simplefavorite-button {
  display: flex !important;
  justify-content: center !important;
  margin: 20px auto !important;
}

/* お気に入りボタン非表示 */
.post-1576 .simplefavorite-button { /* XXXはページのIDに置き換えてください */
    display: none !important;
}

/* タグクラウドのカスタマイズ */
.tagcloud a {
   background: none; /*背景を消す*/
   border: 1px solid #5b5b5b; /*実線の太さと色*/
   border-radius: 20px; /*角の丸み*/
   color: #000000; /*文字色*/
   padding: 3px 10px; /*要素の内部余白*/
   text-decoration: none; /*文字の装飾なし*/
   font-size: 13px; /*文字サイズ*/
   margin: 2px; /*要素の外部余白*/
   display: flex; /*横並びにする*/
   flex: 1 1 auto; /*余白分の自動伸縮比率*/
   justify-content: space-between; /*左右幅いっぱいに均等に配置する*/
}
.tagcloud a:hover { 
   background: #5b5b5b; /*カーソルを合わせた時の背景色*/
   border: 1px solid #5b5b5b; /*カーソルを合わせた時の線色*/
   color: #fff; /*カーソルを合わせた時の文字色*/
   transition: 0.5s; /*アニメーションの時間*/
}
/*投稿ページ内のタグのカスタマイズ*/
/*タグ内のアイコン*/
.entry-tags .fa-tag:before {
}

.entry-tags a {
   border: 1px solid #5b5b5b; /*実線の太さと色*/
   border-radius: 20px; /*角の丸み*/
   color: #000000; /*文字色*/
   padding: 3px 10px; /*要素の内部余白*/
   text-decoration: none; /*文字の装飾なし*/
   font-size: 13px; /*文字サイズ*/
   margin: 2px; /*要素の外部余白*/
   flex: 1 1 auto; /*余白分の自動伸縮比率*/
}

.entry-tags a:hover { 
   background: #5b5b5b; /*カーソルを合わせた時の背景色*/
   border: 1px solid #5b5b5b; /*カーソルを合わせた時の線色*/
   color: #fff; /*カーソルを合わせた時の文字色*/
   transition: 0.5s; /*アニメーションの時間*/
}

/* 記事本文内のタグクラウドだけ変える */
.entry-content .tag-cloud-link {
   background: none; /*背景を消す*/
   border: 1px solid #5b5b5b; /*実線の太さと色*/
   border-radius: 20px; /*角の丸み*/
   color: #000000; /*文字色*/
   padding: 3px 10px; /*要素の内部余白*/
   text-decoration: none; /*文字の装飾なし*/
   font-size: 13px; /*文字サイズ*/
   margin: 2px; /*要素の外部余白*/
   flex: 1 1 auto; /*余白分の自動伸縮比率*/
   display: inline-block;
}

.entry-content .tag-cloud-link:hover {
  background: #5b5b5b; /*カーソルを合わせた時の背景色*/
  color: #fff; /*カーソルを合わせた時の文字色*/
}

/*フッターのタグクラウド*/
#footer .tagcloud a {
   border: 1px solid #5b5b5b; /*実線の太さと色*/
   border-radius: 20px; /*角の丸み*/
   color: #000000; /*文字色*/
}
#footer .tagcloud a:hover { 
background: #5b5b5b;
border: 1px solid #5b5b5b;
color: #fff;
transition: .5s;
}

/*フッターのタグクラウド*/
.box-menu-label{
	color: #606060;
	font-size: 10px;
}

/*ボックスメニュー*/
.box-menu-label{
	color: #606060;
	font-size: 10px;
}
.box-menu{
	background: #fffef6;/*ボックスメニューの背景色*/
}

.box-menu{
box-shadow:none;/*ボックスメニューの枠線を消す*/
}

.box-menu:hover{
	box-shadow:none;/*マウスオーバー時*/
	opacity: 0.6;
}
.content-top{
	margin-top: 0em;
	margin-bottom: 0em;
}

/*サイドバーのボックスメニュー列*/
.nwa .box-menu {
	width: 25%;
}

/*プロフィール欄*/
.author-box .sns-follow-buttons a.follow-button {

    color:black;
  border: 0px;
}
.author-box {
  border: 0px;
}
/* プロフィール名の文字サイズ・文字色・フォントを変える */
.author-name a{
  font-size: 15px; /*文字サイズ*/
  color:#333333; /*文字の色*/
}
/* プロフィール情報の文字サイズ・文字色を変える */
.author-description {
  font-size: 12px; /*文字サイズ*/
  color:#333333; /*文字の色*/
}

/* 広告表示のカスタマイズ */
.ad-label {
    font-size: 10px;
    color: #a8a8a8;
} 

/* ------------------------------------- */
/*       かんたんリンク カスタマイズ     */
/* ------------------------------------- */

/* --------- 外枠 --------- */
div.easyLink-box {
    border:double 1px #ada496 !important; /* ２重線 */
	background: #fffef6 !important;
}

@media screen and (min-width: 1024px) {
	/* 768px以上の幅をPCとみなす例 */
	/* 「新着記事」を非表示にするCSS */
div#list-wrap .list-new-entries {
  display: none;
}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/*検索窓*/
.search-box{
width:90% !important;
margin: 0 auto !important;
}
.search-edit {
height:40px ;/*検索窓の高さ*/ 
background: #fff; /*入力部分の背景色*/
}		
}
	
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
/*ボックスメニュー*/
.box-menu{
  width:calc(100%/4)!important;
  padding: 1em 2px 5px 2px;
  min-height:80px !important;
}
	
/*フッターメニューを一列にする*/
.navi-footer-in>.menu-footer{
    flex-wrap: nowrap;  /*フッターメニューを一列に*/
    justify-content: center;
  }
.navi-footer-in a{
    font-size: 10px;  /*フッターメニューの文字の大きさを変更*/
  }

/* H1 */
.article h1 {
font-size: 25px;/*フォントサイズ*/
font-weight: bold;/*フォント太さ*/
padding: 5px 5px;
}
}
	
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
		/*縦型カードのカスタマイズ*/
/*カード間の余白*/
.ect-vertical-card .entry-card-wrap {
  padding: 0px;
}
.entry-card-title, .related-entry-card-title {
  font-size: 12px;
}
	
.new-entry-cards.fp-new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

.fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 49.5%;
}	
}