/*
   Theme Name: Libre kid
   Theme URI: https://pasero.net/~mako/
   Description: Libre child
   Template: libre-2-wpcom
   Version: 2.1-1
   Author: Mako N
   Author URI: https://pasero.net/~mako/
   License: GNU General Public License v2 or later
   License URI: http://www.gnu.org/licenses/gpl-2.0.html
   Tags: light, black, white, right-sidebar, two-columns, custom-background, custom-menu, custom-header, editor-style, full-width-template, responsive-layout, accessibility-ready
 */
@charset "UTF-8";

/* 背景色 */
body {
	background: #fcfcf2;
}
.sticking .site-header {
	background: #fcfcf2;
}
.widget .post-count {
	background: #fcfcf2;
}
.widget_archive a,
.widget_categories a {
	background-color: #fcfcf2; /* 全体の背景色に合わせる */
}
.main-navigation ul ul {
	background: #fcfcf2;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	background: #fcfcf2;
}

/* 文字色 */
body,
button,
input,
select,
textarea {
	color: #202020;
}

/* フォント */

/* この部分は分離して、functions.php により、google web font のための CSS より前に設定する
@font-face {
	font-family: 'division sign';
	src: local('Georgia'),local('Times'),local('Times New Roman');
	unicode-range: U+F7;
}
*/
/*
	'Latin Modern Roman Unslanted'を woff に変換したもの。
	元の'Latin Modern Roman Unslanted'は http://www.gust.org.pl/projects/e-foundry/latin-modern から入手できます。
	そのライセンスは GUST Font License です。http://www.gust.org.pl/projects/e-foundry/licenses
 */
@font-face {
	font-family: 'Latin Modern Roman Unslanted';
	src: local('Latin Modern Roman Unslanted'), url('lmromanunsl10-regular.woff');
}
/*
	「はれのそら明朝」より、ひらがな・カタカナ部分のみ(3040-309F,30A0-30FF)を取り出して woff に変換したもの。
	元の「はれのそら明朝」は https://fontopo.com/ から入手できます。
	そのライセンスは IPAフォントライセンスv1.0 です。http://ipafont.ipa.go.jp/ipa_font_license_v1.html
 */
@font-face {
	font-family: 'HarenosoraMincho';
	src: local('HarenosoraMincho'), url('harenosora-webfont.woff');
}

body {
	font-family: "division sign",Lora,Georgia,Times,"Times New Roman","Noto Serif CJK JP","Noto Serif JP","BIZ UDMincho","YuMincho","Yu Mincho","游明朝","Hiragino Mincho ProN","ヒラギノ明朝 ProN",IPAexMincho,IPAPMincho,serif;
}

button, input, select, textarea,
h1,h2,h3,h4,h5,h6 {
	font-family: inherit; /* 無効化しておく。body の設定が使われるだろう。 */
}

.serif {
	font-family: "division sign",Lora,Georgia,Times,"Times New Roman",serif;
}
.serif.noto {
	font-family: "division sign",Lora,Georgia,Times,"Times New Roman","Noto Serif CJK JP","Noto Serif JP","Hiragino Mincho ProN","ヒラギノ明朝 ProN","BIZ UDMincho","Yu Mincho",YuMincho,"游明朝",IPAexMincho,IPAPMincho,serif;
}
.serif.bizud {
	font-family: "division sign",Lora,Georgia,Times,"Times New Roman","BIZ UDMincho","Noto Serif CJK JP","Noto Serif JP","Hiragino Mincho ProN","ヒラギノ明朝 ProN","Yu Mincho",YuMincho,"游明朝",IPAexMincho,IPAPMincho,serif;
}
.serif.hira {
	font-family: "division sign",Lora,Georgia,Times,"Times New Roman","Hiragino Mincho ProN","ヒラギノ明朝 ProN","Noto Serif CJK JP","Noto Serif JP","BIZ UDMincho","Yu Mincho",YuMincho,"游明朝",IPAexMincho,IPAPMincho,serif;
}
.serif.yu {
	font-family: "division sign",Lora,Georgia,Times,"Times New Roman","Yu Mincho",YuMincho,"游明朝","Noto Serif CJK JP","Noto Serif JP","BIZ UDMincho","Hiragino Mincho ProN","ヒラギノ明朝 ProN",IPAexMincho,IPAPMincho,serif;
}
.sans,
.sans-serif {
	font-family: -apple-system,BlinkMacSystemFont,sans-serif;
}
.sans.noto {
	font-family: -apple-system,BlinkMacSystemFont,"Noto Sans CJK JP","Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","BIZ UDGothic","Yu Gothic",YuGothic,Meiryo,IPAexGothic,IPAPGothic,sans-serif;
}
.sans.bizud {
	font-family: -apple-system,BlinkMacSystemFont,"BIZ UDGothic","Noto Sans CJK JP","Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","Yu Gothic",YuGothic,Meiryo,IPAexGothic,IPAPGothic,sans-serif;
}
.sans.hira {
	font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","Noto Sans CJK JP","Noto Sans JP","BIZ UDGothic","Yu Gothic",YuGothic,Meiryo,IPAexGothic,IPAPGothic,sans-serif;
}
.sans.yu {
	font-family: -apple-system,BlinkMacSystemFont,"Yu Gothic",YuGothic,"Noto Sans CJK JP","Noto Sans JP","BIZ UDGothic","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",Meiryo,IPAexGothic,IPAPGothic,sans-serif;
}

pre,
code,kbd,samp,var,tt {
	font-family: Inconsolata,Consolas,"DejaVu Sans Mono","Courier New",Courier,"Noto Sans Mono CJK JP",IPAGothic,monospace;
}

code,kbd,samp,var,tt {
	font-size: inherit; /* タイトル内などで使うとき、外側の大きさに合わせる */
}

blockquote,
em,
q {
	font-synthesis: weight;
	font-style: normal;
	font-weight: 300;
	font-family: "Latin Modern Roman Unslanted","HarenosoraMincho","Noto Sans JP","BIZ UDGothic","YuGothic","Yu Gothic",IPAexGothic,IPAPGothic,sans-serif;
}
.sans blockquote,
.sans em,
.sans q {
	font-family: "Latin Modern Roman Unslanted","HarenosoraMincho","Noto Serif JP","BIZ UDMincho","YuMincho","Yu Mincho",IPAexMincho,IPAPMincho,serif;
}

@media screen and ( min-width: 70em ) {
	.sticking .site-title { /* 1700行目 */
		font-size: 18px;
		font-size: 1rem; /* これが抜けていた */
		margin-right: 0;
	}
}

.entry-meta,
.entry-footer {
	font-style: normal;
	line-height: 1;
}
.comment-meta {
	font-style: normal;
	line-height: 1.5;
}

.site-footer {
	line-height: 1.25;
}

/* フォント切替ボタン */
button#toggle-font-button {
	position: fixed;
	top: 20%;
	right: 0;
	background: #ecefe7;
	opacity: 0.4;
	margin: 0;
	padding: 0 0.5em;
	border: 1px solid #000000;
	border-radius: 10px;
	z-index: 9999;
}
button#toggle-font-button {
	transform: translateX(106px);
}
button#toggle-font-button:before {
	content: "« ";
}
button#toggle-font-button:hover {
	transform: translate(0);
}
button#toggle-font-button:hover:before {
	content: "» ";
}

/* フォント切替フォーム */
#fontswitcher {
	position: fixed;
	top: 20%;
	right: 0;
	background: #ecefe7;
	opacity: 0.4;
	margin: 0;
	padding: 0 0.5em;
	border: 1px solid #000000;
	border-radius: 10px;
	z-index: 9999;
}

#fontswitcherform {
	display: inline-block;
	vertical-align: middle;
}
#fontswitcher {
	transform: translateX(6.9em);
}
#fontswitcher:hover {
	transform: translate(0);
}

/* フォント切替に備えて余裕をもたせる */
@media screen and ( min-width: 70em ) {
	.site-branding {
		display: inline-block;
		width: 47.5%; /* 49.5% */
	}
	.main-navigation {
		width: 48%; /* 50% */
	}
}

/* 「返信」をボタン風にする */
span.reply a.comment-reply-link {
	background: #ecefe7;
	font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	padding: 0.1em 0.5em;
	border: 1px solid #ccc;
	border-radius: 10px;
}

/*
   dashicons
 */
span.posted-on:before {
	font-family: "dashicons";
	color: #aaa;
	content: "\f469";
	padding: 0 0.2em 0 1em;
}

span.posted-in:before, span.cat-links:before {
	font-family: "dashicons";
	color: #aaa;
	content: "\f318";
	padding: 0 0.2em 0 1em;
}
span.tagged:before, span.tags-links:before {
	font-family: "dashicons";
	color: #aaa;
	content: "\f323";
	padding: 0 0.2em 0 1em;
}
span.comments-link:before {
	font-family: "dashicons";
	color: #aaa;
	content: "\f101";
	padding: 0 0.2em 0 1em;
}
span.edit-link:before {
	font-family: "dashicons";
	color: #aaa;
	content: "\f464";
	padding: 0 0.2em 0 1em;
}

/* 段落 */
.entry-content p {
	margin-bottom: 0.25em; /* 段落間は少しだけ */
	text-indent: 1em; /* 段落の最初は1字下げ */
}

.entry-content .noindent { /* 字下げ取り消しクラス */
	text-indent: 0em;
}

/* 箇条書きの前後、マージンは少しだけにする */
ul,ol {
	margin: 0.5em 0;
}

/* 見出し */
/* 記事内の見出しは上下にマージン。ただしその見出しが記事の先頭なら上マージンなし */
.entry-content h1,h2,h3,h4,h5,h6 {
	margin: .875em 0;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child {
	margin: 0 0 .875em;
}
/* easyAdsense の直後の見出しは回り込み解除しない */
.entry-content div.ezAdsense+h1,
.entry-content div.ezAdsense+h2,
.entry-content div.ezAdsense+h3,
.entry-content div.ezAdsense+h4,
.entry-content div.ezAdsense+h5,
.entry-content div.ezAdsense+h6 {
	clear: none;
}

/* 引用 */
@media screen and ( min-width: 45em ) {
	blockquote {
		font-size: 18px; /* 本文と同じ大きさ */
		font-size: 1rem;
		margin-top: 1.25em;
		margin-left: 3.5em;
	}
}

/* リンクの下線の色を薄くする */
.textwidget a,
.entry-content a,
.comment-content a {
		box-shadow: 0 1px 0 0 #bbb;
}

/* テキストウィジェット内のリンクに下線を付けない */
.textwidget a,
.textwidget a:hover,
.textwidget a:focus,
.textwidget a:active {
	box-shadow: none;
}
/* yarpp related */
.yarpp-related a {
	box-shadow: none;
}


/* フッタを非表示 */
.site-info {
	display: none;
}

/* jetpack のタグクラウド */
.tagcloud a {
	background: #ecefe7; /* 背景色 */
	border-radius: 5px; /* 背景色の角丸 */
	padding: 0px 3px; /* タグの余白 */
	margin: 1px; /* タグとタグとの余白 */
}

/*
   for footnotes
 */
ol.footnotes {
	clear: both;
	margin-top: 4px;
	border-top: solid 1px #444;
	font-size: small;
	line-height: 1.6em;
	padding: 0 2em;
}

/*
   for monthchunk
 */
.widget_wp-monthchunks-widget {
	padding: 0 0.6em;
}

/*
   for Photo Express for Google
 */
/* margin 0 になってしまうので、変更 */
.peg-album.alignleft, .peg-photo.alignleft, .wp-caption.alignleft {
	float: left;
	margin: .875em 1.75em .875em 0;
}

.peg-album.alignright, .peg-photo.alignright, .wp-caption.alignright {
	float: right;
	margin: .875em 0 .875em 1.75em;
}