@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){
  /*必要ならばここにコードを書く*/
}
/* アピールエリア */
.appeal-content {
  background: rgba(255, 255, 255, 0.3);
}
.appeal-title{
	font-size: 30px;
	text-shadow: 2px 2px 0 #3f3f3f;
	color: #fff;
}	
.appeal-message {
	font-size: 14px;
	text-shadow: 2px 2px 0 #3f3f3f;
	color: #fff;
}

/* トップページ新着記事 */
.new-entry-card{
	border:1px solid #33cc00;
	padding : 5px ;
}

.new-entry-cards.large-thumb {
	display: flex;
	flex-wrap: wrap;
}
.new-entry-cards.large-thumb a {
	width: 49.5%;
}
.home.page .entry-title{
  display: none;
}

.popular-entry-card{
	border:1px solid #33cc00;
	padding : 5px ;
}


.popular-entry-cards.large-thumb {
	display: flex;
	flex-wrap: wrap;
}
.popular-entry-cards.large-thumb a {
	width: 49.5%;
}

/* h1見出し */
.entry-header h1 {
  color: #000000;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #32cd32;/*上線*/
  border-bottom: solid 3px #32cd32;/*下線*/
}
.entry-content h2{
  padding: 20px;
  margin: 10px 3px;
  border-top: 4px double #fff;
  border-bottom: 4px double #fff;
}

/* メインのエントリー記事をフワッと浮かせる
-------------------------------------------------- */
.entry-card-wrap.a-wrap:hover, /*エントリーカード ホバー時設定*/
.widget-entry-card:hover, /*人気記事*/
.new-entry-card:hover, /*新着記事*/
.main .prev-post.a-wrap.cf:hover, /*前の記事*/
.main .next-post.a-wrap.cf:hover, /*次の記事*/
.main .blogcard:hover, /*ブログカード*/
.related-entry-card-wrap.a-wrap.cf:hover { /*関連記事*/
/*  background-color: #dcdcdc; /*背景色*/
  -webkit-transform: translateY(-6px); /*浮かす*/
  -ms-transform: translateY(-6px); /*浮かす*/
  transform: translateY(-6px); /*浮かす*/
  box-shadow: 6px 6px 6px rgba(0,0,0,0.2)!important; /*シャドー（影）*/
}

/* 記事内ボタン */
.btn{
	color: #333333;
	font-size: 18px;
    margin-top: 20px;
/*    padding-top: 20px; */
}

.btn--green2,
a.btn--green2 {
  background-color: #E6FFE9;
  padding: 8px 6px;
  border:2px solid #00CC00;
  width: 60%;
}

.btn--green2:hover,
a.btn--green2:hover {
  color: #fff;
  background: #66cdaa;
}

a.btn--radius {
   border-radius: 100vh;
}
/*太字
-------------------------------------------------- */
.futoji {
    font-weight:  bold;
}
/* 箇条書き(ul)の前マーク無し
-------------------------------------------------- */
ul.maezume{
  list-style: none;
  padding-left: 1px;
}
/* 写真
-------------------------------------------------- */
.photo img {
  padding-top: 5px;
}