/* anker */
a {
    transition: .2s ease-out;
    color: #0056b3;
}

a:hover{
    opacity: 0.7;
    text-decoration: none;
}

a:hover,
a:active,
a:link,
a:visited {
    color: #333;
}

.Scroller-Container a:hover,
.Scroller-Container a:active,
.Scroller-Container a:link,
.Scroller-Container a:visited {
    color: #0056b3;
}

#content_main_content_text a
{
    color: #0056b3 !important;
}

#content_main_text a:hover,
#content_main_text a:active,
#content_main_text a:link,
#content_main_text a:visited
{
    color: #0056b3;
}


/* header */

.header__message{
    background-color: #333;
}

.header__message a{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

/* ボタンの色 */
.sp-nav__btn {
    color: #666;
}

.sp-header .sp-nav__btn--open {
    /* ボタンの背景色 */
    background-color: rgba(255, 255, 255, .6);
}

/* モーダルの背景色 */
.iziModal.isFullscreen {
    background-color: #fff;
}

/* archive */
.article__container{
    border-bottom: 1px solid #ccc;
}

.article__category{
    background-color: #aaa;
}
.article__category a{
    padding: 0.5rem .75rem;
    color: #fff;
}

.font-gothic-bbb{
    font-family: a-otf-gothic-bbb-pr6n,
    sans-serif;
    font-weight: 400;
    font-style: normal;
}

.font-oswald{
    font-family: 'Oswald',
    a-otf-gothic-bbb-pr6n,
    sans-serif;
}

/* header */
#menu a{
    color: #333;
}

#menu a:hover{
    color: #555;
}

#header #logo img,
#footer #logo img {
    max-width: 300px;
    height: auto;
}

/* top */
.top__title{
    font-family: 'Oswald',
    sans-serif;
}

.top__title .title__lg{
    font-size: 18px;
}

.top__title .title__sm {
    font-size: 11px;
}


/* content_left */
#content_left .side-link{
    padding: 4px 8px;
    max-width: 220px;
}

#content_left .side-link .active{
    display: none;
}

#content_left .side-link:hover{
    text-decoration: none;
    background-color: #ff6369;
}

#content_left:not(.page-links) ul li:first-of-type .side-link:hover {
    background-color: #7bfbfd;
}

#content_left .side-link:hover .inactive{
    display: none;
}

#content_left .side-link:hover .active{
    display: inline;
    color: #000;
    opacity: 1;
}

#content_main h3
{
	font-size: 0.7rem;
}
#content_main h3 small small
{
	font-size: 1rem;
}