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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*全てをまとめて非表示*/
/*.sns-share, /*固定ページのシェアボタンを非表示*/ 
.sns-follow, /*固定ページのフォローボタンを非表示*/ 
.date-tags, /*固定ページの投稿日・更新日を非表示*/ 
.author-info{  /*固定ページの投稿者名を非表示*/ 
  display: none;
}

.wp-block-button{
	line-height: 1px;
	background-color:#462666!important;
}

/**********************
* header文字サイズ変更 *
***********************/
/* スマホ・タブレットビュー */
#header .site-name-text {
	font-size: 18px;
}
/* タブレットより大きいサイズの指定 */
@media screen and (min-width: 769px) {
	#header .site-name-text {
		padding-left:20px;
		font-size: 30px;
		font-weight:bold;
	}
}
/*メニューの背景色変更*/
#menu-item-208,#menu-item-33,#menu-item-274,#menu-item-438,#menu-item-878 {
  background-color: #462666!important;
}

/*サブメニューの背景色変更*/
#menu-item-50,#menu-item-51,#menu-item-52{
	background-color: #462666!important;
}


/*検索窓*/
.add-header-contents{
	position:relative;
	padding-left:20px;
}

/*768px以下*/
@media screen and (max-width: 768px){
/*タブレット・スマホの時は非表示*/
.add-header-contents {display: none; }
}

/*.toc {
display: none;
}*/

/* ページ送りナビの左右を入れ替える(Cocoon ver.2～)
.pager-post-navi a.prev-post {
    flex-direction: row-reverse;
    padding:10px 5px 10px 10px;
}
.pager-post-navi a.next-post {
    flex-direction: row;
    padding:10px 10px 10px 5px;
}
.pager-post-navi a.next-post .iconfont:before {
	content: '\f053';
}
.pager-post-navi a.prev-post .iconfont:before {
	content: '\f054';
}
.pager-post-navi a.next-post .next-post-title {
	margin: 0 0 0 10px;
}
.pager-post-navi a.prev-post .prev-post-title {
	margin: 0 10px 0 0;
}

@media screen and (min-width: 481px) {
    .pager-post-navi.post-navi-square {
        flex-direction: row-reverse;
    }
    .post-navi-square.post-navi-border a:last-child {
        border-left-width: 1px;
    }
    .post-navi-square.post-navi-border a:first-child {
        border-left-width: 0;
    }
} */

/*.page-numbers{
  color: #6a859c;
   border-radius: 0;
  border-color: #89817f;
  margin: 0;
  width: 56px;
}
.pagination .current, .pagination a:hover{
 background: #f564a9; /* 背景色 
	color: #89817f; /* 文字の色 
}
.page-numbers.dots{
 background-color: #fff;
}*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.menu-button-in{
		color: #FFFFFF!important;
		background-color:#805b9b!important;
		margin:auto!important;
	}
.add-header-contents {display: none; }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.menu-button-in{
		color: #FFFFFF!important;
		background-color:#805b9b!important;
		margin:auto!important;
	}
	/*パンくずリストのアイコン非表示*/
	.breadcrumb{
		display: none; /*非表示*/
	}
.add-header-contents {display: none; }

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.menu-button-in{
		color: #FFFFFF!important;
		background-color: #805b9b!important;
		margin:auto!important;
	}
	/*パンくずリストのアイコン非表示*/
	.breadcrumb{
		display: none; /*非表示*/
	}
	.add-header-contents {display: none; }
}

/*ヘッダーの色と高さ、アイコンの位置を調整*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #462666;
	color: #FFFFFF;
	height: 55px;
	padding-top: 8px;
}

.logo-menu-button.menu-button{
	background-color: #462666;
	height: 55px;
}


.go-to-top-button {
	width: 2em;
	height: 2em;
	font-size:3em;
    background: transparent;
}

/*マルチページのページネーション*/
.pager-prev-next{ display: none; } /*「前へ」「次へ」ボタンを消す*/
.pager-links{
/*	border: none !important;
    border-radius: 0;    /*ボタンの丸み
    font-family: sans-serif;
    font-size: 80%;
    color: #666!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    transition: all .1s ease;
    background-color: #ffffff;*/
	margin-top : 0;
	margin-bottom: 1em;
}

.page-numbers { /*通常時*/
  color: #462666;
  border: 1px solid #462666;
}
/*.pagination .current, .pager-links .current { /*現在のページ
  background-color: #594157;
  color: #fff;
}

/************************************
** マウスオーバー時の背景色設定
************************************/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
/*.navi-in a:hover,*/
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
background-color: #BDBDBD; /*背景色*/
color: #000; /*フォントカラー*/
transition: all 0s ease;
}

/*グローバルナビメニューの色変更*/
.navi-in a{
background-color: #462666!important; /*背景色*/
color: #000; /*フォントカラー*/
}
.navi-in a:hover{
background-color: #601C52!important; /*背景色*/
color: #000; /*フォントカラー*/
transition: all 0s ease;
}

/*NOVELページ下部のタグボタン*/
.tagcloud a {
	font-size: 14px !important; /* 文字のサイズ */
	line-height: 1em;
	background-color: #462666!important; /* 背景色 */
	color: #fff; /* 文字色 */
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px; /* 文字周りの余白 */
	margin-top: 3px; /* タグ同士の余白 */
	border: 1px solid #462666!important;
	border-radius: 4px; /* 角を少し丸く */
	text-decoration: none;
}
.tagcloud a:hover {
/* 	background: #f9d635; /* マウスホバー時の背景色 */
	color: #fff; /* マウスホバー時の文字色*/
}

.pagination .current, .pager-links .current{ /*現在のページ*/
  background-color: #462666;
  color: #fff;
}

/*ページネーションの「次へ」「前へ」ボタン*/
.pagination-next-link{
position: relative;
width:30%;
background-color:#c2b0c1;
color:#000;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}