@charset "utf-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ul,
ol {
    list-style: none;
}

html {
    font-size: 16px;
}

body {
    line-height: 1;
    font-family: serif;
    background: #fff;
    /* overflow-x: hidden; */
    color: #333333;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}

.serif {
    font-family: 'Noto Serif JP', serif;
}

@media screen and (min-width: 961px) {
    body {
        /* min-width: 1080px; */
    }
}

@media screen and (max-width: 1080px) {
    html {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    html {
        /* font-size: 1.6666666vw; */
    }

    body {
        min-width: 0;
    }
}

@media screen and (max-width: 640px) {
    html {
        font-size: 15px;
    }
}

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

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    background: transparent;
    text-decoration: none;
    color: #000;
}
a.link {
    color: #0074be;
    text-decoration: underline;
}
a:focus {
    outline: none
}

a:hover img {
    /* opacity: .85 */
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
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;
    cursor: help;
}

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

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
    -webkit-appearance: none;
    padding: 0;
    border: 1px solid #006934;
    background-color: #F7F7F7;
    /* height: 1.25em; */
    font-size: 0.9em;
    padding: 0.6em .5em;
    outline: none;
}

select {
    /*    background: #F7F7F7 url(../images/select_arrow.png) no-repeat center right 5px;*/
    background-size: auto 35%;
    padding-right: 2em;
}

input:focus,
select:focus {

    box-shadow: 0 0 2px 0px #006934;
}

* {
    box-sizing: border-box;
}
sup {
    vertical-align: super;
    font-size: 70%;
}
img {
    max-width: 100%;
    vertical-align: bottom;
    transition: .25s opacity;
    height: auto;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

a:hover img {
    /* opacity: .8; */
}

/* STYLE */
#ticketBtn {
    position: fixed;
    bottom: 40px;
    right: -1px;
    z-index: 100;
}

#ticketBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    border: 1px solid #fff;
    border-radius: 10px 0 0 10px;
    transition: .25s;
    background: #B29560;
    background: #c1aa80;
    border: 1px solid #fff;
    padding: 30% 0;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
}

#ticketBtn a img {
    width: 25%;
}

#mvArea {
    /* padding-bottom: 2%; */
    /* background: #c1aa80; */
    position: relative;
    text-align: center;
}
#kv {
    position: relative;
    overflow: hidden;
}
@media screen and (min-width: 1081px) {
    #kv {
        /* height: 600px; */
    }
    #kv img {
        /* position: absolute; */
        left: 50%;
        /* margin-left: -960px; */
        /* width: 1920px; */
        /* max-width: 1920px; */
    }
}
#menuBtn {
    width: 44px;
    height: 44px;
    position: fixed;
    right: 10px;
    top: 10px;
    display: block;
    z-index: 200;
}

#menuBtn span {
    position: absolute;
    display: block;
    width: 80%;
    height: 1px;
    background: #B29560;
    left: 10%
}

#menuBtn span:nth-child(1) {
    top: 10px
}

#menuBtn span:nth-child(2) {
    top: 50%;
}

#menuBtn span:nth-child(3) {
    bottom: 10px
}

#menuBtn.active span:nth-child(1) {
    top: 50%;
    transform: rotate(-45deg)
}

#menuBtn.active span:nth-child(2) {
    opacity: 0
}

#menuBtn.active span:nth-child(3) {
    bottom: 50%;
    transform: rotate(45deg)
}

#filter {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    display: none;
}

#menu {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 110;
    /* display:none; */
    top: 0;
    right: 0;
    max-width: 400px;
    padding-top: 70px;

    font-family: 'Noto Serif JP', serif;
    transform: translateX(100%);
    transition: .4s transform;
}

#menu.on {
    transform: translateX(0);
}

#menu li:first-child {
    border-top: 1px solid #B29560;
}

#menu li {
    border-bottom: 1px solid #B29560;
}

#menu a {
    display: flex;
    justify-content: center;
    color: #C1272D;
    /*     color: #000; */
    font-weight: bold;
    font-size: 1.125rem;
    padding: 1rem 0;
    transition: .25s;
    transition-property: color background
}

#menu a:hover {
    color: #fff;
    background: #C1272D;
}

.btn a {
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 1.25em 0;
    opacity: 1;
    transition: .25s opacity
}

.btn a:hover {
    opacity: .75
}

.btn a:before,
.btn a:after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 1px;
    background: #fff;
    right: 0;
    transform-origin: right
}

.btn a:before {
    transform: rotate(-40deg);
    top: 50%;
}

.btn a:after {
    transform: rotate(40deg);
    bottom: 50%;
}

.secInner {
    margin: 0 auto;
    max-width: 1080px;
}

#schedule .secInner {
    max-width: 990px;
    padding: 6rem 0;
}

#scheduleList {
    display: flex;
    justify-content: space-between;
}

#scheduleList li {
    width: calc(100% / 3);
    padding: 0 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

#scheduleList li .ttlImg {
    margin-bottom: 1.5rem;
}

#scheduleList li .ttlImg img {
    width: 60%;
    max-width: 180px;
}

#scheduleList li .day {
    font-weight: bold;
    font-size: 1.9375rem;
    letter-spacing: .1em;
    margin-bottom: 1.5rem;
}

#scheduleList li .day .num {
    font-size: 140%;
}

#scheduleList li .place {
    font-weight: bold;
    font-size: 1.9375rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

#scheduleList li .btn {
    font-size: 1.25rem;
    margin-top: auto;
}

#scheduleList li .btn a {
    background: #c1272d;
    color: #fff;
}

.priceWrap {
    padding-top: 2rem
}

.priceWrap p.ttl {
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.priceWrap p.ttl .clBox {
    width: 41px;
    height: 1.4em;
    background: #f5ad5f;
    margin-right: 1em
}

.priceWrap table {
    vertical-align: middle;
    width: 100%;
    line-height: 1;
    line-height: 1.2;
    font-size: 90%;
}

.priceWrap table tr {
    border-bottom: 1px dotted #000;
    /* border-width: 1px 0 1px 0 */
}

.priceWrap table tr.bdNone {
    border: none
}

.priceWrap table tbody {
    font-weight: bold;
}
.priceWrap table tbody tr:first-child {
    border-top: 1px solid #000;
}
.priceWrap table tbody tr:last-child {
    border-bottom: 1px solid #000;
}

.priceWrap table thead th {
    padding: 0.5rem;
    font-size: .875rem;
    font-size: 87.5%;
    font-weight: 500;
}
.priceWrap table tbody th {
    font-weight: bold;
    text-align: left;
}
.priceWrap table tbody th.seatName {
    padding-top: 1.25rem;
    padding-top: 1rem;
    word-break: keep-all;
}
.priceWrap table tbody td {
    vertical-align: middle;
}

.priceWrap table tbody th ,
.priceWrap table tbody td {
    padding: 1.05rem 0.5rem;
    padding: 0.75rem 0.25rem;
}
.priceWrap table tbody th.label {
    width: 30px;
    position: relative
}
.priceWrap table tbody th.label p {
    position: absolute;
    background: #000;
    width: calc(100% - 10px);
    height: calc(100% - 16px);
    top: 8px;
    left: 5px;
}
.priceWrap table tbody th.label p.color1 { background-color: #e8546b;}
.priceWrap table tbody th.label p.color2 { background-color: #9b9d93;}
.priceWrap table tbody th.label p.color3 { background-color: #005eac;}
.priceWrap table tbody th.label p.color4 { background-color: #9e7c3a;}
.priceWrap table tbody th.label p.color5 { background-color: #7dccf3;}
.priceWrap table tbody th.label p.color6 { background-color: #ffffff;}
.priceWrap table tbody th.label p.color7 { background-color: #5aa549;}
.priceWrap table tbody th.label p.color8 { background-color: #ebbc4f;}
.priceWrap table tbody th.label p.color9 { background-color: #0061ab;}
.priceWrap table tbody th.label p.color10 { background-color: #cad431;}
.priceWrap table tbody th.label p.color11 { background-color: #7f4c93;}
.priceWrap table td.present {
    text-align: center;
    word-break: keep-all;
    font-size: 95%;
}
.priceWrap table td.price {
    text-align: right;
    font-size: 1.5rem;
    font-size: 150%;
}

.priceWrap table .bdNone th,
.priceWrap table .bdNone td {
    padding-bottom: 1rem;
}
#news {
    padding: 5rem 3% 5rem;
}
#news .secInner {
    max-width: 700px;
}

#news .secInner .ttlArea {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
}
#news .secInner .ttlArea p {
    display: inline-block;
    color: #fff;
    background: #c1272d;
    padding: 0.5em 0;
    width: 100%;
    max-width: 510px;
}
#news .newsList {
    max-width: 500px;
    margin: auto;
}
#news .newsList li {
    display: flex;
    font-size: 1.125rem;
    line-height: 1.4
}
#news .newsList li p.date {
    width: 6.5em;
    width: 4.5em;
}
#news .newsList li p.text {
    width: calc(100% - 4.5em);
    display: flex;
}
#news .newsList li p.text.tar {
    display: block;
}
#news .newsList li p.text span {
    display: block;
    width: 8em;
    /* text-align: center; */
}
#news .newsList li p.text span.num {
    display: block;
    width: 3.5em;
}
#news .newsList li:not(:last-child) {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #ccc;
}

@media screen and (max-width: 420px) {
    #news .newsList li {
        flex-wrap: wrap;
    }
    #news .newsList li p.date {
        width: 100%;
        padding-bottom: .25rem
    }
    #news .newsList li p.text:not(.tar) {
        width: 100%;
        /* padding-left: 0.2rem; */
    }
    .priceWrap table td.present,.priceWrap table tbody th.seatName {
        word-break: break-all;
    }
    .priceWrap table td.price {
        font-size: 130%
    }
}

#scheduleDetail {
    background: #F2F3F5;
    padding: 5rem 3% 7rem;
}

#scheduleDetail .secInner {
    max-width: 1080px;
}

#round1,
#round2 {
    margin-bottom: 5rem
}

.roundBox h2 {
    /* background: #c1272d; */
    font-family: 'Noto Serif JP', serif;
}

.roundBox h2 a.toggleBtn {
    display: flex;
    justify-content: center;
    padding: 1.7rem 0;
    position: relative;
    background: #c1272d;
    flex-wrap: wrap;
}
.roundBox h2 a.toggleBtn .date {
    color: #fff;
    text-align: center;
    letter-spacing: 0.2em;
}
.roundBox h2 a.toggleBtn .date .ttl {
    width: 100%;
    max-width: 100%;
    font-size: 2.9rem;
}
.roundBox h2 a.toggleBtn .date .day {
    font-size: 1.6rem;
    width: 100%;
    max-width: 100%;
    margin: .5rem 0 0;
}
@media screen and (max-width: 480px) {
    .roundBox h2 a.toggleBtn .date .day .dilb {
        padding-top: 0.5rem
    }
}
.roundBox h2 a.toggleBtn .date .ttl .num {
    font-size: 110%
}
.roundBox h2 a.toggleBtn .date .day .num {
    font-size: 150%;
}
.roundBox h2 a.toggleBtn .label {
    width: 100%;
    background: none;
    margin-top: 0.8em;
    padding: .5em 0 0;
    font-size: 1.25rem;
    color: #fff;
    font-weight: normal;
    flex-direction: row;
}
.roundBox h2 a.toggleBtn .label .ttl {
    width: 6em;
}
.roundBox h2 a.toggleBtn .label .detail {
    margin: 0;
    text-align: center;
}
.roundBox h2 a.toggleBtn span.icon {
    position: absolute;
    display: block;
    width: 3.125rem;
    height: 3.125rem;
    border: 1px solid #fff;
    border-radius: 100%;
    right: 2rem;
    top: 50%;
    margin-top: -1.5625rem;
}

.roundBox h2 a.toggleBtn span.icon:before,
.roundBox h2 a.toggleBtn span.icon:after {
    content: "";
    display: block;
    position: absolute;
    width: 60%;
    height: 1px;
    background: #fff;
    left: 20%;
    top: 50%
}

.roundBox h2 a.toggleBtn span.icon:after {
    transform: rotate(90deg);
    transition: .4s transform
}

.roundBox h2 a.toggleBtn.active span.icon:after {
    transform: rotate(0deg)
}

.roundBox h2 a.toggleBtn p {
    width: 33%;
    margin: 0 3%;
    max-width: 160px;
}
.roundBox h2 .btn {
    background: #fff;
    /* margin: 1rem 0; */
    /* border: 1px solid #fff; */
    /* border-width: 1px 0; */
}
.roundBox h2 .btn a {
    background: #b29560;
    font-size: 1.25rem;
    color: #fff;
    padding: 1.25em;
    /* color: #000; */
}
.roundBox h2 .label {
    background: #B29560;
    background: #c1aa80;
    color: #000;
    color: #fff;
    font-weight: normal;
    font-size: 1.0rem;
    display: flex;
    justify-content: center;
    padding:.5em .75em;
    align-items: center;
    font-weight: 500;
    /* display: none; */
    /* flex-wrap: wrap; */
    flex-direction: column;
}
.roundBox h2　a .label {
    
}
.roundBox h2 .label p.ttl {
    padding: 0 0.5em;
    border-right: 1px solid;
    width: 7em;
    max-width: 100%;
    text-align: center;
}

.roundBox h2 .label p.date {
    padding: 0 0.5em;
    border-right: 1px solid;
    width: 20em;
    max-width: 100%;
    text-align: center;
}


.roundBox h2 .label p.detail {
    padding: 0 1em;
    text-align: left;
    width: auto;
    max-width: 100%;
}
.roundBox h2 .label table {
    /* width: 100%; */
    margin-top: 0.5rem;
}
@media screen and (max-width: 960px) {
    .roundBox h2 .label table {
        margin-top: 1rem;
    }
}
.roundBox h3 {
    background: #c1272d;
    color: #fff;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.75rem;
    line-height: 1;
    padding: 0.929em 0;
    margin-bottom: 1.5rem;
}

.roundBox .col h3 {
    margin-bottom: 3rem
}

.roundBox .toggleItem {
    background: #fff;
    padding-bottom: 5rem;
    /* display: block!important; */
}

.roundBox .detailLead {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: bold;
    padding: 3.5rem 0 4.5rem;
}

.roundBox .detailLead .lead {
    font-size: 1.75rem;
    margin-bottom: 2rem;
    text-align: center;
    line-height: 1.4;
}

.roundBox .detailLead ul li {
    display: flex;
    font-size: 1.25rem;
    align-items: flex-start;
    line-height: 1.3;
    justify-content: center;
}
.roundBox .detailLead ul li.large {
    font-size: 1.5rem
}

.roundBox .detailLead ul li:not(:last-child) {
    margin-bottom: .75em;
}

.roundBox .detailLead ul li p.ttl {
    width: 6.25em;
    border-right: 1px solid #000;
}

.roundBox .detailLead ul li p.detail {
    /* width: calc(100% - 6.25em); */
    padding-left: 1em
}

.specialPresent {
    background: #B29560;

}

.specialPresent p.ttl {
    text-align: center;
    color: #C1272D;
    font-weight: bold;
    font-size: 1.75rem;
    font-family: 'Noto Serif JP', serif;
    padding: 2rem 0;
}

.presentItem {
    padding: 0 5% 4rem;
    display: flex;
    justify-content: space-between;
}

.presentItem li {
    width: 45%
}

.roundBox .box {
    width: 90%;
    margin: 4.75rem auto 0rem;
}

.roundBox .box.seatArea {
    margin-top: 0;
}
.roundBox .box.access {
    /* margin-top: 0; */
}
.roundBox .box.special {
    background: #ece1cd;
    padding-bottom: 0;
}
.roundBox .box.special h3 {
    /* padding: 0.5em 0; */
    font-size: 1.375rem;
}
.roundBox .box .colSet {
    display: flex;
    justify-content: space-between;
}

.roundBox .box .colSet .col {
    width: calc((100% - 4rem) / 2)
}

.roundBox .annoList {
    margin-top: 3rem;
    line-height: 1.4;
    font-size: 0.875rem;
}

.roundBox .annoList li {
    padding-left: 1em;
    text-indent: -1em;
}

.roundBox .annoList li:not(:last-child) {
    margin-bottom: .5em
}

.roundBox .map iframe {
    width: 100%
}

.roundBox .specialContWrap {
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
}
.roundBox .specialCont {
    margin-bottom: 2rem;
    width: calc(50% - 1rem);
    /* margin: 0 auto 2rem; */
    background: #fff;
    padding: 1.5rem 1.5rem 1rem;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 800px) {
    .roundBox .specialContWrap {
        flex-direction: column;
        padding: 0 5%;
    }
    .roundBox .specialCont {
        width: 100%;
    }
}
.roundBox .specialCont:after {
    content: "";
    display: block;
    width: 4rem;
    height: 2rem;
    position: absolute;
    background: #c1aa80;
    left: 0;
    top: 0;
    transform: translate(-40%,-50%) rotate(-45deg);
}
.roundBox .specialCont .leadText {
    font-size: 1rem;
    margin-bottom: 1.3rem;
    line-height: 1.4
}
.roundBox .specialCont .img {
    margin-bottom: 1.5rem;
    text-align: center;
}
.roundBox .specialCont .annoArea .ttl {
    color: #b81c22;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}
.roundBox .specialCont .annoList {
    margin-top: 0
}
.roundBox h4 {
    /* border-bottom: 2px solid #c1aa80; */
    padding: 0 0 1em;
    font-size: 1.3725rem;
    color: #c1272d;
    display: flex;
    min-height: 4em;
    align-items: center;
    /* justify-content: center; */
}
.roundBox .accessDetail p.traffic {
	font-weight: bold;
	margin-bottom: 10px;
	color: #c1272d;
}

.mt10{margin-top: 10px;}

.roundBox .accessDetail a {
	color: #c1272d;
	text-decoration: underline;
}

.roundBox .accessDetail ul li {
    font-size: 0.875rem;
    line-height: 1.6;
}
.roundBox .accessDetail ul li .btn a {
    background: #B29560;
    background: #c1aa80;
    max-width: 460px;
    margin: 2em auto 0;
    /* padding: 1.5em 0; */
    font-size: 1.125rem;
    color: #fff;
}
.roundBox .accessDetail ul li:not(:last-child) {
    margin-bottom: 1.25em
}

.roundBox .about dl {
    font-size: 0.875rem;
    line-height: 1.6
}

.roundBox .about dl dt {
    font-weight: bold;
}

.roundBox .about dl dd {
    margin-bottom: 1em;
}

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

#round2 .stadiumImg img {
    width: 85%;
    max-width: 400px;
}

#round3 .stadiumImg img {
    width: 95%;
    max-width: 500px;
}

.btnWrap .btn a {
    background: #B29560;
    background: #c1aa80;
    color: #fff;
    font-size: 1.75rem;
    max-width: 595px;
    margin: auto;
    padding: 1.65em 0;
}
.dlBtnWrap .btn a {
    background: #c1272d;
    font-size: 1.5rem;
    max-width: 595px;
    margin: auto;
    padding: 1.25em 0;
    line-height: 1.3;
}
.dlBtnWrap .annoText {
    font-size: 0.8725rem;
    max-width: 595px;
    margin: 0.5rem auto 0;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
}
#ticket {
    padding: 6rem 3% 3rem;
    background: #d8caaf;
}
#ticket .secInner {
    max-width: 1080px;
}

#ticket h3 {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 5rem;
    color: #c1272d;
}
#ticket .uniformWrap {
    margin-bottom: 5rem
}
#ticket .uniformWrap .ttl {
    float: left;
    width: 50%;
    background: #c1272d;
    color: #fff;
    font-size: 1.75rem;
    padding: 1em .5em;
    margin-bottom: 1.5rem;
    text-align: center;
}
#ticket .uniformWrap .img {
    float: right;
    width: 45%;
    text-align: center;
    padding: 0 2rem;
}
#ticket .uniformWrap .text p {
    clear: left;
    font-size: 1.75rem;
    width: 50%;
    line-height: 1.7;
    font-weight: bold;
    margin-bottom: 1.5rem;
    letter-spacing: 2px;
}
#ticket .uniformWrap .text ul li {
    margin-bottom: .75rem;
    font-size: .875rem;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.4;
}

.ticketTableWrap {
    
}
.ticketTableWrap li {
    margin-bottom: 3rem
}

.ticketTable {
    width: 100%
}
.ticketTable thead th {
    padding: .5rem 1rem;
}
.ticketTable.type1 thead th {
    background: #c1272d;
}
.ticketTable.type2 thead th {
    background: #b29560;
    /* padding: 0; */
}
.ticketTable thead .textWrap {
    display: flex;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.5rem;
    align-items: center;
    line-height: 1.4;
}
.ticketTable thead .textWrap p.text1 {
    border-right: 1px solid;
}
.ticketTable thead .textWrap p {
    padding: .75em 1em;
    color: #fff;
    font-weight: normal
}

.ticketTable tbody {
    background: #fff;
}
.ticketTable tbody tr {
    position: relative;
}
.ticketTable:not(.type2) tbody tr:not(.red):not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 98%;
    height: 1px;
    border-bottom: 1px dotted;
    left: 1%
}
.ticketTable tbody tr.red td {
    color: #c1272d;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1.5rem 1.5rem 0;
}
.ticketTable tbody tr.red td p.normal {
    font-weight: normal;
    color: #000;
    font-size: 75%;
    padding-top: 0.5em;
}
.ticketTable tbody th {
    vertical-align: middle;
    padding: 1rem;
    width: 25%;
    text-align: center;
    min-width: 180px;
}
.ticketTable.type2 tbody th {
    min-width: 6em;
    font-size: 1.25rem;
    width: auto;
}
.ticketTable.type2 tbody td {
    font-size: 1.25rem;
    line-height: 1.6;
    width: auto;
}
.ticketTable.type2 tbody td .colWrap:not(:last-of-type) {
    margin-bottom: 1rem;
}
.ticketTable.type2 tbody td .colWrap dl {
    display: table;
    border: 1px solid;
    align-items: center;
    width: 100%;
    /* font-size: 90%; */
}
.ticketTable.type2 tbody td .colWrap dl dt {
    color: #fff;
    width: 6em;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.ticketTable.type2 tbody td .colWrap dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 0.5rem 1rem;
}
.ticketTable.type2 tbody td .colWrap dl dd .anno {
    font-size: 75%;
    margin-top: .5em
}
.ticketTable.type2 tbody td .colWrap.type1 dl {border-color: #b81c22;}
.ticketTable.type2 tbody td .colWrap.type2 dl {border-color: #cb684a;}
.ticketTable.type2 tbody td .colWrap.type1 dl dt {background-color: #b81c22;}

dt {}
.ticketTable.type2 tbody td .colWrap.type2 dl dt {background-color: #cb684a;}
.ticketTable tbody th .text {
    margin-top: .25rem
}
.ticketTable tbody td {
    vertical-align: middle;
    padding: 1rem 1rem;
    width: 75%;
    line-height: 1.6;
}
.ticketTable tbody .buy {
    width: 35%;
    min-width: 180px;
}
.ticketTable tbody .detail {
    width: 65%;
    padding-left: 3rem;
    padding-left: 3%;
}
.ticketTable tbody td .btn a {
    background: #c1272d;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.25rem;
    padding: 0.75em 1em;
    /* width: 170px; */
    max-width: 180px;
}
.ticketTable.type2 tbody td .btn a {
    max-width: 100%;
}
.ticketTable tbody td .subText {
    margin-top: 0.5rem;
    font-size: 1.1875rem;
}
.ticketTable tbody td .subText span {
    font-size: 0.875rem;
}
.ticketTable tbody .detail dt {
    float: left;
    clear: both;
}
.ticketTable tbody .detail dl {
    line-height: 1.5
}
.ticketTable tbody .detail dl.small {
    font-size: 0.875rem;
}
.ticketTable tbody .detail dl.small dt {
    width: 5.5em;
    border-right: 1px solid
}
.ticketTable tbody .detail dl.small dd {
    margin-left: 6em
}
.ticketTable tbody .detail dl.large {
    font-size: 1.125rem;
    margin-bottom: .5rem;
}
.ticketTable tbody .detail dl.large dt {
    width: 4em
}
.ticketTable tbody .detail dl.large dd {
    margin-left: 4em;
}
.ticketTable tbody .detail dl.large dd .small {
    font-size: 75%
}
.ticketTable tbody .textCol {
    display: flex;
}

.ticketTable tbody .textCol p.text1 {
    width: 12em;
}
.ticketTable tbody .textCol p.text2 {
    width: calc(100% - 12em)
}
.ticketTable tbody .detailWrap .colWrap {
    display: flex;
    align-items: center
}
.tableAnno {
    font-size: .85rem;
    padding: 1em 0
}
#member {
    padding: 6rem 3% 3rem;
}

#member .secInner {
    max-width: 1080px;
}

#member h3 {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 5rem;
}

#tabWrap {
    display: flex;
    justify-content: space-between;
}
#tabWrap.center {
    justify-content: center;
}

#tabWrap li {
    width: calc(50% - 1rem);
}

#tabWrap li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    font-size: 1.75rem;
    position: relative;
    padding: 1.4em 0;
    text-shadow: 0 0 10px #fff;
    transition: .25s;
    transition-property: color, border-color, background, text-shadow;
}

#tabWrap li.jp a {
    color: #000000;
    color: #C1272D;
    border-color: #C1272D;
}

#tabWrap li.usa a {
    color: #142F72;
    border-color: #142F72;
}

#tabWrap li a:hover,
#tabWrap li a.active {
    color: #fff;
    text-shadow: none;
}

#tabWrap li.jp a:hover,
#tabWrap li.jp a.active {
    background: #C1272D;
}

#tabWrap li.usa a:hover,
#tabWrap li.usa a.active {
    background: #142F72;
}

#tabWrap li.usa a:hover img,
#tabWrap li.usa a.active img {
    opacity: .5
}

#tabWrap li.jp a img {
    opacity: .5;
}

#tabWrap li.jp a:hover img,
#tabWrap li.jp a.active img {
    opacity: 1
}

#tabWrap li a .img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    /* height: 75%; */
    text-align: right;
    z-index: 1
}

#tabWrap li a .img img {
    /* width: auto; */
    /* height: 100%; */
    height: auto;
}

#tabWrap li.jp a .img {
    width: 77%;
}

#tabWrap li.usa a .img {

    width: 50.2%;
}

#tabWrap li a .text {
    position: relative;
    z-index: 10;
    font-weight: bold;
}

#memberTabArea {
    padding-top: 4rem
}

#memberTabArea .positionBox h4 {
    text-align: center;
    border-bottom: 1px solid #B29560;
    padding: 1em 0;
    font-size: 1.75rem;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 3rem
}

.memberList {
    display: flex;
    flex-wrap: wrap;
}

.memberList:after {
    /*     content: "";
    width: calc((100% - 40px) / 3 ); */
}

.memberList li {
    width: calc(100%/ 3);
    /* width: 30%; */
    /* max-width: 300px; */
    /*     float: left; */
    display: flex;
    margin-bottom: 6%;
}

.memberList.staffList li {
    margin-bottom: 3%
}

.memberList li .inner {
    max-width: 350px;
    background: #F2F3F5;
    width: 100%;
}

.memberList li:nth-child(3n+1) {
    justify-content: flex-start;
    padding-right: 2%;
}

.memberList li:nth-child(3n+2) {
    justify-content: center;
    padding: 0 1%;
}

.memberList li:nth-child(3n) {
    justify-content: flex-end;
    padding-left: 2%;
}

.memberList li .inner .headArea {
    font-family: 'Noto Serif JP', serif;
    display: flex;
    align-items: baseline;
    padding: 0.4rem 0 0.6rem;
    align-items: center;
    line-height: 1.2;
}

#japan .memberList li .inner .headArea {
    background: #BCA87C;
}

#japan .staff .memberList li .inner .headArea {

    border-bottom: 2px solid #BCA87C;
    background: none;
    padding: 1rem 1rem 1rem;
}

#usa .memberList li .inner .headArea {
    background: #142F72;
    color: #fff;
}

.memberList li .inner .headArea .num {
    font-size: 3.25rem;
    font-weight: bold;
    /* width: 6rem; */
    word-break: keep-all;
    white-space: nowrap;
    text-align: center;
    /* line-height: 1; */
    letter-spacing: 0.1em;
    min-width: 1.5em;
    padding: 0 .25em;
}

.memberList li .inner .headArea .name {
    font-size: 2rem;
    font-weight: bold;
    /* width: calc(100% - 6rem); */
    /* width: 100%; */
    /* line-height: 1; */
}

/*
.memberList li .inner .headArea .name ruby{
/	display: block;
/	font-size: 1rem;
}
*/

/*#japan .memberList li .inner .headArea {
    align-items: baseline
}
*/

#usa .memberList li .inner .headArea .num {
    font-size: 2.75rem
}

#usa .memberList li .inner .headArea .name {
    font-size: 1.5rem
}

.memberList li .profileArea {
    display: flex;
}

.memberList li .profileArea .img {
    width: 52%;
}

.memberList li .profileArea .textArea {
    width: 48%;
    font-size: 0.875rem;
    padding: 1em;
}

.memberList.staffList li .profileArea .textArea {
    width: 100%
}

.memberList li .profileArea .textArea p {
    color: #C1272D;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    font-family: 'Noto Serif JP', serif;
    font-weight: bold
}


.memberList li .profileArea .textArea dt {
    color: #C1272D;
    margin-bottom: 0.4em;
}


.memberList li .profileArea .textArea dd:not(:last-child) {
    margin-bottom: 0.6em
}

/* 

#japan .positionBox .memberList li .profileArea .textArea dt:nth-child(1) {
	display:none;
}

#japan .positionBox .memberList li .profileArea .textArea dd:nth-child(2) {
	display:none;
}
/* 表示時削除*/
#leadArea {
    padding: 3rem 3%;
}
#leadArea .secInner {
    max-width: 1080px;
    margin: 0 auto;
}
#leadArea .scheduleBar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5rem;
    justify-content: center;
}
#leadArea .scheduleBar li {
    /* flex: 1; */
    padding: 0 1.5rem;
    border-right: 1px solid #000;
    text-align: left;
    font-weight: bold;
}
#leadArea .scheduleBar li:last-child {
    border-right: none;
}
#leadArea .dateGroup {
    display: flex;
    gap: 0.25em 0.5em;
    align-items: baseline;
}
#leadArea .date {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25em 0.5em;
    margin-bottom: 1.25rem;
    line-height: 1.2;
}
#leadArea .date .md {
    font-size: 2.75rem;
    font-weight: bold;
    letter-spacing: 0.05em;
}
#leadArea .date .sep {
    font-size: 2rem;
    padding: 0 .125em
}
#leadArea .date .dow {
    font-size: 1.5rem;
    font-weight: 900;
}
#leadArea .badge {
    display: inline-block;
    background: #b29560;
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 80%;
    padding: 0.35em 0.55em;
    letter-spacing: 0.12em;
    line-height: 1;
    font-weight: 500;
}
#leadArea .venue {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 0.65rem;
}
#leadArea .venue .text {
    margin-right: .75em
}
#leadArea .loc {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
}
#leadArea .moreText {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #c1272d;
    color: #fff;
    border: 1px solid;
    font-size: 1.75rem;
    padding: 1em 1em;
    line-height: 1.25;
    margin-bottom: 2.5rem;
}
#leadArea #leadText {
    font-size: 1.125rem;
    line-height: 1.8;
}

#commentArea {
    padding: 3rem 3% 6rem;
    line-height: 1.6;
}

#commentArea .block + .block {
    margin-top: 5rem
}
.commentTtl {
    text-align: center;
    border-bottom: 1px solid #B29560;
    padding: 1em 0;
    font-size: 1.75rem;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 2.25rem;
}
.commentInner {
    font-weight: normal
} 
.commentInner.imgSet {
    display: flex;
    justify-content: space-between
    
}
.commentInner.imgSet .img {
    width: 180px;
}
.commentInner.imgSet .text {
    width: calc(100% - 200px)
}
.commentInner .ttl {
    font-weight: 500;
    margin-bottom: 2rem;
    font-size: 1.375rem
}
.commentInner .comment {
    line-height: 1.8;
    font-size: 1.125rem
}
@media screen and (max-width: 640px) {
   .commentInner.imgSet {
        flex-direction: column;
        align-items: center
    }
    .commentInner.imgSet .img {
        width: 80%;
        max-width: 180px;
        margin-bottom: 2rem
    }
    .commentInner.imgSet .text {
        width: 100%
    }
}
#movie {
    padding: 6rem 3% 6rem;
    background: #d8caaf;
}
#movie .secInner {
    max-width: 1080px;
}
#movie video {
    width: 100%
}

#footTop {
    background: #F2F3F5;
    padding: 5rem 3%;
    position: relative;
}

#pageTopBtn {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    padding: 0 3%;
}

#footTop #pageTopBtn .inner {
    max-width: 1080px;
    margin: auto;
}

#pageTopBtn a {
    display: block;
    width: 80px;
    margin-left: auto;
    margin-bottom: -20px;
    transition: 0.25s opacity
}

#pageTopBtn a:hover {
    opacity: .75
}

#footTop .inner {
    max-width: 1000px;
    margin: auto;
}

#footTop .inner > dl {
    line-height: 1.5;
    font-size: 1.125rem;
    margin-bottom: 0.5em;
    padding-left: 1em;
}

#footTop .inner > dl > dt {
    text-indent: -1em;
    margin-bottom: .125em;
}
#footTop .inner dl dd:not(:last-child) {
    margin-bottom: 1em
}

#footTop .inner dl dd .sponsor {
     line-height: 1;
     /* display: flex; */
     margin-bottom: 0.5em;
}
#footTop .inner dl dd .sponsor dt {
    margin-bottom: .5rem;
}
#footTop .inner dl dd .sponsor a {
    display: inline-block;
/*     padding: 0.75em 1em 0.5em;
    background: #fff;
    border: 1px solid #ddd; */
}
#footTop .inner dl dd .sponsor .imgLink {
    display: inline-block;
    text-align: center;
    font-size: 85%;
/*     padding: 0.75em 1em 0.5em;
    background: #fff;
    border: 1px solid #ddd; */
}
#footTop .inner dl dd .sponsor .imgLink span {
    display: inline-block;
}
#footTop .inner dl dd .sponsor .imgLink .img {
    padding: 0.75em 1em 0.5em;
    padding: 0.75em 1em 0.75em;
    background: #fff;
    border: 1px solid #ddd;
}
#footTop .inner dl dd .sponsor .imgLink .text {
    margin-top: 0.7em;
    margin-top: 0.25em;
    text-decoration: underline;
}
#footBtm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 2%;
    font-size: 0.75rem
}

.sche {
	font-size: 0.9rem;
}

.sche th,
.sche td {
	text-align: center;
	vertical-align: middle!important;
    font-weight: 500;
    line-height: 1.4
}
.sche td {
    padding: 0.1em 0.5em
}
.sche th {
	padding: 0.3em 0.5em;
	border-right: 1px solid rgba(255,255,255,0.5);
}

.sche td.tl {
	text-align: left;
}
.sche td.tl .hulu {
    display: flex;
    /* line-height: 1.6; */
}
.sche td.tl .hulu dt {
    width: 4em;
}
.sche td.tl .hulu dd {
    width: calc(100% - 4em);
}
.sche td.tl .hulu dd p {
    align-items: center;
    margin-bottom: 5px;
    display: flex;
    /* flex-wrap: wrap; */
}
.sche td.tl .hulu dd p:first-child {
    margin-bottom: 5px;
}
.sche td.tl .hulu a {
    /* display: inline-block; */
    background: #fff;
    color: #c1aa80;
    /* background: #c1272d; */
    /* color: #fff; */
    /* border-radius: 2px; */
    width: 10em;
    text-align: center;
    font-size: 90%;
    /* text-decoration: underline; */
    margin-right: 0.5em;
    padding: 0.1em 1em;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    display: block;
}
.sche td.tl .hulu a:hover {
    text-decoration: underline;
}
.sche td.tl .hulu a:before,
.sche td.tl .hulu a:after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 1px;
    background: #c1a981;
    right: 0;
    transform-origin: right
}

.sche td.tl .hulu a:before {
    transform: rotate(-40deg);
    top: 50%;
}

.sche td.tl .hulu a:after {
    transform: rotate(40deg);
    bottom: 50%;
}
.sche td.tl .hulu a:after {
    /* content: ">";
    position: absolute;
    display: block;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%) */
}
.sche span {
	word-break: keep-all;
}

@media screen and (max-width: 1080px) {
    
    .roundBox .box .colSet .col.price {
        width: calc(55% - 2rem);
    }
    .roundBox .box .colSet .col.seat {
        width: calc(45% - 2rem);
    }
    #schedule .secInner {

        padding: 8% 0 11%;
    }
    
    .memberList li .profileArea .img {
        width: 45%;
    }

    .memberList li .profileArea .textArea {
        width: 55%
    }

    .memberList li .profileArea .textArea {
        font-size: .9375rem
    }

    .memberList li .inner .headArea .num {
        font-size: 2.5rem
    }

    .memberList li .inner .headArea .name {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 960px) {
    #ticketBtn a {
        width: 75px
    }
    .sche th {
    	padding: 0.3em 0.5em;
    	/* border-bottom: 1px solid rgba(255,255,255,0.5); */
    	border-right: none;
    }
}

@media screen and (max-width: 768px) {
    #leadArea .scheduleBar {
        margin-bottom: 2rem;
    }
    #leadArea .scheduleBar li {
        padding: 0 1.25rem;
    }
    #leadArea .date .md {
        font-size: 2.25rem;
    }
    #leadArea .date .dow {
        font-size: 1.25rem;
    }
    #leadArea .venue {
        font-size: 1.375rem;
    }
    #leadArea .loc {
        font-size: 0.9375rem;
    }
    #leadArea .moreText {
        font-size: 1.375rem;
        margin-bottom: 2rem;
    }
    #scheduleList li .day {
        font-size: 1.65rem;
    }

    #scheduleList li .place {
        font-size: 1.5rem;
    }
    #scheduleDetail {
        padding: 3.5rem 3% 3.5rem;
    }
    #round1, #round2 {
        margin-bottom: 2.75rem
    }
    .roundBox h2 a.toggleBtn {
        padding: 1.5rem 0;
    }
    .roundBox h2 a.toggleBtn p {
        width: 30%;
        max-width: 150px;
    }
    .roundBox h2 .label {
        /* font-size: 1.375rem; */
    }
    .roundBox h2 .label p.ttl {
        width: 7em;
        padding: 0 1em;
        text-align: center;
    }
    .roundBox h2 .label p.detail {
     
    }
    .roundBox .detailLead ul li {
        text-align: center;
        display: block;
        font-size: 1.375rem;
    }

    .roundBox .detailLead .lead {

        font-size: 1.825rem;
    }

    .roundBox .detailLead ul li:not(:last-child) {
        margin-bottom: 2rem
    }

    .roundBox .detailLead ul li p.ttl {
        display: inline-block;
        border-right: none;
        border-bottom: 1px solid #000;
        padding: 0 1rem .25em;
        width: auto;
        margin-bottom: 1rem;
    }

    .roundBox .detailLead ul li p.detail {
        width: 100%;
        padding-left: 0;
    }

    .memberList {
        justify-content: space-between
    }

    .memberList li {
        width: 50%;
        padding: 0 2% !important;
        margin: 0 0 6% !important;
        justify-content: center !important;
    }

    .roundBox .box .colSet {
        flex-direction: column;
    }

    .roundBox .box .colSet .col {
        width: 100%!important;
    }
    .roundBox .accessDetail ul li .btn a {
        width: 90%
    }
    .roundBox .box .colSet .col:first-of-type {
        margin-bottom: 3rem
    }

    .roundBox .box.about .colSet .col:first-of-type {
        margin-bottom: 0
    }

    .roundBox .box .colSet .col.mapWrap {
        margin-bottom: 1rem
    }

    .roundBox .map iframe {
        height: 300px;
    }

    .roundBox h2 a.toggleBtn span.icon {

        width: 8%;
        height: 0;
        padding-bottom: 8%;
        right: 2%;
        margin-top: 0;
        transform: translateY(-50%);
    }
    #ticket .uniformWrap {
        margin-bottom: 3rem
    }
    #ticket .uniformWrap .ttl {
        float: none;
        width: 100%;
        font-size: 1.5rem;
    }
    #ticket .uniformWrap .text p {
        width: 100%;
        font-size: 1.375rem;
    }
    #ticket .uniformWrap .img {
        margin-top: 1rem
    }
    .ticketTable tbody .detailWrap .colWrap {
        flex-wrap: wrap;
    }  
    .ticketTable tbody .buy {
        width: 100%;
        padding-bottom: 1rem;
        border-bottom: 1px dotted #cacaca;
        /* text-align: center; */
    }
    .ticketTable.type1 tbody td .btn a {
        /* margin: auto; */
        max-width: 450px;
        width: 100%;
    }
    .ticketTable tbody .detail {
        width: 100%;
        padding-left: 0;
        margin-top: 1rem;
    }
    .ticketTable tbody .detail dl.large {
        font-size: 1rem;
    }
    
    .ticketTable tbody .textCol {
        flex-wrap: wrap;
    }
    .ticketTable tbody .textCol:first-child {
        margin-bottom: 1rem
    }
    .ticketTable tbody .textCol p.text1 {
        
    }
    .ticketTable tbody .textCol p.text2 {
        width: 100%;
    }
    #footBtm {
        display: flex;
        flex-direction: column;
    }

    #footBtm #logo {
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 640px) {
    /* .sche td.tl .hulu {
        flex-direction: column;
    }
    .sche td.tl .hulu dd {
        width: 100%;
        padding-left: 1em
    } */
    #ticketBtn a {
        width: 60px
    }
    .roundBox h2 .label {
        font-size: 1.25rem;
        padding: 0.75em .3em;
    }
    .roundBox h2 .label p.ttl {
        /* letter-spacing: -2px; */
        padding: 0 0.8em 0 0.5em;
    }
    .roundBox h2 .label p.detail {
        padding: 0 0.5em 0 0.8em;
        line-height: 1.3;
    }
    .roundBox h2 .label p.detail span {
    display: block;
    }
    #scheduleList {

        flex-wrap: wrap;
    }

    #scheduleList li {
        width: 50%;
        margin-bottom: 2rem;
    }

    #tabWrap {
        flex-direction: column;
    }

    #tabWrap li {
        width: 100%;
        max-width: 500px;
        margin: auto
    }

    #tabWrap li.jp {
        margin-bottom: 1.75rem
    }

    .btnWrap .btn a {

        font-size: 1.5rem;
        padding: 1.6rem 0;
    }
    .dlBtnWrap .btn a {
        font-size: 1.25rem;
        padding: 1.25em 4rem 1.25em 2.2em;
    }
    #pageTopBtn a {
        width: 60px
    }

    .memberList li .profileArea .textArea {
        font-size: 1rem
    }

    #member h3 {
        font-size: 2.125rem;
        margin-bottom: 3rem;
    }

    #tabWrap li a {
        font-size: 1.5rem;
    }

    #tabWrap li.jp a .img {
        max-width: 300px;
    }

    #tabWrap li.usa a .img {
        max-width: 200px;
    }
    
/*     .ticketTable,
    .ticketTable tbody ,
    .ticketTable thead ,
    .ticketTable tr ,
    .ticketTable th ,
    .ticketTable td {
        display: block;
        width: 100%
    }
    .ticketTable tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
    .ticketTable tbody th {
        width: 30%
    }
    .ticketTable tbody td.buy {
        width: 30%
    }
    .ticketTable tbody td.detail {
        width: 100%;
        width: 40%;
        padding-left: 1rem;
    } */
    .ticketTable thead th {
        padding: 0.5rem 1rem;
    }
    .ticketTable thead .textWrap {
        display: block;
        font-size: 1.25rem;
    }
    .ticketTable tbody tr.red td {
        font-size: 1.25rem;
    }
    .ticketTable.type2 tbody th ,
    .ticketTable.type2 tbody td {
        font-size: 1.125rem
    }
    .ticketTable thead .textWrap p {
        padding: .25em 0em;
    }
    .ticketTable thead .textWrap p.text1 {
        border-right: none;
    }
    .ticketTable tbody th {
        width: 30%
    }
    .ticketTable tbody td {
        width: 70%
    }
    .ticketTable tbody .detail dl.large dt {
        float: none;
    }
    .ticketTable tbody .detail dl.large dd {
        margin-left: 0
    }
    #ticket h3 {
    font-size: 2.125rem;
    margin-bottom: 3rem;
    }
    #leadArea .scheduleBar {
        flex-direction: column;
        margin-bottom: 1.5rem;
    }
    #leadArea .scheduleBar li {
        flex: none;
        width: 100%;
        padding: 1.5rem 0;
        border-right: none;
        border-bottom: 1px solid #000;
    }
    #leadArea .scheduleBar li:first-child {
        padding-top: 0;
    }
    #leadArea .scheduleBar li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    #leadArea .moreText {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 500px) {
    .sche td.tl .hulu dd p {
        flex-wrap: wrap
    }
    .roundBox h2 .label {
        display: block;
        text-align: center;
        font-size: 1.025rem;
    }
    .roundBox h2 .label p.ttl {
        text-align: center;
        width: 5em!important;
        border: none;
        margin: 0 0 .5em;
        padding: 0 0.5em .5em;
        border-bottom: 1px solid;
        display: inline-block;
    }
    .roundBox h2 .label p.date {
        text-align: center;
        width: 10em!important;
        border: none;
        margin: 0 0 .5em;
        padding: 0 0.5em .5em;
        border-bottom: 1px solid;
        display: inline-block;
    }
    .roundBox h2 .label p.detail {
        padding: 0;
        text-align: center;
        /* font-size: 90%; */
    }
    #scheduleList li {

        width: 100%;
        margin-bottom: 4rem;
    }

    #scheduleList li:last-child {
        margin-bottom: 0
    }

    .memberList li {
        width: 100%;
    }

    .memberList li .inner {
        max-width: 350px
    }

    .memberList li .inner .headArea {
        /* flex-direction: column; */
        padding: 0.6rem 1rem 0.8rem;
        align-items: center !important;
        justify-content: center;
    }

    .memberList li .inner .headArea .num {

        padding: 0;
        /* margin-bottom: 0.5rem; */
        margin-right: 0.3em;
    }

    .memberList li .inner .headArea .name {

        font-size: 1.7rem;
    }
    .ticketTable,
    .ticketTable tbody ,
    .ticketTable thead ,
    .ticketTable tr ,
    .ticketTable th ,
    .ticketTable td {
        display: block;
        width: 100%
    }
    .ticketTable tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
    }
    .ticketTable.type1 tbody tr {
        padding: 1.7rem 0;
    }
    .ticketTable tbody th {
        width: 100%
    }
    .ticketTable tbody td {
        width: 100%
    }
    .ticketTable.type2 tbody th {
        width: 90%;
        border-bottom: 1px dotted;
        margin: auto;
    }
    .ticketTable.type2 tbody td {
        width: 100%
    }
}

/* class */
@media screen and (max-width: 960px) {
    .pc {
        display: none !important;
    }
}

@media screen and (min-width: 961px) {
    .sp {
        display: none !important;
    }
}

@media screen and (max-width: 1080px) {
    .o1080 {
        display: none !important;
    }
}

@media screen and (min-width: 1081px) {
    .u1080 {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .o768 {
        display: none !important;
    }
}

@media screen and (min-width: 769px) {
    .u768 {
        display: none !important;
    }
}

@media screen and (max-width: 640px) {
    .o640 {
        display: none !important;
    }
}

@media screen and (min-width: 641px) {
    .u640 {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    .o480 {
        display: none !important;
    }
}

@media screen and (min-width: 481px) {
    .u480 {
        display: none !important;
    }
}

.dilb {
    display: inline-block;
}

.fll {
    float: left;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.small {
    /* font-size: 90% */
}