@charset 'utf-8';
/* CSS Document */
body { margin : 0; padding : 0; background-color : #f1e9dc; text-size-adjust : none; -webkit-text-size-adjust : none; }
header, article { font-family : Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; color : #555; }
article { font-size : 14px; padding : 36px 0 40px; }
article.index { padding : 20px 0 40px; background : #f1e9dc url(../images/article_bg.gif) repeat-x center top; }
article ul, article li, header ul, header li, p, h1, h2, h3, h4, h5, h6 { margin : 0; padding : 0; list-style : none; }
article img, .mainVisual img { vertical-align : top; }
article a { text-decoration : none; color : #2e9c96; }
article a:hover { text-decoration : underline; }

/* ランキング style*/

.unkListBlock {margin : 0 auto 20px; width: 910px;line-height : 1.3;;}
.unkListBlock > a {display: inline-block; vertical-align: top; float: right;;}
.unkList { text-align : left; font-size : 0; display : inline-block; vertical-align : top;}
.unkList li { display: inline-block; border-left: 2px solid #2e9c96; padding: 0 10px; font-size: 16px;}
.unkList li:last-child { border-right: 2px solid #2e9c96;}

.headingBlock {margin-bottom : 38px; }

.tableHeading { border-radius : 4px; background-color : #2e9c96; width : 910px; margin : 0 auto 2px; }
.tableHeading > h3 { text-align : center; color : #fff!important; font-size : 22px; font-family : 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN'; }

.reportTxt { text-align:center; margin-bottom: 30px; }
.reportTxt > strong { font-weight: bold; }
.reportTxt > a { tcolor: #2e9c96; }

.RankingBlock.anisonRanking { width : 910px; margin : 0 auto 80px; }
.RankingBlock.anisonRanking:last-child { margin : 0 auto; }

.RankingBlock.anisonRanking table { width : 100%; font-size : 18px; vertical-align : middle; }
.RankingBlock.anisonRanking table th,
.RankingBlock.anisonRanking table td { height : 48px; }

.RankingBlock.anisonRanking table tbody tr { background-color : #effaf9; border-bottom : 2px solid #fff; }
.RankingBlock.anisonRanking table tbody tr:nth-child(2n) { background-color : #f6f6f6; }
.RankingBlock.anisonRanking table tbody tr th { width : 100px; padding-left : 24px; color : #777; vertical-align : middle; }
.RankingBlock.anisonRanking table tbody tr td { color : #555; letter-spacing : 0px; }
.RankingBlock.anisonRanking table tbody tr td:last-child { width : 372px; font-size : 14px; padding: 0 10px 0 10px; }

.RankingBlock.anisonRanking.rank1_10 table { font-size : 18px; }
.RankingBlock.anisonRanking.rank1_10 table th,
.RankingBlock.anisonRanking.rank1_10 table td { height : 68px; }


.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2n+5) th { background: url(../images/odd_bg.jpg) no-repeat top left; -webkit-background-size: 122px 100%; background-size: 122px 100%;}
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2n+5) { border-bottom : 2px solid #fff;
	background-image: -moz-linear-gradient( 90deg, rgb(224,245,243) 0%, rgb(239,250,249) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(224,245,243) 0%, rgb(239,250,249) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(224,245,243) 0%, rgb(239,250,249) 100%);
}

.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2n+4) th { background: url(../images/even_bg.jpg) no-repeat top left; -webkit-background-size: 122px 100%; background-size: 122px 100%;}
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2n+4) {
	background-image: -moz-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(246,246,246) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(246,246,246) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(246,246,246) 100%);
}



.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) th { position: relative; font-size: 20px; color: #fff; text-shadow: 0 0 8px #333; padding-right: 10px; letter-spacing: 3px;; }
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) th > span { font-size: 50px; font-style: italic; }
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) th:before { content:''; position: absolute; left:6px; top:0; bottom:0; margin: auto; width: 44px; height: 50px; }
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) th,
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) td { height: 88px; }
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) td { font-weight : bold!important; }

.RankingBlock.anisonRanking.rank1_10 table tbody tr:first-child th { background: url(../images/first_bg.jpg) no-repeat top left; -webkit-background-size: 122px 100%; background-size: 122px 100%;}
.RankingBlock.anisonRanking.rank1_10 table tbody tr:first-child th:before { background:url(../images/first_cup.png) no-repeat; -webkit-background-size: cover; background-size: cover; }
.RankingBlock.anisonRanking.rank1_10 table tbody tr:first-child {
	background-image: -moz-linear-gradient( 90deg, rgb(237,213,80) 0%, rgb(255,249,158) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(237,213,80) 0%, rgb(255,249,158) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(237,213,80) 0%, rgb(255,249,158) 100%);
}

.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2) th { background: url(../images/second_bg.jpg) no-repeat top left; -webkit-background-size: 122px 100%; background-size: 122px 100%;}
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2) th:before { background:url(../images/second_cup.png) no-repeat; -webkit-background-size: cover; background-size: cover; }
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2) {
	background-image: -moz-linear-gradient( 90deg, rgb(192,204,219) 0%, rgb(237,243,249) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(192,204,219) 0%, rgb(237,243,249) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(192,204,219) 0%, rgb(237,243,249) 100%);
}

.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(3) th { background: url(../images/third_bg.jpg) no-repeat top left; -webkit-background-size: 122px 100%; background-size: 122px 100%;}
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(3) th:before { background:url(../images/third_cup.png) no-repeat; -webkit-background-size: cover; background-size: cover; }
.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(3) {
	background-image: -moz-linear-gradient( 90deg, rgb(229,191,172) 0%, rgb(255,242,224) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(229,191,172) 0%, rgb(255,242,224) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(229,191,172) 0%, rgb(255,242,224) 100%);
}

.RankingBlock.anisonRanking.rank1_10 table tbody tr th {width: 122px;padding-right: 30px;font-size: 18px;font-weight: bold;color : #333;vertical-align : middle;text-align:right;border: transparent 1px solid;-webkit-box-sizing:border-box; box-sizing: border-box;}
.RankingBlock.anisonRanking.rank1_10 table tbody tr th > span { font-size: 24px; }
.RankingBlock.anisonRanking.rank1_10 table tbody tr td {color : #333;font-size: 22px;font-weight: bold;letter-spacing : 0px;padding-left: 23px;}
.RankingBlock.anisonRanking.rank1_10 table tbody tr td:last-child { width : 372px; font-size : 16px; padding-left: 10px; font-weight: normal;}


/* 番組詳細 style */

.mainBoxInner { background-color : #fff; padding-bottom: 60px; border-radius: 4px;}

.contentsBlock { width: 910px; margin: 0 auto 16px; padding-top: 24px; }
.contentsBlock .contentsTxtBlock { float: left; width: 377px; font-size: 14px; line-height: 24px; color: #000; }
.contentsBlock .contentsTxtBlock .contentsTxtTopBlock { margin-bottom: 13px; padding-top: 3px; }
.contentsBlock .contentsTxtBlock .contentsTxtTopBlock img { float: left; width: 44px; }
.contentsBlock .contentsTxtBlock .contentsTxtTopBlock p { float: left; margin-left: 8px; font-weight: bold;}

.contentsBlock .contentsLinkBlock { float: right; width: 500px; }
.contentsBlock .contentsLinkBlock .voteBtn { margin-bottom: 15px; }
.contentsBlock .contentsLinkBlock .voteBtn a { display: block; margin-bottom: 20px; }
.contentsBlock .contentsLinkBlock .voteBtn .rankLink { width: 500px; }
.contentsBlock .contentsLinkBlock .voteBtn .rankLink img { width: 100%; }
.contentsBlock .searchLink { width: 300px; display : block; border-radius : 5px; background-color : #2e9c96; clear: both; margin: 0 auto;}
.contentsBlock .searchLink a { font-size : 18px; font-weight : bold; display : block; padding : 8px 0; text-align : center; color : #fff; }
.contentsBlock .searchLink a:hover { text-decoration: none; opacity: .7; color : #fff!important; }

.appearanceBlock { width: 910px; margin: 0 auto 42px; }
.appearanceBlock:last-child { margin: 0 auto; }

.appearanceBlock .appearanceHeading { width: 100%; border-radius: 3px; margin-bottom: 40px;}
.appearanceBlock .appearanceHeading h3 { font-size: 17px; text-align:center; padding: 4px 0; font-family : 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN';  }
.appearanceBlock.MCBlock .appearanceHeading { background-color: #d2efed;}
.appearanceBlock.MCBlock .appearanceHeading h3 { color: #2e9c96 !important; }
.appearanceBlock.artistBlock .appearanceHeading { background-color: #e0edfc; }
.appearanceBlock.artistBlock .appearanceHeading h3 { color: #4489da !important; }

.appearanceBlock .MCBlockInner { text-align: center; font-size: 0; }
.appearanceBlock .MCBlockInner .blockItem { width: 180px; margin-right: 50px; display: inline-block; }
.appearanceBlock .MCBlockInner .blockItem:last-child {margin-right: 0; }
.appearanceBlock .MCBlockInner .blockItem img { margin-bottom: 5px; max-width: 100%; }
.appearanceBlock .MCBlockInner .blockItem p { font-size: 16px; text-align: left;}

.appearanceBlock .artistBlockInner { width: 878px; margin: 0 auto; font-size: 0;}
.appearanceBlock .artistBlockInner .blockItem { display: inline-block; width: 200px; height: 200px; position: relative; margin: 0 26px 14px 0;}
.appearanceBlock .artistBlockInner .blockItem:nth-child(4n) { margin-right: 0; }
.appearanceBlock .artistBlockInner .blockItem img { margin: 0 auto; margin-bottom: 5px; max-width: 100%; max-height: 100%; display: block;}
.appearanceBlock .artistBlockInner .blockItem p { font-size: 16px; padding: 0 24px;}

.appearanceBlock .artistBlockInner .blockItem.wideImgItem p { padding: 0; }
.appearanceBlock .artistBlockInner .blockItem.otherArtist { vertical-align:top; }
.appearanceBlock .artistBlockInner .blockItem.otherArtist p { line-height: 200px; text-align:center;}



@media all and (min-width: 0) and (max-width: 767px) {
	article { padding : 19px 17px 20px; }

	.mainBoxInner { padding-bottom: 14px; width: 100%; margin: 0 auto; }

	/* ランキング style*/

	.unkListBlock {margin : 0 auto 12px;width : 91%;}
	.unkListBlock > a { float: right;font-size: 11px;vertical-align: top; padding-left: 8px; }
	.unkList li { border-left: 1px solid #2e9c96; padding: 0 8px; line-height: 1.3; font-size: 11px; margin-bottom: 20px;}
	.unkList li:last-child { border-right: 1px solid #2e9c96; margin-bottom: 4px;}

	.headingBlock { margin-bottom: 25px; }

	.reportTxt { width: 91%; text-align:left; margin: 0 auto 24px; font-size: 11px; }
	.reportTxt > a { color: #2e9c96; }

	.RankingBlock.anisonRanking { width : 91%; margin : 0 auto 30px; }

	.tableHeading { width : 91%; }
	.tableHeading > h3 { font-size : 14px; padding : 4px 0; }

	.RankingBlock.anisonRanking table { font-size : 9px; }
	.RankingBlock.anisonRanking table th,
	.RankingBlock.anisonRanking table td { -webkit-box-sizing:border-box; box-sizing: border-box; height: auto;}

	.RankingBlock.anisonRanking table tbody tr th {width : 60px;padding: 2px 0px 2px 0px;color : #777;border-right: 1px solid #fff;font-size: 14px;text-align: center;}
	.RankingBlock.anisonRanking table tbody tr td { font-size : 13px; color : #555; padding: 10px 10px 0px 10px; display : block; }
	.RankingBlock.anisonRanking table tbody tr td:last-child { width : auto; font-size : 11px; padding : 0 10px 10px 10px; }

	.RankingBlock.anisonRanking.rank1_10 table { font-size : 9px; }
	.RankingBlock.anisonRanking.rank1_10 table th,
	.RankingBlock.anisonRanking.rank1_10 table td { height : auto; }


	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2n+5) th { background: url(../images/sp_odd_bg.jpg) no-repeat top left; -webkit-background-size: 76px 100%; background-size: 76px 100%;}
	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2n+4) th { background: url(../images/sp_even_bg.jpg) no-repeat top left; -webkit-background-size: 76px 100%; background-size: 76px 100%;}

	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) th {font-size: 12px;text-shadow: 0 0 8px #333;padding-right: 4px;letter-spacing: 2px;}
	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) th > span {font-size: 32px;}
	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) th:before { position: absolute; left:3px; width: 30px; height: 33px; }
	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) th,
	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(-n+3) td { height: auto; }

	.RankingBlock.anisonRanking.rank1_10 table tbody tr:first-child th { background: url(../images/sp_first_bg.jpg) no-repeat top left; -webkit-background-size: 76px 100%; background-size: 76px 100%;}
	.RankingBlock.anisonRanking.rank1_10 table tbody tr:first-child th:before { background: url(../images/sp_first_cup.png) no-repeat; -webkit-background-size: cover; background-size: cover; }

	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2) th { background: url(../images/sp_second_bg.jpg) no-repeat top left; -webkit-background-size: 76px 100%; background-size: 76px 100%;}
	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(2) th:before { background: url(../images/sp_second_cup.png) no-repeat; -webkit-background-size: cover; background-size: cover; }

	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(3) th { background: url(../images/sp_third_bg.jpg) no-repeat top left; -webkit-background-size: 76px 100%; background-size: 76px 100%;}
	.RankingBlock.anisonRanking.rank1_10 table tbody tr:nth-child(3) th:before { background: url(../images/sp_third_cup.png) no-repeat; -webkit-background-size: cover; background-size: cover; }



	.RankingBlock.anisonRanking.rank1_10 table tbody tr th {width: 76px;padding-right: 16px;font-size: 12px;}
	.RankingBlock.anisonRanking.rank1_10 table tbody tr th > span {font-size: 15px;}
	.RankingBlock.anisonRanking.rank1_10 table tbody tr td {font-size: 15px;font-weight: bold;letter-spacing : 0px;padding-left: 10px;}
	.RankingBlock.anisonRanking.rank1_10 table tbody tr td:last-child { width : auto; font-size : 12px;padding-left: 10px; font-weight: normal!important;}

	/* 番組詳細 style */

	.contentsBlock { width: 90%; margin: 0 auto 14px; padding-top: 14px; }
	.contentsBlock .contentsTxtBlock { float: none; width: 100%; font-size: 11px; line-height: 17px; margin-bottom: 12px; }
	.contentsBlock .contentsTxtBlock .contentsTxtTopBlock { margin-bottom: 10px; padding-top: 0; }
	.contentsBlock .contentsTxtBlock .contentsTxtTopBlock p {  margin-left: 2%; }
	.contentsBlock .contentsTxtBlock .contentsTxtTopBlock img { width: 16.666%; }

	.contentsBlock .contentsLinkBlock { float: none; width: 100%; }
	.contentsBlock .contentsLinkBlock a { width: 100%; display: block; }
	.contentsBlock .contentsLinkBlock a img { width: 100%;}
	.contentsBlock .contentsLinkBlock .voteBtn { margin-bottom: 10px; }
	.contentsBlock .contentsLinkBlock .voteBtn > a { margin-bottom: 10px; }
	.contentsBlock .contentsLinkBlock .voteBtn .rankLink { width: 100%; }

	.contentsBlock .searchLink { width: 68%; margin: 0 auto; float: none;}
	.contentsBlock .searchLink a { font-weight: normal; font-size: 15px; }

	.appearanceBlock { width: 91%; margin: 0 auto 30px; }
	.appearanceBlock .appearanceHeading { margin-bottom: 32px;}
	.appearanceBlock .appearanceHeading h3 { font-size: 13px; padding: 3px 0; }

	.appearanceBlock .MCBlockInner { text-align: left; }
	.appearanceBlock .MCBlockInner { width: 91%; margin: 0 auto;}
	.appearanceBlock .MCBlockInner .blockItem { width: 46%; margin-right: 8%; vertical-align: top; }
	.appearanceBlock .MCBlockInner .blockItem:nth-child(2n) {margin-right: 0; }
	.appearanceBlock .MCBlockInner .blockItem img { margin-bottom: 5px; width: 100%; }
	.appearanceBlock .MCBlockInner .blockItem p { font-size: 11px; }

	.appearanceBlock .artistBlockInner { width: 93%; }
	.appearanceBlock .artistBlockInner .blockItem { width: 46%; height: auto; vertical-align: middle; margin: 0 8% 16px 0;}
	.appearanceBlock .artistBlockInner .blockItem:nth-child(2n) { margin-right: 0; }
	.appearanceBlock .artistBlockInner .blockItem img { margin-bottom: 5px; width: 78%; }
	.appearanceBlock .artistBlockInner .blockItem p { font-size: 11px; padding: 0px 11%;}

	.appearanceBlock .artistBlockInner .blockItem.wideImgItem { vertical-align:bottom; }
	.appearanceBlock .artistBlockInner .blockItem.wideImgItem img { width: 100%; }
	.appearanceBlock .artistBlockInner .blockItem.otherArtist { vertical-align:middle; }
	.appearanceBlock .artistBlockInner .blockItem.otherArtist p { line-height: 1;}

}

* html .clearfix { zoom : 1; }
* + html .clearfix { zoom : 1; }
.clearfix:after { display : block; visibility : hidden; clear : both; height : 0; content : '.'; }
.logo { position : absolute; z-index : 100; top : 0; left : 0; width : 20%; }