@charset "UTF-8";

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

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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** ヘッダー
************************************/
.header-container {
  background-color: transparent;
}
.navi {
  background-color: rgba(252,248,247, 0.5);
}
/*センター設定時のロゴとキャッチフレーズ左寄せ*/
.header-in .tagline {
  text-align:center;
  padding-left: 20px;
}
.header-in .logo {
  text-align: center;
  padding-left: 20px ;
}
/************************************
** サイドバー
************************************/
/*カテゴリ*/
.widget_categories ul li a{/*親カテ*/
	background-color:#fcf8f7;
  color:#653329;
  padding-left: 10px;
  margin-top: 2px;
}
.widget_categories ul li ul a{/*子カテ*/
  padding-left: 5px;
  background-color: transparent;
}
.widget_categories ul li ul a:hover{
  background-color: #fcf8f7
}
.widget_categories ul li a:hover, .navi a:hover {
  color: #653329;
}
.entry-card-title, .entry-card-title:hover {
  color: #653329;
}
/************************************
** 全体
************************************/
/*見出し*/
.entry-title {
  position: relative;
  padding: 0 .5em .5em 1.5em;
}
.entry-title::before,
.entry-title::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.entry-title::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 20px;
  height: 20px;
  background: #d7a69c;
}
.entry-title::after {
  top: .5em;
  left: .6em;
  width: 15px;
  height: 15px;
  background: #f4e7e5;
}
  
.article h4 {
  color: #e60033;
}
.article h5 {
  color: #3eb370;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li i {
  padding-right: 0.5em;
  color: #bc8f8f;
}

.fonts {
	font-size:14px;
}

/************************************
** メイン透過
************************************/
.sidebar, .main {
  background-color: rgba(255,255,255, 0.75);
}
.single .main {
  padding: 18px 20px;
}
.single .main .article {
  padding-left: 30px;
  padding-right: 30px;
  background-color: rgba(255,255,255, 0.75);
}
/************************************
** エントリーカード
************************************/
/*インデックス*/
.list .a-wrap:hover {
  background-color: #ffffff;
}
a:hover img {
  opacity: 0.8;
}
/*固定ページでシェア・フォローボタンをまとめて非表示*/
.page .sns-share,
.page .sns-follow {
  display: none;
}
/************************************
** ブログカード
************************************/
/*内部カード*/
.internal-blogcard-footer{
  display:none;
}
.blogcard-wrap .internal-blogcard {
  background-color: #ffffff;
}
.blogcard-wrap .internal-blogcard:hover {
  background-color: #fcf8f7;
}
/*コンタクトフォーム*/
.wpcf7 {
  width: 60%
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}
/************************************
** フッター
************************************/
.footer {
  color: #777777;
  background-color: rgba(252,248,247, 0.5);
}
.navi-footer-in a, .navi-footer-in a:hover {
  color: #653329;
  background-color: transparent;
}
.copyright {
  color: #653329;
}
/************************************
** ボックスメニュー
************************************/
.box-menu-label{
	color: #cd5c5c;
	font-size: 13px;
}
.box-menu{
  padding: 0;
	padding: 8px 8px;
}
.box-menu-icon{
	color: #bc8f8f;
}
.box-menu:hover{
	box-shadow: inset 2px 2px 0 0 #bc8f8f,
	2px 2px 0 0 #bc8f8f,
	2px 0 0 0 #bc8f8f,
	0 2px 0 0 #bc8f8f;
}
.box-menu:hover{
	opacity: 0.9;
	background-color:#ffffff;
}