@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  background: transparent;
}
body {
    line-height: 1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display:block;
}
nav ul {
    list-style: none;
}
li {
    list-style-type: none;
}
ol li {
    list-style-type: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input,
select {
    vertical-align: middle;
}
html,
body {
    width: 100%;
    height: 100%;
}
html {
    background: #000;
}
body {
    color: #000;
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka;
    line-height: 1.6;
    background: #000;
}
a {
    color: #ff2c40;
    text-decoration: underline;
}
a:link {
    color: #ff2c40;
    text-decoration: underline;
}
a:visited {
    color: #ff2c40;
    text-decoration: underline;
}
a:hover {
    color: #ff2c40;
    text-decoration: none;
}
header a {
    color: #fff;
    text-decoration: none;
}
header a:link {
    color: #fff;
    text-decoration: none;
}
header a:visited {
    color: #fff;
    text-decoration: none;
}
header a:hover {
    color: #fff;
    text-decoration: underline;
}
header a:focus {
    color: #fff;
}
::selection {
    background: #ff2c40;
}
@media screen and (max-width: 640px) {
    body {
        font-size: 12px;
        background: #010101;
    }
}
img {
    width: 100%;
    height: auto;
}
.natural {
    width: auto;
}
.cf {
    zoom: 1;
}
.cf:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
.floatL {
    float: left;
}
.floatR {
    float: right;
}
.por {
    position: relative;
}
.poa {
    position: absolute;
}
.tal {
    text-align: left;
}
.tac {
    text-align: center;
}
.tar {
    text-align: right;
}
.inner {
    margin: 0 auto;
    width: 1080px;
    position: relative;
}
.wf {
    font-family: 'Ubuntu Condensed', sans-serif;
}
.pagettl {
    margin-bottom: 45px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
}
.ttl {
    margin-bottom: 10px;
    display: block;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    color: #ffdc4f;
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdc4f), color-stop(100%, #f0a431));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.tab {
    margin: 0 auto 25px;
    padding-bottom: 5px;
    width: 660px;
    background: url(../img/tab_line.png) no-repeat center bottom;
}
.tab ul {
    padding: 0 10px;
}
.tab ul li {
    margin: 0 10px;
    float: left;
}
.tab ul li a {
    width: 300px;
    height: 60px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    text-shadow: 0 0 10px #000;
    background: #000;
    border: 1px solid #fff;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
    transition: 0.3s;
}
.tab ul li.cr a,
.tab ul li:hover a {
    border-bottom: 0;
    color: #fff;
    font-weight: bold;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
}
.cat {
    margin: 0 auto 40px;
    width: 1080px;
}
.cat li {
    float: left;
}
.cat li + li {
    margin-left: 10px;
}
.cat li a {
    padding: 10px 0;
    width: 208px;
    display: block;
    color: #fff;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background: rgba(48, 26, 3, 0.7);
    border: 1px solid #fff;
    border-radius: 2px;
    box-sizing: border-box;
    transition: 0.6s;
    cursor: pointer;
}
.cat li.cr a,
.cat li a:hover {
    color: #301a03;
    background: rgba(244, 228, 155, 0.7);
    border: 1px solid #f4e49b;
}
.new:after {
    content: "NEW";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/new.png) no-repeat left top;
    text-indent: -9999px;
    font-size: 0;
}
.box {
    margin-bottom: 60px;
    font-size: 16px;
}
.box h3 {
    padding: 15px 25px 15px 130px;
    color: #fff;
    font-size: 28px;
    background-color: rgba(48, 26, 3, 0.7);
    background-image: url(../img/ttl01.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 230px auto;
    border: 1px solid #fff;
    border-radius: 5px 5px 0 0;
}
.box .container {
    background: #fff;
}
table {
    width: 100%;
    margin-bottom: 30px;
}
table th {
    color: #fff;
    font-weight: bold;
    background: rgba(48, 26, 3, 0.7);
}
table th,
table td {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #000;
}
table td:nth-child(3) {
    text-align: center;
    color: #888;
}
table td dt {
    clear: both;
    width: 115px;
    float: left;
}
table td dd {
    padding-left: 115px;
}
.pagetop {
    padding: 16px 22px 26px;
    position: fixed;
    right: 30px;
    bottom: -10px;
    background: #333;
    cursor: pointer;
    transition: 0.3s;
    z-index: 100;
}
.pagetop span {
    width: 24px;
    height: 12px;
    display: block;
    overflow: hidden;
}
.pagetop span img {
    position: relative;
    top: 0;
}
.pagetop:hover {
    background: #373737;
    bottom: 0;
}
.pagetop:hover img {
    top: -12px;
}
.limited { color: #ffa133; }
@media screen and (max-width: 640px) {
    .inner {
        width: auto;
    }
    .floatL {
        float: none;
    }
    .floatR {
        float: none;
    }
    .natural {
        width: 100%;
    }
    .pagettl {
        margin-bottom: 15px;
        font-size: 12px;
    }
    .pagettl .ttl {
        margin-bottom: 0;
        font-size: 28px;
    }
    .tab {
        margin: 0 auto;
        padding-bottom: 6px;
        width: 320px;
        background: url(../img/sp_tab_line.png) no-repeat center bottom;
        background-size: 320px 10px;
        position: relative;
        left: -5px;
    }
    .tab ul {
        padding: 0 5px;
    }
    .tab ul li {
        margin: 0 5px;
    }
    .tab ul li a {
        width: 145px;
        height: 29px;
        font-size: 14px;
    }
    .cat {
        margin: 0 0 40px;
        width: auto;
    }
    .cat li {
        margin: 0 0 10px !important;
        width: 48%;
    }
    .cat li:nth-child(odd) {
        float: left;
    }
    .cat li:nth-child(even) {
        float: right;
    }
    .cat li a {
        width: 100%;
    }
    .box {
        margin: 0 auto 30px;
        width: 100%;
    }
    .box h3 {
        padding: 15px 15px 15px 69px;
        background-size: 137px 35px;
        font-size: 18px;
    }
    table td dt {
        width: 100%;
        float: none;
    }
    table td dd {
        padding-left: 0;
    }
    .pagetop {
        width: 45px;
        height: 45px;
        padding: 16px 10px;
        right: 10px;
        bottom: 10px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 50px;
        box-sizing: border-box;
    }
    .pagetop:hover {
        background: rgba(0, 0, 0, 0.5);
        bottom: 10px;
    }
}
header {
    position: fixed;
    width: 100%;
    z-index: 1;
}
.nico_global {
    padding-bottom: 1px;
    height: 40px;
    background: #000 url(../img/nico_header_line.png) repeat-x left bottom;
}
.nico_global .service {
    padding: 12px 0;
}
.nico_global .service li {
    float: left;
    line-height: 1;
}
.nico_global .service li a {
    font-size: 12px;
}
.nico_global .service li + li {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #fff;
}
.nico_global .sns {
    padding: 10px 0;
}
.nico_global .sns li {
    margin-left: 10px;
    line-height: 1;
    float: left;
}
.nico_global .sns img {
    width: auto;
}
.chopa_header {
    padding-bottom: 16px;
    height: 68px;
    background: url(../img/chopa_header_bg.png) repeat-x;
}
.chopa_header h1 img {
    width: 215px;
    height: 69px;
    position: absolute;
    top: 0;
    left: -10px;
}
.chopa_header nav {
    position: absolute;
    top: 6px;
    left: 236px;
}
.chopa_header li {
    float: left;
    position: relative;
    text-align: center;
}
.chopa_header li a {
    padding: 0 17px;
    width: 59px;
    height: 59px;
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 59px;
}
.chopa_header li:hover a {
    background: url(../img/nav_hv.png) no-repeat center center;
}
.chopa_header li.cr a {
    background: url(../img/nav_hv.png) no-repeat center center;
}
.chopa_header li span {
    width: 100%;
    heigth: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    transition: 0.3s;
}
.chopa_header li .hv {
    opacity: 0;
}
.chopa_header li:hover .def {
    opacity: 0;
}
.chopa_header li.cr .def {
    opacity: 0;
}
.chopa_header li:hover .hv {
    color: #f4e49b;
    opacity: 1;
}
.chopa_header li.cr .hv {
    color: #f4e49b;
    opacity: 1;
}
.chopa_header .tooltip {
    margin: 0 -16px;
    width: 125px;
}
.chopa_header .tooltip a {
    position: absolute;
    top: 0;
    left: 17px;
}
.chopa_header .tooltip .balloon {
    padding: 10px;
    color: #fff;
    position: relative;
    top: -42px;
    line-height: 1.2;
    word-break: keep-all;
    background: #f81365;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    z-index: 10;
}
.chopa_header .tooltip .balloon:after {
    content: "";
    border-top: 10px solid #f81365;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid transparent;
    margin-left: -5px;
    position: absolute;
    left: 50%;
    bottom: -20px;
}
.chopa_header .ticket,
.chopa_header .navopen {
    display: none;
}
#wrapper {
    background: #000 url(../img/bg.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: 100% auto;
    padding: 125px 0 10px;
}
footer {
    padding: 10px 0;
    color: #fff;
    background: #000;
    text-align: center;
    position: relative;
}
@media screen and (max-width: 640px) {
    .bg {
        background: #010101 url(../img/sp_bg.jpg) no-repeat center top;
        background-size: 100% auto;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.5;
    }
    .nico_global {
        display: none;
    }
    .chopa_header {
        background: url(../img/sp_chopa_header_bg.png) repeat-x;
        background-size: 116px 57px;
    }
    .chopa_header h1 img {
        width: 166px;
        height: 53px;
        left: 0;
    }
    .chopa_header nav {
        top: 57px;
        left: 0;
        width: 100%;
        display: none;
    }
    .chopa_header li {
        padding: 0 20px;
        float: none;
        border-bottom: 1px solid #333;
        background: rgba(0, 0, 0, 0.7);
    }
    .chopa_header li a {
        padding: 5px 0;
        width: 100%;
        height: 45px;
        line-height: 45px;
        background: url(../img/arrow.png) no-repeat right center !important;
        background-size: 6px 13px !important;
        text-align: left;
    }
    .chopa_header li a:hover,
    .chopa_header li a.cr {
        background: url(../img/arrow.png) no-repeat right center !important;
        background-size: 6px 13px !important;
    }
    .chopa_header li .hv,
    .chopa_header li .def,
    .chopa_header li:hover .def,
    .chopa_header li:hover .hv,
    .chopa_header li.cr .def,
    .chopa_header li.cr .hv {
        width: auto;
        display: inline-block;
        position: relative;
        color: #fff;
        opacity: 1;
    }
    .chopa_header li .def {
        margin-right: 20px;
        font-size: 14px;
    }
    .chopa_header li .hv {
        font-size: 12px;
    }
    .chopa_header .tooltip {
        margin: 0;
        width: auto;
    }
    .chopa_header .tooltip a {
        position: relative;
        left: 0;
    }
    .chopa_header .tooltip .balloon {
        display: none !important;
    }
    .chopa_header .ticket,
    .chopa_header .navopen {
        width: 45px;
        height: 46px;
        display: block;
        overflow: hidden;
        position: absolute;
        top: 5px;
    }
    .chopa_header .ticket {
        right: 60px;
    }
    .chopa_header .navopen {
        right: 5px;
    }
    .chopa_header .navopen img {
        position: absolute;
        top: 0;
    }
    .chopa_header .navopen.close img {
        top: -46px;
    }
    #wrapper {
        margin: 0 auto;
        padding: 57px 5px 0;
        background: none;
        box-sizing: border-box;
    }
    #wrapper .sns {
        margin-bottom: 20px;
        display: block;
        position: relative;
    }
    #wrapper .sns li {
        padding: 0 5px;
        width: 33%;
        float: left;
        text-align: center;
        box-sizing: border-box;
    }
    #wrapper .sns img {
        width: auto;
    }
    .service {
        padding: 10px 0;
        display: block;
        position: relative;
    }
    .service li {
        width: 50%;
        float: left;
        text-align: center;
        line-height: 1;
        box-sizing: border-box;
    }
    .service li + li {
        border-left: 1px solid #fff;
    }
    .service li a {
        color: #fff;
        text-decoration: none;
    }
    footer {
        padding: 0;
        background: none;
    }
    footer .copy {
        padding: 10px 0;
        background: #535353;
    }
}
#wrapper.index {
    padding: 125px 0 0;
    background: #000 url(../img/index/bg.jpg) no-repeat center top;
    background-attachment: fixed;
}
.index .ttl {
    margin-bottom: 20px;
    font-size: 30px;
}
.index .killer {
    height: 606px;
}
.index .killer h1 {
    width: 819px;
    height: 354px;
    position: absolute;
    top: 290px;
    left: 50%;
    margin-left: -410px;
}
.index .killer .catch {
    width: 119px;
    height: 254px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -59px;
}
.index .killer .date {
    width: 675px;
    height: 46px;
    position: absolute;
    top: 523px;
    left: 50%;
    margin-left: -338px;
}
.index .killer .whats {
    width: 205px;
    height: 205px;
    position: absolute;
    top: 195px;
    left: 79px;
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}
.index .killer .ticket {
    position: absolute;
    top: 185px;
    left: 770px;
    text-align: center;
}
.index .killer .ticket .balloon {
    padding: 10px 25px;
    position: relative;
    display: inline-block;
    color: #f81365;
    font-weight: bold;
    line-height: 1.2;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));
    background: #fff;
    border-radius: 100px;
}
.index .killer .ticket .balloon:after {
    content: "";
    border-top: 10px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid transparent;
    margin-left: -5px;
    position: absolute;
    left: 50%;
    bottom: -20px;
}
.index .killer .ticket .ticketimg {
    width: 224px;
    height: 143px;
}
.index .topics {
    margin-bottom: 25px;
    padding: 20px 38px;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(248, 255, 57, 0.3);
}
.index .topics .eventbnr {
    transition: 0.3s;
}
.index .topics .eventbnr:hover {
    opacity: 0.9;
}
.index .topics ul {
    margin-top: 10px;
}
.index .topics ul li a {
    margin-top: 10px;
    padding: 10px;
    display: block;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    background: #222;
    transition: 0.3s;
}
.index .topics ul li a:hover {
    background: #323232;
}
.index .floatL {
    margin-bottom: 50px;
    width: 700px;
}
.index .floatL .tweetbtn {
    margin-bottom: 15px;
}
.index .floatL .timeline {
    width: 100%;
    height: 1000px;
}
.index .floatR {
    margin-bottom: 50px;
    width: 350px;
}
.index .floatR .online {
    margin-bottom: 20px;
}
.index .floatR .online a {
    transition: 0.3s;
}
.index .floatR .online a:hover {
    opacity: 0.9;
}
.index .floatR .ticket {
    margin-bottom: 20px;
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: rgba(76, 58, 15, 0.7);
    border: 1px solid rgba(248, 255, 57, 0.3);
}
.index .floatR .ticket p {
    font-weight: bold;
}
.index .floatR .ticket .pt {
    margin-left: 10px;
    font-size: 26px;
    font-weight: bold;
    color: #f4e49b;
    vertical-align: baseline;
}
.index .floatR .ticket .buybtn {
    margin: 0 auto;
    width: 318px;
    height: 58px;
    transition: 0.3s;
}
.index .floatR .ticket .buybtn:hover {
    opacity: 0.9;
}
.index .floatR .movie {
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(248, 255, 57, 0.3);
}
.index .floatR .movie .ttl {
    font-size: 22px;
}
.index .floatR .movie div + div {
    margin-top: 20px;
}
.index .cooperation {
    padding: 20px 0;
    text-align: center;
    min-width: 1080px;
}
.index .cooperation dt {
    margin-top: 20px;
    padding: 5px 15px;
    display: inline-block;
    text-align: center;
    background: #e7b402;
}
.index .gold dd,
.index .silver dd {
    width: 35px;
}
.index .cooperation dd {
    margin-left: 20px;
    width: auto;
    height: auto;
    display: inline-block;
}
.index .cooperation.gold dd {
    width: 480px;
    height: 160px;
}
.index .cooperation.silver {
    margin-left: 60px;
}
.index .cooperation.silver dd {
    width: 240px;
    height: 80px;
}
.index .cooperation.help dd {
    width: 240px;
    height: 80px;
}
.index .cooperation dd a {
    transition: 0.3s;
}
.index .cooperation dd a:hover {
    opacity: 0.9;
}
.index .cooperation.support {
    background: #272727;
    border-top: 1px solid #393939;
    border-bottom: 1px solid #393939;
    z-index: 1000;
    position: relative;
}
.index .cooperation.support dt {
    margin: 0;
}
.index .cooperation.support dd {
    padding: 5px 15px;
    color: #fff;
}
.index .bnrarea {
    padding: 50px 0;
}
.index .bnrarea ul {
    margin: 0 auto;
    width: 528px;
}
.index .bnrarea li {
    float: left;
}
.index .bnrarea li + li {
    margin-left: 15px;
}
.index .bnrarea li a {
    width: 255px;
    height: 80px;
    transition: 0.3s;
}
.index .bnrarea li a:hover {
    opacity: 0.9;
}
.today .killer {
    height: 213px;
}
.today .killer h1 {
    margin-left: 0;
    width: 675px;
    height: auto;
    top: -49px;
    left: -58px;
}
.today .killer .now {
    width: 640px;
    height: 204px;
    position: absolute;
    top: -16px;
    right: -68px;
}
.today .killer .date {
    width: 644px;
    height: 162px;
    top: 61px;
    right: -67px;
    left: auto;
}
.today .view {
    padding: 10px;
    width: 750px;
    background: #000;
    position: relative;
    box-shadow:
        0 0 76px 7px rgba(0, 0, 0, 0.4),
        0 0 7px 0 rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
}
.today .view .ico {
    width: 70px;
    height: 30px;
    position: absolute;
    top: -8px;
    left: 10px;
}
.today .view a {
    background: #fff;
    display: block;
    width: 100%;
    height: 100%;
}
.today .view a {
    margin-top: 10px;
}
.today .view a img {
    transition: 0.3s;
}
.today .view a img:hover {
    opacity: 0.8;
}
.today .twitter {
    width: 310px;
}
.today .yellowbox {
    margin-bottom: 40px;
    padding: 25px 40px;
    border: 1px solid #8c9020;
}
.today .yellowbox h2.sttl {
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    background-image: url(../img/index/line.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.today .yellowbox h2.sttl span {
    margin-left: 20px;
    font-size: 16px;
}
.today .yellowbox h2 p {
    margin-bottom: 30px;
    padding: 0 20px;
    display: inline;
}
.today .yellowbox .freemovie {
    margin-bottom: 60px;
}
.today .yellowbox h3.sttl {
    margin-bottom: 20px;
    padding: 5px 0;
    width: 100%;
    line-height: 30px;
    border-radius: 15px;
}
.today .yellowbox h3 p {
    margin: auto;
}
.today .yellowbox .common {
    width: 240px;
    float: left;
}
.today .yellowbox .common h3 {
    background: #934bb1;
}
.today .yellowbox .common h3 p {
    width: 42px;
    height: 19px;
}
.today .yellowbox .game {
    width: 747px;
    float: right;
}
.today .yellowbox .game h3 {
    background: #008cbc;
    position: relative;
}
.today .yellowbox .game h3 p {
    width: 177px;
    height: 19px;
}
.today .yellowbox .game h3 .ico {
    width: 74px;
    height: 60px;
    position: absolute;
    top: -20px;
    left: 470px;
}
.today .yellowbox .card {
    width: 240px;
    height: 165px;
    background: #2b2b2b;
    text-align: center;
    float: left;
}
.today .yellowbox .card + .card {
    margin-left: 10px;
}
.today .yellowbox .card a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.today .yellowbox .card .img {
    width: 240px;
    height: 135px;
    position: relative;
    background: #fff;
}
.today .yellowbox .card .img img {
    transition: 0.3s;
}
.today .yellowbox .card .img img:hover {
    opacity: 0.8;
}
.today .yellowbox .card .img .ico {
    margin-top: -24px;
    margin-left: -38px;
    width: 76px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.today .yellowbox .join .img {
    width: 500px;
    height: 170px;
    float: left;
}
.today .yellowbox .join .link {
    width: 418px;
    height: 86px;
    float: right;
}
.today .yellowbox .join .link a {
    margin: auto;
    width: 310px;
    height: 50px;
    display: block;
    transition: 0.3s;
}
.today .yellowbox .join .link a:hover {
    opacity: 0.9;
}
.after .killer {
    height: 706px;
}
.after .killer .txt {
    margin-left: -383px;
    width: 767px;
    height: 43px;
    position: absolute;
    top: 580px;
    left: 50%;
}
.after .yellowbox {
    margin-bottom: 40px;
    padding: 0 40px 40px;
    background-color: #030300;
    background-image: url(../img/index/yellowbox_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    border: 1px solid #959922;
}
.after .yellowbox h2 {
    margin: 0 auto;
    width: 941px;
    height: 190px;
    position: relative;
    top: -52px;
}
.after .yellowbox .nama {
    margin: 0 auto 40px;
    width: 664px;
}
.after .yellowbox .ch {
    width: 292px;
    float: left;
    border-width: 10px;
    border-style: solid;
    border-radius: 10px;
}
.after .yellowbox .ch + .ch {
    margin-left: 40px;
}
.after .yellowbox .ch01 { border-color: #ff5674; }
.after .yellowbox .ch02 { border-color: #158dba; }
.after .yellowbox .buybtn {
    text-align: center;
}
.after .yellowbox .buybtn a {
    margin: 0 auto 20px;
    width: 318px;
    height: 58px;
    display: block;
    transition: 0.3s;
}
.after .yellowbox .buybtn a:hover {
    opacity: 0.9;
}
.after .yellowbox .notice {
    color: #fff;
    font-size: 12px;
}
.after .yellowbox .free {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #959922;
    text-align: center;
}
.after .yellowbox h3 {
    margin: 0 auto 35px;
    width: 762px;
    height: 56px;
}
.after .yellowbox ul li {
    margin: 0 5px;
    display: inline;
}
.after .yellowbox ul li a {
    padding-left: 25px;
    color: #fff;
    background-image: url(../img/index/ico_list.png);
    background-repeat: no-repeat;
    background-position: center left;
}

.about .intro {
    margin-bottom: 40px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px #000;
}
.about .intro strong {
    margin: 0 auto;
    width: 415px;
    display: block;
}
.about .intro p {
    font-size: 20px;
    font-weight: bold;
}
.about .outline .container {
    padding: 30px 30px 30px 420px;
    background: #fff url(../img/about/location_img.png) no-repeat left top;
}
.about .outline h4 {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #b97e00;
}
.about .outline h4 .tar {
    font-weight: bold;
}
.about .outline dt {
    float: left;
    margin-bottom: 20px;
    clear: left;
    width: 100px;
    font-weight: bold;
}
.about .outline dd {
    margin-bottom: 20px;
    width: 500px;
    float: left;
}
.about .outline dd .areaimg {
    width: 374px;
    height: 166px;
}
.about .outline dd .sup {
    margin-top: 20px;
    font-size: 14px;
}
.about .outline .btn {
    width: 240px;
    height: 40px;
    margin-left: 90px;
    transition: 0.3s;
}
.about .outline .btn:hover {
    opacity: 0.9;
}
.about .access h3 {
    background-image: url(../img/ttl02.png);
}
.about .access .map {
    width: 540px;
}
.about .access .info {
    padding: 40px;
    width: 540px;
    box-sizing: border-box;
}
.about .access .info h4 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #c46100;
}
.about .access .info .address {
    margin-bottom: 5px;
}
.about .access .info .route {
    margin-bottom: 10px;
    font-weight: bold;
}
.about .access .info .btn {
    margin-bottom: 30px;
    width: 180px;
    height: 35px;
    transition: 0.3s;
}
.about .access .info .btn:hover {
    opacity: 0.9;
}
.about .access .info .guide {
    font-size: 14px;
    color: #333;
}
.about .access .info .guide a {
    color: #ff2c40;
    text-decoration: underline;
}
.about .access .info .guide a:hover {
    text-decoration: none;
}
.whats .contents {
    padding: 40px 60px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.whats .block {
    margin-bottom: 50px;
}
.whats .block h3 {
    margin-bottom: 40px;
    padding-bottom: 10px;
    background: url(../img/whats/line.png) no-repeat left bottom;
}
.whats .block h3 span {
    padding: 36px 0 3px 80px;
    color: #f4e49b;
    font-size: 22px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.whats .block .box {
    position: relative;
}
.whats .block .box strong {
    font-size: 18px;
    font-weight: bold;
}
.whats .block .box em {
    color: #f4e49b;
    display: block;
}
.whats .block .box em:nth-child(n+2) {
    margin-top: 20px;
}
.whats .block .box dt {
    margin-bottom: 20px;
    padding: 5px;
    clear: left;
    float: left;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box;
}
.whats .block .box dd {
    margin-bottom: 20px;
    padding: 5px 5px 5px 25px;
    float: left;
    border-left: 2px solid #7b6918;
    font-size: 16px;
    box-sizing: border-box;
}
.whats .block .box a {
    color: #ff2c40;
}
.whats .what h3 span {
    background-image: url(../img/whats/ttl_icon01.png);
}
.whats .what .box {
    height: 440px;
}
.whats .what .photo01 {
    width: 360px;
    position: absolute;
    top: 0;
    right: 0;
}
.whats .what .photo {
    width: 960px;
    position: absolute;
    top: 260px;
    left: 0;
}
.whats .what .photo img {
    width: 225px;
    float: left;
}
.whats .what .photo img + img {
    margin-left: 20px;
}
.whats .what .txt {
    width: 560px;
    position: absolute;
    top: 40px;
    left: 0;
}
.whats .when h3 span {
    background-image: url(../img/whats/ttl_icon02.png);
}
.whats .when dt {
    width: 185px;
}
.whats .when dd {
    padding-left: 185px;
}
.whats .ticket h3 span {
    background-image: url(../img/whats/ttl_icon03.png);
}
.whats .ticket .box {
    padding-right: 245px;
    background: url(../img/whats/photo06.png) no-repeat right top;
}
.whats .ticket p {
    margin-bottom: 30px;
}
.whats .ticket dt {
    width: 150px;
}
.whats .ticket dd {
    padding-left: 150px;
}
.whats .would h3 span {
    background-image: url(../img/whats/ttl_icon04.png);
}
.whats .would dt {
    width: 115px;
}
.whats .would dd {
    padding-left: 115px;
}
.whats .need h3 span {
    background-image: url(../img/whats/ttl_icon05.png);
}
.whats .need .box {
    padding-right: 245px;
    background: url(../img/whats/photo07.png) no-repeat right top;
}
.whats .need dt {
    width: 65px;
}
.whats .need dd {
    width: 585px;
    padding-left: 65px;
}
.whats .food h3 span {
    background-image: url(../img/whats/ttl_icon06.png);
}
.whats .cos h3 span {
    background-image: url(../img/whats/ttl_icon07.png);
}
.whats .movie {
    margin: 0 auto 20px;
    padding: 20px;
    width: 500px;
    border: 1px solid #4b4d11;
    text-align: center;
    box-sizing: border-box;
}
.whats .bnr {
    margin: 0 auto;
    width: 500px;
}
.whats .bnr a {
    transition: 0.3s;
}
.whats .bnr a:hover {
    opacity: 0.9;
}
.artists .cat li a {
    width: 150px;
}
.artists .cat li + li {
    margin-left: 5px;
}
.artists .list {
    margin-left: -16px;
}
.artists .list .card {
    margin: 0 0 40px 16px;
    width: 258px;
    float: left;
}
.artists .list .card .stage {
    background: #000;
}
.artists .list .card .stage li {
    width: 258px;
    box-sizing: border-box;
    font-size: 13px;
    color: #f4e49b;
    text-align: center;
    border: 1px solid #f4e49b;
}
/*.artists .list .card .stage li {
    width: 129px;
    float: left;
    box-sizing: border-box;
    font-size: 13px;
    text-align: center;
}*/
.artists .list .card a {
    text-decoration: none;
}
.artists .list .card .photo {
    position: relative;
}
.artists .list .card .photo img {
    height: 150px;
}
.artists .list .card .photo .ico {
    padding-top: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    transition: 0.3s;
    text-align: center;
    color: rgba(255, 255, 255, 0);
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
}
.artists .list .card .photo.new:after {
    width: 34px;
    height: 34px;
    background-size: 34px;
}
.artists .list .card a:hover .ico {
    padding-top: 118px;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    color: #fff;
    border-radius: 0;
}
.artists .list .card .movie .ico {
    background-color: #2e75e0;
    background-image: url(../img/artists/movie_icon.png);
    background-size: 24px 19px;
}
.artists .list .card a:hover .movie .ico {
    background-color: rgba(46, 117, 224, 0.7);
    background-size: 69px 56px;
}
.artists .list .card .official .ico {
    background-color: #fda02b;
    background-image: url(../img/artists/official_icon.png);
    background-size: 19px 21px;
}
.artists .list .card a:hover .official .ico {
    background-color: rgba(253, 160, 43, 0.7);
    background-size: 56px 63px;
}
.artists .list .card .user .ico {
    background-color: #333;
    background-image: url(../img/artists/user_icon.png);
    background-size: 23px 24px;
}
.artists .list .card a:hover .user .ico {
    background-color: rgba(51, 51, 51, 0.7);
    background-size: 69px 72px;
}
.artists .list .card .name {
    width: 258px;
    height: 66px;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.3s;
}
.artists .list .card .name.long {
    font-size: 14px;
}
.artists .list .card .name .link {
    font-size: 14px;
    color: #ff2c40;
    text-decoration: underline;
}
.artists .list .card .name .link:hover {
    text-decoration: none;
}
.artists .list .card .name .copy {
    font-size: 14px;
}
.artists .list .card a:hover .name {
    background: #323232;
}
.ticket .cat {
    width: 645px;
}
.ticket .soldout {
    width: 388px;
}
.ticket .net h3 {
    background-image: url(../img/ttl03.png);
}
.ticket .box h3 span {
    font-size: 18px;
    vertical-align: bottom;
}
.ticket .container {
    padding: 40px 60px;
    text-align: center;
}
.ticket .info {
    margin: 0 auto 45px;
    width: 600px;
    height: 160px;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 24px;
    color: #4e3305;
    font-weight: bold;
    box-sizing: border-box;
}
.ticket .info span {
    vertical-align: bottom;
    font-weight: bold;
}
.ticket .info .price {
    font-size: 70px;
    font-weight: normal;
    color: #fa1465;
    position: relative;
    top: 15px;
}
.ticket .real table th {
    width: 200px;
}
.ticket .real table td:nth-child(3) {
    width: 140px;
}
.ticket .real .info {
    background-image: url(../img/ticket/real_price_bg.png);
}
.ticket .real h4 {
    margin: 0 auto 35px;
    width: 959px;
}
.ticket .real .btn {
    margin: 0 auto 50px;
    width: 408px;
    transition: 0.3s;
}
.ticket .real .btn:hover {
    opacity: 0.9;
}
.ticket .real .flow {
    margin: 0 auto 40px;
    width: 960px;
}
.ticket .real .flow .step {
    width: 280px;
    height: 120px;
    float: left;
    position: relative;
    border: 1px solid #301a03;
    box-sizing: border-box;
}
.ticket .real .flow .step .no {
    width: 108px;
    height: 30px;
    position: relative;
    top: -10px;
    left: 86px;
    background: url(../img/ticket/stepno_bg.png) no-repeat;
}
.ticket .real .flow .step .no span {
    width: 100px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 4px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    background: #301a03;
    border: 1px solid #301a03;
    box-sizing: border-box;
}
.ticket .real .flow .step .status {
    font-size: 24px;
    font-weight: bold;
}
.ticket .real .flow .step .term {
    font-size: 18px;
    font-weight: bold;
}
.ticket .real .flow .close:after {
    content: "終了";
    width: 151px;
    height: 38px;
    display: block;
    position: absolute;
    top: 42px;
    left: 65px;
    color: #fff;
    line-height: 38px;
    background: rgba(250, 20, 52, 0.7);
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}
.ticket .real .flow .standby {
    background: #333;
    border: #333;
}
.ticket .real .flow .standby .no span {
    color: #333;
    background: #fff;
}
.ticket .real .flow .standby .status {
    color: #fff;
}
.ticket .real .flow .standby .term {
    color: #fff;
}
.ticket .real .flow .arrow {
    margin: 44px 20px;
    float: left;
}
.ticket .real li {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: left;
    color: #333;
}
.ticket .net p {
    margin-bottom: 35px;
    font-size: 18px;
    color: #333;
}
.ticket .net .info {
    background-image: url(../img/ticket/net_price_bg.png);
    color: #301a03;
}
.ticket .net .btn {
    margin: 0 auto;
    width: 408px;
    transition: 0.3s;
}
.ticket .net .btn:hover {
    opacity: 0.9;
}
.ticket .net .sup {
    margin-bottom: 50px;
    font-size: 16px;
}
.ticket .net .stage {
    margin: 0 auto 35px;
    width: 820px;
}
.ticket .net .stage .txt {
    margin-bottom: 15px;
    width: 764px;
}
.ticket .net .stage .live,
.ticket .net .stage .game {
    margin-bottom: 30px;
}
.ticket .net .stage a {
    margin-top: 20px;
    color: #ff2c40;
    text-decoration: underline;
}
.ticket .net .stage a:hover {
    text-decoration: none;
}
.ticket .shop .ticket {
    margin: 0 auto 30px;
    width: 600px;
}
.ticket .shop .ticket p {
    width: 450px;
    float: left;
    text-align: left;
}
.ticket .shop .ticket img {
    width: 135px;
    float: right;
}
.ticket .shop table th {
    text-align: center;
}
.ticket .shop table td {
    width: 240px;
    text-align: left;
}
.ticket .shop .row2 {
    padding: 0;
}
.ticket .shop .row2 a {
    padding: 10px;
    display: block;
}
.ticket .shop .row2 a:nth-child(1) {
    border-bottom: 1px solid #000;
}
.ticket .liveviewing .container {
    text-align: left;
}
.ticket .liveviewing .logo {
    text-align: center;
}
.ticket .liveviewing .logo li {
    margin-bottom: 30px;
    width: 150px;
    display: inline-block;
    vertical-align: middle;
}
.ticket .liveviewing .info {
    height: auto;
}
.ticket .liveviewing .info h4 {
    font-weight: bold;
}
.ticket .liveviewing .info dl {
    margin-bottom: 30px;
    font-size: 14px;
}
.ticket .liveviewing dt {
    clear: both;
    width: 150px;
    float: left;
    font-weight: bold;
}
.ticket .liveviewing dd {
    width: 430px;
    float: left;
}
.ticket .liveviewing .btn {
    margin: 0 auto;
    width: 318px;
    height: 58px;
}
.goods .bnr {
    margin: 0 auto 40px;
    width: 640px;
    text-align: center;
}
.goods .bnr img {
    height: auto;
}
.goods .list {
    margin-left: -16px;
}
.goods .list .card {
    margin: 0 0 40px 16px;
    width: 258px;
    float: left;
}
.goods .card a {
    text-decoration: none;
}
.goods .card .photo {
    width: 258px;
    height: 173px;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #fff;
}
.goods .card .photo.new:after {
    width: 59px;
    height: 59px;
    background-size: 59px;
}
.goods .card .description {
    width: 258px;
    height: 85px;
    color: #fff;
    line-height: 1;
    background: #050101;
}
.goods .card a:hover .description {
    background: #333;
}
.goods .card .itemName p {
    padding: 0 10px;
    width: 258px;
    height: 60px;
    line-height: 1.2;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.goods .card .price p {
    width: 258px;
    height: 25px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #ff4381;
}
.goods .card .price span {
    position: relative;
    top: 3px;
    left: 5px;
    font-size: 12px;
}
.modalWrapper {
    display: none;
}
#cboxOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 50;
}
#cboxWrapper {
    z-index: 100;
    position: relative;
}
.modalBox {
    padding: 20px;
    width: 540px;
    min-height: 602px;
    background: #fff;
    border: 12px solid #0d0701;
    border-radius: 17px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}
.modalBox .photo.new:after {
    width: 95px;
    height: 95px;
    background-size: 95px;
}
.modalBox img {
    width: auto;
}
.modalBox .photo {
    margin: 40px 0;
}
.modalBox .photo img {
    width: 100%;
}
.modalBox .description {
    font-size: 24px;
    color: #301a03;
    text-align: center;
}
.modalBox .price {
    font-size: 28px;
    color: #ff4381;
}
.modalBox .price span {
    font-size: 14px;
    position: relative;
    top: 13px;
    left: 5px;
}
.modalBox .txt {
    font-size: 13px;
    color: #000;
    text-align: left;
}
.modalBox .btn {
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
    border-top: 1px dotted #ccc;
}
.modalBox .btn a {
    padding: 10px 20px;
    display: inline-block;
    border: 1px solid #ff4381;
    border-radius: 50px;
    line-height: 1;
}
.modalBox .btn a img {
    width: 160px;
    height: 16px;
}
#cboxClose {
    width: 34px;
    height: 34px;
    background: url(../img/close.png) no-repeat left top;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: -30px;
    right: 12px;
    cursor: pointer;
}


.entry h3 {
    position: relative;
}
.entry .container {
    padding: 60px 60px 40px;
}
.entry .container p {
    margin-bottom: 30px;
}
.entry .container dl {
    zoom: 1;
}
.entry .container dl:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
.entry .container dl:nth-of-type(odd) {
    background: #fff5e4;
}
.entry .container dt {
    padding: 15px;
    width: 165px;
    clear: left;
    float: left;
    font-weight: bold;
}
.entry .container dd {
    padding: 15px 15px 15px 0;
    width: 750px;
    float: left;
}
.entry .container dd li {
    padding-left: 20px;
    background: url(../img/entry/listmark.png) no-repeat left 8px;
}
.entry .container .btn {
    margin: 40px auto 0;
    width: 348px;
    transition: 0.3s;
}
.entry .container .btn:hover {
    opacity: 0.9;
}
.entry .close h3 {
    padding-right: 120px;
}
.entry .close h3 span {
    padding: 8px 13px;
    font-size: 14px;
    line-height: 1;
    background: #e70218;
    position: absolute;
    top: 20px;
    right: 20px;
}
.onair .container {
    padding: 40px 0;
}
.onair .charge {
    text-align: center;
}
.onair h3 {
    text-align: left;
}
.onair .charge .txt {
    margin: 0 auto 40px;
    width: 606px;
    height: 29px;
}
.onair .charge .stage {
    margin: 0 auto;
    width: 957px;
    height: 459px;
    background: url(../img/onair/charge_bg.png) no-repeat left top;
    position: relative;
}
.onair .charge .stage h4 {
    line-height: 1;
}
.onair .charge .stage h4 span {
    padding: 10px 0 10px 40px;
    color: #fff;
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    position: relative;
}
.onair .charge .stage h4 span:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
}
.onair .charge .stage .img {
    margin-bottom: 20px;
    width: 410px;
    height: 272px;
}
.onair .charge .livestage {
    position: absolute;
    top: 30px;
    left: 40px;
}
.onair .charge .livestage h4 {
    background-color: #ff5674;
}
.onair .charge .livestage h4 span:before {
    width: 44px;
    height: 37px;
    background-image: url(../img/onair/livestage_ico.png);
    background-size: 44px 37px;
    top: 5px;
    left: -5px;
}
.onair .charge .gamestage {
    position: absolute;
    top: 30px;
    right: 40px;
}
.onair .charge .gamestage h4 {
    background-color: #008cbc;
}
.onair .charge .gamestage h4 span:before {
    width: 41px;
    height: 32px;
    background-image: url(../img/onair/gamestage_ico.png);
    background-size: 41px 32px;
    top: 5px;
    left: -5px;
}
.onair .charge .stage a {
    margin: 0 auto;
    width: 310px;
    height: 61px;
    display: block;
}
.onair .charge .btn {
    margin: 30px auto 0;
    width: 438px;
    height: 78px;
}
.onair .free {
    text-align: center;
}
.onair .free .txt {
    margin: 0 auto 40px;
    width: 380px;
    height: 34px;
}
.onair .free h4 {
    margin: -20px auto 0;
    padding: 5px 0;
    width: 340px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    background: #221202;
}
.onair .free .block {
    margin: 0 auto 40px;
    padding-bottom: 30px;
    width: 837px;
    background: #fff5e4;
    border: 1px solid #221202;
    border-radius: 5px;
}
.onair .free .nama {
    margin-top: 30px;
    display: inline-block;
}
.onair .free .nama + .nama {
    margin-left: 30px;
}
.onair .real .container {
    padding: 40px 60px;
}
.onair .real h4 {
    margin: -20px auto 20px;
    padding: 5px 0;
    width: 340px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #221202;
}
.onair .real .block {
    margin: 40px auto;
    padding: 0 20px 20px;
    width: 426px;
    float: left;
    background: #fff5e4;
    border: 1px solid #221202;
    border-radius: 5px;
}
.onair .real .block + .block {
    margin-left: 20px;
}
.onair .real .block .box {
    margin: 0;
}
.plan strong {
    display: block;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.plan .contents {
    padding: 40px 60px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.plan .block {
    margin-bottom: 50px;
}
.plan .block h3 {
    margin-bottom: 40px;
    padding-bottom: 10px;
    background: url(../img/whats/line.png) no-repeat left bottom;
}
.plan .block h3 span {
    padding: 36px 0 3px 80px;
    color: #f4e49b;
    font-size: 22px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.plan .block .box {
    margin: 0 auto;
    padding: 262px 60px 30px;
    width: 853px;
    min-height: 262px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    box-sizing: border-box;
}
.plan .box p {
    margin-bottom: 20px;
}
.plan .box a {
    color: #fff;
}
.plan .double {
    width: 768px;
}
.plan .double .movie:nth-child(odd) {
    float: left;
}
.plan .double .movie:nth-child(even) {
    float: right;
}
.plan .plan01 .box  {
    background-image: url(../img/plan/plan01_img.png);
}
.plan .plan01 h3 span {
    background-image: url(../img/whats/ttl_icon01.png);
}
.plan .plan02 .box  {
    background-color: #001349;
    background-image: url(../img/plan/plan02_img.png);
}
.plan .plan02 h3 span {
    background-image: url(../img/whats/ttl_icon02.png);
}
.plan .plan03 .box  {
    background-color: #ebc13b;
    background-image: url(../img/plan/chopa_osaka.jpg);
}
.plan .plan03 h3 span {
    background-image: url(../img/whats/ttl_icon03.png);
}
.plan .plan04 .box  {
    background-color: #1107e3;
    background-image: url(../img/plan/plan04_img.png);
}
.plan .plan04 h3 span {
    background-image: url(../img/whats/ttl_icon04.png);
}
.karaoke .back {
    margin-bottom: 30px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    background: #f81365;
    transition: 0.3s;
}
.karaoke .back:hover {
    opacity: 0.8;
}
.karaoke .back span:before {
    content: "< ";
}
.karaoke .cat li a {
    width: 140px;
}
.karaoke .container {
    padding: 30px;
}
.karaoke .container h4 {
    font-size: 20px;
    font-weight: bold;
    color: #b97e00;
}
.karaoke .container dt {
    padding: 10px;
    clear: both;
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.karaoke .container dd {
    padding: 10px;
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.karaoke .container dt:nth-of-type(odd),
.karaoke .container dd:nth-of-type(odd) {
    background: #ddd;
}
.timetable .schedule {
    position: relative;
    margin-bottom: 30px;
}
.timetable .schedule .btn {
    width: 115px;
    height: 30px;
    padding-top: 15px;
    position: absolute;
    top: 72px;
    text-align: center;
    background: #dd1d42;
    border-radius: 5px;
    transition: 0.3s;
}
.timetable .schedule .btn:hover {
    opacity: 0.8;
}
.timetable .schedule .btn img {
    width: 68px;
    height: 16px;
}
.timetable .schedule .wide { width: 197px; }
.timetable .schedule .btn01 { left: 105px; }
.timetable .schedule .btn02 { left: 372px; }
.timetable .schedule .btn03 { left: 662px; }
.timetable .schedule .btn04 { left: 897px; }
.notice .container {
    padding: 30px;
}
.notice p + dl,
.notice dl + dl {
    margin-top: 30px;
}
.notice dt {
    font-size: 20px;
    font-weight: bold;
    color: #b97e00;
}
.notice dd h4 {
    font-weight: bold;
}
.notice dd p + h4 {
    margin-top: 30px;
}
.notice p + p {
    margin-top: 30px;
}
.notice .faq dt { padding-left: 30px; background: url(../img/notice/faq_ico_question.png) no-repeat left 5px; }
.notice .faq dd { padding-left: 30px; background: url(../img/notice/faq_ico_answer.png) no-repeat left 5px; }

@media screen and (max-width: 640px) {
    #wrapper.index {
        padding: 55px 0 0;
        background: none;
    }
    .index .bg {
        opacity: 1;
    }
    .index .killer {
        height: 450px;
    }
    .index .killer h1 {
        width: 320px;
        height: 138px;
        top: 235px;
        margin-left: -160px;
    }
    .index .killer .catch {
        width: 60px;
        height: 128px;
        top: 56px;
        margin-left: -30px;
    }
    .index .killer .whats {
        width: 115px;
        height: 115px;
        top: 147px;
        left: auto;
        right: 15px;
        transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }
    .index .killer .ticket {
        margin: 0 auto;
        width: 320px;
        top: 366px;
        left: 0;
        position: relative;
    }
    .index .killer .ticket .balloon {
        padding: 10px;
        width: 180px;
        float: right;
        position: relative;
        top: 0;
        left: 0;
    }
    .index .killer .ticket .balloon:after {
        border-top: 25px solid #fff;
        border-left: 0 solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
        margin-left: -5px;
        position: absolute;
        left: 25px;
        bottom: -26px;
        transform: rotate(40deg);
        -webkit-transform: rotate(40deg);
    }
    .index .killer .ticket .ticketimg {
        float: left;
        width: 112px;
        height: 72px;
    }
    .index .contents {
        padding: 0 5px;
        width: 100%;
        box-sizing: border-box;
    }
    .index .topics {
        padding: 10px;
    }
    .index .topics ul li a {
        font-size: 12px;
    }
    .index .floatL {
        margin-bottom: 20px;
        width: 100%;
    }
    .index .floatL .timeline {
        width: 100%;
        height: 250px;
        overflow: hidden;
    }
    .index .floatR {
        margin-bottom: 20px;
        width: 100%;
    }
    .index .floatR .ticket {
        padding: 10px;
        font-size: 14px;
    }
    .index .floatR .ticket p {
        margin-bottom: 20px;
        font-size: 16px;
    }
    .index .floatR .ticket .pt {
        font-size: 26px;
    }
    .index .floatR .ticket .buybtn {
        width: 284px;
        height: 48px;
    }
    .index .floatR .movie {
        padding: 10px;
    }
    .index .cooperation {
        padding: 0 10px;
        width: 100%;
        min-width: 100%;
        border: 1px solid #393939;
        text-align: left;
        box-sizing: border-box;
    }
    .index .cooperation:nth-of-type(1) {
        border-radius: 5px 5px 0 0;
    }
    .index .cooperation:nth-of-type(2) {
        border-radius: 0 0 5px 5px;
    }
    .index .cooperation .inner {
        padding: 10px 5px;
        border: none;
    }
    .index .cooperation dt {
        margin: 0 auto 5px;
        width: 24px;
        display: block;
    }
    .index .cooperation.gold .inner {
        padding: 20px 5px 0;
    }
    .index .cooperation.gold dd{
        margin: 0 0 10px;
        width: 100%;
        height: auto;
    }
    .index .cooperation.silver {
        margin-left: 0;
    }
    .index .cooperation.silver dd,
    .index .cooperation.help dd,
    .index .cooperation dd {
        margin: 0;
        width: 48%;
        height: auto;
        box-sizing: border-box;
    }
    .index .cooperation.support dd {
        margin: 10px 0 0;
        padding: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .index .cooperation.support dt {
        margin: 0 auto 5px;
    }
    .index .cooperation dd:nth-of-type(odd) {
        float: left;
    }
    .index .cooperation dd:nth-of-type(even) {
        float: right;
    }
    .index .bnrarea {
        background: none;
    }
    .index .bnrarea ul {
        width: 255px;
    }
    .today .killer {
        height: 213px;
    }
    .today .killer h1 {
        margin-left: -160px;
        width: 320px;
        height: auto;
        top: 15px;
        left: 50%;
    }
    .today .killer .now {
        margin-left: -160px;
        width: 320px;
        height: auto;
        top: 98px;
        right: auto;
        left: 50%;
    }
    .today .killer .date {
        margin-left: -160px;
        width: 320px;
        height: auto;
        top: 150px;
        right: auto;
        left: 50%;
    }
    .today .view {
        padding: 5px;
        box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.4);
    }
    .today .view .ico {
        width: 35px;
        height: 15px;
        position: absolute;
        top: 0;
        left: 5px;
    }
    .today .view a {
        margin-top: 5px;
    }
    .today .twitter {
        width: 100%;
    }
    .today .yellowbox {
        padding: 20px 10px;
    }
    .today .yellowbox h2.sttl {
        margin-bottom: 18px;
        height: 55px;
        font-size: 24px;
        line-height: 30px;
        background-image: url(../img/index/sp_line.png);
        background-position: center 11px;
        background-size: 100%;
    }
    .today .yellowbox h2.sttl span {
        margin-left: 0;
        font-size: 9px;
        display: block;
    }
    .today .yellowbox h2 p {
        margin-bottom: 16px;
        padding: 0 10px;
    }
    .today .yellowbox .freemovie {
        margin-bottom: 30px;
    }
    .today .yellowbox h3.sttl {
        margin-bottom: 10px;
        padding: 3px 0;
        line-height: 16px;
    }
    .today .yellowbox .common {
        margin-bottom: 30px;
        width: 100%;
        float: none;
    }
    .today .yellowbox .common h3 p {
        width: 21px;
        height: 10px;
    }
    .today .yellowbox .game {
        width: 100%;
        float: none;
    }
    .today .yellowbox .game h3 p {
        width: 89px;
        height: 10px;
    }
    .today .yellowbox .game h3 .ico {
        width: 37px;
        height: 30px;
        position: absolute;
        top: -7px;
        left: 65%;
    }
    .today .yellowbox .card {
        width: auto;
        height: auto;
        float: none;
    }
    .today .yellowbox .card a {
        display: block;
        background: #2b2b2b;
    }
    .today .yellowbox .card + .card {
        margin-top: 10px;
        margin-left: 0;
    }
    .today .yellowbox .card .img {
        width: 35%;
        height: auto;
        background: inherit;
        display: block;
        float: left;
    }
    .today .yellowbox .card .img .ico {
        margin-top: -13px;
        margin-left: -14px;
        width: 42px;
        height: 27px;
    }
    .today .yellowbox .card p {
        padding-top: 7%;
        width: 65%;
        display: block;
        float: right;
        vertical-align: middle;
    }
    .today .yellowbox .join .img {
        margin-bottom: 20px;
        width: 100%;
        height: auto;
        float: none;
    }
    .today .yellowbox .join .link {
        width: auto;
        height: auto;
        float: none;
    }
    .today .yellowbox .join .link a {
        width: auto;
        height: auto;
    }
    .after .killer {
        height: 400px;
    }
    .after .killer .txt {
        margin-left: -150px;
        width: 300px;
        height: auto;
        top: 353px;
    }
    .after .yellowbox {
        padding: 10px 20px 20px;
        background-color: #161602;
        background-image: url(../img/index/sp_yellowbox_bg.png);
    }
    .after .yellowbox h2 {
        margin-bottom: 20px;
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: -10px;
    }
    .after .yellowbox .nama {
        margin: 0 auto 10px;
        width: 260px;
    }
    .after .yellowbox .ch {
        width: 250px;
        float: none;
        border-width: 5px;
        border-radius: 5px;
    }
    .after .yellowbox .ch + .ch {
        margin-top: 10px;
        margin-left: 0;
    }
    .after .yellowbox .buybtn a {
        width: 260px;
        height: auto;
    }
    .after .yellowbox .notice {
        font-size: 12px;
    }
    .after .yellowbox .free {
        margin-top: 20px;
        padding-top: 20px;
    }
    .after .yellowbox h3 {
        margin: 0 auto 20px;
        width: 282px;
        height: 69px;
    }
    .after .yellowbox ul {
        margin: 0 auto;
        width: 328px;
    }
    .after .yellowbox ul li {
        margin: 5px;
        width: 40%;
        text-align: left;
        -ms-text-align-last: auto;
        text-align-last: auto;
        float: left;
        display: block;
    }
    .after .yellowbox ul li a {
        padding-left: 13px;
        background-size: 14px 19px;
        font-size: 11px;
    }
    .about .intro {
        line-height: 2;
    }
    .about .intro strong {
        width: 283px;
        height: 59px;
    }
    .about .intro p {
        margin-bottom: 30px;
        font-size: 12px;
    }
    .about .intro .whats {
        margin: 0 auto;
        width: 231px;
        height: 72px;
    }
    .about .outline .container {
        padding: 30px 20px;
        background: #fff;
    }
    .about .outline h4 {
        font-size: 16px;
    }
    .about .outline h4 .tar {
        float: right;
        font-weight: bold;
    }
    .about .outline dt {
        margin-bottom: 10px;
        padding: 5px;
        float: none;
        color: #fff;
        font-size: 14px;
        line-height: 1;
        text-align: center;
        background: #221202;
        border-radius: 5px;
    }
    .about .outline dd {
        margin-bottom: 30px;
        padding-left: 10px;
        float: none;
        width: 100%;
        box-sizing: border-box;
    }
    .about .outline dd .locationimg {
        margin: 0 auto;
        width: 100%;
    }
    .about .outline dd .areaimg {
        margin: 0 auto;
        width: 95%;
        height: auto;
    }
    .about .outline .btn {
        margin: 0 auto;
        width: 262px;
        height: 46px;
    }
    .about .access .map {
        width: 100%;
    }
    .about .access .info {
        padding: 20px 10px;
        width: 100%;
    }
    .about .access .info h4 {
        font-size: 16px;
    }
    .about .access .info .btn {
        margin: 30px auto;
        width: 184px;
        height: 39px;
    }
    .about .access .info .guide {
        font-size: 10px;
        text-align: center;
    }
    .whats .contents {
        margin: 0 5px;
        padding: 15px;
    }
    .whats .block {
        margin-bottom: 30px;
    }
    .whats .block h3 {
        margin-bottom: 20px;
    }
    .whats .block h3 span {
        padding: 0 0 0 45px;
        display: block;
        font-size: 16px;
        background-position: left center;
        background-size: 34px 31px;
    }
    .whats .block .box {
        font-size: 14px;
    }
    .whats .block .box strong {
        font-size: 14px;
    }
    .whats .block .box em {
        font-size: 16px;
    }
    .whats .block .box em.noSp {
        display: none;
    }
    .whats .block .box dt {
        margin-bottom: 10px;
        padding: 5px;
        color: #221202;
        background: #f4e49b;
        font-size: 14px;
        line-height: 1;
        float: none;
        border-radius: 5px;
        text-align: center;
    }
    .whats .block .box dd {
        padding-left: 20px;
        width: auto;
        float: none;
        border: none;
    }
    .whats .what .box {
        height: auto;
    }
    .whats .what .photo01 {
        margin-bottom: 6px;
        width: 100%;
        position: relative;
    }
    .whats .what .photo {
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        top: 0;
    }
    .whats .what .photo img {
        width: 31%;
    }
    .whats .what .photo img + img {
        margin-left: 6px;
    }
    .whats .what .txt {
        width: auto;
        position: relative;
        top: 0;
    }
    .whats .when .box dt {
        width: 150px;
    }
    .whats .ticket .box {
        padding: 0;
        background: none;
    }
    .whats .ticket .box dt {
        width: 125px;
    }
    .whats .ticket .box dd {
        margin: 0 auto;
        width: 267px;
    }
    .whats .would .box dt {
        width: 100px;
    }
    .whats .need .box {
        padding: 0;
        background: none;
    }
    .whats .need .box dt {
        width: 50px;
    }
    .whats .movie {
        width: 100%;
    }
    .whats .movie .ttl {
        font-size: 16px;
    }
    .whats .bnr {
        width: 250px;
    }
    .artists {
        margin-bottom: 20px;
    }
    .artists .list {
        margin: 0;
    }
    .artists .list .card {
        margin: 0 0 10px;
        width: 48%;
    }
    .artists .cat li a {
        width: auto;
    }
    .artists .list .card:nth-child(odd) {
        float: left;
    }
    .artists .list .card:nth-child(even) {
        float: right;
    }
    .artists .list .card .stage li {
        width: 100%;
        font-size: 8px;
    }
/*    .artists .list .card .stage li {
        width: 50%;
        font-size: 8px;
    }*/
    .artists .list .card .photo img {
        height: auto;
    }
    .artists .list .card .photo .ico {
        width: 27px;
        height: 27px;
    }
    .artists .list .card .photo:hover .ico {
        padding-top: 0;
        width: 27px;
        height: 27px;
        right: 5px;
        bottom: 5px;
        color: rgba(255, 255, 255, 0);
        border-radius: 20px;
    }
    .artists .list .card .movie .ico {
        background-size: 16px 13px;
    }
    .artists .list .card .movie:hover .ico {
        background-color: #2e75e0;
        background-size: 16px 13px;
    }
    .artists .list .card .official .ico {
        background-size: 13px 14px;
    }
    .artists .list .card .official:hover .ico {
        background-color: #fda02b;
        background-size: 13px 14px;
    }
    .artists .list .card .user .ico {
        background-size: 16px 16px;
    }
    .artists .list .card .user:hover .ico {
        background-color: #333;
        background-size: 16px 16px;
    }
    .artists .list .card .name {
        height: 37px;
        font-size: 10px;
    }
    .artists .list .card .name.long {
        font-size: 8px;
    }
    .artists .list .card .name .link {
        font-size: 8px;
    }
    .artists .list .card .name .copy {
        font-size: 8px;
    }
    .ticket h3 span {
        font-size: 12px;
    }
    .ticket .cat {
        width: auto;
    }
    .ticket .cat li {
        width: 48%;
    }
    .ticket .cat li a {
        width: auto;
    }
    .ticket .container {
        padding: 10px;
    }
    .ticket .soldout {
        width: 194px;
        height: auto;
    }
    .ticket .info {
        margin: 0 auto 20px;
        width: 242px;
        height: 65px;
        background-size: 242px 65px;
        font-size: 12px;
    }
    .ticket .info .price {
        font-size: 29px;
        top: 8px;
    }
    .ticket .real h4 {
        margin: 0 auto 15px;
        width: 259px;
    }
    .ticket .real table {
        width: 95%;
    }
    .ticket .real table th,
    .ticket .real table td {
        display: block;
        width: 100%;
        border: none;
    }
    .ticket .real .btn {
        width: 264px;
    }
    .ticket .real .flow {
        width: 264px;
    }
    .ticket .real .flow .step {
        padding: 10px;
        float: none;
        width: 260px;
        height: 67px;
        display: table-cell;
        vertical-align: middle;
    }
    .ticket .real .flow .step .no {
        top: -7px;
        left: 10px;
        position: absolute;
        background-size: 75px 20px;
    }
    .ticket .real .flow .step .no span {
        width: 69px;
        height: 20px;
        font-size: 13px;
        line-height: 20px;
    }
    .ticket .real .flow .step .status {
        margin-top: 10px;
        width: 140px;
        float: left;
        font-size: 14px;
    }
    .ticket .real .flow .step .term {
        width: 95px;
        float: right;
        font-size: 14px;
    }
    .ticket .real .flow .step .term .day {
        font-weight: bold;
    }
    .ticket .real .flow .step .term .time {
        font-size: 10px;
    }
    .ticket .real .flow .close:after {
        width: 125px;
        height: 30px;
        top: 18px;
        left: 72px;
        line-height: 30px;
    }
    .ticket .real .flow .arrow {
        margin: 10px auto;
        width: 17px;
        float: none;
    }
    .ticket .real li {
        margin-bottom: 5px;
        font-size: 10px;
    }
    .ticket .net p {
        font-size: 16px;
        text-align: left;
    }
    .ticket .net .btn {
        width: 264px;
    }
    .ticket .net .sup {
        margin-bottom: 30px;
        font-size: 10px;
        text-align: center;
    }
    .ticket .net .stage {
        margin: 0 auto 20px;
        width: 282px;
    }
    .ticket .net .stage .txt {
        margin: 0 auto 10px;
        width: 220px;
    }
    .ticket .net .stage .live {
        margin-bottom: 20px;
        width: 137px;
        float: left;
    }
    .ticket .net .stage .game {
        margin-bottom: 20px;
        width: 137px;
        float: right;
    }
    .ticket .net .stage a {
        font-size: 10px;
    }
    .ticket .shop .ticket {
        margin: 0 auto 30px;
        width: 100%;
    }
    .ticket .shop .ticket p {
        width: 100%;
        float: none;
    }
    .ticket .shop .ticket img {
        margin: 0 auto;
        width: 135px;
        float: none;
    }
    .ticket .shop table {
        margin-top: 30px;
        padding-top: 30px;
        width: 95%;
        border-top: 1px solid #000;
    }
    .ticket .shop table tr {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #000;
    }
    .ticket .shop table th {
        display: none;
    }
    .ticket .shop table td {
        display: block;
        width: 100%;
        border: none;
    }
    .ticket .shop .row2 a:nth-child(1) {
        border-bottom: none;
    }
    .ticket .liveviewing .logo li {
        width: 130px;
    }
    .ticket .liveviewing .info {
        width: 100%;
    }
    .ticket .liveviewing h4 {
        font-size: 22px;
    }
    .ticket .liveviewing .info dl {
        margin-bottom: 0;
    }
    .ticket .liveviewing dt {
        margin-bottom: 10px;
        padding: 5px;
        float: none;
        color: #fff;
        font-size: 14px;
        line-height: 1;
        text-align: center;
        background: #221202;
        border-radius: 5px;
    }
    .ticket .liveviewing dd {
        margin-bottom: 30px;
        padding-left: 10px;
        float: none;
        width: 100%;
        box-sizing: border-box;
    }
    .ticket .liveviewing .btn {
        width: 159px;
        height: 29px;
    }
    .goods .bnr {
        margin: 0 0 40px;
        width: 100%;
        height: auto;
    }
    .goods .list {
        margin: 0;
    }
    .goods .list .card {
        margin: 0 0 10px;
        width: 48%;
    }
    .goods .list .card:nth-child(odd) {
        float: left;
    }
    .goods .list .card:nth-child(even) {
        float: right;
    }
    .goods .card .photo.new:after {
        width: 34px;
        height: 34px;
        background-size: 34px;
    }
    .goods .card .description {
        width: 100%;
        height: 49px;
    }
    .goods .card .itemName p {
        height: 32px;
        font-size: 10px;
    }
    .goods .card .price p {
        height: 17px;
        font-size: 12px;
        text-align: center;
    }
    .goods .card .price span {
        position: relative;
        top: 3px;
        left: 5px;
        font-size: 7px;
    }
    .entry .container {
        padding: 30px 15px;
    }
    .entry .container dl {
        background: #fff !important;
    }
    .entry .container dt {
        padding: 5px;
        width: 120px;
        color: #fff;
        float: none;
        font-size: 14px;
        line-height: 1;
        text-align: center;
        background: #221202;
        border-radius: 5px;
        box-sizing: border-box;
    }
    .entry .container dd {
        padding-left: 20px;
        width: auto;
        float: none;
        font-size: 14px;
    }
    .entry .container dd li {
        padding-left: 20px;
        background: url(../img/entry/sp_listmark.png) no-repeat left 8px;
        background-size: 6px 6px;
    }
    .entry .container .btn {
        width: 264px;
    }
    .entry .close h3 {
        padding-right: 15px;
    }
    .entry .close h3 span {
        top: auto;
        left: 0;
        right: 0;
        bottom: -26px;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
    }
    .onair .container {
        padding: 20px 0;
    }
    .onair .charge .txt {
        margin: 0 auto 20px;
        width: 230px;
        height: 39px;
    }
    .onair .charge .stage {
        margin: 0 auto;
        padding: 10px 15px;
        width: 280px;
        height: 398px;
        background: url(../img/onair/sp_charge_bg.png) repeat-y center top;
        background-size: 280px 199px;
        position: relative;
        box-sizing: border-box;
    }
    .onair .charge .stage h4 span {
        padding: 2px 0 2px 35px;
        font-size: 13px;
    }
    .onair .charge .stage .img {
        margin-bottom: 10px;
        width: 250px;
        height: 120px;
        overflow: hidden;
    }
    .onair .charge .livestage {
        margin-bottom: 20px;
        position: relative;
        top: 3px;
        left: 0;
    }
    .onair .charge .livestage h4 span:before {
        width: 31px;
        height: 26px;
        background-size: 31px 26px;
        top: -5px;
        left: 0;
    }
    .onair .charge .gamestage {
        position: relative;
        top: 0;
        right: 0;
    }
    .onair .charge .gamestage h4 span:before {
        width: 32px;
        height: 24px;
        background-size: 32px 24px;
        top: -3px;
        left: 0;
    }
    .onair .charge .stage a {
        width: 204px;
        height: 29px;
    }
    .onair .charge .btn {
        margin: 20px auto 0;
        width: 264px;
        height: 44px;
    }
    .onair .free .container {
        padding: 10px;
    }
    .onair .free .txt {
        margin: 0 auto 20px;
        width: 190px;
        height: 17px;
    }
    .onair .free h4 {
        margin: -10px auto 0;
        width: 170px;
        font-size: 14px;
    }
    .onair .free .block {
        width: 100%;
        height: auto;
    }
    .onair .free .nama {
        margin-top: 30px;
    }
    .onair .free .nama + .nama {
        margin-top: 10px;
        margin-left: 0;
    }
    .onair .real .container {
        padding: 10px;
    }
    .onair .real h4 {
        margin: -10px auto 0;
        width: 170px;
        font-size: 14px;
    }
    .onair .real .block {
        margin: 40px auto 20px;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    .onair .real .block + .block {
        margin-left: 0;
    }

    .modalBox {
        padding: 10px;
        width: 300px;
        height: 400px;
        min-height: auto;
        border: none;
        border-radius: 5px;
    }
    .modalBox .photo {
        margin: 20px 0;
    }
    .modalBox .photo.new:after {
        width: 47px;
        height: 47px;
        background-size: 47px;
    }
    .modalBox .description {
        font-size: 12px;
    }
    .modalBox .price {
        font-size: 14px;
    }
    .modalBox .price span {
        font-size: 7px;
        top: 6px;
    }
    .modalBox .txt {
        font-size: 10px;
    }
    .modalBox .btn {
        margin-top: 10px;
        padding-top: 10px;
    }
    .modalBox .btn a img {
        width: 129px;
        height: 13px;
    }
    #cboxClose {
        width: 17px;
        height: 17px;
        background-size: 17px;
        top: -20px;
        right: 5px;
    }
    
    .plan strong {
        font-size: 18px;
    }
    .plan .contents {
        margin: 0 5px;
        padding: 15px;
    }
    .plan .block {
        margin-bottom: 30px;
    }
    .plan .block h3 {
        margin-bottom: 20px;
    }
    .plan .block h3 span {
        padding: 0 0 0 45px;
        display: block;
        font-size: 16px;
        background-position: left center;
        background-size: 34px 31px;
    }
    .plan .block .box p {
        text-align: left;
    }
    .plan .block .box {
        padding: 86px 20px 20px;
        width: 100%;
        min-height: 86px;
        background-size: 100% auto;
    }
    .plan .double {
        width: 100%;
    }
    .plan .double .movie:nth-child(odd) {
        margin-bottom: 20px;
        float: none;
    }
    .plan .double .movie:nth-child(even) {
        float: none;
    }
    .timetable .schedule .btn {
        width: 58px;
        height: 15px;
        padding-top: 8px;
        top: 3.3%;
    }
    .timetable .schedule .btn img {
        width: 34px;
        height: 8px;
    }
    .timetable .schedule .wide { width: 99px; }
    .timetable .schedule .btn01 { left: 10%; }
    .timetable .schedule .btn02 { left: 35%; }
    .timetable .schedule .btn03 { left: 61.5%; }
    .timetable .schedule .btn04 { left: 83%; }
    .karaoke .cat li {
        width: 48%;
    }
    .karaoke .cat li a {
        width: auto;
    }
    .karaoke .container dt {
        float: none;
        width: 100%;
    }
    .karaoke .container dd {
        width: 100%;
        float: none;
        border-bottom: 1px solid #888;
    }
    .karaoke .container dt:nth-of-type(odd),
    .karaoke .container dd:nth-of-type(odd) {
        background: #fff;
    }
}
.noPc {
    display: none;
}
.noSp {
    display: block;
}
@media screen and (max-width: 640px) {
    .noPc {
        display: block;
    }
    .noSp {
        display: none;
    }
}