@charset "utf-8";

/* =====================================
エディター用スタイル
===================================== */

/* ---------------------
管理画面用
--------------------- */
#tinymce {
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #000;
}

/* ---------------------
全体
--------------------- */
.wysiwyg h1 {
    margin-bottom: 1em;
    padding: 10px 15px;
    font-size: 22px;
    line-height: 1.2;
    background: #000;
    color: #FFF;
    border-radius: 5px;
}

.wysiwyg * + h1 {
    margin-top: 60px;
}

.wysiwyg h2 {
    margin-bottom: 1em;
    padding: 10px 15px;
    font-size: 22px;
    line-height: 1.2;
    border: 1px solid #000;
    border-radius: 5px;
}

.wysiwyg * + h2 {
    margin-top: 60px;
}

.wysiwyg h3 {
    margin-bottom: 1.2em;
    padding-bottom: 0.2em;
    font-size: 18px;
    line-height: 1.6;
    border-bottom: 1px solid #000;
}

.wysiwyg * + h3 {
    margin-top: 60px;
}

.wysiwyg h4 {
    margin-bottom: 1.2em;
    font-size: 18px;
    line-height: 1.6;
    text-indent: -1.35em;
    padding-left: 1.35em;
}

.wysiwyg h4:before {
    content: "● ";
}

.wysiwyg * + h4 {
    margin-top: 60px;
}

.wysiwyg table {
    border-collapse: collapse;
}

.wysiwyg table th, .wysiwyg table td {
    padding: 10px;
    border: 1px solid #CCCCCC;
}