@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: #333333;
	background: url(../img/common/bg_foot2.jpg) bottom center no-repeat #F4F4F4;
	-webkit-background-size: 2500px 3792px;
	}



/* リンク指定
----------------------------------------------- */
a:link {color: #000000; text-decoration: none;}
a:visited {color: rgba(66,79,89,0.5);text-decoration: none;}
a:hover {color: #6d8996; text-decoration: underline;}
a img{ border: none;}

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


/* レイアウト
----------------------------------------------- */
header,#contents,#footer{ width: 960px; margin: auto; }
header{ padding: 22px 0 0 0;}
#contents{ min-height: 600px; padding: 18px 12px 180px 82px;}
.breadcrumbs{ margin: 0 0 18px 0;}
#contents h1.title{ color: #000000; font-size: 2.4em; font-family: 'IM Fell English', serif; letter-spacing: 0.2em; text-shadow: 1px 1px  3px #dddddd; margin: 0 0 36px 0;}
.todetail{ text-align:right; padding: 6px;}

/* ナビゲーション
----------------------------------------------- */

#social{float: right; margin: -150px 0 0 0;}
#social li{ float: left; margin: 0 0 0 8px;}
#mainmenu{ margin: -70px 0 0 330px; float: right; clear: right;}
#mainmenu li{ float: left; margin: 0 0 0 18px; text-indent: -8888px; line-height: 1.2em;}
#mainmenu li a{ display: block; height: 26px; width: 42px; }
#mainmenu li#mm_home a{ background: url(../img/common/menu_splite.png) no-repeat 0 0; width: 60px; }
#mainmenu li#mm_news a{ background: url(../img/common/menu_splite.png) no-repeat 0 -25px; width: 54px;}
#mainmenu li#mm_bio a{ background: url(../img/common/menu_splite.png) no-repeat 0 -52px; width: 98px;}
#mainmenu li#mm_disco a{ background: url(../img/common/menu_splite.png) no-repeat 0 -78px; width: 118px;}
#mainmenu li#mm_live a{ background: url(../img/common/menu_splite.png) no-repeat 0 -103px; }
#mainmenu li#mm_shop a{ background: url(../img/common/menu_splite.png) no-repeat 0 -122px; width: 55px;}
#mainmenu li#mm_contact a{ background: url(../img/common/menu_splite.png) no-repeat 0 -149px; width: 76px;}
#mainmenu li#mm_videos a{ background: url(../img/common/menu_splite.png) no-repeat 0 -175px; width: 67px;}
#mainmenu li#mm_photos a{ background: url(../img/common/menu_splite.png) no-repeat 0 -200px; width: 67px;}
#mainmenu li#mm_fanclub a{ background: url(../img/common/menu_splite.png) no-repeat 0 -235px; width: 82px;}


#mainmenu li#mm_home a:hover{ background: url(../img/common/menu_splite.png) no-repeat -181px 0; width: 60px; }
#mainmenu li#mm_news a:hover{ background: url(../img/common/menu_splite.png) no-repeat -181px -25px; width: 54px;}
#mainmenu li#mm_bio a:hover{ background: url(../img/common/menu_splite.png) no-repeat -181px -52px; width: 98px;}
#mainmenu li#mm_disco a:hover{ background: url(../img/common/menu_splite.png) no-repeat -181px -78px; width: 118px;}
#mainmenu li#mm_live a:hover{ background: url(../img/common/menu_splite.png) no-repeat -181px -103px; }
#mainmenu li#mm_shop a:hover{ background: url(../img/common/menu_splite.png) no-repeat -181px -122px; width: 55px;}
#mainmenu li#mm_contact a:hover{ background: url(../img/common/menu_splite.png) no-repeat -181px -149px; width: 76px;}
#mainmenu li#mm_videos a:hover{ background: url(../img/common/menu_splite.png) no-repeat -181px -175px; width: 67px;}
#mainmenu li#mm_photos a:hover{ background: url(../img/common/menu_splite.png) no-repeat -181px -200px; width: 67px;}
#mainmenu li#mm_fanclub a:hover{ background: url(../img/common/menu_splite.png) no-repeat -181px -235px; width: 82px;}



/* トップページ
----------------------------------------------- */
#top-left{ width: 230px; float: left; clear: both; margin: 48px 0 200px 24px;}
#top-left h2{background: url(../img/top/t_news2.png) no-repeat; height: 40px; text-indent: -9999px;border-bottom: dotted 1px #643F1C;}
.blog-bnr{background: url(../img/top/blog.png) no-repeat; height: 40px; text-indent: -9999px;border-bottom: dotted 1px #643F1C; margin-bottom: 20px;}
#top-news{ margin: 18px 0 0 0; }
#top-news li.eachnews { border-bottom: dotted 1px #643F1C; padding: 3px 0 6px ; }
#top-banner{ margin: 48px 0 0 0;}
#top-banner li img{ box-shadow:1px 1px 3px #999999; }
#top-main{ float: left; width:645px; margin: 0 0 0 50px; position: relative; height: 750px; overflow: hidden;}
#frame1,#frame2,#frame3,#frame4,#frame5,#frame6,#frame7,#frame8,#frame9{position: relative;}
#frame1{ left: 120px; top:130px;}
#frame2{ left: 220px; top:-70px;}
#frame3{ left: 210px; top:-75px;}
#frame4{left: 330px; top:-290px;}
#frame5{left: 60px; top:-370px; width:231px; height: 193px; background: url(../img/top/top_5.png) no-repeat; padding: 34px 0 0 29px;z-index: 2;}
#frame6{left: 330px; top:-520px;}
#frame7{left: 480px; top:-710px;}
#frame8{left: 145px; top:-705px;}
#frame9{left: 485px; top:-840px;}

#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.6); 
	background /*\**/: #111111 \9; /* IE7-8 */
	filter: alpha(opacity=100);/* IE7 */
	-ms-filter: "alpha(opacity=100)"; /* 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:620px; height: 545px; margin: -200px 0 0 -310px;left: 50%;top: 40%;position: absolute;padding: 10px;}


/* フッター
----------------------------------------------- */
#footer{ clear: both; padding: 0 0 200px 0; font-size: 0.9em; color: #ffffff;}
#footer ul li{ float: left; margin: 0 18px 0 0;}
#footer ul li a{ color: #FFFFFF;}
#footer ul{ clear: both;}
#footer #f-banner{ padding: 36px 0 0 0;}
#footer #f-banner li{float: left; margin: 0 14px 0 0;}


/* プロフィール
----------------------------------------------- */
#profile{}
#profile-left{ width: 582px; float: left; padding: 0 0 180px 0;}
#profile-right{ float: right;}
.eachyear {margin: 0 0 18px 0;}
.eachyear ul li { font-weight: bold; margin: 0 0 8px 0;}
.eachyear ul li p{ display: inline; font-weight: normal; padding: 0 0 0 18px;}
.eachyear h2{ border-bottom: dotted 1px #643F1C; font-size: 1.7em; font-weight:normal; color: #643F1C;font-family: 'Unna', serif; margin: 0 0 6px 0;}
#profile-right p.profile{margin: 0 0 60px 0; }
#profile-right ul li{margin: 0 0 120px 0; }
#profile-right ul li h3{font-weight: normal;}
#profile-right ul li a img{ box-shadow: 1px 1px 5px #999999;}


/* ディスコグラフィー
----------------------------------------------- */
#disco-list{}
#disco-list h2,h2.cat-title{border-bottom: dotted 1px #643F1C; font-size: 1.7em; font-weight:normal; color: #643F1C;font-family: 'Unna', serif; margin: 0 28px 6px 6px; clear: both; }
#disco-list .disco{ float: left; width: 150px; margin: 8px 38px 0 6px; height: 220px;}
#disco-list .disco img.attachment-150x150xjacket{box-shadow: 1px 1px 5px #999999;}
#disco-list .disco h3{}

#contents h2.cat-title{ }
#contents .main-cont{ margin: 24px 0 0 0;}
#disco-info{ float: right; width: 625px; padding: 0 36px 0 0;}
#disco-info ul{ margin: 16px 0 18px 0;}
#disco-info p.play{margin: 18px 0 0 0;}
.disco-jacket{ margin: 0 0 0 24px;}
.disco-jacket .tostore li{ float: left; margin: 0 8px 0 0;}
.disco-jacket img.attachment-170x170xjacket{box-shadow: 1px 1px 5px #111111; margin: 0 0 12px 0;}


/* ライブ
----------------------------------------------- */
#live .live-detail{float: left; width: 200px; height: 206px; background: url(../img/common/frame_01.png) no-repeat; padding: 32px 48px 0px 36px; margin: 0 18px 0 8px;}
#live .live-detail .date{font-size: 1.7em; font-weight:bold; color: #643F1B;font-family: 'Unna', serif; }
#live .live-detail .place{ font-weight: bold; font-size: 0.9em; bottom: -45px; position: relative;}
.to-pastlive{ text-align: center; clear: both; padding: 36px 0 36px 0;}
#live-detail .soldout{background: url(../img/live/soldout_bg.png) no-repeat 300px 100px;}

#live-detail{ width: 772px; margin: 0 auto 0 auto; background: url(../img/live/frame_live_l.png) no-repeat;  padding: 120px 0 0 0;}
.frame-bottom{ width: 772px; margin: -12px auto 80px auto; height: 160px; background: url(../img/live/frame_live_l_btm.png) no-repeat bottom;}
#live-detail .date{margin: 0; padding: 0 120px 0 120px;font-size: 2.2em; font-weight:bold; color: #643F1B;font-family: 'Unna', serif; }
.date .week{ font-size: 0.8em; padding: 0 0 0 0.5em;}
.ticket2{padding: 0 120px 0 120px;font-size: 1.8em; text-align: right; font-weight:bold; color: #ff145a;font-family: 'Unna', serif; }
#live-detail h1{padding: 0 120px 0 120px;font-size: 1.8em; }
#live-detail .update{ text-align: right; padding: 0 120px 0 120px;}
#live-detail .place{padding: 18px 120px 18px 120px; font-weight:bold; }
#live-detail .live-conts{padding: 0 120px 0 120px;}
#live-detail .mapp-canvas-panel{ margin: 36px 0 0 0; border: 1px solid #BFBFBF;}
#live-detail .live-conts p{margin: 0 0 2.0em 0;}

/* グッズ
----------------------------------------------- */
#goods-list h2,h2.cat-title{border-bottom: dotted 1px #643F1C; font-size: 1.7em; font-weight:normal; color: #643F1C;font-family: 'Unna', serif; margin: 0 28px 15px 6px; clear: both; }
#goods-list h3{ font-weight: bold; height: 2.3em; line-height: 1.1em; margin: 4px 0 6px; }
#goods-list .goods-summary{ margin: 0 28px 15px 6px; }
#goods-list .tour-date {font-size:0.8em; margin-left:10px;}
#goods-list #item-list .goods_btn{text-align: center;}
.goods-attention{ margin: 40px 28px 0 6px; clear:both; }
#goods-detail{ width: 772px; margin: 0 auto 0 auto; background: url(../img/live/frame_live_l.png) no-repeat;  padding: 120px 0 0 0;}
.frame-bottom{ width: 772px; margin: -12px auto 80px auto; height: 160px; background: url(../img/live/frame_live_l_btm.png) no-repeat bottom;}
#goods-list #item-list li { margin-bottom:20px; }
#goods-detail h2{padding: 0 120px 0 120px;font-size: 1.5em; text-align:center; }
#goods-detail .goods_txt{ padding: 18px 120px 18px 120px; }
#goods-detail .goods_price{ padding: 18px 120px 18px 120px; font-weight:bold; }
#goods-detail .goods_img { padding: 18px 120px 18px 120px; text-align:center; }
#goods-detail .goods_img img { max-width:530px; }
#goods-detail .goods_btn { padding: 18px 120px 18px 120px; text-align:center; }




/* ニュース
----------------------------------------------- */
#newslist .eachcon{ background: #ffffff; padding: 12px; margin: 0 60px 24px 60px;border: 0px solid #eFeFeF; box-shadow: 1px 1px 3px #666666;}
#newslist h2{ font-size: 1.2em;}
#newsdetail .dateinfo{margin: 0 120px 0 120px; font-size: 1.1em;}
#news-cont{ margin: 0 120px 0 120px;}
#news-cont h1{font-size: 1.3em;}
#news-cont .entry-content{ margin: 36px 0 48px 0;}


/* ショップ
----------------------------------------------- */
#item-list{ padding: 0 0 200px 0;}
#item-list li{ float: left; margin: 0 16px 0 16px; width: 190px;}
#item-list li .frame{ background: url(../img/shop/frame_shop.png) no-repeat; text-align:center; padding: 19px 0 0 0; height: 140px;}
#item-list li h2{ font-weight: bold; margin: 4px 0 6px 0; height: 2.3em; line-height: 1.1em;}
#item-list li .btn{ text-align: center; padding: 0 0 8px 0;}
#item-list li .btn .soldout { text-align: center; padding: 0 0 8px 0; }

/* ビデオ
----------------------------------------------- */
#video-archive{}
#video-archive .eachvideo{ width: 280px;  text-align: left; float: left; margin: 0 36px 60px 0;}
#video-archive .youtube{background: url(../img/common/frame_02.png) no-repeat; padding: 28px 0px 24px 30px;}


/* Eri's Branch
----------------------------------------------- */
#branch h1{ text-align: center;}
#branchdetail{ width: 70%; background: #643F1C; font-size: 1.1em; margin: 36px auto 60px auto; padding: 5%; color: #FFFFFF;}
#branchdetail ol li{ list-style: decimal ; margin: 0 0 2em 2em;}
#branchdetail h2{ font-size: 1.2em; font-weight: bold; border-bottom: dotted 1px #ffffff; padding: 0 0 3px 0; margin: 0 0 8px 0;}
#branchdetail .yelow{ color: #FFFF00;}
#branch #entry{ text-align: center; margin: 20px 0 100px 0;}
#branch #entry img{ margin: 0 8px 0 8px;}
#branch h3{ text-align: center; margin: 0 0 2px 0;}

#kiyaku8{ background: none;}
#kiyaku{ width: 400px; margin: 48px auto;}
#kiyaku ul{ margin: 0 0 3em 0;}


/* Contact & Questionnaire
----------------------------------------------- */
#wpcf7-f1840-p1838-o1{ margin: 48px 0 0 0;}
#wpcf7-f1840-p1838-o1 input{padding: 6px;}




/* Smartphones (portrait) ----------- */
@media screen and (max-width : 400px),(max-device-width: 480px){
	body {background: url(../img/common/bg_foot.jpg) bottom center no-repeat ;-webkit-background-size: 1250px 1896px;}
	img{ max-width: 100%; }
	
	header,#contents,#footer{ width: 100%; margin: auto; }
	#logotitle{ margin: 0 0 0 18px;}
	#contents{ min-height: 600px; padding: 0px 0 80px 0; width: 89%; }
	.breadcrumbs{ margin: 0 0 18px 0; clear:both; padding:20px 0 0 0; border-bottom: dotted 1px #dddddd;}
	
	/* ナビゲーション
	----------------------------------------------- */
	#social{float: right; margin: -150px 18px 0 0;}
	#mainmenu{ margin: 24px auto 0 auto; float:none; clear: right; width: 80%;}
	#mainmenu li{ float:left; margin: 0 18px 0 0;}
	
	/* トップページ
	----------------------------------------------- */
	#top-left{ width:90%; float: none;  margin: 0 auto 0 auto; padding: 60px 0 0 0;}
	#top-banner{ text-align: center;}
	#top-main{ float:none; width:100%; margin: 0; padding: 80px 0 0 0;}
	#frame1,#frame2,#frame3,#frame4,#frame5,#frame6,#frame7,#frame8,#frame9{left: 0; top: auto;}
	#frame1,#frame2,#frame3,#frame7,#frame8,#frame9{ display: none;}

	/* ニュース
	----------------------------------------------- */
	#news-cont{ margin: 0 auto 0 auto;}
	#newslist .eachcon{ margin: 0 0px 24px 0px;}
	/* フッター
	----------------------------------------------- */
	#footer{ padding: 0px 0 70px 0 ;}
	#footer ul li{margin: 0 18px 0 8px;}
	
	/* プロフィール
	----------------------------------------------- */
	#profile-left{ width:100%; float:none; padding: 0 0 0 0;}
	#profile-right ul li{margin: 0 0 20px 0; }
	
	/* ディスコグラフィー
	----------------------------------------------- */
	#disco-list .disco{ margin: 8px 3px 0 6px; height: auto;}
	#disco-info{ float: none; width:100%; padding: 0;}
	
	/* ライブ
	----------------------------------------------- */
	#live-detail{ width: 100%; margin: 0 auto 0 auto; background: none;  padding: 0 0 0 0;}
	.frame-bottom{ width: 100%; margin: -12px auto 80px auto; height: none; background: none;}
	#live-detail .date,#live-detail h1,#live-detail .update,#live-detail .place,#live-detail .live-conts{padding: 0;}
	
	/* グッズアーカイブス
	----------------------------------------------- */
	#goods-detail{ width: 100%; margin: 0 auto 0 auto; background: none;  padding: 0 0 0 0;}
	#goods-detail h2,#goods-detail .goods_img,#goods-detail .goods_txt {padding: 0;}
	#goods-detail .goods_price,#goods-detail .btn { padding:10px 0 0 0 }