@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;
    word-wrap: break-word;
}
html {
  -webkit-text-size-adjust: 100%;
}
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;
}

.header {
	display: none;
}

.mov {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.mov iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.delighter {
    transition: all .5s ease-out;
    transform: translatey(5%);
    opacity: 0;
   }

.delighter.started {
      transform: none;
      opacity: 1;
   }
.ancPoint{
	position:relative;
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}

#anc01{
	display:block;
	position: absolute;
	top: -20px;
}


/*===================================================
	FRAME
====================================================*/
body{
    background: #c1b1b8;
}

body::before {
    content: '';
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: url(/static/fcopen/fanplakit/artist/luckykilimanjaro/LoveMyDance_2025/images/bg_logo_b_PHRjN8oa.png);
    background-size: 1000px;
    animation: bgscroll 30s linear infinite;
    z-index: -10;
}
body::after {
    content: '';
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: url(/static/fcopen/fanplakit/artist/luckykilimanjaro/LoveMyDance_2025/images/bg_logo_c_PHRjN8oa.png);
    background-size: 1000px;
    animation: bgscroll 30s linear infinite;
    z-index: -10;
    top: 54px;
    left: 0;
}

@keyframes bgscroll {
 0% {background-position: 0 0%;}
 100% {background-position: -600px 0%;}
}
@keyframes bgscroll2 {
0% {
    background-position: 0 150px;
}
100% {
    background-position: -800px 150px;
}
}

.wrap {
   padding-top: 0;
   padding-bottom:0;
}
body:not(.page--home) .wrap {
    background: #f4f4f4db;
    border-bottom: 20px solid #e60013;
    border-top: 20px solid #e60013;
    border-left: 20px solid #e60013;
    border-right: 20px solid #e60013;
}
.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: #000;
    line-height: 1.6em;
    font-size: 18px;
    font-size: min(calc(45 / 1200* 100vw), 100%);
    position: relative;
}
section{
    padding: 8vw 0;
    position: relative;
}


.contentBox{
    max-width: 1200px;
    margin: 0 auto;
    padding: 4vw;
    box-sizing: border-box;
    position: relative;
    width: 90%;
    background:#e3e3e3;
    border-radius: 30px;
    border: 3px solid #000;
}
.contentBox.add {
  background: #ffeffd;
  border: 3px solid #ff5bbf;
}
.contentBox .addTxt {
  text-align: center;
  font-size: 19px;
  margin: 50px auto 0;
  background: #e60013;
  color: #fff;
  padding: 15px 0;
  width: 500px;
  border-radius: 5px;
}
.contentBox > *{
    margin-bottom:20px;
}
.contentBox > *:last-child{
    margin-bottom:0;
}
.contentBox > *:has(+ .inBox),
.contentBox > *:has(+ figure){
    margin-bottom:40px;
}
.inBox{
    background: #fff;
    padding: 40px;
    margin-bottom: 40px;
    position: relative;
    border-radius: 30px;
}
.inBox > *{
    margin-bottom:20px;
}
.inBox > *:last-child{
    margin-bottom:0;
}
.titBox{
    margin-bottom: 50px;
}
.titBox > *{
    margin-bottom: 10px;
}
.titBox > *:last-child{
    margin-bottom: 0;
}
figure{
    margin-bottom: 40px;
}

/*===================================================
	TEXT
====================================================*/

h2{
    font-size: 43px;
    line-height: 1em;
    letter-spacing: 0.1em;
    margin: 0 0 10px 0;
    display: block;
    text-align: center;
    font-family: "Luckiest Guy", cursive;
    color: #e60013;
}
.titleSub{
    font-size: 30px;
}
h3{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #e60013;
    letter-spacing: 0.5em;
}
h4{
    font-size: 200%;
}

h5 {
  font-size: 45px;
  line-height: 1em;
  letter-spacing: 0.1em;
  margin: 0 0 10px 0;
  display: block;
  text-align: center;
  color: #e60013;
  /*font-family: "Yusei Magic", sans-serif;*/
}
.lead{
    font-size: 150%;
    line-height: 1.3em;
}
.txt{
    font-size: 120%;
    line-height: 1.3em;
}
.cautionList{

}
.cautionList li {
    font-size: 75%;
    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;
}
.attentionList{

}
.attentionList dt{
    color: #FFF;
    padding: 10px 20px;
    margin: 0 0 20px;
    font-weight: 600;
    background: #000;
    display: inline-block;
    line-height: 1.3em;
}
.attentionList dd{
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    font-size: 85%;
    line-height: 1.3em;
}
.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;
}
.attentionList dd:last-child{

}
.cs {
    font-family: "Luckiest Guy", cursive;
    text-align: center;
    font-size: 23px;
    opacity: 0.8;
}
.loading{
    background: #ffdfff;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 999;
    transition: 0.4s;
    width: 100%;
}
.loaded .loading{
    opacity: 0;
    z-index: -999;
}

/*===================================================
	LINK
====================================================*/
a{
    color: #2f782c;
    word-break: break-all;
}
.innerLink{
    text-decoration: underline;
}
.btn{
    text-align: center;
}
.btn a{
    display: inline-block;
    max-width: 650px;
    min-width: 320px;
    background: #e60013;
    color: #FFF;
    text-align: center;
    padding: 20px 60px;
    font-size: 130%;
    font-weight: 500;
    margin: 10px auto;
    border-radius: 100px;
    border: 2px solid #e60013;
}
.btn.sub a{
    border: 2px solid #aaa;
    color: #fff;
    pointer-events: none;
    background: #aaa;
}
.btn .ghostBtn{
background: transparent;
    border: 2px solid #6093ff;
    color: #6093ff;
}
.btnList{
    display: flex;
    justify-content: center;
}
.btnList li{
    padding: 0 10px;
}
.textLink{
    line-height: 1.3em;
}
.textLink a{
    font-weight: 600;
}
.textLink a i{
    margin: 0 0 0 5px;
}

.sitebtn {
  display: flex;
  margin: 70px auto 0;
  width: 50%;
}

.btnfooter {
  text-align: center;
  margin: 0 auto;
}

.btnfooter a {
  background: #e60013;
  color: #fff;
  text-align: center;
  padding: 20px 60px;
  font-size: 130%;
  border-radius: 100px;
  margin: 0 auto 0;
  border: 2px solid #fff;
  font-weight: bold;
}

/*===================================================
	footer
====================================================*/
footer{
    padding: 120px 60px;
    position: relative;
}
footer .artistLogo{
    width: 600px;
    max-width: 100%;
    margin: 0 auto 10px;
    line-height: 0;
}
footer .artistLogo a{
    display: block;
}
footer .copy{
    text-align: center;
    color: #466034;
    font-size: 90%;
    font-family: "Roboto", sans-serif;
}
footer .bg,
footer .footer__inner {
    display: none;
}
footer .copyright {
    color: #254e3d !important;
}
footer a{
    color: #254e3d;
}
/*===================================================
	heroView
====================================================*/
.heroView{
	position: relative;
    margin: 0 auto 10vw;
    min-height: 600px;
}
.heroView h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 60vw;
    z-index: 2;
}
.heroView h1 p{
	opacity: 0;
}
.heroView h1 p:nth-child(1){
    width: 100%;
    margin: 0 auto 1vw;
}
.heroView h1 p:nth-child(2){
    width: 53%;
    margin: 0 auto 1vw;
}
.heroView h1 p:nth-child(3){

}

.loaded .heroView h1 p:nth-child(1){
  -webkit-animation:upIn 0.8s ease 0.4s 1 forwards;
  animation: upIn 0.8s ease 0.4s 1 forwards;
}
.loaded .heroView h1 p:nth-child(2){
  -webkit-animation:upIn 0.8s ease 0.6s 1 forwards;
  animation: upIn 0.8s ease 0.6s 1 forwards;
}
.loaded .heroView h1 p:nth-child(3){
  -webkit-animation:upIn 0.8s ease 0.8s 1 forwards;
  animation: upIn 0.8s ease 0.8s 1 forwards;
}
.heroView .character p{
    position: absolute;
    width: 10vw;
    z-index: 2;
	opacity: 0;
}
.heroView .character p:nth-child(1){
    left: 15%;
    top: 15%;
}
.heroView .character p:nth-child(2){
    right: 17%;
    top: 15%;
    width: 12vw;
}
.heroView .character p:nth-child(3){
    left: 13%;
    bottom: 14%;
    width: 11vw;
}
.heroView .character p:nth-child(4){
    right: 15%;
    width: 11vw;
    bottom: 11%;
}

.loaded .heroView .character p:nth-child(1){
  -webkit-animation:slideIn_b 0.8s ease 1.5s 1 forwards,;
  animation: slideIn_b 0.8s ease 1.5s 1 forwards;
}
.loaded .heroView .character p:nth-child(2){
  -webkit-animation:slideIn_d 0.8s ease 2s 1 forwards;
  animation: slideIn_d 0.8s ease 2s 1 forwards;
}
.loaded .heroView .character p:nth-child(3){
  -webkit-animation:slideIn_e 0.8s ease 2.4s 1 forwards;
  animation: slideIn_e 0.8s ease 2.4s 1 forwards;
}
.loaded .heroView .character p:nth-child(4){
  -webkit-animation:slideIn_c 0.8s ease 2.2s 1 forwards;
  animation: slideIn_c 0.8s ease 2.2s 1 forwards;
}

.loaded .heroView .character p:nth-child(1) img{
  -webkit-animation: yurayura 2s linear infinite;
  animation:  yurayura 2s linear infinite;
}
.loaded .heroView .character p:nth-child(2) img{
  -webkit-animation: yurayura2 2s linear infinite;
  animation:  yurayura2 2s linear infinite;
}
.loaded .heroView .character p:nth-child(3) img{
  -webkit-animation: yurayura 2s linear infinite;
  animation:  yurayura 2s linear infinite;
}
.loaded .heroView .character p:nth-child(4) img{
  -webkit-animation: yurayura2 2s linear infinite;
  animation:  yurayura2 2s linear infinite;
}

@keyframes slideIn_a {
  0% {
    transform: translate(180px,30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}

@keyframes slideIn_b {
  0% {
    transform: translate(-180px, -30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}

@keyframes slideIn_c {
  0% {
    transform: translate(-180px, 30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}

@keyframes slideIn_d {
  0% {
    transform: translate(0, -50px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}

@keyframes slideIn_e {
  0% {
    transform: translate(180px,-30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}
@keyframes slideIn_f {
  0% {
    transform: translate(0, 50px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}
@keyframes yurayura {
  0% , 100%{
      transform: rotate(10deg);
  }
  50%{
      transform: rotate(-10deg);
  }
}

@keyframes yurayura2 {
  0% , 100%{
      transform: rotate(-10deg);
  }
  50%{
      transform: rotate(10deg);
  }
}
@keyframes fadeSplash {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes upIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 30px);
		transform: translate(0, 30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

.heroView .bg{
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /*
    border-bottom: 20px solid #e60013;
    border-top: 20px solid #e60013;
    border-left: 20px solid #e60013;
    border-right: 20px solid #e60013;
    */
    height: 100%;

}
.bg::before {
 display:none;
}
.heroView .bg img{
    position: initial;
    top: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-filter: none;
    filter: none;
}

.sns {
    transition: 0.5s ease;
    text-align: center;
    z-index: 5;
    position: fixed;
    top: 50%;
    right: 3%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.sns .snsList li {
    padding: 15px 0;
}
.sns .snsList li a {
    display: block;
    width: 25px;
    color: #e60013;
    font-size: 25px;
}
.sns .snsList li a svg{
    fill: #e60013;
}

/*===================================================
  OP:LOADER
====================================================*/
.loader{
  position:fixed;
  height:100%;
  width:100%;
  background:#466034;
    z-index:9999;
    top: 0;
}
/*===================================================
  NAVIGATION
====================================================*/


.navigation {
    position: fixed;
    right: 3%;
    top: 5%;
    z-index: 2;
}
.navigation .headerNav{

}
.navigation .headerNav li{

}

.navigation .headerNav a{
    color: #e60013;
    font-size: 15px;
    letter-spacing: 0.1em;
    padding: 5px 40px;
    margin: 0 0 10px 0;
    display: block;
    text-align: center;
    font-family: "Luckiest Guy", cursive;
    background: #fff;
    border-radius: 999px;
    border: 2px solid #000;
}

.navigation .headerNav li:last-child a{
    margin:0;
}
.navigation .headerNav li:last-child a:before{
    display: none;
}

/*===================================================
  SCROLLDOWN
====================================================*/
.heroView .scrolldown {
    position: absolute;
    left: 1%;
    bottom: 2%;
    height: 50px;
    z-index: 2;
}
.heroView .scrolldown span{
    position: absolute;
    left: -10px;
    top: -60px;
    color: #e60013;
    font-size: 12px;
    letter-spacing: 0.2em;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-family: "Luckiest Guy", cursive;
}

.heroView .scrolldown::after{
    content: "";
    position: absolute;
    top: 0;
    width: 2px;
    height: 30px;
    background:#e60013;
    animation: pathmove 1.4s ease-in-out infinite;
    opacity: 0;
}

@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:30px;
    opacity: 1;
  }
  100%{
    height:0;
    top:50px;
    opacity: 0;
  }
}

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

/*===================================================
	MESSAGEBox
====================================================*/

.messageBox{
    margin: 0 auto 10vw;
    padding: 5vw 0;
}
.messageBox .messageTxt {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}


/*===================================================
	movieBox
====================================================*/

.movieBox{
    margin: 0 auto 10vw;
}
.movieBox .movieTxt {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}
.movieBox .inBox {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.movieBox .inBox .mov {
  position: relative;
  width: 100%;
  padding-top: 53.25%;
  margin: 0 auto;
}
.movieBox .inBox .mov iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*===================================================
	scheduleBox
====================================================*/

.op_schedule{

}
.op_schedule .scheduleCellList{
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid;
    padding: 0 0 30px;
    margin: 0 0 30px;
}
.op_schedule .scheduleCellList:last-child{
    margin: 0;
    border: none;
    padding: 0;
}
.op_schedule .scheduleCellList li{
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 90%;
    line-height: 1.5em;
    font-weight: 500;
}
.op_schedule .scheduleCellList li:after{
    content: "";
    position: absolute;
    top: 5%;
    right: 0;
    width: 1px;
    height: 90%;
    background: #000;;
}
.op_schedule .scheduleCellList li:last-child:after{
    content:none;
}
.op_schedule .scheduleCellList .scheduleInner {
    margin: auto;
}
.op_schedule .scheduleCellList .scheduleDate{
    width: 26%;
}
.op_schedule .scheduleCellList .scheduleDate .scheduleInner{
    display: flex;
    align-items: flex-end;
    margin: auto;
}
.op_schedule .scheduleCellList .scheduleDate .scheduleInner .txt{
    line-height: 1em;
}
.op_schedule .scheduleCellList .scheduleDate .year{
    display: block;
    font-size: 15px;
    margin: 0 0 10px 0;
    font-weight: 800;
}
.op_schedule .scheduleCellList .scheduleDate .year {
    font-size: 15px;
    margin: 0 0 5px 0;
    line-height: 1;
}
.op_schedule .scheduleCellList .scheduleDate .day{
    letter-spacing: 0.03em;
    font-size: 19px;
    font-weight: 800;
}
.op_schedule .scheduleCellList .scheduleDate .week{
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1em;
    margin: 0;
}
.op_schedule .scheduleCellList .scheduleArea .txt {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}
.op_schedule .scheduleCellList .scheduleArea{
    width: 15%;
}

.op_schedule .scheduleCellList .scheduleArea .txt{
    font-size: 17px;
    font-weight: bold;
}
.op_schedule .scheduleCellList .scheduleVenue{
    width: 40%;
}

.op_schedule .scheduleCellList .scheduleVenue .txt{
    font-size: 17px;
    text-align: center;
    font-weight: bold;
}
.op_schedule .scheduleCellList .scheduleVenue .txt span{
    display: block;
    font-size: 11px;
}
.op_schedule .scheduleCellList .scheduleTime{
    width: 20%;
}
.op_schedule .scheduleCellList .scheduleTime .txt{
    font-size: 15px;
    text-align: center;
}
.op_schedule .scheduleCellList .scheduleTime .cap{
    display:none;
}
.op_schedule .scheduleCellList .scheduleInfo{
    width: 25%;
    justify-content: left;
}
.op_schedule .scheduleCellList .scheduleInfo .scheduleInner{
    width: 100%;
}
.op_schedule .scheduleCellList .scheduleInfo .txt{
    line-height: 1em;
}
.op_schedule .scheduleCellList .scheduleInfo .playguide{
    font-size: 14px;
    display: block;
    margin: 0 0 5px;
}
.op_schedule .scheduleCellList .scheduleInfo .playguideLink{
    font-size: 14px;
    display: block;
}
.op_schedule .scheduleCellList .scheduleInfo .playguideCap{
    font-size: 60%;
    font-weight: 800;
    letter-spacing: 0.05em;
    display: block;
    line-height: 1.5em;
}
.op_schedule .scheduleCellList .scheduleInfo a{
    font-size: 90%;
    font-weight: 600;
    display: block;
}
.op_schedule .scheduleCellList .scheduleInfo .fa-info-circle{
    /*display:none;*/
}
.op_schedule .scheduleCellList.cellHead{
    font-size: 70%;
}
.op_schedule .scheduleCellList.cellHead li{
    justify-content: center;
    font-size: 70%;
    font-weight: 400;
}
.op_schedule .scheduleCellList.cellHead li:after{
    content:none;
}
.op_schedule .scheduleCellList.cellHead .txt{
    font-size: 14px;
    text-align: center;
    font-family: "Luckiest Guy", cursive;
    font-weight: normal;
}


.scheduleBox{
    background: #fff;
    margin: 0 auto 10vw;
}
.scheduleBox:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 8vw;
    background-image: url(/static/fcopen/fanplakit/artist/luckykilimanjaro/LoveMyDance_2025/images/ph_contents_01_PHRjN8oa.png);
    background-size: cover;
    vertical-align: middle;
    position: absolute;
    top: -8vw;
    background-repeat: no-repeat;
}
.scheduleBox:after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 8vw;
    background-image: url(/static/fcopen/fanplakit/artist/luckykilimanjaro/LoveMyDance_2025/images/ph_contents_02_PHRjN8oa.png);
    background-size: cover;
    vertical-align: middle;
    position: absolute;
    bottom: -8vw;
    background-repeat: no-repeat;
    background-position: bottom;
}
.scheduleBox .tree p{
    width: 8vw;
    position: absolute;
}
.scheduleBox .tree p:nth-child(1){
    bottom: 1%;
    left: 1%;
}
.scheduleBox .tree p:nth-child(2){
    bottom: 1%;
    left: 9%;
}
.op_schedule .scheduleCellList.additional {
    position: relative;
}
.op_schedule .scheduleCellList.additional:before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    background: #ffe5ed;
    width: 100%;
    height: calc(100% + 5px);
}
.op_schedule .scheduleCellList.additional .scheduleDate .year {

}
.op_schedule .scheduleCellList.additional .scheduleDate .year:after {
    content: "追加公演";
    font-size: 60%;
    background: #FF419B;
    color: #FFF;
    border-radius: 100px;
    line-height: 1em;
    padding: 0 10px 1px;
    vertical-align: 4px;
    margin: 0 0 0 5px;
    animation: fade 1s infinite alternate;
    word-break: keep-all;
}
.scheduleBox .addition {
  margin: 30px 0 0;
  background: #fff;
  padding: 30px 0;
  border-radius: 10px;
}

@keyframes fade {
from { opacity: 0.2; }
to { opacity: 1; }
}
.op_ticket .FCTicket .tikcetTit{
    background: #ff419b;
}
.op_ticket .FCTicket .tikcetTit .entryType {

    color: #ffc4c4;
}

/*===================================================
  OP:TICKET
====================================================*/
.op_ticket{

}
.op_ticket .ticketList{
    margin-bottom: 50px;
}
.op_ticket .ticketList:last-child{
    margin-bottom: 0;
}
.op_ticket .tikcetTit{
    background: #e60013;
    color: #FFF;
    padding: 25px 50px 25px 25px;
    font-size: 21px;
    border-radius: 999px;
    text-align: center;
    position: relative;
}
.op_ticket .end .tikcetTit:after{
    content: "受付終了";
    font-size: 70%;
    background: #ff8888;
    color: #FFF;
    line-height: 1em;
    padding: 3px 12px 2px;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0 0 0 10px;
}
.op_ticket .end.soon .tikcetTit:after{
    content: none;
}

.op_ticket .tikcetTit.open span {
    transform: translateY(-50%);
}
.op_ticket .tikcetTit .arrow:before {
    position: absolute;
    margin: -12px 0 0;
    content: "";
    vertical-align: middle;
    top: 53%;
    right: 25px;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.op_ticket .tikcetTit.open .arrow:before{
    margin: -5px 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: 0.4s;  
}
.op_ticket .tikcetDetail{
display: block;
    padding: 50px 0 0;
}
.op_ticket .detailList {
    display: flex;
    border-bottom: 1px solid;
    padding: 30px 20px;
    align-items: stretch;
}
.op_ticket .detailList:first-child{
    border-top: 1px solid;
    padding: 30px 20px;
}
.op_ticket .detailList:last-child{
    margin: 0;
}
.op_ticket .detailList dt{
    width: 20%;
    padding: 0 40px 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1.6em;
    font-size: 14px;
}
.op_ticket .detailList dt:before{

}
.op_ticket .detailList dd{
    width: 80%;
    position: relative;
    padding: 0 0 0 40px;
    display: flex;
    align-items: center;
}
.op_ticket .detailList dd:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #000;
}
.op_ticket .detailList dd > *{
    margin-bottom:20px;
}
.op_ticket .detailList dd > *:last-child{
    margin-bottom:0;
}
.op_ticket .detailList dd .detailInner{
    width:100%;
    font-size: 14px;
}
.op_ticket .detailList dd .detailInner > *{
    margin-bottom:10px;
}
.op_ticket .detailList dd .detailInner  > *:last-child{
    margin-bottom:0;
}


/*===================================================
	ticketBox
====================================================*/

.ticketBox{

}
.ticketBox .titBox {

}
.ticketBox .subTit{
    font-size: 13px;
    margin: 0 0 20px 0;
    padding: 5px 20px;
    background: #e60013;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    border-radius: 999px;
}
.subTit.entxt {
  border: 1px solid #e60013;
  background: transparent;
  color: #e60013;
  border-radius: 0;
}
.ticketBox .ticketDetailList{
    border-bottom: 1px solid;
    padding: 0 0 20px;
}
.ticketBox .ticketDetailList:last-of-type{
    border-bottom: none;
    padding: 0;
}
.ticketBox .ticketDetailList dt{

}
.ticketBox .ticketDetailList dt .txt{
    font-weight: bold;
    margin: 0 0 20px 0;
    font-size: 16px;
}
.ticketBox .ticketDetailList dt .txt span{
    font-size: 80%;
    margin: 0;
}
.ticketBox .ticketDetailList dd{

}
.ticketBox .ticketDetailList dd > *{
    margin: 0 0 10px;
}
.ticketBox .ticketDetailList dd > *:last-child{
    margin: 0;
}
.ticketBox .ticketDetailList dd .txt{
    font-size: 100%;
    font-weight: 400;
}
.ticketBox .ticketDetailList dd .price{
    margin: 0 0 30px 0;
}
.ticketBox .ticketDetailList dd .price:last-child{
    margin: 0;
}
.ticketBox .ticketDetailList dd .price .tit{
    border-left: 5px solid;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    font-weight: 600;
}
.ticketBox .ticketDetailList dd .price .txt{
    line-height: 1.5;
    font-size: 15px;
}
.u18ticket{

}
.u18ticket dt{
display: inline-block;
    background: #fffad6;
    color: #82ab67;
    padding: 5px 14px;
    margin: 0 0 15px;
    font-size: 80%;
}
.u18ticket dd{

}
.op_ticket {
    margin-bottom: 40px;
}
.op_ticket .tikcetDetail .detailList:has(+ .btn){
    margin-bottom: 40px;
}
.ticketBox .textLink a{
    text-align: center;
    display: block;
    color: #000;
}
.ticketBox .btn.end a {
    background: #aaa;
    pointer-events: none;
}

.goodsBox{
    background: #fff;
    margin: 10vw auto 20vw;
}

.goodsBox:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 8vw;
    background-image: url(/static/fcopen/fanplakit/artist/luckykilimanjaro/LoveMyDance_2025/images/ph_contents_01_PHRjN8oa.png);
    background-size: cover;
    vertical-align: middle;
    position: absolute;
    top: -8vw;
    background-repeat: no-repeat;
}
.goodsBox:after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 8vw;
    background-image: url(/static/fcopen/fanplakit/artist/luckykilimanjaro/LoveMyDance_2025/images/ph_contents_02_PHRjN8oa.png);
    background-size: cover;
    vertical-align: middle;
    position: absolute;
    bottom: -8vw;
    background-repeat: no-repeat;
    background-position: bottom;
}

body #cboxOverlay {
    background: #000;
    }
body #colorbox, body #cboxOverlay, body #cboxWrapper,body  #cboxContent{
  border-radius: 0;
  overflow:initial;
}

body #cboxPrevious {
    z-index: 1;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #a88fb5;
    position: absolute;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transition: 0.4s;
    left: 0;
    top: 50%;
    bottom: auto;
}
body #cboxNext {
    z-index: 1;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #a88fb5;
    position: absolute;
    top: 40%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transition: 0.4s;
    left: auto;
    right: -65px;
    top: 50%;
    bottom: auto;
}
body #cboxPrevious:before, body #cboxNext:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    opacity: 1;
    content: '';
}
body #cboxPrevious:before {
    transform: translate(-25%, -50%) rotate(-135deg);
}
body #cboxNext:before {
    transform: translate(-75%, -50%) rotate(45deg);
}

body #cboxClose {
    top: -20px;
    right: -50px;
    bottom: auto;
    left: auto;
    position: absolute;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index: 99999;
    pointer-events: all;
    display: block !important;
    background: none;   
}
body #cboxClose::before,body #cboxClose::after { 
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 30px;
    background: #ffffff;
}
 
body #cboxClose::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
body #cboxClose::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

body #colorbox, #cboxOverlay, body #cboxWrapper {
    overflow:initial;
}
body #cboxContent {
    background: #fff;
    overflow: visible;
    border-radius: 0;
    position: relative;
}
body #cboxClose:hover {
    background-position: top center;
}
body #cboxNext:hover{
    background-position: center right;    
}
body #cboxPrevious:hover{
    background-position: center left;    
}
body #cboxCurrent {
    display: none!important;
}    
body #cboxLoadedContent {
    margin-bottom: 0;

}
body #cboxMiddleLeft,
body #cboxMiddleRight {
    width: 0;
}

.goodsBox .contentBox {
    margin: 0 auto 50px;
}
.goodsBox .contentBox:last-of-type{
    margin: 0 auto;
}
.goodsBox .contentBox h2.ja {
    font-size: 31px;
    font-family: 'Roboto', "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
}
.goodsBox .contentBox .ph {
    max-width: 100%;
    margin: auto;
}
.goodsBox .contentBox .new{
    display: block;
    width: 100px;
    height: 100px;
    line-height: 1;
    position: absolute;
    left: -20px;
    top: -20px;
    background: #f46a46;
    color: #fff;
    border-radius: 999px;
    text-align: center;
    /*font-family: "Luckiest Guy", cursive;*/
    margin: 0;
    font-size: 27px;
    line-height: 1;
    padding: 20px 0 0;
}


.fanclubBox .contentBox {
    margin: 0 auto 50px;
}
.fanclubBox .contentBox:last-of-type{
    margin: 0 auto;
}
.fanclubBox .contentBox h2.ja {
    font-size: 31px;
    font-family: 'Roboto', "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
}
.fanclubBox .contentBox .ph {
    max-width: 100%;
    margin: 0 auto 30px;
}

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

.sp{display: none;}
.pc{display: block;}

.navigation .headerNav a:hover{
        background: #fee;
}
.btn a:hover {
  background: #fff;
  color: #e60013;
}
.btnfooter a:hover {
  background: #fff;
  color: #e60013;
}
.btn .ghostBtn:hover{
    background: #6093ff;
    color: #FFF;
}
.innerLink:hover{
    filter: hue-rotate(20deg);
}
.textLink a:hover,
.sns .snsList li a:hover{
        opacity: 0.8;
}


}


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

.pc{display: none;}
.sp{display: block;}


    h1.logo {
        display: none;
    }
    
.inBox {
    padding: 20px;
}
.titBox{
    margin-bottom: 30px;
}
    body:not(.page--home) .drawer__btn {
        right: 6%;
        top: 20px;
        display: none;
    }
h2 {
    font-size: 28px;
    line-height: 1em;
    letter-spacing: 0.1em;
    margin: 0 0 5px 0;
    display: block;
    text-align: center;
    font-family: "Luckiest Guy", cursive;
}
.titleSub{
    font-size: 22px;
}
h3 {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.5em;
}
h5 {
    font-size: 28px;
}
section {
    background: transparent;
    padding: 8vh 0;
}
.contentBox {
    border-radius: 10px;
        padding:40px 20px;
}
.contentBox:before {
    width: 10vh;
    height: 10vh;
    top: -20px;
}
.contentBox .addTxt {
        font-size: 12px;
        margin: 30px 0 0;
        width: 100%;
}
.cs {
    font-family: "Luckiest Guy", cursive;
    text-align: center;
    font-size: 15px;
    opacity: 0.8;
}
.btn a{
	padding: 10px 25px;
   font-size: 15px;
   margin: 5px auto;
   min-width: 100%;
}

.sitebtn {
    margin: 40px auto 0;
    width: 90%;
}

.btnfooter a {
    padding: 12px 15px;
    font-size: 100%;
}

.btnList{
    display: block;
}
.btnList li {
    padding: 0;
    margin: 0 0 20px;
}
.btnList li:last-child{
    margin: 0;
}
.btnList li a{
    width: 100%;
}

.ticketBox .titBox {
    margin: 0 0 15px 0;
}
.hamBtn {
    display: block;
    position: fixed;
    right: 10px;
    top: 10px;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 9999;
    box-sizing: border-box;
    transition-delay: 1.2s;
}

.hamSwitch {
    background: #FFF;
    padding: 15px;
}
.hamBtn .hamMenu{
    position: relative;
    width: 24px;
    height: 24px;
}
.hamBtn span {
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    background: #e60013;
    transition: all .3s ease;
}
.hamBtn .hamMenu span:nth-of-type(1) {
    top: 2px;
}
.hamBtn .hamMenu span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
}
.hamBtn .hamMenu span:nth-of-type(3) {
    bottom: 2px;
}
.hamSwitch.open{
    background: #e60013;
}
.hamSwitch.open span {
    background: #FFF;
}
.hamSwitch.open span:nth-of-type(1) {
    transform: translateY(-50%) rotate(-45deg);
    top: 50%;
}
.hamSwitch.open span:nth-of-type(2) {
    opacity: 0;
}
.hamSwitch.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:#ffc5c5;
    z-index: 10;
    transition: opacity 0.5s ease;
}
.navigation.active {

    pointer-events:auto;
    opacity:1;
}
.navigation .headerNav {
    display: block;
    padding:20vh 40px 80px;
}
.navigation .headerNav li {
    padding: 0;
    position: relative;
    margin: 0 0 40px;
}
.navigation .headerNav li:after {
    content: none;
}
.navigation .headerNav li a{
        width: 90%;
        margin: auto;
        padding: 10px;
}
.navigation .headerNav li:last-child a {
        margin: auto;
}
.navigation .headerNav li a.blankBtn{
    opacity: 0.3;
    pointer-events: none;
}
.navigation .navTit{
    color: #FFF;
    position: absolute;
    right: 60px;
    bottom: 60px;
    text-align: right;
    font-family: "Roboto", sans-serif;
}
.navigation .navTit .tit1{
    display: block;
    font-weight: 800;
    font-size: 90%;
}
.navigation .navTit .tit2{
    display: block;
    font-weight: 200;
    font-size: 140%;
    margin: 0 0 10px;
    display: block;
    font-weight: 100;
}
.navigation .navTit .tit3{
    display: block;
    font-weight: 800;
    font-size: 280%;
    line-height: 1em;
}
.navigation .navTit {
    right: 40px;
}
.navigation .headerNav li{
    margin: 0 0 20px;
}
.navigation .act3{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.sns {
    transition: 0.5s ease;
    text-align: center;
    z-index: 5;
    position: initial;
    width: 200px;
    margin: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}
.sns .snsList{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.heroView h1 {
    width: 49vh;
    max-width: 600px;
    z-index: 2;
}
.heroView h1 p:nth-child(1) {
    width: 80%;
    margin: 1vh auto;
}
.heroView h1 p:nth-child(2) {
    width: 53%;
    margin: 0 auto 1vh;
}
.heroView .character p {
    width: 10vh;
}
.heroView .character p:nth-child(1) {
    top: 32%;
    width: 11vh;
    left: 8%;
}
.heroView .character p:nth-child(2) {
    right: 7%;
    top: 30%;
    width: 12vh;
}
.heroView .character p:nth-child(3) {
    left: 10%;
    bottom: 30%;
    width: 10vh;
}
.heroView .character p:nth-child(4) {
    right: 9%;
    width: 8vh;
    bottom: 33%;
}
eroView .parts p {
    position: absolute;
    width: 2vh;
}
.wrap:not(.page--home) {
        padding-top: 0;
        padding-bottom: 0;
}
body:not(.page--home) .bg {
        height: 100%;
        position: absolute;
}

.ticketBox .contentBox:before {
    width: 30px;
    height: 30px;
}
.ticketBox .contentBox:after {
    width: 30px;
    height: 30px;
}
	.heroView {
	    min-height:auto;
	}
    .heroView .act1 {
        width: 35vh;
        max-width: 350px;
    }
	.heroView .act1 h1 span:nth-child(1) {
	    margin: 0 auto 3vh;
	}
	.heroView .act1 h1 span:nth-child(2) {
	    margin: 0 auto 3vh;
	}
	.heroView .act1 h1 span:nth-child(3) {
	    margin: 0 auto 3vh;
	}
.heroView .bg {
    overflow: hidden;
    position: relative;
    height: 100vh;
}
	.heroView .bg span:nth-child(1) {
	    width: 100vh;
        transform: translate(-50%, -50%) rotate(-10deg);
        -moz-transform: translate(-50%, -50%) rotate(-10deg);
        -webkit-transform: translate(-50%, -50%) rotate(-10deg);	
	    top: 50%;
	}
	.heroView .bg span:nth-child(2) {
	    left: -10vh;
	    bottom: -15vh;
	    width: 23vh;
	}
	.heroView .bg span:nth-child(3) {
	    right: -19vh;
	    top: -6vh;
	    width: 25vh;
	}
	.heroView .act2 .edamame span {
	    display: block;
	    width: 13vh;
	}
	.heroView .act2 .edamame span:nth-child(1) {
	    top: 8%;
	    left: 4%;
	}
	.heroView .act2 .edamame span:nth-child(2) {
	    left: 2%;
	    width: 10vh;
	    top: 19%;
	}
	.heroView .act2 .edamame span:nth-child(3) {
	    right: 17%;
	    bottom: 11%;
	}
	.heroView .act2 .edamame span:nth-child(4) {
	    width: 8vh;
	    right: 7%;
	    bottom: 3%;
	}
	.heroView .act2 .edamame span:nth-child(5) {
	    width: 3vh;
	    left: 15%;
	    top: 14%;
	}
	.heroView .act2 .edamame span:nth-child(6) {
	    width: 3vh;
	    right: 27%;
	    bottom: 18%;
	}
	.heroView .act2 .edamame span:nth-child(7) {
	    width: 3vh;
	    right: 1%;
	    bottom: 5%;
	}

.heroView .act3 {
    right: 10px;
    left: auto;
    transform: none;
}
.snsList li{
    padding: 0;
}
.sns .snsList li a {
    width: 23px;
}
.heroView .scrolldown {
    left: 10px;
}

.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_schedule .scheduleCellList.additional:before {
    left: -10px;
    top: -5px;
    width: calc(100% + 20px);
    height: 100%;
}

.op_schedule {

}
.op_schedule .scheduleCellList.cellHead {
    display: none;
}
.op_schedule .scheduleCellList {
    display: block;
    padding: 0 0 10px;
    margin: 0 0 10px;
}
.op_schedule .scheduleCellList li {
    padding: 0;
    display: block;
    margin: 0 0 10px;
}
.op_schedule .scheduleCellList li:after {
    content:none;
}
.op_schedule .scheduleCellList .scheduleDate {
    width: 100%;
    display: inline-block;
    font-size: 140%;
    margin: 0 0 5px;
}
.op_schedule .scheduleCellList .scheduleArea{
    width: 100%;
}
.op_schedule .scheduleCellList .scheduleDate .scheduleInner .txt{
    display: block;
    width: 100%;
}
.op_schedule .scheduleCellList .scheduleDate .week {
    font-size: 40%;
    vertical-align: 0;
}
.op_schedule .scheduleCellList .scheduleDate .area {
    margin: 0 0 0 2px;
}
.op_schedule .scheduleCellList .scheduleVenue {
    width: 100%;
    font-size: 120%;
    font-weight: 600;
}
.op_schedule .scheduleCellList .scheduleTime {
    width: 100%;
    font-size: 100%;
}
.op_schedule .scheduleCellList .scheduleTime span {
    display: block;
    font-size: 70%;
    line-height: 1em;
    margin: 0 0 3px;
}
.op_schedule .scheduleCellList .scheduleInfo {
    width: 100%;
    font-size: 100%;
    margin: 0;
}
.op_schedule .scheduleCellList .scheduleTime .cap {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: bold;
    color: #454545;
}
.op_schedule .scheduleCellList .scheduleInfo .fa-info-circle{
    display:inline-block;
}
.op_schedule .scheduleCellList .scheduleInfo .playguide {
    display:inline-block;
    margin: 0 0 5px;
}
.op_schedule .scheduleCellList .scheduleInfo .playguideLink {
    font-size: 14px;
    display: inline-block;
}
.scheduleBox {
    margin: 0 auto 10vh;
}
.scheduleBox:before {
    top: -3vh;
}
.scheduleBox:after {
    bottom: -3vh;
}
.scheduleBox .tree p {
    width: 6vh;
    position: absolute;
}
.scheduleBox .tree p:nth-child(2) {
    bottom: 2%;
    left: auto;
    right: 1%;
}
.scheduleBox .addition {
    padding: 30px;
}
.op_schedule .scheduleCellList .scheduleVenue .txt {
    font-size: 19px;
    text-align: left;
    font-weight: bold;
}
.op_schedule .scheduleCellList .scheduleTime .txt {
    font-size: 15px;
    text-align: left;
}
.op_schedule .scheduleCellList .scheduleVenue .txt span {
    display: inline-block;
    font-size: 11px;
}
.op_ticket .tikcetDetail {
    padding: 20px;
}
.tikcetDetail.enArea {
    padding: 20px 0;
}
.op_ticket .detailList {
    display: block;
}
.op_ticket .detailList dt {
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    font-size: 80%;
    border-left: 5px solid;
}
.op_ticket .detailList dd {
    width: 100%;
    position: relative;
    padding: 0;
}
.op_ticket .detailList dd:before {
    content: none
}
.op_ticket .ticketList {
    margin-bottom: 20px;
}

.op_ticket .end .tikcetTit:after {
    top: -5px;
    right: -5px;
    transform: translate(0, 0);
    font-size: 50%;
    padding: 3px 7px 2px;
}
.op_ticket .tikcetTit {
    padding: 15px 50px 15px 15px;
   font-size: 15px;
}
.op_ticket .tikcetDetail .detailList:has(+ .btn){
    margin-bottom: 20px;
}

.ticketBox .inBox {
    margin: 0 auto 30px;
        border-radius: 10px;
}
.ticketBox .subTit {
    font-size: 12px;
    margin: 0 0 15px 0;
    padding: 5px 20px;
    font-weight: bold;
    border-radius: 999px;
    line-height: 1;
}
.subTit.entxt {
    border-radius: 0;
}
.ticketBox .ticketDetailList dt .txt {
    font-weight: bold;
    margin: 0 0 10px 0;
    font-size: 13px;
}
.ticketBox .ticketDetailList dd .price .txt {
    line-height: 1.5;
    font-size: 12px;
}
.ticketBox .ticketDetailList dd .price {
    margin: 0 0 15px 0;
}
.op_ticket .detailList {
    padding: 20px 0;
}
.op_ticket .detailList:first-child {
    padding: 20px 0;
}
.op_ticket .detailList dd .detailInner {
    width: 100%;
    font-size: 12px;
}
.ticketBox .textLink a {
    text-align: left;
    font-size: 12px;
}

body #cboxClose {
    top: -35px;
    right: 0;
    width: 20px;
    height: 20px;
}
body #cboxClose::before, body #cboxClose::after {
    height: 20px;
}
.goodsBox .contentBox h2.ja {
    font-size: 17px;
}
.goodsBox .contentBox .new {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 1;
        left: -10px;
        top: -10px;
        font-size: 18px;
        padding: 12px 0 0;
}
.goodsBox:before {
    top: -3vh;
}
.goodsBox:after {
    bottom: -3vh;
}

.movieBox .inBox {
    width: 100%;
    border-radius: 10px;
    padding: 15px;
}
.movieBox .inBox .mov {
    margin: 0 auto;
}
.movieBox .movieTxt {
  font-size: 14px;
  margin-bottom: 15px;
}
.messageBox .messageTxt {
    font-size: 14px;
}
}