@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese");
.mincho {
    font-family: "Noto Serif JP";
}

.softly {
    color: #000;
}

.inrWidth {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.outerWidth {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

.fullWidth {
    margin-right: auto;
    margin-left: auto;
}

.fb {
    font-weight: 700;
}

/*20220803 堀追加　「ツールバーへスキップ」「ログアウト」変な場所にあるのを見えなくした*/
#wpadminbar .screen-reader-shortcut {
    position: absolute;
    top: 0 !important;
}

@media screen and (min-width: 1200px) {
    .fullWidth {
        width: 1200px;
    }
    .inrWidth {
        width: 1000px;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
    .fullWidth {
        width: 100%;
    }
    .outerWidth {
        width: 1100px;
    }
    .inrWidth {
        width: 1000px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .fullWidth {
        width: 90% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .outerWidth {
        width: 95% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .inrWidth {
        width: 95% !important;
    }
}

@media screen and (max-width: 768px) {
    .inrWidth {
        width: 90%;
    }
    .outerWidth {
        width: 90% !important;
    }
    .fullWidth {
        width: 90% !important;
    }
}

.btnWH {
    width: 245px;
    font-size: 1.6rem;
    line-height: 1;
    display: block;
    background: #FFF;
    padding: 13px;
    color: #000;
    text-decoration: none;
    position: relative;
    border: 1px solid #000;
}

.btnWH:after {
    content: "";
    position: absolute;
    right: 5%;
    background: url(../img/common/arrow_b.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
}

.btnWH:hover {
    border: 1px solid #000;
    background: #000;
    color: #FFF;
}

.btnWH:hover:after {
    content: "";
    position: absolute;
    right: 5%;
    background: url(../img/common/arrow_w.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
}


/* PC */

@media screen and (min-width: 769px) {
    .mirainno-2021-ml {
        margin-left: 16px !important;
    }
    #event,
    #guidelines,
    #artive {
        padding-top: 150px;
        margin-top: -150px;
        display: block;
    }
    .acc_content {
        display: none;
    }
    .accordion_btn {
        cursor: pointer;
        position: relative;
    }
    .accordion_btn span {
        position: absolute;
        top: 0;
        right: 0;
        background: #000;
        height: 40px;
        width: 40px;
    }
    .accordion_btn span:before {
        content: "";
        width: 20px;
        height: 2px;
        display: block;
        background: #fff;
        position: absolute;
        top: 19px;
        left: 10px;
    }
    .accordion_btn span.open:after {
        content: "";
        width: 2px;
        height: 20px;
        display: block;
        background: #fff;
        position: absolute;
        top: 10px;
        left: 19px;
    }
    #area_mv {
        text-align: center;
    }
    #area_mv ul {
        margin-top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.6rem;
        font-weight: bold;
    }
    #area_mv ul li {
        display: block;
        text-align: center;
        width: 33.33%;
        line-height: 2.9;
        position: relative;
    }
    #area_mv ul li:not(:last-child) {
        border-right: 1px solid #000;
    }
    #area_mv ul li:not(:nth-of-type(2)):after {
        content: "";
        position: absolute;
        top: 13px;
        right: 10%;
        background: url(../img/common/arrow_b.png) no-repeat;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-size: contain;
        transition: .4s;
        width: 10px;
        height: 20px;
    }
    #area_mv ul li.open:not(:nth-of-type(2)):after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    #area_mv ul li a {
        display: block;
        width: 100%;
        height: 100%;
        color: #000;
        text-decoration: none;
    }
    .h2ctr {
        font-size: 2.6rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 40px;
        line-height: 1.5;
        position: relative;
        background: #fff;
    }
    .h2ctr:after {
        content: "";
        border-bottom: 2px solid #000;
        position: absolute;
        top: 50%;
        left: calc(50% + 12em);
        width: 40px;
    }
    .h2ctr:before {
        content: "";
        border-bottom: 2px solid #000;
        position: absolute;
        top: 50%;
        right: calc(50% + 12em);
        width: 40px;
    }
    .fs12 {
        font-size: 1.2rem;
    }
    .desc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .desc__img {
        margin-top: 7px;
    }
    .desc__txt {
        width: 49.7%;
        font-size: 1.6rem;
        line-height: 1.6;
    }
    .desc__txt--atn {
        font-size: 1.2rem;
    }
    .links {
        width: 450px;
        margin: 50px auto 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .links__btn {
        width: 220px;
        text-align: left;
    }
    .links .btnGY {
        background: #cccccc;
        color: #000;
        border: 1px solid #cccccc;
    }
    .links .btnGY:after {
        content: "";
        position: absolute;
        top: 13px;
        right: 10%;
        margin-top: 0;
        background: url(../img/common/arrow_b.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
    }
    .links .btnGY:hover {
        background: #ffffff;
        border: 1px solid #999;
    }
    .links .btnGY:hover:after {
        content: "";
        position: absolute;
        right: 10%;
        background: url(../img/common/arrow_b.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
        top: 50%;
        margin-top: -9px;
    }
    /*20200730　ブルーボタン　佐藤追加*/
    .links .btnBLU {
        background: #0d93ba;
        color: #fff;
        border: 1px solid #0d93ba;
    }
    .links .btnBLU:after {
        content: "";
        position: absolute;
        top: 13px;
        right: 10%;
        margin-top: 0;
        background: url(../img/common/arrow_w.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
    }
    .links .btnBLU:hover {
        background: #ffffff;
        border: 1px solid #0d93ba;
    }
    .links .btnBLU:hover:after {
        content: "";
        position: absolute;
        right: 10%;
        background: url(../img/common/arrow_w.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
        top: 50%;
        margin-top: -9px;
    }
    /*20200730 ピンクボタン　佐藤追加*/
    .links .btnPNK {
        background: #e40682;
        color: #fff;
        border: 1px solid #e40682;
    }
    .links .btnPNK:after {
        content: "";
        position: absolute;
        top: 13px;
        right: 10%;
        margin-top: 0;
        background: url(../img/common/arrow_w.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
    }
    .links .btnPNK:hover {
        background: #ffffff;
        border: 1px solid #e40682;
    }
    .links .btnPNK:hover:after {
        content: "";
        position: absolute;
        right: 10%;
        background: url(../img/common/arrow_b.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
        top: 50%;
        margin-top: -9px;
    }
    /*20200804 ピンクボタン　佐藤追加*/
    .event__atn .btnPNK {
        background: #e40682;
        color: #fff;
        border: 1px solid #e40682;
    }
    .event__atn .btnPNK:after {
        content: "";
        position: absolute;
        top: 13px;
        right: 10%;
        margin-top: 0;
        background: url(../img/common/arrow_w.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
    }
    .event__atn .btnPNK:hover {
        background: #ffffff;
        border: 1px solid #e40682;
    }
    .event__atn .btnPNK:hover:after {
        content: "";
        position: absolute;
        right: 10%;
        background: url(../img/common/arrow_b.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
        top: 50%;
        margin-top: -9px;
    }
    /*グレーボタン佐藤追加*/
    .event__atn .btnGY {
        background: #cccccc;
        color: #000;
        border: 1px solid #cccccc;
    }
    .event__atn .btnGY:after {
        content: "";
        position: absolute;
        top: 13px;
        right: 10%;
        margin-top: 0;
        background: url(../img/common/arrow_b.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
    }
    .event__atn .btnGY:hover {
        background: #ffffff;
        border: 1px solid #999;
    }
    .event__atn .btnGY:hover:after {
        content: "";
        position: absolute;
        right: 10%;
        background: url(../img/common/arrow_b.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
        top: 50%;
        margin-top: -9px;
    }
    /*20200730 ピンクボタン　佐藤追加*/
    .img-adj {
        margin-left: 20px;
        margin-bottom: 4px;
    }
    .img-adj2 {
        margin-bottom: 10px;
    }
    /*20200730 文章隙間　佐藤追加*/
    .p-adj {
        margin-bottom: 10px;
    }
    .winHead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 70px;
    }
    .winHead__txtarea {
        width: 50%;
    }
    .winHead__txtarea .btnBK {
        width: 235px;
        text-align: left;
    }
    .winHead__img {
        position: relative;
        margin-bottom: 30px;
    }
    .winHead__img span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1;
        padding: 10px;
        color: #FFF;
        background: #000;
    }
    .winHead2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 70px;
    }
    .winHead__txtarea2 {
        width: 100%;
    }
    .winHead__txtarea2 .btnBK {
        width: 235px;
        text-align: left;
    }
    .winHead2__img {
        position: relative;
        margin-bottom: 30px;
    }
    .winHead2__img span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1;
        padding: 10px;
        color: #FFF;
        background: #000;
    }
    /*ミライノピッチ2021*/
    .winHead2021__img {
        width: 90%;
        margin: 0 auto 10px;
    }
    .winHead2021__img img {
        width: 100%;
    }
    .winHead2021-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 70px;
    }
    .winHead2021-flex-img {
        width: 48%;
        position: relative;
        margin-bottom: 30px;
        margin-right: 2%;
    }
    .winHead2021-flex-img img {
        width: 100%;
    }
    .winCont__ttl {
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 25px;
    }
    .winCont table {
        width: 100%;
        margin-bottom: 40px;
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    }
    .winCont tr {
        border-bottom: 1px solid #000;
    }
    .winCont tr:first-of-type {
        border-top: 1px solid #000;
    }
    .winCont th,
    .winCont td {
        font-size: 1.6rem;
        padding: 20px 25px;
    }
    .winCont th {
        background: #eee;
        width: 300px;
        vertical-align: middle;
        font-weight: bold;
    }
    .event p {
        margin-bottom: 0;
    }
    .event a p {
        margin-bottom: 20px;
        padding-left: 55px;
    }
    .event h4 {
        padding-left: 55px;
        margin-bottom: 20px;
        font-size: 1.7rem;
        font-weight: bold;
    }
    .event__ttl {
        font-size: 1.8rem;
        font-weight: bold;
        width: 100%;
        margin: 45px 0 20px;
        padding-left: 55px;
        position: relative;
    }
    .event__ttl:before {
        content: "――";
        position: absolute;
        left: 0;
        top: 0;
        color: #e40682;
    }
    .event__dl {
        padding-left: 45px;
        font-size: 1.6rem;
        letter-spacing: 0;
    }
    .event__dt {
        display: inline-block;
    }
    .event .summary__ttl {
        width: 70px;
    }
    .event .summary__dd {
        display: inline-block;
        width: 830px;
    }
    .event .time__ttl {
        width: 140px;
    }
    .event .time__dd {
        display: inline-block;
        width: 800px;
    }
    .event table {
        margin-left: 55px;
        width: calc(100% - 55px);
        margin-bottom: 40px;
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    }
    .event tr {
        border-bottom: 1px solid #000;
    }
    .event tr:first-of-type {
        border-top: 1px solid #000;
    }
    .event td {
        font-size: 1.6rem;
        padding: 20px 25px;
    }
    .event th {
        font-size: 1.6rem;
        letter-spacing: 0;
        width: 180px;
        background: #eee;
        vertical-align: middle;
        font-weight: bold;
    }
    .event table.sponsor th {
        width: 200px;
    }
    .event table.sponsor th span {
        font-size: 1.4rem;
    }
    .event__judge {
        padding-left: 55px;
    }
    .event__judge--member {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        /*width: 1200px;*/
    }
    .event__judge--member li {
        width: 50%;
        margin-bottom: 25px;
    }
    .event__judge--member li:nth-child(2n) {
        width: 50%;
        margin-bottom: 25px;
    }
    .event__judge--member--li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .event__judge--member--img {
        margin-right: 20px;
    }
    .event__judge--member--name {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1.45;
    }
    .event__judge--member--camp {
        font-size: 1.6rem;
        line-height: 1.6;
    }
    .event__judge--member .ls20 {
        letter-spacing: -0.02em;
    }
    .event__judge--member--post {
        font-size: 1.6rem;
        line-height: 1.6;
    }
    .event__atn {
        margin-left: 55px;
        margin-bottom: 25px;
        font-size: 1.6rem;
    }
    .event__atn li {
        text-indent: -1em;
        margin-left: 1em;
        line-height: 1.7;
    }
    .event__atn--contact {
        margin-top: 20px;
        margin-bottom: 10px !important;
    }
    .guidelines .btnBK {
        text-align: center;
        margin: 25px 0 20px;
        width: 400px;
    }
    .guidelines table {
        margin-left: 55px;
        width: calc(100% - 55px);
        margin-bottom: 40px;
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    }
    .guidelines thead th {
        background: #000;
        color: #FFF;
        padding: 20px 0;
    }
    .guidelines tr {
        border-bottom: 1px solid #000;
    }
    .guidelines tr:first-of-type {
        border-top: 1px solid #000;
    }
    .guidelines td {
        font-size: 1.6rem;
        width: 370px;
        padding: 20px 25px;
        letter-spacing: 0;
    }
    .guidelines th {
        width: 200px;
        font-size: 1.6rem;
        background: #eee;
        vertical-align: middle;
        font-weight: bold;
    }
    .guidelines p {
        margin-bottom: 10px;
    }
    .guidelines .guidelines__atn li {
        text-indent: -1em;
        margin-left: 1em;
        line-height: 1.7;
    }
    .artive .css-events-list a h4 {
        color: #000;
        text-align: center;
    }
    .artive .css-events-list a p {
        text-align: center;
    }
    .artive .css-events-list a .btnBK {
        text-align: left;
        width: 200px;
        margin: 0 auto 20px;
    }
    .artive .list li {
        margin-bottom: 0;
    }
    .interview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .interview a {
        color: #000;
        text-decoration: none;
    }
    .interview__blk {
        width: 245px;
        border: 1px solid #cccccc;
        text-align: center;
    }
    .interview__blk--ttl {
        font-size: 1.6rem;
        line-height: 1.1;
        margin: 25px 0 15px;
    }
    .interview__blk--ttl span {
        font-size: 1.2rem;
    }
    .interview__blk--name {
        margin-top: 15px;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1.45;
    }
    .interview__blk--camp {
        font-size: 1.6rem;
        line-height: 1.6;
    }
    .interview__blk--txt {
        font-size: 1.4rem;
        letter-spacing: 0;
        width: 80%;
        text-align: left;
        margin: 0 auto 20px;
    }
    /*受賞者インタビュー*/
    .interview__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
        margin-bottom: 25px;
    }
    .interview__nav li {
        width: 25%;
        line-height: 58px;
        text-align: center;
        border-right: 1px solid #9f9f9f;
    }
    .interview__nav li:first-child {
        border-left: 1px solid #9f9f9f;
    }
    .interview__nav li.current {
        color: #000 !important;
        background: #ffeef8 !important;
        border-bottom: 2px solid #e40682;
    }
    .interview__year {
        font-size: 1.8rem;
        font-weight: bold;
        color: #e50783;
        margin: 0 0 15px 45px;
    }
    .interview article {
        display: none;
    }
    .interview article.current {
        display: block;
        background: none !important;
    }
    .interview__art {
        font-size: 1.6rem;
        width: 900px;
        margin: 0 auto;
    }
    .interview__art li {
        margin-bottom: 25px;
        letter-spacing: 0;
        color: #000;
    }
    .interview__art a {
        color: #000;
        text-decoration: none;
        border-bottom: 1px solid #808080;
    }
    /*過去の受賞者一覧*/
    .media__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
        margin-bottom: 25px;
    }
    .media__nav li {
        width: 25%;
        line-height: 58px;
        text-align: center;
        border-right: 1px solid #9f9f9f;
    }
    .media__nav li:first-child {
        border-left: 1px solid #9f9f9f;
    }
    .media__nav li.current {
        color: #000 !important;
        background: #ffeef8 !important;
        border-bottom: 2px solid #e40682;
    }
    .media__year {
        font-size: 1.8rem;
        font-weight: bold;
        color: #e50783;
        margin: 0 0 15px 45px;
    }
    .media article {
        display: none;
    }
    .media article.current {
        display: block;
        background: none !important;
    }
    .media__art {
        font-size: 1.6rem;
        width: 900px;
        margin: 0 auto;
    }
    .media__art li {
        margin-bottom: 25px;
        letter-spacing: 0;
        color: #000;
    }
    .media__art a {
        color: #000;
        text-decoration: none;
        border-bottom: 1px solid #808080;
    }
    #area_news {
        margin-bottom: 100px;
    }
    #area_news .news a {
        text-decoration: none;
    }
    #area_news .news.inrWidth {
        width: 900px;
        margin: 0 auto;
    }
    #area_news .news a:last-of-type dl {
        border-bottom: 1px solid #000;
    }
    #area_news .news dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.2rem;
        font-weight: bold;
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
        border-top: 1px solid #000;
        color: #000;
    }
    #area_news .news dl dt,
    #area_news .news dl dd {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #area_news .news dl dt {
        width: 23%;
        padding-left: 1.5%;
        letter-spacing: 0;
        color: #e52487;
        line-height: 1;
    }
    #area_news .news dl dt span {
        margin-left: 20px;
        display: inline-block;
        background: #cccccc;
        padding: 5px 10px;
        color: #000;
        border-radius: 30px;
    }
    #area_news .news dl dd {
        width: 77%;
        position: relative;
    }
    /* #area_news .news dl dd:after {
        content: "";
        position: absolute;
        right: 2.5%;
        background: url(../img/common/arrow_b.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
    } */
    .readmore {
        display: block;
        text-align: right;
        margin-top: 40px;
    }
}


/* SP */

@media screen and (max-width: 768px) {
    .mirainno-2021-ml {
        margin-left: 80px !important;
    }
    #event,
    #guidelines,
    #artive {
        padding-top: 100px;
        margin-top: -100px;
        display: block;
    }
    .acc_content {
        display: none;
    }
    .accordion_btn {
        cursor: pointer;
        position: relative;
        padding-right: 30px;
    }
    .accordion_btn span {
        position: absolute;
        top: 0;
        right: 0;
        background: #000;
        height: 40px;
        width: 40px;
    }
    .accordion_btn span:before {
        content: "";
        width: 20px;
        height: 2px;
        display: block;
        background: #fff;
        position: absolute;
        top: 19px;
        left: 10px;
    }
    .accordion_btn span.open:after {
        content: "";
        width: 2px;
        height: 20px;
        display: block;
        background: #fff;
        position: absolute;
        top: 10px;
        left: 19px;
    }
    .btnWH {
        font-size: 1.4rem;
    }
    #area_mv ul {
        margin-top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.3rem;
        letter-spacing: 0;
        font-weight: bold;
    }
    #area_mv ul li {
        display: block;
        text-align: center;
        width: 33.33%;
        line-height: 2.9;
        padding-bottom: 15px;
        position: relative;
    }
    #area_mv ul li:not(:last-child) {
        border-right: 1px solid #000;
    }
    #area_mv ul li:not(:nth-of-type(2)):after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 50%;
        background: url(../img/common/arrow_b.png) no-repeat;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-size: contain;
        transition: .4s;
        width: 10px;
        height: 20px;
    }
    #area_mv ul li.open:not(:nth-of-type(2)):after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    #area_mv ul li a {
        display: block;
        width: 100%;
        height: 100%;
        color: #000;
        text-decoration: none;
    }
    .h2ctr {
        font-size: 2rem;
        text-align: center;
        margin-bottom: 40px;
        line-height: 1.5;
        position: relative;
        background: #fff;
    }
    .h2ctr:after {
        content: "";
        border-bottom: 2px solid #000;
        position: absolute;
        top: 50%;
        left: calc(50% + 7em);
        width: 20px;
    }
    .h2ctr:before {
        content: "";
        border-bottom: 2px solid #000;
        position: absolute;
        top: 50%;
        right: calc(50% + 7em);
        width: 20px;
    }
    .fs12 {
        font-size: 1.2rem;
    }
    .desc__img {
        margin-bottom: 15px;
    }
    .desc__txt {
        width: 100%;
        font-size: 1.4rem;
        line-height: 1.6;
    }
    .desc__txt--atn {
        font-size: 1.2rem;
    }
    .links {
        width: 100%;
        margin: 20px auto 0;
        /* display: -webkit-box; */
        display: -ms-flexbox;
        /* display: flex; */
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .links__btn {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .links .btnGY {
        background: #cccccc;
        color: #000;
        border: 1px solid #cccccc;
    }
    .links .btnGY:after {
        content: "";
        position: absolute;
        top: 13px;
        right: 10%;
        margin-top: 0;
        background: url(../img/common/arrow_b.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
    }
    .links .btnGY:hover {
        background: #ffffff;
        border: 1px solid #999;
    }
    .links .btnGY:hover:after {
        content: "";
        position: absolute;
        right: 10%;
        background: url(../img/common/arrow_b.png) no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
        top: 50%;
        margin-top: -9px;
    }
    .winHead {
        margin-bottom: 70px;
    }
    .winHead2 {
        margin-bottom: 70px;
    }
    .winHead__txtarea {
        width: 100%;
    }
    .winHead__txtarea .btnBK {
        width: 235px;
        text-align: left;
    }
    .winHead__txtarea2 {
        width: 100%;
    }
    .winHead__txtarea2 .btnBK {
        width: 235px;
        text-align: left;
    }
    .winHead__img {
        position: relative;
        margin-bottom: 30px;
    }
    .winHead__img span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 1.2rem;
        letter-spacing: 0;
        line-height: 1.4;
        padding: 10px;
        color: #FFF;
        background: #000;
    }
    .winCont__ttl {
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 25px;
    }
    .winCont table {
        width: 100%;
        margin-bottom: 40px;
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    }
    .winCont tr {
        border-bottom: 1px solid #000;
    }
    .winCont tr:first-of-type {
        border-top: 1px solid #000;
    }
    .winCont th,
    .winCont td {
        display: block;
        font-size: 1.4rem;
        padding: 10px 15px;
        width: 100%;
    }
    .winCont th {
        background: #eee;
        vertical-align: middle;
        font-weight: bold;
    }
    .event p {
        margin-bottom: 0;
    }
    .event a p {
        font-size: 1.4rem;
        margin-bottom: 20px;
        padding-left: 55px;
    }
    .event h4 {
        padding-left: 55px;
        margin-bottom: 10px;
        font-size: 1.5rem;
        font-weight: bold;
    }
    .event__ttl {
        font-size: 1.6rem;
        font-weight: bold;
        width: 100%;
        margin: 45px 0 20px;
        padding-left: 55px;
        position: relative;
    }
    .event__ttl:before {
        content: "――";
        position: absolute;
        left: 0;
        top: 0;
        color: #e40682;
    }
    .event__dl {
        padding-left: 55px;
        font-size: 1.4rem;
        letter-spacing: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .event__dt {
        display: inline-block;
    }
    .event .summary__ttl {
        width: 70px;
    }
    .event .summary__dd {
        width: calc(100% - 70px);
        text-indent: -1em;
        margin-bottom: 10px;
    }
    .event .time__ttl {
        width: 100%;
        list-style: 1.2;
        display: block;
    }
    .event .time__dd {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
    .event table {
/*        margin-left: 55px;
        width: calc(100% - 55px);*/
        margin-bottom: 40px;
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
		width: 90%;
        margin: 0 auto;
    }
    .event tr {
        border-bottom: 1px solid #000;
    }
    .event tr:first-of-type {
        border-top: 1px solid #000;
    }
    .event td {
        display: block;
        width: 100%;
        font-size: 1.4rem;
        padding: 10px 15px;
    }
    .event th {
        display: block;
        font-size: 1.4rem;
        letter-spacing: 0;
        width: 100%;
        background: #eee;
        padding: 10px 15px;
        vertical-align: middle;
        font-weight: bold;
    }
    .event table.sponsor {
        text-align: center;
    }
    .event table.sponsor th span {
        font-size: 1.2rem;
    }
    .event table.sponsor td img {
        margin-bottom: 20px;
    }
    .event__judge {
        padding-left: 55px;
    }
    .event__judge--member li {
        width: 100%;
        margin-bottom: 25px;
    }
    .event__judge--member--li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .event__judge--member--img {
        width: 80px;
        margin-right: 10px;
    }
    .event__judge--member--name {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.45;
    }
    .event__judge--member--camp {
        font-size: 1.4rem;
        line-height: 1.6;
    }
    .event__judge--member .ls20 {
        letter-spacing: -0.02em;
    }
    .event__judge--member--post {
        font-size: 1.4rem;
        line-height: 1.6;
    }
    .event__atn {
        margin-left: 55px;
        margin-bottom: 25px;
        font-size: 1.2rem;
    }
    .event__atn li {
        text-indent: -1em;
        margin-left: 1em;
        line-height: 1.7;
    }
    .guidelines .btnBK {
        text-align: left;
        margin: 25px 0 20px;
        width: 80%;
        font-size: 1.2rem;
    }
    .guidelines table {
        margin-left: 55px;
        width: calc(100% - 55px);
        margin-bottom: 40px;
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    }
    .guidelines thead {
        display: none;
    }
    .guidelines tr {
        border-bottom: 1px solid #000;
    }
    .guidelines tr:first-of-type {
        border-top: 1px solid #000;
    }
    .guidelines td {
        font-size: 1.4rem;
        width: 100%;
        padding: 10px 15px;
        letter-spacing: 0;
    }
    .guidelines th {
        width: 100%;
        font-size: 1.4rem;
        background: #eee;
        vertical-align: middle;
        font-weight: bold;
    }
    .guidelines .guidelines__atn li {
        text-indent: -1em;
        margin-left: 1em;
        line-height: 1.7;
    }
    .artive .css-events-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .artive .css-events-list ul li {
        width: 49%;
        margin-bottom: 2%;
    }
    .artive .css-events-list a h4 {
        color: #000;
        text-align: center;
    }
    .artive .css-events-list a p {
        font-size: 1.2rem;
        text-align: center;
    }
    .artive .css-events-list a .btnBK {
        text-align: left;
        width: 96%;
        font-size: 1.2rem;
        padding-left: 10px;
        margin: 0 auto 4%;
    }
    .artive .list li {
        margin-bottom: 0;
    }
    .artive .list .date {
        font-size: 1.2rem;
    }
    .interview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
        background: #fff !important;
    }
    .interview a {
        color: #000;
        text-decoration: none;
        width: 100%;
    }
    .interview__blk {
        width: 300px;
        margin: 0 auto 20px;
        border: 1px solid #cccccc;
        text-align: center;
    }
    .interview__blk--ttl {
        font-size: 1.6rem;
        line-height: 1.1;
        margin: 25px 0 15px;
    }
    .interview__blk--ttl span {
        font-size: 1.2rem;
    }
    .interview__blk--name {
        margin-top: 15px;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1.45;
    }
    .interview__blk--camp {
        font-size: 1.6rem;
        line-height: 1.6;
    }
    .interview__blk--txt {
        font-size: 1.4rem;
        letter-spacing: 0;
        width: 80%;
        text-align: left;
        margin: 0 auto 20px;
    }
}

.media__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    margin-bottom: 25px;
}

.media__nav li {
    width: 25%;
    line-height: 58px;
    text-align: center;
    border-right: 1px solid #9f9f9f;
}

.media__nav li:first-child {
    border-left: 1px solid #9f9f9f;
}

.media__nav li.current {
    color: #000 !important;
    background: #ffeef8 !important;
    border-bottom: 2px solid #e40682;
}

.media__year {
    font-size: 1.8rem;
    font-weight: bold;
    color: #e50783;
    margin: 0 0 15px 45px;
}

.media article {
    display: none;
}

.media article.current {
    display: block;
    background: none !important;
}

.media__art {
    font-size: 1.6rem;
    width: 900px;
    margin: 0 auto;
}

.media__art li {
    margin-bottom: 25px;
    letter-spacing: 0;
    color: #000;
}

.media__art a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #808080;
}

#area_news .news a {
    text-decoration: none;
}

#area_news .news.inrWidth {
    width: 900px;
    margin: 0 auto;
}

#area_news .news a:last-of-type dl {
    border-bottom: 1px solid #000;
}

#area_news .news dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    border-top: 1px solid #000;
    color: #000;
}

#area_news .news dl dt,
#area_news .news dl dd {
    padding-top: 20px;
    padding-bottom: 20px;
}

#area_news .news dl dt {
    width: 23%;
    padding-left: 1.5%;
    letter-spacing: 0;
    color: #e52487;
    line-height: 1;
}

#area_news .news dl dt span {
    margin-left: 20px;
    display: inline-block;
    background: #cccccc;
    padding: 5px 10px;
    color: #000;
    border-radius: 30px;
}

#area_news .news dl dd {
    width: 77%;
    position: relative;
}

#area_news .news dl dd:after {
    content: "";
    position: absolute;
    right: 2.5%;
    background: url(../img/common/arrow_b.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
}

.readmore {
    display: block;
    text-align: right;
    margin-top: 40px;
}

.kit {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.kit p {
    margin-bottom: 5px;
}

.kit__ttl {
    font-size: 1.8rem;
    font-weight: bold;
    width: 100%;
    margin: 45px 0 20px;
    text-indent: 60px;
    position: relative;
}

.kit__ttl:before {
    display: block;
    content: "";
    position: absolute;
    width: 40px;
    height: 55%;
    top: 0;
    left: 0;
    border-bottom: 2px solid #e40682;
}

.kit__blk {
    margin: 0 auto 50px;
    text-align: center;
}

.kit__blk--img {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px !important;
}

.kit__blk--txt {
    font-size: 1.4rem;
}

.kit__blk--dl {
    margin-top: 20px;
    text-align: center;
}

.kit__blk--dl .btnWH {
    text-align: left;
    margin: 0 auto;
}

.media__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    margin-bottom: 25px;
}

.media__nav li {
    cursor: pointer;
    width: 33.3333%;
    line-height: 38px;
    text-align: center;
    border-right: 1px solid #9f9f9f;
}

.media__nav li:first-child {
    border-left: 1px solid #9f9f9f;
}

.media__nav li.current {
    color: #000 !important;
    background: #ffeef8 !important;
    border-bottom: 2px solid #e40682;
}

.media__year {
    font-size: 1.8rem;
    font-weight: bold;
    color: #e50783;
    margin: 0 0 5px 10px;
}

.media article {
    display: none;
}

.media article.current {
    display: block;
    background: none !important;
}

.media__art {
    font-size: 1.4rem;
    width: 90%;
    margin: 0 auto;
}

.media__art li {
    margin-bottom: 25px;
    letter-spacing: 0;
    color: #000;
}

.media__art a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #808080;
}

#area_news .news {
    width: 100%;
}

#area_news .news a {
    text-decoration: none;
}

#area_news .news a:last-of-type dl {
    border-bottom: 1px solid #000;
}

#area_news .news dl {
    font-size: 1.2rem;
    font-weight: bold;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    border-top: 1px solid #000;
    color: #000;
    position: relative;
    padding: 5px 0;
}

#area_news .news dl dt,
#area_news .news dl dd {
    padding-left: 3%;
}

#area_news .news dl dt {
    letter-spacing: 0;
    color: #e52487;
    line-height: 1.8;
    padding-bottom: 5px;
}

#area_news .news dl dt span {
    margin-left: 20px;
    display: inline-block;
    background: #cccccc;
    padding: 5px 10px;
    color: #000;
    border-radius: 30px;
}

#area_news .news dl dd {
    position: relative;
}


/* #area_news .news dl:after {
    content: "";
    position: absolute;
    right: 2.5%;
    top: 50%;
    margin-top: -15px;
    background: url(../img/common/arrow_b.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 30px;
} */

.readmore {
    display: block;
    text-align: right;
    margin-top: 40px;
}


}
.topPull li {
    position: relative;
    background: #FFF;
}
.ancPoint {
    padding-top: 110px;
    margin-top: -110px;
    display: block!important;
}
.h2+.ancPoint {
    padding-top: 110px;
    margin-top: -145px;
    display: block!important;
}
#area_mv .topPull__event a,
#area_mv .topPull__artive a {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 100%;
    position: absolute;
    background: #FFF;
    z-index: 1;
    border-top: 1px solid #f3f3f3;
    transition: 0.4s;
}
.topPull span {
    cursor: pointer;
    display: block;
}
.topPull span:hover,
.topPull__event.open span,
.topPull__artive.open span,
.topPull__event.open a:hover,
.topPull__artive.open a:hover {
    background: #ffeef8 !important
}
.topPull li a:hover {
    background: #ffeef8;
    opacity: 1;
}
.topPull li a.colse {
    top: 50px!important;
    pointer-events: none;
    z-index: -1!important;
    color: #FFF!important;
    border: none!important;
}
.topPull li a:nth-of-type(1) {
    top: 50px;
}
.topPull li a:nth-of-type(2) {
    top: 100px;
}
.topPull li a:nth-of-type(3) {
    top: 150px;
}
.topPull li a:nth-of-type(4) {
    top: 200px;
}

/*20200730 ピンクボタン　佐藤追加*/
.links .btnPNK {
    background: #e40682;
    color: #fff;
    border: 1px solid #e40682;
}
.links .btnPNK:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 10%;
    margin-top: 0;
    background: url(../img/common/arrow_w.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
}
.links .btnPNK:hover {
    background: #ffffff;
    border: 1px solid #e40682;
}
.links .btnPNK:hover:after {
    content: "";
    position: absolute;
    right: 10%;
    background: url(../img/common/arrow_b.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top: -9px;
}

/*20200730　ブルーボタン　佐藤追加*/
.links .btnBLU {
    background: #0d93ba;
    color: #fff;
    border: 1px solid #0d93ba;
}
.links .btnBLU:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 10%;
    margin-top: 0;
    background: url(../img/common/arrow_w.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
}
.links .btnBLU:hover {
    background: #ffffff;
    border: 1px solid #0d93ba;
}
.links .btnBLU:hover:after {
    content: "";
    position: absolute;
    right: 10%;
    background: url(../img/common/arrow_w.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top: -9px;
}

/*20200804 ピンクボタン　佐藤追加*/
.event__atn .btnPNK {
    background: #e40682;
    color: #fff;
    border: 1px solid #e40682;
}
.event__atn .btnPNK:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 10%;
    margin-top: 0;
    background: url(../img/common/arrow_w.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
}
.event__atn .btnPNK:hover {
    background: #ffffff;
    border: 1px solid #e40682;
}
.event__atn .btnPNK:hover:after {
    content: "";
    position: absolute;
    right: 10%;
    background: url(../img/common/arrow_b.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top: -9px;
}

/*グレーボタン佐藤追加*/
.event__atn .btnGY {
    background: #cccccc;
    color: #000;
    border: 1px solid #cccccc;
}
.event__atn .btnGY:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 10%;
    margin-top: 0;
    background: url(../img/common/arrow_b.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
}
.event__atn .btnGY:hover {
    background: #ffffff;
    border: 1px solid #999;
}
.event__atn .btnGY:hover:after {
    content: "";
    position: absolute;
    right: 10%;
    background: url(../img/common/arrow_b.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top: -9px;
}

/*20200730 文章隙間　佐藤追加*/
.p-adj {
    margin-bottom: 10px !important;
}
@media screen and (max-width: 768px) {
    #area_mv .topPull__event a,
    #area_mv .topPull__artive a {
        background: #f3f3f3;
        border-top: 1px solid #FFF;
        width: 150%;
    }
    
    .topPull li a.colse {
        top: 50px!important;
        pointer-events: none;
        background: #FFF!important;
        z-index: -1!important;
        color: #FFF!important;
        border: none!important;
    }
    
    li.topPull__artive a {
        transform: translate(-33%, 0);
    }
	
	/*20210803 コメント調整*/
	.winHead2__img span {
		display: block;
		margin-bottom: 2rem;
	}
}

/*# sourceMappingURL=maps/miraino.css.map */