@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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 .navi-in > .menu-mobile li{
	height: 100%;
    width: auto;
  }	
  .navi-in > ul {
	margin-top:10px;
  }	
}

/*サイドバーの見出し*/
    .sidebar h3 {
        background: none;
		color:#333333;/*文字の色を変える*/
        font-size: 16px;
		font-family: serif ;
        letter-spacing: 2px;
        display: inline-block;
        position: relative;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .sidebar h3::before, .sidebar h3::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 28%; /*ラインの長さ*/
        border-top: 3px solid #444d53; /*ラインの色*/
    }
    .sidebar h3::before {
        left: 0;
    }
    .sidebar h3::after {
        right: 0;
    }

/*リンクホバー*/
a:hover {color:#4F4F4F; background:#e9edf6;} /*カーソルが乗っているリンクの色*/


/************************************
**モバイル表示　ヘッダーメニュー
************************************/
span.fa.fa-close::before{/*戻るボタン*/
font-family: FontAwesome;
content: “\f060”;
}
.menu-content .menu-drawer {
padding: 0 1em;
margin: 0;
}
ul.menu-drawer:before{
font-size:1.0em;
display: block;
font-weight: normal;
background: white;
color:#333333;
padding: .5em;
margin-bottom:1em;
font-family: sans-serif;
text-align: center;
border-bottom:3px dotted #9cacbf;
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
background-color:#fff;
padding:0;
border-radius:20px;
}
.menu-drawer a{/*menuの文字色をグレー*/
font-size:1.0em;
background-color:#f7f7f7;
color:#333333!important;
margin: 6px 0;
padding: 4px 1em;
border-radius:20px;
}
.menu-drawer a:hover{
background-color:#f7f7f7!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;
}
}