﻿/*************************************************************************************
 BackGround Image
*************************************************************************************/
/*#wrapper.bgTop{background:url(../img/body_bg_top.png) repeat-x left top;}*/
/*#wrapperInner.bgBottom{background:url(../img/body_bg_bottom.png) repeat-x left bottom;}*/
/*#wrapper.bgTopRanking{background:url(../img/body_bg_top_ranking.png) repeat-x left top;}*/
/*#wrapperInner.bgBottomRanking{background:url(../img/body_bg_bottom_ranking.png) repeat-x left bottom;}*/
/*#wrapper.bgTopArtist{background:url(../img/body_bg_top_artist.png) repeat-x left top;}*/
/*#wrapperInner.bgBottomArtist{background:url(../img/body_bg_bottom_artist.png) repeat-x left bottom;}*/
/*************************************************************************************
 Common
*************************************************************************************/
*{margin:0;padding:0}
body{background-color:#040404;font-size:10px;font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック',sans-serif}
img{vertical-align:text-bottom}
a{text-decoration:none;color:#ddd}
a img{border:0}
.linkArea{cursor:pointer; display:block}
#wrapper{clear:both;width:1184px;margin:0 auto;display:table}
#wrapperInner{width:1124px;padding:10px 30px 15px 30px;overflow:hidden}
.clear{clear:both}
.keyColor{color:#fc0}
.textIndent{margin-left:20px}
.mb{display:none}
.sprite{white-space:nowrap;text-indent:100%;overflow:hidden}
/*************************************************************************************
 header Area
*************************************************************************************/
header{margin:0 auto;width:100% !important;height:72px}
.headerWapper{padding:0 30px;background-color:#040404;background:url(../img/header_repeat.png) repeat-x;height:72px}
.headerTop{position:relative;margin:0 auto;width:1124px;height:32px;z-index:2000}
.headerLogo{width:360px;margin-top:5px;float:left}
.headerLogo a{display:block;width:339px;height:17px;background:url(../img/header.png) no-repeat 0 0}
/*.headerInfo{width:414px;height:32px;margin-right:15px;text-align:center;line-height:35px;font-size:12px;color:#fc0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;cursor:pointer}*/
.headerInfo{width:414px;height: 23px;margin-right:15px;margin-left: 35px;margin-top: 3px;text-align:center;line-height:35px;font-size:12px;color:#fc0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;cursor:pointer}
/*** SignIn Menu ***/
/*.loginMenus{width:210px;float:right}*/ /* 2014.11.27 */
#loginMenu_before{display:none}
.loginSigninBtn{display:block;width:64px;height:21px;margin:6px 0 0 130px;background:url(../img/header.png) no-repeat -339px 0}
.loginSigninBtn:hover{background:url(../img/header.png) no-repeat -403px 0}
#loginMenu_after{display:none }
#loginMenu_after div{line-height:32px;float:left}
.loginText div{margin-right:4px;line-height:32px}
#userName{width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:right;text-shadow:1px 1px 1px #a9a9a9}
.loginSettingArea{height:32px;line-height:33px; margin-left:10px}
.loginSettingBtn{width:64px;height:21px;margin-top:6px;background:url(../img/header.png) no-repeat -467px 0}
.loginSettingBtn_hover{background:url(../img/header.png) no-repeat -531px 0}
/*** SNS Area ***/
.socialArea{width:121px;padding-top:6px;text-align:right;float:left;display:none;}
.socialArea a{display:none;float:left;width:20px;height:20px;margin-left:10px;background:url(../img/header.png) no-repeat}
.socialArea a.facebook{background-position:-595px 0}
.socialArea a.twitter{background-position:-615px 0}
.socialArea a.gplus{background-position:-635px 0}
.socialArea a.mixi{background-position:-655px 0}
/*** help Area ***/
.helpArea{padding-top:4px;padding-right:3px;text-align:right;} /* 2014.11.27 add */
.helpArea a{float:right;width:30px;height:30px;/* margin-left: 10px; */
background: url(../img/header_w.png) no-repeat;background-position: -800px -82px;} /* 2014.11.27 add */
.helpArea a:hover{background-position: -830px -82px;} /* 2014.12.2 add */
.helpArea img{-ms-interpolation-mode: bicubic;} /* 2014.11.27 add */
/*** Global Navigation Bar ***/
header nav{width:1127px;margin:0 auto;padding:0}
.search{float:left;width:207px;height:40px;overflow:hidden}
.searchBtn{width:25px;height:23px;display:block;margin-top:8px;float:left; background:url(../img/header.png) no-repeat -678px 0}
.searchBtn:hover{background:url(../img/header.png) no-repeat -705px 0}
/*.searchBox{display:block;width:174px;height:23px;line-height:1;margin-top:8px;margin-left:3px;padding-left:3px;border-width:0;float:left;-webkit-appearance:none;border-radius:0}*/ /* 2014.8.25 delete */
.searchBox{display:block;width:174px;height:23px;line-height:1;margin-top:8px;margin-left:3px;padding-left:3px;border-width:0;float:left;-webkit-appearance:none;border-radius:0;font-size:12px;border: 1px solid #696969;box-sizing: border-box;} /* 2014.8.25 add */
.headerBtnCart{display:block;width:105px;height:30px;background:url(../img/header.png) no-repeat -793px -23px;margin:5px 0 0 0;float:left}
.headerBtnCart:hover{background:url(../img/header.png) no-repeat -793px -53px}
/*************************************************************************************
 MainStage Area
*************************************************************************************/
#mainStage{width:884px;float:left;overflow:hidden}
#mainStage.mainStageReverse{width:867px;float:right;overflow:hidden}
#mainStage section{width:760px;display:table;position:relative}
#mainStage section.backup{display:none}
.iScrollScroller{overflow:hidden;*padding-bottom:12px;//IE用}
#mainStage section h1{width:740px;height:auto !important;margin:20px 0 5px !important;background:url(../img/index_repeat.png) repeat-x 0 0}
#mainStage section h1 div{font-size:14px;line-height:28px;padding-left:19px}
#mainStage section h1 img{display:block}
.main_pager{clear:both;width:740px;margin:12px 0;background-color:#262626;padding:4px 0;text-align:center}
.main_pagerWideTop{width:1124px;margin-bottom:12px;background-color:#262626;padding:4px 0;text-align:center}
.main_pagerWideBottom{clear:both;width:1124px;margin:18px 0px;background-color:#262626;padding:4px 0;text-align:center}
.main_pagerItem{display:inline-block; width:16px; height:16px;line-height:16px;font-size:10px;text-align:center;margin-right:3px;border:1px solid #666;background:url(../img/index.png) no-repeat -272px 0}
.main_pagerItem_on{background:url(../img/index.png) no-repeat -272px -16px;border:1px solid #666;color:#000}
#mainStage section.discography{margin-bottom:50px}
/*topicsの件で2段組に*/
#mainStage section#top_musiclips {width: 405px; float: right;margin:13px 0 0;}
section#top_musiclips h1,#top_musiclips .btn_more{display: none;}
#top_musiclips .top_musiclips, #top_musiclips .top_musiclips2 {width: 185px; height: 64px; margin: 15px 0 2px 15px; }
#top_rssArea2 {margin: 15px 5px 10px 0 !important; width: 330px !important;}
#mainStage section.rect_bunner {margin-top: 40px !important; }
#mainStage section .top_adL {margin: 15px 0 0; }
/*************************************************************************************
 MainStage MainVisual
*************************************************************************************/
#screenWrapper{position:relative;width:740px;height:258px;border:1px solid #666;border-bottom:0;background-color:#040404}
.screenItem{position:absolute;top:1px;left:1px;height:257px;opacity:0;display:none;cursor:pointer}
.screenItem img{display:block;width:738px;height:256px;float:left}
/*** thumbnail ***/
#screenThumbWrapper{position:relative;width:738px;height:43px;overflow:hidden;border:1px solid #666;border-top:0;padding:1px;background-color:#040404}
#screenThumbScroller{position:relative;width:2000px; visibility:hidden}
.screenThumb{float:left;margin-right:1px}
.screenThumb img{width:123px;height:43px}
/*** mobile indicator ***/
#screenIndicator{display:none}
/*************************************************************************************
 MainStage RSS
*************************************************************************************/
#mainStage section.rssArea{width:865px;height:28px;border:1px solid #666;border-top:0;position:relative;background:url(../img/index_repeat.png) repeat-x 0 -28px;overflow:hidden}
.rss_btnBlog{display:block;width:78px;height:20px;background:url(../img/index.png) no-repeat 0 0;position:absolute;top:4px;left:4px}
.rss_btnBlog:hover{background:url(../img/index.png) no-repeat -78px 0}
.rssItem{width:740px; height:28px;font-size:12px;line-height:28px;position:absolute;left:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;display:none}
.rssItem a{color:#fff}
/*************************************************************************************
 MainStage Common Thumbnails
*************************************************************************************/
.top_thumbnail {width: 125px; height: 160px; margin: 5px 11px 15px 11px; float: left;position: relative; }
.top_cover{display:block;vertical-align:middle;text-align:center;width:125px;height:125px; border: 1px solid #d0d0d0;}
.top_thumbnail img{display: inline; max-width: 125px; max-height: 125px; vertical-align: bottom;}
.top_thumbnail a:hover{text-decoration: underline;}
.top_info{background:url(../img/index_repeat.png) repeat-x 0 -56px;margin-top:1px;height:38px}
.musicDesc{margin:6px 7px;font-size:12px;line-height:16px;overflow:hidden;color:#ddd}
.top_artist{width:90px;height:24px;margin:0 7px;font-size:12px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ddd}
.top_musicTitle{width:110px;height:10px;margin:0 2px;line-height:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ddd}
.btn_more{display:block;width:78px;height:20px;position:absolute;top:25px !important;left:650px;}
/*************************************************************************************
 MainStage Shelf:Musiclips,PickUp,NextBreak,Special
*************************************************************************************/
.top_musiclips,.top_musiclips2,.top_special {width: 175px; height: 60px; margin: 0 5px 5px 5px;float: left; }
.top_musiclips img,.top_musiclips2 img,.top_nextbreak img,.top_special img,.top_pickup img  {width: 100%; height: 100%; border-radius: 3px; box-shadow: 1px 1px 3px #9E9E9E; }
.top_pickup,.top_nextbreak {width: 235px; height: 81px; margin: 0 5px 5px 5px;float: left; }
/*************************************************************************************
 MainStage Shelf:Banner,ADarea
*************************************************************************************/
.top_banner1Item{width: 728px; margin: 5px auto;}
#top_halfbanner1 {margin: 0 !important; }
.top_banner1Item img,.top_banner2Item img,.top_banner3Item img{width: 100%; height: auto; border-radius: 3px; box-shadow: 1px 1px 3px #9E9E9E;}
.top_banner2Item{width: 46%; margin: 1% 2%;float: left;}
.top_banner3Item{width:31%; margin:1%;float:left}
/*** AD編成枠 ***/
#mainStage section.top_ad{width:740px;}
.top_adL{width:100%;text-align:center;color:#ddd}
.top_adS{width:100%;text-align:center;color:#ddd}
#mainStage section.top_adBox{width:740px;padding:1px;border:1px solid #333;background-color:#f5f5f5}
.BoxL50{width:336px;height:280px;padding:1px 10px 1px 15px;float:left}
.BoxR50{width:336px;height:280px;padding:1px 15px 1px 10px;float:right}
#mainStage section.top_adBox2{width:760px}
.top_adBox2{width:250px;text-align:center;margin-right:3px;float:left}
#mainStage section.mob_ad{display:none}
#mainStageWide section.mob_ad{display:none}
#billboard{width:100%;text-align:center;background-color:#f5f5f5}
/*************************************************************************************
 MainStage Shelf:Genre Search
*************************************************************************************/
.top_genre{width:865px;height:44px;border:1px solid #444;background-color:#1a1a1a;margin-bottom:20px}
.top_genre h1{width:116px;height:44px;border-right:1px solid #444;font-size:14px;text-align:center;float:left;background:url(../img/index.png) no-repeat -156px 0}
.top_genre h1 img{width:116px;height:44px}
/* top_genreNaviはpc_droppy.cssに記述 */
/*************************************************************************************
 SubStage
*************************************************************************************/
#subStage{width:240px;float:right;overflow:hidden}
#subStage.subStageReverse{float:left;margin-right:17px;overflow:hidden}
#subStage nav{margin-bottom:15px}
#subStage section{display:table;margin-bottom:8px}
#subStage h1{width:238px;height:28px;border:1px solid #444;background:url(../img/substage_repeat.png) repeat-x 0 0;clear:both}
#subStage h1 div{font-size:10px;line-height:28px;padding-left:14px;float:left}/*font-size:12px; */
#subStage section.backup{display:none}
#btnRegist{display:block;width:240px;height:38px;margin-bottom:4px;background:url(../img/substage.png) no-repeat 0 0}
#btnWindows{display:block;width:240px;height:38px;margin-bottom:4px;background:url(../img/substage.png) no-repeat -240px 0}
#btnAndroid{display:block;width:240px;height:38px;margin-bottom:4px;background:url(../img/substage.png) no-repeat -480px 0}
#btnApple{display:block;width:240px;height:38px;margin-bottom:4px;background:url(../img/substage.png) no-repeat 0 -45px}
#btnStore{display:block;width:240px;height:38px;margin-bottom:4px;background:url(../img/substage.png) no-repeat -240px -45px}
#btnXappli{display:block;width:240px;height:38px;margin-bottom:4px;background:url(../img/substage.png) no-repeat -240px 0}
#btnWalkman{display:block;width:240px;height:38px;margin-bottom:4px;background:url(../img/substage.png) no-repeat -480px 0}
#btnMora{display:block;width:240px;height:38px;margin-bottom:4px;background:url(../img/substage.png) no-repeat 0 -45px}
.subMenus{width:238px;margin:3px 0 8px 0;border:1px solid #444;background-color:#040404 }
.subMenu{display:block;width:211px;height:34px;line-height:37px;padding-left:25px;font-size:14px;color:#eee;background:url(../img/substage.png) no-repeat -480px -45px}
.utilization img{border: none;outline: none;}
#btnXappli,#btnMora,#btnStore{display:none}
.help_subMenus{width:238px;margin-bottom:22px;border:1px solid #444}
#subStage h1.help_subH1{border:0;border-bottom:1px solid #666}
/*** SubStage Ranking ***/
.top_ranking{width:236px;padding:1px; border:1px solid #444;border-top:0; background-color:#040404}
.btn_rankingMore{display:block;width:54px; height:19px; background:url(../img/substage.png) no-repeat 0 -83px; margin:4px 6px 0 0; float:right}
.btn_rankingMore:hover{background:url(../img/substage.png) no-repeat -54px -83px}
.rankingMenus{width:236px;height:18px}
.rankingMenu{width:54px;height:14px;padding:1px;border:1px solid #444;border-right:0;float:left}
.rankingMenuLong{width:61px;height:14px;padding:1px; border:1px solid #444;float:left}
.rankingMenus a{display:block;height:14px;line-height:14px;font-size:10px;text-align:center;background:url(../img/substage_repeat.png) repeat-x 0 -28px}
.rankingMenus a:hover{color:#000;background:url(../img/substage_repeat.png) repeat-x 0 -43px}
.rankingMenuSelected a{color:#000;background:url(../img/substage_repeat.png) repeat-x 0 -43px}
.rankingWrap{position:relative;clear:both;width:236px;height:51px;background:url(../img/substage_repeat.png) repeat-x 0 -58px;margin-top:1px}
.rankingCover{position:absolute;top:6px;left:34px;width:40px;height:40px;text-align:center}
.rankingCover img{max-width:40px;max-height:40px}
.rank_leftArea{float:left}
.rankingRank{width:34px;/* height:19px; */font-size:12px;padding-top: 3px;text-align:center}
.rankingTrend{width:34px;height: 12px;/* padding-top:7px; */text-align:center}
.rankingTrend .new{display:block;width:22px;height:15px;margin:0 auto;background:url(../img/substage.png) no-repeat -550px -83px}
.rankingTrend .up{display:block;width:10px;height:15px;margin:0 auto;background:url(../img/substage.png) no-repeat -572px -83px}
.rankingTrend .same{display:block;width:10px;height:15px;margin:0 auto;background:url(../img/substage.png) no-repeat -582px -83px}
.rankingTrend .down{display:block;width:10px;height:10px;margin:0 auto;background:url(../img/substage.png) no-repeat -592px -83px}
.rank_rightArea{float:left}
.rankingTitle{width:110px;height:19px;font-size:12px;padding:8px 2px 0 50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rankingName{width:110px;height:20px;font-size:10px;padding:5px 0 0 50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rankingCart{display:block;width:36px;height:19px;position:absolute;bottom:2px;right:2px;background:url(../img/substage.png) no-repeat -108px -83px}
.rankingCart:hover{background:url(../img/substage.png) no-repeat -144px -83px}
.rankingBtnPlay{display:block;width:36px;height:20px;position:absolute;bottom:28px;right:2px;background:url(../img/btn_listen.png) no-repeat 0 0;}
.rankingBtnPlay:hover{background:url(../img/btn_listen.png) no-repeat 0 -20px;}
.rankingAside{height:73px}
.rankingAside div{width:172px;height:30px;line-height:14px;padding-left:11px}
.rankingAside .new{color:#fc0;font-size:9px}
.rankingBtn10{display:block;width:185px;height:23px;margin:8px auto;background:url(../img/substage.png) no-repeat -180px -83px}
.rankingBtn10:hover{background:url(../img/substage.png) no-repeat -365px -83px}
.rankingWrapText{clear:both;width:236px;height:28px;background-color:#1a1a1a;margin-top:1px}
.rankingRankArt{width:34px;height:19px;font-size:12px;padding-top:8px;text-align:center;float:left}
.rankingText{width:202px;height:20px;padding-top:8px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left}
/*** SubStage Banner ***/
#subStage section.top_bannerArea{margin:-10px 0 13px 0}
.bannerItem{width:240px}
.bannerItem img{width:240px;height:46px}
/*** SubStage Twitter ***/
#subStage .top_twitter {display:block;border: 1px solid #eee; width: 228px !important; border-radius: 5px;float: left; }
.top_twitter .timeline-Header-title{color: #1da1f2;}
#top_twitter h1{height:51px;border:0;background:0}
#top_twitter h1 a{display:block;width:238px; height:51px}
#top_twitter h1 a.mora_info{background:url(../img/substage.png) no-repeat 0 -106px}
#top_twitter h1 a.mora_help{background:url(../img/substage.png) no-repeat -238px -106px}
#top_twitter ul{padding:12px 9px 5px}
#top_twitter ul li{position:relative;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #424242;overflow:hidden;list-style:none; zoom:1}
#top_twitter ul li.last{border:0;margin:0}
#top_twitter ul li .user{position:relative;display:block;margin:0 0 10px;overflow:hidden;text-decoration:none;font-size:10px;line-height:12px; zoom:1}
#top_twitter ul li .user:hover{text-decoration:underline}
#top_twitter ul li .user img{float:left;display:inline;margin:0 8px 0 0}
#top_twitter ul li .user .name{float:left;width:180px;color:#fff}
#top_twitter ul li .user .account{float:left;width:180px; color:#999}
#top_twitter ul li p{width:220px;margin:0 0 10px;color:#fff;font-size:12px;line-height:16px}
#top_twitter ul li p a{color:#fc0}
#top_twitter ul li .time{float:left;width:100px;height:10px;font-family:Helvetica,Arial,sans-serif;font-size:10px;line-height:10px}
#top_twitter ul li .control{float:right;width:58px;height:10px}
#top_twitter ul li .control a{position:relative;float:left;height:10px;margin-left:5px;white-space:nowrap;text-indent:100%;overflow:hidden}
#top_twitter ul li .control .reply{width:14px;background:url(../img/substage.png) no-repeat -476px -106px}
#top_twitter ul li .control .retweet{width:18px;background:url(../img/substage.png) no-repeat -490px -106px}
#top_twitter ul li .control .favorite{width:11px;background:url(../img/substage.png) no-repeat -508px -106px}
/*** AD Parts ***/
#skyscraper{width:160px;height:600;padding:0 39px;margin-bottom:22px;margin-top:50px !important}
/*************************************************************************************
 footer
*************************************************************************************/
/*** 先頭に戻る ***/
.page-top{width:1124px;margin:20px auto 5px;text-align:right}
.page-top a{float:right;display:block;padding:0 0 0 10px;font-size:11px;line-height:11px}
.page-top a span{display:block;float:left;width:6px;height:6px;margin:2px 4px;line-height:0;background:url(../img/footer.png) no-repeat 0 -38px}
.page-top a:hover{text-decoration:underline}
/*** PanNavi ***/
ul.pannavi{clear:both;list-style:none;width:1124px;padding:0 30px;margin:6px auto 6px auto;overflow:hidden}
ul.pannavi li{float:left;color:#ddd}
.pannaviItem{border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;padding:0 7px;line-height:17px;background-color:#040404}
.pannaviStart{border-left:1px solid #c0c0c0;background-color:#040404}
.pannaviJoint{height:19px;width:11px;background:url(../img/footer.png) 0 0}
.pannaviEnd{height:19px;width:7px;background:url(../img/footer.png) 0 -19px}
/*** footer Area ***/
footer{background-color:#252525}
footer .sitemap{width:1124px;margin:0 auto;padding:32px 0 0}
footer .sitemap .block{float:left}
footer .sitemap {width: 1024px;}
footer .sitemap .block1 {width: 165px;}
footer .sitemap .block2 {width: 125px;}
footer .sitemap .block3 {width: 165px;}
footer .sitemap .block4{width:240px}
footer .sitemap .block5{width:155px}
footer .sitemap .block6 {width: 130px;}
footer .sitemap .block section{margin:0 0 40px}
footer .sitemap .block section h1{margin:0 0 15px;font-size:12px;font-weight:bold;line-height:12px}
footer .sitemap .block section ul li{list-style:none;line-height:20px}
footer .sitemap .block section ul li a{color:#b3b2b2}
footer .sitemap .block section ul li a:hover{text-decoration:underline}
footer .sitemap .block section ul li ul li{line-height:16px}
footer .sitemap .note{clear:left;margin:0 0 5px;color:#ff4444/*#8b8787*/}
.copyright{padding:12px 0;background-color:#c0c0c0/*#202020*/}
.copyright .inner{*zoom:1;clear:both;width:1124px;margin:0 auto;overflow:hidden}
.copyrightItem{float:left;margin:0 40px 0 0}
.copyrightItem div{float:left;height:42px; margin:0 7px 0 0; background-image:url(../img/footer.png); background-repeat:no-repeat}
.copyrightItem .jasrac1{width:42px;background-position:-11px 0}
.copyrightItem .jasrac2{width:42px;background-position:-53px 0}
.copyrightItem .nextone{width:42px;background-position:-95px 0}
.copyrightItem .elicense{width:73px;background-position:-137px 0}
.copyrightItem .lmark{width:42px;background-position:-210px 0}
.copyright img{display:block;height:42px;margin-right:10px;float:left}
.copyright p{margin-right:10px;color:#222/*#a19e9e*/;font-size:10px;line-height:14px;float:left}
.copyrightItem_long p{width:200px}
.copyrightText{clear:both;padding:15px 0;text-align:center;color:#333/*#7b7b7b*/;font-size:11px;line-height:11px}
/*************************************************************************************
    MainStageWide
*************************************************************************************/
#mainStageWide{width:1124px}
#mainStageWide section{width:1124px;display:table;margin-bottom:8px;position:relative;font-size:12px}
#mainStageWide .iScrollWrapper{width:1140px}
#mainStageWide h1{width:1122px;height:28px;background:url(../img/index_repeat.png) repeat-x 0 0;border:1px solid #666;margin-bottom:12px}
#mainStageWide h1 div{font-size:14px;line-height:28px;padding-left:19px}
.h2WideText{width:1122px;border:1px solid #444; margin-bottom:12px;background-color:#040404}
.h2WideText div{width:1101px;height:26px;line-height:26px;font-size:12px;padding-left:19px;margin:1px;background-color:#262626}
.wide_ad{clear:both;width:1124px}
#mainStageWide section.wide_adBox{clear:both;margin:0px auto;width:728px;height:280px;padding:1px;border:1px solid #ddd;background-color:#f5f5f5}
/*************************************************************************************
 New Release
*************************************************************************************/
#mainStageWide h1.new_h1{height:49px;background:url(../img/ranking/title_bg.png) repeat-x}
/* .new_topNavi{position:relative;width:510px;top:-60px;left:695px;overflow:hidden;margin-bottom:-20px} */
.new_topNavi{position:relative;width:510px;top:-58px;left:482px !important;overflow:hidden;margin-bottom:-20px}
.new_topNaviWrap{clear:both}
/* .new_naviBtn{width:80px;height:17px;border:1px solid #666;padding:1px;background-color:#000;margin:0 1px 1px 0;float:left} */
/* .new_naviBtn a{display:block;width:70px;height:17px;background:url(../img/new/btn_bg.png) left top no-repeat; padding-left:10px;text-align:center;font-size:12px;line-height:18px} */
.new_naviBtn{width:95px;height:17px; background-color:#eee; float:left; color:#01182e; padding:1px; margin: 0 1px 1px 0;}
.new_naviBtn a{display:block;width:95px;height:17px;background:#eee; padding-left:none !important;text-align:center;font-size:12px;line-height:18px; color:#01182e !important;}
/* .new_naviBtnOn{border:1px solid #ccc} */
/* .new_naviBtnOn a{width:80px;padding-left:0;background:url(../img/new/btn_bg_on.png) left top no-repeat;color:#000} */
.new_naviBtnOn {background-color: #067D78 !important; color: #eeeeee !important; height:17px;}
.new_naviBtnOn a{width:95px;padding-left:0;background:#067D78 !important; color:#eeeeee !important; height:17px;}
.new_naviBtnL{width:249px;height:17px;border:1px solid #666;padding:1px;background-color:#000;margin:0 2px 1px 0;float:left}
.new_naviBtnL a{display:block;width:249px;height:17px;background:url(../img/new/btn_bg.png) left top no-repeat;text-align:center;font-size:12px;line-height:18px}
.new_naviBtnLOn{border:1px solid #ccc}
.new_naviBtnLOn a{background:url(../img/new/btn_bg_on.png) left top no-repeat;color:#000}
.new_list{width:268px; height:110px;padding:1px;border:1px solid #333;margin:0 11px 14px 0;position:relative;float:left}
.new_listCover{display:block;width:110px;height:110px;margin-right:1px;text-align:center;float:left}
.new_listCover img{max-width:110px;max-height:110px}
.new_listData{width:155px;height:108px;font-size:10px;border:1px solid #333;float:left;background:url(../img/new/item_bg.png) repeat-x}
.new_listTitle{width:135px;height:26px;margin:10px 5px 0 13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}
.new_listText{width:135px;height:20px;margin:0 5px 0 13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}
.new_listBtns{width:155px;height:21px;position:absolute;right:2px;bottom:2px}
.new_btn_type{display:block;width:77px;height:21px;text-align:center;font-size:10px;line-height:21px;background:url(../img/new/btn_short_bg.png) no-repeat 0 0;float:left}
.new_btn_price{display:block;width:77px;height:21px;text-align:center;font-size:12px;line-height:21px;background:url(../img/new/btn_short_bg.png) no-repeat 0 0;float:left}
.new_btn_type:hover,.new_btn_price:hover{color:#000;background-position:0 -21px}
.new_btn_type{margin-right:1px}
.new_btn_type span{display:block;width:77px;height:21px}
.new_btn_type span.highreso{background:url(../img/package/bar_highreso.png) no-repeat 3px 5px}
.new_btn_type span.music{background:url(../img/package/bar_music.png) no-repeat 3px 5px}
.new_btn_type span.video{background:url(../img/package/bar_video.png) no-repeat 3px 5px}
.new_btn_detail{display:block;width:77px; height:21px; background:url(../img/new/btn_detail.png);float:right}
.new_btn_detail:hover{background:url(../img/new/btn_detail_over.png)}
.new_btn_cart{display:block; width:77px; height:21px; background:url(../img/new/btn_cart.png);margin-left:1px;float:right}
.new_btn_cart:hover{background:url(../img/new/btn_cart_over.png)}
/*************************************************************************************
  CommingSoon
*************************************************************************************/
.coming_media{display:block;width:77px;height:21px;text-align:center;font-size:10px;line-height:21px;background: url(../img/new/btn_short_bg_w.png) no-repeat 0 -21px;float: right;color:#000}
.coming_media span{display:block;width:77px;height:21px}
.coming_media span.highreso{background:url(../img/package/bar_highreso.png) no-repeat 3px 5px}
.coming_media span.music{background:url(../img/package/bar_music.png) no-repeat 3px 5px}
.coming_media span.video{background:url(../img/package/bar_video.png) no-repeat 3px 5px}
/*************************************************************************************
 Tieup Search
*************************************************************************************/
.tieup_item{width:212px;height:89px;margin:0 16px 16px 0;float:left}
.tieup_cover img{width:212px;height:89px}
/*************************************************************************************
 Ranking
*************************************************************************************/
#mainStageWide h1.ranking_h1{background:url(../img/ranking/title_bg.png) repeat-x;border:1px solid #444;font-size:14px;line-height:28px}
.ranking_h1Title{padding-left:19px;margin-right:20px}
.ranking_h1Text{font-size:12px;font-weight:normal}
.ranking_genreNavi{background-color:#404040;overflow:hidden;border-bottom:1px solid #000}
/* .ranking_genreTitle{font-size:12px;width:90px;line-height:50px;text-align:center;border-right:1px solid #000;float:left} */
.ranking_genreTitle{color: #01182e !important; font-size:12px;width:90px;line-height:88px;text-align:center;border-right:1px solid #000;float:left}
.ranking_genreBtns{width:1002px;margin:12px 0 0 31px;float:left}
/* .ranking_genreBtn{width:106px;height:23px;border:1px solid #000; background:url(../img/ranking/btn_bg.png) no-repeat;text-align:center;font-size:12px;line-height:23px;margin-right:-1px;margin-bottom:-1px;cursor:pointer;text-shadow:1px 1px 1px #000;float:left} */
.ranking_genreBtn{text-align:center; color: #01182e !important; width:106px; height:23px;border: 1px solid #c0c0c0 !important; background: #eeeeee !important; font-size:12px;line-height:23px;margin-right:-1px;margin-bottom:-1px;cursor:pointer;text-shadow:1px 1px 1px #000;float:left}
/* .ranking_genreBtn:hover,.ranking_genreBtnOn{background:url(../img/ranking/btn_bg_on.png) no-repeat;color:#000;text-shadow:1px 1px 1px #fff} */
.ranking_genreBtn:hover,.ranking_genreBtnOn{background:#01182e !important;color: #eeeeee !important;text-shadow:1px 1px 1px #fff}
.ranking_termNavi{background-color:#404040;overflow:hidden;border-top:1px dotted #7a7a7a;margin-bottom:25px}
/* .ranking_termTitle{font-size:12px;width:90px;line-height:50px;text-align:center;border-right:1px solid #000;float:left} */
.ranking_termTitle{color: #01182e !important; font-size:12px;width:90px;line-height:50px;text-align:center;border-right:1px solid #000;float:left}
.ranking_termBtns{width:1002px;margin:12px 0 0 31px;float:left}
/* .ranking_termBtn{width:106px;height:23px;border:1px solid #000;background:url(../img/ranking/btn_bg.png) no-repeat;text-align:center;font-size:12px;line-height:23px;margin-right:-1px;cursor:pointer;text-shadow:1px 1px 1px #000;float:left} */
.ranking_termBtn{color: #01182e !important; width:106px;height:23px;border: 1px solid #c0c0c0;background: #eeeeee !important;text-align:center;font-size:12px;line-height:23px;margin-right:-1px;cursor:pointer;text-shadow:1px 1px 1px #000;float:left}
/* .ranking_termBtn:hover,.ranking_termBtnOn{background:url(../img/ranking/btn_bg_on.png) no-repeat;color:#000;text-shadow:1px 1px 1px #fff} */
.ranking_termBtn:hover,.ranking_termBtnOn{background:#01182e !important; color: #eeeeee !important; text-shadow:1px 1px 1px #fff}
.ranking_termBtnOff{background:url(../img/ranking/btn_bg_off.png) no-repeat;color:#8d8d8d;text-shadow:1px 1px 1px #7a7a7a}
.ranking_header{display:none; margin-bottom:12px; width:1124px; text-align:center}
.ranking_selectYearArea{display:none}
#ranking_selectYear{float:left; margin-right:20px}
.ranking_selectMonthArea{display:none}
#mainStageWide section.ranking_area1{display:block;width:562px;border-right:1px dotted #4d4d4d;margin-right:30px;float:left}
#mainStageWide section.ranking_area2{display:block;width:531px;float:left}
#mainStageWide section.ranking_area1 div.iScrollWrapper{width:562px;color:#000}
#mainStageWide section.ranking_area2 div.iScrollWrapper{width:531px;color:#000}
.ranking_area1 h2.h2WideText, .ranking_area2 h2.h2WideText{width:529px}
.ranking_area1 h2.h2WideText div, .ranking_area2 h2.h2WideText div{width:508px}
/*** Ranking List ***/
.ranking_scroller{padding-bottom:1px}
.ranking_item{clear:both;width:527px;border:1px solid #333;padding:1px;margin-bottom:-1px;overflow:hidden;background-color:#040404}
.ranking_rank{width:26px;height:93px;background:url(../img/ranking/item_rank_bg.png) repeat-x;border:1px solid #2d2d2d;text-align:center;padding-top:35px;line-height:20px;margin-right:1px;float:left}
.ranking_pref{width: 40px;height:95px;border:none;background:#eee;color:#000;text-align:center;padding-top:35px;line-height:20px;margin-right:1px;float:left}
.ranking_cover{width:130px;height:130px;margin-right:1px;text-align:center;float:left}
.ranking_cover img{max-width:130px;max-height:130px;vertical-align:bottom}
.ranking_dataArea{float:left;position:relative}
.ranking_dataAreaPref{width: 303px;float:left;position:relative}
.ranking_title{width:348px;height:20px;line-height:18px;background:url(../img/ranking/item_title_bg.png) repeat-x left top;border:1px solid #2d2d2d;font-size:12px;font-weight:normal;padding:0 5px 0 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ranking_data{width:367px;height:107px;background:url(../img/ranking/item_bg.png) repeat-x}
.ranking_titlePref{width:285px;height:20px;line-height:18px;color:#000;background:#fff;border:1px solid #c0c0c0;font-size:12px;font-weight:normal;padding:0 5px 0 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ranking_dataPref{width:303px;height:108px;color:#000;background:#fff}
.ranking_artist{padding:10px;font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ranking_date{padding:0 10px 10px}
.ranking_category{padding:0 0 0 18px;font-size:12px;line-height:14px}
.ranking_category.music{background:url(../artist/img/bar_music.png) no-repeat 10px 0}
.ranking_category.video{background:url(../artist/img/bar_video.png) no-repeat 10px 0}
.ranking_category.hires{background:url(../artist/img/bar_hires.png) no-repeat 10px 0}
.ranking_btns{position:absolute;bottom:5px;right:5px}
.ranking_dummySpace{width:64px;height:21px;float:left}
.ranking_comment{font-size:12px;line-height:16px;color: #01182e;}
.ranking_btnPrice,.ranking_btnPlay{display: block;height: 25px;float: left;border-radius: 5px; border: 1px solid #08112e;box-sizing: border-box;box-shadow: 0 2px 2px #d2d2d2; }
.ranking_btnPrice { min-width: 65px; width: auto; text-align: center; line-height: 23px; padding: 0 2px; }
.ranking_btnPlay{width: 65px; background: url(../img/ranking/btn_play_ver01.png) no-repeat 27px 4px; background-size: 100%; margin-right: 5px; }
.ranking_btnPrice:hover {box-shadow: none; background-color: #f1f1f1; }
.ranking_btnPlay:hover {background-color: #f1f1f1; box-shadow: none; }
.ranking_btnStop {background: #08112e url(../img/ranking/btn_play_ver01.png) no-repeat -17px 4px;background-size: 100%;}
.ranking_btnStop:hover {background-color: #5f5f5f; }
/*************************************************************************************
 Genre Search
*************************************************************************************/
.genre_list{width:268px;height:90px;padding:1px;border:1px solid #333;margin:0 11px 14px 0;float:left}
.genre_listCover{display:block;width:90px;height:90px;margin-right:1px;text-align:center;float:left}
.genre_listCover img{ max-width:90px;max-height:90px}
.genre_listData{width:175px;height:88px; font-size:10px;border:1px solid #333;float:left;background:url(../img/genresearch/item_bg.png) repeat-x}
.genre_listTitle{width:160px;margin:10px 0 5px 10px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:14px}
.genre_listNum{width:160px;margin:0 0 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}
.wide_genre{width:1122px;height:44px;border:1px solid #444;background-color:#1a1a1a;margin-bottom:20px }
#mainStageWide h1.wide_genreH1{width:116px;height:44px;border:0;border-right:1px solid #444;font-size:14px;text-align:center;float:left}
.wide_genre h1 img{width:116px; height:44px}
/*************************************************************************************
 Special(2015/4/16)
*************************************************************************************/
.special_banner{width:220px;margin:0 7px 12px 0;float:left}
.special_banner img{width:220px;height:76px}
/* .special_banner{width:243px;margin:0 7px 12px 0;float:left}
.special_banner img{width:243px;height:85px} */
/*************************************************************************************
 SubStage：SNS Area
*************************************************************************************/
.snsArea{display:table;width:228px;padding:10px 0 8px 10px;background-color:#1e1e1e;border-left:1px solid #444; border-right:1px solid #444; border-bottom:1px solid #444}
.fb-like{float:left;width:115px}
.t_iine{float:left;width:115px;padding-top:5px}
.g_iine{float:left;width:113px}
.m_iine{float:left;width:113px; padding-top:5px}
.displayNone{display:none}
#captchaImg{width:140px;height:48px;border-style:none}
.captchaLeft{float:left;padding:0 !important;margin:0 !important;text-align:center}
.captchaLeft a{color:blue}
.captchaLeft a:link{text-decoration:underline}
.captchaRight{float:none;padding:0 !important;margin:0 !important}
/*************************************************************************************
 header Text Menu Area(2013/11/29)
*************************************************************************************/
.header_sub{color: #8c8c8c;clear: both;font-size: 12px;float: left; letter-spacing: 1px; padding: 10px 0 5px 55px; }
.header_sub_contents a {border: 1px solid #c0c0c0; border-radius: 25px; padding: 2px 10px;margin: 0 3px; }
.header_sub_contents a:hover{background-color:#eee;}
/*************************************************************************************
 top genre rssArea2(2013/12/20)
**************************************************************************************/
#mainStage #rssArea2 .rssArea2disp{width:730px;font-size:12px;line-height:20px;position:absolute;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:5px}
#mainStage #rssArea2 .rssArea2disp a:hover{text-decoration: underline}

.rssArea2disp li img{vertical-align:middle;width:10px;height:10px;margin:1px 5px 1px 5px}
.rss_btnBlog2{display:block;width:78px;height:20px;background:url(../img/index.png) no-repeat 0 0;position:absolute;top:4px;left:650px}
.rss_btnBlog2:hover{background:url(../img/index.png) no-repeat -78px 0}
/*************************************************************************************
 header:suggest(2014/3/3)
*************************************************************************************/
.suggest{width:174px;z-index:5000}
/*************************************************************************************
 adarea / MainStageWideM
*************************************************************************************/
#adarea_banner{clear:both;width:100%;display:table}
#adarea_banner section{width:100%;margin-bottom:8px}
#adarea_adBox{clear:both;width:728px;margin:0px auto}
#adarea_adBox section{width:728px;height:282px;padding:1px;border:1px solid #c0c0c0;background-color:#f5f5f5}
#signin_adarea{clear:both;width:100%;display:table}
#signin_adarea section{width:100%;margin-bottom:8px}
#signin_adBox{clear:both;width:728px;margin:0px auto}
#signin_adBox section{width:728px;height:282px;padding:1px;border:1px solid #c0c0c0;background-color:#f5f5f5}
/*************************************************************************************
hires genre navi
*************************************************************************************/
p.hires_guide{font-size:18px;font-weight:bold;text-align:right;}
/*************************************************************************************
 Ticker:Led Zeppelin(2014/10/29)
*************************************************************************************
#headTicker{display:none;position:relative;width:100%;height:50px;background:url(../img/ticker/bg.png) repeat-x 0 0;overflow:hidden}
#headTicker .wrap{position:relative;width:1000px;height:50px;margin:0 auto;background:url(../img/ticker/bg2.png) no-repeat center 0;}
#headTicker .text{position:absolute;left:100px;width:579px;height:50px;background:url(../img/ticker/text.png) no-repeat 0 0}
#headTicker .check{position:absolute;top:9px;left:700px;width:118px;height:32px;background:url(../img/ticker/btn_check.png) no-repeat 0 0}
#headTicker .close{position:absolute;top:18px;right:6px;width:60px;height:16px;background:url(../img/ticker/btn_close.png) no-repeat 0 0;cursor:pointer}
#headTicker .effect{position:absolute;top:0;left:-197px;width:197px;height:50px;background:url(../img/ticker/effect.png) no-repeat 0 0}
*/
.btn_onlyCoupon {font-size: 9px !important;}


/*toTop*/
#toTop {
  display: none;
  position: fixed;
  right: 12px;
  left: auto!important;
  top: auto;
  bottom: 90px;
  cursor: pointer;
  background: rgb(6, 125, 120);/*IE7*/
  background: rgba(6, 125, 120, 0.7);
  padding: 15px;
  color: #fff;
  z-index: 30;
}
#toTop:hover {
	background: rgb(25, 192, 75);/*IE7*/
    background: rgba(25, 192, 75, 0.7);
}
/* 2015.8.4 */
.rankingTrend img {vertical-align: text-top;}
/*top_subBanner　mainstageへ移動*/
#top_subBanner {width: 100%;float: left;margin: 30px 0; }
div#top_subBanner section {width: 222px; margin: 0 -5px 10px 20px;}
/* topics tabs */
.rss_btnMore2,.rss_btnMore2_L {display: block; width: 135px; height: 20px; position: absolute; bottom: 0; right: 5px; font-size: 12px; text-align: right;}
div.tab_header a.snsBtn{float:right;margin-left:5px}
div.tabbox ul.tabs{margin:0;padding:0}
div.tabbox ul.tabs li{margin:0;padding:0;list-style-type:none;float:left;}
div.tabbox ul.tabs a{display:block;padding:2px 12px;height:16px;line-height:16px;font-size:12px;text-align:center;}
div.tabbox ul.tabs a:hover {border-bottom: 5px solid;margin-bottom: -5px; }
div.tabbox ul.anime-tabs li a {padding: 2px 8px; }
div.tabbox div.tab{height: 130px;clear:both;border-bottom: 1px solid #9d9d9d;border-top: 1px solid #9d9d9d; }
div.tabbox div p{margin:5px}
div.tabbox div.tab img {vertical-align: middle; margin: 10px auto!important;width: auto !important;/*IE*/ width: initial !important; max-width: 110px;max-height: 68px; display: block; }
.tab a {text-decoration: none;}
.tab >ul >li:first-child {width: 110px !important; height: 130px !important;margin-left: 10px; }
/* 20151208 */
.new_list_artistName{font-weight: bold;}
/* ranking Ad */
.ranking_ad_border{margin: 0 auto;/*margin-top: 50px;*/width: 728px;border: solid 1px #c0c0c0;padding: 10px;padding-bottom: 5px;}
/* cart Ad */
section.cart_ad{width: 734px !important;border: solid 1px #c0c0c0;padding: 7px 5px 1px 5px;margin: 0 auto;margin-top: 20px;}
/* newrelease Ad */
section#newrelease_adBox{clear: both;margin: 0px auto; width: 810px !important;}
article.newrelease_BoxL50{width: 335px;padding: 10px;margin: 0 auto;text-align: center;float: left;}
article.newrelease_BoxR50{width: 335px;padding: 10px;margin: 0 auto;text-align: center;float: left;margin-left: 90px;}
article.newrelease_BoxL50_border{border: solid 1px #c0c0c0;}
article.newrelease_BoxR50_border{border: solid 1px #c0c0c0;}
/* footer Ad */
section.wide_adBox_footer{padding-top: 25px;}
div.wide_adBox_footer_item{margin: 0 auto;text-align: center;padding: 5px;border: solid 1px #c0c0c0;width: 733px;}
/* Ad big banner */
div#index_adL1{padding-top: 5px;border: solid 1px #c0c0c0;}
div#index_adL3{margin-top: 15px;margin-bottom: 10px;padding-top: 5px;border: solid 1px #c0c0c0;}
/* view new feed Ad*/
.pickup_link {display: block; }
.pickup_link:hover,.topix_link:hover >span,.rss_btnMore2:hover{filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }
.ellipsis{position: relative;height: 30px;width: 110px;overflow: hidden;line-height: 16px;display: inline-block;overflow-wrap:break-word;}
.ellipsis:before,.ellipsis:after{position: absolute;background: #fff;}
.ellipsis:before{content: "…";bottom: 0;right: 0;z-index: 1; padding: 0 5px;}
.ellipsis:after{content: "";width: 100%;height: 100%;}
.topix_info{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 155px;/*日付非表示*/width: 190px;}
.topix_time{display:inline-block;position: absolute;right: -38px;color: #C0C0C0;/*日付非表示*/display: none;}
/*日付非表示*/.tab >ul >li:first-child span:nth-of-type(2) {display: none !important; }
.topix_link{position: absolute;top: 0;height: 20px;font-size: 12px;}
#top_rssArea2 .tab a:first-child,.pickup_link:hover >div span:last-child,.topix_link:hover >span:last-child{text-decoration: none;}
.tab >ul >li:nth-child(2){float: right; width: 200px !important;height: 130px !important;}
.tab li li{float: none !important; list-style: none; display: inline-block; padding: 5px 0;margin-top: 7px;}
#special_adBox {margin-top: 60px !important; }

/* 2017.06.02 MusicCenterビデオダイアログここから by PFU */
#confirmVideoOverlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99999;
    font-size:1.2em
}
#confirmVideoOverlay .confirmContainer {
    position:fixed;
    width:400px;
    height:300px
}
#confirmVideoOverlay .confirmContainer .confirmHeader {
    height:30px;
    color:#FFF;
    line-height:30px
}
#confirmVideoOverlay .confirmContainer .confirmContents {
    height:220px;
    background-color:#FFF;
    color:#000
}
#confirmVideoOverlay .confirmContainer .confirmYes,#confirmVideoOverlay .confirmContainer .confirmNo {
    display:block;
    float:left;
    width:120px;
    height:30px;
    line-height:30px;
    text-align:center;
    margin-left:40px;
    margin-bottom:50px;
    padding:5px 10px;
    background-color:#55acee ;
    border:1px solid #3b88c3 ;
    border-radius:6px 6px 6px 6px;
    color:#fff font-weight:bold
}
#confirmVideoOverlay .confirmContainer .line3 {
    clear:both
}
.confirmHeader {
    background-color:#eee;
    border-top:1px solid #696969 ;
    border-right:1px solid #696969 ;
    border-left:1px solid #696969 ;
    border-radius:6px 6px 0 0
}
p.headerText {
    font-size:14px;
    font-weight:700;
    text-align:center;
    color:#000;
    line-height:30px
}
.confirmContents {
    border-radius:0 0 6px 6px;
    border:1px solid #696969
}
p.line1 {
    line-height:16px;
    margin:20px 10px
}
p.line2 {
    line-height:16px;
    margin:20px 10px
}
p.line3 {
    line-height:16px;
    margin:20px 10px
}
a.confirmYes,a.confirmNo {
    color:#fff
}
/* 2017.06.02 MusicCenterビデオダイアログここまで by PFU */

/* 2017.10.16 1クリック購入ダイアログここから */
#OneClickBlockOverlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99999;
    font-size:1.2em
}
#OneClickBlockOverlay .confirmContainer {
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 1px 10px #9d9d9d;
    height: auto;
    position:fixed;
    padding:25px;
    width:400px;
}
#OneClickBlockOverlay .confirmContainer .confirmHeader {
    background-color: transparent;
    border: none;
    line-height:30px;
}
#OneClickBlockOverlay .confirmHeader img {
    width: 35px;
    height: auto;
    float: left;
    margin-right: 15px;
}
#OneClickBlockOverlay .confirmHeader p {
    text-align: left;
    font-size: 15px;
}
#OneClickBlockOverlay .confirmHeader span {
    float: right;
    margin-top: -50px;
    cursor: pointer;
}
#OneClickBlockOverlay .confirmHeader span:after {
    content: "\02715";
    margin-left: 5px;
}
#OneClickBlockOverlay .confirmContainer .confirmContents {
    border: none;
}
#OneClickBlockOverlay .confirmContents > p {
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    margin: 15px auto 0;
}
#OneClickBlockOverlay .line2 {
    font-weight: bold;
}
#OneClickBlockOverlay .pointList h1 {
    font-size: 16px;
    border-bottom: 2px solid #000;
}
#OneClickBlockOverlay .buy_boxWrapper {
    border: none;
    position: relative;
    padding: 0;
}
#OneClickBlockOverlay .pointList_inner {
    margin: 0;
    width: 100%;
}
#OneClickBlockOverlay .pointList {
    width: 92%;
    margin: 0 auto 20px;
}
#OneClickBlockOverlay .buy_navi p {
    padding: 10px 0;
    width: 100%;
}
#OneClickBlockOverlay .buy_boxInner p, #OneClickBlockOverlay .buy_boxInner h2 {
    font-size: 13px;
    line-height: 1.8;
    text-align: left;
    margin: 5px 0;
}
#OneClickBlockOverlay input[type="radio" i] {
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
    margin-right: 5px;
}
#OneClickBlockOverlay .buy_boxInner span:nth-last-child(1) {
    float: right;
    font-weight: normal;
    margin: 0;
}
#OneClickBlockOverlay .buy_boxInner span:nth-last-child(2) {
    font-weight: bold;
    font-size: 15px;
    margin: 0;
    position: absolute;
    right: 60px;
    line-height: 1.6;
}
#OneClickBlockOverlay .confirmContainer .confirmOK,#OneClickBlockOverlay .confirmContainer .confirmCancel,#redirectHistory,#OneClickBlockOverlay .confirmContents .confirmNo,#redirectSetting{
    display: block;
    float: left;
    width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 0 20px 35px;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 15px;
}
#redirectSetting {
    border: 2px solid #067d78;
    background-color: #067d78;
    color: #fff;
    font-size: 12px;
    width: 155px;
    margin-left: 10px;
}
#redirectSetting:hover {
    background-color: #055555;
}
#OneClickBlockOverlay .confirmOK{
    background-color: #e2311d;
    border: 2px solid #e2311d;
    color: #fff;
}
#OneClickBlockOverlay .confirmCancel ,#redirectHistory {
    border: 2px solid #067d78;
    color: #067d78;
}
#OneClickBlockOverlay .confirmContents .confirmNo {
    border: 2px solid #777777;
    color: #777777;
}
#OneClickBlockOverlay .confirmCancel:hover,#redirectHistory:hover,#OneClickBlockOverlay .confirmContents .confirmNo:hover{
	background-color: #eee;
}
#OneClickBlockOverlay .confirmOK:hover {
    background-color: #b52b1a;
}
#OneClickBlockOverlay .pointList #usePoint {
    position: static;/*この指定買い物カゴ*/
    right: 55px;
    text-align: right;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #9e9e9e;
}
#OneClickBlockOverlay .confirmContainer .line3 {
    clear:both;
    margin: 0;
}
.OneClick_line1 {
    font-weight: bold;
}
.OneClick_line1 span {
    font-size: 32px;
    padding-right: 3px;
}
.confirmHeader {
    background-color:#eee;
    border-top:1px solid #696969 ;
    border-right:1px solid #696969 ;
    border-left:1px solid #696969 ;
    border-radius:6px 6px 0 0
}
p.headerText {
    font-size:14px;
    font-weight:700;
    text-align:center;
    color:#000;
    line-height:30px
}
.confirmContents {
    border-radius:0 0 6px 6px;
    border:1px solid #696969
}
p.line1 {
    line-height:16px;
    margin:20px 10px
}
p.line2 {
    line-height:16px;
    margin:20px 10px
}
p.line3 {
    line-height:16px;
    margin:20px 10px
}
a.confirmNo {
    color:#fff
}
#OneClickBlockOverlay .confirmContainer .line1{
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	position: relative;
	max-height: 75px;
	overflow: hidden;
	word-break: break-all;
}
#OneClickBlockOverlay .line1:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 50px;
    height: 1.6em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
#OneClickBlockOverlay .line2 span {
    font-size: 22px;
}
.OneClickbuy_line2 {
    width: 76%;
}
.OneClickbuy_line1 {
    font-size: 22px !important;
}
#redirectHistory.btnCenter {
    margin: auto;
    float: none;
}
/* 2017.10.16 1クリック購入ダイアログダイアログここまで */

/* 2017.10.30 1クリック購入プログレス表示ここから */
#whiteOut { width:100%; height:100%; position:fixed; background:url(/pc/buy/img/bg_white.png); top:0; left:0; z-index:100000; }
#loadingArea { width:330px; height:185px; background-color:#fff; border:2px solid #000; position:absolute; top:50%; left:50%; margin:-90px 0 0 -175px; }
#loadingInner { width:328px; height:158px; background-color:#000; margin:1px; text-align:center; padding-top:25px; }
#loadingText { font-size:14px; margin-top:15px; }
/* 2017.10.30 1クリック購入プログレス表示ここまで */
/*xapp DL中ポップアップ*/
#loadingArea {color: #fff; }
/*cart in popup*/
.toast-container .toast-type-notice {padding: 40px 10%; font-size: 17px; box-shadow: 1px 1px 10px 0 #000; border: none; }
/*編成ページ　Ad*/
#mainStage .rect_box {width: 642px;border: solid 1px #c0c0c0;margin: 50px auto 50px 50px;float: left;}
#mainStage .rect_box section {width: 300px !important; margin: 10px; }
/*20180801 キャリア決済抑止*/
.outerList li:nth-child(n+8):nth-child(-n+10) {display: none; }
.outerList{padding-bottom: 25px;}
.method_list li:nth-child(n+8):nth-child(-n+10) {display: none; }
