@charset "UTF-8";
/*================================================================================
	Modules
================================================================================*/
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br { display: none;}

.hidden { display: none !important; visibility: hidden;}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible { visibility: hidden;}

.clearfix:before, .inner:before, .inner820:before, #captions:before, .wrap-2nd #captions .copyright-box:before, .page-top .visual-block .news-box .box ol li:before, body#sub-page .sub-inner:before, .page-artist .list-block .artist-list:before, .page-artist .detail-block .song-list .jck-wrap:before, .page-artist .detail-block .song-list ul:before, .page-music .list-block .play-movie:before, .page-music .list-block .music-nav:before, .page-music .list-block .music-list:before, .page-music .detail-block .title-block:before, .page-music .detail-block .song-block:before, .page-music .detail-block .song-block .param-block .details:before, .page-music .detail-block .song-block .param-block .difficulty:before, .page-music .detail-block .screenshot ul:before, .page-special .list-block .movie-list:before, .page-ranking .rank-header .rank-nav:before, .page-ranking .rank-list:before, .page-ranking .rank-table ul li:before, .page-ranking .rank-table .rank-headline:before, .page-material .list-block .material-list:before, .page-index #index-head:before, .page-index .main-block .block-m .news-box:before, .page-index .main-block .block-m .news-box .news-list li:before, .page-index .main-block .block-m .rank-box .one-box:before, .page-index .index-foot:before, .clearfix:after, .inner:after, .inner820:after, #captions:after, .wrap-2nd #captions .copyright-box:after, .page-top .visual-block .news-box .box ol li:after, body#sub-page .sub-inner:after, .page-artist .list-block .artist-list:after, .page-artist .detail-block .song-list .jck-wrap:after, .page-artist .detail-block .song-list ul:after, .page-music .list-block .play-movie:after, .page-music .list-block .music-nav:after, .page-music .list-block .music-list:after, .page-music .detail-block .title-block:after, .page-music .detail-block .song-block:after, .page-music .detail-block .song-block .param-block .details:after, .page-music .detail-block .song-block .param-block .difficulty:after, .page-music .detail-block .screenshot ul:after, .page-special .list-block .movie-list:after, .page-ranking .rank-header .rank-nav:after, .page-ranking .rank-list:after, .page-ranking .rank-table ul li:after, .page-ranking .rank-table .rank-headline:after, .page-material .list-block .material-list:after, .page-index #index-head:after, .page-index .main-block .block-m .news-box:after, .page-index .main-block .block-m .news-box .news-list li:after, .page-index .main-block .block-m .rank-box .one-box:after, .page-index .index-foot:after {
  content: "";
  display: table;
}

.clearfix:after, .inner:after, .inner820:after, #captions:after, .wrap-2nd #captions .copyright-box:after, .page-top .visual-block .news-box .box ol li:after, body#sub-page .sub-inner:after, .page-artist .list-block .artist-list:after, .page-artist .detail-block .song-list .jck-wrap:after, .page-artist .detail-block .song-list ul:after, .page-music .list-block .play-movie:after, .page-music .list-block .music-nav:after, .page-music .list-block .music-list:after, .page-music .detail-block .title-block:after, .page-music .detail-block .song-block:after, .page-music .detail-block .song-block .param-block .details:after, .page-music .detail-block .song-block .param-block .difficulty:after, .page-music .detail-block .screenshot ul:after, .page-special .list-block .movie-list:after, .page-ranking .rank-header .rank-nav:after, .page-ranking .rank-list:after, .page-ranking .rank-table ul li:after, .page-ranking .rank-table .rank-headline:after, .page-material .list-block .material-list:after, .page-index #index-head:after, .page-index .main-block .block-m .news-box:after, .page-index .main-block .block-m .news-box .news-list li:after, .page-index .main-block .block-m .rank-box .one-box:after, .page-index .index-foot:after {
  clear: both;
}

.clearfix, .inner, .inner820, #captions, .wrap-2nd #captions .copyright-box, .page-top .visual-block .news-box .box ol li, body#sub-page .sub-inner, .page-artist .list-block .artist-list, .page-artist .detail-block .song-list .jck-wrap, .page-artist .detail-block .song-list ul, .page-music .list-block .play-movie, .page-music .list-block .music-nav, .page-music .list-block .music-list, .page-music .detail-block .title-block, .page-music .detail-block .song-block, .page-music .detail-block .song-block .param-block .details, .page-music .detail-block .song-block .param-block .difficulty, .page-music .detail-block .screenshot ul, .page-special .list-block .movie-list, .page-ranking .rank-header .rank-nav, .page-ranking .rank-list, .page-ranking .rank-table ul li, .page-ranking .rank-table .rank-headline, .page-material .list-block .material-list, .page-index #index-head, .page-index .main-block .block-m .news-box, .page-index .main-block .block-m .news-box .news-list li, .page-index .main-block .block-m .rank-box .one-box, .page-index .index-foot {
  *zoom: 1;
}

.size10-fix { font-size: 10px; line-height: 1.5;} .size12-fix { font-size: 12px !important;}
.colorGreen { color: #48AB35 !important;} .colorOrange { color: #FF7E00 !important;}
.center { text-align: center !important;} .tRight { text-align: right !important;}
.clear { clear: both;}

/* margin-bottom */
.mb0 { margin-bottom: 0px !important;} .mb5 { margin-bottom: 5px !important;} .mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;} .mb20 { margin-bottom: 20px !important;} .mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;} .mb35 { margin-bottom: 35px !important;} .mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;} .mb50 { margin-bottom: 50px !important;} .mb55 { margin-bottom: 55px !important;}
.mb60 { margin-bottom: 60px !important;} .mb65 { margin-bottom: 65px !important;} .mb70 { margin-bottom: 70px !important;}
.mb75 { margin-bottom: 75px !important;} .mb80 { margin-bottom: 80px !important;}

/* margin-bottom */
.mt0 { margin-bottom: 0px !important;} .mt5 { margin-bottom: 5px !important;} .mt10 { margin-bottom: 10px !important;}
.mt15 { margin-bottom: 15px !important;} .mt20 { margin-bottom: 20px !important;} .mt25 { margin-bottom: 25px !important;}
.mt30 { margin-bottom: 30px !important;} .mt35 { margin-bottom: 35px !important;} .mt40 { margin-bottom: 40px !important;}

/* padding-top */
.pt0 { padding-top: 0px !important;} .pt5 { padding-top: 5px !important;} .pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;} .pt20 { padding-top: 20px !important;} .pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}

.tableStyle01 { background-color: #666666; margin: 0 auto 15px auto;}
.tableStyle01 th { padding: 4px;}
.tableStyle01 td { padding: 4px; color: #333333;}
.tableStyle01 td.cellCap {
  background-color: #FFB93F;
  color: #666666 !important;
  font-weight: bold;
}
.tableStyle01 td.tdCap {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding: 5px;
}
.tableStyle01 tr.trCap td {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding: 5px;
  vertical-align: middle;
  text-align: center !important;
  white-space: nowrap;
}
.none { display: none !important;}

/*================================================================================
	modal popup
================================================================================*/
.fancybox {}
.hide { display:none !important;}
.show{ display:block !important; opacity:1 !important;}

/*================================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, button, input, select, textarea {
  color: #222;
  margin: 0;
  padding: 0;
}
::-moz-selection { background: #b3d4fc; text-shadow: none;}
::selection { background: #b3d4fc; text-shadow: none;}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img { vertical-align: middle;}
fieldset { border: 0; margin: 0; padding: 0;}
textarea { resize: vertical;}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
ul, ol, ul li, ol li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}

/* ===== Initializr Styles ===========================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
body {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: #4b4b4b;
  overflow-y: scroll;
}
a:link, a:visited { color: #666; text-decoration: underline;}
a:hover, a:active { color: #999; text-decoration: none;}

img.imgHover { opacity: 1; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out;}
img.imgHover:hover { opacity: 0.70; -moz-opacity: 0.70; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -webkit-transition: all .1s ease; transition: all .1s ease;}



/*================================================================================

	Base Formats

================================================================================*/
html, body { width: 100%; height: 100%;}


/* clearfix */
.cfx:before,
.cfx:after { content: " "; display: table;}
.cfx:after { clear: both; }
.cfx { *zoom: 1;}


/*背景*/
/*
body { background: #FFF url(../img/bg_body.jpg) 50% 0 repeat;}
*/
body.gc3 {
  background: #FFF url(../../img/index_gc3ex/gc3ex_bg.jpg) 50% -95px repeat;
  background-size: cover;
	background-attachment: fixed;
}
/*
body.gc3 {
  background: #FFF url(../../img/index_gc3/gc3_background_s.png) 50% -95px repeat;
  background-size: cover;
}
*/

/* maintenance 20150121 --------------------------------------------------------------------*/
body.maintenance { background: black url(../img/bg_body_maintenance.jpg) 50% 0 repeat;}
/*body.maintenance a:link, a:visited { color: #FFFFFF; text-decoration: underline;}*/
body.maintenance a:link { color: #FFFFFF; text-decoration: underline;}
body.maintenance a:hover, a:active { color: #FFCCE4; text-decoration: none;}
div.maintenance_section { text-align:center; padding:120px 0;}
div.maintenance_section p {
	font-size:16px;
	line-height:1.8;
	margin-bottom:20px;
	color:#FFF;
}

.inner {
  width: 980px;
  text-align: left;
  margin: 0 auto;
  position: relative;
  position: relative;
  margin: 0 auto;
}

.inner820 {
  width: 820px;
  text-align: left;
  margin: 0 auto;
  position: relative;
  position: relative;
  margin: 0 auto;
}

.pagetop {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}

div, img { margin: 0; padding: 0; border: none !important;}

/*
a { color: #333333; }
a:visited { color: #333333; }
a:hover { color: #CCCCCC; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
*/

/*================================================================================

	HEADER

================================================================================*/
#header {
  width: 100%;
  height: 32px;
  text-align: center;
  background-color: #000000;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
#header #hd-nav {
  width: 845px;
  float: left;
}
#header #hd-nav li { float: left;}

/* グルーヴコースター 2 */
#header .logo-2nd {
  width: 282px;
  height: 56px;
  position: absolute;
  left: 712px;
  top: 32px;
  z-index: 0;
  background: url(../img/hd_bg_logo.png) 0 0 no-repeat;
}
#header .logo-2nd a {
  display: block;
  margin-left: 22px;
  margin-top: 6px;
}
/* グルーヴコースター 3 リンクフィーバー(アーケード版) GROOVE COASTER 3 LINK FEVER */
body.gc3 #header .logo-3rd {
  width: 282px;
  height: 56px;
  position: absolute;
  left: 720px;
  top: 45px;
  z-index: 0;
}
body.gc3 #header .logo-3rd a {
  display: block;
  margin-left: 22px;
  margin-top: 6px;
}
/* グルーヴコースター 3EX ドリームパーティー(アーケード版) GROOVE COASTER 3EX DREAM PARTY */
body.gc3 #header .logo-3ex {
  width: 300px;
  height: 50px;
  position: absolute;
  right: 15px;
  top: 42px;
  z-index: 0;
}
body.gc3 #header .logo-3ex a {
  display: block;
  margin-left: 22px;
  margin-top: 6px;
}

.top-head {
  background: none !important;
}

/*================================================================================
	CAPTIONS
================================================================================*/
#captions {
  width: 100%;
  height: 60px;
  position: absolute;
  margin-top: -20px;
  left: 0;
}
#captions .copyright-box {
  width: 605px;
  float: left;
  /*color: #FFF;*/
  /*color: #CCCCCC;*/
  color: #4b4b4b;
  font-size: 11px;
}
#captions .copyright-box .taito-logo { margin-bottom: 10px;}
#captions .sns { margin-top: 50px; float: right;
}
#captions a:link, #captions a:visited {
  /*color: #CCCCCC;*/
  color: #666;
}
#captions a:hover, #captions a:active { color: #999999;}

/*================================================================================
	CONTAINER
================================================================================*/
#container { width: 100%; position: relative;}
#container .block { width: 100%; text-align: center;}
.wrap-2nd {
  padding-top: 50px;
  padding-bottom: 150px;
  background: url(../img/bg_title_2nd.png) 50% 0 no-repeat;
}
body.gc3 .wrap-2nd { background: none !important;}
.wrap-2nd .title-2nd { margin-bottom: 20px;}
body.gc3 h2.gc3_head_title {
  font-size: 28px;
  color: #FFFFFF;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
  padding-left:10px;
}
body.gc3 h2.gc3_head_title span.sub_title {
  font-size: 14px;
  padding-left:5px;
  font-weight:bold;
}
.wrap-2nd #captions { margin-top: 20px; height: 160px !important;}
body.gc3 .wrap-2nd #captions { margin-top: 30px; height: 125px !important;}
.wrap-2nd #captions .sns { margin: 0 auto 25px auto; float: none;}
.wrap-2nd #captions .copyright-box {
  float: none;
  width: 966px;
  margin: 0 auto;
}
.wrap-2nd #captions .copyright-box .taito-logo { width: 80px; float: left;}
.wrap-2nd #captions .copyright-box .copyright {
  float: left;
  width: 400px;
  margin-top: 2px;
  line-height: 1.4em !important;
  color:#666;
}
.wrap-2nd #captions .copyright-box .ft-link {
  float: left;
  width: 486px;
  text-align: right;
  margin-top: 8px;
}

/*================================================================================
	FOOTER
================================================================================*/
#footer {
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: #000000;
  position: fixed;
  left: 0;
  bottom: -55px;
  z-index: 9999;
}
#footer #ft-nav {
  width: 730px;
  padding-top: 5px;
  float: left;
}
#footer #ft-nav li { float: left;}
#footer .ft-banner {
  position: absolute;
  top: 8px;
  right: 0;
  transform: scale(.8);
  width: 270px;

}
#footer .ft-banner p { float: right; margin-left: 10px;}


/*================================================================================
	COMMON STYLE
================================================================================*/
#header .sns,
#container .sns { float: right;}
/* PC用ソーシャル関連 */
.pc-share {
/*  width: 221px;*/
  width: auto;
  height: 23px;
  float: right;
  display: block;
  margin-top: 5px;
}
.pc-share #share {
  width: 118px;
  height: 21px;
  display: block;
  float: left;
  margin-right: 4px;
}
.pc-share #share #socialarea_total {
  width: 55px;
  height: 21px;
  display: block;
  float: left;
  background: url(../img/pc-share-fukidashi.png) center no-repeat;
}
.pc-share #share #socialarea_total #share-count-num,
.pc-share #share #socialarea_total #share-count-num2 {
  color: #fff;
  text-align: center;
  width: 49px;
  height: 21px;
  display: block;
  font-size: 11px;
  line-height: 21px;
}
.pc-share #share a .share-img {
  width: 63px;
  height: 21px;
  float: left;
  background: url(../img/pc-share-share.png) 0 0 no-repeat;
}
#socialarea_fb {
  width: 30px;
  height: 23px;
  float: left;
  margin-right: 4px;
}
#socialarea_tw {
  width: 30px;
  height: 23px;
  float: left;
  margin-right: 4px;
}
#socialarea_ln {
  width: 30px;
  height: 23px;
  float: left;
}
.serch-white select { margin-top: 13px;}

/* ここまで */
.pc-share #share-t-f {
  position: relative;
  top: -65px;
  left: 45px;
  width: 90px;
  height: 70px;
  color: #6c6c6c;
  display: none;
  background: url(../img/sh-fukidashi.png) 0 0 no-repeat;
  z-index: 1000;
}

.pc-share .hd-img {
  top: 25px !important;
  background: url(../img/sh-fukidashi2.png) 0 0 no-repeat !important;
}

.pc-share #share-t-f a:link,
.pc-share #share-t-f a:visited {
  color: #6c6c6c;
  text-decoration: none;
}

.pc-share #share-t-f a:hover,
.pc-share #share-t-f a:active {
  color: #999999;
  text-decoration: none;
}

.pc-share #share-t-f #share-t {
  position: absolute;
  top: 27px;
  left: 34px;
  width: 49px;
  height: 19px;
  font-size: 11px;
}

.pc-share #share-t-f #share-f {
  position: absolute;
  top: 48px;
  left: 34px;
  width: 49px;
  height: 19px;
  font-size: 11px;
}

.pc-share #share-t-f #share-t2 {
  position: absolute;
  /*
  top: 27px;
  left: 34px;
  */
  top: 27px;
  left: 34px;
  width: 49px;
  height: 19px;
  font-size: 11px;
}

.pc-share #share-t-f #share-f2 {
  position: absolute;
  /*
  top: 33px;
  left: 35px;
  */
  top: 48px;
  left: 34px;
  width: 49px;
  height: 19px;
  font-size: 11px;
}

.pc-share #share-t-f .share-t-f-close {
  position: absolute;
  top: 5px;
  left: 76px;
  width: 9px;
  height: 9px;
  font-size: 11px;
  cursor: pointer;
}

.pc-share .hd-img .share-t-f-close {
  top: 17px !important;
  left: 71px !important;
}

.pc-share #share-t-f .share-t-f-close a {
  width: 9px;
  height: 9px;
  font-size: 11px;
  display: block;
}

/*================================================================================
	Smart device
================================================================================*/
.iPhone #mainColumn,
.iPad #mainColumn,
.Android #mainColumn {
  width: 1200px !important;
}

.iPhone .page-index #indexContainer {}
.iPad .page-index #indexContainer {}
.Android .page-index #indexContainer {}





/*================================================================================

	TOP

================================================================================*/
.page-top .btn-twitter {
  position: fixed;
  right: -10px;
  top: 53px;
  z-index: 9000;
}
.page-top .line-all {
  position: absolute;
  left: 50%;
  top: 1073px;
  margin-left: -490px;
  z-index: 0;
}
.page-top .visual-block {
  position: absolute;
  left: 0px;
  top: 70px;
  z-index: 1;
  height: 770px;
  background: url(../../img/top/img_main.jpg) 50% 0 no-repeat;
  /*
  .movie-box{
  	@include size(288,177);
  	@include absolute(692,290,50);
  	background:url(../../img/top/img_movie.png) 0 0 no-repeat;
  	a{
  		display:block;
  		@include size(259,148);
  		margin:15px 0 0 15px;
  		position:relative;
  	}
  }
  */
  /*
  .movie-box{
  	@include size(288,177);
  	//@include absolute(692,310,50);
  	@include absolute(692,290,50);
  	background:url(../../img/top/img_movie.png) 0 0 no-repeat;
  	
  	a{
  		display:block;
  		@include size(259,148);
  		margin:15px 0 0 15px;
  		position:relative;
  	}
  	span{
  		display:block;
  		@include size(259,148);
  		@include absolute(0,0);
  	}
  	.cap01{ z-index:10; display:none; }
  	.cap02{ z-index:9; display:none; }
  	.cap03{ z-index:8; display:none; }
  	.cap04{ z-index:7; display:none; }
  	.cap05{ z-index:6; display:none; }
  	.cap06{ z-index:5; display:none; }
  	.cap-cover{ z-index:15; display:none; }
  	.icon-play{
  		@include size(69,68);
  		@include absolute(95,40,20);
  		//@include absolute(95,70,20);
  	}
  	.copy-movie{
  		@include size(237,72);
  		@include absolute(0,105,20);
  	}
  }
  */
}
.page-top .visual-block .p-line {
  position: absolute;
  left: 452px;
  top: 314px;
  z-index: 10;
}
.page-top .visual-block .visual-fix {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-top .visual-block h1 {
  position: absolute;
  left: 0px;
  top: -35px;
  z-index: 30;
  width: 100%;
  text-align: center;
}
.page-top .visual-block .movie-copy {
  width: 266px;
  height: 184px;
  position: absolute;
  left: 730px;
  top: 145px;
  z-index: 20;
}
.page-top .visual-block .banner-box {
  width: 288px;
  height: 108px;
  position: absolute;
  left: 692px;
  top: 190px;
  z-index: 20;
  background: url(../../img/top/bg_banner.png) 0 0 no-repeat;
}
.page-top .visual-block .banner-box p {
  display: block;
  margin: 9px 0 0 14px;
}
.page-top .visual-block .movie-box {
  width: 288px;
  height: 177px;
  position: absolute;
  left: 740px;
  top: 319px;
  z-index: 50;
  background: url(../../img/top/img_movie.png) 0 0 no-repeat;
}
.page-top .visual-block .movie-box a {
  display: block;
  width: 259px;
  height: 148px;
  margin: 15px 0 0 15px;
  position: relative;
}
.page-top .visual-block .movie-box span {
  display: block;
  width: 259px;
  height: 148px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-top .visual-block .movie-box .cap01 { z-index: 10; display: none;}
.page-top .visual-block .movie-box .cap02 { z-index: 9; display: none;}
.page-top .visual-block .movie-box .cap03 { z-index: 8; display: none;}
.page-top .visual-block .movie-box .cap04 { z-index: 7; display: none;}
.page-top .visual-block .movie-box .cap05 { z-index: 6; display: none;}
.page-top .visual-block .movie-box .cap06 { z-index: 5; display: none;}
.page-top .visual-block .movie-box .cap-cover { z-index: 15; display: none;}
.page-top .visual-block .movie-box .icon-play {
  width: 69px;
  height: 68px;
  position: absolute;
  left: 95px;
  top: 40px;
  z-index: 20;
}
.page-top .visual-block .news-box,
.page-top .visual-block .news_event_gc3 {
  width: 288px;
  position: absolute;
  left: 692px;
  top: 455px;
  z-index: 50;
}
.page-top .visual-block .news-box .box {
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
  background: url(../../img/top/bg_news_middle.png) 0 0 repeat-y;
}
.page-top .visual-block .news-box .box span { display: block;}
.page-top .visual-block .news-box .box .date {
  font-size: 10px;
  float: left;
  width: 85px;
  margin-right: 3px;
  color: #F09;
  background: url(../../img/top/icon_arrow.png) 100% 0 no-repeat;
}
.page-top .visual-block .news-box .box ol {
  display: block;
  width: 240px;
  margin: 0 auto;
  text-align: left;
}
.page-top .visual-block .news-box .box ol li {
  border-bottom: #FFFFFF dotted 1px;
  padding: 7px 0;
  line-height: 1.4em;
  font-size: 11px;
}
.page-top .visual-block .news-box .box ol li:nth-child(3) {
  border: none;
  padding: 5px 0 0 0;
}
.page-top .visual-block .news-box .box ol img {
  margin-top: -3px;
  margin-left: 3px;
}
.page-top .visual-block .news-box .box ol a:link, .page-top .visual-block .news-box .box ol a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.page-top .visual-block .news-box .box ol a:hover, .page-top .visual-block .news-box .box ol a:active {
  color: #CCCCCC;
  text-decoration: none;
}
.page-top .music-block {
  position: absolute;
  left: 0px;
  top: 734px;
  z-index: 1;
  height: 554px;
  overflow: hidden;
}
.page-top .music-block h2 {
  position: absolute;
  left: 189px;
  top: 0px;
  z-index: 80;
}
.page-top .music-block h3 {
  position: absolute;
  left: 88px;
  top: 77px;
  z-index: 80;
}
.page-top .music-block .jacket {
  position: absolute;
  left: -94px;
  top: 60px;
  z-index: 0;
}
.page-top .music-block .btn-artist {
  position: absolute;
  left: 673px;
  top: 470px;
  z-index: 100;
}
.page-top .music-block .artist {
  position: absolute;
  left: -55px;
  top: 182px;
  z-index: 0;
  opacity: 0;
}
.page-top .about-block {
  position: absolute;
  left: 0px;
  top: 1288px;
  z-index: 1;
  height: 504px;
  overflow: hidden;
}
.page-top .about-block .p-line {
  position: absolute;
  left: 237px;
  top: 56px;
  z-index: 10;
}
.page-top .about-block .circle {
  position: absolute;
  left: 730px;
  top: 75px;
  z-index: 0;
}
.page-top .about-block h2 {
  position: absolute;
  left: 337px;
  top: 0px;
  z-index: 10;
}
.page-top .about-block h3 {
  position: absolute;
  left: 303px;
  top: 73px;
  z-index: 10;
}
.page-top .about-block .capture {
  position: absolute;
  left: 72px;
  top: 120px;
  z-index: 10;
}
.page-top .about-block .movie {
  position: absolute;
  left: 430px;
  top: 210px;
  z-index: 50;
}
.page-top .about-block .movie a {
  display: block;
  width: 352px;
  height: 269px;
  position: relative;
}
.page-top .about-block .movie .icon {
  display: block;
  width: 84px;
  height: 86px;
  position: absolute;
  left: 134px;
  top: 100px;
  z-index: 100;
}
.page-top .about-block .movie .ph {
  display: block;
  width: 352px;
  height: 269px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-top .about-block .movie .abt-cap01 { z-index: 10;}
.page-top .about-block .movie .abt-cap02 { z-index: 9; display: none;}
.page-top .about-block .movie .abt-cap03 { z-index: 8; display: none;}
.page-top .about-block .movie .abt-cap04 { z-index: 7; display: none;}
.page-top .about-block .movie .abt-cap05 { z-index: 6; display: none;}
.page-top .play-block {
  position: absolute;
  left: 0px;
  top: 1792px;
  z-index: 1;
  height: 844px;
}
.page-top .play-block .p-line {
  position: absolute;
  left: 19px;
  top: -61px;
  z-index: 0;
}
.page-top .play-block .circle {
  position: absolute;
  left: 1px;
  top: -13px;
  z-index: 0;
}
.page-top .play-block h2 {
  position: absolute;
  left: 190px;
  top: 0px;
  z-index: 10;
}
.page-top .play-block h3 {
  position: absolute;
  left: 197px;
  top: 73px;
  z-index: 10;
}
.page-top .play-block .play01 {
  position: absolute;
  left: 197px;
  top: 179px;
  z-index: 10;
}
.page-top .play-block .play02 {
  position: absolute;
  left: 510px;
  top: 175px;
  z-index: 10;
}
.page-top .play-block .play03 {
  position: absolute;
  left: 274px;
  top: 422px;
  z-index: 50;
}
.page-top .play-block .play-movie {
  width: 241px;
  height: 181px;
  position: absolute;
  left: 620px;
  top: 260px;
  z-index: 100;
}
.page-top .play-block .play-movie a {
  display: block;
  width: 241px;
  height: 181px;
  position: relative;
}
.page-top .play-block .play-movie span {
  display: block;
  width: 241px;
  height: 181px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-top .play-block .play-movie .play-cap01 { z-index: 10;}
.page-top .play-block .play-movie .play-cap02 { z-index: 9; display: none;}
.page-top .play-block .play-movie .play-cap03 { z-index: 8; display: none;}
.page-top .play-block .play-movie .icon-play {
  width: 58px;
  height: 59px;
  position: absolute;
  left: 95px;
  top: 60px;
  z-index: 20;
}
.page-top .loc-block {
  position: absolute;
  left: 0px;
  top: 2636px;
  z-index: 1;
  height: 430px;
  overflow: hidden;
}
.page-top .loc-block .circle {
  position: absolute;
  left: 629px;
  top: 57px;
  z-index: 0;
}
.page-top .loc-block h2 {
  position: absolute;
  left: 216px;
  top: 40px;
  z-index: 10;
}
.page-top .loc-block .btn-loc {
  position: absolute;
  left: 327px;
  top: 126px;
  z-index: 10;
}
.page-top .loc-block .btn-dl {
  position: absolute;
  left: 410px;
  top: 200px;
  z-index: 5;
}
.page-top #captions { top: 2930px;}



/*================================================================================

	Smart device

================================================================================*/
/*================================================================================
	sub-page
================================================================================*/
body#sub-page {
  background-image: none !important;
  /*color: #FFFFFF;*/
  color: #666;
  margin: 30px 0 30px 0;
}
body#sub-page #sub-wrap {
  text-align: center;
  width: 100%;
}
body#sub-page .sub-inner {
  width: 700px;
  position: relative;
  margin: 0 auto;
  text-align: left;
  border: #0F0 solid 1px;
}
body#sub-page .sub-block {
  margin-bottom: 30px;
}
body#sub-page h1 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
}
body#sub-page h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
body#sub-page .cap-list {
  list-style: decimal !important;
  margin-top: 10px;
}
body#sub-page .cap-list li {
  list-style: decimal !important;
  margin-bottom: 5px;
  margin-left: 20px;
}

/*================================================================================

	page-artist

================================================================================*/
.page-artist .list-block .list-wrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 490px;
  /*スライドコンテンツ横幅 1画面 980px */
  /*width: 9000px;*/
  /*width: 6880px;*/
  /*width: 8800px;*/
  width: 10760px;
}
.page-artist .list-block .artist-list {
  width: 980px;
  height: 490px;
  overflow: hidden !important;
  position: relative;
}
.page-artist .list-block .artist-list ul {
  width: 980px;
  float: left;
  margin-right: 10px;
}
.page-artist .list-block .artist-list li {
  width: 239px;
  height: 240px;
  position: relative;
  float: left;
  margin: 0 8px 8px 0;
}
.page-artist .list-block .artist-list li a {
  display: block;
  width: 239px;
  height: 240px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-artist .list-block .artist-list li .new {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 50;
}
.page-artist .list-block .artist-list li .name {
  width: 239px;
  height: 55px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 60;
}
/*
.page-artist .list-block .artist-list li .photo {
  width: 239px;
  height: 240px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 20;
}
*/
.page-artist .list-block .artist-list li .photo {
  width: 239px;
  height: 240px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 20;
  background:#000;
  background-color: rgba(0,0,0,0.9);
}
.page-artist .list-block .artist-list li .photo span {
  opacity:.9;
  display:block;
  width: 239px;
  height: 240px;
  line-height:240px;
  text-align:center;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing:-0.01em;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
}
.page-artist .list-block .artist-list li .hover-box {
  width: 239px;
  height: 240px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
  color: #FFFFFF;
  display: none;
  background: url(../../img/artist/bg_list_hover.png) repeat;
}
.page-artist .list-block .artist-list li .hover-box p {
  width: 239px;
  height: 240px;
  display: block;
  position: relative;
}
.page-artist .list-block .artist-list li .hover-box span.music {
  display: block;
  position: absolute;
  left: 15px;
  bottom: 10px;
}
.page-artist .list-block .artist-list li .hover-box span.icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0 !important;
  width:100%;
  height:100%;
  line-height: 135px;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing:-0.01em;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
}
.page-artist .list-block .artist-list li.last {
  margin-right: 0;
}
.page-artist .list-block .btn-prev {
  width: 77px;
  height: 77px;
  position: absolute;
  left: -80px;
  top: 205px;
  z-index: 100;
}
.page-artist .list-block .btn-next {
  width: 77px;
  height: 77px;
  position: absolute;
  left: 986px;
  top: 205px;
  z-index: 100;
}
/*
.page-artist .detail-block h4 {
  margin-bottom: -7px;
}
*/
.page-artist .detail-block h4 {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing:-0.01em;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
}
.page-artist .detail-block h4.title_profile {
  padding:6px 0 8px 10px;
}
.page-artist .detail-block h4.title_song_contents {
  padding:6px 0 8px 0;
}

.page-artist .detail-block .photo {
  width: 120px;
  float: left;
  margin-top: 15px;
}
.page-artist .detail-block .profile {
  width: 600px;
  float: right;
}

.page-artist .detail-block .profile h3.artist_name {
  font-size:20px;
  font-weight: bold;
  color: #ff4800;
  padding:0 0 10px 0;
}



.page-artist .detail-block .profile .profile-txt {
  /*color: #FFFFFF;*/
  color: #4b4b4b;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
  /*margin-left:10px;*/
  padding: 15px 0 25px 0;
  margin: 0 0 20px 10px;
  /*background: url(../../img/artist/bg_profile_top.png) 0 0 no-repeat;*/
  background:#fef8f6;
  background: rgba(255,255,255,0.55);
  box-shadow: rgba(124, 119, 124, 0.2) 0px 0px 6px 3px inset;
}
.page-artist .detail-block .profile .profile-txt p {
  width: 560px;
  margin: 0 auto 19px auto;
  text-align: left;
}
.page-artist .detail-block .profile .profile-txt p:last-of-type {
  margin-bottom: -8px;
}
.page-artist .detail-block .song-list {
  position: relative !important;
  padding: 25px 0 25px 0;
  margin:0 0 20px 0;
  background:#fef8f6;
  background: rgba(255,255,255,0.55);
  box-shadow: rgba(124, 119, 124, 0.2) 0px 0px 6px 3px inset;
  /*background: url(../../img/artist/bg_song_top.png) 0 0 no-repeat;*/
}
.page-artist .detail-block .song-list .btn-prev {
  position: absolute;
  left: -50px;
  top: 60px;
  z-index: 100;
  width: 50px;
  height: 48px;
  cursor: pointer;
  display: none;
}
.page-artist .detail-block .song-list .btn-next {
  position: absolute;
  left: 820px;
  top: 60px;
  z-index: 100;
  width: 50px;
  height: 48px;
  cursor: pointer;
  display: none;
}
.page-artist .detail-block .song-list .jck-wrap {
  margin-left: 20px;
  width: 750px;
  height: 120px;
  overflow: hidden;
}
.page-artist .detail-block .song-list ul {
  width: 10000px;
  height: 120px;
}
.page-artist .detail-block .song-list ul li {
  float: left;
  width: 120px;
  height: 120px;
  margin-left: 30px;
  position: relative;
}
.page-artist .detail-block .song-list ul li a {
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 50;
}
/* 追加 */
.page-artist .detail-block .song-list ul li span.iconBox {
	display:block;
	width:100%;
	position:absolute;
	bottom:5px;
	left:5px;
	z-index:30;
}
.page-artist .detail-block .song-list ul li span.iconBox img { float:left; vertical-align:middle;}
.page-artist .detail-block .song-list ul li span.iconBox img.icon_lock {} /*アンロック*/
.page-artist .detail-block .song-list ul li span.iconBox img.icon_gc_lock {} /*グルコ アンロック*/
.page-artist .detail-block .song-list ul li span.iconBox img.icon_extra {} /*エクストラ*/


.page-artist .detail-block .song-list ul li .ex {
  width: 36px;
  height: 22px;
  position: absolute;
  left: 3px;
  bottom: 4px;
  z-index: 30;
}
.page-artist .detail-block .song-list ul li .ex2 {
  width: 36px;
  height: 22px;
  position: absolute;
  left: 28px;
  bottom: 4px;
  z-index: 30;
}
.page-artist .detail-block .song-list ul li .gccoin2 {
  width: 25px;
  height: 24px;
  position: absolute;
  left: 68px;
  bottom: 5px;
  z-index: 25;
}
.page-artist .detail-block .song-list ul li .lock {
  width: 22px;
  height: 24px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  z-index: 25;
}
.page-artist .detail-block .song-list ul li .gccoin {
  width: 25px;
  height: 24px;
  position: absolute;
  left: 28px;
  bottom: 5px;
  z-index: 25;
}
.page-artist .detail-block .song-list ul li .hover-txt {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
  display: none;
  color: #FFFFFF;
  background: url(../../img/artist/bg_list_hover.png) repeat;
	overflow: hidden;
  word-break: break-all;
}
.page-artist .detail-block .song-list ul li .hover-txt span {
  display: block;
  margin: 0;
  font-size: 11px;
  padding: 8px 10px 0 10px;
}
.page-artist .detail-block .song-list ul li .hover-txt a:link, .page-artist .detail-block .song-list ul li .hover-txt a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.page-artist .detail-block .song-list ul li .hover-txt a:hover, .page-artist .detail-block .song-list ul li .hover-txt a:active {
  color: #CCCCCC;
  text-decoration: none;
}
.page-artist .btnback-block {
  text-align: center;
  margin-top:-20px;
  margin-bottom:10px
}
.page-artist .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}




/*================================================================================

	page-news / event

================================================================================*/
.page-news {
  clear: both;
  padding: 0 0 150px 0;
}

.page-news * { box-sizing: border-box;}

.page-news .news-wrap {
  clear: both;
  width: 980px;
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}
.page-news a.img_hover {
   opacity: 1;
}
.page-news a.img_hover:hover img {
  opacity: 0.70;
  -moz-opacity: 0.70;
  filter: alpha(opacity=70); /* IE6/7 */
  -ms-filter: "alpha(opacity=70)"; /* IE8 */
}
.page-news .news-wrap .color-ff4200 {
  color: #ff4200;
}
.page-news .news-wrap .main-content {
  display: block;
  float: left;
  position: relative;
  width: 700px;
  /*border-radius: 15px;*/
  padding: 40px 50px 50px 50px;
  background: rgba(255,255,255,1);
  /*box-shadow: rgba(124, 119, 124, 0.25) 0px 0px 6px 3px inset;*/
}

.news-section-01 {
  position: relative;
  z-index: 100;
  margin: 0 0 -80px 0;
  padding: 0;
  clear: both;
}
.news-section-01 .main-content {
  margin-top: 0;
  /*height: 1100px;*/
}

.news-section-01 .news_contents { clear: both;}
.news-section-01 .news_body {}

.news-section-01 p.post_date {
  font-size: 14px;
  margin-bottom: 14px;
}
.news-section-01 .news_contents h2 {
  width: 100%;
  font-size: 18px;
  color:#FF0000;
  font-weight: bold;
  margin: 0;
  padding: 0 0 25px 0;
  border-bottom: #FF0000 2px solid;
}

.news_img_thmb img {
  display: none;
}

.news_body { clear: both; padding: 30px 0 30px 0;}

.news_body sup,
.news_body sub {
  top: 0 !important;
  height: 0 !important;
  line-height: 1 !important;
  vertical-align: baseline !important;
  _vertical-align: bottom !important;
   position: relative !important;
}


/* pagenation */
.news-section-01 #pagenation {
  /* position: absolute; */
  left: 20px;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0 0 0;
}
.news-section-01 #pagenation .next-post { float: right;}
.news-section-01 #pagenation .prev-post { float: left;}


/* sub-content */
.page-news  .sub-content-wrap {
  position: relative;
  width: 250px;
  float: right;
}

.page-news  div.sub-content {
  position: relative;
  /*border-radius: 20px;*/
  margin: 0 0 20px 0;
  padding: 25px 10px 25px 10px;
  background: rgba(255,255,255,1);
  /*box-shadow: rgba(124, 119, 124, 0.25) 0px 0px 6px 3px inset;*/
}
.page-news  div.sub-content h3 {
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
  margin: 0 0 10px 0;
  padding: 0;
}

.category_nav {
  margin: 0;
  padding: 0;
}
.category_nav ul {
  width: 100%;
  margin: 0;
	padding:10px 10px 0 10px;
  list-style :none;
}
 .category_nav ul li{
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
  border-bottom: #bbb 1px dotted;
}
.category_nav ul li a {
  display: block;
  color: #000;
  text-decoration: none;
} 
.category_nav ul li a:hover {
  color: #FF0000;
}

/* news_sub_list */
div.news_sub_list { clear: both; padding: 0;}
div.news_sub_list dl { font-size: 12px;}
div.news_sub_list dl dt {
  text-align: center;
  padding: 15px 10px 15px 10px;
}
div.news_sub_list dl dt img{
  border: #bbb 1px solid !important;
}
div.news_sub_list dl dd {
  margin: 0 0 15px 0;
  padding: 0 10px 15px 10px;
  border-bottom: #bbb 1px dotted;
}
div.news_sub_list dl dd .post_date {
  margin-bottom: 2px;
}
div.news_sub_list dl dd a {
  color: #000;
}
div.news_sub_list dl dd a:hover {
  color: #FF0000;
}


div.news_list {}
div.news_list dl {
  position: relative;
  color: #000000;
  margin: 0;
  padding: 20px 0 0 0;
}
div.news_list dl dt {
  float: left;
  padding: 0px 0 21px 0;
}
div.news_list dl dd {
  margin: 0 0 21px 0;
  padding: 0px 0 21px 7em;
  border-bottom:#bbb 1px dotted;
}
div.news_list dl dd a {
  color: #000000;
}
div.news_list dl dd a:hover {
  color: #FF0000;
}





/*================================================================================

	page-about

================================================================================*/
.page-about {
  clear: both;
  padding: 0 0 150px 0;
}
.page-about .about-wrap {
  clear: both;
  width: 980px;
  margin: 0 auto;
  padding: 0;
  font-size: 22px;
  line-height: 45px;
  color: #000;
}
.page-about a.img_hover {
   opacity: 1;
}
.page-about a.img_hover:hover img {
  opacity: 0.70;
  -moz-opacity: 0.70;
  filter: alpha(opacity=70); /* IE6/7 */
  -ms-filter: "alpha(opacity=70)"; /* IE8 */
}
.page-about .about-wrap .color-ff4200 {
  color: #ff4200;
}
.page-about .about-wrap .main-content {
  position: relative;
  border-radius: 15px;
  padding: 15px;
  background: rgba(255,255,255,0.6);
  box-shadow: rgba(124, 119, 124, 0.35) 0px 0px 6px 3px inset;
}
.about-section-01 {
  position: relative;
  z-index: 100;
  margin: 0 0 80px 0;
  padding: 0;
  clear: both;
}
.about-section-01 .main-content {
  margin-top: 50px;
  height: 520px;
}
.about-section-01 h2.about_section_01_title1 {
  position: absolute;
  top: -18px;
  left: 240px;
  z-index: 100;
  display: block;
  width: 700px;
  height: 135px;
}
.about-section-01 h2.about_section_01_title1 img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.about-section-01 .textbox {
  position: relative;
}
.about-section-01 .textbox p.text01 {
  position: absolute;
  top: 90px;
  left: 130px;
  z-index: 100;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.about-section-01 .textbox p.text01 span.text01-padding {
  padding-left: 55px;
}
.about-section-01 .textbox p.text01 span.text01-padding-02 {
  padding-left: 55px;
}
.about-section-01 img.about_section_01_avatar {
  position: absolute;
  top: 80px;
  right: 363px;
  z-index: 10;
  display: block;
}
.about-section-01 img.about_section_01_booster {
  position: absolute;
  top: 185px;
  right: 290px;
  z-index: 10;
  display: block;
}
.about-section-01 img.about_section_01_chara_01 {
  position: absolute;
  bottom: 40px;
  right: -90px;
  z-index: 100;
  display: block;
}
.about-section-01 img.about_section_01_enjoy_nesica {
  position: absolute;
  bottom: 25px;
  right: 130px;
  z-index: 10;
  display: block;
}


.about-section-01 .textbox p.text02 {
  position: absolute;
  top: 270px;
  left: 220px;
  z-index: 100;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}

.about-section-01 img.about_section_01_body {
  position: absolute;
  top: -30px;
  left: -110px;
  z-index: 10;
}

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

.about-section-02 {
  position: relative;
  z-index: 100;
  margin: 0 0 50px 0;
  padding: 0;
  clear: both;
}
.about-section-02 .main-content {
  margin-top: 50px;
  height: 750px;
}
.about-section-02 h2.about_section_02_title1 {
  position: absolute;
  top: -40px;
  left: -40px;
  z-index: 100;
  display: block;
  width: 672px;
  height: 102px;
}
.about-section-02 h2.about_section_02_title1 img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.about-section-02 p.text01 {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 100;
  display: block;
  width: 100%;
  font-size: 32px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}

.about-section-02 p.text02 {
  position: absolute;
  top: 255px;
  left: 60px;
  z-index: 100;
  display: block;
  width: 100%;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.about-section-02 p.text03 {
  position: absolute;
  top: 330px;
  left: 60px;
  z-index: 100;
  display: block;
  width: 100%;
  font-size: 24px;
  line-height: 40px;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.about-section-02 p.text04 {
  position: absolute;
  top: 435px;
  left: 60px;
  z-index: 100;
  display: block;
  width: 100%;
  font-size: 24px;
  line-height: 40px;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.about-section-02 p.text05 {
  position: absolute;
  top: 555px;
  left: 0px;
  z-index: 100;
  display: block;
  width: 500px;
  font-size: 22px;
  line-height: 28px;
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.about-section-02 div.about_section_02_link1 {
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -214px;
}
.about-section-02 div.about_section_02_link1 a {}
.about-section-02 div.about_section_02_link1 a img {}

.about-section-02 img.about_section_02_img1 {
  position: absolute;
  top: 140px;
  left: 30px;
  z-index: 100;
  display: block;
}
.about-section-02 img.about_section_02_img2 {
  position: absolute;
  top: 160px;
  right: 20px;
  z-index: 100;
  display: block;
}
.about-section-02 img.about_section_02_chara_01 {
  position: absolute;
  bottom: 20px;
  left: -160px;
  z-index: 100;
  display: block;
}
.about-section-02 img.about_qr {
  position: absolute;
  bottom: 173px;
  left: 520px;
  z-index: 100;
  display: block;
}

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

.about-section-03 {
  position: relative;
  z-index: 100;
  margin: 0 0 -100px 0;
  padding: 140px 0 0 0;
  clear: both;
}

.about-section-03 div.about_section_03_link1 {
  position: absolute;
  top: 0;
  left: 28px;
}
.about-section-03 div.about_section_03_link1 a {}
.about-section-03 div.about_section_03_link1 a img {}


.about-section-03 div.about_section_03_link2 {
  position: absolute;
  top: 0;
  right: 28px;
}
.about-section-03 div.about_section_03_link2 a {}
.about-section-03 div.about_section_03_link2 a img {}

.about-section-03 div.moviebox {
  width: 880px;
  margin: 0 auto;
}



/*================================================================================

	page-howtoplay

================================================================================*/
.page-howtoplay {
  clear: both;
  padding: 0 0 150px 0;
}
.page-howtoplay .howtoplay-wrap {
  clear: both;
  width: 980px;
  margin: 0 auto;
  padding: 0;
  font-size: 24px;
  line-height: 45px;
  color: #000;
}
.page-howtoplay a.img_hover {
   opacity: 1;
}
.page-howtoplay a.img_hover:hover img {
  opacity: 0.70;
  -moz-opacity: 0.70;
  filter: alpha(opacity=70); /* IE6/7 */
  -ms-filter: "alpha(opacity=70)"; /* IE8 */
}
.page-howtoplay .howtoplay-wrap .color-ff4200 {
  color: #ff4200;
}
.page-howtoplay .howtoplay-wrap .main-content {
  position: relative;
  border-radius: 15px;
  padding: 15px;
  background: rgba(255,255,255,0.6);
  box-shadow: rgba(124, 119, 124, 0.35) 0px 0px 6px 3px inset;
}

.howtoplay-section-01 {
  position: relative;
  z-index: 100;
  margin: 0 0 80px 0;
  padding: 0;
  clear: both;
}
.howtoplay-section-01 .main-content {
  margin-top: 50px;
  height: 1100px;
}

.howtoplay-section-01 h2.howtoplay_section_01_title1 {
  position: absolute;
  top: -48px;
  left: -27px;
  z-index: 100;
  display: block;
  width: 635px;
}
.howtoplay-section-01 h2.howtoplay_section_01_title1 img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.howtoplay-section-01 img.howtoplay_section_01_body {
  position: absolute;
  top: 30px;
  left: -140px;
  z-index: 10;
}

.howtoplay-section-01 p.text01 {
  position: absolute;
  top: 120px;
  right: 30px;
  z-index: 100;
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.howtoplay-section-01 p.text02 {
  position: absolute;
  top: 270px;
  left: 160px;
  z-index: 100;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.howtoplay-section-01 p.text02 span.text02-padding-01 {
  padding-left: 55px;
}
.howtoplay-section-01 img.howtoplay_section_01_avatar {
  position: absolute;
  top: 295px;
  left: 310px;
  z-index: 10;
  display: block;
}
.howtoplay-section-01 img.howtoplay_section_01_img1 {
  position: absolute;
  top: 170px;
  right: 40px;
  z-index: 10;
}
.howtoplay-section-01 p.text03 {
  position: absolute;
  top: 450px;
  left: 160px;
  z-index: 100;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}

.howtoplay-section-01 p.text04 {
  position: absolute;
  bottom: 40px;
  left: 160px;
  z-index: 100;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}

.howtoplay-section-01 div.moviebox {
  width: 660px;
  margin: 590px auto 0 auto;
}

.howtoplay-section-01 img.howtoplay_section_01_chara_01 {
  position: absolute;
  bottom: 180px;
  left: -70px;
  z-index: 10;
}
.howtoplay-section-01 img.howtoplay_section_01_chara_02 {
  position: absolute;
  bottom: -50px;
  right: -70px;
  z-index: 10;
}

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

.howtoplay-section-02 {
  position: relative;
  z-index: 100;
  margin: 0 0 80px 0;
  padding: 0;
  clear: both;
}
.howtoplay-section-02 .main-content {
  margin-top: 50px;
  height: 720px;
}

.howtoplay-section-02 h2.howtoplay_section_02_title1 {
  position: absolute;
  top: -48px;
  left: -27px;
  z-index: 100;
  display: block;
  width: 635px;
}
.howtoplay-section-02 h2.howtoplay_section_02_title1 img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.howtoplay-section-02 img.howtoplay_section_02_img1 {
  position: absolute;
  top: 60px;
  left: 15px;
  z-index: 10;
}
.howtoplay-section-02 img.howtoplay_section_02_booster {
  position: absolute;
  top: 60px;
  left: 275px;
  z-index: 10;
}

.howtoplay-section-02 p.text01 {
  position: absolute;
  top: 100px;
  left: 410px;
  z-index: 100;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.howtoplay-section-02 p.text02 {
  position: absolute;
  top: 190px;
  left: 410px;
  z-index: 100;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.howtoplay-section-02 p.text03 {
  position: absolute;
  top: 400px;
  left: 410px;
  z-index: 100;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.howtoplay-section-02 img.howtoplay_section_02_genre {
  position: absolute;
  top: 300px;
  right: 20px;
  z-index: 10;
}

.howtoplay-section-02 img.howtoplay_section_02_item {
  position: absolute;
  top: 480px;
  right: 210px;
  z-index: 10;
}

.howtoplay-section-02 div.howtoplay_section_02_link1 {
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -181px;
}
.howtoplay-section-02 div.howtoplay_section_02_link1 a {}
.howtoplay-section-02 div.howtoplay_section_02_link1 a img {}

.howtoplay-section-02 img.howtoplay_section_02_chara_01 {
  position: absolute;
  bottom: -55px;
  right: 20px;
  z-index: 10;
}

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

.howtoplay-section-03 {
  position: relative;
  z-index: 100;
  margin: 0 0 -80px 0;
  padding: 0;
  clear: both;
}
.howtoplay-section-03 .main-content {
  margin-top: 50px;
  height: 660px;
}

.howtoplay-section-03 h2.howtoplay_section_03_title1 {
  position: absolute;
  top: -48px;
  left: -27px;
  z-index: 100;
  display: block;
  width: 635px;
}
.howtoplay-section-03 h2.howtoplay_section_03_title1 img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.howtoplay-section-03 img.howtoplay_section_03_img1 {
  position: absolute;
  top: 60px;
  left: 15px;
  z-index: 10;
}
.howtoplay-section-03 img.howtoplay_section_03_booster {
  position: absolute;
  top: 220px;
  left: 375px;
  z-index: 10;
}

.howtoplay-section-03 img.howtoplay_section_03_chara_01 {
  position: absolute;
  bottom: 55px;
  left: -110px;
  z-index: 10;
}

.howtoplay-section-03 img.howtoplay_section_03_text {
  position: absolute;
  bottom: 40px;
  left: 45px;
  z-index: 10;
}

.howtoplay-section-03 p.text01 {
  position: absolute;
  top: 70px;
  left: 430px;
  z-index: 100;
  line-height: 33px;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.howtoplay-section-03 p.text02 {
  position: absolute;
  top: 220px;
  left: 522px;
  z-index: 100;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}
.howtoplay-section-03 p.text03 {
  position: absolute;
  top: 400px;
  left: 522px;
  z-index: 100;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}




/*================================================================================

	page-item

================================================================================*/
.page-item {
  clear: both;
  padding: 0 0 150px 0;
}
.page-item .item-wrap {
  clear: both;
  width: 980px;
  margin: 0 auto;
  padding: 0;
  font-size: 24px;
  line-height: 45px;
  color: #000;
}
.page-item a.img_hover {
   opacity: 1;
}
.page-item a.img_hover:hover img {
  opacity: 0.70;
  -moz-opacity: 0.70;
  filter: alpha(opacity=70); /* IE6/7 */
  -ms-filter: "alpha(opacity=70)"; /* IE8 */
}
.page-item .item-wrap .color-ff4200 {
  color: #ff4200;
}
.page-item .item-wrap .main-content {
  position: relative;
  border-radius: 15px;
  padding: 15px;
  background: rgba(255,255,255,0.6);
  box-shadow: rgba(124, 119, 124, 0.35) 0px 0px 6px 3px inset;
}

.item-section-01 {
  position: relative;
  z-index: 100;
  margin: 0 0 -80px 0;
  padding: 0;
  clear: both;
}
.item-section-01 .main-content {
  margin-top: 0;
  /*height: 1100px;*/
}

.item-section-01 img.item_section_01_chara_01 {
  position: absolute;
  bottom: 30px;
  right: -130px;
  z-index: 10;
}

.item-section-01 img.item_section_01_icon {
  position: absolute;
  top: 250px;
  left: 50%;
  margin-left: -228px;
  z-index: 10;
}


.item-section-01 p.text01 {
  position: absolute;
  top: 50px;
  left: 130px;
  z-index: 100;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}

.item-section-01 p.text02 {
  position: absolute;
  top: 220px;
  left: 262px;
  z-index: 100;
  font-size: 16px;
  line-height: 32px;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}

.item-section-01 p.text03 {
  position: absolute;
  top: 120px;
  left: 130px;
  z-index: 100;
  font-size: 20px;
  line-height: 32px;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  text-shadow: white 2px 2px 0px,
               white -2px 2px 0px,
               white 2px -2px 0px,
               white -2px -2px 0px;
}

/* table-item */
.item-section-01 div.table-item {
  padding-top: 520px;
  padding-bottom: 50px;
  font-size: 13px;
  line-height: 1.5;
  width: 750px;
  margin: 0 auto;
}
.item-section-01 div.table-item table {}
.item-section-01 div.table-item table,
.item-section-01 div.table-item table th,
.item-section-01 div.table-item table td {
  border-collapse: collapse;
  border:#ddd 1px solid;
}
.item-section-01 div.table-item table {
  font-size:12px;
  background:#FFF;
  font-weight:normal !important;
  text-align:left;
  line-height:1.2 !important;
  width:100%;
  margin:0 0 15px 0;
  padding:0 !important;
}
.item-section-01 div.table-item table th {
  font-weight:bold !important;
  color:#FFF;
  background:#3399ff;
  text-align:center !important;
  padding:8px 8px !important;
  vertical-align:middle;
  white-space: nowrap;
}
.item-section-01 div.table-item table td{
  font-weight:normal !important;
  padding:8px 8px !important;
  vertical-align:middle;
}















/*================================================================================

	page-music
  
================================================================================*/
.page-music .list-block .play-movie { margin-bottom: 25px;}
/*
.page-music .list-block .play-movie h3 {
  margin-bottom: 10px !important;
}
*/
.page-music .list-block .play-movie h3 {
  padding:0 0 0 10px;
  margin-bottom: 10px !important;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: -0.01em;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
}
.page-music .list-block .play-movie li {
  width: 230px;
  height: 126px;
  position: relative;
  float: left;
  margin: 0 20px 0 0;
}
.page-music .list-block .play-movie li a {
  display: block;
  width: 230px;
  height: 126px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-music .list-block .play-movie li .title {
  width: 230px;
  height: 126px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 60;
}
.page-music .list-block .play-movie li .frame {
  width: 230px;
  height: 126px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 70;
}
.page-music .list-block .play-movie li .dot {
  width: 230px;
  height: 126px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
}
.page-music .list-block .play-movie li .photo {
  width: 230px;
  height: 126px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-music .list-block .play-movie li.last {
  margin-right: 0;
}
.page-music .list-block .music-nav {
  width: 980px;
  margin-bottom: 10px;
}
.page-music .list-block .music-nav li {
  /*width: 196px;*/
  width: 140px;
  height: 25px;
  float: left;
}
.page-music .list-block .music-nav li a {
  display: block;
  width: 140px;
  height: 25px;
	text-indent: -9999px;
}

/* off */
.page-music .list-block .music-nav li a {
  opacity: 0.55;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/*
.page-music .list-block .music-nav li.nav-jpop a {}
.page-music .list-block .music-nav li.nav-animation a {}
*/
.page-music .list-block .music-nav li.nav-animepops a { background: url(../../img/music/genre/gc3ex/nav_animepops_on.png) no-repeat;}
.page-music .list-block .music-nav li.nav-vocaloid a { background: url(../../img/music/genre/gc3ex/nav_vocaloid_on.png) no-repeat;}
.page-music .list-block .music-nav li.nav-touhou a { background: url(../../img/music/genre/gc3ex/nav_toho_on.png) no-repeat;}
.page-music .list-block .music-nav li.nav-otogame a { background: url(../../img/music/genre/gc3ex/nav_otoge_on.png) no-repeat;}
.page-music .list-block .music-nav li.nav-game a { background: url(../../img/music/genre/gc3ex/nav_game_on.png) no-repeat;}
.page-music .list-block .music-nav li.nav-variety a { background: url(../../img/music/genre/gc3ex/nav_variety_on.png) no-repeat;}
.page-music .list-block .music-nav li.nav-original a { background: url(../../img/music/genre/gc3ex/nav_original_on.png) no-repeat;}

/* hover , current , default */
.page-music .list-block .music-nav li a:hover,
.page-music .list-block .music-nav li.current a,
.page-music .list-block .music-nav li.default a { opacity: 1;}

/* gc3
.page-music .list-block .music-nav .nav-jpop { background: url(../../img/music/nav_jpop_on.png) no-repeat;}
.page-music .list-block .music-nav .nav-animation { background: url(../../img/music/nav_anime_on.png) no-repeat;}
.page-music .list-block .music-nav .nav-vocaloid { background: url(../../img/music/nav_vocaloid_on.png) no-repeat;}
.page-music .list-block .music-nav .nav-touhou { background: url(../../img/music/nav_toho_on.png) no-repeat;}
.page-music .list-block .music-nav .nav-game { background: url(../../img/music/nav_game_on.png) no-repeat;}
.page-music .list-block .music-nav .nav-variety { background: url(../../img/music/nav_variety_on.png) no-repeat;}
.page-music .list-block .music-nav .nav-original { background: url(../../img/music/nav_original_on.png) no-repeat;}
*/

/*.page-music .list-block .music-nav .current a { display: none !important;}*/
/*.page-music .list-block .music-nav .default a { display: block !important;}*/

.page-music .list-block .list-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 22000px;
  height: 307px;
}
.page-music .list-block .music-list {
  width: 980px;
  height: 307px;
  overflow: hidden !important;
  position: relative;
  /*li.last{
  	margin-right:0;
  }*/
}
.page-music .list-block .music-list ul {
  width: 980px;
  float: left;
  margin-right: 10px;
}
.page-music .list-block .music-list li {
  width: 145px;
  height: 145px;
  position: relative;
  float: left;
  margin: 0 22px 8px 0;
}
.page-music .list-block .music-list li a {
  display: block;
  width: 145px;
  height: 145px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-music .list-block .music-list li .new {
  width: 39px;
  height: 39px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 30;
}
.page-music .list-block .music-list li .ex {
  width: 36px;
  height: 22px;
  position: absolute;
  left: 3px;
  bottom: 4px;
  z-index: 30;
}
.page-music .list-block .music-list li .ex2 {
  width: 36px;
  height: 22px;
  position: absolute;
  left: 28px;
  bottom: 4px;
  z-index: 30;
}
.page-music .list-block .music-list li .lock {
  width: 22px;
  height: 24px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  z-index: 25;
}
.page-music .list-block .music-list li .gccoin {
  width: 25px;
  height: 24px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  z-index: 25;
}
.page-music .list-block .music-list li .gccoin2 {
  width: 36px;
  height: 22px;
  position: absolute;
  left: 64px;
  bottom: 4px;
  z-index: 30;
}
.page-music .list-block .music-list li .photo {
  width: 145px;
  height: 145px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 20;
}

.page-music .list-block .music-list li span.music_coming_soon {
  display:block;
  width:100%;
  height:100%;
  position: relative;
  background: #000;
  background-color: rgba(0,0,0,0.9);
}
.page-music .list-block .music-list li span.music_coming_soon span {
  display:block;
  position:absolute;
  top:66px;
  left:21px;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing:-0.01em;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
}

/* 追加 */
.page-music .list-block .music-list li span.iconBox {
	display:block;
	width:100%;
	position:absolute;
	bottom:5px;
	left:5px;
	z-index:30;
	}
.page-music .list-block .music-list li span.iconBox img { float:left; vertical-align:middle;}
.page-music .list-block .music-list li span.iconBox img.icon_lock {} /*アンロック*/
.page-music .list-block .music-list li span.iconBox img.icon_gc_lock {} /*グルコ アンロック*/
.page-music .list-block .music-list li span.iconBox img.icon_extra {} /*エクストラ*/

.page-music .list-block .music-list li .hover-box {
  width: 145px;
  height: 145px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
  color: #FFFFFF;
  display: none;
  background: url(../../img/music/bg_list_hover.png) repeat;
}
.page-music .list-block .music-list li .hover-box p {
  width: 145px;
  height: 145px;
  display: block;
  position: relative;
	font-size:10px;
	line-height:1.4;
}
.page-music .list-block .music-list li .hover-box span.music {
  display: block;
  position: absolute;
  left: 8px;
  bottom: 10px;
	padding-right:5px;
	word-break: break-all;
}
/*
.page-music .list-block .music-list li .hover-box span.icon {
  display: block;
  position: absolute;
  left: 12px;
  top: 3px;
}
*/
.page-music .list-block .music-list li .hover-box span.icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0 !important;
  width:100%;
  height:100%;
  line-height: 40px;
  text-align: center;
  font-size: 11px;
  color: #FFFFFF;
  letter-spacing:-0.01em;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
}

.page-music .list-block .music-list li:nth-child(6n) { margin-right: 0;}
.page-music .list-block .music-list ul > *:first-child + * + * + * + * + * { margin-right: 0;}
.page-music .list-block .music-list ul > *:first-child + * + * + * + * + * + * + * + * + * + * + * { margin-right: 0;}


.page-music .list-block .music-list #jpop,
.page-music .list-block .music-list #animation,
.page-music .list-block .music-list #animepops,
.page-music .list-block .music-list #vocaloid,
.page-music .list-block .music-list #touhou,
.page-music .list-block .music-list #otogame,
.page-music .list-block .music-list #game,
.page-music .list-block .music-list #variety,
.page-music .list-block .music-list #original { display: none;}

.page-music .list-block .music-list .current { display: block !important;}

.page-music .list-block .btn-prev {
  width: 66px;
  height: 64px;
  position: absolute;
  left: -80px;
  top: 330px;
  z-index: 100;
  cursor: pointer;
}
.page-music .list-block .btn-next {
  width: 66px;
  height: 64px;
  position: absolute;
  left: 984px;
  top: 330px;
  z-index: 100;
  cursor: pointer;
}
.page-music .detail-block .title-block {
  margin-bottom: 10px;
  /*
  .btn-artist{
  	width:169px;
  	margin-top:18px;
  	float:right;
  }
  */
}
.page-music .detail-block .title-block h3 {
  width: 480px;
  height: 50px;
  /*font-size: 13px;*/
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  float: left;
  background: url(../../img/music/bg_title_song.png) 0 0 no-repeat;
}
.page-music .detail-block .title-block h3 span {
  display: block;
  margin-left: 30px;
  /*padding-top: 18px;*/
	padding-top: 20px;
}
.page-music .detail-block .title-block h3.long-title {
  width: 480px;
  height: 70px;
  background: url(../../img/music/bg_title_song02.png) 0 0 no-repeat;
}

.page-music .detail-block .title-block h3.long-2-title {
  width: 480px;
  height: 90px;
  background: url(../../img/music/bg_title_song03.png) 0 0 no-repeat;
}

.page-music .detail-block .title-block h3.long-3-title {
  width: 480px;
  height: 115px;
  background: url(../../img/music/bg_title_song04.png) 0 0 no-repeat;
}


.page-music .detail-block .song-block {
  margin-bottom: 10px;
}
.page-music .detail-block .song-block .jacket {
  width: 200px;
  height: 200px;
  position: relative;
  margin-left: 10px;
  float: left;
}
.page-music .detail-block .song-block .jacket a {
  display: block;
  width: 200px;
  height: 200px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-music .detail-block .song-block .jacket .icon-play {
  width: 69px;
  height: 69px;
  position: absolute;
  left: 65px;
  top: 65px;
  z-index: 60;
}
.page-music .detail-block .song-block .jacket .image {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
/*
.page-music .detail-block .song-block .param-block {
  float: right;
  width: 600px;
  color: #666;
  text-align: center;
  padding-top: 25px;
  background: url(../../img/music/bg_profile_top.png) 0 0 no-repeat;
}
*/

.page-music .detail-block .song-block .param-block {
  float: right;
  width: 600px;
  color: #4b4b4b;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
  padding: 15px 0 25px 0;
  margin: 0 0 10px 10px;
/*
  background: #fef8f6;
  background: rgba(255,255,255,0.55);
  box-shadow: rgba(124, 119, 124, 0.2) 0px 0px 6px 3px inset;
*/
}

.page-music .detail-block .song-block .param-block .details {
  /*width: 545px;*/
  width: 575px;
  margin: 5px auto 15px auto;
  text-align: left;
  position: relative;
}

/*非公開 ？アイコン*/
.page-music .detail-block .song-block .param-block .details .icon-unpublished {
  position: absolute;
  /*right: 5px;*/
  right: 140px;
  top: -2px;
  width: 22px;
  height: 23px;
  /*cursor: pointer;*/
}

/*アンロック アイコン*/
.page-music .detail-block .song-block .param-block .details .icon-unlock {
  position: absolute;
  /*right: 5px;*/
  right: -2px;
  top: -2px;
  width: 96px;
  height: 23px;
  display: none;
  cursor: pointer;
}
/*グルコ アンロック アイコン*/
.page-music .detail-block .song-block .param-block .details .icon-gc-unlock {
  position: absolute;
  /*right: 5px;*/
  right: 92px;
  top: -3px;
  width: 45px;
  height: 24px;
  display: none;
  cursor: pointer;
}
.page-music .detail-block .song-block .param-block .details .on {
  display: block !important;
}
/*アンロック テキスト*/
.page-music .detail-block .song-block .param-block .details .txt-unlock {
  position: absolute;
  right: 0px;
  top: 22px;
  width: 391px;
  height: 32px;
  display: none;
}
/*グルコ アンロック テキスト*/
.page-music .detail-block .song-block .param-block .details .txt-gc-unlock {
  position: absolute;
  right: 0px;
  top: 22px;
  width: 391px;
  height: 32px;
  display: none;
}
.page-music .detail-block .song-block .param-block .details li {
  height: 20px;
  line-height: 22px;
  font-size: 12px;
  float: left;
  /*margin-right: 20px;*/
  /*margin-right: 10px;	*/
	margin-right: 1px;	
}
.page-music .detail-block .song-block .param-block .details .genre {
  text-indent: 78px;
  background: url(../../img/music/title_genre.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .details .bpm {
  text-indent: 52px;
  background: url(../../img/music/title_bpm.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .details .release {
  text-indent: 102px;
  background: url(../../img/music/title_release.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .difficulty {
  /*width: 545px;*/
  width: 575px;
  margin: 0 auto 0 auto;
  text-align: left;
}
/*
.page-music .detail-block .song-block .param-block .difficulty h4 {
  margin-bottom: 7px;
}
*/
.page-music .detail-block .song-block .param-block .difficulty h4.title_difficulty  {
  font-size: 14px;
  padding:0 0 7px 5px;
  color: #FFFFFF;
  letter-spacing: -0.01em;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
}

.screenshot h4.title_screenshot {
  font-size: 16px;
  padding:0 0 7px 5px;
  color: #FFFFFF;
  letter-spacing: -0.01em;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
}

.artist h4.title_artist {
  font-size: 16px;
  padding:0 0 7px 5px;
  color: #FFFFFF;
  letter-spacing: -0.01em;
  text-shadow: -1px -1px 5px #FF404A, 1px -1px 5px #FF404A, -1px 1px 5px #FF404A, 1px 1px 5px #FF404A;
}


.page-music .detail-block .song-block .param-block .difficulty li {
  text-indent: 130px;
  height: 25px;
  margin-bottom: 6px;
}
.page-music .detail-block .song-block .param-block .difficulty .simple {
  background: url(../../img/music/title_difficulty_simple.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .difficulty .normal {
  background: url(../../img/music/title_difficulty_normal.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .difficulty .harder {
  background: url(../../img/music/title_difficulty_hard.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .difficulty .extra {
  background: url(../../img/music/title_difficulty_extra.png) 0 0 no-repeat;
}
/*
.page-music .detail-block .screenshot {
  width: 535px;
  float: left;
  background: url(../../img/music/bg_screenshot_top.png) 0 25px no-repeat;
}
*/
.page-music .detail-block .screenshot {
  width: 535px;
  float: left;
}

/*
div.screenshot_inner {
  padding: 15px 0 15px 0;
  margin: 0 0 20px 10px;
  background: #fef8f6;
  background: rgba(255,255,255,0.55);
  box-shadow: rgba(124, 119, 124, 0.2) 0px 0px 6px 3px inset;
}
*/


.page-music .detail-block .screenshot h4 {
  margin-bottom: 5px;
}
.page-music .detail-block .screenshot ul {
  /*margin-left: 20px;*/
  margin-left: 0;
}
.page-music .detail-block .screenshot ul li {
  float: left;
  width: 146px;
  height: 260px;
  margin: 0 8px;
  position: relative;
}

/*
.page-music .detail-block .artist {
  width: 260px;
  float: right;
  text-align: center;
  background: url(../../img/music/bg_artist_top.png) 0 25px no-repeat;
}
*/

.page-music .detail-block .artist {
  width: 260px;
  float: right;
  text-align: center;
}


.page-music .detail-block .artist h4 {
  margin-bottom: 5px;
  text-align: left;
}
.page-music .detail-block .artist .detail-box {
  width: 200px;
  margin: 0 auto;
  text-align: left;
  /*color: #FFFFFF;*/
  color: #666;
  font-size: 12px;
}
.page-music .detail-block .artist .detail-box p {
  margin-bottom: 6px;
}
.page-music .detail-block .artist .detail-box .btn-artist {
  width: 169px;
  margin: -6px 0 0 -8px;
}
.page-music .btnback-block {
  text-align: center;
  margin-top:-20px;
  margin-bottom:10px
}
.page-music .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}


/*================================================================================

	page-special

================================================================================*/
.page-special .list-block .list-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 5000px;
  height: 400px;
}
.page-special .list-block .movie-list {
  width: 980px;
  height: 400px;
  overflow: hidden !important;
  position: relative;
}
.page-special .list-block .movie-list ul {
  width: 980px;
  float: left;
  margin-right: 10px;
}
.page-special .list-block .movie-list .new .title {
  background: url(../../img/special/icon_new.png) 100% 0 no-repeat;
}
.page-special .list-block .movie-list li {
  width: 314px;
  height: 180px;
  position: relative;
  float: left;
  margin: 0 19px 19px 0;
}
.page-special .list-block .movie-list li a {
  display: block;
  width: 314px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-special .list-block .movie-list li .title {
  width: 314px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 60;
}
.page-special .list-block .movie-list li .frame {
  width: 314px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 70;
}
.page-special .list-block .movie-list li .dot {
  width: 314px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
}
.page-special .list-block .movie-list li .photo {
  width: 314px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-special .list-block .movie-list li.last {
  margin-right: 0;
}
.page-special .list-block .btn-prev {
  width: 66px;
  height: 64px;
  position: absolute;
  left: -80px;
  top: 150px;
  z-index: 100;
}
.page-special .list-block .btn-next {
  width: 66px;
  height: 64px;
  position: absolute;
  left: 984px;
  top: 150px;
  z-index: 100;
}
.page-special .btnback-block {
  text-align: center;
  margin-top:-20px;
  margin-bottom:10px
}
.page-special .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}
.page-special .detail-block {
  text-align: center;
}
.page-special .detail-block .movie-box {
  margin: 0 auto;
  width: 706px;
}


/*================================================================================

	page-location

================================================================================*/
.page-location .map-block {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 30px;
}
.page-location .map-block .map-inner {
  width: 548px;
  height: 333px;
  margin: 0 auto;
}
.page-location .btnback-block {
  text-align: center;
}
.page-location .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}
.page-location .search-map-kanto,
.page-location .search-map-kansai,
.page-location .search-map-hokuriku,
.page-location .search-map-hokkaido,
.page-location .search-map-chugoku,
.page-location .search-map-kyushu,
.page-location .search-map-tohoku,
.page-location .search-map-tokai { display: none;}
.page-location .map_img { position: absolute;}
.page-location .map_return {
  width: 141px;
  height: 33px;
  position: relative;
  top: 8px;
  left: 400px;
  background: url(../../img/location_map/map_return_off.png) center no-repeat;
}
.page-location .map_return a {
  width: 141px;
  height: 33px;
  display: block;
}
.page-location div:hover.map_return {
  background: url(../../img/location_map/map_return_ov.png) center no-repeat;
}


/*================================================================================

	page-ranking

================================================================================*/
.page-ranking .const-block {
  text-align: center;
  padding-top: 150px;
  padding-bottom: 150px;
}
.page-ranking .const-block .const-inner {
  width: 296px;
  margin: 0 auto;
  text-align: left;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}
.page-ranking .const-block .const-inner p {
  margin-bottom: 10px;
}
.page-ranking .const-block .const-inner .text {
  margin-left: 5px;
}
.page-ranking .rank-header {
  text-align: center;
  margin-bottom: 35px;
}
.page-ranking .rank-header .rank-nav li {
  float: left;
  width: 222px;
  cursor: pointer;
  position: relative;
}
.page-ranking .rank-header .rank-nav .second {
  position: absolute;
  left: 11px;
  top: 32px;
  z-index: 100;
  display: none;
}
.page-ranking .rank-header .rank-nav .second li {
  float: none;
  width: 206px;
  height: 28px;
  font-size: 12px;
	line-height:28px;
  text-align: center;
  color: #44403f;
  cursor: default;
  background: url(../../img/ranking/btn_bg03_off.gif) 100% 0 no-repeat;
}
.page-ranking .rank-header .rank-nav .second li a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  width: 206px;
  height: 28px;
}
.page-ranking .rank-header .rank-nav .second .btnover {
  background: url(../../img/ranking/btn_bg03_on.gif) 100% 0 no-repeat;
}
.page-ranking .rank-header .rank-nav .second .btnover a {
  color: #FFFFFF;
  text-decoration: none;
}
.page-ranking .rank-header .rank-nav .list-ganre {
  width: 217px;
}
.page-ranking .rank-header .rank-nav .list-ganre .second {
  left: 6px !important;
}

/*list-event*/
.page-ranking .rank-header .rank-nav .list-event {
  width: 221px;
}
.page-ranking .rank-header .rank-nav .list-event .second {
  left: 5px !important;
}
.page-ranking .rank-header .rank-nav .list-event .second li {
  height: auto !important;
  font-size: 10px !important;
  line-height: 1.2;
  text-align: left;
}
.page-ranking .rank-header .rank-nav .list-event .second li a {
  height: auto !important;
  padding-top: 8px;
}
.page-ranking .rank-header .rank-nav .list-event .second li span {
  display: block;
  margin: 0 30px 0 10px;
  padding-bottom: 5px;
}

/**/
.page-ranking .rank-header .rank-nav .second.wide li {
  font-size: 11px !important;
  width: 290px;
  text-align: left;
  background: url(../../img/ranking/btn_bg03_off.gif) 100% 0 no-repeat;
	background-color:#000000;
}
.page-ranking .rank-header .rank-nav .second.wide li a {
  width: 290px;
}
.page-ranking .rank-header .rank-nav .second.wide .btnover {
  background: url(../../img/ranking/btn_bg03_on.gif) 100% 0 no-repeat;
	background-color:#000000;
}
.page-ranking .rank-header .rank-date {
  position: absolute;
  right: 0;
  top: 50px;
  width: 300px;
  text-align: right;
  /*color: #FFFFFF;*/
  color: #666;
  font-size: 11px;
}
.page-ranking .rank-header .parse {
  position: absolute;
  left: 710px;
  top: 0;
  width: 280px;
}
.page-ranking .rank-header .parse .world {
  width: 138px;
  height: 43px;
  float: left;
  background: url(../../img/ranking/btn_w_cr.png) 0 0 no-repeat;
}
.page-ranking .rank-header .parse .japan {
  width: 138px;
  height: 43px;
  float: left;
  background: url(../../img/ranking/btn_jp_cr.png) 0 0 no-repeat;
}
.page-ranking .rank-header .parse .cr img {
  display: none;
}
.page-ranking .rand-detail {
  /*color: #FFFFFF;*/
  color: #666;
  font-size: 16px;
  margin-bottom: 10px;
}
.page-ranking .rand-detail p {
  margin-left: 10px;
}
.page-ranking .rand-detail .lang-jp {
  letter-spacing: 0 !important;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
}
.page-ranking .rank-list {
  /*color: #FFFFFF;*/
  color: #666;
  font-size: 11px;
  margin-bottom: 30px;
}
.page-ranking .rank-list a {
  text-decoration: none;
	color:#666;
}
.page-ranking .rank-list a:hover {
	color:#ff4800;
}
.page-ranking .rank-list li {
  float: left;
}
.page-ranking .rank-list .cr {
  /*color: #22A5D6;*/
  color: #ff4800;
}
.page-ranking .rank-table {
  /*color: #FFFFFF;*/
  color: #666;
}
.page-ranking .rank-table .loading {
  text-align: center;
  font-size: 18px;
  padding: 200px 0;
  height: 2000px;
}
.page-ranking .rank-table ul {
  border-top: #6B6D71 solid 1px;
  margin-bottom: 40px;
  display: none;
}
.page-ranking .rank-table ul li {
  padding: 8px 0;
  background: url(../../img/ranking/bar_dot.gif) 0 100% repeat-x;
}
.page-ranking .rank-table ul p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}
.page-ranking .rank-table ul .rank-num {
  width: 66px;
  padding: 0;
  font-size: 15px;
  text-align: center;
}
.page-ranking .rank-table ul .rank-name {
  width: 166px;
}
.page-ranking .rank-table ul .rank-title {
  width: 156px;
}
.page-ranking .rank-table ul .rank-level {
  width: 82px;
  font-size: 16px;
  text-align: right;
  padding-left: 0;
  padding-right: 15px;
}
.page-ranking .rank-table ul .rank-score {
  width: 177px;
  font-size: 16px;
  text-align: right;
  padding-left: 0;
  padding-right: 15px;
}
.page-ranking .rank-table ul .rank-loc {
  width: 259px;
}
.page-ranking .rank-table .topclass .rank-name {
  font-size: 18px;
}
.page-ranking .rank-table .topclass .rank-level {
  font-size: 18px;
}
.page-ranking .rank-table .topclass .rank-score {
  font-size: 18px;
}
.page-ranking .rank-table .rank-headline {
  margin-bottom: 8px;
}
.page-ranking .rank-table .rank-headline p {
  display: table-cell;
  text-align: left;
  padding-left: 15px;
}
.page-ranking .rank-table .rank-headline img {
  vertical-align: top !important;
}
.page-ranking .rank-table .rank-headline .head-num {
  width: 66px;
  padding: 0;
  text-align: center;
}
.page-ranking .rank-table .rank-headline .head-name {
  width: 166px;
}
.page-ranking .rank-table .rank-headline .head-title {
  width: 156px;
}
.page-ranking .rank-table .rank-headline .head-level {
  width: 82px;
}
.page-ranking .rank-table .rank-headline .head-score {
  width: 177px;
}
.page-ranking .rank-table .rank-headline .head-score .et {
  display: none;
}
.page-ranking .rank-table .rank-headline .cr-event {
  height: 18px !important;
}
.page-ranking .rank-table .rank-headline .cr-event span {
  display: none;
}
.page-ranking .rank-table .rank-headline .cr-event .et {
  display: block;
}
.page-ranking .rank-table .rank-headline .head-loc {
  width: 259px;
}
.page-ranking .btnback-block {
  text-align: center;
}
.page-ranking .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}

* html .rank-table p {
  /* IE 6 */
  display: inline;
  zoom: 1;
}

*:first-child + html rank-table p {
  /* IE 7 */
  display: inline;
  zoom: 1;
}



/*================================================================================

	page-material

================================================================================*/
.page-material .list-block .captios {
  font-size: 10px;
  /*color: #FFFFFF;*/
  color: #666;
}
.page-material .list-block .material-list {
  width: 980px;
  /*height:770px;*/
  /*height:1000px;*/
  /*height:1210px;*/
  /*height:1100px;*/
  position: relative;
  /*
  .new{
  	.title{
  		background:url(../../img/special/icon_new.png) 100% 0 no-repeat;
  	}
  }
  */
}
.page-material .list-block .material-list ul {
  width: 980px;
  margin-right: 10px;
}
.page-material .list-block .material-list li {
  width: 314px;
  height: 90px;
  position: relative;
  float: left;
  margin: 0 19px 19px 0;
}
.page-material .list-block .material-list li a {
  display: block;
  width: 314px;
  height: 90px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  color: #FFF  !important;
}
.page-material .list-block .material-list li .title {
  position: absolute;
  left: 15px;
  top: 35px;
  z-index: 60;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 0px 0px 15px #000;
  background: url(../img/icon_arw01.png) 0 5px no-repeat;
}
.page-material .list-block .material-list li .title a:link, .page-material .list-block .material-list li .title a:visited {
  color: #FFF  !important;
}
.page-material .list-block .material-list li .title a:hover, .page-material .list-block .material-list li .title a:active {
  color: #FFF !important;
}
.page-material .list-block .material-list li .frame {
  width: 314px;
  height: 90px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 70;
}
.page-material .list-block .material-list li .dot {
  width: 314px;
  height: 90px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
}
.page-material .list-block .material-list li .photo {
  width: 314px;
  height: 90px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-material .list-block .material-list li .icon {
  position: absolute;
  right: 0;
  bottom: 2px;
  z-index: 80;
  width: 100px;
  height: 17px;
}
.page-material .list-block .material-list li.last {
  margin-right: 0;
}
.page-material .list-block .material-list li:nth-child(3n) {
  margin-right: 0;
}
.page-material .btnback-block {
  text-align: center;
}
.page-material .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}
.page-material .detail-block {
  text-align: center;
}
.page-material .detail-block .movie-box {
  margin: 0 auto;
  width: 706px;
}


/*================================================================================

	INDEX top-head

================================================================================*/
.top-head .inner {
  width: 90% !important;
}
.top-head .btn-mypage {
  position: absolute;
/*  right: 240px;*/
  right: 115px;
  top: 5px;
}

.page-index {
  text-align: center !important;
}
.page-index #indexContainer {
  width: 92%;
  max-width: 1636px;
  margin: 0 auto 0 auto;
  text-align: left !important;
  position: relative;
}
.page-index #index-head {
  height: 150px;
}
.page-index h1 {
  position: absolute;
  left: -7px;
  top: 6px;
  z-index: 0;
}
.page-index #index-nav {
  width: 715px;
  position: absolute;
  right: 0;
  top: 34px;
  z-index: 1000;
}
.page-index #index-nav .title {
  margin: 0 0 3px 5px;
}
.page-index #index-nav li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
}
.page-index #index-nav li .parent {
  margin-bottom: 0;
}
.page-index #index-nav li .nav-child {
  display: none;
}
.page-index #index-nav li li {
  float: none;
  clear: both;
  margin: 0 0 0 0;
}
.page-index #index-nav li a {
  display: block;
}
.page-index #index-nav li .news01 { background: url(../../img/index/nav_news_01_on.png) 0 0 no-repeat;}
.page-index #index-nav li .news02 { background: url(../../img/index/nav_news_02_on.png) 0 0 no-repeat;}
.page-index #index-nav li .about01 { background: url(../../img/index/nav_about_01_on.png) 0 0 no-repeat;}
.page-index #index-nav li .about02 { background: url(../../img/index/nav_about_02_on.png) 0 0 no-repeat;}
.page-index #index-nav li .about03 { background: url(../../img/index/nav_about_03_on.png) 0 0 no-repeat;}
.page-index #index-nav li .about04 { background: url(../../img/index/nav_about_04_on.png) 0 0 no-repeat;}
.page-index #index-nav li .play01 { background: url(../../img/index/nav_play_01_on.png) 0 0 no-repeat;}
.page-index #index-nav li .play02 { background: url(../../img/index/nav_play_02_on.png) 0 0 no-repeat;}
.page-index #index-nav li .song01 { background: url(../../img/index/nav_song_01_on.png) 0 0 no-repeat;}
.page-index #index-nav li .song02 { background: url(../../img/index/nav_song_02_on.png) 0 0 no-repeat;}
.page-index #index-nav-sp { display: none;}
.page-index .main-block { color: #FFFFFF;}

.page-index .main-block a:link,
.page-index .main-block a:visited,
.page-index .main-block a:hover,
.page-index .main-block a:active { color: #FFF;}

.page-index .main-block .sort-matrix { display: none;}

.page-index .main-block .frame {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
}
/*-------------------*/
.page-index .main-block .cover {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
}
.page-index .main-block .most-over {
  display: block;
  position: absolute;
  z-index: 100 !important;
}
.page-index .main-block .block-lead {
  position: absolute;
  left: 12px;
  top: 2px;
  z-index: 100;
  font-size: 14px;
}
.page-index .main-block .block-title {
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 9;
  display: block;
}
.page-index .main-block .icon-new {
  position: absolute;
  right: 0;
  top: 165px;
  z-index: 100;
}
.page-index .main-block .icon-new-2 {
  position: absolute;
  right: 1px;
  top: 10px;
  z-index: 100;
}
.page-index .main-block .none {
  display: none;
}
.page-index .main-block .update {
  position: absolute;
  bottom: 5px;
  left: 10px;
  z-index: 100;
  font-size: 9px;
  text-indent: 10px;
}
.page-index .main-block .btn-more {
  width: 64px;
  height: 17px;
  position: absolute;
  right: 6px;
  top: 10px;
  display: block;
  z-index: 100;
  font-size: 10px;
}
.page-index .main-block .btn-more span {
  display: block;
  text-indent: 9px;
  margin-left: 8px;
  background: url(../../img/index/white_icon_arrow.png) 0 6px no-repeat;
}
.page-index .main-block .cat-play .update {
  color: #3CC800;
  background: url(../../img/index/play_icon_arrow.png) 0 4px no-repeat;
}
.page-index .main-block .cat-play a.btn-more:link, .page-index .main-block .cat-play a.btn-more:visited {
  background-color: #3CC800;
  text-decoration: none;
}
.page-index .main-block .cat-play a.btn-more:hover, .page-index .main-block .cat-play a.btn-more:active {
  background-color: #8ADE66;
}
.page-index .main-block .cat-about .update {
  color: #009EFF;
  background: url(../../img/index/about_icon_arrow.png) 0 4px no-repeat;
}
.page-index .main-block .cat-about .update_2 {
  color: #E4007F !important;
  background: url(../../img/index/song_icon_arrow.png) 0 4px no-repeat !important;
}
.page-index .main-block .cat-song .update {
  color: #E4007F;
  background: url(../../img/index/song_icon_arrow.png) 0 4px no-repeat;
}
.page-index .main-block .cat-song .txt {
  line-height: 1.0em !important;
}
.page-index .main-block .cat-song .txt strong {
  font-weight: normal;
  font-size: 10px;
}
.page-index .main-block .cat-other .update {
  color: #FFFFFF;
  background: url(../../img/index/white_icon_arrow.png) 0 4px no-repeat;
}
.page-index .main-block .block-l {
  position: relative;
  width: 320px;
  height: 506px;
  margin: 0 6px 6px 0;
  display: none;
}
.page-index .main-block .block-l a {
  width: 320px;
  height: 506px;
}
.page-index .main-block .block-l .img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  display: block;
}
.page-index .main-block .block-l .lead {
  position: absolute;
  left: 23px;
  /*top: 226px;*/
  top: 310px;
  z-index: 0;
}
.page-index .main-block .block-l .txt {
  position: absolute;
  left: 32px;
  top: 360px;
  z-index: 0;
  font-weight: bold;
	color: #fff;
  text-shadow: 0px 2px 2px rgba(0,0,0,0.7);
	}
.page-index .main-block .block-m {
  position: relative;
  width: 320px;
  height: 250px;
  margin: 0 6px 6px 0;
  display: none;
  background: url(../../img/index/bg_medium.png) no-repeat;
}

/*---------------------*/
.page-index .main-block .block-m2 {
  position: relative;
  width: 320px;
  height: 250px;
  margin: 0 6px 6px 0;
  /*background: url(../../img/index/bg_medium.png) no-repeat;*/
}
.test_block_2 {
  display:block;
  height:100%;
  opacity:.6;
 }
.test_block_2 p {
  color:#666;
  text-align:center;
  padding-top:15%;
  font-size:50px;
  text-decoration:none;
 }
.test_block_2 a {
  display:block;
   text-decoration:none !important;
 }
 
 /*---------------------*/

.page-index .main-block .block-m .txt {
  width: 300px;
  position: absolute;
  left: 10px;
  top: 175px;
  z-index: 0;
}
.page-index .main-block .block-m .player {
  position: absolute;
  left: 1px;
  top: 28px;
  z-index: 100;
}
.page-index .main-block .block-m .icon-play {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 70px;
  z-index: 100;
}
.page-index .main-block .block-m .lead-about {
  position: absolute;
  left: 0px;
  top: 115px;
  z-index: 100;
  width: 100%;
  text-align: center;
}
.page-index .main-block .block-m .txt-about02 {
  position: absolute;
  left: 45px;
  top: 150px;
  z-index: 100;
  font-weight: bold;
}
.page-index .main-block .block-m .txt-about03 {
  position: absolute;
  left: 55px;
  top: 150px;
  z-index: 100;
  font-weight: bold;
}
.page-index .main-block .block-m .onShadow {
  text-shadow: 0px 0px 5px #000;
  -moz-text-shadow: 0px 0px 5px #000;
  -webkit-text-shadow: 0px 0px 5px #000;
}
.page-index .main-block .block-m .lead-loc {
  position: absolute;
  left: 0px;
  top: 110px;
  z-index: 100;
  width: 100%;
  text-align: center;
}
.page-index .main-block .block-m .txt-loc {
  position: absolute;
  left: 55px;
  top: 145px;
  z-index: 100;
  font-weight: bold;
}
.page-index .main-block .block-m .news-box {
  width: 280px;
  height: 190px;
  position: absolute;
  left: 20px;
  top: 40px;
  z-index: 100;
  position: relative;
}
.page-index .main-block .block-m .news-box a:link, .page-index .main-block .block-m .news-box a:visited {
  color: #FFF !important;
  text-decoration: none;
}
.page-index .main-block .block-m .news-box a:hover, .page-index .main-block .block-m .news-box a:active {
  color: #666666 !important;
  text-decoration: none;
}
.page-index .main-block .block-m .news-box .link-box {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
.page-index .main-block .block-m .news-box .box-l {
  width: 160px;
  float: left;
}
.page-index .main-block .block-m .news-box .box-r {
  width: 105px;
  float: right;
  color: #FFF;
  font-size: 14px;
  /*font-size: 12px !important;*/
	word-break: break-all;
}
.page-index .main-block .block-m .news-box .news-update {
  position: absolute;
  top: 190px;
  left: -7px;
  z-index: 100;
  font-size: 9px;
  text-indent: 10px;
  color: #FFFFFF;
  background: url(../../img/index/white_icon_arrow.png) 0 4px no-repeat;
}
.page-index .main-block .block-m .news-box .news-list li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  background: url(../../img/index/bar_dot01.gif) 0 100% repeat-x;
}
.page-index .main-block .block-m .news-box .news-list li:last-child {
  background: none;
  margin: 0;
  padding: 0;
}
.page-index .main-block .block-m .news-box .news-list .date {
  font-size: 10px;
  display: block;
  float: left;
  width: 55px;
  padding-top: 3px;
}
.page-index .main-block .block-m .news-box .news-list .detail {
  display: block;
  float: right;
  width: 210px;
}
.page-index .main-block .block-m .box-iframe {
  border: none;
}
.page-index .main-block .block-m .tweet-box {
  position: absolute;
  left: 1px;
  top: 28px;
  z-index: 90;
}
.page-index .main-block .block-m .rank-box {
  width: 280px;
  height: 190px;
  position: absolute;
  left: 20px;
  top: 35px;
  z-index: 100;
}
.page-index .main-block .block-m .rank-box .last {
  background: none !important;
}
.page-index .main-block .block-m .rank-box .one-box {
  margin-bottom: 5px;
  padding-bottom: 5px;
  background: url(../../img/index/bar_dot01.gif) 0 100% repeat-x;
}
.page-index .main-block .block-m .rank-box .one-box:last-child {
  background: none;
  margin: 0;
  padding: 0;
}
.page-index .main-block .block-m .rank-box .one-box .num {
  width: 65px;
  float: left;
}
.page-index .main-block .block-m .rank-box .one-box .detail {
  width: 210px;
  float: right;
}
.page-index .main-block .block-m .rank-box .one-box .detail p {
  margin-bottom: 3px !important;
}
.page-index .main-block .block-m .rank-box .one-box .detail .name {
  font-size: 13px;
  font-weight: bold;
}
.page-index .main-block .block-m .rank-box .one-box .detail .nickname {
  font-size: 10px;
  line-height: 1.2 !important;
}
.page-index .main-block .block-m .rank-box .one-box .detail .score {
  font-size: 10px;
  line-height: 1.2 !important;
}
.page-index .main-block .block-s {
  position: relative;
  width: 157px;
  height: 250px;
  margin: 0 6px 6px 0;
  display: none;
  background: url(../../img/index/bg_small.png) no-repeat;
}
.page-index .main-block .block-s .txt {
  /*width: 125px;*/
  width: 128px;
  position: absolute;
  left: 10px;
  top: 175px;
  z-index: 0;
	word-break: break-all;
}
.page-index .main-block .block-s .img {
  position: absolute;
  left: 0px;
  top: 9px;
  z-index: 5;
}
.page-index .index-foot {
  margin-top: 50px;
  margin-bottom: 20px;
}
.page-index .index-foot a:link, .page-index .index-foot a:visited {
  /*color: #CCCCCC;*/
  color: #666;
}
.page-index .index-foot a:hover, .page-index .index-foot a:active {
  color: #999999;
}
.page-index .index-foot .ft-left {
  /*color: #CCCCCC;*/
  color: #666;
  font-size: 10px;
  float: left;
}
.page-index .index-foot .ft-left .taito-logo {
  margin-bottom: 10px;
}
.page-index .index-foot .ft-right {
  width: 850px;
  float: right;
  padding-top: 50px;
}
.page-index .index-foot .ft-right p {
  float: right;
  margin-left: 10px;
}
.page-index #topnews .block-lead {
  color: #FF0;
}

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

.announcement_block {
  display:block;
  height:100%;
 }
.announcement_block p {
  color:#666;
  text-align:center;
  padding-top:50%;
  font-size:50px;
  text-decoration:none;
 }
.announcement_block a {
  display:block;
   text-decoration:none !important;
 }
 
 
/* box_bevel */
.box_bevel {
/*
	background: #000;
    	background:
        	-webkit-linear-gradient(45deg,  transparent 7px, #000 7px),
	        -webkit-linear-gradient(135deg, transparent 7px, #000 7px),
        	-webkit-linear-gradient(225deg, transparent 7px, #000 7px),
	        -webkit-linear-gradient(315deg, transparent 7px, #000 7px);
    	background:
        	-moz-linear-gradient(45deg,  transparent 7px, #000 7px),
	        -moz-linear-gradient(135deg, transparent 7px, #000 7px),
        	-moz-linear-gradient(225deg, transparent 7px, #000 7px),
	        -moz-linear-gradient(315deg, transparent 7px, #000 7px);
    	background:
        	-o-linear-gradient(45deg,  transparent 7px, #000 7px),
	        -o-linear-gradient(135deg, transparent 7px, #000 7px),
        	-o-linear-gradient(225deg, transparent 7px, #000 7px),
	        -o-linear-gradient(315deg, transparent 7px, #000 7px);
    	background:
        	-ms-linear-gradient(45deg,  transparent 7px, #000 7px),
	        -ms-linear-gradient(135deg, transparent 7px, #000 7px),
        	-ms-linear-gradient(225deg, transparent 7px, #000 7px),
	        -ms-linear-gradient(315deg, transparent 7px, #000 7px);
	background-position: bottom left, bottom right, top right, top left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
*/
}

/*-------------------*/
@media only screen and (max-width: 1290px) {
  .page-index h1 img {
    width: 80% !important;
    height: auto !important;
    margin-top: 7px !important;
  }
}
@media only screen and (max-width: 1170px) {
  .page-index #index-head {
    height: auto !important;
    margin-bottom: 30px !important;
		padding-bottom:160px;
  }
  .page-index h1 img {
    margin: 0 auto !important;
  }
  .page-index #index-nav {
    position: relative !important;
    position: absolute !important;
    left: 0 !important;
    top: auto !important;
    margin: 120px 0 0 0 !important;
  }
  .page-index #index-nav .title {
    display: none !important;
  }
}
#over140502 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  height: 1500px;
  width: 100%;
  cursor: pointer;
  display: none;
  background: url(../../img/top/bg_over.png) repeat;
}
#over140502 .over-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
#over140502 .over-inner p {
  position: absolute;
  display: block;
  left: 50%;
  top: 50px;
  margin-left: -350px;
}


/*================================================================================

	Smart device

================================================================================*/

.iPhone .top-head,
.iPad .top-head,
.Android .top-head { display: none !important;}

.iPhone .page-index,
.iPad .page-index,
.Android .page-index { width: 100% !important;}

.iPhone .page-index #indexContainer,
.iPad .page-index #indexContainer,
.Android .page-index #indexContainer { width: 100% !important;}

.iPhone .page-index #index-head,
.iPad .page-index #index-head,
.Android .page-index #index-head {
  height: auto !important;
  /*margin-bottom: 15px;*/
	margin-bottom: -130px !important;
}

.iPhone .page-index #index-head #index-nav,
.iPad .page-index #index-head #index-nav,
.Android .page-index #index-head #index-nav { display: none !important;}

.iPhone .page-index #index-head #index-nav-sp,
.iPad .page-index #index-head #index-nav-sp,
.Android .page-index #index-head #index-nav-sp {
  display: block !important;
  width: 90% !important;
  margin: 0 auto !important;
}
.iPhone .page-index #index-head #index-nav-sp li,
.iPad .page-index #index-head #index-nav-sp li,
.Android .page-index #index-head #index-nav-sp li { margin-bottom: 2px !important;}

.iPhone .page-index #index-head #index-nav-sp li ul,
.iPad .page-index #index-head #index-nav-sp li ul,
.Android .page-index #index-head #index-nav-sp li ul { display: none;}

.iPhone .page-index #index-head #index-nav-sp li li,
.iPad .page-index #index-head #index-nav-sp li li,
.Android .page-index #index-head #index-nav-sp li li { margin-bottom: 0 !important;}

.iPhone .page-index #index-head h1,
.iPad .page-index #index-head h1,
.Android .page-index #index-head h1 {
  position: relative;
  width: 90% !important;
  left: auto !important;
  top: auto !important;
  margin: 10px auto 15px auto !important;
}
.iPhone .page-index #index-head h1 img,
.iPad .page-index #index-head h1 img,
.Android .page-index #index-head h1 img {
  width: 100% !important;
  height: auto !important;
}
.iPhone .index-foot .ft-left,
.iPad .index-foot .ft-left,
.Android .index-foot .ft-left {
  width: 90% !important;
  margin: 0 auto !important;
  clear: both !important;
  float: none !important;
  text-align: center !important;
}
.iPhone .index-foot .ft-right,
.iPad .index-foot .ft-right,
.Android .index-foot .ft-right {
  clear: both !important;
  float: none !important;
  width: 90% !important;
  margin: 0 auto 20px auto !important;
}

/* ==========================================================================

   Media Queries

   ========================================================================== */
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited { text-decoration: underline;}
  a[href]:after { content: " (" attr(href) ")";}
  abbr[title]:after { content: " (" attr(title) ")";}

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr, img { page-break-inside: avoid;}

  img { max-width: 100% !important;}

  @page { margin: 0.5cm;}
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}