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

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

/* サイトポリシーページのシェア・フォローボタン非表示 */
.page-id-48 .sns-share,
.page-id-48 .sns-follow {
    display: none;
}

/* グローバルメニュー上下線 */
nav#navi, .menu-header .sub-menu {
     border-bottom:1px solid;
     border-top:1px solid;
}

/* グローバルメニュー区切り線 */
#navi .navi-in > ul > li{
  border-left: 0.5px dotted #eee;
}

#navi .navi-in > ul > li:last-child{
  border-right: 0.5px dotted #eee;
}

.navi-in > ul > .menu-item-has-children > a::after{
  right: 10px;
}

/* 記事下ページャーの背景色 */
.pager-post-navi {
	background-color: #ffffff;
}

/* スマホサイドメニュー */
.menu-drawer a {
	font-size:1.0em;
	background-color:#202020;
	color:#fffff4;
	margin: 6px 0;
	padding: 4px 1em;
	border-radius:20px;
}

.menu-drawer a:hover {
	background-color:#f7f7f7;
	color:#00000C;
	transition: 0.2s ;
}


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

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

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