/* Note */

#page_content .inner {
    padding: 0;
    background: none;
}
#note_filter {
    float: left;
    font-size: 1.08em;
    font-weight: 600;
}
#filter_month {
    float: left;
    margin-left: 0.5em;
    margin-right: 2.25em;
}
#filter_month li {
    float: left;
    color: #b6b6b6;
    text-align: center;
}
#filter_month a {
    display: block;
    width: 100%;
    color: #b6b6b6 !important;
    color: #111 !important;
	text-decoration: none;
}
#filter_month li.active a {
    float: left;
    color: #111 !important;
    cursor: pointer;
}
#filter_month li:not(:last-child) {
    margin-right: 1.3em;
}
#filter_month li.active {
    color: #464646;
    border-bottom: 1px solid #d60000;
}
#filter_year {
    position: relative;
    float: left;
    padding: 0 20px;
}
.filter_year_navi a {
    display: block;
    position: absolute;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #969696;
    border-right: 1px solid #969696;
}
.filter_year_navi#year_navi_prev a {
    left: 0;
        -webkit-transform: translateY(-50%) rotate(225deg);
        -ms-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
}
.filter_year_navi#year_navi_next a {
    right: 0;
	    -webkit-transform: translateY(-50%) rotate(45deg);
	    -ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.note_pane,
.note_content {
    position: relative;
    padding: 5.3em 10em;
	padding: 5.3em 4.7em 3.4em;
    margin-bottom: 2.5em;
    background: #fff;
}
.note_pane h3 {
    font-weight: 600;
}
.note_wrapper {
    max-width: 800px;
}

#page_content p.empty {
	padding: 18em 0 12em 0;
	color: #CCC;
}
#note_month_navi .inner {
	padding: 0 1em;
}
.note_month_navi a {
	display: inline-block;
	font-size: 1.1em;
}
#note_month_navi_prev {
	float: left;
}
#note_month_navi_prev a {
	padding-left: 33px;
	background: url(../images/common/icon_navi_prev.png) no-repeat left center / 22px;
}
#note_month_navi_next {
	float: right;
}
#note_month_navi_next a {
	padding-right: 33px;
	background: url(../images/common/icon_navi_next.png) no-repeat right center / 22px;
}

@media screen and (max-width:1030px) and (min-width:601px) {
	
	#filter_month li:not(:last-child) {
	    margin-right: 1em;
	}
	
}