/*
Skin Name: kabu-u
Description: kabu-u skin
Skin URI: https://kabu-u.com/
Author: kabu-u
*/

/* 個別銘柄ブロック */

.stock-info,
.yutai-deadline{
  width:720px;
  max-width:100%;
  margin-left:0;
}

/* テーブル */

.stock-info{
  border-collapse:collapse;
}

/* セル */

.stock-info th{
  background:#f3e6e2;
  width:180px;
}

.stock-info td{
  background:#ffffff;
  padding:10px 14px;
}

/* 個別ページ記事幅 */

.single article{
  max-width:720px;
}

/* 個別銘柄ページ：左右の余白を消す */

.single .entry-content{
  padding-left:0px !important;
  padding-right:0px !important;
}

/* =========================
   kabu-u カラー設定
========================= */

:root{
--kabu-main:#130A8F;
--kabu-bg:#fbe8e1;
--kabu-card:#F6F6F8;
--kabu-header:#ffffff;
--kabu-menu-hover:#fbe8e1;
}

/* 登録銘柄一覧 背景 */

.top-expiring{
background:var(--kabu-bg);
border-radius:20px;
padding:30px;
}

/* 銘柄カード */

.stock-card{
background:var(--kabu-card);
border-radius:16px;
transition:.2s;
}

/* ホバー */

.stock-card:hover{
transform:translateY(-3px);
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

/* ページネーション */

.page-numbers.current{
background:var(--kabu-main);
color:#fff;
border-radius:6px;
}

/* 　ページ背景　 */

body{
background:var(--kabu-bg);
}

/* 　ヘッダー　 */

.header-container{
background:var(--kabu-header);
}

/* 　ナビメニュー　 */

#navi{
background:var(--kabu-header);
}

#navi .navi-in a:hover{
background:var(--kabu-menu-hover);
}

/* ドロップダウン */

#navi .sub-menu {
  background: #fbe8e1;
}

#navi .sub-menu a:hover {
  background: #fad1c1;
}

/* 　コンテンツカード　 */
.main{
background:#ffffff;
border-radius:16px;
padding:30px;
}

/* =========================
   テーマ変更が一瞬でできる
========================= */

background:var(--kabu-card);

/* =========================
   プルダウンメニュー固定
========================= */

#navi .menu > li:hover > a{
background:var(--kabu-menu-hover);
}

#navi .menu > li.current-menu-item > a{
background:var(--kabu-menu-hover);
}

/* 親メニューをhoverで保持 */

#navi .menu-item-has-children:hover > a{
background:var(--kabu-menu-hover);
border-radius:8px 8px 0 0;
}

/* =========================
   ナビメニュー角丸
========================= */

#navi .navi-in > ul > li > a{
border-radius:8px 8px 0 0;
}

/* =========================
   ドロップダウン幅調整
========================= */

#navi .sub-menu{
min-width:220px;
width:220px;
}

/* =========================
   スマホメニュー設定
========================= */

#navi-menu-content{
background:var(--kabu-card);
}

/* メニュー文字 */
#navi-menu-content a{
color:#333;
}

/* タップしたとき */
#navi-menu-content a:hover{
background:var(--kabu-menu-hover);
}

/* ドロップダウン */
#navi-menu-content .sub-menu{
background:rgba(246,246,248,0.95);
}

/* =========================
   スマホ余白 全カット（kabu-u）
========================= */

@media (max-width:768px){

/* 外側余白 */
.content{
padding:0 4px !important;
}

/* メインカード */
.main{
padding:4px 8px !important;
}

/* 記事エリア */
.article{
margin:0 !important;
padding:0 !important;
}

/* 記事本文 */
.entry-content{
margin:0 !important;
padding:0 !important;
}

/* タイトル余白 */
.entry-title{
margin:6px 0 8px !important;
}

/* パンくず */
.breadcrumb{
margin:4px 0 !important;
}

/* テーブル行高さ */
.stock-info th,
.stock-info td{
padding:6px 8px !important;
}

/* =========================
   スマホ余白 全カット（kabu-u）
========================= */

@media (min-width: 1024px) {

  .container {
    max-width: 1200px;
  }

}