@charset "UTF-8";

/*---------------リセット------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0;vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}legend{color:#000}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:none;/* iPhoneでの文字サイズ自動修正 を使わない*/
}
/*--------ベース---------*/
body {
	color: #191919;
	font-family:"メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
	background: #FCC1E0 url(../img/ticket_bg.gif);
}
.sp_view {
    display: none;
}
.pc_view{
	display: block;
}
a:link {
	color:#3d2b1f;
	text-decoration:none;
}
a:visited {
	color:#3d2b1f;
	text-decoration:none;
}
a:hover {
	color:#3d2b1f;
	text-decoration:underline;
}
a:active {
	color:#3d2b1f;
	text-decoration:underline;
}
.top10 {padding:10px 0 0;}
.top20 {padding:18px 0 0;}
.top30 {padding:28px 0 0;}
.btm20 {padding:0 0 18px;}
.btm30 {padding:0 0 28px;}
.clear {
    clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*--------チケット---------*/
#ticket_allwrap{
	box-sizing: border-box;
	width:620px;
	margin: 0 auto;
	text-align: left;
	background: rgba(255,255,255,0.70);
}
#ticket_allwrap #header{
	width: 610px;
	margin: 0 auto 10px;
	padding-top: 5px;
}
#ticket_allwrap #header img{
	width: 100%;
}
#main_wrap section{
	padding: 0 15px;
}
#main_wrap section:last-of-type{
	padding-bottom: 15px;
}
#main_wrap h2{
	padding-top: 2px;
	margin: 0 0 15px 0;
	text-align: center;
	font-size: 120%;
	background: #0585DF;
	color: #ffffff;
	font-weight: bold;
}
#main_wrap h3{
	font-weight: bold;
	color: #0585DF;
	font-size: 120%;
}
#ticket_allwrap span{
	font-weight: bold;
}
#ticket_allwrap span.small{
	font-weight: normal;
	font-size: 86%;
}
.comingsoon dt,
.comingsoon dd{
	word-break: break-all;
}
.comingsoon dd:first-of-type{
	margin-right: 10px;
}
.l-ticket a,
.e-plus a{
	display: block;
	float: left;
	width: 290px;
	height: 40px;
	margin-bottom: 5px;
	border-radius: 5px;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	color: #ffffff;
	/*グラデーションカラー設定ここから*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f15ca5), color-stop(100%, #F1308F) );
	background:-moz-linear-gradient( center top, #f15ca5 5%, #F1308F 100% );
	background:-ms-linear-gradient( top, #f15ca5 5%, #F1308F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15ca5', endColorstr='#F1308F');
	background-color:#F1308F;
	/*グラデーションカラー設定ここまで*/
}
.l-ticket a{
	margin-right: 10px;
}
.l-ticket a:hover,
.e-plus a:hover{
	text-decoration: none;
	/*グラデーションカラー設定ここから*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F1308F), color-stop(100%, #f15ca5) );
	background:-moz-linear-gradient( center top, #F1308F 5%, #f15ca5 100% );
	background:-ms-linear-gradient( top, #F1308F 5%, #f15ca5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1308F', endColorstr='#f15ca5');
	background-color:#f15ca5;
	/*グラデーションカラー設定ここまで*/
}
.txt{
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px dotted #FF51A9;
	border-bottom: 1px dotted #FF51A9;
}
.cast li{
	display: inline-block;
}

.cast li:after{
	content: "、";
}
.cast li:last-of-type:after{
	content: none;
}
.attention{
	margin-top: 10px;
	font-size: 85%;
}
.footer_area {
	width:620px;
	margin: 0 auto;
}
.address{
	font-style:normal;
	font-weight:bold;
	float:left;
	color: #666;
	font-size: 10px;
	padding-top: 3px;
}
.close{
    float:right;
}
.close a{
	font-size: 12px;
    font-style: normal;
    font-weight: bold;
    height: 12px;
    position: relative;
    color: #666;
	text-decoration:none;
}
/*sp*/
@media screen and (max-width: 640px){
	#ticket_allwrap{
		width: 90%;
		min-width: 320px;
	}
	#ticket_allwrap #header{
		width: 95%;
	}
	
	.l-ticket a,
	.e-plus a{
		width: 100%;
	}
	.sp_view{
		display: block;
	}
	.pc_view{
	display: none;
	}
}