@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100&subset=japanese);

/*
	/tv/magicmusic/css/style.css
	-----------------------------------
	v1.0
	Last Updated: 2017-03-30
	Copyright: CBC TELEVISION CO.,LTD. All rights Reserved.
	-----------------------------------
	[Updated]
	v1.0		2017-03-30
	-----------------------------------
	
基本設定
ソーシャルボタン
ヘッダー
フッター

コンテンツ
	トピックパス
	カテゴリタイトル
	ページタイトル
	マンスリーMC SP
	
	右側のコンテンツ（メインコンテンツ）
		各種タイトル
		テキストの設定
		マージンの設定
		カラムの設定
		バックナンバーリスト
	
	左側のコンテンツ（サブメニュー）
		マンスリーMC PC
		サイドメニュー
	
番組内容

トップへ戻るボタン



*/



/* **********************************************************************************************************************************************
        
		基本設定
		
********************************************************************************************************************************************** */
html {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	background:#ffff00 url(../images/bg.png) repeat 0 0;
}
body {
	background:#ffff00 url(../images/bg.png) repeat 0 0;
	color:#000;
}




/*デフォルトリンクカラー*/
a, a:link {
	color: #0000DE;
}
a:visited {
	color: #941D55;
}
a:active,
a:hover {
	color: #CC0000;
}
a:focus {
	color: #CC0000;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* FireFox リンク選択時の点線を消す */
a:link,
a:visited,
a:active,
a:hover { 
	overflow: hidden;
	outline: none;
}
@media (max-width: 640px) {
}

@media (min-width: 641px) {
	body {
		min-width: 980px;
	}

}

/* アスタリスクを5本線にする */
.magicmusic #content-right dl dd span.asterisk {
	font-family: arial, 'Noto Sans JP';
}

/* ------------------------------------------------------------------------------------------

	非表示設定

------------------------------------------------------------------------------------------ */
@media (max-width: 640px) {
	.hide-sp {
	display: none !important;
	}
}

@media (min-width: 641px) {
	.hide-pc {
	display: none !important;
	}
}
@media (max-width: 640px) {
	#global-nav {
		display: none;
	}
}

/* **********************************************************************************************************************************************
        
		 ソーシャルボタン
		
********************************************************************************************************************************************** */

/* ***********************************************************************
        
		.magicmusic＠専用設定
		
*********************************************************************** */

@media (max-width: 640px) {
	.magicmusic #social-section-box {
		background:#FFF;
		height:35px;
		position:relative;
		z-index:99999;
	}
}
@media (min-width: 641px) {
	.magicmusic #social-section-box {
		background:#FFF;
	}
	.magicmusic #social-section-box-inner {
		width:980px;
		height:40px;
		margin:auto;
		position:relative;
		z-index:99999;
	}
}




/* ***********************************************************************
        
		Social Buttonの基本設定
		
*********************************************************************** */

.social-button {
}
.social-button:before,
.social-button:after {
	content: " ";
	display: table;
}
.social-button:after {
	clear: both;
}
.social-button {
	*zoom: 1;
}
.social-button li {
	float: left;
	margin-right: 4px;
	line-height: 0;
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

/* ***********************************************************************
        
		Social Buttonのカスタム設定
		
*********************************************************************** */
.social-button {
	float:right;
}
@media (max-width: 640px) {
	.social-section {
		position:absolute;
		top:9px;
		left:0;
		right:0;
		text-align:center;
		margin:auto;
	}
}
@media (min-width: 641px) {
	.social-section {
		position:absolute;
		right:20px;
		top:10px;
	}
}



/* **********************************************************************************************************************************************
        
		 ヘッダー
		
********************************************************************************************************************************************** */
@media (max-width: 640px) {
	.magicmusic .header {
		background:url(../images/sp/header.jpg) no-repeat center top;
		-moz-background-size:100% auto;
		background-size:100% auto;
		height: 0;
		padding-top: 116.71875%;
	}
	.magicmusic .header2 {
		background:url(../images/sp/header2.jpg) no-repeat center top;
		-moz-background-size:100% auto;
		background-size:100% auto;
		height: 0;
		padding-top: 58.59375%;
	}
}

@media (min-width: 641px) {
	.magicmusic .header {
		background:url(../images/pc/header.jpg) no-repeat center top;
	}
	.magicmusic .header-inner {
		background:url(../images/pc/header.jpg) no-repeat center top;
		width:980px;
		height:551px;
		margin:auto;
	}
	.magicmusic .header2 {
		background:url(../images/pc/header2.jpg) no-repeat center top;
	}
	.magicmusic .header2-inner {
		background:url(../images/pc/header2.jpg) no-repeat center top;
		width:980px;
		height:351px;
		margin:auto;
	}
}

.magicmusic .header h1,
.magicmusic .header p,
.magicmusic .header ul,
.magicmusic .header li,
.magicmusic .header2 h1,
.magicmusic .header2 p,
.magicmusic .header2 ul,
.magicmusic .header2 li {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}

/* **********************************************************************************************************************************************
        
		フッター
		
********************************************************************************************************************************************** */
@media (max-width: 640px) {

	.magicmusic .footer {
		padding:30px 10px 30px;
	}
	
	.magicmusic .footer-inner p {
		font-size: 12px;
		line-height:1.5;
	}
	.magicmusic .footer-inner p a,
	.magicmusic .footer-inner p a:link {
		color: #000;
		text-decoration: none;
	}
	.magicmusic .footer-inner p a:visited {
		color: #000;
	}
	.magicmusic .footer-inner p a:active,
	.magicmusic .footer-inner p a:hover {
		color: #000;
		text-decoration: underline;
	}
	.magicmusic .footer-inner p a:focus {
		color: #000;
	}
	
	/*ページアップ*/
	.magicmusic .pageup a {
		display: block;
		background: url(../images/pageup.png) no-repeat 0 0 ;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 40px;
		height:40px;
		position: fixed;
		right: 10px;
		bottom: 10px;
	}
}
@media (min-width: 641px) {
	
	.magicmusic .footer {
	}
	.magicmusic .footer-inner {
		width:980px;
		height:134px;
		margin:auto;
	}
	.magicmusic .footer-inner p {
		font-size: 12px;
		line-height:134px;
		text-align: center;
	}
	.magicmusic .footer-inner p a, .footer-inner p a:link {
		color: #000;
		text-decoration: none;
	}
	.magicmusic .footer-inner p a:visited {
		color: #000;
	}
	.magicmusic .footer-inner p a:active,
	.magicmusic .footer-inner p a:hover {
		color: #000;
		text-decoration: underline;
	}
	.magicmusic .footer-inner p a:focus {
		color: #000;
	}
	
	/*ページアップ*/
	.magicmusic .pageup a {
		display: block;
		background: url(../images/pageup.png) no-repeat 0 0 ;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 80px;
		height: 80px;
		position: fixed;
		right: 20px;
		bottom: 64px;
	}
	.magicmusic .pageup a:hover {
		opacity:0.7;
	}
}





/* **********************************************************************************************************************************************
        
		 コンテンツ
		
********************************************************************************************************************************************** */
@media (max-width: 640px) {
	.magicmusic #content {
		background:#FFF;
	}
	.magicmusic #content-inner {
		width:90.625%;
		margin:auto;
	}
}
@media (min-width: 641px) {
	.magicmusic #content {
		background:#FFF;
	}
	.magicmusic #content-inner {
		width:980px;
		padding:0 20px 50px;
		margin:auto;
	}
	.magicmusic #content-inner:after {
		content: "";
		display: block;
		clear: both;
	}
}

/* **************************************************************************
        
		 トピックパス
		
************************************************************************** */
@media (max-width: 640px) {
	.magicmusic #topicpath {
		font-size: 12px;
		line-height: 1.5;
		width:100%;
		padding: 18px 0 0;
		margin: 0;
	}
	#magicmusic-archive #topicpath {
		padding: 18px 0;
	}
}
@media (min-width: 641px) {
	.magicmusic #topicpath {
		font-size: 14px;
		line-height: 1.6;
		width:100%;
		padding: 18px 0 0;
		margin: 0;
	}
	#magicmusic-archive #topicpath {
		padding: 18px 0;
	}
}

#topicpath-inner {
}
#topicpath ul {
	margin: 0;
}
#topicpath ul:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
#topicpath li {
	float: left;
}
#topicpath li.sub {
	padding-left: 10px;
	width:auto;
}
#topicpath li.sub:before {
	letter-spacing: 10px !important;
	content: ">" !important;
}

#topicpath a,
#topicpath a:link {
	color:#000;
	text-decoration:underline;
}
#topicpath a:visited {
}
#topicpath a:active,
#topicpath a:hover {
	text-decoration:none;
}
#topicpath a:focus {
}





/* **************************************************************************
        
		 カテゴリタイトル
		
************************************************************************** */
/*背景の設定*/
@media (max-width: 640px) {
	.magicmusic #category-title-box {
	}
}
@media (min-width: 641px) {
	.magicmusic #category-title-box {
		background:url(../images/pc/category-title-box.png) no-repeat center 0;
	}
}

/*ON AIR*/
@media (max-width: 640px) {
	.magicmusic #category-title-oa {
		background:url(../images/sp/category-title-oa.png) no-repeat center 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		height: 0;
		padding-top: 18.75%;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
	}
	
}
@media (min-width: 641px) {
	.magicmusic #category-title-oa {
		background:url(../images/pc/category-title-oa.png) no-repeat center 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width:980px;
		height:100px;
		margin:auto;
	}
}

/*バックナンバー*/
@media (max-width: 640px) {
	.magicmusic #category-title-bk {
		background:url(../images/sp/category-title-bk.png) no-repeat center 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		height: 0;
		padding-top: 18.75%;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
	}
	
}
@media (min-width: 641px) {
	.magicmusic #category-title-bk {
		background:url(../images/pc/category-title-bk.png) no-repeat center 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width:980px;
		height:100px;
		margin:auto;
	}
}

/* **************************************************************************
        
		 ページタイトル
		
************************************************************************** */
@media (max-width: 640px) {
	.magicmusic #page-title-box {
	}
	.magicmusic #page-title {
		font-family: 'Oxygen', sans-serif;
		font-size:24px;
		text-align:center;
		padding:12px 0;
	}
	
}
@media (min-width: 641px) {
	.magicmusic #page-title-box {
	}
	.magicmusic #page-title {
		font-family: 'Oxygen', sans-serif;
		font-size:32px;
		text-align:center;
		line-height:110px;
		height:110px;
	}
}


/* **************************************************************************
        
		 マンスリーMC SP
		
************************************************************************** */
@media (max-width: 640px) {
	.magicmusic #m3mc-sp-box {
		background: url(../images/sp/m3mc-sp-box.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		height: 0;
		padding-top: 41.37931034482759%;
		margin:0 0 25px;
		position:relative;
	}
	.magicmusic #m3mc-sp-box .m3mc-title {
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		list-style-type: none;
		height: 0;
		overflow: hidden;
	}
	.magicmusic #m3mc-sp-box .m3mc-photo {
		width:32.75862068965517%;
		position:absolute;
		top:10.41666666666667%;
		right:12.41379310344828%;
	}
	.magicmusic #m3mc-sp-box .m3mc-photo img {
		max-width: 100%;
		height: auto;
		vertical-align: bottom;	
	}
	.magicmusic #m3mc-sp-box .m3mc-text {
		font-size:12px;
		font-weight:bold;
		line-height:18px;
		width:48.27586206896552%;
		position:absolute;
		bottom:6%;
		left:3.44827586206897%;
	}

}
@media (min-width: 641px) {
	.magicmusic #m3mc-sp-box {
		display:none;
	}
}


/* **************************************************************************
        
		 右側のコンテンツ（メインコンテンツ）
		
************************************************************************** */
@media (max-width: 640px) {
	
}
@media (min-width: 641px) {
	.magicmusic #content-right {
		float:right;
		width:660px;
	}
}


/* **********************************
        
		各種タイトル
		
********************************** */
/*マンスリーピカイチ！ミュージック*/
@media (max-width: 640px) {
	.magicmusic .corner-title-m3m {
		background: url(../images/sp/corner-title-m3m.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:18.10344827586207%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-m3m {
		background: url(../images/pc/corner-title-m3m.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 74px;
		margin:-10px 0 30px;
	}
}

/*a-nation出演アーティスト*/
@media (max-width: 640px) {
	.magicmusic .corner-title-e-ending {
		background: url(../images/sp/corner-title-a-nation.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:19.31034482758621%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-a-nation {
		background: url(../images/pc/corner-title-a-nation.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 79px;
		margin:-10px 0 30px;
	}
}

/*a-nation2019特集*/
@media (max-width: 640px) {
	.magicmusic .corner-title-a-nation2019 {
		background: url(../images/sp/corner-title-a-nation2019.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:19.31034482758621%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-a-nation2019 {
		background: url(../images/pc/corner-title-a-nation2019.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 79px;
		margin:-10px 0 30px;
	}
}

/*プレイバック出演アーティスト*/
@media (max-width: 640px) {
	.magicmusic .corner-title-playback {
		background: url(../images/sp/corner-title-playback.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:19.31034482758621%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-playback {
		background: url(../images/pc/corner-title-playback.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 79px;
		margin:-10px 0 30px;
	}
}

/*ピカイチ！レコメンド*/
@media (max-width: 640px) {
	.magicmusic .corner-title-pika {
		background: url(../images/sp/corner-title-pika.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:19.31034482758621%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-pika {
		background: url(../images/pc/corner-title-pika.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 79px;
		margin:-10px 0 30px;
	}
}

/*MAG!C☆MUS!C ライブインフォメーション*/
@media (max-width: 640px) {
	.magicmusic .corner-title-live {
		background: url(../images/sp/corner-title-live.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:22.41379310344828%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-live {
		background: url(../images/pc/corner-title-live.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 64px;
		margin:0 0 30px;
	}
}

/*光の気になるミュージック*/
@media (max-width: 640px) {
	.magicmusic .corner-title-curious {
		background: url(../images/sp/corner-title-curious.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:14.375%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-curious {
		background: url(../images/pc/corner-title-curious.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 64px;
		margin:0 0 30px;
	}
}

/*MAG!C☆MUS!C マンスリーエンド曲*/
@media (max-width: 640px) {
	.magicmusic .corner-title-pickup {
		background: url(../images/sp/corner-title-pickup.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:14.375%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-pickup {
		background: url(../images/pc/corner-title-pickup.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 64px;
		margin:0 0 30px;
	}
}
/*MAG!C☆MUS!C マンスリーエンド曲*/
@media (max-width: 640px) {
	.magicmusic .corner-title-end {
		background: url(../images/sp/corner-title-end.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:14.375%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-end {
		background: url(../images/pc/corner-title-end.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 64px;
		margin:0 0 30px;
	}
}
/*MAG!C☆MUS!C マンスリーエンディングテーマ*/
@media (max-width: 640px) {
	.magicmusic .corner-title-ending {
		background: url(../images/sp/corner-title-ending.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:14.375%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-ending {
		background: url(../images/pc/corner-title-ending.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 64px;
		margin:0 0 30px;
	}
}

/*MAG!C☆MUS!C ゲストコーナー*/
@media (max-width: 640px) {
	.magicmusic .corner-title-guest {
		background: url(../images/sp/corner-title-guest.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:22.41379310344828%;
		margin:0 0 20px;
	}
}
@media (min-width: 641px) {
	.magicmusic .corner-title-guest {
		background: url(../images/pc/corner-title-guest.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 660px;
		height: 64px;
		margin:0 0 30px;
	}
}





/* **********************************
        
		テキストの設定
		
********************************** */
.magicmusic #content-right dl {
}
.magicmusic #content-right dl dt {
	float:left;
	color:#FF41A7;
	font-weight:bold;
}
.magicmusic #content-right dl dd {
	margin-left:1.25em;
}
.magicmusic #content-right dl dt::before,
.magicmusic #content-right .special ul li::before {
	content:"♪";
	color:#FF41A7;
}
@media (max-width: 640px) {
	.magicmusic #content-right p {
		font-size:14px;
		line-height:1.5em;
		margin:0 0 1.5em;
	}
	.magicmusic #content-right dl {
		font-size:14px;
		line-height:1.5em;
		margin-bottom:1.5em;
	}
	.magicmusic #content-right dl dt {
		font-size:18px;
	}
	.magicmusic #content-right dl dd {
		text-indent:0.5em;
		margin-bottom:0.5em;
	}
	.magicmusic #content-right dl dd:last-of-type {
		margin-bottom:0;
	}
	.magicmusic #content-right .special {
		font-size:18px;
		font-weight:bold;
		line-height:1.5;
	}
	.magicmusic #content-right .special ul {
		margin-bottom:1em;
	}
	.magicmusic #content-right .special ul li {
		color: #FF41A7;
		text-indent:-1em;
		margin-left:1em;
	}
}
@media (min-width: 641px) {
	.magicmusic #content-right p {
		font-size:16px;
		line-height:26px;
		margin:0 0 26px;
	}
	.magicmusic #content-right dl {
		font-size:16px;
		line-height:26px;
		margin-bottom:26px;
	}
	.magicmusic #content-right dl dt {
		font-size:20px;
	}
	.magicmusic #content-right dl dd {
		text-indent:0.5em;
		margin-bottom:5px;
	}
	.magicmusic #content-right dl dd:last-of-type {
		margin-bottom:0;
	}
	.magicmusic #content-right .special {
		font-size:20px;
		font-weight:bold;
		line-height:1.5;
	}
	.magicmusic #content-right .special ul {
		margin-bottom:26px;
	}
	.magicmusic #content-right .special ul li {
		color: #FF41A7;
		text-indent:-1em;
		margin-left:1em;
	}
}


/* **********************************
        
		マージンの設定
		
********************************** */
@media (max-width: 640px) {
	.magicmusic #content-right .mb25-sp {
		margin-bottom:25px;
	}
}
@media (min-width: 641px) {
	.magicmusic #content-right .mb50-pc {
		margin-bottom:50px;
	}
}


/* **********************************
        
		カラムの設定
		
********************************** */
/*カラムボックス*/
.magicmusic .column-box {
}
.magicmusic .column-box:after {
	content: "";
	display: block;
	clear: both;
}
/*3：7の2カラム*/
@media (max-width: 640px) {
	.magicmusic .column2-3l {
		/*float:left;
		width:44.82758620689655%;*/
	}
	.magicmusic .column2-7r {
		/*float:right;
		width:51.72413793103448%;*/
	}
}
@media (min-width: 641px) {
	.magicmusic .column2-3l {
		float:left;
		width:230px;
	}
	.magicmusic .column2-7r {
		float:right;
		width:415px;
	}
}
.magicmusic .column2-3l img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* **********************************
        
		バックナンバーリスト　bk-list-box
		
********************************** */
@media (max-width: 640px) {
	.magicmusic .bk-list-box {
		float:left;
		width:48.27586206896552%;
		margin:0 0 15px 0;
	}
	.magicmusic .bk-list-box:nth-child(2n) {
		float:right;
		margin:0 0px 15px 0;
	}
	.magicmusic .bk-list-date {
		background:url(../images/sp/bk-list-date.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		height: 0;
		padding-top: 60.71428571428571%;
		position:relative;
	}
	.magicmusic #content-right .bk-list-date p {
		font-size:13px;
		text-align:center;
		width:100%;
		position:absolute;
		top:52%;
		left:0;
	}
	.magicmusic .bk-list-date p a {
		color:#000;
		text-decoration:underline;
	}
	.magicmusic .bk-list-mc {
		background:url(../images/sp/bk-list-mc-top.png) no-repeat 0 0,
					url(../images/sp/bk-list-mc-bottom.png) repeat-y 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	.magicmusic #content-right .bk-list-mc p {
		font-size:12px;
		line-height:1.5em;
		padding:20% 14% 10%;
	}
}
@media (min-width: 641px) {
	.magicmusic .bk-list-box {
		float:left;
		width:200px;
		margin:0 30px 30px 0;
	}
	.magicmusic .bk-list-box:nth-child(3n) {
		margin:0 0px 30px 0;
	}
	.magicmusic .bk-list-date {
		background:url(../images/pc/bk-list-date.png) no-repeat 0 0;
		width: 200px;
		height: 120px;
	}
	.magicmusic #content-right .bk-list-date p {
		font-size:18px;
		text-align:center;
		padding:67px 0 0;
	}
	.magicmusic .bk-list-date p a,
	.magicmusic .bk-list-date p a:link {
		color:#000;
		text-decoration:underline;
	}
	.magicmusic .bk-list-date p a:active,
	.magicmusic .bk-list-date p a:hover {
		text-decoration:none;
	}
	.magicmusic .bk-list-mc {
		background:#ffffc1 url(../images/pc/bk-list-mc.png) no-repeat 0 0;
		width:165px;
		margin:0 17px 0 18px;
	}
	.magicmusic #content-right .bk-list-mc p {
		font-size:14px;
		line-height:1.5em;
		padding:40px 12px 22px;
	}
}

/* **************************************************************************
        
		 左側のコンテンツ（サブメニュー）
		
************************************************************************** */
@media (max-width: 640px) {
}
@media (min-width: 641px) {
	.magicmusic #content-left {
		float:left;
		width:240px;
	}
}

/* **********************************

		マンスリーMC PC

********************************** */
@media (max-width: 640px) {
	.magicmusic #m3mc-pc-box {
		display:none;
	}
}
@media (min-width: 641px) {
	.magicmusic #m3mc-pc-box {
		background: url(../images/pc/m3mc-box-top.png) no-repeat 0 0,
					url(../images/pc/m3mc-box-bottom.png) no-repeat 0 bottom,
					#ffff00;
		padding:98px 0 60px;
		margin:0 0 20px;
	}
	.magicmusic #m3mc-pc-box .m3mc-title {
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		list-style-type: none;
		height: 0;
		overflow: hidden;
	}
	.magicmusic #m3mc-pc-box .m3mc-photo {
		text-align:center;
		margin:0 0 12px;
	}
	.magicmusic #m3mc-pc-box .m3mc-text {
		font-size:14px;
		font-weight:bold;
		line-height:22px;
		text-align:center;
		margin:0 0 25px;
	}
}


/* **********************************
        
		サイドメニュー
		
********************************** */
@media (max-width: 640px) {
	.magicmusic #side-menu {
		border-top: 2px solid #ff41a7;
		padding:23px 0 0;
		clear:both;
	}
	.magicmusic #side-menu:after {
		content: "";
		display: block;
		clear: both;
	}
	.magicmusic #side-menu .btn-bk a {
		float:left;
		display: block;
		background: url(../images/btn-bk.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 48.27586206896552%;
		height: 0;
		padding-top:14.82758620689655%;
		margin:0 0 20px;
	}
	.magicmusic #side-menu .btn-mail a {
		float: right;
		display: block;
		background: url(../images/btn-mail.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 48.27586206896552%;
		height: 0;
		padding-top:14.82758620689655%;
		margin:0 0 20px;
	}
	#magicmusic-archive #side-menu .btn-mail {
		padding:0 0 1px;
	}
	#magicmusic-archive #side-menu .btn-mail a {
		float:none;
		margin:0 auto 20px;
	}

}
@media (min-width: 641px) {
	.magicmusic #side-menu .btn-bk a {
		display: block;
		background: url(../images/btn-bk.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 240px;
		height: 74px;
		margin:0 0 20px;
	}
	.magicmusic #side-menu .btn-bk a:hover {
		opacity:0.7;
	}
	.magicmusic #side-menu .btn-mail a {
		display: block;
		background: url(../images/btn-mail.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 240px;
		height: 74px;
		margin:0 0 20px;
	}
	.magicmusic #side-menu .btn-mail a:hover {
		opacity:0.7;
	}
}


/* **********************************************************************************************************************************************
        
		番組内容
		
********************************************************************************************************************************************** */
@media (max-width: 640px) {
	.magicmusic #content-info {
		background:#ff41a7;
		padding:50px 0 44px;
	}
	.magicmusic #content-info-inner {
		background: url(../images/sp/content-info.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		height: 0;
		padding-top: 271.875%;
	}
	.magicmusic #content-info-title,
	.magicmusic #content-info-box {
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		list-style-type: none;
		height: 0;
		overflow: hidden;
	}
}
@media (min-width: 641px) {
	.magicmusic #content-info {
		background:#ff41a7;
	}
	.magicmusic #content-info-inner {
		width:980px;
		padding:80px 20px 107px;
		margin:auto;
	}
	.magicmusic #content-info-title {
		background:url(../images/pc/content-info-title.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 196px;
		height: 65px;
		margin:0 auto 53px;
	}
	.magicmusic #content-info-box {
		background:url(../images/pc/content-info-box.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 940px;
		height: 663px;
	}
}

/* **********************************************************************************************************************************************
        
		トップへ戻るボタン
		
********************************************************************************************************************************************** */
@media (max-width: 640px) {
	.magicmusic #btn-top-box {
	}
	.magicmusic #btn-top-box-inner {
	}
	.magicmusic #btn-top a {
		display: block;
		background: url(../images/sp/btn-top.png) no-repeat 0 0;
		-moz-background-size:100% auto;
		background-size:100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 0;
		padding-top:21.875%;
		pa
	}
}
@media (min-width: 641px) {
	.magicmusic #btn-top-box {
		background:#ffffdb;
	}
	.magicmusic #btn-top-box-inner {
		width:980px;
		height:100px;
		margin:auto;
		padding:36px 0 0;
	}
	.magicmusic #btn-top a {
		display: block;
		background: url(../images/pc/btn-top.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 169px;
		height: 29px;
		margin:auto;
	}
	.magicmusic #btn-top a:hover {
		opacity:0.7;
	}
}



@media (max-width: 640px) {
}
@media (min-width: 641px) {
}