@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
	CONTENTS
	========================================================================== */

#main-content {
	float: left;
	width: 75%;
}
#main-content h2 {
	font-size: 1.6rem;
	border-bottom: solid 1px #0a528f;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#main-content h2 span {
	display: block;
	border-left: solid 5px #3b9a2b;
	padding-left: 20px;
}
#main-content .date {
	color: rgba(0,0,0,0.3);
	text-align: right;
	margin-bottom: 30px;
}

#side-content {
	float: right;
	width: 20%;
}
#side-content h2 {
	color: #0a528f;
	text-align: center;
	font-family: 'Crimson Text', serif;
	font-size: 1.5rem;
	font-weight: normal;
	background-color: #fff;
	padding: 5px 0;
	margin-bottom: 20px;
}
#side-content li a {
	display: block;
	text-align: center;
	padding: 10px 0;
	-webkit-transition: 0.4s ease-in-out;  
		 -moz-transition: 0.4s ease-in-out;  
			 -o-transition: 0.4s ease-in-out;  
					transition: 0.4s ease-in-out;  
}
#side-content li a:hover {
	background-color: #e6e6e6;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

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


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

#main-content h2 {
	font-size: 1.5rem;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

#main-content {
	float: none;
	width: 100%;
}
#main-content h2 {
	font-size: 1.4rem;
}
#main-content .date {
	margin-bottom: 20px;
}

#side-content {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
#side-content h2 {
	font-size: 1.4rem;
}

}