@charset "Shift-JIS";
/* Last modified:Oct 4nd 2012*/

body{
background: url(../images/bg-body.png) left top repeat;
color: #555353;
font-family: Verdana;
font-size: 85%;
line-height: 1.5;
}
a:link,
a:visited{
text-decoration: none;
}

h2{
font-size: 100%;}
h3{
font-size: 100%;
font-weight: normal;}

@media not screen and (1) {
  body {
  background-image: none;
  background-color: #fff;
  }
}

/*一番上のヘッダ*/
header#top-header{
background: -moz-linear-gradient(top, #414141, #2c2c2c);
background: -webkit-gradient(linear, left top, left bottom, from(#414141), to(#2c2c2c));
background-color: #2c2c2c;
border-top: 1px solid #c2c2c2;
box-shadow: 0 2px 2px #999;
-moz-box-shadow: 0 2px 2px #999;
-webkit-box-shadow: 0 2px 2px #999;
height: 72px;
padding: 0 7px;
position: relative;
}

header#top-header h1{
float: left;
font-size: 6px;
width: 30px;
height: 13px;
padding-top: 5px;
}
header#top-header h1 a{
background: url(../images/logo.png) left top no-repeat;
display: block;
height: 53px;
width: 100px;
padding: 60px 0 0 0;
overflow: hidden;
height: 0;
}
header#top-header h1.img_text{
float: left;
font-size: 10px;
height: 10px;
}


/*会員・メルマガ登録ボタン*/
header#top-header ul{
display: table;
float: right;
font-size: 12px;
margin-top: 10px;
width: 196px;
}
header#top-header ul li#mmbr{
background: url(../images/bg-btn02.png)left top repeat-x #5d737b;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
box-shadow: 1px 1px 3px #dee0e0;
display: table-cell;
height: 27px;
line-height: 2.3;
padding:3px 0;
vertical-align: middle;
width:90px;
}
header#top-header ul li#mmbr a{
background: url(../images/ico-plus.png)8px center no-repeat;
display: block;
padding-left: 28px;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
}
header#top-header ul li#mag{
background: url(../images/bg-btn02.png)left top repeat-x #5d737b;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border: 1px solid #000;
box-shadow: 1px 1px 3px #dee0e0;
display: table-cell;
height: 27px;
line-height: 2.3;
padding:3px 0;
vertical-align: middle;
width:94px;
}
header#top-header ul li#mag a{
background: url(../images/ico-plus.png)2px center no-repeat;
display: block;
padding-left: 20px;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
/* 準備中 */
background: url(../images/ico-plus-notready.png) 2px center no-repeat;
color:rgba(239,239,239,0.5);
text-shadow: none;
filter: alpha(opacity=75);
-moz-opacity:0.75;
-webkit-opacity:0.75;
opacity:0.75;
/* 準備中　ここまで */
}
@media not screen and (1) { /* Opera用css*/
	header#top-header{
	padding: 0;
	}
	header#top-header ul{
	width:160px;
	font-size: 10px;
	}
	header#top-header ul li#mmbr,
	header#top-header ul li#mag {
    width:80px;
  }
  header#top-header ul li#mmbr a,
  header#top-header ul li#mag a {
    background: none;
	padding: 0;
	text-align: center;
  }
}

/*最新号画像のエリア*/
div#top-info{
clear: both;
margin: 10px auto;
height: 240px;
width: 307px;
text-align: center;
}
div#top-info div#top-info-container{
width: 307px;
}
div#top-info div#top-info-container img{
float: left;
}

div#top-info div#top-info-container .right{
background: -moz-linear-gradient(top, #fff, #efefef);
background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#efefef));
background-color: #efefef;
border-top: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
box-shadow: 1px 1px 2px #999;
-moz-box-shadow: 1px 1px 2px #999;
-webkit-box-shadow: 1px 1px 2px #999;
float: right;
height: 230px;
padding: 3px;
padding-left: 0;
width: 134px;
}

div#top-info ul.label{
background: -moz-linear-gradient(top, #ff208a, #bc035a);
background: -webkit-gradient(linear, left top, left bottom, from(#ff208a), to(#bc035a));
background-image: -o-linear-gradient(top, #ff208a 0%, #bc035a 100%);
background-color: #ff208a;
color: #fff;
height:63px;
margin:10px 0 30px 0;
padding: 5px 0 5px 10px;
text-align: left;
text-shadow: 1px 1px 2px #616161;
}
div#top-info ul.label{
}
div#top-info ul.label li{
margin: 0;
}
div#top-info ul.label li#magName{
font-size: 140%;
}
div#top-info ul.label li#magMonth{
font-size: 85%;
}
div#top-info p#btn01,/*立ち読み、Shoppingボタン*/
div#top-info p#btn02{
line-height: 2.7;
margin: 0 0 17px 7px;
}

div#top-info p#btn01 a{
background: url(../images/bg-btn01.png) left top no-repeat;
background-color: transparent;
display: block;
font-weight: bold;
height: 45px;
width: 107px;
}
div#top-info p#btn02 a{
background: url(../images/bg-btn01.png) left top no-repeat;
background-color: transparent;
display: block;
font-family: Verdana;
font-weight: bold;
height: 45px;
width: 107px;
}
div#top-info p#btn01:before {
position:absolute;
top:0;
left: 1px;
content:attr(data-text);
}
div#top-info p#btn01 a:link,
div#top-info p#btn01 a:visited,
div#top-info p#btn02 a:link,
div#top-info p#btn02 a:visited{
color:#fb1e87;
text-decoration: none;
}
@media not screen and (1) { /* Opera用css */
	div#top-info {
    background-color: #fff;
  }
	div#top-info p#btn01,
	div#top-info p#btn02 {
    display: table;
    width: 107px;
  }
  	div#top-info p#btn01 a,
	div#top-info p#btn02 a {
    display: table-cell;
    vertical-align: middle;
    width: 107px;
  }
}

/*トップページのリスト*/
section{
height: auto;
}
section h2.plain{
background: -moz-linear-gradient(top, #fff, #f4f3f3);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f3f3));
background-image: -o-linear-gradient(top, #fff 0%, #f4f3f3 100%);
background-color: #f4f3f3;
border-bottom:1px solid #fff;
box-shadow: 0 1px 2px #e5e5e5;
-moz-box-shadow: 0 1px 2px #e5e5e5;
-webkit-box-shadow: 0 1px 2px #e5e5e5;
color: #202021;
line-height: 3;
margin: 0;
padding: 4px 0;
}
section h2.plain span{
background:url(../images/ico-h2-01.png) left center no-repeat ;
display: block;
padding-left: 16px;
}

@media not screen and (1) { /* Opera mini */
	section h2.plain{
	background-color: #f4f3f3;
	height: 40px;
	display: table;
	width:100%;
	}
	section h2.plain span{
	display: table-cell;
	vertical-align: middle;
	}
}

section ul{
background:;
margin: 0;
}
section ul li{
background: #fdfdfd;
border-bottom: 1px solid #efefef;
border-top: 1px solid #c5c4c4;
padding-left: 10px;
overflow: hidden;
/*width入れない*/
}
section ul li a{
display: table;
height:auto;
padding: 12px 0;
width:100%;
}

section h3{
color: #555353;
display: table-cell;
height: 100%;
width: 75%;
padding-right:1.5em;
vertical-align: middle;
}

section h4{
	color: #555353;
	height: 100%;
	width: 75%;
	padding-right:1.5em;
	vertical-align: middle;
}

/*
section time{
background: url(../images/ico-arrow01.png)99% center no-repeat;
color: #666;
display: table-cell;
padding-right: 30px;
text-align: right;
height: 100%;
width:25%;
vertical-align: middle;
}
*/


section time{
	color: #666;
	display: table-cell;
	height: 100%;
	width:25%;
	vertical-align: middle;
	}


section time.clear{
background:none;
clear: both;
color: #666;
display: block;
padding-right: 0;
text-align: right;
height: 100%;
width:auto;
}

section#whatsNew h2{
border-top: 1px solid #efefef;}
/*ファンクラブポータル*/
section#fanClub ul li{
background-color: transparent;
display: block;
padding-right: 0;
text-align: left;
width:auto;
}
section#fanClub ul li a {
background: url(../images/btn-fcPortal.jpg)left top no-repeat;
display: block;
height: 62px;
width:222px;
margin: 26px auto;
padding: 62px 0 0 0;
overflow:hidden;
height: 0;
}

/*バックナンバーボタンセット黒*/
section div.box-ttl{
background: -moz-linear-gradient(top, #fff, #f4f3f3);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f3f3));
background-image: -o-linear-gradient(top, #fff 0%, #f4f3f3 100%);
background-color: #f4f3f3;
border-top:1px solid #fff;
border-bottom: none;
box-shadow: 0 1px 2px #e5e5e5;
-moz-box-shadow: 0 1px 2px #e5e5e5;
-webkit-box-shadow: 0 1px 2px #e5e5e5;
display: table;
width: 100%;
}


/*バックナンバーボタンセット黒*/
section div.box-ttl-new{
	background: -moz-linear-gradient(top, #fff, #f4f3f3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f3f3));
	background-image: -o-linear-gradient(top, #fff 0%, #f4f3f3 100%);
	background-color: #f4f3f3;
	border-top:1px solid #fff;
	border-bottom: none;
	box-shadow: 0 1px 2px #e5e5e5;
	-moz-box-shadow: 0 1px 2px #e5e5e5;
	-webkit-box-shadow: 0 1px 2px #e5e5e5;
	display: table;
	width: 100%;
	}
	

section time{
display: table-cell;
}

@media not screen and (1) { /* Opera用css */
	section div.box-ttl{
	height: 40px;
	}
}

@media not screen and (1) { /* Opera用css */
	section div.box-ttl-new{
	height: 40px;
	}
}


div.box-ttl h2{
border-bottom:1px solid #fff;
color: #202021;
display: table-cell;
height: auto;
line-height: 3;
padding: 4px 0;
margin: 0;
vertical-align: middle;
width: auto;
}
div.box-ttl h2 span{
background:url(../images/ico-h2-01.png) left center no-repeat ;
display: block;
background-color: transparent;
padding-left: 16px;
}

div.box-ttl p{
border-bottom:1px solid #fff;
display: table-cell;
font-size: 12px;
margin: 0;
padding: 0 10px 0 0;
vertical-align: middle;
width: 88px;
}
p.btn-bn a{
background: url(../images/bg-btn03.png) left top repeat-x #5d737b;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #000;
box-shadow: 1px 1px 3px #dee0e0;
-moz-box-shadow: 1px 1px 3px #dee0e0;
-webkit-box-shadow: 1px 1px 3px #dee0e0;
display: block;
height: 100%;
width:89px;
line-height: 2;
padding: 3px;
}

p.btn-bn a:link,
p.btn-bn a:visited{
color: #fff;
text-shadow: 1px 1px 1px #000;
}

div.box-ttl-new h2{
	border-bottom:1px solid #fff;
	color: #202021;
	display: table-cell;
	height: auto;
	line-height: 3;
	padding: 4px 0;
	margin: 0;
	vertical-align: middle;
	width: auto;
	}
	div.box-ttl-new h2 span{
	background:url(../images/ico-h2-01.png) left center no-repeat ;
	display: block;
	background-color: transparent;
	padding-left: 16px;
	}
	
	div.box-ttl-new p{
	border-bottom:1px solid #fff;
	display: table-cell;
	font-size: 12px;
	margin: 0;
	padding: 0 10px 0 0;
	vertical-align: middle;
	width: 88px;
	}
	

span.btn-new a{
	background: url(../images/bg-btn03.png) left top repeat-x #5d737b;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #000;
	box-shadow: 1px 1px 3px #dee0e0;
	-moz-box-shadow: 1px 1px 3px #dee0e0;
	-webkit-box-shadow: 1px 1px 3px #dee0e0;
	height: 100%;
	width:89px;
	line-height: 2;
	padding: 10px;
	margin: 5px 5px 10px 10px;
	}
	
	span.btn-new a:link,
	span.btn-new a:visited{
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	}


	span.btn-new-now a{
		background: #e6e6fa;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #000;
		box-shadow: 1px 1px 3px #dee0e0;
		-moz-box-shadow: 1px 1px 3px #dee0e0;
		-webkit-box-shadow: 1px 1px 3px #dee0e0;
		height: 100%;
		width:89px;
		line-height: 2;
		padding: 10px;
		}
		
		span.btn-new-now a:link,
		span.btn-new-now a:visited{
		color: #000000;
		text-shadow: 1px 1px 1px #000;
		}
	
	

section ul li.tc{
background: none;
text-align: center;
display: block;
}
section ul li.tc02{
background: #fdfdfd;
text-align: center;
display: block;
padding: 10px 0;
}

/*アーティストニュース　VISUAL NEWS FRONTLINE*/
section ul.bgb{
background:;
margin: 0;
}
section ul.bgb li{
background: #eef0f5;
border-bottom: 1px solid #efefef;
border-top: 1px solid #c5c4c4;
overflow: hidden;
padding-left: 10px;
}
section ul.bgb li a{
display: table;
height: auto;
padding: 12px 0;
width:100%;
}



section ul.bgb h3{
color: #000000;
display: table-cell;
height: 100%;
width: 75%;
vertical-align: middle;
}
section ul.bgb p{
background: url(../images/ico-arrow02.png)99% center no-repeat;
color: #666;
display: table-cell;
padding-right: 30px;
text-align: right;
height: 100%;
width:25%;
vertical-align: middle;
}
section ul.bgb li.lead{
background-image: none;
background:  #eef0f5;
display: block;
font-weight: bold;
color: #4404eb;
padding: 10px;
text-align: center;
text-shadow: 1px 0 1px #c7c1f3;
}
section ul.bgb li.lead:before {
position:absolute;
top:0;
left: 1px;
content:attr(data-text)
}
section ul.bgb li.link-bn{
background:  #eef0f5;
color: #4404eb;
padding:0; 
}
section ul.bgb li.link-bn p{
background-image: none;
line-height: 3;
padding-right: 3px;
}
section ul.bgb li.link-bn p a{
background: url(../images/ico-arrow02.png)right center no-repeat;
display: block;
float: right;
height: auto;
padding: 3px 0;
padding-right: 30px;
}

section ul.bgb li.link-bn a:link,
section ul.bgb li.link-bn a:visited{
color: #4404eb;
text-decoration: none;
}

@media not screen and (1) { /* Opera mini */
	section ul.bgb li.link-bn p{
	background: url(../images/ico-arrow02.png)right center no-repeat;
	background-image: none;
	height: 50px;
	padding-right: 3px;
	}
	section ul.bgb li.link-bn p a{
	height: auto;
	padding: 0 30px 0 0;
  }
}

/*アーティスト連載*/
section ul li.lead02{
background-image: none;
background:  #eef0f1;
display: block;
font-weight: bold;
color: #333333;
padding: 10px;
text-align: center;
text-shadow: none;
}
section ul li.lead02:before {
position:absolute;
top:0;
left: 1px;
content:attr(data-text)
}
section ul li.lead02 span{
color: #4404eb;
}

/*特集*/

/*POWER PUSH*/
section ul.banners{
border-top: 1px solid #c5c4c4;
border-bottom: 1px solid #efefef;
}
section ul.banners li{
background-color: transparent;
border: none;
text-align: center;
}
section ul.banners li a{
border: none;
display: block;
height: 40px;
padding: 10px 0;
text-shadow: none;
}
/*連動*/
#conectShoxx div.box-ttl,
#conectArena div.box-ttl{
background: -moz-linear-gradient(top, #ff208a, #bc035a);
background: -webkit-gradient(linear, left top, left bottom, from(#ff208a), to(#bc035a));
background-image: -o-linear-gradient(top, #ff208a 0%, #bc035a 100%);background-color: #ff208a;
border-top:none;
display: table;
width: 100%;
}

#conectShoxx div.box-ttl-new,
#conectArena div.box-ttl-new{
background: -moz-linear-gradient(top, #ff208a, #bc035a);
background: -webkit-gradient(linear, left top, left bottom, from(#ff208a), to(#bc035a));
background-image: -o-linear-gradient(top, #ff208a 0%, #bc035a 100%);background-color: #ff208a;
border-top:none;
display: table;
width: 100%;
}


@media not screen and (1) { /* Opera mini */
	#conectShoxx div.box-ttl,
	#conectArena div.box-ttl{
	height: 40px;
	}
}

@media not screen and (1) { /* Opera mini */
	#conectShoxx div.box-ttl-new,
	#conectArena div.box-ttl-new{
	height: 40px;
	}
}


#conectShoxx div.box-ttl h2#shoxx,
#conectArena div.box-ttl h2#arena{
border-bottom:1px solid #fe58a7;
display: table-cell;
height: auto;
padding: 4px 0;
margin: 0;
vertical-align: middle;
width: auto;
}
#conectShoxx div.box-ttl h2#shoxx span,
#conectArena div.box-ttl h2#arena span{
background:url(../images/ico-h2-02.png) left center no-repeat ;
background-color: transparent;
display: block;
padding-left: 21px;
}

#conectShoxx div.box-ttl-new h2#shoxx,
#conectArena div.box-ttl-new h2#arena{
border-bottom:1px solid #fe58a7;
display: table-cell;
height: auto;
padding: 4px 0;
margin: 0;
vertical-align: middle;
width: auto;
}
#conectShoxx div.box-ttl-new h2#shoxx span,
#conectArena div.box-ttl-new h2#arena span{
background:url(../images/ico-h2-02.png) left center no-repeat ;
background-color: transparent;
display: block;
padding-left: 21px;
}


#conectShoxx div.box-ttl p#shoxx-magInfo,
#conectArena div.box-ttl p#arena-magInfo{
border-bottom:1px solid #fe58a7;
color: #fff;
display: table-cell;
font-size: 12px;
margin: 0;
padding: 0 10px 0 0;
vertical-align: middle;
width: 88px;
}

#conectShoxx div.box-ttl-new p#shoxx-magInfo,
#conectArena div.box-ttl-new p#arena-magInfo{
border-bottom:1px solid #fe58a7;
color: #fff;
display: table-cell;
font-size: 12px;
margin: 0;
padding: 0 10px 0 0;
vertical-align: middle;
width: 88px;
}


#conectShoxx div.mid-info,
#conectArena div.mid-info{
background: none;
border-top:1px solid #1d1d1d;
display: table;
padding-top: 10px;
width: 100%;
}
#conectShoxx div.mid-info-left,
#conectArena div.mid-info-left{
background: none;
display: table-cell;
padding: 0 0 0 10px;
vertical-align: top;
text-align:center;
width: 107px;
}
#conectShoxx div.mid-info-right,
#conectArena div.mid-info-right{
background: none;
display: table-cell;
padding: 0 3px 0 10px;
vertical-align: top;
}
#conectShoxx div.mid-info-right p,
#conectArena div.mid-info-right p{
background-image: none;
border-bottom: 1px solid #c5c4c4;
display: table;
text-align: left;
width: 100%;
}
#conectShoxx div.mid-info-right p a,
#conectArena div.mid-info-right p a{
background: url(../images/ico-arrow03.png)100% center no-repeat;
display: table-cell;
height:44px;
text-shadow: 1px 1px 1px #dddcdc;
padding: 0 30px 0 0;
vertical-align: middle;
}
#conectShoxx p a:link,
#conectShoxx p a:visited,
#conectArena p a:link,
#conectArena p a:visited{
color: #f32d8a;
}

#conectShoxx ul#shoxx-artistList,
#conectArena ul#arena-artistList{
border-top:1px solid #fff;
margin-bottom: 20px;
overflow: hidden;
}
#conectShoxx ul#shoxx-artistList li,
#conectArena ul#arena-artistList li{
background: none;
border: none;
float:left;
margin: 4px 12px 0 0;
}
#conectShoxx ul#shoxx-artistList li a,
#conectArena ul#arena-artistList li a{
background: url(../images/ico-tri01.png) left center no-repeat;
display: block;
height: auto;
padding-left: 10px;
text-shadow: 1px 1px 1px #dddcdc;
width: auto;
}
#conectShoxx ul#shoxx-artistList li a:link,
#conectShoxx ul#shoxx-artistList li a:visited,
#conectArena ul#arena-artistList li a:link,
#conectArena ul#arena-artistList li a:visited{
color: #3b3b3b;
}
#conectShoxx ul#shoxx-artistList li a:before,
#conectArena ul#arena-artistList li a:before {
position:absolute;
top:0;
left: 1px;
content:attr(data-text)
}
#conectShoxx  p#shoxx-more,
#conectArena  p#arena-more{
background-image: none;
border: none;
font-size: 85%;
line-height: 1.5;
padding:0 0 10px 0;
float: right;
width:auto;
}
#conectShoxx div.mid-info-right:before,
#conectArena div.mid-info-right:before {
position:absolute;
top:0;
left: 1px;
content:attr(data-text)
}

div.mid-info p#shoxx-trial,/*立ち読みボタン*/
div.mid-info p#arena-trial{
line-height: 2.7;
margin: 10px 0 17px 0;
}

div.mid-info p#shoxx-trial a,
div.mid-info p#arena-trial a{
background: url(../images/bg-btn01.png) left top no-repeat;
background-color: transparent;
display: block;
font-weight: bold;
height: 45px;
width: 107px;
}

@media not screen and (1) { /* Opera用 */
	div.mid-info p#shoxx-trial,
	div.mid-info p#arena-trial {
    display: table;
    width: 107px;
  }
  	div.mid-info p#shoxx-trial a,
	div.mid-info p#arena-trial a {
    display: table-cell;
    vertical-align: middle;
    width: 107px;
  }
}

/*秘話バックナンバーボタンセット*/
section div.box-ttl-scrt{
background: -moz-linear-gradient(top, #fff, #f4f3f3);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f3f3));
border-top:1px solid #fff;
border-bottom:1px solid #999095;
box-shadow: none;
color: #202021;
line-height: 2.9;
height: 44px;
display: table;
width: 100%;
}
section div.box-ttl-scrt h2{
background: none;
color: #f62187;
display: table-cell;
line-height: 2.9;
height: 44px;
margin: 0;
width: auto;
}
section div.box-ttl-scrt p{
background: none;
display: table-cell;
font-size: 12px;
margin: 0;
padding: 0 10px 0 0;
width: 88px;
}
section div.box-ttl-scrt p.btn-bn a{
background: url(../images/bg-btn04.png) left top repeat-x #171717;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #606160;
box-shadow: 1px 1px 1px #dee0e0;
display: block;
height: 30px;
width:89px;
line-height: 2.5;
padding: 3px;
}
section p.btn-bn a:link,
section p.btn-bn a:visited{
color: #fff;
text-shadow: 1px 1px 1px #000;
}


/*秘話バックナンバーボタンセット*/
section div.box-ttl-new-scrt{
	background: -moz-linear-gradient(top, #fff, #f4f3f3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f3f3));
	border-top:1px solid #fff;
	border-bottom:1px solid #999095;
	box-shadow: none;
	color: #202021;
	line-height: 2.9;
	height: 44px;
	display: table;
	width: 100%;
	}
	section div.box-ttl-new-scrt h2{
	background: none;
	color: #f62187;
	display: table-cell;
	line-height: 2.9;
	height: 44px;
	margin: 0;
	width: auto;
	}
	section div.box-ttl-new-scrt p{
	background: none;
	display: table-cell;
	font-size: 12px;
	margin: 0;
	padding: 0 10px 0 0;
	width: 88px;
	}
	section div.box-ttl-new-scrt p.btn-bn a{
	background: url(../images/bg-btn04.png) left top repeat-x #171717;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #606160;
	box-shadow: 1px 1px 1px #dee0e0;
	display: block;
	height: 30px;
	width:89px;
	line-height: 2.5;
	padding: 3px;
	}
	section p.btn-bn a:link,
	section p.btn-bn a:visited{
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	}
	


/*ショッピング*/
h2#h2-shopping{
background:url(../images/bg-h2-shop02.png)left top repeat-x #393939;
border-top:1px solid #000;
border-bottom:1px solid #292d2e;
box-shadow: none;
clear: both;
color: #fd057b;
line-height: 2.9;
height: auto;
padding: 4px 0;
margin: 0;
}
h2#h2-shopping span{
background:url(../images/ico-h2-03.png) left center no-repeat ;
display: block;
padding-left: 16px;
}

section li#shopping-header{
background: #282828;
border-top: 1px solid #000;
color: #fff;
padding: 4px;
text-align: center;
}
section li#shopping-header:before{
position:absolute;
top:0;
left: 1px;
content:attr(data-text)
}

section p#shopping-btn{
background: url(../images/bg-btn06.png)left top repeat-x #fdc8e5;
border: 1px solid #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 1px 1px 5px #b3b3b3;
-moz-box-shadow: 1px 1px 5px #b3b3b3;
-webkit-box-shadow: 1px 1px 5px #b3b3b3;
display: block;
line-height:normal;
margin: 0 auto;
padding-right: 0;
text-align: center;
width:70%;
}
section p#shopping-btn a:before{
position:absolute;
top:0;
left: 1px;
content:attr(data-text)
}
section p#shopping-btn a {
background: url(../images/ico-cart.png)15px center no-repeat;
border: none;
font-weight: bold;
display: block;
padding-left: 0;
height: auto;
width:auto;
}
section p#shopping-btn a:link,
section p#shopping-btn a:visited{
color: #000;
text-shadow: 1px 1px 1px #efe6eb;
}
@media not screen and (1) { /* Opera mini */
	section p#shopping-btn a{
	height: auto;
	padding: 10px 0;
  }
}

/*info*/
section h2#footer-info{
background-image: none;
background:#f5f6f6;
border-top:1px solid #fff;
border-bottom:1px solid #e0e0e1;
box-shadow: none;
color: #666666;
line-height: 2.9;
height: auto;
padding: 6px 0;
margin: 0;
text-align: center;
}
section ul#footer-info-list{

}
section ul#footer-info-list li{
background: #ebeff1;
border-top:1px solid #fff;
border-bottom:1px solid #dadadb;
margin: 0;
padding: 0 3px 0 0;/*10px;*/
}
section ul#footer-info-list li a{
background: url(../images/ico-arrow04.png)right center no-repeat;
border: none;
line-height: 3.5;
height: auto;
padding: 2px 0 2px 10px;
width: 100%;
}
section ul#footer-info-list li a:link,
section ul#footer-info-list li a:visited{
color:#666;
}

@media not screen and (1) { /* Opera mini */
	section ul#footer-info-list li{
	background: #ebeff1;
	border-top:1px solid #fff;
	border-bottom:1px solid #dadadb;
	height: 40px;
	display: table;
	width:100%;
	}
}
/*footer*/
footer#page-footer{
background: #282828;
clear: both;
font-size: 12px;
padding: 16px 0;
text-align: center;
}
footer#page-footer dl{
color: #666666;
}
footer#page-footer dl dd{
margin-bottom: 7px;
color: #666666;
}
footer#page-footer dl dt.organization{
font-size: 120%;
margin-top: 30px
}



/*調整用*/
.bold{
font-weight:bold;
}
.bold:before {
position:absolute;
top:0;
left: 1px;
content:attr(data-text);
}
/* clearfix */
*:after { display:block; clear:both; }
/* はみ出し対策 */
body { width:100%; overflow-x:hidden; }

/* ----------------------------------------------
	Arange : Jun 28 2012
---------------------------------------------- */
/*調整用*/
.nowrap{white-space:nowrap;}
.break{word-break:break-all;word-wrap:break-word;white-space:pre-wrap;}
a.break{display:inline-block;}

section hr{margin-right:10px;margin-left:10px;border-bottom: 1px solid #efefef;border-top: 1px solid #c5c4c4;}

.br2{padding-bottom:2em;}
.br3{padding-bottom:3em;}
.br4{padding-bottom:4em;}
.br5{padding-bottom:5em;}

/* タップで色をかえる
a:hover{background-color:rgba(215,150,180,0.1);}
a{background-color:transparent;/*-webkit-touch-callout:none;*/
/*-webkit-tap-highlight-color:rgba(215,150,180,0.1);} */
a{background-color:transparent;
/*-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(215,150,180,0.1);*/}
/* http://www.sprouthead.com/blog/css/highlight.html */
a{
	/*-webkit-touch-callout:none; iOSのMobileSafariで、リンクを長押しした際出てくるポップアップメニューを非表示にする記述*/
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /*ハイライト表示をオフ*/
}
/*a.hover{background-color:rgba(215,150,180,0.1);*//*rgba(00,33,99,1);}*/

section ul li{padding-left:0px;}
section ul li a{padding-left:10px;}
	/* nagasawa */
	section ul.bgb li{padding-left:0px;}
	section ul.bgb li a{padding-left:10px;}

	section ul.bgb h3{padding-left:10px;}
/* 準備中 */
section time.notready{background: url(../images/ico-arrow04.png)99% center no-repeat;}

/* add for layout 2012.10.24 変更
section div.txt-area p.addlineTB{margin-top:3em;margin-bottom:3em;}
section div.txt-area p.addlineT{margin-top:3em;}
section div.txt-area p.addlineB{margin-bottom:3em;} */
/* add for layout */
section div.txt-area p.addlineTB{margin-top:4em;margin-bottom:4em;}
section div.txt-area p.addlineT{margin-top:4em;}
section div.txt-area p.addlineB{margin-bottom:4em;}

/* overwrite */
p.btn-bn a{width:auto;text-align:center;}
#index p.btn-bn a{width:89px;}

span.btn-new a{width:30px;text-align:center;}
#index span.btn-new a{width:30px;}


span.btn-new-now a{width:30px;text-align:center;}
#index span.btn-new-now a{width:30px;}



/* アーティスト連載 OZ */
/*テキストエリア*/
section#art-c_oz div.additional,
section#art-c_virgil div.additional{
background-color: #fdfdfd;
text-align: center;
padding: 0 0 40px 0;
}

/* システム */
/*
section#system{padding: 12px 0;}*/

section#system ul{
background:;
margin: 0;
}
section#system ul li{
background: #fdfdfd;
border:none;
padding-right:12px;
padding-bottom:12px;
padding-left: 24px;
overflow: hidden;
/*width入れない*/
text-align:justify;text-justify:inter-ideograph;
}

section#system ul li a{
display: table;
height:auto;
padding: 12px 0;
width:100%;
}

section#system dl
{
margin:0 20px 20px 20px;
}
section#system dl dd{padding-bottom:.5em;;padding-left:1em;}


/* ファンクラブポータル*/
#fc section h3{width:200px;}
#fc section span.attention{
background: url(../images/ico-arrow01.png)99% center no-repeat;
color: #666;
font-size:11px;
display: table-cell;
padding-right: 30px;
text-align: right;
height: 100%;
width:135px;
vertical-align: middle;
}
#fc section span.notready{background: url(../images/ico-arrow04.png)99% center no-repeat;}
#fc section span.attention.clear{
background:none;
clear: both;
color: #666;
display: block;
padding-right: 0;
text-align: right;
height: 100%;
width:auto;
}
/* -- -- -- mic9 -- -- -- 2012.10.2 -- -- -- */
#openid{
	text-align:center; line-height:1;
}	
	
#openid b{
	font-size:24px;
}
#openid div#docomo b{
	color:#CC0033;
}
#openid div#au b{
	color:#EB5505;
}
#openid div#softbank b{
	color:#B7BBBE;
}
#openid a {
	text-align:center;
}
/* full */
#openid a {
	color: #fff;
	font-size: 15px;
	height: 44px;
	/*line-height: 44px;*/
	margin: 6px auto;
	width: 94%;
	display: block;
	cursor:pointer;
/*	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	-moz-text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.3);*/
}
#openid a:hover {
	text-align:center;
	/*border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	-moz-text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.3);*/
	color: #fff;
	font-size: 15px;
	height: 44px;
	/*line-height: 44px;*/
	margin: 6px auto;
	width: 94%;
}
div.kiyaku div#openid a{line-height: 44px;}
#openid div{
    margin-bottom:10px;
}
#openid div#docomo a.btn {
	border: 1px solid rgb(255, 0, 70);
	background: -moz-linear-gradient(top,  rgb(207, 142, 160) 0%, #CC0033 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(207, 142, 160)), color-stop(100%,#CC0033)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(207, 142, 160) 0%,#CC0033 100%); /* Chrome10+,Safari5.1+ */
}
#openid div#au a.btn {
	border: 1px solid rgb(255, 90, 0);
	background: -moz-linear-gradient(top,  rgb(239, 171, 134) 0%, #EB5505 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(239, 171, 134)), color-stop(100%,#EB5505)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(239, 171, 134) 0%,#EB5505 100%); /* Chrome10+,Safari5.1+ */
}
#openid div#softbank a.btn {
	border: 1px solid rgb(111, 111, 111);
	background: -moz-linear-gradient(top,  #E1E6E9 0%, #B7BBBE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E6E9), color-stop(100%,#B7BBBE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #E1E6E9 0%,#B7BBBE 100%); /* Chrome10+,Safari5.1+ */
}
div.taikai_form,div.inq_form{
background:#fdfdfd;
padding:20px 0;
text-align:center;
}
div.inq_form{text-align:left;}
div.inq_form form{margin:0 20px 20px 20px;}
div.inq_form form .width_default{width:85%;}
div.inq_form form .width_half{width:40%;}
div.inq_form form div.group{padding-bottom:20px;}
div.btn{
	// ボタンの見た目のリンク
}
div.btn a.btn,
div.taikai_form form input[type="submit"],
div.inq_form form input[type="submit"]
{
	color: #555353;
	font-size: 15px;
	text-align:center;
	height: 44px;
	line-height: 44px;
	margin: 6px auto 20px;
	width: 94%;
	display: block;
	cursor:pointer;
	
	/* 角丸 */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	/* かげ */
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	/* テキストかげ */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	-moz-text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	
	/**/
	border: 1px solid rgb(214, 214, 214);
	background: -moz-linear-gradient(top,  #fff 0%, #fcfcfc 25%, #eee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(25%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #fcfcfc 25%, #eee 100%); /* Chrome10+,Safari5.1+ */
}
div.btn a.btn:over{
	background: -moz-linear-gradient(top,  #eee 0%, #fcfcfc 25%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(25%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eee 0%, #fcfcfc 25%, #fff 100%); /* Chrome10+,Safari5.1+ */
}
h3 span.category{color:#999;font-size:11px;}
/* -- -- -- add for リダイレクトページ -- -- -- 2012.11.14 -- -- -- */
div#redirect div.txt-area-borderT{padding-top:60px;padding-bottom:45px;}
/* トップページ　雑誌連動　修正  -- -- -- 2012.11.14 -- -- -- */
#conectShoxx div.mid-info-right p span.decorate,
#conectArena div.mid-info-right p span.decorate{
background: url(../images/ico-arrow03.png)100% center no-repeat;
display: table-cell;
height:44px;
color: #f32d8a;
text-shadow: 1px 1px 1px #dddcdc;
padding: 0 30px 0 0;
vertical-align: middle;
}
/* -- -- -- 外部リンクアイコン -- -- -- 2012.11.14 -- -- -- */
a.out_pc{display:inline;}
a.out_pc:after{
	margin-left:3px;
	content:url(../images/icon_out_pc.gif);vertical-align:middle;
}
/* -- -- -- popunited -- -- -- 2016.11.11 -- -- -- */
.topBnrArea {margin:1rem auto; width:335px;}
.topBnrArea li+li {margin-top:1rem;}
.goog-te-gadget {overflow:hidden;}
.goog-te-gadget-simple {float:right;}
.goog-te-menu-value {display:inline;}
.btnReadMore {display:block; padding:.6rem; border:1px solid #ff3399; text-align:center; color:#ff3399; border-radius:3px;}

.heart {
  width: 100px;
  height: 100px;
  background: url(../images/heart_active.png) no-repeat;
  cursor: pointer;
  position: absolute;
  top: -30px;
  left: -45px;
}

.gray {
  width: 100px;
  height: 100px;
  background: url(../images/heart_gray.png) no-repeat;
  cursor: pointer;
  position: absolute;
  top: -30px;
  left: -45px;
}

.heart::before {
  content: "お気に入り";
  position: absolute;
  width: 100px;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  font-size: 10px;
}

.heart_animate {
  background-position: -2800px 0;
  -webkit-transition: background 1s steps(28);
  transition: background 1s steps(28);
}

.container {
  display: flex;
  justify-content: center;
  position: relative;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

.right {
  position: absolute;
  right: 50px;
}

.btn-border {
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 2px solid #9ec34b;
  font-size: 16px;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  background-color: #9ec34b;
  border-color: #cbe585;
  color: #FFF;
}

.pager {
  display: flex;
  justify-content: space-between;
  width: 170px;
  margin: 30px auto 70px;
}
.pager__btn {
  display: block;
  height: 30px;
  width: 25px;
  background: #cacaca;
  border-radius: 3px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  color: #fff;
}
.pager__new .pager__btn.current {
  background: #4080ac;
}

.pager {
    width: 150px;
}
.pager a,.pager b{
  display: block;
  height: 30px;
  width: 25px;
  background: #cacaca;
  border-radius: 3px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  color: #fff;
}
.pager a:empty,.pager b:empty{
	display: none;
}
.pager__new b {
  background: #4080ac;
}
.pager__ichioshi b {
  background: #de9900;
}
.pager__ranking b {
  background: #88ac3f;
}
.pager__artist b {
  background: #2796bb;
}
.pager__feature b {
  background: #b23553;
}
.pager__search b {
  background: #f54848;
}
.pager__mypage b {
  background: #7c5b95;
}


/*雑誌エリア*/

p.mlcimg {
	padding-left: 10px;
}