@charset "UTF-8";

/*---------------------------------------------------

    配色関連

---------------------------------------------------*/

body.library header img,
body.library header p {
    background-color: #3d8037;
}

body.library header p {
    color: #fcfcfe;
}

body.library div.section-header nav a {
    border-color: #805faf !important;
    background-color: #705399;
    color: #fcfcfe;
}

body.library nav.menu a,
body.library nav.pagination li:not(.next-page):not(.previous-page) a:link,
body.library nav.pagination li:not(.next-page):not(.previous-page) a:visited {
    background-color: #a53e7a;
    border-color: #bc468c;
}

/*---------------------------------------------------

    調整全般

---------------------------------------------------*/

body.article h1 {
    margin-bottom: 0;
}

body.article p.post-at {
    margin-top: 1.8em;
    padding-bottom: 1.8em;
}

body.article h2 {
    padding-left: 0 !important;
    padding-top: 1.875em;
    margin-left: 0.83em !important;
}

body.article h1,
body.article h2,
body.article h3 {
    font-feature-settings: "palt";
}

div.article-bottom-ad {
    margin-top: 5.4em !important;
}

/*---------------------------------------------------

	記事用アイキャッチ

---------------------------------------------------*/

figure.article-eye-catcher {
	margin: 1.8em 0 0;
	padding: 0;
	display: block;
	width: 100%;
    aspect-ratio: 16 / 8.4;
	overflow: hidden;
}
figure.article-eye-catcher img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*---------------------------------------------------

	記事用挿絵

---------------------------------------------------*/

figure.article-illustration {
	padding: 0;
	display: block;
    margin: 1.8em auto 0;
    width: calc(100% - 1em);
}
figure.article-illustration img {
    width: 100%;
    height: 100%;
}

/*---------------------------------------------------

	記事用ハイライト

---------------------------------------------------*/

div.article-highlight {
    display: block;
	padding: 0 1em 1.8em;
    margin: 1.8em auto 0;
    width: calc(100% - 4em);
    background-color: #f4f1fa;
    text-align: center;
}

div.article-highlight p {
    font-size: 0.9em;
    text-align: left;
}

div.article-highlight p:first-child {
    padding-top: 1.8em;
}

div.article-highlight img.square {
    margin: 1.8em auto 0;
    width: 65.25%;
    height: 65.25%;
}

div.article-highlight ul {
    list-style: disc;
    margin: 1.8em 2em 0;
    text-align: left;
}

div.article-highlight li {
    font-size: 0.9em;
}

/*---------------------------------------------------

	記事用引用

---------------------------------------------------*/

body.article blockquote {
    display: block;
	padding: 1.8em 1em;
    margin: 1.8em auto 0;
    width: calc(100% - 4em);
    background-color: #f4f1fa;
}

body.article blockquote p {
    font-size: 0.9em;
    text-align: left;
}

body.article blockquote p:first-child {
    margin-top: 0;
}

body.article blockquote cite {
    margin: 1.5em 1.11em 0 0;
    display: block;
    font-size: 0.9em;
    text-align: right;
}