@charset "utf-8";
/*
    ■WP管理画面ビジュアルエディタのプレビュー表示 / 出力されるページ用CSS
*/

/*-------------------------------------------------
    見出し等のスタイル
-------------------------------------------------*/
/* エディタbody */
body#tinymce.wp-editor {
    margin-left: 40px; /* 見出しマイナスマージン分の余白 */
    font-size: 14px;
}

/* 書式の初期化 */
.wp-editor p,
.wp-editor span,
.wp-editor h1,
.wp-editor h2,
.wp-editor h3,
.wp-editor h4,
.wp-editor h5,
.wp-editor h6,
.wp-editor blockquote,
.wp-editor pre,
.wp-editor b,
.wp-editor i,
.wp-editor ol,
.wp-editor ul,
.wp-editor li,
.wp-editor table,
.wp-editor caption,
.wp-editor tbody,
.wp-editor tfoot,
.wp-editor thead,
.wp-editor tr,
.wp-editor th,
.wp-editor td,
.wp-editor a {
    font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.0;
    color: rgb(89, 82, 78);
    font-size: 100%;
    vertical-align: baseline;
}


/* 見出し */
.generic #contents #page-title,
.generic #contents .page-text h1,
.generic #contents .page-text h2,
.generic #contents .page-text h3,
.generic #contents .page-text h4,
.generic #contents .page-text h5,
.generic #contents .page-text h6,
.wp-editor h1,
.wp-editor h2,
.wp-editor h3,
.wp-editor h4,
.wp-editor h5,
.wp-editor h6 {
    color: rgb(24, 24, 24);
    font-weight: normal;
}

.generic #contents #page-title,
.generic #contents .page-text h1,
.generic #contents .page-text h2,
.wp-editor h1,
.wp-editor h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.generic #contents .page-text h1,
.generic #contents .page-text h2,
.generic #contents .page-text h3,
.generic #contents .page-text h4,
.generic #contents .page-text h5,
.generic #contents .page-text h6,
.wp-editor h1,
.wp-editor h2,
.wp-editor h3,
.wp-editor h4,
.wp-editor h5,
.wp-editor h6 {
    float: none;
    margin-top: 26px;
    margin-bottom: 16px;
    margin-left: -40px;
    clear: both;
}

.generic #contents .page-text h3,
.generic #contents .page-text h4,
.generic #contents .page-text h5,
.generic #contents .page-text h6,
.wp-editor h3,
.wp-editor h4,
.wp-editor h5,
.wp-editor h6 {
    margin-left: -20px;
    padding: 0 0 4px 16px;
}

.generic #contents .page-text h1,
.wp-editor h1 {
    border-bottom: rgb(161, 161, 161) solid 1px;
    padding: 0 0 15px 40px;
    line-height: 1.0em;
    font-size: 200%;
    background: url(../images/ico_heading_editor_output_h1_and_h6.png) no-repeat left top / 28px 28px;
}

.generic #contents .page-text h2,
.wp-editor h2 {
    padding: 0 0 0 40px;
    line-height: 1.3em;
    font-size: 160%;
    background: url(../images/ico_heading_editor_output_h2.png) no-repeat left top / 28px 28px;
}

.generic #contents .page-text h3,
.wp-editor h3 {
    border-bottom: rgba(195, 13, 35, 1.0) 1px dashed;
    border-left: rgba(195, 13, 35, 1.0) 8px solid;
    line-height: 1.5em;
    font-size: 130%;
}

.generic #contents .page-text h4,
.wp-editor h4 {
    margin-bottom: 8px;
    border-left: rgba(160, 160, 160, 1.0) 6px solid;
    line-height: 1.5em;
    font-size: 110%;
}

.generic #contents .page-text h5,
.wp-editor h5 {
    margin-bottom: 8px;
    padding: 12px 0 0 22px;
    line-height: 1.3em;
    font-size: 100%;
    font-weight: bold;
    background: url(../images/ico_heading_editor_output_h5.png) no-repeat left 14px / 10px 10px;
}

.generic #contents .page-text h6,
.wp-editor h6 {
    margin-bottom: 8px;
    margin-left: -26px;
    border-top: rgb(161, 161, 161) 1px solid;
    padding: 9px 0 0 26px;
    line-height: 1.5em;
    font-size: 100%;
    font-weight: bold;
    background: url(../images/ico_heading_editor_output_h1_and_h6.png) no-repeat left 14px / 12px 12px;
}


/* 段落 */
.generic #contents .page-text p,
.wp-editor p {
    padding: 0 5px 16px 0;
    line-height: 1.8em;
}


/* 引用 */
.generic #contents .page-text blockquote,
.wp-editor blockquote {
    margin-right: 0;
    margin-left: 3em;
    padding: 0;
}


/* リスト */
.generic #contents .page-text ul,
.wp-editor ul {
    margin-bottom: 1em;
    margin-left: 1em;
    padding-left: 1em;
}

.generic #contents .page-text ol,
.wp-editor ol {
    padding-left: 1em;
}

.generic #contents .page-text ul li,
.generic #contents .page-text ol li,
.wp-editor ul li,
.wp-editor ol li {
    padding-bottom: 0.4em;
    line-height: 1.5em;
    list-style-position: outside;
}

.generic #contents .page-text ul li,
.wp-editor ul li {
    list-style-type: square;
}

.generic #contents .page-text ol li,
.wp-editor ol li {
    margin-left: 1em;
    list-style-type: decimal;
}


/* テーブル */
.generic #contents .page-text table,
.wp-editor table {
    margin: 0 0 10px 0;
    border: #fff 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

.generic #contents .page-text th,
.wp-editor th {
    border: rgb(185, 185, 185) 1px solid;
    padding: 7px;
    background-color: rgba(153, 0, 0, 0.15);
    font-weight: normal;
    white-space: nowrap;
}

.generic #contents .page-text td,
.wp-editor td {
    border: rgb(185, 185, 185) 1px solid;
    padding: 7px;
    background-color: rgba(255, 255, 255, 0.3);
}