@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*.cat-label-1,.cat-label-11,.cat-label-21,.cat-label-31,.cat-label-41,.cat-label-51 {
	background-color:#a0d8ef;
}*/
/*入園準備・入学準備*/
.cat-label-2,.cat-label-12,.cat-label-22,.cat-label-32,.cat-label-42,.cat-label-52 {
	background-color:#ffc6e2;
}
/*.cat-label-3,.cat-label-13,.cat-label-23,.cat-label-33,.cat-label-43,.cat-label-53 {
	background-color:#a0d8ef;
}*/
/*子育て*/
.cat-label-4,.cat-label-14,.cat-label-24,.cat-label-34,.cat-label-44,.cat-label-54 {
	background-color:#a0d8ef;
}
/*暮らし*/
.cat-label-5,.cat-label-15,.cat-label-25,.cat-label-35,.cat-label-45,.cat-label-55 {
	background-color:#d9e367;
}
/*教育・あそび*/
.cat-label-6,.cat-label-16,.cat-label-26,.cat-label-36,.cat-label-46,.cat-label-56 {
	background-color:#ef857d;
}
/*ギフト*/
.cat-label-7,.cat-label-17,.cat-label-27,.cat-label-37,.cat-label-47,.cat-label-57 {
	background-color:#f6ad49;
}
/*家事・料理*/
.cat-label-8,.cat-label-18,.cat-label-28,.cat-label-38,.cat-label-48,.cat-label-58 {
	background-color:#a3d6cc;
}
/*.cat-label-9,.cat-label-19,.cat-label-29,.cat-label-39,.cat-label-49,.cat-label-59 {
	background-color:#a0d8ef;
}
.cat-label-10,.cat-label-20,.cat-label-30,.cat-label-40,.cat-label-50,.cat-label-60 {
	background-color:#a0d8ef;
}*/
.copyright{
	color:#5e5e5e;
}
/*本文見出し*/
.article h2 {
	border-top: dotted 2px #bbe2f1;
	border-bottom: dotted 2px #bbe2f1;
}
.article h2:before {
	content: "\f5d1";
	color: #DB7E82;
}
.article h3 {
	border-left: 10px solid #bbe2f1;
}
.article h4 {
    border-bottom: solid 2px #bbe2f1;
}
.article h5 {
    border-bottom: dotted 2px #bbe2f1;
}

/*キャッチフレーズ*/	
.tagline {
    border-top: none;
    padding-top: 0;
	color:#a0d8ef;
}
/*目次*/
.toc-title:before {
    color: #bbe2f1;
}
.toc {
  border: 1px solid #bbe2f1;
}



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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
		  #header-container .menu-mobile{
    display:none;
		  padding-top:3%;
		  padding-bottom:0;
  }
  .navi-in > .menu-mobile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #header-container #navi a{
    font-size:1em;
    padding: 1em 1.2em;/*なぜかここだけ効かない…*/
	  font-weight:normal;
  }
	  #navi .navi-in > .menu-mobile li{
    padding: 1% 2%;
		  margin-right:0.3em;
  }
	#navi .navi-in > .menu-mobile li a:hover{
		background-color:white;
	}
  #header-container .navi-in > ul > .menu-item-has-children > a::after{
    display:none;
  }
  #navi .navi-in > .menu-mobile li {
    height: auto;
    line-height: 1.8;
  }
  .mblt-header-mobile-buttons {
    margin-top: 53px;
  }
/*本店へのバナーの上下の余白調整*/
.footer-widgets, .footer-widgets-mobile  {
	margin: 0 auto;
}
.mobile-ad-widget {
  margin-bottom: 0;
}
.footer-bottom {
	margin-top:0.1em;
}
	.footer-mobile{
		padding:5px 16px;
	}
/*キャッチフレーズ*/	
.tagline {
	font-size:0.6em;
}
}


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


}