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

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

/*reCAPTCHAバッジ非表示*/
.grecaptcha-badge { visibility: hidden; }

/*ヘッダーロゴ左端*/
.logo{
	text-align:left;
}

.header-container-in.hlt-top-menu .logo-image {/*ヘッダーロゴ周りの余白*/
    padding: 0;
    margin: 5px;
}

/*グローバルメニューのフォントサイズ等変更*/
#navi .navi-in{
	font-weight:bold;
}

/*フッターの縦線を削除*/
#navi-footer li {
  border: none;
}

/*固定ページの日付を非表示*/
.post-3 .date-tags,
.post-2251 .date-tags,
.post-2049 .date-tags,
.post-1991 .date-tags,
.post-1870 .date-tags,
.post-1660 .date-tags,
.post-1192 .date-tags,
.post-792 .date-tags,
.post-371 .date-tags,
.post-104 .date-tags,
.post-99 .date-tags,
.post-89 .date-tags {
	display: none;
}

/*本文の横幅を指定*/
@media screen and (min-width: 1024px) {
 	.article,
	.list,
	.related-entry-heading,
	.related-list,
	.pager-post-navi {
    	width: 700px;
    	margin: 0 auto;
	}
}

/*モバイルヘッダーロゴのサイズ調整*/
.mobile-menu-buttons .menu-button {
    flex-grow: 0;
}

/*モバイルヘッダーをカスタマイズ*/
span.fas.fa-search::before{
	color:#e17b34;/*検索マーク色変更*/
	display:none;/*検索マーク非表示*/
}

span.fas.fa-bars::before{
	color:#e17b34;/*ハンバーガーメニュー色変更*/
}

.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-header-menu-buttons {
	box-shadow: 0 0 darkgrey;/*ヘッダー下部の影線の太さ*/
}

.mobile-menu-buttons {
    min-height: 70px;/*ヘッダーの高さ*/
	background: rgba(255, 255, 255, 0.8);/*ヘッダーのカラーを半透明*/
}

.mobile-menu-buttons .menu-button {
	width: 100px;/*ロゴ画像サイズ*/
}


/*モバイルスライドインメニューをカスタマイズ*/
span.fas.fa-times::before{
	font-family: "Font Awesome 5 Free";
	content: "\f0c9";
	color:#e17b34;/*色変更*/
}

.navi-menu-content{
	left: auto;
	transform: translateX(100vw);
    transition: all .3s linear;
}

.menu-content .menu-drawer {
    padding: 0px 32px 12px;
}

.menu-drawer li {
	width: 100%;
    flex: auto;
    padding: 4px;
	border-bottom: solid 1px #bbb;

}

.menu-drawer a{
	padding: 1em 0.5em;
    display: flex;
    font-size: 16px;
    font-weight: bold;

}

.menu-drawer a:hover{
	background-color:#fff;
}

.menu-close-button {
	/* margin: 7% 0 8%; */
	/* margin-right: 10%; */
	font-size: 19px;
	/* opacity: 0.7; */
	min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}


 /* 固定ページ Cast＆Staff の marker-under */
.marker-under-pink {
	background-image: linear-gradient(transparent 70%, #f498b6 70%); /* ピンク系 */
}

 /* 固定ページ Cast＆Staff の marker-under */
.marker-under-green {
	background-image: linear-gradient(transparent 70%, #97d1ab 70%); /* 緑系 */
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/*835px以上*/
@media screen and (min-width: 835px){
  /*必要ならばここにコードを書く*/
	.no-sidebar .content .main {
    	margin: auto;
    	width: 80%;
	}
	.footer-widgets {
    	margin: 10px auto;
    	display: flex;
    	justify-content: center;
		height: 60px;
	}
	.footer-bottom {
    	margin-top: 24px;
    	padding: 8px 8px 45px;
    	position: relative;
    	font-size: 12px;
	}
}


/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.no-sidebar .content .main {
    	margin: auto;
    	width: 90%;
	}
	.footer-widgets-mobile {
	    margin: 10px auto;
    	display: flex;
    	justify-content: center;
		height: 60px;
	}
	.footer-bottom {
    	margin-top: 24px;
    	padding: 8px 8px 20px;
    	position: relative;
    	font-size: 12px;
	}
}


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