@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	-webkit-touch-callout: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: none;
	overflow-y: scroll;
	overflow-x: visible;
	height: 100%;
}

body {
	margin: 0;
	overflow-x: visible;
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;
	text-align: center;
	line-height: 1.6;
	color: #666;
	background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

p {
	padding: 0;
	margin: 0;
}

img {
	-webkit-touch-callout: none;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}

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

a:active,
a:hover,
a:focus {
	color: #c4c4c4;
	outline: none;
}

table {
	border-collapse: collapse;
}


/*--------------------------------------
loading
--------------------------------------*/

/* loading */
.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/common/loading/loading.gif) no-repeat center center #fff;
	background-size: 50px auto;
	z-index: 1000;
}


/*--------------------------------------
コンテンツ
--------------------------------------*/
.wrapper {
	position: relative;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-width: 1024px;
	min-height: 100%;
}

.container {
	padding-bottom: 100px;
	position: relative; /*toTop用*/
	height: auto;
}

/*--------------------------------------
header
--------------------------------------*/
#top {
	position: relative;
	height: 143px;
	background: #a1a1a1;
	border-top: solid 3px #696969;
}

.siteTitle {
	margin: 0 auto;
	width: 268px;
}

.siteTitle a {
	padding-top: 95px;
	display: block;
	overflow: hidden;
	width: 268px;
	height: 0;
	background: url(../images/common/header/title.png) no-repeat center center;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.siteTitle a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
}

/* globalNav */
#top nav {
	overflow: hidden;
}

.sb-slidebar.sb-active,
.sb-slidebar,
#menuBtn {
	display: none;
}

.globalNav {
	margin: 0px auto;
	width: 946px;
	height: 36px;
	background: url(../images/common/nav/nav.png) no-repeat 0 -36px;
}

.globalNav li {
	float: left;
}
	
.globalNav a {
	padding-top: 36px;
	outline: none;
	display: block;
	overflow: hidden;
	height: 0;
	background: url(../images/common/nav/nav.png) no-repeat;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.globalNav a:hover {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/*news*/
.navNews a{
	width: 68px;
	background-position: 0px 0px;
}

#news .navNews a {
	background-position: 0px -72px;
}

/*media*/
.navMedia a {
	width: 72px;
	background-position: -68px 0px;
}
	
#media .navMedia a {
	background-position: -68px -72px;
}

	
/*liveEvent*/
.navLiveEvent a {
	width: 116px;
	background-position: -140px 0px;
}
	
#liveEvent .navLiveEvent a {
	background-position: -140px -72px;
}

/*profile*/
.navProfile a {
	width: 89px;
	background-position: -256px 0px;
}
	
#profile .navProfile a {
	background-position: -256px -72px;
}

/*discography*/
.navDiscography a {
	width: 137px;
	background-position: -345px 0px;
}

#discography .navDiscography a {
	background-position: -345px -72px;
}

/*biography*/
.navBiography a {
	width: 116px;
	background-position: -482px 0px;
}

#biography .navBiography a {
	background-position: -482px -72px;
}

/*blog*/
.navBlog a {
	width: 64px;
	background-position: -598px 0px;
}

/*fanMail*/
.navFanMail a {
	width: 98px;
	background-position: -662px 0px;
}
	
#fan-mail .navFanMail a {
	background-position: -662px -72px;
}

/*goods*/
.navGoods a {
	width: 78px;
	background-position: -760px 0px;
}
	

/*mobile*/
.navMobile a {
	width: 107px;
	background-position: -838px 0px;
}

/*special*/
.navSpecial {
	padding-left: 13px;
	width: 91px;
	background-position: -838px 0px;
}

.navSpecial a {
	width: 78px;
	background-position: -851px 0px;
}

#special .navSpecial a {
	width: 78px;
	background-position: -851px -72px;
}

/*mailMagazine*/
.navMailMagazine {
	float: none;
	position: absolute;
	top: 0;
	right: 12px;
	width: 146px;
	height: 24px;
	background: url(../images/common/nav/nav.png) no-repeat -955px -24px;
}
	
.navMailMagazine a {
	padding-top: 24px;
	display: block;
	overflow: hidden;
	width: 143px;
	height: 0;
	background-position: -955px 0px;
}


/*--------------------------------------
コンテンツ
--------------------------------------*/
.primary {
	margin: 0 auto;
	width: 1024px;
	text-align: left;
}

.primary h1 {
	margin: 40px 0 0;
	padding-top: 30px;
	overflow: hidden;
	height: 0;
	font-size: 8px;
}

.info-area {
	margin: 0 auto;
	padding: 0 0 60px;
	overflow: hidden;
	width: 946px;
}

#show_info {
	overflow: hidden;
}

.categoryNav {
	margin: 0px auto;
	padding: 20px 0px 0px;
	text-align: center;
}

.categoryNav li {
	display: inline;
	border-left: solid 1px #ddd;
}

.categoryNav li:first-child {
	border: none;
}

.categoryNav a {
	padding: 0 6px 0 8px;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
}

.categoryNav a:hover {
	text-decoration: underline;
}

.footerNav {
	display: none;
}


/*--------------------------------------
上部へボタン
---------------------------------------*/
ul.toTop {
	position: fixed;
	bottom: 26px;
	right: 18px;
	z-index: 999;
}

ul.toTop li {
	float: right;
	width: 44px;
	height: 44px;
}

ul.toTop a {
	padding-top: 44px;
	position: relative;
	display:block;
	overflow:hidden;
	width: 44px;
	height:0;
	background: url(../images/common/nav/totop.png) no-repeat #a1a1a1;
	border-radius: 4px;
}

ul.toTop a:hover {
	background: url(../images/common/nav/totop.png) no-repeat #a8a8a8;
}

ul.fixed-bottom {
	position:fixed;
	bottom: 26px;
}

/*--------------------------------------
フッター
---------------------------------------*/
footer {
	padding-top: 20px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	min-width: 1024px;
	background: #a1a1a1;
	z-index: 2;
}

footer a {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

footer a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
}

.banner {
	margin-left: -444px;
	overflow: hidden;
	position: absolute;
	bottom: 28px;
	left: 50%;
	width: 500px;
}

.banner li {
	float: left;
}

.banner .fanclub {
	padding-right: 6px;
}

.banner .ken-on {
	padding-right: 5px;
}

.banner .twitter {
	padding: 0;
	padding-right: 8px;
}

.banner .instagram {
	padding: 0;
	padding-right: 8px;
}

.banner .line {
	padding: 0;
	padding-right: 8px;
}

.banner img {
	height: 38px;
}

.banner .fanclub img {
	height: 42px;
}

.banner .ken-on img {
	height: 44px;
}

.credit {
	margin-left: -54px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 500px;
	text-align: right;
	color: #fff;
	font-size: 10px;
}

.copyright {
}

.credit a {
	color: #fff;
	text-decoration: underline;
}

.credit a:hover {
	color: #dad5d3;
}


/*--------------------------------------------------------------------------------------------------*/
/* sp */


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

@media only screen and (max-width: 640px) {

	body {
		min-width: 0;
		background: none;
	color: #333;
	}

	/*--------------------------------------
	loading
	--------------------------------------*/

/* loading */
.loading {
	background: url(../images/common/loading/loading.gif) no-repeat center center #fff;
	background-size: 50px auto;
}


	/*--------------------------------------
	コンテンツ
	--------------------------------------*/
	.wrapper {
		min-width: 320px;
		background: #fff;
	}

	.container {
		padding: 0;
}

	/*--------------------------------------
	header
	--------------------------------------*/
	#top {
		position: static;
		padding-top: 12px;
		min-width: 0;
		height: auto;
	background: none;
	border: none;
	}
	
	.contents-temp #top {
		padding: 12px 0;
	background: #a1a1a1;
}


.siteTitle {
		padding-top: 70px;
		overflow: hidden;
		width: auto;
		height: 0;
		background: url(../images/common/header/title_sp.png) no-repeat center top;
		background-size: auto 70px;
}

	.siteTitle a {
		display: none;
	}

	.siteTitle a {
		cursor: default;
	}

	/* globalNav */
	.globalNav {
	display: none;
	}
	
	/* icon */
	#menuBtn {
		display: block;
		position: fixed;
		top: 4px;
		left: -1px;
		width: 51px;
		height: 50px;
		cursor: pointer;
		z-index: 999;
	border-radius: 0 4px 4px 0;
	}

	.sb-toggle-left {
		padding-top: 50px;
		overflow: hidden;
		display: block;
		width: 51px;
		height: 0;
		background: url(../images/common/nav/menu.png) no-repeat right top #a1a1a1;
		background-size: auto 50px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	border-radius: 0 4px 4px 0;
	}

	.sb-active .sb-toggle-left {
		background: url(../images/common/nav/menu_close.png) no-repeat right top #b7b7b7;
		background-size: auto 50px;
	border-radius: 0 4px 4px 0;
	}

	/* navigation */
	#top nav {
	}

	.sb-slidebar.sb-active,
	.sb-slidebar,
	#menuBtn {
		display: block;
	}

	.sb-slidebar {
		width: 172px;
		background: #b7b7b7;
	}

	.sb-slidebar li {
		margin: 0 auto;
		width: 148px;
		height: 34px;
	}

		
.sb-slidebar .navTop {
	margin-bottom: 6px;
height: 64px;
	border-bottom: solid 1px #cecece;
}
.sb-slidebar .navMobile {
	display: none;
}

	.sb-slidebar .navMailMagazine {
	position: static;
	background: none;
	}

.sb-slidebar a {
	padding-top: 34px;
	overflow: hidden;
	display: block;
	width: 148px;
	height: 0;
	background: url(../images/common/nav/nav_sp.png) no-repeat center center;
	background-size: 296px auto;
}

.sb-slidebar .navTop a {
	padding-top: 64px;
	display: block;
	overflow: hidden;
	width: auto;
	height: 0;
	background: url(../images/common/header/title_sp.png) no-repeat center center;
	background-size: auto 40px;
}

#news .sb-slidebar .navNews a,
.sb-slidebar .navNews a {
	background-position: 0px 0px;
}

#media .sb-slidebar .navMedia a,
.sb-slidebar .navMedia a {
	background-position: -148px 0px;
}

#liveEvent .sb-slidebar .navLiveEvent a,
.sb-slidebar .navLiveEvent a {
	background-position: 0px -34px;
}

#profile .sb-slidebar .navProfile a,
.sb-slidebar .navProfile a {
	background-position: -148px -34px;
}

#discography .sb-slidebar .navDiscography a,
.sb-slidebar .navDiscography a {
	background-position: 0px -68px;
}

#biography .sb-slidebar .navBiography a,
.sb-slidebar .navBiography a {
	background-position: -148px -68px;
}

.sb-slidebar .navBlog a {
	background-position: 0px -102px;
}

.sb-slidebar .navGoods a {
	background-position: -148px -102px;
}

#fan-mail .sb-slidebar .navFanMail a,
.sb-slidebar .navFanMail a {
	background-position: 0 -136px;
}

.sb-slidebar .navMailMagazine a {
	background-position: -148px -136px;
}


/*special*/
.sb-slidebar .navSpecial {
	margin-top: 6px;
	padding: 6px 0 0 0;
	background: none;
	border-top: solid 1px #cecece;
}

#special .sb-slidebar .navSpecial a,
.sb-slidebar .navSpecial a {
	width: 148px;
	background-position: 0 -170px;
}


#news .sb-slidebar .navNews a,
#media .sb-slidebar .navMedia a,
#liveEvent .sb-slidebar .navLiveEvent a,
#profile .sb-slidebar .navProfile a,
#discography .sb-slidebar .navDiscography a,
#biography .sb-slidebar .navBiography a,
#special .sb-slidebar .navSpecial a,
#fan-mail .sb-slidebar .navFanMail a {
		filter: alpha(opacity=30);
		-moz-opacity: .3;
		opacity: .3;
}
	
	/*--------------------------------------	
	コンテンツ
	--------------------------------------*/
	.primary {
		padding: 0 12px;
	width: auto;
		min-width: 320px;
	}

.primary h1 {
	margin: 24px 0 0;
	padding-top: 28px;
	}

.info-area {
	margin: 0;
	padding: 0 0 40px;
	width: auto;
	border-bottom: solid 1px #b7b7b7;
}

#show_info {
	overflow: hidden;
}

.categoryNav {
	padding: 8px 0px 12px;
}

.categoryNav a {
	padding: 0 0 0 5px;
	font-size: 12px;
}

	/*--------------------------------------
	footerNav
	---------------------------------------*/
.primary nav {
	padding: 24px 0;
	background: #fff;
}

.footerNav {
	margin: 0 auto;
	display: block;
	overflow: hidden;
	width: 296px;
}

.footerNav li {
	float: left;
	width: 148px;
	height: 34px;
	
}

.footerNav .navSpecial {
	padding-left: 0;
}


.footerNav .navMobile {
	display: none;
}
.footerNav .navMailMagazine  {
	position: static;
	background: none;
}

.footerNav a {
	padding-top: 34px;
	overflow: hidden;
	display: block;
	width: 148px;
	height: 0;
	background: url(../images/common/nav/nav_footer.png) no-repeat;
	background-size: 296px auto;
}

#news .footerNav .navNews a,
.footerNav .navNews a {
	background-position: 0px 0px;
}

#media .footerNav .navMedia a,
.footerNav .navMedia a {
	background-position: -148px 0px;
}

#liveEvent .footerNav .navLiveEvent a,
.footerNav .navLiveEvent a {
	background-position: 0px -34px;
}

#profile .footerNav .navProfile a,
.footerNav .navProfile a {
	background-position: -148px -34px;
}

#discography .footerNav .navDiscography a,
.footerNav .navDiscography a {
	background-position: 0px -68px;
}

#biography .footerNav .navBiography a,
.footerNav .navBiography a {
	background-position: -148px -68px;
}

.footerNav .navBlog a {
	background-position: 0px -102px;
}

.footerNav .navGoods a {
	background-position: -148px -102px;
}

#fan-mail .footerNav .navFanMail a,
.footerNav .navFanMail a {
	background-position: 0 -136px;
}

.footerNav .navMailMagazine a {
	background-position: -148px -136px;
}

#special .footerNav .navSpecial a,
.footerNav .navSpecial a {
	background-position: 0 -170px;
}

#news .footerNav .navNews a,
#media .footerNav .navMedia a,
#liveEvent .footerNav .navLiveEvent a,
#profile .footerNav .navProfile a,
#special .footerNav .navSpecial a,
#discography .footerNav .navDiscography a,
#biography .footerNav .navBiography a,
#fan-mail .footerNav .navFanMail a {
		filter: alpha(opacity=30);
		-moz-opacity: .3;
		opacity: .3;
}

	/*--------------------------------------
	上部へボタン
	---------------------------------------*/
	ul.toTop {
		bottom: 12px;
		right: 12px;
	}

	ul.toTop li {
		width: 40px;
		height: 40px;
	}

	ul.toTop a {
		padding-top: 40px;
		width: 40px;
		background: url(../images/common/nav/totop_sp.png) no-repeat #a1a1a1;
		background-size: 40px auto;
		border-radius: 4px;
	}

	ul.toTop a:hover {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		background: url(../images/common/nav/totop_sp.png) no-repeat #a1a1a1;
		background-size: 40px auto;
	}

	/*--------------------------------------
	フッター
	---------------------------------------*/
	footer {
		padding: 0 12px;
		position: relative;
		width: 100%;
		height: auto;
		min-width: 0;
		min-height: 0;
		background: #fff;
	}

footer a {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

footer a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.banner {
	margin: 0 auto;
	padding: 24px 0;
	position: static;
	overflow: hidden;
	width: 296px;
}

.banner li {
	display: block;
	float: left;
}

.banner .fanclub {
	padding: 0;
	background: url(../images/common/banner/fanclub_sp.png) no-repeat left 2px;
	background-size: auto 40px;
}

.banner .ken-on {
	padding: 0;
	background: url(../images/common/banner/ken-on_sp.png) no-repeat -5px top;
	background-size: auto 44px;
}

.banner .twitter {
	padding: 0;
	background: url(../images/common/banner/twitter_sp.png) no-repeat center center;
	background-size: 40px auto;
}

.banner .instagram {
	padding: 0;
	background: url(../images/common/banner/instagram_sp.png) no-repeat center center;
	background-size: 40px auto;
}

.banner .line {
	padding: 0;
	display: block;
	background: url(../images/common/banner/line_sp.png) no-repeat center center;
	background-size: 40px auto;
}

.banner .fanclub img {
	padding-top: 44px;
	overflow: hidden;
	width: 112px;
	height: 0;
}

.banner .ken-on img {
	padding-top: 44px;
	overflow: hidden;
	width: 50px;
	height: 0;
}

.banner .instagram img {
	padding-top: 44px;
	overflow: hidden;
	width: 44px;
	height: 0;
}

.banner .twitter img {
	padding-top: 44px;
	overflow: hidden;
	width: 44px;
	height: 0;
}

.banner .line img {
	padding-top: 44px;
	overflow: hidden;
	width: 44px;
	height: 0;
}

.credit {
	margin: 0px;
	padding: 24px 44px 32px 0;
	position: relative;
	left: auto;
	bottom: auto;
	width: auto;
	text-align: left;
	color: #fff;
	font-size: 10px;
	border-top: solid 1px #b7b7b7;
}

.credit:before {
	content: "";
	display: block;
	position: absolute;
	top: -94px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #b7b7b7;
}

.logo {
	display: none;
}

	.copyright {
	color: #666;
		line-height: 1.3;
	font-size: 9px;
	}

.credit a {
	color: #666;
}

.credit a:hover {
	color: #666;
}

}