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

/* =========================================================
   ENDZONE LAB
   GLOBAL ARTICLE COLOR FIX - CORRECTED

   ★ 以前のGLOBAL ARTICLE COLOR SAFETY FIXと入れ替え
   ★ 全投稿記事に自動適用
========================================================= */


/* =========================================================
   H2
========================================================= */

body.single-post .entry-content h2:not([class*="ezl-"]),
body.single-post .entry-content h2:not([class*="ezl-"]) *{

  color:#0f2747 !important;
  -webkit-text-fill-color:#0f2747 !important;

  text-shadow:none !important;
}


body.single-post .entry-content h2:not([class*="ezl-"]){

  position:relative !important;
  display:block !important;

  margin:52px 0 23px !important;
  padding:8px 0 12px 18px !important;

  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;

  border-top:none !important;
  border-right:none !important;
  border-left:5px solid #0f2747 !important;
  border-bottom:2px solid #e5e7eb !important;

  border-radius:0 !important;
  box-shadow:none !important;

  font-size:1.5em !important;
  font-weight:900 !important;
  line-height:1.5 !important;
}


body.single-post .entry-content h2:not([class*="ezl-"])::before,
body.single-post .entry-content h2:not([class*="ezl-"])::after{

  display:none !important;
  content:none !important;

  background:none !important;

  border:none !important;
  box-shadow:none !important;
}



/* =========================================================
   H3
========================================================= */

body.single-post .entry-content h3:not([class*="ezl-"]),
body.single-post .entry-content h3:not([class*="ezl-"]) *{

  color:#0f2747 !important;
  -webkit-text-fill-color:#0f2747 !important;

  background:transparent !important;
  background-image:none !important;

  text-shadow:none !important;
}


body.single-post .entry-content h3:not([class*="ezl-"]){

  display:block !important;

  margin:32px 0 15px !important;
  padding:2px 0 2px 13px !important;

  border-top:none !important;
  border-right:none !important;
  border-bottom:none !important;
  border-left:4px solid #d5a928 !important;

  border-radius:0 !important;
  box-shadow:none !important;

  font-size:1.17em !important;
  font-weight:900 !important;
  line-height:1.55 !important;
}


body.single-post .entry-content h3:not([class*="ezl-"])::before,
body.single-post .entry-content h3:not([class*="ezl-"])::after{

  display:none !important;
  content:none !important;

  background:none !important;

  border:none !important;
}



/* =========================================================
   通常の表

   ★ ezlラッパーの中にあっても効く
   ★ table自体にezlクラスがある特殊表だけ除外
========================================================= */

body.single-post
.entry-content table:not([class*="ezl-"]){

  width:100% !important;

  border-collapse:separate !important;
  border-spacing:0 !important;

  background:#ffffff !important;
}



/* 表ヘッダー */
body.single-post
.entry-content table:not([class*="ezl-"]) th{

  background:#0f2747 !important;
  background-color:#0f2747 !important;
  background-image:none !important;

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  text-shadow:none !important;
}


/* ヘッダー内部 */
body.single-post
.entry-content table:not([class*="ezl-"]) th *{

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  background:transparent !important;

  text-shadow:none !important;
}



/* =========================================================
   表本文
========================================================= */

body.single-post
.entry-content table:not([class*="ezl-"]) td{

  background:#ffffff !important;
  background-color:#ffffff !important;

  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;

  text-shadow:none !important;
}



/* ★重要
   strongだけ白くなって見えない現象を修正
*/
body.single-post
.entry-content table:not([class*="ezl-"]) td strong,

body.single-post
.entry-content table:not([class*="ezl-"]) td b{

  color:#0f2747 !important;
  -webkit-text-fill-color:#0f2747 !important;

  background:transparent !important;
  background-image:none !important;

  text-shadow:none !important;

  font-weight:900 !important;
}



/* spanやリンクにも残っている色を解除 */
body.single-post
.entry-content table:not([class*="ezl-"]) td span{

  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;

  text-shadow:none !important;
}


body.single-post
.entry-content table:not([class*="ezl-"]) td a{

  color:#0f2747 !important;
  -webkit-text-fill-color:#0f2747 !important;

  text-shadow:none !important;
}



/* =========================================================
   通常本文の太字
========================================================= */

body.single-post .entry-content p > strong,
body.single-post .entry-content p > b,
body.single-post .entry-content li > strong,
body.single-post .entry-content li > b{

  color:#0f2747 !important;
  -webkit-text-fill-color:#0f2747 !important;

  text-shadow:none !important;
}



/* =========================================================
   MARK
========================================================= */

body.single-post .entry-content mark{

  color:#0f2747 !important;
  -webkit-text-fill-color:#0f2747 !important;

  background:#fff1b8 !important;

  text-shadow:none !important;
}



/* =========================================================
   Cocoon標準ボックス

   白・薄い背景で白文字になるケースを防止
========================================================= */

body.single-post .entry-content .information-box,
body.single-post .entry-content .question-box,
body.single-post .entry-content .alert-box,
body.single-post .entry-content .memo-box,
body.single-post .entry-content .comment-box{

  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
}


body.single-post .entry-content .information-box strong,
body.single-post .entry-content .question-box strong,
body.single-post .entry-content .alert-box strong,
body.single-post .entry-content .memo-box strong,
body.single-post .entry-content .comment-box strong{

  color:#0f2747 !important;
  -webkit-text-fill-color:#0f2747 !important;
}



/* =========================================================
   MOBILE
========================================================= */

@media(max-width:760px){

  body.single-post
  .entry-content h2:not([class*="ezl-"]){

    margin:42px 0 18px !important;

    padding:
      7px 0
      10px 14px !important;

    border-left-width:4px !important;

    font-size:1.3em !important;
    line-height:1.5 !important;
  }


  body.single-post
  .entry-content h3:not([class*="ezl-"]){

    margin:27px 0 13px !important;

    padding-left:11px !important;

    border-left-width:3px !important;

    font-size:1.08em !important;
    line-height:1.55 !important;
  }


  body.single-post
  .entry-content table:not([class*="ezl-"]) th,

  body.single-post
  .entry-content table:not([class*="ezl-"]) td{

    padding:9px 10px !important;

    font-size:12px !important;
    line-height:1.55 !important;
  }

}

/* =========================================================
   ENDZONE LAB
   GLOBAL ARTICLE DESIGN
   全投稿記事 共通デザイン
========================================================= */


/* =========================================================
   01. 記事上部のアイキャッチを非表示
   投稿記事だけに適用
   → 固定ページ /nfl-team-quiz/ には影響しない
========================================================= */

body.single-post .article-header > .eye-catch-wrap{
  display:none !important;
}


/* =========================================================
   02. ARTICLE BASE
========================================================= */

body.single-post .entry-content{
  color:#1f2937;
  font-size:16px;
  line-height:1.9;
  letter-spacing:.01em;
}


/* 本文 */
body.single-post .entry-content p{
  margin-top:0;
  margin-bottom:1.5em;
  line-height:1.9;
}


/* =========================================================
   03. 記事タイトル H1
========================================================= */

body.single-post .article-header .entry-title{
  margin:0 0 18px !important;
  padding:0 !important;

  border:none !important;
  background:none !important;

  color:#0f2747 !important;

  font-size:32px !important;
  font-weight:900 !important;
  line-height:1.5 !important;
  letter-spacing:-.025em !important;

  text-shadow:none !important;
}


/* =========================================================
   04. H2
   ENDZONE LAB 共通メイン見出し
========================================================= */

body.single-post .entry-content > h2,
body.single-post .entry-content section > h2{

  position:relative;

  margin:52px 0 24px !important;
  padding:14px 16px 14px 20px !important;

  border:none !important;
  border-left:5px solid #0f2747 !important;
  border-bottom:2px solid #e7ebf0 !important;

  border-radius:0 !important;

  background:#ffffff !important;
  background-image:none !important;

  color:#0f2747 !important;
  -webkit-text-fill-color:#0f2747 !important;

  font-size:25px !important;
  font-weight:900 !important;
  line-height:1.55 !important;
  letter-spacing:-.02em !important;

  box-shadow:none !important;
  text-shadow:none !important;
}


/* H2のゴールドアクセント */
body.single-post .entry-content > h2::after,
body.single-post .entry-content section > h2::after{

  content:"";

  position:absolute;

  left:20px;
  bottom:-2px;

  width:52px;
  height:2px;

  background:#d5a928;

  border-radius:999px;
}


/* Cocoonや過去CSSの装飾を解除 */
body.single-post .entry-content > h2::before,
body.single-post .entry-content section > h2::before{
  content:none !important;
  display:none !important;
}


/* =========================================================
   05. H3
========================================================= */

body.single-post .entry-content > h3,
body.single-post .entry-content section > h3{

  position:relative;

  margin:38px 0 18px !important;
  padding:4px 0 4px 14px !important;

  border:none !important;
  border-left:4px solid #d5a928 !important;

  background:none !important;
  background-image:none !important;

  color:#0f2747 !important;
  -webkit-text-fill-color:#0f2747 !important;

  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.55 !important;

  box-shadow:none !important;
  text-shadow:none !important;
}

body.single-post .entry-content > h3::before,
body.single-post .entry-content > h3::after,
body.single-post .entry-content section > h3::before,
body.single-post .entry-content section > h3::after{
  content:none !important;
  display:none !important;
}


/* =========================================================
   06. H4
========================================================= */

body.single-post .entry-content > h4,
body.single-post .entry-content section > h4{

  margin:30px 0 14px !important;
  padding:0 0 8px !important;

  border:none !important;
  border-bottom:1px solid #e5e7eb !important;

  background:none !important;

  color:#0f2747 !important;

  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.6 !important;
}


/* =========================================================
   07. STRONG
========================================================= */

body.single-post .entry-content p strong,
body.single-post .entry-content li strong{

  color:#0f2747;

  font-weight:800;
}


/* =========================================================
   08. LINKS
========================================================= */

body.single-post .entry-content p a,
body.single-post .entry-content li a{

  color:#185c96;

  font-weight:700;

  text-decoration:underline;
  text-decoration-color:rgba(24,92,150,.35);
  text-underline-offset:3px;
}


/* =========================================================
   09. LIST
========================================================= */

body.single-post .entry-content ul,
body.single-post .entry-content ol{

  margin:18px 0 26px;
  padding-left:1.6em;
}


body.single-post .entry-content li{

  margin-bottom:8px;

  line-height:1.8;
}


/* =========================================================
   10. BLOCKQUOTE
========================================================= */

body.single-post .entry-content blockquote{

  margin:28px 0;
  padding:20px 22px;

  border:none;
  border-left:4px solid #d5a928;

  border-radius:0 10px 10px 0;

  background:#f7f9fc;

  color:#475467;

  font-size:15px;
  line-height:1.8;
}


/* =========================================================
   11. TABLE
========================================================= */

body.single-post .entry-content table{

  width:100%;

  margin:26px 0;

  border-collapse:separate;
  border-spacing:0;

  overflow:hidden;

  border:1px solid #e5e7eb;
  border-radius:12px;

  font-size:14px;
}


body.single-post .entry-content table th{

  padding:12px 14px;

  background:#0f2747;

  color:#ffffff;

  font-weight:800;
}


body.single-post .entry-content table td{

  padding:12px 14px;

  background:#ffffff;

  border-top:1px solid #e5e7eb;
}


/* =========================================================
   12. IMAGES
========================================================= */

body.single-post .entry-content img{

  max-width:100%;
  height:auto;

  border-radius:10px;
}


/* =========================================================
   13. MOBILE
========================================================= */

@media screen and (max-width:600px){

  body.single-post .entry-content{

    font-size:15px;
    line-height:1.85;
  }


  body.single-post .article-header .entry-title{

    font-size:25px !important;
    line-height:1.5 !important;
  }


  body.single-post .entry-content > h2,
  body.single-post .entry-content section > h2{

    margin-top:42px !important;

    padding:12px 12px 12px 15px !important;

    font-size:21px !important;
    line-height:1.55 !important;
  }


  body.single-post .entry-content > h2::after,
  body.single-post .entry-content section > h2::after{

    left:15px;

    width:42px;
  }


  body.single-post .entry-content > h3,
  body.single-post .entry-content section > h3{

    margin-top:31px !important;

    padding-left:11px !important;

    font-size:18px !important;
  }


  body.single-post .entry-content > h4,
  body.single-post .entry-content section > h4{

    font-size:16px !important;
  }


  body.single-post .entry-content table{

    font-size:12px;
  }


  body.single-post .entry-content table th,
  body.single-post .entry-content table td{

    padding:9px 10px;
  }

}

/* =========================================================
   ENDZONE LAB
   SIDEBAR MASTER DESIGN
========================================================= */

#sidebar{
  --ezl-side-navy:#0f2747;
  --ezl-side-gold:#d5a928;
  --ezl-side-text:#162033;
  --ezl-side-muted:#667085;
  --ezl-side-line:#e5e9ef;
  --ezl-side-soft:#f7f9fc;
}


/* =========================================================
   01. WIDGET BASE
========================================================= */

#sidebar .widget{
  width:100%;
  max-width:100%;

  margin:0 0 24px !important;
  padding:0 !important;

  overflow:hidden;

  border:1px solid var(--ezl-side-line);
  border-radius:16px;

  background:#ffffff;

  box-shadow:
    0 5px 20px rgba(15,39,71,.055);

  box-sizing:border-box;
}


/* =========================================================
   02. WIDGET TITLE
========================================================= */

#sidebar .widget-title{
  position:relative;

  margin:0 !important;
  padding:15px 17px 14px 21px !important;

  border:none !important;
  border-bottom:1px solid #edf0f4 !important;

  background:#ffffff !important;
  background-image:none !important;

  color:var(--ezl-side-navy) !important;
  -webkit-text-fill-color:var(--ezl-side-navy) !important;

  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.4 !important;

  box-shadow:none !important;
  text-shadow:none !important;
}


#sidebar .widget-title::before{
  content:"";

  position:absolute;

  top:15px;
  bottom:15px;
  left:0;

  width:4px;

  border-radius:0 4px 4px 0;

  background:var(--ezl-side-gold);
}


#sidebar .widget-title::after{
  display:none !important;
  content:none !important;
}


/* =========================================================
   03. SEARCH
========================================================= */

#sidebar .widget_search,
#sidebar .widget_block:has(.wp-block-search){
  padding:16px !important;

  background:
    linear-gradient(
      135deg,
      #f8fafc,
      #ffffff
    );
}


#sidebar .widget_search .widget-title,
#sidebar .widget_block:has(.wp-block-search) .widget-title{
  margin:-16px -16px 15px !important;
}


/* Cocoon検索 */
#sidebar .search-box{
  position:relative;

  margin:0 !important;
}


#sidebar .search-edit{
  width:100% !important;
  height:46px !important;

  padding:0 46px 0 14px !important;

  border:1px solid #dbe1e8 !important;
  border-radius:10px !important;

  background:#ffffff !important;

  color:#1f2937 !important;

  font-size:13px !important;

  box-shadow:none !important;
}


#sidebar .search-edit:focus{
  border-color:var(--ezl-side-gold) !important;
  outline:none !important;

  box-shadow:
    0 0 0 3px rgba(213,169,40,.11) !important;
}


/* WordPress検索ブロック */
#sidebar .wp-block-search__label{
  display:none !important;
}


#sidebar .wp-block-search__inside-wrapper{
  border:none !important;
  padding:0 !important;
}


#sidebar .wp-block-search__input{
  height:46px;

  padding:0 13px;

  border:1px solid #dbe1e8 !important;
  border-radius:10px 0 0 10px !important;

  font-size:13px;
}


#sidebar .wp-block-search__button{
  margin:0 !important;
  padding:0 14px !important;

  border:none !important;
  border-radius:0 10px 10px 0 !important;

  background:var(--ezl-side-navy) !important;

  color:#ffffff !important;
}


/* =========================================================
   04. PROFILE
========================================================= */

#sidebar .widget_author_box{
  padding:0 !important;
}


#sidebar .author-box{
  margin:0 !important;
  padding:24px 20px 21px !important;

  border:none !important;

  background:#ffffff !important;

  text-align:center;
}


#sidebar .author-thumb{
  margin:0 auto 13px !important;
}


#sidebar .author-thumb img{
  width:92px !important;
  height:92px !important;

  padding:3px;

  border:2px solid var(--ezl-side-gold);
  border-radius:50% !important;

  background:#ffffff;

  object-fit:cover;

  box-shadow:
    0 7px 20px rgba(15,39,71,.12);
}


#sidebar .author-name{
  margin:0 0 9px !important;

  color:var(--ezl-side-navy) !important;

  font-size:16px !important;
  font-weight:900 !important;
}


#sidebar .author-name a{
  color:var(--ezl-side-navy) !important;
  text-decoration:none !important;
}


#sidebar .author-description{
  margin-top:10px;

  color:var(--ezl-side-muted) !important;

  font-size:12px !important;
  line-height:1.75 !important;

  text-align:left;
}


#sidebar .author-follows{
  margin-top:15px !important;
}


/* =========================================================
   05. START HERE CUSTOM WIDGET
========================================================= */

#sidebar .widget:has(.ezl-side-guide){
  border:none;

  background:transparent;

  box-shadow:none;
}


.ezl-side-guide{
  position:relative;

  width:100%;
  max-width:100%;

  padding:23px 20px 20px;

  overflow:hidden;

  border-radius:16px;

  background:
    linear-gradient(
      145deg,
      #0b1c35 0%,
      #17375f 100%
    );

  color:#ffffff;

  box-shadow:
    0 10px 28px rgba(15,39,71,.16);

  box-sizing:border-box;
}


.ezl-side-guide::before{
  content:"";

  position:absolute;
  top:0;
  left:0;

  width:100%;
  height:4px;

  background:
    linear-gradient(
      90deg,
      #d5a928 0 28%,
      rgba(255,255,255,.15) 28% 100%
    );
}


.ezl-side-eyebrow{
  display:block;

  margin-bottom:7px;

  color:#e2bd55 !important;

  font-size:9px;
  font-weight:900;
  letter-spacing:.2em;
}


.ezl-side-guide-title{
  color:#ffffff !important;

  font-size:19px;
  font-weight:900;
  line-height:1.45;
}


.ezl-side-guide > p{
  margin:8px 0 17px !important;

  color:#cdd6e1 !important;

  font-size:11px;
  line-height:1.7;
}


.ezl-side-guide-links{
  display:grid;

  gap:7px;
}


.ezl-side-guide-links a{
  display:flex;
  align-items:center;

  gap:9px;

  padding:10px 11px;

  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;

  background:rgba(255,255,255,.07);

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  font-size:11px;
  font-weight:800;

  text-decoration:none !important;

  transition:
    background .2s ease,
    transform .2s ease;
}


.ezl-side-guide-links a:hover{
  transform:translateX(2px);

  background:rgba(255,255,255,.13);
}


.ezl-side-guide-links a span{
  display:flex;
  align-items:center;
  justify-content:center;

  flex:0 0 25px;

  width:25px;
  height:25px;

  border-radius:7px;

  background:var(--ezl-side-gold);

  color:#0f2747 !important;
  -webkit-text-fill-color:#0f2747 !important;

  font-size:9px;
  font-weight:900;
}


/* =========================================================
   06. POPULAR ARTICLES
========================================================= */

#sidebar .widget_popular_entries{
  padding-bottom:9px !important;
}


#sidebar .popular-entry-cards{
  display:block !important;

  width:100% !important;

  padding:5px 12px 10px !important;
}


#sidebar .popular-entry-card-link{
  display:block !important;

  width:100% !important;
  max-width:100% !important;

  margin:0 !important;
  padding:10px 4px !important;

  border:none !important;
  border-bottom:1px solid #edf0f4 !important;
  border-radius:0 !important;

  background:#ffffff !important;

  box-shadow:none !important;

  text-decoration:none !important;

  transition:
    background .2s ease,
    transform .2s ease;
}


#sidebar .popular-entry-card-link:last-child{
  border-bottom:none !important;
}


#sidebar .popular-entry-card-link:hover{
  transform:translateX(2px);

  background:#f8fafc !important;
}


#sidebar .popular-entry-card{
  display:grid !important;

  grid-template-columns:92px minmax(0,1fr) !important;

  align-items:center !important;

  gap:10px !important;

  width:100% !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;
}


#sidebar .popular-entry-card-thumb{
  position:relative !important;

  float:none !important;

  width:92px !important;
  max-width:92px !important;

  height:auto !important;

  aspect-ratio:16 / 9 !important;

  margin:0 !important;

  overflow:hidden !important;

  border-radius:7px !important;
}


#sidebar .popular-entry-card-thumb img{
  display:block !important;

  width:100% !important;
  height:100% !important;

  object-fit:cover !important;
}


#sidebar .popular-entry-card-content{
  min-width:0 !important;

  margin:0 !important;
  margin-left:0 !important;

  padding:0 !important;
}


#sidebar .popular-entry-card-title{
  display:-webkit-box !important;

  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;

  overflow:hidden !important;

  margin:0 !important;

  color:var(--ezl-side-navy) !important;

  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.55 !important;

  writing-mode:horizontal-tb !important;
}


/* ランキング番号 */
#sidebar .popular-entry-card-rank{
  position:absolute !important;

  top:4px !important;
  left:4px !important;

  z-index:5;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:21px !important;
  height:21px !important;

  padding:0 !important;

  border-radius:5px !important;

  background:var(--ezl-side-navy) !important;

  color:#ffffff !important;

  font-size:9px !important;
  font-weight:900 !important;
}


#sidebar .popular-entry-card-link:first-child .popular-entry-card-rank{
  background:var(--ezl-side-gold) !important;
}


/* =========================================================
   07. WATCH NFL CTA
========================================================= */

#sidebar .widget:has(.ezl-side-watch){
  border:none;

  background:transparent;

  box-shadow:none;
}


.ezl-side-watch{
  position:relative;

  display:block;

  width:100%;

  padding:22px 19px;

  overflow:hidden;

  border:1px solid #e4e9ef;
  border-radius:16px;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(213,169,40,.13),
      transparent 43%
    ),
    #ffffff !important;

  color:var(--ezl-side-navy) !important;

  box-shadow:
    0 6px 22px rgba(15,39,71,.06);

  text-decoration:none !important;

  box-sizing:border-box;

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}


.ezl-side-watch:hover{
  transform:translateY(-3px);

  box-shadow:
    0 13px 29px rgba(15,39,71,.12);
}


.ezl-side-watch::before{
  content:"";

  position:absolute;
  top:0;
  left:0;

  width:100%;
  height:4px;

  background:
    linear-gradient(
      90deg,
      var(--ezl-side-navy) 0 72%,
      var(--ezl-side-gold) 72% 100%
    );
}


.ezl-side-watch-label{
  display:block;

  margin-bottom:7px;

  color:var(--ezl-side-gold) !important;

  font-size:9px;
  font-weight:900;
  letter-spacing:.2em;
}


.ezl-side-watch strong{
  display:block;

  color:var(--ezl-side-navy) !important;

  font-size:18px;
  font-weight:900;
  line-height:1.45;
}


.ezl-side-watch p{
  margin:8px 0 14px !important;

  color:var(--ezl-side-muted) !important;

  font-size:11px;
  line-height:1.7;
}


.ezl-side-watch-go{
  color:var(--ezl-side-navy) !important;

  font-size:11px;
  font-weight:900;
}


/* =========================================================
   08. MOBILE
   サイドバーが本文下に回った時も自然に
========================================================= */

@media screen and (max-width:1023px){

  #sidebar .widget{
    max-width:560px;

    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:18px !important;
  }

}


/* =========================================================
   09. SMALL MOBILE
========================================================= */

@media screen and (max-width:480px){

  #sidebar .widget{
    border-radius:13px;
  }


  #sidebar .widget-title{
    padding:13px 15px 12px 19px !important;

    font-size:14px !important;
  }


  #sidebar .author-box{
    padding:21px 17px 19px !important;
  }


  #sidebar .popular-entry-card{
    grid-template-columns:88px minmax(0,1fr) !important;
  }


  #sidebar .popular-entry-card-thumb{
    width:88px !important;
    max-width:88px !important;
  }

}

/* =========================================================
   ENDZONE LAB
   TYPOGRAPHY BOOST v1.0
   文字サイズだけ改善 / レイアウト変更なし
   ========================================================= */


/* =========================================================
   1. 通常の記事本文
   ========================================================= */

body:not(.home):not(.front-page) #main .entry-content{
  font-size:17.5px;
  line-height:1.95;
}

body:not(.home):not(.front-page) #main .entry-content > p,
body:not(.home):not(.front-page) #main .entry-content > ul,
body:not(.home):not(.front-page) #main .entry-content > ol{
  font-size:17.5px;
  line-height:1.95;
}


/* =========================================================
   2. Endzone Lab 独自記事・ハブの基本文字
   ========================================================= */

#main .ezl-rule-article,
#main .ezl-scoring-article,
#main .ezl-beg-v2,
#main .ezl-learn-hub,
#main .ezl-rules-library,
#main .ezl-teamhub-v5,
#main .ezl-team-article{
  font-size:17.5px !important;
  line-height:1.9 !important;
}


/* =========================================================
   3. TOP PAGE
   ========================================================= */

/* HERO説明 */
body.home #main .ezl-hero p,
body.front-page #main .ezl-hero p{
  font-size:15.5px !important;
  line-height:1.9 !important;
}


/* セクション説明 */
body.home #main .ezl-heading p,
body.front-page #main .ezl-heading p,
body.home #main .el-list-heading p,
body.front-page #main .el-list-heading p{
  font-size:14.5px !important;
  line-height:1.8 !important;
}


/* WATCH NFL メイン */
body.home #main .ezl-watch-main p,
body.front-page #main .ezl-watch-main p{
  font-size:14.5px !important;
  line-height:1.85 !important;
}


/* WATCH NFL 小カード */
body.home #main .ezl-watch-small p,
body.front-page #main .ezl-watch-small p{
  font-size:12.5px !important;
  line-height:1.75 !important;
}


/* 各コンテンツカード */
body.home #main .el-feature-card p,
body.front-page #main .el-feature-card p{
  font-size:13.5px !important;
  line-height:1.75 !important;
}


/* 小型カード */
body.home #main .el-mini-card p,
body.front-page #main .el-mini-card p{
  font-size:12.5px !important;
  line-height:1.7 !important;
}


/* 推しチーム */
body.home #main .ezl-team-content > p,
body.front-page #main .ezl-team-content > p{
  font-size:14.5px !important;
  line-height:1.85 !important;
}


/* ABOUT */
body.home #main .el-about-content p,
body.front-page #main .el-about-content p{
  font-size:14.5px !important;
  line-height:1.85 !important;
}


/* 人気記事・新着タイトル */
body.home #main .popular-entry-card-title,
body.home #main .new-entry-card-title,
body.front-page #main .popular-entry-card-title,
body.front-page #main .new-entry-card-title{
  font-size:14px !important;
  line-height:1.6 !important;
}


/* =========================================================
   4. START HERE / EXPLORE
   ========================================================= */

#main .ezl-navhub-copy{
  font-size:15px !important;
  line-height:1.85 !important;
}

#main .ezl-navhub-start-card p,
#main .ezl-navhub-explore-card p{
  font-size:13px !important;
  line-height:1.7 !important;
}

#main .ezl-navhub-start-go,
#main .ezl-navhub-explore-go{
  font-size:11px !important;
}

#main .ezl-navhub-step-label,
#main .ezl-navhub-explore-meta{
  font-size:9.5px !important;
}


/* =========================================================
   5. NFL初心者ページ
   ========================================================= */

#main .ezl-beg-lead{
  font-size:16px !important;
}

#main .ezl-beg-role p{
  font-size:15px !important;
  line-height:1.85 !important;
}

#main .ezl-beg-heading p{
  font-size:13.5px !important;
}

#main .ezl-beg-main-body p,
#main .ezl-beg-card p,
#main .ezl-beg-nextlevel p{
  font-size:14.5px !important;
  line-height:1.8 !important;
}

#main .ezl-beg-step p,
#main .ezl-beg-action p{
  font-size:12.5px !important;
  line-height:1.7 !important;
}

#main .ezl-beg-link,
#main .ezl-beg-nextlevel-button{
  font-size:13px !important;
}


/* =========================================================
   6. NFLをもっと知る
   ========================================================= */

#main .ezl-learn-boundary-card p,
#main .ezl-learn-card p{
  font-size:14.5px !important;
  line-height:1.8 !important;
}

#main .ezl-learn-feature-body p,
#main .ezl-learn-bottom p{
  font-size:15px !important;
  line-height:1.85 !important;
}

#main .ezl-learn-link,
#main .ezl-learn-button{
  font-size:13.5px !important;
}


/* =========================================================
   7. NFL RULES LIBRARY
   ========================================================= */

#main .ezl-rules-hero-copy{
  font-size:16px !important;
  line-height:1.9 !important;
}

#main .ezl-rules-start-main p,
#main .ezl-rule-category-copy,
#main .ezl-rules-next-copy{
  font-size:14px !important;
  line-height:1.8 !important;
}


/* ルールカードは大きくしすぎると
   長い反則名が入らなくなるので少しだけUP */
#main .ezl-rules-library .ezl-rule-card p{
  font-size:12.5px !important;
  line-height:1.6 !important;
}

#main .ezl-rules-next-card small{
  font-size:11px !important;
}

#main .ezl-rules-nav-items a{
  font-size:12.5px !important;
}


/* =========================================================
   8. NFL TODAY
   ========================================================= */

#main .ezl-nt-shell .ezl-nt-lead{
  font-size:12px !important;
  line-height:1.7 !important;
}

#main .ezl-nt-shell .ezl-nt-teamname{
  font-size:11.5px !important;
}

#main .ezl-nt-shell .ezl-nt-focus-time strong{
  font-size:15px !important;
}

#main .ezl-nt-shell .ezl-nt-highlight-copy strong{
  font-size:11.5px !important;
}

#main .ezl-nt-shell .ezl-nt-highlight-copy small{
  font-size:9.5px !important;
}

#main .ezl-nt-shell .ezl-nt-actions a{
  font-size:12.5px !important;
}

#main .ezl-nt-shell .ezl-nt-foot{
  font-size:9.5px !important;
}

#main .ezl-nt-shell .ezl-nt-info-panel p{
  font-size:10.5px !important;
  line-height:1.7 !important;
}


/* =========================================================
   9. GAME TIME
   ========================================================= */

#main #ezl-game-time .ezl-team-name{
  font-size:13.5px !important;
}

#main #ezl-game-time .ezl-team-abbr{
  font-size:8.5px !important;
}

#main #ezl-game-time .ezl-status,
#main #ezl-game-time .ezl-game-side{
  font-size:10.5px !important;
}

#main #ezl-game-time .ezl-week-actions a{
  font-size:10.5px !important;
}

#main #ezl-game-time .ezl-details > summary{
  font-size:11.5px !important;
}

#main #ezl-game-time .ezl-info strong{
  font-size:10.5px !important;
}

#main #ezl-game-time .ezl-source{
  font-size:9.5px !important;
}

#main #ezl-game-time .ezl-refresh{
  font-size:10.5px !important;
}

#main #ezl-game-time .ezl-now-team span{
  font-size:13.5px !important;
}

#main #ezl-game-time .ezl-now-team small{
  font-size:8.5px !important;
}

#main #ezl-game-time .ezl-now-center a{
  font-size:9.5px !important;
}


/* =========================================================
   10. MOBILE
   ========================================================= */

@media screen and (max-width:700px){

  /* 通常記事 */
  body:not(.home):not(.front-page) #main .entry-content{
    font-size:17px;
    line-height:1.9;
  }

  body:not(.home):not(.front-page) #main .entry-content > p,
  body:not(.home):not(.front-page) #main .entry-content > ul,
  body:not(.home):not(.front-page) #main .entry-content > ol{
    font-size:17px;
    line-height:1.9;
  }


  /* 独自ページ */
  #main .ezl-rule-article,
  #main .ezl-scoring-article,
  #main .ezl-beg-v2,
  #main .ezl-learn-hub,
  #main .ezl-rules-library,
  #main .ezl-teamhub-v5,
  #main .ezl-team-article{
    font-size:17px !important;
  }


  /* TOP HERO */
  body.home #main .ezl-hero p,
  body.front-page #main .ezl-hero p{
    font-size:14px !important;
  }


  /* TOP セクション説明 */
  body.home #main .ezl-heading p,
  body.front-page #main .ezl-heading p,
  body.home #main .el-list-heading p,
  body.front-page #main .el-list-heading p{
    font-size:13.5px !important;
  }


  /* TOP各カード */
  body.home #main .ezl-watch-main p,
  body.front-page #main .ezl-watch-main p{
    font-size:13.5px !important;
  }

  body.home #main .ezl-watch-small p,
  body.front-page #main .ezl-watch-small p,
  body.home #main .el-mini-card p,
  body.front-page #main .el-mini-card p{
    font-size:12px !important;
  }

  body.home #main .el-feature-card p,
  body.front-page #main .el-feature-card p{
    font-size:13px !important;
  }

  body.home #main .ezl-team-content > p,
  body.front-page #main .ezl-team-content > p,
  body.home #main .el-about-content p,
  body.front-page #main .el-about-content p{
    font-size:13.5px !important;
  }


  /* START HERE / EXPLORE */
  #main .ezl-navhub-copy{
    font-size:14px !important;
  }

  #main .ezl-navhub-start-card p,
  #main .ezl-navhub-explore-card p{
    font-size:12px !important;
    line-height:1.7 !important;
  }

  #main .ezl-navhub-start-go,
  #main .ezl-navhub-explore-go{
    font-size:10.5px !important;
  }


  /* BEGINNER / LEARN */
  #main .ezl-beg-main-body p,
  #main .ezl-beg-card p,
  #main .ezl-beg-nextlevel p,
  #main .ezl-learn-boundary-card p,
  #main .ezl-learn-card p{
    font-size:13.5px !important;
  }

  #main .ezl-learn-feature-body p,
  #main .ezl-learn-bottom p{
    font-size:14px !important;
  }


  /* RULES LIBRARY */
  #main .ezl-rules-library .ezl-rule-card p{
    font-size:11.7px !important;
    line-height:1.55 !important;
  }

  #main .ezl-rules-library .ezl-rule-title{
    font-size:clamp(10.5px,2.8vw,12px) !important;
  }

  #main .ezl-rule-category-copy{
    font-size:13px !important;
  }


  /* NFL TODAY */
  #main .ezl-nt-shell .ezl-nt-lead{
    font-size:11px !important;
  }

  #main .ezl-nt-shell .ezl-nt-teamname{
    font-size:10.5px !important;
  }

  #main .ezl-nt-shell .ezl-nt-highlight-copy strong{
    font-size:10.5px !important;
  }

  #main .ezl-nt-shell .ezl-nt-actions a{
    font-size:11.5px !important;
  }

  #main .ezl-nt-shell .ezl-nt-foot{
    font-size:9px !important;
  }


  /* GAME TIME */
  #main #ezl-game-time .ezl-now-team span{
    font-size:11px !important;
  }

  #main #ezl-game-time .ezl-now-team small{
    font-size:8px !important;
  }

  #main #ezl-game-time .ezl-now-center a{
    font-size:8.5px !important;
  }

}

/* =========================================================
   ENDZONE LAB
   MOBILE TYPOGRAPHY SAFE FIX
   スマホは本文中心に拡大・カードレイアウト維持
   ========================================================= */

@media screen and (max-width:700px){

  /* =========================================
     通常の記事本文
     ========================================= */

  body:not(.home):not(.front-page) #main .entry-content{
    font-size:17.5px !important;
    line-height:1.95 !important;
  }

  body:not(.home):not(.front-page) #main .entry-content > p,
  body:not(.home):not(.front-page) #main .entry-content > ul,
  body:not(.home):not(.front-page) #main .entry-content > ol{
    font-size:17.5px !important;
    line-height:1.95 !important;
  }


  /* =========================================
     TOP HERO
     ========================================= */

  body.home #main .ezl-hero p,
  body.front-page #main .ezl-hero p{
    font-size:14px !important;
    line-height:1.9 !important;
  }


  /* TOP セクション説明 */
  body.home #main .ezl-heading p,
  body.front-page #main .ezl-heading p,
  body.home #main .el-list-heading p,
  body.front-page #main .el-list-heading p{
    font-size:13.5px !important;
    line-height:1.8 !important;
  }


  /* =========================================
     WATCH NFL
     ========================================= */

  body.home #main .ezl-watch-main p,
  body.front-page #main .ezl-watch-main p{
    font-size:13.5px !important;
  }

  body.home #main .ezl-watch-small p,
  body.front-page #main .ezl-watch-small p{
    font-size:11.5px !important;
  }


  /* =========================================
     通常TOPカード
     ========================================= */

  body.home #main .el-feature-card p,
  body.front-page #main .el-feature-card p{
    font-size:12.5px !important;
  }

  body.home #main .el-mini-card p,
  body.front-page #main .el-mini-card p{
    font-size:11.5px !important;
  }


  /* =========================================
     チーム / ABOUT
     ========================================= */

  body.home #main .ezl-team-content > p,
  body.front-page #main .ezl-team-content > p,
  body.home #main .el-about-content p,
  body.front-page #main .el-about-content p{
    font-size:13.5px !important;
    line-height:1.8 !important;
  }


  /* =========================================
     START HERE / EXPLORE
     2列を維持するため控えめ
     ========================================= */

  #main .ezl-navhub-copy{
    font-size:13.5px !important;
  }

  #main .ezl-navhub-start-card p,
  #main .ezl-navhub-explore-card p{
    font-size:11px !important;
    line-height:1.6 !important;
  }

  #main .ezl-navhub-start-title{
    font-size:15px !important;
  }

  #main .ezl-navhub-explore-title{
    font-size:16px !important;
  }

  #main .ezl-navhub-start-go,
  #main .ezl-navhub-explore-go{
    font-size:10px !important;
  }


  /* =========================================
     初心者ページ
     カード外の文章を大きく
     ========================================= */

  #main .ezl-beg-v2{
    font-size:16.5px !important;
  }

  #main .ezl-beg-lead{
    font-size:15px !important;
  }

  #main .ezl-beg-role p{
    font-size:14px !important;
  }

  #main .ezl-beg-main-body p{
    font-size:14px !important;
  }

  #main .ezl-beg-card p{
    font-size:13px !important;
  }


  /* =========================================
     NFLをもっと知る
     ========================================= */

  #main .ezl-learn-hub{
    font-size:16.5px !important;
  }

  #main .ezl-learn-lead{
    font-size:15px !important;
  }

  #main .ezl-learn-feature-body p{
    font-size:14px !important;
  }

  #main .ezl-learn-card p,
  #main .ezl-learn-boundary-card p{
    font-size:13px !important;
  }


  /* =========================================
     ルール一覧
     ここはレイアウト優先
     ========================================= */

  #main .ezl-rules-library{
    font-size:16px !important;
  }

  #main .ezl-rule-category-copy{
    font-size:12.5px !important;
  }

  #main .ezl-rules-library .ezl-rule-card p{
    font-size:10.5px !important;
  }


  /* タイトルは元のレイアウトを優先 */
  #main .ezl-rules-library .ezl-rule-title{
    font-size:clamp(9.7px,2.68vw,12.2px) !important;
  }


  /* =========================================
     NFL TODAY / GAME TIME
     密度が高いので基本サイズを維持
     ========================================= */

  #main .ezl-nt-shell .ezl-nt-lead{
    font-size:11px !important;
  }

  #main .ezl-nt-shell .ezl-nt-teamname{
    font-size:10.5px !important;
  }

  #main #ezl-game-time .ezl-now-team span{
    font-size:9.5px !important;
  }

}

/* =========================================================
   ENDZONE LAB
   AUTO NEXT READ
   PC + MOBILE COMPLETE
========================================================= */

.ezl-next-read{
  --ezl-nr-accent:#d4a72c;

  margin:52px 0 30px;
  padding-top:32px;

  border-top:1px solid #e5e7eb;

  color:#111827;
}


/* =========================================================
   CATEGORY COLOR
========================================================= */

.ezl-next-read--rules{
  --ezl-nr-accent:#d4a72c;
}

.ezl-next-read--team{
  --ezl-nr-accent:#2563eb;
}

.ezl-next-read--watch{
  --ezl-nr-accent:#e50914;
}

.ezl-next-read--schedule{
  --ezl-nr-accent:#0f766e;
}

.ezl-next-read--learn{
  --ezl-nr-accent:#7c3aed;
}


/* =========================================================
   HEADING
========================================================= */

.ezl-nr-heading{
  margin-bottom:20px;
}

.ezl-nr-eyebrow{
  display:inline-block;

  margin-bottom:6px;

  color:var(--ezl-nr-accent);

  font-size:11px;
  line-height:1.4;
  font-weight:900;

  letter-spacing:.14em;
}

.ezl-next-read .ezl-nr-heading h2{
  margin:0!important;
  padding:0!important;

  border:0!important;

  background:none!important;

  color:#111827!important;

  font-size:23px!important;
  line-height:1.55!important;
  font-weight:800!important;
}


/* =========================================================
   GRID
========================================================= */

.ezl-nr-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:16px;
}


/* =========================================================
   CARD
========================================================= */

.ezl-nr-card{
  display:flex;

  min-width:0;

  flex-direction:column;

  overflow:hidden;

  border:1px solid #e5e7eb;
  border-top:3px solid var(--ezl-nr-accent);

  border-radius:16px;

  background:#fff;

  color:#111827!important;

  text-decoration:none!important;

  box-shadow:
    0 8px 25px rgba(17,24,39,.06);

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.ezl-nr-card:hover{
  transform:translateY(-3px);

  box-shadow:
    0 14px 34px rgba(17,24,39,.11);
}


/* =========================================================
   THUMBNAIL
========================================================= */

.ezl-nr-thumb{
  position:relative;

  width:100%;

  aspect-ratio:16 / 9;

  overflow:hidden;

  background:#111827;
}

.ezl-nr-thumb img{
  display:block;

  width:100%!important;
  height:100%!important;

  margin:0!important;
  padding:0!important;

  object-fit:cover!important;
  object-position:center!important;

  transition:
    transform .3s ease;
}

.ezl-nr-card:hover
.ezl-nr-thumb img{
  transform:scale(1.035);
}


/* サムネがない場合 */

.ezl-nr-placeholder{
  display:flex;

  align-items:center;
  justify-content:center;

  background:
    linear-gradient(
      135deg,
      #111827,
      #1f2937
    );
}

.ezl-nr-placeholder span{
  color:#fff;

  font-size:11px;
  font-weight:900;

  letter-spacing:.14em;
}


/* =========================================================
   BODY
========================================================= */

.ezl-nr-body{
  display:flex;

  flex:1;

  min-width:0;

  flex-direction:column;

  padding:16px;
}

.ezl-nr-label{
  display:block;

  margin-bottom:8px;

  color:var(--ezl-nr-accent);

  font-size:10px;
  line-height:1.3;

  font-weight:900;

  letter-spacing:.11em;
}

.ezl-next-read
.ezl-nr-title{
  margin:0 0 9px!important;
  padding:0!important;

  border:0!important;

  background:none!important;

  color:#111827!important;

  font-size:16px!important;
  line-height:1.55!important;

  font-weight:800!important;
}

.ezl-nr-description{
  margin:0 0 13px!important;

  color:#6b7280;

  font-size:13px;
  line-height:1.75;
}

.ezl-nr-more{
  display:block;

  margin-top:auto;
  padding-top:5px;

  color:#111827;

  font-size:10px;
  font-weight:900;

  letter-spacing:.07em;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

  .ezl-next-read{
    margin-top:42px;
    margin-bottom:25px;

    padding-top:26px;
  }


  /* Heading */

  .ezl-next-read
  .ezl-nr-heading h2{
    font-size:20px!important;
    line-height:1.5!important;
  }


  /* 1列 */

  .ezl-nr-grid{
    display:grid;

    grid-template-columns:1fr;

    gap:12px;
  }


  /* 横型カード */

  .ezl-nr-card{
    display:grid;

    grid-template-columns:
      112px minmax(0,1fr);

    align-items:start;

    min-height:0;

    overflow:hidden;

    border-top:1px solid #e5e7eb;
    border-left:3px solid var(--ezl-nr-accent);

    border-radius:14px;

    box-shadow:
      0 5px 16px rgba(17,24,39,.055);
  }


  .ezl-nr-card:hover{
    transform:none;
  }


  /* -----------------------------------------
     MOBILE THUMBNAIL

     高さ100%は禁止。
     常に16:9。
  ----------------------------------------- */

  .ezl-nr-thumb{
    width:112px;
    height:auto;

    aspect-ratio:16 / 9;

    margin:
      12px
      0
      12px
      12px;

    border-radius:9px;

    align-self:start;

    overflow:hidden;
  }


  .ezl-nr-thumb img{
    display:block;

    width:100%!important;
    height:100%!important;

    max-width:none!important;

    margin:0!important;
    padding:0!important;

    object-fit:cover!important;
    object-position:center!important;
  }


  /* Text */

  .ezl-nr-body{
    min-width:0;

    padding:
      11px
      12px;
  }


  .ezl-nr-label{
    margin-bottom:5px;

    font-size:9px;
  }


  .ezl-next-read
  .ezl-nr-title{
    margin:
      0
      0
      6px!important;

    font-size:14px!important;
    line-height:1.48!important;

    display:-webkit-box;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;

    overflow:hidden;
  }


  /* スマホでは説明文を消す */

  .ezl-nr-description{
    display:none;
  }


  .ezl-nr-more{
    margin-top:4px;
    padding-top:0;

    font-size:9px;
  }
}

/* =========================================================
   ENDZONE LAB
   NEXT READ MOBILE FINAL FIX
   2026-09
========================================================= */


/* ---------------------------------------------------------
   記事本文側のH2/H3デザインを完全に遮断
--------------------------------------------------------- */

.ezl-next-read .ezl-nr-heading-title,
.ezl-next-read .ezl-nr-title{
  position:static!important;

  margin:0!important;
  padding:0!important;

  border:0!important;

  background:none!important;

  box-shadow:none!important;

  text-decoration:none!important;
}

.ezl-next-read .ezl-nr-heading-title::before,
.ezl-next-read .ezl-nr-heading-title::after,
.ezl-next-read .ezl-nr-title::before,
.ezl-next-read .ezl-nr-title::after{
  content:none!important;
  display:none!important;
}


/* ---------------------------------------------------------
   NEXT READ見出し
--------------------------------------------------------- */

.ezl-next-read .ezl-nr-heading-title{
  color:#102a4c!important;

  font-size:23px!important;
  line-height:1.5!important;

  font-weight:800!important;

  letter-spacing:0!important;
}


/* ---------------------------------------------------------
   CARD TITLE
--------------------------------------------------------- */

.ezl-next-read .ezl-nr-title{
  margin-bottom:9px!important;

  color:#111827!important;

  font-size:16px!important;
  line-height:1.55!important;

  font-weight:800!important;

  word-break:auto!important;
  overflow-wrap:anywhere;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

  /* -----------------------------------------
     SECTION
  ----------------------------------------- */

  .ezl-next-read{
    margin:
      40px
      0
      26px!important;

    padding-top:24px!important;
  }


  .ezl-nr-heading{
    margin-bottom:18px!important;
  }


  .ezl-nr-eyebrow{
    margin-bottom:7px!important;

    font-size:10px!important;
    line-height:1.3!important;

    letter-spacing:.14em!important;
  }


  .ezl-next-read
  .ezl-nr-heading-title{
    font-size:20px!important;
    line-height:1.5!important;

    font-weight:800!important;

    color:#102a4c!important;
  }


  /* -----------------------------------------
     GRID
  ----------------------------------------- */

  .ezl-nr-grid{
    display:grid!important;

    grid-template-columns:1fr!important;

    gap:12px!important;
  }


  /* -----------------------------------------
     CARD

     画像を左、文字を右。
     両方を縦方向中央に合わせる。
  ----------------------------------------- */

  .ezl-nr-card{
    display:grid!important;

    grid-template-columns:
      128px
      minmax(0,1fr)!important;

    align-items:center!important;

    width:100%!important;
    min-height:112px!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border-top:
      1px solid
      #e5e7eb!important;

    border-right:
      1px solid
      #e5e7eb!important;

    border-bottom:
      1px solid
      #e5e7eb!important;

    border-left:
      3px solid
      var(--ezl-nr-accent)!important;

    border-radius:15px!important;

    background:#fff!important;

    box-shadow:
      0 5px 18px
      rgba(17,24,39,.055)!important;

    transform:none!important;
  }


  /* -----------------------------------------
     THUMBNAIL

     16:9固定
     カード中央に配置
  ----------------------------------------- */

  .ezl-nr-thumb{
    display:block!important;

    position:relative!important;

    width:116px!important;
    height:auto!important;

    aspect-ratio:16 / 9!important;

    margin:
      12px
      0
      12px
      12px!important;

    padding:0!important;

    align-self:center!important;

    overflow:hidden!important;

    border:0!important;
    border-radius:9px!important;

    background:#111827!important;
  }


  .ezl-nr-thumb img{
    display:block!important;

    position:static!important;

    width:100%!important;
    height:100%!important;

    max-width:none!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    border-radius:0!important;

    object-fit:cover!important;
    object-position:center!important;

    transform:none!important;
  }


  /* -----------------------------------------
     TEXT AREA
  ----------------------------------------- */

  .ezl-nr-body{
    display:flex!important;

    min-width:0!important;
    height:auto!important;

    flex-direction:column!important;
    justify-content:center!important;

    padding:
      12px
      13px!important;
  }


  .ezl-nr-label{
    display:block!important;

    margin:
      0
      0
      5px!important;

    padding:0!important;

    color:
      var(--ezl-nr-accent)!important;

    font-size:9px!important;
    line-height:1.3!important;

    font-weight:900!important;

    letter-spacing:.1em!important;

    border:0!important;
    background:none!important;
  }


  /* -----------------------------------------
     TITLE
  ----------------------------------------- */

  .ezl-next-read
  .ezl-nr-title{
    display:-webkit-box!important;

    margin:
      0
      0
      7px!important;

    padding:0!important;

    overflow:hidden!important;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;

    color:#111827!important;

    font-size:14px!important;
    line-height:1.48!important;

    font-weight:800!important;

    border:0!important;
    background:none!important;

    box-shadow:none!important;
  }


  .ezl-next-read
  .ezl-nr-title::before,
  .ezl-next-read
  .ezl-nr-title::after{
    content:none!important;
    display:none!important;
  }


  /* スマホでは説明文を表示しない */

  .ezl-nr-description{
    display:none!important;
  }


  /* -----------------------------------------
     READ MORE
  ----------------------------------------- */

  .ezl-nr-more{
    display:block!important;

    margin:0!important;
    padding:0!important;

    color:#111827!important;

    font-size:9px!important;
    line-height:1.3!important;

    font-weight:900!important;

    letter-spacing:.07em!important;
  }
}

/* =========================================================
   ENDZONE LAB
   LEARN SUMMARY
   ONE FINAL FIX

   LEARN記事の「まとめ」だけ共通修正
   BOX本体のデザインは一切変更しない
========================================================= */


/* =========================================================
   SUMMARY HEADING
   class名に summary が入っていればすべて対応
========================================================= */

body.ezl-learn-article
.entry-content
[class*="summary"] h2{

  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  position:static !important;

  width:auto !important;
  height:auto !important;

  min-width:0 !important;
  min-height:0 !important;

  max-width:none !important;
  max-height:none !important;

  margin:0 0 18px !important;
  padding:0 !important;

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;

  border:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;

  border-radius:0 !important;

  outline:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;

  font-size:1.55em !important;
  font-weight:900 !important;
  line-height:1.45 !important;

  letter-spacing:0 !important;
  text-indent:0 !important;

  white-space:normal !important;

  overflow:visible !important;

  transform:none !important;
  clip:auto !important;
  clip-path:none !important;
}


/* H2内にspan / strongなどが入っていても白にする */

body.ezl-learn-article
.entry-content
[class*="summary"] h2 *{

  display:inline !important;

  visibility:visible !important;
  opacity:1 !important;

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;

  border:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;

  font:inherit !important;
}


/* =========================================================
   H2の余計な左線・下線・装飾を除去
========================================================= */

body.ezl-learn-article
.entry-content
[class*="summary"] h2::before,

body.ezl-learn-article
.entry-content
[class*="summary"] h2::after{

  content:none !important;

  display:none !important;

  position:static !important;

  width:0 !important;
  height:0 !important;

  margin:0 !important;
  padding:0 !important;

  background:none !important;

  border:0 !important;

  box-shadow:none !important;
}


/* =========================================================
   NORMAL TEXT
========================================================= */

body.ezl-learn-article
.entry-content
[class*="summary"] p,

body.ezl-learn-article
.entry-content
[class*="summary"] li{

  visibility:visible !important;
  opacity:1 !important;

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  background-color:transparent !important;
  background-image:none !important;

  text-shadow:none !important;

  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}


/* =========================================================
   STRONG
   重要部分はゴールド
========================================================= */

body.ezl-learn-article
.entry-content
[class*="summary"] strong{

  visibility:visible !important;
  opacity:1 !important;

  color:#f7d774 !important;
  -webkit-text-fill-color:#f7d774 !important;

  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;

  text-shadow:none !important;

  font-weight:900 !important;
}


/* strong内部のspan等 */

body.ezl-learn-article
.entry-content
[class*="summary"] strong *{

  color:#f7d774 !important;
  -webkit-text-fill-color:#f7d774 !important;

  background:transparent !important;
  background-image:none !important;
}


/* =========================================================
   MARK
   Cocoonのマーカー背景が入るのを防止
========================================================= */

body.ezl-learn-article
.entry-content
[class*="summary"] mark{

  color:#f7d774 !important;
  -webkit-text-fill-color:#f7d774 !important;

  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;

  padding:0 !important;

  box-shadow:none !important;
}


/* =========================================================
   LINKS
========================================================= */

body.ezl-learn-article
.entry-content
[class*="summary"] a{

  color:#f7d774 !important;
  -webkit-text-fill-color:#f7d774 !important;
}


/* =========================================================
   BOX
   色・余白・角丸は記事側に任せる
   高さ固定だけ解除
========================================================= */

body.ezl-learn-article
.entry-content
[class*="summary"]{

  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  overflow:visible !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

  body.ezl-learn-article
  .entry-content
  [class*="summary"] h2{

    display:block !important;

    margin:0 0 15px !important;
    padding:0 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    background:transparent !important;

    font-size:1.32em !important;
    line-height:1.5 !important;

    visibility:visible !important;
    opacity:1 !important;
  }

}