@charset "UTF-8";


/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
ページタイトル
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#responsiveBaseFrame #pageTitle h1.caption {
	background-image: url(../../pc_images_v2/sp/myticket/captionTicket.png);
	-webkit-background-size: 146px 39px;
	background-size: 146px 39px;
	width: 146px;
	padding-left: 12px;
	background-position: right 0;
}

	/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
	過去のチケット
	−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
	#responsiveBaseFrame #myTicket p.button {
		margin-bottom: 15px;
	}


	/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
	チケットの使い方
	−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
	#responsiveBaseFrame #howToTicket {
	}

	#responsiveBaseFrame #howToTicket h2.caption {
		background-image: url(../../pc_images_v2/sp/myticket/captionHowToTicket.png);
		-webkit-background-size: 216px 39px;
		background-size: 216px 39px;
		width: 216px;
		/*behavior:url(../htc/PIE.htc);*/
	}

	#responsiveBaseFrame #howToTicket ul li a {
		display: block;
		border:1px solid #C9D3D3;
		border-top:none;
		padding: 10px;
		text-decoration: none;
		color: #707070;
		position: relative;
	}

	#responsiveBaseFrame #howToTicket ul li a:before {
		position: absolute;
		content: "";
		background-repeat: no-repeat;
		background-position: 0 0;
		background-image: url(../../pc_images_v2/sp/common/arrowGrayRight.png);
		-webkit-background-size: 5px 7px;
		background-size: 5px 7px;
		top: 50%;
		right: 10px;
		width: 5px;
		height: 7px;
		margin-top: -3px;
		/*behavior:url(../htc/PIE.htc);*/
	}

	#responsiveBaseFrame #howToTicket ul li:first-child a {
		border-top: 1px solid #C9D3D3;
	}

	#responsiveBaseFrame #howToTicket ul li a:hover {
		color: #878787;
	}

	/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
	マイチケット
	−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
	#responsiveBaseFrame #myTicket .nextstep .button .sp-wide p {
		margin-right: 0;
		margin-left: 0;
	}

	/* 非活性ボタン（分配不可チケット用） */
	#responsiveBaseFrame #myTicket ul.button li.send_forbiddance_button p {
		border:1px solid #b8b8b8;
		display: block;
		color: #b8b8b8;
		text-decoration: none;
		text-align: center;
		background: none no-repeat;
		margin-right: 4px;
		padding-top: 9px;
		padding-bottom: 9px;
		position: relative;
		transition: 0.3s ease-in-out;
	}

	#responsiveBaseFrame #myTicket p.send_forbiddance_comment {
		border:none;
		display: block;
		color: #707070;
		text-decoration: none;
		text-align: center;
		background: none no-repeat;
		margin-top: 8px;
		position: relative;
		transition: 0.3s ease-in-out;
	}

	#responsiveBaseFrame #myTicket a.covid_questionnaire_link {
		border:none;
		display: block;
		text-decoration: none;
		text-align: center;
		background: none no-repeat;
		margin-top: 8px;
		position: relative;
		transition: 0.3s ease-in-out;
	}

.border-gray {
	border: 1px solid #C9D3D3 !important;
}

.pull-right {
	float: right;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
並び替えメニュー
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.sort {
	margin-top: 15px !important;
	margin-bottom: 10px !important;
}

.sort .radio-group-list input {
	opacity: 0;
	position: absolute;
}

.sort .radio-group-list label {
	color: #19b5af;
	background-color: transparent !important;
}

.ie8 .radio-group-list input {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.sort .radio-group-list label {
	font-size: 100%;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.sort .punctuation {
	width: 2px!important;
	margin: 0px 8px !important;
	color: #cbcccd !important;
}

.sort .radio-group-list input[type=radio][checked=checked]+label[for=sort_type_myticket],
.sort .radio-group-list input[type=radio][checked=checked]+label[for=sort_type_eventstart],
.sort .radio-group-list input[type=radio]:hover+label {
	color: #777 !important;
}

.ie8 .sort .radio-group-list input[type=radio][checked=checked]+label[for=sort_type_myticket],
.ie8 .sort .radio-group-list input[type=radio][checked=checked]+label[for=sort_type_eventstart] {
	border: none;
}

/* バナー全体を囲むコンテナ */
.my-ticket-banner-container {
	width: 100%;
	margin-bottom: 40px !important;
}

/* リンク（aタグ） */
.my-ticket-banner-link {
	display: block;
	width: 100%;
}

/* バナー画像本体 */
.my-ticket-banner-link img {
	width: 100%;
	height: auto;
	display: block;
	border: none;
}