@charset "UTF-8";

.sec-3 .performer-list,
.sec-3 .capcom-band-list {
    zoom: 1;
}

.sec-3 .performer-list:before,
.sec-3 .capcom-band-list:before,
.sec-3 .performer-list:after,
.sec-3 .capcom-band-list:after {
    content: '';
    display: table;
}

.sec-3 .performer-list:after,
.sec-3 .capcom-band-list:after {
    clear: both;
}

/* reset
---------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

/* HTML5 display-role reset for older browsers */

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

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

/* border-box */

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

/* Reset input */

input,
button,
textarea,
select {
    margin: 0;
    padding: 0;
    background: none;
    outline: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* cmn
---------------------------------------- */

.sp-hide {
    display: inline-block !important;
}

.pc-hide {
    display: none !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.weight-bold {
    font-weight: bold;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.inner {
    position: relative;
    margin: 0 auto;
    zoom: 1;
}

.inner:before,
.inner:after {
    content: '';
    display: table;
}

.inner:after {
    clear: both;
}

/* include files
---------------------------------------- */

.gDef-top-banner {
    background: #05162f;
}

#gDefSide,
#gDefFooter {
    display: none;
}

/* gDef-contents
---------------------------------------- */

.gDef-contents {
    position: relative;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; /* menu */ /* section-title */
}

.gDef-contents .inner {
    width: 1000px;
    margin: 0 auto;
}

.gDef-contents .coming-soon {
    width: 1000px;
    height: 680px;
    margin-top: 40px;
    background: url('../images/img_sec-3_cs.png') center top no-repeat;
}

.gDef-contents .btn-menu {
    display: block;
    position: fixed;
    top: 50px;
    right: 40px;
    width: 70px;
    height: 96px;
    background: url('../images/btn_menu.png') center top no-repeat;
    background-size: contain !important;
    cursor: pointer;
    z-index: 99002;
}

.gDef-contents .btn-menu.is-open {
    background: url('../images/btn_menu-close.png') center top no-repeat;
}

.gDef-contents .section-title {
    display: block;
    width: 807px;
    height: 218px;
    margin: 0 auto;
    background-position: center top no-repeat;
    background-size: contain !important;
    background-repeat: no-repeat;
}

.gDef-contents .sec-1 .section-title {
    background-image: url('../images/ttl_sec-1.png');
}

.gDef-contents .sec-2 .section-title {
    background-image: url('../images/ttl_sec-2.png');
}

.gDef-contents .sec-3 .section-title {
    background-image: url('../images/ttl_sec-3.png');
}

.gDef-contents .sec-4 .section-title {
    background-image: url('../images/ttl_sec-4.png');
}

.gDef-contents .sec-5 .section-title {
    background-image: url('../images/ttl_sec-5.png');
}

.gDef-contents .sec-6 .section-title {
    background-image: url('../images/ttl_sec-6.png');
}

.gDef-contents .coming-soon,
.gDef-contents .btn-menu,
.gDef-contents .section-title,
.main-visual .main-title,
.main-visual .date-area .place-name,
.gnav-area .gnav-title,
.gnav-area .gnav-list> .gnav-item> a,
.sec-1 .section-text-1,
.sec-1 .section-text-2,
.sec-1 .section-text-2> .section-text-2-link,
.sec-2 .outline-info-area> .btn-access,
.sec-3 .special-guest> .special-guest-title,
.sec-4 .push-btn,
.sec-4 .playguide-list> .playguide-item> a,
.footer-area> .footer-head .page-title {
    color: transparent;
    font: 0/0 a;
}

/* apology
---------------------------------------- */
.apology {
/*    background: #05162f;*/
    margin: 0 auto;
    padding: 1em 0 0;
}

.apology_inner {
    padding: 1em!important;
    background-color: #FFF;
}

.apology h3 {
    font-size: 18px;
    margin-bottom: 1em;
    color: red;
}

.apology p {
    color: red;
}

.apology .small {
    font-size: 14px;
    display:block;
    text-align: right;
    color: red;
}

/* top-info
---------------------------------------- */
.top-info {
    background: #05162f;
    margin: 0 auto;
    padding: 1em 0 2em;
}

.top-info .inner {
}

.top-info figure {
    width: 65%;
    margin: 0 auto;
    padding: 22px;
    background: url(../images/bg_sec-1_movie.png) center center no-repeat;
    background-size: 100% 100%;
}

.top-info figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.top-info p {
    color: #fff;
    font-size: 18px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .top-info .inner {
        display: block;
        padding: 0 !important;
    }
    
    .top-info figure {
        width: 93.06667vw;
        margin: 0 auto;
        padding: 3.5vw;
    }
    
    .top-info p {
        width: 93.06667vw;
        margin: 2vw auto 0;
        font-size: 4vw;
        text-align: left;
    }
}

/* main-visual
---------------------------------------- */

.main-visual {
    position: relative;
    background: url('../images/bg_main.jpg') center top no-repeat #05162f;
}

.main-visual .main-title {
    width: 730px;
    height: 750px;
    margin: 0 auto;
    text-align: center;
    background: url('../images/img_main.jpg') center top no-repeat;
}

.main-visual .date-area {
    position: relative;
    padding: 20px 0 50px 0;
    background: #05162f;
}

.main-visual .date-area:before {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    width: 100%;
    height: 30px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MTYyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA1MTYyZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-image: -webkit-gradient(linear, left bottom, left top, from(#05162f), to(rgba(5, 22, 47, 0)));
    background-image: linear-gradient(to top, #05162f 0%, rgba(5, 22, 47, 0) 100%);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00000000', endColorstr='#FF05162F');
    z-index: 20;
    *zoom: 1;
}

.main-visual .date-area .place-name {
    width: 1012px;
    height: 62px;
}

.main-visual .date-area .tokyo {
    background: url('../images/txt_main_date-tokyo.png') center center no-repeat;
    background-size: contain !important;
}

.main-visual .date-area .osaka {
    background: url('../images/txt_main_date-osaka.png') center center no-repeat;
    background-size: contain !important;
}

/* gnav-area
---------------------------------------- */

.gnav-area {
    position: relative;
    padding-bottom: 50px;
    background-color: #4060f8;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNjBmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJlMGE5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, left top, right bottom, from(#4060f8), to(#2e0a95));
    background-image: linear-gradient(to right bottom, #4060f8 0%, #2e0a95 100%);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF4060F8', endColorstr='#FF2E0A95');
    z-index: 10;
    *zoom: 1;
}

.gnav-area:before {
    content: '';
    display: block;
    position: absolute;
    top: 94px;
    width: 100%;
    height: 295px;
    background: url('../images/bg_gnav.png') center top repeat-x;
}

.gnav-area:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 38px;
    background: url('../images/bg_gnav-btm.png') center bottom no-repeat;
    z-index: 10;
}

.gnav-area .gnav-title {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 230px;
    height: 26px;
    background: url('../images/txt_menu.png') center top no-repeat;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gnav-area .gnav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 60px auto;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gnav-area .gnav-list> .gnav-item {
    display: inline-block;
    width: 312px;
    height: 112px;
    margin: 5px 0;
    background-position: center top;
}

.gnav-area .gnav-list> .gnav-item.item1 {
    background-image: url(../images/bg_gnav_item-1.png);
}

.gnav-area .gnav-list> .gnav-item.item2 {
    background-image: url(../images/bg_gnav_item-2.png);
}

.gnav-area .gnav-list> .gnav-item.item3 {
    background-image: url(../images/bg_gnav_item-3.png);
}

.gnav-area .gnav-list> .gnav-item.item4 {
    background-image: url(../images/bg_gnav_item-4.png);
}

.gnav-area .gnav-list> .gnav-item.item5 {
    background-image: url(../images/bg_gnav_item-5.png);
}

.gnav-area .gnav-list> .gnav-item.item6 {
    background-image: url(../images/bg_gnav_item-6.png);
}

.gnav-area .gnav-list> .gnav-item:hover {
    background-position: center 112px;
}

.gnav-area .gnav-list> .gnav-item> a {
    display: block;
    width: 100%;
    height: 100%;
}

.gnav-area.is-drawer {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding-bottom: 0;
    background-color: rgba(64, 96, 248, .5);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNjBmOCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTBhOTUiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(64, 96, 248, .5)), to(rgba(46, 10, 149, .5)));
    background-image: linear-gradient(to right bottom, rgba(64, 96, 248, .5) 0%, rgba(46, 10, 149, .5) 100%);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#804060F8', endColorstr='#802E0A95');
    z-index: 99001;
    *zoom: 1;
}

.gnav-area.is-drawer:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg_gnav-drawer.png') center center repeat-x;
}

.gnav-area.is-drawer:after {
    content: none;
}

.gnav-area.is-drawer> .inner {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gnav-area.is-drawer> .inner .gnav-list {
    width: 656px;
}

/* sec-1
---------------------------------------- */

.sec-1 {
    position: relative;
    height: 1104px;
    padding-top: 50px;
    background: url('../images/bg_sec-1.jpg') center top no-repeat;
    z-index: 10;
}

.sec-1:before {
    content: '';
    display: block;
    position: absolute;
    top: 460px;
    right: 50%;
    width: 489px;
    height: 584px;
    background: url('../images/bg_sec-1_character.png') center center no-repeat;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    z-index: -1;
}

.sec-1 .section-title {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.sec-1 .section-text-1 {
    display: block;
    width: 910px;
    height: 209px;
    margin: 0 auto;
    background: url('../images/txt_sec-1-1.png') center top no-repeat;
    background-size: contain !important;
}

.sec-1 .section-text-2 {
    display: block;
    position: relative;
    width: 910px;
    height: 127px;
    margin: 0 auto;
    background: url('../images/txt_sec-1-2.png') center top no-repeat;
    background-size: contain !important;
}

.sec-1 .section-text-2> .section-text-2-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 680px;
    height: 46px;
    background: url('../images/txt_sec-1-2-link.png') center top no-repeat;
    background-size: contain !important;
}

.sec-1 .movie-area {
    position: relative;
    margin: 30px auto;
    /*	background: url('../images/bg_sec-1_movie-2.png') center center no-repeat;*/
}

.sec-1 .movie-area:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 31px;
    height: 76px;
    /*	background: url('../images/anm_sec-1-1.gif') right top no-repeat;
    -webkit-transform: translate(-513px, 82px);
    -ms-transform: translate(-513px, 82px);
    transform: translate(-513px, 82px);*/
}

.sec-1 .movie-area:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 200px;
    height: 100px;
    /*	background: url('../images/anm_sec-1-2.gif') right top no-repeat;
    -webkit-transform: translate(432px, 111px);
    -ms-transform: translate(432px, 111px);
    transform: translate(432px, 111px);*/
}

.sec-1 .movie-area .youtube {
    display: block;
    position: relative;
    width: 748px;
    height: 444px;
    margin: 0 auto;
    background: url('../images/bg_sec-1_movie.png') center center no-repeat;
}

.sec-1 .movie-area .youtube> iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* sec-2
---------------------------------------- */

.sec-2 {
    position: relative;
    padding: 0 0 100px 0;
    background-color: #360a29;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2MGEyOSIvPjxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjMjAwYjM4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDYwNjA2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-image: -webkit-gradient(linear, left top, left bottom, from(#360a29), color-stop(54%, #200b38), to(#060606));
    background-image: linear-gradient(to bottom, #360a29 0%, #200b38 54%, #060606 100%);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF360A29', endColorstr='#FF060606');
    z-index: 1;
    *zoom: 1;
}

.sec-2 .bg-character {
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 617px;
    height: 922px;
    background: url('../images/bg_sec-2_character.png') center center no-repeat;
    -webkit-transform: translateX(183px);
    transform: translateX(183px);
    z-index: -1;
}

.sec-2:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 38px;
    background: url('../images/bg_sec-2-top.png') center top no-repeat;
}

.sec-2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -38px;
    left: 0;
    width: 100%;
    height: 38px;
    background: url('../images/bg_sec-2-btm.png') center bottom repeat-x;
}

.sec-2 .section-title {
    height: 226px;
}

.sec-2 .outline-info-area {
    position: relative;
    margin: 70px auto 0 auto;
}

.sec-2 .outline-info-area .outline-name {
    display: block;
    width: 924px;
    margin: 0 auto;
    padding-left: 1.75em;
    color: #fff;
    font-size: 24px;
    line-height: 3.5;
    text-shadow: 0 0 10px #4f9bff;
    background: url('../images/bg_sec-2_outline.png') center top no-repeat;
}

.sec-2 .outline-info-area .outline-list {
    display: table;
    width: 900px;
    margin: 25px auto 0 auto;
}

.sec-2 .outline-info-area .outline-list> .subject {
    display: table-cell;
    position: relative;
    width: 185px;
    padding-right: 95px;
    color: #d2d2d2;
    font-size: 18px;
    text-align: center;
}

.sec-2 .outline-info-area .outline-list> .subject:after {
    content: '';
    display: block;
    position: absolute;
    top: .75em;
    right: 18px;
    width: 70px;
    height: 1px;
    background: #797979;
}

.sec-2 .outline-info-area .outline-list> .text {
    display: table-cell;
    position: relative;
    width: 715px;
    color: #fff;
    font-size: 18px;
}

.sec-2 .outline-info-area> .btn-access {
    display: block;
    position: absolute;
    top: 95px;
    right: 50px;
    width: 171px;
    height: 47px;
    background: url('../images/btn_sec-2_access.png') right top no-repeat;
    z-index: 1000;
}

.sec-2 .outline-info-area> .btn-access:before {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    left: 4px;
    width: 50px;
    height: 50px;
    background: url('../images/img_sec-2_access-off.png') left top no-repeat;
}

.sec-2 .outline-info-area> .btn-access:hover {
    background-position: right -48px;
}

.sec-2 .outline-info-area> .btn-access:hover:before {
    background: url('../images/img_sec-2_access-on.gif') left top no-repeat;
}

/* sec-3
---------------------------------------- */

.sec-3 {
    position: relative;
    width: 100%;
    background: url('../images/bg_sec-3.jpg') center top no-repeat;
    background-size: cover;
}

.sec-3:before {
    content: '';
    display: block;
    position: absolute;
    top: -80px;
    right: 50%;
    width: 686px;
    height: 987px;
    background: url('../images/bg_sec-3_character-1.png') right top no-repeat;
    -webkit-transform: translateX(-350px);
    transform: translateX(-350px);
}

.sec-3:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 38px;
    background: url('../images/bg_sec-3-btm.png') center bottom repeat-x;
    background-size: auto 100%;
}

.sec-3 .inner {
    position: relative;
}

.sec-3 .inner:before {
    content: '';
    display: block;
    position: absolute;
    top: 1095px;
    left: 50%;
    width: 396px;
    height: 992px;
    background: url('../images/bg_sec-3_character-2.png') left top no-repeat;
    -webkit-transform: translateX(450px);
    transform: translateX(450px);
}

.sec-3 .inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 50%;
    bottom: 0;
    width: 569px;
    height: 729px;
    background: url('../images/bg_sec-3_character-3.png') right bottom no-repeat;
    -webkit-transform: translateX(-355px);
    transform: translateX(-355px);
}

.sec-3 .section-title {
    height: 226px;
}

.sec-3 .performer-band-name {
    display: block;
    width: 924px;
    margin: 30px auto 0 auto;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 3.5;
    text-align: center;
    text-shadow: 0 0 10px #4f9bff;
    background: url('../images/bg_sec-2_outline.png') center top no-repeat;
}

.sec-3 .performer-band-name:nth-of-type(2) {
    margin-top: 80px;
}

.sec-3 .note-top {
    margin-top: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.sec-3 .performer-list> .performer-item,
.sec-3 .capcom-band-list> .capcom-band-item {
    position: relative;
    float: left;
    text-align: center;
    z-index: 10;
}

.sec-3 .performer-list> .performer-item> .name,
.sec-3 .guest-list> .guest-item> .name,
.sec-3 .capcom-band-list> .capcom-band-item> .name {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

.sec-3 .performer-list> .performer-item> .name> .part,
.sec-3 .guest-list> .guest-item> .name> .part,
.sec-3 .capcom-band-list> .capcom-band-item> .name> .part {
    display: block;
    font-weight: normal;
    font-size: 14px;
}

.sec-3 .performer-list> .performer-item {
    width: 300px;
    margin-top: 40px;
}

.sec-3 .performer-list> .performer-item> .comment,
.sec-3 .performer-list> .performer-item.item7> .text-area> .comment {
  	position: relative;
  	display: inline-block;
	margin: 1.5em 0;
  	padding: 7px 10px;
  	width: 100%;
	height: auto;
  	color: #fff;
  	font-size: 14px;
	text-align:center;
  	background-color: rgba(255,255,255,0.25);
	border: solid #fff 1px;
}

.sec-3 .performer-list> .performer-item> .comment:before,
.sec-3 .performer-list> .performer-item.item7> .text-area> .comment:before {
	content: "";
  	position: absolute;
  	top: -30px;
  	left: 50%;
  	margin-left: -15px;
  	border: 15px solid transparent;
  	border-bottom: 15px solid #fff;
}

.sec-3 .performer-list> .performer-item> .comment p,
.sec-3 .performer-list> .performer-item.item7> .text-area> .comment p {
	margin: 0;
  	padding: 0;
}

.sec-3 .guest-list> .guest-item {
    width: 90%;
    margin-top: 40px;
}

.sec-3 .guest-list> .guest-item {
    position: relative;
	margin: 0 auto;
    text-align: center;
    z-index: 10;
}

.sec-3 .guest-list> .guest-item> .about {
    color: #fff;
    font-size: 20px;
}

.sec-3 .guest-list> .guest-item.item1 {
	margin-bottom: 60px;
}




/*
.sec-3 .performer-list> .performer-item:nth-of-type(3n-1) {
    margin: 40px 50px 0 50px;
}
*/

.sec-3 .performer-list> .performer-item:nth-of-type(3n-1) {
    margin: 40px 0 0 50px;
}

.sec-3 .performer-list> .performer-item:nth-of-type(3n) {
    margin-left: 50px;
}

.sec-3 .performer-list> .performer-item.item7 {
    display: table;
    width: 65%;
    text-align: left;
}

.sec-3 .performer-list> .performer-item.item7> .text-area {
    display: table-cell;
    width: 300px;
    vertical-align: middle;
}

.sec-3 .performer-list> .performer-item.item7> .text-area> .group-name {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

.sec-3 .performer-list> .performer-item.item7> .text-area> .group-name:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 1px;
    background: #797979;
}

.sec-3 .performer-list> .performer-item.item7> .text-area> .name {
    display: inline-block;
    color: #fff;
    font-size: 20px;
}

/*
.sec-3 .performer-list> .performer-item.item7> .text-area> .name:after {
    content: '・';
}
*/

.sec-3 .performer-list> .performer-item.item7> .text-area> .name:last-of-type:after {
    content: none;
}

.sec-3 .performer-list> .performer-item.item7> .text-area> .name> .part {
    display: inline-block;
    margin-left: .5em;
    font-size: 14px;
}

.sec-3 .capcom-band-list {
    display: block;
    width: 100%;
    margin: 20px auto 40px auto;
    text-align: left;
}

.sec-3 .capcom-band-list> .capcom-band-item {
    display: inline-block;
    width: 310px;
    margin: 20px 20px 0 0;
    text-align: center;
}

.sec-3 .capcom-band-list> .capcom-band-item:nth-of-type(5n) {
    margin-right: 0;
}

.sec-3 .special-guest {
    position: relative;
    padding-bottom: 100px;
    z-index: 10;
}

.sec-3 .special-guest> .special-guest-title {
    display: block;
    width: 400px;
    height: 62px;
    margin: 80px auto 0 auto;
    background: url('../images/ttl_sec-3_special.png') center top no-repeat;
}

.sec-3 .special-guest> .coming-soon {
    height: 680px;
    background: url('../images/img_sec-4_cs.png') center top no-repeat;
}

/* sec-4
---------------------------------------- */

.sec-4 {
    position: relative;
    padding: 40px 0 120px 0;
    background: url('../images/bg_sec-4.jpg') center top no-repeat #000;
    z-index: 10;
}

.sec-4 .note-top {
    margin-top: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}

.sec-4 .neon-title {
    display: block;
    position: relative;
    width: 924px;
    margin: 40px auto 0 auto;
    padding-left: 1.75em;
    color: #fff;
    font-size: 24px;
    line-height: 3.5;
    text-shadow: 0 0 10px #4f9bff;
    background: url('../images/bg_sec-2_outline.png') center top no-repeat;
}

.sec-4 .neon-title> .note {
    position: absolute;
    top: 50%;
    right: 30px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    text-align: right;
    text-shadow: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sec-4 .fee-table-area {
    position: relative;
    width: 900px;
    margin: 0 auto;
}

.sec-4 .fee-table-area> .fee-table-item {
    display: table;
    width: 647px;
    margin-right: 200px;
    padding: 16px 100;
}

.sec-4 .fee-table-area> .fee-table-item:first-of-type {
    border-bottom: #4c4c4c 1px solid;
}

.sec-4 .fee-table-area> .fee-table-item.item-wide {
    width: 80%;
    margin: 0 auto;
	padding: 16px 100px;
    border-top: #4c4c4c 1px solid;
    border-bottom: #4c4c4c 1px solid;
}

.sec-4 .fee-table-area> .fee-table-item> p {
    display: table-cell;
    vertical-align: middle;
}

.sec-4 .fee-table-area> .fee-table-item> .fee-type {
    width: 190px;
    color: #d2d2d2;
    font-size: 18px;
}

.sec-4 .fee-table-area> .fee-table-item> .fee-price {
    width: 165px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: right;
}

.sec-4 .fee-table-area> .fee-table-item> .fee-text {
    width: 320px;
    padding-left: 50px;
    color: #d2d2d2;
    font-size: 14px;
}

.sec-4 .fee-table-area> .fee-table-pho {
    position: absolute;
    top: 20px;
    right: 0;
    width: 230px;
    display: block;
}

.sec-4 .fee-table-area .fee-table-pho.fee-table-pho-pc {
    display: none;
}

.sec-4 .note-list {
    width: 900px;
    margin: 10px auto 0 auto;
}

.sec-4 .note-list> p {
    margin-left: 1em;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    text-indent: -1em;
}

.sec-4 .push-btn {
    width: 100%;
    height: 27px;
    margin: 30px auto;
    background: url('../images/txt_sec-4_btn.png') center center no-repeat;
}

.sec-4 .playguide-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*	justify-content: space-between;  */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin: 0px 80px;
}

.sec-4 .playguide-list> .playguide-item {
    width: 193px;
    height: 192px;
    background-position: center -192px;
    background-repeat: no-repeat;
	margin-bottom: 35px;
}

.sec-4 .playguide-list> .playguide-item.item1 {
    background-image: url('../images/btn_sec-4_playguide-1.png');
}

.sec-4 .playguide-list> .playguide-item.item2 {
    background-image: url('../images/btn_sec-4_playguide-2.png');
}

.sec-4 .playguide-list> .playguide-item.item3 {
    background-image: url('../images/btn_sec-4_playguide-3.png');
}

.sec-4 .playguide-list> .playguide-item.item4 {
    background-image: url('../images/btn_sec-4_playguide-4.png');
}

.sec-4 .playguide-list> .playguide-item.item5 {
    background-image: url('../images/btn_sec-4_playguide-5.png');
}

.sec-4 .playguide-list> .playguide-item.item6 {
    background-image: url('../images/btn_sec-4_playguide-6.png');
}

.sec-4 .playguide-list> .playguide-item.item7 {
    background-image: url('../images/btn_sec-4_playguide-7.png');
}

.sec-4 .playguide-list> .playguide-item.item8 {
    background-image: url('../images/btn_sec-4_playguide-8.png');
}

.sec-4 .playguide-list> .playguide-item:hover {
    background-position: center top;
}

.sec-4 .playguide-list> .playguide-item> a {
    display: block;
    width: 100%;
    height: 100%;
}

.sec-4 .playguide-list> .playguide-item> p {
	color: #ffffff;
	font-size : 12px;
	margin: 3px;
	text-align: center;
}

.sec-4 .note-bottom {
    margin: 30px 50px;
    padding: 20px 50px;
    color: #fff;
    font-size: 14px;
    text-align: left;
	background-color: rgba(255,255,255,0.25);
	border: solid #FF0004 2px;	
}

/* slide-area
---------------------------------------- */

.slide-area-wrap {
    overflow: hidden;
    width: 100%;
    height: 80px;
    background: url('../images/bg_slide.jpg') center center repeat-x;
}

.slide-area-wrap .slide-area {
    width: 1880px;
    margin: 0 auto;
}

/* sec-5
---------------------------------------- */

.sec-5 {
    position: relative;
    padding: 0 0 80px 0;
    background-color: black;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjMDAxYjJiIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmYzMzAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(47%, #001b2b), to(#2f3300));
    background-image: linear-gradient(to bottom, #000 0%, #001b2b 47%, #2f3300 100%);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF2F3300');
    *zoom: 1;
}

.sec-5:before {
    content: '';
    display: block;
    position: absolute;
    top: 180px;
    right: 50%;
    width: 200px;
    height: 100px;
    /*	background: url('../images/anm_sec-5-1.gif') right top no-repeat;
    -webkit-transform: translateX(-590px);
    -ms-transform: translateX(-590px);
    transform: translateX(-590px);*/
}

.sec-5:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -38px;
    width: 100%;
    height: 38px;
    /*	background: url('../images/bg_sec-5-btm.png') center top repeat-x;*/
    z-index: 10;
}

.sec-5 .note-top{
    margin-top: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.sec-5 .goods-note {
    margin-top: 40px;
    color: #c8c8c8;
    font-size: 14px;
    text-align: right;
}

.sec-5 .goods-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    width: 100%;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sec-5 .goods-list> .goods-item {
    width:30%;
	margin-bottom: 45px;
    text-align: center;
}

.sec-5 .goods-list> .goods-item:nth-of-type(3n-1) {
    margin: 0 50px 45px 50px;
}

.sec-5 .goods-list> .goods-item> .name {
    color: #fff;
    font-size: 16px;
}

.sec-5 .goods-list> .goods-item> .price {
    color: #ffda0c;
    font-weight: bold;
    font-size: 20px;
}

.sec-5 .goods-list> .goods-item> .detail {
    width:100%;
	color: #fff;
    font-size: 12px;
}

.sec-5 .bg-area {
    display: block;
    position: absolute;
    bottom: 110px;
    width: 100%;
    height: 423px;
    /*	background: url('../images/bg_sec-5.png') center center no-repeat;*/
}

.sec-5 .bg-area:before {
    content: '';
    display: block;
    position: absolute;
    right: 50%;
    bottom: 150px;
    width: 150px;
    height: 50px;
    /*	background: url('../images/anm_sec-5-2.gif') right top no-repeat;
    -webkit-transform: translateX(-570px);
    -ms-transform: translateX(-570px);
    transform: translateX(-570px);*/
}

.sec-5 .bg-area:after {
    content: '';
    display: block;
    position: absolute;
    top: -15px;
    left: 50%;
    width: 121px;
    height: 45px;
    /*	background: url('../images/anm_sec-5-3.gif') right top no-repeat;
    -webkit-transform: translateX(610px);
    -ms-transform: translateX(610px);
    transform: translateX(610px);*/
}

.sec-5 .bg-area .img {
    display: block;
    position: absolute;
    bottom: 160px;
    left: 50%;
    width: 50px;
    height: 81px;
    /*	background: url('../images/anm_sec-5-4.gif') right bottom no-repeat;
    -webkit-transform: translateX(680px);
    -ms-transform: translateX(680px);
    transform: translateX(680px);*/
}

/* sec-6
---------------------------------------- */

.sec-6 {
    position: relative;
    padding: 0 0 80px 0;
    background: url('../images/bg_sec-6.png');
}

.sec-6 .info-area {
    width: 900px;
    height: 218px;
    margin: 60px auto 0;
    padding: 22px 25px 22px 50px;
    background: url('../images/bg_sec-6_info.png') center top no-repeat;
}

.sec-6 .info-area .info-area-wrap {
    overflow-x: hidden;
    position: relative;
    width: 825px;
}

.sec-6 .info-area .info-area-wrap .info-area-body {
    overflow-y: scroll;
    width: 840px;
    height: 170px;
}

.sec-6 .info-area .info-area-wrap .info-area-body .info-area-list .info-item {
    display: table;
    width: 785px;
    padding: 1em 0 1em 35px;
    background: url('../images/icn_sec-5_info.png') left center no-repeat;
    border-bottom: #1c3b50 2px solid;
}

.sec-6 .info-area .info-area-wrap .info-area-body .info-area-list .info-item> .date {
    display: table-cell;
    width: 110px;
    color: #0073ef;
    font-size: 18px;
    vertical-align: top;
}

.sec-6 .info-area .info-area-wrap .info-area-body .info-area-list .info-item> .title {
    display: table-cell;
    width: 640px;
    color: #fff;
    font-size: 18px;
    vertical-align: top;
}

.sec-6 .info-area .info-area-wrap .info-area-body .info-area-list .info-item> .title a {
	color:#f1bf3c;
}

.sec-6 .info-area .info-area-wrap .scrollbar-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    background: #134363;
    border-radius: 5px;
    z-index: 2;
}

.sec-6 .info-area .info-area-wrap .scrollbar-area .scrollbar-thumb {
    position: relative;
    min-height: 10px;
    max-height: 170px;
    background: #fbb7c9;
    border: #000 1px solid;
    border-radius: 5px;
}

/* footer
---------------------------------------- */

.footer-area {
    position: relative;
    width: 100%;
    padding-top: 29px;
    background: url('../images/bg_ftr.png') center top repeat-x #050505;
}

.footer-area> .btn-pagetop {
    position: absolute;
    top: -105px;
    left: 50%;
    width: 67px;
    height: 110px;
    -webkit-transform: translateX(590px);
    transform: translateX(590px);
}

.footer-area> .btn-pagetop:hover {
    top: -165px;
    -webkit-transition: .6s;
    transition: .6s;
}

.footer-area> .btn-pagetop> a {
    display: block;
    width: 100%;
    height: 100%;
}

.footer-area> .footer-head {
    padding: 60px 0;
}

.footer-area> .footer-head .page-title {
    display: table-cell;
    width: 385px;
    height: 80px;
    vertical-align: middle;
    background: url('../images/img_ftr_logo.png') right center no-repeat;
}

.footer-area> .footer-head .text-area {
    display: table-cell;
    width: 490px;
    padding-left: 120px;
    vertical-align: middle;
}

.footer-area> .footer-head .text-area> p {
    color: #b8b8b8;
    font-size: 14px;
}

.footer-area> .footer-head .text-area .planninng {
    margin: .75em 0;
}

.footer-area> .footer-bottom {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    background: #232323;
}

.footer-area> .footer-bottom .copy {
    color: #fff;
    font-size: 14px;
}

@media screen and (max-width: 768px) {

    .br_pc { display:none; }

    .sp-hide {
        display: none !important;
    }

    .pc-hide {
        display: inline-block !important;
    }

    .gDef-contents { /* menu */ /* section-title */
    }

    .gDef-contents .inner {
        width: 100%;
        padding: 0 5.33333vw;
    }

    .gDef-contents .coming-soon {
        width: 86.66667vw;
        margin: 5.33333vw auto 0 auto;
        background-size: contain !important;
    }

    .gDef-contents .btn-menu {
        top: 5.33333vw;
        right: 2.66667vw;
        width: 12vw;
        height: 16.53333vw;
    }

    .gDef-contents .section-title {
        width: 86.66667vw;
        height: 29.06667vw;
        background-size: 100% auto !important;
    }

    .gDef-contents .sec-1 .section-title {
        background-image: url('../images/sp_ttl_sec-1.png');
    }

    .gDef-contents .sec-2 .section-title {
        background-image: url('../images/sp_ttl_sec-2.png');
    }

    .gDef-contents .sec-3 .section-title {
        background-image: url('../images/sp_ttl_sec-3.png');
    }

    .gDef-contents .sec-4 .section-title {
        background-image: url('../images/sp_ttl_sec-4.png');
    }

    .gDef-contents .sec-5 .section-title {
        background-image: url('../images/sp_ttl_sec-5.png');
    }

    .gDef-contents .sec-6 .section-title {
        background-image: url('../images/sp_ttl_sec-6.png');
    }

    .main-visual> .inner {
        padding: 0;
    }

    .main-visual .main-title {
        width: 100%;
        height: 133.33333vw;
        background: url('../images/sp_img_main.jpg') center top no-repeat;
        background-size: 100% auto;
    }

    .main-visual .date-area {
        padding: 0 0 10.66667vw 0;
    }

    .main-visual .date-area:before {
        top: -5.33333vw;
        height: 5.33333vw;
    }

    .main-visual .date-area .place-name {
        margin: 0 auto;
    }

    .main-visual .date-area .tokyo {
        width: 90.8vw;
        height: 27.06667vw;
        background: url('../images/sp_txt_main_date-tokyo.png') center center no-repeat;
    }

    .main-visual .date-area .osaka {
        width: 70vw;
        height: 27.2vw;
        margin-top: 8vw;
        background: url('../images/sp_txt_main_date-osaka.png') center center no-repeat;
    }

    .gnav-area {
        padding-bottom: 9.33333vw;
    }

    .gnav-area:before {
        top: 11.46667vw;
        height: 51.46667vw;
        background: url('../images/sp_bg_gnav.png') center top repeat-x;
        background-size: auto 100%;
    }

    .gnav-area:after {
        height: 6.66667vw;
        background: url('../images/sp_bg_gnav-btm.png') center bottom no-repeat;
        background-size: auto 100%;
    }

    .gnav-area .gnav-title {
        width: 34.4vw;
        height: 4vw;
    }

    .gnav-area .gnav-list {
        width: 87.46667vw;
        margin: 6.66667vw auto;
    }

    .gnav-area .gnav-list> .gnav-item {
        width: 41.6vw;
        height: 17.6vw;
        margin: 1.33333vw 0;
        background-size: contain !important;
    }

    .gnav-area .gnav-list> .gnav-item.item1 {
        background-image: url(../images/sp_bg_gnav_item-1.png);
    }

    .gnav-area .gnav-list> .gnav-item.item2 {
        background-image: url(../images/sp_bg_gnav_item-2.png);
    }

    .gnav-area .gnav-list> .gnav-item.item3 {
        background-image: url(../images/sp_bg_gnav_item-3.png);
    }

    .gnav-area .gnav-list> .gnav-item.item4 {
        background-image: url(../images/sp_bg_gnav_item-4.png);
    }

    .gnav-area .gnav-list> .gnav-item.item5 {
        background-image: url(../images/sp_bg_gnav_item-5.png);
    }

    .gnav-area .gnav-list> .gnav-item.item6 {
        background-image: url(../images/sp_bg_gnav_item-6.png);
    }

    .gnav-area .gnav-list> .gnav-item:hover {
        background-position: center top;
    }

    .gnav-area.is-drawer:before {
        background: url('../images/sp_bg_gnav-drawer.png') center center repeat-x;
        background-size: auto 51.33333vw;
    }

    .gnav-area.is-drawer> .inner .gnav-list {
        width: 87.46667vw;
    }

    .sec-1 {
        height: 275.46667vw;
        padding-top: 6vw;
        background: url('../images/sp_bg_sec-1.jpg') center top no-repeat;
        background-size: auto 100%;
    }

    .sec-1:before {
        top: auto;
        right: auto;
        bottom: 45.33333vw;
        left: 0;
        width: 92.66667vw;
        height: 104.66667vw;
        background: url('../images/bg_sec-1_character.png') center center no-repeat;
        background-size: contain;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .sec-1 .section-title {
        -webkit-transform: translateY(-12vw);
        transform: translateY(-12vw);
    }

    .sec-1 .section-text {
        width: 80vw;
        height: 121.46667vw;
        background: url('../images/sp_txt_sec-1.png') center top no-repeat;
    }

    .sec-1 .section-text-1 {
        width: 80vw;
        height: 74vw;
        background: url('../images/sp_txt_sec-1-1.png') center top no-repeat;
    }

    .sec-1 .section-text-2 {
        width: 80vw;
        height: 47.46667vw;
        background: url('../images/sp_txt_sec-1-2.png') center top no-repeat;
    }

    .sec-1 .section-text-2> .section-text-2-link {
        top: 8vw;
        width: 80vw;
        height: 16vw;
        background: url('../images/sp_txt_sec-1-2-link.png') center top no-repeat;
    }

    .sec-1 .movie-area {
        margin: 2.66667vw auto;
        padding: 22vw 0;
        /*	background: url('../images/sp_bg_sec-1_movie-2.png') center center no-repeat;
        background-size: 89.33333vw auto;*/
    }

    .sec-1 .movie-area> .inner {
        padding: 0;
    }

    .sec-1 .movie-area:before {
        top: 6.66667vw;
        left: 50%;
        width: 4.13333vw;
        height: 10.13333vw;
        /*	background: url('../images/anm_sec-1-1.gif') right top no-repeat;
        background-size: contain;
        -webkit-transform: translate(23.33333vw, 0);
        -ms-transform: translate(23.33333vw, 0);
        transform: translate(23.33333vw, 0);*/
    }

    .sec-1 .movie-area:after {
        top: auto;
        bottom: 8.4vw;
        left: 50%;
        width: 26.66667vw;
        height: 13.33333vw;
        /*	background: url('../images/anm_sec-1-2.gif') right top no-repeat;
        background-size: contain;
        -webkit-transform: translate(14.66667vw, 0);
        -ms-transform: translate(14.66667vw, 0);
        transform: translate(14.66667vw, 0);*/
    }

    .sec-1 .movie-area .youtube {
        overflow: hidden;
        width: 93.06667vw;
        height: 55.33333vw;
        background: url('../images/sp_bg_sec-1_movie.png') center center no-repeat;
        background-size: 93.06667vw auto;
    }

    .sec-1 .movie-area .youtube> iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 86.66667vw;
        height: 48.93333vw;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .sec-2 {
        height: 285.86667vw;
        padding: 6.66667vw 0 17.33333vw 0;
        background: url('../images/sp_bg_sec-2.jpg') center bottom no-repeat;
        background-size: cover;
    }

    .sec-2 .bg-character {
        display: none;
    }

    .sec-2:before {
        height: 6.66667vw;
        background: url('../images/sp_bg_sec-2-top.png') center top no-repeat;
        background-size: auto 100%;
    }

    .sec-2:after {
        content: none;
    }

    .sec-2 .outline-info-area {
        margin: 10.66667vw auto 0 auto;
        padding-bottom: 24vw;
    }

    .sec-2 .outline-info-area .outline-name {
        width: 82.4vw;
        padding-left: 1em;
        font-size: 4.53333vw;
        line-height: 3.176470588;
        background: url('../images/sp_bg_sec-2_outline.png') center top no-repeat;
        background-size: contain;
    }

    .sec-2 .outline-info-area .outline-list {
        width: 78.66667vw;
        margin: 8vw auto 0 auto;
    }

    .sec-2 .outline-info-area .outline-list> .subject {
        width: 21.33333vw;
        padding-right: 8.66667vw;
        font-size: 3.46667vw;
    }

    .sec-2 .outline-info-area .outline-list> .subject:after {
        right: 2.66667vw;
        width: 4vw;
        height: .26667vw;
    }

    .sec-2 .outline-info-area .outline-list> .text {
        width: 45.33333vw;
        font-size: 3.46667vw;
    }

    .sec-2 .outline-info-area> .btn-access {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        width: 50.26667vw;
        height: 16.13333vw;
        background: url('../images/sp_btn_sec-2_access.png') center top no-repeat;
        background-size: contain;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .sec-2 .outline-info-area> .btn-access:before {
        content: none;
    }

    .sec-2 .outline-info-area> .btn-access:hover {
        background-position: center top;
    }

    .sec-2 .outline-info-area> .btn-access:hover:before {
        background: none;
    }

    .sec-3 .performer-list> .performer-item,
    .sec-3 .capcom-band-list> .capcom-band-item {
        width: 38.66667vw;
    }

    .sec-3 .performer-list> .performer-item> .name,
    .sec-3 .capcom-band-list> .capcom-band-item> .name,
	.sec-3 .guest-list> .guest-item> .name	{
        font-size: 4vw;
    }

    .sec-3 .performer-list> .performer-item> .name> .part,
    .sec-3 .capcom-band-list> .capcom-band-item> .name> .part,
    .sec-3 .guest-list> .guest-item> .name> .part {
        font-size: 2.93333vw;
    }
	
	.sec-3 .guest-list> .guest-item> .comment {
        font-size: 4vw;
    }
	
	.sec-3 .guest-list> .guest-item> .about {
        font-size: 4vw;
}

    .sec-3 {
        background: url('../images/sp_bg_sec-3.jpg') center top no-repeat;
        background-size: cover;
    }

    .sec-3:before {
        top: 32vw;
        width: 91.46667vw;
        height: 131.6vw;
        background: url('../images/bg_sec-3_character-1.png') right top no-repeat;
        background-size: contain;
        -webkit-transform: translateX(8.66667vw);
        transform: translateX(8.66667vw);
    }

    .sec-3:after {
        height: 6.66667vw;
        background: url('../images/sp_bg_sec-3-btm.png') center bottom repeat-x;
        background-size: auto 100%;
    }

    .sec-3 .inner {
        padding-bottom: 13.33333vw;
    }

    .sec-3 .inner:before {
        top: 156.66667vw;
        top: 196.66667vw;
        width: 52.8vw;
        height: 132.26667vw;
        background: url('../images/bg_sec-3_character-2.png') left top no-repeat;
        background-size: contain;
        -webkit-transform: translateX(3.33333vw);
        transform: translateX(3.33333vw);
    }

    .sec-3 .inner:after {
        display: block;
        right: 0;
        bottom: 0;
        width: 62.93333vw;
        height: 68.26667vw;
        background: url('../images/sp_bg_sec-3_character-3.png') left bottom no-repeat;
        background-size: contain;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .sec-3 .performer-band-name {
        width: 82.4vw;
        height: 14.4vw;
        margin: 10.66667vw auto 0 auto;
        font-size: 4.53333vw;
        line-height: 3.176470588;
        background: url('../images/sp_bg_sec-2_outline.png') center top no-repeat;
        background-size: contain;
    }

    .sec-3 .performer-band-name:nth-of-type(2) {
        margin-top: 10.66667vw;
    }

    .sec-3 .performer-list {
        width: 86.66667vw;
        margin: 0 auto;
    }

    .sec-3 .performer-list> .performer-item {
        width: 40vw;
        margin-top: 5.33333vw;
        text-align: center;
    }

    .sec-3 .performer-list> .performer-item:nth-of-type(3n-1) {
        margin: 5.33333vw auto 0 auto;
    }
	
	.sec-3 .performer-list> .performer-item:nth-of-type(3n) {
        margin: 5.33333vw auto 0 auto;
    }

	.sec-3 .performer-list> .performer-item.item7 {
    display: table;
    width: 100%;
    text-align: left;
	}

    .sec-3 .performer-list> .performer-item:nth-of-type(odd) {
        margin-right: 6.66667vw;
    }

    .sec-3 .performer-list> .performer-item.item7> .pho {
        width: 40vw;
    }

    .sec-3 .performer-list> .performer-item.item7> .text-area {
        width: 40vw;
        vertical-align: top;
    }

    .sec-3 .performer-list> .performer-item.item7> .text-area> .group-name {
        margin-bottom: 2.66667vw;
        padding-bottom: 2.66667vw;
        font-size: 4vw;
    }

    .sec-3 .performer-list> .performer-item.item7> .text-area> .group-name:after {
        width: 4vw;
        height: .26667vw;
    }

    .sec-3 .performer-list> .performer-item.item7> .text-area> .name {
        display: block;
        font-size: 3.46667vw;
    }

    .sec-3 .performer-list> .performer-item.item7> .text-area> .name:after {
        content: none;
    }

    .sec-3 .performer-list> .performer-item.item7> .text-area> .name> .part {
        font-size: 2.66667vw;
    }

    .sec-3 .capcom-band-list {
        width: 86.66667vw;
        text-align: left;
    }

    .sec-3 .capcom-band-list> .capcom-band-item {
        width: 40vw;
        margin: 5.33333vw 0 0 0;
    }

    .sec-3 .capcom-band-list> .capcom-band-item:nth-of-type(odd) {
        margin-right: 6.66667vw;
    }

    .sec-3 .special-guest {
        padding-bottom: 10.66667vw;
    }

    .sec-3 .special-guest> .special-guest-title {
        width: 53.33333vw;
        height: 8.26667vw;
        margin: 10.66667vw auto 0 auto;
        background: url('../images/ttl_sec-3_special.png') center top no-repeat;
        background-size: contain;
    }

    .sec-3 .special-guest> .coming-soon {
        height: 90.66667vw;
        background: url('../images/sp_img_sec-4_cs.png') center top no-repeat;
    }

    .sec-4 {
        padding: 0 0 21.33333vw 0;
        background: url('../images/sp_bg_sec-4.jpg') center center no-repeat #000;
        background-size: cover;
    }

    .sec-4 .note-top {
        margin-top: 10.66667vw;
        font-size: 3.2vw;
    }

    .sec-4 .section-title {
        -webkit-transform: translateY(-5.33333vw);
        transform: translateY(-5.33333vw);
    }

    .sec-4 .neon-title {
        width: 82.4vw;
        margin: 10.66667vw auto 0 auto;
        padding-left: 1em;
        font-size: 4.53333vw;
        line-height: 3.176470588;
        background: url('../images/sp_bg_sec-2_outline.png') center top no-repeat;
        background-size: contain;
    }

    .sec-4 .neon-title> .note {
        font-size: 3.2vw;
    }

    .sec-4 .fee-table-area {
        width: 78.66667vw;
    }

    .sec-4 .fee-table-area> .fee-table-item {
        position: relative;
        width: 78.66667vw;
        margin-right: 0;
        padding: 4vw 0;
    }

    .sec-4 .fee-table-area> .fee-table-item:first-of-type,
    .sec-4 .fee-table-area> .fee-table-item:nth-of-type(2) {
        border-bottom: #4c4c4c .26667vw solid;
    }

    .sec-4 .fee-table-area> .fee-table-item.item-wide {
        width: 90%;
        padding: 16px;
        border-top: #4c4c4c .26667vw solid;
        border-bottom: #4c4c4c .26667vw solid;
    }

    .sec-4 .fee-table-area> .fee-table-item> .fee-type {
        width: 24vw;
        font-size: 4vw;
    }

    .sec-4 .fee-table-area> .fee-table-item> .fee-price {
        display: block;
        position: absolute;
        top: 4vw;
        right: 0;
        width: 45.33333vw;
        font-size: 4vw;
        text-align: right;
    }

    .sec-4 .fee-table-area> .fee-table-item> .fee-text {
        width: 54.66667vw;
        padding: 6.66667vw 0 0 9.33333vw;
        font-size: 3.2vw;
    }

    .sec-4 .fee-table-area> .fee-table-pho {
        position: absolute;
        top: 71.66667vw;
        right: auto;
        left: 50%;
        width: 55.33333vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none;
    }

    .sec-4 .fee-table-area .fee-table-pho.fee-table-pho-pc {
        display: block;
        position: absolute;
        bottom: 0;
        right: auto;
        left: 50%;
        width: 45.33333vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0 0 -40vw;
    }

    .sec-4 .note-list {
        width: 78.66667vw;
        margin: 2.66667vw auto 4vw auto;
    }

    .sec-4 .note-list> p {
        margin-left: 1em;
        font-size: 2.93333vw;
        line-height: 1.318181818;
        text-indent: -1em;
    }

    .sec-4 .push-btn {
        width: 40vw;
        height: 4vw;
        margin: 6vw auto 4vw auto;
        background: url('../images/txt_sec-4_btn.png') center center no-repeat;
        background-size: contain;
    }

    .sec-4 .playguide-list {
        display: block;
        -ms-flex-pack: start;
        width: 80.53333vw;
        margin: 0 auto;
        text-align: center;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

    .sec-4 .playguide-list> .playguide-item {
        display: inline-block;
        width: 35vw;
        height: auto;
		margin: 5px 0;
        background-position: center -35vw;
        background-size: 100% auto;
    }

    .sec-4 .playguide-list> .playguide-item:hover {
        background-position: center -35vw;
    }

    .sec-4 .playguide-list> .playguide-item> a {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 35vw;
    }

    .sec-4 .note-bottom {
        margin: 20px 0px 0px 0px;
        padding: 1em;
        font-size: 2.8vw;
    }

    .slide-area-wrap {
        height: 10.66667vw;
        background-size: auto 100%;
    }

    .slide-area-wrap .slide-area {
        width: 250.66667vw;
        margin: 0 auto;
    }

    .sec-5 {
        padding: 0 0 80px 0;
    }

    .sec-5:before {
        top: 29.33333vw;
        right: 6.66667vw;
        width: 26.66667vw;
        height: 13.33333vw;
        /*	background: url('../images/anm_sec-5-1.gif') right top no-repeat;
        background-size: contain;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);*/
    }

    .sec-5:after {
        bottom: -6.66667vw;
        height: 6.66667vw;
        /*	background: url('../images/sp_bg_sec-5-btm.png') center top no-repeat;
        background-size: auto 100%;*/
    }

    .sec-5 .coming-soon {
        height: 182.66667vw;
        background: url('../images/sp_img_sec-5_cs.png') center top no-repeat;
    }
    .sec-5 .note-top {
        margin-top: 10.66667vw;
        font-size: 3.2vw;
    }
	
    .sec-5 .goods-note {
        margin-top: 4vw;
        font-size: 2.93333vw;
    }

    .sec-5 .goods-list {
        width: 86.66667vw;
        margin: 1.33333vw auto 0 auto;
    	-webkit-box-pack: justify;
    	-ms-flex-pack: justify;
    	justify-content: space-between;
    }

    .sec-5 .goods-list> .goods-item {
        width: 40vw;
        margin-bottom: 12vw;
    }

    .sec-5 .goods-list> .goods-item:nth-of-type(3n-1) {
        margin: 0 auto 12vw auto;
    }

    .sec-5 .goods-list> .goods-item:nth-of-type(odd) {
        margin-left: 0;
    }

    .sec-5 .goods-list> .goods-item:nth-of-type(even) {
        margin-right: 0;
    }

    .sec-5 .goods-list> .goods-item> .name {
        font-size: 3.46667vw;
    }

    .sec-5 .goods-list> .goods-item> .price {
        font-size: 4vw;
    }

    .sec-5 .bg-area-top {
        position: relative;
        width: 86.66667vw;
        height: 16vw;
        margin-top: 6.66667vw;
        /*	background: url('../images/sp_bg_sec-5-top.png') left bottom no-repeat;
        background-size: 64vw auto;*/
    }

    .sec-5 .bg-area-top:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 10vw;
        left: 4vw;
        width: 20vw;
        height: 6.66667vw;
        /*	background: url('../images/anm_sec-5-2.gif') left bottom no-repeat;
        background-size: contain;*/
    }

    .sec-5 .bg-area {
        position: relative;
        bottom: auto;
        width: 86.66667vw;
        height: 16vw;
        margin: 9.33333vw auto 0 auto;
        /*	background: url('../images/sp_bg_sec-5.png') 4vw top no-repeat;
        background-size: 70.93333vw auto;*/
    }

    .sec-5 .bg-area:before {
        content: none;
    }

    .sec-5 .bg-area:after {
        display: block;
        top: -6.66667vw;
        left: 4vw;
        width: 16.13333vw;
        height: 6vw;
        /*	background: url('../images/anm_sec-5-3.gif') right top no-repeat;
        background-size: contain;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);*/
    }

    .sec-5 .bg-area .img {
        display: block;
        right: 13.33333vw;
        bottom: 14vw;
        left: auto;
        width: 6.66667vw;
        height: 10.8vw;
        /*	background: url('../images/anm_sec-5-4.gif') right bottom no-repeat;
        background-size: contain;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);*/
    }

    .sec-6 {
        padding: 0 0 32vw 0;
        background: url('../images/bg_sec-6.png');
        background-size: 8.8vw auto;
    }

    .sec-6 .info-area {
        width: 89.33333vw;
        height: 56vw;
        margin: 5.33333vw auto 0;
        padding: 3.46667vw 2.93333vw 3.46667vw 6.66667vw;
        background: url('../images/sp_bg_sec-6_info.png') center top no-repeat;
        background-size: contain;
    }

    .sec-6 .info-area .info-area-wrap {
        width: 80vw;
    }

    .sec-6 .info-area .info-area-wrap .info-area-body {
        width: 93.33333vw;
        height: 48vw;
    }

    .sec-6 .info-area .info-area-wrap .info-area-body .info-area-list .info-item {
        width: 72vw;
        padding: .75em 0 .75em 8vw;
        background: url('../images/icn_sec-5_info.png') 1.86667vw center no-repeat;
        background-size: 2.66667vw auto;
        border-bottom: #1c3b50 .26667vw solid;
    }

    .sec-6 .info-area .info-area-wrap .info-area-body .info-area-list .info-item> .date {
        display: block;
        width: 64vw;
        font-size: 3.2vw;
    }

    .sec-6 .info-area .info-area-wrap .info-area-body .info-area-list .info-item> .title {
        display: block;
        width: 64vw;
        font-size: 3.2vw;
    }

    .sec-6 .info-area .info-area-wrap .scrollbar-area {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 2.13333vw;
        border-radius: 1.06667vw;
        z-index: 2;
    }

    .sec-6 .info-area .info-area-wrap .scrollbar-area .scrollbar-thumb {
        min-height: 5.33333vw;
        max-height: 34.66667vw;
        border: #000 .26667vw solid;
        border-radius: 1.06667vw;
    }

    .footer-area {
        padding-top: 4.8vw;
        background: url('../images/bg_ftr.png') center top repeat-x #050505;
        background-size: auto 4.8vw;
    }

    .footer-area> .btn-pagetop {
        top: -26.66667vw;
        width: 13.33333vw;
        -webkit-transform: translateX(30.66667vw);
        transform: translateX(30.66667vw);
    }

    .footer-area> .btn-pagetop:hover {
        top: -26.66667vw;
        -webkit-transition: 0s;
        transition: 0s;
    }

    .footer-area> .footer-head {
        padding: 12vw 0 9.33333vw 0;
    }

    .footer-area> .footer-head .page-title {
        display: block;
        width: 100%;
        height: 13.86667vw;
        background: url('../images/img_ftr_logo.png') center center no-repeat;
        background-size: auto 100%;
    }

    .footer-area> .footer-head .text-area {
        display: block;
        width: 76vw;
        margin: 10.66667vw auto 0 auto;
        padding-left: 0;
    }

    .footer-area> .footer-head .text-area> p {
        font-size: 2.93333vw;
    }

    .footer-area> .footer-head .text-area .planninng {
        margin: .25em 0;
    }

    .footer-area> .footer-bottom {
        padding: 5.33333vw 0;
    }

    .footer-area> .footer-bottom .copy {
        font-size: 2.93333vw;
    }

}










.center {
    width: 300px;
    margin: 40px auto 0;
    clear: both!important;
    display: block;
}



/* ticket-table
---------------------------------------- */
.ticket-table-area {
    position: relative;
    width: 900px;
    margin: 30px auto;
}

.ticket-table-area-wrap {
}

.ticket-table-area table {
    width: 100%;
    background-color: #fff;
    border-spacing: 1px;
    border-collapse: separate;
/*    table-layout: fixed;*/
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
}

.ticket-table-area th,
.ticket-table-area td {
    padding: 1em;
    background-color: #261E43;
}

.ticket-table-area th {
    background-color: #3734C6;
}

.ticket-table-th1 {
    width: 42px;
}

.ticket-table-th2 {
    width: 150px;
}

.ticket-table-th3 {
    width: 120px;
}

.ticket-table-area table a {
    display: inline-block;
    color: #f1bf3c;
    margin: 5px 0 0;
}

@media screen and (max-width: 768px) {
    .ticket-table-area {
        width: calc(750 / 670 * 100%);
        margin: calc(50 / 670 * 100%) 0 0 calc(-40 / 670 * 100%);
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    
    .ticket-table-area-wrap {
        padding: 0 0 0 calc(40 / 750 * 100%);
    }
    
    .ticket-table-area table {
        width: 200%;
        font-size: 3vw;
    }
}


/* twitter
---------------------------------------- */
.twitter_box {
    width: 600px;
    height: 300px;
    margin: 0 auto 50px;
    background-color: #fff;
}

.twitter_box iframe {
    height: 100% !important;
    font-size: 2rem;
}

@media screen and (max-width: 768px) {
    .twitter_box {
        width: 100%;
        height: auto;
        margin: 0 0 5%;
    }

    .twitter_box iframe {
        width: 740px !important;
        height: 9em !important;
        font-size: 2rem;
        -webkit-overflow-scrolling: touch;
    }
}