@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;
}

.soon {
    text-align: center;
}




/*===================================================
  FRAME
====================================================*/
html {}

.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;
    margin-bottom: 150px;
}
section .inBox{
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px;
    box-sizing: border-box;
    background: rgb(60 60 60 / 80%);
}
section .inBox > *{
    margin-bottom:40px;
}
section .inBox > *:last-child{
    margin-bottom:0;
}
.contentBg{
    width: 100%;
    height: 0;
    position: relative;
    z-index: 99;
    pointer-events: none;
}
.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;
}

section .inBox,
body .scheduleBox .attentionBlock{
    padding: 40px;
}

}

/* FRAME:SP-max-769 */
@media screen and (max-width: 769px){
html {}
    
.pc{display:none;}
.contentsWrap {
    overflow: hidden;
    padding: 80px 0 0;
}
section {
    padding: 0 20px;
    margin-bottom: 80px;
}
section .inBox,
body .scheduleBox .attentionBlock{
    padding: 20px;
}
section .inBox > * {
    margin-bottom: 20px;
}

}
/*===================================================
 ancPoint
====================================================*/
.ancPoint{
    position:relative;
}
.ancPoint span{
    position:absolute;
    top:-80px;
}

/*===================================================
  TEXT
====================================================*/
h3{
    font-size: 500%;
    line-height: 1em;
    font-family: 'Libre Baskerville', serif;
    font-weight: 100;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}
h4{
    font-size: 200%;
    line-height: 1em;
    font-family: "Noto Serif JP", serif;
    font-weight: 300;
}
.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;
}
.cautionList li.red{
    color: #dd0000;
}
.cautionList li.bold{
    font-weight: 700;
}
.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;
}
section .titBlock{
    max-width: 1200px;
    margin: 0 auto 30px;
}
.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(36 / 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{
    color: #0049aa;
}
.posBtn a:hover{
    filter: contrast(5);
    opacity: 1;
    color: #FFF;
}
.negBtn a:hover{
    background: #000;
    opacity: 1;
    color: #FFF;
}
.btnBase a:hover{
    opacity: 0.7;
}
}

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


/*===================================================
  NAVIGATION
====================================================*/
.navigation{
    position: relative;
    z-index: 200;
    transition: 0.5s ease;
}
.navigation .headerNav{
    opacity:0;
    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: 18px;
    color: #fff;
    display: inline-block;
    margin: 0 0 25px;
    line-height: 1em;
}
.navigation .headerNav li:last-child a{
    margin: 0 ;
}
.navigation .headerNav li a.blank{
    pointer-events: none;
    opacity: 0.3;
}



/* NAVIGATION:PC-min-770 */
@media screen and (min-width: 1201px){
.navigation .headerNav li a:hover{
    opacity:1;
    color: #0049aa;
}
.navigation .headerNav{
    position: fixed;
    top: 30px;
    right: 30px;
    text-align: right;
    transform-origin: top right;
}
.headerFix .navigation .headerNav{}
.navigation .navLogo{
    display: none;
}
}

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

.hamBtn {
    display: block;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 25px;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 9999;
    opacity: 0;
    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;
}
.headerFix .hamBtn span {
    background: #fff;
    transition: all 1s 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;
    transition-delay: 0s !important;
}
.navigation.active {
    transition: opacity 0.5s ease;
    pointer-events:auto;
    opacity:1!important;
}
.navigation .headerNav {
    display: block;
    padding: 30px 30px 45px;
}
.navigation .headerNav li {
    padding: 0;
    position: relative;
    margin: 0;
}
.navigation .headerNav li:after {
    content: none;
}
.navigation .headerNav li a{
    font-size: 125%;
    margin: 0 0 25px;
    color: #fff;
}
.navigation .navinLogo{
    padding: 60px 60px 0;
}
.navigation .navinSns{
    display: flex;
    padding: 0 30px;
}
.navigation .navinSns li{
    margin: 0 20px 0 0;
}
.navigation .navinSns li a{
    display: block;
    width: 20px;
}

.navigation .navLogo{
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 50%;
    max-width: 200px;
}
}


/*===================================================
  OP:LOADER
====================================================*/
.loader {
    position:fixed;
    height:100%;
    width:100%;
    top: 0;
    left: 0;
    z-index:99999;
    pointer-events: none;
}
.loader p {
    background-color: #000;
    transition: 1s ease;
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    left: 0;
}
.loader p:nth-child(1) {
    top: 0;
}
.loader p:nth-child(2) {
    bottom: 0;
}

/*===================================================
  clipAnim
====================================================*/
.clipAnim {
    clip-path: inset(0 0 0 100%);
}
.loaded .clipAnim {
    clip-path: inset(0 0 0 0);
}

/*===================================================
  OP:INVIEW
====================================================*/
section.delighter{
  opacity:0;
  transition:0.8s ease 0.3s;
}
section.delighter.started{
  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;
}



/* 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: #0049aa;
}
.op_news .newsList a{
    display: block;
    position: relative;
    margin: 0 0 20px;
}
.op_news .newsList a:last-child{
    margin: 0;
}
.op_news .newsList a.nolink{
    pointer-events: none;
}
.op_news .newsList a:before{
    content: "";
    position: absolute;
    width: 15%;
    height: 1px;
    bottom: 0;
    background: #0049aa;
    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 .newsMoreList{

}
.op_news .moreOpen{
    font-weight: 800;
    font-size: 90%;
    position: relative;
    cursor: pointer;
    display: inline-block;
    transition: 0.3s ease;
}
.op_news .moreOpen: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, -80%) rotate(135deg);
    transition:0.5s ease;
}
.op_news .moreOpen.open:after{
    transform: translate(0, -30%) rotate(-45deg);
}
.op_news .moreDetail{
    display:none;
    margin-bottom: 20px;
}



/* OP:NEWS:PC-min-770 */
@media screen and (min-width: 770px){
.op_news .newsList a:hover:before{
    width: 100%;
}
.op_news .moreOpen:hover{
    opacity: 0.7;
}
}


/* 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: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 .ticketBtn {
    padding: 25px 0 0;
}
.op_detail .ticketBtn a {
    margin: 0 auto;
    background: #0049aa;
    color: #FFF;
    font-weight: 600;
    font-size: 120%;
    max-width: 460px;
    width: 90%;
    border-radius: 10px;
    padding: 20px;
    display: block;
    text-align: center;
}


/* 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
}

.op_detail .ticketBtn {
    padding: 5px 0 0;
}
.op_detail .ticketBtn a {
    width: 100%;
    padding: 20px;
}

}
/*===================================================
  SNS
====================================================*/

.snsList {
    position: fixed;
    bottom: 30px;
    right: 30px;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.5s ease;
    z-index: 200;
    mix-blend-mode: difference;
    display: flex;
}
.snsList li{
    margin: 0 15px 0 0;
    transition: 0.5s ease;
}
.snsList li:last-child {
    margin: 0;
}
.snsList li a{
    display: block;
    font-size: 20px;
}
.headerFix .snsList li {
    opacity: 0;
}

/*== loaded ==========================================*/

/* VISUAL:PC-min-770 */
@media screen and (min-width: 1201px){}


/* VISUAL:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:1200px) {

}


/*  VISUAL:SP-max-769 */
@media screen and (max-width: 1200px){
.snsList {
    position: absolute;
    right: 60px;
    bottom: 30px;
    left: auto;
    top: auto;
    transform: none;
    opacity: 0;
    transition: 0.5s ease;
    z-index: 200;
    mix-blend-mode: difference;
    display: flex;
    display: none;
}
.snsList li {
    padding: 0 10px;
}
.snsList li:last-child{
    padding: 0 0 0 10px;
}
}


/*===================================================
  VISUAL
====================================================*/
.heroView{
    position: relative;
    z-index: 100;
    background: #000;
    overflow: hidden;
    min-height: 600px;
}
.heroView .action{
    opacity:0;
    transition:0.5s ease;
    pointer-events: none;
}
.heroView .act1{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #010622;
    z-index: -6;
}
.heroView .act2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/eikichiyazawa/official/feature/arena2025/image/ph_bg_0t6b1R0d.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 1s ease;
    z-index: -5;
}
.heroView .act3 {
    position: fixed;
    top: 0;
    right: 0;
    z-index: -4;
    width: 60%;
    height: 100%;
    overflow: clip;
}
.heroView .act3 p {
    display: block;
    width: 100%;
    height: 100%;
}
.heroView .act3 p img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top;
}
.heroView .act4 {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 0 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.heroView .act4 .mainLogo {
    position: fixed;
    left: 7.5%;
    top: 50%;
    width: 35%;
    max-width: 750px;
    line-height: 0;
    transition: 0.5s ease;
    transform: translate(-7.5%, -50%);
}
.heroView .act4 .mainLogo img {
    transition: 0.5s ease;
    transform: translateY(20px);
    opacity: 0;
    position: relative;
    z-index: 2;
}
.heroView .act4 .mainLogo .act5 {
    transition: 0.5s ease;
    opacity: 0;
}
.heroView .act4 .mainLogo .light {
    z-index: 1;
    position: absolute;
    background: #fff;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
}
.heroView .act4 .mainLogo .light.light01 {
    width: 20%;
    top: -8%;
    left: 5%;
    /*transform: translate(-5%, -8%);*/
}
.heroView .act4 .mainLogo .light.light02 {
    width: 15%;
    bottom: -7%;
    left: 60%;
    /*transform: translate(-60%, 7%);*/
    /*filter: blur(30px);*/
}
.heroView .act4 .mainLogo .light.light03 {
    width: 17%;
    top: -10%;
    right: -4%;
    /*transform: translate(-4%, 10%);*/
}

.heroView .act4 .mainLogo .light.light01 {animation: lightAnim01 2.9s infinite;}
.heroView .act4 .mainLogo .light.light02 {animation: lightAnim02 3.8s infinite;}
.heroView .act4 .mainLogo .light.light03 {animation: lightAnim03 3.3s infinite;}
@keyframes lightAnim01 {
    0% {
        opacity: 0;
        transform: translate(-5%, -8%) scale(0.9);
        box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9),
                    0px 0px 40px rgba(255, 255, 255, 0.9),
                    0px 0px 80px rgba(255, 255, 255, 0.75),
                    0px 0px 120px rgba(255, 255, 255, 0.75);
    }
    50% {
        opacity: 1;
        transform: translate(-5%, -8%) scale(1);
        box-shadow: 0px 0px 60px rgba(255, 255, 255, 0.9),
                    0px 0px 120px rgba(255, 255, 255, 0.9),
                    0px 0px 200px rgba(255, 255, 255, 0.75),
                    0px 0px 360px rgba(255, 255, 255, 0.75);
    }
    100% {
        opacity: 0;
        transform: translate(-5%, -8%) scale(0.9);
        box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9),
                    0px 0px 40px rgba(255, 255, 255, 0.9),
                    0px 0px 80px rgba(255, 255, 255, 0.75),
                    0px 0px 120px rgba(255, 255, 255, 0.75);
    }	
}
@keyframes lightAnim02 {
    0% {
        opacity: 0;
        transform: translate(-60%, 7%) scale(0.9);
        box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9),
                    0px 0px 30px rgba(255, 255, 255, 0.9),
                    0px 0px 60px rgba(255, 255, 255, 0.8),
                    0px 0px 90px rgba(255, 255, 255, 0.8);
    }
    50% {
        opacity: 1;
        transform: translate(-60%, 7%) scale(1);
        box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.9),
                    0px 0px 100px rgba(255, 255, 255, 0.9),
                    0px 0px 200px rgba(255, 255, 255, 0.8),
                    0px 0px 300px rgba(255, 255, 255, 0.8);
    }
    100% {
        opacity: 0;
        transform: translate(-60%, 7%) scale(0.9);
        box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9),
                    0px 0px 30px rgba(255, 255, 255, 0.9),
                    0px 0px 60px rgba(255, 255, 255, 0.8),
                    0px 0px 90px rgba(255, 255, 255, 0.8);
    }	
}
@keyframes lightAnim03 {
    0% {
        opacity: 0;
        transform: translate(-60%, 7%) scale(0.9);
        box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9),
                    0px 0px 30px rgba(255, 255, 255, 0.9),
                    0px 0px 60px rgba(255, 255, 255, 0.8),
                    0px 0px 90px rgba(255, 255, 255, 0.8);
    }
    50% {
        opacity: 1;
        transform: translate(-60%, 7%) scale(1);
        box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.9),
                    0px 0px 100px rgba(255, 255, 255, 0.9),
                    0px 0px 200px rgba(255, 255, 255, 0.8),
                    0px 0px 300px rgba(255, 255, 255, 0.8);
    }
    100% {
        opacity: 0;
        transform: translate(-60%, 7%) scale(0.9);
        box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9),
                    0px 0px 30px rgba(255, 255, 255, 0.9),
                    0px 0px 60px rgba(255, 255, 255, 0.8),
                    0px 0px 90px rgba(255, 255, 255, 0.8);
    }	
}

.credit{
    opacity: 0;
    position: fixed;
    right: 30px;
    bottom: 40px;
    text-align: center;
    transition: 0.5s ease;
    z-index: 999;
    pointer-events: none;
}
.credit .homeLogo{
    width: 100px;
    transition:0.5s ease;
}
.credit .creditTxt{
    font-size: 70%;
    transition:0.5s ease;
}

/*== loaded ==========================================*/
.loaded .heroView .action{
    opacity:1;
}
.loaded .heroView .act2{
    opacity: 0.05;
}
.loaded .heroView .act3 p img {}
.loaded .heroView .act4 .mainLogo img {
    opacity:1;
    transition-delay: 2s;
    transform: translateX(0px);
}
.loaded .heroView .act4 .mainLogo .act5 {
    transition-delay: 2.5s;
    opacity: 1;
}

.loaded .loader p:nth-child(1) {
    left: -100%;
    transition-delay: 1s;
}
.loaded .loader p:nth-child(2) {
    left: 100%;
    transition-delay: 1s;
}

.loaded .snsList,
.loaded .scrollBox,
.loaded .hamBtn,
.loaded .headerNav{
    opacity:1;
    transition-delay: 2.5s;
}


/*== headerFix ==========================================*/
/*
.headerFix  .heroView .act2{
    width: 0;
    transition: 0.3s ease 0s;
}
    */
.headerFix.loaded .heroView .act2{
    opacity: 0.25;
    transition-delay: 0s;
}
.headerFix .heroView .act3 {
    opacity: 0;
    transition-delay: 0s;
}
.headerFix .heroView .act4 {
    opacity: 0;
    transition-delay: 0s;
}



/*== scrolled ==========================================*/
.scrolled .headerNav{
    transition-delay: 0s;
}




/*== bottomFix ==========================================*/
.bottomFix .credit{
    opacity:1;
}
.bottomFix .credit .homeLogo,
.bottomFix .credit .creditTxt {
    opacity: 1;
}
.bottomFix .act6{
    opacity: 1;
}

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

}


/*  VISUAL:SP-max-769 */
@media screen and (max-width: 1200px){
.heroView{
    min-height: 450px;
}
.heroView .act3 {
        width: 70%;
}
.heroView .act3 p {}
.heroView .act4{}
.heroView .act4 .mainLogo {
        width: 40%;
}

.heroView .sns {
    position: absolute;
    left: 20px;
    width: 20px;
}
.heroView .sns .snsList li a {
    width: 20px;
}

body .scrollBox .scrollArrow {
    bottom: 20px;
    left: 25px;
}
body .scrollBox .scrollArrow .txt {
    line-height: 0;
}

.heroView .mainLogo {
    position: fixed;
    width: 200px;
    transform: none;
    top: calc(50% - 45px);
    left: calc(50% - 100px);
}

.heroView  .spNav{
    display: none;
}
/*== loaded ==========================================*/
.loaded .heroView .spNav {
    transition-delay: 2s;
    opacity: 1;
}

.loaded .navigation{
    transition-delay: 0s !important;
}

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

.scrolled .sns,
.scrolled .navigation,
.scrolled .heroView .act7{
    transition-delay: 0s;
}

}


/* VISUAL:TAB-770-960 */
@media screen and (min-width:770px) and ( max-width:1200px) {}


@media screen and (min-width: 770px) {

    /*
    .heroView .act4 .mainLogo.mainLogo01 {
        display: block;
    }
    .heroView .act4 .mainLogo.mainLogo02 {
        display: none;
    }
    */

    .heroView .act3 p.sp {
        display: none;
    }

}
@media screen and (max-width: 769px) {
    .heroView .act2 p {}

    .heroView .act3 {
        width: 100%;
    }
    .heroView .act3 p {}
    .heroView .act3 p.pc {
        display: none;
    }
    .heroView .act3 p img {
        object-position: 70% center;
    }

    /*
    .heroView .act4 .mainLogo.mainLogo01 {
        display: none;
    }
    .heroView .act4 .mainLogo.mainLogo02 {
        display: block;
    }
    */
    .heroView .act4 .mainLogo {
        max-width: 300px;
        width: 70%;
        left: 45%;
        transform: translate(-45%, -90%);
        top: 90%;
    }

    .heroView .act4 .mainLogo .light {}
    .heroView .act4 .mainLogo .light.light01 {}
    .heroView .act4 .mainLogo .light.light02 {}
    .heroView .act4 .mainLogo .light.light03 {}

}



/*===================================================
  SCROLLDOWN
====================================================*/
.scrollBox {
    position: fixed;
    width: 100%;
    height: 100svh;
    top: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: 0.5s ease;
}
.scrollBox .scrollArrow {
    position: absolute;
    left: 30px;
    bottom: 30px;
    transition: 0.5s ease;
}
.scrollBox .scrollArrow .txt {
    line-height: 1;
    writing-mode: vertical-rl;
    padding: 0 0 15px 0;
    color: #fff;
    font-weight: bold;
}
.scrollBox .scrollArrow span {
    display: block;
    width: 1px;
    height: 60px;
    z-index: 1;
    background: #fff;
    animation: scrollarrow 3s cubic-bezier(.19,1,.22,1) 0.5s infinite;
}
@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);}
}
.headerFix .scrollBox .scrollArrow {
    opacity: 0;
}


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

.heroView .sd {
    display:none;
}

.scrollBox .scrollArrow {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

}


/*===================================================
  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: 100;
}
footer .homeLogo{
    width: 40%;
    margin: 0 auto 10px;
}
.credit {
    display:none;
}
footer .creditTxt{
    text-align: center;
    font-size: 70%;
}
}



/*===================================================
  NEWS
====================================================*/
.newsBox{
    position: relative;
    padding: 0 100px 0;
}
.newsBox .inBox{
    position: relative;
}
.newsBox .titBlock{}
.newsBox .op_news {
    margin: 0;
    position: relative;
    padding: 0;
}
.newsBox .bnr{
    max-width: 600px;
    margin: 0 auto;
    padding: 0 0 100px;
}
.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 {}
.newsPop .newsBody .txt a {
    text-decoration: underline;
}
.newsBox .bnr a:hover{
    opacity:0.7;
}
/* NEWS:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
.newsBox {
    padding: 0 40px;
}
.newsBox .bnr {
    max-width: 1200px;
    padding: 0 80px 0;
}

}
/*  NEWS:SP-max-769 */
@media screen and (max-width: 769px){
.newsBox {
    position: relative;
    padding: 0 20px;
}
.newsBox:before {
    width: calc(100% - 20px);
}
.newsBox .inBox{}
.newsBox .op_news {
    width: 100%;
    padding: 0;
}
.newsBox .op_news:before {
    content: none;
}
.newsBox .titBlock {

}
.newsBox h3 {}
.newsBox h4 {}
.newsPop .date {
    font-size: 100%;
}
.newsPop .tit {
    font-size: 110%;
}
.newsBox .bnr {
    padding: 0 20px 60px 0;
}
.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
====================================================*/
.attentionBg:before{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/eikichiyazawa/official/feature/fighton/images/bg_01.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: 1s;
}
.attentionBg.started:before{
    opacity: 1;
}
.scheduleBox.attentionBox:before {
    content: none;
}

.scheduleBox .dateBox {
    display: flex;
    justify-content: center;
}
.scheduleBox .dateBox .dateDetail {
    width: 50%;
    text-align: center;
    border-right: 1px solid;
    padding: 0 20px;
}
.scheduleBox .dateBox .dateDetail:last-child {
    border: none;
}
.scheduleBox .dateBox .dateDetail .date {
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 10px;
}
.scheduleBox .dateBox .dateDetail .date span {
    font-size: 16px;
    padding: 0 2px;
}
.scheduleBox .dateBox .dateDetail .date span:last-child {
    padding: 0 0 0 2px;
}
.scheduleBox .dateBox .dateDetail .time {
    margin: 0 0 15px;
}
.scheduleBox .dateBox .dateDetail .time span {
    font-size: 12px;
    margin: 0 10px 0 0;
}
.scheduleBox .dateBox .dateDetail .place {
    font-weight: bold;
    font-size: 20px;
}

.attentionBox{
    position: relative;
    padding: 0 100px 0;
}
.attentionBox .inBox{
    padding: 0;
    margin: 0 auto;
    position: relative;
}
.scheduleBox.attentionBox .inBox:last-child {
    padding: 0 0 20px;
}
.attentionBox .titBlock{

}

.attentionBox .titBlock h3{

}
.attentionBox .titBlock h4{

}
.attentionBox .innerArea{
    width: 100%;
    background: #131313;
    padding: 80px;
    position: relative;
}
.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;
    background: #FFF;
    padding: 30px 30px 0;
}
.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){

.scheduleBox .dateBox {
    flex-wrap: wrap;
}
.scheduleBox .dateBox .dateDetail {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid;
    margin: 0 0 20px;
    padding: 0 0 20px;
    text-align: left;
}
.scheduleBox .dateBox .dateDetail:last-child {
    margin: 0;
    padding: 0;
}
.scheduleBox .dateBox .dateDetail .date {
    font-size: 24px;
    margin: 0 0 5px;
}
.scheduleBox .dateBox .dateDetail .date span {
    font-size: 14px;
}
.scheduleBox .dateBox .dateDetail .date span:last-child {}
.scheduleBox .dateBox .dateDetail .time {
    font-size: 14px;
    margin: 0 0 5px;
}
.scheduleBox .dateBox .dateDetail .time span {
    font-size: 10px;
}
.scheduleBox .dateBox .dateDetail .place {
    font-size: 16px;
}

.scheduleBox.attentionBox {
    position: relative;
    padding: 0 20px;
    margin-bottom: 80px;
}

.attentionBox .inBox {}
.attentionBox .titBlock{
    margin-bottom: 20px;
}
.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.view:before{

}
.ticketBox{
    position: relative;
}
.ticketBox .inBox{}

.ticketBox .priceList {
    display: flex;
    justify-content: center;
}
.ticketBox .priceList li {
    width: 25%;
    line-height: 1;
    display: flex;
    background: #0049aa;
    flex-direction: column;
    border: 1px solid;
    margin-right: 20px;
}
.ticketBox .priceList li.normal {
    background: #07162a;
}
.ticketBox .priceList li:last-child {
    margin-right: 0;
}
.ticketBox .priceList li .blueBox {
    width: 100%;
    line-height: 1;
}
.ticketBox .priceList li .seat {
    background: #fff;
    color: #0049aa;
    text-align: center;
    font-weight: bold;
    padding: 15px 10px;
    margin: 0 0 20px;
}
.ticketBox .priceList li.normal .seat {
    color: #07162a;
}
.ticketBox .priceList li .rank {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px;
}
.ticketBox .priceList li:nth-child(1) .rank {
    padding: 10px 0 0;
}
.ticketBox .priceList li:nth-child(1) .price {
    padding: 0px 0 29px;
}
.ticketBox .priceList li .rank span {
    display: block;
    font-size: 14px;
    padding: 5px 0 0;
}
.ticketBox .priceList li .price {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px dashed #ffffff50;
}
.ticketBox .priceList li .price span {
    font-size: 14px;
    padding: 0 0 0 5px;
}
.ticketBox .priceList li .detailBox {
    margin: 0 0 20px;
    padding: 0 20px 20px;
    border-bottom: 1px dashed #ffffff50;
}
.ticketBox .priceList li .detailBox:last-child {
    margin: 0;
    border: none;
}
.ticketBox .priceList li .detailBox .tit {
    font-size: 16px;
    border-left: 3px solid;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    position: relative;
}
.ticketBox .priceList li .detailBox .tit span {
    font-size: 14px;
    color: #ffffff;
    background: #31B4C7;
    padding: 3px 6px;
    margin: 0 0 0 5px;
}
.ticketBox .priceList li .detailBox .txt {
    font-size: 14px;
    line-height: 1.5;
}
.ticketBox .priceList li .detailBox .txt p {
    margin-bottom: 5px;
}
.ticketBox .priceList li .detailBox .txt p:last-child {
    margin-bottom: 0;
}
.ticketBox .priceList li .detailBox .txt p.indent {
    text-indent: -1em;
    padding: 0 0 0 1em;
}
.ticketBox .priceList li .detailBox .txt .target {
    width: 100%;
    text-align: center;
    padding: 5px 10px;
    border-radius: 100px;
    font-size: 12px;
    margin: 0 0 7px;
    font-weight: bold;
}
.ticketBox .priceList li .detailBox .txt .target.s {
    padding: 2px 0px;
    font-weight: 400;
}
.ticketBox .priceList li .detailBox .txt .target.s span {
    font-size: 16px;
    font-weight: bold;
    color: #ffbe1d;
}
.ticketBox .priceList li .detailBox .txt .target.w {
    background: #ffffff;
    color: #0049aa;
}
.ticketBox .priceList li.normal .detailBox .txt .target.w {
    color: #0a142a;
}
.ticketBox .priceList li .detailBox .txt .target.club {
    background: #DE0515;
}
.ticketBox .priceList li .detailBox .txt .target.e {
    background: #947D3F;
}
.ticketBox .priceList li .detailBox .txt .target.normal {
    border: 1px solid;
}
.ticketBox .priceList li .detailBox .txt .target.unknow {
    opacity: 0;
    pointer-events: none;
}
.ticketBox .priceList li .detailBox .txt .target:last-child {
    margin-bottom: 0;
}
.ticketBox .priceList li .detailBox .itemList {}
.ticketBox .priceList li .detailBox .itemList li {
    margin-bottom: 5px;
    display: flex;
    width: 100%;
    flex-direction: row;
    line-height: 1.5;
    background: none;
}
.ticketBox .priceList li .detailBox .itemList li:last-child {
    margin-bottom: 0;
}
.ticketBox .priceList li .detailBox .itemList li span {
    display: flex;
    margin: 0 5px 0 0;
    font-size: 70%;
    border: 1px solid;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}
.ticketBox .priceList li .detailBox .itemList li p {
    width: calc(100% - 25px);
    font-size: 14px;
}

.ticketBox .exBox {}
.ticketBox .exBox.accord {
    margin: 0 auto 60px;
}
.ticketBox .exBox .up {
    padding: 20px;
    margin: 0 0 20px;
    border: 1px solid;
}
.ticketBox .exBox .up:last-child {
    margin-bottom: 0;
}
.ticketBox .exBox .up .tit {
    margin: 0 0 10px;
    line-height: 1.5em;
    font-weight: 600;
    font-size: 140%;
}
.ticketBox .exBox .up .txt {
    margin: 0 0 10px;
}
.ticketBox .exBox .up .txt:last-child {
    margin-bottom: 0;
}
.ticketBox .exBox .up .note {
    margin-bottom: 20px;
    text-indent: -1em;
    padding: 0 0 0 1em;
    font-size: 14px;
}
.ticketBox .exBox .up .upDetail {
    margin: 0 0 20px;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px dashed #ffffff50;
}
.ticketBox .exBox .up .upDetail:first-of-type {
    padding: 20px 0;
    border-top: 1px dashed #ffffff50;
}
.ticketBox .exBox .up .upDetail:last-child {
    margin: 0;
    padding: 0;
    border: none;
}
.ticketBox .exBox .up .upDetail .detailTit {
    font-weight: bold;
    border-left: 3px solid;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
}
.ticketBox .exBox .up .upDetail .detailTxt {}
.ticketBox .exBox .up .upDetail .detailTxt li {
    margin: 0 0 10px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.ticketBox .exBox .up .upDetail .detailTxt li:last-child {
    margin-bottom: 0;
}
.ticketBox .exBox .up .upDetail .detailTxt li span.seat {
    background: #31B4C7;
    color: #fff;
    width: 75px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    border-radius: 100px;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 1;
    padding: 5px 0;
}
.ticketBox .exBox .up .upDetail .detailTxt li span.underline {
    text-decoration: underline;
}
.ticketBox .exBox .up .upDetail .detailTxt li p {
    width: calc(100% - 85px);
}
.ticketBox .exBox .up .upDetail .detailTxt li p.items {}
.ticketBox .exBox .up .upDetail .detailTxt li p.items span {
    display: block;
    text-indent: -1em;
    padding: 0 0 0 1em;
    margin: 0 0 5px;
}
.ticketBox .exBox .up .upDetail .detailTxt li p.items span:last-child {
    margin: 0;
}
.ticketBox .exBox .up .upDetail .detailTxt li .listBox {
    width: calc(100% - 85px);
    margin: 0 0 10px;
}
.ticketBox .exBox .up .upDetail .detailTxt li:last-child .listBox {
    margin-bottom: 0;
}
.ticketBox .exBox .up .upDetail .detailTxt li .listBox li {
    width: 100%;
    margin: 0 0 5px;
    display: flex;
}
.ticketBox .exBox .up .upDetail .detailTxt li .listBox li:last-child {
    margin-bottom: 0;
}
.ticketBox .exBox .up .upDetail .detailTxt li .listBox li span {
    display: flex;
    margin: 0 5px 0 0;
    font-size: 70%;
    border: 1px solid;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}
.ticketBox .exBox .up .upDetail .detailTxt li .listBox li p {
    width: calc(100% - 25px);
}
.ticketBox .exBox .up .upDetail .detailTxt ul li:last-child {
    margin-bottom: 0;
}
.ticketBox .exBox .op_accord .accordionList .accordionTit {
    background: #31B4C7;
    color: #fff;
    width: 460px;
    margin: 0 auto;
    transition: 0.5s ease;
    padding: 20px 25px 20px;
    font-size: 120%;
}
.ticketBox .exBox .op_accord .accordionList .accordionTit.open {
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.ticketBox .exBox .op_accord .accordionList .accordionDetail {
    background: #FFF;
    color: #000;
    padding: 40px;
    border-radius: 0 0 10px 10px;
}
.ticketBox .exBox .otherBox {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px dashed #000;
}
.ticketBox .exBox .accordionDetail .otherBox:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.ticketBox .exBox .otherBox .tit {
    font-size: 18px;
    border-left: 3px solid;
    padding: 0 0 0 10px;
    margin: 0 0 15px;
}
.ticketBox .exBox .otherBox .seatList {}
.ticketBox .exBox .otherBox .seatList li {
    margin: 0 0 10px;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.ticketBox .exBox .otherBox .seatList li:last-child {
    margin: 0;
}
.ticketBox .exBox .otherBox .seatList li span {}
.ticketBox .exBox .otherBox .seatList li span.seat {
    background: #31B4C7;
    color: #fff;
    width: 75px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    border-radius: 100px;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 1;
    padding: 5px 0;
}
.ticketBox .exBox .otherBox .seatList li span.sml {
    font-size: 12px;
    padding: 0 0 0 5px;
}
.ticketBox .exBox .otherBox .seatList li .txtBox {
    width: calc(100% - 85px);
}
.ticketBox .exBox .otherBox .seatList li p {
    width: calc(100% - 85px);
}
.ticketBox .exBox .otherBox .seatList li p:last-child {}
.ticketBox .exBox .otherBox .seatList li .txtBox p {
    width: 100%;
    margin-bottom: 5px;
}
.ticketBox .exBox .otherBox .seatList li .txtBox p:last-child {
    margin-bottom: 0;
}
.ticketBox .exBox .otherBox .seatList li .txtBox .sml {}
.ticketBox .exBox .otherBox .seatList li .txtBox .indent {
    text-indent: -1em;
    padding: 0 0 0 1em;
}
.ticketBox .exBox .otherBox .txt {
    margin-bottom: 10px;
}
.ticketBox .exBox .otherBox .txt:last-child {
    margin-bottom: 0;
}
.ticketBox .exBox .otherBox .attList {
    list-style: none;
    margin-bottom: 20px;
}
.ticketBox .exBox .otherBox .attList:last-child {
    margin-bottom: 0;
}
.ticketBox .exBox .otherBox .attList li {
    text-indent: -1em;
    padding: 0 0 0 1em;
    margin-bottom: 5px;
    font-size: 90%;
}
.ticketBox .exBox .otherBox .attList li:last-child {
    margin-bottom: 0;
}
.ticketBox .exBox .otherBox .attTxt {
    font-size: 90%;    
}
.ticketBox .exBox .otherBox .howBox {
    margin: 0 0 20px;
}
.ticketBox .exBox .otherBox .howBox:last-child {
    margin: 0;
}
.ticketBox .exBox .otherBox .howBox .boxTIt {
    margin: 0 0 5px;
    text-indent: -2em;
    padding: 0 0 0 2em;
}
.ticketBox .exBox .otherBox .howBox .boxTIt span {
    background: #31B4C7;
    border-radius: 100px;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
    width: 23px;
    height: 23px;
    display: inline-block;
    text-align: center;
    margin: 0 10px 0 0;
    text-indent: 0;
}
.ticketBox .exBox .otherBox .howBox .boxTIt p {}
.ticketBox .exBox .otherBox .howBox .boxTIt a {
    text-decoration: underline;
}
.ticketBox .exBox .otherBox .howBox .note {
    text-indent: -1em;
    padding: 0 0 0 1em;
    font-size: 90%;
}
.ticketBox .exBox .otherBox .howBox .note:last-child {}

/*
.ticketBox .btnBuy a{
    margin: 0 auto;
    background: #9a0000;
    color: #FFF;
    font-weight: 600;
    font-size: 120%;
    width: 460px;
    border-radius: 10px;
    padding: 20px;
}
.ticketBox .btnGuide a{
    margin: 0 auto;
    color: #FFF;
    font-weight: 600;
    font-size: 120%;
    width: 300px;
    border-radius: 100px;
    padding: 15px;
    border: 1px solid;
    background: transparent;
}
*/

.ticketBox .ticketList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 60px;
    position: relative;
}
.ticketBox .ticketList .ankTicket {
    position: absolute;
    display: block;
    pointer-events: none;
    z-index: -1;
    top: -60px;
}
.ticketBox .ticketList li {
    width: calc(50% - 10px);
    max-width: 460px;
    position: relative;
    margin: 0 auto 20px;
}
.ticketBox .ticketList li:last-child {
    margin: 0 auto;
}
.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 .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: 120%;
    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{
    padding: 20px 40px;
    text-align: center;
    font-size: 120%;
    background: #31B4C7;
    color: #FFF;
    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;
}

.ticketBox .op_accord{
    margin: 0;
}
.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;
}
.ticketPop .cautionList li a{
    text-decoration: underline;
}
.ticketBox .btnBuy a{
    margin: 0 auto;
    background: #0049aa;
    color: #FFF;
    font-weight: 600;
    font-size: 110%;
    width: 460px;
    border-radius: 10px;
    padding: 20px;
}
.ticketBox .btnGuide a{
    margin: 0 auto;
    color: #FFF;
    font-weight: 600;
    font-size: 120%;
    width: 300px;
    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 .guideAdd{
    margin: 0 auto 40px;
    padding: 60px;
    background: #ffeaea;
    width: calc(100% - 120px);
}
.guidePop .guideAdd .addInennr{
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 20px;
}
.guidePop .guideAdd .addInennr:before{
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #000;
}
.guidePop .guideAdd .addInennr .addTxt{
    margin: 0 0 10px;
}
.guidePop .guideAdd .addInennr .addTxt:last-child{
    margin: 0;
}
.guidePop .guideAdd .addInennr .red{
    color:#dd0000;
}
.guidePop .guideAdd .addInennr:last-child{
    margin: 0 
}
.guidePop .guideAdd .addInennr .ddTxt{

}

.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: #0049aa;
}

.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: #4dc9dc;
    color:#FFF;
}

.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{}

.op_detail .ticketBtn a:hover {
    opacity: 0.7;
}

}

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

    .ticketBox .priceList li {
        width: 30%;
    }

}


@media screen and (min-width: 770px) and ( max-width:1200px) {}

/*  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){
.ticketBox {
    opacity: 1 !important;
}
.ticketBox:before{
    width: calc(100% - 20px);
}
.ticketBg:before {

}

.ticketBox .inBox {}

.ticketBox .priceList {
    flex-wrap: wrap;
}
.ticketBox .priceList li {
    width: 100%;
    margin: 0 0 10px;
}
.ticketBox .priceList li:last-child {
    margin-bottom: 0;
}
.ticketBox .priceList li .seat {}
.ticketBox .priceList li .blueBox {}
.ticketBox .priceList li .rank {}
.ticketBox .priceList li .rank span {}
.ticketBox .priceList li:nth-child(1) .rank {
    padding: 0;
}
.ticketBox .priceList li .price {}
.ticketBox .priceList li .price span {}
.ticketBox .priceList li:nth-child(1) .price {
    padding: 0 0 20px;
}
.ticketBox .priceList li .detailBox {}
.ticketBox .priceList li .detailBox:last-child {}
.ticketBox .priceList li .detailBox .tit {
    font-size: 14px;
}
.ticketBox .priceList li .detailBox .txt {}
.ticketBox .priceList li .detailBox .txt .target {
    padding: 8px 10px;
}
.ticketBox .priceList li .detailBox .txt .target.club {}
.ticketBox .priceList li .detailBox .txt .target.e {}
.ticketBox .priceList li .detailBox .txt .target.normal {}
.ticketBox .priceList li .detailBox .txt .target.unknow {
    display: none;
}
.ticketBox .priceList li .detailBox .itemList {}
.ticketBox .priceList li .detailBox .itemList li {}
.ticketBox .priceList li .detailBox .itemList li:last-child {}
.ticketBox .priceList li .detailBox .itemList li span {}
.ticketBox .priceList li .detailBox .itemList li p {}

.ticketBox .exBox {}
.ticketBox .exBox.accord {
    margin: 0 auto 30px;
}
.ticketBox .exBox .up {}
.ticketBox .exBox .up .tit {
    font-size: 14px;
}
.ticketBox .exBox .up .txt {}
.ticketBox .exBox .up .note {
    margin-bottom: 15px;
    font-size: 12px;
}
.ticketBox .exBox .up .upDetail {}
.ticketBox .exBox .up .upDetail:last-child {}
.ticketBox .exBox .up .upDetail .detailTit {
    font-size: 14px;
}
.ticketBox .exBox .up .upDetail .detailTxt {
    font-size: 80%;
}
.ticketBox .exBox .up .upDetail .detailTxt li {
    flex-direction: column;
}
.ticketBox .exBox .up .upDetail .detailTxt li span.seat {
    margin: 0 0 5px;
}
.ticketBox .exBox .up .upDetail .detailTxt li p {
    width: 100%;
}
.ticketBox .exBox .up .upDetail .detailTxt li .listBox {
    width: 100%;
    margin: 0 0 0px;
}
.ticketBox .exBox .up .upDetail .detailTxt li .listBox li {
    flex-direction: row;
}
.ticketBox .exBox .up .upDetail .detailTxt li .listBox p {}
.ticketBox .exBox .up .upDetail .detailTxt li .listBox p:last-child {}
.ticketBox .exBox .up .upDetail .detailTxt li .listBox p span {}
.ticketBox .exBox .up .upDetail .detailTxt p {}
.ticketBox .exBox .up .upDetail .detailTxt p:last-child {}

.ticketBox .exBox .op_accord .accordionList .accordionTit {
    width: 100%;
    max-width: 460px;
    padding: 15px 40px 15px 15px;
}
.ticketBox .exBox .op_accord .accordionList .accordionTit.open {
    max-width: 100%;
}
.ticketBox .exBox .op_accord .accordionList .accordionDetail {
    padding: 20px;
}
.ticketBox .exBox .otherBox {
    font-size: 14px;
    padding: 0 0 15px;
}
.ticketBox .exBox .otherBox:last-child {}
.ticketBox .exBox .otherBox .tit {
    font-size: 14px;
}
.ticketBox .exBox .otherBox .seatList {}
.ticketBox .exBox .otherBox .seatList li {
    flex-direction: column;
}
.ticketBox .exBox .otherBox .seatList li:last-child {}
.ticketBox .exBox .otherBox .seatList li .txtBox {
    width: 100%;
}
.ticketBox .exBox .otherBox .seatList li span {}
.ticketBox .exBox .otherBox .seatList li span.seat {
    margin: 0 0 10px;
}
.ticketBox .exBox .otherBox .seatList li span.sml {}
.ticketBox .exBox .otherBox .seatList li p {
    width: 100%;
}
.ticketBox .exBox .otherBox .seatList li p:last-child {}
.ticketBox .exBox .otherBox .seatList li .sml {}
.ticketBox .exBox .otherBox .txt {
    font-size: inherit;
}
.ticketBox .exBox .otherBox .attList {
    margin-bottom: 10px;
}
.ticketBox .exBox .otherBox .attList:last-child {}
.ticketBox .exBox .otherBox .attList li {}
.ticketBox .exBox .otherBox .attList li:last-child {}
.ticketBox .exBox .otherBox .howBox {}
.ticketBox .exBox .otherBox .howBox .boxTIt {}
.ticketBox .exBox .otherBox .howBox .boxTIt span {}
.ticketBox .exBox .otherBox .howBox .boxTIt p {}
.ticketBox .exBox .otherBox .howBox .boxTIt a {
    word-break: break-word;
}
.ticketBox .exBox .otherBox .howBox .note {}
.ticketBox .exBox .otherBox .howBox .note:last-child {}

.ticketBox .btnBuy a {
    width: 100%;
    max-width: 460px;
    font-size: 120%;
    padding: 20px;
}

.ticketBox .btnGuide a {
    font-size: 110%;
    width: 80%;
    max-width: 300px;
    border-radius: 100px;
    padding: 10px;
}

.ticketBox .btnBuy a{
    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 .ankTicket {
    top: -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%;
    line-height: 1.3em;
}
.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 .guideAdd {
    margin: 0 auto 20px;
    padding: 20px;
    width: calc(100% - 40px);
}
.guidePop .guideAdd .addInennr .addTxt {
    margin: 0 0 5px;
    font-size: 90%;
}
.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:before{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/eikichiyazawa/official/feature/fighton/images/bg_02.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: 1s ease;
}
.scheduleBg.started:before{
    opacity: 1;
}
.scheduleBg.view:before{
    clip-path: inset(0 0 0 0);
    transition:1s ease 0.7s;
}
.scheduleBox{
    position: relative;
}

.scheduleBox .inBox {}

.scheduleBox .inBox .tourDateBox {}

.scheduleBox .inBox .tourDateBox .tourDateList.listHead {
    padding: 0 0 10px;
}
.scheduleBox .inBox .tourDateBox .tourDateList.listHead li {
    justify-content: center;
    font-size: 70%;
    font-weight: 600;
}
.scheduleBox .inBox .tourDateBox .tourDateList.listHead li:after {
    display: none;
}
.scheduleBox .inBox .tourDateBox .listHead .scheduleInfo {
    justify-content: center!important;
    font-size: 100%;
}

.scheduleBox .inBox .tourDateBox .tourDateList {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #fff;
    padding: 0 0 15px;
    margin: 0 0 15px;
    position: relative;
}
.scheduleBox .inBox .tourDateBox .tourDateList:last-child {
    margin: 0;
}
.scheduleBox .inBox .tourDateBox .tourDateList li {
    padding: 0 15px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 90%;
    line-height: 1.5em;
}
.scheduleBox .inBox .tourDateBox .tourDateList li:after{
    content: "";
    position: absolute;
    background: #fff;
    top: 5%;
    right: 0;
    width: 1px;
    height: 90%;
} 
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleDate {
    width: 15%;
    position: relative;
}

.scheduleBox .inBox .tourDateBox .tourDateList .scheduleDate .day {
    font-size: 150%;
    padding: 0 5px 0 0;
    font-weight: bold;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleDate .week {
    width: 33px;
    display: inline-block;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleDate .week.sat {
    color: #438bea;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleDate .week.sun {
    color: #d64040;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleVenue {
    width: 38%;
    text-align: center;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleTime {
    width: 17%;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleInfo {
    width: 30%;
    justify-content: left;
    font-size: 70%;
    padding: 0 0 0 20px;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleInfo:after {
	display: none;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleInfo .scheduleInner i {
	padding: 0 3px 0 0;
	display: inline-block;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleInfo .scheduleInner .txt span {
    display: block;
    padding: 2px 0 0;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleInfo .scheduleInner .txt .phone,
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleInfo .scheduleInner .txt .web {
	text-decoration: underline;
    display: inline-block;
    margin: 0 5px 0 0;
    word-break: break-all;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleInfo .scheduleInner .txt span .webInquiry {
	border-bottom: 1px solid;
}

.scheduleBox h3{

}
.scheduleBox h4 {

}
.scheduleBox .btnBase a{
    margin: 0 auto;
    width: 500px;
    background: #a37e46;
    color: #000;
    font-weight: 500;
}
.readmeBox{
    position: relative;
}
.readmeBox .inBox.readme{
    padding: 40px;
    background: #131313;
}
.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{
    padding: 60px;
    position: relative;
}
.scheduleBox .attentionBlock .mainTit{
    text-align: center;
    margin: 0 0 40px;
    font-size: 180%;
}
.scheduleBox .attentionBlock .mainLead{
    margin: 0 0 20px;
}

.scheduleBox .attentionBlock .attentionLead{
    background: #FFF;
    padding: 40px;
    color: #000;
    margin: 40px 0 0;
}
.scheduleBox .attentionBlock .attentionLead dt{
    font-size: 140%;
    line-height: 1.4em;
    border-bottom: 1px solid;
    padding: 0 0 20px;
    margin: 0 0 20px;
    font-weight: 600;
}
.scheduleBox .attentionBlock .attentionLead dd{

}
.scheduleBox .attentionBlock .attentionLead dd .txt{
    line-height: 1.5em;
}
.scheduleBox .attentionBlock .attentionLead dd .txt .red{
    font-size: 120%;
    line-height: 1.5em;
    font-weight: 600;
    color: #dd0000;
}
.scheduleBox .attentionBlock .attentionLead dd .announce{
    padding: 40px 0 0;
}

.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: #0049aa;
    color: #ffffff;
    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 .txt .red{
    font-size: 120%;
    line-height: 1.8em;
    font-weight: 600;
    color: #dd0000;
}
.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 .inBox .tourDateBox .tourDateList .scheduleInfo .scheduleInner .txt .phone a:hover,
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleInfo .scheduleInner .txt .web a:hover {}

.scheduleBox .accordionList .accordionTit:hover{
    background: #003985;
    width: 100%;
}
}

/* SCHEDULE:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {

.scheduleBox .inBox .innerBlock {}
.scheduleBox .scheduleCellList .scheduleDate {
    width: 13%;
    padding: 0 20px 0 0;
}
.scheduleBox .scheduleCellList .scheduleVenue {
    width: 30%;
}
.scheduleBox .scheduleCellList .scheduleTime {
    width: 23%;
}
.scheduleBox .scheduleCellList .scheduleInfo {
    width: 19%;
    padding: 0 0 0 20px;
}
.scheduleBox .attentionBlock .attentionLead dd .announce{
    padding: 20px 0 0;
}
.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:before {
    width: calc(100% - 20px);
}
.scheduleBox .inBox {}
.scheduleBox .inBox:last-child {}

.scheduleBox .inBox .tourDateBox {}

.scheduleBox .inBox .tourDateBox .tourDateList.listHead {
    padding: 0;
}
.scheduleBox .inBox .tourDateBox .tourDateList.listHead li {
    display: none;
}

.scheduleBox .inBox .tourDateBox .tourDateList {
    display: block;
    padding: 0;
    margin: 0 0 20px;
}
.scheduleBox .inBox .tourDateBox .tourDateList li {
    padding: 0;
    display: block;
    font-size: 100%;
}
.scheduleBox .inBox .tourDateBox .tourDateList li:after{
    display: none;
} 
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleDate {
    width: 100%;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleDate br.sp {
    margin: 0;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleDate .day {
    font-weight: bold;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleDate .week {
    width: initial;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleVenue {
    width: 100%;
    text-align: left;
    font-size: 18px;
    margin: 0 0 10px;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleTime {
    width: 100%;
    margin: 0 0 10px;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleTime .subTxt {
    font-size: 70%;
    line-height: 1;
    width: 100%;
}
.scheduleBox .inBox .tourDateBox .tourDateList .scheduleInfo {
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
}

.scheduleBox .inBox .innerBlock {}
.scheduleBox .titBlock {}
.scheduleBox h3 {}
.scheduleBox h4 {}
.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 .attentionBlock .attentionLead{
    padding: 20px;
    margin: 20px 0 0;
}
.scheduleBox .attentionBlock .attentionLead dt {
    font-size: 90%;
}
.scheduleBox .attentionBlock .attentionLead dd .txt {
    font-weight: 500;
}

.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: 30px;
}
.readmeBox .readmeBlock .tit {
    margin: 0 0 20px;
    font-size: 80%;
}
.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;
}
}


/*===================================================
  TRAILER
====================================================*/
.trailerBox  {
    position: relative;
}


/*===================================================
  GOODS
====================================================*/
.goodsBg:before{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/eikichiyazawa/official/feature/fighton/images/bg_03.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: 1s ease;
}
.goodsBg.started:before{
    opacity: 1;
}
.goodsBox{
    position: relative;
    margin-bottom: 200px;
}
.goodsBox .inBox{}
.goodsBox .titBlock{

}
.goodsBox h3{

}
.goodsBox h4 {

}
.goodsBox h4:after{}
.goodsBox .coming{
    text-align: center;
    font-size: 120%;
    font-family: 'Libre Baskerville', serif;
    margin: 0;
}
.goodsBox .mainTit{
    text-indent: 0.5em;
    margin-left: -0.5em;
    text-align: center;
}


.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: #b51dff;
    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 .shopOnly{
    display: inline-block;
    margin: 0 0 5px;
    line-height: 1em;
    background: #f6ff5d;
    padding: 5px 10px;
    border-radius: 100px;
    font-size: 12px;
    color: #000;
}

.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: #0049aa;
    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 {

}
.goodsBox {
    margin-bottom: 80px;
}
.goodsBox .inBox {}
.goodsBox h3 {}
.goodsBox h4 {}
.goodsBox h4:after {
    width: 15vw;
    left: calc(100% + 25px);
}
.goodsBox .coming{}
.goodsBox .mainTit {
    text-indent: 0;
    margin-left: 0;
    font-size: 16px;
    text-align: left;
}


.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 .shopOnly{
    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;
}
}