/* =================================================
EGT 縦書き記事CSS（整理版・Simplicity2）
================================================= */


/* ---------------------------
縦書き基本
--------------------------- */

.tate{
writing-mode: vertical-rl;
text-orientation: upright;
margin: 25px auto;
font-size: 22px;
line-height: 2;
display: inline-block;
}


/* ---------------------------
縦書き例ボックス
--------------------------- */

.tate-example{
writing-mode: vertical-rl;
text-orientation: upright;
text-align: left;
font-size: 24px;
line-height: 2.6;
background: #fdfbf6;
border: 1px solid #d9d1c7;
padding: 22px;
margin: 30px auto;
display: block;
width: fit-content;
}


/* ---------------------------
中央配置
--------------------------- */

.tate-center{
text-align:center;
margin:30px 0;
}


/* ---------------------------
正解・不正解
--------------------------- */

.tate-maru{
color:#d40000;
font-weight:bold;
}

.tate-batsu{
color:#666;
}

.tate-sankaku{
color:#f39c12;
font-weight:bold;
}


/* ---------------------------
縦書き住所例
--------------------------- */

.tate-address{
writing-mode: vertical-rl;
text-orientation: upright;
font-size: 22px;
line-height: 2;
background:#f7f7f7;
border:1px solid #ddd;
padding:20px;
display:inline-block;
margin:25px auto;
}


/* ---------------------------
縦書き日付
--------------------------- */

.tate-date{
writing-mode: vertical-rl;
text-orientation: upright;
font-size:22px;
line-height:2;
background:#f9f9f9;
border:1px solid #ddd;
padding:18px;
display:inline-block;
margin:25px auto;
}


/* ---------------------------
説明ボックス
--------------------------- */

.tate-box{
border-left:4px solid #999;
background:#f9f9f9;
padding:18px 22px;
margin:28px 0;
}


/* ---------------------------
関連記事ボックス
--------------------------- */

.egtrelated{
border:2px solid #e6e6e6;
background:#fafafa;
padding:18px 20px;
margin:30px 0;
border-radius:6px;
}

.egtrelated-title{
font-weight:700;
font-size:17px;
margin-bottom:10px;
color:#444;
}

.egtrelated ul{
margin:0;
padding-left:18px;
}

.egtrelated li{
margin:6px 0;
}


/* ---------------------------
スマホ最適化
--------------------------- */

@media (max-width:768px){

.tate{
font-size:18px;
}

.tate-example{
font-size:20px;
padding:18px;
}

.tate-address{
font-size:18px;
}

.tate-date{
font-size:18px;
}

}
.no-ads{
position:relative;
z-index:1;
}
/* =================================
共通リンクBOX（統一UI）
================================= */

.link-box{
background:#f7f9fc;
border:1px solid #e3e8ef;
padding:16px 18px;
margin:25px 0;
border-radius:6px;
}

.link-box ul{
list-style:none;
padding-left:0;
margin:0;
}

.link-box li{
margin-bottom:6px;
line-height:1.6;
}

.link-box a{
text-decoration:none;
font-weight:600;
color:#2f7dd1;
}

.link-box a::before{
content:"▶";
margin-right:6px;
font-size:0.85em;
color:#2f7dd1;
}
/* ---------------------------
漢数字テーブル（EGT専用）
--------------------------- */

.egt-table-container {
    width: 100%;
    overflow-x: auto; /* スマホで横スクロール可能に */
    margin: 30px 0;
    -webkit-overflow-scrolling: touch;
}

.egt-num-table {
    width: 100%;
    min-width: 600px; /* 極端な圧縮を防ぐ */
    border-collapse: collapse;
    font-size: 16px;
    border: 1px solid #d9d1c7; /* 既存の枠線色に合わせる */
}

.egt-num-table th, 
.egt-num-table td {
    border: 1px solid #d9d1c7;
    padding: 12px 5px;
    text-align: center;
    vertical-align: middle;
}

/* ヘッダー部分（読み・漢数字） */
.egt-num-table thead tr:nth-child(1),
.egt-num-table thead tr:nth-child(2) {
    background: #fdfbf6; /* 既存の背景色に合わせる */
    font-weight: bold;
}

/* 大字の縦書き見出し */
.egt-tate-head {
    writing-mode: vertical-rl;
    text-orientation: upright;
    padding: 10px !important;
    background: #f7f3ed;
    font-size: 15px;
}

/* 小さな注釈 */
.egt-small-text {
    font-size: 11px;
    display: block;
    line-height: 1.3;
    margin-top: 4px;
}

/* 空白セルの表現（薄いドットなどを入れると見やすい） */
.egt-empty {
    color: #ccc;
	font-size: 14px;
}

/* 七の複数候補をスッキリ見せる */
.egt-multiple {
    font-size: 14px;
    line-height: 1.4;
}