#contentsWrap {
	width: 100%;
	display: block;
	font-size: 12px;
}
.contentsInner {
max-width: 320px;
margin: 0 auto;
width: 86%;
}
#dempaHead {
	background: #f1f1f1;
	height: 48px;
	width: 100%;
}
.dempaHeadInner {
	max-width: 320px
}
.headlogo {
	float:left;
}
.headTitle {
	float:left;
	margin-left: 14px;
}
#sitetop a{
	display: block;
	max-width: 320px;
	margin: 0 auto;
}
#sitetop img{
	max-width: 320px;
}
#member {
	margin-top: 10px;
}
#member a{
	display: block;
	max-width: 304px;
	margin: 0 auto;
}
#member img{
	max-width: 304px;
}
#ranking {
  margin-top: 7px;
}
#ranking a{
  display: block;
  max-width: 304px;
  margin: 0 auto;
}
#ranking img{
  max-width: 304px;
}
#musicvideo {
	margin-top: 7px;
}
#musicvideo a{
	display: block;
	max-width: 304px;
	margin: 0 auto;
}
#musicvideo img{
	max-width: 304px;
}
#live {
	margin-top: 7px;
}
#live a{
	display: block;
	max-width: 304px;
	margin: 0 auto;
}
#live img{
	max-width: 304px;
}
#voice {
	width: 304px;
	height: 567px;
	background: url(../images/top_tw.jpg);
	-webkit-background-size: contain;
	background-size: contain;
	margin: 10px auto 5px;
}
.twWidget {
	padding-top: 65px;
	width: 300px;
	margin: 0 auto;
}
li.top a, li.member, li.special a, li.history a, li.voice a{
	height: 60px;
	width: 100%;
	background-color: #5add11;
	display: block;
	opacity: 0.8;
}
#twitter-widget-0 {
	height:500px;
}
	


/*---      ---*/
/*    live    */
/*---      ---*/
.liveContents {
	background: url(../images/live/bg.gif);
}
.yearLine {
	background: url(../images/live/yearbd.gif) repeat-x;
	background-size: 1px 8px;
	height: 8px;
}
p.liveYear {
	width: 320px;
	margin: 0 auto;
}
.liveBlock{
	border-bottom: 2px #c0c0c0 dotted;
  padding:14px 0;
}
li.liveBlock:last-child{
	border-bottom: none;
}
.liveLogo {
	margin-bottom: 20px;
}
.liveLogo img{
  width: 100%;
}
.liveDate {
	color:#0099ff;
	margin-bottom: 8px;
}
.liveTitle {
	color: #666;
	margin-bottom: 10px;
	line-height: 1.4;
}
.livePrg {
	color: #666;
	padding-left: 10px;
	background: url(../images/live/point.png) no-repeat 0px 2px;
	background-size: 6px 8px;
  margin-right: 10px;
}
.dotted {
  border-bottom: dotted 1px #666;
}
#live2013 {
	margin-top: 50px;
}

/*---      ---*/
/*   member   */
/*---      ---*/
.memberContents {
  background-color: #fff;
}
#memberTop {
  width: 320px;
  margin: 0 auto;
  background: url(../images/member/memberMain.jpg) no-repeat;
  background-size: 320px 289px;
}
.memberBtnWrap {
  padding: 194px 0 95px 4px;
}
.memberBtnWrap li {
  width: 100px;
  height: 39px;
  float: left;
  margin: 2px;
  font-size: 13px;
  font-weight: bold;
}
.memberBtnWrap a {
  color:#fff;
  padding: 13px;
  display: block;
  text-align: center;
}
.memberbtn1 {
  background-color: #d11919;
}
.memberbtn2 {
  background-color: #474747;
}
.memberbtn3 {
  background-color: #19D1A3;
}
.memberbtn4 {
  background-color: #FFA319;
}
.memberbtn5 {
  background-color: #A347FF;
}
.memberbtn6 {
  background-color: #1975FF;
}
#member1 {
padding-bottom: 8px;
background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ffdede), to(#ec4444));
}
.member1Wrap {
background: url(../images/member/member_01.png) no-repeat;
background-position: top;
background-size: 450px;
}
#member1 .bgc {
  background-color: #900;
}
#member1 .topWrap {
  width: 320px;
  margin: 0 auto;
  padding: 10px 0 0;
}
#member2 {
  padding-bottom: 8px;
  background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#e2e2e2), to(#666));
}
.member2Wrap {
background: url(../images/member/member_02.png) no-repeat;
background-position: top;
background-size: 450px;
}
#member2 .bgc {
  background-color: #333;
}
#member2 .topWrap {
  width: 320px;
  margin: 0 auto;
  padding: 10px 0 0;
}
#member3 {
  padding-bottom: 8px;
  background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#d4f5e7), to(#00ba88));
}
.member3Wrap {
background: url(../images/member/member_03.png) no-repeat;
background-position: top;
background-size: 450px;
}
#member3 .bgc {
  background-color: #0ca;
}
#member3 .topWrap {
  width: 320px;
  margin: 0 auto;
  padding: 10px 0 0;
}
#member4 {
  padding-bottom: 8px;
  background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ffde67), to(#f90));
}
.member4Wrap {
background: url(../images/member/member_04.png) no-repeat;
background-position: top;
background-size: 450px;
}
#member4 .bgc {
  background-color: #f90;
}
#member4 .topWrap {
  width: 320px;
  margin: 0 auto;
  padding: 10px 0 0;
}
#member5 {
  padding-bottom: 8px;
  background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#e5c4f5), to(#b469ff));
}
.member5Wrap {
background: url(../images/member/member_05.png) no-repeat;
background-position: top;
background-size: 450px;
}
#member5 .bgc {
  background-color: #93F;
}
#member5 .topWrap {
  width: 320px;
  margin: 0 auto;
  padding: 10px 0 0;
}
#member6 {
  padding-bottom: 8px;
  background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#deeaff), to(#1268ff));
}
.member6Wrap {
background: url(../images/member/member_06.png) no-repeat;
background-position: top;
background-size: 450px;
}
#member6 .bgc {
  background-color: #06F;
}
#member6 .topWrap {
  width: 320px;
  margin: 0 auto;
  padding: 10px 0 0;
}
.memberMovie {
  width: 175px;
  height: 100px;
  margin:0 4px 13px;
  color: #fff;
}
.memberName {
  font-size: 18px;
  font-weight: bold;
  margin:0 8px 5px;
  color: #fff;
}
.memberSubTitle {
  font-size: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #fff;
  color: #fff;
  margin:0 8px 13px;
}
.memberInfo {
  font-size: 12px;
  width: 304px;
  margin:0 8px 18px;
  color: #fff;
  line-height: 1.4;
}
.memberbox {
  background: #fff;
  border-radius: 3px;
  margin: 0 auto 10px;
  display: table;
  width: 304px;
}
.memberRecom {
  text-align: center;
  margin-top: 10px;
}
.memberRecom img{
  width: 282px;
  height: 36px;
}
.prgThum {
  width: 130px;
  height: 72px;
  margin: 12px 0px 9px 10px;
  float: left;
}
.prgThum img{
  width: 100%;
}
.prgRight {
  float: right;
  width: 154px;
}
.prgIcon {
  color: #fff;
  margin: 12px 6px 9px;
}
.prgIcon span {
  padding: 2px 10px;
  border-radius: 3px;
  font-size: 10px;
}
.prgTitle {
  width: 140px;
  margin-left: 6px;
  font-size: 13px;
  font-weight: bold;
  color: #333;
}
.prgCaption {
  font-size: 11px;
  clear:both;
  color: #333;
  width: 284px;
  margin: 0 auto 5px;
  display: block;
  border-bottom: 1px solid #ddd;
  line-height: 1.4;
  padding-bottom: 10px;
}
.prgLinkTitle {
  font-size: 11px;
  font-weight: bold;
  color: #666;
  margin: 8px 10px 3px;
}
.prgLinkBtn {
  margin: 0 10px 12px;
}
.prgLinkBtn li {
  width: 69px;
  height: 25px;
  border-radius: 2px;
  box-shadow: 1px 1px 1px #000;
  float:left;
  margin:0 2px 10px 0;
}
.prgLinkBtn li a {
  font-size: 12px;
  font-weight: bold;
  display: block;
  color: #FFF;
  padding:8px 5px;
  text-align: center;
}


/*---      ---*/
/*     mv     */
/*---      ---*/
.mvContents {
  background: url(../images/mv/mvbg.gif);
  background-size: contain;
}
#mvWrap {
  width: 320px;
  margin: 0 auto;
}
#mvWrap section {
  background: url(../images/mv/mvflame.png) no-repeat 0px 20px;
  background-size: 320px 282px;
  padding:23px 20px;
}
.mvTitle {
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  margin: 25px 20px 20px;
}
.mvThumb {
  width: 250px;
  height: 134px;
  margin: 0 auto 15px;
}
.mvBtn {
width: 180px;
height: 33px;
margin: 0 auto 25px;
background: #fff109;
border-radius: 3px;
box-shadow: 0px 3px 0px 1px #625c0f;
}
.mvBtn a {
  color: #333;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  padding: 8px 0 10px;
  display: block;
}


	


/*---      ---*/
/*    rank    */
/*---      ---*/

.rankContents {
  background-color: #ffff33;
}
#rankHead {
  background: url(../images/rank/rankHeadbg.jpg) no-repeat;
  -webkit-background-size: 320px 273px;
  background-size: 320px 273px;
  width: 320px;
  margin: 0 auto;
}
.rankTitle{
  padding: 13px 8px 0;
}

.entry-header {
background-color: #E8137F;
position: relative;
width: 100%;
height: 32px;
z-index: 2;
box-shadow: inset -3px 2px 3px 0 rgba(0, 0, 0, 0.3);
color: #FFF;
}
.entry-header:before {
content: ' ';
}
h1.entry-title {
text-decoration: none;
font-size: 30px;
font-weight: bold;
padding: 12px 0px 0 44px;
line-height: 1;
width: 80px;
}
.entry-header:after {
content: ' ';
position: absolute;
border: 0;
left: 0;
bottom: -18px;
z-index: -6;
width: 0;
height: 0;
border-top: 18px solid #E8137F;
border-left: 140px solid #E8137F;
border-right: 17px solid transparent;
}
.rank-img {
width: 100%;
background: url(../images/rank/rank-img-bg.jpg);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
padding-top: 34px;
text-align: center;
}
.rankWarp {
width: 320px;
margin: 5px auto 30px;
display: table;
}

.rankBtnWrap {
  margin: 10px 8px;
}
.rankBtnWrap a {
  display: block;
}
.rankBtnLeft {
  float: left;
}
.rankBtn1 {
  margin: 0 2px 4px;
}
.rankBtn4 {
  float: left;
  margin-right: 3px;
}
.rankBtn5 {
  float: left;
  margin-right: 3px;
}
.rankBtn2 {
  margin-bottom: 3px;
}
#rank1, #rank2, #rank3, #rank4, #rank5, #rank6 {
 
}
.rankTxt {
margin: 5px auto;
width: 286px;
font-size: 11px;
line-height: 1.4;
padding-bottom: 8px;
}
.blue {
  background: #1178ff;
}
.rankBtn {
  width: 286px;
  margin: 0 auto 3px;
  clear:both;
}
.rankBtn li {
  margin: 0 2px 3px 0!important;
}
.pt10 {
  padding-top: 10px;
}







#menu {
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  display: block;
  background-color: #00ccff ;
  position: fixed;
  bottom: 0;
  z-index: 10;
}

.menu-inner {
  float: right;
  margin-right: 10px;
}
.menu-inner li {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
}
.menu-inner a{
	display: block;
}

.menu-trigger {
  float: left;
  padding-left: 17px;
  padding-top: 10px;
}
.sns {
	padding: 10px 3px 0;
}
#menu-list {
  position: fixed;
  top: 0;
  z-index: -1;
  padding-top: 10px;
  width: 100%;
  background-color: rgba(0, 0, 0 ,0.9);
}
.menuTitle {
	padding-left: 45px;
	display: block;
}
.transit {
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.menu {
	border-bottom: 1px solid white;
	clear: both;
}
.menu:last-child {
  border-bottom: none;
}
.menuTitleMember {
	line-height: 50px;
	text-align: center;
	display: block;
}
.menu a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: bold;
  color: white;
}
li.menuMember {
	width:30%;
	float: left;
	height: 50px;
  font-size: 14px;
  font-weight: bold;
}
.menuMember a {
	display: block;
	color: white;
}
#menu-1 {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#menu-1 .menuTitle {
	  background: url(../images/menubg_1.png) no-repeat;
  -webkit-background-size: 13px 18px;
  background-size: 13px 18px;
}

#menu-2 {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#menu-2 .menuTitle {
	  background: url(../images/menubg_2.png) no-repeat;
  -webkit-background-size: 13px 18px;
  background-size: 13px 18px;
}
#menu-3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  margin-left: 3%;
  margin-top: 8px;
  background-color: rgba(204,0,0,0.5);
}
#menu-4 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  margin-left: 2%;
  margin-top: 8px;
  background-color: rgba(102,102,102,0.5);
}

#menu-5 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  margin-left: 2%;
  margin-top: 8px;
  background-color: rgba(102,255,102,0.5);
}

#menu-6 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  margin-left: 3%;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: rgba(255,255,0,0.5);
}

#menu-7 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
  margin-left: 2%;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: rgba(102,0,255,0.5);
}

#menu-8 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
  margin-left: 2%;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: rgba(0,102,255,0.5);
}
#menu-9 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
   border-top: 1px solid white;
}
#menu-9 .menuTitle {
	  background: url(../images/menubg_1.png) no-repeat;
  -webkit-background-size: 13px 18px;
  background-size: 13px 18px;
}
#menu-10 {
  -webkit-transition-delay: 1.0s;
  transition-delay: 1.0s;
}
#menu-10 .menuTitle {
	  background: url(../images/menubg_2.png) no-repeat;
  -webkit-background-size: 13px 18px;
  background-size: 13px 18px;
}
#menu-11 {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
#menu-11 .menuTitle {
	  background: url(../images/menubg_1.png) no-repeat;
  -webkit-background-size: 13px 18px;
  background-size: 13px 18px;
}
#menu-12 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
#menu-12 .menuTitle {
	  background: url(../images/menubg_2.png) no-repeat;
  -webkit-background-size: 13px 18px;
  background-size: 13px 18px;
}

.close {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  display: none;
}

.show {
  display: block;
}

.show .transit {
  opacity: 1;
}

#menu-list ul {
  transition-delay: 2s;
}

.scroll-info {
  width: 49px;
  margin: 0 auto;
}
.scroll-info img {
  width: 100%;
}
.blank {
  height: 50px;
}
.error {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 10;
  overflow: hidden;
}
.error img {
  position: absolute;
  margin-top: -43px;
  margin-left: -65px;
  top: 50%;
  left: 50%;
}