@charset "UTF-8";

#wrapper{
	background-image: url(../images/back.jpg);
	background-size: 100%;
	background-attachment: fixed;
}

#logo img{
	width:100%;
}
	
#sitesummary{
	background-color: #f1f1f1;
	border-radius: 10px;
}

#sitesummary h1{
	color: #800000;
}
#sitesummary span{
	color: #000000;
}


#main{
	background-color: #000000;
}
.articles{
	background-color: #fff;
	border-radius: 10px;
	padding:10px;
}

.articles h2{
	text-align: center;
	color: #800000; 
}

.articles a:hover{
	opacity: 0.5; 
}

.articles li{
	margin-bottom:20px;
}

#unotice{
	color:#fafafa;
}


/*====================================================
Under 480px for smartphone
====================================================*/


/*====================================================
Over 481px for tablet
====================================================*/
@media only screen and (min-width: 30.0625em){	/*481px*/

}



@media only screen and (min-width: 800px){



}


/*====================================================
over 800px for pc
====================================================*/
@media only screen and (min-width: 851px){



}

/*====================================================
Over 1060px for wide screen
====================================================*/
@media only screen and (min-width: 66.3125em){	/*1061px*/



}