@charset "utf-8";
/* CSS Document */
.breadcrumb {
	padding-top:60px;
	font-size:15px;
}

.breadcrumb li {
	display:inline-block;
}

.breadcrumb li a:after{
	content: '›';
}

h2{
	width:100%;
	text-align:center;
	color:#FFF;
	background:#E4007F;
	font-size:150%;
	line-height:50px;
	margin:20px 0 10px
}

.activity{
	width:90%;
	max-width:1024px;
	margin:0 auto;
	padding:15px 0 20px;
}
.activity li{
	float:left;
}
.actImg{
	width:30%;
}
.actTxt{
	width:70%;
	line-height:25px;
}
.actTxt p{
	padding:10px;
}
.archives{
	max-width:1024px;
	margin:0 auto;
}
.archives a:hover{
	opacity: 0.6;
}
@media screen and (max-width:599px) {
    /*　画面サイズが600pxからはここを読み込む　*/
h2{
	font-size:18px;
	}
.activity li{
	float:none;
	width:100%;
	}
}
@media screen and (min-width:600px) and ( max-width:1023px) {
    /*　画面サイズが600pxから1024pxまではここを読み込む　*/
}

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
}