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

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

/* グローバルナビメニュー */
#navi .navi-in > .menu-header .item-label{
	font-size: 18px;
	font-weight: bold;
}
/* メニューの高さ変更 */
#navi .navi-in > ul li{
	height: 50px;
	line-height: 50px;
}
/* サイドバー設定 */
.sidebar h3{
/*  background-color:#B1E2FF; */ /* 水色 */
  padding:1px 8px; /* 見出しの内側の余白調整 */	
/*  padding:16px 10px; */
/*  color:#503200; */ /* 茶色 */
  text-align:center;
  margin:16px 0;
}
.nwa .author-box .author-description { /* プロフィール */
  font-size: 14px; /*フォントサイズ*/
}
/* 見出しリセット */
.article h2{
background:none;
padding: 0;
}
.article h3{
border-top:none;
background:none;
padding: 0;
}
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
.article h5{
border-bottom:none;
padding: 0;
}
.article h6{
border-bottom:none;
padding: 0;
}

/* 見出し設定 */
.article h1 {
/*  background: #FFB1FF; */  /* 薄いピンク */
/*  color:#FFFFFF; */ /* 白 */
  text-align: center;
  padding: 0.3em; /*文字まわり（上下左右）の余白*/
  border-top: solid 2px #FF8EFF;
  border-bottom: solid 2px #FF8EFF;
}
.article h2 {
  background: #FFB1FF; /* 薄いピンク */
/*  color:#FFFFFF; */ /* 白 */
  padding: 0.3em; /*文字まわり（上下左右）の余白*/
}
.article h3 {
	padding-top: 10px;
	font-size: 24px;
/*　文字の左側に、色を付ける　*/
	border-left: solid 18px #730073;
	padding-left: 5px; 
/*　文字の下部に下線として、色を付ける　*/
	border-bottom: solid 2px #730073;
}
.article h4 {
  font-size: 24px;
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #FF6BFF;/*上線*/
  border-bottom: solid 3px #FF6BFF;/*下線*/
}
.article h5 {
	padding-top: 10px;
	font-size: 22px;
/*　文字の左側に、色を付ける　*/
	border-left: solid 12px #6bc6ff;
	padding-left: 10px;
/*　文字の下部に下線として、色を付ける　*/
	border-bottom: solid 1px #6bc6ff;
}
.article h6 {
	padding-top: 10px;
	font-size: 22px;
	color: #566732;
	background-color: #ffff8e;
}
/* 囲み枠 */
.box1 {
    padding: 0.5em 0.3em;
    margin: 2em 0;
/*    font-weight: bold; */
/*    color: #6091d3; */ /*文字色*/
    background: #FFF;
    border: double 5px #e2b1ff;
/*    border: solid 3px #e2b1ff; */ /*線*/
    border-radius: 10px;/*角の丸み*/
/*    width: 370px; */
    text-align: center;
    margin-left: auto;
	margin-right: auto;
}
.box1 p {
    margin: 0; 
    padding: 0;
    display: inline-block;
    text-align: left;
}
/*---------------------------------
「次のページ」
--------------------------------*/
.pagination-next-link {
  background-color: #FF48FF; /*背景色*/
  font-weight: bold;
  color: #404040;  /* 文字の色 */
  border: 2px solid #FF48FF; /* 枠線の太さ、色 */
  border-radius: 30px;
}

.pagination-next-link:hover {
  background-color: #8ED4FF; /* ホバー時の背景色 */
  color: #909090;   /* ホバー時の文字の色 */
  border: 2px solid #8ED4FF; /* ホバー時の枠線の太さ、色 */
}
/*---------------------------------
「次のページ」の数字の部分のカスタマイズ
--------------------------------*/
.page-numbers {
  color: #404040; /* 数字の色 */
  border: 1px solid #FF6BFF; /* 枠線の太さ、色 */
}

.pagination .current {
  background-color: #FF25FF; /* 現在のページの背景色 */
  color: #ffffff; /* 現在のページの文字色 */
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #FF8EFF; /* ホバー時の背景色 */
  color: #909090; /* ホバー時の文字の色 */
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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