@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (min-width: 961px) {
    /* ++++++++++++++++++++++++++++++++++++++++++++++++ */

    /* ================ */
    html {
        overflow: scroll;
        -ms-overflow-style: none;
    }

    html::-webkit-scrollbar {
        display: none;
    }

    main {
        padding: 6.75vw 0 0 0;
    }

    .mini_img {
        display: none;
    }

    /* ================ */
    .award_cate_ttl {
        padding: 0 0 35px 0;
    }

    /* ---- */
    .award_cate_ttl .icon {
        display: block;
        width: 210px;
        height: 110px;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80% auto;
        margin: 50px auto 25px auto;
    }

    .grandprix .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_grandprix.svg");
    }

    .digital_media .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_digital-media.svg");
    }

    .train_media .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_train-media.svg");
    }

    .station_poster .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_station-poster.svg");
    }

    .station_media .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_station-media.svg");
    }

    .space_produce .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_space-produce.svg");
    }

    .media_promotion .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_media-promotion.svg");
    }

    .jr_east .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_jr-east.svg");
    }

    /* ---- */
    .award_cate_ttl .ttl_wrap {
        padding: 0 0 35px 0;
    }

    .jr_east .award_cate_ttl .ttl_wrap {
        margin: 50px auto 0;
    }

    /* ---- */
    .award_cate_ttl .en {
        display: block;
        padding: 0 0 15px 0;
        color: #231815;
        font-size: 5rem;
        letter-spacing: 0.1rem;
        line-height: 1;
    }

    /* ---- */
    .award_cate_ttl .jp {
        display: block;
        width: 250px;
        height: 25px;
        font-size: 0;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80% auto;
        margin: 0 auto 0 auto;
    }

    .grandprix .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_grandprix_jp.png");
    }

    .digital_media .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_digital-media_jp.png");
    }

    .train_media .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_train-media_jp.png");
    }

    .station_poster .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_station-poster_jp.png");
    }

    .station_media .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_station-media_jp.png");
    }

    .space_produce .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_space-produce_jp.png");
    }

    .media_promotion .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_media-promotion_jp.png");
    }

    .jr_east .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_jr_east_jp.png");
    }

    /* ---- */
    .award_cate_ttl .under {
        display: block;
        width: 70px;
        height: 3px;
        margin: 0 auto 0 auto;
    }

    .grandprix .award_cate_ttl .under {
        background: #a5885e;
    }

    .digital_media .award_cate_ttl .under {
        background: #c47090
    }

    .space_produce .award_cate_ttl .under {
        background: #8d70c4;
    }

    .train_media .award_cate_ttl .under {
        background: #6668c4;
    }

    .station_poster .award_cate_ttl .under {
        background: #70a3c4;
    }

    .station_media .award_cate_ttl .under {
        background: #c4755c;
    }

    .media_promotion .award_cate_ttl .under {
        background: #c49874;
    }

    .jr_east .award_cate_ttl .under {
        background: #a4c470;
    }

    /* ================ */
    .award_comment {
        padding: 0 0 60px;
        font-size: 1.6rem;
    }

    /* ================ */
    .award_list {
        width: 90vw;
        max-width: 1300px;
        padding: 0 0 70px 0;
        margin: 0 auto 0 auto;
    }

    .award_list table {
        width: 100%;
        height: 100%;
        border-top: 1px solid #e3e3e3;
    }

    .award_list table tr td {
        height: 9vw;
        max-height: 145px;
        max-height: 130px;
        border-bottom: 1px solid #e3e3e3;
    }

    .award_list table .award_rank_01,
    .award_list table .award_rank_02 {
        display: table-cell;
        width: 20%;
        color: #fff;
        text-align: center;
        letter-spacing: 0.1rem;
        vertical-align: middle;
    }

    .award_list table .award_rank_02 {
        padding: 4.3vw 0 0;
        vertical-align: top;
    }

    .award_list table .winner {
        width: 80%;
        padding: 0;
        text-align: left;
        vertical-align: middle;
        position: relative;
    }

    .award_list .modal_open.works {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
        padding: 0 150px 0 70px;
        cursor: pointer;
        pointer-events: painted;
    }

    .award_list .no_modal.works {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
        padding: 0 150px 0 70px;
        pointer-events: none;
    }

    .award_list .no_modal.works:hover {
        pointer-events: none;
        background-color: #ffffff;
    }

    .award_list table .winner .link-bar {
        display: inline-block;
        width: 60px;
        height: 1px;
        background: #000;
        position: absolute;
        right: 70px;
        top: 50%;
        transform: translateY(-50%);
    }

    .award_list table .winner.no_modal .link-bar {
        display: none;
    }

    .award_list table .winner .sponsor {
        font-size: 1.3rem;
    }

    .award_list table .winner .title {
        font-size: 1.8rem;
        line-height: 1.5;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        letter-spacing: 0.1rem;
    }

    .award_list table .winner .works_parts {}

    /* ---- */
    .digital_media .award_list table .award_rank_02 {
        background-color: #d69bb1;
    }

    .space_produce .award_list table .award_rank_02 {
        background-color: #af9bd6;
    }

    .train_media .award_list table .award_rank_02 {
        background-color: #9495d6;
    }

    .station_poster .award_list table .award_rank_02 {
        background-color: #9bbed6;
    }

    .station_media .award_list table .award_rank_02 {
        background-color: #d69e8d;
    }

    .media_promotion .award_list table .award_rank_02 {
        background-color: #d6b79d;
    }

    /* ---- */
    .station_media .award_list .award_rank_01 {
        background: #c4755c;
    }

    .digital_media .award_list .award_rank_01 {
        background: #c47090
    }

    .space_produce .award_list .award_rank_01 {
        background: #8d70c4;
    }

    .train_media .award_list .award_rank_01 {
        background: #6668c4;
    }

    .station_poster .award_list .award_rank_01 {
        background: #70a3c4;
    }

    .media_promotion .award_list .award_rank_01 {
        background: #c49874;
    }

    /* ---- */
    .digital_media .award_list table .winner .sponsor {
        color: #c47090
    }

    .space_produce .award_list table .winner .sponsor {
        color: #8d70c4;
    }

    .train_media .award_list table .winner .sponsor {
        color: #6668c4;
    }

    .station_poster .award_list table .winner .sponsor {
        color: #70a3c4;
    }

    .station_media .award_list table .winner .sponsor {
        color: #c4755c;
    }

    .media_promotion .award_list table .winner .sponsor {
        color: #c49874;
    }

    /* ---- */
    .digital_media .award_list table .winner:hover {
        background-color: #fdf0f5;
    }

    .space_produce .award_list table .winner:hover {
        background-color: #f4f0fc;
    }

    .train_media .award_list table .winner:hover {
        background-color: #f0f0fc;
    }

    .station_poster .award_list table .winner:hover {
        background-color: #f0f7fc;
    }

    .station_media .award_list table .winner:hover {
        background-color: #fcf3f0;
    }

    .media_promotion .award_list table .winner:hover {
        background-color: #fcf6f0;
    }

    .award_list table .winner.no_modal:hover {
        pointer-events: none;
        background-color: #ffffff;
    }


    .station_media .award_list table .winner:not(label) {
        pointer-events: none;
        background-color: #ffffff;
    }

    /* ================ */
    .first_winner {
        width: 1000px;
        margin: 0 auto 0 auto;
    }

    /* ---- */
    .first_winner .rank {
        font-size: 2.2rem;
        font-weight: 700;
    }

    /* ---- */
    .first_winner .works_parts .sponsor {
        font-size: 1.6rem;
    }

    .grandprix .first_winner .rank,
    .grandprix .first_winner .works_parts .sponsor {
        color: #a5885e;
    }

    .digital_media .first_winner .rank,
    .digital_media .first_winner .works_parts .sponsor {
        color: #c47090;
    }

    .train_media .first_winner .rank,
    .train_media .first_winner .works_parts .sponsor {
        color: #6668c4;
    }

    .station_poster .first_winner .rank,
    .station_poster .first_winner .works_parts .sponsor {
        color: #70a3c4;
    }

    .station_media .first_winner .rank,
    .station_media .first_winner .works_parts .sponsor {
        color: #c4755c;
    }

    .space_produce .first_winner .rank,
    .space_produce .first_winner .works_parts .sponsor {
        color: #8d70c4;
    }

    .media_promotion .first_winner .rank,
    .media_promotion .first_winner .works_parts .sponsor {
        color: #c49874;
    }

    .jr_east .first_winner .rank,
    .jr_east .first_winner .works_parts .sponsor {
        color: #a4c470;
    }

    /* ---- */
    .first_winner .works_parts .title {
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 0 0 50px 0;
    }

    /* ---- */
    .first_winner .media {
        width: 95%;
        max-width: 1000px;
        padding: 0 0 0 0;
        overflow: hidden;
        margin: 0 auto 0 auto;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .first_winner .media .media_block {
        position: relative;
        width: 100%;
        white-space: nowrap;
        font-size: 0;
    }

    .first_winner .media .media_cnt {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-size: 1rem;
        white-space: normal;
    }

    .first_winner .media .media_cnt_inr {
        display: block;
        width: 100%;
        margin: 0 auto;
        font-size: 0;
        overflow: hidden;
    }

    .first_winner .media .media_cnt .media_pic {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding-bottom: 56%;
        font-size: 0;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
    }

    .first_winner .media .media_cnt .media_pic img {
        vertical-align: middle;
        max-height: 700px;
        display: block;
        max-width: 100%;
        height: 100%;
        max-height: 530px;
        margin: 0 auto;
        object-fit: contain;
        object-position: 50% 50%;
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .first_winner .media .media_cnt .media_movie {}

    .first_winner .media .media_cnt .media_movie video {
        vertical-align: top;
        margin-bottom: 30px;
    }

    .first_winner .media .media_cnt .media_caption {
        padding: 0 0 0px 0;
        font-size: 1.4rem;
        font-weight: 400;
        text-align: left;
    }

    /* ================ */
    .first_winner .media_ctrl {
        position: relative;
        width: 100%;
        height: 50px;
        margin-top: 30px;
    }

    .first_winner .media_ctrl.sleep {
        display: none;
    }

    /* ---- */
    .first_winner .media_ctrl .media_shift {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
    }

    .first_winner .media_ctrl .media_shift .mybtn {
        position: absolute;
        top: 0;
        width: 15px;
        height: 15px;
    }

    .first_winner .media_ctrl .media_shift .mybtn.prev {
        left: 30%;
    }

    .first_winner .media_ctrl .media_shift .mybtn.next {
        right: 30%;
    }

    .first_winner .media_ctrl .media_shift .mybtn .mrk {
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 15px;
        border-style: solid;
        border-width: 1px;
        border-color: #000 transparent transparent #000;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    .first_winner .media_ctrl .media_shift .mybtn.prev .mrk {
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
    }

    .first_winner .media_ctrl .media_shift .mybtn.next .mrk {
        -webkit-transform: rotateZ(135deg);
        transform: rotateZ(135deg);
    }

    /* ---- */
    .first_winner .media_ctrl .media_dot {
        position: absolute;
        left: 0;
        top: -3px;
        width: 100%;
        height: 0;
        white-space: nowrap;
        font-size: 0;
    }

    .first_winner .media_ctrl .media_dot .grain {
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-style: normal;
        font-size: 2rem;
        color: #000;
        margin: 0 5px 0 5px;
        cursor: pointer;
        opacity: 0.3;
    }

    .first_winner .media_ctrl .media_dot .grain:hover {
        opacity: 1;
    }

    .first_winner .media_ctrl .media_dot .grain.curr {
        opacity: 1;
        font-size: 3rem;
    }

    /* ---- */
    .first_winner .media_ctrl .media_page {}

    .first_winner .works_inr .intention {
        font-size: 1.4rem;
        text-align: left;
        margin: 0 auto 0 auto;
    }

    /* ================ */
    .first_winner .works_out {
        width: 100%;
        margin: 0 auto;
        padding: 0 0;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        letter-spacing: 0.1rem;
    }

    .first_winner .works_out .works_inr {
        /*    width: 95%;*/
        max-width: 1000px;
        margin: 30px auto;
    }

    .first_winner .works_out .media-type {
        padding: 0;
        font-size: 1.3rem;
        font-weight: 300;
        text-align: left;
    }

    .first_winner .works_out .media-type {
        margin-top: 20px;
    }

    .first_winner .works_out .staff {
        padding: 0;
        margin: 20px 0 0;
        font-size: 1.3rem;
        font-weight: 300;
        text-align: left;
        letter-spacing: 0.1rem;
    }

    .jumparea label {
        position: relative;
        width: 270px;
        height: 60px;
        line-height: 50px;
        background-color: #ffffff;
        border-style: solid;
        border-width: 4px;
        border-color: #265fdd;
        margin: 0 auto 0 auto;
    }

    .jumparea label span {
        font-size: 15px;
        color: #265fdd;
        font-weight: 700;
    }

    .jumparea label .mark {
        position: absolute;
        top: 18px;
        right: 10px;
        width: 16px;
        height: 16px;
        background-image: url(../../awards/images/btn_external_cyan.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% auto;
    }

    .jumparea label:hover {
        background-color: #265fdd;
    }

    .jumparea label:hover span {
        color: #ffffff;
    }

    .jumparea label:hover .mark {
        background-image: url(../../awards/images/btn_external_white.png);
    }

    .jumparea {
        padding: 50px 0 100px 0;
    }

    /* ================ */
    .first_winner .abbr_box {
        position: relative;
    }

    .first_winner .abbr_box .abbr_btn {
        position: absolute;
        right: 0;
        top: -2vw;
        width: 2.2rem;
        height: 2.2rem;
        line-height: 2.1rem;
        font-size: 1.6rem;
        color: #fff;
        background: #000;
        border-radius: 50%;
        cursor: pointer;
    }

    /* ---- */
    .first_winner .abbr_box .abbr_list {
        display: none;
        position: absolute;
        top: -70px;
        left: 50%;
        width: 720px;
        height: 162px;
        padding: 10px 20px 10px 20px;
        color: #fff;
        font-size: 1.0rem;
        text-align: left;
        background: #000;
        margin: 0 0 0 calc(720px / -2);
        -webkit-transition-property: top;
        transition-property: top;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }

    .first_winner .abbr_box .abbr_list.appear {
        top: calc(-70px - 20px);
    }

    .first_winner .abbr_box .abbr_list dl {
        float: left;
    }

    .first_winner .abbr_box .abbr_list dl dt {
        float: left;
    }

    .first_winner .abbr_box .abbr_list dl dd {
        float: left;
        margin-right: 2.0rem;
    }

    .first_winner .abbr_box .abbr_list dl dd::before {
        content: "：";
    }

    /* ================ */
    .tab_menu {
        position: fixed;
        right: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(36, 24, 6, 0.7);
        z-index: 1;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    .tab_menu.appear {
        right: 0;
    }

    .tab_menu.mount {
        z-index: 31;
    }

    /* ---- */
    .tab_menu .tab_menu_open {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 158px;
        left: -70px;
        width: 70px;
        height: 200px;
        padding: 0 0 1.5rem;
        color: #fff;
        font-size: 1.8rem;
        letter-spacing: 0.2rem;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        background-color: #a5885e;
        cursor: pointer;
    }

    .tab_menu .tab_menu_open {
        display: none;
    }

    .tab_menu .tab_menu_open .arrow_tab_menu {
        position: absolute;
        bottom: -1.5rem;
        left: 50%;
        width: 1rem;
        height: 1rem;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    /* ---- */
    .tab_menu .tab_menu_base {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    /* ---- */
    .tab_menu .tab_menu_close {
        position: absolute;
        right: -30px;
        top: -30px;
        width: 60px;
        height: 60px;
        font-size: 0;
        background: #000;
        border-radius: 50%;
        cursor: pointer;
    }

    .tab_menu .tab_menu_close::before,
    .tab_menu .tab_menu_close::after {
        content: "";
        display: block;
        width: 50%;
        height: 1px;
        background: #fff;
        transform: rotate(45deg);
        transform-origin: center;
        position: absolute;
        top: calc(50% - 1px);
        left: 25%;
    }

    .tab_menu .tab_menu_close::after {
        transform: rotate(-45deg);
        transform-origin: center;
        left: auto;
        right: 25%;
    }

    /* ---- */
    .tab_menu .cate_menu {
        width: 85%;
        max-width: 1200px;
        transform: translate(-50%, -50%);
        transition: transform 0.1s;
        transform-origin: 100%;
        position: relative;
        top: 50%;
        right: -50px;
        left: 50%;
    }

    .tab_menu .cate_menu ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        background: #fff;
        border-right: 1.5px solid #e3e3e3;
        border-bottom: 1.5px solid #e3e3e3;
    }

    .tab_menu .cate_menu ul li {
        width: 25%;
        height: 14.5vw;
        max-height: 170px;
        background: #fff;
        border-left: 1.5px solid #e3e3e3;
        border-top: 1.5px solid #e3e3e3;
        overflow: hidden;
        pointer-events: painted;
        position: relative;
    }

    .tab_menu .cate_menu ul li a {
        flex-wrap: wrap;
    }

    .tab_menu .cate_menu ul li:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 20px 20px;
        pointer-events: painted;
    }

    .tab_menu .cate_menu ul li .btn_inr {
        display: inline-block;
        width: 100%;
        height: 100%;
        margin: auto auto 0;
        font-size: 0;
        position: relative;
    }

    .tab_menu .cate_menu ul li .btn_inr:before {
        content: "";
        width: 95%;
        max-width: 120px;
        margin: 0 auto;
        padding-bottom: 52.44%;
        transform: translateY(-5%);
        position: absolute;
        top: 15%;
        right: 0;
        left: 0;
    }

    .tab_menu .cate_menu ul li:last-of-type .btn_inr:before {
        max-width: 110px;
        margin: 5% auto 0;
    }

    .tab_menu .cate_menu ul li .txt {
        height: 100%;
        transform: translateY(-20%);
        position: absolute;
        right: 0;
        left: 0;
        top: 80%;
    }

    .tab_menu .cate_menu ul li p.en {
        padding-bottom: 5px;
        font-size: 2.0rem;
        line-height: 1;
    }

    .tab_menu .cate_menu ul li p.jp {
        display: block;
        width: 100%;
        max-width: 155px;
        height: 100%;
        margin: 0 auto;
        padding-bottom: 14.33%;
        font-size: 0;
    }

    .tab_menu .cate_menu ul li:last-child .txt {
        top: 75%;
    }

    .tab_menu .cate_menu ul li:nth-of-type(1):after {
        border-color: transparent transparent #a5885e transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(2):after {
        border-color: transparent transparent #c4755c transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(3):after {
        border-color: transparent transparent #70a3c4 transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(4):after {
        border-color: transparent transparent #6668c4 transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(5):after {
        border-color: transparent transparent #c47090 transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(6):after {
        border-color: transparent transparent #8d70c4 transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(7):after {
        border-color: transparent transparent #c49874 transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(8):after {
        border-color: transparent transparent #a4c470 transparent;
    }

    .tab_menu .cate_menu ul li:hover:nth-of-type(1) {
        background-color: #f6f3ef;
    }

    .tab_menu .cate_menu ul li:hover:nth-of-type(2) {
        background-color: #fcf3f0;
    }

    .tab_menu .cate_menu ul li:hover:nth-of-type(3) {
        background-color: #f0f7fc;
    }

    .tab_menu .cate_menu ul li:hover:nth-of-type(4) {
        background-color: #F0F0FC;
    }

    .tab_menu .cate_menu ul li:hover:nth-of-type(5) {
        background-color: #fcf0f5;
    }

    .tab_menu .cate_menu ul li:hover:nth-of-type(6) {
        background-color: #f4f0fc;
    }

    .tab_menu .cate_menu ul li:hover:nth-of-type(7) {
        background-color: #fcf6f0;
    }

    .tab_menu .cate_menu ul li:hover:nth-of-type(8) {
        background-color: #f8fcf0;
    }

    .tab_menu .cate_menu ul li .btn_inr:before {
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80% auto;
    }

    .tab_menu .cate_menu ul li:nth-of-type(1) .btn_inr:before {
        background-image: url("../../common/images/icon_grandprix.svg");
    }
    .tab_menu .cate_menu ul li:nth-of-type(2) .btn_inr:before {
        background-image: url("../../common/images/icon_station-media.svg");
    }
    .tab_menu .cate_menu ul li:nth-of-type(3) .btn_inr:before {
        background-image: url("../../common/images/icon_station-poster.svg");
    }
    .tab_menu .cate_menu ul li:nth-of-type(4) .btn_inr:before {
        background-image: url("../../common/images/icon_train-media.svg");
    }
    .tab_menu .cate_menu ul li:nth-of-type(5) .btn_inr:before {
        background-image: url("../../common/images/icon_digital-media.svg");
    }
    .tab_menu .cate_menu ul li:nth-of-type(6) .btn_inr:before {
        background-image: url("../../common/images/icon_space-produce.svg");
    }
    .tab_menu .cate_menu ul li:nth-of-type(7) .btn_inr:before {
        background-image: url("../../common/images/icon_media-promotion.svg");
    }
    .tab_menu .cate_menu ul li:nth-of-type(8) .btn_inr:before {
        background-image: url("../../common/images/icon_jr-east.svg");
        background-size: 100% auto;
    }

    .tab_menu .cate_menu ul li .jp {
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80% auto;
    }

    .tab_menu .cate_menu ul li:nth-of-type(1) .jp {
        background-image: url("../../common/images/txt_grandprix_jp.png");
    }
    .tab_menu .cate_menu ul li:nth-of-type(2) .jp {
        background-image: url("../../common/images/txt_station-media_jp.png");
    }
    .tab_menu .cate_menu ul li:nth-of-type(3) .jp {
        background-image: url("../../common/images/txt_station-poster_jp.png");
    }
    .tab_menu .cate_menu ul li:nth-of-type(4) .jp {
        background-image: url("../../common/images/txt_train-media_jp.png");
    }
    .tab_menu .cate_menu ul li:nth-of-type(5) .jp {
        background-image: url("../../common/images/txt_digital-media_jp.png");
    }
    .tab_menu .cate_menu ul li:nth-of-type(6) .jp {
        background-image: url("../../common/images/txt_space-produce_jp.png");
    }
    .tab_menu .cate_menu ul li:nth-of-type(7) .jp {
        background-image: url("../../common/images/txt_media-promotion_jp.png");
    }

    .tab_menu .cate_menu ul li:nth-of-type(8) .jp {
        background-image: url("../../common/images/txt_jr_east_jp.png");
    }

    .tab_menu .cate_menu ul li {
        height: calc(78vw/4);
        max-height: 280px;
    }

    .tab_menu .cate_menu ul li .btn_inr::before {
        max-width: 260px;
        top: 10%;
    }

    .tab_menu .cate_menu ul li:last-of-type .btn_inr:before {
        max-width: 130px;
        transform: translateY(-45%);
        top: 45%;
    }

    .tab_menu .cate_menu ul li .txt {
        top: 85%;
    }

    .tab_menu .cate_menu ul li p.en {
        font-size: 2.1rem;
    }

    .tab_menu .cate_menu ul li:last-child .txt {
        top: 75%;
    }

    /* ================ */
    .guide_modal_switch {
        padding: 50px 0 100px 0;
    }

    .guide_modal_switch label {
        position: relative;
        width: 270px;
        height: 60px;
        line-height: 50px;
        background-color: #ffffff;
        border-style: solid;
        border-width: 4px;
        border-color: #265fdd;
        margin: 0 auto 0 auto;
    }

    .guide_modal_switch label span {
        font-size: 15px;
        color: #265fdd;
    }

    .guide_modal_switch label .mark {
        position: absolute;
        top: 20px;
        right: 14px;
        width: 10px;
        height: 10px;
        border-style: solid;
        border-width: 2px 0 0 2px;
        border-color: #265fdd;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotateZ(135deg);
        transform: rotateZ(135deg);
    }

    .guide_modal_switch label:hover {
        background-color: #265fdd;
    }

    .guide_modal_switch label:hover span {
        color: #ffffff;
    }

    .guide_modal_switch label:hover .mark {
        border-color: #ffffff;
    }

    /* ================ */
    .judge_comment {
        padding: 0;
        margin: 16px auto 0;
        font-size: 1.4rem;
        text-align: left;
        letter-spacing: 0.1rem;
        max-width: 1440px;
        width: 100%;
        padding: 0 50px;
        background-color: #f5f5f5;
        font-weight: 400;
    }

    .grandprix .judge_comment {
        margin-top: 40px;
    }

    .judge_comment dl {
        max-width: 1000px;
        width: 100%;
        padding: 30px 0;
        margin: 0 auto;
    }

    .judge_comment dd {
        margin: 6px 0 0;
    }

    .judge_comment span {
        display: block;
        text-align: right;
        margin: 6px 0 0;
    }

    /* ================ */
    .tab_menu_switch {
        padding: 80px 0 80px 0;
    }

    .tab_menu_switch label {
        position: relative;
        width: 180px;
        height: 50px;
        line-height: 50px;
        background-color: #ffffff;
        margin: 0 auto 0 auto;
    }

    .tab_menu_switch label span {
        padding: 0 0 0 20px;
        font-size: 18px;
        color: #265fdd;
        text-decoration: underline;
    }

    .tab_menu_switch label .mark {
        position: absolute;
        top: 11px;
        left: 0;
        width: 30px;
        height: 30px;
        background-color: #265fdd;
        border-style: solid;
        border-width: 2px;
        border-color: #265fdd;
    }

    .tab_menu_switch label .mark b {
        position: absolute;
        top: 7px;
        left: 6px;
        width: 10px;
        height: 10px;
        border-style: solid;
        border-width: 2px 0 0 2px;
        border-color: #ffffff;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotateZ(135deg);
        transform: rotateZ(135deg);
    }

    .tab_menu_switch label:hover span {
        text-decoration: none;
    }

    .tab_menu_switch label:hover .mark {
        background-color: #ffffff;
    }

    .tab_menu_switch label:hover .mark b {
        border-color: #265fdd;
    }

}

/* @media */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 960px) {
    /* ++++++++++++++++++++++++++++++++++++++++++++++++ */

    /* ================ */
    html {
        overflow: scroll;
        -ms-overflow-style: none;
    }

    html::-webkit-scrollbar {
        display: none;
    }

    main {
        padding: 50px 0 0 0;
    }

    .mini_img {
        display: none;
    }

    /* ================ */
    .award_cate_ttl {
        padding: 0 0 3rem 0;
    }

    /* ---- */
    .award_cate_ttl .icon {
        display: block;
        width: 14rem;
        height: 8rem;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80% auto;
        margin: 20px auto -10px;
    }

    .grandprix .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_grandprix.svg");
    }

    .digital_media .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_digital-media.svg");
    }

    .train_media .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_train-media.svg");
    }

    .station_poster .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_station-media.svg");
    }

    .station_media .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_station_media.svg");
    }

    .space_produce .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_space-produce.svg");
    }

    .media_promotion .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_media-promotion.svg");
    }

    .jr_east .award_cate_ttl .icon {
        background-image: url("../../common/images/icon_jr-east.svg");
    }

    /* ---- */
    .jr_east .award_cate_ttl .ttl_wrap {
        margin: 20px auto -10px;
    }

    /* ---- */
    .award_cate_ttl .en {
        display: block;
        color: #231815;
        font-size: 3.5rem;
        letter-spacing: 0.1rem;
        line-height: 1;
        padding: 0 0 1.5rem 0;
        margin: 0 auto 0 auto;
    }

    /* ---- */
    .award_cate_ttl .jp {
        display: block;
        width: 25rem;
        height: 5rem;
        font-size: 0;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80% auto;
        margin: 0 auto 0 auto;
    }

    .grandprix .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_grandprix_jp.png");
    }

    .digital_media .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_digital-media_jp.png");
    }

    .train_media .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_train-media_jp.png");
    }

    .station_poster .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_station-poster_jp.png");
    }

    .station_media .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_station-media_jp.png");
    }

    .space_produce .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_space-produce_jp.png");
    }

    .media_promotion .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_media-promotion_jp.png");
    }

    .jr_east .award_cate_ttl .jp {
        background-image: url("../../common/images/txt_jr_east_jp.png");
    }

    /* ---- */
    .award_cate_ttl .under {
        display: block;
        width: 7rem;
        height: 3px;
        margin: 0 auto 0 auto;
    }

    .grandprix .award_cate_ttl .under {
        background: #a5885e;
    }

    .digital_media .award_cate_ttl .under {
        background: #c47090
    }

    .space_produce .award_cate_ttl .under {
        background: #8d70c4;
    }

    .train_media .award_cate_ttl .under {
        background: #6668c4;
    }

    .station_poster .award_cate_ttl .under {
        background: #70a3c4;
    }

    .station_media .award_cate_ttl .under {
        background: #c4755c;
    }

    .media_promotion .award_cate_ttl .under {
        background: #c49874;
    }

    .jr_east .award_cate_ttl .under {
        background: #a4c470;
    }

    /* ================ */
    .award_comment {
        margin: 0 5% 7vw;
        font-size: 1.6rem;
    }

    /* ================ */
    .award_list {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 0 auto;
    }

    .award_list table {
        width: 100%;
    }

    .award_list table tr {
        padding: 0 8vw;
    }

    .award_list table .award_rank_01,
    .award_list table .award_rank_02 {
        display: flex;
        align-items: center;
        width: 100%;
        height: 6rem;
        padding: 0 0 0 6vw;
        color: #fff;
        text-align: left;
        font-weight: 600;
        letter-spacing: 0.1rem;
    }

    .award_list table .winner {
        display: block;
        width: 100%;
        padding: 0 0 0 10%;
        text-align: left;
        position: relative;
        border-bottom: 1px solid #e3e3e3;
    }

    .award_list .no_modal.works {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        cursor: pointer;
    }

    .award_list table .winner .link-bar {
        display: inline-block;
        width: 8.5%;
        max-width: 60px;
        height: 1px;
        background: #000;
        position: absolute;
        right: 5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .award_list table .winner.no_modal .link-bar {
        display: none;
    }

    .award_list table .winner .sponsor {
        font-size: 1.3rem;
    }

    .award_list table .winner .title {
        font-size: 1.5rem;
        line-height: 1.5;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        letter-spacing: 0.1rem;
    }

    .award_list table .winner .works_parts {
        padding: 3rem 15% 3rem 2%;
    }

    /* ---- */
    .digital_media .award_list table .award_rank_02 {
        background-color: #d69bb1;
    }

    .space_produce .award_list table .award_rank_02 {
        background-color: #af9bd6;
    }

    .train_media .award_list table .award_rank_02 {
        background-color: #9495d6;
    }

    .station_poster .award_list table .award_rank_02 {
        background-color: #9bbed6;
    }

    .station_media .award_list table .award_rank_02 {
        background-color: #d69e8d;
    }

    .media_promotion .award_list table .award_rank_02 {
        background-color: #d6b79d;
    }

    /* ---- */
    .digital_media .award_list .award_rank_01 {
        background: #c47090
    }

    .space_produce .award_list .award_rank_01 {
        background: #8d70c4;
    }

    .train_media .award_list .award_rank_01 {
        background: #6668c4;
    }

    .station_poster .award_list .award_rank_01 {
        background: #70a3c4;
    }

    .station_media .award_list .award_rank_01 {
        background: #c4755c;
    }

    .media_promotion .award_list .award_rank_01 {
        background: #c49874;
    }

    /* ---- */
    .digital_media .award_list table .winner .sponsor {
        color: #c47090
    }

    .space_produce .award_list table .winner .sponsor {
        color: #8d70c4;
    }

    .train_media .award_list table .winner .sponsor {
        color: #6668c4;
    }

    .station_poster .award_list table .winner .sponsor {
        color: #70a3c4;
    }

    .station_media .award_list table .winner .sponsor {
        color: #c4755c;
    }

    .media_promotion .award_list table .winner .sponsor {
        color: #c49874;
    }

    /* ================ */
    .first_winner {}

    /* ---- */
    .first_winner .rank {
        font-size: 1.7rem;
        font-weight: 700;
    }

    /* ---- */
    .first_winner .works_parts .sponsor {
        padding: 0 0 1rem 0;
        font-size: 1.3rem;
        line-height: 1.3;
    }

    /* ---- */
    .grandprix .first_winner .rank,
    .grandprix .first_winner .works_parts .sponsor {
        color: #a5885e;
    }

    .digital_media .first_winner .rank,
    .digital_media .first_winner .works_parts .sponsor {
        color: #c47090;
    }

    .train_media .first_winner .rank,
    .train_media .first_winner .works_parts .sponsor {
        color: #6668c4;
    }

    .station_poster .first_winner .rank,
    .station_poster .first_winner .works_parts .sponsor {
        color: #70a3c4;
    }

    .station_media .first_winner .rank,
    .station_media .first_winner .works_parts .sponsor {
        color: #c4755c;
    }

    .space_produce .first_winner .rank,
    .space_produce .first_winner .works_parts .sponsor {
        color: #8d70c4;
    }

    .media_promotion .first_winner .rank,
    .media_promotion .first_winner .works_parts .sponsor {
        color: #c49874;
    }

    .jr_east .first_winner .rank,
    .jr_east .first_winner .works_parts .sponsor {
        color: #a4c470;
    }

    /* ---- */
    .first_winner .works_parts .title {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 1rem 0 3rem 0;
    }

    /* ---- */
    .first_winner .media {
        width: 90%;
        padding: 0 0 0 0;
        overflow: hidden;
        margin: 0 auto 0 auto;
    }

    .first_winner .media .media_block {
        position: relative;
        width: 100%;
        white-space: nowrap;
        font-size: 0;
    }

    .first_winner .media .media_cnt {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        font-size: 1rem;
        white-space: normal;
    }

    .first_winner .media .media_cnt_inr {
        display: block;
        width: 100%;
        margin: 0 auto;
        font-size: 0;
        overflow: hidden;
    }

    .first_winner .media .media_cnt .media_pic {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding-bottom: 72%;
        font-size: 0;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
    }

    .first_winner .media .media_cnt .media_pic img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 530px;
        margin: 0 auto;
        object-fit: contain;
        object-position: 50% 50%;
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .train_media .first_winner .media .media_cnt .media_pic img {
        outline: 0.5px solid #000;
        height: unset;
        outline-offset: -1px;

    }

    .first_winner .media .media_cnt .media_movie {
        height: 0;
        padding-bottom: 56%;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
    }

    .first_winner .media .media_cnt .media_movie video {
        width: auto;
        height: 100%;
        max-width: 100%;
        max-height: 530px;
        margin: 0;
        object-fit: contain;
        object-position: 50% 50%;
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .first_winner .media .media_cnt .media_caption {
        padding: 0 0 0rem 0;
        font-size: 1.3rem;
        font-weight: 400;
        text-align: left;
    }

    /* ================ */
    .first_winner .media_ctrl {
        position: relative;
        width: 100%;
        height: 5rem;
        margin-top: 2em;
    }

    .first_winner .media_ctrl.sleep {
        display: none;
    }

    /* ---- */
    .first_winner .media_ctrl .media_shift {
        position: absolute;
        left: 0;
        top: 0.8rem;
        width: 100%;
        height: 0;
    }

    .first_winner .media_ctrl .media_shift .mybtn {
        position: absolute;
        top: 0;
        width: 1.4rem;
        height: 1.4rem;
    }

    .first_winner .media_ctrl .media_shift .mybtn.prev {
        left: 30%;
    }

    .first_winner .media_ctrl .media_shift .mybtn.next {
        right: 30%;
    }

    .first_winner .media_ctrl .media_shift .mybtn .mrk {
        position: absolute;
        top: 0;
        left: 0;
        width: 1.4rem;
        height: 1.4rem;
        border-style: solid;
        border-width: 1px;
        border-color: #000 transparent transparent #000;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    .first_winner .media_ctrl .media_shift .mybtn.prev .mrk {
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
    }

    .first_winner .media_ctrl .media_shift .mybtn.next .mrk {
        -webkit-transform: rotateZ(135deg);
        transform: rotateZ(135deg);
    }

    /* ---- */
    .first_winner .media_ctrl .media_dot {}

    /* ---- */
    .first_winner .media_ctrl .media_page {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        font-size: 1.6rem;
    }

    .first_winner .media_ctrl .media_page .numer {}

    .first_winner .media_ctrl .media_page .denom {}

    .first_winner .media_ctrl .media_page .split {
        padding: 0 0.3rem 0 0.3rem;
    }

    .first_winner .works_inr .intention {
        padding: 0 2rem 0 2rem;
        font-size: 1.4rem;
        text-align: left;
        margin: 0 auto 0 auto;
    }

    /* ================ */
    .first_winner .works_out {
        width: 100%;
        margin: 0 auto;
        padding: 1rem 0 3rem;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        letter-spacing: 0.1rem;
    }

    .first_winner .works_out .works_inr {
        width: 90%;
        margin: 0 auto 0 auto;
    }

    .first_winner .works_out .media-type {
        font-size: 1.2rem;
        font-weight: 300;
        text-align: left;
        letter-spacing: 0.1rem;
        margin-top: 4vw;
    }

    .first_winner .works_out .staff {
        font-size: 1.2rem;
        font-weight: 300;
        text-align: left;
        letter-spacing: 0.1rem;
        margin-top: 4vw;
    }

    .first_winner .jumparea label {
        position: relative;
        width: 50vw;
        height: 12vw;
        line-height: 10vw;
        border-style: solid;
        background-color: #ffffff;
        border-width: 0.9vw;
        border-color: #265fdd;
        margin: 10vw auto 5vw;
    }

    .first_winner .jumparea label span {
        font-size: 1.4rem;
        color: #265fdd;
        font-weight: 700;
    }

    .first_winner .jumparea label .mark {
        position: absolute;
        top: 3vw;
        right: 2vw;
        width: 4vw;
        height: 4vw;
        background-image: url(../../awards/images/btn_external_cyan.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% auto;
    }

    /* ================ */
    .first_winner .abbr_box {
        position: relative;
    }

    .first_winner .abbr_box .abbr_btn {
        position: absolute;
        right: 0;
        top: -10px;
        width: 2.2rem;
        height: 2.2rem;
        line-height: 2.2rem;
        font-size: 1.3rem;
        color: #fff;
        background: #000;
        border-radius: 50%;
    }

    /* ---- */
    .first_winner .abbr_box .abbr_list {
        display: none;
        position: absolute;
        left: 0;
        top: -21rem;
        width: 90%;
        padding: 1rem 1.5rem 1rem 1.5rem;
        color: #fff;
        font-size: 1.0rem;
        text-align: left;
        background: #000;
    }

    .first_winner .abbr_box .abbr_list dl {
        float: left;
    }

    .first_winner .abbr_box .abbr_list dl dt {
        float: left;
    }

    .first_winner .abbr_box .abbr_list dl dd {
        float: left;
        margin-right: 1.0rem;
    }

    .first_winner .abbr_box .abbr_list dl dd::before {
        content: "：";
    }

    /* ================ */
    .tab_menu {
        position: fixed;
        right: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: rgba(36, 24, 6, 0.7);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    .tab_menu.appear {
        right: 0;
    }

    .tab_menu.mount {
        z-index: 31;
    }

    /* ---- */
    .tab_menu .tab_menu_open {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 7rem;
        left: -4.5rem;
        width: 4.5rem;
        height: 18rem;
        padding: 0;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 300;
        letter-spacing: 0.2rem;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        background-color: #a5885e;
    }

    .tab_menu .tab_menu_open {
        display: none;
    }

    .tab_menu .tab_menu_open .arrow_tab_menu {
        position: absolute;
        bottom: -1rem;
        left: 50%;
        width: 0.7rem;
        height: 0.7rem;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    /* ---- */
    .tab_menu .tab_menu_base {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    /* ---- */
    .tab_menu .tab_menu_close {
        position: absolute;
        right: -20px;
        top: -20px;
        width: 40px;
        height: 40px;
        font-size: 0;
        background: #000;
        border-radius: 50%;
    }

    .tab_menu .tab_menu_close::before,
    .tab_menu .tab_menu_close::after {
        content: "";
        display: block;
        width: 50%;
        height: 1px;
        background: #fff;
        transform: rotate(45deg);
        transform-origin: center;
        position: absolute;
        top: calc(50% - 1px);
        left: 25%;
    }

    .tab_menu .tab_menu_close::after {
        transform: rotate(-45deg);
        transform-origin: center;
        left: auto;
        right: 25%;
    }

    /* ---- */
    .tab_menu .cate_menu {
        width: 80%;
        max-width: 80%;
        transform-origin: 100%;
        position: relative;
        top: 5%;
        right: -10%;
    }

    .tab_menu .cate_menu ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        background: #fff;
        border-right: 1.5px solid #e3e3e3;
        border-bottom: 1.5px solid #e3e3e3;
    }

    .tab_menu .cate_menu ul li {
        width: 50%;
        height: 35vw;
        max-height: 150px;
        background: #fff;
        border-left: 1.5px solid #e3e3e3;
        border-top: 1.5px solid #e3e3e3;
        overflow: hidden;
        pointer-events: painted;
        position: relative;
    }

    .tab_menu .cate_menu ul li:active {
        opacity: 0.7;
    }

    .tab_menu .cate_menu ul li a {
        flex-wrap: wrap;
    }

    .tab_menu .cate_menu ul li:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 10px 10px;
        pointer-events: painted;
    }

    .tab_menu .cate_menu ul li .btn_inr {
        display: inline-block;
        width: 100%;
        height: 100%;
        font-size: 0;
        position: relative;
    }

    .tab_menu .cate_menu ul li .btn_inr:before {
        content: "";
        width: 100%;
        max-width: 126px;
        height: 0;
        margin: 0 auto;
        padding-bottom: 52.44%;
        position: absolute;
        top: 1vw;
        right: 0;
        left: 0;
    }

    .tab_menu .cate_menu ul li .btn_inr:before {
        content: "";
        width: 100%;
        max-width: 126px;
        height: 0;
        margin: 0 auto;
        padding-bottom: 52.44%;
        position: absolute;
        top: 2vw;
        right: 0;
        left: 0;
    }

    .tab_menu .cate_menu ul li:last-of-type .btn_inr:before {
        width: 110px;
        height: 0;
        margin: 15px auto 0;
        top: 1vw;
    }

    .tab_menu .cate_menu ul li .txt {
        position: absolute;
        right: 0;
        left: 0;
        bottom: -0.5vw;
    }

    .tab_menu .cate_menu ul li p.en {
        padding-bottom: 5px;
        font-size: 1.5rem;
        line-height: 1;
    }

    .tab_menu .cate_menu ul li p.jp {
        display: block;
        width: 70%;
        max-width: 140px;
        height: 0;
        margin: 0 auto;
        padding-bottom: 14.33%;
        font-size: 0;
    }

    .tab_menu .cate_menu ul li:last-child .txt {
        margin-bottom: 3rem;
    }

    .tab_menu .cate_menu ul li:nth-of-type(1):after {
        border-color: transparent transparent #a5885e transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(2):after {
        border-color: transparent transparent #c4755c transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(3):after {
        border-color: transparent transparent #70a3c4 transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(4):after {
        border-color: transparent transparent #6668c4 transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(5):after {
        border-color: transparent transparent #c47090 transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(6):after {
        border-color: transparent transparent #8d70c4  transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(7):after {
        border-color: transparent transparent #c49874 transparent;
    }

    .tab_menu .cate_menu ul li:nth-of-type(8):after {
        border-color: transparent transparent #a4c470 transparent;
    }

    .tab_menu .cate_menu ul li .btn_inr:before {
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80% auto;
    }

    .tab_menu .cate_menu ul li:nth-of-type(1) .btn_inr:before {
        background-image: url("../../common/images/icon_grandprix.svg");
    }

    .tab_menu .cate_menu ul li:nth-of-type(2) .btn_inr:before {
        background-image: url("../../common/images/icon_station-media.svg");
    }

    .tab_menu .cate_menu ul li:nth-of-type(3) .btn_inr:before {
        background-image: url("../../common/images/icon_station-poster.svg");
    }

    .tab_menu .cate_menu ul li:nth-of-type(4) .btn_inr:before {
        background-image: url("../../common/images/icon_train-media.svg");
    }

    .tab_menu .cate_menu ul li:nth-of-type(5) .btn_inr:before {
        background-image: url("../../common/images/icon_digital-media.svg");
    }

    .tab_menu .cate_menu ul li:nth-of-type(6) .btn_inr:before {
        background-image: url("../../common/images/icon_space-produce.svg");
    }

    .tab_menu .cate_menu ul li:nth-of-type(7) .btn_inr:before {
        background-image: url("../../common/images/icon_media-promotion.svg");
    }

    .tab_menu .cate_menu ul li:nth-of-type(8) .btn_inr:before {
        background-image: url("../../common/images/icon_jr-east.svg");
    }

    .tab_menu .cate_menu ul li .jp {
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80% auto;
    }

    .tab_menu .cate_menu ul li:nth-of-type(1) .jp {
        background-image: url("../../common/images/txt_grandprix_jp.png");
    }

    .tab_menu .cate_menu ul li:nth-of-type(2) .jp {
        background-image: url("../../common/images/txt_station-media_jp.png");
    }

    .tab_menu .cate_menu ul li:nth-of-type(3) .jp {
        background-image: url("../../common/images/txt_station-poster_jp.png");
    }

    .tab_menu .cate_menu ul li:nth-of-type(4) .jp {
        background-image: url("../../common/images/txt_train-media_jp.png");
    }

    .tab_menu .cate_menu ul li:nth-of-type(5) .jp {
        background-image: url("../../common/images/txt_digital-media_jp.png");
    }

    .tab_menu .cate_menu ul li:nth-of-type(6) .jp {
        background-image: url("../../common/images/txt_space-produce_jp.png");
    }

    .tab_menu .cate_menu ul li:nth-of-type(7) .jp {
        background-image: url("../../common/images/txt_media-promotion_jp.png");
    }

    .tab_menu .cate_menu ul li:nth-of-type(8) .jp {
        background-image: url("../../common/images/txt_jr_east_jp.png");
    }

    .tab_menu .cate_menu ul {
        max-width: 100%;
    }

    .tab_menu .cate_menu ul li img {
        width: 70%;
        max-width: 230px;
    }

    /* ================ */
    .guide_modal_switch {
        padding: 5vw 0 12vw 0;
    }

    .guide_modal_switch label {
        position: relative;
        width: 50vw;
        height: 12vw;
        line-height: 10vw;
        border-style: solid;
        background-color: #ffffff;
        border-width: 0.9vw;
        border-color: #265fdd;
        margin: 0 auto 0 auto;
    }

    .guide_modal_switch label span {
        font-size: 1.4rem;
        color: #265fdd;
    }

    .guide_modal_switch label .mark {
        position: absolute;
        top: 4vw;
        right: 3vw;
        width: 0.9rem;
        height: 0.9rem;
        border-style: solid;
        border-width: 0.4vw 0 0 0.4vw;
        border-color: #265fdd;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotateZ(135deg);
        transform: rotateZ(135deg);
    }

    /* ================ */
    .judge_comment {
        padding: 0;
        margin: 4vw auto 0;
        font-size: 1.4rem;
        text-align: left;
        letter-spacing: 0.1rem;
        width: 90%;
        background-color: #f5f5f5;
        font-weight: 400;
    }


    .judge_comment dl {
        padding: 7vw;
    }

    .judge_comment dd {
        margin: 6px 0 0;
    }

    .judge_comment span {
        display: block;
        text-align: right;
        margin: 6px 0 0;
    }

    /* ================ */
    .tab_menu_switch {
        padding: 10vw 0 10vw 0;
    }

    .tab_menu_switch label {
        position: relative;
        width: 40vw;
        height: 9vw;
        line-height: 9vw;
        background-color: #ffffff;
        margin: 0 auto 0 auto;
    }

    .tab_menu_switch label span {
        padding: 0 0 0 4vw;
        font-size: 1.5rem;
        color: #265fdd;
        text-decoration: underline;
    }

    .tab_menu_switch label .mark {
        position: absolute;
        top: 2.4vw;
        left: 0;
        width: 5vw;
        height: 5vw;
        background-color: #265fdd;
        border-style: solid;
        border-width: 0.4vw;
        border-color: #265fdd;
    }

    .tab_menu_switch label .mark b {
        position: absolute;
        top: 1vw;
        left: 0.6vw;
        width: 2vw;
        height: 2vw;
        border-style: solid;
        border-width: 0.4vw 0 0 0.4vw;
        border-color: #ffffff;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotateZ(135deg);
        transform: rotateZ(135deg);
    }

}

/* @media */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:960px) and (orientation: landscape) {
    /* ++++++++++++++++++++++++++++++++++++++++++++++++ */

    .tab_menu .cate_menu {
        top: 10%;
    }

    .tab_menu .cate_menu ul li {
        width: 25%;
    }

}

/* @media */