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

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

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

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

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

/************************/
/* すべての固定ページの日時を非表示 */
/************************/
.page .date-tags{ /*投稿日・更新日*/
display: none;
}

/************************/
/*ブログカードカスタマイズ「続きを読む」を入れる*/
/************************/
.internal-blogcard::after{
	content: 'ページを開く \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #28a32e; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}

/*トップページ上部の余白を削除*/
#main {
	padding-top: 0px;
}

.content {
	margin-top: 0px;
	padding-top: 0px;
}

.article h1 {
	margin-top: 0;
}

.article .entry-content {
	margin-top: 0;
}

/*----------------------------------------
メニューをグラデーション化
グローバルナビメニューに仕切り線
----------------------------------------*/
/*メニューの背景を上下グラデーション*/
#navi.navi.cf{
	background: linear-gradient(#58e617,#3d2187);
}

/*メニューの下層の背景を上下グラデーション*/
#header-container{
	background: linear-gradient(#58e617,#3d2187);
}

/*メニューの下層の背景を左右グラデーション（無効中）*/
/*#header-container{*/
/*	background: linear-gradient(to right, #1b2181 0%, #1b2181 10%, #1b2181 100%);*/
/*}*/

/*サブメニューの背景を変更*/
#navi .navi-in > .menu-header .sub-menu{
	background: #5459a1;
}

/*1番左と2番目の仕切り線（無効中）*/
/*#navi .navi-in > ul li{
/*	border-right: 1px solid #ffffff;
/*	border-left: 1px solid #ffffff;
/*}

/*左から3番目以降の仕切り線（無効中）*/
/*#navi .navi-in > ul li + li{
/*	border-right: 1px solid #ffffff;
/*	border-left: none;
/*}

/*サブメニューの仕切り線は無し*/
#navi .navi-in > ul ul li{
	border-right: none;
	border-left: none;
}