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

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

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

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

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

.home main#main{
  padding-top:0;
}

.page main#main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.home .column-wrap.column-2{
  margin-top:0;
}

.home .container .column-wrap>div{
  padding-top:0;
}

.content{
  margin-top:0;
}

.post-72 .date-tags{
  display:none;
}

.main,
.sidebar{
  background-color:transparent;
}

a{
  text-decoration:none;
}

.grecaptcha-badge{
  visibility:hidden;
}

.cat-label{
  display:none;
}

.archive-title{
  color:#5f5f5f;
  text-align:center;
  font-family:'Baloo Thambi 2', noto sans jp;
  font-size:18px !important;
  margin-left:-10px;
}

.archive-title:before{
  display:none;
}

.entry-card-title{
  text-align:center;
  font-size:14px;
}

.new-entry-card-title{
  font-size:14px;
  color:#444444;
  margin-top:3px;
}

.new-entry-card-snippet{
  font-size:13px;
}

.new-entry-card-link,
.entry-card-wrap,
.related-entry-card-wrap,
.author-box{
  background-color:white;
}

.related-entry-card-title{
  font-size:14px;
}

.related-entry-card-snippet{
  font-size:13px;
}

.blogcard-type .blogcard-label{
  background-color:#ad8a68;
  color:white;
  font-size:12px;
}

.blogcard-snippet{
  font-size:13px;
}

.blogcard-title{
  font-size:14px;
}

.author-box .author-content .author-follows .sns-buttons a.follow-button{
  border-radius:50%;
  border:none;
  width:25px;
  height:25px;
  color:#fff!important;
  margin:3px;
  transition:.5s;
}

div.author-follows a.follow-button.website-button.website-follow-button-sq{background-color:#6eb6fd!important;}
div.author-follows a.follow-button.twitter-button.twitter-follow-button-sq{background-color:#000000!important;}
div.author-follows a.follow-button.bluesky-button.bluesky-follow-button-sq{background-color:#1185FE!important;}
div.author-follows a.follow-button.facebook-button.facebook-follow-button-sq{background-color:#7c9dec!important;}
div.author-follows a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color:#2c6ebd!important;}
div.author-follows a.follow-button.instagram-button.instagram-follow-button-sq{background:linear-gradient(165deg, #427eff 5%, #f13f79 50%) no-repeat !important;}
div.author-follows a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color:#bd081c!important;}
div.author-follows a.follow-button.youtube-button.youtube-follow-button-sq{background-color:#cd201f!important;}
div.author-follows a.follow-button.tiktok-button.tiktok-follow-button-sq{background-color:#000000!important;}
div.author-follows a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color:#0A66C2!important;}
div.author-follows a.follow-button.note-button.note-follow-button-sq{background-color:#41C9B4!important;}
div.author-follows a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color:#FF5500!important;}
div.author-follows a.follow-button.flickr-button.flickr-follow-button-sq{background-color:#111!important;}
div.author-follows a.follow-button.line-button.line-follow-button-sq{background-color:#00c300!important;}
div.author-follows a.follow-button.amazon-button.amazon-follow-button-sq{background-color:#ff9900!important;}
div.author-follows a.follow-button.twitch-button.twitch-follow-button-sq{background-color:#5C16C5!important;}
div.author-follows a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color:#C61E79!important;}
div.author-follows a.follow-button.slack-button.slack-follow-button-sq{background-color:#4A154B!important;}
div.author-follows a.follow-button.github-button.github-follow-button-sq{background-color:#4078c0!important;}
div.author-follows a.follow-button.codepen-button.codepen-follow-button-sq{background-color:#47CF73!important;}
div.author-follows a.follow-button.feedly-button.feedly-follow-button-sq{background-color:#2bb24c!important;}
div.author-follows a.follow-button.rss-button.rss-follow-button-sq{background-color:#f26522!important;}

.author-box .author-content .author-follows .sns-buttons a.follow-button span{
  line-height:40px;
}

.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{
  font-size:20px !important;
}

.related-entry-heading{
  font-size:18px;
}

.related-entry-card-title.card-title.e-card-title{
  font-size:14px;
}

.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons{
  justify-content:center;
  flex-wrap:wrap;
}

.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a{
  width:40px;
  height:40px;
  margin-right:4px;
  margin-left:4px;
  border-radius:50%;
}

.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon{
  font-size:18px;
}

.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption{
  display:none;
}

.wp-block-separator{
margin-top:-20px;
margin-bottom:-20px;
margin-left:0;
margin-right:0;
}

.footer{
  margin-top:0;
  padding-top:0;
}

#custom_html-8,
.footer-bottom{
  margin-top:0;
  padding-top:0;
}

.source-org.copyright{
  font-size:12px;
}

.home .entry-content{
  --fortune_gap:0.2em;
  --columns_gap:18px;
  --columns_mb:1em;
}

.home .entry-content .archive-more,
.home .entry-content .more-link,
.home .entry-content .pagination,
.home .entry-content .pagination-next-link{
  margin-top:0.2em !important;
  padding-top:0 !important;
}

.home .entry-content .entry-card-wrap,
.home .entry-content .entry-card-list,
.home .entry-content .new-entry-cards,
.home .entry-content .post-list,
.home .entry-content .widget-entry-cards,
.home .entry-content .wp-block-latest-posts,
.home .entry-content .wp-block-query{
  margin-bottom:0.2em !important;
  padding-bottom:0 !important;
}

.home .entry-content .archive-more-wrap,
.home .entry-content .more-link-wrap{
  margin-top:0.2em !important;
}

.home .entry-content .button-block{
  margin-bottom:0.4em !important;
}

.home .entry-content .wp-block-group{
  margin-top:0.25em !important;
  margin-bottom:0.25em !important;
}

.home .entry-content figure.wp-block-image{
  margin-top:0.25em !important;
  margin-bottom:0.25em !important;
}

.home .entry-content p:has(> a > img),
.home .entry-content p:has(> img){
  margin-top:0.25em !important;
  margin-bottom:0.25em !important;
}

body.home .entry-content p.is-style-balloon-bottom-box{
  margin-top:0.2rem !important;
}

body.home .entry-content figure.wp-block-image.aligncenter.size-large
+ figure.wp-block-image.aligncenter.size-large{
  margin-top:-0.5rem !important;
}

.home .entry-content .full-bg{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  width:100vw;
  padding-left:0;
  padding-right:0;
}

body.home .entry-content .full-bg + figure.wp-block-image{
  margin-top:0.7em !important;
}

body.home .entry-content .sns-row{
  margin-top:-0.6em !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

body.home .entry-content .sns-row>*{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

body.home .entry-content .more-btn-wrap{
  text-align:center;
  margin:1.2em 0;
}

body.home .entry-content .more-btn-wrap a{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  height:32px;
  padding:0 14px !important;
  background:white !important;
  color:#444444 !important;
  border-radius:999px !important;
  border:0.7px solid #ABB8C3;
  text-decoration:none !important;
  font-weight:500;
  transition:0.3s;
}

body.home .entry-content .more-btn-wrap a:hover{
  opacity:0.85;
}

body.home .entry-content .external-blogcard-wrap{
  margin-bottom:var(--fortune_gap) !important;
  border-radius:4px !important;
  overflow:hidden !important;
  border:1px solid #ABB8C3 !important;
  background:#fff !important;
  box-sizing:border-box;
}

body.home .entry-content .external-blogcard-wrap + .external-blogcard-wrap{
  margin-top:0 !important;
}

body.home .entry-content .external-blogcard-wrap a{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

body.home .entry-content .external-blogcard-wrap .blogcard,
body.home .entry-content .external-blogcard-wrap .blogcard-wrap,
body.home .entry-content .external-blogcard-wrap .blogcard-content{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

body.home .entry-content .new-entry-card-link{
  border-radius:4px !important;
  overflow:hidden !important;
  background:#ffffff !important;
  border:1px solid #ABB8C3 !important;
}

body.home .entry-content .new-entry-card{
  border:none !important;
  background:transparent !important;
}

body.home .entry-content .wp-block-columns{
  gap:var(--columns_gap) !important;
  margin-bottom:var(--columns_mb) !important;
}

body.home .entry-content .wp-block-embed{
  margin-bottom:0.25em !important;
}

body.home .entry-content .tt-wrap.kitsune-tt-root{
  margin-bottom:0.5em !important;
}

@media (max-width: 767px){
  body.home .entry-content .wp-block-columns{
    gap:8px !important;
  }
}

body.home .content,
body.home .content-in,
body.home main#main{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

body.home .sns-row{
  gap:0px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

body.home .sns-row .button-block{
  margin:0 !important;
}

body.home .sns-row a.btn{
  padding-top:5px !important;
  padding-bottom:5px !important;
  line-height:1.2 !important;
}

body.home .entry-content p.full-bg.has-background{
  background:#e5dfcc !important;
  font-size:11px !important;
  line-height:1.35 !important;
  padding-top:5px !important;
  padding-bottom:5px !important;
}

body.home .entry-content p.full-bg.has-background a{
  color:#7D5A60 !important;
  text-decoration:none !important;
}

body.home .sns-row a.btn{
  font-size:12px !important;
}

body.home .wp-block-column p.has-box-style{
  margin-bottom:0.3em !important;
}

body.home .wp-block-column figure.wp-block-image + p{
  margin-top:0.4em !important;
}

body.home .wp-block-column p.has-text-align-center{
  margin-bottom: !important;
}

body.home .wp-block-column p.has-text-align-center + figure.wp-block-image{
  margin-top:0 !important;
}

body.category #list.ect-vertical-card,
body.category #list.ect-vertical-card-3,
body.category #list.ect-vertical-card-2{
  row-gap: 2px !important;
}

body.category #list.ect-vertical-card .entry-card-wrap{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.category main#main,
body.single main#main{
  margin-top: 0;
  padding-top: 0;
}

body.single .wp-block-group .wp-block-embed{
  margin-top: 0 !important;
  margin-bottom: 3px !important;
}

body.single .wp-block-group .wp-block-embed:last-child{
  margin-bottom: 0 !important;
}

body.single .wp-block-group a.blogcard-wrap{
  margin-bottom: 0 !important;
  display: block;
}

.blogcard-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blogcard-snippet{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.single .related-list{
  row-gap: 4px !important;
}

body.single .related-entry-heading,
body.single .related-entry-title,
body.single .related-heading{
  margin-bottom: 0px !important;
}

body.single .entry-content{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.single .entry-content::after{
  content: "";
  display: block;
  border-top: 1px solid #ece8e2;
  margin: 10px 0;
}

body.single .author-description p{
  margin-bottom: 0px !important;
}

body.single .entry-content p,
body.single .entry-content li{
  line-height: 1.6 !important;
}

body.single .entry-content h2,
body.single .entry-content h3,
body.single .entry-content h4,
body.single .entry-content h5{
  margin-top: 1.0em !important;
  margin-bottom: 0.5em !important;
}

@media (min-width: 1024px){
  ul.menu-top.menu-header.menu-pc{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: center;
    gap: 1px;
  }
  ul.menu-top.menu-header.menu-pc > li{
    margin: 0 !important;
    padding: 0 !important;
  }
  ul.menu-top.menu-header.menu-pc > li > a{
    padding: 10px 4px !important;
    white-space: nowrap;
    font-size: 14px;
  }
  ul.menu-top.menu-header.menu-pc .item-label{
    white-space: nowrap;
    letter-spacing: 0;
  }
  ul.menu-top.menu-header.menu-pc .sub-menu{
    position: absolute;
    min-width: 180px;
  }
}

body.home .widget-entry-card-snippet,
body.front-page .widget-entry-card-snippet,
body.home .new-entry-card-snippet,
body.front-page .new-entry-card-snippet{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

.blogcard-label{
  background-color: #ddd7c3 !important;
  color: #5a4630 !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  line-height: 1.3;
}

.blogcard-label .fa{
  color: #5a4630 !important;
}