@charset "UTF-8";
/* ---------------------------------------- ■ tickets.css
---------------------------------------- */
/* Main
---------------------------------------- */
main { position: relative; width: 100%; padding-top: 70px; background: #071224; z-index: 10; }

#container main .image { width: 100%; }
#container main .image.i1 { height: 400px; background-image: url("../img/about/out_ball_393.jpg"); }

#container main .contents > #details { padding: 0 20px 120px; }
#container main .contents > #details article { max-width: 795px; margin: 0 auto; text-align: left; }
#container main .contents > #details article .price { width: 100%; text-align: center; }
#container main .contents > #details article .price thead th { padding: 10px 10px 8px; background: #6d777a; border: 1px solid #fff; line-height: 1.3; vertical-align: middle; font-size: 1.9rem; font-weight: bold; }
#container main .contents > #details article .price tbody td { padding: 10px 10px 8px; border: 1px solid #fff; vertical-align: middle; font-size: 1.8rem; }
#container main .contents > #details article .price tbody td:first-child { width: 30%; font-size: 1.9rem; }
#container main .contents > #details article .price.p1 tbody td:last-child { width: 20%; }
#container main .contents > #details article .price.p2 thead th > span { font-size: 1.5rem; }
#container main .contents > #details article .price.p1 thead th{background:#3A7DAA; }
#container main .contents > #details article .price.p2 thead th{background:#594975; }
#container main .contents > #details article .price + .price { margin-top: 60px; }
#container main .contents > #details article .price + .note { margin: 5px 0 45px; }
#container main .contents > #details article .price thead th span{font-size: 1.2rem}
.s1{
    margin-bottom: 95px;
}
.str{text-align: center;font-size: 1.6rem; }
#container main .contents > #details article .ballroom { padding-bottom: 85px; }
#container main .contents > #details article .ballroom h3 { margin-bottom: 1em; line-height: 1.1; text-align: center; font-size: 1.9rem; font-weight: bold; }
#container main .contents > #details article .ballroom .map { margin-bottom: 30px; }
#container main .contents > #details article .sell { padding: 65px 10px; border-top: 1px solid #fff; text-align: center; }
#container main .contents > #details article .sell h2 { margin-bottom: 1em; line-height: 1.3; color: #6cb5e5; font-family: "游ゴシック", "Yu Gothic", "YuGothic", "Meiryo UI", "メイリオ", "Meiryo UI", osaka, sans-serif; font-size: 2.445rem; font-weight: bold; }
#container main .contents > #details article .sell .inner { max-width: 576px; margin: 0 auto; }
#container main .contents > #details article .sell .period { margin-bottom: 1em; font-size: 2.2rem; font-weight: bold; }
#container main .contents > #details article .sell .btn a { display: block; padding: 30px 10px 28px; background: #fff; line-height: 1.1; text-decoration: none; color: #071224; font-size: 1.8rem; font-weight: bold; transition: opacity 100ms ease; }
#container main .contents > #details article .sell .nop { display: block; padding: 30px 10px 28px; background: #717071; line-height: 1.1; text-decoration: none; color: #071224; font-size: 1.8rem; font-weight: bold; transition: opacity 100ms ease; }
#container main .contents > #details article .sell .btn a:hover { opacity: 0.8; }
#container main .contents > #details article #spcMember { text-align: center; }
#container main .contents > #details article #spcMember .noteList { margin: 1.5em 0; text-align: left; }
#container main .contents > #details article #spcMember .btn { margin-bottom: 2em; }
#container main .contents > #details article #midNight .period, #container main .contents > #details article #ticketPia .period { margin-bottom: 1em; }
#container main .contents > #details article #midNight .btn, #container main .contents > #details article #ticketPia .btn { margin: 1em 0 0; }
#container main .contents > #details article #midNight h2 { color: #7254ba; }
#container main .contents > #details article #ippan .inner { max-width: 100%; }
#container main .contents > #details article #ippan .period { margin-bottom: 0; }
#container main .contents > #details article #ippan .btns { display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; width: 100%; margin-top: 3em; }
#container main .contents > #details article #ippan .btns li { flex: 0 0 auto; width: calc((100% - 10px) / 2); margin: 2.5px auto;}
#container main .contents > #details article #ippan .btns li a { display: block; background: #fff; padding: 15px 0; }
#container main .contents > #details article #ippan .btns li a:hover { opacity: 0.8; }
#container main .contents > #details article #ippan .btns li a span{ display: block; color: #000; text-decoration: none; font-size: 1.5rem; font-weight: bold; line-height: 1.4; padding-top: 10px;}
#container main .contents > #details article #ippan .code { margin-top: 2em; letter-spacing: 0.01em; text-align: left; font-size: 1.8rem; font-weight: bold; }
#container main .contents > #details article #ippan .code dl dt { padding-right: 1em; white-space: nowrap; }
#container main .contents > #details article #ippan .code dl dt::before { content: '■'; color: #6cb5e5; }
#container main .contents > #details article #ippan .code dl dd span { font-weight: normal; }
#container main .contents > #details article #ippan .code dl + dl dt, #container main .contents > #details article #ippan .code dl + dl dd { padding-top: 1.5em; }
#container main .contents > #details article #midNight .btn a span{ display: block; color: #000; text-decoration: none; font-size: 1.5rem; font-weight: bold; line-height: 1.4; padding-top: 10px;}

.blink a{color: #6CB5E5!important;}
.notes{margin-bottom: 25px;}

dl.ent{
    /*width: 310px;*/
    max-width: 390px;
    display: block;
    margin: 15px auto 0 auto;
    font-size: 1.6rem;
    line-height: 1;
}
dl.ent dt{
    width: 6em;
    margin: 0 0 0.8em;
    float: left;
} 
dl.ent dd{
    padding-left: 6.5em;
    margin-bottom: 0.8em;
    text-align: left;
}
dl.ent_t{
    margin: 0 auto!important;
}
.sp{display: inline-block;}
/* @media : PC
---------------------------------------- */
/* @media : SP
---------------------------------------- */
@media screen and (max-width: 768px) { main { padding-top: 50px; }
  #container main .contents > #details { padding: 0 20px 60px; }
  #container main .contents > #details h2 { margin-bottom: 50px; }
  #container main .contents > #details article .price + .price { margin-top: 30px; }
  #container main .contents > #details article .price + .note { margin: 5px 0 50px; }
  #container main .contents > #details article .price thead th, #container main .contents > #details article .price tbody td:first-child { font-size: 2.4739583333vw; }
  #container main .contents > #details article .price tbody td { font-size: 2.34375vw; }
  #container main .contents > #details article .price.p2 thead th span { font-size: 1.953125vw; }
  #container main .contents > #details article #spcMember { padding-top: 40px; padding-bottom: 40px; }
  #container main .contents > #details article #ippan { padding-top: 40px; }
  #container main .image.i1 { height: 360px; }
  #container main .contents > #details article #ippan .code dl + dl dt, #container main .contents > #details article #ippan .code dl + dl dd { padding-top: 0; } }
@media screen and (max-width: 480px) { #container main .contents > #details article .price thead th, #container main .contents > #details article .price tbody td:first-child { font-size: 3.3333333333vw; }
  #container main .contents > #details article .price tbody td { font-size: 3.3333333333vw; }
  #container main .contents > #details article .price.p2 thead th span { font-size: 2.9166666667vw; }
  #container main .image.i1 { height: 300px; }
  #container main .contents > #details article #ippan .btns li { width: 48%; }
.sp{display:inline-block;}
    #container main .contents > #details article #ippan .btns li a span{ font-size: 1.2rem; }
}