body{
}

.header{
	display:flex;
	padding-top:30px;
}

.logo{
	margin:0 15px 0 auto;
	width:440px;
}

.logo img{
	width:100%;
}

.header ul{
	display:flex;
	margin:0 auto 0 10px;
}

.header ul li{
	vertical-align:middle;
	text-align:center;
	margin:auto;
	padding:0 18px;
	font-weight:700;
	display:block;
	padding-top:10px;
}

.header ul li:last-child{
	font-size:86%;
	padding-right:25px;
}

.here{
	border-top: solid 1px #ddd;
}

.here a{
	color:#222;
}

@media screen and (max-width:980px) {
	.header{
		display:inline;
		width:90%;
		text-align:center;
	}
	.logo{
		width:50%;
		margin:auto;
		padding:20px 0 10px;
	}
	.header ul{
		width:600px;
		margin:auto;
	}
	.header ul li{
		margin:auto;
		padding:0;
	}
	.header ul li:last-child{
		font-size:100%;
		padding-right:0;
	}
}

@media screen and (max-width:767px) {
		.logo{
		width:80%;
		padding:20px 0 0;
	}
		.header ul{
		width:90%;
	}
		.header ul li{
		width:20%;
		font-size:24px;
		padding:10px 18px 0;
		letter-spacing:-0.05em;
	}

	.header ul li:last-child{
		width:20%;
		font-size:24px;
		padding:10px 18px 0;
	}
}

/*==ボタン==*/

.btn{
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0.25em 0.5em;
	text-decoration: none;
}

.red{
	color: #fff;
	background: #b22222;
	transition: .4s;
}
.red:hover{
	color: #b22222;
	background: #f8f8f8;
}

.buy{
	padding: 0.5em 0.75em;
	color: #222;
	border:solid 3px #222;
	transition: .3s;
}

.buy:hover{
	color: #eee;
	background: #b22222;
	border:solid 3px #b22222;
}


/*====*/

.bottom{
	margin-bottom:30px;
}

.min{
	font-size:80%;
}

.r{
	color:#b22222;;
}

.phone{display: none !important; }
@media only screen and (max-width: 767px) {
.phone{ display: block !important; }
}


/*====*/


.footer{
	bottom:0;
	text-align:center;
	width:100%;
	height:40px;
	background-color:#dddddd;

}

address{
	font-style: normal;
	font-family: "Helvetica Neue","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:12px;
	padding-top:12px;
}

@media screen and (max-width:767px) {
	.footer{
		height:50px;
	}
	address{
		padding-top:8px;
		font-size:16px;
	}
}


/*========ここからNEWS========*/

.flex{
	display:flex;
}

.flex_mini{
	display:flex;
}

@media screen and (max-width:980px) {
	.flex{
	display:inline;
	}
}

.wrap{
	width:960px;
	margin:auto;
}

/*概要*/

.headline{
	margin-top:20px;
}

.lft{
	width:12px;
	height:64px;
}

.titl{
	padding-left:15px;
	padding-bottom:10px;
}

time{
	font-size:16px;
}
.time_sub{
	color:#999;
	font-size:12px;
}

h1{
	background-color:rgba(0,0,0,0);
	margin: 0;
	padding: 0;
	color: #222;
	font-weight:600;
}

.place{
	margin:0 0 0 auto;
}

.inner_a{
	text-align:center;
	margin:auto;
	padding:0 15px;
}

.inner_a img{
	width:50px;
}
.inner_a p{
	font-size:13px;
	margin:0;
}

.place .inner_b{
	margin:auto 0 0;
	padding:10px 0;
	font-size:14px;
}

.venue{
	font-weight:600;
	font-size:20px;
}

.venue:before{
	content:'■ ';
}


@media screen and (max-width:980px) {
	.place{
		flex-direction: row-reverse;
}
	.place .inner_a{
		margin:auto 0;
		padding:0 10px;
	}
	.place .inner_b{
		text-align:right;
	}
	
	h1{
		font-size:35px;
	}
	
	.venue:before{
	content:'';
	}
}

@media screen and (max-width:767px) {
	.lft{
	width:20px;
		height:auto;
		padding-bottom:15px;
	}
	time{
		font-size:26px;
		padding-left:6px;
}
.time_sub{
		font-size:20px;
		color:#666;
}
	h1{
		font-size:50px;
	}
	.place{
		flex-direction: row;
	}
	.inner_a img{
		width:70px;
	}
	.place .inner_b{
		font-size:22px;
		text-align:left;
	}
.venue{
	font-size:30px;
	}
}


/*内容*/


.appear a,
.inner_txt p a,
._txt p a{
	text-decoration:underline;
	font-weight:700;
}



.flex .inner_img{
	width:50%;
	margin:0 auto auto;
}

.flex .inner_img img{
	width:100%;
	margin:auto;
}

.flex .inner_txt{
	width:50%;
	margin:0 auto auto;
	vertical-align:top;
	padding:5px 0 0 30px;
}

.flex .inner_txt img{
	width:100%;
	padding-bottom:25px;
}

.flex .inner_txt .caption{
	padding:5px;
	text-align:center;
	font-size:20px;
}


._txt{
	margin:auto;
	width:80%;
	margin-top:30px;
	margin-bottom:50px;
}

.inner_txt p,
._txt p{
	font-size:16px;
	margin:0;
	padding-bottom:18px;
}

h2{
	font-size:25px;
	font-weight:600;
	margin:0 auto 20px;
	text-align:center;
}


@media screen and (max-width:980px) {
	.wrap,
	.flex_mini{
		width:650px;
		margin:auto;
	}
	.wrap .inner_img,
	.wrap .inner_txt,
	._txt{
		width:650px;
		padding:0;
	}
	.wrap .inner_txt,
	._txt{
		margin-top:30px;
	}
	._txt{
		width:100%;
	}
		.inner_txt p,
	._txt p,
	.wrap .inner_txt .caption{
		font-size:20px;
	}
	.headline{
		margin-top:40px;
	}
	h2{
		font-size:27px;
	}
}

@media screen and (max-width:767px) {
	.wrap{
		width:100%;
	}
	.wrap .inner_img,
	.wrap .inner_txt,
	._txt,
	.flex_mini{
		width:86%;
	}
	.wrap .inner_txt,
	._txt{
		margin-top:50px;
	}
	.inner_txt p,
	._txt p,
	.wrap .inner_txt .caption{
		font-size:28px;
		font-family: "Helvetica Neue","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	}
	.inner_txt p,
	._txt p{
	padding-bottom:26px;
	}
	.appear a,
	.inner_txt p a,
	._txt p a{
		font-family: "Helvetica Neue","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	}

	h2{
		font-size:37px;
		font-weight:500;
		font-family: "Helvetica Neue","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	}
}

/*販売*/

.price{
	font-size:18px;
	margin-bottom:30px;
}
.price td{
	padding:3px 8px;
}

div.price{
	margin:auto 0;
	padding:0 0 30px 20px;
	text-align:center;
}

@media screen and (max-width:980px) {
	.price{
		font-size:22px;
		margin:auto;
	}
	div.price{
	margin:auto;
	padding:10px 10px 40px;
	}
}

@media screen and (max-width:767px) {
	.price{
		font-size:38px;
		font-weight:600;
	}
	div.price{
		padding:15px 15px 40px;
	}
}


/*出演*/

.appear{
	font-size:17px;
	margin-bottom:30px;
}
.appear td{
	padding:2px 8px;
}

@media screen and (max-width:980px) {
	.appear{
		font-size:22px;
		margin:0 auto 40px;
	}
}

@media screen and (max-width:767px) {
	.appear{
		font-size:34px;
		font-weight:600;
		font-family: "Helvetica Neue","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	}

}


/*販売終了*/

.soldout{
	padding-left:20px;
}

p.out{
	font-size:23px;
	padding-bottom:5px;
	color:#b22222;
}

@media screen and (max-width:980px) {
	.soldout{
		text-align:center;
		padding-left:0;
	}
	
p.out{
		font-size:28px;
	}
}

@media screen and (max-width:767px) {
	p.out{
		font-size:38px;
	}
}

/*孫チケット*/

.mago_ticket{
	text-align:center;
	margin:0 auto 30px;
}

.mago_ticket p{
	font-size:18px;
	font-weight:600;
	padding:0 0 3px;
}

.mago_ticket a{
	position: relative;
	display: inline-block;
	width:29%;
	font-weight: bold;
	padding: 0.5em 0.5em;
	margin:5px 0;
	text-decoration: none;
	color: #fff;
	background:#bfa013;
	transition: .2s;
}

.mago_ticket a:hover{
	color:#bfa013;
	background:#fff;
}


@media screen and (max-width:980px) {
	.mago_ticket{
	margin:20px auto 30px;
	}
	.mago_ticket p{
		font-size:22px;
	}
}

@media screen and (max-width:767px) {
	.mago_ticket p{
		font-size:38px;
		font-weight:500;
		color:#cbae29;
		background-color:#222;
		padding:10px;
		margin:10px 20px;
	}
	.mago_ticket a{
		width:40%;
		font-size:30px;
		margin:10px;
	}
}

.shinsyou{
	padding: 0.5em 0.75em;
	color: #222;
	border:solid 2px #222;
	transition: .3s;
}

.shinsyou:hover{
	color: #eee;
	background: #bfa013;
	border:solid 2px #bfa013;
}

.kensankai{
	width:70%;
	margin:auto;
}


/*はいむるぶし*/

.kohama{
	padding: 0.5em 0.75em;
	color: #222;
	border:solid 3px #222;
	transition: .3s;
}

.kohama:hover{
	color: #eee;
	background: #002938;
	border:solid 3px #002938;
}