.basic-bnr + .basic-bnr {
    margin-top: var(--normal-gap);
}

.common-bnr {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: flex-start;
    /*width: 100%;*/
    height: 16.3rem;

    background: no-repeat center / cover;
}

.common-bnr-flat {
    height: 13.3rem;
}

.common-bnr + .common-bnr {
    margin-top: var(--normal-gap);
}

.common-bnr-text {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 50%;
    min-height: 11.7rem;
    padding: 0 2.9rem 1.1rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11.46%, rgba(0, 0, 0, 0.5) 100%);

    font: 400 3.2rem/3.3rem Roboto;
    color: #FFFFFF;
    text-transform: uppercase;

    text-shadow: 2px 2px 2px rgba(36, 60, 80, 0.8);
}

.common-bnr-text > sub {
    margin-bottom: 1.5rem;
    font: 400 1.2rem/1.3rem Roboto;
    text-transform: none;
}

.common-bnr-text > sup {
    text-transform: none;
}

.bnr-thermal-letter {
    height: 0 !important;
    padding-top: 62.258%;
    background-image: url('/i/bnr-thermal-letter.jpg');
}

.icon-bnr {
    display: block;
    height: auto;
    padding: 4rem 2rem 4rem 8rem;
    background: #007399 no-repeat 2.3rem center;
    border-radius: 4px;

    font: 400 1.6rem/2.2rem Roboto;
    color: #FFFFFF;

    box-shadow: var(--common-shadow);
}

.icon-bnr.icon-dos {
    padding-left: 11rem;
}

.framed-bnr {
    height: 34.9rem;
    border: 1px solid #D3DEE1;
    border-radius: 4px;
}

.framed-bnr-list {
    display: block;
    border: 1px solid #D3DEE1;
    border-radius: 4px;
    padding: var(--normal-gap);

    font: 400 1.6rem/2rem Roboto;
}

.framed-bnr-list + .framed-bnr-list {
    margin-top: var(--normal-gap);
}

.framed-bnr-list > * + * {
    margin-top: 2.5rem;
}

.framed-bnr-list-item a {
    font-weight: bold;
    color: #007399;
}

.framed-bnr-list-item + .framed-bnr-list-item {
    margin-top: 1.5rem;
    border-top: 1px solid #D3DEE1;
    padding-top: 1.5rem;
}

.article-list-item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.article-list-item + .article-list-item {
    margin-top: var(--small-gap);
    border-top: 1px solid #D3DEE1;
    padding-top: var(--small-gap);
}

.article-list-item + .common-title {
    margin-top: var(--big-gap);
}

.article-list-item-buy {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 2.3rem;
    height: 2rem;
    background: url('/i/icon-cart-blue.svg') no-repeat right / contain;
}

.article-list-item-title {
    display: block;
    font: 700 1.6rem/2.2rem Roboto;
    text-transform: uppercase;
    color: #4d6d84;
}

.article-list-item-authors {
    display: block;
    font: 400 1.4rem/2.2rem Roboto;
}

.article-list-item-pages {
    display: block;
    margin-top: .6rem;
    font: 500 1.4rem/2.2rem Roboto;
}

.article-list-item-doi {
    display: block;
    font: 400 1.4rem/2.2rem Roboto;
}

.show-all {
    display: inline-block;
    margin-top: var(--normal-gap);
    font-weight: 500;
    text-decoration-line: underline;
    color: #007399;
}

.toc-list > .toc-list-level {
    font: 700 1.6rem/2.2rem Roboto;
    color: #4d6d84;
}

.toc-list > .toc-list-level > div:not([class]) {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: var(--small-gap);
    padding-top: var(--small-gap);
    border-top: 1px solid #D3DEE1;
}

.toc-list-level > .toc-list-level {
    margin-left: 2.5rem;
    font: 400 1.2rem/2.4rem Roboto;
    color: var(--main-text-color);
}

.toc-list-level > .toc-list-level * {
    margin-top: 1rem;
}

.toc-list-spoiler {
    display: flex;
    margin-left: -2.5rem;
    flex-flow: row nowrap;
    align-items: center;
}

.toc-list-spoiler:before {
    content: '';
    margin-right: 1.5rem;
    border: .5rem solid transparent;
    border-top-color: #4d6d84;
    border-bottom: 0;
}

.article-authors-list {
    font: 700 1.6rem/2.1rem Roboto;
}

.article-authors-list > * {
    margin-top: 1.8rem;
}

.article-authors-list > * > i {
    display: block;
    font: 400 1.4rem/1.8rem Roboto;
    font-style: italic;
}

.item-keywords:first-child {
    font-weight: 700;
    text-transform: uppercase;
}

.item-keywords a {
    color: #007399;
}

@media (max-width: 1023px) {

}

@media (max-width: 767px) {
    .toc-list-spoiler {
        margin-left: -1.5rem;
    }

    .toc-list-spoiler:before {
        margin-right: .7rem;
        border: .3rem solid transparent;
        border-top-color: #4d6d84;
        border-bottom: 0;
    }

    .article-list-item-title {
        font: 700 1.4rem/2rem Roboto;
    }
    .article-list-item-authors {
        font: 400 1.2rem/2rem Roboto;
    }

    .article-list-item-pages {
        margin-top: .3rem;
        font: 500 1.2rem/2rem Roboto;
    }
}