@charset "UTF-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

.m-plus-1-bold{
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
.m-plus-1-normal{
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.m-plus-1-light{
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
/*===================================================
　レイアウト
===================================================*/
#container_html{
	background-color: #F5EAF9;
}
#container_css{
	background-color: #F2EDE4;
}
div#wrapper{
	width: 550px;
	margin: 0 auto;
	font-size: 15px;
}
div#wrapper p{
	color: #5D5D5D;
	font-size: 13px;
	text-align: justify;
	margin-top: 13px;
	padding: 0 15px;
}

header{
	width: 100%;
	background-color: azure;
	border-bottom: 5px solid #8E97B5;
	text-align: center;
	padding: 10px 0;
}

.m-plus-1-bold{
	color: #226F1F;
	font-size: 40px;
	line-height: 1;
}
footer{
	background-color: azure;
	border-top:5px solid #8E97B5;
	margin-top: 40px;
	padding-top: 20px;
	text-align: center;
}
footer p{
	color: #FFFFFF;
	font-size: 14px;
	height: 30px;
	padding-top: 10px;
	margin-top: 15px;
	background-color: #50954D;
}
/*===================================================
　ヘッダー_html
===================================================*/

#header_inner_html{
	height: 380px;
}
#header_inner_html nav ul{
	width: 550px;
	margin: 0 auto;
	height: 38px;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#header_inner_html nav ul li a{
	color: #FFFFFF;
	display: block;
	width: 250px;
	height: 40px;
	padding: 5px 0;
	margin-bottom: 10px;
	line-height: 1.1;
	text-align: center;
	align-items: center;
	border-radius: 10px;
	background-color: #50954D;
	box-shadow: 0 3px 3px rgba(120,117,117,0.5)
}
#header_inner_html nav ul li a:hover{
	background-color: rgba(80,149,77,0.7);
}

#header_inner_html nav ul li a span,#header_inner_html nav ul li a span{
	font-size: 15px;
}
.line-height a{
	align-content: center;
}
/*===================================================
　記事_html
===================================================*/
div#wrapper article{
	margin-top: 30px;
}

#html_001,#html_002,#html_003,#html_004,#html_005,#html_006,#html_007,#html_008,#html_009,h2{
	color: #7420AF;
	font-size: 25px;
	text-align: center;
	line-height: 1;
	padding-bottom: 10px;
	border-bottom: 2px solid #A776CA;
}
div#wrapper h2 span{
	font-size: 17px;
}
div#wrapper p{
	color: #5D5D5D;
	font-size: 13px;
	text-align: justify;
	margin-top: 13px;
	padding: 0 15px;
}

.section_html{
	margin-top: 13px;
}

.section_html dt{
	font-weight: 600;
	color: #FFFFFF;
	padding: 5px 10px;
	background-color: #A776CA;
	border-left: 5px solid #7420AF;
}
.section_html dd{
	color: #5D5D5D;
	font-size: 13px;
	padding: 5px 5px 5px 15px;
	background-color: #FFFFFF;
}

/*===================================================
　フッター_html
===================================================*/

#footer_html nav ul{
	width: 550px;
	font-size: 11px;
	border-radius: 10px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#footer_html nav ul li{
	width: 49%;
	height: 25px;
	margin-bottom: 10px;
}
#footer_html nav ul li a{
	display: flex;
	width: 100%;
	height: 100%;
	color: #226F1F;
	padding: 0 1px;
	text-align: center;
	background-color: #D8D4D4;
	border-radius: 10px;
	justify-content: center;
	align-items: center;
}

#footer_html nav ul li a span{
	font-size: 10px;
}
#footer_html nav ul li a:hover{
	background-color: rgba(216,212,212,0.7);
}
/*===================================================
　ヘッダー_CSS
===================================================*/

#header_inner_css{
	height: 400px;
}
#header_inner_css nav ul{
	width: 550px;
	margin: 0 auto;
	height: 38px;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#header_inner_css nav ul li a{
	color: #FFFFFF;
	display: block;
	width: 250px;
	line-height: 1;
	padding: 10px 0;
	margin-bottom: 10px;
	text-align: center;
	align-items: center;
	border-radius: 10px;
	background-color: #50954D;
	box-shadow: 0 3px 3px rgba(120,117,117,0.5)
}
#header_inner_css nav ul li a:hover{
	background-color: rgba(80,149,77,0.7);
}

/*===================================================
　記事_CSS
===================================================*/
#css_001,#css_002,#css_003,#css_004,#css_005,#css_006,#css_007,#css_008,#css_009,#css_010,#css_011,h2{
	color: #B66F14;
	font-size: 25px;
	text-align: center;
	line-height: 1;
	padding-bottom: 10px;
	border-bottom: 2px solid #F9AE4F;
}

.section_css{
	margin-top: 13px;
}

.section_css dt{
	font-weight: 600;
	color: #FFFFFF;
	padding: 5px 10px;
	background-color: #F9AE4F;
	border-left: 5px solid #B66F14;
}
.section_css dd{
	color: #5D5D5D;
	font-size: 13px;
	padding: 5px 5px 5px 15px;
	background-color: #FFFFFF;
}

/*===================================================
　フッター_css
===================================================*/

#footer_css ul{
	font-size: 13px;
	border-radius: 10px;
	margin: 0 auto;
	width: 550px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#footer_css ul li{
	width: 30%;
}
#footer_css ul li a{
	display: block;
	width: 100%;
	height: 20px;
	color: #226F1F;
	padding: 5px 0;
	line-height: 1.5;
	text-align: center;
	background-color: #D8D4D4;
	border-radius: 10px;
	margin-bottom: 5px;
}
#footer_css nav ul li a:hover{
	background-color: rgba(216,212,212,0.7);
}