@charset "UTF-8";

:root {
 --main-color : #000;
 --main-color-fc : #FFF;
 --sub-color : #d8de00;
 --sub-color-fc : #FFF;
 --body-color-fc : #000;
}



/*----------------------------------------------*/
/*----------------------------------------------*/
/*MTWB2016 [ Index Page ]*/
/*----------------------------------------------*/
/*Created: 2016.04.29*/
/*Last Update:	2016.06.28*/
/*----------------------------------------------*/




/*INDEX*/
html,body {
 font-size: 100%;
}
html {
 overflow:auto;
}
body {
 overflow: hidden;
}
.nav ul li {
 font-size: 1.2rem;
 padding: 1.2rem;
}
.nav ul li a {
 margin: -1.2rem;
 padding: 1.2rem;
}
.nav ul .btn-tweet, .nav ul .btn-fb, .nav ul .btn-rk {
 padding: 1.2rem .6rem 0;
}

/*[ Artists ]*/
/*----[ Slider ]----*/

/*[ PR Info ]*/

/*[ Entry Detail ]*/

/*[ Others ]*/
/*----[ Program Info ]----*/
/*----[ MTWB Info ]----*/
/*----[ Booth Info ]----*/
/*----[ HACHICORE ]----*/
/*----[ Inquire ]----*/
/*----[ NG Tickets ]----*/






/*
[INDEX]
*/

header .mainimage img {
    margin: 0 auto;
}

@media screen and (min-width:640px) {
header .mainimage img {
	max-width: 1150px;
	width: 100%;
}
}


/*
[ Artists ]
*/

/*[ Frame ]*/
#artist {
width:auto;
height:auto;
margin:0;
padding:0;
}


/*[ Title ]*/
#artist .corner-ttl {
display:none;
}





/*----[ Slider ]----*/
/*[ Slider Frame ]*/
.wideslider {
width: 100%;
text-align: left;
position: relative;
margin:0;
padding:0;
overflow:hidden;
}
.wideslider img {
margin:0;
padding:0;
vertical-align:bottom;
}


/*[Slider Arrows ]*/
.wideslider ul,
.wideslider ul li {
float: left;
display: inline;
overflow: hidden;
}

.wideslider ul li img {
width: 100%;
display: none;
vertical-align:bottom;
margin:0;
padding:0;
}

.wideslider_base {
top: 0;
position: absolute;
}
.wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;

}
.slider_prev,
.slider_next {
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
cursor: pointer;
}
.slider_prev {background: #A9DDF3 url(../../index/images/arrow_prev.png) no-repeat right center;}
.slider_next {background: #A9DDF3 url(../../index/images/arrow_next.png) no-repeat left center;}



/*[ Page Nation ]*/
.pn-box {
width:auto;
height:auto;
margin:0;
padding:0;
position:relative;
overflow:hidden;
z-index:500;
}
.pagination {
width:auto;
height:auto;
text-align:center;
position:relative;
margin:0;
padding:0;
}

.pagination a {
height:auto;
margin:0;
padding:0;
position:relative;
float:left;
}
.pagination a.active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}




/*[ Photo Frame ]*/
.pFrame {
width:auto;
height:auto;
margin:0;
padding:0;
position:relative;
}

/*[Artist Name]*/
.pFrame p.name {
width:auto;
height:auto;
margin:0;
padding:0;
position:absolute;
left:0;
bottom:0;
z-index:99;
}



/*[ Thumbnail ]*/
.thumbnail {
display:none;
}


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

.pagination a {
width:8.333%;/*12*/
/*
width:11.11111%; 9*/
/*
width:10%; 10*/
/*
width:9.09090%; 11*/
}


}


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

.pagination a {
width:33.33333%;/*3*/
width:20%; /*5*/
width:16.66666%; /*6*/
}


}









/*
[ PR Info ]
*/

/*[ Frame ]*/
#artist .pr-info {
width:auto;
height:auto;
margin:0;
padding:3rem 1rem;
background:#D4145A;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}



/*[ Text ]*/
#artist .pr-info p {
font-size:2.4rem;
font-weight:bold;
color:#FFF;
text-align:center;
margin:0;
padding:0;
}
#artist .pr-info .mgb {
	margin-bottom:1rem;
}

/*[Next Info]*/
#artist .pr-info .t-small {
font-size:1.6rem;
font-weight:normal;
color:#FFF;
margin:0;
padding:1rem 0 0;
}

/*[ Button Text ]*/
#artist .pr-info .btn-prg {
width:auto;
max-width:1024px;
height:auto;
margin:0 auto;
padding:0;
}
#artist .pr-info .btn-prg a {
width:auto;
height:auto;
margin:0;
padding:2rem 1rem;
display:block;
font-size:2.2rem;
line-height:1;
font-weight:bold;
color:#FFF;
text-decoration:none;
text-align:center;
overflow:hidden;
background:#D4145A;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
border:3px solid #FFF;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}
#artist .pr-info .btn-prg a:hover {
background:#FFF;
border:3px solid #D4145A;
color:#D4145A;
}



@media screen and (max-width:640px) {
#artist .pr-info {
margin:0;
padding:1.6rem .8rem;
}
#artist .pr-info p {
font-size:1.8rem;
padding:0 0 .5rem;
}
#artist .pr-info .t-small {
font-size:1.4rem;
}

#artist .pr-info .btn-prg {
width:auto;
padding:1.4rem 0;
}
#artist .pr-info .btn-prg a {
padding:1.2rem 1rem;
}


}



@media screen and (min-width:641px) and (max-width:1024px) {
.pt3,
.pt4 {
display:block;
}

}








/*
[ Entry Detail ]
*/

/*[ Frame ]*/
#how-to-entry {
width:auto;
height:auto;
margin:2rem 0 0 0;
padding:0;
}
#how-to-entry > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:0 0 35px;
border-bottom:3px solid #D4145A;
}


/*[Title]*/
#how-to-entry .corner-ttl {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:center;
}


/*[ Each Entries]*/
#how-to-entry #each-entry .base {
width:auto;
height:auto;
margin:0 0 15px;
padding:28px 32px;
background:#FFFF66;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
position:relative;
}

/*[ Off Entry ]
#how-to-entry #each-entry.off-entry .top {
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
*/
#how-to-entry #each-entry.end-entry .top {
opacity:0.3;
filter: alpha(opacity=30);
-ms-filter: "alpha( opacity=30 )";
}
#how-to-entry #each-entry.end-entry .base {
background:#999;
}

#how-to-entry #each-entry.off-entry .base {
background:#FFF;
}

/*[ Corner Block ]*/
#how-to-entry .en-icon {
width:10.714%;/*96px*/
height:auto;
margin:0;
padding:0;
float:left;
}
/*[ Inner Frame ]*/
#each-entry .inner-frame {
width:87.053%;/*780px*/
height:auto;
margin:0;
padding:0;
float:right;
}
#each-entry .inner-frame h3 {
font-size:1.8rem;
margin:0;
padding:0;
text-align:left;
}

/*[ Heading ]*/
#each-entry .inner-frame h3 .heading {
font-size:3rem;
line-height:3.8rem;
font-weight:bold;
color:#D4145A;
display:block;
}


/*[ Number ]*/
#each-entry .inner-frame .number {
font-size:2.2rem;
font-weight:bold;
color:#D4145A;
margin-bottom:1rem;
}

#each-entry .inner-frame p{
clear:both;
font-size:1.6rem;
margin:0;
padding:0;
}
#each-entry .inner-frame .t-date {
color:#FFF;
background:#111;
margin-bottom:1.6rem;
padding:.4rem 1.2rem;
border-radius:20px;
float:left;
font-size:1.3rem;
}

/*[ for Post ]*/
#each-entry .inner-frame .ee-post {
width:auto;
height:auto;
margin:2rem 0 0;
padding:1.6rem;
border:1px solid #CCC;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
}
#each-entry .inner-frame .ee-post dt {
font-size:1.6rem;
font-weight:bold;
margin:0 0 1rem;
padding:0 0 1rem;
text-align:left;
color:#444;
border-bottom:1px dotted #B5B4B4;
}
#each-entry .inner-frame .ee-post dd {
font-size:1.4rem;
margin:0;
padding:0;
}
#each-entry .inner-frame .ee-post dd .tb {
font-weight:bold;
}


/*[ Entry Button ]*/
#btn.for-entry {
width:auto;
height:auto;
margin:2rem 0 0;
padding:0;
list-style:none;
}
#btn.for-entry li {
margin:0;
padding:0;
}
#btn.for-entry li a {
width:auto;
height:auto;
padding:.5rem;
margin:0;
background:#D4145A;
display:block;
overflow:hidden;
text-decoration:none;
color:#FFF;
font-size:1rem;
font-weight:bold;
text-align:center;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
text-shadow:1px 1px 2px rgba(223,33,100,1.00);
box-sizing:border-box;
}
#btn.for-entry li a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
/*[ for Closing ]*/
#btn.for-entry .closing {
width:auto;
height:auto;
padding:18px;
margin:0;
color:#444;
background:#EEE;
font-size:1.8rem;
text-align:center;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
text-shadow:0px 1px 0px #FFF;
}


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

#how-to-entry > .inner-frame {
padding:0 0 20px;
}


#how-to-entry #each-entry .base {
margin:0 10px 10px;
padding:16px 14px;
border-radius:5px;
-webkit-border-radius:5px;
}

#each-entry .inner-frame h3 {
font-size:1.6rem;
line-height:1.2;
}
#each-entry .inner-frame h3 .heading {
font-size:2.4rem;
margin-top:1rem;
margin-bottom:.3rem;
}

/*[ Number ]*/
#each-entry .inner-frame .number {
font-size:1.8rem;
}


#btn.for-entry li a {
/*
padding:14px;
font-size:1.8rem;
*/
}

#btn.for-entry .closing {
padding:14px;
font-size:1.6rem;
}


}


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

#how-to-entry > .inner-frame {
padding:0 0 16px;
}


#how-to-entry .en-icon {
width:auto;
float:none;
display:none;
}

#each-entry .inner-frame {
width:auto;
float:none;
}

#each-entry .inner-frame h3 {
margin:0 0 .3em;
}


}


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

#each-entry .inner-frame .t-date {
padding:.2em .8em;
border-radius:40px;
font-size:1.3rem;
}


}


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

#btn.for-entry li a {
/*
padding:12px 6px;
font-size:1.6rem;
*/
}


}



@media screen and (min-width:641px) and (max-width:1024px) {

#how-to-entry > .inner-frame {
width:984px;
margin:0 auto;
}

#how-to-entry #each-entry {
margin:0 auto 15px;
}

}


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

#how-to-entry > .inner-frame {
width:1024px;
margin:0 auto;
}

#how-to-entry #each-entry {
margin:0 auto 15px;
}

}










/*
[ Others ]
*/


#others {
width:auto;
height:auto;
margin:0;
padding:0;
}

#others > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:20px 12px;
}


@media screen and (min-width:641px) and (max-width:1024px) {
#others {
width:1020px;
margin:0 auto;
}

#others > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:50px 12px;
}


}



@media screen and (min-width:1025px) {
#others {
width:1024px;
margin:0 auto;
}

#others > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:50px 0;
}


}





/*----[ MTWB Info ]----*/
/*[ Frame ]*/
.mtwb-info {
width:auto;
height:auto;
margin:0 0 50px;
padding:0;
}
.mtwb-info .inner-frame {
width:auto;
height:auto;
margin:0;
padding:2rem 1.8rem;
text-align:left;
background:#FFF;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
}

/*[ Corner Title ]*/
.mtwb-info .corner-ttl {
width:auto;
height:auto;
margin:0 0 20px;
padding:1rem;
font-size:2.2rem;
line-height:1;
font-weight:normal;
font-family: 'Candal', sans-serif;
color:#FFF;
background:#D4145A;
}


/*[ Detail ]*/
.mtwb-info .detail {
width:auto;
height:auto;
margin:0 0 3rem;
padding:0 12px;
}

/*[ Title Box ]*/
.mtwb-info .detail .detail-set {
width:auto;
height:auto;
margin:0;
padding:0;
}

/*[ Detail Title ]*/
.mtwb-info .detail .detail-set .title {
font-size:1.8rem;
font-weight:bold;
margin:0 0 .5rem;
padding:0;
text-align:left;
color:#D4145A;
}

/*[ Detail Date ]*/
.mtwb-info .detail .detail-set .date {
font-size:1.4rem;
margin:0 0 .5em;
padding:0;
text-align:left;
color:#555;
}

/*[ Detail Photo ]*/
.mtwb-info .detail  .photo {
width:auto;
height:auto;
margin:0 auto 1.6rem;
padding:0;
text-align:center;
}
.mtwb-info .detail  .photo img {
max-width:100%;
max-height:320px;
margin:0;
padding:0;
vertical-align:bottom;
}

/*[ Detail Text ]*/
.mtwb-info .detail  .txt {
font-size:1.5rem;
line-height:2rem;
margin:0;
padding:0;
text-align:left;
}

/*[ Entry Button ]*/
#btn.for-mtwb {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
#btn.for-mtwb li {
margin:0;
padding:0;
}
#btn.for-mtwb li a {
width:auto;
height:auto;
padding:1.6rem 1rem;
margin:0;
background:#D4145A;
display:block;
overflow:hidden;
text-decoration:none;
color:#FFF;
font-size:1.8rem;
font-weight:normal;
font-family: 'Candal', sans-serif;
text-align:center;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
text-shadow:1px 1px 2px #9F0F44;
}
#btn.for-mtwb li a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


@media screen and (max-width:640px) {
.mtwb-info {
margin:0 0 32px;
border-bottom:none;
}
.mtwb-info .inner-frame {
padding:1.5rem 1.3rem;
border-radius:5px;
-webkit-border-radius:5px;
}

.mtwb-info .corner-ttl {
margin:0 0 16px;
font-size:1.8rem;
}

/*[ Detail ]*/
.mtwb-info .detail {
margin:0 0 2rem;
padding:0 12px;
}

.mtwb-info .detail .detail-set date {
font-size:1.3rem;
}

.mtwb-info .detail .photo {
margin:0 auto 1.6rem;
}

#btn.for-mtwb li a {
padding:12px;
font-size:1.6rem;
}


}






/*----[ Program Info ]----*/
/*[ Frame ]*/
.prog-info {
width:auto;
height:auto;
margin:0 0 50px;
padding:0;
}
.prog-info .inner-frame {
width:auto;
height:auto;
margin:0;
padding:2rem 1.8rem;
text-align:left;
background:#FFF;
border-radius:7px;
border: 1px solid #CCC;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
}

/*[ Corner Title ]*/
.prog-info .corner-ttl {
width:auto;
height:auto;
margin:0 0 20px;
padding:1rem;
font-size:2.2rem;
line-height:1;
font-weight:normal;
font-family: 'Candal', sans-serif;
color:#FFF;
background:repeating-linear-gradient(-30deg, #D4145A 0, #D4145A 10px, #C2145A 10px, #C2145A 20px);
}

/*[ Detail ]*/
.prog-info .detail {
width:auto;
height:auto;
margin:0 0 15px;
padding:0 12px;
border-bottom:1px dotted #338DC9;
}
.prog-info .detail:last-child {
margin:0;
border-bottom:none;
}


/*[ Detail Title ]*/
.prog-info .detail .detail-ttl {
font-size:1.6rem;
margin:0 0 2rem;
padding:0;
text-align:left;
font-weight:normal;
/*color:#D4145A;*/
}


/*[ Detail Article ]*/
.prog-info .detail .prog-article {
	width:auto;
	height:auto;
	margin:0 0 2rem;
	padding:0 0 1.6rem 1rem;
	border-bottom:1px dotted #338DC9;
}
.prog-info .detail .prog-article:last-child {
	margin:0;
	border-bottom:none;
}

/*[ Detail Head ]*/
.prog-info .detail .detail-small {
font-size:1.5rem;
line-height:1;
font-weight:bold;
margin:0 0 1.2rem -1rem;
padding:.6rem 1rem;
text-align:left;
color:#FFF;
background:#D4145A;
display:inline-block;
border-radius:3rem;
letter-spacing:0;
}

/*[ Detail Bold ]*/
.prog-info .detail .detail-bold {
font-size:2.2rem;
line-height:3.2rem;
font-weight:bold;
margin:0 0 .1rem;
padding:0;
text-align:left;
color:#D4145A;
color:#D4145A;
}

/*[ Detail Text ]*/
.prog-info .detail .detail-txt {
font-size:1.6rem;
font-weight:bold;
margin:0 0 1rem;
padding:0;
text-align:left;
}

/*[ Detail List ]*/
.prog-info .detail .detail-list {
margin:0 0 1rem;
padding:0 0 0 2rem;
list-style:none;
}
.prog-info .detail .detail-list li {
margin:0;
padding:0;
font-size:1.5rem;
list-style-type:disc;
}

/*[ Detail Attention ]*/
.prog-info .detail .detail-att {
	font-size:1.3rem;
}



@media screen and (max-width:640px) {
.prog-info {
margin:0 0 32px;
border-bottom:none;
}
.prog-info .inner-frame {
padding:1.5rem 1.3rem;
border-radius:5px;
-webkit-border-radius:5px;
}

.prog-info .corner-ttl {
margin:0 0 16px;
font-size:1.8rem;
}

.prog-info .detail .prog-article {
	padding:0 0 1.6rem;
}

.prog-info .detail .detail-ttl {
font-size:1.6rem;
}

.prog-info .detail .detail-small {
font-size:1.4rem;
margin:0 0 .8rem;
}

.prog-info .detail .detail-bold {
font-size:1.8rem;
line-height:2rem;
margin-bottom:.6rem;
}


}





/*----[ Booth Info ]----*/
/*[ Frame ]*/
.booth-info {
width:auto;
height:auto;
margin:0 0 50px;
padding:0;
}
.booth-info .inner-frame {
width:auto;
height:auto;
margin:0;
padding:2rem 1.8rem;
text-align:left;
background:#FFF;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
}

/*[ Title ]*/
.booth-info .corner-ttl {
width:auto;
height:auto;
margin:0 0 20px;
padding:1rem;
font-size:2.2rem;
line-height:1;
font-weight:normal;
font-family: 'Candal', sans-serif;
color:#FFF;
background:#D4145A;
}

/*[ Detail ]*/
.booth-info .detail {
width:auto;
height:auto;
margin:0 0 15px;
padding:0 12px;
border-bottom:1px dotted #338DC9;
}
.booth-info .detail:last-child {
margin:0;
border-bottom:none;
}

/*[ Detail Title ]*/
.booth-info .detail .detail-ttl {
font-size:1.6rem;
margin:0 0 1rem;
padding:0;
text-align:left;
color:#D4145A;
}

/*[ Detail Text ]*/
.booth-info .detail .detail-txt {
font-size:1.5rem;
margin:0 0 .3rem;
padding:0;
text-align:left;
}

/*[ Detail List ]*/
.booth-info .detail .detail-list {
margin:0;
padding:0;
list-style:none;
}
.booth-info .detail .detail-list li {
margin:0;
padding:0;
font-size:1.5rem;
}

/*[ Pics ]*/
.booth-info .detail .detail-pics {
max-width:180px;
float:right;
margin-left:1rem;
margin-bottom:1rem;
padding:0;
}


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

.booth-info {
margin:0 0 32px;
border-bottom:none;
}
.booth-info .inner-frame {
padding:1.5rem 1.3rem;
border-radius:5px;
-webkit-border-radius:5px;
}

.booth-info .corner-ttl {
margin:0 0 16px;
font-size:1.8rem;
}

.booth-info .detail .detail-pics {
max-width:200px;
float:none;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:center;
}


}





/*----[ HACHICORE ]----*/
#others .hachicore {
margin:0 0 35px;
padding:0;
text-align:center;
}


/*----[ Inquire ]----*/
/*[ Frame ]*/
#others .inquire {
margin:0 0 35px;
padding:0;
}
#others .inquire .inner-frame {
width:auto;
height:auto;
margin:0;
padding:18px 15px 15px;
border:3px solid #338DC9;
background:#FFF;
text-align:center;
}


/*[ Title ]*/
#others .inquire .inner-frame .ttl {
margin:0 auto .5em;
padding:0;
text-align:center;
}


/*[ Copy ]*/
#others .inquire .inner-frame .cp {
font-size:0.9em;
line-height:1.5em;
margin:0 0 .8em;
padding:0;
text-align:center;
}


/*[ Tel ]*/
#others .inquire .inner-frame .tel {
margin:0;
padding:15px 0 0;
border-top:1px dotted #338DC9;
}
#others .inquire .inner-frame .tel dt,
#others .inquire .inner-frame .tel dd {
font-weight:bold;
margin:0;
padding:0;
text-align:center;
}
#others .inquire .inner-frame .tel dt {
font-size:1.1em;
margin:0 0 .5em
}
/*(break)*/
#others .inquire .inner-frame .tel dt .break {
display:none;
}
#others .inquire .inner-frame .tel dd {
font-size:1.8em;
color:#D4145A;
}
#others section:last-child {
margin:0;
}


@media screen and (max-width:640px) {
#others .inquire {
margin:0 0 22px;
padding:0;
}


}







/*----[ NG Tickets ]----*/
#others .inquire.attention .inner-frame {
border:3px solid #FF0000;
background:#FF0000 url(../../index/images/bg_slash.png) repeat 0 0;
}

/*[ Title ]*/
#others .inquire.attention .inner-frame .ttl {
margin:0 auto 1rem;
padding:0;
text-align:center;
}

/*[ Sub Title ]*/
#others .inquire.attention .inner-frame .sttl {
margin:0 auto 1rem;
padding:0;
text-align:center;
font-size:3rem;
font-weight:bold;
color:#FF0000;
}

#others .inquire.attention .ng-tk-list {
	width:auto;
text-align:left;
font-size:1.8rem;
font-weight:bold;
margin:0;
padding:1.6rem;
border-top:1px dashed #FF0000;
word-break:break-all;
}



	.entryways {
		margin-top: 20px;
	}
	.entryways h3 {
		font-size: 140% !important;
		border-top: 1px dashed #CCC;
		padding-top: 1rem !important;
		padding-bottom: 2rem !important;
	}
	div.ent-left h4,
	div.ent-right h4 {
		background: #00a0e9;
		color: #FFF;
		padding: 5px 10px 5px 10px;
	}
	.entryways p {
		padding: 10px;
	}
	div.ent-left {
		width: 48%;
		float: left;
		border: 1px solid #00a0e9;
	}
	div.ent-right {
		margin-left: 1%;
		width: 48%;
		float: left;
		border: 1px solid #D4145A;
	}
	div.ent-right h4 {
		background: #D4145A;
	}
	.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	}
	 
	.movie-wrap iframe {
	     position: absolute;
	     top: 0;
	     left: 0;
	     width: 100%;
	     height: 100%;
	}

.radiko-link {
	position: fixed;
	top: 50px;
	right: 50px;
	width: 30%;
	max-width: 120px;
	height: auto;
	z-index: 999;
}
.radiko-link a {
	background-image: url(../../shared/images/btn_radiko.png);
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	background-repeat: no-repeat;
	width: 120px;
	height: 120px;
	display: block;
	overflow: hidden;
	transition: none;
	ransition: .2s ease-in-out;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.radiko-link a:hover {
  transform: rotateX(360deg);
  transition: .8s ease-in-out;
}
.radiko-link img {
	width: 100%;
}



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

@media screen and (max-width: 640px) {
	.pc {display: none;}
	.sp {display: block;}
	/* div.ent-left,
	div.ent-right {
		float: none;
		width: 98%;
		margin: 0 auto;
	} */

	.radiko-link {
		top: auto;
		bottom: 0;
		right: auto;
		left: 0;
		width: 50%;
		height: 33px;
		display: block;
	}
	.radiko-link a img {
		display: none;
	}
	.radiko-link a {
		background-image: none;
		width: 100%;
		height: 33px;
		background: #00A7E9;
		display: block;
		color: #FFF;
		text-align: center;
		text-decoration: none;
		padding-top: .5rem;	
		font-weight: bold;
	    text-indent: 0;
	    white-space: auto;
	    overflow: none;
	}

}


/* header */

.header-bg {
	background-image: url(../images/svg/main_2024_pc.svg);
	background-color: silver;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
	position: relative;
}

/* .header-bg:after {
	content: '';
    background-color: rgba(#fff, 0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
} */


.main-title {
	position: absolute;
	width: 100%;
	text-align: center;
	top:40%;
	left:50%;
	transform:translateY(-50%)translateX(-50%);
	-webkit-
	transform:translateY(-50%)translateX(-50%);
	margin:auto;
}



.wrapper,
.bg-content {
	background-image: none;
	background: #fcf9d9;
}
.base {
	background: #eae601 !important;
}
.off-entry .base {
	background: #ecb5d2 !important;
}

#how-to-entry > .inner-frame {
	border-bottom: 3px solid var(--main-color);
}

footer {
	background: var(--main-color);
	background-image: none;
}



/* btn */
.index-page .nav ul .btn-mtwb a, .info-page .nav ul .btn-info a, .access-page .nav ul .btn-access a, .history-page .nav ul .btn-history a, .goods-page .nav ul .btn-goods a, .faq-page .nav ul .btn-faq a {
	background: var(--main-color);
	color: #FFF;
}

.nav ul li a {
	color: var(--main-color);
}

.fNavi .pagetop a {
	background: var(--main-color);
}

.sidr ul li a, .sidr ul li span {
	color: var(--main-color);
}


/*[[[ Designer Info ]]]*/
.des-info {
width:auto;
height:auto;
margin:0 auto 6rem;
padding:0 10px;
}

/*[ Designer Corner Title]*/
.des-info .corner-ttl {
text-align:left;
margin:0 0 1.2rem;
padding:.2em;
font-size:2.2rem;
font-family: 'Candal', sans-serif;
font-weight:normal;
color:#FFF;
background: #D4145A;
}

.des-info .des-image {
	width: 40%;
	float: left;
}
.des-info .des-image img  {
	width: 100%;
}
.des-info .detail {
	width: 55%;
	float: left;
	margin-left: 3%;
}

.des-info .detail-ttl {
	font-size: 160%;
	margin-top: 4rem;
	margin-bottom: 6rem;
}
.des-info .detail-txt {
	margin-bottom: 3rem;
}

@media screen and (max-width: 640px) {
	.des-info .des-image {
		width: 100%;
		float: none;
	}
	.des-info .detail {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.des-info .detail-ttl {
		margin-top: 2rem;
		margin-bottom: 1rem;
	}


}

.end-entry .base{
    background: #CCC !important;	
}

#content {
	width: 96%;
	max-width: 1024px;
}

.hachicore {
	margin-top: 1rem;
	margin-bottom: 0rem;
}

@media screen and (min-width:640px) {
	.hachicore {
	margin-top: 3rem;
	margin-bottom: 4rem;
	}
}


.inquire h3 {
	font-size: 180%;
	color: #338DC9;
}

.attention h3 {
	font-size: 140%;
	color: #F00;
}



/**/

.toggle a {
 background-color: var(--main-color);
}


#ticket .card h2 {
 font-size: .8rem;
 border: 1px solid #000;
 padding: .5rem 0;
}

#ticket .card h3 {
 font-size: 2.2rem;
 font-weight: bold;
 padding: .5rem 0;
}

#ticket .card h4 {
 font-size: 1.5rem;
 font-weight: bold;
}
#ticket .card h4 span {
 background:linear-gradient(transparent 60%, #ff6 60%);
}
#ticket .card .t-date {
 font-size: 1rem;
 font-weight: bold;
}
#ticket .card .number {
 text-align: left;
 line-height: 1.5;
 padding: 0.3rem 0.6rem;
 border-radius: 10px;
 background-color: var(--sub-color);
 color: var(--sub-color-fc);
 font-weight: bold;
}

#ticket .card .catch {
	color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    padding: 0.5rem;
    font-weight: bold;
   }


/*
[S Code]
*/
.pages .s-code {
	display:none;
	}
	
	#s-code .inner-frame {
	padding:12px 10px;
	}
	
	#s-code .scd-form {
	position: relative;
	margin:0 0 .5em;
	}
	#s-code .scd-form dt {
	width:100%;
	min-height:32px;
	padding:1px;
	background-color:#333;
	position:relative;
	padding-right:36px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	}
	#s-code .scd-form dt input {
	width:100%;
	min-height:32px;
	border:none;
	background:#FFF;
	padding:3px 12px;
	font-size:.9em;
	font-weight:normal;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	}
	#s-code .scd-form dd {
	width:36px;
	max-height:32px;
	padding:1px;
	background:none;
	background:#333;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	}
	#s-code .scd-form dd button {
	width:100%;
	height:32px;
	padding:0;
	margin:0;
	border:0;
	cursor:pointer;
	background:#333;
	}
	#s-code .scd-form dd button img {
	max-height:26px;
	margin:0;
	padding:0;
	vertical-align:top;
	}


	#s-code .corner-ttl img {
	background-color: #005dde;
	padding: 0.2rem;
	}
	
	@media screen and (min-width:901px) and (max-width:1199px) {
	#s-code .scd-form dt {
	min-height:28px;
	padding-right:28px;
	}
	#s-code .scd-form dt input {
	min-height:28px;
	padding:3px 8px;
	font-size:.8em;
	}
	#s-code .scd-form dd {
	width:28px;
	max-height:28px;
	padding:1px;
	}
	#s-code .scd-form dd button {
	height:28px;
	}
	
	}
	
	
	@media screen and (min-width:641px) and (max-width:900px) {
	#s-code .inner-frame {
	width:100%;
	padding:8px 10px;
	display:table;
	}
	
	#s-code .corner-ttl {
	width:34%;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	}
	#s-code .corner-ttl img {
	width:auto;
	max-height:30px;
	}
	
	#s-code .form-box {
	margin:0;
	display:table-cell;
	vertical-align:middle;
	}
	
	#s-code .scd-form {
	position: relative;
	margin:0;
	}
	
	}
	
	
	@media screen and (max-width:640px) {
	#s-code .inner-frame {
	width:100%;
	padding:8px 10px;
	display:table;
	}
	
	#s-code .corner-ttl {
	width:24%;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	}
	#s-code .corner-ttl img {
	width:auto;
	max-height:32px;
	}
	
	#s-code .form-box {
	width:auto;
	display:table-cell;
	vertical-align:middle;
	}
	
	#s-code .scd-form {
	position:relative;
	 margin:0;
	}
	
	#s-code .scd-form dt input {
	min-height:38px;
	padding:3px 8px;
	font-size:.9em;
	}
	#s-code .scd-form dd {
	width:38px;
	max-height:40px;
	padding:0;
	}
	#s-code .scd-form dd button {
	height:40px;
	}
	
	}
	
	
	@media screen and (max-width:480px) {
	#s-code .inner-frame {
	padding:8px 5px;
	}
	
	#s-code .scd-form dt {
	min-height:36px;
	padding-right:36px;
	}
	#s-code .scd-form dt input {
	min-height:36px;
	padding:2px 8px;
	font-size:.95em;
	}
	#s-code .scd-form dd {
	width:36px;
	height:38px;
	padding:0;
	}
	#s-code .scd-form dd button {
	max-height:38px;
	}
	
	}
	
	
	
	@media screen and (max-width:320px) {
	#s-code .inner-frame {
	padding:7px 5px;
	}
	
	}


#under-content .event-info .corner-ttl {
 font-size: auto;
}
#under-content .event-info .txt-box {
 font-size: 1rem;
}

.index-page .nav ul .btn-mtwb a, .info-page .nav ul .btn-info a, .access-page .nav ul .btn-access a, .archive-page .nav ul .btn-archive a, .goods-page .nav ul .btn-goods a, .faq-page .nav ul .btn-faq a {
 background-color: var(--main-color);
}


footer .logoSet .copyright {
 font-size: 1rem;
}

.title-ft {
 font-family: 'Candal',"游ゴシック bold", sans-serif;
 font-size: 6rem;
 color: #40549e;
}


@media screen and (max-width: 640px) {
  .title-ft {
    font-family: 'Candal',"游ゴシック bold", sans-serif;
    font-size: 3rem;
  }
}


h3.stagename {
	background-color: #1D2088;
	color: #FFF;
	padding: .25rem;
	text-align: center;
	width: 100%;
	display: block;
	margin-bottom: 1rem;
	margin-top: 3rem;
}

h3.artistname {
	font-size: 1.2rem;
	font-weight: 900;
	color: #333;
}



@media screen and (max-width: 640px) {
	h3.artistname {
		font-size: 1rem;
		font-weight: bold;
	}
}


/*[ Goods ]*/

ul.goods-frame {
	list-style-type: none;
	border: 1px solid #CCC;
	background: #FFF;
	padding-bottom: 6%;
}

h3.goods-title {
    font-size: 1rem;
    font-weight: bold;
    background: #000;
    color: #FFF;
    padding: 6px;
}

.goods-price {
	font-size: 1.3rem;
	font-weight: bold;
}


/*[ 35th ]*/
.p-35th_header {
	display: flex;
	height: 80px;
    background: #ffdb3a;
	align-items: center;
    justify-content: center;
    padding: 10px;
}

@media screen and (min-width:640px) {
	.p-35th_header {
		display: flex;
		height: 100px;
	}
}