/* 全体 */
html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
}

.container {
	margin: 0 auto;
	width : 960px ;
}

/* ヘッダ */
header {
	background-color:           #eee;
	border-bottom   : 1px solid #000;
	margin-bottom   : 50px  ;
	border-radius   :  5px  ;
	padding-top     : 30px  ;
	padding-bottom  : 30px  ;
	text-align      : center;
}

/* メイン */
/* 目次 */
li {
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	transition     : 0.2s;
}

a:hover {
	font-weight: bold;
}

a:visited {
	color: #00f;
}

span {
	color      : #00f;
	cursor     : pointer;
	font-size  : 16px   ;
	font-weight: bold   ;
	transition : 0.2s   ;
}

span:hover {
	font-weight: bolder;
}

/* 見出し */
h2, h3 {
	border-bottom:  1px solid #000;
	border-left  : 10px solid #00f;
	padding-left : 10px;
}

h3 {
	margin-left: 20px;
}

/* 説明・コード */
.text, .code {
	background-color:           #eee;
	border          : 2px solid #000;
	border-radius   : 10px               ;
	font-size       : 16px               ;
	margin          : 30px 50px          ;
	padding         : 10px  0px 10px 40px;
}

/* フッタ */
footer {
	background-color:             #eee;
	border-top      :   1px solid #000;
	border-radius   :   5px ;
	margin-top      : 100px ;
	padding-bottom  :  10px ;
	padding-top     :  10px ;
	text-align      : center;
}