@charset "utf-8";




/*===================================================
  RESET
====================================================*/
*{
  outline:none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
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;
  vertical-align:baseline;
  background:transparent;
}
html {
  -webkit-text-size-adjust: 100%;
    background: #000;
}
body {
  width: 100%;
  font-smoothing: antialiased;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}
ul, ol {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a {
  margin:0;
  padding:0;
  vertical-align:baseline;
  text-decoration: none;
  color: inherit;
  transition:0.5s ease;
}
input, select {
  vertical-align:middle;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  line-height: 1.0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: default;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

img {
  width:100%;
  vertical-align: bottom;
  line-height: 1.0;
}
.fa, .fas {
    display: inline;
}
.mov {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.mov iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}









/*===================================================
  FRAME
====================================================*/
.allContain {
    height: 100%;
    font-family: 'Roboto',"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    letter-spacing: 0.08em;
    font-weight: 400;
    color: #FFF;
    background: #222;
    line-height: 1.4em;
    font-size: 16px;
    overflow:hidden;
}
.contentsWrap{
    overflow: hidden;
}
section{
    padding:0 100px;
    z-index: 100;
}
section .inBox{
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
    box-sizing: border-box;
}
section .inBox > *{
    margin-bottom:40px;
}
section .inBox > *:last-child{
    margin-bottom:0;
}
.contentBg{
    width: 100%;
    height: 0;
    position: relative;
    z-index: 0;
}
.contentBg:before{
    content: "";
    display: block;
    position: fixed;
}
/* FRAME:PC-min-770 */
@media screen and (min-width: 770px){
    .sp{display:none;}
}

/* FRAME:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
section {
    padding: 0 40px;
}
}

/* FRAME:SP-max-769 */
@media screen and (max-width: 769px){
.pc{display:none;}
section {
    padding: 0 20px;
}
section .inBox{
    padding: 40px 0;
}
section .inBox > * {
    margin-bottom: 20px;
}

}



/*===================================================
  TEXT
====================================================*/
h3{
    font-size: 300%;
    line-height: 1em;
}
h4{
    font-size: 200%;
    line-height: 1em;
}
.tit{
    font-weight: 600;
    line-height: 1.5em;
    font-size: 160%;
}
.lead{

}
.txt{

}
.cautionList{

}
.cautionList li {
    font-size: 80%;
    line-height: 1.5em;
    padding: 0 0 0 15px;
    margin: 0 0 10px;
    position: relative;
}
.cautionList li:before{
    content:"・";
    position:absolute;
    left:0;
}
.cautionList li:last-child{
    margin: 0;
}
.fillBox{
    padding:40px;
    background:#efefef;
    box-sizing:border-box;
}
.strokeBox{
    padding:40px;
    border:1px solid;
    box-sizing:border-box;
}
.fillBox > *,
.strokeBox > *{
    margin-bottom:40px;
}
.fillBox > *:last-child,
.strokeBox > *:last-child{
    margin-bottom:0;
}
.comingsoon{
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 300%;
    font-weight: 700;
    opacity: 0.1;
    padding: 60px 0;
}
/* TEXT:PC-min-770 */
@media screen and (min-width: 770px){
.accordionList .accordionTit:hover{
    background: #ccc;
}
}

/* TEXT:SP-max-769 */
@media screen and (max-width: 769px){
h3{
    font-size: min(calc(80 / 769 * 100vw),300%);
}
h4{
    font-size: min(calc(56 / 769 * 100vw),200%);
}
.lead{
    font-size: 80%;
    line-height: 1.6em;
}
.tit {
    font-size: 80%;
}
.txt {
    font-size: 80%;
}
.fillBox{
    padding:20px;
}
.strokeBox{
    padding:20px;
}
.cautionList li {
    font-size: 70%;
}
.accordionList .accordionDetail {
    padding: 20px;
}
.comingsoon{
    font-size: 200%;
}
}



/*===================================================
  BUTTON
====================================================*/
a{

}
.innerLink{
    text-decoration: underline;
}
.btnBase a{
  display: block;
    background: #DDD;
    text-align: center;
    padding: 20px;
    font-size: 18px;
    font-weight: 400;
    width: 300px;
    margin: 0 0 20px;
}
.posBtn a{
    background: #f66;
    color: #FFF;
}
.negBtn a{
    background: transparent;
    border: 1px solid;
    box-sizing: border-box;
}
/* BUTTON:PC-min-770 */
@media screen and (min-width: 770px){
a:hover{
    opacity: 0.7;
    color: #df9c37;
}
.posBtn a:hover{
    filter: contrast(5);
    opacity: 1;
    color: #FFF;
}
.negBtn a:hover{
    background: #000;
    opacity: 1;
    color: #FFF;
}
}

/* BUTTON:SP-max-769 */
@media screen and (max-width: 769px){
.btn a{
    width: 100%;
    margin: 0 auto;
}
}


/*===================================================
  NAVIGATION
====================================================*/
.navigation{
    position: relative;
    z-index: 200;
    opacity: 0;
}
.navigation .headerNav{
    transition:0.5s ease;
}
.navigation .headerNav li{
    position: relative;
    line-height: 1em;

}
.navigation .headerNav li:last-child{
    margin: 0;
}
.navigation .headerNav li:last-child:after{
  content:none;
}
.navigation .headerNav li a{
    font-weight: 400;
    position: relative;
    font-family: 'Libre Baskerville', serif;
    font-size: 190%;
    color: #ddd;
    border-bottom: 1px solid #666;
    padding: 0 0 20px;
    display: inline-block;
    margin: 0 0 20px;
    line-height: 1em;
}
.navigation .headerNav li:last-child a{
    border-bottom: none;
    padding: 0;
    margin: 0 ;
}
.navigation .headerNav li a.blank{
    pointer-events: none;
    opacity: 0.3;
}




/* NAVIGATION:PC-min-770 */
@media screen and (min-width: 770px){
.navigation .headerNav li a:hover{
    opacity:1;
    color: #df9c37;
}
.navigation .headerNav{
    position: fixed;
    top: 50%;
    right: 40px;
    text-align: right;
    transform: translateY(-50%);
    transform-origin: top right;
}
.headerFix .navigation .headerNav{
    top: 40px;
    transform: translateY(0) scale(0.6);
}
.loaded .navigation{
    opacity:1;
    transition:0.5s ease 2.3s;
}
}

/* NAVIGATION:SP-max-769 */
@media screen and (max-width: 769px){

.hamBtn {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    padding: 10px;
    background: #000;
    box-sizing: border-box;
}
.loaded.headerFix .hamBtn {
    opacity:1;
    pointer-events:auto;
}
.hamMenu{
    width: 100%;
    height: 100%;
    position: relative;
}
.hamBtn span {
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    background: #FFF;
    transition: all .3s ease;
}
.hamMenu :nth-of-type(1) {
    top: 0;
}
.hamMenu :nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
}
.hamMenu :nth-of-type(3) {
    bottom: 0;
}
.hamBtn.open{
    opacity: 1;
    pointer-events: auto;
}
.hamBtn.open span {
    background: #FFF;
}
.hamBtn.open span:nth-of-type(1) {
    transform: translateY(-50%) rotate(-45deg);
    top: 50%;
}
.hamBtn.open span:nth-of-type(2) {
    opacity: 0;
}
.hamBtn.open span:nth-of-type(3) {
    transform: translateY(50%) rotate(45deg);
    bottom: 50%;
}
.navigation {
    position: fixed;
    opacity: 0;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 300;
}
.navigation.active {
    transition: opacity 0.5s ease;
    pointer-events:auto;
    opacity:1;
}
.navigation .headerNav {
    display: block;
    padding: 40px 60px;
}
.navigation .headerNav li {
    padding: 0;
    position: relative;
    margin: 0;
}
.navigation .headerNav li:after {
    content: none;
}
.navigation .headerNav li a{
    font-size: 90%;
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.navigation .navinLogo{
    padding: 60px 60px 0;
}
.navigation .navinSns{
    display: flex;
    padding: 0 60px;
}
.navigation .navinSns li{
    margin: 0 20px 0 0;
}
.navigation .navinSns li a{
    display: block;
    width: 20px;
}
}


/*===================================================
  OP:LOADER
====================================================*/
.loader{
  position:fixed;
  height:100%;
  width:100%;
  background:#000;
    z-index:99999;
}

/*===================================================
  OP:INVIEW
====================================================*/
.inview{
  opacity:0;
  transition:0.8s ease 0.3s;
}
.view{
  opacity:1;
}

/*===================================================
  OP:popup
====================================================*/

.popup {
    display:none;
    width: 100%;
    height: 100%;
    color: #fff;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.popup.popActive {
  display:block;
}
.popup .popupShade{
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 0;
}
.popup .popTit{
    text-align: center;
    font-size: 30px;
    line-height: 1em;
    margin: 0 0 60px;
    color: #000;
    letter-spacing: 0.1em;
}
.popup .close {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 50px;
    top: 30px;
    cursor: pointer;
    transition: 0.3s ease;
    transform: rotate(45deg);
    background: #333;
    border-radius: 100px;
}
.popup .close::before,
.popup .close::after {
    content: '';
    display: inline-block;
    width: 60%;
    height: 2px;
    background: #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
}
.popup .close::before {
  transform: translate(-50%,-50%);
}
.popup .close::after {
    transform: translate(-50%,-50%) rotate(90deg);
}
.popup .popInBox {
    width: 90%;
    max-width: 1200px;
    margin: 100px auto;
    background: #f7f7f7;
    padding: 40px;
    color: #000;
    border-radius: 20px;
}



/* OP:popup:PC-min-770 */
@media screen and (min-width: 770px){
.popup .close:hover {
    transform: rotate(135deg);
}
}

/* OP:popup:SP-max-769 */
@media screen and (max-width: 769px){

.op_goods .goodsList li {
    width: calc(50% - 10px);
    margin: 0 0 20px;
}
.op_goods .goodsList .goodsName {
    line-height: 1.3em;
    font-size: 90%;
}
.op_goods .goodsList .goodsPrice {
    font-size: 80%;
}
.popup .close {
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
}
.popup .popInBox {
    padding: 20px;
    margin: 60px auto;
}


}

/*===================================================
  OP:ACCORD
====================================================*/
.op_accord .accordionList{

}
.op_accord .accordionList .accordionTit{
    background: #DDD;
    padding: 20px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    transition: 0.5s ease;
}
.op_accord .accordionList .accordionTit span {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 12px;
    height: 12px;
    transform: rotate(180deg) translateY(50%);
    transition: 0.3s ease;
}
.op_accord .accordionList .accordionTit.open span {
    transform: translateY(-50%);
}
.op_accord .accordionList .accordionTit span:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: translatex(-50%) rotate(-45deg);
}
.op_accord .accordionList .accordionDetail{
    display: none;
    padding: 40px;
    background: #EFEFEF;
}

/* OP:ACCORD:PC-min-770 */
@media screen and (min-width: 770px){
.op_accord .accordionList .accordionTit:hover{
    background: #ccc;
}
}

/* OP:ACCORD:SP-max-769 */
@media screen and (max-width: 769px){
.op_accord .accordionList .accordionDetail {
    padding: 20px;
}
}

/*===================================================
  OP:NEWS
====================================================*/
.op_news{

}
.op_news .newsList{
    border-top: 1px solid #FFF;
    padding: 20px 0 0;
    position: relative;
    margin: 0;
}
.op_news .newsList:after{
    content: "";
    position: absolute;
    width: 15%;
    height: 1px;
    top: -1px;
    background: #df9c37;
}
.op_news .newsList a{
    display: block;
    position: relative;
    margin: 0 0 20px;
}
.op_news .newsList a:last-child{
    margin: 0;
}
.op_news .newsList a:before{
    content: "";
    position: absolute;
    width: 15%;
    height: 1px;
    bottom: 0;
    background: #df9c37;
    transition: 0.5s ease;
}
.op_news .newsDetail{
    display: flex;
    border-bottom: 1px solid #FFF;
}
.op_news .newsDetail dt{
    width: 120px;
    display: flex;
    align-items: center;
    padding: 0 0 20px;
    box-sizing: border-box;
}
.op_news .newsDetail dt .txt{
    font-size: 150%;
    font-weight: 600;
}
.op_news .newsDetail dd{
    width: calc(100% - 120px);
    display: flex;
    align-items: center;
    padding: 0 0 20px 45px;
    box-sizing: border-box;
}
.op_news .viewmore{

}
.op_news .viewmore a{
    font-weight: 800;
    font-size: 90%;
    position:relative;
}
.op_news .viewmore a:after{
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: translate(0,-50%) rotate(45deg);
    transition:0.5s ease;
}

/* OP:NEWS:PC-min-770 */
@media screen and (min-width: 770px){
.op_news .newsList a:hover:before{
    width: 100%;
}
.op_news .viewmore a:hover:after{
    left: calc(100% + 20px);
}
}


/* OP:NEWS:SP-max-769 */
@media screen and (max-width: 769px){
.op_news .newsList{
    border-top: 1px solid #FFF;
}
.op_news .newsList:after {
    content: none;
}
.op_news .newsDetail {
    display: block;
    border-bottom: 1px solid #FFF;
    padding: 0 0 20px;
}
.op_news .newsDetail dt {
    width: 100%;
    display: block;
    padding: 0 0 10px;
}
.op_news .newsDetail dt .txt {
    font-size: 100%;
    line-height: 1em;
}
.op_news .newsDetail dd {
    width: 100%;
    display: block;
    padding: 0;
}
.op_news .newsDetail dd .txt{
    font-size: 90%;
}
.op_news .newsList a:before {
    content: none;
}
}

/*===================================================
  OP:SCHEDULE
====================================================*/
.op_schedule{

}
.op_schedule .scheduleCellList{
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid;
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.op_schedule .scheduleCellList.specialLive{
    color: #e0b87b;
    border-bottom: 1px solid #FFF;

}
.op_schedule .scheduleCellList:last-child{
    margin: 0;
}
.op_schedule .scheduleCellList li{
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 90%;
    line-height: 1.5em;
    font-weight: 500;
}
.op_schedule .scheduleCellList li:after{
    content: "";
    position: absolute;
    top: 5%;
    right: 0;
    width: 1px;
    height: 90%;
    background: #FFF;
}
.op_schedule .scheduleCellList li:last-child:after{
    content:none;
}
.op_schedule .scheduleCellList .scheduleDate{
    width: 16%;
    font-weight: 600;
    font-size: 120%;
    padding: 0 20px 0 0;
}
.op_schedule .scheduleCellList .scheduleDate span{
    font-size: 60%;
    line-height: 1em;
    color: #FFF;
    font-weight: 500;
    margin: 0 0 0 5px;
}
.op_schedule .scheduleCellList .scheduleDate span.sat{
    color: #648fff;
}
.op_schedule .scheduleCellList .scheduleDate span.sun{
    color: #f55c5c;
}
.op_schedule .scheduleCellList .scheduleVenue{
    width: 35%;
    justify-content: left;
}
.op_schedule .scheduleCellList .scheduleVenue .txt .soldout{
    display: inline-block;
    background: #f73838;
    font-size: 90%;
    padding: 4px 10px 2px;
    border-radius: 5px;
    margin: 0 0 2px;
    line-height: 1em;
    vertical-align: 1px;
    color: #FFF;
}
.op_schedule .scheduleCellList .scheduleVenue .txt .special{
    display: inline-block;
    background: #A37E46;
    font-size: 90%;
    padding: 4px 10px 2px;
    border-radius: 5px;
    margin: 0 10px 2px 0;
    line-height: 1em;
    vertical-align: 1px;
    color: #FFF;
}
.op_schedule .scheduleCellList .scheduleVenue .txt .warning{
    display: block;
    font-size: 90%;
    border-radius: 5px;
    line-height: 1.3em;
    vertical-align: 1px;
    color: #f73838;
}
.op_schedule .scheduleCellList .scheduleArea{
    width: 15%;
}
.op_schedule .scheduleCellList .scheduleTime{
    width: 18%;
}
.op_schedule .scheduleCellList .scheduleTime span{
    display:none;
}
.op_schedule .scheduleCellList .scheduleInfo{
    width: 31%;
    justify-content: left;
    word-break: break-all;
    padding: 0 0 0 20px;
}
.op_schedule .scheduleCellList .scheduleInfo a{
    font-size: 90%;
    font-weight: 600;
    display: block;
}
.op_schedule .scheduleCellList .scheduleInfo .fa-info-circle{
    display:none;
}
.op_schedule .scheduleCellList.cellHead{
    font-size: 70%;
}
.op_schedule .scheduleCellList.cellHead li{
    justify-content: center;
    font-size: 70%;
    font-weight: 400;
}
.op_schedule .scheduleCellList.cellHead li:after{
    content:none;
}


/* OP:SCHEDULE:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
.op_schedule .scheduleCellList .scheduleDate {
    font-size: 110%;
}
.op_schedule .scheduleCellList li {
    font-size: 70%;
    font-weight: 600;
}
.op_schedule .scheduleCellList .scheduleDate span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 60%;
    background: #000;
    line-height: 1em;
    color: #FFF;
    padding: 5px 3px 3px;
}
}


/* OP:SCHEDULE:SP-max-769 */
@media screen and (max-width: 769px){
.op_schedule {
    border-top: 1px solid;
    padding: 10px 0 0;
}
.op_schedule .scheduleCellList.cellHead {
    display: none;
}
.op_schedule .scheduleCellList {
    display: block;
}
.op_schedule .scheduleCellList li {
    padding: 0;
    display: block;
    margin: 0 0 10px;
}
.op_schedule .scheduleCellList li:after {
    content:none;

}
.op_schedule .scheduleCellList .scheduleDate {
    width: auto;
    display: inline-block;
    font-size: 140%;
    margin: 0;
}
.op_schedule .scheduleCellList .scheduleVenue {
    width: 100%;
    font-size: 120%;
    font-weight: 600;
}
.op_schedule .scheduleCellList .scheduleArea {
    width: auto;
    display: inline-block;
    font-size: 120%;
    font-weight: 600;
    padding: 0 0 0 5px;
    margin: 0;
}
.op_schedule .scheduleCellList .scheduleTime {
    width: 100%;
    font-size: 100%;
}
.op_schedule .scheduleCellList .scheduleTime span {
    display: block;
    font-size: 70%;
    line-height: 1em;
    margin: 0 0 3px;
}
.op_schedule .scheduleCellList .scheduleInfo {
    width: 100%;
    font-size: 100%;
    margin: 0;
}
.op_schedule .scheduleCellList .scheduleInfo .fa-info-circle{
    display:inline-block;
}
}


/*===================================================
  OP:DETAIL
====================================================*/
.op_detail{

}
.op_detail .detailList {
    display: flex;
    border-bottom: 1px solid;
    padding: 0 0 15px;
    margin: 0 0 15px;
    align-items: stretch;
}
.op_detail .detailList:first-child{
    border-top: 1px solid;
    padding: 15px 0 15px;
}
.op_detail .detailList:last-child{
    margin: 0;
}
.op_detail .detailList dt{
    width: 20%;
    padding: 0 40px 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1.6em;
}
.op_detail .detailList dt:before{
}
.op_detail .detailList dd{
    width: 80%;
    position: relative;
    padding: 0 0 0 40px;
    display: flex;
    align-items: center;
}
.op_detail .detailList dd:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #000;
}
.op_detail .detailList dd > *{
    margin-bottom:20px;
}
.op_detail .detailList dd > *:last-child{
    margin-bottom:0;
}
.op_detail .detailList dd .detailInner{
    width:100%;
}
.op_detail .detailList dd .detailInner > *{
    margin-bottom:10px;
}
.op_detail .detailList dd .detailInner  > *:last-child{
    margin-bottom:0;
}


/* OP:DETAIL:SP-max-769 */
@media screen and (max-width: 769px){
.op_detail .detailList {
    display: block;
}
.op_detail .detailList dt {
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    font-size: 100%;
    font-weight: 600;
    border-left: 5px solid;
}
.op_detail .detailList dd {
    width: 100%;
    position: relative;
    padding: 0;
}
.op_detail .detailList dd:before {
    content: none
}
}
/*===================================================
  SNS
====================================================*/
.sns{
    position: fixed;
    left: 40px;
    top: 55%;
    transform: translate(0,-50%);
    opacity: 0;
    transition: 0.5s ease;
    z-index:200;
}
.sns .snsList{

}
.sns .snsList li{
    padding: 15px 0;
}
.sns .snsList li a{
    display: block;
    width: 25px;
}

/*== loaded ==========================================*/
.loaded .sns{
    transition-delay: 2.3s;
    opacity: 1;
}


/* VISUAL:PC-min-770 */
@media screen and (min-width: 770px){
.sns .snsList li a:hover{
    transform: scale(1.3);
    opacity: 1;
    transition: 0.3s ease;
}
}


/* VISUAL:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
.sns {
    position: absolute;
}
}


/*  VISUAL:SP-max-769 */
@media screen and (max-width: 769px){
.sns {
    position: absolute;
    left: 20px;
    top: 50%;
    width: 20px;
}
.sns .snsList li a {
    width: 20px;
}
}


/*===================================================
  VISUAL
====================================================*/
.heroView{
    position: relative;
    z-index: 100;
    background: #000;
}
.heroView .item01{
    position: fixed;
    top: 50%;
    left: -20px;
    width: 200px;
    transform: translate(0,-50%);
}
.heroView .item02{
    position: fixed;
    top: 50%;
    right: -20px;
    width: 200px;
    transform: translate(0,-50%);
}
.heroView .action{
    opacity:0;
    transition:0.5s ease;
}


.heroView .mainbg{
    width: 100%;
    height: 100%;
    background-image: url(../images/ph_main01_t2MwHrQ3.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.heroView .mainLogo{
    opacity: 1;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 35%;
    max-width: 560px;
    line-height: 0;
    transition: 0.5s ease;
    transform: translate(-50%,-50%);
}
.heroView .mainLogo img{
    transition: 0.5s ease;
}
.heroView .mainLogo .finMessage{
    opacity: 0;
    line-height: 1.3em;
    margin-top: 20px;
    text-align: center;
    font-size: min(calc(44 / 1130 * 100vw),42px);
    font-weight: 800;
    font-style: italic;
    color: #a37e46;
    transition: 0.5s ease;
    letter-spacing: 0;
    font-family: 'Noto Serif JP', serif;
}
.heroView .credit{
    position: fixed;
    left: 30px;
    bottom: 40px;
    text-align: center;
    transition:0.5s ease;
}
.heroView .credit .homeLogo{
    width: 100px;
    transition:0.5s ease;
}
.heroView .credit .creditTxt{
    font-size: 70%;
    transition:0.5s ease;
}
.heroView .sideBg1,
.heroView .sideBg2{
    width: 200px;
    height: 1980px;
    line-height: 0;
    transform: translateY(0);
    opacity: 0;
    pointer-events:none;
}
.heroView .sideBg1{
    top: 0;
    animation: sidebg1 20s linear infinite;
}
.heroView .sideBg2{
    top: -1980px;
    left: auto;
    right: -20px;
    animation: sidebg2 20s linear infinite;
}
@keyframes sidebg1{
  from {transform: translateY(0);}
  to {transform: translateY(-1980px);}
}
@keyframes sidebg2{
  from {transform: translateY(0);}
  to {transform: translateY(1980px);}
}
.heroView .sd{
    transition:0.5s ease;
}
.heroView .shine{
    position: absolute;
    top: 0;
    left: -200%;
    opacity: 0;
    background: #FFF;
    width: 350px;
    height: 100%;
    z-index: 500;
    transform: skewX(-45deg) translate(-50%,0);
    mix-blend-mode: overlay;
    animation: shineAnim 10s ease 5s infinite;
    pointer-events: none;
    
}
@keyframes shineAnim{
  0% {left: -200%;opacity:0;}
  40% {left: -200%;opacity:1;}
  50% {left: 200%;opacity:1;}
  51% {left: 200%;opacity:0;}
  100% {left: -200%;opacity:0;}
}
/*== loaded ==========================================*/
.loaded .heroView .action{
    opacity:1;
}
.loaded .heroView .act1{
    transition-delay:2.3s;
    opacity: 0.2;
}
.loaded .heroView .act2{
    transition-delay:2.3s;
    opacity: 0.2;
}
.loaded .heroView .act3{
    transition-delay: 1.7s;
}
.loaded .heroView .act4{
    width: 36%;
    max-width: 600px;
    transition-delay: 1.5s;
    left: 100px;
    top: 60px;
    transform: translate(0,0);
}
.loaded .heroView .mainLogo .finMessage{
    opacity: 1;
    transition-delay: 2s;
}
.loaded .heroView .act5,
.loaded .heroView .act6,
.loaded .heroView .act7{
    transition-delay: 2.3s;
}

/*== headerFix ==========================================*/
.headerFix .heroView .sd{
    opacity:0;
}
.headerFix .heroView .credit .homeLogo,
.headerFix .heroView .credit .creditTxt{
    opacity:0;
    transition-delay:0s;
}
.headerFix .heroView .scrollTxt,
.headerFix .heroView .scrollarrow {
    opacity: 0;
}
/*== bottomFix ==========================================*/
.bottomFix .heroView .credit{
    opacity:1;
}
.bottomFix .heroView .credit .homeLogo,
.bottomFix .heroView .credit .creditTxt {
    opacity: 1;
}


/* VISUAL:PC-min-770 */
@media screen and (min-width: 770px){
.headerFix .heroView .mainLogo{
    transition-delay: 0s;
    width: 150px;
    transform: translate(0,0);
    opacity: 0;
}
.headerFix  .heroView .mainLogo .finMessage{
    transition-delay: 0s;
    opacity: 0;
    font-size: 80%;
}
.heroView .sns .snsList li a:hover{
    transform: scale(1.3);
    opacity: 1;
    transition: 0.3s ease;
}

}

/* VISUAL:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
.loaded .heroView .act4 {
    width: 40%;
    max-width: 400px;
    left: 60px;
    top: 60px;
}
.headerFix .heroView .mainLogo {
    width: 100px;
    opacity:0.5;
}
.heroView .sns {
    position: absolute;
}
.heroView .credit {
    position: absolute;
}
.heroView .scrollTxt,
.heroView .scrollarrow {
    position: absolute;
}
}


/*  VISUAL:SP-max-769 */
@media screen and (max-width: 769px){

.heroView .sideBg1, .heroView .sideBg2 {
    width: 100px;
    height: 990px;
}
.heroView .sideBg1 {
    left: -30px;
}
@keyframes sidebg1{
  from {transform: translate(0,0);}
  to {transform: translate(0,-990px);}
}
.heroView .sideBg2 {
    top: -990px;
    left: auto;
    right: -30px;
}
@keyframes sidebg2{
  from {transform: translate(0,0);}
  to {transform: translate(0,990px);}
}
.heroView .mainbg{
    background-image: url(../images/ph_main01_sp_t2MwHrQ3.jpg);
    background-position: center 90%;
}
.heroView .credit {
    display:none;
}
.heroView .sns {
    position: absolute;
    left: 20px;
    width: 20px;
}
.heroView .sns .snsList li a {
    width: 20px;
}
.heroView .mainLogo {
    position: fixed;
    width: 200px;
    transform: none;
    top: calc(50% - 45px);
    left: calc(50% - 100px);
}
.heroView .mainLogo .finMessage{
    font-size: min(calc(56 / 1130 * 100vw),42px);
    line-height: 1.2em;
}
.heroView  .spNav{
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    text-align: right;
    transition: 0.5s ease;
}
.heroView  .spNav li{
    margin: 0;
    line-height: 1em;
}
.heroView  .spNav li:last-child{
    margin: 0;
}
.heroView  .spNav li a{
    font-size: 75%;
    font-family: 'Libre Baskerville', serif;
    border-bottom: 1px solid #666;
    display: inline-block;
    padding: 0 0 13px;
    margin: 0 0 12px;
    line-height: 1em;
}
.heroView  .spNav li:last-child a{
    border-bottom: none;
    padding: 0;
    margin: 0;
}
.heroView  .spNav li a.blank{
    pointer-events: none;
    opacity: 0.3;
}
/*== loaded ==========================================*/
.loaded .heroView .act4 {
    width: 45%;
    left: 20px;
    top: 20px;
    transform: translate(0,0);
}
.loaded .heroView .spNav {
    transition-delay: 2.3s;
    opacity: 1;
}

/*== headerFix ==========================================*/
.headerFix .heroView .act4 {
    width: 20%;
    opacity: 0;
    transition-delay: 0s;
}
.headerFix .heroView .mainLogo .finMessage {
    font-size: 60%;
    transition-delay: 0s;
    opacity: 0;
}
}


/*===================================================
  SCROLLDOWN
====================================================*/
.scrollTxt {
    position: fixed;
    right: 16px;
    bottom: 130px;
    font-family: 'Libre Baskerville', serif;
    font-size: 60%;
    transform: rotate(90deg);
    transition:0.5s ease;
}
.scrollarrow {
    width: 1px;
    height: 60px;
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 1;
    background: #FFF;
    animation: scrollarrow 3s cubic-bezier(.19,1,.22,1) 0.5s infinite;
    transition:0.5s ease;
}
.scrollarrow:before{
    position:abaolute;
    content:"SCROLL";
    font-family: 'Libre Baskerville', serif;
}
@keyframes scrollarrow{
  0% {clip-path: inset(0 0 100% 0);}
  25% {clip-path: inset(0 0 0 0);}
  75% {clip-path: inset(0 0 0 0);}
  100% {clip-path: inset(100% 0 0 0);}
}

/*  SCROLLDOWN:SP-max-769 */
@media screen and (max-width: 769px){

.heroView .sd {
    display:none;
}
.scrollTxt {
    display:none;
}
.scrollarrow {
    right: auto;
    bottom: auto;
    position: relative;
    display: inline-block;
    margin: 20px 10px 0;
}
}


/*===================================================
  FOOTER
====================================================*/

/* FOOTER:PC-min-770 */
@media screen and (min-width: 770px){
footer{
    display:none;
}
}
/* FOOTER:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
footer{
    display:block;
    padding: 0 60px 60px;
    position: relative;
    z-index: 10;
}
footer .homeLogo{
    width: 40%;
    max-width: 200px;
    margin: 0 auto 10px;
}
footer .creditTxt{
    text-align: center;
    font-size: 70%;
}
}

/*  FOOTER:SP-max-769 */
@media screen and (max-width: 769px){
footer{
    padding: 0 60px 60px;
    position: relative;
    z-index: 10;
}
footer .homeLogo{
    width: 40%;
    margin: 0 auto 10px;
}
footer .creditTxt{
    text-align: center;
    font-size: 70%;
}
}



/*===================================================
  NEWS
====================================================*/
.newsBg{
    z-index: 10;
}
.newsBg:before{
    position: absolute;
    transform: none;
    content: "";
    top: 0;
    left: 0;
    display: block;
    background: #000;
    width: 100vw;
    height: 100vw;
    z-index: 0;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
}
.newsBox{
    position: relative;
    padding: 0 100px 100px;
}

.newsBox .inBox{
    position: relative;
    padding: 100px 0;
}
.newsBox .titBlock{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    transform: rotate(90deg) translate(80%,55%);
}
.newsBox h3{
    font-size: 400%;
    font-family: 'Poppins', sans-serif;
}
.newsBox h4{
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    font-size: 140%;
}
.newsBox .op_news {
    width: calc(100% - 140px);
    margin: 0 0 0 auto;
    position: relative;
    padding: 60px 0 0 60px;
}
.newsBox .op_news:before {
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 150px;
    height: 3px;
    background: #FFF;
}
.newsBox .op_news:after {
    content: "";
    position: absolute;
    left:0;
    top: 0;
    height: 150px;
    width: 3px;
    background: #FFF;
}

.newsBox .bnr{
    max-width: 600px;
    margin: 0 auto;
}
.newsBox .bnr a{
    display: block;
}
.newsBox .bnrList {
    display: flex;
    max-width: 900px;
    margin: 0 auto;
    justify-content: space-between;
}
.newsBox .bnrList li{
    width: calc(50% - 20px);
}

.newsPop{

}
.newsPop .date{
    font-weight: 600;
    font-size: 120%;
}
.newsPop .tit{
    border-bottom: 1px dashed;
    padding: 0 0 20px;
    margin: 0 0 20px;
}
.newsPop .newsBody{

}
.newsPop .newsBody > *{
    margin:0 0 20px;
}
.newsPop .newsBody > *:last-child{
    margin:0;
}
.newsPop .newsBody .txt{

}

/* NEWS:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
.newsBox {
    padding: 0 40px 100px;
}
.newsBox .bnr {
    max-width: 100%;
}
}
/*  NEWS:SP-max-769 */
@media screen and (max-width: 769px){
.newsBox {
    position: relative;
    padding: 0 20px 60px;
}
.newsBox .inBox{
    padding: 60px 0;
}
.newsBox .op_news {
    width: calc(100% - 65px);
    padding: 0 0 0 25px;
}
.newsBox .op_news:before {
    content: none;
}
.newsBox .titBlock {
    transform: rotate(90deg) translate(85%,55%);
}
.newsBox h3 {
    font-size: 200%;
}
.newsBox h4 {
    font-size: 100%;
}
.newsPop .date {
    font-size: 100%;
}
.newsPop .tit {
    font-size: 110%;
}
.newsBox .bnrList {
    display: block;
    max-width:100%;
    margin: 0 auto;
}
.newsBox .bnrList li{
    width: 100%;
    margin-bottom:20px;
}
.newsBox .bnrList li:last-child{
    margin-bottom:0;
}
}

/*===================================================
  ATTENTION
====================================================*/
.attentionBox{
    position: relative;
    padding: 100px 100px 80px;
}
.attentionBox .inBox{
    padding: 0;
    margin: 0 auto;
    position: relative;
}
.attentionBox .titBlock{
    position: absolute;
    top: 0;
    z-index: 2;
    transform: translate(0,-85%);
}

.attentionBox .titBlock h3{
    font-size: 500%;
    color: #363636;
    font-weight: 800;
    line-height: 1em;
    font-family: 'Poppins', sans-serif;
}
.attentionBox .titBlock h4{
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.2em;
    font-size: 200%;
    color: #363636;
    font-weight: 800;
    margin: 0 0 5px;
}
.attentionBox .innerArea{
    width: 100%;
    background: #363636;
    padding: 80px;
    position: relative;
}
.attentionBox .innerArea:before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 50vw;
    height: 100%;
    background: #363636;
    z-index: -1;
}
.attentionBox .innerArea > *{
    margin:0 0 40px;
}
.attentionBox .innerArea > *:last-child{
    margin:0;
}
.attentionBox .innerArea .tit{
    font-size: 240%;
    color: #ffbe1d;
    border-bottom: 1px solid;
    font-weight: 400;
    padding: 0 0 10px;
}
.attentionBox .innerArea .tit span{
    background: #ffbe1d;
    color: #363636;
    padding: 3px 10px;
    font-size: 80%;
    font-weight: 600;
    margin: 0 10px 0 0;
    line-height: 1em;
    vertical-align: 3px;
}
.attentionBox .innerArea .leadList{

}
.attentionBox .innerArea .leadList dt{
    font-size: 160%;
    line-height: 1.4em;
    margin: 0 0 20px;
}
.attentionBox .innerArea .leadList dt .indent{
    display: inline-block;
    text-indent: -15px;
}
.attentionBox .innerArea .leadList dd{
    font-size: 90%;
}
.attentionBox .innerArea .leadList dd .announce{
    line-height: 0;
    margin: 0 0 20px;
}
.attentionBox .innerArea .leadList dd .cautionList{
    margin: 10px 0 0;
    font-size: 130%;
}
.attentionBox .innerArea .leadList .mark{
    color: #f73838;
}
.attentionBox .innerArea .leadList dd .txt .mark{
    font-size: 130%;
    text-decoration: underline;
}

/*ATTENTION:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
.attentionBox {
    padding: 100px 40px 80px;
}

}
/*  ATTENTION:SP-max-769 */
@media screen and (max-width: 769px){

.attentionBox {
    position: relative;
    padding: 60px 0 40px;
}
.attentionBox .inBox {
    width: calc(100% - 40px);
}
.attentionBox .titBlock h3 {
    font-size: 240%;
}
.attentionBox .titBlock h4 {
    font-size: 100%;
}
.attentionBox .innerArea {
    padding: 20px;
}
.attentionBox .innerArea .tit {
    font-size: 120%;
    text-align: center;
    line-height: 1.3em;
    margin: 0 0 20px;
}
.attentionBox .innerArea .tit span {
    margin: 0 auto 10px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 0 3px;
    font-size: 70%;
}
.attentionBox .innerArea .leadList {
    border-bottom: 1px dashed;
    padding: 0 0 20px;
    margin: 0 0 20px;
}
.attentionBox .innerArea .leadList:last-child {
    border-bottom: none;
    padding: 0 ;
    margin: 0;
}
.attentionBox .innerArea .leadList dt {
    font-size: 92%;
    line-height: 1.4em;
    margin: 0 0 10px;
    font-weight: 600;
}
.attentionBox .innerArea .leadList dt .indent {
    text-indent: 0;
}
.attentionBox .innerArea .leadList dd {
    font-size: 100%;
}
.attentionBox .innerArea .leadList dd .announce{
    margin: 0 0 10px;

}
}
/*===================================================
  TICKET
====================================================*/
.ticketBg{
    z-index: 9;
    opacity: 1;
}
.ticketBg:before{
    width: 50vw;
    height: 200vw;
    background: #2c2c2c;
    transform: translate(-50%,-50%) rotate(45deg);
    top: 50%;
    left: 50%;
    clip-path: inset(100% 0 0 0);
}
.ticketBg.view:before{
    clip-path: inset(0 0 0 0);
    transition:1s ease 0.7s;
}
.ticketBox{
    position: relative;
}
.ticketBox .inBox{
    padding: 100px 0;
}
.ticketBox .titBlock{
    position: relative;
    padding: 60px 0;
    text-align: center;
}
.ticketBox .titBlock .outline{
    line-height: 0;
    width: 100%;
    height: 100%;
}
.ticketBox .titBlock .outline svg{
    display: inline-block;
    object-fit: cover;
    width: 100%;
    height: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ticketBox .titBlock .outline .st0{
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 0.3;
    stroke-miterlimit: 10;
}
.ticketBox .titBlock h3{
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    margin: 0 0 10px;
}
.ticketBox .titBlock h4{
    font-size: 100%;
    letter-spacing: 0.3em;
    font-family: 'Poppins', sans-serif;
}
.ticketBox .ticketList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 60px;
}
.ticketBox .ticketList li{
    width: calc(50% - 10px);
    position: relative;
    margin: 0 auto 20px;
}
.ticketBox .ticketList li.noEntry{
    text-align: center;
    font-size: 20px;
}

.ticketBox .ticketList li a{
    display: block;

}
.ticketBox .ticketList li.end a:before{
    content: "受付終了";
    position: absolute;
    display: block;
    z-index: 1;
    background: rgb(255 0 0 / 100%);
    padding: 15px 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-15deg) skew(-10deg,0);
    font-size: 20px;
    opacity: 0.5;
    pointer-events: none;
    width: 30%;
    text-align: center;
    color: #FFF;
}
.ticketBox .ticketList li a .ticketInner{
    background: #eee;
    padding: 0;
    color: #000;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition:0.5s ease;
}
.ticketBox .ticketList li a .ticketInner:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 70%;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 100px;
    transform: translate(0,-50%);
}
.ticketBox .ticketList li a .ticketInner:after{
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 70%;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 100px;
    transform: translate(0,50%);
}
.ticketBox .ticketList li .ticketHead{
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ticketBox .ticketList li .ticketHead .inner{

}
.ticketBox .ticketList li .ticketName{
    margin: 0 0 15px;
    font-size: 140%;
    display: block;
    text-align: center;
    line-height: 1.2em;
}
.ticketBox .ticketList li .ticketName span{
    background: #000;
    font-size: 50%;
    padding: 2px 20px 1px;
    border-radius: 100px;
    color: #FFF;
    vertical-align: 3px;
    margin: 5px 0 0;
    display: inline-block;
}
.ticketBox .ticketList li .ticketName:last-child{
    margin: 0 ;
}
.ticketBox .ticketList li .seat{
    text-align: center;
    margin: 0;
    border-bottom: 1px dashed;
    padding: 20px 40px;
    line-height: 1.5em;
}
.ticketBox .ticketList li .seat span{

}
.ticketBox .ticketList li .date{
    text-align: center;
    line-height: 1.5em;
    padding: 20px 40px;
}
.ticketBox .ticketList li .date span{
    display: inline-block;
    font-size: 85%;
    font-weight: 600;
}
.ticketBox .ticketList li .cloneBtn{
    background: #a37e46;
    padding: 20px 40px;
    text-align: center;
    font-size: 120%;
    color: #000;
    transition:0.5s ease;
}
.ticketBox .ticketList li.blank{
    display: block;
    background: #6c6c6c;
    padding: 40px;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.ticketBox .ticketList li.blank:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 100px;
    transform: translate(-50%,-50%);
}
.ticketBox .ticketList li.blank:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 100px;
    transform: translate(50%,-50%);
}
.ticketBox .ticketList li:nth-child(2).blank:after,
.ticketBox .ticketList li:nth-child(3).blank:before{
    background:#222222;
}
.ticketBox .ticketList li:nth-child(3).blank:after{
    background:#181818;
}
.ticketBox .ticketList li.blank .ticketsoon{
    color: #484848;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 120%;
    text-align: center;
}
.ticketPop{

}
.ticketPop .ticketName{
    padding: 0 0 30px;
    margin: 0 0 15px;
    border-bottom: 1px solid;
    font-size: 160%;
    display: block;
    line-height: 1.6em;
}
.ticketPop .ticketName span{
    background: #000;
    font-size: 70%;
    padding: 5px 20px;
    border-radius: 100px;
    color: #FFF;
    vertical-align: 3px;
    margin: 0 0 0 10px;
}
.ticketBox .btnBuy a{
    margin: 0 auto;
    background: #FFF;
    color: #a37e46;
    font-weight: 600;
    font-size: 160%;
    width: 460px;
    border-radius: 10px;
    padding: 25px;
}
.ticketBox .btnGuide a{
    margin: 0 auto;
    color: #FFF;
    font-weight: 600;
    font-size: 120%;
    width: 360px;
    border-radius: 100px;
    padding: 15px;
    border: 1px solid;
    background: transparent;
}
.ticketBox .op_accord .accordionTit{
    width: 460px;
    margin: 0 auto 60px;
    text-align: center;
    color: #000;
    font-size: 120%;
    border-radius: 10px;
}
.ticketBox .op_accord .accordionTit.open{

}
.ticketBox .op_accord .accordionList .accordionDetail {
    background: transparent;
    padding: 0;
}
.guidePop{

}
.guidePop .guidePopTit{
    text-align: center;
    font-weight: 500;
    font-size: 200%;
    margin: 0 0 60px;
}
.guidePop .leadList{
    margin: 0 0 40px;
    padding: 0 60px;
}
.guidePop .leadList li{
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 20px;
}
.guidePop .leadList li:before{
    content: "・";
    position: absolute;
    left: 0;
}
.guidePop .leadList li:last-child{
    margin: 0;
}
.guidePop .leadList li span{
    display: block;
    font-size: 90%;
    margin: 5px 0 0;
}
.guidePop .popInBox {
    padding: 60px 0;
}
.guidePop .appDL{
    display: flex;
    background: #FFF;
    padding: 40px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 60px;
    width: calc(100% - 120px);
}
.guidePop .appDL .icoApp{
    width: 30%;
}
.guidePop .appLink{
    display: flex;
    width: 70%;
    justify-content: center;
}
.guidePop .appLink li{
    padding: 0 20px;
}
.guidePop .appLink li p{
    text-align: center;
    font-size: 90%;
    font-weight: 600;
    margin: 0 0 5px;
}
.guidePop .appLink li .btn{

}
.guidePop .appLink li .btn a{

}
.guidePop .covidTit{
    text-align: center;
    font-size: 120%;
    margin: 0 0 20px;
}
.guidePop .guideLine{

}
.guidePop .guideLine a{
    display: block;
    width: 540px;
    background: #000;
    color: #FFF;
    text-align: center;
    padding: 25px;
    font-size: 120%;
    margin: 0 auto 60px;
}
.guidePop .tikeboBox{
    padding: 60px;
    margin: 0 0 60px;
    background: #FFF;
}
.guidePop .tikeboBox .tikeboLogo{
    width: 360px;
    margin: 0 auto 40px;
}
.guidePop .tikeboBox .btnList{
    display: flex;
    justify-content: center;
    margin: 0 0 40px;
}
.guidePop .tikeboBox .btnList li{
    padding: 0 20px;
}
.guidePop .tikeboBox .btnList li a{
    display: block;
    border: 1px solid;
    padding: 20px;
    width: 300px;
    text-align: center;
    border-radius: 100px;
}
.guidePop .tikeboBox .box01{
    background: #000;
    padding: 40px;
    color: #FFF;
    margin: 0 0 40px;
}
.guidePop .tikeboBox .box01 .lead{
    text-align: center;
    font-size: 140%;
    font-weight: 500;
    margin: 0 0 40px;
    line-height: 1.3em;
}
.guidePop .tikeboBox .box01 ul{
    display: flex;
    margin: 0 0 40px;
}
.guidePop .tikeboBox .box01 ul li{
    width: 50%;
    text-align: center;
    padding: 0 0 0 20px;
}
.guidePop .tikeboBox .box01 ul li:nth-child(1){
    border-right: 1px solid;
    padding: 0 20px 0 0;
}

.guidePop .tikeboBox .box01 ul li h4{
    font-size: 140%;
    margin: 0 0 20px;
}

.guidePop .tikeboBox .box01 ul li .flBox{
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.guidePop .tikeboBox .box01 ul li .flBox .thumb{
    width: 80%;
}
.guidePop .tikeboBox .box01 ul li .flBox .txt{
    font-size: 120%;
    font-weight: 600;
}
.guidePop .tikeboBox .box01 .warning{
    text-align: center;
    font-size: 120%;
    font-weight: 500;
    color: #cc0000;
}

.guidePop .tikeboBox .idCard{
    background: #000;
    padding: 40px;
    color: #FFF;
}
.guidePop .tikeboBox .idCard h3{
    font-weight: 500;
    text-align: center;
    margin: 0 0 40px;
    font-size: 140%;
}
.guidePop .tikeboBox .idCard  .idCardList{
    display: flex;
    justify-content: space-between;
}
.guidePop .tikeboBox .idCard  .idCardList .inner{
    width: calc(50% - 20px);
}
.guidePop .tikeboBox .idCard  .idCardList .inner > *{
    margin: 0 0 20px;
}
.guidePop .tikeboBox .idCard  .idCardList .inner > *last-child{
    margin: 0;
}
.guidePop .tikeboBox .idCard  .idCardList .inner h5{
    border-bottom: 1px solid;
    padding: 0 0 20px;
    margin: 0 0 20px;
    font-size: 100%;
    font-weight: 500;
}
.guidePop .tikeboBox .idCard  .idCardList .inner .lead{
    font-weight: 500;
    border-left: 5px solid;
    padding: 0 0 0 10px;
}
.guidePop .tikeboBox .idCard  .idCardList .inner .miniList{

}
.guidePop .tikeboBox .idCard  .idCardList .inner .miniList li{
    margin: 0 0 5px;
    font-size: 90%;
    position: relative;
    padding: 0 0 0 25px;
}
.guidePop .tikeboBox .idCard  .idCardList .inner .miniList li span{
    position: absolute;
    left: 0;
    width: 20px;
    text-align: center;
    display: block;
    color: #ffbe1d;
}
.guidePop .tikeboBox .idCard  .idCardList .inner .miniList li:last-child{

}
.guidePop .tikeboBox .idCard  .idCardList .inner .cautionList li{
    margin: 0 0 5px;
}
.guidePop .tikeboBox .idCard  .idCardList .inner .txt{
    font-size: 90%;
    margin: 0 0 10px;
}

.guidePop .contactList{
    display: flex;
    justify-content: space-between;
    padding: 0 60px;
}
.guidePop .contactList li{
    width: calc(50% - 20px);
    text-align: center;
}
.guidePop .contactList li .tit{
    font-size: 110%;
    font-weight: 600;
    margin: 0 0 20px;
}
.guidePop .contactList li .btn a{
    display: block;
    text-align: center;
    background: #000;
    color: #FFF;
    padding: 20px;
    margin: 0 0 10px;
}
.guidePop .contactList li .note{
    font-size: 70%;
}
/* TICKET:PC-min-770 */
@media screen and (min-width: 770px){
.ticketList li a:hover{

    opacity: 1;
}
.ticketList li a:hover .cloneBtn{
    background: #ce9846;
}

.ticketList li a:hover .ticketInner{
    background: #FFF;
    transform: translateY(-10px);
}
.ticketBox .ticketList li .seat{
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ticketBox .ticketList li .seat span{

}


}
/*  TICKET:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
.ticketList li {
    width: 100%;
}
.ticketList li.blank {
    display:none;
}
}


/* TICKET:SP-max-769 */
@media screen and (max-width: 769px){
.ticketBg:before {
    width: 80vw;
    height: 200vw;
}
.ticketBox .inBox {
    padding: 60px 0 40px;
}
.ticketBox .titBlock {
    padding: 0;
    margin: 0 0 40px;
}
.ticketBox .titBlock .outline svg {
    height: auto;
    width: 115%;
}
.ticketBox .titBlock h3 {
    margin: 0 0 5px;
    font-size: 180%;
}
.ticketBox .titBlock h4 {
    font-size: 85%;
}
.ticketBox .btnBuy a{
    font-size: 140%;
    width: 100%;
    padding: 20px;
}
.ticketBox .btnGuide a {
    font-size: 110%;
    width: 80%;
    border-radius: 100px;
    padding: 10px;
}
.ticketBox .ticketList {
    display: block;
    margin: 0 0 30px;
}
.ticketBox .ticketList li {
    width: 100%;
}
.ticketBox .ticketList li.blank {
    display:none;
}
.ticketBox .ticketList li a .ticketInner:before {
    top: 70%;
    left: 0;
    transform: translate(-50%,-50%);
}
.ticketBox .ticketList li a .ticketInner:after {
    bottom: auto;
    top: 70%;
    left: auto;
    right: 0;
    width: 20px;
    height: 20px;

    transform: translate(50%,-50%);
}
.ticketPop .ticketName{
    padding: 0 0 20px;
    font-size: 120%;
}
.ticketPop .ticketName span {
    display: inline-block;
    padding: 5px 20px;
    vertical-align: 0;
    margin: 10px 0 0;
}
.ticketBox .op_accord .accordionTit{
    width: 100%;
    margin: 0 auto 20px;
}
.guidePop .popInBox {
    padding: 20px 0;
}
.guidePop .guidePopTit {
    font-size: 130%;
    margin: 0 0 20px;
}
.guidePop .leadList {
    margin: 0 0 20px;
    padding: 0 20px;
}
.guidePop .leadList li {
    font-size: 90%;
    line-height: 1.5em;
}
.guidePop .appDL {
    display: block;
    background: #FFF;
    padding: 20px;
    margin: 0 auto 20px;
    width: calc(100% - 40px);
}
.guidePop .appDL .icoApp {
    width: 80%;
    margin: 0 auto 20px;
}
.guidePop .appLink {
    display: block;
    width: 100%;
}
.guidePop .appLink li{
    margin: 0 0 10px;
}
.guidePop .appLink li:last-child{
    margin: 0;
}
.guidePop .appLink li p {
    font-size: 70%;
}
.guidePop .appLink li .btn {
    width: 70%;
    margin: 0 auto;
}
.guidePop .covidTit {
    font-size: 100%;
    margin: 0 0 20px;
}
.guidePop .guideLine {
    padding: 0 20px;
}
.guidePop .guideLine a {
    width: 100%;
    padding: 15px;
    font-size: 110%;
    margin: 0 auto 40px;
}
.guidePop .tikeboBox {
    padding: 20px;
    margin: 0 0 20px;
}
.guidePop .tikeboBox .tikeboLogo {
    width: 75%;
    margin: 0 auto 25px;
}
.guidePop .tikeboBox .btnList {
    display: block;
    justify-content: center;
    margin: 0 0 20px;
}
.guidePop .tikeboBox .btnList li {
    padding: 0;
    margin: 0 0 10px;
}
.guidePop .tikeboBox .btnList li:last-child{
    margin: 0;
}
.guidePop .tikeboBox .btnList li a {
    padding: 10px;
    width: 100%;
}
.guidePop .tikeboBox .box01 {
    padding: 20px;
    margin: 0 0 20px;
}
.guidePop .tikeboBox .box01 .lead {
    text-align: left;
    font-size: 90%;
    margin: 0 0 20px;
    line-height: 1.3em;
}
.guidePop .tikeboBox .box01 ul {
    display: block;
    margin: 0 0 20px;
    border-top: 1px solid;
    padding: 20px 0 0;
}
.guidePop .tikeboBox .box01 ul li {
    width: 100%;
    text-align: center;
    padding: 0 0 20px;
    border-bottom: 1px solid;
}
.guidePop .tikeboBox .box01 ul li:nth-child(1) {
    border-right: none;
    border-bottom: 1px solid;
    padding: 0 0 20px;
    margin: 0 0 20px;
}
.guidePop .tikeboBox .box01 ul li h4 {
    font-size: 120%;
}
.guidePop .tikeboBox .box01 ul li .flBox {
    height: auto;
    display: block;
}
.guidePop .tikeboBox .box01 ul li .flBox .thumb{
    width: 100%;
}
.guidePop .tikeboBox .box01 ul li .flBox .txt {
    font-size: 100%;
}
.guidePop .tikeboBox .box01 .warning {
    font-size: 80%;
}
.guidePop .tikeboBox .idCard {
    padding: 20px;
}
.guidePop .tikeboBox .idCard h3 {
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px;
    line-height: 1.3em;
    font-size: 100%;
}
.guidePop .tikeboBox .idCard .idCardList {
    display: block;
}
.guidePop .tikeboBox .idCard .idCardList .inner {
    width: 100%;
    margin: 0 0 20px;
    border-bottom: 1px solid;
    padding: 0 0 20px;
}
.guidePop .tikeboBox .idCard .idCardList .inner:last-child{
    width: 100%;
    margin: 0;
    border-bottom:none;
    padding: 0;
}
.guidePop .tikeboBox .idCard .idCardList .inner > *:last-child{
    margin: 0;
}
.guidePop .tikeboBox .idCard .idCardList .inner h5 {
    border-bottom: 1px dashed #666;
    padding: 0 0 10px;
    margin: 0 0 10px;
    font-size: 100%;
}
.guidePop .contactList {
    display: block;
    padding: 0 20px;
}
.guidePop .contactList li {
    width: 100%;
    text-align: center;
    margin: 0 0 20px;
    border-bottom: 1px dashed;
    padding: 0 0 20px;
}
.guidePop .contactList li:last-child{
    margin: 0;
    border-bottom: none;
    padding: 0;
}
.guidePop .contactList li .tit {
    font-size: 75%;
    text-align: left;
    font-weight: 600;
    margin: 0 0 10px;
}
.guidePop .contactList li .btn a {
    padding: 15px;
    font-size: 90%;

}
.guidePop .contactList li .note {
    font-size: 70%;
    line-height: 1.3em;
    text-align: left;
}
}

/*===================================================
  anivBox
====================================================*/
.anivBox{
    position: relative;
}
.anivBox .inBox{
    padding: 50px 0 100px;
}
.anivBox .anivAc{
    margin: 0 auto;
}
.anivBox .anivAc .accordionTit{
    background: #A37E46;
    font-size: 160%;
    line-height: 1.5em;
    max-width: 800px;
    margin: 0 auto;
}
.anivBox .anivAc .accordionTit.open{
    max-width: 100%;
}
.anivBox .anivAc .accordionTit .txt{
    text-align: center;
}
.anivBox .anivAc .accordionDetail{
    background: #FFF;
    color: #000;
}
.anivBox .anivAc .accordionDetail > *{
    margin-bottom:20px;
}
.anivBox .anivAc .accordionDetail > *:last-child{
    margin-bottom:0;
}
.anivBox .anivAc .accordionDetail .lead{
    font-weight: 600;
    font-size: 120%;
    margin: 0 0 20px;
}
.anivBox .anivAc .accordionDetail .warning{
    color: #f73838;
    text-align: center;
    font-size: 120%;
    font-weight: 600;
    margin: 0 0 30px;
}
.anivBox .anivAc .accordionDetail .anivDetail{
    display: flex;
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding: 20px 0;
    align-items: center;
    margin: 0 0 20px;
}
.anivBox .anivAc .accordionDetail .anivDetail dt{
    width: 260px;
}
.anivBox .anivAc .accordionDetail .anivDetail dd{
    width: calc(100% - 260px);
    border-left: 1px solid;
    padding: 0 0 0 20px;
}

.anivBox .anivAc .accordionDetail .period{
    display: flex;
    border: 1px solid;
    align-items: center;
}
.anivBox .anivAc .accordionDetail .period dt{
    padding: 10px;
    background: #000;
    color: #FFF;
    width: 50%;
    text-align: center;
}
.anivBox .anivAc .accordionDetail .period dd{
    padding: 10px;
    width: 50%;
}
.anivBox .anivAc .accordionDetail .period dd .txt{
    text-align: center;
}

/* anivBox:PC-min-770 */
@media screen and (min-width: 770px){
.anivBox .anivAc .accordionTit:hover{
    background: #ce9846;
    max-width: 100%;
}
}
/* anivBox:SP-max-769 */
@media screen and (max-width: 769px){
.anivBox .inBox {
    padding: 40px 0 40px;
}
.anivBox .anivAc .accordionTit{
    padding: 20px 40px 20px 20px;
}
.anivBox .anivAc .accordionTit .txt {
    text-align: left;
    font-size: 65%;
    line-height: 1.5em;
}
.anivBox .anivAc .accordionDetail .lead {
    font-weight: 600;
    font-size: 90%;
    margin: 0 0 20px;
}
.anivBox .anivAc .accordionDetail .anivDetail {
    display: block;
}
.anivBox .anivAc .accordionDetail .anivDetail dt {
    width: 100%;
    font-weight: 600;
    margin: 0 0 10px;
}
.anivBox .anivAc .accordionDetail .anivDetail dd {
    width: 100%;
    border-left: none;
    padding: 0;
}
.anivBox .anivAc .accordionDetail .period {
    display: block;
}
.anivBox .anivAc .accordionDetail .period dt {
    width: 100%;
}
.anivBox .anivAc .accordionDetail .period dd {
    padding: 10px;
    width: 100%;
}
.anivBox .anivAc .accordionDetail .period dd .txt {
    text-align: left;
}
.anivBox .anivAc .accordionDetail .warning{
    text-align: left;
}
}

/*===================================================
  SCHEDULE
====================================================*/
.scheduleBg{
    z-index: 9;
    opacity: 1;
}
.scheduleBg:before{
    width: 70vw;
    height: 200vw;
    background: #090909;
    transform: translate(-50%,-50%) rotate(-45deg);
    top: 50%;
    left: 50%;
    clip-path: inset(0 0 100% 0);
}
.scheduleBg.view:before{
    clip-path: inset(0 0 0 0);
    transition:1s ease 0.7s;
}
.scheduleBox{
    position: relative;
}
.scheduleBox .inBox{
    padding: 100px 0 ;
}
.scheduleBox .inBox .innerBlock{
    border: 1px solid;
    padding: 160px 60px 60px;
    position: relative;
}
.scheduleBox .titBlock{
    position: absolute;
    top: -40px;
    left: 60px;
    margin: 0;
}
.scheduleBox h3{
    display: inline-block;
    background: #FFF;
    color: #000;
    padding: 10px 40px;
    font-size: 400%;
    font-family: 'Poppins', sans-serif;
}
.scheduleBox h4 {
    display: inline-block;
    background: #FFF;
    color: #000;
    padding: 10px 40px 15px;
    font-size: 160%;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
}
.scheduleBox .btnBase a{
    margin: 0 auto;
    width: 500px;
    background: #a37e46;
    color: #000;
    font-weight: 500;
}
.readmeBox{
    position: relative;
}
.readmeBox .inBox.readme{
    padding: 0;
}
.readmeBox .readmeBlock{

}
.readmeBox .readmeBlock .tit{
    text-align: center;
    margin: 0 0 40px;
}
.readmeBox .readmeBlock .btnList{
    display: flex;
    justify-content: center;
}
.readmeBox .readmeBlock .btnList li{
    padding: 0 20px;
}
.readmeBox .readmeBlock .btnList a{
    display: block;
    border: 2px solid;
    padding: 20px;
    text-align: center;
    font-size: 120%;
    width: 350px;
    color: #ffbe1d;
}
.scheduleBox .attentionBlock{
    background: rgba(0,0,0,0.3);
    padding: 60px;
    position: relative;
}
.scheduleBox .attentionBlock:before{
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    border-top: 15px solid #2a2a2a;
    border-left: 15px solid #2a2a2a;
}
.scheduleBox .attentionBlock:after{
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 150px;
    border-bottom: 15px solid #2a2a2a;
    border-right: 15px solid #2a2a2a;
}
.scheduleBox .attentionBlock .mainTit{
    text-align: center;
    margin: 0 0 40px;
    font-size: 180%;
}
.scheduleBox .attentionBlock .mainLead{
    margin: 0 0 20px;
}
.scheduleBox .op_schedule{
    margin: 0;
}
.scheduleBox .accordionList{
    max-width: 1200px;
    margin: 60px auto 0;
}
.scheduleBox .op_accord:last-child .accordionList{
    margin: 30px auto 0;
}
.scheduleBox .accordionList .accordionTit{
    background: #a37e46;
    color: #000;
    width: 60%;
    margin: 0 auto;
    transition: 0.5s ease;
    padding: 25px 25px 20px;
}
.scheduleBox .accordionList .accordionTit.open{
    width: 100%;
}
.scheduleBox .accordionList .accordionTit .txt{
    font-size: 140%;
}
.scheduleBox .accordionList .accordionDetail{
    background: #FFF;
    color: #000;
}
.scheduleBox .accordionList .accordionDetail > *{
margin: 0 0 20px;
}
.scheduleBox .accordionList .accordionDetail .tit{
    text-align: center;
}
.scheduleBox .accordionList .accordionDetail .txt{
    font-size: 90%;
    line-height: 1.5em;
}
.scheduleBox .accordionList .accordionDetail .txt.mainTxt{
    font-size: 100%;
    font-weight: 500;
}
.scheduleBox .accordionList .accordionDetail .lead{

}
.scheduleBox .accordionList .accordionDetail .lead > .cautionList{

}
.scheduleBox .accordionList .accordionDetail .innerArea{
    background: #3e3e3e;
    padding: 40px;
    color: #FFF;
    margin: 0 0 40px;
}
.scheduleBox .accordionList .accordionDetail .innerArea > *{
    margin: 0 0 40px;
}
.scheduleBox .accordionList .accordionDetail .innerArea > *:last-child{
    margin: 0;
}
.scheduleBox .accordionList .accordionDetail .innerArea .mark{
    color: #ffdd37;
}
.scheduleBox .accordionList .accordionDetail .leadList{

}

.scheduleBox .accordionList .accordionDetail .leadList dt{
    font-size: 120%;
    line-height: 1.5em;
    margin: 0 0 10px;
    font-weight: 600;
    border-left: 5px solid;
    padding: 0 0 0 10px;
}
.scheduleBox .accordionList .accordionDetail .leadList dd{
    margin: 0 0 10px;
}
.scheduleBox .accordionList .accordionDetail .attentionList{

}
.scheduleBox .accordionList .accordionDetail .attentionList dt{
    background: #000;
    display: inline-block;
    color: #FFF;
    padding: 5px 10px;
    margin: 0 0 10px;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd{
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 20px;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 5px;
    background: transparent;
    border-radius: 100px;
    border: 3px solid;
    box-sizing: border-box;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd.nomark{
    content: none;
    padding: 0;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd.nomark:before{
    content: none;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd:last-child{
    margin: 0;
}

.scheduleBox .accordionList .accordionDetail .attentionList dd > *{
    margin: 0 0 10px;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd > *:last-child{
    margin: 0;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd .txt{
    font-size: 90%;
    line-height: 1.5em;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd .miniList{

}
.scheduleBox .accordionList .accordionDetail .attentionList dd .miniList li{
    position: relative;
    font-size: 85%;
    margin: 0 0 5px;
    padding: 0 0 0 20px;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd .miniList li:last-child{
    margin: 0;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd .miniList li:before{
    content: "・";
    position: absolute;
    left: 0;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd .innerList{
    border-bottom: dashed 1px;
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd .innerList > *{
    margin: 0 0 10px;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd .innerList .innerTit{
    border-left: 5px solid;
    padding: 0 0 0 10px;
    font-weight: 600;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd .innerList .innerTxt{
    font-size: 90%;
}
.scheduleBox .accordionList .accordionDetail .attentionList dd .innerList .innerTxt span{
    display: block;
    margin: 10px 0 0;
}
.scheduleBox .accordionList .accordionDetail .strong{
    color: #dd0000;
}

.readmePop{

}

#readme02 .popInBox{
    background: #FFF5F5;
}
.readmePop .popInBox > *{
    margin: 0 0 20px;
}
.readmePop .popInBox > *:last-child{
    margin: 0;
}
.readmePop .popInBox  .attentionMark{
    text-align: center;
    display: flex;
    color: #ff6c6c;
    width: 80px;
    height: 80px;
    border: 4px solid;
    justify-content: center;
    align-items: center;
    font-size: 300%;
    margin: 0 auto 20px;
    border-radius: 200px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
}
.readmePop .tit{
    text-align: center;
    margin: 0 0 40px;
    font-size: 200%;
    line-height: 1.3em;
}
#readme02 .popInBox .tit{
    color: #ff6c6c;
}
.readmePop .tit span{
    display: block;
    font-size: 70%;
}
.readmePop .leadList{
    margin: 0 0 40px;
}
.readmePop .leadList li{
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 20px;
    font-size: 90%;
    line-height: 1.5em;
    color: #ff6c6c;
    font-weight: 500;
}
.readmePop .leadList li:last-child{
    margin: 0;
}
.readmePop .leadList li:before{
    content: "・";
    position: absolute;
    left: 0;
}
.readmePop .leadList li span{
    display: block;
    font-size: 90%;
    margin: 5px 0 0;
}
.readmePop .lead{
    font-size: 110%;
    font-weight: 500;
    line-height: 1.5em;
}
.readmePop .readmeDetailBlock{

}
.readmePop .readmeDetail{
    border-bottom: 1px solid;
    padding: 0 0 20px;
    margin: 0 0 20px;
    display: flex;
}
.readmePop .readmeDetail:last-child{
    margin: 0;
}
.readmePop .readmeDetail:first-child{
    border-top: 1px solid;
    padding-top: 20px;
}
.readmePop .readmeDetail dt{
    display: inline-block;
    color: #000;
    width: 200px;
    font-weight: 600;
    font-size: 90%;
}
.readmePop .readmeDetail dd{
    width: calc(100% - 200px);
    border-left: 1px solid;
    padding: 0 0 0 40px;
}
.readmePop .readmeDetail dd > *{
    margin: 0 0 10px;
}
.readmePop .readmeDetail dd > *:last-child{
    margin: 0;
}
.readmePop .readmeDetail dd .txt{
    font-weight: 500;
    font-size: 90%;
}

.readmePop .attentionList dt {
    background: #000;
    display: inline-block;
    color: #FFF;
    padding: 5px 10px;
    margin: 0 0 10px;
}
.readmePop .attentionList dd {
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 20px;
}
.readmePop .attentionList dd:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 5px;
    background: transparent;
    border-radius: 100px;
    border: 3px solid;
    box-sizing: border-box;
}
.readmePop .attentionList dd > * {
    margin: 0 0 10px;
}
.readmePop .attentionList dd > *:last-child {
    margin: 0;
}
.readmePop .attentionList dd .txt {
    font-size: 90%;
    line-height: 1.5em;
}


/* SCHEDULE:PC-min-770 */
@media screen and (min-width: 770px){
.scheduleBox .accordionList .accordionTit:hover{
    background: #ce9846;
    width: 100%;
}
}

/* SCHEDULE:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
.scheduleBox .inBox .innerBlock {
    padding: 160px 40px 60px;
}
.scheduleBox .scheduleCellList .scheduleDate {
    width: 13%;
    padding: 0 20px 0 0;
}
.scheduleBox .scheduleCellList .scheduleArea {
    width: 15%;
}
.scheduleBox .scheduleCellList .scheduleVenue {
    width: 30%;
}
.scheduleBox .scheduleCellList .scheduleTime {
    width: 23%;
}
.scheduleBox .scheduleCellList .scheduleInfo {
    width: 19%;
    padding: 0 0 0 20px;
}
.scheduleBox .accordionList .accordionTit {
    width: 100%;
}
.scheduleBox .readmeBlock .btnList a {
    width: 300px;
}

}

/* SCHEDULE:SP-max-769 */
@media screen and (max-width: 769px){

.scheduleBg:before {
    width: 120vw;
    height: 200vw;
}
.scheduleBox .inBox {
    padding: 60px 0;
}
.scheduleBox .inBox .innerBlock {
    padding: 100px 20px 20px;
}
.scheduleBox .titBlock {
    top: -20px;
    left: 20px;
}
.scheduleBox h3 {
    padding: 10px 20px;
    font-size: 200%;
}
.scheduleBox h4 {
    padding: 5px 20px 15px;
    font-size: 120%;
}
.scheduleBox .op_schedule {
    margin: 0 0 20px;
}
.scheduleBox .scheduleCellList .scheduleInfo {
    width: 100%;
    font-size: 100%;
    margin: 0;
    padding: 0;
}
.scheduleBox  .scheduleCellList .scheduleDate {
    padding: 0;
}
.scheduleBox  .scheduleCellList .scheduleDate .scheduleInner .txt{
    display: flex;
    align-items: baseline;
}
.scheduleBox  .scheduleCellList .scheduleDate .scheduleInner .txt span{
    background: transparent;
}
.scheduleBox  .scheduleCellList .scheduleDate .scheduleInner .txt span.sat{

}
.scheduleBox  .scheduleCellList .scheduleDate .scheduleInner .txt span.sun{

}
.scheduleBox .attentionBlock {
    padding: 25px 20px 20px;
}
.scheduleBox .attentionBlock:before {
    border-top: 5px solid #2a2a2a;
    border-left: 5px solid #2a2a2a;
}
.scheduleBox .attentionBlock:after {
    border-bottom: 5px solid #2a2a2a;
    border-right: 5px solid #2a2a2a;
}
.scheduleBox .attentionBlock .mainTit {
    font-size: 140%;
    margin: 0 0 20px;
}
.scheduleBox .accordionList {
    margin: 20px auto 0;
}
.scheduleBox .op_accord:last-child .accordionList {
    margin: 20px auto 0;
}
.scheduleBox .accordionList .accordionTit {
    width: 100%;
    padding: 20px 15px;
}
.scheduleBox .accordionList .accordionTit .txt {
    font-size: 100%;
}
.scheduleBox .accordionList .accordionDetail {
    padding: 20px;
}
.scheduleBox .accordionList .accordionDetail .txt{
    font-size: 80%;
    line-height: 1.5em;
}
.scheduleBox .accordionList .accordionDetail .txt.mainTxt {
    font-size: 90%;
    font-weight: 500;
    margin: 0 0 10px;
}
.scheduleBox .accordionList .accordionDetail .leadList dt {
    font-size: 90%;
    padding: 10px;
    line-height: 1.3em;
}
.scheduleBox .accordionList .accordionDetail > *:last-child{
    margin: 0;
}
.scheduleBox .accordionList .accordionDetail .attentionList dt {
    font-size: 90%;
}
.readmeBox .inBox.readme {
    padding: 0px 0;
}
.readmeBox .readmeBlock .tit {
    margin: 0 0 20px;
    font-size: 90%;
}
.readmeBox .readmeBlock .btnList {
    display: block;
}
.readmeBox .readmeBlock .btnList li {
    padding: 0;
    margin: 0 0 20px;
}
.readmeBox .readmeBlock .btnList li:last-child{
    margin: 0;
}
.readmeBox .readmeBlock .btnList a {
    width: 100%;
    box-sizing: border-box;
}

.readmePop .popInBox .attentionMark {
    width: 60px;
    height: 60px;
    font-size: 240%;
}
.readmePop .tit {
    text-align: center;
    margin: 0 0 20px;
    font-size: 140%;
}
.readmePop .leadList {
    margin: 0 0 20px;
}
.readmePop .lead {
    font-size: 90%;
}
.readmePop .readmeDetail {
    display: block;
}
.readmePop .readmeDetail dt {
    width: 100%;
    margin: 0 0 10px;
}
.readmePop .readmeDetail dd {
    width: 100%;
    border-left: none;
    padding: 0;
}
}


/*===================================================
  GOODS
====================================================*/
.goodsBg{
    z-index: 9;
    opacity:1;
}

.goodsBg:before{
    width: 50vw;
    height: 200vw;
    background: #181818;
    transform: translate(-50%,-50%) rotate(45deg);
    top: 50%;
    left: 80%;
    clip-path: inset(0 0 100% 0);
}
.goodsBg.view:before{
    clip-path: inset(0 0 0 0);
    transition:1s ease 0.7s;
}
.goodBg{
    z-index: 8;
}
.goodBg:before{
    width: 50vw;
    height: 100vw;
    background: #000;
    transform: rotate(45deg) translate(0,-25%);
    position: absolute;
    top: 0;
    right: 20%;
}
.goodsBox{
    position: relative;
    margin-bottom: 200px;
}
.goodsBox .ancPoint{
    position:relative;
}
.goodsBox .ancPoint span{
    position:absolute;
    top:-20px;
}
.goodsBox .inBox{
    padding: 100px 0;
}
.goodsBox .titBlock{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.goodsBox h3{
    font-family: 'Poppins', sans-serif;
    font-size: 520%;
}
.goodsBox h4 {
    font-family: 'Noto Serif JP', serif;
    position: relative;
    font-size: 240%;
}
.goodsBox h4:after{
    content: "";
    display: block;
    width: 20vw;
    height: 1px;
    background: #FFF;
    position: absolute;
    left: calc(100% + 40px);
    top: 50%;
}
.goodsBox .mainTit{
    text-indent: 0.5em;
    margin-left: -0.5em;
}
.goodsBox .mainLead{

}
.goodsBox .innerBlock{
    background: rgb(255 255 255 / 10%);
    padding: 100px 60px 60px;
    position: relative;
}
.goodsBox .innerBlock > *{
    margin: 0 0 20px;
}
.goodsBox .innerBlock > *:last-child{
    margin: 0;
}
.goodsBox .innerBox > *{
    margin: 0 0 20px;
}
.goodsBox .innerBox > *:last-child{
    margin: 0;
}
.goodsBox .innerTit{
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    font-size: 20px;
    background: rgb(255 255 255 / 100%);
    color: #000;
    font-weight: 500;
}
.goodsBox .cellBox{
    border: 1px solid;
    padding: 20px 0 0;
}
.goodsBox .cellList{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid;
    padding: 0 0 20px;
    margin: 0 0 20px;
}
.goodsBox .cellList:last-child{
    border-bottom: none;
    margin: 0;
}
.goodsBox .cellList dt{
    width: 50%;
    padding: 0 20px;
    text-align: center;
}
.goodsBox .cellList.cellWide dt{
    width: 35%;
}
.goodsBox .cellList dt a{
    position: relative;
    padding: 0 20px 0 0;
}
.goodsBox .cellList dt a span{
    position: absolute;
    display: block;
    height: 8px;
    width: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    right: 0;
    top: 40%;
    transform: translate(0,-50%) rotate(135deg);
}
.goodsBox .cellList dt .mini{
    font-size: 12px;
    font-weight: 700;
}
.goodsBox .cellList dd{
    width: 50%;
    padding: 0 20px;
    border-left: 1px solid;
    text-align: center;
}
.goodsBox .cellList.cellWide dd{
    width: 65%;
}
.goodsBox .cellList dd > *{

}
.goodsBox .cellList dd > *:last-child{

}
.goodsBox .subBlock{
    border-bottom: 1px dashed #666;
    padding: 0 0 60px;
    margin: 0 0 60px;
}
.goodsBox .subBlock:last-child{
    padding: 0;
    margin: 0;
    border: none;
}
.goodsBox .subBlock > *{
    margin: 0 0 20px;
}
.goodsBox .subBlock > *:last-child{
    margin: 0;
}
.goodsBox .subTit{
    font-size: 20px;
    padding: 10px;
    margin: 0 0 20px;
    font-weight: 600;
    background: #000;
    display: inline-block;
}
.goodsBox .leadList{

}
.goodsBox .leadList li:first-child{
    font-size: 20px;
    margin: 0 0 10px;
    text-indent: -10px;
}

.goodsBox .methodList{

}
.goodsBox .methodList li{
    margin: 0 0 10px;
    padding: 0 0 0 25px;
    position: relative;
}
.goodsBox .methodList li span{
    position: absolute;
    left: 0;
}


.goodsBox .sellTime{
    background: rgba(255,255,255,0.1);
    padding: 40px;
}
.goodsBox .sellTime > *{
    margin: 0 0 20px;
}
.goodsBox .sellTime > *:last-child{
    margin: 0;
}
.goodsBox .sellTime:last-of-type{
    margin: 0 0 60px;
}
.goodsBox .sellTime .txt{
    margin: 0 0 10px;
    border-left: 5px solid;
    padding: 0 0 0 10px;
}
.goodsBox .place{

}
.goodsBox .place span{
    display: inline-block;
    background: #FFF;
    color: #000;
    line-height: 1em;
    padding: 5px 10px 4px;
    margin: 0 10px 0 0;
    border-radius: 100px;
    font-weight: 600;
}


.goodsBox .attentionList{
    margin: 0 0 40px;
}
.goodsBox .attentionList dt{
    color: #FFF;
    font-size: 20px;
    padding: 10px;
    margin: 0 0 20px;
    font-weight: 600;
    background: #000;
    display: inline-block;
}
.goodsBox .attentionList dd{
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 20px;
}
.goodsBox .attentionList dd:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 5px;
    background: transparent;
    border-radius: 100px;
    border: 3px solid;
    box-sizing: border-box;
}
.goodsBox .attentionList dd:last-child{

}
.goodsBox .attentionList dd > *{
    margin:0 0 10px;
}
.goodsBox .attentionList dd > *:last-child{
    margin:0;
}
.goodsBox .payTxt{
    border-left: 5px solid;
    padding: 0 0 0 10px;
}
.goodsBox .payTxt span{
    font-size: 14px;
    font-weight: 500;
}
.goodsBox .lineupTit{
    font-size: 24px;
    border-bottom: 1px solid;
    padding: 0 0 20px;
    margin: 0 0 40px;
    font-weight: 500;
}
.goodsBox .lineupList{
    display: flex;
    flex-wrap: wrap;
}
.goodsBox .lineupList li .thumb{
    line-height: 0;
    margin: 0 0 10px;
    position: relative;
}
.goodsBox .lineupList li .live{
    display: inline-block;
    margin: 0 0 5px;
    line-height: 1em;
    background: #df9c37;
    padding: 5px 10px;
    border-radius: 100px;
    font-size: 12px;
}
.goodsBox .lineupList li .each{
    display: inline-block;
    margin: 0 0 5px;
    line-height: 1em;
    background: #3779df;
    padding: 5px 10px;
    border-radius: 100px;
    font-size: 12px;
}
.goodsBox .lineupList li .shop{
    display: inline-block;
    margin: 0 0 5px;
    line-height: 1em;
    background: #df4037;
    padding: 5px 10px;
    border-radius: 100px;
    font-size: 12px;
}
.goodsBox .lineupList li .start{
    display: inline-block;
    margin: 0 0 5px;
    line-height: 1em;
    background: #137c43;
    padding: 5px 10px;
    border-radius: 100px;
    font-size: 12px;
}
.goodsBox .lineupList li .name{
    font-size: 14px;
    line-height: 1.3em;
    margin: 0 0 5px;
}
.goodsBox .lineupList li .name span{
    color: #aaa;
    font-weight: 600;
    padding: 0 5px 0 0;
}
.goodsBox .lineupList li .price{
    font-size: 12px;
    font-weight: 600;
    color: #aaa;
}
.goodsBox .btnShop{
    padding: 60px 0 40px;
    display: block;
    text-align: center;
}
.goodsBox .btnShop a{
    display: block;
    margin: 0 auto;
    background: #a37e46;
    color: #FFF;
    font-weight: 500;
    font-size: 160%;
    width: 460px;
    border-radius: 10px;
    padding: 20px;
}

/* GOODS:PC-max-770 */
@media screen and (min-width: 770px){
.goodsBox .lineupList li{
    width: calc(100% / 3);
    margin-bottom: 20px;
}
.goodsBox .lineupList li:nth-child(3n + 1){
    padding: 0 10px 0 0;
}
.goodsBox .lineupList li:nth-child(3n + 2){
    padding: 0 5px 0;
}
.goodsBox .lineupList li:nth-child(3n + 3){
    padding: 0 0 0 10px;
}
}

/* GOODS:SP-max-769 */
@media screen and (max-width: 769px){
.goodsBg:before {
    width: 80vw;
    height: 300vw;
    top: 80%;
}
.goodsBox {
    margin-bottom: 0;
}
.goodsBox .inBox {
    padding: 60px 0;
}
.goodsBox h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 220%;
}
.goodsBox h4 {
    font-size: 140%;
}
.goodsBox h4:after {
    width: 15vw;
    left: calc(100% + 25px);
}
.goodsBox .mainTit {
    text-indent: 0;
    margin-left: 0;
    font-size: 16px;
}
.goodsBox .innerBlock {
    padding: 0;
}
.goodsBox .innerBox {
    padding: 0 20px 20px;
}
.goodsBox .innerTit {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
}
.goodsBox .subTit {
    font-size: 16px;
}
.goodsBox .cellBox {
    border: none;
    padding: 0;
}
.goodsBox .cellList {
    display: block;
    border: 1px solid;
    padding: 0;
}
.goodsBox .cellList:last-child {
    border-bottom: 1px solid;
}
.goodsBox .cellList dt {
    width: 100%;
    padding: 15px;
    text-align: left;
    border-bottom: 1px dashed;
}
.goodsBox .cellList.cellWide dt {
    width: 100%;
}
.goodsBox .cellList dt a {
    display: block;
}
.goodsBox .cellList dd {
    width: 100%;
    padding: 15px;
    border: none;
    text-align: left;
    line-height: 1.3em;
    font-size: 90%;
}
.goodsBox .cellList.cellWide dd {
    width: 100%;
}
.goodsBox .leadList li{
    font-size: 14px;
}
.goodsBox .leadList li:first-child {
    font-size: 18px;
}
.goodsBox .subBlock {
    padding: 0 0 40px;
    margin: 0 0 40px;
}
.goodsBox .sellTime {
    padding: 20px;
}
.goodsBox .sellTime:last-of-type {
    margin: 0 0 40px;
}
.goodsBox .place {
    margin: 0 0 10px;
}
.goodsBox .place span {
    margin: 0 10px 10px 0;
    font-size: 12px;
}
.goodsBox .payTxt {
    word-wrap: break-word;
}
.goodsBox .attentionList dt {
    font-size: 16px;
}
.goodsBox .lineupTit {
    font-size: 20px;
    padding: 0 0 20px;
    margin: 0 0 30px;
}
.goodsBox .lineupList li{
    width: 50%;
    margin-bottom: 20px;
}
.goodsBox .lineupList li:nth-child(odd){
    padding: 0 10px 0 0;
}
.goodsBox .lineupList li:nth-child(even){
    padding: 0 0 0 10px;
}
.goodsBox .lineupList li .name {
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 3px;
}

.goodsBox .lineupList li .live{
    font-size: 10px;
    letter-spacing: 0;
}
.goodsBox .lineupList li .each{
    font-size: 10px;
    letter-spacing: 0;
}
.goodsBox .lineupList li .shop{
    font-size: 10px;
    letter-spacing: 0;
}
.goodsBox .lineupList li .start{
    font-size: 10px;
    letter-spacing: 0;
    padding: 5px;
}


.goodsBox .lineupList li .price {
    font-size: 10px;
}
.goodsBox .btnShop {
    padding: 0 0 20px;
}
.goodsBox .btnShop a {
    font-weight: 500;
    font-size: 100%;
    width: 100%;
    border-radius: 10px;
    padding: 15px;
}
}