@charset "UTF-8";

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

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

/*---------------------------------
2-3カラム表示
--------------------------------*/
/*768px以下*/
@media screen and (max-width: 768px){
  .column-wrap{
    flex-direction: row;
  }
}

/*480px以下*/
@media screen and (max-width: 800px){
  .column-wrap{
    flex-direction: column;
  }
}

/*--------------------------------------
メールアドレスの項目を隠す
--------------------------------------*/
.comment-form-email, .comment-notes{
    display: none;
}

/*---------------------------------
エントリーカードラベル非表示
--------------------------------*/
.entry-card .cat-label{
  display: none;
}

.carousel .cat-label {
	display: none;
}

/*---------------------------------
ブログカードフォントサイズ
--------------------------------*/

/*PC*/
.blogcard-title {
font-size: 18px;
}

/*---------------------------------
ボックスメニューデザイン
--------------------------------*/

.box-menu{
	background: #2b2b2b;
}

.box-menu {
    width: calc(100%/2); 
}

/*---------------------------------
固定ページ複数の固定ページの日付を非表示にする
--------------------------------*/
.post-446 .date-tags,
.post-446 .date-tags,
.post-448 .date-tags,
.post-448 .date-tags,
.post-2258 .entry-title,
.post-2258 .date-tags,
.post-2298 .entry-title,
.post-2298 .date-tags,
.post-1226 .entry-title,
.post-1226 .date-tags,
.post-2572 .entry-title,
.post-2572 .date-tags,
.post-13722 .entry-title,
.post-13722 .date-tags,
.post-13471 .entry-title,
.post-13471 .date-tags
.post-20537 .entry-title,
.post-20537 .date-tags{
  display: none;


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}


/************************************
**　ヘッダーメニュー
************************************/
}
.navi-in > ul{
justify-content:flex-start;
}
.navi-in > ul .sub-menu a {
padding: 0;
}
.sub-menu{/*サブメニュー*/
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {/*サブメニューを仕切る点線*/
border-top: none #dddddd;
background:#2b2b2b
padding:0 0 0 2em;
margin:10px ;
}
.navi-in > ul .sub-menu a:hover {
transform: none!important;
}
div#header-container {/*ヘッダー下の影を非表示*/
box-shadow: none;
}
div.item-label{
font-weight:bold;
}