@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Shippori+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');

/* 何らかの配布場さまのスキン「kozin」を改変 */

*,*::before,*::after { box-sizing: inherit;}
html { box-sizing: border-box;}
h1,h2,h3,h4,h5,img,p,ul,ol,li { margin: 0; padding: 0;}
img { border: none; max-width: 100%;}

/* -------------------- */
/* カスタム用色変更欄 */
/* -------------------- */
:root{
	--haikei-iro: #f3f3f3; /* 全体背景色 */
	--naiyou-iro: #ffffff; /* 記事内背景色 */
	--koi-iro: #383c3c; /* 濃いアクセント色 */
	--usu-iro: #a3a3a3; /* 薄いアクセント色 */
	--mozi-iro: #242424; /* メイン文字色 */
	--usu-mozi-iro: #979797; /* ↑よりちょっと薄い文字色など */
	--siro-mozi: #fefefe; /* 濃い背景に乗せる白文字 */
	--link-iro: #057ea4; /* リンク、カテゴリの色など */
	--link-hover-iro: #d0af4c; /* リンクにマウス乗せたときの色と強調のマーカー色 */
	--iconfont: "Material Icons Round"; /* アイコンフォントの名前 */
}
@media screen and (max-width:768px) {
	:root{ --padding-base: 2rem;}
} /* スマホサイズ */
@media screen and (min-width:769px) {
	:root{ --padding-base: 4rem;}
} /* PCサイズ */



/* 全体共通装飾 */
body {
	line-height: 1;
	font-family: "Zen Kaku Gothic New", "游ゴシック", "Yu Gothic", sans-serif;
	margin: 0;
	padding: var(--padding-base);
	background-color: var(--haikei-iro);
	color: var(--mozi-iro);
}

/* リンクの装飾 */
a { text-decoration: none; color: var(--link-iro); }
a:hover {
	text-decoration: underline dotted;
	color: var(--link-hover-iro);
}

/* ヘッダー領域 */
header { margin: 2rem auto; padding: 0 2rem; text-align: left; line-height: 1.5;}
.headtitle { margin: 0 auto;}


/* タイトル部分 */
.maintitle { margin: 0.5rem auto; font-size: 1.2rem; }
.mainguide { font-size: 0.8rem;}
@media screen and (max-width:768px) {
	.mainguide { word-break: normal;}}


/* メイン部分 */
section { margin: 2rem auto; font-weight: 500; width: 100%; border-radius: 20px;}
.box { padding: 2rem; background: #ffffff;}
.box h2 { padding-bottom: 3px; font-size: 1.2rem; font-weight: bold; border-bottom: solid 3px var(--usu-iro);}
dt, li{ font-weight: bold;}
dd { margin: 0.6rem;}

/* フッター */
footer { margin: 1rem auto; text-align: center; font-size: 0.8rem; font-weight: 400;}
p { padding-bottom: 3px;}