@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

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

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

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

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

/* 目次開始 */
.article .toc {
  width: 100%;
  max-width: 600px;
  border-color: #ff69b4;
  font-size: 85%;
  box-sizing: border-box;
  margin: 30px auto;
  padding: 1em;
}
.article .toc ol a,
.article .toc ul a {
  vertical-align: middle;
  width: 84%;
  display: inline-block;
  padding: 10px 0;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}
.toc-title {
  font-size: 1.1em;
  text-align: center;
  display: block;
  padding: 2px 16px;
}
.toc ul, .toc ol {
  padding-left: 5px;
}
.article ul li, .article ol li {
  padding-left: 5px;
}
.toc-content a{
 color:#1e73be;
}
/* 目次終了 */

/* ヘッダー部分の背景 */
.header-container {
    background-image: url("https://nico25-life.com/wp-content/uploads/2020/02/top-bg.gif");
background-repeat: repeat;
}

/* フッター部分の背景 */
.footer-container {
    background-image: url("https://nico25-life.com/wp-content/uploads/2020/02/top-bg.gif");
background-repeat: repeat;
}

/* グローバルメニューのマウスオーバー */
#navi .navi-in a {
  background-color: #ffffff;
	    color: #696969;
}

#navi .navi-in a:hover {
  background-color:#ffccd4;
  color: #ff69b4;
}

/* サイドバー見出し装飾 */
  h3.widget-sidebar-title {
    color: #333333;                      /* 文字色 */
    background: #ffccd4;                 /* 背景色 */
    padding: 0.25em 0.25em;              /* [上下][左右]の余白 */
    box-shadow: 0px 0px 0px 4px #ffb6c1; /* [水平][垂直][ぼかし][距離][色]のBox影 */
    border: dashed 2px #ffffff;          /* [形][太さ][色]の全枠 */
	font-weight: normal; 
	padding-left: 15px;
	font-size: 100%;
  }

/*親カテゴリのカスタマイズ*/

.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f069"; /* FontAwesomeのユニコード */
  color:  #ffb6c1; /* アイコンの色 */
padding-right: 6px;
padding-left: 10px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/* 子カテゴリのカスタマイズ*/

.widget_categories ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f299"; /* FontAwesomeのユニコード */
  color: #ffb6c1; /* アイコンの色 */
  padding-right: 6px;
}

/* 固定ページでシェア・フォローボタンをまとめて非表示*/

.page .sns-share,
.page .sns-follow {
    display: none;
}

/*特定ページのシェアボタン非表示
.page-id-XX .sns-share {
    display: none;
}
/*
/*特定ページのフォローボタン非表示
.page-id-XX .sns-follow {
    display: none;
}
/*
/*特定ページのシェア・フォローボタン非表示
.page-id-XX .sns-share,
.page-id-XX .sns-follow {
    display: none;
}
*/

/* 見出しカスタマイズ */
/*H2 
.article h2{
background:none;
padding: 0;
font-weight:normal;
}
*/
/*H3 
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
font-weight:normal;
}
*/
/* H4 
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
*/
/* H5 
.article h5{
border-bottom:none;
padding: 0;
}
*/
/* H6
.article h6{
border-bottom:none;
padding: 0;
}
*/

/* 本文見出し装飾 */
  h1 {
    color: #333333;                      /* 文字色 */
    background: #ffccd4;                 /* 背景色 */
    padding: 0.3em 0.3em;              /* [上下][左右]の余白 */
	      margin: 0.3em 0.3em;              /* [上下][左右]の余白 */
    box-shadow: 0px 0px 0px 4px #ffccd4; /* [水平][垂直][ぼかし][距離][色]のBox影 */
    border: dashed 2px #ffffff;          /* [形][太さ][色]の全枠 */
	font-weight: normal; 
	padding-left: 15px;
	font-size: 100%;
  }
h2 {
  color: #333333;/*文字色*/
  border-bottom: dashed 2px  #ffccd4; /*線の種類（点線）2px 線色*/
    padding: 0.3em 0.3em; /* [上下][左右]の余白 */
	font-weight:normal;
}
h3 {
	font-weight:normal;
	    padding: 0em 0.25em;              /* [上下][左右]の余白 */
}
/*フッターモバイルメニュー変更*/
.mobile-menu-buttons {
	background: #ffb6c1
	color: #fff; /* 文字の色 */
}

/* トップ・ホームの『文字』は構造上別途必要 */
.top-menu-button a:hover, /*トップに戻る画像を入れる場合はこの1行削除*/
.home-menu-button a:hover {
	color: #fff; /* ここは同じ文字色を */
}


/************************************
** 新トップページカスタマイズ20200831
************************************/
 /*トップページのカテゴリ別最新記事の幅固定*/
 .widget-entry-cards .widget-entry-card-content{
 padding-top:0.5em;
 height:100px; 
 }
 /*ここまで*/
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}
	

/************************************
** 目次
************************************/
.toc {
	border: solid 1.2px #ff69b4 !important;
	display: block;
    padding: 10px;	  
}

.toc a:link {
  color: #000080;
}

.toc a:visited {
  color: #551a8b;
}

.toc a:hover {
  color: #ff69b4;
}

.toc-list > li li a {
    font-weight: normal;
    color: #ff69b4;
}

	
/************************************
** 関連記事
************************************/

.rect-mini-card .related-entry-card-title {
  font-weight: normal;
  font-size: 12px !important;
}
	
/************************************
** 202506　相撲カテゴリ追加後
************************************/
/* サイドバーランキングの上下余白 */
.widget {
  margin-bottom: 5px;
}	
/************************************
** responsive-table：カード化しない版（表＋必要時だけ横スクロール）
** 目的：
** - どの幅でもカード化しない
** - 1文字改行（縦書き化）を防ぐ
** - 列幅をギリギリに寄せる
************************************/

/* 横スクロール枠 */
.table-scroll{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* どの幅でも table として固定（カード化CSSが残っていても潰す） */
.responsive-table{ 
  display:table !important;
  width:100%;
  border-collapse:collapse;
  table-layout:auto !important;
}
.responsive-table thead{ display:table-header-group !important; }
.responsive-table tbody{ display:table-row-group !important; }
.responsive-table tr{ display:table-row !important; }
.responsive-table th,
.responsive-table td{ display:table-cell !important; }

/* 余白・罫線 */
.responsive-table th,
.responsive-table td{
  padding:6px 10px;
  border:1px solid #ddd;
  vertical-align:middle;
  line-height:1.35;
  box-sizing:border-box;
  width:auto !important; /* ←HTMLの width:% を無効化 */
}

/* 1文字改行（縦書き化）の強制を止める */
.responsive-table td,
.responsive-table td a{
  word-break:keep-all !important;
  overflow-wrap:normal !important;
}

/* ▼列幅を “中身ギリギリ” に寄せる（5列テーブル想定） */
.responsive-table th:nth-child(1),
.responsive-table td:nth-child(1), /* 四股名 */
.responsive-table th:nth-child(2),
.responsive-table td:nth-child(2), /* 番付上下 */
.responsive-table th:nth-child(3),
.responsive-table td:nth-child(3), /* 今場所番付 */
.responsive-table th:nth-child(4),
.responsive-table td:nth-child(4)  /* 前場所番付 */
{
  white-space:nowrap !important;
  width:1% !important; /* ★ギリギリ幅の決定打 */
}

/* 番付上下（↑↓）はさらに細く */
.responsive-table th:nth-child(2),
.responsive-table td:nth-child(2){
  min-width:2.2em !important;
  text-align:center !important;
}

/* 比較/備考など「最後の列」は折り返しOK（幅をここに回す） */
.responsive-table th:last-child,
.responsive-table td:last-child{
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

/* ▼ここ重要：min-width は “タブレットだけ” にする（スマホに当てない） */
@media screen and (min-width:601px) and (max-width:1024px){
  .responsive-table{
    min-width:760px; /* 列が多い表だけの保険 */
  }
}

/* ▼スマホは min-width を解除して、なるべく横スクロールを減らす */
@media screen and (max-width:600px){
  .responsive-table{
    min-width:0 !important; /* ★これがないとスマホで効きません */
  }
  .responsive-table th,
  .responsive-table td{
    padding:5px 8px;        /* 少し詰めて横幅を稼ぐ */
    font-size:0.92em;       /* 少しだけ縮める（任意） */
  }
}

/* 任意：ヘッダー固定（いらなければ削除OK） */
.responsive-table thead th{
  position:sticky;
  top:0;
  background:#fff;
  z-index:1;
}
/************************************
** 2026/1/13　場所記事テーブルCSS
************************************/
/* =========================
   この表だけ：全列を中身基準に（100%のまま“ギリギリ”）
   対象：番付比較表（sumo-banzuke-compare）
   ========================= */
table.responsive-table.sumo-banzuke-compare{
  width: 100%;
  table-layout: auto;      /* 中身に合わせて列幅を決める */
}

table.responsive-table.sumo-banzuke-compare th,
table.responsive-table.sumo-banzuke-compare td{
  white-space: nowrap;     /* 折り返さずギリギリに */
  width: 1%;               /* 余白を持たせず内容幅に寄せるコツ */
  padding-left: 10px;
  padding-right: 10px;
}

/* 文字数が長くなりがちな列だけは例外で折り返しOKにしたい場合（任意）
table.responsive-table.sumo-banzuke-compare td[data-label="前場所からの比較"]{
  white-space: normal;
}
*/
/* 星取表（sumo-hoshitori） */
table.responsive-table.sumo-hoshitori{
  width: 100%;
  table-layout: auto;
}

table.responsive-table.sumo-hoshitori th,
table.responsive-table.sumo-hoshitori td{
  white-space: nowrap;
  width: 1%;
  text-align: center;
}

table.responsive-table.sumo-hoshitori td:first-child,
table.responsive-table.sumo-hoshitori th:first-child{
  text-align: left;  /* 力士名だけ左寄せにしたい場合 */
}
/* 前場所成績表（sumo-prev-result） */
table.responsive-table.sumo-prev-result{
  width: 100%;
  table-layout: auto;
}

table.responsive-table.sumo-prev-result th,
table.responsive-table.sumo-prev-result td{
  white-space: nowrap;
  width: 1%;
}