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

/* アフィリエイトストアボタン（全記事共通） */
.entry-content .wp-block-buttons:has(.wp-block-button__link:is([href*="amzn.to"],[href*="a.r10.to"],[href*="hb.afl.rakuten"],[href*="al.dmm.com"])) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px !important;
  align-items: stretch !important;
  margin: 24px 0 18px !important;
}

.entry-content .wp-block-button:has(> .wp-block-button__link:is([href*="amzn.to"],[href*="a.r10.to"],[href*="hb.afl.rakuten"],[href*="al.dmm.com"])) {
  width: 100% !important;
  margin: 0 !important;
}

.entry-content .wp-block-button__link:is([href*="amzn.to"],[href*="a.r10.to"],[href*="hb.afl.rakuten"],[href*="al.dmm.com"]) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 56px;
  padding: 12px 14px !important;
  box-sizing: border-box;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .01em;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 3px 10px rgba(23, 39, 56, .08);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.entry-content .wp-block-button__link[href*="amzn.to"] {
  color: #4a3518 !important;
  background: #fff7e8 !important;
  border-color: #e9bd6a !important;
}

.entry-content .wp-block-button__link:is([href*="a.r10.to"],[href*="hb.afl.rakuten"]) {
  color: #8b0012 !important;
  background: #fff3f4 !important;
  border-color: #dfa1aa !important;
}

.entry-content .wp-block-button__link[href*="al.dmm.com"] {
  color: #174a88 !important;
  background: #f2f7ff !important;
  border-color: #a9c5eb !important;
}

.entry-content .wp-block-button__link:is([href*="amzn.to"],[href*="a.r10.to"],[href*="hb.afl.rakuten"],[href*="al.dmm.com"]):hover {
  filter: brightness(.98);
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgba(23, 39, 56, .12);
}

.entry-content .wp-block-button__link:is([href*="amzn.to"],[href*="a.r10.to"],[href*="hb.afl.rakuten"],[href*="al.dmm.com"]):focus-visible {
  outline: 3px solid rgba(31, 111, 120, .35);
  outline-offset: 3px;
}

@media screen and (max-width: 600px) {
  .entry-content .wp-block-buttons:has(.wp-block-button__link:is([href*="amzn.to"],[href*="a.r10.to"],[href*="hb.afl.rakuten"],[href*="al.dmm.com"])) {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 22px 0 16px !important;
  }

  .entry-content .wp-block-button__link:is([href*="amzn.to"],[href*="a.r10.to"],[href*="hb.afl.rakuten"],[href*="al.dmm.com"]) {
    min-height: 54px;
    font-size: 16px;
    padding: 12px 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .entry-content .wp-block-button__link:is([href*="amzn.to"],[href*="a.r10.to"],[href*="hb.afl.rakuten"],[href*="al.dmm.com"]) {
    transition: none;
  }
}

/* ヘッダー・グローバルメニュー（スマホ） */
@media screen and (max-width: 834px) {
  .header-in {
    min-height: 0 !important;
  }

  .logo-header {
    padding: 8px 12px 4px !important;
  }

  .logo-header img {
    width: min(92vw, 520px) !important;
    max-height: 78px !important;
    object-fit: contain !important;
  }

  #navi .navi-in > ul {
    flex-wrap: nowrap !important;
  }

  #navi .navi-in > ul > li {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }

  #navi .navi-in a {
    padding: 9px 3px !important;
    font-size: 14px !important;
    white-space: nowrap;
  }
}
/* スマホメニューは文字幅に合わせる */
@media screen and (max-width: 834px) {
  #navi .navi-in > ul > li {
    flex: 1 1 auto !important;
  }
}

/* ホーム下部とフッター */
.home #main {
  padding-bottom: 16px;
}

.home #post-16,
.home #post-16 .entry-content,
.home #post-16 .new-list-box {
  margin-bottom: 0;
}

#footer {
  margin-top: 0;
  padding: 24px 0 18px;
  border-top: 1px solid #dce8e6;
  background: #f7faf9;
}

#footer .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-top: 0;
  padding: 0 16px;
}

#footer .footer-bottom-logo {
  position: static;
  flex: 0 1 390px;
  width: auto;
  height: auto;
}

#footer .logo-footer,
#footer .site-name-text-link,
#footer .site-name-text {
  width: auto;
  height: auto;
}

#footer .footer-site-logo-image {
  display: block;
  width: min(100%, 360px);
  max-width: 360px;
  max-height: none;
  height: auto;
  margin: 0;
  object-fit: contain;
}

#footer .footer-bottom-content {
  float: none;
  width: auto;
  margin-left: auto;
  text-align: right;
}

#navi-footer .menu-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px 14px;
}

#navi-footer .menu-item {
  width: auto;
  border: 0;
}

#navi-footer a {
  padding: 6px 2px;
  line-height: 1.5;
}

#navi-footer a:hover,
#navi-footer a:focus-visible {
  color: #17656d;
}

#footer .copyright {
  margin-top: 6px;
  color: #5f6b72;
  font-size: 13px;
  line-height: 1.5;
}

@media screen and (max-width: 834px) {
  .home #main {
    padding-bottom: 16px;
  }

  #footer {
    padding: 20px 0 16px;
  }

  #footer .footer-bottom {
    flex-direction: column;
    gap: 10px;
    padding: 0 12px;
  }

  #footer .footer-bottom-logo {
    flex: none;
    width: 100%;
  }

  #footer .footer-site-logo-image {
    width: min(86vw, 280px);
    margin: 0 auto;
  }

  #footer .footer-bottom-content {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }

  #navi-footer .menu-footer {
    justify-content: center;
    gap: 2px 10px;
  }

  #navi-footer a {
    padding: 5px 2px;
    font-size: 14px;
  }
}
/* ホーム最新記事一覧の末尾余白 */
.home #post-16 .new-list-box {
  margin-bottom: 0 !important;
}/* 固定モバイルメニューとの重なり防止 */
@media screen and (max-width: 834px) {
  .mblt-footer-mobile-buttons #footer {
    padding-bottom: 66px;
  }
}


/* Manga Select / 2026-09-28 design layer. Remove this entire block to restore the previous appearance. */
:root{--ms-ink:#16283c;--ms-mint:#0d716d;--ms-pink:#e34f83;--ms-line:#dbe9e9}
body{background:radial-gradient(circle at 8% 4%,rgba(126,222,205,.18),transparent 27rem),radial-gradient(circle at 94% 17%,rgba(247,165,193,.14),transparent 26rem),#f5f8fa;color:var(--ms-ink)}
#header{position:relative;background:linear-gradient(110deg,#ffffff 3%,#f4fbfa 55%,#fff6fa);box-shadow:0 8px 26px rgba(20,55,72,.06)}
#header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f6975,#7fd7c2 46%,#f58aab 81%,#0f6975)}
#header-in{padding:15px 20px 8px}
#header .logo-header img{filter:drop-shadow(0 8px 14px rgba(24,69,81,.08))}
#navi{background:rgba(255,255,255,.92);border-bottom:1px solid #d8e9e7;box-shadow:0 8px 28px rgba(29,66,74,.045)}
#navi .navi-in>ul.menu-mobile{display:none!important}
#navi .navi-in>ul.menu-pc{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px}
#navi .navi-in>ul.menu-pc>li{flex:0 0 auto!important;width:auto!important}
#navi .navi-in a{display:block;padding:10px 19px!important;border:1px solid transparent;border-radius:999px;color:#253d4e!important;font-weight:700;transition:background .2s,border-color .2s,transform .2s}
#navi .navi-in a:hover,#navi .navi-in a:focus-visible{background:#ecf8f5;border-color:#b9deda;color:#115f64!important;transform:translateY(-1px)}
#content-in{padding-top:20px;padding-bottom:26px}
.home #sidebar,.single #sidebar,.page #sidebar{display:none!important}
.home #main,.single #main,.page #main{float:none!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
.home #main{max-width:1200px!important}
.single #main{max-width:960px!important}
.page:not(.home) #main{max-width:960px!important}
.home #main,.single #main,.page #main{border:1px solid #e2eeec;border-radius:24px;background:#fff;box-shadow:0 22px 72px rgba(20,57,72,.065)}
.home #post-16 .entry-content{max-width:none}
.home .msab-home-v2>section:first-child{position:relative;overflow:hidden;box-shadow:0 19px 55px rgba(17,95,91,.10),inset 0 1px 0 rgba(255,255,255,.8)}
.home .msab-home-v2>section:first-child:before{content:"";position:absolute;right:-80px;top:-110px;width:250px;height:250px;border:1px solid rgba(31,127,123,.17);border-radius:50%;box-shadow:0 0 0 35px rgba(57,178,167,.035),0 0 0 70px rgba(57,178,167,.027);pointer-events:none}
.home .msab-home-card{transition:transform .2s,box-shadow .2s,border-color .2s}
.home .msab-home-card:hover,.home .msab-home-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 26px rgba(17,88,87,.13)}
.home .msab-latest-card{box-shadow:0 8px 22px rgba(18,60,70,.055)}
.single .article-header .entry-title{color:#142a3f;font-weight:850;letter-spacing:-.03em;line-height:1.42}
.single .entry-content{color:#24384b;font-size:1rem;line-height:1.9}
.single .entry-content p{line-height:1.9}
.single .entry-content h2{margin-top:2.2em;padding:.68em .8em;border-left:4px solid #1f9185;border-bottom:1px solid #dcece9;border-radius:0 12px 12px 0;background:linear-gradient(90deg,#effaf7,#fff 90%);color:#153348;font-size:1.35em;line-height:1.5}
.single .entry-content h3{color:#174e56;border-bottom:1px solid #dceae7}
.entry-content .wp-block-table table,.entry-content table{border-collapse:separate;border-spacing:0;border:1px solid #dceae8;border-radius:12px;overflow:hidden}
.entry-content table th{background:#edf7f5;color:#1c4450}
.entry-content table td,.entry-content table th{border-color:#dceae8}
.entry-content .wp-block-button__link:is([href*="amzn.to"],[href*="amazon.co.jp/dp/"],[href*="a.r10.to"],[href*="hb.afl.rakuten"],[href*="al.dmm.com"]){min-height:46px!important;padding:8px 13px!important;border-radius:11px!important;box-shadow:0 4px 14px rgba(20,55,72,.07)}
#footer{background:linear-gradient(120deg,#eff8f6,#f7fbfc 53%,#fff3f7)!important;border-top:1px solid #cfe4e1}
a:focus-visible,button:focus-visible{outline:3px solid #0d716d;outline-offset:3px}
@media(max-width:834px){#header-in{padding:8px 12px 3px}#navi .navi-in>ul.menu-pc{display:none!important}#navi .navi-in>ul.menu-mobile{display:flex!important;gap:2px;padding:5px 3px}#navi .navi-in>ul.menu-mobile>li{flex:1 1 auto!important;min-width:0}#navi .navi-in a{padding:8px 3px!important;font-size:clamp(11px,3.2vw,14px)!important;text-align:center}#content-in{padding-top:10px}.home #main,.single #main,.page #main{border-radius:15px;box-shadow:0 12px 34px rgba(20,57,72,.045)}.home .msab-home-v2>section:first-child:before{width:160px;height:160px;right:-70px;top:-80px}.single .entry-content h2{font-size:1.18em}.entry-content .wp-block-button__link:is([href*="amzn.to"],[href*="amazon.co.jp/dp/"],[href*="a.r10.to"],[href*="hb.afl.rakuten"],[href*="al.dmm.com"]){min-height:46px!important}}
@media(prefers-reduced-motion:reduce){#navi .navi-in a,.home .msab-home-card{transition:none!important}.home .msab-home-card:hover,#navi .navi-in a:hover{transform:none!important}}