/* charset */
@charset "iso-2022-jp";


/* 全体 */
body {
	width: 640px;
	background: url("../img/common/bg_top.gif") repeat-x scroll 0 0 #FFFFFF;
	font-size:100%;
	font-family: 'Open Sans Condensed','Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
	color: #000000;
	/*margin: 0 auto;
    position: relative;*/

}

body a{/*リンクされた文字*/
    color:#000000;
    font-style:normal;
    text-decoration:none;
}

body a:hover {/*マウスをのせたとき*/
    color:#999999;
    font-style:normal;
    text-decoration:none;
}

body a:active {/*クリック中*/
    text-decoration:none;
}

a:hover img{
	opacity:0.5;
}

body, h1, h5, h6, p, ul, li, ol, dl, dt, dd {
    margin: 0;
    padding: 0;
}

article {
	clear:both;
}





/* ヘッダー */
header {
    /*line-height: 0;*/
    padding: 25px 0;
    /*position: relative;*/
	height: 100px;
}

header h1 {
	margin-left:10px;
}


/*header, section {
    margin: 0 auto;
    width: 960px;
}*/

header nav {
	margin-top:10px;
    /*float: right;*/
    /*position: absolute;*/
    /*right: 0;
    top: 55px;*/
}

nav ul {
	padding: 0 10px;
}

nav ul li {
	list-style:none;
	float:left;
	margin:0 11px 0 0;
}


nav ul li.last {
	margin:0;
}

header ul li a {
    display: block;
    height: 40px;
	font-family: 'Roboto', sans-serif; font-weight: 400;
	font-size:170%;
}





/* フッター */

footer {
    background: url("../img/common/bg_top.gif") repeat-x scroll 0 53px #FFFFFF;
    padding: 20px 0;
	width: 100%;
	margin: 60px 0 0;
}


footer p.copyright {
	text-align: center;
	font-size: 80%;
	font-family: 'Roboto', sans-serif; font-weight: 400;
}





/* タイトル帯 */
.ttl {
	width:100%;
	padding:10px 0 ;
	background-color:#000;
	margin:0 auto 30px;
}


.ttl h2 {
	margin: 0 0 0 10px;
	font-family: 'Roboto', sans-serif; font-weight: 400;
	color:#fff;
	font-size:250%;
}

.ttl img {
	vertical-align:middle;
}





/* サブタイトル */

#topic h2 {
	font-family: 'Roboto', sans-serif; font-weight: 100;
	font-size:240%;
}

#topic h3 {
	font-size:150%;
	border-bottom: solid 1px #000;
	padding-bottom:5px;
	font-weight:normal;
}

#live h3 {
	font-size:120%;
	border-bottom: solid 1px #000;
	padding-bottom:5px;
	font-weight:normal;
}

h3 {
	font-family: 'Roboto', sans-serif; font-weight: 400;
	font-size:200%;
	border-bottom: solid 1px #000;
	padding-bottom:5px;
}

h4 {
	font-size:150%;
	margin:-5px 0 10px;
	color: #990000;
}





/* div */

#biography div {
	padding: 0 10px;
}

#discography {
	padding: 0 10px;
	margin-bottom:400px;
}

#movie {
	padding: 0 10px;
}

#topic {
	padding: 0 10px;
}

#topic div {
	/*padding: 0 10px;*/
	margin: 0 0 50px;
}

#live {
	padding: 0 10px;
}

#download div {
	padding: 0 10px;
}


#contact div {
	padding: 0 10px;
}

#goods {
	padding: 0 10px;
}



/* Topic */

#topic dl {
    margin: 0 0 30px;
}

#topic dl dt {
    border-left: 3px solid #CCCCCC;
    clear: left;
    color: #000000;
    float: left;
    margin: 0 0 1em;
    padding-left: 5px;
    width: 7.5em;
}

#topic dl dd {
    margin-bottom: 1em;
    margin-left: 10.5em;
	padding-right: 70px;
}

/*.date {
	font-family: 'Roboto', sans-serif; font-weight: 400;
}*/

#topic .subttl {
	color: #800000;
    font-weight: bold;
}

#topic p {
	margin:0 0 20px;
	line-height: 1.8;
}

.topiclist {
	margin-bottom:100px!important;
}

#topic a{/*リンクされた文字*/
    color:#000000;
    font-style:normal;
    text-decoration:underline;
}

.pickup {
	margin: 30px 0 30px!important;
}

p.icon  {
	font-family: 'Roboto', sans-serif; font-weight: 400;
	font-size:90%;
	background-color:#ff1947;
	color:#fff;
	padding:1px 2px;
	width:5em;
	text-align:center;
	margin-bottom:-10px;
	border-radius:3px;
}



/* Live */

/*#live {
	width:940px;
	margin: -20px auto 0;
}*/


#month {
	display:none;
}



#schedule {
	float:left;
	/*width:750px;*/
}

#schedule dl dt {
    border-left: 3px solid #CCCCCC;
    clear: left;
    color: #000000;
    float: left;
    margin: 0 0 1em;
    padding-left: 5px;
    width: 7.5em;
}

#schedule dl dd {
    margin-bottom: 1em;
    margin-left: 10.5em;
}

#schedule div {
	margin:0 auto 80px;
}

p.new  {
	font-family: 'Roboto', sans-serif; font-weight: 400;
	background-color:#ff1947;
	color:#fff;
	padding:1px 2px;
	width:3em;
	text-align:center;
	margin-bottom:-10px;
	border-radius:3px;
}


/* Discography */

/*#discography ul {
	width: 960px;
}*/

#discography img {
	width:195px;
}


#discography ul li {
	list-style:none;
	float:left;
	margin:0 5px 5px;
}


/* detail */
#detail {
	width:450px;
	padding: 0 30px;
}

#detail div {
	margin-bottom: 30px;
}

.jacket {
	text-align:center;
}

.tracks {
	margin: 10px 0;
}


p.category  {
	font-family: 'Roboto', sans-serif; font-weight: 400;
	/*font-size:90%;*/
	background-color:#696969;
	color:#fff;
	padding:1px 5px;
	/*width:3em;*/
	text-align:center;
	margin-bottom:-10px;
	border-radius:3px;
	float:right;
	margin-top: -67px;
}



/* Movie */

.movielist {
	float:left;
	margin:0 5px 20px 5px;
	width:300px;
}

.movielist_last {
	float:left;
	margin:0 5px 20px 5px;
	width:300px;
}

#movie p {
	font-size:105%;
}




/* Biography */


#biography p{
	margin-bottom: 10px;
}

.ruby {
	margin-top:-15px;
}


#biography img{
	width:100%;
}





/* Contact */


.mail {
	font-family: 'Roboto', sans-serif; font-weight: 100;
	font-size:150%;
	text-align:center;
	margin: 50px 20px 90px;
}

.magazine {
	margin: 0 0 20px!important;
}




/* other */
.none {
	clear: both;
}

img.icon {
	margin:0 0 -15px 15px;
	width:50px!important;
}


/* goods */

.goodslist {
	float:left;
	margin:0 5px 20px 5px;
	width:300px;
}

.goodslist_last {
	float:left;
	margin:0 5px 20px 5px;
	width:300px;
}

#goods p {
	font-size:105%;
}


/*goods */
img.goods_img {
	border:solid 1px #ccc;
}



.goodslist p {
	font-size:105%;
	text-align:center;
}

.goodslist_last p {
	font-size:105%;
	text-align:center;
}

.tee_size {
	margin:10px 0;
}

.tee_size h4 {
	font-size:110%;
	margin-bottom:10px;
	color:#000;
	font-weight:100;
}

.tee_size td {
	padding:5px 10px;
}

p.lead {
	margin:-15px 0 30px;
}

.goods_box {
	margin-bottom:50px;
}

/* Download */

#download .subttl {
	color: #800000;
    font-weight: bold;
}


#download p{
	margin-bottom: 10px;
}

#download p{
	margin-bottom: 30px;
}



#download .btn a {
	background-color: #333;
	color: #fff;
	padding:5px 20px;
	text-decoration:none;
}

#download .btn:hover a{
	background-color: #59b1eb;
	color: #fff;
}

#download p a {
	text-decoration:underline;
}

#download p.btn {
	font-family: 'Roboto', sans-serif; font-weight: 100;
	text-align:center;
	font-size:200%;
	margin: 50px 0;
}


/* ソールド情報 */

#live span.sold {
	background-color:#ff0000;
	padding:1px 5px;
	border-radius:2px;
	color:#ffffff;
	margin-left:5px;
	font-family: 'Roboto', sans-serif;
	font-size:90%;
}

#live span.sold_dec {
	text-decoration:line-through;
}


/* Information */

#info {
	padding: 0 30px;
}

#info div.comment_info {
	margin:20px auto 60px;
}

#info p.txt {
	margin:10px 0 20px;
	font-size: 20px;
}

#info p.date_tccm {
	text-align:right;
	margin:50px 0;
}

#info .videopc {
    text-align:center;
}

#info .videopc {
    display: none;
}

a.buy {
	display: inline-block;
	text-align: center;
	text-decoration: none!important;
	outline: none;
  background-color: #59b1eb;
  color: #fff;
  font-weight: bold;
	font-size: 120%;
  padding:5px 20px;
  margin:10px 0;
}

/*
a.buy::before,
a.buy::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
a.buy,
a.buy::before,
a.buy::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
*/


/** 配信用バナー **/

/**.listen_ {
	width:960px;
	margin: 0 auto 30px!important;
	overflow:hidden;
}

.listen_ img {
	width:150px;
}

.listen_ p {
	float:left;
}

.listen_ p.left,p.center {
	margin-right:10px!important;
}**/


.listen_ {
	width:600px;
	margin: -20px auto 40px;
	overflow:hidden;
}

.listen_ img {
	width:290px;
}


.listen_ p.left {
	margin-bottom:15px!important;
	margin-right: 15px!important;
	float:left;
}

.listen_ p.center {
	margin-bottom:15px;
	float:left;
}

.listen_ p.right {
	clear: left;
}

#schedule .senko_ {
	margin: 10px 0;
}

#schedule .senko_ a {
	text-decoration: underline;
	}

.moviebox{  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;}
.moviebox iframe{width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;}