@charset "UTF-8";

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

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

/*見出し設定リセット*/
.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;
}
 
/*h2～h6見出し設定*/
.article h2 {
    color: #fff;
    padding: .8em 1em;
    margin-top: 80px;
    background: #F090B4;
    border-top: 4px solid #EFBFD2;
    border-bottom: 4px solid #EFBFD2;
}
.article h3 {
    color: #F090B4;
    padding: .5em 0;
    margin-top: 40px;
    border-top: 3px solid #F090B4;
    border-bottom: 3px solid #F090B4;
}
.article h4 {
    color: #F090B4;
    padding: .2em 1em;
    margin-top: 40px;
    border-left: 6px solid #F090B4;
}
.article h5 {
    color: #F090B4;
    margin-top: 40px;
    border-bottom: solid 2px #F090B4;
}
.article h6 {
    color: #F090B4;
    margin-top: 40px;
    border-bottom: solid 1px #F090B4;
}

/* サイドバー見出し設定 */
.sidebar h3 {
    background: none; /*背景色を解除*/
    padding: 0; /*余白をなしに*/
    font-size: 16px; /*文字サイズを小さく*/
    letter-spacing: 2px; /*文字の間隔を少し広く*/
}
.sidebar h3:first-letter {
    font-size: 1.5em; /*最初の文字を1.5文字分に大きく*/
}
.sidebar h3:after { /*グラデーションのラインを引く*/
    content:"";
    display:block;
    height:1px;
    width:100%;
    background: -webkit-linear-gradient(left, #40bfa0 0%,#fef785 82%,#f37b7b 100%);
    background: linear-gradient(to right, #40bfa0 0%,#fef785 82%,#f37b7b 100%);
}

/*グローバルメニュー編集*/
nav#navi, .menu-header .sub-menu{
    font-weight: bold;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}
.menu-header .item-label{
    color: #EFBFD2 !important;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #EFBFD2;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #333 !important;
    transition: all .2s ease;
}

/* 記事間に線を引く */
#main .entry {
 border-bottom: 1px dashed #FF99FF;
 padding-bottom: 15px;
}

/* 関連記事に線を引く */
#main .related-entry {
    border-bottom: 1px dashed #FF99FF;
    padding-bottom: 15px;
}

/* 関連記事の見出し編集 */
#related-entries h2 {
  font-size: 1.3rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-left: 6px solid #ff99cc;
 border-bottom: none !important;
 color: #000;
 margin:35px 0px 30px;
}

/* 関連記事の続きを読む装飾 */
.related-entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#FF837B;
 border:1px solid #FF837B;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }

/* ページネーションに枠設定 
.pagination a{ border: 1px solid #ddd; border-left-width: 0; margin-left: 0; width: 36px; height: 36px; line-height: 36px; }*/

/* モバイル表示削減 */
a#footer-button-home{
  display: block;
}

a#footer-button-prev,
a#footer-button-next{
  display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}