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

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


/******************************************************/	
/***** 全体スタイル設定 *****/	
/* リンクの下線を消す */	
a {	
  text-decoration: none;	
}	
/* カテゴリーページでカテゴリ名を消す */	
.archive-title {
  display: none;
}
/*カテゴリーラベルの表示を消す*/
.cat-label{
	display:none;
}



/****** カバー画像を全幅表示してページヘッダーのように見えるようにする ******/
/*枠組み*/
.entry-content .wp-block-cover,
.entry-content .wp-block-cover-image {
	margin-left: -29px; /*左の余白*/
	margin-right: -29px; /*右の余白*/
    margin-top: -100px; /*上の余白を持ち上げる*/
}
/*横幅 834px 以下に適用される*/
@media screen and (max-width: 834px){
	/*枠組み*/
	.entry-content .wp-block-cover,
    .entry-content .wp-block-cover-image {
		margin-left: -20px; /*左の余白*/
		margin-right: -20px; /*右の余白*/
        margin-top: -100px; /*上の余白を持ち上げる*/
	}
}

/******************************************************/	
/****** 上メニュー ******/	
/* ヘッダー幅を95%に設定 */	
.header-container-in.hlt-top-menu {	
  width:95%;	
}	
/* ロゴの大きさ・幅に関するもの */	
.header-container-in.hlt-top-menu .logo-header img {	
  max-height: 100%;	
  height: auto;	
  vertical-align: middle;	
  max-width: 220px;	
  margin: 15px 0;	
}	
/* 上部メニューの文字体裁 */	
.navi-in > ul > li > a {	
  font-size: 19px;	
  font-family: "Noto Serif JP", serif; /* 文字フォント */	
  font-weight: bold; /* 文字を強調 */	
  color: #460000 !important; /* 文字色 */	
  position: relative;	
  padding: 0 20px;	
  display: block;	
  text-decoration: none;	
}	
	

/******************************************************/	
/****** グローバルナビメニュー（javascript.js使用） ******/	
/* 設定 */	
#header-container {	
  box-shadow: 0 0 10px rgba(30, 30, 30, .5);	
  position: fixed;	
  left: 0;	
  top: 0;	
  right: 0;	
  z-index: 10;	
}	
.site-name-text-link {	
  color: #fff;	
}	
.navi {	
  background: none;	
}	
.navi-in > ul .sub-menu {	
  background: #fff;	
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);	
}	
.navi-in > ul li {	
  width: auto;	
}	
.navi-in a:hover {	
  background: none;	
}	
.navi-in a:before {	
  position: absolute;	
  left: 0;	
  bottom: 6px;	
  content: "";	
  display: block;	
  width: 100%;	
  height: 3px;	
  background: #fff; /* マウスON時の下線色 */	
  transform: scale(0, 1);	
  transition: 0.4s;	
}	
.navi-in a:hover:before {	
  transform: scale(1);	
}	
.navi-in > ul .sub-menu a {	
  color: #666; /* サブメニュー文字色 */	
  font-size: 12px; /* サブメニュー文字の大きさ */	
}	
.navi-in > ul .sub-menu a:before {	
  background: #42d5e7; /* サブメニューマウスON時の下線色 */	
}	
.header-container-in.hlt-top-menu .logo-header {	
  max-height: 100%;	
}	
.header-small {	
  opacity: 0.9;	
}	
.header-small .header-container-in.hlt-top-menu .logo-header img {	
  max-width: 180px;	
  margin: 10px 0;	
}	
/* 全体的に上部余白を指定 */
#container {	
  padding-top:90px;
}

/* グローバルナビメニューが上部固定になるためのスクロール調整 */
[id^="toc"]:target {	
  padding-top: 85px;	
  margin-top: -85px;	
}

/***** metaslider挿入により上部にできる余白を消す *****/
#metaslider_146{	
margin-top:0px;	
}

	
/******************************************************/	
/***** Cocoonのボックスメニューのカスタマイズ *****/	
/* 幅と高さを指定 */	
.nwa .box-menu {	
	width: 100%; /* 幅（51%以上で1列になる） */
	margin: 0 auto;
	min-height: 50px; /* 高さ */
}	
/* ボックスメニュー内のイラストを消す */	
.box-menu-icon {	
   display: none;	
}	
/* 文字サイズを変更 */	
.box-menu-label{	
	font-size: 17px;
}	
/* フォントと文字色を変更 */	
#sidebar a {	
  color: #470000;	
  font-family: "Noto Serif JP", serif;	
}	
/* マウスオーバー時の線の色を変更 */	
.box-menu:hover{	
	box-shadow: inset 2px 2px 0 0 #954E2A,
	2px 2px 0 0 #954E2A,
	2px 0 0 0 #954E2A,
	0 2px 0 0 #954E2A;
}	
	
/******************************************************/	
/****** 詩ブロックのフォントを明朝に変更 **
.wp-block-verse {
    font-family: '游明朝', 'Yu Mincho', 'serif';
}**/

	
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/	
/*1023px以下*/	
@media screen and (max-width: 1023px){	
  /*必要ならばここにコードを書く*/	
}	
	
/*834px以下*/	
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/	
}	
	
/* 480px以下 */	
@media screen and (max-width: 480px) {	
    /* 必要ならばここにコードを書く */	
/* フロントページのMetaSlider上余白を削除 */
#container {
    padding-top: 0px;
}
.entry-content {
  margin-top: 0;
}
}

/* 次のページ　ボタンを非表示 */	
.pagination-next-link {
  display: none;
}

/* ページボタン　を非表示 */	
.pagination, .nav-links {
    display: none !important;
}