@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.3
*/
/*トップのグレー余白を消す*/
.content-top{
display:
}
/*SNSフォローボタンを消す*/
#sns_follow_buttons-3 h3{
	display:none
}
/*widget修正*/
.sidebar h3{
	clear: both;
	color: #001E62;
	background-color: white;
	border-bottom: solid 6px;
	border-left: solid 0px #001E62;
	border-top: solid 0px;
	border-right: solid 0px; 
}
.sidebar .sns-follow-buttons {
  justify-content: center; /*ボタンを中央寄せにする*/
}
.sidebar .sns-follow {
  margin: 0 0 24px 0;
}
.sidebar .sns-follow-buttons a {
  border-radius: 50%;
  width: 40px; /*ボタンの横の大きさ*/
  height: 40px; /*ボタンの縦の大きさ*/
  font-size: 20px; /*アイコンのサイズ*/
  margin: 0 6px; /*ボタン同士の間隔*/
}
/************************************
** 子テーマ用のスタイルを書く
************************************/
logo-header {
padding: 150px 0 10px 0;
}
.archive-title{
	display: none;
}
/************************************
**　ヘッダーメニュー
************************************/
.navi-in > ul{
justify-content: space-around;
}
.navi-in>ul li {/*ヘッダーメニューの高さ*/
line-height: 50px;
height: 50px;
}
.navi-in a{/*ヘッダーメニューのフォントサイズ*/
font-size:15px;
}
#navi .navi-in a:hover {
transform: none!important;
}
.navi-in > ul .sub-menu a {
padding: 0;
}
.front-top-page .main {
  padding-top: 0;
}
.sub-menu{/*サブメニュー*/
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {/*サブメニューを仕切る点線*/
color:#333;
border-top: dotted #dddddd;
background:#fff;
padding:0 0 0 2em;
margin:0;
}
.navi-in > ul .sub-menu a:hover {
transform: none!important;
}
div#header-container {/*ヘッダー下の影非表示*/
box-shadow: none;
}
div.item-label{
font-weight:medium;
}
/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
color: #001E62!important;
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fa.fa-search::before{
margin-left:1em;
color: #001e62!important;
}
span.fa.fa-bars::before{
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}
.mobile-menu-buttons {
  z-index: 999;
}
/************************************
**モバイル表示　ヘッダーメニュー
************************************/
span.fa.fa-close::before{/*戻るボタン*/
font-family: FontAwesome;
class="fa-fw"
content: “\f060”;
}
.menu-content .menu-drawer {
padding: 0 1em;
margin:0;
}
ul.menu-drawer:before{
font-size:1.5em;
display: block;
font-weight: normal;
background: white;
color:#7b7b7b;
padding: .5em;
margin-bottom:1em;
font-family:sans-serif;
text-align: center;
border-bottom:3px dotted #90C31F;
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
background-color:#fff;
padding:0;
}
.menu-drawer a{/*menuの文字色をグレー*/
font-size:0.8em;
font-weight:normal;
background-color:#ffffff;
color:#444444!important;
margin: 6px 0;
padding: 15px 1em;
border-bottom:2px dotted #444444;
}
/*.menu-drawer a:hover{
background-color:#b89c17!important;
color:#ffffff!important;
transition: 0.2s ;
}*/
.menu-drawer .sub-menu {
padding-left:30px;
margin-top:0;
}
@media (max-width:834px){
.sub-menu{
box-shadow: none!important;
}
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
	/*スマホで非表示にさせるclass*/
	.for-sp{
		display:none;
	}
}