@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){
  /*必要ならばここにコードを書く*/
}

.aff-btns{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.aff-btn{flex:1;min-width:140px;text-align:center;padding:12px 8px;border-radius:6px;color:#fff!important;text-decoration:none!important;font-weight:bold}.aff-amazon{background:#ff9900}.aff-rakuten{background:#bf0000}.aff-img{text-align:center;margin:12px 0}.aff-img img{max-width:300px;height:auto}

.aff-btns{display:flex !important;gap:16px !important;flex-wrap:wrap}
.aff-btns .aff-btn{flex:1 1 160px}
.aff-btns .amz-btn,.aff-btns .rb-btn{flex:1;min-width:140px;text-align:center;padding:12px 8px;border-radius:6px;color:#fff!important;text-decoration:none!important;font-weight:bold}
.aff-btns .amz-btn{background:#ff9900}
.aff-btns .rb-btn{background:#bf0000}
.aff-btns
.author-box img,.author-box .author-thumb img,.author-box .avatar{border-radius:50%!important;object-fit:cover}

body:not(.home) .index-top [id^="profile-"]{display:none!important}

.index-top [id^="profile-"] img{border-radius:50%!important;object-fit:cover}

.carousel-thumb .cat-label,.carousel .cat-label,.entry-card-thumb .cat-label,.ect-tile-card-thumb .cat-label,.ect-vertical-card-thumb .cat-label,.widget-entry-card-thumb .cat-label,.new-entry-card-thumb .cat-label{position:static!important;display:inline-block!important;margin:0 0 6px!important}
 .amz-btn,.aff-btns .rb-btn{flex:1 1 160px}

.entry-card-thumb img,.ect-tile-card img,.ect-vertical-card img,.widget-entry-card-thumb img,.new-entry-card-thumb img{object-fit:contain!important;background:#f7f7f7}
.entry-card-thumb,.ect-tile-card .entry-card-thumb{background:#f7f7f7}
.ect-tile-card,.ect-vertical-card,.entry-card{box-shadow:0 2px 10px rgba(0,0,0,.14)}
.article h1,.entry-title{font-weight:800}

.site-name-text,.site-name-text a{font-size:26px!important;font-weight:700!important}
#footer .site-name-text,#footer .site-name-text a,#footer .site-name a,#footer a[href="https://like-web-design.com/"]{font-size:23px!important;font-weight:700!important}

.footer-menu{margin-bottom:24px!important}
@media screen and (max-width:768px){.site-name-text,.site-name-text a{font-size:20px!important}}
{.site-name-text,.site-name-text a{font-size:18px!important}}
@media screen and (max-width:768px){.footer-menu,.footer-menu ul{text-align:left!important}.footer-menu li{display:block!important;text-align:left!important}.footer-menu li a{display:block!important;text-align:left!important;padding:8px 0!important;border:0!important}}
rticle h2{font-weight:800;border-left:6px solid #111;border-bottom:2px solid #111;padding-left:10px}
.entry-content h3,.article h3{font-weight:800}
.navi-in>ul>li>a:hover,.navi-in>ul>li.current-menu-item>a,.navi-in>ul>li.current-category-ancestor>a{background:#333!important;color:#fff!important}
body.archive .index-top,body.archive #index-top,body.category .index-top,body.category #index-top{display:none!important}
.sns-share,.sns-follow{display:none!important}

.author-box img,.author-box .author-thumb img,.author-box .avatar{border-radius:50%!important;object-fit:cover}

body:not(.home) .index-top [id^="profile-"]{display:none!important}

.index-top [id^="profile-"] img{border-radius:50%!important;object-fit:cover}

.carousel-thumb .cat-label,.carousel .cat-label,.entry-card-thumb .cat-label,.ect-tile-card-thumb .cat-label,.ect-vertical-card-thumb .cat-label,.widget-entry-card-thumb .cat-label,.new-entry-card-thumb .cat-label{position:static!important;display:inline-block!important;margin:0 0 6px!important}

.entry-card-thumb img,.ect-tile-card img,.ect-vertical-card img,.widget-entry-card-thumb img,.new-entry-card-thumb img{object-fit:contain!important;background:#f7f7f7}
.entry-card-thumb,.ect-tile-card .entry-card-thumb{background:#f7f7f7}
.ect-tile-card,.ect-vertical-card,.entry-card{box-shadow:0 2px 10px rgba(0,0,0,.14)}
.article h1,.entry-title{font-weight:800}
.entry-content h2,.article h2{font-weight:800;border-left:6px solid #111;border-bottom:2px solid #111;padding-left:10px}
.entry-content h3,.article h3{font-weight:800}
.navi-in>ul>li>a:hover,.navi-in>ul>li.current-menu-item>a,.navi-in>ul>li.current-category-ancestor>a{background:#333!important;color:#fff!important}
body.archive .index-top,body.archive #index-top,body.category .index-top,body.category #index-top{display:none!important}
.sns-share,.sns-follow{display:none!important}

body.archive [id^="new_entries-"],body.category [id^="new_entries-"]{display:none!important}
.related-entry-card-thumb img{object-fit:contain!important;background:#f7f7f7}

body:not(.home) [id^="new_entries-"]{display:none!important}

.site-name-text,.site-name-text a{font-size:26px!important;font-weight:700!important}
#footer .site-name-text,#footer .site-name-text a,#footer .site-name a,#footer a[href="https://like-web-design.com/"]{font-size:23px!important;font-weight:700!important}

.footer-menu{margin-bottom:24px!important}

@media screen and (max-width:768px){.site-name-text,.site-name-text a{font-size:20px!important}}
@media screen and (max-width:480px){.site-name-text,.site-name-text a{font-size:18px!important}}
@media screen and (

@media screen and (max-width:768px){.footer-menu ul{display:block!important;text-align:left!important}.footer-menu li{display:block!important;width:100%!important;float:none!important;text-align:left!important}}

@media screen and (max-width:768px){#footer .site-name-text,#footer .site-name-text a,#footer .site-name a,#footer .footer-site-name a{font-size:20px!important}}
@media screen and (max-width:480px){#footer .site-name-text,#footer .site-name-text a,#footer .site-name a,#footer .footer-site-name a{font-size:18px!important}}

.index-top [id^="new_entries-"] .widget-title{display:block;background:#111!important;color:#fff!important;font-weight:800!important;font-size:20px!important;padding:10px 14px!important;margin-bottom:12px!important;border-radius:2px}
max-width:768px){.footer-menu,.footer-menu ul{text-align:left!important}.footer-menu li{display:block!important;text-align:left!important}.footer-menu li a{display:block!important;text-align:left!important;padding:8px 0!important;border:0!important}}
body.archive [id^="new_entries-"],body.category [id^="new_entries-"]{display:none!important}
.related-entry-card-thumb img{object-fit:contain!important;background:#f7f7f7}

body:not(.home) [id^="new_entries-"]{display:none!important}
body.page-id-940 .toc ol,body.page-id-940 .toc-list{list-style:none!important}
@media(max-width:768px){#footer nav ul{display:block!important}#footer nav li{display:block!important;width:100%!important;float:none!important;text-align:left!important}#footer nav li a{display:block!important;padding:8px 0!important;border:0!important}}
@media(max-width:768px){#footer a[href="https://like-web-design.com/"]{font-size:20px!important}}
@media(max-width:480px){#footer a[href="https://like-web-design.com/"]{font-size:16px!important}}
@media(max-width:768px){#footer a[href^="https://like-web-design.com/"]{font-size:20px!important}}
@media(max-width:480px){#footer a[href^="https://like-web-design.com/"]{font-size:16px!important}}
@media(max-width:768px){#footer>a,#footer .footer-bottom a{font-size:20px!important}}
@media(max-width:480px){#footer>a,#footer .footer-bottom a{font-size:16px!important}}
@media(max-width:480px){a[href="https://like-web-design.com/"]:not(.site-name-text *),main+a{font-size:16px!important}}
@media(max-width:480px){a[href^="https://like-web-design.com/"]:not(.site-name-text *),main+a{font-size:16px!important}}
[id*="entries"] .widget-title,[id*="entries"] .widget_title{display:block;background:#111!important;color:#fff!important;font-weight:800!important;font-size:20px!important;padding:10px 14px!important}

.cat-label{position:static!important;display:inline-block!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0 0 6px!important;max-width:100%}
.eye-catch .cat-label,.eye-catch-wrap .cat-label,.article .cat-label,.related-entry-card .cat-label,.related-entry-card-thumb .cat-label,.navi-entry-card .cat-label,.navi-entry-card-thumb .cat-label,.popular-entry-card .cat-label,.recent-entry-card .cat-label{position:static!important;display:inline-block!important;margin:0 0 6px!important}

.entry-card-thumb>.cat-label,.related-entry-card-thumb>.cat-label,.eye-catch .cat-label,.carousel-thumb>.cat-label,.ect-tile-card-thumb>.cat-label,.ect-vertical-card-thumb>.cat-label,.widget-entry-card-thumb>.cat-label,.new-entry-card-thumb>.cat-label{position:static!important}
.entry-card-thumb .post-date,.related-entry-card-thumb .post-date,.carousel-thumb .post-date,.eye-catch .post-date,.entry-card-thumb [class*="label"],.related-entry-card-thumb [class*="label"],.entry-card-thumb [class*="badge"],.related-entry-card-thumb [class*="badge"]{position:static!important;display:inline-block!important;top:auto!important;left:auto!important;transform:none!important}

.ect-tile-card-content,.ect-tile-card .entry-card-content{position:static!important;transform:none!important;background:none!important;color:inherit!important;padding:6px 0 0!important}
.ect-tile-card .entry-card-title,.ect-tile-card .post-date,.ect-tile-card .cat-label{color:inherit!important;position:static!important}

.eye-catch-wrap,.eye-catch,.eye-catch figure{display:flex!important;flex-direction:column!important;overflow:visible!important}
.eye-catch img,.eye-catch-wrap img{display:block!important;width:100%!important;height:auto!important;order:1!important}
.eye-catch-wrap .eye-catch{order:1!important}
.eye-catch-wrap .cat-label,.eye-catch .cat-label{order:99!important;align-self:flex-start!important;float:none!important;clear:both!important;position:static!important;display:inline-block!important;margin:8px 0 0!important}

.cat-label, .cat-label a { color: #fff !important; }

.entry-card .cat-label, .entry-card .cat-label a, .ect-tile-card .cat-label, .ect-tile-card .cat-label a, .related-entry-card .cat-label, .related-entry-card .cat-label a, .carousel .cat-label, .carousel .cat-label a, .eye-catch-wrap .cat-label, .eye-catch-wrap .cat-label a { color: #fff !important; }

@media screen and (max-width:768px){
#navi .menu-mobile li,#navi .menu-mobile li a{height:auto;min-height:44px}
#navi .menu-mobile .item-label{white-space:normal;overflow:visible;text-overflow:clip}
}

body.paged .index-top [id^="new_entries-"]{display:none!important}

@media screen and (max-width:768px){
#navi .menu-mobile li{width:100%!important}
#navi .menu-mobile li a{justify-content:center}
}

.entry-card,.ect-tile-card,.ect-vertical-card,.widget-entry-card,.related-entry-card{border:none!important}

body.paged [id^="new_entries-"],body.paged .widget_new_entries{display:none!important}

.entry-card-wrap.a-wrap,.border-square .a-wrap{border:none!important}

@media screen and (max-width:834px){
  #navi .navi-in ul,
  #navi ul.menu,
  .navi .navi-in ul,
  .navi ul.menu{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:6px 20px!important;
  }
  #navi .navi-in ul > li,
  #navi ul.menu > li,
  .navi .navi-in ul > li,
  .navi ul.menu > li{
    display:block!important;
    float:none!important;
    width:auto!important;
    flex:0 0 auto!important;
  }
  #navi .navi-in a,
  .navi .navi-in a{
    white-space:nowrap!important;
  }
}

@media screen and (max-width: 834px) {
  #navi,
  .navi {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #navi .navi-in ul,
  #navi ul.menu,
  .navi .navi-in ul,
  .navi ul.menu {
    gap: 2px 10px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  #navi .navi-in ul > li,
  #navi ul.menu > li,
  .navi .navi-in ul > li,
  .navi ul.menu > li {
    margin: 0 !important;
    line-height: 1.25 !important;
  }
  #navi .navi-in a,
  .navi .navi-in a,
  #navi ul.menu a,
  .navi ul.menu a {
    font-size: 13px !important;
    line-height: 1.25 !important;
    padding: 5px 6px !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 834px) {
  #navi,
  .navi,
  #navi .navi-in,
  .navi-in {
    margin: 0 !important;
    padding: 0 !important;
  }
  #navi ul,
  .navi ul,
  #navi .navi-in ul,
  .navi-in ul,
  #navi ul.menu,
  #navi ul.menu-header,
  ul.menu-header {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 4px !important;
    row-gap: 0 !important;
    column-gap: 4px !important;
  }
  #navi li,
  .navi li,
  #navi ul li,
  #navi .navi-in li,
  .menu-header li {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.1 !important;
  }
  #navi a,
  .navi a,
  #navi li a,
  #navi .navi-in a,
  .menu-header a {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    padding: 1px 3px !important;
    height: auto !important;
    min-height: 0 !important;
    white-space: nowrap !important;
  }
}

#navi .menu-mobile { display: none !important; }

#navi .menu-header { display: flex !important; flex-wrap: wrap; }

#navi .menu-header li a { font-weight: 700 !important; }

@media screen and (max-width: 834px) {
#navi .menu-header { display: flex !important; flex-wrap: wrap; }
#navi .menu-header li { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; }
#navi .menu-header li a { margin: 0 !important; padding: 2px 3px !important; font-weight: 700 !important; }
}

html body #header #navi #navi-in ul.menu-mobile, html body #navi #navi-in ul.menu-top.menu-mobile, #navi-in > ul.menu-mobile, #navi-in > ul:nth-of-type(2), #navi-in > ul:last-child { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }
.menu-mobile { display: none !important; }

.header-container .navi ul li a,
.navi-in a {
  font-size: 17px;
  font-weight: 700;
}

@media screen and (max-width: 834px) {
  .header-container .navi ul li a,
  .navi-in a {
    font-size: 14px;
    font-weight: 700;
  }
}

.header-container .navi,
#navi {
  padding-bottom: 10px;
}

#navi.menu-header li a {
  font-size: 17px;
  font-weight: 700;
}
@media screen and (max-width: 834px) {
  #navi.menu-header li a {
    font-size: 14px;
    font-weight: 700;
  }
}

#navi .menu-header li a {
  font-size: 17px !important;
}
#navi {
  padding-bottom: 10px !important;
}
@media screen and (max-width: 834px) {
  #navi .menu-header li a {
    font-size: 14px !important;
  }
  #navi {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 834px) {
  #navi .menu-header li a {
    font-size: 14px !important;
  }
  #navi {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 768px) {
  #header .header-in {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  #header .site-name,
  #header .site-name-text {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #header .tagline {
    margin-bottom: 6px !important;
  }
}

@media screen and (max-width: 768px) {
  #header, .header-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #header .header-in {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  #header .logo {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #header .tagline {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.4 !important;
  }
  #header .site-name,
  #header .site-name-text {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.25 !important;
  }
  #navi {
    padding-top: 4px !important;
    margin-top: 0 !important;
  }
  #navi .navi-in,
  #navi .menu-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  #header .tagline {
    margin-bottom: 12px !important;
  }
  #header .header-in {
    padding-bottom: 12px !important;
  }
  #navi {
    padding-top: 6px !important;
  }
}