@charset "utf-8";

* 												{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html 											{font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size:62.5%;text-align:center;word-wrap:break-word;}
body 											{color: #333;font-size: 13px;line-height: 1.5;text-align: center;}
a 												{color: #333;text-decoration: underline;}
a:hover 										{text-decoration: none;}
img 											{width: 100%;vertical-align: bottom;}
@media screen and (min-width:769px) {
	.wrapper 										{width: 1000px;margin: 0 auto;text-align: left;}
	.header 										{}
	.header .tagline 								{padding: 5px 0;border-bottom: 1px solid #CCC;font-size: 0.8em;}
	.header .headerBody 							{position: relative;height: 80px;padding: 20px 0;}
	.header .headerBody a 							{position: absolute;top: 15px;left: 0;display: block;width: auto;height: 50px;}
	.header .headerBody a img 						{height: 100%;width: auto;}
	.navi 											{}
	.navi ul 										{background: #009432;}
	.navi ul li 									{display: inline-block;}
	.navi ul li a 									{display: block;padding: 0.5em 1.0em;color: #fff;text-decoration: none;}
	.navi ul li a:hover 							{background: #EEE;color: #009432;}
	.indexImage 									{}
	.indexImage img 								{width: 100%;}
	.container 										{padding: 0 0 30px 0;}
	.container .main 								{}
	.container .main .content 						{padding: 1.5em;border: 1px solid #CCC;}
	.container .main .content h1 					{margin: 1.0em 0 0.5em 0;padding: 0 0 0.3em 0;border-bottom: 1px solid #CCC;font-size: 1.4em;}
	.container .main .content h2 					{margin: 1.0em 0 0.5em 0;font-size: 1.3em;font-weight: bold;}
	.container .main .content h3 					{margin: 1.0em 0 0.5em 0;font-size: 1.2em;font-weight: bold;}
	.container .main .content h4 					{margin: 1.0em 0 0.5em 0;font-size: 1.1em;font-weight: bold;}
	.container .main .content p 					{margin: 1.0em 0 0.5em 0;}
	.container .main .content a 					{}
	.container .main .related 						{padding: 1.5em;border: 1px solid #CCC;}
	.container .main .related h2 					{margin: 1.0em 0 0.5em 0;padding: 0 0 0.3em 0;border-bottom: 1px solid #CCC;font-size: 1.4em;}
	.container .main .related ul 					{margin-top: 1.5em;font-size: 0.9em;}
	.container .main .related ul li 				{}
	.container .main .related ul li h3 				{margin: 1.0em 0 0.5em 0;font-size: 1.1em;}
	.container .main .related ul li p 				{margin: 1.0em 0;}
	.container .main .related ul li a.more			{display: block;margin: 1.0em 0;padding: 0.3em;background: #009432;border: 1px solid #009432;color: #FFF;text-align: center;text-decoration: none;}
	.container .main .related ul li a.more:hover 	{background: #FFF;color: #009432;}
	.container .aside 								{}
	.container .aside .recommended 					{padding: 1.5em;border: 1px solid #CCC;}
	.container .aside .recommended a 				{font-size: 1.2em;}
	.container .aside .latest 						{padding: 1.5em;border: 1px solid #CCC;}
	.container .aside h2 							{margin: 1.0em 0 0.5em 0;padding: 0 0 0.3em 0;border-bottom: 1px solid #CCC;font-size: 1.4em;}
	.container .aside ul 							{font-size: 0.9em;}
	.container .aside ul li 						{border-bottom: 1px solid #CCC;}
	.container .aside ul li a 						{display: block;padding: 1.0em 0;}
	.container .aside a 							{text-decoration: none;}
	.footer 										{padding: 30px 0 0 0;border-top: 1px solid #CCC;}
	.footer ul 										{text-align: center;}
	.footer ul li 									{display: inline-block;}
	.footer ul li a 								{padding: 0.5em;}
	.footer .copyright 								{padding: 3.0em 0;font-size: 0.8em;text-align: center;}
}
@media screen and (max-width:768px) {
	.wrapper 										{width: calc(100% - 20px);margin: 0 auto;text-align: left;}
	.header 										{text-align: center;}
	.header .tagline 								{padding: 5px 0;border-bottom: 1px solid #CCC;font-size: 0.8em;}
	.header .headerBody 							{padding: 20px 0;}
	.header .headerBody a 							{}
	.header .headerBody a i 						{font-size: 50px;}
	.navi											{background:#009432;box-shadow:0 -4px 0 rgba(0,0,0,0.2) inset;color:#fff;font-size:14px;font-size:1.4rem;text-shadow:1px 1px 1px rgba(0,0,0,0.3);letter-spacing:0.2em;}
	.navi .active									{display:block;}
	.navi a.toggleMenu								{display:none;width:94%;padding:0 3%;color:#fff;line-height:50px;text-decoration:none;}
	.navi ul.nav									{margin:0 auto;text-align:left;}
	.navi ul.nav a									{padding:0 15px;color:#fff;line-height:40px;text-decoration:none;}
	.navi ul.nav ul									{display:block;width:100%;}
	.navi ul.nav li									{position:relative;}
	.navi ul.nav > li								{border-top:1px solid rgba(0,0,0,0.1);}
	.navi ul.nav > li > a							{display:block;}
	.indexImage 									{}
	.indexImage img 								{width: 100%;}
	.container 										{padding: 0 0 30px 0;}
	.container .main 								{}
	.container .main .content 						{padding: 1.5em;border: 1px solid #CCC;}
	.container .main .content h1 					{margin: 1.0em 0 0.5em 0;padding: 0 0 0.3em 0;border-bottom: 1px solid #CCC;font-size: 1.4em;}
	.container .main .content h2 					{margin: 1.0em 0 0.5em 0;font-size: 1.3em;font-weight: bold;}
	.container .main .content h3 					{margin: 1.0em 0 0.5em 0;font-size: 1.2em;font-weight: bold;}
	.container .main .content h4 					{margin: 1.0em 0 0.5em 0;font-size: 1.1em;font-weight: bold;}
	.container .main .content p 					{margin: 1.0em 0 0.5em 0;}
	.container .main .content a 					{}
	.container .main .related 						{padding: 1.5em;border: 1px solid #CCC;}
	.container .main .related h2 					{margin: 1.0em 0 0.5em 0;padding: 0 0 0.3em 0;border-bottom: 1px solid #CCC;font-size: 1.4em;}
	.container .main .related ul 					{font-size: 0.9em;}
	.container .main .related ul li 				{padding: 1.5em 0;border-bottom: 1px solid #CCC;}
	.container .main .related ul li h3 				{margin: 1.0em 0 0.5em 0;font-size: 1.1em;}
	.container .main .related ul li p 				{margin: 1.0em 0;}
	.container .main .related ul li a.more			{display: block;margin: 1.0em 0;padding: 0.3em;background: #009432;border: 1px solid #009432;color: #FFF;text-align: center;text-decoration: none;}
	.container .main .related ul li a.more:hover 	{background: #FFF;color: #009432;}
	.container .aside 								{}
	.container .aside .recommended 					{padding: 1.5em;border: 1px solid #CCC;}
	.container .aside .recommended a 				{font-size: 1.2em;}
	.container .aside .latest 						{padding: 1.5em;border: 1px solid #CCC;}
	.container .aside h2 							{margin: 1.0em 0 0.5em 0;padding: 0 0 0.3em 0;border-bottom: 1px solid #CCC;font-size: 1.4em;}
	.container .aside ul 							{font-size: 0.9em;}
	.container .aside ul li 						{border-bottom: 1px solid #CCC;}
	.container .aside ul li a 						{display: block;padding: 1.0em 0;}
	.container .aside a 							{text-decoration: none;}
	.footer 										{border-top: 5px solid #CCC;}
	.footer ul 										{text-align: center;}
	.footer ul li 									{border-bottom: 1px solid #CCC;}
	.footer ul li a 								{display: block;padding: 1.0em 0;}
	.footer .copyright 								{padding: 3.0em 0;font-size: 0.8em;text-align: center;}
}