@charset "UTF-8";

.page-header {
    background-color: #fff;
}

.contents {
    margin-bottom: 20px;
}

.contents-wrap {
    margin-bottom: 60px;
}


/*研究論文と概要：下層*/

.appendix-page .contents-title {
    border-bottom: solid 1px #F1004E;
    padding-bottom: 8px;
    margin-bottom: 14px;
}

.appendix-page .page-header {
    width: 100%;
    height: 0;
    padding-top: 70%;
    background: transparent url('../img/img-appendix/page-main-sp@2x.png') no-repeat center 0;
    background-size: 100% auto;
}

/*.appendix-page .page-title {
    font-size: 1.6rem;
    color: #000;
    text-align: center;
    font-weight: 500;
    background-color: #EDE7EF;
    margin: 0 0 15px;
    padding: 10px 0;
}*/

.appendix-page h2 {
    margin: 10px 0 20px;
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    color: #000;
}

.appendix table {
    margin-bottom: 50px;
    border-top: solid 2px #666;
    border-bottom: solid 1px #666;
}

.appendix th,
.appendix td {
    display: block;
    padding: 8px;
    width: 100%;
    border-right: solid 2px #666;
    border-bottom: solid 1px #666;
    border-left: solid 2px #666;
}

.appendix th {
    background-color: #eee;
}

.awarded-wrap {
    overflow: hidden;
}

.awarded {
    float: right;
    margin-bottom: 10px;
    padding: 5px 10px;
    background-color: #F1004E;
    color: #fff;
    font-weight: 900;
}

@media (min-width: 768px) {

    .contents {
        margin-bottom: 40px;
    }

    .appendix.page h2 {
        margin: 35px 0 45px;
        font-size: 2.7rem;
    }

    /*研究論文と概要：ページ*/
    .appendix-page .page-header {
        width: 100%;
        height: 0;
        padding-top: 355px;
        background: transparent url('../img/img-appendix/page-main.png') no-repeat center 0;
        background-size: 893px 350px;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .appendix-page .page-header {
            width: 100%;
            height: 0;
            padding-top: 355px;
            background: transparent url('../img/img-appendix/page-main@2x.png') no-repeat center 0;
            background-size: 893px 350px;
        }
    }

    .appendix-page .contents-title {
        margin-bottom: 30px;
    }

    /*.appendix-page .page-title {
        font-size: 2.6rem;
        margin: 0 0 10px;
    }*/

}

@media (min-width: 992px) {

    .contents40 {
        margin-bottom: 40px !important;
    }

    .contents {
        margin-bottom: 60px;
    }

    .appendix .contents {
        margin-bottom: 80px;
    }

    /*研究論文と概要：ページ*/

    .appendix-page .page-header {
        width: 100%;
        height: 0;
        padding-top: 504px;
        /*background: transparent url('../img/img-appendix/page-main.png') no-repeat center 0;
        background-size: 2000px 504px;*/
    }

    .appendix-page .page-header {
        background-image: url('../img/img-appendix/page-main.png'), url('../img/img-appendix/page-main-bg@2x.png');
        background-position: center 0, center 0;
        background-size: 2000px 504px, auto 100%;
        background-repeat: no-repeat, repeat-x;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .appendix-page .page-header {
            width: 100%;
            height: 0;
            padding-top: 504px;
            background: transparent url('../img/img-appendix/page-main@2x.png') no-repeat center 0;
            background-size: 2000px 504px;
        }
        .appendix-page .page-header {
            background-image: url('../img/img-appendix/page-main@2x.png'), url('../img/img-appendix/page-main-bg@2x.png');
            background-position: center 0, center 0;
            background-size: 2000px 504px, auto 100%;
            background-repeat: no-repeat, repeat-x;
            
        }
    }

    .appendix-page .contents-title {
        margin-bottom: 55px;
    }

    /*.appendix-page .page-title {
        font-size: 2.6rem;
        margin: 0 0 20px;
        padding: 5px 0;
    }*/

    .appendix table {
        width: 100%;
        border: solid 2px #000;
    }

    .appendix th,
    .appendix td {
        display: table-cell;
        padding: 8px 15px;
    }

    .appendix th {
        width: 150px;
        border-right: solid 1px #666;
        border-left: none;
        background-color: #eee;
        text-align: center;
    }

    .appendix td {
        width: calc(100% - 150px);
        border-right: none;
        border-left: none;
    }
}

@media (min-width: 1200px) {

    /*研究論文と概要：ページ*/

    /*.appendix-page .page-title {
        font-size: 4.3rem;
        margin: 0 0 20px;
        padding: 5px 0;
    }*/
}