@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/


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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
.entry-card-thumb {
    transition-duration: 0.3s; /*アニメーションの時間*/
    box-shadow: 0px 4px 15px -5px rgba(85,85,85,0.75); /*通常時の画像の影*/
}
.entry-card-thumb:hover {
    transform: translateY(-6px); /*マウスホバーで上に移動*/
    box-shadow: 0px 8px 18px -5px rgba(85,85,85,0.75); /*マウスホバー時の画像の影*/
}
.entry-card-thumb img { /*画像下の隙間を消す*/
    vertical-align: bottom;
}
.a-wrap:hover { /*マウスホバー時の全体の背景色を消す*/
    background: none;
}
.entry-card-title {
    margin-top: 10px; /*上に余白を付ける*/
    line-height: 1.5; /*行間を広く*/
}
.entry-card-title:hover {
    color: #49add1; /*マウスホバー時の色*/
}
@media screen and (max-width: 768px){
    .entry-card-title {
        font-size: 14px; /*スマホでの文字の大きさ*/
        line-height: 1.4; /*スマホでの行間*/
    }
}
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}
.article h1{ /*見出し１カスタマイズ*/
background: #fff2f9; /*背景カラー*/
font-size: 24px; /*フォントサイズ*/
letter-spacing: 2px; /*文字間隔*/
margin: 35px 20px 20px 20px;
padding: 5px 5px 5px 5px;
border: 1px solid #fe619a; /*周囲ラインの太さとカラー*/
line-height: 27px; /*高さ*/
text-align: center; /*文字位置中央*/
border-radius: 6px; /*角丸コーナー*/
box-shadow: 3px 3px 2px rgba(0,0,0,0.3); /*シャドー*/
}

.article h2 {
color: #cc608b;/*文字色*/
border-bottom: dashed 2px #994868;
/*線の種類（点線）2px 線色*/
}
.article h3{
background: #ffc0cb;
box-shadow: 0px 0px 0px 5px #ffc0cb;
border: dashed 1px #fffafa;
padding: 0.2em 0.5em;
color: #c71585;
}
.article h4 {
padding: 0.5em;/*文字周りの余白*/
color: #994868;/*文字色*/
background: #fff0f5;/*背景色*/
border-left: solid 5px #cc608b;/*左線（実線 太さ 色）*/
}
.article h5{
position: relative;
padding: 0.25em 1em;
border: solid 2px black;
border-radius: 3px 0 3px 0;
}

h5:before,h5:after
{
content: '';
position: absolute;
width:10px;
height: 10px;
border: solid 2px black;
border-radius: 50%;
}

h5:after {top:-12px;left:-12px;}
h5:before {bottom:-12px;right:-12px;}

.article h6 {
color: #995c7a;
text-shadow: 0 0 5px white;
border-left: solid 7px #c71585;
background: -webkit-repeating-linear-gradient(-45deg, #ffcce6, #ffcce6 3px,#fff0f5 3px, #fff0f5 7px);
background: repeating-linear-gradient(-45deg, #ffcce6, #ffcce6 3px,#fff0f5 3px, #fff0f5 7px);
}
/* TOC+目次デザイン */
    #toc_container {
    background: #f9f9f9;
    border: 2px dashed #fff;
    box-shadow: 0 0 0 10px #f9f9f9, 4px 5px 6px 5px rgba(0,0,0,0.5);
    padding: 20px;
    margin-bottom: 1em;
    width: 70%!important;
    display: table;
    font-size:95%;
    border-radius: 6px;
}
#toc_container p.toc_title {
    text-align: center;
    color: #c71585;/* アクセントカラー */
    font-size:1.2em;
}
#toc_container p.toc_title::before {
    content:"\f00b";
    font-family: FontAwesome;
    padding-right:3px;
}
/*　Table of Contents Plusを中央に表示させる　*/
#toc_container { 
  margin-left: auto; 
  margin-right: auto; 
}
/* --------------------------- *
 *  スライドインのカスタマイズ *
 * --------------------------- */

/* 背景色を変更：背景画像にするなら不要 */
.mobile-menu-buttons {
	background: #663d52;
}
/* メニューのみ */
.navi-menu-button {
	color: #fff0f5;
}
/* ホームのみ */
.mobile-menu-buttons .home-menu-button > a {
	color: #fff0f5;
}
/* 検索のみ */
.search-menu-button {
	color: #fff0f5;
}
/* トップのみ：トップに画像を入れる歳は不要 */
.mobile-menu-buttons .top-menu-button > a {
	color: #fff0f5;
}
/* サイドバーのみ */
.sidebar-menu-button {
	color: #fff0f5;
}
.navi-menu-content {
	background: #ffeff5;
}
.menu-drawer a {
	color: #331823;
}
.menu-drawer a:hover {
	background-color: #ebbcce;
}
.sidebar h3{/*サイドバー見出し*/
	display:inline-block;
	color:#331823;/*文字色*/
	background:#fff;/*背景色*/
	border-bottom:2px solid #994868;/*下線*/
	padding:2;
	line-height:1;
}
/*cardの外観*/
.internal-blogcard,.external-blogcard{
padding: 0.5em 1em;
margin-bottom: 0.5em;
color: #5d627b;
background: #f4f4f4;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.33);
border-radius: 4px;
}
.internal-blogcard {
border-left: solid 5px #fd9435;
}
.external-blogcard {
border-left: solid 5px #86ceec;
}
blockquote{
    position:relative;
    background:#FBDFDF;
    border-radius:10px;
    padding:20px;
}
blockquote:before{
    position:absolute;
    left:45%;
    top:-24px;
    background-color:#FFFFFF;
    color:#808080;
    border:2px solid #FBDFDF;
    box-sizing:border-box;
    font-family:'FontAwesome';
    content:'\f10e';
    line-height:1;
    padding-top:12px;
    text-align:center;
    width:48px;
    height:48px;
    font-size:20px;
    border-radius:24px;
}
blockquote p {
    color:#808080
}
blockquote cite {
    display: block;
    border-top:1px solid #808080;
    padding-top:10px;
    font-size: 0.8rem;
    text-align:center;
    color: #808080;
}

/* −−ボタンを浮かして影をつける−−*/
 .btn{
 box-shadow: 0 7px 0px #663046;
 }
/*−−−ボタンが重なったときに沈む−−−*/
 .btn:hover{
 box-shadow: 0 1px 0 #663046 ;
 transform: translateY(6px);
 -webkit-transform: translateY(6px);
 }
/*−−−カーソルを外したときに元に戻す−−−*/
 .btn{
 transition:.5s ease-in-out;
 }
.pagination .current{
	background-color: #994868;/*ボタンの色を変更*/
	
}
.page-numbers{
	background-color: #994868;/*ボタンの色を変更*/
	border-radius: 90px;
	font-weight: bold;
	color: #fff;
	border:none;
	box-shadow:2px 1px #006e54;
}