@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 */

.clear{clear: both;}

body {
	font:13px/1.5 "ヒラギノ角ゴ 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: #3C3C3C;
	background: url(/img/common/jilldecoy-bg.jpg) repeat-x;
	}

/* リンク指定
----------------------------------------------- */
a:link {color: #F5940B; text-decoration: none;}
a:visited {color: #9A754C;text-decoration: none;}
a:hover {color: #FFDE03; text-decoration: underline;}
a img{ border: none;}


p::selection,li::selection {background: #F58F00;color:#FFFFFF;}
p::-moz-selection,li::-moz-selection {background: #F58F00;color:#FFFFFF;} /* Firefox対応*/

.tolisten a{ background: url(/img/common/icon_s_play.png) no-repeat 0px 2px; padding: 0 0 0 18px;}
.todetail{ text-align: right; }

/* ヘッダー＋ナビゲーション
----------------------------------------------- */
header { background: url(/img/common/header_bg.gif); height: 97px;}
#head-cont{ width:960px; margin: 0 auto 0 auto; padding: 24px 12px 8px 12px; }
header ul,header ul li{ float: left; margin: 0 24px 0 0;}
header ul#mainnavi{ margin: 0px 0 0 0px; }
header ul#social{ float: right;margin: -40px 0px 0 0px;}
header ul#social li{ margin: 0 8px 0 0;}
header ul#mainnavi li img,header ul#social li img{-webkit-transition: 0.3s ease-in-out;}
header ul#mainnavi li a:hover img{filter:alpha(opacity=20); -moz-opacity: 0.2;opacity: 0.2;}
header ul#social li a:hover img{ -webkit-transform: scale(1.4);-moz-transform: scale(1.4); filter:alpha(opacity=20); -moz-opacity: 0.2;opacity: 0.2;}

.breadcrumbs{ width:960px; margin: 0 auto 0 auto; padding: 18px 12px 8px 24px; }

/* レイアウト
----------------------------------------------- */
#contents,#mainvisual .cont,#satelite .cont,#topicpath{ width:960px; margin: 0 auto 0 auto; padding: 18px 24px 100px 24px;	line-height: 1.8em;}
#satelite{ clear: both; background: url(/img/common/label_satelite_bg.png) repeat-x; }
#satelite .cont { background: url(/img/common/label_satelite.png) no-repeat; padding: 66px 24px 18px 24px; text-align: center;}
#satelite .cont img{ margin: 0 12px 30px 12px;}
#footer {text-align: center; font-size: 0.85em; border-top: #0D1838 8px solid; padding: 0 0 48px 0; clear: both;}
#footer .cont{ padding: 40px 0 0 0; background: url(/img/common/label_footer.png) no-repeat center top; margin: -19px 0 0 0; }
#satelite a:hover img {filter:alpha(opacity=20); -moz-opacity: 0.2;opacity: 0.2;}

#line-y{ background: url(/img/common/line.png) center bottom repeat-x; height: 20px; padding: 24px 0 0 0;}
#topicpath li{float: left; margin: 0 18px 0 0 ;}
#contents h1:first-child{margin: 28px 0 32px 0;}
#page-conts{ margin: 0 48px 0 48px; width: 680px;}


/* トップページ
----------------------------------------------- */
#moviewin{display:none;z-index: 100; position: absolute; width:100%; height: 100%; 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 .cont{background: rgba(0,0,0,1);  width:660px; height: 527px; margin: -250px 0 0 -330px;left: 50%;top: 50%;position: absolute;padding: 10px;}
#moviewin iframe{}
#moviewin .close{ color: #ffffff; font-weight: bold; position: absolute; top:-5px; right: -5px;}

/*#mainvisual{ background: url(/img/top/mainvisual_l_150106v2.jpg) repeat-y  center ; height:527px;}*/
#mainvisual{ background: url(/img/top/mainvisual_l_160128.jpg) repeat-y  center ; height:527px;}
#top-news{ background: url(/img/top/label_news.png) no-repeat ; padding: 48px 0 0 0; width:525px; float: left; margin: 0 0 0 30px;}
#top-albumbox{border-left: solid #ECEBD6 10px; float: left; margin: 0 0 0 54px; padding: 0 0 0 18px; width:314px;}
#top-socialbox{float: left;margin: 48px 0 0 84px;width:314px; background: url(/img/top/label_follwus.png) no-repeat;  padding: 48px 0 0 0;}
#top-socialbox .twitter-topp{ border-top: dotted 1px #999999; padding: 12px 0 0 0; margin: 12px 0 0 0;}
#top-news section{ margin: 0 12px 16px 12px;}
#top-news .date{}
#top-news .date .category{ padding: 0 0 0 12px;}
#top-news section{border-bottom: solid 1px #D3CDC0; padding: 0 0 8px;}
#top-news h2{ font-size: 0.9em;}
#top-albumbox img.jacket{float: left; padding: 2px; border: 1px solid #F58F00; margin: 0 18px 20px 0;}
#top-albumbox h3{}
#top-albumbox ul li{ float: left; margin: 0 6px 0 0;}
#top-albumbox p.tolisten{ }


/* バイオグラフフィー
----------------------------------------------- */

#contents h1{ }
#contents .bio-main-p{ float: left;}
#profile-1{ width: 364px; float: right; margin: 0 18px 68px 0;}
#contents .profile{ clear: both; padding: 36px ;}
#contents .profile-cont1,#contents .profile-cont2{ width: 615px; padding: 24px 0 48px 0; background: url(/img/common/line2.png) repeat-x bottom; }
#contents .profile-cont1{ float: right; }
#contents .profile-cont2{ padding: 12px 36px 48px 0;float: left;width: 600px; }
#contents .profile-cont1a{ border-top: solid 1px #0D1838;}
#contents .last-profile{background: none; padding: 0 0 100px 0;}
#contents .profile h2{ font-size: 1.9em; font-family: "Goudy Bookletter 1911", serif; letter-spacing: 0.1em; font-weight: normal;}
#contents img.bio-position-right{ margin: 18px 0 0 0px; float: right;}
#contents img.bio-position-left{ margin: 18px 0 0 0px;float: left;}
.bio-summary{ margin: 24px 0 12px 0;}


/* ディスコグラフフィー
----------------------------------------------- */
#disco{ }
#disco h2{ background: url(/img/common/line2.png) repeat-x bottom; padding: 0 0 18px 0; }
#disco section{ margin: 12px 0 36px 0; clear: both;}
#disco article.disco{ width: 122px; float: left; margin: 0 30px 0 36px; padding: 24px 0 0 0; height: 230px;}
#disco article.disco img.jacket,#disco article.disco img.attachment-120x120xjacket{-moz-box-shadow: 1px 1px 4px #000;-webkit-box-shadow: 1px 1px 4px #000;}
#disco article.disco h3{ line-height: 1.0em;}
#disco article.disco h4{ line-height: 1.1em; font-weight: normal; font-size: 0.9em;}
#disco article p.play{ margin: 18px 0 0 0;}

#contents .disco-content{width:550px; float: right; margin: 0 70px 0 0;padding: 0 0 100px 0;}
#contents .disco-info{float: left; width: 180px; margin: 0 0 0 30px; }
#contents .disco-info img.attachment-175x175xjacket{-moz-box-shadow: 1px 1px 4px #666666;-webkit-box-shadow: 1px 1px 4px #666666;}
#contents h2.disco-title{padding: 0px 0 8px 6px; background: url(/img/common/line2.png) repeat-x bottom; font-size: 1.8em; margin: 0 0 48px 0;letter-spacing: 0.1em;}
#contents .disco-content h3{margin: 0 0 18px 0;}
#contents .disco-info a:hover img{filter:alpha(opacity=40); -moz-opacity: 0.4;opacity: 0.4;}
#contents .disco-info ul.tostore {margin: 36px 0 0 0;}


/* ライブ
----------------------------------------------- */
#live-detail,#live .live-detail{ width: 820px; border: 1px solid #DDDDDD; background: #FFFFFF; margin: 0 auto 36px auto; padding: 36px 36px 18px 36px;}

#live-detail .date{ font-family: "Bree Serif", serif; font-weight:bold; height:70px; font-size: 2.2em; background: url(/img/live_date.png) no-repeat left; margin: -40px 0 0 -46px; padding: 32px 0 8px 26px;}
.week{font-size: 0.6em;}
#live-detail h1{ font-size: 1.4em; padding: 0 96px 0 96px; margin: 24px 0 12px 0 ;}
#live-detail .place{padding: 6px 64px 6px 64px; margin:0 36px 0 36px ;border-bottom: dashed 2px #F0DB6A;border-top: dashed 2px #F0DB6A;}
#live-detail .live-conts{ margin: 18px 96px 0 96px;}
#live-detail .update,#live .live-detail .update{ font-size: 0.7em; font-family: Arial sans-serif;text-align: right; padding: 0px 0 0 0; margin: 0; }
#live-detail .mapp-container{ clear:both; margin: 36px 0 0 0; padding: 200px 0 0 0;}
#live-detail .mapp-canvas-panel{ clear:both; margin: 36px 0 0 0; padding: 3px;}

/*ライブリスト*/
h2#live-pagehead{ font-family: 'Gentium Book Basic', serif; font-size: 2.2em; background: url(/img/common/line2.png) repeat-x bottom; padding: 0 0 8px 0; margin: 12px;}
#live .list2{ padding: 36px 36px 18px 36px;}
#live .live-detail h2{ font-size: 1.1em; padding: 0 96px 0 8px; margin: 8px 0 0px 0 ;}
#live .live-detail h3{ font-size: 1.1em; padding: 0 96px 0 8px; margin: 8px 0 0px 0 ;}
#live .live-detail .date{ font-family: "Bree Serif", serif; font-weight:bold; height:34px; font-size: 1.2em; background: url(/img/live_date_s.png) no-repeat left; margin: -28px 0 0 -46px; padding: 0 0 3px 26px;}
#live .live-detail .place{margin:-20px 36px 0 136px ; font-weight: bold;}
#live .live-detail .live-conts{ margin: 8px 36px 0 8px; display: none;}
#topastlive{ text-align: center; font-weight: bold;}



/* ニュース
----------------------------------------------- */
#news,#news-con{ background: url(/img/common/line2.png) repeat-x top; padding: 36px;}
#news h2,#news-con h1{ font-size: 1.2em;}
#news .eachnews, #news-con .eachnews{ border-bottom: dashed 1px #333333; padding: 0px 0 12px 0; margin: 0 0 18px 0;}
#news .excerpt, #news-con .entry-content{padding: 0 18px 0 18px;}
img.iconnew{ padding: 0 6px 0 6px; }
#news p.news-info,#news-con p.news-info{ text-align: right; font-size: 0.9em; margin: 0px 0 0 0;}
#nav-below .nav-previous{ float: left;}
#nav-below .nav-next{float: right;}


/* コンタクト
----------------------------------------------- */
#contents .contact-l{ float: left; width: 400px; margin: 20px 0 0 36px; font-size: 1.1em;}
#contents .contact-r{ float: left; width: 400px; margin: 20px 36px 64px 64px;}
.wpcf7{}
.wpcf7 input,.wpcf7 textarea{ padding: 6px; font-size: 1.1em; border: 1px solid #dddddd; border-radius: 3px;}
.wpcf7 input.wpcf7-submit{ width: 160px;}
.wpcf7{}



/* ショップ
----------------------------------------------- */
#shop section{ clear: both; padding: 0 0 48px 0;}
#shop h2{background: url(/img/common/line2.png) repeat-x bottom;  border-top: 1px solid #000000; padding:6px 0 8px 12px; font-size: 1.2em; margin: 0 0 18px 0;}
#shop p{ margin: 0 0 0 18px;}
#shop p.item-info{ margin: 0 0 0 18px;}
#shop p.item-caution{ margin: 0 0 0 18px; font-size: 0.9em;}
#shop p.item-photo{ float: left; padding: 12px 0 48px 0;}
#shop .shop-btn{ float:right; margin: 0px 0 0 0;}
#howtobuy img.alignright{float: right; margin: 0 0 48px 48px;}
#howtobuy p,#tokutei p{ margin: 0 0 24px 18px;}
#tokutei p{ font-size: 0.9em;}

/* グッズ
----------------------------------------------- */
#goods #goods-list h2{background: url(/img/common/line2.png) repeat-x bottom;  border-top: 1px solid #000000; padding:6px 0 8px 12px; font-size: 1.2em; margin: 0 0 18px 0;}
#goods-list .goods-summary{ margin:0 0 0 18px; }
#goods section{ margin: 12px 0 36px 0; clear: both;}
#goods article.goods img.jacket,#goods article.goods img.attachment-120x120xjacket{-moz-box-shadow: 1px 1px 4px #000;-webkit-box-shadow: 1px 1px 4px #000;}
#goods article.goods { width:122px; height:230px; margin:0 30px 0 36px; padding: 24px 0 0; }
#goods article.goods h3 { line-height: 1em; }
#goods #goods-list section{ clear: both; padding: 0; }

#contents .goods-content{width:550px; float: right; margin: 0 70px 0 0;padding: 0 0 100px 0;}
#contents .goods-info{float: left; width: 180px; margin: 0 0 0 30px; }
#contents .goods-info img.attachment-175x175xjacket{-moz-box-shadow: 1px 1px 4px #666666;-webkit-box-shadow: 1px 1px 4px #666666;}
#contents h2.goods-title{padding: 0px 0 8px 6px; background: url(/img/common/line2.png) repeat-x bottom; font-size: 1.8em; margin: 0 0 48px 0;letter-spacing: 0.1em;}
#contents .goods-content h3{margin: 0 0 18px 0;}
#contents .goods_btn a:hover img{filter:alpha(opacity=40); -moz-opacity: 0.4;opacity: 0.4;}
#contents .goods_btn_single a:hover img{filter:alpha(opacity=40); -moz-opacity: 0.4;opacity: 0.4;}
#contents .goods_btn_single { clear:both; margin-top:20px; text-align: center; }
#contents .goods_btn { line-height: 1em; font-size:0.8em; margin-top:10px; text-align: center; }
#contents .goods-info ul.tostore {margin: 36px 0 0 0;}
/* --------------------------------------------------------------------------------------------------------------------------------------------*/


/* Smartphones (portrait) ----------- */
@media screen and (max-width : 400px),(max-device-width: 480px){
	img{ max-width: 100%; }
	header ul li img{ max-width: auto;}
	#head-cont{ width:90%; padding: 18px 5% 8px 5%; }
	header ul#social{margin: -5px 0px 0 0px; padding: 0px 0 0 0px;text-align:center;position:relative;float: left; z-index: 100; }
	header ul#social li{margin: 6px 0px 0 0px; display: inline;}
	header ul#social img{ width: 66%; }
	header ul#social li a:hover img{ -webkit-transform: none; filter:alpha(opacity=100); -moz-opacity: 1.0;opacity: 1.0;}
	.breadcrumbs{ width:100%; margin: 0 auto 0 auto; padding: 18px 12px 8px 24px; }

	/* レイアウト
	----------------------------------------------- */
	header {height: 110px; position: relative;}
	header ul,header ul li{  margin: 0 6px 0 0;}
	#contents,#mainvisual .cont,#satelite .cont,#topicpath,#footer .cont,#footer,#contents .disco-content{ width:100%; margin: 0 auto 0 auto; padding: 0px;}
	#line-y{ background: url(/img/common/line_m.png) center bottom repeat-x; height: 20px; position: relative; top:24px;}
	#satelite .cont { background: url(/img/common/label_satelite.png) no-repeat center top; padding: 60px 0px 0px 0px; text-align: center;}
	#satelite .cont img{ margin: 0 6px 12px 6px;}
	#footer{}
	#footer .cont{ padding: 40px 0 0 0; background: url(/img/common/label_footer.png) no-repeat center top; margin: -15px 0 0 0;background-size: 75%; }

	.breadcrumbs{ clear: both; font-size: 0.85em; padding: 0 ; margin: 0 0 0 3%; width: 95%;}
	h1.archive{ width: 50%; padding: 0 10px 0 10px; margin: 0;display: none;}
	#contents h1.pagetop1{ display: none;}

	/* トップページ
	----------------------------------------------- */
	#mainvisual{ background: url(/img/top/mainvisual_m_140610.jpg)  center top no-repeat ; height:205px; background-size: 700px 205px;}
	#top-news{ background: url(/img/top/m_h_news.png) no-repeat center top; padding: 48px 0 0 0; width:100%; float: none; margin: 24px 0 0 0;}
	#top-albumbox{border-left: none; float: none; margin: 0 10px 0 10px; padding: 8px; background: #ECEBD6;width:90%;}
	#top-socialbox{float:none; margin:36px 0px 0 0px; width:100%; background: url(/img/top/m_h_social.png) no-repeat center top;  padding: 48px 0px 0 0px;}
	#fb-root,#top-socialbox .fb-like,#top-socialbox .twitter-topp{margin: 0 5px 0 5px;}
	{}

	/* ニュース
	----------------------------------------------- */
	#news,#news-con{ background: url(/img/common/line2.png) repeat-x top; margin: 24px 0px 0 0px; padding: 12px 0 0 0 ;}
	#news .excerpt, #news-con .entry-content{padding: 0 0px 0 0px;margin: 18px 10px 0 10px;}
	#news-con h1.entry-title{ margin: 0 10px 0 10px; line-height: 1.2em;}
	.eachnews h2{margin: 0 10px 0 10px;}


	/* バイオグラフフィー
	----------------------------------------------- */
	#contents h1{ }
	#contents .bio-main-p{ float: none; margin: 0 0 0 10px;}
	#profile-1{ width: 90%; float: none; margin: 0 5% 68px 5%; padding: 0; }
	#contents .profile{ clear: both; padding: 0px ;width: 90%;margin: 0 5% 0 5%;text-align: center;}
	#contents .profile p{ text-align: left;}
	#contents .profile-cont1,#contents .profile-cont2{ width: 90%; float: none; margin: 0 5% 68px 5%; padding: 0; background: url(/img/common/line2.png) repeat-x bottom; }
	#contents .profile-cont1{ float: none; margin: 0; padding: 0;}
	#contents .profile-cont2{ margin: 0;padding: 0;float: none;  }
	#contents .profile-cont1a{ border: none;}
	#contents img.bio-position-right{ margin: 0; float: none;}
	#contents img.bio-position-left{ margin: 0;float: none;}

	/* ディスコグラフフィー
	----------------------------------------------- */
	h1.discoh1{ padding: 0 0 0 10px;}
	#disco h2{ padding: 0 0 18px 10px }
	#disco article.disco{ width: 122px; float: left; margin: 0px 12px 0 12px; padding: 24px 0 0 0; height: 260px;}
	#contents .disco-content{width: 90%;margin: 0 5% 0 5%;}
	#contents .disco-info{float: none; width: 90%;margin: 0 5% 0 5%;}
	#contents h2.disco-title{ margin: 0 10px 48px 10px;}

	/* グッズ
	----------------------------------------------- */
	h1.goodsh1{ padding: 0 0 0 10px;}
	#goods h2{ padding: 0 0 18px 10px }
	#goods article.goods{ width: 122px; float: left; margin: 0px 12px 0 12px; padding: 24px 0 0 0; height: 260px;}
	#contents .goods-content{width: 90%;margin: 0 5% 0 5%; padding: 0 0 20px 0;}
	#contents .goods-info{float: none; width: 90%; margin: 0 5% 0 5%;}
	#contents h2.goods-title{ margin: 0 10px 48px 10px;}

	/* ライブ
	----------------------------------------------- */
	#live-detail,#live .live-detail{ width: 90%; float: none; margin: 0 5% 68px 5%; padding: 12px 0 24px 0; }
	#live-detail h1{ padding: 0 10px 0 10px; margin: 24px 0 12px 0 ;}
	#live-detail .place{padding: 6px 10px 6px 10px; margin:0 12px 0 12px;}
	#live-detail .live-conts{ margin:18px 12px 0 12px;}
	#live-detail .date{ margin: -23px 0 0 -46px; padding: 0 0 0 36px;}
	#live-detail .update,#live .live-detail .update{ padding: 12px 0 0 0; margin: 28px 0 0 0; float: right;  }
	#live-detail .mapp-canvas-panel{ clear:both; margin: 36px 0 0 0; padding: 3px; width: 100%;}

	/*ライブリスト*/
	h1.liveh1{padding: 0 0 0 10px;}
	#live .live-detail h2{ padding: 0 10px 0 8px; clear: both;}
	#live .live-detail h3{ clear: both;padding: 0 10px 0 8px; }
	#live .live-detail .place{margin:12px 10px 0 20px ;}
	#live .live-detail .date{ margin: 0px 0 0 -8px; padding: -40px 0 3px 0px; }

	/* コンタクト
	----------------------------------------------- */
	#contents .contact-l{ float: none; width: 90%; margin: 20px 5% 0 5%;}
	#contents .contact-r{ float: none; width: 90%; margin: 20px 5% 0 5%;}

}