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

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


/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-2 .date-tags,
.post-3 .date-tags,
.post-20 .date-tags,
.post-32 .date-tags,
.post-82 .date-tags,
.post-182 .date-tags {
  display: none;
}

/*------------------------------------
  　　　　SNSシェアボタン
--------------------------------------*/
.button-caption { display: none; }
.sns-share-buttons a {
 font-size: 14px; /*ロゴサイズ*/ 
 border-radius: 3px; /*角の丸み*/
 height: 25px; /*ボタンの高さ*/
 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); /*影*/
}

.caption-wrap:hover {
    background-color: #ffffff;
    color: #3B0000;
}

.pagination-next-link {
  background-color: #3B0000; /*背景色*/
  color: #fff; /*文字色*/
  border: none; /*ボーダーを消す*/
  border-radius: 30px;
}

.page-numbers { /*通常時*/
  color: #3B0000;
  border: 1px solid #3B0000;
}
.pagination .current { /*現在のページ*/
  background-color: #3B0000;
  color: #fff;
}
.page-numbers.dots { /*ドット「…」の部分*/
  opacity: 1;
  background: none;
}
.pagination a:hover { /*マウスホバー時*/
  background-color: #3B0000;
  color: #fff;
}

/*---cocoonモバイルメニューのカスタマイズ---*/
.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: #3B0000;/*背景色*/
  color: #fff;/*文字色*/
}
/*-------------------------------------*/



/*---------------------------------
ボックスのカスタマイズ
--------------------------------*/

.box2-pink{
	margin: 2em auto; /* ボックスの余白 */
	border-radius:4px; /* ボックス角丸 */
	max-width:600px; /* ボックス横幅 */
	border:1px solid #3B0000; /* ボックス線 */
	padding: 3.5em 2em 1.5em; /* ボックス内側余白 */
	position:relative; /* 配置に関するもの(ここを基準に) */
}
.box2-pink .box-title {
	background: #3B0000; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-weight: bold; /* タイトル文字の太さ */
	font-size: 20px;/* タイトル文字の大きさ */
	padding: 5px;/* タイトル周りの余白 */
	text-align: left;	/* タイトル中央寄せ */
	border-radius: 4px 4px 0px 0px;	/* タイトル角丸 */
	position:absolute;	/* 配置に関するもの(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}
.box2-pink p {
	margin: 0;/* 文字の余白リセット */
	padding: 0; /* 文字の内側余白リセット*/
}


.box2-blue{
	margin: 2em auto; /* ボックスの余白 */
	border-radius:4px; /* ボックス角丸 */
	max-width:600px; /* ボックス横幅 */
	border:3px solid #1e0061; /* ボックス線 */
	padding: 3.5em 2em 1.5em; /* ボックス内側余白 */
	position:relative; /* 配置に関するもの(ここを基準に) */
}
.box2-blue .box-title {
	background: #1e0061; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-weight: bold; /* タイトル文字の太さ */
	font-size: 20px;/* タイトル文字の大きさ */
	padding: 5px;/* タイトル周りの余白 */
	text-align: center;	/* タイトル中央寄せ */
	border-radius: 4px 4px 0px 0px;	/* タイトル角丸 */
	position:absolute;	/* 配置に関するもの(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}
.box2-blue p {
	margin: 0;/* 文字の余白リセット */
	padding: 0; /* 文字の内側余白リセット*/
}


.box2-yellow{
	border-radius:4px; /* ボックス角丸 */
	max-width:600px; /* ボックス横幅 */
	border:3px solid #ef8f28; /* ボックス線 */
	margin: 2em auto; /* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 3.5em 2em 1.5em; /* ボックス内側余白 */
	position:relative; /* 配置に関するもの(ここを基準に) */
}
.box2-yellow .box-title {
	background: #ef8f28; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-weight: bold; /* タイトル文字の太さ */
	font-size: 20px; /* タイトル文字の大きさ */
	padding: 5px; /* タイトル周りの余白 */
	text-align: center;	/* タイトル中央寄せ */
	border-radius: 4px 4px 0px 0px;	/* タイトル角丸 */
	position:absolute;	/* 配置に関するもの(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}
.box2-yellow p {
	margin: 0; /* 文字の余白リセット */
	padding: 0; /* 文字の内側余白リセット*/
}



/*トップページのカテゴリ別最新記事の幅固定*/
.widget-entry-cards .widget-entry-card-content{
padding-top:0.5em;
height:100px; 
}

/*フロント固定ページのタイトルを非表示*/
.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;
}




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

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

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