@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";
	background:#EEEEFF;
	text-align:left;
	color:#111111;
	font-size:14px;
}
a:link {color:#0000FF;text-decoration:underline;}
a:visited{color:#0000FF;} 
a:hover{color:#AA0000;text-decoration:none;} 
a:active{color:#000000;}

.wrapper{
	width:90%;
	background:#EEEEFF;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}
.clear{ clear:both;}
.header{
	background:#b7b0FF;
	background: linear-gradient(#b7b0FFF, #EEFFFF);
	background: -moz-linear-gradient(#b7b0FF, #EEFFFF);
	background: -webkit-linear-gradient(#b7b0FF, #EEFFFF);
	border-bottom:#7372d0 1px solid;
	border-top:#5c5ba2 3px solid;
	box-shadow:#464477 0px 0px 4px 1px;
	-webkit-box-shadow:#464477 0px 0px 4px 1px;
	-moz-box-shadow:#464477 0px 0px 4px 1px;
	width:100%;
	margin-bottom:20px;
}
.header hr{
	width:100%;
	background:#7372d0;
	height:1px;
	border:0px;
	margin-left:auto;
	margin-right:auto;
}
.title{
	color:#464477 ;
	text-shadow:#FFFFFF 3px 3px 3px;
	-weblit-text-shadow:#FFFFFF 3px 3px 3px;
	-moz-text-shadow:#FFFFFF 3px 3px 3px;
	font-size:26px;
	letter-spacing:7px;
	font-weight:900;
	width:90%;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
.nav{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
}
.left{
	float:left;
	width:30%;
	padding-right:20px;
}
.right{
	float:right;
	width:70%;
}
ul{
	list-style-type:none;
}
.contents{
	width:100%;
	border:#7372d0 solid 1px;
	box-shadow:#464477 0px 0px 1px 0px;
	margin-bottom:20px;
}
h2{
	width:100%;
	color:#FFFFFF;
	font-size:20px;
	text-shadow:#000000 0px 0px 3px;
	background:#CAC3FF;
	padding:10px;
}
.article{
	width:100%;
	background:#FFFFFF;
	padding:10px;
	line-height:1.8;
}
.article p{
	padding:5px;
}
h3{
	border-left:#7372d0 3px solid;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin-top:10px;
}
.footer{
	width:100%;
	background:#b7b0FF;
	border:#7372d0 1px solid;
	box-shadow:#464477 0px 0px 4px 1px;
	padding:30px;
}
.menu a{
	font-size:16px;
}
.profile p{
	padding:5px;
}
.biz a{
	font-size:16px;
}
.biz p{
	padding:0;
}
.biz li{
	margin-bottom:10px;
}
.nav{
	width:100%;
	text-align:left;
}
.list{
	width:100%;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
.list li{
	width:100%;
	border-bottom:1px solid #5c5ba2;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding-top:20px;
	padding-bottom:20px;
}
.list li .img{
	width:140px;
	height:auto;
	padding-right:25px;
}
img{
	width:100%;
}
.list li .list_wrap{
	width:calc(100% - 140px);
	font-size:15px;
	height:auto;
}
.list a {
	font-size:20px;
}
.meta{
	margin-top:15px;
	margin-bottom:15px;
	color:#898989;
}
.date{
	padding-right:20px;
}
.box{
	padding:10px;
}
/*スマホ*/
@media screen and (max-width: 900px){
	.wrapper{ width:100%; margin:0px;}
	.title{ width:100%; }
	.left{width:100%;padding:0;}
	.right{width:100%;}
	.list li .img{ width:90px;}
	.list li .list_wrap{ width:calc(100% - 90px); }
}