@charset "UTF-8";

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

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

body {
font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}
.post-date {
    display:none;
}


/*ナビ停止

#navi .navi-in > ul { 
   background: linear-gradient(to bottom, #4161A6, #324A80);
}

#menu-item-8002 {
  background: linear-gradient(to bottom, #f54949, #e02222);
}

*/



h1 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
}

h1:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}



h1 {text-align: center;}

h2 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
　 	
}


h2:after {
  position: absolute;
  content: " ";
  display: block;
　border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}


.kazoku {
  position: relative;
  text-align: center;
  font-size:75%;	
}
.kazoku span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.kazoku::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}








/*モバイルの下メニュー用*/
.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover {
  background: blue;
  color: #fff;
}


/*パンくずリスト用*/

/*グローバルメニュー内サブメニューの色変更*/
#navi .navi-in > .menu-header .sub-menu{
	background: #FFFFCC;
　　　
}





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

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

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