@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
*/

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/************************************
** 記事トップのSNSシェアボタン
************************************/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

#main .sns-share a {
	width: 26px; /*ボタンの横幅*/
	height: 26px; /*ボタンの高さ*/
}

.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: right; /*右寄せ*/
}

.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 18px; /*アイコンのサイズ*/
	margin: 0 7px; /*ボタン同士の間隔*/
}

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

#navi .navi-in a:hover {
  background:none;
}

/************************************
** サムネイル含めた記事の日付
************************************/
.post-date,
.post-update {
 font-size: 15px;
}

/************************************
** そのほかサムネイル関連
************************************/
/*タイトル文字*/
.entry-card-title {
	font-size: 16px;
}

/*画像にラベルをつけない設定*/
.cat-label {
display: none;
}

/************************************
** サイドバー全体
************************************/
.wp-block-tag-cloud a {
  display: block;
}

/************************************
** ウィジェットタグ
************************************/
/*タグ見出し*/
.widget_tag_cloud h3{
	font-size:18px;
}

.tag-caption .fa-tag {
    display: none;.
}

/*見出し前につくアイコン*/
.widget_tag_cloud h3:before{
	font-family:Fontawesome;
	content:"\f24d";/*アイコン種類*/
	color:#cd5e3c;/*アイコン色*/
	font-weight:normal;
	margin-right:8px;/*アイコンとタイトルの距離*/
	font-size:19px;
}

/*項目につく下線など*/
.widget_tag_cloud .tagcloud a {
  border-bottom: 1px dashed #e9dfe5;  
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius:0;
  width:98%;
  font-size:16px;
 }

.tag-cloud-link {
	 background-color:#fff !important;
}

/************************************
** ウィジェット人気記事
************************************/
/*サイドバーカテゴリ*/
.widget_popular_entries h3:before{/*人気記事タイトルアイコン*/
	font-family:Fontawesome;
	content:"\f24d";/*アイコン種類*/
	color:#cd5e3c;/*アイコン色*/
	font-weight:normal;
	margin-right:8px;/*アイコンとタイトルの距離*/
	font-size:19px;
}

.widget_popular_entries h3{
	font-size:18px;
}

/* ランキング部分 */
.widget-entry-cards.ranking-visible .card-thumb::before {
  top: -15px; /*上方向に配置調整*/
  left: 3px; /*左方向に配置調整*/
  font-size: 17px; /*数字のサイズ*/
  border-radius: 15%; /*丸くする*/
  border: 0;
  color: #fff ; /*数字の色*/
  padding: 1px; /*内側余白*/
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {
  background: #bf794e; /*ランキング1位の丸の背景色*/
}

.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {
  background: #bf794e; /*ランキング2位の丸の背景色*/
}

.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
  background: #bf794e; /*ランキング3位の丸の背景色*/
}

.widget-entry-cards.ranking-visible .no-4 .card-thumb::before {
  background: #bf794e; /*ランキング4位の丸の背景色*/
}

.widget-entry-cards.ranking-visible .no-5 .card-thumb::before {
  background: #bf794e; /*ランキング5位の丸の背景色*/
}

/************************************
** サイドバー下の固定ページ
************************************/
.widget_pages h3{
	font-size:18px;
	color:#006e54;
}

.widget_pages h3::before {
  content: "－    ";
  color:#cd5e3c;
}

.widget_pages h3::after {
  content: "    －";
  color:#cd5e3c;
}

/*手前のアイコン*/ 
.page-item-14 :before  {
  font-family:Fontawesome;
  content:"\f200";
  color: #028760  ;
  font-size:15px;
  margin-right:8px;/*アイコンとタイトルの距離*/
  line-height: 17px;
}

.page-item-1295 :before  { 
  font-family:Fontawesome;
  content:"\f200";
  color: #028760  ;
  font-size:15px;
  margin-right:8px;
  line-height: 17px;
}

.page-item-25 :before  { 
  font-family:Fontawesome;
  content:"\f200";
  color: #028760  ;
  font-size:15px;
  margin-right:8px;
  line-height: 17px;
}

.page_item a:hover{
  background-color: transparent !important;	
}

/************************************
** フッターの次ページへ
************************************/
 /*次のページへの表示をなくす*/
.pagination-next {
  display: none;
}

 /*ページ番号*/
.pagination .page-numbers {
  border-radius: 10%; /*囲みを丸く*/  
}

.page-numbers {
  width: 35px;
  height: 35px;
  line-height: 35px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); /*数字部分の影*/
}

/*数字部分の背景色*/
.page-numbers{
 background-color:#fff;
}

/*数字部分のホバー時の背景色*/
.pagination .page-numbers:hover{
 background-color:#fff;
}

.page-numbers {
border: 0;
}

/*選択中の数字部分の背景色*/
.pagination .current {
 background-color:#f3f3f3;
}

.pagination .current:hover {
 background-color:#f3f3f3;
}

/************************************
** フッター
************************************/	
.navi-footer-in a:hover {
  background:none;
}

.copyright {
	color:#006e54;
	margin-right: 16px;
}

/************************************
** リンクのデザイン
************************************/	
/*フッター項目の下線*/
.footer-bottom-content a{
  text-decoration: none;
}

/*マイページ・ログインの下線*/
.menu-item-1601 a{
text-decoration: none;	
}

.menu-item-1599 a{
  text-decoration: none;	
}

/*ヘッダーメニューのホバー時*/
.header-container a:hover{
text-decoration: none
}

.caption-wrap:hover{
color:#3eb370
}

/*主に固定文内リンクのホバー時*/
.entry-content a:hover{
color: #1967d2; 
}

/************************************
** ぱんくずリスト
************************************/
.breadcrumb-caption{
  font-size:15px;
}

/************************************
** 運営団体の文字
************************************/	
.fz-24px{
 font-size: 19px;
}

.fz-22px{
 font-size: 20px;
 text-decoration:underline
}

.fz-16px{
 color:#7d7c7d;
}

/************************************
** アーカイブリンク先の見出し
************************************/
.archive-title :before {
  font-family:Fontawesome;
  content:"\f138";
  color: #028760 ;
  font-size:24px !important;
}

.archive-title {
 font-size:21px;
 color: #762f07 ;
}

/************************************
** 見出し
************************************/
.article h1 {
	color: #006e54
	font-size: 27px;
	font-weight: 450;
	margin-bottom: 50px;
	margin-top: 55px;
}

.article h3 {
	font-weight: 450;
	margin-bottom: 50px;
	margin-top: 55px;
	border-left: 0;
    padding: 0;
}

/********************************
** キャプション
********************************/
/*画像と幅を合わせる*/
figure {
display: table;
}

figcaption {
display: table-caption;
caption-side: bottom;
}

/*整えるためのCSS*/
img {
width: 100%;
object-fit: contain;
height: auto;
}

.img-box{
max-width: 800px;
margin: 0 auto;
}

/*文字の大きさと寄せ*/
.wp-block-image figcaption{
    font-size: 14px;
	text-align: left;
}

/*******************************
** 関連記事の文字
*******************************/
.related-entry-heading {
  font-size: 18px;
  color:#006e54;	
}

/************************************
** 固定ページの日付を非表示
************************************/
.post-76 .date-tags,
.post-14 .date-tags,
.post-15 .date-tags,
.post-25 .date-tags,
.post-87 .date-tags,
.post-74 .date-tags,
.post-83 .date-tags,
.post-27 .date-tags,
.post-85 .date-tags,
.post-81 .date-tags,
.post-375 .date-tags,
.post-372 .date-tags,
.post-374 .date-tags,
.post-373 .date-tags,
.post-371 .date-tags,
.post-817 .date-tags,
.post-1086 .date-tags,
.post-819 .date-tags,
.post-1295 .date-tags,
.post-1489 .date-tags,
.post-1493 .date-tags,
.post-1491 .date-tags,
.post-370 .date-tags{
  display: none;
}

/************************************
** 各ページの時計アイコンを非表示
************************************/
.fa-clock-o{
 display: none;
}

/************************************
** いいねボタン
************************************/
/*ボタンを押したときのメッセージを消去*/
.wpulike-notification .wpulike-message{
display:none;
}

/************************************
** コメント欄
************************************/
/*見出し上にグレー線*/
.comment-title{
 font-size: 18px;
 color: #006e54;	
 border-top: 2px solid #e9dfe5;
}

/*枠上の文をなくす*/
.comment-form-comment label{
  display:none;
}

/*コメント枠の手前の表記*/
.logged-in-as{
  display: none;	
}

/*枠上のメイン文字*/
.comment-reply-title{
  font-size: 18px !important;
  font-weight: 400 !important;	
}

/*コメントサブ文の文字*/
.fz-14px{
  font-size: 15px !important;
  color:#16160e !important;
}

/*コメント入力時の枠*/
#commentform textarea:focus, #commentform input:focus{
  outline:solid 0px;
  outline-color:#e7e7eb; 
}

/*コメント編集時の枠*/
.sce-comment-textarea :focus{
  outline:solid 0px;  
  outline-color:#e7e7eb;
}

/*コメント編集時のボタン*/
.sce-comment-save,
.sce-comment-cancel,
.sce-comment-delete{
  font-weight:100 !important;
  font-size: 17px !important;
  padding:8px 14px !important;
}

/*コメント編集時のタイマー*/
.sce-timer{
  font-size: 18px !important; 		
  color: #0d0015 !important;
  font-weight: 300;
}

/************************************
** 書き込むボタン
************************************/
.comment-btn{
  background:#ffff; 
  border-radius: 6px;
  color:#006e54;
  font-size:16px;
  font-weight:600;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2) ;
  width: 220px;
  margin: 0 auto;
}

/*ホバー時*/
.comment-btn:hover{
   background-color: #006e54;
   color: #fff;
   transition: 0.5s;
}

/************************************
** 送信ボタン
************************************/
#submit{
  background:#ffff;
  border-radius:6px;
  color:#006e54;
  font-size:16px;
  font-weight:600;
  box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
  width: 220px;
  margin: 0 auto;
}

/*ホバー時*/
#submit:hover {
   background-color: #006e54;
   color: #fff;
   transition: 0.5s;
}

/*投稿者の表示*/
.says{
	display: none
}

/************************************
** ログイン関連
************************************/
/*入力前のデザイン*/
input[type="submit"]{
  background: #fff;
  border-radius: 6px;
  color:#006e54;
  font-size:16px;
  font-weight:600;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
  width: 220px;
  margin: 0 auto;
}

/*ホバー時*/
input[type="submit"]:hover {
   background-color: #006e54;
   color: #fff;
   transition: 0.5s;
}

.mp-form-row .mepr_forgot_password_input{
  font-size: 30px;
  color: #ffffff;  
}

/************************************
** 購入時のボタン
************************************/
.wp-block-button__link{
  background:#f4edb2 !important;
  font-weight:500;
  color:#028760 !important;
  border-radius: 5px;
  padding: .5.5em 1.5em;
  display: inline-block;
  text-decoration:none !important;	
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.4);
  font-size: 18px; 	
}

/*ホバー時*/
.wp-block-button__link:hover{
  background-color:#f8e58c !important;
  color: #028760 !important;
  transition: 0.5s;
}

/************************************
** 検索ボックスの枠デザイン
************************************/
.search-edit:focus {
  outline-color:#e7e7eb;
  outline:solid 0px;
}

.search-edit{
 font-size: 16px !important;
}

/************************************
** 投稿の見出し前
************************************/
/*NEWをなくす*/
.entry-title .new-txt {
	display: none;
}

/*NEWのデザイン*/
.new-txt{
	color: #ec6d51;
}

/************************************
** 問い合わせフォーム
************************************/
/*文字入力時の枠*/
.wpcf7-form-control-wrap :focus{
  outline:solid 0px;  
  outline-color:#e7e7eb;
}

/************************************
** メルマガ登録
************************************/
/*メールアドレス入力時の枠*/
.mailpoet_text:focus{
  outline:solid 0px;  
  outline-color:#e7e7eb;
}

.mailpoet_text{/*枠の高さ*/
height: 46px;  
}

/*メルマガを申し込むボタン*/
.mailpoet_submit {
  height: 43px;
}

/************************************
** マイページ
************************************/
/*項目*/
#mepr-account-home,
#mepr-account-subscriptions,
#mepr-account-payments{
color: #762f07;/*文字の色*/
margin-left:6px;
border-right: 2px solid #dcd6d9;
padding-right: 24px;
text-decoration:none;
}

#mepr-account-logout{
color: #762f07;
text-decoration:none;
}

.mepr-active-nav-tab{/*選択中の項目の色*/
font-weight:normal;
}

.mepr-active-nav-tab:before{/*選択中の項目につくアイコン*/
  font-family:Fontawesome;
  content:"\f124 ";
  font-size:20px;
  color: #762f07;
}

/************************************
** モバイルヘッダー
************************************/
@media screen and (max-width: 1023px){
/*SNSフォローボタン*/
.sns-follow{
  margin-top:6px !important;/*上の要素との距離*/
  margin-right: -60px !important;/*右側の隙間の調整*/
}

.add-header-contents{/*上下の要素との距離*/
  height: 24px !important;
}

/*ログイン・マイページをなくす*/
.menu-item-1601,
.menu-item-1599	{
  display: none;
}

/* グローバルナビメニュー*/
#navi .navi-in > .menu-mobile li {/*幅の調整 */
  width: 51%;
}

#navi .navi-in > ul li{/*高さを変更*/
	height: 80px;
}

#navi .navi-in > .menu-mobile li a {
  font-size: 14px; /*場合によってフォントサイズを小さく*/
}

.mepr-account-nav{
flex-wrap: nowrap !important;		
}
}

/************************************
** モバイルフッター
************************************/
/*色*/
.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover{
  background:#3eb370;
  color:#fff1cf;
}

/*文字の大きさ*/
.mobile-footer-menu-buttons .menu-caption{
font-size: 13px;
}

@media screen and (max-width: 1023px){
.widget_search{
display: none;		
	}
}

/************************************
** モバイル全体
************************************/
@media screen and (max-width : 767px){
html,
body {
overflow-x: hidden!important;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
}

/************************************
** モバイルマイページ
************************************/
@media screen and (max-width: 1023px){
/*項目*/
#mepr-account-home,
#mepr-account-subscriptions,
#mepr-account-payments{
margin-left:0px;
padding-right:4px;
font-size: 15px; 
}
	
#mepr-account-logout{
font-size: 15px;
margin-left:-4px;
}
}

/************************************
** モバイル活動のテーマ
************************************/
@media screen and (max-width: 1023px){
/*項目*/
.fz-20px{
 font-size: 18px;
}
}