@charset "UTF-8";

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

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

.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .author-info{
  display: none;
}
/*固定ページで投稿日・更新日を非表示*/
.page .date-tags {
 display: none;
}

.workcontent .date-tags,
.workcontent .author-info,
{
display: none;
}

/*トップメニュー*/
.navi-in > ul li {
    display: block;
    width: 120px;
    height: 45px;
    line-height: 45px;
    position: relative;
}

.navi-in a:hover {
	　　background-color: #ffffff !important;
    transition: all 0.3s ease-in-out;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 0px;
}


.navi-in a {
    font-size: 14px;
}

.workcontent .date-tags,
.workcontent .post-date {
  display: none;
}

.article h3 {
    border-left: 7px solid #888;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 20px;
    padding: 12px 20px;
}

/**footer**/
#footer-in {
    color: #eee;
}
.footer-center {
    font-size: 14px;
}
.main-branch {
    list-style: none;
}
.footer-right {
    font-size: 14px;
}
.kitakyu-branch {
    list-style: none;
}
.footer-content {
    font-size: 12px;
}
.footer {
      margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
      background: #006400; /*フッター背景色*/
      border-top: 4px solid #778899; /*上部にボーダー追加*/
    }
.footer-bottom {
      margin-top: 14px; /*フッター内上部の余白を詰める*/
    }
.footer-bottom-logo { /*ロゴの位置調整*/
      float: none;
      bottom: auto;
      position: static;
      margin-bottom: 10px;
    }
.footer-bottom-logo .logo-image {
      padding: 0;
      max-width: 160px; /*ロゴ画像を少し大きく*/
      margin: 0 auto;
    }
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
      float: none;
      text-align: center;
    }
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
      justify-content: center;
      margin-bottom: 1em;
    }
.navi-footer-in a {
      color: #aab3b9; /*メニューの文字色*/
    }
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
      color: #aab3b9; /*文字色を通常時と同じに*/
      background: none; /*背景色をなしに*/
      text-decoration: underline; /*アンダーラインを追加*/
    }
.footer-bottom.fnm-text-width .menu-footer li {
      line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
    }
.copyright {
      color: #aab3b9; /*クレジットの文字色*/
    }

/*サイドバー*/
.widget_nav_menu ul li a {
    padding: 3px 0;
    font-size: 16px;
}
.widget_nav_menu ul li a + ul {
    display: none;
}
.widget_nav_menu ul li:hover ul {
    display: block;
}

/************************************
** 印刷用のメディアクエリ
************************************/
@media print{
	#container #footer,
	#container #sidebar{
		display:none;
	}
	* {
    -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
    color-adjust: exact !important;  /*Firefox*/
  }
	#container .top {
		width: 1240px;
	}　
}

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

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}
/*835px以下*/
@media screen and (max-width: 835px){
  /*必要ならばここにコードを書く*/
.footer-widgets {
		display: block;
	}	
.footer-bottom.fnm-text-width .menu-footer li {
       line-height: 1.2;
    border-left: 1px solid;
    border-right: 1px solid;
    }
.navi-footer-in > .menu-footer li {
    width: 120px;
    border-left: 1px solid #ddd;
}	
wp-block-columns {
    display: flex;
    flex-direction: column; /* ブロックを縦に表示させる */
}		
.wp-block-columns {
    display: flex;
    margin-bottom: 1.75em;
    flex-wrap: wrap !important;
}	
.wp-block-column:not(:only-child) {
    flex-basis: calc(100%) !important;
    flex-grow: 0;
}

.video-container, .instagram-container, .facebook-container {
    max-width: 781px !important;
    margin: 30px 0;
        margin-top: 30px;
        margin-bottom: 30px;
}	
}	
/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	
/** アイキャッチ画像サイズ**/
.eye-catch {
    max-width: 100%;
　}		

}

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