/* #program
--------------------------------------------------------------- */
/* top
--------------------------------------------------------------- */
/* ---------- header ---------- */
#program-top .header {
	margin-bottom: 20px;
	padding-top: 20px;
}
#program-top .header #archives {
	display: none;
}
/* ---------- tag ---------- */
#program-top #tab {
	margin-bottom: 25px;
}
#program-top #tab .nav {
	width: auto;
	height: auto;
	text-align: center;
}
#program-top #tab .nav li {
	float: none;
	display: inline-block;
	padding: 0 8px;
	height: auto;
}
#program-top #tab .nav li a {
	display:inline;
	width: auto;
	height: auto;
	background-image: none;
	text-indent: 0;
}
#program-top #tab .box {
	display: none;
}
/* ---------- program list ---------- */
#program-top .programList,
#program-top .programList .section {
	width: auto;
}
#program-top .programList .article {
	float: none;
	margin: 0 auto 15px;
}


/* detail
--------------------------------------------------------------- */
/* ---------- header ---------- */
#program-detail .header {
	width: auto;
	height: auto;
	padding: 14px 0 0;
}
#program-detail .header .caption {
	width: auto;
	float: none;
}
#program-detail .header .tagline {
	display: none;
}
/* ---------- mainVisual ---------- */
#program-detail .mainVisual {
	width: 100%;
	height: auto;
	margin: 0 auto 10px;
}
#program-detail .mainVisual img {
	width: 100%;
}
#program-detail .mainVisual dl {
	width: auto;
	padding: 16px 16px 6px;
	position: static;
	color: #fff;
	background-color: #666;
}
/* ---------- social button ---------- */
#program-detail .socialButton {
	width: auto;
	height: auto;
	text-align: left;
}
#program-detail .socialButton li.pr {
	display: none;
}
/* ---------- main contents ---------- */
#program-detail #main-contents {
	float: none;
	width: auto;
	margin-top: 0;
}
/* pdfBlock */
#program-detail #pdfBlock {
	margin-bottom: 0;
}
#program-detail #pdfBlock ul {
	width: auto;
}
#program-detail #pdfBlock li {
	width: auto;
	float: none;
	margin: 0 0 20px;
}
/* recommendBlock */
#program-detail #recommendBlock {
	margin-bottom: 20px;
}
#program-detail #recommendBlock .article {
	background-size: 24px auto;
}
#program-detail #recommendBlock .article div {
	padding: 0 24px;
	background-size: 24px auto;
}
#program-detail #recommendBlock .article p {
	padding: 0 24px;
}

/* artistBlock */
#program-detail #main-contents .artistBlock,
#program-detail #main-contents .addArtist {
	display: none;
}
/* galleryBlock */
#program-detail #galleryBlock .youtube .article li {
	width: 300px;
	float: none;
	margin: 0;
}
#program-detail #galleryBlock .youtube iframe,
#program-detail #galleryBlock .youtube .article li iframe {
	width: 299px;
	height: 168px;
}
#program-detail #galleryBlock .photos {
	display: none;
}
/* caststaffBlock */
#program-detail #caststaffBlock dt{
	display: inline-block;
	width: 100px;
	min-height: 3em;
	padding: 0;
}
#program-detail #caststaffBlock dd{
	min-height: 3em;
	margin-bottom: 10px;
	padding: 0 10px 5px 120px;
}

/* ---------- side contents ---------- */
#program-detail #side-contents {
	float: none;
	width: auto;
}
#program-detail.cast #side-contents {
	display: none!important;
}
#program-detail #side-contents .aside {
	padding: 5px 10px 10px;
}
#program-detail #side-contents h3 {
	margin: 0.5em 0;
}
#program-detail #side-contents #page-nav {
	display: none;
}
#program-detail #page-nav li {
	margin: 0.5em 0;
}
#program-detail #schedule table {
	width: 100%;
}
#program-detail #venue .map {
	padding: 0 10px;
}

/* ---------- bottom contents ---------- */
#program-detail #bottom-contents {
	width: auto;
}
#program-detail.cast #bottom-contents {
	display: none!important;
}
/* ticketBlock */
#program-detail #bottom-contents #ticketBlock {
	display: none;
}
#program-detail #ticketBlock {
	width: auto;
	padding: 10px 12px;
	margin-bottom: 15px;
}
#program-detail #ticketBlock .txtBlock {
	float: none;
	width: auto;
}
#program-detail #ticketBlock .button {
	float: none;
	width: auto;
	padding: 5px;
}
#program-detail #ticketBlock .button img {
	width: 99%;
	height: auto;
}
/* socialBlock */
#program-detail #socialBlock {
	width: auto;
	margin-bottom: 20px;
}
#program-detail #socialBlock h3 {
	display: none;
}
#program-detail #socialBlock div h3 {
	display: block;
}
#program-detail #socialBlock #togetterTL {
	width: 300px;
	height: 300px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#program-detail #socialBlock #togetterTL iframe {
	width: 260px!important;
}
#program-detail #bottom-contents #socialBlock #facebookCB {
	display: none;
}
/* relatedBlock */
#program-detail #bottom-contents #relatedBlock {
	display: none;
}

