@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){
  /*必要ならばここにコードを書く*/
}


/************************************
 すべてのページのタイトルを非表示にする
************************************/
.entry-title {
display: none;
}

/************************************
 テキスト背景色
************************************/
.main{
    background-color:transparent;
}


/************************************
 ヘッダー設定
************************************/
/* ヘッダーロゴ */
.header-site-logo-image {
	transition:0.5s;
}

/* ヘッダーロゴ(hover時) */
@media screen and (min-width: 980px) {
	.header-site-logo-image:hover {
		opacity:0.5;
	}
}

/* ヘッダー文字サイズ */
.navi-in .menu-header .item-label{
font-size: 13px;
}

/* グローバルナビの下線 */
#navi .navi-in a:after{
	position: absolute;
	content: "";
	left: 0px;
	bottom: 1px;
	height: 2px;
	width: 100%;
	background: #fcadc6;
	transform: scale(0,1);
	transition: 0.5s;
}

/* グローバルナビの下線(hover) */
@media screen and (min-width: 980px) {
	#navi .navi-in a:hover:after{
		transform: scale(1);
	}
}

/* 選択中メニューに下線 */
.current-menu-item:after{
	position: absolute;
	content: "";
	left: 0px;
	bottom: 1px;
	height: 2px;
	width: 100%;
	background: #fcadc6;
}


/************************************
 投稿ページの装飾設定
************************************/
/* エントリーカード */
.entry-card-wrap {
	padding: 0px;
	margin-top: 11px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

/* エントリーカード(hover) */
@media screen and (min-width: 980px) {
	.entry-card-wrap:hover {
		background-color: #fcadc6;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
		transform: translate(0px,-5px);
	}
}

/* エントリーカード - 上部 */
.entry-card-thumb-image {
	border-radius: 8px 8px 0px 0px;
}

/* エントリーカード - 下部 */
.entry-card-content {
	padding: 3px 15px 30px 15px;
}

/* エントリーカード - 投稿日・更新日 */
.post-date, .post-update {
	padding: 0px 10px 7px 0px;
}

/* エントリーカード - タイトル */
.card-title {
	color: #395ba5 ;
}

/* エントリーカードのカテゴリーを消す */
.entry-card .cat-label{
	display: none;
}

/* もっと見るボタン */
.list-more-button {
	font-size: 16px !important;
	transition: 0.3s;
	padding: 4px 18px !important;
	background-color: #395ba5 !important;
	border: 1px solid #ccc;
	box-shadow: 2px 6px 10px -5px rgb(0 0 0 / 25%);
}

/* もっと見るボタン (hover)*/
@media screen and (min-width: 980px) {
	.list-more-button:hover {
		color: #fcadc6;
	}
}


/************************************
 ボタン装飾設定
************************************/
section {
  max-width: 300px;
  margin: 0 auto;
}
a.btn_05 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  background-color: #fcadc6;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 2.0;
  text-decoration: none;
  transition-duration: 0.3s;
  position: relative;
}
a.btn_05:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 40px 0 0;
  border-color: #ffffff transparent transparent transparent;
}
a.btn_05:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 30px;
  border-color: transparent transparent #efefef transparent;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
  transform: rotate(16deg);
}
a.btn_05:hover {
  background-color: #395ba5;
}
a.btn_05 span {
  position: relative;
  padding-left: 16px;
  letter-spacing: 0.05em;
}
a.btn_05 span:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

/*コメント送信ボタンの色変更*/
#submit {
  border: solid 2px #1e50a2!important; 
  border-radius: 6px!important; 
  font-weight:bold!important; 
  font-size: 18px!important; 
  color: #fff!important; 
  background-color: #3e62ad!important; 
  letter-spacing: 4px!important; 
}


/************************************
目次
************************************/
/* 目次空白 */
#toc {
   margin-bottom: 5em;
}


/************************************
 フッター
************************************/
/* 上下に余白を持たせる */
.footer {
 padding: 40px 0;
}
/* レスポンシブサイズ用の余白 */
@media screen and (max-width: 834px) {
 .footer {
 padding: 30px 0;
 }
}
/* 不要な余白をリセット */
.footer-bottom {
 margin-top: 0;
}
/* 不要な余白をリセット */
.copyright {
 margin-top: 0;
}