@charset "utf-8";

/* BODY */

dl {
font-size:16px;
-webkit-text-size-adjust: 135%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
}

body {
width:640px;
}

html {
    overflow-x:hidden;
	width:640px;
}

* {
	max-height: 999999px;
}

b{
    word-break:break-all;
}

/* PC TOP PAGE Original */

#search-box {position: relative;top: 28px;right: auto;margin: 0 0 0 213px;width: 300px;display: inline-block;float: left;padding: 1px 0 0 12px;z-index: 10;/* background: #FFF; *//* zoom: 150%; */}

/* COMMON */

/* HEADER */

.caroufredsel_wrapper a {
display:inline-block;
margin: 0;
padding: 0;
float:left;
}

#header-inner {width: 640px;margin: 0 auto;}

#header-top {
width: 100%;
margin: 0 auto;
height: 118px;
background: #000000;
}

#header-top h1 img {
width: 190px;
height: 83px;
display: inline;
padding: 17px 6px 0;
}

#header-top h1 {
margin: 0 auto;
padding: 0;
display: block;
width: 640px;
text-align: center;
/* background: #000; */
}

#header-right {
width: 380px;
float: right;
padding: 14px 0 0;
}

.title {
font-family: 'Bevan', cursive;
}

h2.title {
border-top: solid 2px #333333;
border-bottom: solid 2px #333333;
padding: 8px 0 4px;
margin: 0 0 2px;
font-size: 25px;
font-weight: normal;
}

#sns {
display: block;
float: left;
width: 115px;
padding: -2px 0 0 6px;
margin: 0 0 0 0;
position: absolute;
top: 25px;
right: 0%;
z-index: 10;
zoom: 160%;
}

#sns a {
display: block;
width: 31px;
height: 31px;
float: left;
clear: none;
margin: 0 0 0 4px;
}

#sns .twitter {
background: url(../img/common/icons.png) -31px 0px no-repeat;
}

#sns .twitter:hover {
background: url(../img/common/icons.png) -31px -124px no-repeat;
}

#sns .facebook {
background: url(../img/common/icons.png) 0px 0px no-repeat;
}

#sns .facebook:hover {
background: url(../img/common/icons.png) 0px -124px no-repeat;
}

#sns .mail {
background: url(../img/common/icons.png) -63px 0px no-repeat;
}

#sns .mail:hover {
background: url(../img/common/icons.png) -63px -124px no-repeat;
}

#sns .rss {
background: url(../img/common/icons.png) -95px 0px no-repeat;
display: none;
}

#sns .rss:hover {
background: url(../img/common/icons.png) -95px -124px no-repeat;
}

.fb_edge_widget_with_comment {
top: -4px\9; /* IE8 */
left:-3px\9; /* IE8 */
*top: -4px; /* IE7 */
_top: -4px; /* IE6 */
}

#search-box .gsc-control-cse {
padding:0;
}

#search-box .gsib_a {
padding: 0;
}
.gsc-input-box {
	height: 36px!important;
}
#search-box #gsc-i-id1 {height: 28px!important;}
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input{
	height:28px;
}
#search-box form.gsc-search-box {
padding:0;
}

#search-box:before {content: "SEARCH";font-family: Oswald;background: #000;color: #FFF;position: absolute;width: 73px;height: 26px;padding: 11px 2px 4px 20px;left: -85px;font-size: 18px;top: 0px;}

#search-box:after {
content: none;
border-top: 14px solid transparent; 
border-left: 15px solid #000000; 
border-bottom: 14px solid transparent;
position: absolute;
left: -1px;
top: 1px;
background: #FFF;
}

#search-box input.gsc-search-button {
background: url(../img/common/icons.png) 1px -31px no-repeat;
text-indent: -100px;
width: 28px!important;
min-width: 28px;
border: none;
height: 24px;
position: absolute;
margin: -13px 0 0 -30px;
}


#topmenu {
width: 100%;
padding: 3px 0 0;
background: none;
height: 20px;
position: absolute;
top: 118px;
/* display: none; */
border: none;
}

#topmenu ul {
width: 1000px;
margin: 0 auto;
}

#topmenu li, #footer-menu1 li {
font-family: 'Oswald', sans-serif;
list-style: none;
display: inline;
margin: 0 0 0 11px;
font-size: 15px;
}

#topmenu li a, #footer-menu1 li a{
color: #FFFFFF;
text-decoration:none;
}

#topmenu li a:link, , #footer-menu1 li a:link{
color:#FFFFFF;
text-decoration:none;
}

#topmenu li a:visited, #footer-menu1 li a:visited{
color: #FFFFFF;
text-decoration:none;
padding: 0;
display: inline-block;
margin: 0;
border-bottom: 1px solid #DDD;
width: 100%;
height: 100%;
}







#topmenu li a:hover, #footer-menu1 li a:hover{
color: #c01148;
text-decoration:none;
}

#topbnr {
display:none;
}

#spbnr {
display: inline-block;
position: fixed;
bottom: 0;
z-index: 200;
left: 0;
margin-left: 0;
width: 640px;
overflow: hidden;
top: auto;
}

#spbnr img {
width:640px;
}

.imagearea ul {
padding:0;
margin:0;
}

.imagearea li {
margin:0;
padding:0;
display:inline-block;
float:left;
margin: 0 4px 4px 0;
}

#mainimage {
width:100%;
height:370px;
}

#searchresults {
width: 640px;
margin: 58px 0 0 0;
position: absolute;
left: 0;
z-index: 100;
}

#search-box input.gsc-input {
border:solid 1px #FFF;
}

table.gsc-search-box {
border:solid 1px #FFF;
}

#searchresults .cse .gsc-control-cse, #searchresults .gsc-control-cse {
border:none;
}

#searchresults .cse .gsc-control-cse, #searchresults .gsc-control-cse {padding: 0 1em;z-index: 200;position: relative;}

#searchresults .gsc-control-cse .gs-spelling, #searchresults .gsc-control-cse .gs-result .gs-title, #searchresults .gsc-control-cse .gs-result .gs-title * {
font-size: 15px;
}

#searchresults .gs-snippet, #searchresults .gs-visibleUrl{
font-size: 12px;
}

#searchresults .gsc-table-cell-thumbnail, #searchresults .gs-promotion-image-cell{
padding:0;
}

#searchresults .cse .gsc-webResult.gsc-result, #searchresults .gsc-webResult.gsc-result, #searchresults .gsc-imageResult-classic, #searchresults .gsc-imageResult-column {
padding:6px;
}

#searchresults .gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: #0A0A0A;
background-color: #D5D5D5;
color: #444444;
}

#searchresults .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #333333;
background-color: #00AE95;
color: #FFF;
}

#searchresults .gsc-results .gsc-cursor-box .gsc-cursor-page {
cursor: pointer;
color: #000000;
text-decoration: none;
margin-right: 8px;
display: inline-block;
min-width: 15px;
padding: 4px 4px;
text-align: center;
}

#searchresults .cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, #searchresults .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
text-shadow: none;
}

#header {
width: 100%;
height: 260px;
margin-top: 176px;
overflow: hidden;
position: absolute;
left: 0;
}

#prev, #next {
background-color: rgba(255, 255, 255, 0.75);
height: 40px;width: 40px;
top: 86px;
}

#prev:after {
content: "<";
display: inline;
position:absolute;
/* font-family: Oswald; */
font-size: 40px;
color: rgba(0,0,0,0.5);
font-weight: normal;
height: 40px;
-webkit-transform: scale( 0.55, 1);
width: 40px;
vertical-align: middle;
line-height: 40px;
text-align: center;
-webkit-text-size-adjust: 100%;
}

#next:after {
content: ">";
display: inline;
position:absolute;
/* font-family: Oswald; */
font-size: 40px;
color: rgba(0,0,0,0.5);
font-weight: normal;
height: 40px;
-webkit-transform: scale( 0.55, 1);
width: 40px;
vertical-align: middle;
line-height: 40px;
text-align: center;
-webkit-text-size-adjust: 100%;
}

#prev {
left: 5px;
}

#next {
right: 5px;
}

#pager {
display: block;
height: 30px;
width: 240px;
margin: 0 auto;
position: relative;
z-index: 10;
text-align: center;
}

#pager a span{
display: none;
}

#pager a.selected span{

}

#pager a{
display: inline-block;
background: #1B1B1B;
border-radius: 15px;
width: 15px;
height: 15px;
/* float: left; */
margin: 14px 8px 0 0;
}

#pager a.selected{
background: #c01148;
}

/* HEADER */

/* MAIN */

#main {position: static;width: 640px;margin: 294px auto 0;min-height: 500px;padding: 0;}

#left {
width: 640px;
float: none;
padding: 0 0 9px;
overflow-x: hidden;
}

.bkline {
background: #1B1B1B;
}

.bkline a {
color:#FFFFFF;
}

h2.bkline, h3.bkline, p.bkline {
height:1em;
padding: 7px 7px 4px;
margin: 1.6em 0 6px;
color:#FFFFFF;
font-size: 14px;
font-family: 'Oswald', sans-serif!important;
font-weight:normal;
}


h2.whline, h3.whline, p.whline {
height:1em;
padding: 4px 0px 0;
margin: 8px 0 4px;
color: #1A1A1A;
font-size: 14px;
font-family: 'Oswald', sans-serif;
font-weight:normal;
}

/* ALL */

.Japanese, .Japanese a {
color:#E5336E;
font-family: 'Oswald','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-size: 21px;
display: inline-block;
min-width: 64px;
text-align: center;
/*text-transform: uppercase;*/
padding: 0 8px 0 0;
}

.Overseas, .Overseas a {
color: #00AE95;
font-family: 'Oswald', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-size: 20px;
display: inline-block;
min-width: 64px;
text-align: center;
/*text-transform: uppercase;*/
line-height: 120%;
}

.JapaneseOverseas, .JapaneseOverseas a {
font-size: 20px;
display: inline-block;
font-family: 'Oswald', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
text-align: center;
/*text-transform: uppercase;*/
}

.showmore {
margin: 0.5em 0;
padding: 0;
text-align: right;
font-size: 12px;
line-height: 110%;
clear: both;
z-index: 10;
}

.showmore a {
display: inline-block;
height: 15px;
background: #E4E4E4;
width: auto;
margin: 0 12px 0 0;
padding: 4px 3px 2px 6px;
text-decoration: none;
position: relative;
z-index: 50;
}

.showmore a:after{
display: block;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
height: 15px;
background: #E4E4E4;
right: -8px;
position: absolute;
top: 3px;
z-index: -1;
}

.counttw, .countfb {
font-weight: bold;
font-size: 15px;
margin: 0 0 0 8px;
}

.counttw:before {
background: url(../img/common/icons.png) -29px -156px no-repeat;
width: 22px;
height: 22px;
position: relative;
display: inline-block;
content: "";
top: 5px;
right: 4px;
}

.countfb:before {
background: url(../img/common/icons.png) -3px -156px no-repeat;
width: 22px;
height: 22px;
position: relative;
display: inline-block;
content: "";
top: 5px;
right: 4px;
}

.count-tw, .count-fb {
display:none;
}

#right {width: 640px;float: none;padding: 0;position:relative;display: inline-block;margin: 0;}

.no-sp {
display: none!important;
}

.no-sp-normal {
display: none;
}

.whlink a{
color:#FFFFFF;
text-decoration:underline;
}

.whlink a:hover {
color:#CCC;
}

.live {
color: #E5336E;
font-family: 'Oswald', sans-serif;
font-size: 16px;
display: inline-block;
min-width: 64px;
padding: 6px 0;
}

.release {
color: #00AE95;
font-family: 'Oswald', sans-serif;
font-size: 16px;
display: inline-block;
min-width: 64px;
padding: 6px 0;
}

.rightMagazine {
background:#FFFFFF;
}

.rightMagazine .img2 {
margin: 6px 4px;
width:120px;
display: inline-block;
}

.img3 {
float:left;
width: 80px;
margin: 4px 12px 6px 4px;
}

.rightMagazine dd {
padding: 0;
 
width: 354px;display: inline-block;vertical-align: top;}

.rightMagazine dd h3 {
font-size: 20px;
margin: 8px 0 6px;
line-height: 120%;}

.rightMagazine dd h4 {
color: #c01148;
font-size: 14px;font-family: 'Bevan', cursive;font-weight: normal;
margin: 8px 0 6px;
}

.rightMagazine dd p {
padding: 0;
margin: 18px 0 0;
font-size: 18px;}

#pickuprookies-right dl {
float: left;
}

#pickuprookies-right dl.last {
margin: 0 0 10px 10px;
}

#pickuprookies-right dt {
padding: 0;
margin: 0;
}

#pickuprookies-right dd {
padding: 0;
margin: 0;
}

#pickuprookies-right dd h3 {
font-size: 12px;
text-align: center;
margin: 4px 0 0;
}

#column-right dd {
margin:0;
padding:0;
}

#column-right p {
font-size:11px;
}

#footer {
width:100%;
clear:both;
margin:0 auto;
/* background: #000000; */
color: #FFF;
padding: 0;
}

#footer-menu1 {
width: 1000px;
margin:0 auto;
}

#footer-menu1 li {
margin: 9px 15px 12px 0;
list-style:none;
display:inline-block;
}

#footer a {
color:#FFF;
}

#footer-menu2 {
width: 640px;
margin:0 auto;
display: block;
clear: both;
text-align: center;
padding: 0 0 68px;}

#footer-menu2 li {
font-size: 20px;
list-style: none;
margin: 14px 34px 0 18px;
float: none;
clear: none;
padding: 0;
display: inline-block;
text-align: center;
}

#entrybody .full {
	display:block;
	width:100%;
	margin: 20px 0;
}

#entrybody .half {
	display:inline-block;
	width:48%;
	margin: 20px 1%;
}

#entrybody .left-pc {
	display:block;
	width:100%;
	margin: 20px 0;
}

#entrybody .left-v {
	float: none;
	width: 67%;
	margin: 0 16% 20px;
}

#entrybody .right-pc {
	display:block;
	width:100%;
	margin: 20px 0;
}

#entrybody .right-v {
	float: none;
	width: 67%;
	margin: 0 16% 20px;
}

#entrybody .sp5 {
	display:inline-block;
	width:19%;
	margin: 10px 0.5%;
}

#entrybody .sp3 {
	display:inline-block;
	width:31%;
	margin: 10px 1.1%;
}

#entrybody h3 {
font-size:2.3em;
line-height:2em;
}

#entrybody h3.subhead {
border-left:7px solid #E5336E;
font-size:2.3em;
line-height:1.8em;
padding:5px 15px;
}

.bordered {
	border:1px solid #ddd; 
}












#footer-menu2 li a {
/* font-weight: bold; */
}

#footer p {
color: #C7C7C7;
font-size: 15px;
clear: both;
display: block;
text-align: center;
padding: 22px 0 0;
}

.pagenate {
text-align: center;
margin: 0 auto;
clear: both;
padding: 26px 0px 8px 0;
}

.pagenate ul {

}

.pagenate ul li {
list-style: none;
padding: 0;
margin: 0 16px 0 8px;
clear: none;
display: inline;
text-align: center;
font-size: 20px;
}

.pagenate ul li span {
display: inline-block;
min-width: 30px;
padding: 4px 1px;
border: solid 1px #c01148;
background: #c01148;
color: #FFF;
}

.pagenate ul li a {
display: inline-block;
min-width: 30px;
padding: 8px 4px;
background: #FFFFFF;
border: solid 1px #ddd;
text-align: center;
color: #000;
font-weight: bold;
margin: 0 0 16px;
}

#indexlink {
    -webkit-text-size-adjust: 110%;
}

#indexlink h3 {
margin: 28px 0 15px!important;
text-align: left!important;
font-size: 24px;
position: relative;
}

#indexlink a {
display:inline-block;
background:#DDD;
padding: 12px 1px 0;
width: 72px;
height: 60px;
text-align: center;
margin: 12px 12px 10px 10px;
font-size: 40px;
font-weight: bold;
line-height: normal;
vertical-align: middle;
}

#indexlink a.wide {
width: 123px;
}

#indexlink a:hover {
background:#CCC;
}

#indexlinkarea {
clear: both;
height: 93px;
}

#genlelink {
float:right;
padding: 22px 6px 44px;
}

#genlelink .Japanese {
border: none!important;
border-bottom: 2px solid #E5336E!important;
padding: 0 0 6px;
}

#genlelink .Overseas {
padding: 0 0 6px;
border: none!important;
border-bottom: 2px solid #00AE95!important;
}

.artistdata {
clear:both;
padding: 18px 0 0px;
}

.artistdata h4 {display: inline-block;font-size: 18px;margin: 0 0 0;padding: 2px 8px 6px 0;clear:none;color: #464646;}

.artistdata span a {display: inline-block;height: 15px;background: #E4E4E4;width: auto;margin: -3px 20px 0 0;padding: 5px 3px 6px 6px;text-decoration: none;position: relative;z-index: 50;vertical-align: middle;}

.artistdata span a:after {display: block;content: "";-webkit-transform: rotate(45deg);transform: rotate(45deg);width: 18px;height: 18px;background: #E4E4E4;right: -9px;position: absolute;top: 4px;z-index: -1;}

.artistdata span.officialsite a {

}

.artistdata span.facebook a {
background:#3B5A9A;
color: #FFF;
}

.artistdata span.facebook a:after {
background:#3B5A9A;
}

.artistdata span.twitter a {
background:#4498FF;
color: #FFF;
}

.artistdata span.twitter a:after {
background:#4498FF;
}

#artist-index h3 {
margin:36px 0 6px 0;
}


#related #movie dl {
height: 152px;
}

#related {
margin: 0 0;
}

#related-wide {
clear:both;
width: 640px;
margin:0 auto;
padding: 0 0 12px;
}

#related div, #related-wide div {
background:#FFFFFF;
padding: 0 0 8px;
/*text-align: center;*/
}

#related h3, #related-wide h3, .right-release h3 {
background:#000000;
font-family: 'Bevan', cursive;
color: #FFFFFF;
font-weight: normal;
font-size: 14px;
padding: 7px 0 6px 20px;
margin: 12px 0 5px;
text-align: left;
}

#related-wide #interview dl {
    height: 204px!important;
}

#related h3:before, #related-wide h3:before, .right-release h3:before {
content: "";
width: 2px;
height: 12px;
background: #c01148;
display: block;
position: absolute;
border-radius: 2px;
margin: 1px 0 0 -7px;
}

#related h4, #related-wide h4 {
margin: 19px 4px 2px 14px;
font-size: 16px;
font-weight: bold;
line-height: 120%;
text-align:left;
}

#rt-news h4 a, #rt-mv h4 a {
color:#c01148;
font-size: 18px;
}

#rt-news dl {padding: 0 0 0 22px;text-align: left;font-size: 18px;}

#rt-news dt {
display: inline-block;
padding: 4px 10px 0 0;
height: 1.2em;
margin: 4px 0 0;
vertical-align: top;
line-height: 150%;
}

#rt-news dd {
display: inline-block;
height: 2.3em;
overflow: hidden;
width: 600px;
padding: 4px 0 0;
text-align: left;
line-height: 120%;
margin: 0;
}

#rt-news dd.push_base a {width: calc(100% - 46px);display: inline-block;}
#rt-news dd.push_base a.push_bookmark, #rt-news dd.push_base a.del_bookmark {top: -4px;}

#related-wide #rt-news dd {display: inline-block;height: auto;overflow: hidden;width: 584px;padding: 4px 16px 0 0;text-align: left;vertical-align: top;margin: 4px 0 6px;line-height: 150%;}

body .amazon {
	display: inline-block;
	font-family: 'Oswald', sans-serif!important;
	background: #DDD;
	color: #333!important;
	padding: 0 6px!important;
	font-size: 16px;
	height: 26px;
	line-height: 26px;
	letter-spacing: 0;
	-webkit-text-size-adjust: 100%;
}

body .tower {
	display: inline-block;
	font-family: 'Oswald', sans-serif!important;
	background: #FFDB38;
	color: #F35353!important;
	padding: 0 6px!important;
	font-size: 16px;
	height: 26px;
	line-height: 26px;
	letter-spacing: 0;
	-webkit-text-size-adjust: 100%;
}

body .hmv {
	display: inline-block;
	font-family: 'Oswald', sans-serif!important;
	background: #000;
	color: #F467AC!important;
	padding: 0 6px!important;
	font-size: 16px;
	height: 26px;
	line-height: 26px;
	letter-spacing: 2px;
	-webkit-text-size-adjust: 100%;
}

#sortgenle {
text-align: right;
position: absolute;
margin: -29px 0 0 0;
width: 708px;
}

#sortgenle span {
border: none!important;
}

.musicvideos {
padding: 2px 13px 11px 0 !important;
float:left;
}

#related-wide .musicvideos {
padding: 2px 13px 11px 0 !important;
}

#right-top p{
font-size:10px;
}

.date .kanto:before {
content:"関東";
background:#C03;
color:#FFF;
width: 48px;
height: 21px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .kinki:before {
content:"近畿";
background:#C03;
color:#FFF;
width: 48px;
height: 21px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .chubu:before {
content:"中部";
background: #C2B309;
color:#FFF;
width: 48px;
height: 21px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .tohoku:before {
content:"東北";
background: #B4469A;
color:#FFF;
width: 48px;
height: 21px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .hokkaido:before {
content:"北海道";
background:#C03;
color: #FFF;
width: 60px;
height: 21px;
border-radius: 2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .chugoku:before {
content:"中国";
background: #509FCC;
color:#FFF;
width: 48px;
height: 21px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .shikoku:before {
  content: "四国";
  background: #C03;
  color: #FFF;
  width: 48px;
  height: 21px;
  border-radius: 2px;
  position: relative;
  margin: 0 3px 2px 0px;
  display: inline-block;
  padding: 1px 1px 0;
  text-align: center;
}

.date .kyusyu:before {
content:"九州";
background:#C03;
color:#FFF;
width: 48px;
height: 21px;
border-radius:2px;
position: relative;

margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .okinawa:before {
content:"沖縄";
background:#C03;
color:#FFF;
width: 24px;
height: 13px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .Kanazawa:before {
content:"金沢";
background:#C03;
color:#FFF;
width: 24px;
height: 13px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .Morioka:before {
content:"盛岡";
background:#C03;
color:#FFF;
width: 24px;
height: 13px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .Kyoto:before {

content:"京都";
background:#C03;
color:#FFF;
width: 24px;
height: 13px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;


}

.date .Kobe:before {
content:"神戸";
background:#C03;
color:#FFF;
width: 24px;
height: 13px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .Hiroshima:before {
content:"広島";
background:#C03;
color:#FFF;
width: 24px;
height: 13px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}


.date .Okayama:before{
content:"岡山";
background:#C03;
color:#FFF;
width: 24px;
height: 13px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .Shikoku:before {
content:"四国";
background:#C03;
color:#FFF;
width: 24px;
height: 13px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

.date .Kyusyu:before {
content:"九州";
background: #4FCE7D;
color:#FFF;
width: 24px;
height: 13px;
border-radius:2px;
position: relative;
margin: 0 3px 2px 0px;
display: inline-block;
padding: 1px 1px 0;
text-align: center;
}

#right-release {

}

#right-release dl{

}

#right-release dt{
margin: 0 0 0 6px;
padding: 0;
}

#right-release dd{
padding: 0 2px 4px 10px;
}

#right-release div.Japanese, #right-release div.Overseas{
width:100%;
}

#right-release h3{
font-size: 12px;
margin: 0;
text-align: left;
}

#right-release div a {
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-weight: normal;
font-size: 13px;
text-align: left;
line-height: 120%;
}

#right-release h4{
text-align: left;
margin: 4px 2px 8px 1px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-size: 13px;
line-height: 100%;
}

.spmode, .controls {
display:none;
}

#column-right {
width:100%;
clear:both;
}

#right #magazine dd {
clear:both;
margin:0;
padding: 11px 0 0;
}

#right #magazine h3 {
font-size: 14px;
font-weight:normal;
margin: 0 6px 8px 0px;
}

#right #magazine h4 {
font-size: 12px;
font-weight:normal;
margin: 0 6px 11px 0px;
color:#000;
}

#right #magazine dd p {
font-size: 12px;
text-align: right;
padding: 6px 0 0;
}

#right #writers-column {
padding: 0 0 8px;
}

#right #writers-column dl {
clear:both;
display: inline-block;
border: solid 1px #DDD;
margin:0 0 10px;
}

#right #writers-column dt {
width: 100px;
clear: left;
padding: 8px 0 8px;
display: inline-block;
text-align: center;
}

#right #writers-column dd {
clear: right;
width: 120px;
margin: 10px 9px 8px 2px;
padding: 0;
font-size: 11px;
display: inline-block;
}

#right #writers-column dd p {
font-size: 11px;
margin: 0 0 2px 0;
padding: 0 0 5px 0;
}

#right #writers-column dd p.oki {
border-bottom: 2px solid #E5336E;
}

#right #writers-column dd p.amano {
border-bottom: 2px solid #00AE95;
}

#right #writers-column dd span {
font-size:11px;
}

#right h2.title {
background:#000000;
color:#FFFFFF;
text-align: center;
font-weight: normal;
margin: 0;
}

#right #clothing {
background: #FFFFFF;
padding: 8px 6px;
}

#right #clothing #logo {
width: 80px;
}

#right #clothing #clothingcopy {
font-size:11px;
}

#right #clothing h3 {
color: #c01148;
font-size: 13px;
font-family: 'Bevan', cursive;
font-weight: normal;
}

#right img,#middle img {
max-width:280px;
}

#right .right-space {
margin: 0 0 19px 27px;
display: inline-block;
}

#middle .right-space {
margin: 18px 9px 26px 29px;
display: inline-block;
}

#right .facebook {
background:#FFFFFF;
}

#article {
background:#FFFFFF;
margin: 0;
padding: 12px 12px 0;
}

#article iframe{
max-width:100%;
}


#typeTop {
display: inline-block;
margin: -37px 0 0;
float: right;
width: 260px;
text-align: right;
}

#typeTop li {
display: inline-block;
margin: 0 0 0 8px;
text-transform: uppercase;
}

#Interview, #typeTop {
padding: 0 14px 0 0;
}

.tweet-btn {
width: 95px;
display: inline-block;

}

.sns-status {
text-align: right;
padding: 5px 0 7px;
height: 32px;
width: 615px!important;
}

.line-btn {
position: relative;
top: -2px;
}

div.fb-like {display: inline-block!important;width: auto!important;top: -4px;}

.categorylabel {padding: 12px 0 0px;}

.newstitle {
margin: 8px 0 2px;
font-size: 26px;
line-height: 125%;
}

#entrybody {
padding: 2em 0 16px 0;
}

#entrybody p {
font-size: 18px;
line-height: 180%;
}

#entrybody a.content_last {
text-align:center;
margin: 0 0 24px 83px;
display: inline-block;
}

#entrybody a.content_last img {
}

#entrybody img, #entrybody iframe {
max-width:616px;
}

#entrybody iframe[src*="www.youtube.com"] {
	width:616px;
	height:347px;
}

.line4, .line3 {
text-align: left;
font-size:0;
}


.line4 h3.bkline, .line3 h3.bkline {
margin: 1.6em 23px 6px 0;
}

.line4 span, .line3 span{
clear:both;
display:block;
padding: 5px 0 6px;
text-align: left;
}

.line4 dl {
width: 160px;
/*float: left;*/
margin: 12px 0 0 40px;
padding: 0;
display:inline-block;
vertical-align:top;
}

.line3 dl {width: 188px;/*float: left;*/margin: 12px 0 0 20px;padding: 0;display:inline-block;vertical-align:top;}

.line4 dl.last, .line3 dl.last {
margin: 0;
}

.line4 dt, .line3 dt {
overflow: hidden;
display: block;
}

.line4 dt img {
width: 160px;
}

.line3 dt img {width: 188px;}

.line4 dd, .line3 dd {
padding: 0;
margin: 0;
}

.line4 dd h4{
padding: 7px 0 0;
margin: 0;
font-size: 14px;
line-height: 100%;
display: table-cell;
height: 2.8em;
vertical-align: middle;
text-align: center!important;
width: 160px;
}

.line3 dd h4{padding: 7px 0 0;margin: 0;font-size: 14px;line-height: 100%;display: table-cell;height: 2.8em;vertical-align: middle;text-align: center!important;width: 100%;}

.line4 dd h5 {
font-size: 13px;
margin: 2px 0 8px;
text-align: center;
display: inline-block;
width: 100%;
line-height: 125%;
}

.line3 dd h5 {
font-size: 13px;
margin: 2px 0 8px;
text-align: center;
display: inline-block;
width: 100%;
line-height: 125%;
}

.line4 dd p {
font-size: 12px;
line-height: 135%;
height: 3.8em;
overflow: hidden;
text-align: left;
display: none;
}

.line3 dd p {
font-size: 12px;
line-height: 135%;
height: 3.8em;
overflow: hidden;
text-align: left;
display: none;
}

#related div.meta {
padding:0;
}

#related div .mvgroup, #related-wide div .mvgroup {
padding: 0 0 0 14px;
}

#related #videoarea {
padding: 6px 0 0;
}

#related iframe[src*="www.youtube.com"], #related-wide iframe[src*="www.youtube.com"] {
	width:616px;
	height:347px;
}

#musicgenre li {
font-family: 'Oswald', sans-serif;
list-style: none;
display: inline-block;
padding: 8px 0 3px 16px;
font-size: 24px;
margin: 12px 0px 0 0;
width: 172px;
/* background: #000000; */
position: relative;
z-index: 20;
-webkit-text-size-adjust: 100%;
}

#musicgenre li a {
color:#FFF;
position: relative;
z-index: 25;
}

#musicgenre li:before {
content:"";
background: #000000;
height: 22px;
width: 177px;
position: absolute;
transform: rotate(45deg);
display: block;
-webkit-transform: skew(-22deg, 0deg);
-moz-transform: skew(-22deg, 0deg);
-ms-transform: skew(-22deg, 0deg);
margin: -5px 0 0 -10px;
}

#musicgenre li:after {
content:"";
display: block;
width: 177px;
height: 22px;
background: #000000;
position: absolute;
-webkit-transform: skew(22deg, 0deg);
-moz-transform: skew(22deg, 0deg);
-ms-transform: skew(22deg, 0deg);
margin: -15px 0 0 -10px;
z-index: 10;
}

#musicgenre li.active:before {
background:#c01148;
}

#musicgenre li.active:after {
background:#c01148;
}

.right-release {
background:#FFF;
text-align: center;
padding: 0 0 11px;
}

#right .right-release img {
max-width: 208px;
margin:0 auto;
border:1px solid #DDD;
}

#right .right-release img.latestjacket {
max-width:243px;
border:1px solid #DDD;
}

.latest-review dd, .related-review-r dd {
padding:0;
}

#right .latest-review dd p, #right .related-review-r dd p {
text-align:left;
padding: 0 10px 12px;
font-size: 17px!important;
line-height: 170%;
}

.latest-review dd .meta p {
text-align:center;
padding: 0 0 4px;
}

.right-release h3 span {
color: #c01148;
}

.right-release h4 {
margin: 0px 0 6px;
}

.right-release h4 a {
font-size: 16px;
text-transform: none;
text-align: left;
line-height: 108%;
}

.right-release h5 {
font-size: 14px;
margin: 6px 0 14px;
font-weight: bold;
}

.right-release h5 a{
text-align: left;
font-size: 18px;
line-height: 120%;
}

.related-review-r { 
clear:both;
}

#related-wide .line4 dl {
margin: 12px 21px 0 25px;
height: auto;}

.related-review-r img {
}
.related-review-r .meta {

}



#monitor {
position: fixed;
left:0;
top: 12px;
background:#FFF;
display: block;
}

#jacket {
width:258px;
margin: 0;
float: left;
border:1px solid #DDD;
}

#reviewbody dt {
text-align: left;
float: left;
width: 280px;
padding: 0;
}

#reviewbody dd {
text-align: left;
float: none;
display: inline;
width: 100%;
padding: 24px 0 0;
margin: 0;
}

#reviewbody h4 {
margin:8px 0;
}

#review-text {
font-size: 14px;
line-height: 180%;
padding: 12px 0 24px;
}

/* SLIDE MENU */

#slidemenu {
display: inline-block;
color: #FFF!important;
width: auto;
font-size: 20px;
position: relative;
margin: 0 0 0;
font-weight: bold;
padding: 8px 12px 8px 42px;
line-height: 28px;
border: solid 2px #383838;
top: -86px;
left: 48px;
border-radius: 4px;
}

#slidemenu:before {
content: "";
position: absolute;
border-top: 2px solid #FFF;
width: 18px;
border-bottom: 2px solid #FFF;
height: 14px;
left: 13px;
top: 12px;
}

#slidemenu:after {
content: "";
position: absolute;
border-top: 2px solid #FFF;
width: 18px;

left: 13px;
top: 20px;
}

#topmenu ul#sidr {
width:220px;
}

#sidr li{width: 200px;display: inline-block;font-size: 27px;margin: 0;padding: 20px 0 20px 20px;color: #FFF!important;position: static;border-bottom: 1px solid #464646;}

#pcmenu {
display:none;
}

#carousel img {
width:640px;
height:218px;
}

.dli-chevron-down {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: 0.6em;
    height: 0.6em;
    border: 0.2em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
    margin-left: 0.8rem;
}

.dli-chevron-down.open {
  
}

h3.active:before{
left: 282px;
margin-top: -8px;
}

h3.active:after{
left: 282px;
margin-top: -14px;
}

#videoarea iframe {
width: 610px;
}


.sp-track-bnr {
	position:fixed;
	bottom: 4px;
	width: 640px;
	left: 0;
	z-index: 80;
}

.sp-track-bnr img {
	width: 632px;
	margin: 0 0 0 4px;
}


.items {display:block;width: 198px!important;border-radius: 3px;margin: 4px 4px 4px 7px;border: solid 1px #CCCCCC;float: left;padding: 0 0 12px 0;text-align: center;}

.items dt img{
width: 140px;
}

.items dt a {
	
height: auto;}

.items dt {display: inline-block;width: 180px;padding: 6px 0;}

.items dd {display: inline-block;width: 100%!important;padding: 0;vertical-align: top;text-align: center;}

#related .items dd h4 {
font-weight: normal;
text-align: center;
display: inline-block;
margin: 4px 0 0!important;
}

#related .items dd h4 span {
display:inline-block;
font-size: 10px;
}

.items dd h6 {font-size: 14px;line-height: 108%;color: #000;margin: 4px 0;/* display: none; */}
.items dd h7{/* display:none; */}

.sts-tag {display: inline-block;margin: 0 0 0 0;font-size: 11px;color: #FFF;padding: 2px 3px 0px;position: static;top: inherit;vertical-align: baseline;line-height: 15px;/* float: left; */}

.new-tag {
background: #61C5E6;
}

.re-tag {
background: #FF69CF;
}

.clothinglink {
text-align:right;
padding: 15px 18px 0 0;
clear: both;
}

#related .items h4, #related-wide .items h4 {font-weight:normal;margin: 2px 0px 2px 6px!important;width: auto;display: inline-block;}

#related h4 span.mini, #related-wide h4 span.mini {
font-size:11px;
}

#related #videoarea, #related-wide #videoarea {
padding:0;
margin:0;
}

#related #rt-mv, #related-wide #rt-mv {

}

#right .rightMagazine {
width: 100%;
margin: 8px 0;
}

#right .rightColumn {
width: 100%;
margin: 8px 0;
}

#right .rightColumn dl {
display: inline-block;
width: 49%;
}

#right .rightColumn dt {

}

#right .rightColumn dd {
width: 190px;
/* height: 5.8em; */
line-height: 110%;
}

#right .righthmv {
margin: 14px 9px 14px 29px!important;
}

.itunes-PC {
display:none;
}

#entryimage img {
max-width: 616px!important;
}

.no-pc {
display:inline-block;
}

a.midad {
    margin:0 0 16px;
}

.topranking {
width: 612px;

padding: 14px 14px 2px;
background: #FFF;
word-break: break-all;
float: left;
margin: 0 0 16px 0;
height: auto!important;
}

#rankingmenusp {
width: 612px;
}

#rankingmenusp li {
padding:0px;

font-size: 11px;
list-style:none;
margin: 0;
}



ul#rankingtabsp {
width: 80%;
margin: 6px auto;
height: 54px;
}

ul#rankingtabsp li {
width: 49%;
margin: 12px 0%;
text-align: center;
float: left;
}

ul#rankingtabsp a {
border-radius: 3px;

padding: 4px 0;
width: 100%;
display: block;
background: #EEEEEE;
}

ul#rankingtabsp a.active {
background: #E5336E;
color: #FFF!important;
}

#tabcontentssp li {
font-size: 20px;
font-weight: bold;
line-height: 24px;
margin: 12px 0;
border-bottom: 1px dotted #dddddd;
padding: 0 0 10px 40px;
}
#tabcontentssp li.push_base a {
	width: calc(100% - 57px);
	display:inline-block;
}
#tabcontentssp li.push_base a.push_bookmark {
	top: -7px;
	/* width: 44px; */
}

#tabcontentssp li a {
max-height: 82px;
}

#tabcontentssp li span {
width: 18px;
height: 18px;
padding: 1px 3px 5px;
margin: 0 0 0 -36px;
display: inline-block;
text-align: center;
color: #FFFFFF;
position: absolute;
}

ul#rankingtabsp a.Japanese {
color: #E5336E;
}

ul#rankingtabsp a.Overseas {
color:#00AE95;
}

ul#rankingtabsp a:hover{
background: #C0C0C0;
/* color:#fff; */
}

ul#rankingtabsp a.active {
}

.sp-topad {
margin:0 0 14px;
}

div.artistindexarea {
	/*display:none;*/
}

h3.artistindex {
	display:block!important;
}

#common-footer {
/* clear: both; */
	
/* background: #E6E6E6; */
}

#common-footer #groupmedia {
list-style: none;
padding: 0 8px 24px;
margin: 0;
width: 624px;
font-size:0;
}

#common-footer #groupmedia li {
width: 194px;
display: inline-block;
margin: 0px 7px;
padding: 0;
}

#common-footer dl {
margin: 0;
	
padding: 0;
}

#common-footer dt {
margin: 0;
padding: 0;
}

#common-footer h3 {
/* font-size: 0; */
/* background-size: contain; */
/* width: 100%; */
	height: 108px;
}

#common-footer h3 a{
font-size: 0;
display: inline-block;
width: 100%;
height: 103px;
}

#common-footer dd {
display: none;
font-size: 14px;    padding: 8px 0 0 12px;    margin: 0;
}

#company {
background: #000000;
	
margin: 0;
padding: 24px 0 130px;
text-align: center;
}

#company li {
display: inline-block;
	
margin: 0 24px;
}

#company #company-logo {
text-align: center;
	
width: 100%;
margin: 0;
}

#company #company-logo h3 {
height: 105px;
	
}

#company #company-logo h3 a {
	
display: inline-block;
width: 300px;
height: 73px;
}


#company li a {
    font-size: 21px;
	
}

#right .rightColumn dd p {
	font-size: 16px;
}

#footer-data {
    padding:24px 0;
    width: 100%;
    border-bottom: 8px solid #808080;
}

#footer-data ul {
    list-style:none;
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

#footer-data ul li {
    display:inline-block;
    width: 30%;
    margin: 0 0 0 2%;
    padding: 0;
    text-align: center;
    font-size: 21px;
}

.clothingbnr {

}

.clothingbnr img {
    max-width: 98%;
    margin: 0 1%;
}
