@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

/*サイトタイトルフォント*/
.site-name-text{
font-family: 'Kaisei Opti', serif;
font-size: 70px;
}

/*記事見出しフォント*/
.article h1 {font-family: 'Kaisei Opti', cursive; 
}
.article h2 {font-family: 'Kaisei Opti', cursive;
}
.article h3 {font-family: 'Kaisei Opti', cursive;
}
/*グローバルメニューフォント*/
.navi-in .menu-header .item-label{
	font-family: 'Kaisei Opti', cursive;
}

/*アピールエリアの背景色*/
.appeal-content {}
/*アピールエリアタイトルの背景色・文字色*/
.appeal-title{}
/*アピールメッセージの背景色・文字色*/
.appeal-message {font-family: 'Kaisei Opti', cursive;; font-size:22px;
}
/*アピールボタンの背景色・文字色*/
.appeal-button {font-family: 'Kaisei Opti', cursive; font-size:20px;　background-color: #839b5c; 
}

/************************************
** 固定ページのタイトルを中央寄せ
************************************/
.entry-title {
text-align: center;
}

/************************/
/*お勧めカード*/
/************************/
#recommended .navi-entry-card-thumb img{
border-radius:10px; /*角丸め*/
}
#recommended .card-content {
	font-family: 'Kaisei Opti', cursive;
; /*タイトル文字色*/
; /*タイトル背景色*/
}
/*オンマウスで傾ける*/
#recommended .navi-entry-card-thumb {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#recommended .navi-entry-card-thumb:hover {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}

/*記事タイトル１文字目の設定*/
h1::first-letter {
background-color: #839b5c; /*背景色*/
border-radius:  50%; /*背景色丸み*/
padding:  10px; /*余白*/
font-size: 26px; /*文字サイズ*/
color: #fff; /*7文字色*/
margin-right: 5px;
}
/*見出し１文字目の設定*/
h2::first-letter {
background-color: #839b5c; /*背景色*/
border-radius:  50%; /*背景色丸み*/
padding:  10px; /*余白*/
font-size: 26px; /*文字サイズ*/
color: #fff; /*7文字色*/
margin-right: 5px;
}
.entry-title{font-size:22px;
}

.blogcard{border-color:#ccc;
}

.blogcard-title{font-size:16px;
}

.related-entry-card-title{font-weight:normal; font-size:12px !important;
}

.related-entry-card-thumb{
	border:3px pink solid; 
	border-radius:22px;
}


.related-entry-heading {
	color :#5f5f5f;
	font-size:12px;
	text-align: center;
	font-family: 'baloo thambi 2',
cursive;
}	


.post-367 .date-tags,
.post-312 .date-tags,
.post-414 .date-tags,
.post-455 .date-tags,
.post-404 .date-tags,
.post-397 .date-tags,
.post-390 .date-tags,
.post-3 .date-tags,
.post-123 .date-tags,
.post-678 .date-tags,
.post-609 .date-tags,
.post-677 .date-tags,
.post-53 .date-tags{
display: none;
}

/* Contact Form7 */コンタクトフォームカスタマイズ
 
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
.contact7 dt {
	font-weight: normal;
}
 
/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}
 
/* 任意マーク */
.contact7 .optional {
	background: #999;
}
 
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}
 
.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
}
 
/************************************
** ●コメントを送信ボタンのカスタマイズ
************************************/
.wpcf7-submit {
  border: solid 2px #fe619a!important; /*枠線*/
  border-radius: 6px!important; /*角丸コーナー*/
  font-weight:bold!important; /*文字強調*/
  font-size: 18px!important; /*フォントサイズ*/
  color: #fff!important; /*フォントカラー*/
  background-color: #fe619a!important; /*背景色*/
  letter-spacing: 30px!important; /*文字間隔*/
}
.wpcf7-submit:hover{
  color: #f32469!important; /*フォントカラー*/
  background-color: #ffddee!important; /*背景色*/
  transition: all 0.8s ease!important; /*アニメーション*/
}


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

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

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

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

/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}