@charset "UTF-8";


/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
スライダー
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#responsiveBaseFrame #mypageSlider {
	padding: 20px 12px;
}

#responsiveBaseFrame #mypageSlider .bx-wrapper {
	max-width: 476px !important;
	margin-left: auto;
	margin-right: auto;
}

#responsiveBaseFrame #mypageSlider .bxslider li img,
#responsiveBaseFrame #mypageSliderFixed .bxslider li img {
	width: 100%;
	height: 100%;
}

#responsiveBaseFrame #mypageSlider .bxslider li {
	border:1px solid #C9D3D3;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#responsiveBaseFrame #mypageSlider .bxslider .item {
    overflow: hidden;
    position: relative;
    width: 100%;
}

#responsiveBaseFrame #mypageSlider .bxslider .item:before {
    content: "";
    display: block;
    padding-top: 27.3684%;
}

#responsiveBaseFrame #mypageSlider .bxslider .item a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#responsiveBaseFrame .importance-with-icon {
    width: auto;
}

#responsiveBaseFrame .top-digit-box-pc {
    width: auto;
}

	/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
	過去のチケット
	−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
	#responsiveBaseFrame #myTicket p.notHave {
		display: block;
		text-align: center;
		border:1px solid #C9D3D3;
		padding: 10px;
	}

	/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
	申込状況・履歴詳細
	−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
	#responsiveBaseFrame #statusHistory {
		margin-bottom: 35px;
	}

	#responsiveBaseFrame #statusHistory h2.caption {
		background-image: url(../../pc_images_v2/sp/detail/titleStatusHistory.png);
		-webkit-background-size: 237px 39px;
		background-size: 237px 39px;
		width: 237px;
	}

	#responsiveBaseFrame #statusHistory .message {
		text-align: center;
	}

	#responsiveBaseFrame #statusHistory .message a {
		display: block;
		border: 1px solid #19B5AF;
		padding: 5px 10px;
		margin-left: auto;
		margin-bottom: 10px;
	}

	#responsiveBaseFrame #statusHistory .message a span {
		background-repeat: no-repeat;
		background-position: 0 center;
		background-image: url(../../pc_images_v2/sp/my_top/iconMessage.png);
		-webkit-background-size: 18px 18px;
		background-size: 18px 18px;
		padding-left: 25px;
		display: inline-block;
		height: 18px;
	}

	#responsiveBaseFrame #statusHistory > ul {
		border:1px solid #C9D3D3;
		margin-bottom: 15px;
	}

	#responsiveBaseFrame #statusHistory > ul > li {
		border-top: 1px solid #C9D3D3;
	}

	#responsiveBaseFrame #statusHistory > ul > li:first-child {
		border-top: none;
	}

	#responsiveBaseFrame #statusHistory > ul > li a {
		display: block;
		text-decoration: none;
		color: #666666;
		position: relative;
		padding: 10px;
		padding-right: 35px;
	}

	#responsiveBaseFrame #statusHistory > ul > li a:hover,
	#responsiveBaseFrame #statusHistory > ul > li a:hover ul li {
		color: #878787;
	}
	#responsiveBaseFrame #statusHistory > ul > li a:hover h3 {
		color:#53c8c3;
	}

		#responsiveBaseFrame #statusHistory > ul > li .title {
			margin-bottom: 7px;
		}

		#responsiveBaseFrame #statusHistory > ul > li .title h3 {
			margin-top: 5px;
			overflow:hidden;
			font-size:14px;
			color: #19B5AF;
		}

		#responsiveBaseFrame #statusHistory > ul > li ul li {
			display: inline;
			font-size:10px;
		}

		#responsiveBaseFrame #statusHistory > ul > li ul li:first-child {
			color: #666666;
		}

		#responsiveBaseFrame #statusHistory > ul > li ul li {
			color: #999999;
		}



	/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
	ブックマーク
	−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

	#responsiveBaseFrame #bookmark h2.caption {
		background-image: url(../../pc_images_v2/sp/my_top/captionBookmark.png);
		-webkit-background-size: 161px 39px;
		background-size: 161px 39px;
		width: 161px;
	}

	#responsiveBaseFrame #bookmark > ul {
		border-top:1px solid #C9D3D3;
		margin-bottom: 15px;
	}

	#responsiveBaseFrame #bookmark > ul > li {
		border:1px solid #C9D3D3;
		border-top:none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	#responsiveBaseFrame #bookmark > ul > li section {
		padding-left: 0;
		display: block;
	}

	#responsiveBaseFrame #bookmark > ul > li a {
		display: block;
		text-decoration: none;
		color: #666666;
	}
	#responsiveBaseFrame #bookmark > ul > li a:hover {
		color: #878787;
	}

		#responsiveBaseFrame #bookmark > ul > li h3 {
			font-size:14px;
			margin-bottom: 8px;
			color: #19B5AF;
		}

		#responsiveBaseFrame #bookmark > ul > li a:hover h3 {
			color: #53c8c3;
		}


		#responsiveBaseFrame #bookmark > ul > li li.artist,
		#responsiveBaseFrame #bookmark > ul > li li.map,
		#responsiveBaseFrame #bookmark > ul > li p,
		#responsiveBaseFrame #bookmark > ul > li figure {
			display: none;
		}


	/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
	パンくずリスト
	−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
	#responsiveBaseFrame #areaContents #breadcrumbList {
		margin-top: 0;
	}