@charset "utf-8";
/*----------------------------------------------------
  ビビッドアーミーnarrow cup2021
----------------------------------------------------*/
#page_narrow_buzz.feature_vividarmy {
    background-color: #fff;
}

#page_narrow_buzz.feature_vividarmy .animation{
    opacity : 0;
    visibility: hidden;
    transition: 1s;
    transform: translateY(30px);
}

#page_narrow_buzz.feature_vividarmy .active{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#page_narrow_buzz.feature_vividarmy .color {
    color: #ff3dc3;
}

#page_narrow_buzz.feature_vividarmy .mv {
    background: url(/img/narrowbuzz/vividarmy/con5_bg_pattern.png) center top;
    min-height: 700px;
    min-width: 1000px;
    width: 100%;
}

#page_narrow_buzz.feature_vividarmy .information {
    background: url(/img/narrowbuzz/vividarmy/con1_bg.png) no-repeat top center, #fff;
    padding: 80px 0 200px;
    position: relative;
    text-align: center;
}

#page_narrow_buzz.feature_vividarmy .information::before {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con1_parts_01.png) no-repeat top right;
    background-size: 100%;
    position: absolute;
    top: -141px;
    right: -109px;
    height: 374px;
    width: 389px;
}

#page_narrow_buzz.feature_vividarmy .information::after {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con1_parts_04.png) no-repeat bottom left;
    background-size: 100%;
    position: absolute;
    bottom: -104px;
    left: -79px;
    height: 248px;
    width: 230px;
    z-index: 1;
}

#page_narrow_buzz.feature_vividarmy .information .ttl {
    margin-bottom: 32px;
}

#page_narrow_buzz.feature_vividarmy .information .text {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1.35px;
    line-height: 48px;
    text-shadow: 5px 4px 5px #161d64, -5px -4px 5px #161d64, -5px 4px 5px #161d64, 5px -4px 5px #161d64, 5px 0 5px #161d64, -5px 0 5px #161d64, 0 4px 5px #161d64, 0 -4px 5px #161d64;
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .information .text::before {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con1_parts_02.png) no-repeat top left;
    background-size: 100%;
    position: absolute;
    top: 64px;
    left: -102px;
    height: 584px;
    width: 245px;
}

#page_narrow_buzz.feature_vividarmy .information .text::after {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con1_parts_03.png) no-repeat top right;
    background-size: 100%;
    position: absolute;
    top: 64px;
    right: -136px;
    height: 572px;
    width: 288px;
}

#page_narrow_buzz.feature_vividarmy .apply {
    padding: 20px 0 0;
}

#page_narrow_buzz.feature_vividarmy .apply a.btn {
    font-size: 26px;
    letter-spacing: 1.3px;
    margin: 0 auto 14px;
    padding: 36px 0;
}

#page_narrow_buzz.feature_vividarmy .apply .txt {
    color: #231815;
    text-shadow: none;
}

#page_narrow_buzz.feature_vividarmy .play_btn {
    background: url(/img/narrowbuzz/vividarmy/bg_parts_02.png) no-repeat top left, #252c76;
    background-size: 100%;
    padding: 145px 0 0;
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .play_btn::after {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con2_parts_01.png) no-repeat bottom right;
    background-size: 100%;
    position: absolute;
    top: 98px;
    right: -114px;
    height: 233px;
    width: 263px;
    z-index: 1;
}

#page_narrow_buzz.feature_vividarmy .play_btn a.btn {
    background: #64e9ff;
    border-bottom: 10px solid #40a9ba;
    color: #1e2678;
    letter-spacing: normal;
    margin: 0 auto 8px;
}

#page_narrow_buzz.feature_vividarmy .play_btn .txt {
    color: #fff;
}

#page_narrow_buzz.feature_vividarmy .participants_list {
    background:
        url(/img/narrowbuzz/vividarmy/bg_parts_04.png) left -2px top no-repeat,
        url(/img/narrowbuzz/vividarmy/bg_parts_01.png) right -3px bottom no-repeat ,
        url(/img/narrowbuzz/vividarmy/con5_bg_pattern.png);
    background-size: 100%, 100%, 1600px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.35px;
    line-height: 48px;
    margin-bottom: 30px;
    padding: 218px 0 200px;
    position: relative;
    text-shadow: 5px 4px 5px #161d64, -5px -4px 5px #161d64, -5px 4px 5px #161d64, 5px -4px 5px #161d64, 5px 0 5px #161d64, -5px 0 5px #161d64, 0 4px 5px #161d64, 0 -4px 5px #161d64;
}

#page_narrow_buzz.feature_vividarmy .participants_list .inner {
    background: #252c76;
}

#page_narrow_buzz.feature_vividarmy .participants_list h2 {
    height: 130px;
    position: relative;
    z-index: 1;
}

#page_narrow_buzz.feature_vividarmy .participants_list h2 img {
    position: absolute;
    top: -141px;
    left: -86px;
}

#page_narrow_buzz.feature_vividarmy .participants_list .text_box {
    background: url(/img/narrowbuzz/vividarmy/participants_bg.png);
    padding: 80px 0;
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .participants_list .text_box .parts img {
    position: absolute;
}

#page_narrow_buzz.feature_vividarmy .participants_list .text_box .parts img.parts1 {
    top: -130px;
    left: -410px;
}

#page_narrow_buzz.feature_vividarmy .participants_list .text_box .parts img.parts2 {
    bottom: -245px;
    right: -325px;
}

#page_narrow_buzz.feature_vividarmy .participants_list .user_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 0;
    justify-content: center;
    width: 900px;
}

#page_narrow_buzz.feature_vividarmy .participants_list .user_list .user_data {
    background: #202666;
    border-radius: 10px;
    padding: 40px;
}

#page_narrow_buzz.feature_vividarmy .participants_list .user_list .user_data .top_box {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

#page_narrow_buzz.feature_vividarmy .participants_list .user_list .user_data:nth-child(3) .top_box,
#page_narrow_buzz.feature_vividarmy .participants_list .user_list .user_data:nth-child(4) .top_box {
    margin-bottom: 25px;
}

#page_narrow_buzz.feature_vividarmy .participants_list .user_list .user_data .top_box .img_wrap {
    margin-right: 40px;
}

#page_narrow_buzz.feature_vividarmy .participants_list .user_list .user_data .top_box .name {
    line-height: 38px;
}

#page_narrow_buzz.feature_vividarmy .participants_list .user_list .user_data .top_box .name a {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin: 20px 10px 5px;
    text-decoration: none;
}

#page_narrow_buzz.feature_vividarmy .participants_list .user_list .user_data .top_box .name .parsonal_data {
    font-size: 18px;
    margin-left: 10px;
    text-shadow: none;
}

#page_narrow_buzz.feature_vividarmy .participants_list .user_list .user_data .comment {
    line-height: 36px;
    font-size: 18px;
    padding: 0 10px;
}

#page_narrow_buzz.feature_vividarmy .participants_list .text {
    font-size: 18px;
    line-height: 36px;
    padding: 26px 0 105px;
    text-align: center;
}

#page_narrow_buzz.feature_vividarmy .products {
    background: url(/img/narrowbuzz/vividarmy/bg_parts_02.png) no-repeat top left,
    url(/img/narrowbuzz/vividarmy/bg_parts_01.png) no-repeat bottom right -3px,
    url(/img/narrowbuzz/vividarmy/con2_bg_02.png) no-repeat top 4px left,
    url(/img/narrowbuzz/vividarmy/con2_bg.png) no-repeat center left,#f25fbc;
    background-size: 100%, 100%, 490px 100%, contain;
    padding: 0 0 20px;
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .products img.parts2 {
    position: absolute;
    top: -100px;
    right: -115px;
}

#page_narrow_buzz.feature_vividarmy .products .inner {
    display: flex;
    justify-content: center;
    width: 1600px;
}

#page_narrow_buzz.feature_vividarmy .products .text_box {
    position: relative;
    top: 258px;
    left: -280px;
    height: 100%;
    width: 740px;
}

#page_narrow_buzz.feature_vividarmy .products .ttl {
    margin-bottom: 25px;
}

#page_narrow_buzz.feature_vividarmy .products .text_box p.text {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1.1px;
    line-height: 48px;
    text-shadow: 3px 3px 4px #161d64, -3px -3px 4px #161d64, -3px 3px 4px #161d64, 3px -3px 4px #161d64, 3px 0 4px #161d64, -3px 0 4px #161d64, 0 3px 4px #161d64, 0 -3px 4px #161d64;
}

#page_narrow_buzz.feature_vividarmy .products .text_box p.text > span {
    font-size: 22px;
    letter-spacing: 1.1px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}

#page_narrow_buzz.feature_vividarmy .products .parts {
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .products .parts::before {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con2_parts_04.png) no-repeat bottom right;
    background-size: 100%;
    position: absolute;
    top: 505px;
    right: -570px;
    height: 369px;
    width: 356px;
}

#page_narrow_buzz.feature_vividarmy .products .parts::after {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con2_parts_03.png) no-repeat bottom right;
    background-size: 100%;
    position: absolute;
    top: 467px;
    right: -416px;
    height: 257px;
    width: 840px;
    z-index: 1;
}

#page_narrow_buzz.feature_vividarmy .products .parts img.parts1 {
    position: relative;
    top: 95px;
    left: -292px;
    z-index: 1;
}

#page_narrow_buzz.feature_vividarmy .condition {
    background: url(/img/narrowbuzz/vividarmy/bg_parts_02.png) no-repeat top left -3px,
    url(/img/narrowbuzz/vividarmy/bg_parts_03.png) no-repeat bottom right,
    url(/img/narrowbuzz/vividarmy/con3_bg_pattern.png);
    background-size: 100%, 100%, contain;
    padding: 184px 0;
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .condition::before {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con3_parts_01.png) no-repeat top right;
    background-size: 100%;
    position: absolute;
    top: -104px;
    right: -278px;
    height: 322px;
    width: 663px;
}

#page_narrow_buzz.feature_vividarmy .condition::after {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con3_parts_02.png) no-repeat center left;
    background-size: 100%;
    position: absolute;
    top: 760px;
    left: -300px;
    height: 320px;
    width: 506px;
}

#page_narrow_buzz.feature_vividarmy .condition .contents_box_wrap {
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .condition .contents_box_wrap::after {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con3_parts_03.png) no-repeat bottom right;
    background-size: 100%;
    position: absolute;
    bottom: -158px;
    right: -85px;
    height: 257px;
    width: 244px;
    z-index: 0;
}

#page_narrow_buzz.feature_vividarmy .condition .inner {
    background: #fff;
    box-shadow: -14.1px 15.6px 16.8px 12.2px rgb(0 0 0 / 40%);
    padding: 68px 0 54px;
    position: relative;
    z-index: 1;
}

#page_narrow_buzz.feature_vividarmy .condition .inner h2 {
    text-align: center;
}

#page_narrow_buzz.feature_vividarmy .condition .contents_box .contents {
    padding: 42px 45px 0;
}

#page_narrow_buzz.feature_vividarmy .condition h3 {
    margin-bottom: 4px;
}

#page_narrow_buzz.feature_vividarmy .condition ul li {
    background: url(/img/narrowbuzz/vividarmy/icon_01.png) no-repeat top 8px left;
}

#page_narrow_buzz.feature_vividarmy .present {
    background: url(/img/narrowbuzz/vividarmy/con4_bg_01.png) no-repeat top 99px center,
    url(/img/narrowbuzz/vividarmy/con4_bg_02.png) no-repeat left, #252c76;
    padding: 84px 0 144px;
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .present::before {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con3_parts_04.png) no-repeat top left;
    background-size: 100%;
    position: absolute;
    top: -146px;
    left: -80px;
    height: 279px;
    width: 377px;
    z-index: 0;
}

#page_narrow_buzz.feature_vividarmy .present h2 {
    margin-bottom: 56px;
    text-align: center;
}

#page_narrow_buzz.feature_vividarmy .present .inner {
    background: #fff;
    border: solid 6px #ea43bc;
    box-shadow: -14.1px 15.6px 16.8px 12.2px rgb(0 0 0 / 40%);
    padding: 62px 0 0;
    text-align: center;
}

#page_narrow_buzz.feature_vividarmy .present .inner h3.present_ttl {
    margin-bottom: 46px;
}

#page_narrow_buzz.feature_vividarmy .present .inner ul.privilege_list {
    margin: 0 auto 36px;
    padding-bottom: 40px;
    position: relative;
    width: 640px;
}

#page_narrow_buzz.feature_vividarmy .present .inner ul.border::after {
    content: "";
    border-bottom: solid 3px #c0c0c0;
    position: absolute;
    bottom: 0;
    left: 86px;
    height: 3px;
    width: 470px;
}

#page_narrow_buzz.feature_vividarmy .present .inner ul.privilege_list li {
    background: url(/img/narrowbuzz/vividarmy/icon_02.png) no-repeat left;
    display: inline-block;
    color: #111;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 30px;
    padding-left: 24px;
}

#page_narrow_buzz.feature_vividarmy .present .inner ul.privilege_list li:last-child {
    margin-bottom: 0;
}

#page_narrow_buzz.feature_vividarmy .present .inner .applicant h3.present_ttl {
    margin-bottom: 52px;
}

#page_narrow_buzz.feature_vividarmy .schedule {
    background: url(/img/narrowbuzz/vividarmy/bg_parts_04.png) no-repeat top left -3px,
    url(/img/narrowbuzz/vividarmy/bg_parts_01.png) no-repeat bottom right -3px,
    url(/img/narrowbuzz/vividarmy/con5_parts_06.png) no-repeat top -124px left,
    url(/img/narrowbuzz/vividarmy/con5_bg_pattern.png);
    background-size: 100%, 100%, 548px, contain;
    padding: 213px 0 180px;
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .schedule h2 {
    margin-bottom: 65px;
    text-align: center;
}

#page_narrow_buzz.feature_vividarmy .flow {
    position: relative;
    z-index: 1;
}

#page_narrow_buzz.feature_vividarmy .flow::after {
    border-left: 2px solid #fff;
    content: "";
    height: 95%;
    left: 50%;
    margin-left: -400px;
    position: absolute;
    top: 10px;
    z-index: -1;
}

#page_narrow_buzz.feature_vividarmy .flow li {
    display: flex;
    position: relative;
    right: -30px;
}

#page_narrow_buzz.feature_vividarmy .flow .date_wrap {
    text-align: center;
    width: 143px;
}

#page_narrow_buzz.feature_vividarmy .flow .date_wrap:last-child {
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .flow .date {
    background: url(/img/narrowbuzz/vividarmy/con5_parts_01.png) top center no-repeat;
    color: #fff;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 142px;
    line-height: 24px;
    text-align: left;
    padding: 8px 38px 0 40px;
}

#page_narrow_buzz.feature_vividarmy .flow li:last-child .date {
    padding: 0;
}

#page_narrow_buzz.feature_vividarmy .flow .date span.text_right {
    text-align: right;
}

#page_narrow_buzz.feature_vividarmy .flow .date span.text_center {
    text-align: center;
}

#page_narrow_buzz.feature_vividarmy .flow .date .small {
    font-size: 14px;
}

#page_narrow_buzz.feature_vividarmy .flow .examination {
    box-sizing: border-box;
    font-size: 18px;
    margin-top: 20px;
    padding: 0 0 40px 60px;
    width: 840px;
}

#page_narrow_buzz.feature_vividarmy .flow li:nth-last-of-type(2) .examination {
    padding-bottom: 75px;
}

#page_narrow_buzz.feature_vividarmy .flow li:nth-last-of-type(3) .examination {
    padding-bottom: 75px;
}

#page_narrow_buzz.feature_vividarmy .flow li:nth-last-of-type(4) .examination {
    padding-bottom: 75px;
}

#page_narrow_buzz.feature_vividarmy .flow .examination .examination_ttl {
    color: #fff;
    display: block;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1.3px;
    line-height: 48px;
    margin-bottom: 15px;
    text-shadow: 3px 3px 4px #161d64, -3px -3px 4px #161d64, -3px 3px 4px #161d64, 3px -3px 4px #161d64, 3px 0 4px #161d64, -3px 0 4px #161d64, 0 3px 4px #161d64, 0 -3px 4px #161d64;
}

#page_narrow_buzz.feature_vividarmy .flow .examination .bold {
    display: inline-block;
    font-size: 36px;
    letter-spacing: 1.8px;
    line-height: 48px;
}

#page_narrow_buzz.feature_vividarmy .flow .examination p {
    color: #1e2678;
    display: inline;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
}

#page_narrow_buzz.feature_vividarmy .presentation p {
    color: #1e2678;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}

#page_narrow_buzz.feature_vividarmy .presentation {
    margin-bottom: -140px;
    position: relative;
    top: -150px;
}

#page_narrow_buzz.feature_vividarmy .presentation_ttl {
    background: url(/img/narrowbuzz/vividarmy/con5_parts_02.png) center top 10px no-repeat;
    color: #fff;
    display: block;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 2.1px;
    line-height: 48px;
    margin-bottom: 22px;
    padding-top: 60px;
    text-align: center;
    text-shadow: 3px 3px 4px #161d64, -3px -3px 4px #161d64, -3px 3px 4px #161d64, 3px -3px 4px #161d64, 3px 0 4px #161d64, -3px 0 4px #161d64, 0 3px 4px #161d64, 0 -3px 4px #161d64;
}

#page_narrow_buzz.feature_vividarmy .presentation_ttl span {
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .presentation_ttl span::before {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con5_parts_04.png) no-repeat top left;
    background-size: 100%;
    position: absolute;
    top: -20px;
    right: -60px;
    height: 52px;
    width: 38px;
}

#page_narrow_buzz.feature_vividarmy .presentation_ttl span::after {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con5_parts_03.png) no-repeat top right;
    background-size: 100%;
    position: absolute;
    top: -20px;
    left: -60px;
    height: 52px;
    width: 40px;
}

#page_narrow_buzz.feature_vividarmy .sponsors {
    padding: 94px 0 36px;
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .sponsors::after {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con5_parts_05.png) no-repeat top right;
    background-size: 100%;
    position: absolute;
    top: -221px;
    right: -40px;
    height: 209px;
    width: 219px;
}

#page_narrow_buzz.feature_vividarmy .sponsors .inner {
    border: solid 1px #888;
    padding: 0 0 90px;
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .sponsors h2 {
    background: #fff;
    margin: 0 auto;
    position: relative;
    top: -18px;
    width: 208px;
}

#page_narrow_buzz.feature_vividarmy .sponsors .inner::after {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con6_parts_01.png) no-repeat bottom right;
    background-size: 100%;
    position: absolute;
    bottom: -28px;
    right: -20px;
    height: 212px;
    width: 134px;
}

#page_narrow_buzz.feature_vividarmy .sponsors .sponsor_info .sponsor_log {
    text-align: center;
}

#page_narrow_buzz.feature_vividarmy .sponsors .text_area {
    padding-top: 48px;
}

#page_narrow_buzz.feature_vividarmy .sponsors .text_area p {
    color: #111;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1.1px;
    line-height: 48px;
    padding: 45px 0 0 82px;
}

#page_narrow_buzz.feature_vividarmy .sponsors .hp_link {
    margin-top: 48px;
}

#page_narrow_buzz.feature_vividarmy .sponsors .hp_link a {
    background: url(/img/narrowbuzz/arrow.png) right 30px center no-repeat #131313;
    border-radius: 60px !important;
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 140%;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: 400px;
}

#page_narrow_buzz.feature_vividarmy .bottom_apply {
    background: url(/img/narrowbuzz/vividarmy/bg_parts_02.png) no-repeat top left,
    url(/img/narrowbuzz/vividarmy/bg_parts_01.png) no-repeat bottom right -3px, #1e2678;
    background-size: 100%;
    padding: 130px 0 120px;
    position: relative;
}

#page_narrow_buzz.feature_vividarmy .bottom_apply::before {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con6_parts_02.png) no-repeat top left;
    background-size: 100%;
    position: absolute;
    top: -45px;
    left: -298px;
    height: 255px;
    width: 550px;
}

#page_narrow_buzz.feature_vividarmy .bottom_apply::after {
    content: "";
    background: url(/img/narrowbuzz/vividarmy/con6_parts_03.png) no-repeat top right;
    background-size: 100%;
    position: absolute;
    top: 114px;
    right: -40px;
    height: 192px;
    width: 315px;
}

#page_narrow_buzz.feature_vividarmy .bottom_apply .txt,
#page_narrow_buzz.feature_vividarmy .bottom_apply a.link {
    border-bottom: none;
    color: #fff;
}