/* =================================
MW 共通レイアウト
================================= */

/* 画像中央 */
.article img,
.entry-content img,
.entry-body img{
display:block;
margin:auto;
height:auto;
max-width:100%;
}

/* アイキャッチ */
.entry-content img.wp-post-image{
max-width:640px;
width:100%;
height:auto;
}

/* =================================
ショートコード装飾
================================= */

.sc-point{
background:#fff9c4;
border-left:6px solid #fbc02d;
padding:10px 15px;
margin:15px 0;
border-radius:6px;
}

.sc-attention{
background:#ffe1e1;
border-left:6px solid #e53935;
padding:10px 15px;
margin:15px 0;
border-radius:6px;
}

.sc-note{
background:#e9f5ff;
border-left:6px solid #039be5;
padding:10px 15px;
margin:15px 0;
border-radius:6px;
}

.sc-linkbox{
background:#f0f4ff;
border:1px solid #3f51b5;
padding:12px;
margin:20px 0;
border-radius:6px;
font-size:16px;
}

.sc-linkbox a{
font-weight:bold;
text-decoration:none;
}

/* =================================
テーブル
================================= */

.entry-content table{
width:100%;
margin:20px 0;
border-collapse:collapse;
border:2px solid #ccc;
}

.entry-content th,
.entry-content td{
border:1px solid #ddd;
padding:10px;
}

.entry-content thead th{
background:#f3f6f8;
font-weight:bold;
}

.table-wrap{
overflow-x:auto;
}

/* =================================
観光・マナー装飾
================================= */

.mwd-title{
font-weight:700;
margin-bottom:6px;
}

.mwd-point{
border-left:4px solid #2f7dd1;
background:#f5f9ff;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mwd-caution{
border-left:4px solid #e5533d;
background:#fff6f4;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mwd-ng{
border-left:4px solid #d9534f;
background:#fff4f4;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mwd-ok{
border-left:4px solid #2ea44f;
background:#f4fbf6;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mwd-memo{
background:#fffbe6;
border-left:4px solid #ffc107;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

/* =================================
書き方記事装飾
================================= */

.mw-write-answer{
border:2px solid #2f7dd1;
background:#f5f9ff;
padding:16px 18px;
margin:24px 0;
border-radius:6px;
font-size:1.05em;
font-weight:500;
}

.mw-write-ok{
border-left:5px solid #2ea44f;
background:#f4fbf6;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mw-write-ng{
border-left:5px solid #e5533d;
background:#fff5f5;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mw-write-point{
border-left:5px solid #ffc107;
background:#fffbe6;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mw-write-caution{
border-left:5px solid #d9534f;
background:#fff4f4;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mw-write-example{
background:#f8f8f8;
border:1px solid #e5e5e5;
padding:16px;
margin:22px 0;
border-radius:6px;
font-family:"Hiragino Mincho ProN","Yu Mincho",serif;
}

/* 関連記事 */

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

.mw-write-related ul{
list-style:none;
padding-left:0;
}

.mw-write-related li{
margin-bottom:6px;
}

/* ▶内部リンク */

.mw-write-related a::before{
content:"\25B6";
margin-right:6px;
color:#2f7dd1;
font-size:0.85em;
}

/* =================================
縦書き表示
================================= */

.vertical-box{
writing-mode:vertical-rl;
text-orientation:upright;
text-align:center;
font-weight:bold;
line-height:2;
margin:20px auto;
padding:12px 16px;
display:inline-block;
font-size:1.2em;
letter-spacing:0.1em;
}

/* =================================
例ボックス
================================= */

.writing-example{
text-align:center;
padding:12px;
margin:20px 0;
border:1px solid #ddd;
background:#fafafa;
}

/* =================================
比較
================================= */

.vertical-example{
text-align:center;
font-weight:bold;
line-height:1.7;
margin:20px 0;
}

.vertical-compare{
display:flex;
justify-content:center;
gap:60px;
margin:20px 0;
}

.vertical-compare div{
text-align:center;
font-weight:bold;
line-height:1.7;
}

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

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

.entry-content img{
max-width:100%;
height:auto;
}

.sc-point,
.sc-attention,
.sc-note,
.sc-linkbox{
padding:8px 12px;
font-size:14px;
margin:10px 0;
}

.mw-write-answer,
.mw-write-ok,
.mw-write-ng,
.mw-write-point,
.mw-write-caution,
.mw-write-example,
.mw-write-related{
padding:12px;
font-size:15px;
}

.vertical-box{
font-size:1.1em;
line-height:1.9;
}

}
.mw-write-answer p:last-child,
.mw-write-point p:last-child,
.mw-write-ok p:last-child,
.mw-write-ng p:last-child,
.mw-write-caution p:last-child,
.mw-write-example p:last-child,
.mwd-point p:last-child,
.mwd-caution p:last-child,
.mwd-ng p:last-child,
.mwd-ok p:last-child{
margin-bottom:0;
}
.mw-center{
text-align:center;
}