@charset "UTF-8";
/* =======================================
			WP POST
======================================= */
.wpPost {
    font-size: 15px;
    line-height: 1.5;
}

.wpPost > *:first-child {
    margin-top: 0;
}

.wpPost h1 {
    clear: both;
    margin-bottom: 0.5em;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
}
.wpPost h2 {
    clear: both;
    margin-bottom: 0.5em;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}
.wpPost h3 {
    position: relative;
    clear: both;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
.wpPost h3::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    /* background: transparent linear-gradient(90deg, #F5CE03 0%, #F0790C 15%, #F71673 38%, #D52AC9 81%, #7A48E5 100%) 0% 0% no-repeat padding-box; */
    background-color: var(--mainColor);
}
.wpPost h4 {
    position: relative;
    clear: both;
    margin-bottom: 0.5em;
    padding: 0 0.5em;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
.wpPost h4::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    /* background: transparent linear-gradient(90deg, #F5CE03 0%, #F0790C 15%, #F71673 38%, #D52AC9 81%, #7A48E5 100%) 0% 0% no-repeat padding-box; */
    background-color: var(--mainColor);
}
.wpPost h5 {
    clear: both;
    margin-bottom: 0.5em;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}
.wpPost h6 {
    clear: both;
    margin-bottom: 0.5em;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.wpPost * + h1,
.wpPost * + h2,
.wpPost * + h3,
.wpPost * + h4,
.wpPost * + h5,
.wpPost * + h6 {
    margin-top: 1em;
}

.wpPost p {
    margin-bottom: 0.5em;
    letter-spacing: 0;
}

.wpPost b,
.wpPost strong {
    font-weight: 700;
}

.wpPost dfn,
.wpPost cite,
.wpPost em,
.wpPost i {
    font-style: italic;
}

/* メイリオ　イタリック対応 */
.wpPost em {
    display: inline-block;
    font-family: Meiryo, sans-serif;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";
}

.wpPost blockquote {
    border-left: 4px solid #707070;
    color: #707070;
    font-style: italic;
    line-height: 1.8182;
    margin: 0 0 1em 0;
    padding-left: 1em;
}

.wpPost blockquote > h2 {
    padding-bottom: 0;
}
.wpPost blockquote > h2::before {
    content: none;
}
.wpPost blockquote > h3 {
    padding-left: 0;
}
.wpPost blockquote > h3::before {
    content: none;
}

.wpPost blockquote > blockquote {
    margin-left: 0;
}

.wpPost blockquote > p:last-child {
    margin-bottom: 0;
}

/* .wpPost blockquote em,
.wpPost blockquote i,
.wpPost blockquote cite {
    font-style: normal;
} */

.wpPost blockquote strong,
.wpPost blockquote b {
    font-weight: 700;
}

.wpPost pre {
    background-color: #fcfcfc;
    border: 1px solid #eaeaea;
    line-height: 1.2353;
    margin-bottom: 2em;
    max-width: 100%;
    overflow: auto;
    padding: 1em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.wpPost abbr[title] {
    border-bottom: 1px dotted #eaeaea;
    cursor: help;
}

.wpPost mark,
.wpPost ins {
    background-color: #fff9c0;
    text-decoration: none;
}

.wpPost small,
.wpPost cite{
    font-size: 75%;
}

.wpPost big {
    font-size: 125%;
}

.wpPost hr {
    background-color: #eaeaea;
    border: 0;
    height: 1px;
    margin-bottom: 2em;
}

.wpPost ul,
.wpPost ol {
    display: block;
    margin: 0.5em;
    padding: 1em 2em;
    /* background-color: #fbfbfb; */
    border-radius: 8px;
}

.wpPost ul {
	list-style: disc;
}

.wpPost ol {
	list-style: decimal;
}

.wpPost li > ul,
.wpPost li > ol {

}

.wpPost dl {
	margin: 0 0 2em;
}

.wpPost dt {
	font-weight: 700;
}

.wpPost dd {
	margin: 0 0 2em;
}

.wpPost table,
.wpPost th,
.wpPost td,
.wpPost .mce-item-table,
.wpPost .mce-item-table th,
.wpPost .mce-item-table td {
	border: 1px solid #ddd;
}

.wpPost table a {
/*	color: #333;*/
}

.wpPost table,
.wpPost .mce-item-table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.5em;
/*	width: 100%;*/
    max-width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
}

.wpPost table th,
.wpPost .mce-item-table th,
.wpPost table caption {
	border-width: 0 1px 1px 0;
	font-weight: 700;
	padding: 0.5em;
	text-align: left;
	vertical-align: baseline;
}
.wpPost table th,
.wpPost .mce-item-table th {
    background-color: #EEF5F9;
}
.wpPost table td,
.wpPost .mce-item-table td {
	border-width: 0 1px 1px 0;
	padding: 0.5em;
	vertical-align: baseline;
}

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

.wpPost figure {
	margin: 0;
}

.wpPost del {
	opacity: 0.8;
}

.wpPost a:not(.wpEntryPartsBtn) {
    text-decoration: underline;
    color: #003C71;
}

.wpPost .alignleft {
    float: left;
    margin: 0.5em 2em 2em 0;
}

.wpPost .alignright {
    float: right;
    margin: 0.5em 0 2em 2em;
}

.wpPost .aligncenter {
    clear: both;
    display: block;
    margin: 0.5em auto;
}

.wpPost .wp-caption {
    background: transparent;
    border: none;
    color: #707070;
    margin: 0 0 2em 0;
    max-width: 100%;
    padding: 0;
    text-align: inherit;
}

.wpPost .wp-caption.alignleft {
    margin: 0.5em 2em 1.5em 0;
}

.wpPost .wp-caption.alignright {
    margin: 0.5em 0 1.5em 2em;
}

.wpPost .wp-caption.aligncenter {
    margin: 0.5em auto;
}

.wpPost .wp-caption .wp-caption-text,
.wpPost .wp-caption-dd {
    line-height: 1.5;
    padding: 0.5em 0;
}

.wpPost .gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.wpPost .gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.wpPost .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.wpPost .gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.wpPost .gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.wpPost .gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.wpPost .gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.wpPost .gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.wpPost .gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.wpPost .gallery .gallery-caption {
    color: #707070;
    display: block;
    line-height: 1.5;
    padding: 0.5em 0;
}

.wpPost .gallery-columns-6 .gallery-caption,
.wpPost .gallery-columns-7 .gallery-caption,
.wpPost .gallery-columns-8 .gallery-caption,
.wpPost .gallery-columns-9 .gallery-caption {
    display: none;
}

.wpPost .mce-content-body .wpview-wrap {
    margin-bottom: 2em;
}

.wpPost .mce-content-body .wp-audio-playlist {
    margin: 0;
}

/*----------------------------------------
 _画面の横幅が560pxまで
----------------------------------------*/
@media screen and (max-width:560px) {
    .wpPost {
        font-size: 2.85vw;
    }
    .wpPost h1 {
        font-size: 3.92vw;
    }
    .wpPost h2 {
        font-size: 3.77vw;
    }
    .wpPost h3 {
        font-size: 3.57vw;
    }
    .wpPost h3::before {
        height: 0.35vw;
    }
    .wpPost h4 {
        font-size: 3.39vw;
    }
    .wpPost h4::before {
        width: 0.71vw;
    }
    .wpPost h5 {
        font-size: 3.03vw;
    }
    .wpPost h6 {
        font-size: 2.85vw;
    }

    .wpPost blockquote {
        border-left: 0.71vw solid #707070;
    }
    
    .wpPost pre {
        border: 0.17vw solid #eaeaea;
    }

    .wpPost abbr[title] {
        border-bottom: 0.17vw dotted #eaeaea;
    }

    .wpPost hr {
        height: 0.17vw;
    }
    
    .wpPost ul,
    .wpPost ol {
        border-radius: 2.5vw;
    }

    .wpPost table,
    .wpPost th,
    .wpPost td,
    .wpPost .mce-item-table,
    .wpPost .mce-item-table th,
    .wpPost .mce-item-table td {
        border: 0.17vw solid #ddd;
    }

    .wpPost table,
    .wpPost .mce-item-table {
        border-width: 0.17vw 0 0 0.17vw;
    }

    .wpPost table th,
    .wpPost .mce-item-table th,
    .wpPost table caption {
        border-width: 0 0.17vw 0.17vw 0;
    }

    .wpPost table td,
    .wpPost .mce-item-table td {
        border-width: 0 0.17vw 0.17vw 0;
    }
}