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

/************************************
** 子テーマ用のスタイルを書く
************************************/
body{
    letter-spacing: 0.05em;
}
.widget-entry-card-content{
    margin-left: 140px;
}
a{
    color: #ffa6b3;
    transition: all 0.3s ease-in-out;
}
a:hover{
    color: #e57384;
}
/*-------webフォントの設定-------*/
.tagline,
.article-header,
.entry-content > *,
.article-footer,
.main .list,
.sidebar aside,
.pagination,.pagination-next,
.under-entry-content,
.pager-post-navi,
.related-entries,
.comment-area,
.breadcrumb,
.footer .footer-in{
  transform: rotate(0.03deg);
}
.sidebar h2,
.sidebar h3,
.author-box .author-name a,
.author-widget-name,
.sns-share-message:before,.sns-follow-message:before,
span.related-entry-main-heading.main-caption:before,.comment-title:before,
ul.menu-drawer:before, ul.menu-drawer:after{
    font-family: "M PLUS Rounded 1c", sans-serif;
}
.sns-share-message:before,.sns-follow-message:before,
span.related-entry-main-heading.main-caption:before,.comment-title:before,
h2.entry-card-title.card-title.e-card-title{
    font-weight: bold;
}
.e-card-title{
    font-weight: 400;
}
.sidebar h2,
.sidebar h3,
ul.menu-drawer:before, ul.menu-drawer:after{
    font-weight: bold;
}
/*ロゴ*/
.site-name-text{
    font-family: "新丸ゴ 太ライン" , "Shin Maru Go Futoline" , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    letter-spacing: 0.2em;
    line-height: 1.6;
}
.site-name-text{
    font-size:36px;
}
/*-------header-------*/
.tagline{
    margin: 20px auto 6px auto;
}
.navi-in > ul .caption-wrap > div {
    width: 100%;
    transform: rotate(0.03deg);
}
/*-------index-------*/
.related-entry-card-snippet, .entry-card-snippet{
    line-height: 1.6;
}
.ect-vertical-card .entry-card-wrap .entry-card-content{
    padding: 0 .6em;
}
h2.entry-card-title.card-title.e-card-title {
  padding: .6em 0;
}
.ect-vertical-card {
    column-gap: 2%;
}
.ect-vertical-card .entry-card-wrap{
    width: 49%;
}
/*Side*********************************************************/
aside{
    padding: 1.4em;
}
#slide-in-sidebar input.search-edit {
  background: whitesmoke;
}
#slide-in-sidebar aside#search-2{
    padding: .5em;
    margin-bottom: 0;
}
.search-edit, input[type="text"]{
    border-radius: 4px;    
}
.widget-entry-card{
    font-size: 14px;
}
.body .widget-entry-cards{
    margin-bottom: 0;
}
.widget_categories > ul > li > a{
    font-weight: bold;
    border-bottom: 2px dashed lightpink;
    font-size: 16px;
}
/*見出しの設定*/
.sidebar h2, .sidebar h3,.sidebar h4,.sidebar h5,footer h2, footer h3,footer h4, footer h5{    
    letter-spacing: 0.12em;
}
.sidebar h3{
    margin-top: 0;
}
/*プロフィール*/
.nwa .author-box{
    padding-bottom: 0;
    margin-bottom: 0;
}
.nwa .author-box .author-content{
    padding: 1em 0;
}
.author-box img.avatar.photo{
    box-shadow: none;
}
.author-box .author-name{
    margin: 0 0 1em 0;
}
.author-box .sns-follow-buttons a.follow-button{
    font-size: 26px;
}
.author-description, .author-description a{
    font-size: 14px;
    margin-bottom: 1.4em;
    font-weight:400;
}
.nwa .sns-follow-buttons{
    column-gap: 3%;
}
.author-box p{
    line-height: 1.8;
}
.supplement-txt{ border: 1px solid #ccc !important;}

/*Update article*/
.widget_info_list .info-list {
  padding: 0;
}
.widget_info_list .info-list-item{
    font-size: 14px;
}
.widget_info_list .info-list-item a{
    color: slategray;
}
.widget_info_list .info-list-item a:hover{
    text-decoration: none;
    color: #e57384;
}
.widget_info_list div:first-child{
    padding-top: 0;
}
.widget_info_list .info-list-item .info-list-item-categorys{
    display: none;
}
.widget_info_list .info-list-item .info-list-item-date::before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f1da";
    font-size: inherit;
    text-rendering: auto;
    margin-right: .2em;
}
/*-------記事-------*/
main > article{
    border-top: 6px solid lightpink;
}
.article .entry-content{
    font-weight: 400;
}
.article h2, .article h3, .article h4, .article h5, .article h6{
    line-height: 1.6;
}
.sns-share-message, .sns-follow-message, span.related-entry-main-heading.main-caption, .comment-title{
    margin-top: 30px;
}
.sns-share-message, .sns-follow-message, span.related-entry-main-heading.main-caption, .comment-title{
    margin-bottom: 30px;
}
.entry-content > figure{
    line-height: 1;
}
.article h4{
    border-bottom: 1px solid lightpink;
    padding: 0 0 .6em 0;
}
.nsfwtoggle .toggle-button{
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: none;
    border-radius: var(--cocoon-basic-border-radius);
    position: relative;
    color: #545454;    
}
.toggle-wrap.nsfwtoggle .toggle-content {
    padding: 1em 0;
}
.nsfwtoggle .toggle-checkbox:checked ~ .toggle-content {
    padding: 1em 0;
    color: #545454;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
}
/*フィルターの解除*/
.eye-catch img {
  filter: none;
  -o-filter: none;
  -ms-filter: none;
  -moz-filter: none;
  -webkit-filter: none;
  opacity: 1;
    height: auto !important;
    transform: none;
}
/*タイトルとタグを絶対位置から相対位置にして多少の余白を設ける*/
h1.entry-title,
.date-tags {
  position: relative;
  top: 0;
  left: 0;
  padding: 0.5em 0;
  margin-right: 0;
}
.date-tags{
    margin-bottom: 0;    
}
/*親要素の高さ指定を解除*/
header.article-header.entry-header {
  height: auto;
}
/*見出しの設定*/
h1.entry-title{
    padding: .2em 0 .5em 0;
    margin-top: 0;
    line-height: 1.6;
}
.entry-content {
  margin: 1em auto 0 auto;
}
.entry-content a{
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed #ffa6b3;
    transition: all 0.3s ease-in-out;
}
.entry-content a:hover{
    border-bottom: 1px dashed #e57384;
}
/*記事footer*/
footer.article-footer.entry-footer{
    padding: 0 1em;
}
footer.article-footer.entry-footer .custom_html-3{
    text-align: center;
}
footer.article-footer.entry-footer .widget_custom_html .custom-html-widget{
    display: flex;
    justify-content: center;
}
footer.article-footer.entry-footer .widget_custom_html p{
}
.entry-categories-tags {
  margin-bottom: 2em;
}
/*その他記事パーツ*/
.entry-content > .toc-center{
    margin-bottom: 2.8em;
}
.toc .toc-list ol{
    padding-left: 3em;
}
.button-block a,
.blogcard-type a,
.entry-content figure a,
.toc a{
    border-bottom: none;
    font-weight: 400;
}
.blogcard-type a:hover,
.entry-content figure a:hover,
.toc a:hover{
    border-bottom: none;
    color: #e57384;
}
.button-block a:hover{
    color: #fff;
    border-bottom: none;
}
.cat-link{
    margin-bottom: 4px;
}

/*-------プライバシーポリシー-------*/
/*アイキャッチを表示しない*/
.privacy-policy .article-header > .eye-catch-wrap{
    display: none !important;
}
/*リンクボタン*/
.btn.cocoon-block-button__width-50, .ranking-item-link-buttons a.cocoon-block-button__width-50 {
    width: 100%;
}
/*コメント欄*/
.comment-notes { display: none; }
.comment-form-author input, .comment-form-email input, .comment-form-url input{
    border: none;
}
/*Index-main*********************************************************/

/*Heading*********************************************************/
.entry-title, .archive-title{
    font-size: 30px;
}
.article h2{
    margin-top: 2em;
    background: #FFF0F5;
    border-radius: 4px;
    padding: 0.8em 1em;
    margin-bottom: 1.2em;
}
.article h2:before {
    content: none;}

.article h3, .article h4{
    margin-top: 1.4em;
    margin-bottom: 0.8em;
}

/*plugin*********************************************************/
.wpulike{
    margin-bottom: 0;
    padding-bottom: 0;
}
/*Others******************************************************************************************/

/*blog card*/
.blogcard-footer{
    font-size: 14px;
    line-height: 1;
}
.blogcard::before{
    padding: .5em .8em;
}
/*MobileMenu*********************************************************/

/*mobile-menu-menu*/

.mobile-menu-buttons .menu-button .fa,
.home-menu-icon.menu-icon,
.top-menu-icon.menu-icon{
    color: lightpink;
}

.menu-drawer li {
    font-size: 1em;
}
.menu-content .menu-drawer {
    padding: 0 1em 30px;
}

ul.menu-drawer:before, ul.menu-drawer:after {
    display: block;
    color: white;
    padding: .5em;
    border-radius: 5px;
}

ul.menu-drawer:after{
    display: none;
}
.sidebar-menu-button .custom-html-widget p{
    color: #545454;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
h1.entry-title {
    padding: 20px 20px 8px 20px;
    }
    article > .entry-content, footer.article-footer.entry-footer{
        padding: 0 30px 20px 30px;
    }
    .toc{
        width: 100%;
    }
    .entry-categories-tags.ctdt-one-row{
        padding: 0;
    }
.tagcloud{
    display: inherit;
}
.tagcloud a{
    display: inline-block;
}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
    #header .site-name-text{
        font-size: 36px;
    }
  header.article-header.entry-header {
    height: auto;
  }
    .sns-follow-buttons a{
        width: inherit;
    }
    .wpulike{
        margin-bottom: 1em;
    }
    .rect-mini-card .related-entry-card-title{
        font-size: 14px;
    }
.blogcard-footer{
    font-size: 12px;
    line-height: 1;
}
    .blogcard-snippet{
        margin-top: 1em;
    }
    .container .column-wrap{
        gap: 0;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
    #header .site-name-text{
        font-size: 26px;
    }     
.ect-vertical-card .entry-card-wrap{
    width: 100%;
}
    .entry-card, .related-entry-card, .e-card-title{
        line-height: 1.6;
    }
    article > .entry-content, footer.article-footer.entry-footer{
        padding: 0 20px 20px 20px;
    }
  .post-template-default main.main {
    padding: 32px 0;
    margin: 12px 0;
    border-width: 0;
  }
    .pager-post-navi{
        padding: 0 16px;
    }
    .pager-post-navi .prev-post{
        margin-bottom: 0.6em;
    }
    .breadcrumb{
        margin: 1em 16px;
    }
    .sidebar-menu-content aside{
        padding: 0 0 20px 0;
    }
    div.sidebar{
        padding: 0 24px;
    }
    #slide-in-sidebar .widget-title{
        font-size: 16px;
    }
    #slide-in-sidebar aside#search-2{
        padding: .5em 0;
    }
  .entry-title,
  .article h2 {
    font-size: 20px;
    padding: 0.6em 0.8em;
  }
  .article h3{
    font-size: 20px;
  }
  .article h4 {
    font-size: 16px;
  }
  .article h5,
  .article h6 {
    font-size: 15px;
      padding-left: 0;
      margin-bottom: 1em;
  }
}