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

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

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

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

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

/*ここから先は自ら追加したコードたち*/

/*スライドインメニューをカスタマイズ*/
.navi-menu-content{
	left: auto;
	right: 0;
	transform: translateX(101%);
}

.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	color: #fff;/*文字の色*/
	height: 3em;/*行の高さ*/
}

.menu-drawer a:hover{
	color: rgba(255,255,255,0.7);
	background-color: rgba(30,124,209,0);
}
/*ここまでモバイルのスライドインメニューの変更*/

	
/*スマホのヘッダーロゴのサイズ変更*/
/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
	.logo-menu-button.menu-button{
		background-image: url(https://1106blog.com/wp-content/uploads/2021/09/いとー録-6.png);
		background-size: auto 25px;
		background-position: center;
		background-repeat: no-repeat;
}
}
/*ここまでスマホのヘッダーロゴのサイズ変更*/

/*ここからモバイルスライドインメニュー*/
/*https://yujiblog.org/cocoon-menu-mobile*/
/************************************
**モバイルスライドインメニュー
************************************/
span.fas.fa-times::before{
    font-family: "Font Awesome 5 Free";
    content: "\f060";
}
ul.menu-drawer:before{
    font-size:1.2em;
    background: white;
    color:#333;
    margin-bottom:1em;
    border-bottom:3px dotted #90C31F; 
    content: "メニュー";
}
ul.menu-drawer:after {
    background: white;
}
.menu-drawer li {
    padding:0;
}
.menu-drawer li{
    font-weight: bold;
}
.menu-drawer a{
    font-size:1.3em;
    background-color:#ffffff;
    color:#545454;
    margin: .5em 0;
}
.menu-drawer a:hover{
    background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
    padding:0;
}
.menu-drawer .sub-menu li{
    font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
    font-family: "Font Awesome 5 Free";
    content : "\f105";
    color:#7b7b7b;
    margin:0 .5em 0 1em;
}
@media (max-width:834px){
.sub-menu{
    box-shadow: none;
}
}
/*ここまでモバイルスライドインメニュー*/