/* =================================================
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;
font-size: 24px;
line-height: 2.6;
background: #fdfbf6;
border: 1px solid #d9d1c7;
padding: 22px;
margin: 30px auto;
display: inline-block;
}


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

.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;
}

}