@charset "UTF-8";

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

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


/* h2 見出し */
.entry-content h2{
	color: #663333;
	font-family: "HG行書体,Times New Roman";
	font-size:180%;
}

/*832px以下*/
@media screen and (max-width: 832px){
  /*必要ならばここにコードを書く*/	
    .appeal-in{
  	height: 320px;
    }
    .logo-image{
        padding: 20px 30px 0px 30px;
    }
}

/*------------------------
 メニューカスタマイズ
--------------------- ---*/
nav#navi, .menu-header .sub-menu{
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 90%;
}
.menu-header .item-label{
    color: #583822 !important;
	  font-size: 110%;
	 font-weight: bold;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #583822 !important;
		border-bottom: 3px solid #583822;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #583822 !important;
    transition: all .2s ease;
}


---------------------
me.page .entry-title{
  display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: none;
}

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}


/********************************
カラム（Frexbox）
********************************/
.frexbox section {
  margin: 15px;
	padding: 10px 0;
/*  border-radius: 5px;
  border:1px solid #ddd;*/
}
.frexbox h1 {
  color: #00BFFF;
  font-size: 1.5rem;
}
.frexbox p {
  margin-top: 10px;
}

.frexbox {
  display: flex;
}

.frexbox section {
  flex: 2;
}

@media screen and (max-width: 832px) {
  .frexbox {
    flex-direction: column;
  }
}


/*--- フッター ---*/
.footer-container{
	font-size: 90%;
}


/*--- youtube 埋め込み ---*/
.video-container {
    margin: 0px auto;
}


/* カラム色付け */
.column-left{
	background-color: #f0f8ff;
}
.column-center{
	background-color: #f0fff0;
}
.column-right{
	background-color: #ffffe0;
}