@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.grecaptcha-badge {
	visibility: hidden;
}

/* バツを消したい */
.inner_bfb .bfb_closed {
  display:none;
}
/************************************
**モバイルスライドインメニュー
************************************/
.menu-close-button {
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 30px;
    text-align: right;
    font-size: 1.3em;
}
.navi-menu-content {
    background-color: #fffffff0;
    left: auto;
    right: 0;
    transform: translateX(105%);
}
span.fas.fa-times::before{
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    color:#000000;/*矢印色変更はこちら*/
}
ul.menu-drawer:after {
    background: white;
}
.menu-drawer li {
    padding:0;
}
.menu-drawer a {
    font-size:1.0em;
    background-color:#ffffff;
    color:#545454;
    margin: .5em 0;
}
.menu-drawer a:hover{
    background-color:#f7f7f7;
}
.menu-drawer li a::before {
    font-family: "Font Awesome 5 Free";
    content : "\f105";
    color:#7b7b7b;
    margin:0 .5em 0 1em;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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