@charset "utf-8";

/*スタイルリセット*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size: 100%;
}
.clear{ clear:both;}
li {list-style-type: none;}
/*clearfix*/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {display:inline-table;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body {
	font:13px/1.5 verdana,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
	*font-size:small;
	*font:x-small;
	font/*\**/: 13px/1.5\9;
	vertical-align:baseline;
	font-style: normal;
	letter-spacing: normal;
	color: #FFFFFF;
	background: url(/img/common/background.jpg) ;
	}

h1,h2,h3,h4,h5{font-family: 'Arial Narrow',"Copperplate Gothic Light","Osaka-mono", "ＭＳ Pゴシック" monospace; font-stretch: condensed;font-weight: bold; }

/* リンク指定
----------------------------------------------- */
a:link {color: #4AE904; text-decoration: none;}
a:visited {color: #288100;text-decoration: none;}
a:hover {color: #FFFF00; text-decoration: underline;}
a img{ border: none;}

img.iconnew{ padding: 0 0 0 8px;}


/* ナビゲーション
----------------------------------------------- */
#normalpage{ background: url(/img/common/headerbg.jpg) repeat-x;}
#social2{ width:275px; margin: 20px 0 0 0; float: right;}
#social2 li{ float: left; margin: 0 2px 2px 0; line-height: 0;}
#social2 li:last-child,#social1 li.sm_ameblo{ margin: 0;}
#normalpage h1.fade{ padding: 18px 0 0 0; float: left;}
#hcontainer2 {position: relative; height: 160px;width: 940px;margin: 0 auto 0 auto; }
.breadcrumbs{width: 940px;margin: 8px auto 0 auto; }

#navicont2,#mainnavi{font-family: "Arial Narrow","Copperplate Gothic Light" , sans-serif; font-size: 1.3em; font-stretch: condensed;font-weight: bold; height: 30px; background: #000000; opacity: 0.8; filter: alpha(opacity=80);top:580px; position: absolute; width: 100%; }
#mainnavi #top-navicont{ width: 940px;margin: 0 auto 0 auto; background: url(/img/top2/main_logo.png) 0px 6px no-repeat; position: relative; bottom: 140px;}
#navicont2{ top:106px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;}
#mainnavi ul{ margin: -4px 0 0 0;}
#navicont2 ul{ width: 940px;margin: 2px auto 0 auto; }

#mainnavi ul li,#navicont2 ul li{ float: left; margin: 0 24px 0 6px; position:relative;}
#mainnavi ul li a,#navicont2 ul li a{color: #FFFFFF;}
#mainnavi ul li a:hover,#navicont2 ul li a:hover{text-decoration: none;color: #4AE904; }

#mainnavi ul #mm_play,#navicont2 ul #mm_play{ background: #000000; width: 60px; height: 60px; border-radius: 30px; text-align: center; vertical-align: middle; padding: 0px 0 0 0 ; margin: -16px 18px 0 0;behavior: url(/js/PIE.htc); *background: none¥9;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;}
#mainnavi ul #mm_play img,#navicont2 ul #mm_play img{ padding: 10px 0 0 1px;}
#mainnavi ul #mm_en,#navicont2 ul #mm_en{ margin: 3px; font-size: 0.7em; background: #333333; padding: 1px 6px 1px 6px; border-radius: 4px;}
#navicont2 ul li{ padding: 0 8px 0 8px;margin: 0 8px 0 6px;}
#navicont2 ul li.active{ background: #666666;}


/* トップページ
----------------------------------------------- */
img#mainbg{ 
	/* Set rules to fill background */
	min-height: 649px;
	min-width: 1060px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	position: absolute;
	top: 0;
	left: 0;
	}
@media screen and (max-width: 1024px){
	img#bg {left: 50%;margin-left: -530px; }
}

#moviewin{display:none;z-index: 100; position: absolute; width:100%; height: 620px; text-align: center; padding: auto 0  auto 0;top: 0px;
	background: rgba(0,0,0,0.8); 
	background /*\**/: #111111 \9; /* IE7-8 */
	filter: alpha(opacity=80);/* IE7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}
#moviewin .close{ font-size: 1.4em; font-weight: bold;}
#moviewin .close a:link, #moviewin .close a:visited{ color: #ffffff;}
#moviewin .cont{background: rgba(0,0,0,1);  width:853px; height: 527px; margin: -250px 0 0 -450px;left: 50%;top: 50%;position: absolute;padding: 10px;}

#hcontainer {position: relative;min-height: 649px; width: 940px;margin: 0 auto 0 auto; }
#social1{ width:199px; margin: 20px 0 0 0; float: left;}
#social1 li{ float: left; margin: 0 7px 0 0;}
#social1 li:last-child,#social1 li.sm_ameblo{ margin: 0;}
#releaseinfo{ background: url(/img/top2/release_bg.png) no-repeat; float: right; width: 226px;margin: 20px 0 0 0; padding: 12px 24px;}
#releaseinfo ul li{ float: left; margin: 0 8px 0 0;}

#contents-top{ width: 940px; clear: both; margin: 0 auto 0 auto;position: relative; top: 0px;}
#top-news h2{ border-bottom: 1px solid #FFFFFF; margin: 0 0 18px 0; font-size: 1.4em; padding: 0 0 6px 0;width: 940px; }
#top-news .each-news{ float: left; width: 258px; padding: 0 24px 0 24px; border-right: 1px solid #ffffff;}
#top-news { border-bottom: 1px solid #ffffff; padding: 0 0 18px 0; }
#top-news p{font-size: 0.9em; margin: 12px 0 8px 0;}
#top-news .articleinfo{ text-align: right; font-size: 0.8em;}

#top-youtube,#top-banner{ padding: 36px 0 36px 0; width: 460px; height: 171px;}
#top-youtube{ float: left;}
#top-banner{ float: right;}
#top-youtube h2,#top-banner h2{font-size: 1.4em; margin: 0 0 6px 0;}
#top-youtube .cont{ background: #DFDFDF; padding: 5px; color: #000000;margin: 0;}
#top-youtube .cont h3{font-size: 0.8em; font-weight: bold; margin: 0 0 12px 0;}
#top-youtube .cont h4{font-size: 0.7em;}
#top-youtube iframe{ float: left; margin: 0 8px 0 0;}

#top-blogs{ clear: both;padding: 88px 0 0 0;}
#top-blogs h2{padding: 0 0 0px 0;margin: 0 0 6px 0;font-size: 1.4em; }
#top-blogs ul li{float: left; margin: 0 20px 36px 0;}

#top-twitter{ height: 500px;}
#top-twitter h2{font-size: 1.4em;margin: 0 0 6px 0; }
#top-twitter .tweet-widget{ width: 300px; margin: 0 20px 20px 0; float:left;}

#top-special{ clear: both;padding: 36px 0 0 0;height: 500px; }
#top-special h2{font-size: 1.4em;margin: 0 0 6px 0; }


/* 通常ページ
----------------------------------------------- */

#pages { margin: 18px 18px 60px 18px;border-bottom: 1px solid #ffffff; padding: 0 0 40px 0;}
#pages h1{ font-size: 1.4em; border-bottom: 1px solid #ffffff; margin: 0 0 18px 0;}
#pages h2 { font-size: 1.2em;  }
#pages p{ line-height: 1.4em; margin: 0 0 1.8em 0;}
img.img-right{ float: right; padding: 0 0 18px 18px;}

.w680{ width: 680px; float: left;}


/* News
----------------------------------------------- */

#news{ margin: 48px 36px 0 36px ;}
#news .eachnews{  margin: 0 0 48px 0; border-bottom: dashed 1px #ffffff;}
#news .eachnews h2{border-left: 5px solid #666666; padding: 0 0 0 18px; }
#news .eachnews p.news-info{ padding: 0 0 6px 18px; margin: 0 0 0 0; font-size: 0.9em;}
#rightside1{margin: 36px 0 0 0;}
#rightside1 ul li{ margin: 0 0 18px 0;}
#news-con{ margin: 36px 100px 0 100px;}
#news-con h1{ border-bottom: dashed 1px #ffffff;padding: 0 0 6px 0; font-size: 1.6em; margin: 0 0 36px 0;}
#news-con .entry-content{ font-size: 1.1em;}
.nav-previous{ float: right;}

/* Discography
----------------------------------------------- */
#pages .disco-content{ float: left; width: 172px; text-align: center; margin: 30px 80px 0 24px;}
#pages .disco-content img.attachment-168x168xjacket{ border: 1px solid #EEEEEE; padding:1px;}
#pages .disco-content .tostore{ margin: 24px 0 0 0;}
#pages .disco-info{margin: 30px 0 0 0; float: left;}
#pages .disco-info h2{ margin: 0 0 18px 0;}
#pages .disco-info ul{ margin: 0 0 18px 0;}

#disco{}
#disco .disco{ width: 155px; float: left; margin: 0 65px 0 0; height: 220px;}
#disco .disco img.attachment-150x150xjacket{ border: 1px solid #EEEEEE; padding:1px;}

/* Goods
----------------------------------------------- */
#pages .goods-content{ float: left; width: 172px; text-align: center; margin: 30px 80px 0 24px;}
#pages .goods-content img.attachment-168x168xjacket{ border: 1px solid #EEEEEE; padding:1px;}
#pages .goods-content .tostore{ margin: 24px 0 0 0;}
#pages .goods-info{margin: 30px 0 0 0; float: left;}
#pages #goods-list{margin: 0 0 18px 30px; clear:both; padding: 0 0 48px 0; border-bottom: dashed 1px #888888;}
#pages #goods-list h2{ margin: 0 0 10px 0;}
#pages .goods-info h2{ margin: 0 0 18px 0;}
#pages .goods-info ul{ margin: 0 0 18px 0;}
#pages .goods_btn_single { clear:both; margin-top:20px; text-align: center; }
#pages .goods_btn { line-height: 1em; font-size:0.8em; margin-top:10px; text-align: center; }

#goods{}
#goods .goods{ width: 155px; float: left; margin: 0 55px 0 0; height: 270px;}
#goods .goods img.attachment-150x150xjacket{ border: 1px solid #EEEEEE; padding:1px;}

.holder { clear:both; text-align: center;}
/* Live
----------------------------------------------- */

#live{}
#live .live-detail{ height: 170px; margin: 0 0 24px 60px;}
#live .soldout{background: url(/img/live/bg_soldout.png) no-repeat 300px 18px; }
#live .date{ background: url(/img/live_date_bg.png) no-repeat; width: 179px; height: 140px; font: 2.2em 'Amarante', cursive; padding: 24px 0 0 0; text-align: center; line-height: 1.1em; float: left; margin: 0 36px 0 0;}
#live .date .year{ font-size: 0.7em;}
#live .date .week{ padding: 0 0 0 90px;font-size: 0.8em;}
#live .live-detail h2{ padding: 24px 0 0 0; font-size:  1.6em; line-height: 1.1em;}
#live .live-detail .place{font-size:  1.1em;}
#live .live-detail .update{ margin: 18px 0 0 0;}
#topastlive{ text-align: center;}

#live h1.live-title{ border-bottom: none; font-size: 1.9em;}
#live-detail { margin: 24px 0 24px 36px;}
#live-detail .live-conts{ margin: 18px 36px 0 220px; }
#live-detail .update{ text-align: right;}

/* Goods
----------------------------------------------- */
#goodslist{}
#goodslist li{ width: 154px; float: left; background: #00358D; padding: 7px; height: 250px; text-align: center; margin: 0 6px 24px 6px;position: relative; }
#goodslist li h2{ text-align: left; line-height: 1.1em; margin: 0 0 8px 0; height: 2em;}
#goodslist li .btnbuy{ margin: 18px 0 0 0; }



/* fade family
----------------------------------------------- */
.fadefamily-info{}
.fadefamily-info h2{ margin: 32px 0 0 0 ;} 
.fadefamily-info h3{margin: 8px 0 0 0 ;} 
.fadefamily-info ul li{margin: 12px 0 18px 0px;}
.fadefamily-info ul li ul{ margin: 0 0 8px 8px;}
.fadefamily-info ul li ul li{margin: 0px 0 0px 0px;}


/* フッター
----------------------------------------------- */
.incontent{width: 940px;margin: 0 auto 0 auto; padding: 24px 0 0 0 ; }
#totop{ text-align: center; font-size: 0.9em; clear: both;}
#werehere{clear: both; background: url(/img/common/background2.jpg); margin: 10px auto 0 auto; position: relative;}

#werehere h3,#werehere h4{font-family: 'Arial Narrow' sans-serif; font-size: 1.2em; font-stretch: condensed;font-weight: bold; border-bottom: 1px solid #ffffff; margin: 0 0 24px 0; padding: 0 0 6px 0;}
#werehere h4{font-size: 1.0em; border-bottom: none; margin: 0 0 0 0;}
#werehere ul li{ float: left; margin: 0 24px 0 0}
#fnavi_request{ width: 202px; float: left;}
#fnavi_links{width: 700px; float: right; margin: 0 0 0 30px;;}
#fnavi_support{ clear: both; padding: 28px 0 0 0 ;}
#equipments{ margin: 0 0px 0 200px;}
#equipments li{ margin: 0 0 0 0; padding: 0 36px 36px 0;}
#labels li{padding: 0 36px 0 0; }
#overseaslabel li{padding: 0 36px 0 0; }

#fbanr li{ float: left; margin: 0 48px 18px 0;}
#fmenu{clear: both;}
#fmenu li{ float: left; margin: 0 12px 18px 0;}
#footer p.copyright{clear: both;}
#footer{ height: 100px; clear: both; padding: 0px 0 0 0 ;}


/* 404 not found
----------------------------------------------- */
#post-0 .entry-title{ font-size: 3.8em;}


/* iPad(portrait & Landscape) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width : 1024px) {
	/* トップページ
	----------------------------------------------- */

	#top-navicont ul li{ margin: 0 20px 0 6px;}
	#navicont2 ul li{ margin: 0 00px 0 6px;}
	#contents-top{ clear: both; margin: 360px auto 0 auto; }
/** */
}



/* Smartphones (portrait) ----------- */
@media screen and (max-width : 400px),(max-device-width: 480px){
	img{ max-width: 100%; }
	/* ナビゲーション
	----------------------------------------------- */
	#normalpage{ }
	#hcontainer2 { height: 220px;width: 96%;margin: 0 auto 0 auto; }
	#social2{ display:none;width:275px; margin: 20px 0 0 0; float: right;}
	.breadcrumbs{width: 96%;margin: 8px auto 0 auto; }
	#navicont2,#mainnavi{height: 110px; opacity: 1; filter: alpha(opacity=100); padding: 8px 0 0 0;}
	#mainnavi { top: 190px; width: 100%;}
	#mainnavi #top-navicont{ width: 100%;margin: 0 auto 0 auto; background: none; position: absolute; top:-70px; }
	#top-navicont h1 img{ width: 158px; height: 70px;}
	#navicont2 ul{ width: 100%;}
	
	#mainnavi ul #mm_play,#navicont2 ul #mm_play{display: none;}
	
	/* トップページ
	----------------------------------------------- */
	img#mainbg{ 
	/* Set rules to fill background */
	min-height: 195px;
	min-width: 320px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	position: absolute;
	top: 0;
	left: 0;
	}
	#hcontainer {position: relative;min-height: auto; width: 100%;margin: 0 auto 0 auto; }
	#contents-top{ width: 90%; clear: both; margin: 0 auto 0 auto; }
	#social1{ margin: 10px}
	#social1 li.facebook img{ width: 90px; height: 27px;}
	#social1 li.twitter img{ width: 43px; height: 13px;}
	#social1 li.sm_ameblo img{ width: 43px; height: 13px;}
	#releaseinfo{display: none;}
	#top-news .each-news{float: none;width:100%; border-right: none; padding: 0; border-bottom: dashed 1px #eeeeee; margin: 0 0 18px 0;}
	#top-news h2{ width: 100%;}
	#top-youtube,#top-banner{ padding: 36px 0 36px 0; width: 90%; height: auto; clear: both; float: none;}
	#top-youtube .cont{ padding: 2px;width:90%;}
	#top-twitter h2{margin: 36px 0 12px 0; }
	#top-twitter .tweet-widget{ margin: 0 0 36px -5px; float:none;}
	#top-special{ height: 50px; }
	
	/* 通常ページ
	----------------------------------------------- */
	#pages { margin: 18px 18px 60px 18px;}
	.w680{ width: 90%; float: none;}
	#rightside1{margin: 10px; text-align: center;}
	
	
	/* Live
	----------------------------------------------- */
	#live .soldout{background: none; }
	#live .live-detail{ clear:both; margin: 0 0 0 0px; height: auto; padding: 0 0 18px 0;}
	#live .date{margin: -24px 0 0 -60px;}
	#live .live-detail h2{ padding: 0px 0 0 0;}
	#live .liveright{ padding:0; margin: 0 0 0 0;}
	#live .live-detail .update{ margin: 18px 0 0 0; font-size: 0.85em;}
	#live-detail { margin: 0;}
	#live-detail .live-conts{ margin: 0; }
	#live-detail .live-conts .mapp-container,.mapp-canvas-panel,.mapp-canvas{width:100% !important; }

	
	/* News
	----------------------------------------------- */
	#news{ margin: 48px 0px 0 0px ;}
	#news .eachnews{  margin: 0 0 48px 0; }
	#news-con{ margin: 0;}
	#news .eachnews p.news-info{ padding: 0 ;}
	.news-info{text-align: right;}
	
	/* Discography
	----------------------------------------------- */
	#disco .disco{ width: 130px; float: left; margin: 0 12px 0 0;}
	
	/* Goods
	----------------------------------------------- */
	#goods .goods{ width: 130px; float: left; margin: 0 12px 0 0;}
	#goodslist li{width: 116px; height: 200px; margin: 0 5px 24px 5px;}
	#goodslist li img.items{ width: 116px; height: 116px;}
	
	/* フッター
	----------------------------------------------- */
	.incontent{width:100%;margin: 0 auto 0 auto; padding: 24px 0 0 0 ; }
	#werehere{}
	#fnavi_request{ float: none;width: 90%; margin: 0 10px 0 10px;}
	#fnavi_links{clear: both; float: none;width: 90%; margin: 0 10px 0 10px;}
	#fnavi_support{ clear: both; float: none;width: 90%; margin: 0 10px 0 10px;}
	#equipments{ clear: both; float: none;width: 90%; margin: 0; padding: 0 0 48px 0;}
	#equipments li{ margin: 0 0 0 0; padding: 0;}
	
	#fmenu{margin: 0 10px 0px 10px;}
	#fmenu li{ margin: 0 12px 18px 0;}
	#footer p.copyright{font-size: 0.8em; padding: 24px 0 0 0;}

}