.g_defaultHeading, .page-single .infoContentContainer h1 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 50px;
    font-size: 1.7rem;
    line-height: 1.5
}

.g_defaultHeading::before, .page-single .infoContentContainer h1::before, .g_defaultHeading::after, .page-single .infoContentContainer h1::after {
    content: "";
    position: absolute;
    bottom: -10px;
    display: block;
    width: 65px
}

@media print, screen and (min-width: 768px) {
    .g_defaultHeading::before, .page-single .infoContentContainer h1::before, .g_defaultHeading::after, .page-single .infoContentContainer h1::after {
        bottom: -10px;
        width: 90px
    }
}

.g_defaultHeading::before, .page-single .infoContentContainer h1::before {
    border-bottom: solid 4px #d8e2ea;
    left: 55px;
    width: 100px
}

@media print, screen and (min-width: 768px) {
    .g_defaultHeading::before, .page-single .infoContentContainer h1::before {
        border-bottom: solid 4px #d8e2ea;
        left: 90px
    }
}

.g_defaultHeading::after, .page-single .infoContentContainer h1::after {
    border-bottom: solid 4px #005b9f;
    left: 0px
}

@media print, screen and (min-width: 768px) {
    .g_defaultHeading::after, .page-single .infoContentContainer h1::after {
        border-bottom: solid 4px #005b9f;
        left: 0px
    }
}

.g_defaultHeading.white, .page-single .infoContentContainer h1.white {
    color: white
}

.g_defaultHeading.merit, .page-single .infoContentContainer h1.merit {
    text-align: center;
    padding-left: 0
}

.g_defaultHeading.merit::before, .page-single .infoContentContainer h1.merit::before {
    width: 52.5%;
    left: 52.5%
}

.g_defaultHeading.merit::after, .page-single .infoContentContainer h1.merit::after {
    width: 52.5%
}

.g_pageHeader {
    width: 100%;
    margin: 0 auto;
    background-color: #fff
}

@media print, screen and (min-width: 768px) {
    .g_pageHeader {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 1180px
    }
}

.g_pageHeader_heading {
    position: relative;
    margin: 0;
    padding: 0.8em 5vw 0.7em;
    color: #004f8a;
    font-size: 6vw;
    font-weight: 500
}

@media print, screen and (min-width: 768px) {
    .g_pageHeader_heading {
        width: 1180px;
        padding-left: 0;
        padding-right: 0;
        font-size: 1.8rem
    }
}

.g_pageHeader_heading::before {
    content: "";
    display: block;
    width: 100%;
    height: 0.16em;
    background: #d8e2ea;
    position: absolute;
    left: 0;
    bottom: -0.16em
}

@media print, screen and (min-width: 768px) {
    .g_pageHeader_heading::before {
        display: none
    }
}

.g_pageHeader_heading::after {
    content: "";
    display: block;
    width: 4em;
    height: 0.16em;
    background: #0b5d9d;
    position: absolute;
    left: 5vw;
    bottom: -0.16em
}

@media print, screen and (min-width: 768px) {
    .g_pageHeader_heading::after {
        width: 179px;
        height: 3px;
        background: url("./img/band-heading.png") no-repeat bottom left;
        position: absolute;
        left: 0;
        bottom: -3px
    }
}

.g_bread-text {
    margin: auto
}

@media print, screen and (min-width: 768px) {
    .g_bread-text {
        width: 1580px;
        padding-left: 0;
        padding-right: 0
    }
}

.g_titleContainer {
    min-width: 100%;
    max-width: 100%;
    background-color: #fff;
    border-bottom: 3px solid #d8e2ea
}

.g_breadContainer {
    display: flex;
    min-width: 100%;
    max-width: 100%;
    min-height: 55px;
    max-height: auto
}

@media screen and (max-width: 768px) {
    .g_page {
        display: flex;
        flex-wrap: wrap
    }

    .g_breadContainer {
        order: 1;
        width: 100%
    }

    .g_titleContainer {
        order: 2;
        width: 100%
    }

    .g_articleContainer {
        order: 3;
        width: 100%
    }
}

.g_headingContainer {
    display: flex;
    flex-direction: column
}

.g_contentContainer {
    padding: 60px 20px 60px
}

@media print, screen and (min-width: 768px) {
    .g_contentContainer {
        padding: 40px 0;
        margin: 0 auto;
        min-width: 1180px;
        max-width: 1180px
    }
}

.g_contentContainer.flex {
    display: flex
}

.g_contentContainer.f-wrap {
    flex-wrap: wrap
}

.g_articleContainer {
    padding: 60px 0 60px;
    padding-top: 0;
    padding-bottom: 0
}

@media print, screen and (min-width: 768px) {
    .g_articleContainer {
        padding: 0
    }
}

@media print, screen and (min-width: 768px) {
    .g_articleContainer {
        margin: 0 auto;
        max-width: 1580px;
        min-width: 1350px
    }
}

.g_articleContainer.flex {
    display: flex
}

.g_articleContainer.f-wrap {
    flex-wrap: wrap
}

.g_articleContainer:last-child {
    padding-bottom: 80px
}

.g_articleContainer:last-child .g_article::after {
    background-color: transparent
}

.g_articleContainer.firstArticle {
    padding-top: 40px
}

@media print, screen and (min-width: 768px) {
    .g_articleContainer.firstArticle {
        padding-top: 0
    }
}

.g_articleContainer.bread {
    display: inline;
    padding-top: 1rem;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 1rem
}

@media print, screen and (min-width: 768px) {
    .g_articleContainer.bread {
        padding-left: 85px;
        padding-right: 0
    }
}

.g_articleContainer.bookDetail {
    margin-top: 40px;
    padding: 0 5vw;
    background-color: #fff
}

@media print, screen and (min-width: 768px) {
    .g_articleContainer.bookDetail {
        padding: 0;
        margin: 0 auto;
        background-color: transparent
    }
}

.g_articleContainer.burner {
    padding: 0;
    margin: 0;
    min-width: 100%;
    max-width: 100%;
    height: 190px
}

.g_article {
    padding: 50px 5% 0;
    background-color: #fff
}

@media print, screen and (min-width: 768px) {
    .g_article {
        padding: 80px 100px 0;
        width: 1180px;
        margin: 0 auto
    }
}

.g_article::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin: 50px 0 0 0;
    background-color: #e3ebf0
}

@media print, screen and (min-width: 768px) {
    .g_article::after {
        width: 1100px;
        margin: 80px 0 0 -60px
    }
}

.g_article.pt0 {
    padding-top: 0
}

.g_article.pb0 {
    padding-bottom: 0
}

.g_page {
    background-color: #f7f9fa
}

@media print, screen and (min-width: 768px) {
    .g_page {
        min-width: 1350px;
        height: 100%
    }
}

.g-spbr {
    display: inline
}

@media print, screen and (min-width: 768px) {
    .g-spbr {
        display: none
    }
}

.g_bold {
    font-weight: bold
}

.g_red {
    color: #da0000
}

.g_table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: separate;
    text-align: left;
    line-height: 1.5rem
}

.g_table th, .g_table td {
    display: list-item;
    list-style: none;
    padding: 1rem
}

@media print, screen and (min-width: 768px) {
    .g_table th, .g_table td {
        display: table-cell
    }
}

.g_table tr:last-child td {
    border-bottom: 1px solid #e3ebf0
}

@media print, screen and (min-width: 768px) {
    .g_table tr:last-child th {
        border-bottom: 1px solid #e3ebf0
    }
}

.g_table th {
    width: 100%;
    font-weight: bold;
    background-color: #f5f9fc;
    text-align: center;
    border-top: 1px solid #e3ebf0;
    border-left: 1px solid #e3ebf0;
    border-right: 1px solid #e3ebf0
}

@media print, screen and (min-width: 768px) {
    .g_table th {
        width: 25%;
        border-top: 1px solid #e3ebf0;
        border-left: 1px solid #e3ebf0;
        border-right: 1px solid #e3ebf0
    }
}

.g_table td {
    padding: 5%;
    border-top: 1px solid #e3ebf0;
    border-left: 1px solid #e3ebf0;
    border-right: 1px solid #e3ebf0
}

@media print, screen and (min-width: 768px) {
    .g_table td {
        padding: 20px 3rem;
        border-top: 1px solid #e3ebf0;
        border-right: 1px solid #e3ebf0;
        border-left: none
    }
}

.g_table .word-highlight {
    margin-left: 1rem;
    font-weight: bold
}

@media print, screen and (min-width: 768px) {
    .g_table .word-highlight {
        margin-left: 2rem
    }
}

.g_table .word-highlight>.top {
    margin-top: 1rem
}

.g_table .mb {
    margin-bottom: 1rem
}

.g_table .ml {
    margin-left: 1rem
}

@media print, screen and (min-width: 768px) {
    .g_table .ml {
        margin-left: 3rem
    }
}

.g_table_separate_th-td, .page-single .infoContentContainer table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: separate;
    text-align: left;
    line-height: 1.5rem
}

.g_table_separate_th-td th, .page-single .infoContentContainer table th, .g_table_separate_th-td td, .page-single .infoContentContainer table td {
    display: list-item;
    list-style: none;
    padding: 1rem
}

@media print, screen and (min-width: 768px) {
    .g_table_separate_th-td th, .page-single .infoContentContainer table th, .g_table_separate_th-td td, .page-single .infoContentContainer table td {
        display: table-cell
    }
}

.g_table_separate_th-td th, .page-single .infoContentContainer table th {
    width: 100%;
    font-weight: bold;
    background-color: #f5f9fc;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .g_table_separate_th-td th, .page-single .infoContentContainer table th {
        width: 25%;
        border-top: 1px solid #e3ebf0;
        border-bottom: 1px solid #e3ebf0;
        border-left: 1px solid #e3ebf0
    }

    .g_table_separate_th-td th:last-child, .page-single .infoContentContainer table th:last-child {
        border-right: 1px solid #e3ebf0
    }
}

.g_table_separate_th-td td, .page-single .infoContentContainer table td {
    padding: 5%;
    border-left: 1px solid #e3ebf0;
    border-right: 1px solid #e3ebf0
}

.g_table_separate_th-td td:first-child, .page-single .infoContentContainer table td:first-child {
    border-top: 1px solid #e3ebf0;
    border-bottom: 1px solid #e3ebf0
}

@media print, screen and (min-width: 768px) {
    .g_table_separate_th-td td:first-child, .page-single .infoContentContainer table td:first-child {
        border-top: none
    }
}

@media print, screen and (min-width: 768px) {
    .g_table_separate_th-td td, .page-single .infoContentContainer table td {
        padding: 20px 3rem;
        border-bottom: 1px solid #e3ebf0;
        border-left: 1px solid #e3ebf0;
        border-right: none
    }

    .g_table_separate_th-td td:last-child, .page-single .infoContentContainer table td:last-child {
        border-right: 1px solid #e3ebf0
    }
}

.g_table_separate_th-td tr:last-child td:last-child, .page-single .infoContentContainer table tr:last-child td:last-child {
    border-bottom: 1px solid #e3ebf0
}

.g_table_separate_th-td .word-highlight, .page-single .infoContentContainer table .word-highlight {
    margin-left: 1rem;
    font-weight: bold
}

@media print, screen and (min-width: 768px) {
    .g_table_separate_th-td .word-highlight, .page-single .infoContentContainer table .word-highlight {
        margin-left: 2rem
    }
}

.g_table_separate_th-td .word-highlight>.top, .page-single .infoContentContainer table .word-highlight>.top {
    margin-top: 1rem
}

.g_table_separate_th-td .mb, .page-single .infoContentContainer table .mb {
    margin-bottom: 1rem
}

.g_table_separate_th-td .ml, .page-single .infoContentContainer table .ml {
    margin-left: 1rem
}

@media print, screen and (min-width: 768px) {
    .g_table_separate_th-td .ml, .page-single .infoContentContainer table .ml {
        margin-left: 3rem
    }
}

.g_inputText {
    box-sizing: border-box;
    width: 100%;
    padding: 0.8em 0.7em;
    border: none;
    border-radius: 3px;
    background-color: #eff5f9;
    letter-spacing: 0.1em;
    font-size: 3.8vw;
    color: #222
}

@media print, screen and (min-width: 768px) {
    .g_inputText {
        width: 600px;
        font-size: 0.85em
    }
}

.g_inputText:disabled {
    color: lightgray
}

.g_selectContainer {
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 3.8vw
}

@media print, screen and (min-width: 768px) {
    .g_selectContainer {
        font-size: inherit
    }
}

.g_selectContainer .g_selectContainer_select {
    min-width: 100%;
    max-width: 100%;
    padding: 0.9rem 0.7rem;
    padding-right: 1.7em;
    border: none;
    border-radius: 3px;
    background: #eff5f9;
    outline: none;
    letter-spacing: 0.1em;
    text-indent: 0.01px;
    text-overflow: "";
    vertical-align: middle;
    font-size: 3.8vw;
    color: #222;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

@media print, screen and (min-width: 768px) {
    .g_selectContainer .g_selectContainer_select {
        box-sizing: content-box;
        font-size: 0.85em
    }
}

.g_selectContainer .g_selectContainer_select::-ms-expand {
    display: none
}

.g_selectContainer .g_selectContainer_select:disabled {
    color: lightgray;
    cursor: default
}

.g_selectContainer .g_selectContainer_select:disabled::-ms-value, .g_selectContainer .g_selectContainer_select:disabled::-ms-expand {
    color: lightgray
}

.g_selectContainer .g_selectContainer_select.info {
    min-width: 120px
}

.g_selectContainer .g_selectContainer_select[readonly="readonly"] {
    color: #222;
    background-color: initial
}

.g_selectContainer::after {
    content: "";
    display: block;
    width: 1em;
    min-height: 100%;
    position: absolute;
    right: 0.7em;
    top: 0;
    background: url("./img/select-arrow.png") no-repeat center;
    background-size: contain;
    pointer-events: none
}

@media print, screen and (min-width: 768px) {
    .g_selectContainer::after {
        width: 13px
    }
}

.g_selectContainer.info::after {
    background: url("./img/select-arrow2.png") no-repeat center
}

.g_radioOption {
    display: flex;
    align-items: center;
    margin-bottom: 2.5vw
}

@media print, screen and (min-width: 768px) {
    .g_radioOption {
        margin-bottom: inherit
    }
}

.g_radioOption .g_radioOption_input {
    display: none
}

.g_radioOption .g_radioOption_input+.g_radioOption_label {
    display: flex;
    align-items: center;
    padding-right: 0.9em;
    font-size: 3.8vw
}

@media print, screen and (min-width: 768px) {
    .g_radioOption .g_radioOption_input+.g_radioOption_label {
        font-size: inherit
    }
}

.g_radioOption .g_radioOption_input+.g_radioOption_label::before {
    content: "";
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    background-image: url("./img/radio-unchecked.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 0.3em;
    border-radius: 50%
}

@media print, screen and (min-width: 768px) {
    .g_radioOption .g_radioOption_input+.g_radioOption_label::before {
        width: 1.4em;
        height: 1.4em
    }
}

.g_radioOption .g_radioOption_input:checked+.g_radioOption_label::before {
    background-image: url("./img/radio-checked.png");
    border-radius: 50%
}

.g_radioOption .g_radioOption_input:disabled+.g_radioOption_label {
    color: lightgray
}

.g_submitButton, .g_submitButton-2 {
    width: 100%;
    padding: 0.8em 0;
    background-color: #004f8a;
    border-radius: 0.2em;
    border: none;
    cursor: pointer;
    color: #fff;
    transform: rotate(0.05deg);
    font-size: 4.75vw;
    font-weight: 600;
    letter-spacing: 0.2em
}

@media print, screen and (min-width: 768px) {
    .g_submitButton, .g_submitButton-2 {
        width: 11em;
        padding: 1em 0;
        border-radius: 2px;
        font-size: 1em;
        font-weight: 500;
        letter-spacing: 1px
    }
}

.g_submitButton:disabled, .g_submitButton-2:disabled {
    background-color: lightgray;
    cursor: default
}

.g_submitButton-2 {
    display: block;
    margin: 0 auto;
    height: 50px;
    padding: 0
}

.g_submitButton-2.back {
    background-color: #fff;
    color: #004f8a;
    border: 2px solid #004f8a
}

.g_contentBox {
    width: 100%;
    margin-bottom: 40px
}

@media print, screen and (min-width: 768px) {
    .g_contentBox.top {
        width: 780px
    }
}

.g_contentBox_row {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    font-size: 0.95rem;
    padding: 15px 4vw;
    border: solid 1px #d8e2ea;
    border-bottom: none;
    background: white
}

@media print, screen and (min-width: 768px) {
    .g_contentBox_row {
        height: 62px;
        flex-direction: row;
        padding: 0
    }
}

.g_contentBox_row:last-child {
    border-bottom: solid 1px #d8e2ea
}

.g_contentBox_date, .g_contentBox_title, .g_contentBox_author {
    margin: auto 0;
    display: flex;
    justify-content: left;
    overflow: hidden;
    word-break: break-all
}

@media print, screen and (min-width: 768px) {
    .g_contentBox_date, .g_contentBox_title, .g_contentBox_author {
        align-items: center;
        white-space: nowrap
    }
}

@media print, screen and (min-width: 768px) {
    .g_contentBox_date {
        min-width: 20%;
        padding: 0 25px
    }
}

.g_contentBox_title {
    margin: 5px 0;
    font-weight: bold;
    color: #005b9f
}

@media print, screen and (min-width: 768px) {
    .g_contentBox_title {
        width: 40%;
        margin-right: 20px
    }
}

.g_contentBox_title.info {
    font-weight: normal
}

@media print, screen and (min-width: 768px) {
    .g_contentBox_title.info {
        width: 100%
    }
}

@media print, screen and (min-width: 768px) {
    .g_contentBox_author {
        padding-right: 60px
    }
}

.g_contentBox_author>a {
    margin-right: 1rem;
    color: #005b9f
}

@media print, screen and (min-width: 768px) {
    .g_inputArea {
        display: flex;
        align-items: stretch;
        border: 1px solid #d8e2ea;
        border-left: 3px solid #005b9f
    }
}

.g_inputArea:nth-of-type(n+2) {
    border-top: none;
    margin-top: 5vw
}

@media print, screen and (min-width: 768px) {
    .g_inputArea:nth-of-type(n+2) {
        margin-top: 0
    }
}

@media print, screen and (min-width: 768px) {
    .g_inputArea.formList {
        height: 85px
    }
}

@media print, screen and (min-width: 768px) {
    .g_inputArea.textArea {
        height: inherit
    }
}

.g_inputArea.g_inputArea_heading {
    width: 100%;
    padding: 0.7em 1em;
    background-color: #d8e2ea;
    font-weight: bold;
    font-size: 3.8vw
}

@media print, screen and (min-width: 768px) {
    .g_inputArea.g_inputArea_heading {
        height: inherit;
        padding: 13px 25px;
        font-size: 1rem
    }
}

.g_inputArea.g_inputArea_heading+.g_inputArea {
    margin-top: 0
}

.g_inputArea .g_inputArea_smallFont {
    font-weight: 500;
    font-size: 3vw;
    letter-spacing: 0.01rem
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputArea_smallFont {
        font-size: 0.8rem
    }
}

.g_inputArea .g_inputArea_label {
    display: flex;
    justify-content: space-between;
    padding: 0.7em 1em;
    margin-bottom: 5vw;
    background-color: #0b5d9d;
    color: #fff;
    font-size: 3.8vw;
    font-weight: bold;
    letter-spacing: 1px;
    word-break: break-all
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputArea_label {
        min-width: 270px;
        max-width: 270px;
        padding: 30px 25px;
        margin-bottom: 0;
        background-color: #f5f9fc;
        color: inherit;
        font-size: 1rem
    }

    .g_inputArea .g_inputArea_label.subscribe {
        min-width: 200px;
        max-width: 200px;
        padding: 25px
    }
}

.g_inputArea .g_inputAreaInput {
    background-color: #fff;
    font-size: 3.8vw
}

.g_inputArea .g_inputAreaInput textarea {
    resize: none
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputAreaInput {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 0;
        padding: 25px 1.5rem;
        font-size: inherit
    }
}

.g_inputArea .g_inputAreaInput .g_inputAreaInput_heading {
    width: 100%;
    margin: 10px 0 5px;
    font-weight: bold
}

.g_inputArea .g_inputAreaInput .g_inputAreaInput_text {
    box-sizing: border-box;
    width: 100%;
    padding: 0.8em 0.7em;
    border: none;
    border-radius: 3px;
    background-color: #eff5f9;
    letter-spacing: 0.1em;
    font-size: 3.8vw
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputAreaInput .g_inputAreaInput_text {
        width: 600px;
        font-size: 0.85em
    }
}

.g_inputArea .g_inputAreaInput .g_inputAreaInput_text.number {
    width: 30%
}

.g_inputArea .g_inputAreaInput .g_inputAreaInput_text:disabled {
    color: lightgray
}

.g_inputArea .g_inputAreaInput .g_inputAreaInput_text:-moz-read-only {
    background-color: initial;
    cursor: default;
    pointer-events: none
}

.g_inputArea .g_inputAreaInput .g_inputAreaInput_text:read-only {
    background-color: initial;
    cursor: default;
    pointer-events: none
}

.g_inputArea .g_inputAreaInput .g_inputAreaInput_text#publish-date-from, .g_inputArea .g_inputAreaInput .g_inputAreaInput_text#publish-date-to {
    box-sizing: content-box;
    width: 10em
}

.g_inputArea .g_inputAreaInput .g_inputAreaInput_text#publish-date-from {
    margin-right: 1vw
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputAreaInput .g_inputAreaInput_text#publish-date-from {
        margin-right: 1em
    }
}

.g_inputArea .g_inputAreaInput .g_inputAreaInput_text#publish-date-to {
    margin-top: 3vw
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputAreaInput .g_inputAreaInput_text#publish-date-to {
        margin-top: 0;
        margin-left: 1em
    }
}

.g_inputArea .g_inputAreaInputRadio {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0
}

.g_inputArea .g_inputAreaInputRadio.vertical .wpcf7-list-item {
    width: 100%;
    margin-bottom: 20px;
    line-height: 1.5
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputAreaInputRadio.vertical .wpcf7-list-item {
        margin-bottom: 10px
    }
}

.g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_child {
    margin: 0 0 10px 20px
}

.g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_option {
    display: flex;
    align-items: center
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_option {
        margin-bottom: inherit
    }
}

.g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input, .g_inputArea .g_inputAreaInputRadio input {
    display: none
}

.g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input+.g_inputAreaInputRadio_label, .g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input+.wpcf7-list-item-label, .g_inputArea .g_inputAreaInputRadio input+.g_inputAreaInputRadio_label, .g_inputArea .g_inputAreaInputRadio input+.wpcf7-list-item-label {
    display: flex;
    align-items: center;
    padding-right: 0.9em;
    font-size: 3.8vw;
    cursor: pointer
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input+.g_inputAreaInputRadio_label, .g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input+.wpcf7-list-item-label, .g_inputArea .g_inputAreaInputRadio input+.g_inputAreaInputRadio_label, .g_inputArea .g_inputAreaInputRadio input+.wpcf7-list-item-label {
        font-size: inherit
    }
}

.g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input+.g_inputAreaInputRadio_label::before, .g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input+.wpcf7-list-item-label::before, .g_inputArea .g_inputAreaInputRadio input+.g_inputAreaInputRadio_label::before, .g_inputArea .g_inputAreaInputRadio input+.wpcf7-list-item-label::before {
    content: "";
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    background-image: url("./img/radio-unchecked.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 0.3em
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input+.g_inputAreaInputRadio_label::before, .g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input+.wpcf7-list-item-label::before, .g_inputArea .g_inputAreaInputRadio input+.g_inputAreaInputRadio_label::before, .g_inputArea .g_inputAreaInputRadio input+.wpcf7-list-item-label::before {
        width: 1.4em;
        height: 1.4em
    }
}

.g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input:disabled~.g_inputAreaInputRadio_label, .g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input:disabled~.wpcf7-list-item-label, .g_inputArea .g_inputAreaInputRadio input:disabled~.g_inputAreaInputRadio_label, .g_inputArea .g_inputAreaInputRadio input:disabled~.wpcf7-list-item-label {
    color: lightgray
}

.g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input:checked~.g_inputAreaInputRadio_label, .g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input:checked~.wpcf7-list-item-label, .g_inputArea .g_inputAreaInputRadio input:checked~.g_inputAreaInputRadio_label, .g_inputArea .g_inputAreaInputRadio input:checked~.wpcf7-list-item-label {
    color: #222
}

.g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input:checked~.g_inputAreaInputRadio_label::before, .g_inputArea .g_inputAreaInputRadio .g_inputAreaInputRadio_input:checked~.wpcf7-list-item-label::before, .g_inputArea .g_inputAreaInputRadio input:checked~.g_inputAreaInputRadio_label::before, .g_inputArea .g_inputAreaInputRadio input:checked~.wpcf7-list-item-label::before {
    background-image: url("./img/radio-checked.png")
}

.g_inputArea .g_inputAreaInputSelect {
    margin-bottom: 5vw
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputAreaInputSelect {
        display: inline-block;
        min-width: 180px;
        margin-right: 1.4em;
        margin-bottom: inherit
    }
}

@media print, screen and (min-width: 768px) {
    .g_inputArea .g_inputAreaInputSelect .g_inputAreaInputSelect_select {
        min-width: 12em
    }
}

.g_inputArea .g_inputAreaInputSelect .g_inputAreaInputSelect_select#library {
    min-width: calc(12em * 2 + 0.7em * 3 + 1.7em)
}

.g_inputArea span.wpcf7-list-item {
    margin: 0
}

.g_inputArea input:-webkit-autofill.wpcf7c-conf {
    box-shadow: 0 0 0px 1000px #fff inset
}

.g_inputAreaSubmit {
    margin-top: 30px;
    text-align: center
}

.g_inputAreaSubmit .g_inputAreaSubmit_button {
    width: 100%;
    padding: 0.8em 0;
    background-color: #004f8a;
    border-radius: 0.2em;
    border: none;
    cursor: pointer;
    color: #fff;
    transform: rotate(0.05deg);
    font-size: 4.75vw;
    font-weight: 600;
    letter-spacing: 0.2em
}

@media print, screen and (min-width: 768px) {
    .g_inputAreaSubmit .g_inputAreaSubmit_button {
        width: 11em;
        padding: 1em 0;
        border-radius: 2px;
        font-size: 1em;
        font-weight: 500;
        letter-spacing: 1px
    }
}

.g_required {
    display: inline-block;
    height: 17px;
    padding: 3px 9px;
    margin: 2px 0 0 auto;
    color: #fff;
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 1;
    background-color: #da0000;
    border-radius: 3px;
    white-space: nowrap
}

.g_privacyPolicy {
    margin-bottom: 30px;
    width: 100%
}

.g_privacyPolicy #statement {
    padding: 40px 0 50px 0
}

.g_privacyPolicy_heading {
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: bold
}

@media print, screen and (min-width: 768px) {
    .g_privacyPolicy_heading {
        margin-bottom: 25px
    }
}

.g_privacyPolicy_detail {
    margin-bottom: 20px;
    font-size: 0.9rem
}

.g_privacyPolicy_content {
    min-height: 165px;
    max-height: 165px;
    margin-bottom: 30px;
    padding: 50px 50px 0 30px;
    border: 1px solid #d8e2ea;
    font-size: 0.9rem;
    overflow: auto
}

.markdown-body ol {
    margin-left: 20px
}

.pdl30 {
    padding-left: 30px
}

.g_privacyPolicy_check {
    text-align: center
}

.g_privacyPolicy_check input {
    cursor: pointer
}

.g_privacyPolicy_check input~.wpcf7-list-item-label {
    cursor: pointer
}

.g_privacyPolicy_check input:disabled {
    cursor: default
}

.g_privacyPolicy_check input:disabled~.wpcf7-list-item-label {
    cursor: default
}

.g_formContainer {
    margin-bottom: 35px;
    list-style: none
}

.g_submitContainer {
    display: flex;
    position: relative
}

.ajax-loader {
    position: absolute;
    right: 0
}

.g_BannerContainer {
    background: url("./img/bg_tile2.png");
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 30px 0;
    flex-wrap: wrap;
    order: 4
}

.g_BannerContainer .leftBanner {
    margin: 0 0 30px 0
}

@media print, screen and (min-width: 768px) {
    .g_BannerContainer .leftBanner {
        margin: 0 30px 0 0
    }
}

.g_BannerContainer .banner_img {
    width: 80vw;
    height: 24vw
}

@media print, screen and (min-width: 768px) {
    .g_BannerContainer .banner_img {
        width: 320px;
        height: 95px
    }
}

.g_BannerContainer .backNumber, .g_BannerContainer .page-backNumber .magazineStatic, .page-backNumber .g_BannerContainer .magazineStatic, .g_BannerContainer .page-book-search-detail .magazineStatic, .page-book-search-detail .g_BannerContainer .magazineStatic {
    background: url(./img/backNumber.png) no-repeat center/cover
}

.g_BannerContainer .libraryDisplay {
    background: url(./img/SCGLibrary.png) no-repeat center/cover
}

.g_BannerContainer .portraitSK {
    background: url(./img/banner_portraitSK.png) no-repeat center/cover
}

.g_BannerContainer .tonomura {
    background: url(./img/banner_tonomura.png) no-repeat center/cover
}

.wpcf7-validation-errors, .wpcf7-acceptance-missing {
    padding: 20px !important;
    border: none !important;
    color: red;
    background-color: #ffe6e6;
    border-radius: 3px
}

.wpcf7-mail-sent-ok {
    display: none !important
}

span.wpcf7-not-valid-tip {
    margin-top: 0.5rem
}

a {
    text-underline-position: under
}

.g_magazinePreBookName {
    color: #004f8a
}

.g_magazinePreBookName:hover {
    text-decoration: underline
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

*, *::before, *::after {
    box-sizing: border-box
}

html {
    font-size: 16px
}

body {
    line-height: 1;
    color: #222;
    font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

a, p {
    line-height: 1.5
}

a {
    color: inherit;
    text-decoration: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

nav ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

.page-top .mainContainer {
    width: 100%;
    margin: 0 auto
}

@media print, screen and (min-width: 768px) {
    .page-top .mainContainer {
        min-width: 1350px
    }
}

.page-top .g_contentContainer {
    padding: 30px 20px
}

@media print, screen and (min-width: 768px) {
    .page-top .g_contentContainer {
        padding: 40px 0px
    }
}

.page-top .g_defaultHeading, .page-top .page-single .infoContentContainer h1, .page-single .infoContentContainer .page-top h1 {
    font-size: 1.5rem;
    margin-bottom: 50px;
    margin-top: 10px
}

.page-top .link:hover {
    text-decoration: underline
}

.page-top .top-img-backColor {
    width: 100%;
    background-color: #f5f9fc
}

.page-top .topImg {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg {
        max-width: 1580px;
        margin: 3px auto 0
    }
}

.page-top .topImg .topImg_area1 {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_area1 {
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-flow: row;
        min-height: 235px;
        max-height: 235px
    }
}

.page-top .topImg .topImg_area2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_area2 {
        justify-content: space-between;
        min-height: 140px;
        max-height: 140px
    }
}

.page-top .topImg .topImg_area3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_area3 {
        flex-wrap: wrap;
        width: 100%;
        min-height: 70px;
        max-height: 70px
    }
}

.page-top .topImg .topImg_bookCover {
    background-color: #fff;
    width: 32%;
    height: 36vw
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_bookCover {
        min-width: 120px;
        max-width: 120px;
        height: auto
    }
}

.page-top .topImg .topImg_detailContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 1rem;
    width: 63%;
    height: 37vw
}

.page-top .topImg .topImg_detailContainer p {
    max-width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_detailContainer {
        width: 100%;
        height: 100%;
        padding: 0 0 0 30px;
        line-height: 1.5
    }
}

.page-top .topImg .detailContainer_tag {
    display: inline-block;
    padding: 0.1rem 20px;
    font-size: 0.7rem;
    color: #222;
    background-color: #fff
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .detailContainer_tag {
        font-size: 0.9rem;
        margin-bottom: 15px
    }
}

.page-top .topImg .detailContainer_title {
    font-size: 0.7rem
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .detailContainer_title {
        font-size: 0.9rem
    }
}

.page-top .topImg .detailContainer_featureTitle {
    line-height: 1;
    font-size: 0.8rem
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .detailContainer_featureTitle {
        font-size: 1.3rem;
        line-height: 1.2
    }
}

.page-top .topImg .detailContainer_subTitle {
    line-height: 1;
    font-size: 0.8rem
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .detailContainer_subTitle {
        font-size: 1rem
    }
}

.page-top .topImg .detailContainer_price {
    line-height: 1;
    font-size: 0.7rem
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .detailContainer_price {
        font-size: 1rem
    }
}

.page-top .topImg .topImg_item {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-top .topImg .topImg_item:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_item {
        justify-content: center
    }
}

.page-top .topImg .topImg_item.L {
    height: 100%;
    width: 100%;
    margin-bottom: 10px;
    padding: 17px
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_item.L {
        height: 226px;
        width: 585px;
        margin-bottom: 0;
        padding: 30px
    }
}

.page-top .topImg .topImg_item.L.-suri {
    background: url("./img/top/sp_suurikagaku.png") no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_item.L.-suri {
        background: url("./img/top/pc_suurikagaku.png") no-repeat center/cover
    }
}

.page-top .topImg .topImg_item.L.-bessatsu {
    background: url("./img/top/sp_bessatsu.png") no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_item.L.-bessatsu {
        background: url("./img/top/pc_bessatsu.png") no-repeat center/cover
    }
}

.page-top .topImg .topImg_item.M {
    height: 25vw;
    width: 100%;
    margin-bottom: 10px;
    background: url(./img/sp_267x175.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_item.M {
        height: 130px;
        width: 32.76%;
        margin-bottom: 0;
        background: url(./img/395x200.png) no-repeat center/cover
    }
}

.page-top .topImg .topImg_item.S {
    height: 21vw;
    width: 48.5%;
    margin-bottom: 10px;
    background: url(./img/sp_267x175.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-top .topImg .topImg_item.S {
        height: 70px;
        width: 24.36%;
        margin-bottom: 20px;
        background: url(./img/395x100.png) no-repeat center/cover
    }
}

.page-top .newBook {
    position: relative;
    width: 100%;
    background: url("./img/bg_tile2.png")
}

.page-top .newBook .bookHolder {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: url("./img/top/sp_shinkan.png") no-repeat center 37vw/contain
}

@media print, screen and (min-width: 768px) {
    .page-top .newBook .bookHolder {
        background: url("./img/top/pc_shinkan.png") no-repeat center 77%/contain
    }
}

.page-top .newBook .bookHolder_button {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    width: 25px;
    margin-top: 75px;
    background-color: #004f8a;
    cursor: pointer;
    z-index: 2
}

@media print, screen and (min-width: 768px) {
    .page-top .newBook .bookHolder_button {
        position: static;
        opacity: 1;
        transition: opacity 0.3s;
        transform: none
    }

    .page-top .newBook .bookHolder_button:hover {
        opacity: 0.8
    }
}

.page-top .newBook .bookHolder_button.left {
    left: -15px
}

@media print, screen and (min-width: 768px) {
    .page-top .newBook .bookHolder_button.left {
        left: 0
    }
}

.page-top .newBook .bookHolder_button.left::before {
    content: "";
    width: 15px;
    height: 15px;
    background: url("./img/top/arrow_left.png") no-repeat center
}

.page-top .newBook .bookHolder_button.right {
    right: -15px
}

@media print, screen and (min-width: 768px) {
    .page-top .newBook .bookHolder_button.right {
        right: 0
    }
}

.page-top .newBook .bookHolder_button.right::before {
    content: "";
    width: 15px;
    height: 15px;
    background: url("./img/top/arrow_right.png") no-repeat center
}

.page-top .newBook .bookHolder_button.isDisable {
    opacity: 0.3;
    cursor: default
}

.page-top .newBook .books {
    display: flex;
    min-width: 80vw;
    max-width: 80vw;
    margin-left: 5vw;
    overflow: hidden
}

@media print, screen and (min-width: 768px) {
    .page-top .newBook .books {
        min-width: 1080px;
        max-width: 1080px;
        margin: 0 auto
    }
}

.page-top .newBook .moveHolder {
    display: flex;
    transform: translateX(0);
    transition: 0.5s ease-out;
    margin-left: 7vw
}

@media print, screen and (min-width: 768px) {
    .page-top .newBook .moveHolder {
        margin-left: 20px
    }
}

.page-top .newBook .books_item {
    display: flex;
    flex-direction: column;
    min-width: 27vw;
    max-width: 27vw;
    margin: 0 11vw 0 0
}

@media print, screen and (min-width: 768px) {
    .page-top .newBook .books_item {
        min-width: 140px;
        max-width: 140px;
        margin: 0 40px 0 0
    }
}

.page-top .newBook .books_item:last-child {
    margin: 0
}

.page-top .newBook .books_item:hover .link {
    text-decoration: underline
}

.page-top .newBook .books_img {
    height: 39vw;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    margin-bottom: 40px;
    box-shadow: 0px 6px 9px 0px #b6b8af
}

@media print, screen and (min-width: 768px) {
    .page-top .newBook .books_img {
        height: 200px;
        box-shadow: 0px 12px 18px 0px #b6b8af
    }
}

.page-top .newBook .books_name {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #005b9f;
    text-decoration: none;
    font-weight: bold
}

.page-top .newBook .twitter {
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center
}

.page-top .newBook .twitter-img {
    height: 25vw;
    width: 65vw;
    background: url(./img/twitter_small.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-top .newBook .twitter-img {
        height: 80px;
        width: 470px;
        background: url(./img/twitter.png) no-repeat center/cover
    }
}

.page-top .searchBook {
    width: 100%;
    background: #f7f9fa
}

.page-top .searchBook .catgBox {
    display: flex;
    flex-flow: column;
    width: 100%;
    border: solid 2px #d8e2ea
}

.page-top .searchBook .catgBox:last-child {
    margin-top: 20px
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .catgBox:last-child {
        margin-top: 0;
        margin-bottom: 20px;
        border-bottom: solid 1px #d8e2ea
    }
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .catgBox {
        flex-flow: row;
        border-top: solid 1px #d8e2ea;
        border-right: solid 1px #d8e2ea;
        border-bottom: none;
        border-left: solid 3px #005b9f
    }
}

.page-top .searchBook .catgBox .titleLists_list li {
    position: relative
}

.page-top .searchBook .titleArea {
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    background-color: #005b9f
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleArea {
        display: inline;
        min-width: 180px;
        max-width: 180px;
        height: auto;
        padding: 25px 20px;
        background-color: #f5f9fc
    }
}

.page-top .searchBook .titleArea_type {
    margin-left: 1rem;
    font-weight: bold;
    color: white
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleArea_type {
        margin-left: 0;
        color: #222
    }
}

.page-top .searchBook .titleLists {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleLists {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: left;
        width: 100%;
        padding: 25px 35px;
        background-color: white
    }
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleLists.first {
        min-height: 185px;
        max-height: 185px
    }
}

.page-top .searchBook .titleLists.first .last {
    border-bottom: none
}

.page-top .searchBook .titleLists_list {
    display: flex;
    flex-flow: wrap;
    height: 8rem;
    list-style-type: none;
    font-weight: bold
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleLists_list {
        height: auto;
        font-weight: normal;
        color: #005b9f
    }
}

.page-top .searchBook .titleLists_list>li {
    display: flex;
    align-items: center;
    width: 50%;
    height: 4rem;
    border-bottom: 1px solid #d8e2ea;
    border-right: 1px solid #d8e2ea
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleLists_list>li {
        width: auto;
        height: auto;
        padding: 0 10px;
        border-bottom: none
    }
}

.page-top .searchBook .titleLists_list>li>a {
    margin-left: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleLists_list>li>a {
        margin-left: 0
    }
}

.page-top .searchBook .titleLists_list>li>a::after {
    content: "";
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: 2px solid #005b9f;
    border-right: 2px solid #005b9f;
    transform: rotate(45deg);
    position: absolute;
    top: 1.7rem;
    right: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleLists_list>li>a::after {
        content: none
    }
}

.page-top .searchBook .titleLists_list>li:last-child {
    border-bottom: none
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleLists_list>li:last-child {
        border-right: none;
        border-bottom: none
    }
}

.page-top .searchBook .titleLists_list>li.sp-no_border {
    border-right: none
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleLists_list>li.sp-no_border {
        border-right: 1px solid #d8e2ea
    }
}

.page-top .searchBook .titleList {
    display: flex;
    width: 100%;
    flex-flow: column;
    color: #222
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList {
        min-width: 50%;
        max-width: 50%;
        margin-bottom: 8px;
        flex-flow: row;
        align-items: start;
        color: #005b9f;
        background-color: #fff
    }
}

.page-top .searchBook .toggleButton_for_sp {
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    border-bottom: 2px solid #d8e2ea;
    background-color: aliceblue
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .toggleButton_for_sp {
        width: auto;
        height: auto;
        border-bottom: none;
        background-color: #fff
    }
}

.page-top .searchBook .titleList_largeField {
    display: block;
    width: 100%;
    margin-left: 1rem;
    font-weight: bold;
    pointer-events: none
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList_largeField {
        min-width: 100px;
        max-width: 100px;
        margin-left: 0;
        pointer-events: all
    }
}

.page-top .searchBook .titleList_largeField::before, .page-top .searchBook .titleList_largeField::after {
    display: block;
    content: "";
    background-color: #005b9f;
    border-radius: 3px;
    position: absolute;
    width: 18px;
    height: 3px;
    top: 7px;
    right: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList_largeField::before, .page-top .searchBook .titleList_largeField::after {
        content: none
    }
}

.page-top .searchBook .titleList_largeField::before {
    width: 3px;
    height: 18px;
    top: 0;
    right: 1.46rem
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList_largeField::before {
        content: none
    }
}

.page-top .searchBook .titleList_largeField.isActive::after {
    display: block;
    content: "";
    background-color: #005b9f;
    border-radius: 3px;
    position: absolute;
    width: 18px;
    height: 3px;
    top: 7px;
    right: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList_largeField.isActive::after {
        content: none
    }
}

.page-top .searchBook .titleList_largeField.isActive::before {
    content: none
}

.page-top .searchBook .titleList_smallFields {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-size: 1rem;
    line-height: 1
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList_smallFields {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-size: 0.9rem
    }
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList_smallFields .sp-only {
        display: none
    }
}

.page-top .searchBook .titleList_smallFields.isActive {
    display: flex
}

.page-top .searchBook .titleList_smallFields>li {
    display: flex;
    align-items: center;
    width: 50%;
    height: 4rem;
    font-weight: bold;
    border: 1px solid #d8e2ea;
    position: relative
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList_smallFields>li {
        width: auto;
        height: auto;
        margin: 0 0 5px;
        font-weight: normal;
        border: none
    }
}

.page-top .searchBook .titleList_smallFields>li>a {
    width: 75%;
    margin-left: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList_smallFields>li>a {
        width: auto;
        margin-left: 0;
        padding: 0 10px
    }
}

.page-top .searchBook .titleList_smallFields>li>a::after {
    content: "";
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: 2px solid #005b9f;
    border-right: 2px solid #005b9f;
    transform: rotate(45deg);
    position: absolute;
    top: 1.5rem;
    right: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList_smallFields>li>a::after {
        content: none
    }
}

@media print, screen and (min-width: 768px) {
    .page-top .searchBook .titleList_smallFields>li+li>a {
        border-left: 1px solid #d8e2ea
    }
}

.page-top .bannerArea {
    background: url("./img/bg_tile2.png");
    width: 100%;
    height: 130vw
}

@media print, screen and (min-width: 768px) {
    .page-top .bannerArea {
        height: 190px;
        padding: 50px 0
    }
}

.page-top .bannerArea_content {
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    flex-direction: column;
    height: 100%;
    padding: 20px 0
}

@media print, screen and (min-width: 768px) {
    .page-top .bannerArea_content {
        justify-content: space-between;
        width: 1180px;
        flex-direction: row;
        margin: 0 auto;
        padding: 0
    }
}

.page-top .bannerArea_banner {
    opacity: 1;
    transition: opacity 0.3s;
    transform: none;
    width: 80%;
    height: 20vw;
    margin: 0 auto
}

.page-top .bannerArea_banner:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-top .bannerArea_banner {
        width: 220px;
        height: 95px;
        margin: 0;
        cursor: pointer
    }
}

.page-top .bannerArea_banner.-naturalScience {
    background: url("./img/top/banner_1-sp.png") no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-top .bannerArea_banner.-naturalScience {
        background: url("./img/top/banner_1.png") no-repeat center/contain
    }
}

.page-top .bannerArea_banner.-informationScience {
    background: url("./img/top/banner_2-sp.png") no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-top .bannerArea_banner.-informationScience {
        background: url("./img/top/banner_2.png") no-repeat center/contain
    }
}

.page-top .bannerArea_banner.-humanities {
    background: url("./img/top/banner_3-sp.png") no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-top .bannerArea_banner.-humanities {
        background: url("./img/top/banner_3.png") no-repeat center/contain
    }
}

.page-top .bannerArea_banner.-backnumberSuri {
    background: url("./img/top/banner_4-sp.png") no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-top .bannerArea_banner.-backnumberSuri {
        background: url("./img/top/banner_4.png") no-repeat center/contain
    }
}

.page-top .bannerArea_banner.-backnumberSuriBessatsu {
    background: url("./img/top/banner_5-sp.png") no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-top .bannerArea_banner.-backnumberSuriBessatsu {
        background: url("./img/top/banner_5.png") no-repeat center/contain
    }
}

.page-top .recBook {
    background: linear-gradient(to right, #002859, #006abc);
    color: white
}

.page-top .recBook .recBook_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.page-top .recBook .recBook_content {
    display: flex;
    flex-direction: column;
    width: 40%;
    margin: 0 auto 20px
}

@media print, screen and (min-width: 768px) {
    .page-top .recBook .recBook_content {
        width: 220px;
        margin: 0 auto
    }
}

.page-top .recBook .recBook_content:hover .link {
    text-decoration: underline
}

.page-top .recBook .recBook_img {
    display: block;
    height: 38vw;
    width: 80%;
    margin: 0 auto 20px
}

@media print, screen and (min-width: 768px) {
    .page-top .recBook .recBook_img {
        height: 220px;
        width: 160px
    }
}

.page-top .recBook .recBook_title {
    margin: 0 0 12px;
    text-align: center;
    font-weight: bold
}

.page-top .recBook .recBook_detail {
    text-align: center;
    font-size: 0.9rem
}

.page-top .recBook .recBook_summary {
    margin-top: auto
}

.page-top .information {
    position: relative;
    background: aliceblue
}

.page-top .information .margin-top {
    margin-top: 30px
}

.page-top .information .information_container {
    width: 100%;
    margin: 0 auto
}

@media print, screen and (min-width: 768px) {
    .page-top .information .information_container {
        width: auto;
        margin-right: 20px
    }
}

.page-top .information .moreInfo {
    text-align: right;
    color: #005b9f
}

.page-top .information .moreInfo.notice {
    margin-bottom: 20px
}

@media print, screen and (min-width: 768px) {
    .page-top .information .moreInfo.notice {
        margin-bottom: 0
    }
}

.page-top .information .twitter-timeline {
    width: 740px !important
}

.page-top .information .timeline {
    display: flex;
    min-height: 460px;
    max-height: 460px;
    margin-bottom: 15px
}

@media print, screen and (min-width: 768px) {
    .page-top .information .timeline {
        width: 330px;
        min-height: 630px;
        max-height: 630px;
        margin-top: 97px;
        margin-bottom: 0
    }
}

@media print, screen and (min-width: 768px) {
    .page-top .information .timeline iframe {
        height: 100% !important
    }
}

.page-top .information #coming_soon {
    margin-bottom: 10px
}

.page-top .information #coming_soon .g_contentBox_title, .page-top .information #coming_soon .g_contentBox_author {
    text-overflow: ellipsis;
    display: block
}

@media print, screen and (min-width: 768px) {
    .page-top .information #coming_soon .g_contentBox_title, .page-top .information #coming_soon .g_contentBox_author {
        line-height: 52px
    }
}

@media print, screen and (min-width: 768px) {
    .page-top .information #coming_soon .g_contentBox_author {
        width: 40%
    }
}

.page-top .information #notice {
    overflow: visible;
    white-space: normal;
    margin-bottom: 10px
}

.page-top .information #notice .g_contentBox_row {
    height: auto;
    min-height: 62px
}

@media print, screen and (min-width: 768px) {
    .page-top .information #notice .g_contentBox_row {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.page-top .information #notice .g_contentBox_title {
    overflow: visible;
    white-space: normal
}

.page-top #science {
    background: url(./img/science.png) no-repeat center/cover
}

.page-top #surikogaku {
    background: url(./img/surikogaku.png) no-repeat center/cover
}

.page-top #sinseisha {
    background: url(./img/sinseisha.png) no-repeat center/cover
}

.page-top #newbook {
    background: url(./img/newbook_sp.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-top #newbook {
        background: url(./img/newbook.png) no-repeat center/cover
    }
}

.page-top #recentbook {
    background: url(./img/recentbook_sp.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-top #recentbook {
        background: url(./img/recentbook.png) no-repeat center/cover
    }
}

.page-top #degitalbook {
    background: url(./img/degitalbook_sp.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-top #degitalbook {
        background: url(./img/degitalbook.png) no-repeat center/cover
    }
}

.page-top #exericisebook {
    background: url(./img/exericisebook_sp.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-top #exericisebook {
        background: url(./img/exericisebook.png) no-repeat center/cover
    }
}

.page-top #shinseisha_book {
    background: url(./img/kogaku.png) no-repeat center/cover
}

.page-top #surikogaku_book {
    background: url(./img/shakaigaku.png) no-repeat center/cover
}

.page-top #surikagaku_book {
    background: url(./img/surikagaku.png) no-repeat center/cover
}

.page-top #bessatsu_book {
    background: url(./img/bessatsu.png) no-repeat center/cover
}

.page-top .emergency {
    margin-top: -50px
}

@media print, screen and (min-width: 768px) {
    .page-top .emergency {
        margin-top: 0
    }
}

.page-top .emergency .g_contentContainer {
    padding: 30px 20px
}

@media print, screen and (min-width: 768px) {
    .page-top .emergency .g_contentContainer {
        padding: 0 0 40px 0
    }
}

.page-top .emergency .g_contentBox_row {
    display: flex;
    flex-wrap: nowrap;
    background-color: #ffe9e3;
    color: #cc3333
}

@media print, screen and (min-width: 768px) {
    .page-top .emergency .g_contentBox_row {
        align-items: center;
        justify-content: start
    }
}

.page-top .emergency .g_contentBox_row .emergency_img {
    width: 35%;
    height: 5vw;
    margin-bottom: 15px;
    background: url(./img/top_announce.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-top .emergency .g_contentBox_row .emergency_img {
        margin-left: 30px;
        width: 10%;
        height: 25px;
        margin-bottom: 0
    }
}

@media print, screen and (min-width: 768px) {
    .page-top .emergency .g_contentBox_row .g_contentBox_date {
        min-width: 0;
        padding: 0 30px
    }
}

.page-top .emergency .g_contentBox_row .g_contentBox_title {
    color: #cc3333;
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-top .emergency .g_contentBox_row .g_contentBox_title {
        width: auto
    }
}

.page-header .header {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-header .header {
        min-width: 1350px
    }
}

.page-header .header_contentRow1 {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    margin: 0 auto
}

@media print, screen and (min-width: 768px) {
    .page-header .header_contentRow1 {
        height: auto;
        justify-content: unset;
        min-width: 1220px;
        max-width: 1220px
    }
}

.page-header .navContainer {
    width: calc(100vw - 60px);
    height: 100%;
    background-color: #003760;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    transform: translate(calc(100vw - 60px));
    transition: transform 0.5s
}

@media print, screen and (min-width: 768px) {
    .page-header .navContainer {
        position: static;
        width: 100%;
        padding: 0;
        z-index: unset;
        transform: none;
        transition: none
    }
}

.page-header .header_siteTitle {
    display: flex;
    align-items: center;
    width: auto;
    padding-left: 15px
}

@media print, screen and (min-width: 768px) {
    .page-header .header_siteTitle {
        width: auto;
        height: 110px;
        margin: 0 auto 0 0;
        padding-left: 0px
    }
}

.page-header .siteTitle {
    color: #6e6e6e
}

@media print, screen and (min-width: 768px) {
    .page-header .siteTitle {
        display: flex;
        align-items: center;
        margin-left: 0px
    }
}

.page-header .siteTitle_main {
    display: flex;
    align-items: baseline;
    font-size: 0.9rem
}

@media print, screen and (min-width: 768px) {
    .page-header .siteTitle_main {
        flex-wrap: wrap;
        font-size: 1rem;
        line-height: 1;
        width: 170px
    }
}

.page-header .siteTitle_main.company {
    font-size: 0.9rem;
    line-height: 1
}

.page-header .siteTitle_main.name {
    margin-left: 3px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #004f8a;
    letter-spacing: 0
}

@media print, screen and (min-width: 768px) {
    .page-header .siteTitle_main.name {
        margin-left: 0;
        font-size: 1.6rem
    }
}

.page-header .siteTitle_subsidiarys {
    display: flex;
    justify-content: space-between
}

@media print, screen and (min-width: 768px) {
    .page-header .siteTitle_subsidiarys {
        display: block;
        margin-left: 10px;
        padding-left: 10px;
        border-left: 2px solid #e0e8ee
    }
}

.page-header .subsidiarys_company {
    font-size: 0.7rem;
    cursor: default
}

@media print, screen and (min-width: 768px) {
    .page-header .subsidiarys_company {
        font-size: 0.95rem
    }
}

.page-header .subsidiarys_companyName {
    margin-left: 0;
    font-weight: bold;
    color: #004f8a
}

@media print, screen and (min-width: 768px) {
    .page-header .subsidiarys_companyName {
        margin-left: 0.3rem
    }
}

.page-header .header_navButton {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 15px 0;
    background-color: #095088;
    text-align: center;
    z-index: 3
}

@media print, screen and (min-width: 768px) {
    .page-header .header_navButton {
        display: none
    }
}

.page-header .header_navButton.active .navButton_line.first {
    top: 33%;
    transform: rotate(45deg)
}

.page-header .header_navButton.active .navButton_line.second {
    opacity: 0
}

.page-header .header_navButton.active .navButton_line.third {
    top: -33%;
    transform: rotate(-45deg)
}

.page-header .navButton_line {
    position: relative;
    display: inline-block;
    height: 3px;
    width: 100%;
    margin: 0 25%;
    background-color: #fff;
    opacity: 1;
    transform: rotate(0deg)
}

.page-header .header_nav1 {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 40px;
    background-color: #003760;
    color: #fff
}

@media print, screen and (min-width: 768px) {
    .page-header .header_nav1 {
        flex-direction: column;
        height: 110px;
        padding-top: 0;
        padding-right: 0;
        background-color: transparent;
        color: #222
    }
}

.page-header .nav1_row1 {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding: 0 5%
}

@media print, screen and (min-width: 768px) {
    .page-header .nav1_row1 {
        justify-content: flex-end;
        flex-wrap: nowrap;
        margin: 15px 0;
        padding: 0
    }
}

.page-header .nav1_pageLink {
    display: flex;
    align-items: center;
    width: 50%;
    font-size: 0.9rem;
    margin: 0 0 20px 0
}

@media print, screen and (min-width: 768px) {
    .page-header .nav1_pageLink {
        width: auto;
        margin: 0 1.5rem 0 0;
        font-size: .75rem
    }
}

.page-header .nav1_pageLink:hover {
    text-decoration: underline
}

@media print, screen and (min-width: 768px) {
    .page-header .nav1_pageLink:last-child {
        margin: 0
    }
}

.page-header .nav1_pageLink::before {
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.4rem;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

@media print, screen and (min-width: 768px) {
    .page-header .nav1_pageLink::before {
        border: solid #004f8a;
        border-width: 1px 1px 0 0
    }
}

.page-header .nav1_row2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media print, screen and (min-width: 768px) {
    .page-header .nav1_row2 {
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: nowrap
    }
}

.page-header .row2_targets {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: start
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_targets {
        flex-wrap: nowrap;
        flex-shrink: 1
    }
}

.page-header .row2_target {
    width: 45%;
    min-width: 90px;
    padding: 0 20px;
    font-size: 0.8rem;
    text-align: center;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-header .row2_target:hover {
    opacity: 0.8
}

.page-header .row2_target:last-child {
    border: none
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_target {
        width: auto;
        border-right: 1px solid #e0e8ee;
        font-size: .75rem;
        margin: 0 2px
    }
}

.page-header .row2_guideLink {
    display: block;
    margin-bottom: 40px;
    font-weight: bold
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_guideLink {
        margin-bottom: 0;
        font-weight: normal
    }
}

.page-header .row2_guideLink::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto 10px
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_guideLink::before {
        width: 25px;
        height: 20px;
        margin: 0 auto 5px
    }
}

.page-header .row2_guideLink.reader::before {
    background: url(./img/icon_1_sp.png) no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_guideLink.reader::before {
        background: url(./img/icon_1.png) no-repeat center
    }
}

.page-header .row2_guideLink.bookstore::before {
    background: url(./img/icon_2_sp.png) no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_guideLink.bookstore::before {
        background: url(./img/icon_2.png) no-repeat center
    }
}

.page-header .row2_guideLink.educator::before {
    background: url(./img/icon_3_sp.png) no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_guideLink.educator::before {
        background: url(./img/icon_3.png) no-repeat center
    }
}

.page-header .row2_guideLink.guide::before {
    background: url(./img/icon_4_sp.png) no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_guideLink.guide::before {
        background: url(./img/icon_4.png) no-repeat center
    }
}

.page-header .br_pc {
    display: none
}

@media print, screen and (min-width: 768px) {
    .page-header .br_pc {
        display: block
    }
}

.page-header .row2_search {
    display: none;
    height: 40px
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_search {
        display: flex;
        margin-right: 15px
    }
}

.page-header .row2_searchWord {
    width: 165px;
    padding: 0 0.5rem;
    background-color: #eff5f9;
    border: none;
    border-radius: 2px
}

.page-header .row2_submit {
    border: none;
    width: 40px;
    color: transparent;
    background: url(./img/icon_search.png) no-repeat center;
    background-color: #004f8a;
    border-radius: 2px;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-header .row2_submit:hover {
    opacity: 0.8
}

.page-header .row2_searchLink {
    display: none;
    font-size: 0.8rem;
    font-weight: bold;
    color: #004f8a
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_searchLink {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 15px
    }
}

.page-header .row2_searchLink:hover {
    text-decoration: underline
}

.page-header .row2_cart {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    padding: 15px 0;
    margin: 0 auto 30px;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
    background-color: #004f8a;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-header .row2_cart:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-header .row2_cart {
        width: auto;
        height: 40px;
        padding: 5px 15px;
        margin: 0 10px 0 0;
        font-size: 0.9rem;
        border-radius: 2px
    }
}

.page-header .row2_cart::before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.3rem;
    margin-right: 10px;
    background: url(./img/icon_shop.png) no-repeat center/contain
}

.page-header .searchForSP {
    display: block;
    height: 60px;
    border: 1px solid #003760
}

@media print, screen and (min-width: 768px) {
    .page-header .searchForSP {
        display: none
    }
}

.page-header .searchForSP_form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 5%;
    border-radius: 3px;
    border: 1px solid #fff
}

.page-header .searchForSP_searchWord {
    width: 100%;
    height: 40px;
    padding: 0 0.5rem;
    background-color: #eff5f9;
    border: none;
    border-radius: 2px
}

.page-header .searchForSP_submit {
    border: none;
    height: 40px;
    width: 40px;
    color: transparent;
    background: url(./img/icon_search_sp.png) no-repeat center/50%;
    background-color: #004f8a;
    border-radius: 2px;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-header .searchForSP_submit:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-header .searchForSP_submit {
        background: url(./img/icon_search.png) no-repeat center
    }
}

.page-header .publisher_link {
    width: 100%;
    height: 100%
}

@media print, screen and (min-width: 768px) {
    .page-header .header_nav2 {
        display: block;
        width: 100%;
        min-width: 1350px;
        height: 45px;
        background-color: #004f8a
    }
}

.page-header .nav2_genreList {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    margin: 0;
    list-style: none
}

@media print, screen and (min-width: 768px) {
    .page-header .nav2_genreList {
        flex-direction: row
    }
}

.page-header .nav2_genre {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 60px;
    font-size: 1.1rem;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid #003760;
    background-color: #004f8a;
    z-index: 100;
    cursor: default
}

@media print, screen and (min-width: 768px) {
    .page-header .nav2_genre {
        flex-direction: row;
        width: 236px;
        min-height: 100%;
        font-size: 1rem;
        border-left: 1px solid #003760;
        border-bottom: none;
        transition: background-color 0.2s
    }

    .page-header .nav2_genre:last-child {
        border-right: 1px solid #003760
    }
}

.page-header .nav2_genre.active {
    background-color: #003760;
    border-bottom: none
}

.page-header .nav2_genre.active .nav2_iconForSP::before {
    display: none
}

.page-header .nav2_searchType {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    width: 100%;
    padding: 0 5%;
    font-weight: bold;
    background-color: #095088
}

@media print, screen and (min-width: 768px) {
    .page-header .nav2_searchType {
        justify-content: center;
        height: 100%;
        padding: 0;
        font-weight: normal;
        background-color: transparent
    }
}

.page-header .nav2_link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 5%;
    font-weight: bold
}

.page-header .nav2_link::after {
    content: "";
    position: relative;
    left: -7px;
    display: block;
    width: 12px;
    height: 12px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg)
}

@media print, screen and (min-width: 768px) {
    .page-header .nav2_link {
        justify-content: center;
        padding: 0;
        font-weight: normal
    }

    .page-header .nav2_link::after {
        display: none
    }
}

.page-header .nav2_iconForSP {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px
}

.page-header .nav2_iconForSP::before, .page-header .nav2_iconForSP::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%)
}

.page-header .nav2_iconForSP::before {
    transform: rotate(90deg);
    left: 0
}

@media print, screen and (min-width: 768px) {
    .page-header .nav2_iconForSP {
        display: none
    }
}

.page-header .bookClasses {
    position: relative;
    width: 100%;
    background-color: #003760;
    font-size: 1rem;
    font-weight: bold;
    z-index: 2;
    cursor: default;
    transform-origin: 50% 0;
    transition: transform 0.3s
}

@media print, screen and (min-width: 768px) {
    .page-header .bookClasses {
        position: absolute;
        top: 100%;
        left: 0;
        width: calc(100% + 2px);
        min-height: 100%;
        font-weight: normal;
        transform: scaleY(0)
    }
}

.page-header .bookClasses.genreSearch {
    overflow: hidden
}

@media print, screen and (min-width: 768px) {
    .page-header .bookClasses.genreSearch {
        height: auto;
        overflow: visible
    }
}

@media print, screen and (min-width: 768px) {
    .page-header .bookClasses.publisherSearch {
        height: auto
    }
}

.page-header .bookClasses.active .bookClasses_bookClass {
    height: 60px
}

@media print, screen and (min-width: 768px) {
    .page-header .bookClasses.active .bookClasses_bookClass {
        height: 50px
    }
}

@media print, screen and (min-width: 768px) {
    .page-header .bookClasses.active {
        height: auto;
        transform: scaleY(1)
    }
}

.page-header .bookClasses_bookClass {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 0;
    border-bottom: 1px solid #095088;
    overflow: hidden
}

@media print, screen and (min-width: 768px) {
    .page-header .bookClasses_bookClass {
        justify-content: center;
        height: 50px;
        border-bottom: none
    }

    .page-header .bookClasses_bookClass>a {
        pointer-events: none
    }
}

.page-header .bookClasses_bookClass.active {
    background-color: #00243f
}

.page-header .bookClasses_bookClass.active+.bookClasses_fields {
    transform: scaleX(1)
}

.page-header .bookClasses_fields {
    position: absolute;
    top: 0;
    left: 100%;
    width: 944px;
    height: auto;
    padding: 20px 0 20px 2rem;
    font-size: 0.9rem;
    background-color: #00243f;
    transform: scaleX(0);
    transform-origin: 0 0
}

.page-header .bookClasses_field {
    display: flex;
    align-items: center;
    height: 40px;
    width: 236px;
    padding-left: 2rem
}

.page-header .bookClasses_field:hover>p {
    text-decoration: underline
}

.page-header .bookClasses_field.active {
    background-color: #004f8a
}

.page-header .bookClasses_field.active+.bookClasses_smallClasses {
    display: block
}

.page-header .content_title::before {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: -1rem;
    margin-top: -4px
}

.page-header .bookClasses_smallClasses {
    display: none;
    position: absolute;
    top: 20px;
    left: 236px;
    background-color: #004f8a
}

.page-header .bookClasses_smallList {
    display: flex;
    align-content: flex-start;
    flex-flow: column;
    flex-wrap: wrap;
    flex-shrink: 0;
    max-height: calc((40px * 13) + 40px)
}

.page-header .bookClasses_smallClass {
    display: flex;
    align-items: center;
    width: 230px;
    height: 40px;
    padding-left: 2rem
}

.page-header .bookClasses_smallClass:hover>p {
    text-decoration: underline
}

.saiensuFullWrapper {
    height: 100%;
    position: relative
}

.SPoverlay {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.5s
}

.SPoverlay.open {
    width: 100%;
    height: 100%;
    opacity: 1
}

.saiensuMainContent {
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.saiensuMainContent.open {
    transform: translateX(calc(-100vw + 60px))
}

@media print, screen and (min-width: 768px) {
    .page-footer .footer {
        min-width: 1350px
    }
}

.page-footer .footer_row1 {
    background-color: white;
    padding: 40px 0
}

@media print, screen and (min-width: 768px) {
    .page-footer .footer_row1 {
        display: flex;
        justify-content: center;
        padding: 40px 0
    }
}

.page-footer .row1_link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20vw;
    width: 70vw;
    margin: 0 auto 25px;
    font-size: 1.2rem;
    color: #fff;
    background-color: #aeaeae
}

.page-footer .row1_link:last-child {
    margin: 0 auto
}

@media print, screen and (min-width: 768px) {
    .page-footer .row1_link {
        height: 80px;
        width: 280px;
        margin: 0 20px 0 0;
        font-size: 1.1rem
    }

    .page-footer .row1_link:last-child {
        margin: 0
    }
}

.page-footer .footer_row2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #989ca2;
    padding: 2rem 0 0 14vw
}

@media print, screen and (min-width: 768px) {
    .page-footer .footer_row2 {
        justify-content: center;
        padding: 40px 0
    }
}

.page-footer .row2_items {
    width: 50%;
    margin-bottom: 2rem;
    list-style: none;
    color: #fff
}

@media print, screen and (min-width: 768px) {
    .page-footer .row2_items {
        width: 200px;
        margin: 0
    }
}

.page-footer .row2_item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.9rem
}

.page-footer .row2_item::before {
    content: "";
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    margin-right: 0.5rem;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

@media print, screen and (min-width: 768px) {
    .page-footer .row2_item::before {
        width: 0.25rem;
        height: 0.25rem
    }
}

.page-footer .row2_item:last-child {
    margin-bottom: 0
}

.page-footer .row2_item>a:hover {
    text-decoration: underline
}

.page-footer .footer_row3 {
    padding: 1rem 0;
    background-color: #4c4e51;
    text-align: center;
    color: #fff;
    font-size: 0.7rem
}

@media print, screen and (min-width: 768px) {
    .page-footer .footer_row3 {
        font-size: 0.8rem;
        padding: 10px 0
    }
}

.page-footer .questionnaire_banner {
    width: 100%;
    height: 100%;
    background: url(./img/footer_questionnaire-sp.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-footer .questionnaire_banner {
        background: url(./img/footer_questionnaire.png) no-repeat center/cover
    }
}

.page-footer .book-or_banner {
    width: 100%;
    height: 100%;
    background: url(./img/footer_book-or-sp.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-footer .book-or_banner {
        background: url(./img/footer_book-or.png) no-repeat center/cover
    }
}

.page-footer .pageTop {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    background-color: #004f8a;
    z-index: 5
}

@media print, screen and (min-width: 768px) {
    .page-footer .pageTop {
        width: 60px;
        height: 60px
    }
}

.page-footer .pageTop::before {
    content: "";
    color: white;
    width: 20px;
    height: 20px;
    display: block;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(-45deg);
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.page-footer .pageTop:hover {
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-footer .pageTop:hover:hover {
    opacity: 0.8
}

aside, h1, h2, h3, h4, h5, h6, p, label {
    transform: rotate(0.05deg)
}

aside img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, p img, label img {
    transform: rotate(-0.05deg)
}

@media all and (-ms-high-contrast: none) {
    * {
        font-family: Quicksand, "メイリオ", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
    }
}

main {
    display: block
}

body {
    margin: 0
}

#search-container {
    position: relative;
    font-feature-settings: "palt";
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f7f9fa
}

@media print, screen and (min-width: 768px) {
    #search-container {
        position: inherit
    }
}

#search-container a {
    color: #005b92
}

#search-container .breadLink {
    color: #222
}

#search-container .breadLink:hover {
    text-decoration: underline
}

#search-container .g_articleContainer {
    padding-bottom: 0
}

#search-container .searchContainerHeader {
    width: 100%;
    border-bottom: 3px solid #d8e2ea;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center
}

#search-container .searchContents {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    #search-container .searchContents {
        width: 1180px
    }
}

#search-container .breadcrumbs {
    margin: 4vw 5vw
}

@media print, screen and (min-width: 768px) {
    #search-container .breadcrumbs {
        margin: 1.5em 0px;
        font-size: 0.8em
    }
}

#search-container .searchForms {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms {
        position: relative
    }
}

#search-container .searchForms .easySearchForm {
    width: calc(100% - 10vw);
    margin: 5vw;
    font-size: 3.7vw
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .easySearchForm {
        width: 100%;
        display: flex;
        align-items: stretch;
        margin: 0;
        border: 1px solid #d8e2ea;
        border-left: 3px solid #005b9f;
        font-size: 1em
    }
}

#search-container .searchForms .easySearchForm .easySearchForm_heading {
    padding: 0.8em 1.1em;
    background-color: #0b5d9d;
    color: #fff
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .easySearchForm .easySearchForm_heading {
        flex: 1;
        display: flex;
        align-items: center;
        padding: 0;
        padding-left: 1.4em;
        background-color: transparent;
        font-size: 1em;
        color: inherit;
        letter-spacing: 1px
    }
}

#search-container .searchForms .easySearchForm .easySearchForm_form {
    display: flex;
    align-items: stretch;
    margin: 0;
    background-color: #fff;
    padding: 1em 1.1em;
    border: 1px solid #d8e2ea;
    border-bottom: none
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .easySearchForm .easySearchForm_form {
        align-items: center;
        padding: 1.25em 1.5em;
        border: none
    }
}

#search-container .searchForms .easySearchForm .easySearchForm_form .easySearchForm_input {
    flex: 1;
    box-sizing: border-box;
    padding: 0.8em 0.7em;
    border: none;
    background-color: #eff5f9;
    letter-spacing: 0.1em;
    color: #929395;
    font-size: 1em
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .easySearchForm .easySearchForm_form .easySearchForm_input {
        flex: none;
        width: 620px;
        font-size: 0.85em
    }
}

#search-container .searchForms .easySearchForm .easySearchForm_form .easySearchForm_submit {
    width: 10.5vw;
    height: 10.5vw;
    border-radius: 0 0.5em 0.5em 0
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .easySearchForm .easySearchForm_form .easySearchForm_submit {
        width: 38px;
        height: 38px;
        border-radius: 0
    }
}

#search-container .searchForms .easySearchForm .easySearchFormLinks {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0 4vw 1em;
    border: 1px solid #d8e2ea;
    border-top: none
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .easySearchForm .easySearchFormLinks {
        border: none;
        padding: 1.25em 1.5em 1.25em 0
    }
}

#search-container .searchForms .easySearchForm .easySearchFormLinks .easySearchFormLinks_link {
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.05em
}

#search-container .searchForms .easySearchForm .easySearchFormLinks .easySearchFormLinks_link::before {
    content: "";
    background: url(./img/icon-gt.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.5em
}

#search-container .searchForms .detailSearchForm {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 10vw);
    background-color: #fff;
    border-top: calc(6vw * 0.13) solid #005b9f;
    padding: 1.5em 5vw;
    padding-top: 0
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm {
        top: -230px;
        width: 1020px;
        border-top: 3px solid #005b9f;
        padding: 1.5em 1.3em;
        margin-bottom: 60px
    }
}

#search-container .searchForms .detailSearchForm.searchContents_detail-hidden {
    display: none
}

#search-container .searchForms .detailSearchForm .detailSearchForm_heading {
    font-size: 5vw;
    padding: 2em;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm .detailSearchForm_heading {
        font-size: 1.6em
    }
}

#search-container .searchForms .detailSearchForm .detailSearchFormClose {
    position: absolute;
    top: 1.5em;
    right: 1.3em
}

#search-container .searchForms .detailSearchForm .detailSearchFormClose .detailSearchFormClose_button {
    display: block;
    width: 34px;
    height: 33px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url("./img/close.png") no-repeat center
}

#search-container .searchForms .detailSearchForm .gray {
    color: lightgray;
    background-color: #e7e7e7
}

#search-container .searchForms .detailSearchForm .gray .g_radioOption_label::before {
    opacity: 0.2
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm .searchItem {
        display: flex;
        align-items: stretch;
        border: 1px solid #d8e2ea;
        border-left: 3px solid #005b9f
    }
}

#search-container .searchForms .detailSearchForm .searchItem:nth-of-type(n+2) {
    border-top: none;
    margin-top: 5vw
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm .searchItem:nth-of-type(n+2) {
        margin-top: inherit
    }
}

#search-container .searchForms .detailSearchForm .searchItem .searchItem_label {
    display: flex;
    align-items: center;
    padding: 0.7em 1em;
    margin-bottom: 3vw;
    box-sizing: content-box;
    background-color: #0b5d9d;
    color: #fff;
    font-size: 3.8vw;
    font-weight: bold;
    letter-spacing: 1px;
    transform: rotate(0)
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm .searchItem .searchItem_label {
        padding: 1.4em;
        width: 10em;
        margin-bottom: 0;
        background-color: #f5f9fc;
        color: inherit;
        font-size: 1em
    }
}

#search-container .searchForms .detailSearchForm .searchItem .searchItemInput {
    background-color: #fff;
    font-size: 3.8vw
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm .searchItem .searchItemInput {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 1.25em 1.5em;
        font-size: inherit
    }
}

#search-container .searchForms .detailSearchForm .searchItem .gray {
    background-color: #e7e7e7
}

#search-container .searchForms .detailSearchForm .searchItem .searchItemInputRadio {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0
}

#search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect {
    margin-bottom: 3vw
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect {
        display: inline-block;
        margin-bottom: inherit;
        margin-left: 1rem
    }
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect:first-child {
        margin-left: 0
    }
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select {
        min-width: 12em
    }
}

#search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-year, #search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-year {
    box-sizing: content-box
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-year, #search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-year {
        min-width: 5em
    }
}

#search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-month, #search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-month {
    box-sizing: content-box
}

@media print, screen and (min-width: 768px) {
    #search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-month, #search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-month {
        min-width: 3em
    }
}

#search-container .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#library {
    min-width: calc(12em * 2 + 0.7em * 3 + 1.7em)
}

#search-container .searchForms .detailSearchForm .searchItemSubmit {
    margin-top: 30px;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    #search-container .bookList {
        width: 1180px
    }
}

#search-container .bookList .bookList_heading {
    position: relative;
    width: calc(100% - 10vw);
    margin: 0.8em 5vw 1.75em;
    padding: 0.5em 1em;
    letter-spacing: 1px;
    font-size: 5.5vw
}

@media print, screen and (min-width: 768px) {
    #search-container .bookList .bookList_heading {
        margin: 1em 0;
        font-size: 1.5em;
        background-image: url("./img/band-heading.png");
        background-position: bottom left;
        background-repeat: no-repeat
    }
}

#search-container .bookList .bookList_heading::before {
    content: "";
    display: block;
    width: 6em;
    height: 0.13em;
    background: #d8e2ea;
    position: absolute;
    left: 0;
    bottom: -0.13em
}

@media print, screen and (min-width: 768px) {
    #search-container .bookList .bookList_heading::before {
        display: none
    }
}

#search-container .bookList .bookList_heading::after {
    content: "";
    display: block;
    width: 2.5em;
    height: 0.13em;
    background: #0b5d9d;
    position: absolute;
    left: 0;
    bottom: -0.13em
}

@media print, screen and (min-width: 768px) {
    #search-container .bookList .bookList_heading::after {
        display: none
    }
}

#search-container .bookListInfo {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.3em 1fr -webkit-min-content 1.3em;
    -ms-grid-columns: 1.3em 1fr min-content 1.3em;
    grid-template-columns: 1.3em 1fr -webkit-min-content 1.3em;
    grid-template-columns: 1.3em 1fr min-content 1.3em;
    -ms-grid-rows: 2.5vw -webkit-max-content 2.5vw -webkit-max-content;
    -ms-grid-rows: 2.5vw max-content 2.5vw max-content;
    grid-template-rows: 2.5vw -webkit-max-content 2.5vw -webkit-max-content;
    grid-template-rows: 2.5vw max-content 2.5vw max-content;
    margin-bottom: 1.5em;
    background-color: #fff;
    border-style: solid;
    border-color: #d8e2ea;
    border-width: 2px 0;
    font-size: 3vw
}

@media print, screen and (min-width: 768px) {
    #search-container .bookListInfo {
        display: flex;
        padding: 1em 1.3em;
        align-items: center;
        border: none;
        font-size: inherit
    }
}

#search-container .bookListInfo .bookListInfo_count {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    padding-left: 1.3em;
    font-size: 1em
}

@media print, screen and (min-width: 768px) {
    #search-container .bookListInfo .bookListInfo_count {
        flex: 1;
        padding-left: 0;
        display: block
    }
}

#search-container .bookListInfo .bookListInfo_count .bookListInfo_countNumber {
    font-size: 1.4em
}

@media print, screen and (min-width: 768px) {
    #search-container .bookListInfo .bookListInfo_count .bookListInfo_countNumber {
        font-size: inherit
    }
}

#search-container .bookListInfo .bookListInfoSortButtons {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / 5;
    -ms-grid-row: 4;
    grid-row: 4;
    display: flex;
    align-items: center;
    padding: 0 1em;
    border-top: 2px solid #d8e2ea
}

@media print, screen and (min-width: 768px) {
    #search-container .bookListInfo .bookListInfoSortButtons {
        padding: 0;
        border-top: inherit
    }
}

#search-container .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button {
    display: inline-block;
    padding: 1em 0.6em;
    margin-right: 0.2em;
    font-size: 0.95em;
    color: #777777;
    transform: rotate(0.05deg)
}

@media print, screen and (min-width: 768px) {
    #search-container .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button {
        padding: 0;
        margin-right: 1.2em;
        color: #005b92
    }
}

#search-container .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected {
    position: relative;
    font-weight: bold;
    color: #095088
}

@media print, screen and (min-width: 768px) {
    #search-container .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected {
        padding: 0.05em 0.6em;
        border-radius: 3px;
        background-color: #859099;
        color: #fff
    }
}

#search-container .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected::after {
    content: "";
    display: block;
    width: 100%;
    height: calc(5.5vw * 0.13);
    background: #0b5d9d;
    position: absolute;
    left: 0;
    bottom: -2px
}

@media print, screen and (min-width: 768px) {
    #search-container .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected::after {
        display: none
    }
}

#search-container .bookListInfo .bookListInfo_selectLimit {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 2;
    grid-row: 2
}

#search-container .bookListInfo .bookListInfo_selectLimit .bookListInfo_selectLimit_select {
    box-sizing: content-box;
    width: 5.5em
}

@media print, screen and (min-width: 768px) {
    #search-container .bookListInfo .bookListInfo_selectLimit .bookListInfo_selectLimit_select {
        width: 7em
    }
}

#form-present-container {
    background-color: #f7f9fa
}

@media print, screen and (min-width: 768px) {
    #form-present-container {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

#form-present-container .total-price_Area {
    list-style: none
}

#form-present-container .disabled {
    pointer-events: none
}

#form-present-container .grayout {
    background-color: gray
}

#form-present-container .link {
    color: #005b9f
}

#form-present-container .link:hover {
    border-bottom: 1px solid #005b9f
}

#form-present-container .form_submit {
    display: flex;
    justify-content: center
}

@media print, screen and (min-width: 768px) {
    #form-present-container .form_submitButton {
        width: 11em
    }
}

#form-present-container .formDetail {
    margin-bottom: 40px
}

#form-present-container .formDetail_paragraph {
    margin-bottom: 1.2rem
}

#form-present-container .formDetail_list {
    margin-left: 20px;
    margin-bottom: 1.2rem
}

#form-present-container .content {
    margin-bottom: 2.5em
}

@media print, screen and (min-width: 768px) {
    #form-present-container .content {
        width: 1180px
    }
}

#form-present-container .notes {
    padding: 1em 1.1em;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 0;
    border-color: #d8e2e9;
    line-height: 2em
}

@media print, screen and (min-width: 768px) {
    #form-present-container .notes {
        padding: 1.25em 1.5em;
        border-width: 1px
    }
}

#form-present-container .notes .notes_heading {
    margin-top: 1em;
    font-weight: normal
}

#form-present-container .notesList {
    list-style-type: none
}

#form-present-container .notesList .notesList_item {
    position: relative;
    margin-left: 1.25em
}

#form-present-container .notesList .notesList_item::before {
    position: absolute;
    top: 0;
    left: -1.25em;
    content: "\203B"
}

#form-present-container .form_send {
    width: 50%
}

@media print, screen and (min-width: 768px) {
    #form-present-container .form_send {
        width: auto
    }
}

#form-present-container .buttonContainer {
    display: flex;
    justify-content: space-around;
    margin-top: 35px
}

@media print, screen and (min-width: 768px) {
    #form-present-container .form {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media print, screen and (min-width: 768px) {
    #form-present-container .form .form_itemContainer {
        display: flex;
        align-items: stretch;
        border: 1px solid #d8e2ea;
        border-left: 3px solid #005b9f
    }
}

#form-present-container .form .form_itemContainer:nth-of-type(n+2) {
    border-top: none;
    margin-top: 5vw
}

@media print, screen and (min-width: 768px) {
    #form-present-container .form .form_itemContainer:nth-of-type(n+2) {
        margin-top: 0
    }
}

#form-present-container .form .form_label {
    transform: rotate(0.05deg);
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-left: 1em;
    margin-bottom: 3vw;
    box-sizing: content-box;
    background-color: #176099;
    color: #fff;
    font-size: 3.8vw;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 2.4em;
    font-feature-settings: "palt"
}

@media print, screen and (min-width: 768px) {
    #form-present-container .form .form_label {
        padding: 1.4em;
        width: 26em;
        margin-bottom: 0;
        background-color: transparent;
        color: inherit;
        font-size: 1em
    }
}

#form-present-container .form .form_required {
    display: inline-block;
    background-color: #fff;
    padding-left: 0.75em;
    padding-right: 0.75em;
    font-size: 0.95em;
    color: red
}

@media print, screen and (min-width: 768px) {
    #form-present-container .form .form_required {
        background-color: inherit;
        padding-left: 0;
        padding-right: 0
    }
}

#form-present-container .form .form_inputContainer {
    background-color: #fff;
    font-size: 3.8vw
}

@media print, screen and (min-width: 768px) {
    #form-present-container .form .form_inputContainer {
        flex: 1;
        display: flex;
        align-items: center;
        margin: 0;
        padding: 1.25em 1.5em;
        font-size: inherit
    }
}

#form-present-container .form .form_inputText {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    #form-present-container .presentItemControll {
        margin-right: 1em
    }
}

#form-present-container .presentItemControll .presentItemControll_link {
    color: #005b92;
    transform: rotate(0.05deg)
}

#form-present-container .presentItemContent {
    display: flex;
    justify-content: space-between
}

#form-present-container .presentItem:nth-of-type(n+2) {
    margin-top: 2em
}

#form-present-container .presentItem .presentItem_header {
    display: flex;
    align-items: center
}

#form-present-container .presentItem .presentItem_header .presentItem_heading {
    flex: 1;
    width: 100%;
    margin: 0.8em 1em;
    padding: 0;
    display: flex;
    align-items: stretch;
    background: none;
    font-size: 3.8vw
}

@media print, screen and (min-width: 768px) {
    #form-present-container .presentItem .presentItem_header .presentItem_heading {
        margin: 1em 0;
        margin-left: calc(1.4em + 3px);
        font-size: 1em
    }
}

#form-present-container .presentItem .presentItem_header .presentItem_heading::before {
    content: none
}

#form-present-container .presentItem .presentItem_header .presentItem_heading::after {
    content: none
}

#form-present-container .presentItem .presentItem_number {
    width: 4em;
    text-align: right
}

#form-present-container .presentList_footer {
    justify-content: center;
    align-items: center;
    text-align: center
}

#form-present-container .searchOtherButton {
    font-size: 1em;
    margin-bottom: 50px;
    line-height: 1.5
}

@media print, screen and (min-width: 768px) {
    #form-present-container .searchOtherButton {
        width: 30em;
        margin: 1.5em auto 50px
    }
}

#form-present-container .form_legend, #form-present-container .lecture_heading, #form-present-container .customer_heading, #form-present-container .privacyPolicy_heading {
    font-size: 5vw;
    padding: 2em;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    #form-present-container .form_legend, #form-present-container .lecture_heading, #form-present-container .customer_heading, #form-present-container .privacyPolicy_heading {
        font-size: 1.6em
    }
}

#form-present-container .privacyPolicy_text {
    width: 1180px;
    height: calc(2em * 6);
    padding: 1em 1.1em;
    overflow: auto;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 0;
    border-color: #d8e2e9;
    line-height: 2em
}

@media print, screen and (min-width: 768px) {
    #form-present-container .privacyPolicy_text {
        padding: 1.25em 2em;
        border-width: 1px
    }
}

#form-present-container .privacyPolicy_consent {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5em 0
}

#form-present-container .vali-alart {
    width: 100%;
    color: red
}

#form-present-container .half {
    width: 40%
}

#form-present-container .wpcf7-form {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: -webkit-min-content -webkit-min-content 5vw -webkit-min-content;
    -ms-grid-rows: min-content min-content 5vw min-content;
    grid-template-rows: -webkit-min-content -webkit-min-content 5vw -webkit-min-content;
    grid-template-rows: min-content min-content 5vw min-content
}

@media print, screen and (min-width: 768px) {
    #form-present-container .wpcf7-form {
        -ms-grid-columns: 1fr -webkit-min-content -webkit-min-content 1fr;
        -ms-grid-columns: 1fr min-content min-content 1fr;
        grid-template-columns: 1fr -webkit-min-content -webkit-min-content 1fr;
        grid-template-columns: 1fr min-content min-content 1fr;
        -ms-grid-rows: -webkit-min-content -webkit-min-content;
        -ms-grid-rows: min-content min-content;
        grid-template-rows: -webkit-min-content -webkit-min-content;
        grid-template-rows: min-content min-content
    }
}

#form-present-container .wpcf7-form>p {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media print, screen and (min-width: 768px) {
    #form-present-container .wpcf7-form>p {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1;
        flex-direction: row
    }
}

#form-present-container .wpcf7-form .form_back {
    width: 50%;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4
}

@media print, screen and (min-width: 768px) {
    #form-present-container .wpcf7-form .form_back {
        width: auto;
        -ms-grid-column: 3;
        grid-column: 3;
        -ms-grid-row: 1;
        grid-row: 1
    }
}

#form-present-container .wpcf7-form .wpcf7-response-output {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2
}

@media print, screen and (min-width: 768px) {
    #form-present-container .wpcf7-form .wpcf7-response-output {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1 / 5;
        -ms-grid-row: 2;
        grid-row: 2
    }
}

#form-present-container #form_presentList .g_privacyPolicy {
    margin-bottom: 0
}

.page-about a {
    color: #005b9f
}

.page-about a:hover {
    text-decoration: underline
}

.page-about a>.breadLink {
    text-decoration: none
}

.page-about .no-border {
    color: #222
}

.page-about .no-border:hover {
    border-bottom: none
}

.page-about .contentMenu {
    text-align: center
}

.page-about .pt_0 {
    padding-top: 0
}

.page-about .contentMenu_list {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    flex-wrap: wrap
}

@media print, screen and (min-width: 768px) {
    .page-about .contentMenu_list {
        display: flex;
        text-align: center
    }
}

.page-about .contentMenu_list>li {
    display: flex;
    align-items: center;
    min-height: 4rem;
    max-height: 4rem;
    background: #d8e2ea;
    border-left: 5px solid #004f8a;
    border-top: 1px solid #005b9f;
    transition: 0.2s
}

@media print, screen and (min-width: 768px) {
    .page-about .contentMenu_list>li {
        display: flex;
        min-width: 33%;
        max-width: 33%;
        padding-left: 0;
        background: initial;
        border: none
    }
}

.page-about .contentMenu_list>li:hover {
    background-color: #005b9f;
    color: white
}

@media print, screen and (min-width: 768px) {
    .page-about .contentMenu_list>li:hover {
        background-color: #d8e2ea;
        color: #222
    }
}

@media print, screen and (min-width: 768px) {
    .page-about .contentMenu_list>li {
        display: flex;
        min-width: 33%;
        max-width: 33%;
        padding-left: 0;
        background-color: white;
        border: none
    }
}

.page-about .contentMenu_list>li>a {
    display: block;
    width: 100%;
    padding: 1.3rem 1rem;
    text-decoration: none;
    font-weight: bold
}

.page-about .contentMenu_lastItem {
    border-bottom: 1px solid #005b9f
}

@media print, screen and (min-width: 768px) {
    .page-about .contentMenu_lastItem {
        border-bottom: none
    }
}

.page-about .columnList {
    margin-top: 2rem;
    padding: 1em 0 1em 1.5em
}

.page-about .columnList>li {
    line-height: 1.5;
    padding: 0.5em 0
}

.page-about .columnList>li.no-list {
    padding: 0
}

.page-about .columnList.personalInf>li {
    font-weight: bold
}

.page-about .columnList_link {
    color: #005b9f
}

.page-about .anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px
}

.page-about .no-list {
    list-style: none
}

.page-recruit .documentExplain {
    list-style: none;
    line-height: 1.5
}

.page-recruit .mt {
    margin-top: 1rem
}

.page-recruit .companyButton {
    display: flex;
    justify-content: center
}

.page-recruit .companyProfile {
    height: 85px;
    width: 475px;
    background: url(./img/475x85.png) no-repeat center/cover
}

.page-recruit .smallHeading {
    margin: 2.5rem 0 0 0;
    font-size: 1.2rem;
    font-weight: bold
}

.page-recruit .pageLink {
    color: #004f8a;
    font-weight: bold;
    margin-bottom: 25px
}

.page-recruit .pageLink>a:hover {
    border-bottom: 2px solid #004f8a
}

.page-recruit .pageLink::before {
    content: "";
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.8rem;
    border: solid #004f8a;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
}

.page-recruit .link:hover {
    border-bottom: 1px solid #222
}

.page-company .mt {
    margin-top: 2rem
}

.page-company .lineInterval {
    line-height: 1.8rem
}

.page-company .ggMap {
    position: flex;
    width: 100%;
    margin-top: 20px
}

.page-company .pageLink {
    color: #004f8a;
    font-weight: bold;
    margin-bottom: 25px
}

.page-company .pageLink::before {
    content: "";
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.8rem;
    border: solid #004f8a;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
}

.page-company .link:hover {
    border-bottom: 2px solid #004f8a
}

.page-company .table_Container {
    display: flex;
    width: 100%
}

.page-company .tel {
    padding-right: 10px
}

.page-company .tel-span {
    display: inline-block
}

.page-company .address {
    white-space: nowrap;
    padding-right: 10px
}

.page-company .company {
    margin-bottom: 15px
}

.page-single .mt {
    margin-top: 40px
}

@media print, screen and (min-width: 768px) {
    .page-single .mt {
        margin-top: 0
    }
}

.page-single .infoArticle_title {
    margin-bottom: 30px;
    font-size: 1.5rem;
    font-weight: bold
}

@media print, screen and (min-width: 768px) {
    .page-single .infoArticle_title {
        text-align: center;
        font-size: 2rem
    }
}

.page-single .infoArticle_date {
    margin-bottom: 60px;
    text-align: center
}

.page-single .infoContentContainer {
    padding: 0
}

@media print, screen and (min-width: 768px) {
    .page-single .infoContentContainer {
        padding: 0 100px
    }
}

.page-single .infoContentContainer p, .page-single .infoContentContainer a {
    margin-bottom: 30px;
    line-height: 2
}

.page-single .infoContentContainer a {
    color: #005b9f;
    text-decoration: none
}

.page-single .infoContentContainer a:hover {
    text-decoration: underline
}

.page-single .infoContentContainer h2 {
    margin-bottom: 30px;
    font-size: 1.3rem
}

.page-single .infoContentContainer h3 {
    margin-bottom: 15px
}

@media print, screen and (min-width: 768px) {
    .page-single .infoContentContainer table tr>th:first-child {
        border-top: none
    }
}

.page-single .infoContentContainer table tr:first-child>th {
    display: none
}

@media print, screen and (min-width: 768px) {
    .page-single .infoContentContainer table tr:first-child>th {
        display: table-cell
    }
}

.page-single .infoContentContainer table tr:first-child>th:first-child {
    display: none
}

@media print, screen and (min-width: 768px) {
    .page-single .infoContentContainer table tr:first-child>th:first-child {
        display: table-cell;
        border-top: 1px solid #e3ebf0
    }
}

.page-single .infoContentContainer table th, .page-single .infoContentContainer table td {
    vertical-align: middle
}

.page-single .infoContentContainer table th {
    border-top: 1px solid #e3ebf0;
    border-left: 1px solid #e3ebf0;
    border-right: 1px solid #e3ebf0
}

@media print, screen and (min-width: 768px) {
    .page-single .infoContentContainer table th {
        display: table-cell;
        border-right: none
    }
}

.page-single .infoContentContainer table td {
    border-top: 1px solid #e3ebf0
}

@media print, screen and (min-width: 768px) {
    .page-single .infoContentContainer table td {
        padding: 20px;
        border-top: none
    }
}

.page-single .infoContentContainer table td::before {
    content: attr(label);
    width: 100%;
    float: left;
    clear: both;
    font-weight: bold;
    margin-right: 2rem;
    margin-bottom: 20px
}

@media print, screen and (min-width: 768px) {
    .page-single .infoContentContainer table td::before {
        content: none
    }
}

.page-single .infoContentContainer hr {
    margin: 50px 0
}

@media print, screen and (min-width: 768px) {
    .page-single .infoContentContainer hr {
        width: 115%;
        margin: 75px 0 75px -7.5%
    }
}

.page-single .infoContentContainer ul, .page-single .infoContentContainer ol {
    margin: 0 0 30px 2.5rem
}

.page-single .infoContentContainer li {
    margin-bottom: 15px
}

.page-single .infoContentContainer img {
    max-width: 100%;
    height: auto
}

@media print, screen and (min-width: 768px) {
    .page-single {
        min-width: 1350px
    }
}

.page-info a:hover {
    text-decoration: underline
}

.page-info .g_contentBox_title {
    white-space: normal
}

.page-info .infoHeadingContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px
}

@media print, screen and (min-width: 768px) {
    .page-info .infoHeadingContainer {
        align-items: initial;
        margin-top: 0
    }
}

.page-info .yearSelector {
    display: block;
    margin-bottom: 40px
}

@media print, screen and (min-width: 768px) {
    .page-info .yearSelector {
        display: flex;
        align-items: center
    }
}

.page-info .yearSelector_label {
    margin-right: 10px;
    font-weight: 500;
    visibility: hidden
}

@media print, screen and (min-width: 768px) {
    .page-info .yearSelector_label {
        visibility: visible
    }
}

.page-info .info_select {
    background-color: white
}

@media print, screen and (min-width: 768px) {
    .page-info .info_article {
        width: 1180px;
        padding: 0;
        margin: 0 auto
    }
}

.page-info .adjust-pad {
    padding: 0 5vw 40px 5vw
}

@media print, screen and (min-width: 768px) {
    .page-info .adjust-pad {
        padding: 0
    }
}

@media print, screen and (min-width: 768px) {
    .page-info {
        min-width: 1350px
    }

    .page-info .g_contentBox_title, .page-info .g_contentBox_row {
        height: auto;
        min-height: 62px
    }

    .page-info a.g_contentBox_title {
        padding: 20px 0
    }
}

.page-guide .bookInfo_url {
    background: url(./img/guide/guide_bookInfo_sp.png) no-repeat center/cover;
    height: 530px
}

@media print, screen and (min-width: 768px) {
    .page-guide .bookInfo_url {
        background: url(./img/guide/guide_bookInfo.png) no-repeat center/cover
    }
}

.page-guide .magazineInfo_url {
    background: url(./img/guide/guide_magazineInfo_sp.png) no-repeat center/cover;
    height: 530px
}

@media print, screen and (min-width: 768px) {
    .page-guide .magazineInfo_url {
        background: url(./img/guide/guide_magazineInfo.png) no-repeat center/cover
    }
}

.page-guide .bookSearch_url {
    background: url(./img/guide/guide_bookSearch_sp.png) no-repeat center/cover;
    height: 1590px
}

@media print, screen and (min-width: 768px) {
    .page-guide .bookSearch_url {
        background: url(./img/guide/guide_bookSearch.png) no-repeat center/cover
    }
}

.page-guide .magazineSearch_url {
    background: url(./img/guide/guide_magazineSearch_sp.png) no-repeat center/cover;
    height: 530px
}

@media print, screen and (min-width: 768px) {
    .page-guide .magazineSearch_url {
        background: url(./img/guide/guide_magazineSearch.png) no-repeat center/cover
    }
}

.page-guide .rikou {
    background: url(./img/guide/guide_bookImg_rikou.jpg) no-repeat center/contain
}

.page-guide .syakai {
    background: url(./img/guide/guide_bookImg_syakai.jpg) no-repeat center/contain
}

.page-guide .bookstoreImg {
    background: url(./img/guide/guide_bookstoreImg.png) no-repeat center/cover
}

.page-guide .order_1 {
    background: url(./img/guide/guide_icon_order_1.png) no-repeat center/cover
}

.page-guide .order_2 {
    background: url(./img/guide/guide_icon_order_2.png) no-repeat center/cover
}

.page-guide .order_3 {
    background: url(./img/guide/guide_icon_order_3.png) no-repeat center/cover
}

.page-guide .order_4 {
    background: url(./img/guide/guide_icon_order_4.png) no-repeat center/cover
}

.page-guide a {
    color: #005b9f
}

.page-guide a:hover {
    text-decoration: underline
}

.page-guide a>.breadLink {
    text-decoration: none
}

.page-guide .mt {
    margin-top: 30px
}

.page-guide .informationList {
    display: flex;
    padding: 30px 2rem;
    margin-top: 30px;
    background-color: #f7f9fa
}

.page-guide .informationList .useLineH {
    line-height: 2.5rem;
    list-style: none
}

@media print, screen and (min-width: 768px) {
    .page-guide .informationList {
        padding: 30px 3rem;
        width: 100%
    }
}

.page-guide .informationList>ul {
    width: 100%
}

.page-guide .underLine {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #dfe7ee
}

.page-guide .underLine-2 {
    border-bottom: 2px solid #dfe7ee;
    padding-bottom: 3rem;
    margin-bottom: -3rem
}

@media print, screen and (min-width: 768px) {
    .page-guide .underLine-2 {
        padding-bottom: 4rem;
        margin-bottom: -5rem
    }
}

.page-guide .font_bold {
    margin-top: 1rem;
    font-weight: bold
}

.page-guide .booksList {
    display: flex;
    margin-top: 30px
}

.page-guide .lh {
    line-height: 1.8rem
}

.page-guide .smallHeading {
    margin: 2.5rem 0 1.5rem 0;
    font-size: 1.2rem
}

.page-guide .explain_block .numberList {
    display: flex;
    flex-direction: column
}

@media print, screen and (min-width: 768px) {
    .page-guide .explain_block .numberList {
        flex-direction: row
    }
}

.page-guide .explain_block .halfBlock {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-guide .explain_block .halfBlock {
        min-width: 48%;
        max-width: 48%;
        margin-right: 2rem
    }
}

.page-guide .explain_block ol {
    counter-reset: num
}

.page-guide .explain_block .exp_head {
    padding: 0;
    margin-top: 1.5rem;
    margin-bottom: 0.4em;
    list-style: none;
    line-height: 2;
    font-weight: bold
}

.page-guide .explain_block .exp_head:before {
    counter-increment: num;
    content: counter(num);
    background: #004f8a;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-right: 0.5rem
}

.page-guide .explain_block .exp_subHead {
    padding: 0;
    margin-top: 1.5rem;
    margin-bottom: 0.4em;
    margin-left: 2.5rem;
    list-style: none;
    line-height: 2;
    font-weight: bold
}

.page-guide .explain_block .exp_msg {
    margin-left: 2.5em;
    list-style: none;
    line-height: 1.8rem
}

.page-guide .biblio_img {
    display: flex;
    width: 100%;
    margin: 30px auto;
    text-align: center
}

.page-guide .biblio_img.book {
    height: 187vw
}

@media print, screen and (min-width: 768px) {
    .page-guide .biblio_img.book {
        height: 472px
    }
}

.page-guide .biblio_img.magazine {
    height: 167vw
}

@media print, screen and (min-width: 768px) {
    .page-guide .biblio_img.magazine {
        height: 458px
    }
}

.page-guide .search_img {
    display: flex;
    margin: 30px auto;
    text-align: center;
    width: 100%;
    height: 390vw
}

@media print, screen and (min-width: 768px) {
    .page-guide .search_img {
        height: 877px
    }
}

.page-guide .refine_img {
    display: flex;
    width: 100%;
    height: 135vw;
    margin: 30px auto;
    text-align: center;
    background: url(./img/guide/guide_detailSearch_sp.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-guide .refine_img {
        height: 453px;
        background: url(./img/guide/guide_detailSearch.png) no-repeat center/cover
    }
}

.page-guide .catalogContainer {
    flex-wrap: wrap;
    justify-content: left;
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-guide .catalogContainer {
        display: flex;
        height: 260px
    }
}

.page-guide .catalogContainer .catalogImgContainer {
    display: flex;
    width: 100%;
    padding-bottom: 25px;
    justify-content: space-evenly
}

@media print, screen and (min-width: 768px) {
    .page-guide .catalogContainer .catalogImgContainer {
        height: 210px;
        width: 40%
    }
}

.page-guide .catalogContainer .catalogImgContainer .book_img {
    display: flex;
    width: 45%;
    height: 45vw;
    margin-right: 2rem;
    text-align: left
}

@media print, screen and (min-width: 768px) {
    .page-guide .catalogContainer .catalogImgContainer .book_img {
        width: 167px;
        height: 210px
    }
}

.page-guide .catalogContainer .catalogInfoContainer {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-guide .catalogContainer .catalogInfoContainer {
        width: 60%
    }
}

@media print, screen and (min-width: 768px) {
    .page-guide .buttonContainer {
        height: 75%
    }
}

.page-guide .buttonContainer {
    margin-bottom: 0px
}

.page-guide .buttonContainer .button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    margin-top: 1rem;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    background-color: #004f8a
}

@media print, screen and (min-width: 768px) {
    .page-guide .buttonContainer .button {
        min-width: 265px;
        max-width: 265px;
        min-height: 50px;
        max-height: 50px;
        margin: 1rem 0
    }
}

.page-guide .buttonContainer .button p {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #fff
}

.page-guide .first_exp {
    margin-top: 4rem
}

@media print, screen and (min-width: 768px) {
    .page-guide .no-mergin {
        margin-top: 0
    }
}

.page-guide .mb-min {
    margin-bottom: 2rem
}

.page-guide .tab_article {
    padding: 50px 5% 0;
    background-color: #fff
}

@media print, screen and (min-width: 768px) {
    .page-guide .tab_article {
        width: 1180px;
        padding: 0;
        margin: -2px auto;
        border-top: 1px solid #fff
    }
}

.page-guide .tab_buttons {
    display: flex;
    width: 100%;
    height: 80px
}

.page-guide .tab_buttons .tab_button {
    display: flex;
    min-width: 33.3%;
    max-width: 33.3%;
    margin: 0;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.85rem;
    color: #222;
    border-top: 1px solid #dfe7ee;
    border-bottom: 1px solid #dfe7ee;
    border-left: 1px solid #dfe7ee;
    background-color: #f5f9fc
}

@media print, screen and (min-width: 768px) {
    .page-guide .tab_buttons .tab_button {
        font-size: 1.5rem
    }
}

.page-guide .tab_buttons .tab_button:hover {
    text-decoration: none
}

.page-guide .tab_buttons .tab_button:last-child {
    border-right: 1px solid #dfe7ee
}

.page-guide .tab_buttons .is-active-button {
    border-top: 5px solid #004f8a;
    border-bottom: none;
    background-color: #fff
}

.page-guide .tab_item {
    display: none
}

.page-guide .is-active-item {
    display: block
}

.page-guide .orderFlowContainer {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-guide .orderFlowContainer {
        height: 460px;
        display: flex
    }
}

.page-guide .orderElementContainer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    margin: 1rem auto;
    padding: 1rem;
    align-items: center;
    background-color: #f5f9fc
}

@media print, screen and (min-width: 768px) {
    .page-guide .orderElementContainer.-triple {
        width: 30%
    }
}

@media print, screen and (min-width: 768px) {
    .page-guide .orderElementContainer {
        width: 23%;
        height: 480px;
        margin: 0 auto
    }
}

.page-guide .orderElementContainer .br-pc {
    display: none
}

@media print, screen and (min-width: 768px) {
    .page-guide .orderElementContainer .br-pc {
        display: inline-block
    }
}

.page-guide .orderElementContainer .numberCircle {
    display: inline-block;
    margin-top: 1rem;
    width: 2rem;
    height: 2rem;
    text-align: center;
    border-radius: 60%;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    background: #004f8a
}

.page-guide .orderElementContainer .order_img {
    width: 105px;
    height: 80px;
    margin-top: 1rem
}

.page-guide .orderElementContainer .orderHeading {
    width: 100%;
    margin: 1rem 0;
    font-weight: bold;
    font-size: 1.2rem;
    color: #004f8a;
    text-align: center
}

.page-guide .orderElementContainer .orderText {
    width: 100%;
    font-size: 0.9rem
}

.page-guide .about_delivery {
    margin-left: 2rem;
    line-height: 1.5rem
}

@media print, screen and (min-width: 768px) {
    .page-guide .about_delivery {
        line-height: 2.5rem
    }
}

.page-guide .browserContainer {
    width: 100%;
    margin-top: 2rem;
    padding: 1rem;
    background-color: #f5f9fc
}

.page-guide .divineContainer {
    justify-content: center;
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-guide .divineContainer {
        height: 270px;
        display: flex
    }
}

.page-guide .divineContainer .halfContainer {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-guide .divineContainer .halfContainer {
        margin-right: 1rem;
        min-width: 48%;
        max-width: 48%
    }
}

.page-guide .divineContainer .inner_img {
    width: 490px;
    max-width: 100%;
    height: 255px;
    margin-top: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-guide .divineContainer .inner_img {
        margin-top: 0
    }
}

.page-guide .sideTable {
    width: 100%;
    margin-top: 1rem
}

.page-guide .sideTable th, .page-guide .sideTable td {
    display: list-item;
    list-style: none;
    padding: 1rem;
    border: 1px solid #e3ebf0;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-guide .sideTable th, .page-guide .sideTable td {
        display: table-cell
    }
}

.page-guide .sideTable th {
    width: 100%;
    font-weight: bold;
    background-color: #f5f9fc
}

@media print, screen and (min-width: 768px) {
    .page-guide .sideTable th {
        width: 20%
    }
}

.page-guide .table_img {
    width: 100%;
    height: 490vw;
    background: url(./img/guide/guide_table_sp.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-guide .table_img {
        height: 280px;
        background: url(./img/guide/guide_table.png) no-repeat center/cover
    }
}

.page-guide .contactBlock {
    flex-flow: column;
    flex-wrap: nowrap;
    width: 100%;
    border: 2px solid #004f8a;
    background-color: #f5f9fc
}

@media print, screen and (min-width: 768px) {
    .page-guide .contactBlock {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 215px;
        padding-bottom: 2rem
    }
}

.page-guide .contactBlock .mailLinkBlock {
    width: 265px;
    height: 55px;
    margin-top: 42px;
    margin-left: 330px
}

.page-guide .contactBlock .contactTitleBlock {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3rem;
    color: #fff;
    background-color: #004f8a;
    text-align: center;
    padding-top: 0;
    font-size: 1.2rem
}

.page-guide .contactBlock .contactContentBlock {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-guide .contactBlock .contactContentBlock {
        height: 100%;
        padding: 0 100px 0 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.page-guide .contactBlock .contactContentBlock .telBlock {
    display: flex;
    flex-wrap: wrap;
    height: 5rem;
    text-align: center;
    justify-content: center;
    margin-top: 30px
}

@media print, screen and (min-width: 768px) {
    .page-guide .contactBlock .contactContentBlock .telBlock {
        width: 25rem;
        margin-top: 0;
        text-align: left
    }
}

.page-guide .contactBlock .contactContentBlock .telBlock .telNumBlock {
    flex-wrap: nowrap
}

.page-guide .contactBlock .contactContentBlock .telBlock .tel_img {
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    background: url(./img/guide/guide_telIcon.png) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-guide .contactBlock .contactContentBlock .telBlock .tel_img {
        width: 40px;
        height: 40px;
        margin-top: 0.4rem;
        margin-left: 0;
        margin-right: 0.5rem;
        margin-left: 0
    }
}

.page-guide .contactBlock .contactContentBlock .telBlock .telNum {
    font-weight: bold;
    font-size: 1.5rem;
    color: #004f8a;
    margin-left: 4vw
}

@media print, screen and (min-width: 768px) {
    .page-guide .contactBlock .contactContentBlock .telBlock .telNum {
        margin-right: 0;
        margin-left: 0;
        font-size: 2.3rem
    }
}

.page-guide .contactBlock .contactContentBlock .telBlock .telTiming {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-guide .contactBlock .contactContentBlock .telBlock .telTiming {
        width: auto
    }
}

.page-guide .mailBlock {
    width: 90%;
    height: 3.5rem;
    margin: 0 auto
}

@media print, screen and (min-width: 768px) {
    .page-guide .mailBlock {
        width: 260px;
        height: 55px;
        margin: 0
    }
}

.page-guide .mailBlock_content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-weight: bold;
    font-size: 1.1rem;
    color: #fff;
    background-color: #004f8a;
    border-radius: 3px
}

.page-guide .mailBlock_content:hover {
    text-decoration: none
}

.page-guide .mailBlock_content::before {
    content: "";
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 10px;
    background: url("./img/guide/icon_mail.png") no-repeat center 40%/contain
}

.page-guide .mail_article {
    padding: 0 5%
}

@media print, screen and (min-width: 768px) {
    .page-guide .mail_article {
        padding: 0 100px
    }
}

.page-guide .buttonFlex {
    display: block
}

@media print, screen and (min-width: 768px) {
    .page-guide .buttonFlex {
        display: flex
    }
}

@media print, screen and (min-width: 768px) {
    .page-guide .buttonFlex .second {
        margin-left: 30px
    }
}

@media print, screen and (min-width: 768px) {
    .page-guide .br-sp {
        display: none
    }
}

.page-guide .addressBlock {
    padding: 10px;
    margin-top: 20px;
    font-size: 0.9rem
}

@media print, screen and (min-width: 768px) {
    .page-guide .addressBlock {
        margin-top: 0;
        padding: 0
    }
}

.page-guide .nowrap {
    white-space: nowrap
}

.page-guide #info_order>.g_article::after {
    background-color: #e3ebf0
}

.page-subscribe .subscribe_text {
    margin-bottom: 20px;
    font-size: 0.9rem;
    line-height: 2
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .subscribe_text {
        margin-bottom: 0
    }
}

.page-subscribe .subscribeMerit {
    display: flex;
    align-items: center;
    width: 100%;
    height: 110vw;
    margin: 0 0 40px 0;
    color: #004f8a;
    background-color: #f5f9fc;
    background: url(./img/subscribe_info_sp.png) no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .subscribeMerit {
        height: 265px;
        padding: 30px 75px;
        margin: 35px 0 65px;
        background: url(./img/subscribe_info.png) no-repeat center/contain
    }
}

.page-subscribe .subscribeMerit_box {
    display: flex;
    flex-shrink: 0;
    width: 75%;
    height: 100%;
    margin-left: 70px;
    text-align: center;
    font-weight: bold
}

.page-subscribe .subscribeMerit_box>li {
    width: 33%;
    list-style: none
}

.page-subscribe .subscribeMerit_img {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .subscribeMerit_img {
        height: 130px;
        margin-bottom: 20px
    }
}

.page-subscribe .subscribeMerit_img.item1 {
    background: url(./img/subscribe_1.png) no-repeat center/contain
}

.page-subscribe .subscribeMerit_img.item2 {
    background: url(./img/subscribe_2.png) no-repeat center/contain
}

.page-subscribe .subscribeMerit_img.item3 {
    background: url(./img/subscribe_3.png) no-repeat center/contain
}

.page-subscribe .subscribeImg_year {
    width: 100%;
    height: 51vw;
    margin-bottom: 30px;
    background: url(./img/subscribe_4_sp.png) no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .subscribeImg_year {
        height: 140px;
        margin-bottom: 55px;
        background: url(./img/subscribe_4.png) no-repeat center/contain
    }
}

.page-subscribe .subscribeImg_table {
    width: 100%;
    height: 120vw;
    margin-bottom: 30px;
    background: url(./img/subscribe_5_sp.png) no-repeat center/contain
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .subscribeImg_table {
        height: 240px;
        margin-bottom: 20px;
        background: url(./img/subscribe_5.png) no-repeat center/contain
    }
}

.page-subscribe .subscribe_inputArea {
    margin-top: 30px;
    list-style: none
}

.page-subscribe .subscribe_radioButton {
    width: 45%
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .subscribe_radioButton {
        width: inherit
    }
}

.page-subscribe .choosePayment {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .choosePayment {
        flex-direction: row
    }
}

.page-subscribe .choosePayment_box {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .choosePayment_box {
        width: 50%;
        padding: 25px 20px 40px
    }
}

.page-subscribe .choosePayment_box:first-child {
    margin-bottom: 30px
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .choosePayment_box:first-child {
        margin-bottom: 0;
        border-right: 1px solid #d8e2ea
    }
}

.page-subscribe .choosePayment_title {
    margin-bottom: 15px;
    padding: 1rem;
    font-size: 3.8vw;
    font-weight: bold;
    color: #777;
    text-align: left;
    background-color: #f0f5f9;
    border-radius: 2px
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .choosePayment_title {
        font-size: 1.1rem;
        color: #222;
        text-align: center;
        background-color: #fff
    }
}

.page-subscribe .choosePayment_detail {
    min-height: 150px;
    font-size: 0.9rem;
    margin-bottom: 30px;
    line-height: 1.7
}

.page-subscribe .credit {
    min-height: 90px
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .credit {
        min-height: 150px
    }
}

.page-subscribe .choosePayment_submit {
    transform: rotate(-0.05deg);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 55px;
    margin: 0 auto;
    background-color: #004f8a;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-subscribe .choosePayment_submit:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-subscribe .choosePayment_submit {
        width: 280px
    }
}

.page-subscribe-mail-transfer .mailTransfer_note {
    margin: 20px 0 40px;
    line-height: 1.7
}

.page-subscribe-mail-transfer .link {
    color: #005b9f
}

.page-subscribe-mail-transfer .link:hover {
    border-bottom: 1px solid #005b9f
}

.page-subscribe-mail-transfer .mb {
    margin-bottom: 30px
}

.page-subscribe-mail-transfer .form_legend, .page-subscribe-mail-transfer .lecture_heading, .page-subscribe-mail-transfer .customer_heading, .page-subscribe-mail-transfer .privacyPolicy_heading {
    font-size: 5vw;
    padding: 2em;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-subscribe-mail-transfer .form_legend, .page-subscribe-mail-transfer .lecture_heading, .page-subscribe-mail-transfer .customer_heading, .page-subscribe-mail-transfer .privacyPolicy_heading {
        font-size: 1.6em
    }
}

.page-subscribe-mail-transfer .privacyPolicy_text {
    width: 1180px;
    height: calc(2em * 6);
    padding: 1em 1.1em;
    overflow: auto;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 0;
    border-color: #d8e2e9;
    line-height: 2em
}

@media print, screen and (min-width: 768px) {
    .page-subscribe-mail-transfer .privacyPolicy_text {
        padding: 1.25em 2em;
        border-width: 1px
    }
}

.page-subscribe-mail-transfer .privacyPolicy_consent {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5em 0
}

.page-subscribe-mail-transfer .wpcf7c-elm-step3 .submitButton-2 {
    display: none
}

.page-catalog a {
    color: #005b9f
}

.page-catalog a:hover {
    text-decoration: underline
}

.page-catalog a>.breadLink {
    text-decoration: none
}

.page-catalog .set_line-height {
    line-height: 1.5
}

.page-catalog .catalogDetail {
    margin-bottom: 40px
}

.page-catalog .catalogDetail_paragraph {
    margin-bottom: 1.2rem
}

.page-catalog .catalogDetail_list {
    margin-left: 20px;
    margin-bottom: 1.2rem
}

.page-catalog .form_legend, .page-catalog .lecture_heading, .page-catalog .customer_heading, .page-catalog .privacyPolicy_heading {
    font-size: 5vw;
    padding: 2em;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-catalog .form_legend, .page-catalog .lecture_heading, .page-catalog .customer_heading, .page-catalog .privacyPolicy_heading {
        font-size: 1.6em
    }
}

.page-catalog .privacyPolicy_text {
    width: 1180px;
    height: calc(2em * 6);
    padding: 1em 1.1em;
    overflow: auto;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 0;
    border-color: #d8e2e9;
    line-height: 2em
}

@media print, screen and (min-width: 768px) {
    .page-catalog .privacyPolicy_text {
        padding: 1.25em 2em;
        border-width: 1px
    }
}

.page-catalog .privacyPolicy_consent {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5em 0
}

.breadCrumb {
    font-size: 0.8rem
}

.breadCrumb .breadLink {
    color: #222
}

.breadCrumb .breadLink:hover {
    text-decoration: underline
}

.page-contact a {
    color: #005b9f
}

.page-contact a:hover {
    text-decoration: underline
}

.page-contact a>.breadLink {
    text-decoration: none
}

.page-contact .fb {
    font-weight: bold
}

.page-contact .wpcf7c-anchor {
    height: 40px;
    margin-top: -40px
}

.page-contact .contactDetail {
    margin-bottom: 40px
}

.page-contact .contactDetail_paragraph {
    margin-bottom: 1.2rem
}

.page-contact .contactDetail_list {
    margin-left: 20px;
    margin-bottom: 1.2rem
}

.page-contact .form_legend, .page-contact .lecture_heading, .page-contact .customer_heading, .page-contact .privacyPolicy_heading {
    font-size: 5vw;
    padding: 2em;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-contact .form_legend, .page-contact .lecture_heading, .page-contact .customer_heading, .page-contact .privacyPolicy_heading {
        font-size: 1.6em
    }
}

.page-contact .privacyPolicy_text {
    width: 1180px;
    height: calc(2em * 6);
    padding: 1em 1.1em;
    overflow: auto;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 0;
    border-color: #d8e2e9;
    line-height: 2em
}

@media print, screen and (min-width: 768px) {
    .page-contact .privacyPolicy_text {
        padding: 1.25em 2em;
        border-width: 1px
    }
}

.page-contact .privacyPolicy_consent {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5em 0
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .sp-br {
        display: none
    }
}

.page-tonomura .backNumber, .page-tonomura .page-backNumber .magazineStatic, .page-backNumber .page-tonomura .magazineStatic, .page-tonomura .page-book-search-detail .magazineStatic, .page-book-search-detail .page-tonomura .magazineStatic {
    order: 4;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 0;
    background: url("./img/bg_tile1.png")
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .backNumber, .page-tonomura .page-backNumber .magazineStatic, .page-backNumber .page-tonomura .magazineStatic, .page-tonomura .page-book-search-detail .magazineStatic, .page-book-search-detail .page-tonomura .magazineStatic {
        flex-direction: row;
        height: 190px;
        padding: 0;
        margin-bottom: 0
    }
}

.page-tonomura .backNumber_banner, .page-tonomura .page-backNumber .magazineStatic_banner, .page-backNumber .page-tonomura .magazineStatic_banner, .page-tonomura .page-book-search-detail .magazineStatic_banner, .page-book-search-detail .page-tonomura .magazineStatic_banner {
    width: 70vw;
    max-width: 510px;
    height: 22vw;
    max-height: 140px;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-tonomura .backNumber_banner:hover, .page-tonomura .page-backNumber .magazineStatic_banner:hover, .page-backNumber .page-tonomura .magazineStatic_banner:hover, .page-tonomura .page-book-search-detail .magazineStatic_banner:hover, .page-book-search-detail .page-tonomura .magazineStatic_banner:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .backNumber_banner, .page-tonomura .page-backNumber .magazineStatic_banner, .page-backNumber .page-tonomura .magazineStatic_banner, .page-tonomura .page-book-search-detail .magazineStatic_banner, .page-book-search-detail .page-tonomura .magazineStatic_banner {
        width: 320px;
        margin-right: 20px
    }

    .page-tonomura .backNumber_banner:last-child, .page-tonomura .page-backNumber .magazineStatic_banner:last-child, .page-backNumber .page-tonomura .magazineStatic_banner:last-child, .page-tonomura .page-book-search-detail .magazineStatic_banner:last-child, .page-book-search-detail .page-tonomura .magazineStatic_banner:last-child {
        margin-right: 0
    }
}

.page-tonomura .backNumber_banner:first-child, .page-tonomura .page-backNumber .magazineStatic_banner:first-child, .page-backNumber .page-tonomura .magazineStatic_banner:first-child, .page-tonomura .page-book-search-detail .magazineStatic_banner:first-child, .page-book-search-detail .page-tonomura .magazineStatic_banner:first-child {
    margin-bottom: 30px
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .backNumber_banner:first-child, .page-tonomura .page-backNumber .magazineStatic_banner:first-child, .page-backNumber .page-tonomura .magazineStatic_banner:first-child, .page-tonomura .page-book-search-detail .magazineStatic_banner:first-child, .page-book-search-detail .page-tonomura .magazineStatic_banner:first-child {
        margin-bottom: 0
    }
}

.page-tonomura .backNumber_banner.-suuriKagaku, .page-tonomura .page-backNumber .-suuriKagaku.magazineStatic_banner, .page-backNumber .page-tonomura .-suuriKagaku.magazineStatic_banner, .page-tonomura .page-book-search-detail .-suuriKagaku.magazineStatic_banner, .page-book-search-detail .page-tonomura .-suuriKagaku.magazineStatic_banner {
    background: url("./img/detail/backnumber_suuriKagaku.png") no-repeat center/contain
}

.page-tonomura .backNumber_banner.-suuriKagakuBessatsu, .page-tonomura .page-backNumber .-suuriKagakuBessatsu.magazineStatic_banner, .page-backNumber .page-tonomura .-suuriKagakuBessatsu.magazineStatic_banner, .page-tonomura .page-book-search-detail .-suuriKagakuBessatsu.magazineStatic_banner, .page-book-search-detail .page-tonomura .-suuriKagakuBessatsu.magazineStatic_banner {
    background: url("./img/detail/backnumber_suuriKagakuBessatsu.png") no-repeat center/contain
}

.page-tonomura .link {
    color: #005b9f
}

.page-tonomura .link:hover {
    border-bottom: 1px solid #005b9f
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .last-detailArticle {
        padding: 40px 200px 0
    }
}

.page-tonomura .last-article::after {
    background-color: white
}

.page-tonomura .relationBook {
    margin: 40px 0;
    padding: 0 5vw
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook {
        margin: 30px 0 65px 0;
        padding: 0
    }
}

.page-tonomura .relationBook_items {
    display: flex;
    flex-direction: column;
    width: 110%;
    margin-left: -5%
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook_items {
        width: 100%;
        margin-left: 0;
        flex-direction: row
    }
}

.page-tonomura .relationBook {
    margin: 40px 0;
    padding: 0 5vw
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook {
        margin: 0 0 65px 0;
        padding: 0
    }
}

.page-tonomura .relationBook_items {
    display: flex;
    flex-direction: column;
    width: 110%;
    margin-left: -5%
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook_items {
        width: 100%;
        margin-left: 0;
        flex-direction: row
    }
}

.page-tonomura .relationBook_item {
    display: flex;
    flex-shrink: 0;
    padding: 20px 5%;
    margin-bottom: 20px;
    background-color: #fff;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-tonomura .relationBook_item:hover {
    opacity: 0.8
}

.page-tonomura .relationBook_item:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook_item:last-child {
        margin-right: 0
    }
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook_item {
        width: 280px;
        height: 165px;
        padding: 20px;
        margin-right: 20px
    }
}

.page-tonomura .relationBook_imageContainer {
    min-width: 30%;
    max-width: 30%;
    margin-right: 5%
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook_imageContainer {
        min-width: 90px;
        max-width: 90px;
        margin-right: 10px
    }
}

.page-tonomura .relationBook_image {
    width: 100%;
    height: auto
}

.page-tonomura .relationBook_mediaType {
    display: inline-block;
    width: 60px;
    padding: 1px 0;
    margin-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 500;
    color: #fff;
    background: #859099
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook_mediaType {
        width: 40px;
        font-size: 0.5rem
    }
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook_title, .page-tonomura .relationBook_author, .page-tonomura .relationBook_price {
        font-size: 0.8rem
    }
}

.page-tonomura .relationBook_title {
    font-weight: bold;
    color: #004f8a
}

.page-tonomura .relationBook_author {
    font-weight: 500;
    color: #004f8a
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook_author {
        font-size: 0.7rem
    }
}

.page-tonomura .relationBook_price {
    font-weight: bold;
    color: #cc3333
}

.page-tonomura .relationBook_target {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-weight: 500
}

.page-tonomura .relationBook_target .relationBook_targetValue {
    font-size: 0;
    display: inline-block
}

.page-tonomura .relationBook_target .relationBook_targetValue::before {
    content: "";
    display: inline-block;
    width: 35vw;
    height: 4.5vw;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 3px
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .relationBook_target .relationBook_targetValue::before {
        width: 40px;
        height: 15px;
        margin-top: 5px
    }
}

.page-tonomura .relationBook_target .relationBook_targetValue-beginner::before {
    background-image: url("./img/detail/target_beginner.png")
}

.page-tonomura .relationBook_target .relationBook_targetValue-intermediate::before {
    background-image: url("./img/detail/target_intermediate.png")
}

.page-tonomura .relationBook_target .relationBook_targetValue-advanced::before {
    background-image: url("./img/detail/target_advanced.png")
}

.page-tonomura .snsArea {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px
}

.page-tonomura .snsArea .twitter-share-button {
    margin-right: 5px
}

.page-tonomura .snsArea .fb-like>span {
    width: 135px !important
}

.page-tonomura .snsArea .fb-like>span>iframe {
    width: 135px !important
}

.page-tonomura .book_title {
    width: auto
}

.page-tonomura .pageDescription {
    margin-bottom: 1rem
}

.page-tonomura .table-pc {
    display: none
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .table-pc {
        display: table
    }
}

.page-tonomura .table-pc tbody, .page-tonomura .table-pc tr {
    width: 100%
}

.page-tonomura .table-pc.times {
    width: 15%
}

.page-tonomura .table-pc.published {
    width: 20%
}

.page-tonomura .table-pc.pdf {
    width: 65%
}

.page-tonomura .table-sp {
    display: block
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .table-sp {
        display: none
    }
}

.page-tonomura .table-sp th, .page-tonomura .table-sp td {
    border: none
}

.page-tonomura .table-sp th {
    border-top: 1px solid #e3ebf0;
    border-left: 1px solid #e3ebf0
}

.page-tonomura .table-sp th:last-child {
    border-right: 1px solid #e3ebf0
}

.page-tonomura .table-sp td {
    border-top: 1px solid #e3ebf0;
    border-left: 1px solid #e3ebf0
}

.page-tonomura .table-sp td:last-child {
    border-right: 1px solid #e3ebf0
}

.page-tonomura .table-sp tr:last-child td {
    border-bottom: 1px solid #e3ebf0
}

.page-tonomura .tonomura_table th, .page-tonomura .tonomura_table td {
    display: table-cell;
    padding: 5px
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .tonomura_table td.times {
        background-color: white
    }
}

.page-tonomura .tonomura_table .times {
    text-align: center;
    background-color: #f5f9fc;
    width: 15%
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .tonomura_table .times {
        width: 15%
    }
}

.page-tonomura .tonomura_table .published {
    width: 22%;
    min-width: 75px;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .tonomura_table .published {
        width: 25%
    }
}

.page-tonomura .tonomura_table .pdf {
    width: 60%
}

.page-tonomura .bookListItem {
    box-sizing: border-box;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content 1em 1fr;
    -ms-grid-columns: max-content 1em 1fr;
    grid-template-columns: -webkit-max-content 1em 1fr;
    grid-template-columns: max-content 1em 1fr;
    -ms-grid-rows: -webkit-min-content 1em -webkit-min-content 1fr 1em -webkit-min-content;
    -ms-grid-rows: min-content 1em min-content 1fr 1em min-content;
    grid-template-rows: -webkit-min-content 1em -webkit-min-content 1fr 1em -webkit-min-content;
    grid-template-rows: min-content 1em min-content 1fr 1em min-content;
    margin-bottom: 1.5em;
    padding: 1.25em;
    background-color: #fff
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem {
        width: calc((100% - 1.5em) / 2);
        -ms-grid-columns: -webkit-max-content 1em 215px 1em 1fr;
        -ms-grid-columns: max-content 1em 215px 1em 1fr;
        grid-template-columns: -webkit-max-content 1em 215px 1em 1fr;
        grid-template-columns: max-content 1em 215px 1em 1fr;
        -ms-grid-rows: -webkit-min-content 0.7em -webkit-min-content 1fr;
        -ms-grid-rows: min-content 0.7em min-content 1fr;
        grid-template-rows: -webkit-min-content 0.7em -webkit-min-content 1fr;
        grid-template-rows: min-content 0.7em min-content 1fr;
        padding: 1.5em
    }
}

.page-tonomura .bookListItem>* {
    transform: rotate(0.05deg);
    margin-bottom: 0.6em
}

.page-tonomura .bookListItem .bookListItemData {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / 5;
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

.page-tonomura .bookListItem .bookListItemData>* {
    margin-bottom: 0.3em
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemData>* {
        margin-bottom: 0.6em
    }
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_media {
    order: 1;
    margin-bottom: 0.4em
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemData .bookListItemData_media {
        margin-bottom: 1em
    }
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_media .bookListItemData_mediaName {
    display: inline-block;
    width: 3.5em;
    padding: 0.25em 0;
    border-radius: 3px;
    text-align: center;
    font-size: 0.75em;
    font-weight: 500;
    background: #859099;
    color: #fff
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_library {
    order: 2;
    margin-bottom: 0.6em;
    font-size: 3.2vw;
    word-break: break-all
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemData .bookListItemData_library {
        margin-bottom: 0.2em;
        font-size: 0.8em;
        font-weight: 700
    }
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_preBookName {
    font-size: 3.2vw;
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemData .bookListItemData_preBookName {
        font-size: 0.8rem
    }
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_title {
    order: 3;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    font-size: 0.85em;
    letter-spacing: 1px
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_subtitle {
    font-size: 3.2vw;
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemData .bookListItemData_subtitle {
        font-size: 0.8rem;
        line-height: 1.5
    }
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_author {
    order: 4;
    font-size: 0.68em;
    font-weight: 500;
    font-feature-settings: normal
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_priceIncludedTax {
    order: 5;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_priceIncludedTax .bookListItemData_priceIncludedTaxNumber {
    color: #cc3333;
    font-feature-settings: "palt"
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemData .bookListItemData_priceIncludedTax .bookListItemData_priceIncludedTaxNumber {
        font-size: 1.1em
    }
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_priceBeforeTax {
    font-size: 0.8em
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_publisher {
    order: 6;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_isbn2 {
    order: 7;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_bookSize {
    order: 8;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_numOfPage {
    order: 9;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_target {
    order: 10;
    display: flex;
    align-items: center;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue {
    font-size: 0;
    display: inline-block
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue::before {
    content: "";
    display: inline-block;
    width: 35vw;
    height: 4.5vw;
    background-size: contain;
    background-repeat: no-repeat
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue::before {
        width: 134px;
        height: 18px
    }
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue-beginner::before {
    background-image: url("./img/level-beginner.png")
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue-intermediate::before {
    background-image: url("./img/level-intermediate.png")
}

.page-tonomura .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue-advanced::before {
    background-image: url("./img/level-advanced.png")
}

.page-tonomura .bookListItem .bookListItemCover {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 0
}

.page-tonomura .bookListItem .bookListItemCover .bookListItemCover_image {
    display: block;
    width: 21vw;
    height: calc(21vw * (150 / 110));
    border: 2px solid #d8e2ea
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemCover .bookListItemCover_image {
        width: 110px;
        height: 150px;
        border: none
    }
}

.page-tonomura .bookListItem .bookListItemSupport {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
    margin-bottom: 0
}

.page-tonomura .bookListItem .bookListItemSupport .bookListItemSupport_link {
    display: block;
    box-sizing: border-box;
    padding: 0.6em 0.5em;
    border: 2px solid #004f8a;
    border-radius: 6px;
    text-align: center;
    line-height: 1.5;
    font-size: 0.8em;
    font-weight: bold;
    color: #004f8a
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemSupport .bookListItemSupport_link {
        padding: 0.2em 0.5em;
        border: 1px solid #004f8a;
        border-radius: 2px
    }
}

.page-tonomura .bookListItem .bookListItemSupport .bookListItemSupport_link-none {
    border-color: #859099;
    color: #859099
}

.page-tonomura .bookListItem .bookListItemAction {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4;
    -ms-grid-row: 6;
    grid-row: 6;
    display: flex;
    justify-content: space-between
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemAction {
        -ms-grid-column: 5;
        grid-column: 5;
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1 / 4;
        display: block;
        background-color: #f5f9fc;
        margin-bottom: 0
    }
}

.page-tonomura .bookListItem .bookListItemAction .bookListItemAction_cart {
    order: 3
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemAction .bookListItemAction_cart {
        order: inherit;
        padding: 1.5em;
        border-bottom: 1px solid #d8e2ea
    }
}

.page-tonomura .bookListItem .bookListItemAction .bookListItemAction_cart [type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 9.5em;
    height: 10.4vw;
    background-color: #004f8a;
    border-radius: 0.8vw;
    border: none;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 4vw
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemAction .bookListItemAction_cart [type="submit"] {
        display: inline-block;
        width: 100%;
        height: auto;
        padding: 0.9em 0;
        border-radius: 2px;
        font-size: 0.85em
    }
}

.page-tonomura .bookListItem .bookListItemAction .bookListItemAction_cart [type="submit"]:disabled {
    cursor: default;
    background-color: #d8e2ea;
    color: #859099
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemAction .bookListItemAction_item {
        order: inherit;
        margin-bottom: 0.8em
    }

    .page-tonomura .bookListItem .bookListItemAction .bookListItemAction_item:first-of-type {
        padding: 1.5em 1.5em 0
    }

    .page-tonomura .bookListItem .bookListItemAction .bookListItemAction_item:not(:first-of-type) {
        padding: 0 1.5em 1.5em
    }
}

.page-tonomura .bookListItem .bookListItemAction .bookListItemAction_item .bookListItemAction_itemLink {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7em;
    height: 10.4vw;
    background-color: #5089a1;
    border-radius: 0.8vw;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 0.75em
}

@media print, screen and (min-width: 768px) {
    .page-tonomura .bookListItem .bookListItemAction .bookListItemAction_item .bookListItemAction_itemLink {
        display: block;
        width: auto;
        height: auto;
        padding: 0.3em 0;
        border-radius: 2px;
        font-size: 0.75em
    }
}

.page-tonomura .bookListItem .bookListItemAction .bookListItemAction_item .bookListItemAction_itemLink.disabled {
    background-color: #d8e2ea;
    cursor: default;
    pointer-events: none
}

.page-portrait_SK .link {
    color: #005b9f
}

.page-portrait_SK .link:hover {
    border-bottom: 1px solid #005b9f
}

.page-portrait_SK .backNumber, .page-portrait_SK .page-backNumber .magazineStatic, .page-backNumber .page-portrait_SK .magazineStatic, .page-portrait_SK .page-book-search-detail .magazineStatic, .page-book-search-detail .page-portrait_SK .magazineStatic {
    order: 4;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 0;
    background: url("./img/bg_tile1.png")
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .backNumber, .page-portrait_SK .page-backNumber .magazineStatic, .page-backNumber .page-portrait_SK .magazineStatic, .page-portrait_SK .page-book-search-detail .magazineStatic, .page-book-search-detail .page-portrait_SK .magazineStatic {
        flex-direction: row;
        height: 190px;
        padding: 0;
        margin-bottom: 0
    }
}

.page-portrait_SK .backNumber_banner, .page-portrait_SK .page-backNumber .magazineStatic_banner, .page-backNumber .page-portrait_SK .magazineStatic_banner, .page-portrait_SK .page-book-search-detail .magazineStatic_banner, .page-book-search-detail .page-portrait_SK .magazineStatic_banner {
    width: 70vw;
    max-width: 510px;
    height: 22vw;
    max-height: 140px;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-portrait_SK .backNumber_banner:hover, .page-portrait_SK .page-backNumber .magazineStatic_banner:hover, .page-backNumber .page-portrait_SK .magazineStatic_banner:hover, .page-portrait_SK .page-book-search-detail .magazineStatic_banner:hover, .page-book-search-detail .page-portrait_SK .magazineStatic_banner:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .backNumber_banner, .page-portrait_SK .page-backNumber .magazineStatic_banner, .page-backNumber .page-portrait_SK .magazineStatic_banner, .page-portrait_SK .page-book-search-detail .magazineStatic_banner, .page-book-search-detail .page-portrait_SK .magazineStatic_banner {
        width: 320px;
        margin-right: 20px
    }

    .page-portrait_SK .backNumber_banner:last-child, .page-portrait_SK .page-backNumber .magazineStatic_banner:last-child, .page-backNumber .page-portrait_SK .magazineStatic_banner:last-child, .page-portrait_SK .page-book-search-detail .magazineStatic_banner:last-child, .page-book-search-detail .page-portrait_SK .magazineStatic_banner:last-child {
        margin-right: 0
    }
}

.page-portrait_SK .backNumber_banner:first-child, .page-portrait_SK .page-backNumber .magazineStatic_banner:first-child, .page-backNumber .page-portrait_SK .magazineStatic_banner:first-child, .page-portrait_SK .page-book-search-detail .magazineStatic_banner:first-child, .page-book-search-detail .page-portrait_SK .magazineStatic_banner:first-child {
    margin-bottom: 30px
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .backNumber_banner:first-child, .page-portrait_SK .page-backNumber .magazineStatic_banner:first-child, .page-backNumber .page-portrait_SK .magazineStatic_banner:first-child, .page-portrait_SK .page-book-search-detail .magazineStatic_banner:first-child, .page-book-search-detail .page-portrait_SK .magazineStatic_banner:first-child {
        margin-bottom: 0
    }
}

.page-portrait_SK .backNumber_banner.-suuriKagaku, .page-portrait_SK .page-backNumber .-suuriKagaku.magazineStatic_banner, .page-backNumber .page-portrait_SK .-suuriKagaku.magazineStatic_banner, .page-portrait_SK .page-book-search-detail .-suuriKagaku.magazineStatic_banner, .page-book-search-detail .page-portrait_SK .-suuriKagaku.magazineStatic_banner {
    background: url("./img/detail/backnumber_suuriKagaku.png") no-repeat center/contain
}

.page-portrait_SK .backNumber_banner.-suuriKagakuBessatsu, .page-portrait_SK .page-backNumber .-suuriKagakuBessatsu.magazineStatic_banner, .page-backNumber .page-portrait_SK .-suuriKagakuBessatsu.magazineStatic_banner, .page-portrait_SK .page-book-search-detail .-suuriKagakuBessatsu.magazineStatic_banner, .page-book-search-detail .page-portrait_SK .-suuriKagakuBessatsu.magazineStatic_banner {
    background: url("./img/detail/backnumber_suuriKagakuBessatsu.png") no-repeat center/contain
}

.page-portrait_SK .center {
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .center {
        text-align: start
    }
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .articleContainer-last {
        padding-bottom: 80px
    }
}

.page-portrait_SK .last-article::after {
    background-color: white
}

.page-portrait_SK .snsArea {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .snsArea {
        margin-top: -20px;
        margin-bottom: 0
    }
}

.page-portrait_SK .snsArea .twitter-share-button {
    margin-right: 5px
}

.page-portrait_SK .snsArea .fb-like>span {
    width: 135px !important
}

.page-portrait_SK .snsArea .fb-like>span>iframe {
    width: 135px !important
}

.page-portrait_SK .expArea {
    display: flex;
    flex-flow: column
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .expArea {
        flex-flow: row
    }
}

.page-portrait_SK .expArea .imgArea {
    width: 60%;
    height: 60vw;
    margin: 0 auto 20px auto;
    background: url(./img/prize1.jpg) no-repeat center/cover
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .expArea .imgArea {
        width: 25%;
        height: 250px;
        margin-bottom: 0;
        margin-left: 0
    }
}

.page-portrait_SK .expArea .textArea {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .expArea .textArea {
        width: 70%
    }
}

.page-portrait_SK .sep_year {
    margin-top: 50px
}

.page-portrait_SK .mb {
    margin-bottom: 20px
}

.page-portrait_SK .sk_table th, .page-portrait_SK .sk_table td {
    padding: 5px
}

.page-portrait_SK .sk_table .pageDescription {
    margin-bottom: 1rem
}

.page-portrait_SK .sk_table th {
    display: none
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .sk_table th {
        display: table-cell
    }
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .sk_table td.no {
        background-color: white
    }
}

.page-portrait_SK .sk_table .innerContent::before {
    width: 50%;
    content: attr(label);
    float: left;
    clear: both;
    font-weight: bold;
    margin-right: 2rem
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .sk_table .innerContent::before {
        content: none
    }
}

.page-portrait_SK .sk_table .no {
    background-color: #f5f9fc;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .sk_table .no {
        width: 10%
    }
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .sk_table .published {
        width: 20%;
        min-width: 90px
    }
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .sk_table .pdf {
        width: 15%
    }
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .sk_table .editor {
        width: 15%
    }
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .sk_table .featName {
        width: 35%
    }
}

.page-portrait_SK .sk_table-sp th, .page-portrait_SK .sk_table-sp td {
    padding: 0.3rem
}

.page-portrait_SK .sk_table-sp th {
    background-color: #f5f9fc
}

.page-portrait_SK .sk_table-sp .no {
    border: 1px solid #e3ebf0;
    vertical-align: middle;
    text-align: center
}

.page-portrait_SK .sk_table-sp .published {
    border: 1px solid #e3ebf0;
    min-width: 80px;
    width: 25%;
    text-align: center
}

.page-portrait_SK .sk_table-sp .pdf {
    border: 1px solid #e3ebf0;
    width: 25%;
    text-align: center
}

.page-portrait_SK .sk_table-sp .editor {
    border: 1px solid #e3ebf0;
    width: 33%
}

.page-portrait_SK .sk_table-sp .featName {
    border: 1px solid #e3ebf0;
    width: 100%;
    text-align: start
}

.page-portrait_SK .table-pc {
    display: none
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .table-pc {
        display: block
    }
}

.page-portrait_SK .table-sp {
    display: block
}

@media print, screen and (min-width: 768px) {
    .page-portrait_SK .table-sp {
        display: none
    }
}

.page-backNumber {
    position: relative;
    font-feature-settings: "palt";
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f7f9fa
}

.page-backNumber .searchItemSubmit #noneButton {
    display: none
}

.page-backNumber label img {
    transform: rotate(-0.05deg)
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListContainer {
        width: 1180px;
        margin: 0 auto
    }
}

.page-backNumber .font-bold {
    font-weight: bold
}

.page-backNumber .backNumber, .page-backNumber .magazineStatic {
    order: 4;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 0;
    background: url("./img/bg_tile1.png")
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .backNumber, .page-backNumber .magazineStatic {
        flex-direction: row;
        height: 190px;
        padding: 0;
        margin-bottom: 65px
    }
}

.page-backNumber .backNumber_banner, .page-backNumber .magazineStatic_banner {
    width: 70vw;
    max-width: 510px;
    height: 22vw;
    max-height: 140px;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-backNumber .backNumber_banner:hover, .page-backNumber .magazineStatic_banner:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .backNumber_banner, .page-backNumber .magazineStatic_banner {
        width: 320px;
        margin-right: 20px
    }

    .page-backNumber .backNumber_banner:last-child, .page-backNumber .magazineStatic_banner:last-child {
        margin-right: 0
    }
}

.page-backNumber .backNumber_banner:first-child, .page-backNumber .magazineStatic_banner:first-child {
    margin-bottom: 30px
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .backNumber_banner:first-child, .page-backNumber .magazineStatic_banner:first-child {
        margin-bottom: 0
    }
}

.page-backNumber .backNumber_banner.-suuriKagaku, .page-backNumber .-suuriKagaku.magazineStatic_banner {
    background: url("./img/detail/backnumber_suuriKagaku.png") no-repeat center/contain
}

.page-backNumber .backNumber_banner.-suuriKagakuBessatsu, .page-backNumber .-suuriKagakuBessatsu.magazineStatic_banner {
    background: url("./img/detail/backnumber_suuriKagakuBessatsu.png") no-repeat center/contain
}

.page-backNumber .magazineStatic {
    width: 100%;
    margin-bottom: 0px
}

.page-backNumber .magazineStatic_banner.-portraitSK {
    background: url("./img/detail/magazineStatic_sk.png") no-repeat center/contain
}

.page-backNumber .magazineStatic_banner.-tonomura {
    background: url("./img/detail/magazineStatic_tonomura.png") no-repeat center/contain
}

@media all and (-ms-high-contrast: none) {
    .page-backNumber * {
        font-family: Quicksand, "メイリオ", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
    }
}

.page-backNumber main {
    display: block
}

.page-backNumber body {
    margin: 0
}

@media print, screen and (min-width: 768px) {
    .page-backNumber {
        position: inherit
    }
}

.page-backNumber a {
    color: #005b92
}

.page-backNumber .adjust-pb {
    padding-bottom: 0
}

.page-backNumber .searchContainerHeader {
    width: 100%;
    border-bottom: 3px solid #d8e2ea;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-backNumber .searchContents {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchContents {
        width: 1180px
    }
}

.page-backNumber .breadcrumbs {
    margin: 4vw 5vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .breadcrumbs {
        margin: 1.5em 3px;
        font-size: 0.8em
    }
}

.page-backNumber .border-adjust::after {
    height: 3px
}

.page-backNumber .searchForms {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms {
        position: relative
    }
}

.page-backNumber .searchForms .easySearchForm {
    width: calc(100% - 10vw);
    margin: 5vw;
    font-size: 3.7vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm {
        width: 100%;
        display: flex;
        align-items: stretch;
        margin: 0;
        border: 1px solid #d8e2ea;
        border-left: 3px solid #005b9f;
        font-size: 1em
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchForm_heading {
    padding: 0.8em 1.1em;
    background-color: #0b5d9d;
    color: #fff
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm .easySearchForm_heading {
        flex: 1;
        display: flex;
        align-items: center;
        padding: 0;
        padding-left: 1.4em;
        background-color: transparent;
        font-size: 1em;
        color: inherit;
        letter-spacing: 1px
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchForm_form {
    display: flex;
    align-items: stretch;
    margin: 0;
    background-color: #fff;
    padding: 1em 1.1em;
    border: 1px solid #d8e2ea;
    border-bottom: none
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm .easySearchForm_form {
        align-items: center;
        padding: 1.25em 1.5em;
        border: none
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchForm_form .easySearchForm_input {
    flex: 1;
    box-sizing: border-box;
    padding: 0.8em 0.7em;
    border: none;
    background-color: #eff5f9;
    letter-spacing: 0.1em;
    color: #929395;
    font-size: 1em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm .easySearchForm_form .easySearchForm_input {
        flex: none;
        width: 620px;
        font-size: 0.85em
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchForm_form .easySearchForm_submit {
    width: 10.5vw;
    height: 10.5vw;
    border-radius: 0 0.5em 0.5em 0
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm .easySearchForm_form .easySearchForm_submit {
        width: 38px;
        height: 38px;
        border-radius: 0
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchFormLinks {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0 4vw 1em;
    border: 1px solid #d8e2ea;
    border-top: none
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm .easySearchFormLinks {
        border: none;
        padding: 1.25em 1.5em 1.25em 0
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchFormLinks .easySearchFormLinks_link {
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.05em
}

.page-backNumber .searchForms .easySearchForm .easySearchFormLinks .easySearchFormLinks_link::before {
    content: "";
    background: url(./img/icon-gt.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.5em
}

.page-backNumber .searchForms .detailSearchForm {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 10vw);
    background-color: #fff;
    border-top: calc(6vw * 0.13) solid #005b9f;
    padding: 1.5em 5vw;
    padding-top: 0
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm {
        top: -230px;
        width: 1020px;
        border-top: 3px solid #005b9f;
        padding: 1.5em 1.3em;
        margin-bottom: 60px
    }
}

.page-backNumber .searchForms .detailSearchForm.searchContents_detail-hidden {
    display: none
}

.page-backNumber .searchForms .detailSearchForm .detailSearchForm_heading {
    font-size: 5vw;
    padding: 2em;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .detailSearchForm_heading {
        font-size: 1.6em
    }
}

.page-backNumber .searchForms .detailSearchForm .detailSearchFormClose {
    position: absolute;
    top: 1.5em;
    right: 1.3em
}

.page-backNumber .searchForms .detailSearchForm .detailSearchFormClose .detailSearchFormClose_button {
    display: block;
    width: 34px;
    height: 33px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url("./img/close.png") no-repeat center
}

.page-backNumber .searchForms .detailSearchForm .gray {
    background-color: #e7e7e7
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem {
        display: flex;
        align-items: stretch;
        border: 1px solid #d8e2ea;
        border-left: 3px solid #005b9f
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem:nth-of-type(n+2) {
    border-top: none;
    margin-top: 5vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem:nth-of-type(n+2) {
        margin-top: inherit
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItem_label {
    display: flex;
    align-items: center;
    padding: 0.7em 1em;
    margin-bottom: 3vw;
    box-sizing: content-box;
    background-color: #0b5d9d;
    color: #fff;
    font-size: 3.8vw;
    font-weight: bold;
    letter-spacing: 1px;
    transform: rotate(0)
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItem_label {
        padding: 1.4em;
        width: 10em;
        margin-bottom: 0;
        background-color: #f5f9fc;
        color: inherit;
        font-size: 1em
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInput {
    background-color: #fff;
    font-size: 3.8vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInput {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 1.25em 1.5em;
        font-size: inherit
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .gray {
    background-color: #e7e7e7
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputRadio {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect {
    margin-bottom: 3vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect {
        display: inline-block;
        margin-bottom: inherit;
        margin-left: 1rem
    }
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect:first-child {
        margin-left: 0
    }
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select {
        min-width: 12em
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-year, .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-year {
    box-sizing: content-box
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-year, .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-year {
        min-width: 5em
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-month, .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-month {
    box-sizing: content-box
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-month, .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-month {
        min-width: 3em
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#library {
    min-width: calc(12em * 2 + 0.7em * 3 + 1.7em)
}

.page-backNumber .searchForms .detailSearchForm .searchItemSubmit {
    margin-top: 30px;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookList {
        width: 1180px
    }
}

.page-backNumber .bookList .bookList_heading {
    position: relative;
    width: calc(100% - 10vw);
    margin: 0.8em 5vw 1.75em;
    padding: 0.5em 1em;
    letter-spacing: 1px;
    font-size: 5.5vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookList .bookList_heading {
        margin: 1em 0;
        font-size: 1.5em;
        background-image: url("./img/band-heading.png");
        background-position: bottom left;
        background-repeat: no-repeat
    }
}

.page-backNumber .bookList .bookList_heading::before {
    content: "";
    display: block;
    width: 6em;
    height: 0.13em;
    background: #d8e2ea;
    position: absolute;
    left: 0;
    bottom: -0.13em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookList .bookList_heading::before {
        display: none
    }
}

.page-backNumber .bookList .bookList_heading::after {
    content: "";
    display: block;
    width: 2.5em;
    height: 0.13em;
    background: #0b5d9d;
    position: absolute;
    left: 0;
    bottom: -0.13em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookList .bookList_heading::after {
        display: none
    }
}

.page-backNumber .bookListInfo {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.3em 1fr -webkit-min-content 1.3em;
    -ms-grid-columns: 1.3em 1fr min-content 1.3em;
    grid-template-columns: 1.3em 1fr -webkit-min-content 1.3em;
    grid-template-columns: 1.3em 1fr min-content 1.3em;
    -ms-grid-rows: 2.5vw -webkit-max-content 2.5vw -webkit-max-content;
    -ms-grid-rows: 2.5vw max-content 2.5vw max-content;
    grid-template-rows: 2.5vw -webkit-max-content 2.5vw -webkit-max-content;
    grid-template-rows: 2.5vw max-content 2.5vw max-content;
    margin-bottom: 1.5em;
    background-color: #fff;
    border-style: solid;
    border-width: 0;
    font-size: 3vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo {
        display: flex;
        padding: 1em 1.3em;
        align-items: center;
        border: none;
        font-size: inherit
    }
}

.page-backNumber .bookListInfo .bookListInfo_count {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    padding-left: 1.3em;
    font-size: 1em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfo_count {
        flex: 1;
        padding-left: 0;
        display: block
    }
}

.page-backNumber .bookListInfo .bookListInfo_count .bookListInfo_countNumber {
    font-size: 1.4em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfo_count .bookListInfo_countNumber {
        font-size: inherit
    }
}

.page-backNumber .bookListInfo .bookListInfoSortButtons {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / 5;
    -ms-grid-row: 4;
    grid-row: 4;
    display: flex;
    align-items: center;
    padding: 0 1em;
    border-top: 2px solid #d8e2ea
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfoSortButtons {
        padding: 0;
        border-top: inherit
    }
}

.page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button {
    display: inline-block;
    padding: 1em 0.6em;
    margin-right: 0.2em;
    font-size: 0.95em;
    color: #777777;
    transform: rotate(0.05deg)
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button {
        padding: 0;
        margin-right: 1.2em;
        color: #005b92
    }
}

.page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected {
    position: relative;
    font-weight: bold;
    color: #095088
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected {
        padding: 0.05em 0.6em;
        border-radius: 3px;
        background-color: #859099;
        color: #fff
    }
}

.page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected::after {
    content: "";
    display: block;
    width: 100%;
    height: calc(5.5vw * 0.13);
    background: #0b5d9d;
    position: absolute;
    left: 0;
    bottom: -2px
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected::after {
        display: none
    }
}

.page-backNumber .bookListInfo .bookListInfo_selectLimit {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 2;
    grid-row: 2
}

.page-backNumber .bookListInfo .bookListInfo_selectLimit .bookListInfo_selectLimit_select {
    box-sizing: content-box;
    width: 10em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfo_selectLimit .bookListInfo_selectLimit_select {
        width: 10em
    }
}

.page-shop .mbContainer {
    margin-bottom: 20px
}

.page-shop .link_text {
    color: #005b9f
}

.page-shop .link_text:hover {
    text-decoration: underline
}

.page-shop .link_text::before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.3rem;
    margin-bottom: 0.1rem;
    border: solid #005b9f;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

.page-shop .otherGroup {
    font-size: 1.2rem;
    font-weight: bold;
    color: #005b9f
}

.page-shop .otherGroup:hover {
    text-decoration: underline
}

.page-shop .otherGroup::before {
    content: "";
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.6rem;
    margin-bottom: 0.1rem;
    border: solid #005b9f;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
}

.page-shop .expContainer {
    margin-bottom: 30px
}

.page-shop .areas_heading {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 30px
}

.page-shop .prefecture {
    margin-right: 0.7rem
}

.page-shop .area_table th {
    height: 4rem;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0.5rem
}

@media print, screen and (min-width: 768px) {
    .page-shop .area_table th {
        height: 2rem;
        display: table-cell;
        width: 15%;
        text-align: center;
        vertical-align: middle
    }
}

.page-shop .area_table td {
    flex-direction: row
}

@media print, screen and (min-width: 768px) {
    .page-shop .area_table td {
        padding: 0.6rem 0 0.6rem 2%
    }
}

.page-shop .areaField {
    display: block;
    width: 100%;
    height: auto;
    margin-left: 1rem;
    font-weight: bold;
    pointer-events: none
}

@media print, screen and (min-width: 768px) {
    .page-shop .areaField {
        min-width: 100px;
        max-width: 100px;
        display: inline-block;
        margin-left: 0;
        pointer-events: all
    }
}

.page-shop .areaField::before, .page-shop .areaField::after {
    display: block;
    content: "";
    background-color: #005b9f;
    border-radius: 3px;
    position: absolute;
    width: 18px;
    height: 3px;
    top: 7px;
    right: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-shop .areaField::before, .page-shop .areaField::after {
        content: none
    }
}

.page-shop .areaField::before {
    width: 3px;
    height: 18px;
    top: 0;
    right: 1.46rem
}

@media print, screen and (min-width: 768px) {
    .page-shop .areaField::before {
        content: none
    }
}

.page-shop .areaField.isActive::after {
    display: block;
    content: "";
    background-color: #005b9f;
    border-radius: 3px;
    position: absolute;
    width: 18px;
    height: 3px;
    top: 7px;
    right: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-shop .areaField.isActive::after {
        content: none
    }
}

.page-shop .areaField.isActive::before {
    content: none
}

.page-shop .prefectureFields {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

@media print, screen and (min-width: 768px) {
    .page-shop .prefectureFields {
        width: 870px
    }
}

.page-shop .prefectureField {
    display: flex;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    height: 4rem;
    border-bottom: 1px solid #e3ebf0
}

.page-shop .prefectureField:last-child {
    border-bottom: none
}

@media print, screen and (min-width: 768px) {
    .page-shop .prefectureField {
        min-width: auto;
        max-width: auto;
        height: auto;
        border-bottom: none
    }
}

.page-shop .prefectureField>a {
    margin-left: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-shop .prefectureField>a {
        margin-left: 0
    }
}

.page-shop .prefectureField>a::after {
    content: "";
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: 2px solid #005b9f;
    border-right: 2px solid #005b9f;
    transform: rotate(45deg);
    position: absolute;
    top: 1.7rem;
    right: 1rem
}

@media print, screen and (min-width: 768px) {
    .page-shop .prefectureField>a::after {
        content: none
    }
}

.page-shop>.toggleButton_for_sp {
    padding: 1.5rem 0.5rem
}

.page-shop .resultHeaderBox {
    border-left: solid 3px #004f8a;
    background-color: #f5f9fc;
    padding: 1rem
}

.page-shop .resultHeading {
    font-size: 1.2rem
}

.page-shop .result_table {
    margin-top: 30px;
    font-size: 0.9rem
}

.page-shop .result_table tr {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    border: 1px solid #e3ebf0;
    border-top: 0
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table tr {
        display: table-row
    }
}

.page-shop .result_table th, .page-shop .result_table td {
    text-align: center
}

.page-shop .result_table th.name, .page-shop .result_table td.name {
    width: 30%
}

.page-shop .result_table th.address, .page-shop .result_table td.address {
    width: 22%
}

.page-shop .result_table th.phoneNum, .page-shop .result_table td.phoneNum {
    width: 14%
}

.page-shop .result_table th.sience, .page-shop .result_table td.sience {
    width: 10%
}

.page-shop .result_table th.sience>.result_img, .page-shop .result_table td.sience>.result_img {
    height: 22px;
    width: 105px;
    background: url(./img/shop/shop_rikou.jpg) no-repeat left/contain
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table th.sience>.result_img::before, .page-shop .result_table td.sience>.result_img::before {
        content: "\25CB"
    }
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table th.sience>.result_img, .page-shop .result_table td.sience>.result_img {
        height: 20px;
        width: 30px;
        margin: 0 auto;
        background: none
    }
}

.page-shop .result_table th.human, .page-shop .result_table td.human {
    width: 15%
}

.page-shop .result_table th.human>.result_img, .page-shop .result_table td.human>.result_img {
    height: 22px;
    width: 165px;
    background: url(./img/shop/shop_syakai.jpg) no-repeat left/contain
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table th.human>.result_img::before, .page-shop .result_table td.human>.result_img::before {
        content: "\25CB"
    }
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table th.human>.result_img, .page-shop .result_table td.human>.result_img {
        height: 20px;
        width: 30px;
        margin: 0 auto;
        background: none
    }
}

.page-shop .result_table th {
    display: none
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table th {
        padding: 0.5rem 0;
        display: table-cell
    }
}

.page-shop .result_table td {
    padding: 5px 0 5px 15px;
    border-top: 0;
    border-right: 0;
    border-left: 0
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table td {
        padding: 15px;
        border: inherit;
        border-right: none
    }
}

.page-shop .result_table td:empty {
    padding: 0
}

.page-shop .result_table td.name {
    background-color: #f5f9fc;
    text-align: left;
    width: 100%;
    font-weight: bold
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table td.name {
        width: 27%;
        font-weight: normal;
        margin-bottom: 0
    }
}

.page-shop .result_table td.address, .page-shop .result_table td.phoneNum, .page-shop .result_table td.sience, .page-shop .result_table td.human {
    border-top: none;
    border-bottom: none
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table td.address, .page-shop .result_table td.phoneNum, .page-shop .result_table td.sience, .page-shop .result_table td.human {
        border-bottom: 1px solid #e3ebf0
    }

    .page-shop .result_table td.address:last-child, .page-shop .result_table td.phoneNum:last-child, .page-shop .result_table td.sience:last-child, .page-shop .result_table td.human:last-child {
        border-right: 1px solid #e3ebf0
    }
}

.page-shop .result_table td.address {
    text-align: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table td.address {
        width: 27%
    }
}

.page-shop .result_table td.phoneNum {
    text-align: left;
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table td.phoneNum {
        text-align: center;
        width: 15%
    }
}

.page-shop .result_table td.sience {
    text-align: center;
    width: auto;
    padding-bottom: 15px
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table td.sience {
        width: 15%
    }
}

.page-shop .result_table td.human {
    text-align: center;
    width: auto;
    padding-bottom: 15px
}

@media print, screen and (min-width: 768px) {
    .page-shop .result_table td.human {
        width: 15%
    }
}

.page-shop-group .link {
    color: #005b9f
}

.page-shop-group .link:hover {
    border-bottom: 1px solid #005b9f
}

.page-shop-group .shopLink {
    font-size: 1.2rem;
    font-weight: bold;
    color: #005b9f;
    margin-bottom: 20px
}

.page-shop-group .shopLink:hover {
    border-bottom: 1px solid #005b9f
}

.page-shop-group .shopLink::before {
    content: "";
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.6rem;
    margin-bottom: 0.1rem;
    border: solid #005b9f;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
}

.page-shop-group .group-list {
    margin-top: 30px
}

.page-shop-group .resultGroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.page-shop-group .resultGroup li {
    width: 100%;
    margin-top: 15px;
    margin-left: 2rem
}

@media print, screen and (min-width: 768px) {
    .page-shop-group .resultGroup li {
        width: 33%;
        margin-left: 0
    }
}

.page-backNumber {
    position: relative;
    font-feature-settings: "palt";
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f7f9fa
}

.page-backNumber .searchItemSubmit #noneButton {
    display: none
}

.page-backNumber label img {
    transform: rotate(-0.05deg)
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListContainer {
        width: 1180px;
        margin: 0 auto
    }
}

.page-backNumber .font-bold {
    font-weight: bold
}

.page-backNumber .backNumber, .page-backNumber .magazineStatic {
    order: 4;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 0;
    background: url("./img/bg_tile1.png")
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .backNumber, .page-backNumber .magazineStatic {
        flex-direction: row;
        height: 190px;
        padding: 0;
        margin-bottom: 65px
    }
}

.page-backNumber .backNumber_banner, .page-backNumber .magazineStatic_banner {
    width: 70vw;
    max-width: 510px;
    height: 22vw;
    max-height: 140px;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-backNumber .backNumber_banner:hover, .page-backNumber .magazineStatic_banner:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .backNumber_banner, .page-backNumber .magazineStatic_banner {
        width: 320px;
        margin-right: 20px
    }

    .page-backNumber .backNumber_banner:last-child, .page-backNumber .magazineStatic_banner:last-child {
        margin-right: 0
    }
}

.page-backNumber .backNumber_banner:first-child, .page-backNumber .magazineStatic_banner:first-child {
    margin-bottom: 30px
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .backNumber_banner:first-child, .page-backNumber .magazineStatic_banner:first-child {
        margin-bottom: 0
    }
}

.page-backNumber .backNumber_banner.-suuriKagaku, .page-backNumber .-suuriKagaku.magazineStatic_banner {
    background: url("./img/detail/backnumber_suuriKagaku.png") no-repeat center/contain
}

.page-backNumber .backNumber_banner.-suuriKagakuBessatsu, .page-backNumber .-suuriKagakuBessatsu.magazineStatic_banner {
    background: url("./img/detail/backnumber_suuriKagakuBessatsu.png") no-repeat center/contain
}

.page-backNumber .magazineStatic {
    width: 100%;
    margin-bottom: 0px
}

.page-backNumber .magazineStatic_banner.-portraitSK {
    background: url("./img/detail/magazineStatic_sk.png") no-repeat center/contain
}

.page-backNumber .magazineStatic_banner.-tonomura {
    background: url("./img/detail/magazineStatic_tonomura.png") no-repeat center/contain
}

@media all and (-ms-high-contrast: none) {
    .page-backNumber * {
        font-family: Quicksand, "メイリオ", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
    }
}

.page-backNumber main {
    display: block
}

.page-backNumber body {
    margin: 0
}

@media print, screen and (min-width: 768px) {
    .page-backNumber {
        position: inherit
    }
}

.page-backNumber a {
    color: #005b92
}

.page-backNumber .adjust-pb {
    padding-bottom: 0
}

.page-backNumber .searchContainerHeader {
    width: 100%;
    border-bottom: 3px solid #d8e2ea;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-backNumber .searchContents {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchContents {
        width: 1180px
    }
}

.page-backNumber .breadcrumbs {
    margin: 4vw 5vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .breadcrumbs {
        margin: 1.5em 3px;
        font-size: 0.8em
    }
}

.page-backNumber .border-adjust::after {
    height: 3px
}

.page-backNumber .searchForms {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms {
        position: relative
    }
}

.page-backNumber .searchForms .easySearchForm {
    width: calc(100% - 10vw);
    margin: 5vw;
    font-size: 3.7vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm {
        width: 100%;
        display: flex;
        align-items: stretch;
        margin: 0;
        border: 1px solid #d8e2ea;
        border-left: 3px solid #005b9f;
        font-size: 1em
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchForm_heading {
    padding: 0.8em 1.1em;
    background-color: #0b5d9d;
    color: #fff
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm .easySearchForm_heading {
        flex: 1;
        display: flex;
        align-items: center;
        padding: 0;
        padding-left: 1.4em;
        background-color: transparent;
        font-size: 1em;
        color: inherit;
        letter-spacing: 1px
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchForm_form {
    display: flex;
    align-items: stretch;
    margin: 0;
    background-color: #fff;
    padding: 1em 1.1em;
    border: 1px solid #d8e2ea;
    border-bottom: none
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm .easySearchForm_form {
        align-items: center;
        padding: 1.25em 1.5em;
        border: none
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchForm_form .easySearchForm_input {
    flex: 1;
    box-sizing: border-box;
    padding: 0.8em 0.7em;
    border: none;
    background-color: #eff5f9;
    letter-spacing: 0.1em;
    color: #929395;
    font-size: 1em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm .easySearchForm_form .easySearchForm_input {
        flex: none;
        width: 620px;
        font-size: 0.85em
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchForm_form .easySearchForm_submit {
    width: 10.5vw;
    height: 10.5vw;
    border-radius: 0 0.5em 0.5em 0
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm .easySearchForm_form .easySearchForm_submit {
        width: 38px;
        height: 38px;
        border-radius: 0
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchFormLinks {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0 4vw 1em;
    border: 1px solid #d8e2ea;
    border-top: none
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .easySearchForm .easySearchFormLinks {
        border: none;
        padding: 1.25em 1.5em 1.25em 0
    }
}

.page-backNumber .searchForms .easySearchForm .easySearchFormLinks .easySearchFormLinks_link {
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.05em
}

.page-backNumber .searchForms .easySearchForm .easySearchFormLinks .easySearchFormLinks_link::before {
    content: "";
    background: url(./img/icon-gt.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.5em
}

.page-backNumber .searchForms .detailSearchForm {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 10vw);
    background-color: #fff;
    border-top: calc(6vw * 0.13) solid #005b9f;
    padding: 1.5em 5vw;
    padding-top: 0
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm {
        top: -230px;
        width: 1020px;
        border-top: 3px solid #005b9f;
        padding: 1.5em 1.3em;
        margin-bottom: 60px
    }
}

.page-backNumber .searchForms .detailSearchForm.searchContents_detail-hidden {
    display: none
}

.page-backNumber .searchForms .detailSearchForm .detailSearchForm_heading {
    font-size: 5vw;
    padding: 2em;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .detailSearchForm_heading {
        font-size: 1.6em
    }
}

.page-backNumber .searchForms .detailSearchForm .detailSearchFormClose {
    position: absolute;
    top: 1.5em;
    right: 1.3em
}

.page-backNumber .searchForms .detailSearchForm .detailSearchFormClose .detailSearchFormClose_button {
    display: block;
    width: 34px;
    height: 33px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url("./img/close.png") no-repeat center
}

.page-backNumber .searchForms .detailSearchForm .gray {
    background-color: #e7e7e7
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem {
        display: flex;
        align-items: stretch;
        border: 1px solid #d8e2ea;
        border-left: 3px solid #005b9f
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem:nth-of-type(n+2) {
    border-top: none;
    margin-top: 5vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem:nth-of-type(n+2) {
        margin-top: inherit
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItem_label {
    display: flex;
    align-items: center;
    padding: 0.7em 1em;
    margin-bottom: 3vw;
    box-sizing: content-box;
    background-color: #0b5d9d;
    color: #fff;
    font-size: 3.8vw;
    font-weight: bold;
    letter-spacing: 1px;
    transform: rotate(0)
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItem_label {
        padding: 1.4em;
        width: 10em;
        margin-bottom: 0;
        background-color: #f5f9fc;
        color: inherit;
        font-size: 1em
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInput {
    background-color: #fff;
    font-size: 3.8vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInput {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 1.25em 1.5em;
        font-size: inherit
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .gray {
    background-color: #e7e7e7
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputRadio {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect {
    margin-bottom: 3vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect {
        display: inline-block;
        margin-bottom: inherit;
        margin-left: 1rem
    }
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect:first-child {
        margin-left: 0
    }
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select {
        min-width: 12em
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-year, .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-year {
    box-sizing: content-box
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-year, .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-year {
        min-width: 5em
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-month, .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-month {
    box-sizing: content-box
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-from-month, .page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#publish-date-to-month {
        min-width: 3em
    }
}

.page-backNumber .searchForms .detailSearchForm .searchItem .searchItemInputSelect .searchItemInputSelect_select#library {
    min-width: calc(12em * 2 + 0.7em * 3 + 1.7em)
}

.page-backNumber .searchForms .detailSearchForm .searchItemSubmit {
    margin-top: 30px;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookList {
        width: 1180px
    }
}

.page-backNumber .bookList .bookList_heading {
    position: relative;
    width: calc(100% - 10vw);
    margin: 0.8em 5vw 1.75em;
    padding: 0.5em 1em;
    letter-spacing: 1px;
    font-size: 5.5vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookList .bookList_heading {
        margin: 1em 0;
        font-size: 1.5em;
        background-image: url("./img/band-heading.png");
        background-position: bottom left;
        background-repeat: no-repeat
    }
}

.page-backNumber .bookList .bookList_heading::before {
    content: "";
    display: block;
    width: 6em;
    height: 0.13em;
    background: #d8e2ea;
    position: absolute;
    left: 0;
    bottom: -0.13em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookList .bookList_heading::before {
        display: none
    }
}

.page-backNumber .bookList .bookList_heading::after {
    content: "";
    display: block;
    width: 2.5em;
    height: 0.13em;
    background: #0b5d9d;
    position: absolute;
    left: 0;
    bottom: -0.13em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookList .bookList_heading::after {
        display: none
    }
}

.page-backNumber .bookListInfo {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.3em 1fr -webkit-min-content 1.3em;
    -ms-grid-columns: 1.3em 1fr min-content 1.3em;
    grid-template-columns: 1.3em 1fr -webkit-min-content 1.3em;
    grid-template-columns: 1.3em 1fr min-content 1.3em;
    -ms-grid-rows: 2.5vw -webkit-max-content 2.5vw -webkit-max-content;
    -ms-grid-rows: 2.5vw max-content 2.5vw max-content;
    grid-template-rows: 2.5vw -webkit-max-content 2.5vw -webkit-max-content;
    grid-template-rows: 2.5vw max-content 2.5vw max-content;
    margin-bottom: 1.5em;
    background-color: #fff;
    border-style: solid;
    border-width: 0;
    font-size: 3vw
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo {
        display: flex;
        padding: 1em 1.3em;
        align-items: center;
        border: none;
        font-size: inherit
    }
}

.page-backNumber .bookListInfo .bookListInfo_count {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    padding-left: 1.3em;
    font-size: 1em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfo_count {
        flex: 1;
        padding-left: 0;
        display: block
    }
}

.page-backNumber .bookListInfo .bookListInfo_count .bookListInfo_countNumber {
    font-size: 1.4em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfo_count .bookListInfo_countNumber {
        font-size: inherit
    }
}

.page-backNumber .bookListInfo .bookListInfoSortButtons {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / 5;
    -ms-grid-row: 4;
    grid-row: 4;
    display: flex;
    align-items: center;
    padding: 0 1em;
    border-top: 2px solid #d8e2ea
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfoSortButtons {
        padding: 0;
        border-top: inherit
    }
}

.page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button {
    display: inline-block;
    padding: 1em 0.6em;
    margin-right: 0.2em;
    font-size: 0.95em;
    color: #777777;
    transform: rotate(0.05deg)
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button {
        padding: 0;
        margin-right: 1.2em;
        color: #005b92
    }
}

.page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected {
    position: relative;
    font-weight: bold;
    color: #095088
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected {
        padding: 0.05em 0.6em;
        border-radius: 3px;
        background-color: #859099;
        color: #fff
    }
}

.page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected::after {
    content: "";
    display: block;
    width: 100%;
    height: calc(5.5vw * 0.13);
    background: #0b5d9d;
    position: absolute;
    left: 0;
    bottom: -2px
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfoSortButtons .bookListInfoSortButtons_button.bookListInfoSortButtons_button-selected::after {
        display: none
    }
}

.page-backNumber .bookListInfo .bookListInfo_selectLimit {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 2;
    grid-row: 2
}

.page-backNumber .bookListInfo .bookListInfo_selectLimit .bookListInfo_selectLimit_select {
    box-sizing: content-box;
    width: 10em
}

@media print, screen and (min-width: 768px) {
    .page-backNumber .bookListInfo .bookListInfo_selectLimit .bookListInfo_selectLimit_select {
        width: 10em
    }
}

.page-faq a {
    color: #005b9f
}

.page-faq a:hover {
    text-decoration: underline
}

.page-faq a>.breadLink {
    text-decoration: none
}

.page-faq .adobe_img {
    width: 160px;
    height: 40px;
    margin-left: 2.3rem;
    background: url(./img/faq_adobe.png) no-repeat center/cover
}

.page-faq .informationList {
    display: flex;
    padding: 30px 0 30px 3rem;
    margin-top: 30px;
    background-color: #f7f9fa
}

.page-faq .informationList .useLineH {
    line-height: 2.5rem
}

.page-faq .underLine {
    padding-bottom: 2.3rem;
    margin-bottom: 2.3rem;
    border-bottom: 1px solid #dfe7ee
}

.page-faq .font_bold {
    margin-top: 1rem;
    font-weight: bold
}

.page-faq .question {
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 2.3rem
}

.page-faq .question:before {
    content: url(./img/question.png);
    margin: 10px 10px 10px -2.3rem;
    position: relative;
    top: 8px
}

.page-faq .answer {
    margin-left: 2.3rem
}

.page-faq .answer:before {
    content: url(./img/answer.png);
    margin: 10px 10px 10px -2.3rem;
    position: relative;
    top: 8px
}

.page-faq .bold {
    font-weight: bold
}

.page-faq .mb {
    margin-bottom: 20px
}

#bookList_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 4vw
}

@media print, screen and (min-width: 768px) {
    #bookList_list {
        font-size: inherit
    }
}

#bookList_list .link_item:hover {
    border-bottom: 1px solid #005b9f
}

#bookList_list .library_id {
    color: #005b92
}

#bookList_list .minor-mt {
    margin-top: 2px
}

#bookList_list .bookListItem {
    box-sizing: border-box;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content 1em 1fr;
    -ms-grid-columns: max-content 1em 1fr;
    grid-template-columns: -webkit-max-content 1em 1fr;
    grid-template-columns: max-content 1em 1fr;
    -ms-grid-rows: -webkit-min-content 1em -webkit-min-content 1fr 1em -webkit-min-content;
    -ms-grid-rows: min-content 1em min-content 1fr 1em min-content;
    grid-template-rows: -webkit-min-content 1em -webkit-min-content 1fr 1em -webkit-min-content;
    grid-template-rows: min-content 1em min-content 1fr 1em min-content;
    margin-bottom: 1.5em;
    padding: 1.25em;
    background-color: #fff
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem {
        width: calc((100% - 1.5em) / 2);
        -ms-grid-columns: -webkit-max-content 1em 215px 1em 1fr;
        -ms-grid-columns: max-content 1em 215px 1em 1fr;
        grid-template-columns: -webkit-max-content 1em 215px 1em 1fr;
        grid-template-columns: max-content 1em 215px 1em 1fr;
        -ms-grid-rows: -webkit-min-content 0.7em -webkit-min-content 1fr;
        -ms-grid-rows: min-content 0.7em min-content 1fr;
        grid-template-rows: -webkit-min-content 0.7em -webkit-min-content 1fr;
        grid-template-rows: min-content 0.7em min-content 1fr;
        padding: 1.5em
    }
}

#bookList_list .bookListItem>* {
    transform: rotate(0.05deg);
    margin-bottom: 0.6em
}

#bookList_list .bookListItem .bookListItemData {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / 5;
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

#bookList_list .bookListItem .bookListItemData>* {
    margin-bottom: 0.3em
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemData>* {
        margin-bottom: 0.6em
    }
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_media {
    order: 1;
    margin-bottom: 0.4em
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemData .bookListItemData_media {
        margin-bottom: 1em
    }
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_media .bookListItemData_mediaName {
    display: inline-block;
    width: 3.5em;
    padding: 0.25em 0;
    border-radius: 3px;
    text-align: center;
    font-size: 0.75em;
    font-weight: 500;
    background: #859099;
    color: #fff
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_library {
    order: 2;
    margin-bottom: 0.6em;
    font-size: 3.2vw;
    word-break: break-all
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemData .bookListItemData_library {
        margin-bottom: 0.2em;
        font-size: 0.8em;
        font-weight: 700
    }
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_preBookName {
    font-size: 3.2vw;
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemData .bookListItemData_preBookName {
        font-size: 0.8rem
    }
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_title {
    order: 3;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    font-size: 0.85em;
    letter-spacing: 1px
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_subtitle {
    font-size: 3.2vw;
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemData .bookListItemData_subtitle {
        font-size: 0.8rem;
        line-height: 1.2
    }
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_author {
    order: 4;
    font-size: 0.68em;
    font-weight: 500;
    font-feature-settings: normal
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_priceIncludedTax {
    order: 5;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_priceIncludedTax .bookListItemData_priceIncludedTaxNumber {
    color: #cc3333;
    font-feature-settings: "palt"
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemData .bookListItemData_priceIncludedTax .bookListItemData_priceIncludedTaxNumber {
        font-size: 1.1em
    }
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_priceBeforeTax {
    font-size: 0.8em
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_publishDate {
    order: 6;
    font-size: 0.8rem;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_publisher {
    order: 7;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_isbn2 {
    order: 8;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_bookSize {
    order: 9;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_numOfPage {
    order: 10;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_target {
    order: 11;
    display: flex;
    align-items: center;
    font-size: 0.8em;
    font-weight: 500;
    font-feature-settings: normal;
    color: #000
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue {
    font-size: 0;
    display: inline-block
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue::before {
    content: "";
    display: inline-block;
    width: 35vw;
    height: 4.5vw;
    background-size: contain;
    background-repeat: no-repeat
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue::before {
        width: 134px;
        height: 18px
    }
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue-beginner::before {
    background-image: url("./img/level-beginner.png")
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue-intermediate::before {
    background-image: url("./img/level-intermediate.png")
}

#bookList_list .bookListItem .bookListItemData .bookListItemData_target .bookListItemData_targetValue-advanced::before {
    background-image: url("./img/level-advanced.png")
}

#bookList_list .bookListItem .bookListItemCover {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 0
}

#bookList_list .bookListItem .bookListItemCover .bookListItemCover_image {
    display: block;
    width: 21vw;
    height: calc(21vw * (150 / 110));
    border: 2px solid #d8e2ea
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemCover .bookListItemCover_image {
        width: 110px;
        height: 150px;
        border: none
    }
}

#bookList_list .bookListItem .bookListItemSupport {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
    margin-bottom: 0
}

#bookList_list .bookListItem .bookListItemSupport .bookListItemSupport_link {
    display: block;
    box-sizing: border-box;
    padding: 0.6em 0.5em;
    border: 2px solid #004f8a;
    border-radius: 6px;
    text-align: center;
    line-height: 1.5;
    font-size: 0.8em;
    font-weight: bold;
    color: #004f8a
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemSupport .bookListItemSupport_link {
        padding: 0.2em 0.5em;
        border: 1px solid #004f8a;
        border-radius: 2px
    }
}

#bookList_list .bookListItem .bookListItemSupport .bookListItemSupport_link-none {
    border-color: #859099;
    color: #859099
}

#bookList_list .bookListItem .bookListItemAction {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4;
    -ms-grid-row: 6;
    grid-row: 6;
    display: flex;
    justify-content: space-between
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemAction {
        -ms-grid-column: 5;
        grid-column: 5;
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1 / 4;
        display: block;
        background-color: #f5f9fc;
        margin-bottom: 0
    }
}

#bookList_list .bookListItem .bookListItemAction .bookListItemAction_cart {
    order: 3
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemAction .bookListItemAction_cart {
        order: inherit;
        padding: 1.5em;
        border-bottom: 1px solid #d8e2ea
    }
}

#bookList_list .bookListItem .bookListItemAction .bookListItemAction_cart [type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 9.5em;
    height: 10.4vw;
    background-color: #004f8a;
    border-radius: 0.8vw;
    border: none;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 4vw
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemAction .bookListItemAction_cart [type="submit"] {
        display: inline-block;
        width: 100%;
        height: auto;
        padding: 0.9em 0;
        border-radius: 2px;
        font-size: 0.85em
    }
}

#bookList_list .bookListItem .bookListItemAction .bookListItemAction_cart [type="submit"]:disabled {
    cursor: default;
    background-color: #d8e2ea;
    color: #859099
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemAction .bookListItemAction_item {
        order: inherit;
        margin-bottom: 0.8em
    }

    #bookList_list .bookListItem .bookListItemAction .bookListItemAction_item:first-of-type {
        padding: 1.5em 1.5em 0
    }

    #bookList_list .bookListItem .bookListItemAction .bookListItemAction_item:not(:first-of-type) {
        padding: 0 1.5em 1.5em
    }
}

#bookList_list .bookListItem .bookListItemAction .bookListItemAction_item .bookListItemAction_itemLink {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7em;
    height: 10.4vw;
    background-color: #5089a1;
    border-radius: 0.8vw;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 0.75em
}

@media print, screen and (min-width: 768px) {
    #bookList_list .bookListItem .bookListItemAction .bookListItemAction_item .bookListItemAction_itemLink {
        display: block;
        width: auto;
        height: auto;
        padding: 0.3em 0;
        border-radius: 2px;
        font-size: 0.75em
    }
}

#bookList_list .bookListItem .bookListItemAction .bookListItemAction_item .bookListItemAction_itemLink.disabled {
    background-color: #d8e2ea;
    cursor: default;
    pointer-events: none
}

@media print, screen and (min-width: 768px) {
    #bookList_list .br-sp {
        display: none
    }
}

#bookListPaginator {
    display: flex;
    justify-content: center
}

#bookListPaginator .bookListPaginatorList {
    margin: 2em 0 2.4em;
    display: inline-flex;
    flex-wrap: wrap;
    border-top: 1px solid #d8e2ea;
    border-bottom: 1px solid #d8e2ea;
    border-right: 1px solid #d8e2ea;
    border-radius: 3px;
    background-color: #fff;
    list-style-type: none;
    padding: 0;
    font-size: 4.45vw
}

@media print, screen and (min-width: 768px) {
    #bookListPaginator .bookListPaginatorList {
        margin: 4.8em 0 2.4em;
        font-size: inherit
    }
}

#bookListPaginator .bookListPaginatorList .bookListPaginatorList_prevLink {
    display: block;
    width: 2.4em;
    height: 2.4em;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    transform: rotate(180deg);
    background-image: url("./img/icon-gt.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.8em
}

#bookListPaginator .bookListPaginatorList .bookListPaginatorList_prevLink.bookListPaginatorList_prevLink-disabled {
    background-image: url("./img/icon-gt-gray.png")
}

#bookListPaginator .bookListPaginatorList .bookListPaginatorList_pageLink {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4em;
    height: 2.4em;
    border-left: 1px solid #d8e2ea;
    font-weight: 600
}

#bookListPaginator .bookListPaginatorList .bookListPaginatorList_pageLink.bookListPaginatorList_pageLink-current {
    border-left-color: #004f8a;
    background-color: #004f8a;
    color: #fff
}

#bookListPaginator .bookListPaginatorList .bookListPaginatorList_nextLink {
    display: block;
    width: 2.4em;
    height: 2.4em;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("./img/icon-gt.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.8em;
    border-left: 1px solid #d8e2ea
}

#bookListPaginator .bookListPaginatorList .bookListPaginatorList_nextLink.bookListPaginatorList_nextLink-disabled {
    background-image: url("./img/icon-gt-gray.png")
}

#bookListPaginator .sp-none {
    display: none
}

@media print, screen and (min-width: 768px) {
    #bookListPaginator .sp-none {
        display: flex
    }
}

.page-questionnaire .link {
    color: #005b9f
}

.page-questionnaire .link:hover {
    border-bottom: 1px solid #005b9f
}

.page-questionnaire .mb {
    margin-bottom: 1rem
}

.page-questionnaire .mt {
    margin-top: 1rem
}

.page-book-search-detail {
    display: block
}

.page-book-search-detail .breadCrumb a:hover {
    border-bottom: 1px solid #222
}

.page-book-search-detail .link_item {
    color: #005b9f
}

.page-book-search-detail .link_item:hover {
    border-bottom: 1px solid #005b9f
}

.page-book-search-detail .library_id {
    color: #004f8a;
    font-weight: bold
}

.page-book-search-detail .bsd-bread-font {
    font-size: 0.8rem
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .bsd-bread-font {
        font-size: 0.8rem
    }
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .sp-br {
        display: none
    }
}

.page-book-search-detail .nextNotice {
    margin-top: -35px
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .nextNotice {
        margin-top: -80px;
        margin-bottom: 80px
    }
}

.page-book-search-detail .set-border {
    padding: 0
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .set-border {
        width: 850px
    }
}

.page-book-search-detail .set-border::after {
    margin: 0 0 30px 0
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .set-border::after {
        width: 750px;
        margin: -120px 0 0 40px
    }
}

.page-book-search-detail .detailContainer {
    margin-top: 35px
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .detailContainer {
        display: flex;
        align-items: flex-start;
        margin: 0 auto;
        width: 1180px
    }
}

.page-book-search-detail .latestSuriKagakuText {
    background-color: #fff;
    padding: 20px 0
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .latestSuriKagakuText {
        width: 1180px;
        margin: 0 auto 20px;
        padding: 40px
    }
}

.page-book-search-detail .latestSuriKagakuText_text {
    margin-bottom: 20px
}

.page-book-search-detail .latestSuriKagakuText_span {
    font-weight: bold
}

.page-book-search-detail .latestSuriKagakuText_span-red {
    color: red
}

.page-book-search-detail .latestSuriKagakuText_subscribe {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #004f8a;
    font-weight: bold;
    font-size: 1.1rem;
    color: #fff;
    letter-spacing: 0.2rem;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-book-search-detail .latestSuriKagakuText_subscribe:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .latestSuriKagakuText_subscribe {
        border-radius: 2px
    }
}

.page-book-search-detail .mainDetail {
    background-color: #fff
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail {
        display: flex;
        width: 850px;
        margin-right: 20px;
        padding: 40px
    }
}

.page-book-search-detail .mainDetailIndexType_type {
    font-size: 1.2rem
}

.page-book-search-detail .mainDetailIndexContent_item {
    margin-bottom: 10px
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetailIndexContent_item {
        margin-bottom: 7px
    }
}

.page-book-search-detail .mainDetailIndexItem_container {
    display: inline-flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: left;
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetailIndexItem_container {
        flex-direction: row;
        align-items: center
    }
}

.page-book-search-detail .mainDetailIndexItem_content {
    margin-bottom: 3px
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetailIndexItem_content {
        width: 40%;
        margin-bottom: 0
    }
}

.page-book-search-detail .mainDetailIndexItem_author {
    margin-left: 0.7rem;
    font-size: 0.9rem
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetailIndexItem_author {
        width: 35%;
        margin-left: 0
    }
}

.page-book-search-detail .mainDetailIndexItem_subContent {
    font-size: 0.8rem
}

.page-book-search-detail .mainDetail_imageContainer, .page-book-search-detail .nextIssue_imageContainer {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 50%;
    margin: 0 auto;
    padding-top: 40px
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_imageContainer, .page-book-search-detail .nextIssue_imageContainer {
        display: block;
        min-width: 200px;
        max-width: 200px;
        margin: 0 40px 0 0;
        padding-top: 0
    }
}

.page-book-search-detail .mainDetail_bookImage, .page-book-search-detail .nextIssue_bookImage {
    max-width: 100%;
    margin-bottom: 20px
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_bookImage, .page-book-search-detail .nextIssue_bookImage {
        min-height: 280px
    }
}

.page-book-search-detail .mainDetail_preview, .page-book-search-detail .nextIssue_preview {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #004f8a;
    font-weight: bold;
    font-size: 0.9rem;
    color: #fff;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-book-search-detail .mainDetail_preview:hover, .page-book-search-detail .nextIssue_preview:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_preview, .page-book-search-detail .nextIssue_preview {
        border-radius: 2px
    }
}

.page-book-search-detail .mainDetail_summaryContainer {
    padding: 20px 0 40px
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_summaryContainer {
        padding: 0
    }
}

.page-book-search-detail .mainDetail_summaryContainer .library-box {
    padding-bottom: 30px
}

.page-book-search-detail .mainDetail_mediaType {
    display: block;
    width: 3.5em;
    padding: 0.25em 0;
    margin-bottom: 15px;
    border-radius: 3px;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    background: #859099;
    color: #fff
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_mediaType {
        font-size: 0.75em
    }
}

.page-book-search-detail .mainDetail_library {
    margin-bottom: 20px;
    font-weight: bold;
    color: #004f8a
}

.page-book-search-detail .mainDetail_titleArea {
    margin-bottom: 20px;
    font-weight: bold
}

.page-book-search-detail .mainDetail_preTitle {
    margin-bottom: 10px;
    font-size: 0.9rem
}

.page-book-search-detail .mainDetail_preTitle .font-blue {
    color: #005b92
}

.page-book-search-detail .mainDetail_bookTitle {
    margin: 10px 0;
    font-size: 1.9rem
}

.page-book-search-detail .mainDetail_snsArea {
    display: flex;
    margin-bottom: 25px
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_snsArea {
        margin-bottom: 15px
    }
}

.page-book-search-detail .mainDetail_twitter {
    margin-right: 10px
}

.page-book-search-detail .mainDetail_facebook .fb-like>span {
    width: 135px !important
}

.page-book-search-detail .mainDetail_facebook .fb-like>span>iframe {
    width: 135px !important
}

.page-book-search-detail .mainDetail_anotherMedia {
    display: flex;
    flex-shrink: 0;
    margin-bottom: 20px
}

.page-book-search-detail .mainDetail_mediaToggle {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 47.5%;
    padding: 6px 15px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    border-radius: 3px;
    border: 2px solid #eee;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-book-search-detail .mainDetail_mediaToggle:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_mediaToggle {
        font-size: 0.75rem;
        width: 120px
    }
}

.page-book-search-detail .mainDetail_mediaToggle:first-child {
    margin-right: 5%
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_mediaToggle:first-child {
        margin-right: 10px
    }
}

.page-book-search-detail .mainDetail_mediaToggle::before {
    content: "";
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("./img/radio-unchecked.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 0.5rem;
    border-radius: 50%
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_mediaToggle::before {
        width: 1rem;
        height: 1rem
    }
}

.page-book-search-detail .mainDetail_mediaToggle.-current {
    border: 2px solid #004f8a;
    pointer-events: none;
    cursor: default
}

.page-book-search-detail .mainDetail_mediaToggle.-current::before {
    background-image: url("./img/radio-checked.png")
}

.page-book-search-detail .mainDetail_authorList {
    margin-bottom: 15px;
    font-size: 0.9rem;
    color: #004f8a
}

.page-book-search-detail .mainDetail_price {
    margin-bottom: 20px
}

.page-book-search-detail .mainDetail_target {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-weight: 500
}

.page-book-search-detail .mainDetail_target .mainDetail_targetValue {
    font-size: 0;
    display: inline-block;
    margin-left: 10px
}

.page-book-search-detail .mainDetail_target .mainDetail_targetValue::before {
    content: "";
    display: inline-block;
    width: 35vw;
    height: 4.5vw;
    background-size: contain;
    background-repeat: no-repeat
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_target .mainDetail_targetValue::before {
        width: 134px;
        height: 18px
    }
}

.page-book-search-detail .mainDetail_target .mainDetail_targetValue-beginner::before {
    background-image: url("./img/level-beginner.png")
}

.page-book-search-detail .mainDetail_target .mainDetail_targetValue-intermediate::before {
    background-image: url("./img/level-intermediate.png")
}

.page-book-search-detail .mainDetail_target .mainDetail_targetValue-advanced::before {
    background-image: url("./img/level-advanced.png")
}

.page-book-search-detail .mainDetail_spec {
    padding: 20px;
    background-color: #f7f9fa;
    font-size: 0.8rem;
    line-height: 1.7
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetail_spec {
        width: 465px
    }
}

.page-book-search-detail .mainDetailSpec_itemValue.-forSP {
    display: inline-block
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetailSpec_itemValue.-forSP {
        display: none
    }
}

.page-book-search-detail .mainDetailSpec_itemValue.-forPC {
    display: none
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .mainDetailSpec_itemValue.-forPC {
        display: inline-block
    }
}

.page-book-search-detail .price {
    display: flex;
    align-items: center
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .price {
        align-items: baseline;
        margin-bottom: 25px
    }
}

.page-book-search-detail .price_title {
    display: flex;
    height: 100%;
    margin-right: 10px;
    white-space: nowrap
}

.page-book-search-detail .price_value {
    color: #cc3333;
    font-weight: bold
}

.page-book-search-detail .price_num {
    font-size: 1.5rem
}

.page-book-search-detail .price_beforeTax {
    font-weight: normal;
    color: #222;
    line-height: 1.5
}

.page-book-search-detail .cartBox {
    background-color: #fff;
    padding: 0 0 50px 0
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .cartBox {
        width: 310px;
        padding: 40px
    }
}

.page-book-search-detail .cartBox_price {
    display: none
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .cartBox_price {
        display: flex
    }
}

.page-book-search-detail .cartBox_cartButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1.15rem;
    color: #fff;
    transform: none
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .cartBox_cartButton {
        margin-bottom: 40px;
        border-radius: 2px
    }
}

.page-book-search-detail .cartBox_cartButton::before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.3rem;
    margin-right: 10px;
    background: url(./img/icon_shop.png) no-repeat center;
    background-size: contain
}

.page-book-search-detail .cartBox_cartButton.-buyable {
    background-color: #004f8a;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-book-search-detail .cartBox_cartButton.-buyable:hover {
    opacity: 0.8
}

.page-book-search-detail .cartBox_cartButton:disabled {
    cursor: default;
    background-color: #d8e2ea;
    color: #859099
}

.page-book-search-detail .cartBox_formButtonContainer {
    display: flex
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .cartBox_formButtonContainer {
        display: block
    }
}

.page-book-search-detail .cartBox_formButton {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47.5%;
    height: 50px;
    background-color: #5089a1;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-book-search-detail .cartBox_formButton:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .cartBox_formButton {
        width: 100%;
        height: 40px;
        margin-bottom: 15px;
        border-radius: 2px
    }

    .page-book-search-detail .cartBox_formButton:last-child {
        margin-bottom: 0
    }
}

.page-book-search-detail .cartBox_formButton:first-child {
    margin-right: 5%
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .cartBox_formButton:first-child {
        margin-right: 0
    }
}

.page-book-search-detail .cartBox_formButton.disabled {
    background-color: #d8e2ea;
    cursor: default;
    pointer-events: none
}

.page-book-search-detail .detailForMagazine {
    background-color: #fff;
    padding-bottom: 65px;
    line-height: 1.5
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .detailForMagazine {
        width: 850px;
        padding: 40px;
        padding-bottom: 65px
    }
}

.page-book-search-detail .nextIssue {
    background-color: #fff;
    padding: 0 0 40px 0
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .nextIssue {
        width: 850px;
        padding: 30px 40px
    }
}

.page-book-search-detail .nextIssue_content {
    display: flex;
    flex-shrink: 0;
    flex-direction: column
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .nextIssue_content {
        flex-direction: row
    }
}

.page-book-search-detail .nextIssue_summaryContainer {
    margin-top: 20px;
    line-height: 1.5
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .nextIssue_summaryContainer {
        margin-top: 0
    }
}

.page-book-search-detail .nextIssue_bookTitle {
    font-size: 1.5rem;
    font-weight: bold
}

.page-book-search-detail .nextIssue_subTitle {
    font-size: 0.9rem
}

.page-book-search-detail .nextIssue_detail {
    margin-top: 20px
}

.page-book-search-detail .tabContent {
    background-color: #fff
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .tabContent {
        width: 850px;
        padding: 0 40px 40px 40px;
        margin-bottom: 80px
    }
}

.page-book-search-detail .tabContent a {
    color: #005b9f
}

.page-book-search-detail .tabContent a:hover {
    text-decoration: underline
}

.page-book-search-detail .tabContent_buttons {
    display: flex;
    width: 100%;
    height: 80px
}

.page-book-search-detail .tabContent_buttons .tabContent_button {
    display: flex;
    min-width: 33.3%;
    max-width: 33.3%;
    margin: 0;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #222;
    border-top: 1px solid #dfe7ee;
    border-bottom: 1px solid #dfe7ee;
    border-left: 1px solid #dfe7ee;
    background-color: #f5f9fc;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .tabContent_buttons .tabContent_button {
        font-size: 1.4rem
    }
}

.page-book-search-detail .tabContent_buttons .tabContent_button:hover {
    text-decoration: none
}

.page-book-search-detail .tabContent_buttons .tabContent_button:last-child {
    border-right: 1px solid #dfe7ee
}

.page-book-search-detail .tabContent_buttons .tabContent_button.disabled {
    cursor: default;
    background-color: #eee;
    color: #bbb
}

.page-book-search-detail .tabContent_buttons .tabContent_button.is-active-button {
    border-top: 5px solid #004f8a;
    border-bottom: none;
    border-left: none;
    border-right: none;
    background-color: #fff;
    cursor: default
}

.page-book-search-detail .tabContent_item {
    display: none;
    padding: 45px 0;
    line-height: 1.5
}

.page-book-search-detail .tabContent_item.is-active-item {
    display: block
}

.page-book-search-detail .tabContent_item ul {
    width: 100%;
    margin: 0 0 30px 1.2rem
}

.page-book-search-detail .tabContent_item a {
    color: #004f8a
}

.page-book-search-detail .supportContent_category {
    margin-bottom: 40px
}

.page-book-search-detail .supportContent_categoryName {
    margin-bottom: 20px;
    font-size: 1.5rem;
    font-weight: bold
}

.page-book-search-detail .supportContent_title {
    margin-bottom: 10px;
    font-weight: bold
}

.page-book-search-detail .supportContent_content {
    margin: 0 0 20px 25px
}

.page-book-search-detail .backNumber, .page-book-search-detail .magazineStatic {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 0;
    background: url("./img/bg_tile1.png")
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .backNumber, .page-book-search-detail .magazineStatic {
        flex-direction: row;
        height: 190px;
        padding: 0;
        margin-bottom: 65px
    }
}

.page-book-search-detail .backNumber_banner, .page-book-search-detail .magazineStatic_banner {
    width: 70vw;
    max-width: 510px;
    height: 22vw;
    max-height: 140px;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-book-search-detail .backNumber_banner:hover, .page-book-search-detail .magazineStatic_banner:hover {
    opacity: 0.8
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .backNumber_banner, .page-book-search-detail .magazineStatic_banner {
        width: 320px;
        margin-right: 20px
    }

    .page-book-search-detail .backNumber_banner:last-child, .page-book-search-detail .magazineStatic_banner:last-child {
        margin-right: 0
    }
}

.page-book-search-detail .backNumber_banner:first-child, .page-book-search-detail .magazineStatic_banner:first-child {
    margin-bottom: 30px
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .backNumber_banner:first-child, .page-book-search-detail .magazineStatic_banner:first-child {
        margin-bottom: 0
    }
}

.page-book-search-detail .backNumber_banner.-suuriKagaku, .page-book-search-detail .-suuriKagaku.magazineStatic_banner {
    background: url("./img/detail/backnumber_suuriKagaku.png") no-repeat center/contain
}

.page-book-search-detail .backNumber_banner.-suuriKagakuBessatsu, .page-book-search-detail .-suuriKagakuBessatsu.magazineStatic_banner {
    background: url("./img/detail/backnumber_suuriKagakuBessatsu.png") no-repeat center/contain
}

.page-book-search-detail .relationBook {
    margin: 40px 0;
    padding: 0 5vw
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .relationBook {
        margin: 0 auto 30px;
        padding: 0;
        width: 1180px
    }
}

.page-book-search-detail .relationBook_items {
    display: flex;
    flex-direction: column;
    width: 110%;
    margin-left: -5%
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .relationBook_items {
        width: 100%;
        margin-left: 0;
        flex-direction: row
    }
}

.page-book-search-detail .relationBook_item {
    display: flex;
    flex-shrink: 0;
    padding: 20px 5%;
    margin-bottom: 20px;
    background-color: #fff
}

.page-book-search-detail .relationBook_item:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .relationBook_item:last-child {
        margin-bottom: 20px;
        margin-right: 0
    }
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .relationBook_item {
        width: 280px;
        min-height: 165px;
        padding: 20px;
        margin-right: 20px
    }
}

.page-book-search-detail .relationBook_imageContainer {
    min-width: 30%;
    max-width: 30%;
    margin-right: 5%
}

.page-book-search-detail .relationBook_imageContainer img {
    display: block
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .relationBook_imageContainer {
        min-width: 90px;
        max-width: 90px;
        margin-right: 10px
    }
}

.page-book-search-detail .relationBook_image {
    width: 100%;
    height: auto;
    opacity: 1;
    transition: opacity 0.3s;
    transform: none
}

.page-book-search-detail .relationBook_image:hover {
    opacity: 0.8
}

.page-book-search-detail .relationBook_mediaType {
    display: inline-block;
    width: 60px;
    padding: 3px 0;
    margin-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 500;
    color: #fff;
    background: #859099
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .relationBook_mediaType {
        width: 40px;
        font-size: 0.5rem
    }
}

.page-book-search-detail .relationBook_detail a:hover {
    text-decoration: underline
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .relationBook_title, .page-book-search-detail .relationBook_author, .page-book-search-detail .relationBook_price {
        font-size: 0.8rem
    }
}

.page-book-search-detail .relationBook_title {
    display: block;
    font-weight: bold;
    color: #004f8a
}

.page-book-search-detail .relationBook_author {
    font-weight: 500;
    color: #004f8a
}

.page-book-search-detail .relationBook_price {
    font-weight: bold;
    color: #cc3333
}

.page-book-search-detail .relationBook_target {
    display: flex;
    align-items: center;
    font-weight: 500
}

.page-book-search-detail .relationBook_target .relationBook_targetValue {
    font-size: 0;
    display: inline-block
}

.page-book-search-detail .relationBook_target .relationBook_targetValue::before {
    content: "";
    display: inline-block;
    width: 35vw;
    height: 4.5vw;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 3px
}

@media print, screen and (min-width: 768px) {
    .page-book-search-detail .relationBook_target .relationBook_targetValue::before {
        width: 40px;
        height: 15px;
        margin-top: 5px
    }
}

.page-book-search-detail .relationBook_target .relationBook_targetValue-beginner::before {
    background-image: url("./img/detail/target_beginner.png")
}

.page-book-search-detail .relationBook_target .relationBook_targetValue-intermediate::before {
    background-image: url("./img/detail/target_intermediate.png")
}

.page-book-search-detail .relationBook_target .relationBook_targetValue-advanced::before {
    background-image: url("./img/detail/target_advanced.png")
}

.page-book-search-detail .magazineStatic {
    margin-bottom: 0px
}

.page-book-search-detail .magazineStatic_banner.-portraitSK {
    background: url("./img/detail/magazineStatic_sk.png") no-repeat center/contain
}

.page-book-search-detail .magazineStatic_banner.-tonomura {
    background: url("./img/detail/magazineStatic_tonomura.png") no-repeat center/contain
}

.page-book-search-detail .magazineStatic_title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #004f8a
}

.page-book-search-detail .magazineStatic_text {
    font-size: 0.8rem
}

.page-404 .mt {
    margin-top: 30px
}

.page-404 .pageLink {
    color: #004f8a;
    font-weight: bold;
    margin-bottom: 25px
}

.page-404 .pageLink::before {
    content: "";
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.8rem;
    border: solid #004f8a;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
}

.page-404 .link:hover {
    border-bottom: 2px solid #004f8a
}

.page-500 .link {
    color: #004f8a;
    font-weight: bold;
    margin-bottom: 25px
}

.page-500 .link:hover {
    border-bottom: 2px solid #004f8a
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 10px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 10px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

@media only screen and (max-width: 413px) {
    img.alignright {
        padding: 0 0 10px 0;
        margin: 0 auto;
        display: block;
    }

    img.alignleft {
        padding: 0 0 10px 0;
        margin: 0 auto;
        display: block;
    }

    .alignright {
        float: none;
    }

    .alignleft {
        float: none;
    }
}