@charset "Shift-JIS";
/**********************************************************************
**********************************************************************/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('//fonts.googleapis.com/css?family=Oswald:200,300');
@import url(top.css);
@import url(news.css);
@import url(discography.css);
@import url(movie.css);
@import url(http://over-tt.com/common/css/biography.css);
@import url(goods.css);

/* -----------------------------------------------
タグ初期化
------------------------------------------------- */
*{ margin:0; padding:0; }
html{ margin:0; padding:0; }
body{
	font-family: 'Noto Sans JP', sans-serif;
	*font-size:small;
	*font:x-small;
	color:#333;
	-webkit-text-size-adjust:100%;
}
body *{ max-height:999999px; }
body.sp{ font-size:13px; line-height:1.4; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
img { border:none; vertical-align:top; }
strong{ font-weight:bold; }
address{ font-style:normal; }
table { font-size:inherit; line-height:inherit }

a { color:inherit; text-decoration:underline; outline:none; }

body .sp{ display:none; }
body.sp .sp{ display:block; }
body.sp .pc{ display:none; }

/* -----------------------------------------------
汎用クラス
------------------------------------------------- */

.clearfix:after{ content:"."; display:block; height:0; font-size: 0; line-height: 0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
* html .clearfix{ height:1%; }
.clearfix{ display:block; }

a:hover img{ opacity:0.6; }

.inner{ width:1024px; margin:0 auto; }
body.sp .inner{ width:auto; }
body.sp #wrapper,
body.sp #upper,
body.sp #footer{ min-width:320px; }
body.sp #wrapper{ padding-top:26px; }

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

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

#header{ background:#FFF; position:relative; z-index:101; }
#header .inner{ position:relative; height:107px; background:#FFF; }
body.sp #header .inner{ position:fixed; left:0; top:0; right:0; height:26px; z-index:101; }

#header #logo{ position:absolute; left:0; top:14px; z-index:101; }
#header #logo a{
	display:block; width:260px; height:50px;
	background:url(../img/hf/logo.png);
	font-size:0; line-height:0; text-indent:-9999px;
}
body.sp #header #logo{ left:5px; top:0; }
body.sp #header #logo a{
	width:135px; height:26px;
	background:url(../img/hf/sp/logo.png); background-size:auto 26px;
}

#nav{ }
#nav ul{ position:absolute; right:0px; top:15px; display:table; }
#top #nav ul{ right:-10px; }
#nav li{ display:table-cell; list-style:none; }
#nav li a{
	display:block; padding:15px 10px;
	font-family:'Oswald', sans-serif; font-weight:300;
	font-size:125%; line-height:1.2; text-decoration:none;
}
#nav li a:hover,
#top #nav ul li.n1 a,
#news #nav ul li.n2 a,
#news.live #nav ul li.n3 a,
#biog #nav ul li.n4 a,
#disc #nav ul li.n5 a,
#movie #nav ul li.n6 a,
#goods #nav ul li.n7 a,
#cont #nav ul li.n8 a{ color:#E3880D; }

#nav ul li.n7{ display:none !important; }

#news.live #nav ul li.n2 a{ color:inherit; }

#nav .open{ display:none; font-size:0; line-height:0; text-indent:-9999px; }

body.sp #nav{ margin-right:0; }
body.sp #nav .open{
	position:absolute; right:5px; top:0px;
	display:block; width:25px; height:25px; cursor:pointer;
	background:url(../img/hf/sp/open.gif) ; background-size:25px;
}
body.sp #nav ul{
	display:block; overflow-y:auto;
	background:rgba(0,0,0,0.60); border-top:1px solid #AAA;
	position:fixed; left:0px; right:0px; top:26px;
}
body.sp #nav li{
	display:block; float:left; width:50%;
	background:#FFF; border-bottom:1px solid #AAA; border-left:1px solid #AAA;
	padding:0; margin-left:-1px;
}
body.sp #nav li a{ font-size:18px; line-height:49px; text-align:center; padding:0 10px; background:none !important; }


#title{ font-family:'Oswald', sans-serif; font-weight:200; font-size:600%; line-height:1.0; color:#DFDDDB; margin-bottom:20px; }
body.sp #title{ font-size:53px; line-height:1.2; margin-bottom:12px; }

#contents{ padding:30px 0 0; }
body.sp #contents{ padding:15px 0 0; }

#contents #main{ width:630px; float:left; }
#contents #side{ width:330px; float:right; }

#contents.single #main,
#contents.single #side{ width:auto; float:none; }

body.sp #contents #main,
body.sp #contents #side{ width:auto; float:none; }

/*
#contents.page{ font-size:87.5%; line-height:1.4; }
*/
#contents.page table,
#contents.page ul,
#contents.page ol,
#contents.page p{ margin-bottom:1em; }
#contents.page img{ max-width:100%; height:auto; }
body.sp #contents.page{ font-size:12px; line-height:1.4; }
body.sp #contents.page #main{ padding:0 10px; }

#main .navigation{ text-align:center; padding:40px 0 0; }
#main .navigation span,
#main .navigation a{
	display:inline-block;
	font-family:'Oswald', sans-serif;
	font-size:131.25%; font-weight:300; line-height:1.4; text-decoration:none;
	padding:2px 10px;
}
#main .navigation a{ background:#F5F3F1; }
#main .navigation a:hover{ background:#E3880D; color:#FFF; }
#main .navigation a[rel="prev"]{ margin-right:30px; padding:2px 20px 2px 10px; }
#main .navigation a[rel="next"]{ margin-left:30px; padding:2px 10px 2px 20px; }

body.sp #main .navigation{ padding:20px 5px 0; }
body.sp #main .navigation span,
body.sp #main .navigation a{ font-size:16px; line-height:1.4; padding:2px 3px; }
body.sp #main .navigation a:hover{ background:#E3880D; color:#FFF; }
body.sp #main .navigation a[rel="prev"]{ margin-right:10px; padding:2px 10px; }
body.sp #main .navigation a[rel="next"]{ margin-left:10px; padding:2px 10px; }

#main .navigation h2,
#main .navigation span span,
#main .navigation a span{ display:none !important; }


#upper{ text-align:right; }
#upper p{ padding:0; }
#upper p a{
	display:inline-block;
	background:url(../img/hf/upper.gif) no-repeat right bottom;
	font-family:'Oswald', sans-serif; color:#221815; text-decoration:none;
	font-size:106.25%; line-height:1.2; font-weight:200;
	padding:0 30px 10px 0;
}

body.sp #upper p{ padding:0 10px 0 0; }
body.sp #upper a{
	font-size: 13px; line-height: 1.2;
	background:url(../img/hf/sp/upper.gif) right bottom no-repeat; background-size:19px auto;
	padding:0 21px 4px 0;
}

#footer{ background:#221815; color:#FFF; }
#footer .inner{ padding:0 0 17px; }
body.sp #footer .inner{ padding:15px 10px 20px; }

#footer #h_sns{ float:left; padding:17px 0 0; }
#footer #h_sns p{ float:left; padding-left:15px; }
#footer #h_sns a{ display:block; width:34px; height:34px; font-size:0; line-height:0; text-indent:-9999px; }
#footer #h_sns .t a{ background:url(../img/hf/t.gif); }
#footer #h_sns .f a{ background:url(../img/hf/f.gif); }
#footer #h_sns .l a{ background:url(../img/hf/l.gif); }
#footer #h_sns .t_fm a{ background:url(../img/hf/t_fm.gif); width:159px; height:34px; }

body.sp #footer #h_sns{ float:none; display:table; margin:0 auto; padding:0; }
body.sp #footer #h_sns p{ display:table-cell; padding:0 6px; }
body.sp #footer #h_sns a{ width: 25px; height:25px; }
body.sp #footer #h_sns .t a{ background:url(../img/hf/sp/t.gif) center center no-repeat; background-size:auto 25px; }
body.sp #footer #h_sns .f a{ background:url(../img/hf/sp/f.gif) center center no-repeat; background-size:auto 25px; }
body.sp #footer #h_sns .l a{ background:url(../img/hf/sp/l.gif) center center no-repeat; background-size:auto 25px; }
body.sp #footer #h_sns .t_fm a{ background:url(../img/hf/sp/t_fm.gif) center center no-repeat; background-size:auto 25px; width: 115px; }

#footer .copy{ float:right; text-align:right; font-size:81.25%; line-height:1.2; padding:25px 0 0; }
body.sp #footer .copy{ float:none; font-size:11px; line-height:1.4; padding:15px 0 0; text-align:center; }

#twitter_follow {
    font-size: 18px;
    line-height: 1.6;
    padding: 5px 10px;
}
#twitter_follow a{ color:#FFF; }

ol.mp3{ padding-left:1.2em; }
ol.mp3 li{ margin-bottom:5px; }

/* 音源用 */
.mp3 a{ display:inline-block; height:14px; vertical-align:middle; margin-left:1em; }
.mp3 a img{ vertical-align:top; }
.mp3 a.me{ display:none; }
.mp3 .on a.me{ display:inline-block; }
.mp3 .on a.ms{ display:none; }

/* end */