@charset "UTF-8";

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

/* common
-------------------------------------------------------------------- */
body {
	font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.1em;
}

#wrapper{
	min-width: 100%;
	overflow: hidden;
}

#headTopWrap {
	height: auto;
}

#headLeft h1 img {
	width: 60%;
	height: auto;
}

#headLeft p#spLink,
ul#headRight {
	display: none;
}

#fixFooter {
	background-color: transparent;
}

div#fixTopics {
	display: none;
}

p#toTop a {
	background-color: #0cc61d;
	padding: 16px 30px 0 10px;
}


/* title
-------------------------------------------------------------------- */
#logo {
	margin: 25px auto;
	width: auto;
}

#logo h1 {
	margin: 10px 0;
}

.t_1 {
    font-size: 5vw;
    margin-left: 0;
    margin-bottom: 10px;
}

.t_2 {
    font-size: 16vw;
    line-height: 1em;
}

.t_3 {
    font-size: 9vw;
    line-height: 1em;
    margin-right: -1em;
    margin-left: 0;
}

#logo h1 img {
	width: 50%;
	height: auto;
}

#linkTicket3 {
	display: none;
}

#linkTicket3Sp {
	display: block;
}

#linkTicket3Sp img {
	width: 100%;
}

#navWrap {
	margin: 0;
	position: relative;
	width: 100%;
}


/* nav
-------------------------------------------------------------------- */
nav#titleNavi h2.clearfix:after {
	content: "";
	display: block;
	padding-top: 140%;
}

nav#titleNavi h2.clearfix {
	line-height: 0;
}

#toggle {
    background: transparent url(../imgs/btn.png) no-repeat 0 0 ;
    background-size: 200%;
    display: block;
    width: 40px;
    height: 41px;
    position: fixed;
    top: 0;
    right: 10px;
    cursor: pointer;
    z-index: 400;
    background-color:#dbdbdb;
}

#toggle.toggleBtn {
    background-position: -35px 0;
}

#navWrap {
    display: none;
    background-color: rgba(196,13,86,0.6);
    position: fixed;
    top: 0;
    right: 0;
    width: 130px;
    padding: 60px 0 20px 20px;
    z-index: 100;
}

#navWrap ul {
	width: auto;
}

#navWrap ul li {
	float: none;
	text-align: left;
	width: auto;
}

#navWrap ul li a {
	padding: 5px 0;
}


/* section
-------------------------------------------------------------------- */
section {
	margin-top: 0;
	padding-top: 0;
}

section > h2 {
	font-size: 42px;
	padding: 0 0 10px;
}

.contWrap {
	padding: 10px 3.2% 20px;
	min-height: auto;
	width: auto;
}

.contWrap > p, .lead > p {
	margin: 0 0 1.2em;
}

.lead p:first-child {
	font-size: 16px;
	text-align: left;
}

/* info
-------------------------------------------------------------------- */
#info {
	margin: 10px 3.2%;
    padding: 10px 3.2% 20px;
	width: auto;
}

#info h2 {
	font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}

.infoWrap {
	float: none;
	font-size: 12px;
    padding: 10px 3.2%;
	height: 200px;
    width: auto;

}

.infoWrap.twitter {
	margin: 20px 0 0;
	height: 400px;
	width: 93.5%;
	overflow: hidden;
}


/* About
-------------------------------------------------------------------- */
.about > dt,
.about > dd {
  min-height: auto;
  padding: 0;
}

#renewal .about > dt,
#renewal .about > dd {
  min-height: auto;
  padding: 0;
}

.about > dt {
	float: none;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	text-align: left;
	width: auto;
}

.about > dd {
	padding: 0 0 10px;
}

.about > dd > p {
	margin-bottom: 0;
}

.about > dd strong {
	font-size: 18px;
}

#about .about {
	border-top: solid 1px #E8B72C;
	margin: 0;
}

.contWrap > .about {
	margin: 0;
}

.contWrap > .about > dd {
	font-size: 18px;
}

.contWrap > .about > dd span {
	font-size: 14px;
}

.contWrap > .about > dd .attention {
    font-size: 12px;
}


/* Stage
-------------------------------------------------------------------- */
.stage {
	font-size: 14px;
}

.stage > li > .vertical {
    float: none;
	width: auto;
    margin: 0;
    padding: 10px 0;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: tb-tb;
    writing-mode: horizontal-tb;
}

.stage > li > .normal {
    float: none;
    width: auto;
    margin: 0;
    padding: 10px 0;
}

.stage dl {
	margin-left: 0;
	padding: 10px;
}

.stage dd {
	margin-bottom: 10px;
}

.stage img {
	height: auto;
	width: 100%;
}

.programLink {
	display: block;
	padding: 2px 10px;
	width: 60px;
}

.programLinkWrap {
	font-weight: bold !important;
	line-height: 1.5;

}

.programLinkWrap .programLink {
	width: auto;
}

.programLinkWrap .programLink:last-child {
	margin-top: -20px;
}

#map iframe {
	height: 50% !important;
	width: 100% !important;
}

.access > dt,
.ticket-prise > dt {
	float: none;
	font-weight: bold;
	max-height: auto;
	width: auto;
}

.access > dd,
.ticket-prise > dd {
	float: none;
	max-height: auto;
	width: auto;
}

	

	

/* special
-------------------------------------------------------------------- */
#special li {
	width: 85px;
}

#special li img {
	width: 85px;
	height: 112px;
}

#special li p {
	font-size: 14px;
}

#special li p span {
	font-size: 12px;
	display: block;
}


/* cast
-------------------------------------------------------------------- */
#cast .castWrap li > ul {
    padding: 10px 10px 0 10px;
    width: auto;
}

#cast .castWrap li.c_2 > ul {
    width: auto;
}

#cast .castWrap li > ul li {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 5px;
    text-align: center;
    width: 145px;
   
}

#cast .castWrap li > ul li img {
    width: 145px;
    height: auto;
}

#cast .castWrap li > ul + ul {
    float: left;
}



    /* Ticket
    -------------------------------------------------------------------- */
    #ticket .contWrap > .about,
    #ticketPia .contWrap > .about {
        border-top: solid 1px #c40d56;
        border-bottom: solid 1px #c40d56;
        margin: 0;
    }

    #ticket .today {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    #ticket .about > dd {
        font-size: 18px;
    }

    #ticket .about > dd span {
        font-size: 14px;
    }

    #ticket .about > dd .attention {
        font-size: 12px;
    }

    #ticket .t_title{
        float: none;
        font-size: 18px;
        font-weight: bold;
        margin-top: -10px;
        text-align: left;
        width: auto;
        padding: none;
    }

    .ticket_list{
        width: 100%;
        margin: 20px 0;
    }

    .ticket_img img{
        width: 150px;
    }

    .ticket_text{
        margin-left: 160px;
    }

    .tab {
        display: table;
        table-layout: fixed;
        margin: 0;
        width: 100%;
    }

    .tab li {
        display: table-cell;
        float: none;
        padding: 10px 10px;
        font-size:13px;
        text-align: center;
    }

    .content {
        margin: 0;
    }

    .content > li {
        background: #ffe9f2;
        padding: 10px 3.2%;
    }

    .content > li .about > dd {
        font-size: 18px;
    }

    .content > li .about > dd span {
        font-size: 14px;
    }

    .content > li .about > dd .attention {
        font-size: 12px;
    }

    .etc{
        width: auto;
        padding: 10px;
    }
    .etc_list{
        width: auto;
        margin: 0 0 10px 0;
        float: none;
    }
    .etc_list a{
        width: 130px;
    }
    .invisivle{
        display:none;
    }
    .etc_list .ticket_text{
        margin-left: 160px;
        width: 150px;
    }

	
	.ticketbox {
		width: 100%;
		display: table;
	 

	

	}	

.ticketbox1 {
		width: 100%;
		display: table;
	 text-align: left;
	padding: 15px 15px 0 8px;
	

	}	
	.ticketbox1 p {

	font-size: 15px;
	font-weight: bold;
    margin: 10px 20px 0 0; 
		color: #499A43;
		padding-left: 7px;
		line-height: 30px;

	
	 }
	
	
	
	
    /* food
    -------------------------------------------------------------------- */
    .foodmenu > li{
        margin: 0;
    }
    .menuimg{
        width: 100%;
    }
    .foodmenu > li > p {
        width: 100%;
        margin: 0;
        padding:10px 0 10px 0;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }
    .double{
        margin: 0;
    }
    .food{
        width: 100%;
    }
    .food dl{
        width: 100%;
        padding: 20px 0 20px 0;
    }


/* goods
-------------------------------------------------------------------- */
.box {
	float: none;
	width: auto;
	margin: 0 0 10px;
	padding: 10px 3.2%;
}

	.box2 {
	float: none;
	width: auto;
	margin: 0 0 10px;
	padding: 10px 3.2%;
		border: 1px solid #9b9da0;
}
.boxPhoto {
	float: none;
	text-align: center;
	width: auto;
}
	
	.boxPhoto2 {
	float: none;
	text-align: center;
	width: auto;
}
	
	.boxPhoto2 > img {
	margin-bottom: 10px;
	height: auto;
	width: 200px;
}
.boxlink img {
	width: 130px;
	height: 43px;
	overflow: hidden;
}

.boxText {
	float: none;
	margin-top: 10px;
	width: auto;
}

	.boxText2 {
	float: none;
	margin-top: 10px;
	width: auto;
}
.other {
    width: auto;
    font-size: 16px;
    padding: 10px;
    margin: 20px 3.2%;
}


/* talkshow
-------------------------------------------------------------------- */
#talkshow .attention {
    margin: 0;
}


/* FAQ
-------------------------------------------------------------------- */
#qa dl,
#qa .attention {
	margin: 0;
}


/* Sns
-------------------------------------------------------------------- */
#sns {
	padding: 10px 0;
}

#sns ul {
	width: 60%;
}

#sns li a {
	background-size: 100%;
	padding-top: 40px;
	width: 40px;
}


/* app
-------------------------------------------------------------------- */
#appLink dd {
	margin: 10px 0 0;
}

#appLink dd img {
    height: 40px;
    width: auto;
}


/* copy
-------------------------------------------------------------------- */
#copyright ul {
	padding: 0 3.2%;
	width: auto;
}


/* common
-------------------------------------------------------------------- */
.end {
	font-size: 18px;
	text-align: left;
}