@charset "utf-8";

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{display:block;}

*{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	word-wrap: break-word;
}
body{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	text-align:left;
	color:#000000;
	font-size:15px;
	background:#EEFFFF;
}
.clear{clear:both;}
ul { list-style-type:none; }
img{ width: 100%;vertical-align:top;}
.border-end{ border-bottom: 0px !important;}

a{ text-decoration:underline; color:#0000FF; }
a:visited{ text-decoration:underline; color:#0000FF; }
a:hover{ text-decoration:none; color:#770077; }
a:active{ text-decoration:none; color:#FF0000; }


.header{
	width:100%;
	background:#FFFFFF;
	padding-top:20px;
	border-top:3px solid #87cefa;
	box-shadow:0px 0px 3px 0px #999999;
}
.subtitle{
	color:#555555;
	font-size:16px;
	letter-spacing:3px;
}
.title{
	display:flex;
    -webkit-align-items: center;
	align-items: center;
	margin-top:2px;
	margin-bottom:15px;
}
img.title_icon{
	width: auto;
	height:50px;
	padding-right:10px;
}
h1{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
	color:#555555;
	font-weight:900;
	font-size:30px;
	letter-spacing:3px;
}
.header hr{
	border:0;
	width:100%;
	height:1px;
	background:#CDCDCD;
}
.continer{
	width:85%;
	margin-left:auto;
	margin-right:auto;
}
.menu{
	padding-top:10px;
	padding-bottom:10px;
}
.menu ul{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.menu ul li{
	padding-right:60px;
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-left:1.0em;
	position:relative;
}
.menu ul li:before {
	position:absolute;
	content:'';
	top: 0.5em;
	left: 0em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #3F51B5;
}
.wrapper{
	display:flex;
	display:-webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.aside{
	width:30%;
}
.main{
	width: 70%;
	padding-right:30px;
}
.box{
	margin-bottom:30px;
}
h2{
	font-size:17px;
	border-top:3px solid #87cefa;
	padding:10px;
	color:#444444;
	background:#c7e6fd;
}
.contents{
	background:#FFFFFF;
	border-bottom:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
}
.footer{
	padding-top:50px;
	padding-bottom:50px;
	margin-top:30px;
	background:#444444;
	color:#EEEEEE;
}

ul.list{
	width: 100%;
}
ul.list li{
	width: 100%;
}
ul.list li a{
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	border-bottom: 1px solid #DFDFDF;
	padding-top:15px;
	padding-left:10px;
	padding-right:10xp;
	padding-bottom:10px;
	text-decoration:none;
}
ul.list li a:hover{
	background: #DDDDDD;
}
.list_icon{
	width:80px;
}
.list_wrap{
	width: calc(100% - 80px);
	align-self: center;
	padding-left:10px;
}
.list_title{
	color: #444444;
}
.date{
	display:block;
	width:100%;
	font-size:13px;
	padding-top:15px;
	color:#898989;
}

.intro{
	padding-top:10px;
	color: #444444;
}
.main .list_title{
	font-size: 18px;
}

ul.link{
	padding-top:15px;
	padding-left:10px;
	padding-bottom:4px;
}
ul.link li{
	padding-bottom:8px;
}
.article{
	padding:15px;
}
h3{
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
	margin-top:20px;
	margin-bottom:0px;
	border-left: solid 4px #87cefa;
	color:#444444;
	font-size:16px;
	font-weight:900;
}
/* 装飾系 */
span.red{
	color: red;
}
span.underline{
	text-decoration: underline;
}

/* #########スマホ########### */
@media screen and (max-width: 850px){

	.wrapper{ display:block; width:100%; padding-left:10px;padding-right:10px;}
	.continer{ width: 100%;}
	.menu ul{ display:block;}
	.menu ul li { padding-right:0;}
	.header{ padding-left:10px;}
	.aside{ width: 100%;}
	.main{ width: 100%; padding:0;}
}