@charset "utf-8";

body {
    font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
    background: #fff;
    color: #222;
}
#main{
padding:40px 0 0;
}
#book .goodsList{
padding:0 10px;
}
#book .goodsList li p{
margin:0;
}

.photoList{
margin-bottom: 30px;
}
.photoList li{
float:left;
width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;
}
.photoList li a{
  display:block;
  overflow: hidden;
}
.photoList li a:hover img {
    transform: scale(1.05);
}
.photoList li a img {
display:block;
width:100%;
}
.photoList li .thumb img{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#book .thumb,#book .thumb img{
display:block;
width:100%;
line-height: 0;
margin: 0;
}
#boxer.mobile{
z-index: 12220;
}

p.reportTxt {
color: #ffffff;
margin: 0 0 30px;
}

dl.reportBox {
margin: 0 auto 30px;
}
dl.reportBox dt {
font-size: 16px;
line-height: 20px;
padding: 0 0 0;
margin:30px 0 15px;
color: #3a3732;
position:relative;
font-weight: bold;
}
dl.reportBox dt:after {
position:absolute;
content:"";
border-bottom:solid 1px #3a3732;
width: 100%;
margin: auto;
left: 0;
top: 50%;
bottom: 50%;
}
dl.reportBox dt span {
background: #222;
color: #fff;
font-size: 21px;
display: inline-block;
position: relative;
z-index: 10;
padding: 0 10px 0 0;
font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
}
dl.reportBox dd {
color: #ffffff;
margin: 0 auto 10px;
}
p.credit {
text-align:right;
font-size: 13px;
color: #ffffff;
margin: 0 auto 70px;
}
p.backBtn {
text-align:center;
margin:0 auto;
}
p.backBtn a {
display:block;
background:#e46461;
border:solid 1px #e46461;
color:#fff;
padding:10px;
width:200px;
margin:0 auto;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
p.backBtn a:hover {
background:#fff;
color:#e46461;
margin:0 auto;
}






a {
text-decoration:none;
}

dl.setlist {
border: 1px solid #3a3732;
padding: 20px;
}
dl.setlist dt{
font-size:16px;
margin:0 auto 15px;
}
dl.setlist dd{
    text-align: center;
    letter-spacing: -0.4em;
    font-size:0;
}
dl.setlist dd p{
	text-align: left;
	 vertical-align:top;
	 display: inline-block;
	 letter-spacing: normal;
    font-size:14px;
width:50%;
}

a {  color: #222;}

.tolinkArea {
position:relative;
}

.tolinkArea a{
position:absolute;
top:0px;
}

.mainTitBox {
    line-height: 0;
    position: relative;
    width: 100%;
    height: 60vh;
    background: #64bdc1;
}


.mainTitBox h3.mainTit {
/*
line-height: 0;
max-height: 100vh;
overflow: hidden;
*/
max-width: 800px;
position: relative;
margin: 0 auto;
width: 74vw;

height: 100%;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.mainTitBox p.scrollbar {
display: none;
width: 2px;
height: 70px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -1px;
z-index: 10;
opacity: 1;
border-radius:2em;
}
.mainTitBox p.scrollbar:after {
    width: 100%;
    position: absolute;
    height: 100%;
    display: block;
    content: "";
    top: 0px;
    background: #64bdc1;
    -webkit-animation: scrollbar 1.2s linear 0s infinite;
    animation: scrollbar 1.2s linear 0s infinite;
}

.mainTitBox p.scrollbar:after {
    background: #64bdc1;
}



	@-webkit-keyframes scrollbar {
		0%{ height: 0; top: 0; bottom: auto; }
		46% { height: 100%; top: 0; bottom: auto; }
		50% { height: 100%; bottom: 0; top: auto; }
		54% { height: 100%; bottom: 0; top: auto; }
		100% { height: 0; bottom: 0; top: auto;}
	}
	@keyframes scrollbar {
		0%{ height:0%; top:0px; bottom:auto; }
		46% { height: 100%; top: 0; bottom: auto; }
		50% { height: 100%; bottom: 0; top: auto;}
		54% { height: 100%; bottom: 0; top: auto;}
		100% { height: 0; bottom: 0; top: auto; }
	}


.mainTitBox .word {
position: absolute;
bottom: 15vw;
left: 5vh;
    -webkit-animation: move 0.5s linear 0s ;
    animation: move 0.5s linear 0s ;
}
@-webkit-keyframes move {
0%{
left: -20px;
opacity: 0;
}
100% {
left: 00px;
opacity: 100;
}
}

@keyframes move {
0%{
-webkit-transform: translate(-20px, 0);
transform: translate(-20px, 0);
filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
100% {
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
}

.mainTitBox .word p {
color: #fff;
font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
line-height: 1.2;
text-shadow: 0 0 10px #222;
font-size: 47px;
padding: 0 0 0 0.6em;
}
.mainTitBox .word p.tit {
font-size: 58px;
padding: 0;

}
.sml {
    font-size: 80%;
}
ul.anchorBox {
    background: #a78a79;
    color: #000;
    font-size: 0;
    letter-spacing: -0.4em;
    margin: 0 auto;
    text-align: center;
}
ul.anchorBox li {
	display: inline-block;
    font-size: 24px;
	letter-spacing: normal;
padding: 0px 0px;
position: relative;
	text-align: center;
	vertical-align: middle;
	width: 260px;
}
ul.anchorBox li a {
color:#000;
display: block;
font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
letter-spacing: 0.4em;
padding: 10px 0px 10px 0.4em;
position:relative;
z-index: 10;
}
ul.anchorBox li a:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #64bdc1;
	position: absolute;
	bottom: 0;
	top: 0;
	left: -0.2em;
	right: 0;
	z-index: -1;
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
}


[class^="page--"] .section {
padding: 100px 0;
}
.section {
margin: 0 auto;
padding: 0px 8% 140px;
    width: 1000px;
}
section .inner {

}
section .inner table {
    width: 100%;
    border: solid 1px #64bdc1;
    background: #fff;
    font-size: 13.5px;
}

section .inner table th.entrytit {
font-size: 20px;
text-align: center;
background:#64bdc1;
color:#fff;
letter-spacing: 0.1em;
padding: 15px 0 15px;
}

section .inner table td.price {
text-align: center;
padding: 20px 0 20px;
}
section .inner table td.price:after {
content:none;
}


section .inner .liveTit {
font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
font-size: 17px;
margin: 30px auto 15px;
}

section .inner .tit{
font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
font-size: 34px;
letter-spacing: 0.4em;
line-height: 60px;
margin: 0 0 30px;
text-align: center;
color: #64bdc1;
}


/**********************************************

	ポップアップ

**********************************************/

.popbtn a{
    color: #EB6972;
    font-size: 20px;
    display: block;
    margin: 0 auto 50px;
    text-align: center;
    border: 2px solid #EB6972;
    padding: 10px;
    font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
    letter-spacing: 0.4em;
    transition: 0.3s;    
    width: 52.5%;
}
#scheduleBox #popup .popbtnpink a{
    color: #fff;
    background: #e06870;
    font-size: 20px;
    display: block;
    margin: 0 auto 50px;
    text-align: center;
    border: 2px solid #e06870;
    padding: 10px;
    font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
    letter-spacing: 0.4em;
    transition: 0.3s;    
}
#scheduleBox #popup .popbtnred a{
    color: #fff;
    background: #ff0000;
    font-size: 20px;
    display: block;
    margin: 0 auto 50px;
    text-align: center;
    border: 2px solid #ff0000;
    padding: 10px;
    font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
    letter-spacing: 0.4em;
    transition: 0.3s;    
}
.popbtn a:hover{
    background: #EB6972;
    border: 2px solid #EB6972;
    color: #fff;
    transition: 0.3s;
}
#scheduleBox #popup .popbtnpink a:hover{
    background: #000;
    border: 2px solid #000;
    color: #fff;
    transition: 0.3s;
}
#scheduleBox #popup .popbtnred a:hover{
    background: #000;
    border: 2px solid #000;
    color: #fff;
    transition: 0.3s;
}

.popbtn a {
    color: #EB6972;
    font-size: 20px;
    display: block;
    margin: 0 auto 50px;
    text-align: center;
    border: 2px solid #EB6972;
    padding: 10px;
    font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
    letter-spacing: 0.4em;
    transition: 0.3s;
}

#cboxOverlay {
	opacity: 1!important;
}
#cboxContent {
overflow: visible;
}
#cboxClose {
    position: absolute;
    right: -25px;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    top: -25px !important;
background:#64bdc1;
border-radius: 3em;
}
#cboxClose::before, #cboxClose::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
right: 0;
margin: auto;
}
#cboxClose::before {
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(20px) rotate(-45deg);
    top: 4px;
}
#cboxClose::after {
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-20px) rotate(45deg);
    bottom: 4px;
}
#colorbox {
    overflow: visible;    
}
#cboxLoadedContent {
    margin-bottom: 28px;
}
.modalArea{
    position: initial;
    background: #fff;
    color: #000;
    padding: 80px 4%;  
}
.modalArea .tit{
    font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
	font-weight: bold;
    font-size: 22px;
    margin: 0 0 20px 0;
    text-align: center;  
} 
.modalArea .ph img{
    display: block;
    margin: 0 auto 20px;
}
.modalArea .lead {
    font-size: 15px;
    margin: 0 0 20px 0;
    font-weight: 500;
}
.modalArea .subTit{
font-weight: bold;
    margin: 0 0 10px 0;
    font-size: 15px;
}
.modalArea .scheduleList{
    margin: 0 0 20px 0;
}
.modalArea .scheduleList li{

}
.modalArea .txt{
    margin: 0 0 5px 0;
}
#cboxWrapper {
    max-width: none;
    border-radius: 0;
    overflow: visible;
}

#cboxTopRight {
    display: none;    
}

table.scheduleTable {

}
table.scheduleTable tr {

}
table.scheduleTable th {
background: #64bdc1;
color: #fff;
padding:15px 0 15px 15px;
border: solid 1px #64bdc1;
}
table.scheduleTable td {
border-bottom:1px solid #64bdc1;
padding:15px 0 15px 15px;
}

table.scheduleTable th.day {
    width: 15%;
}

table.scheduleTable th.place {
	width: 8%;
	text-align:center;
}

table.scheduleTable th.venue {
	width: 30%;
}

table.scheduleTable th.time {
	width: 10%;
	text-align:center;
}

table.scheduleTable th.seat {
	width: 10%;
	text-align:center;
}

table.scheduleTable th.tel {
	width: 20%;
}

table.scheduleTable td.day {
	text-align:center;
}
table.scheduleTable td .red{
    color: #ff0000;
/*    font-size: 12px;*/
}
table.scheduleTable td .line{
text-decoration: line-through;
}
table.scheduleTable td.place {
	text-align:center;
}

table.scheduleTable td.time {
	text-align:center;
}
table.scheduleTable td.seat {
    text-align: center;
    font-size: 13px;
}
.senkou {
display: inline-block;
font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
font-size: 24px;
margin:80px auto 15px;
position: relative;
}
.senkou::after {
    background: #EB6972;
    bottom: 0px;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

table.ticketTable {
border:1px solid #64bdc1;
font-size: 16px;
margin:75px auto 35px;
}

table.ticketTable.cellTable {
margin:0px auto 35px;
}


table.ticketTable tr {

}
table.ticketTable th {
border-bottom:1px solid #64bdc1;
/*padding:25px 25px 25px 0px;*/
position: relative;
text-align: center;
width: 180px;
}
table.ticketTable td {
border-bottom:1px solid #64bdc1;
padding:25px 0 25px 30px;
position: relative;
}
table.ticketTable td:after {
content: "";
background: #64bdc1;
bottom: 0;
height:auto;
left: 0;
margin:15px auto;
/*right: 0px;*/
position: absolute;
top: 0;
width:1px;
}
table.ticketTable td .attentionTxt {
text-align: left!important;
}
table.ticketTable td a {
    color:#64bdc1;
   -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 0px;
    display: block;
}
table.ticketTable td a:hover,
.attentionBox .attentionInner ul.attention li a:hover{
text-decoration: underline;
}

#ticketBox h4 + table.ticketTable th {
    padding: 15px 20px;
    text-align: left;
    width: 600px;
    letter-spacing: 1px;
}
#ticketBox h4 + table.ticketTable td {
    font-size: 16px;
}
.ticketArea li:not(:last-child) {
    padding: 0 0 5px;
}
.ticketArea li span{
    display: inline-block;
    width: 58px;
}
ul.attention {
padding: 0 0 0 10px;
}
ul.attention li {
padding:0 30px 5px 0.7em;
text-indent: -0.7em;
}
ul.attention li span {
    color: #f00;
    display: inline-block;
}

p.btn {
text-align:center;
}
p.btn a {
    background: #fcad84;
    border: 1px solid #fcad84;
    color: #fff;
    display: block;
    font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
    font-size: 16px;
    line-height: 60px;
    margin: 0 auto 30px;
    position: relative;
    width: 330px;
    z-index: 10;
    text-decoration: none;
    border-radius: 10px;
    overflow: hidden;
}
p.btn a:hover {
border:solid #64bdc1 1px;
text-decoration: none;
}
p.btn a:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #64bdc1;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0em;
	right: 0;
	z-index: -1;
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
	
}
p.btn a:hover:before{
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

p.btn a.regist {
    background: #f4878e;
    border: 1px solid #f4878e;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    overflow: hidden;
    margin: 30px auto 30px;
}
p.btn a.regist:hover {
text-decoration: none;
border:solid #64bdc1 1px;
}
p.btn a.regist:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #64bdc1;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0em;
	right: 0;
	z-index: -1;
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
}
p.btn a.regist:hover:before{
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}



p.btn.fin a {
cursor: default;
pointer-events: none;
text-decoration:none;
background: #bbb;
border:solid #bbb 1px;
}
p.btn.fin a:before {
content:none;
}

.attentionTxt {
font-size: 16px;
margin:0 auto 5px;
text-align:center;
}


.entryTxt {
font-size: 16px;
margin:0 auto 20px;
text-align:center;
font-weight: 600;
}

.c_blue {
color:#00f;
}
.c_red {
color:#f00;
}


dl.ticketList {

}
dl.ticketList dt {
border-right: 1px solid #64bdc1;
float: left;
margin: 0 25px 0 0;
width: 43%;
}
dl.ticketList dd {
border-bottom: 1px solid #64bdc1;
padding: 0 0 10px;
margin: 0 0 10px;
}
dl.ticketList dd span {
font-size:13px;
}

dl.ticketList dd .red {
color:#f00;
}

dl.ticketList dd:last-child {

}

.notice{
    font-size: 12px;
}


.mainTit .tit00{
    position: relative;
}
.mainTitBox, ul.anchorBox{
    -webkit-animation: fade01 0.5s ease-in 0.15s forwards;
    animation: fade01 0.5s ease-in 0.15s forwards;
}
ul.anchorBox{
  opacity:0;
}

.mainTit .tit03{
    -webkit-animation: fade01 0.5s ease-in 0.45s forwards;
    animation: fade01 0.5s ease-in 0.45s forwards;
}
.mainTit .tit04{
    -webkit-animation: fade01 0.5s ease-in 0.6s forwards;
    animation: fade01 0.5s ease-in 0.6s forwards;
}
.mainTit .tit05{
    -webkit-animation: fade01 0.5s ease-in 0.75s forwards;
    animation: fade01 0.5s ease-in 0.75s forwards;
}
.mainTit .tit06{
    -webkit-animation: fade01 0.5s ease-in 0.9s forwards;
    animation: fade01 0.5s ease-in 0.9s forwards;
}

@-webkit-keyframes fade01 {
0%{
    opacity:0;
    transform: translateY(10px);
}
100% {
    opacity:1;
    transform: translateY(0);
}
}
@keyframes fade01 {
0%{
    opacity:0;
    transform: translateY(10px);
}
100% {
    opacity:1;
    transform: translateY(0);
}
}

@-webkit-keyframes fade00 {
0%{
    opacity:1;
}
100% {
    opacity:0;
}
}
@keyframes fade00 {
0%{
    opacity:1;
}
100% {
    opacity:0;
}
}


.fa {
    display: inline;
}


ul.btnList {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin: 0 auto 20px;
}
ul.btnList li {
margin: 0 15px;
}

.imglink {
width: 500px;
text-align: center;
margin: 0 auto 100px;
}

.imglink a {/*
    color: #fff;
    background: #e5004f;
    font-size: 16px;
    display: inline-block;
    margin: 0 auto 50px;
    text-align: center;
    border: 2px solid #e5004f;
    padding: 0px 15px;
    font-family: 'Crimson Text', "Sawarabi Mincho", 'Yu Mincho', serif;
    letter-spacing: 0.1em;
transition: 0.3s;
border-radius: 10px;
line-height: 60px;
width: 330px;
*/}
.imglink a:hover{/*
    background: #000;
    border: 2px solid #000;
    color: #fff;
*/}


.attentionBox {
margin: 0px auto 35px;
}

.attentionBox h5.attentiontit {
color:
#ff0000;
font-size: 24px;
letter-spacing: 0.4em;
margin: 0 0 30px;
text-align: center;
line-height: 1.3em;
}

.attentionBox .attentionhead {
font-size: 20px;
text-align: center;
background:#64bdc1;
color:#fff;
letter-spacing: 0.1em;
padding: 15px 0 15px;
}
.attentionBox .attentionInner {
border: solid 1px #64bdc1;
background:#fff;
padding: 25px 30px 25px 30px;
}

.attentionBox .attentionInner h6 {
    text-align: center;
    font-weight: bold;
    margin: 0 auto 25px;
    font-size: 18px;
    letter-spacing: 1px;
}

.attentionBox .attentionInner .subtit {
text-align: center;
font-weight:bold;
margin:0 auto 25px;
color:#f00;
}
.attentionBox .attentionInner .lead {
margin:0 auto 25px;

}
.attentionBox .attentionInner .txt {
text-align: center;
margin: 40px auto 20px;
}


.attentionBox .attentionInner ul.attention li a {
color: #64bdc1;
}


@media (min-width: 900px) {
.sp{
	display: none;
}
ul.anchorBox li a:hover:before{
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.mainTitBox {
    opacity: 0;
}

.mainTit img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    margin: auto;
bottom: 0;
}


}


.sp {
    display: none !important;
}


@media (max-width: 900px) {
.pc {
    display: block !important;
}

.wrap {
    padding: 0px 0 57px;
}
.mainTitBox {
    line-height: 0;
    position: relative;
    width: 100%;
    height: auto;
}

.mainTitBox h3.mainTit {
width: auto;
height:  320px;
padding: 30px 0 0;
}
.mainTitBox{
    opacity: 0;
}
.mainTit img {
	position: absolute;
/*    left: 20px;
    top: 40px;
    top: 3vh;*/
    width: 90%;
}

.mainTitBox .word {
animation: none;
left: 2%;
margin: auto;
right: 0;
text-align: left;
bottom: 10%;
}
.mainTitBox .word p {
font-size: 18px;
text-shadow: 0 0 3px #222;
padding: 0 0 0 0.6em;
}
.mainTitBox .word p.tit {
font-size: 23px;
padding: 0;

}

.mainTitBox p.scrollbar {
height: 30px;
bottom: 10px;
display: none;
}

ul.anchorBox li {
font-size: 18px;
width: 50%;
}
ul.anchorBox li a {

}
ul.anchorBox li a:before {
left: 0;
}

.tolinkArea a {
top: -60px;
}

section .inner .tit {
font-size: 24px;
line-height: 1.4em;
margin: 0px auto 20px;
}

[class^="page--"] .section {
    padding: 70px 5%;
    width: auto;
}


/**********************************************

	ポップアップ

**********************************************/

#scheduleBox #popup .btn {
    font-size: 12px;
}
#scheduleBox #popup .btn:hover {
    background: none;
    border: 2px solid #EB6972;
    color: #EB6972;
}
#scheduleBox #popup .btn .txt{
    font-size: 10px;
    line-height: 1.8em;
}
.modalArea {
    padding: 30px 5%;
}
#cboxOverlay {
    background: rgba(0,0,0,0.8);
}
#cboxLoadedContent {
    transition: none;
}
#cboxClose {

}
.modalArea .ph img {
    display: block;
    margin: 0 auto 9px;
}
.modalArea .tit {
    font-size: 11px;
}
.modalArea .lead {
    font-size: 10px;
    margin: 0 0 15px 0;
    font-weight: 500;
}
.modalArea .subTit {
    font-weight: bold;
    margin: 0 0 10px 0;
    font-size: 11px;
}
.modalArea .scheduleList {
    margin: 0 0 20px 0;
    font-size: 11px;
}
.modalArea .txt {
    font-size: 10px;
}
#colorbox {
display: block;
    visibility: visible;
	top: 199px;
    left: 0px;
    position: absolute;
    width: 375px;
    height: 552px;
}
section .inner table {
border-top:none;
}

section .inner table td.price {
    padding: 15px 0 15px;
}
table.scheduleTable {
border-bottom: 1px solid #64bdc1;
}
table.scheduleTable tr {
    line-height: 1.4;
}
table.scheduleTable th {
display:none;
text-align:left;

}
table.scheduleTable td {
display:block;
border: none;
padding: 0;
position: relative;
}
table.scheduleTable td.day  {
border-top: 1px solid #64bdc1;
font-size: 14px;
font-weight:bold;
padding: 15px 15px 10px;
text-align:left;
}
table.scheduleTable td.place{
display:inline-block;
font-size: 16px;
font-weight:bold;
padding:0 5px 3px 15px;
}
table.scheduleTable td.venue {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 3px 15px;
}

table.scheduleTable td.time {
padding: 0px 0 5px 8.5em;
text-align:left;
}
table.scheduleTable td.tel::before {
    color: #64bdc1;
    content: "お問い合わせ";
    left: 15px;
    position: absolute;
    top: 0;
    z-index: 10;
}
table.scheduleTable td.seat {
    padding: 0 15px 10px;
    text-align: left;
}

table.scheduleTable td.tel {
padding: 20px 15px 15px;
}

table.scheduleTable td.tel:before {
/*display:block;*/
color: #64bdc1;
content:"お問い合わせ";
left: 15px;
position: absolute;
top: 0;
z-index:10;
}
table.scheduleTable td.tel .red{
	color: #ff0000;
    font-size: 12px;
}
.senkou {
font-size: 20px;
    text-align: center;
    width: 100%;
    margin: 30px auto 15px;
}
.senkou:after {
height: 10px;
}
#ticketBox h4 + table.ticketTable th {
    padding: 4% 5% 0;
}
#ticketBox h4 + table.ticketTable th.entrytit {
    font-size: 16px;
    padding: 10px 5%;
    text-align: center;
}
#ticketBox h4 + table.ticketTable th{
    width: 100%;
}
table.ticketTable th {
border: 0;
display: block;
font-size: 14px;
padding: 5% 5% 0;
text-align: left;
width: 100%;
}
table.ticketTable th:after {
height:1px;
width:auto;
margin: 0 10px;
}
table.ticketTable td {
display: block;
padding:0 5% 4%;
font-size: 14px;
}
table.ticketTable td:after {
content: none;
}
table.ticketTable tr:last-of-type td {
border:none;
}
.ticketArea {
    border-bottom: solid 1px #64bdc1;
    padding: 0 0 4%;
    margin: 0 0 4%;
}

ul.attention {
padding: 0 0 0 3%;
}
ul.attention li {
font-size: 14px;
padding: 0 0px 5px 0.7em;
}

p.btn a {
width: 100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
margin: 0 auto 20px;
}

.entryTxt {
    font-size: 12px;
}
.attentionTxt {
font-size: 14px;
margin:0 auto 5px;
text-align:left;
text-indent: -1.0em;
padding:0 0 0 1em;
}

dl.ticketList {
border-top: 1px solid #64bdc1;
padding: 10px 0 0;
margin: 10px 0 0;
}
dl.ticketList dt {
border-right: 0px solid #64bdc1;
float: none;
margin: 0 10px 0 0;
width: 100%;
}
dl.ticketList dd {
border-bottom: 1px solid #64bdc1;
padding: 0 0 10px;
margin: 0 0 10px;
}

dl.ticketList dd span {
    font-size: 12px;
}

section .inner .liveTit {
font-size: 2.6vw;
text-indent: -0.5em;
}



ul.btnList {
text-align: center;
display: block;
justify-content: center;
margin: 0 auto 20px;
}
ul.btnList li {
margin: 0 15px;
}
ul.btnList li p.btn a {
margin: 0 auto 20px;
}

.popbtn a {
font-size: 16px;
letter-spacing: 0.1em;
}

#scheduleBox #popup .popbtnpink a {
font-size: 16px;
letter-spacing: 0.1em;
}

#scheduleBox #popup .popbtnred a {
font-size: 16px;
letter-spacing: 0.1em;
}
.imglink {
    margin: 50px 0;
    width: 100%;
}
.imglink a {
/*font-size: 16px;
letter-spacing: normal;
font-weight: bold;
width: 100%;
*/
}


.attentionBox h5.attentiontit {
font-size: 18px;
letter-spacing: normal;
margin: 0 0 20px;
}

.attentionBox .attentionhead {
font-size: 16px;
padding: 10px 0 10px;
}

.attentionBox .attentionInner {
padding: 5%;
}
.attentionBox .attentionInner h6{
margin: 0 auto 5%;
font-size:14px;
}

.attentionBox .attentionInner .subtit,
.attentionBox .attentionInner .lead{
margin: 0 auto 5%;
}

.attentionBox .attentionInner .txt {
text-align: left;
margin: 5% auto 3%;
}

.popbtn a {
font-size: 16px;
letter-spacing: 0.1em;
}

#scheduleBox #popup .popbtnpink a {
font-size: 16px;
letter-spacing: 0.1em;
}

#scheduleBox #popup .popbtnred a {
font-size: 16px;
letter-spacing: 0.1em;
}

}

@media (max-width: 900px) {

  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  [class^="page--"] .section {
    padding: 80px 5% 0;
    width: auto;
  }
  mainTitBox h3.mainTit {
    width: auto;
    height: 280px;
    padding: 25px 0 0;
  }
  .mainTit img {
    width: 85%;
  }
  ul.anchorBox li {
      font-size: 16px;
  }
  ul.anchorBox li a{
    letter-spacing: 3px;
    padding: 10px 0;
  }
  .ticketArea li span {
    position: absolute;
    left: 0;
    top: 0;
  }
  .ticketArea li, .ticketArea li:not(:last-child){
    padding: 0 0 10px 60px;
    position: relative;
    line-height: 1.4;
  }
  .ticketArea li:last-child{padding: 0 0 0 60px;}
  .attentionBox h5.attentiontit {
    font-size: 5vw;
  }
  section .inner table th.entrytit {
    font-size: 18px;
  }
  .attentionBox {
    margin: 70px auto 35px;
  }
}