/*
 * Theme Name: Shinee.jp
 * Theme URI: http://www.pushentertainment.com/
 * Author: Alex Bikboulatov | Push Entertainment Ltd.
 * Description: WordPress theme developed to suit Shinee.jp website
 * Version: 1.1
 * */

@charset "utf-8";

/*
 * -----------------------------
 *  reset
 *  -----------------------------
 *  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* add */
img, a img {
	border: 0;
	vertical-align: bottom;
}

/*--------------------------------------------
 *  header
 *  ---------------------------------------------*/

#header {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	z-index: 101;
    width: 100%;
	max-width: 1224px;
	margin: 0 auto -5px auto;
    padding: 0 0 5px 0;
	background: #FFF;
	text-align: left;
	zoom: 1;
}

#header.page-header {
	height: 54px;
    padding: 0 0 5px 0;
	background: url("assets/images/bg_header.png") repeat-x left top;
	color: #ffffff;
	max-width: 100%;
	position: relative;
}

#header .inner .backToTop a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#header h1 {
	padding: 20px 10px 10px 0;
}

#header.page-header h1 {
	width: 254px;
	padding: 10px 10px 10px 17px;
}

#header h1 a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/*--------------------------------------------
 *  Home Navigation
 *  ---------------------------------------------*/

#site-navigation {
	max-width: 750px;
	padding: 0;
	align-self: flex-end;
	zoom: 1;
	margin-bottom: 15px;
}

.page-header #site-navigation {
	padding: 15px 27px 0 0;
}

#site-navigation:after {
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#gNav li {
    float: left;
	display: inline-block;
	/display: inline;
	padding: 0px 20px 0 0;
}

.page-header #gNav li {
	float: none;
	padding: 0 15px 0 0;
}

.page-header #gNav li:last-child {
	padding: 0;
}

#gNav li:nth-child(7) {
    clear: left;
}

.page-header #gNav li:nth-child(7) {
	clear: none;
}

#gNav li:nth-child(n+7) {
    padding-top: 15px;
}

.page-header #gNav li:nth-child(n+7) {
	padding-top: 0;
}

#gNav li a {
    font-family: 'Nunito', sans-serif;
    font-size: 1.7em;
    color: #2d2d2d;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

.page-header #gNav li a {
	font-size: 0.85em;
	color: #fff;
}

.page-header #gNav li.current-menu-item a, #gNav li a:hover {
	color: #f2c20a;
}

.home-header #gNav li a:hover {
	color: #2d2d2d;
	opacity: 0.6;
}

/*
 * -----------------------------
 *  main
 *  -----------------------------
 *  */

html {
	overflow-y: scroll;
	font-size: 85%;
}

body {
	background-color: #2a2a2a;
	color: #000000;
}

body.home {
	background-color: #FFF;
    margin: 0 30px;
}

body,
button,
input,
select,
textarea {
    font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "CI", "Meiryo", Sans-Serif, "lroSVbN", Osaka;
}

img {
    border: none;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

a img.css-hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

a:hover img.css-hover {
	opacity: 0.7;
    filter: alpha(opacity=70);
}

#content {
	display: flex;
	justify-content: flex-start;
}

#content {
	margin: 0;
	background: #f7f3e8;
	max-width: 100%;
	line-height: 1.5;
}

#content.home-content {
	max-width: 1224px;
	width: 100%;
    margin: 0 auto 20px;
	color: #ffffff;
	background: #FFF;
}

#home-content {
    width: 62%;
}

#left-col {
	width: 208px;
	background: url(assets/images/bg_top_side.gif) repeat top left;
	color: #fff;
}

#right-col {
	width: 35%;
    margin-left: 3%;
	background: #FFF;
}

/*
 * -----------------------------
 *  page content
 *  -----------------------------
 *  */

.main {
	padding: 24px 20px 0 20px;
    width: 60%;
	flex-grow: 2;
}

.main h2 {
	margin: 0 0 30px 0;
	font-size: 2.2em;
	font-weight: bold;
	text-transform: none;
}

.main p {
	padding-top: 20px;
}

.main a:link, .main a:visited {
	color: #000000;
	text-decoration: underline;
	outline: none;
	overflow: hidden;
}

.main a:hover {
	color: #000000;
    text-decoration: none;
    outline: none;
}

.main .content-padding {
	max-width: 843px;
}

/*--------------------------------------------
 *  pagetop
 *  ---------------------------------------------*/

.main .pagetop {
	clear: both;
	padding: 20px 0;
	margin-right: -20px;
	text-align: right;
}

.main .pagetop a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*--------------------------------------------
 *  pagination
 *  ---------------------------------------------*/

.pager {
	margin: 20px 0 0 0;
	text-align: center;
}

.pager ul {
	display: inline-block;
	/display: inline;
	overflow: hidden;
	padding: 0;
	text-align: center;
	zoom: 1;
}

.pager ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


.pager ul li {
	float: left;
	margin: 0 5px 0 0;
}

.pager ul span,
.pager ul li a {
	float: left;
	padding: 10px 12px;
	background: #ffffff;
	border: 1px solid #c8c2ab;
	color: #808080;
}

.pager ul span {
	background: #ffffff;
	color: #808080;
}

.pager ul .current {
	background: #f6f6f6;
	border-color: #e5e5e5;
	color: #808080;
}

.pager ul li a:link,
.pager ul li a:visited {
    border-color: #e5e5e5;
    color: #808080;
}

.pager ul li a:hover {
	background: #f6f6f6;
	border-color: #e5e5e5;
	color: #808080;
}

/*--------------------------------------------
 *  NEWS詳細ページ
 *  ---------------------------------------------*/

.newsList li {
	padding-left: 80px;
	text-indent: -80px;
	/padding-left: 88px;
	/text-indent: -88px;
	line-height: 2;
}

.newsList li .new {
	display: inline-block;
	/display: inline;
	padding: 0 0 0 90px;
	/padding: 0 0 0 10px;
}

.newsList li .newsDate {
	margin: 0 16px 0 0;
}

.newsLink {
	max-width: 843px;
}

.newsLink .pastNews {
	text-align: right;
}

.newsLink a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.newsLink a:link, .newsLink a:visited {
	color: #000000;
	text-decoration: underline;
	outline: none;
	overflow:hidden;

}

.newsLink a:hover {
	color: #000000;
	text-decoration: none;
	outline: none;
}

.newsDetail {
	margin: 40px 20px 40px 40px;
	max-width: 780px;
	zoom: 1;
}

.newsDetail:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.newsDetail h3 {
	float: left;
	width: 160px;
}

.newsDetail {
	max-width: 615px;
}

.newsDetail dl {
	/*margin-bottom: 5em;*/
	zoom:1;
}

.newsDetail dl .date .new {
	display: inline-block;
	/display: inline;
	padding: 0 0 0 10px;
	/padding: 0 0 0 10px;
}


.newsDetail dl .title {
	font-weight: bold;
	font-size: 110%;
	padding: 0 0 15px 0;
}

.newsDetail dl dd {
	line-height: 1.5;
}

.newsDetail .back {
	margin: 40px 0 0 0;
}

/*--------------------------------------------
 *  DISCO
 *  ---------------------------------------------*/

.disco-page .navi {
	margin: 0 0 27px 0;
}

.disco-page .navi ul {
	zoom: 1;
}

.disco-page .navi ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.disco-page .navi ul li {
	float: left;
	width: 121px;
	height: 37px;
	padding: 0 6px 0 0;
}

.disco-page .discoList {
	max-width: 817px;
}

.disco-page .discoList ul {
	width: 100%;
	zoom: 1;
	display: flex;
	flex-wrap: wrap;
}

.disco-page .discoList .pager ul {
	display: inline-block;
	max-width: 100%;
	width: auto;
}

.disco-page .discoList ul li {
	width: 114px;
	padding: 0 20px 0 0;
}

.disco-page .discoList .pager ul li {
	width: auto;
	padding: 0;
}

.disco-page .discoList li .itemImage {
	margin: 0 10px 0 0;
	margin: 0 0 10px 0;
	/*zoom: 1;*/
}

.disco-page .discoList li .itemImage img {
	width: 119px;
}

.disco-page .discoList li .itemText {
	font-size: 80%;
	line-height: 1.2;
	/*zoom: 1;*/
}

.disco-page a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.disco-page a:link, .disco-page a:visited {
	color: #000000;
	text-decoration: underline;
	outline: none;
	overflow:hidden;

}

.disco-page a:hover {
	color: #000000;
	text-decoration: none;
	outline: none;
}

.discoDetail {
	display:flex;
	zoom: 1;
}

.discoDetail .leftCol {
	width: 300px;
}

.discoDetail .leftCol img {
	width: 100%;
	max-width: 500px;
	height: auto;
}

.discoDetail .leftCol p {
	padding-top: 0;
}

.discoDetail .rightCol {
	width: 360px;
	margin-left: 40px;
}

.discoDetail .rightCol dl {
	margin-bottom: 5em;
	padding-top: 1em;
}

.discoDetail .rightCol dl dt {
	font-weight: bold;
	font-size: 100%;
	padding: 0 0 15px 0;
	line-height: 1.1;
}

.discoDetail .rightCol dl dd {
	line-height: 1.5;
}

.discoDetail .rightCol dl dd a:link, #discoDetail .rightCol dl dd a:visited {
	color: #000000;
	text-decoration: underline;
	outline: none;
	overflow:hidden;
}

.discoDetail .rightCol dl dd a:hover {
	color: #000000;
	text-decoration: none;
	outline: none;
}


.discoDetail .rightCol .title{
	font-size: 130%
}

.discoDetail .rightCol .price {
	font-size: 90%;
	font-weight: normal;
}

.discoDetail .rightCol .backToList {
	margin: 20px 0;
	text-align: right;
}

.discoDetail .rightCol .backToList a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*--------------------------------------------
 *  PROFILE
 *  ---------------------------------------------*/

.member-bio {
	padding-top: 20px;
}
.member-bio p {
	padding-top: 0;
}

/*--------------------------------------------
 *  Q&A
 *  ---------------------------------------------*/

.qaContent {
	max-width: 780px;
}

.qaContent .contact {
	margin: 10px 0;
	text-align: right;
}

.qaContent .small {
	font-size: 90%;
	line-height: 1.2;
}

.qaContent ul {
	margin-bottom: 1em;
	overflow: hidden;
}

.qaContent ul li {
	border-bottom: 1px solid #b6b6b6;
	line-height: 1.5;
	padding: 10px 0 10px 0;
}

.qaContent ul li p:first-child {
	padding-top: 0;
}

.qaContent ul li .question {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 15px 20px;
	background: url(assets/images/icon_qa_question.gif) no-repeat top left;
}

.qaContent ul li .answer {
	font-size: 90%;
	padding: 0 0 5px 20px;
	background: url(assets/images/icon_qa_answer.gif) no-repeat top left;
}

.qaContent ul li a:link, .qaContent ul li a:visited {
	color: #000000;
	text-decoration: underline;
	outline: none;
	overflow:hidden;

}

.qaContent ul li a:hover {
	color: #000000;
	text-decoration: none;
	outline: none;
}

.boldTxtU {
    font-weight: bold;
    text-decoration: underline;
}

.boldTxt {
    font-weight: bold;
    padding: 0 0 0 1em;
    text-indent: -1em;
}

.txtU {
    text-decoration: underline;
}

/*--------------------------------------------
 *  MEDIA
 *  ---------------------------------------------*/
.media .inner {
	display:flex;
}

.media .inner .navi {
	width: 121px;
	padding: 0 52px 0 0;
}

.media .inner .navi ul li {
	margin: 0 0 16px 0;
}

.media .inner .list {
	float: left;
	max-width: 670px;
}

.media .inner .list h3 {
	margin: 0 0 30px 0;
}

.media .inner .list .note {
	padding-top: 0;
	margin: 0 0 30px 0;
	font-size: 80%;
}

.media .inner .list .listContent li {
	margin: 0 0 25px 0;
	font-size: 90%;
}

.media .inner .list .listContent li .date {
	padding-top:0;
}

.media .inner .list .listContent li .text p:first-child {
	padding-top: 0;
}

.media .inner .list .listContent li .title {
	padding-top:0;
	font-weight: bold;
}

.media .inner .list .listContent li .title .tv {
	background: url(assets/images/icon_media_tv.gif) no-repeat bottom right;
	padding: 5px 20px 0 0;
	zoom: 1;
}

.media .inner .list .listContent li .title .book {
	background: url(assets/images/icon_media_book.gif) no-repeat bottom right;
	padding: 5px 20px 0 0;
}

.media .inner .list .listContent li .title .radio {
	background: url(assets/images/icon_media_radio.gif) no-repeat bottom right;
	padding: 7px 23px 0 0;
}

.media .inner .list .listContent li a:link, .media .inner .list .listContent li a:visited {
	color: #000000;
	text-decoration: underline;
	outline: none;
	overflow:hidden;

}

.media .inner .list .listContent li a:hover {
	color: #000000;
	text-decoration: none;
	outline: none;
}

.media .archive-title {
	font-size: 1.6em;
	text-transform: uppercase;
}

.media-archive, .media-archive select {
	font-family: 'Nunito', sans-serif;
	text-align: center;
	font-size: 1em;
}

.media-archive select {
    width: 100%;
}

/*
 * -----------------------------
 *  whats new widget
 *  -----------------------------
 *  */

.whatsnew {
	width: 100%;
	background: #2a2a2a;
	margin-top: 10px;
}

.whatsnew h2 {
	font-size: 130%;
	text-align: left;
	color: #FF0000;
	background: #2a2a2a;
	margin: 10px 0 10px 0;
	padding: 5px 10px;
	border-top: #2a2a2a solid 10px;
	border-right: #2a2a2a solid 10px;
	border-left: #2a2a2a solid 10px;
}

.whatsnew a:link,
.whatsnew a:visited {
	color: #c9c9c9;
	text-decoration: underline;
}

.whatsnew a:hover,
.whatsnew a:active {
	color: #c9c9c9;
	text-decoration: none;
}

.whatsnew ul {
	color: #c9c9c9;
	font-weight: bold;
	padding: 17px 0 0 0;
	padding: 1em;
}

.whatsnew ul li {
	margin: 0 0 8px 0;
	font-size: 90%;
	zoom: 1;
}

.whatsnew ul li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.whatsnew ul li .date {
	width: 50px;
	padding: 2px 5px 0 0;
}

.whatsnew ul li .category {
	padding: 0px 10px;
	text-transform: uppercase;
	font-size: 0.7em;
	border: 1px solid;
	display: inline-block;
	margin-right: 15px;
	width: 30px;
	text-align: center;
}

.whatsnew ul li .category.news {
	border-color: #0B94B4;
	color:#0B94B4;
}

.whatsnew ul li .category.live {
	border-color: #d4b218;
	color: #d4b218;
}

.whatsnew ul li .category.media {
	border-color: #4C9F37;
	color:#4C9F37;
}

.whatsnew .more {
	font-weight: bold;
	text-align: right;
	padding: 0 1em 1em 0;
}

/*
 * -----------------------------
 *  text widget
 *  -----------------------------
 *  */

.textwidget {
	margin-bottom: 1em;
	margin-top: 1em;
}

/*
 * -----------------------------
 *  release widget
 *  -----------------------------
 *  */

.newreleases {
	width: 208px;
	text-align: center;
	font-weight: bold;
}

.newreleases .sideNewReleaseTtl {
	margin: 18px 0 16px 0;
}

.newreleases .releaseArea .inner {
	margin: 0 0 21px 0;
	font-size: 90%;
}

.newreleases .releaseArea .image img {
	width: 119px;
}

.newreleases .releaseArea .ttl {
	margin: 0 0 15px 0;
	font-size: 90%;
}

.newreleases .releaseArea .inner .caption {
	padding: 5px 0 0 0;
}

.newreleases a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}


/*
 * -----------------------------
 *  youtube embed
 *  -----------------------------
 *  */

.youtube-embed {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.youtube-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* footer
 * -------------------------------------------*/

.page-footer {
	clear: both;
    width: 100%;
	position: relative;
    top: -5px;
    _zoom: 1;
    z-index: 110;
    background: url(assets/images/bg_footer_gradation.png) repeat-x left top;
    padding: 5px 0 0 0;
    color: #ffffff;
}

.copyright {
	text-align: center;
	font-size: 80%;
	line-height: 2;
	color: #666;
	margin-top: 20px;
}

.page-footer .copyright {
	margin: 0;
	line-height: 2;
	color: #c9c9c9;
	padding: 20px 0 0 0;
}

/*
 * -----------------------------
 *  RoyalSlider Customs
 *  -----------------------------
 *  */

.shinee-rs-video-title {
	background-color: #000;
	color: #fff;
	font-size: 1.25em;
	padding: 10px 20px;
}

/*
 * -----------------------------
 *  Responsive
 *  -----------------------------
 *  */
@media only screen and (min-width : 801px) {
	.sp--only {
		display: none;
	}
}

@media only screen and (max-width : 800px) {
	.pc--only {
		display: none !important;
	}

	a:link, a:visited {
	    color: #151515;
	    text-decoration: underline;
	}

	body {
		color: #151515;
		background-color: #fff;
	}

	body.home {
		margin: 0;
	}

	#header {
		display: block;
	}

	#header.page-header {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		background: none;
	}

	#header .headline {
		height: 55px;
		padding: 0;
		background: #ffffff;
		color: #333333;
	}

	#home-content {
		width: 100%;
	}

	#content {
		background-color: #fff;
	}

	#content.home-content {
		flex-wrap: wrap;
	}

	.default-page img {
		max-width: 100%;
		height: auto;
	}

	ul#siteNav {
		width: auto;
		min-width: 320px;
		margin: 0 0 10px 0;
		padding: 0;
		border-top: 1px solid #9f9a8c;
		background: transparent;
		text-align: left;
	}
 	ul#siteNav li {
		margin: 0 0 3px 0;

		border-bottom: 1px solid #9f9a8c;
		background: transparent url(assets/images/arrow_black.gif) no-repeat 96.5% center;
	}
	ul#siteNav li:hover {
		cursor: pointer;
	}

	ul#siteNav a {
		text-decoration: none;
		padding: 9px 12px;
		display:inline-block;
		font-family: 'Nunito', sans-serif;
	    font-size: 1.4em;
		font-weight: 900;
		text-transform: uppercase;
	}

	#right-col {
		width: 100%;
		margin: 0;
	}

	#left-col {
		display: none;
	}

	.main {
		padding: 0;
		width: 100%;
	}

	.main h2 {
		color: #fff;
		height: 24px;
		margin: 0 0 18px 0;
		text-align: left;
		display: block;
		font-size: 0.9em;
		background-color: #000000;
		padding: 4px 0 0 15px;
		font-weight: normal;
	}

	.main h3 {
		margin-bottom: 0;
		padding: 8px 12px 6px 12px;
		background-color: rgba(255,255,255,1);
		font-size: 143%;
		font-weight: normal;
	}

	.main h3.shinee-rs-video-title {
		background-color: #000;
		font-size: 0.9em;
	}

	.main.profile-page h3 {
		padding: 0;
	}

	.main h2 span {
		background: url(assets/images/bg_ttl_balloon.gif) no-repeat 11px 24px;
		display:block;
		padding-bottom:14px;
	}

	.content-padding {
		margin: 5px 10px;
	}

	.pagetop {
		display: none;
	}

	.qaContent .contact {
		text-align: left;
	}

	.whatsnew {
	    width: 100%;
	    background: #fff;
	    margin-top: 10px;
		color: #151515;
	}

	.whatsnew h2 {
		color: #151515;
		margin-bottom: 4px;
		font-weight: normal;
		padding: 8px 12px 6px 12px;
		border: 0;
    	border-top: 1px solid #D1D1D1;
	    font-size: 143%;
	    text-align: left;
	    background: #fff;
	}

	.whatsnew ul {
		padding: 0;
		font-weight: normal;
		color: #151515;
	}

	.whatsnew ul li {
	    padding: 9px 12px;
	    border-top: 1px solid #d1d1d1;
	    background: url(assets/images/arrow_black.gif) no-repeat 96.5% center;
	    font-size: 93%;
	}

	.whatsnew ul li:hover {
		cursor: pointer;
	}

	.whatsnew ul li .category {
		font-size: 0.8em;
	}


	.whatsnew ul li a {
		width: 94%;
		line-height: 1.4;
		display: inline-block;
	}

	.whatsnew a:link, .whatsnew a:visited {
		color: #151515;
		text-decoration: none;
	}

	.whatsnew .more {
		display:none;
	}

	ul.newsList li {
		text-indent: 0;
		padding:9px 26px 9px 12px;
		border-top:1px solid #d1d1d1;
		background:url(assets/images/arrow_black.gif) no-repeat 96.5% center;
		background-color:rgba(255,255,255,1);
		font-size:93%;
	}

	ul.newsList li:last-child {
		border-bottom: 1px solid #d0d0d0;
	}

	ul.newsList li:hover {
		cursor:pointer;
	}

	.newsLink a:link, .newsLink a:visited {
		text-decoration: none;
	}

	.newsDetail {
		max-width: 100%;
		margin: 5px 10px;
		overflow-wrap: break-word;
	}

	.media .inner {
		display: block;
	}

	.media .inner .list {
		float: none;
		max-width: 100%;
	}

	.media .inner .list h3 {
		margin-bottom: 0;
	}

	.media .inner .list .listContent li{margin-bottom: 0; padding:9px 12px;border-top:1px solid #d1d1d1;background-color:rgba(255,255,255,1);font-size:93%}

	.media .inner .list .listContent li:last-child { border-bottom:1px solid #d1d1d1;}
	.media .inner .list .listContent li p.date{margin:0 0 4px 0}

	.media .inner .list .listContent li .title {font-weight:normal; min-height:22px;margin:0 0 8px 0;font-size:108%;line-height:1.4}

	.media .inner .list .listContent li .title span{padding:0 24px 0 0}

	.media .inner .list .listContent li .title p{display:inline;padding:0 24px 0 0}

	.media .inner .list .listContent li .title .radio {
		background:url(assets/images/icon_radio.gif) no-repeat right -3px
	}

	.media .inner .list .listContent li .title .tv {
		background:url(assets/images/icon_tv.gif) no-repeat right -3px
	}

	.media .inner .list .listContent li .title .book {
		background:url(assets/images/icon_book.gif) no-repeat right -3px
	}

	.media .inner .list .listContent li .text {margin:0 0 0 1em;color:#333;word-wrap:break-word}

	.media .inner .list .listContent li .text a{color:#f06!important}

	.media-archive {
		padding: 10px 15px;
		text-align: left;
		font-size: 1.2em;
	}

	.media-archive select {
		font-size: 0.9em;
		min-width: 120px;
	}

	.disco-page .discoList ul li {
		display:flex;
		width: 100%;
		margin-bottom: 20px;
	}

	.disco-page .discoList li .itemImage {
		width:50%;
		text-align:center;
	}

	.disco-page .discoList li .itemImage {
		padding-top: 0;
	}

	.disco-page .discoList li .itemImage img {
		width: 119px;
	}

	.disco-page .discoList li .itemText {
		width: 50%;
		font-size: 100%;
		line-height: 1.35;
		word-wrap: break-word;
	}

	.disco-page .discoList li .itemText a.title {
		font-size: 120%;
		font-weight: bold;
		text-decoration: none;
	}

	.disco-page .discoList li .itemText a.title:hover {
		text-decoration: underline;
	}

	.disco-page .discoList li .itemText .tracklist {
		margin-top: 10px;
		display: inline-block;
	}

	.discoDetail {
		display: block;
		margin: 10px;
		font-size: 100%;
	}

	.discoDetail .leftCol {
		width: 100%;
		font-size: 90%;
	}

	.discoDetail .rightCol {
		width: 100%;
		margin-left: 0;
	}

	.discoDetail .leftCol img {
		width: 70%;
		max-width: 500px;
		margin: 15px 0;
	}

	.discoDetail .leftCol .title {
		font-size: 120%;
		font-weight: bold;
	}

	ul.moveBtn {
		margin-top: 15px;
		border-top:1px solid #d0d0d0;
		background-color:rgba(255,255,255,0.5)
	}

	ul.moveBtn li{
		border-bottom:1px solid #d0d0d0;
		background-color:rgba(255,255,255,0.8);
		text-transform: uppercase;
	}

	ul.moveBtn li.sml {
		text-transform: none;
	}

	ul.moveBtn li .sml {
		text-transform: lowercase;
	}

	ul.moveBtn li a,
	ul.moveBtn li a:link, ul.moveBtn li a:visited
	ul.moveBtn li span.switchBtn {
		display:block;
		padding:12px;
		text-align:center;
		text-decoration:none;
	}

	ul.backBtn li a,.pageBack a{
		background:url(assets/images/arrow_black_r.gif) no-repeat 12px center
	}

	ul.goBtn li a,.pageGo a{
		background:url(assets/images/arrow_black.gif) no-repeat 96.5% center
	}

	ul.list_category {
		height:30px;
		background:#f8efdf;
		background:-moz-linear-gradient(top,#5c5c5c,#010101);
		background:-webkit-gradient(linear,left top,left bottom,from(#5c5c5c),to(#010101));
	}

	ul.list_category:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0}

	ul.list_category li{
		float:left;
		width:25%;
		font-size:11px;
		text-align:center
	}

	.disco-page ul.list_category{margin-bottom:20px}

	.disco-page ul.list_category li{width:20%}

	.qaContent ul li .question {
		background: none;
		padding-left: 0;
	}

	.qaContent ul li .question:first-child:before {
		content: 'Q';
		margin-right: 10px;
		font-size: 1.2em;
	}

	.qaContent ul li .answer {
		background: none;
		padding-left: 0;
	}

	.qaContent ul li .answer p:first-child:before {
		content: 'A';
		margin-right: 10px;
		font-size: 1.4em;
	}

	ul.list_category li a,
	ul.list_category li a:link,
	ul.list_category li a:visited{
		display:inline-block;
		width:98%;
		height:22px;
		margin:4px auto;
		color:#fff;
		line-height:22px;
		text-decoration:none;
		text-shadow:0 1px 1px #000;
		text-transform: uppercase;
	}

	ul.list_category li.current a,
	ul.list_category li a.current,
	ul.list_category li a.parentsLink,
	ul.list_category li a:hover{
		background:#717171;
		margin:3px auto;
		border:1px solid #616161;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
	}

	ul.list_category li.sml a {font-size: 9px; text-transform: none;}

	ul.list_category li a img{
		margin:0 3px 0 0;
		vertical-align:text-top;
	}

	.pager ul span, .pager ul li a {
		font-size: 90%;
		padding: 6px 8px;
	}

	#globalNav {
		margin-top: 15px;
		background: #ffffff;
		width: auto;
		min-width: 320px;
		border-top: 1px solid #000000;
		background: url(assets/images/bg_gnav.gif) repeat left top;
		text-align: center;
	}
	#globalNav li {
		display: inline-block;
		padding-right: 2px;
		background: url(assets/images/bg_partition.png) no-repeat right center;
	}
	#globalNav li:last-child {
		padding-right: 0;
		background: none;
	}

	#globalNav li a {
		color: #8c8c8c;
		line-height: 2.35em;
		font-family: 'Nunito', sans-serif;
		text-decoration: none;
		padding: 0 10px;
		    font-size: 0.95em;
			font-weight: 600;
			text-transform: uppercase;
	}

	.copyright {
		margin: 0 auto 0 auto;
		font-size: 70%;
		line-height: 1.5;
	}

	.page-footer .copyright {
		color: #000000;
	}
}
