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

/************************************
** 子テーマ用のスタイルを書く
************************************/

.admin-pv, .page .date-tags {
	display:none;
}

a img:hover {
	opacity: 0.7;
}

.header-container, .sidebar {
	background-color:rgba(255,255,255,0);
}
.navi, .footer, .sidebar h3 {
	background-color: #e1ede8;
}

.post-date, .post-update {
	color:#69b076;
}
.archive-title {
	color:#47885e;
	font-size:20px;
}
.article h1 {
	color:#47885e;
	border-bottom:5px solid #e1ede8;
	padding-bottom:5px;
}
.article h2 {
	background-color:#f0f6da;
}
.article h3 {
	border-top:1px solid #946c45;
	border-right:0px solid #fff;
	border-left:0px solid #fff;
	border-bottom:1px solid #946c45;
	background-color:#fff9f5;
}
.toc {
	border:1px solid #caac71;
}

.menu-content {
	background-color:#f0f6da;
}
.menu-content ul li {
	border-bottom:3px dotted #618e34;
	padding-top:8px;
	padding-bottom:8px;
}

.btn-green {
  display: inline-block;
  background: #32c787; /* 通常時のグリーン */
  color: #fff;
  padding: 12px 28px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  transition: background 0.3s ease, transform 0.2s ease;
}
.btn-green:hover {
  background: #2ca36f; /* ホバー時に少し濃いグリーンに */
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
	color: #fff;
}
.btn-green:active {
  transform: translateY(0);
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	color: #fff;
}
.btn-center {
  text-align: center;
  margin: 5px 0;
}

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

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

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