@charset "utf-8";

/* ===============================================
	reset
=============================================== */

html {overflow-y: scroll;}
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;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
caption,th {text-align: left;}
q:before,q:after {	content: '';}
object,
embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}



.ui-body-c, .ui-overlay-c{
    text-shadow:none;}
.ui-body-c .ui-link {
    color: inherit;
    font-weight: inherit;
    text-shadow:none;
}

/* ===============================================
	common
=============================================== */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Arial, Verdana, sans-serif;
	background: #f7f7f7;	 /* ★サイト背景色 */
	color: #000;		/* ★サイト文字色 */
	font-size:12px;
	line-height: 1.3;
	-webkit-text-size-adjust: none; /*回転時 拡大縮小禁止*/}

#main{
	margin-bottom:10px;}

img{
	vertical-align:bottom;
	border:none;}

a:link		{color:#000000;}	/* ★ a:link */
a:visited	{color:#000000;}	/* ★ a:visited */
a:hover		{color:#00a3d9;}	/* ★ a:hover */
a:active	{color:#00a3d9;}	/* ★ active */

/* ====================
	#header
====================*/
#header {
	text-align:center;
	padding:0 5px;
	font-weight:bold;
	font-size:14px;
	min-height:20px;
	background-color:#888;	 /* ★ヘッダー背景色 */	}

#header .name{
	padding:5px 0;
	line-height:1.2;}
#header .name a{
	display:block;
	height:100%;
	text-decoration:none;
	color:#fff;	 /* ★ヘッダー文字色 */}

@media all and (orientation:portrait){
#header .nameImg img{
	width:320px;	}
}

#header .nameImg img{
	margin-left:-5px;}



/* TOP選抜メニュー */
#mainNavi{
	text-align:right;
	padding:3px 5px 6px;
	font-weight:bold;
	font-size:14px;
	background-color:#888;	 /* ★ヘッダー背景色 */}
	}
#mainNavi ul{
	margin:0 0 0 auto;
	display:inline-block;}
#mainNavi ul li{
	display:inline;
	vertical-align:middle;}
#mainNavi ul li a{
	padding:8px 0;
	text-decoration:none;}
#mainNavi ul li a .icon{
	margin-bottom:3px;}
#mainNavi ul li a .icon img{
	padding:5px 10px;
	width:23px;
	height:auto;}


/* ====================
	スライドnavi
====================*/


.ui-panel-inner {
	padding:0;}

.ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset {
	margin:0;}

.ui-btn-inner {
	font-size:14px;}
.ui-corner-all {
	-webkit-border-radius: 				0 /*{global-radii-blocks}*/;
	border-radius: 						0 /*{global-radii-blocks}*/;}
.ui-btn-up-a{
	background:none;}
.ui-btn-inner {
    border-top: 1px solid rgba(255, 255, 255, 0.1);}

/* menuボタン */
#menuBtn{
    left: 0;
    display:table;
    border-radius: 0 5px 5px 0;
	top:6px;
    font-size: 12px;
    padding: 3px;
    width:25px;
    height:25px;
    background:#333;
    box-shadow:none;
    border:none;
    position:absolute;}
#menuBtn span{
	padding:0;
	border:none;
	display:table-cell;
	vertical-align:middle;}
#menuBtn span img{
	width:23px;
	border:none;}


#navPanel{
	background:#333;}
#navPanel a{
	text-decoration:none;
	color:#888;}
#navPanel a:hover{
	background:rgba(120,120,120,0.2);
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;}
#navPanel a:active,
#navPanel .selected a{
	background:rgba(120,120,120,0.2);
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;}
#navPanel a .icon img{
	width:17px;
	height:auto;
	margin-right:8px;
	margin-top:-3px;
	vertical-align:middle;}


/* 旧ナビ
#menuBtn{
	position:absolute;
	top:5px;
	left:0;
	width:35px;}
#menuBtn a{
	display:block;
	width:25px;
	height:25px;
	padding:3px;
	background:#000;
	border-radius:0 5px 5px 0;}

nav li .icon img{
	width:17px;
	height:auto;
	margin-right:8px;
	margin-top:-3px;
	vertical-align:middle;}
*/


/* ====================
	#footer
====================*/
#footer{
	clear:both;
	padding:10px 0 0;
	margin:20px 0 0;}
#footer .menu{
	width:304px;
	margin:auto;
	overflow:hidden;}
#footer .menu .menu01,
#footer .menu .menu02{
	display:block;
	width:200px;height:30px;
	margin:0 auto 10px auto;}

#footer .menu a,
#footer .menu a:visited{
	display:block;
	line-height:30px;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	background:url(/artist/img/iphone/btn_footer.png) no-repeat;}

#footer .copyright{
	text-align:center;
	margin:10px 0 0;
	padding:10px;}


/* PC switch */
.siteSwitch{
	border-top:1px dotted rgba(170,170,170,0.5);
	background:rgba(170,170,170,0.2);
	text-align:center;}
.siteSwitch a{
	display:block;
	padding:10px 0;
	text-decoration:none;}


/* ====================
	パーツ
====================*/


.area{
	margin:0 15px;
	clear:both;}

.area h2.newsTitle{
	font-size:14px;
	line-height:1.2;
	padding-bottom:15px;}

.imgTitle{
	border-bottom:none;
	margin-bottom:5px;
	width:100%;
	overflow:hidden;}


.wrap{
	clear:both;
	width:100%;
	overflow:hidden;}
.floatL{float:left;}
.floatR{float:right;}


/* ページタイトル */
.pageTitle{
	margin-bottom:15px;
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0 2px 3px rgba(0,0,0,0.2);
	-o-box-shadow:0 2px 3px rgba(0,0,0,0.2);
	box-shadow:0 2px 3px rgba(0,0,0,0.2);}
.pageTitle .default{
	text-align:center;
	margin-top:5px;
	padding:12px 0 10px 0;
	margin:0 10px;
	display:block;
	font-weight:bold;
	font-size:14px;}
.pageTitle .default img{
	vertical-align:middle;
	margin-right:5px;
	width:auto;}
@media all and (orientation:portrait){
	.pageTitle img{width:100%;	}
}


/* ページング */
.paging{
	clear:both;
	text-align:center;
	padding:20px 0;}
.paging li{
	display:inline;}
.paging li a,
.paging li a:visited,
.paging li span{
	text-decoration:none;
	padding:8px 12px;
	border:1px solid rgba(170,170,170,0.3);}
.paging li a:hover,
.paging li a:active,
.paging li span{
	background:#005076; 	/* ★ポイントカラー背景色 */
	color:#fff;				/* ★ポイントカラー文字色 */	}
.paging li a span{
	padding:8px 0;}
.paging li.back span,
.paging li.next span{
	background:none;
	display:none;}


/* ボタンレイアウト */
.btnBasic{
	display:block;
	text-decoration:none;
	-webkit-border-radius: 3px;
	text-align:center;
	background-image: url(/artist/img/iphone/bg_header.png) ;
	background-repeat: repeat-x;
	background-position: center;
	background-color:#009bdf;/* ★ボタン型リンク　背景色 */
	padding:0 5px;
	font-weight:bold;
	line-height:30px;
	font-size:14px;}
#main a.btnBasic,
#main a.btnBasic:visited{
	color:#fff; /* ★ボタン型リンク　文字色 */}

.backLink{
	clear:both;
	text-align:center;
	padding:10px 0;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	border-top:1px solid;
	border-color:#dbdbdb;	/* ★罫線色 */}
.backLink a{
	display:block;
	padding:8px;
	text-decoration:none;
	text-align:center;
	-webkit-border-radius: 3px;
	background:url(/artist/img/iphone/bg_li-odd.png);}

.areaKeyword{
	padding-top:10px;
	margin:5px;
	font-weight:bold;
	font-size: 12px;}
.areaKeyword h3{
	margin: 5px 0 !important;
	font-size: 12px !important;}

.areaSearchKeyword{
	border-color:#000;
	padding-top:10px;
	margin:5px;
	font-weight:bold;
	font-size: 12px;}
.areaSearchKeyword h3{
	margin: 5px 0 !important;
	font-size: 12px !important;}

/* リスト表示 */
.listStyle{
	clear:both;
	margin-top:0;}
.listStyle .list{
	clear:both;
	margin-bottom:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	overflow:hidden;
	border:1px solid #dbdbdb;
	border-color:#dbdbdb;	/* ★罫線色 */}
.listStyle .list li{
	border-bottom:1px solid #dbdbdb;
	border-color:#dbdbdb;	/* ★罫線色 */ }
.listStyle .list li:last-child{
	border-bottom:none;}
.listStyle .list li > span.link,
.listStyle .list li > a.link,
.listStyle .list li > a.link:visited,
#topNews a,
#topNews a:visited{
	-webkit-tap-highlight-color:rgba(0,0,0,0.05);
	padding:8px 25px 8px 8px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	background-image: url(/artist/img/iphone/icon_arrow-right02_b.png) ;		/* ★リンク誘導画像 */
	background-repeat: no-repeat;
	background-position: right center;
	background-size:15px auto;

	background-position: -webkit-calc(100% - 4px) center;
    background-position:    -moz-calc(100% - 4px) center;
    background-position:         calc(100% - 4px) center;}


.listStyle .list li span.link{
	background-image:none;}


.listStyle .list li .cateIcon,
.listStyle .list li .date{
	display:block;}
.listStyle .list li .text{
	display:block;
	width:100%;
	overflow:hidden;}
.listStyle .list li .photo{
	float:right;
	width:50px;
	margin-top:20px;
	text-align:right;}
.listStyle .list li .photo img{
	width:45px;}


/* リスト表示 サムネイル有り */
.visualStyle{
	clear:both;
	margin-top:0;}
.visualStyle .list{
	clear:both;
	width:100%;
	overflow:hidden;}
.visualStyle .list li{
	border-bottom:1px solid #dbdbdb;
	overflow:hidden;
	width:100%;
	font-size:12px;
	display:block;
	border-color:#dbdbdb;	/* ★サイト背景色 */ }
.visualStyle .list li.odd{
	background:url(../../img/iphone/bg_li-odd.png);}
.visualStyle .list li .link,
.visualStyle .list li .link:visited{
	display:block;
	overflow:hidden;
	text-decoration:none;
	padding:8px 20px 8px 8px;
	text-decoration:none;
	background-image: url(/artist/img/iphone/icon_arrow-right02_b.png);		/* ★リンク誘導画像 */
	background-repeat: no-repeat;
	background-size: 12px 10px;
    background-position: right center;}
.visualStyle .list li div.link{
	background:none;}

.visualStyle .list li .text{
	display:block;
	width:auto;}
.visualStyle .list li .title{
	margin-left:128px;
	font-size:12px;
	padding:0 0 3px 0;
	display:block;}
.visualStyle .list li .photo{
	float:left;
	width:120px;
	margin-right:8px;}
.visualStyle .list li .photo img{
	width:116px;}
.visualStyle .list li .date{
	display:inline-block;
  margin-bottom: 5px;}
.visualStyle .cateIcon{
	margin-bottom: 5px;
  margin-left: 5px;}

li.more{
	text-align:right;
	padding:5px 0;}


/* グループ化表示 */
.groupStyle{
	clear:both;
	margin-top:0;}
.groupStyle .list{
	clear:both;
	-webkit-border-radius: 5px;
	-mox-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	overflow:hidden;
	border:1px solid #dbdbdb;
	border-color:#dbdbdb;	/* ★罫線色 */}

.groupStyle .list .day{
	display:table;
	width:100%;
	border-bottom:1px solid #dbdbdb;
	border-color:#dbdbdb;	/* ★罫線色 */}
.groupStyle .list .day:last-child{
	border-bottom:none;}
.groupStyle .list .day .date{
	display:table-cell;
	vertical-align:top;
	padding-top:8px;
	width:65px;
	padding-left:8px;
	letter-spacing:-0.5px;
	font-size:11px;}
.groupStyle .list .day .item{
	display:table-cell;
	width:auto;}
.groupStyle .list .day li{
	border-bottom:1px solid #000;
	border-color:#dbdbdb;	/* ★罫線色 */ }
.groupStyle .list .day li:last-child{
	border-bottom:none;}

.groupStyle .list .day li span.link,
.groupStyle .list .day li a.link,
.groupStyle .list .day li a.link:visited{
	-webkit-tap-highlight-color:rgba(0,0,0,0.05);
	padding:8px 25px 8px 8px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	background-image: url(/artist/img/iphone/icon_arrow-right02_b.png) ;		/* ★リンク誘導画像 */
	background-repeat: no-repeat;
	background-position: right center;
	background-size:15px auto;

	background-position: -webkit-calc(100% - 4px) center;
    background-position:    -moz-calc(100% - 4px) center;
    background-position:         calc(100% - 4px) center;

	text-indent:-5.3em;
	padding-left:5.5em;
	}

/* カテゴリアイコン */
.cateIcon{
	display:inline-block;
	padding:0;
	width:6em;
	font-size:10px;
	text-indent:0;
	text-align:center;
	border-radius:1px;
	color:#fff;}
.cateIcon.cateTOUR		{background:#1a6600;} /* ツアー */
.cateIcon.cateLIVE		{background:#2db200;} /* ライブ イベント */
.cateIcon.cateTV		{background:#ff8000;} /* テレビ */
.cateIcon.cateRADIO		{background:#ff007f;} /* ラジオ */
.cateIcon.cateMAGAZINE	{background:#7f00ff;} /* 雑誌/書籍 */
.cateIcon.cateWEB		{background:#00a3d9;} /* Web */
.cateIcon.cateOTHER		{background:#888888;} /* その他 */
.cateIcon.cateMOVIE		{background:#404040;} /* 映画 */
.cateIcon.cateSTAGE		{background:#c2d900;} /* ステージ */
.cateIcon.cateMOBILE	{background:#2626ff;} /* モバイル/携帯 */

.ctg_release,
.ctg_fanclub{
	font-size:8px !important;
	padding:3px 1px !important; }



/*詳細ページスタイル*/
.detailStyle .listStyle{
	margin:0;}
.detailStyle h1{
	padding:0 0 5px 0;
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	border-color:#333;	/* ★罫線色 */
	line-height:1.5;}
.detailStyle h1 span{
	display:block;}
.detailStyle h1 span.cateIcon{
	display:inline-block;
	margin-right:3px;
	margin-bottom:10px;}
.detailStyle .article{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:10px 0 5px;}
.detailStyle .article .photo{
	float:none;
  display: block;
  text-align: center;
  margin-bottom:10px;}
.detailStyle .article .photo img{
	width:auto;
	max-width:100%;
	margin:0 auto;
	box-sizing:border-box;}



/*SNSボタン*/
.sns{
	clear:both;
	overflow:hidden;
	width:100%;
	margin-top:-5px;
	padding-bottom:5px;}
.sns .box{
	display:inline-block;
	float:left;
	width:auto;
	text-align:center;
	padding-right:10px;
	vertical-align:top;}



/*複数タブ*/
.tab {
	clear:both;
	background:url(/artist/img/iphone/bg_tab.png) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	margin:0 15px 10px;}
.tab ul{
	background:url(/artist/img/iphone/bg_li-odd.png);
	width:100%;
	overflow:hidden;}
.tab li{
	float:left;
	width:25%;height:34px;
	margin:0;}

.tab li a,
.tab li a:visited{
	text-align:center;
	text-decoration:none;
	font-size:14px;
	padding:0;
	display:block;
	margin-right:1px;
	line-height:34px;}

.tab li a,
.tab li a:visited,
.switch ul li a,
.switch ul li a:visited{
	background-image: url(/artist/img/iphone/bg_header.png)  ;
	background-repeat: repeat-x;
	background-position: center;
	background-color:#;			/* ★タブ背景色（通常時） */
	color:#;					/* ★ */
	}

.tab li a:active,
.tab li a.selected,
.tab li a.selected:visited,
.switch ul li a:active,
.switch ul li a.selected,
.switch ul li a.selected:visited{
	background-color:#005076;	/* ★タブ背景色（選択時） */
	color:#fff;					/* ★ */
	}

.tab li:nth-child(4) a{
	margin:0;}

@media all and (orientation:landscape) {
.tab li{width:20%;}
.tab li:nth-child(4) a{margin-right:0;}
.tab li:nth-child(5) a{margin-right:1px;}
}


/*2コタブ*/
.switch{
	background:url(/artist/img/iphone/bg_li-odd.png);
	overflow:hidden;
	width:100%;
	margin:10px 0;
	border-radius:0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;}
.switch ul{
	width:100%;
	overflow:hidden;}
.switch ul li{
	float:left;
	width:50%;
	text-align:center;}
.switch ul li a,
.switch ul li a:visited{
	line-height:34px;
	display:block;
	text-decoration:none;}


/*エディタ編集テキスト*/
.areaEditor h1,
.areaEditor h2,
.areaEditor h3,
.areaEditor h4,
.areaEditor h5,
.areaEditor h6{
	background:none !important;
	color:#333 !important;
	border:none;
	padding:0;
	margin:5px 0;}
.areaEditor h1{font-size:20px;}
.areaEditor h2{font-size:18px;}
.areaEditor h3{font-size:16px;}
.areaEditor h4{font-size:14px;}
.areaEditor h5{font-size:12px;}
.areaEditor h6{font-size:10px;}

.areaEditor ul,
.areaEditor ol{
	margin:5px 0 5px 25px;}
.areaEditor ul li{
	list-style:disc;}
.areaEditor ol li{
	list-style:decimal;}
.areaEditor em{
	font-style: italic;}
.areaEditor blockquote{
	font-style: italic;
	margin:20px;}

.areaEditor iframe{
	max-width:100%;
	width:auto;
	height:auto;}

.areaEditor img{
	max-width:100%;}


/* ===============================================
	each page
=============================================== */

/*=====================================
	#pageIndex
=====================================*/


.slider {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.slides {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
}
.slide {
  height: 100%;
  float: left;
  clear: none;
}
.slide img {
　width: 100%;
　height:auto;
}
.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
}
.slider-arrow--right {
  bottom: 50%;
  right: 30px;
  background: url(img/right.png) no-repeat;
}
.slider-arrow--left {
  bottom: 50%;
  left: 30px;
  background: url(img/left.png) no-repeat;
}
.slider-nav {
  position: absolute;
  bottom: 30px;
}
.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  border: 1px solid #fff;
  border-radius: 8px;
}
.slider-nav__item:hover {
  background: #fff;
}
.slider-nav__item--current {
  background: #fff;
}


.artistTop{
	margin-bottom:10px;}

.artistTop .yoko{
	display:none;}
.artistTop .tate img,
.artistTop .yoko img{
	margin:0;}


/* 縦・横での画像切替機能　廃止
@media all and (orientation:landscape){
.artistTop .tate{
	display:none;}
.artistTop .yoko{
	display:block;}
}
*/

.artistTop .tate img{
	width:100%;}

.artistTop{
	text-align:center;}
.artistTop .name{
	font-weight:bold;
	font-size:16px;
	padding:10px 0 0;}

#topNews{
/*	overflow: -webkit-marquee;
	white-space: nowrap;*/
	margin:0 15px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* background:#fff; */
	border:1px solid #dbdbdb;
	border-color:#dbdbdb;	/* ★罫線色 */ ;}
#topNews a{
	display:block;
	padding:8px 25px 8px 8px ;}

.freeSpace{
	margin:15px;}
.freeSpace img{
	max-width:100%;}

#latest h2,
.freeSpace h2,
#news h2{
	padding:0 0 5px 0;}


#latest .jackets{
	-webkit-border-radius: 7px;
	height:280px;
	background:url(/artist/img/iphone/bg.png) ;}



/*=====================================
	jqpuery画面調整
=====================================*/
#pageProfile #jquery-cycle,
#pageMedia #jquery-cycle{
	margin:0;
	width:100% !important;}
#pageMedia #detailData{
	margin:0;
	width:100% !important;}

#pageProfile #detailData .areaEditor,
#pageProfile #detailData .backLink,
#pageMedia #detailData h1,
#pageMedia #detailData .sns,
#pageMedia #detailData .detail_photo,
#pageMedia #detailData .areaEditor,
#pageMedia #detailData .backLink{
	width:auto;
	margin-right:10px;
	margin-left:10px;}


/*=====================================
	#pageSchedule
=====================================*/
#pageSchedule .listStyle .list,
#pageScheduleDetail .detailStyle,
#pageSchedule .detailStyle,
#pageMusic .visualStyle .list,
#musicInfo{
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;}



/*=====================================
	#pageMusicDetail
=====================================*/
#musicInfo{
	clear:both;
	background:url(/artist/img/iphone/bg.png) ;
	padding:10px;}

#discInfo{
	width:100%;
	padding-bottom:10px;
	overflow:hidden;
	border-bottom:1px solid;
	border-color:#333;	/* ★罫線色 */}

#discInfo .text{
	display:block;
	width:auto;}
#discInfo .title{
	margin-left:130px;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid;
	border-color:#333;	/* ★罫線色 */
	margin-bottom:10px;
	padding:0 0 3px 0;
	display:block;}
#discInfo .photo{
	float:left;
	width:130px;}
#discInfo .photo img{
	width:120px;}

#discInfo .text h1{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #ccc;
	border-color:#333;	/* ★罫線色 */
	margin-bottom:10px;
	padding:0 0 3px 0;}
#discInfo .buy{
	clear:both;
	padding:8px 0 0 0;}


#discInfo .sns{
	padding:8px 0 0 0 ;}

#songList{
	margin:0;}
#songList h2,
#musicShop h2{
	text-align:center;
	font-size:14px;
	padding:5px 0;}
#songList .unit{
	padding-bottom:5px;}
#songList .disc{
	margin-bottom:20px;}
#songList li{
	list-style:inside decimal;
	text-indent:-14px;
	background:url(/artist/img/iphone/bg_li-odd.png);}
#songList li a,
#songList li span{
	text-decoration:none;
	display:block;
	padding:5px 5px 5px 20px;}
#songList li a{
	background-image: url(/artist/img/iphone/icon_arrow-right_b.png) ;		/* ★リンク誘導画像 */
	background-repeat: no-repeat;
	background-position: right center;}
#songList li.odd{
	background:none;}
#songList li span.name{
	padding:0 5px 5px 34px;
	margin-top:-5px;}


#shopList .link{
	position:relative;}
#shopList .btnBasic{
	position:absolute;
	bottom:10px; right:10px;
	width:100px;
	line-height:25px;}


/*=====================================
	#pageMusicShop
=====================================*/
#musicShop ul{
	padding:20px 0;
	width:100%;
	overflow:hidden;}
#musicShop li{
	float:left;
	width:50%;
	text-align:center;
	list-style:none;
	margin-bottom:20px;}


/*=====================================
	#pageProfile
=====================================*/

#profPhoto{
	text-align:center;}
.detailStyle #member_name,
.detailStyle #member_prof_photo{
	text-align:center;}

.detailStyle #profPhoto img,
.detailStyle #member_prof_photo img{
	max-width:100%;
	margin:10px 0;
	max-width:100%;
	height:auto;}

.detailStyle #groupList{
	padding:20px 15px 0;}


.detailStyle #memberList{
	padding:0 15px;}
.detailStyle #memberList h2{
	padding:5px 0 10px;
	margin-top:20px;}
.detailStyle #memberList .box{
	clear:both;
	margin-bottom:15px;
	width:100%;
	overflow:hidden;}
.detailStyle #memberList .photo{
	float:left;
	width:100px}
.detailStyle #memberList .photo img{
	width:100px;}
.detailStyle #memberList .text{
	margin-left:110px;}
.detailStyle #memberList .text .name{
	font-weight:bold;
	margin-bottom:5px;}

/*=====================================
	#pageBlog
=====================================*/
#blogList.listStyle .list li a{
	background-image: url(/artist/img/iphone/icon_jump_w.png)  ;		/* ★外部リンク誘導画像 */
	background-repeat: no-repeat;
    background-position: -webkit-calc(100% - 8px) center;
    background-position:    -moz-calc(100% - 8px) center;
    background-position:         calc(100% - 8px) center;}
#blogList.listStyle .list li a .title{
	display:block;
	font-weight:bold;
	padding:3px 0;}

#blogList.listStyle .list li a .date,
#blogList.listStyle .list li a .text{
	font-size:10px;}

/*=====================================
	#pagetwitter
=====================================*/
#twitterList .pict{
	padding-right:5px;
	font-weight:bold;
	font-size:14px;}
#twitterList li a{
	font-size:10px;
	display:block;
	padding:0 8px 8px 8px;}
#twitterList li a.link{
	font-size:12px;
	padding:8px 25px 8px 8px;}
#twitterList.listStyle .list li.account{
	border-width:10px;}
#twitterList.listStyle .list li a.link,
#twitterDetail.listStyle .list li.account a{
	background-image: url(/artist/img/iphone/icon_jump_w.png)  ;		/* ★外部リンク誘導画像 */
	background-repeat: no-repeat;
    background-position: -webkit-calc(100% - 8px) center;
    background-position:    -moz-calc(100% - 8px) center;
    background-position:         calc(100% - 8px) center;}
#twitterList .pict img{
	width:45px;
	vertical-align:top;}
#twitterList .date{
	margin-top:3px;
	font-size:10px;}


/* #pagetwitterDetail */
#twitterDetail .pict img{
	width:55px;
	margin-right:10px;
	vertical-align:top;}

#twitterDetail .tweet{
	padding:8px;}
#twitterDetail .tweet span{
	margin-top:5px;}
#twitterDetail .tweet a{
	text-decoration:underline;
	background:none;
	padding:0;
	display:inline;}
#twitterDetail .btnBasic{
	margin:10px;}

/*=====================================
	#pageMovie
=====================================*/
#movieList{
	width:270px;
	margin:10px auto;}
#movieList h2{
	text-align:center;
	padding-bottom:5px;}
#movieList .box {
	margin-bottom: 30px;
	text-align: center;}
#movieList .box img{
	max-width:100%;
	min-width:270px;}
#movieList .divBtn{
	width:270px;
	height:60px;}
#movieList .back{left:0;}
#movieList .next{right:0;	text-align:right;}

/*#movieList iframe{
	height:20px;}*/


/*=====================================
	#pageDiscography
=====================================*/

#tabDiscCate{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:10px 0;}
#tabDiscCate ul{
	display:table;}
#tabDiscCate li{
	display:table-cell;
	float:none;
	/*width:19.8%;*/
	width:auto !important;
	overflow:hidden;}
#tabDiscCate li a{
	margin-left:1px;
	font-size:10px;
	white-space:nowrap;
	padding:0;
	min-width:50px;}


#discBox{
	width:94%;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:30px;}
#discBox .group{
	clear:both;
	width:100%;
	margin-bottom:20px;}
#discBox .group h2{
	background:#ccc;	/* ★ポイントカラー */
	color:#000;			/* ★ポイントカラー */
	padding:5px 10px;
	margin-bottom:15px;}
#discBox .group .package{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid rgba(200,200,200,0.5);
	padding:20px 0;}

#discBox .group .package .type{
	font-size:10px;}
#discBox .group .package h3{
	line-height:1.3;
	margin:15px auto;
	font-size:14px;}
#discBox .group .package h3 img{
	height:1em;
	vertical-align:middle;}

#discBox .group .package .wrap{
	clear:both;
	width:100%;
	overflow:hidden;
	padding-bottom:15px;}
#discBox .group .package .floatL{
	width:120px;}
#discBox .group .package .floatL .photo{
	margin-bottom:5px;}
#discBox .group .package .floatL .photo img{
	width:100%;}
#discBox .group .package .floatL .areaBtn{
	width:100%;
	overflow:hidden;}
#discBox .group .package .floatL .areaBtn .btn{
	font-size:10px;
	padding:0;
	line-height:20px;
	margin-bottom:3px;}
#discBox .group .package .floatL .areaBtn .buy .btn{float:left;width:40%;}
#discBox .group .package .floatL .areaBtn .DL .btn{float:right;width:58%;}


#discBox .group .package .floatR{
	float:none;
	margin-left:135px;}
#discBox .group .package .floatR .price{
	border-bottom:1px solid rgba(200,200,200,0.5);
	padding-bottom:5px;
	margin-bottom:5px;}
#discBox .group .package .floatR .price .number{
	display:block;
	font-size:10px;}

#discBox .group .package .text01,
#discBox .group .package .text02{
	margin-bottom:10px;}

#discBox .group .package .disc{
	font-weight:bold;
	margin:8px 0;
	padding-bottom:3px;}
#discBox .group .package ul.songList{
	width:95%;
	margin:0 0 20px 5px;}
#discBox .group .package ul.songList li{
	width:100%;
	margin-bottom:3px;
	border-bottom:1px dotted rgba(200,200,200,0.5);
	padding-top:3px;
	padding-bottom:5px;
	overflow:hidden;
	position:relative;
	display: block;}

div.jp-audio div.jp-type-single div.jp-interface,
.jp-current-time{
	background:#013e5a;}

#discBox .group .package ul.songList li .song{
}

#discBox .group .package ul.songList li .player{
	margin:0; padding:0;
	width:75px; height:18px;
	overflow:hidden;
	position:relative;
	float:right;
	right:0;
	margin-left:8px;
	z-index:100;}
#discBox .group .package ul.songList li .player .switch{
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	width:70px;
	height:18px;
	padding:0;
	margin:0;
	border:1px solid #ddd;
	text-align:center !important;
	background: -webkit-gradient(linear,left top,left bottom,from(#ccc),to(#333));
	background: -webkit-linear-gradient(#ccc, #333);
	background:    -moz-linear-gradient(#ccc, #333);
	background:      -o-linear-gradient(#ccc, #333);
	background:         linear-gradient(#ccc, #333);
	}


#discBox .group .package ul.songList li .freeLine{
	clear:both;
	width:100%;
	border-bottom:1px dotted rgba(200,200,200,0.5);
	margin-bottom:5px;
	padding-bottom:5px;}
#discBox .group .package ul .memo{
	clear:both;
	width:100%;
	padding-left:2em;}

#discBox .group #textBottom{
	padding-top:10px}


#discBox .archive{
	margin-top:10px;
	width:100%;
	overflow:hidden;}
#discBox .archive .box{
	width:50%;
	float:left;
	height:180px;
	line-height:1.2;
	margin:0;
	overflow:hidden;
	text-align:center;}
#discBox .archive .box .photo{
	border:none;
	height:auto;
	margin-bottom:5px;
	background:none;}
#discBox .archive .box img{
	max-height:160px;
	max-width:90%;
	height:auto;
	width:auto;}

#shopList ul li{
	display:inline;}
#shopList ul li img{
	margin-bottom:3px;}

/*=====================================
	#pageLive
=====================================*/
#eventList .wrap{
	position:relative;}
#eventList .wrap .more{
	position:absolute;
	right:0;
	bottom:10px;
	width:70px;}
#eventList .wrap .more a{
	display:block;
	padding:3px 10px;
	margin:0 0 0 auto;
	text-align:center;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-decoration:none;}

#pageLive h2{
	margin:20px 0 10px;}

#pageLiveTour #main li a,
#pageLive #main li a{
	padding-left:8px;
	text-indent:0;}
#pagePhoto #main #photoList li a,
#pageLive #main #tourList li a,
#pageLive #main #stageList li a{
	background-image:url(/artist/img/iphone/icon_arrow-right_b.png);}
#pagePhoto #main #photoList .paging li a{
	background-image:none;}

#pageLiveTour h2{
	text-align:center;}
#pageLiveTour #stagePhoto,
#pageLiveTour #tourPhoto{
	text-align:center;
	padding:8px 0;}
#pageLiveTour #tourPhoto img{
	max-width:100%;
	height:auto;}


#pageLiveTour #tourDetail{
	padding:20px 0;
	margin:0;}
#pageLiveTour #tourDetail{
	margin-bottom:20px;
	padding:10px 0 5px;
	border-top:1px solid #dbdbdb; }
#pageLiveTour #tourDetail .date{
	font-weight:bold;}
#pageLiveTour #tourDetail .alert{
	font-weight:normal;
	font-size:11px;
	margin-left:2px;
	color:#fff;
	background:#F00;
	padding:2px 3px;}
#pageLiveTour #tourDetail .place{
	font-weight:bold;
	font-size:14px;
	padding:8px 0;
	border-bottom:1px dotted rgba(200,200,200,0.5);
	margin-bottom:10px}

#pageLiveTour #tourDetail dl dt{
	font-weight:bold;
	margin-top:10px;}
#pageLiveTour #tourDetail dl .open,
#pageLiveTour #tourDetail dl .start{
	display:inline;}
#pageLiveTour #tourDetail dl dd.open,
#pageLiveTour #tourDetail dl dd.start{
	margin-right:10px;}

#pageLive .place{
	font-weight:bold;
	font-size:14px;
	padding:8px 0;
	border-bottom:1px dotted rgba(200,200,200,0.5);
	margin-bottom:10px}

/* jquery対応 */

#detailDataInsert{
	margin:0 auto;}
#jquery-cycle{
	margin:0;
	width:100% !important;}

#detailData,
#jquery-cycle{
	margin:0 2%;
	width:96% !important;}
#detailData .backlink{
	margin:2%;}

#jquery-cycle #list{
	margin:0 1%;
	width:98%;}
#jquery-cycle #textBtm,
#jquery-cycle #textTop{
	margin:10px 15px;}

/*=====================================
	#pageGoods
=====================================*/

#pageGoods h2{
	margin:10px 0;
	font-size:14px;}
#pageGoodsItem #shopList,
#pageGoodsDetail #shopList{
	border-top:1px dotted rgba(200,200,200,0.5);
	border-bottom:1px dotted rgba(200,200,200,0.5);
	padding:5px 0;
	margin:15px auto 25px;
	text-align:center;}
#pageGoodsItem #shopList,
#pageGoodsDetail #shopList h2{
	font-size:12px;
	margin:0 0 5px;}

#goodsList{
	width:100%;
	margin:0 auto;
	overflow:hidden;}
#goodsList .box{
	width:50%;
	float:left;
	height:200px;
	line-height:1.2;
	margin:0;
	overflow:hidden;
	text-align:center;}
#goodsList .box .photo{
	border:none;
	height:auto;
	margin-bottom:5px;
	background:none;}
#goodsList .box img{
	height:auto;
	width:auto;
	max-height:160px;
	max-width:90%;}

#pageGoodsItem h2{
	border-top:1px dotted rgba(200,200,200,0.5);
	border-bottom:1px dotted rgba(200,200,200,0.5);
	padding:10px 0;
	margin-bottom:10px;
	text-align:center;}
#pageGoodsItem #goodsList .box{
	height:190px;}


/* サブ画像 */
#goodsItemList #mainItem{
	text-align:center;}
#goodsItemList #mainItem .title{
	padding:10px 0;}
#goodsItemList #mainItem .areaEditor{
	text-align:left;
	padding-bototm:15px;}

#goodsItemList .thumbnail{
	margin:10px 0;}
#goodsItemList .thumbnail li{
	display:inline-block;
	width:24%;
	padding:5px 0;
	text-align:center;}
#goodsItemList .thumbnail li img{
	margin-bottom:3px;
	width:90%;}

#shopList h3{
	margin:5px 0;
	padding:5px;
	text-align:center;}




/*=============================================
	カレンダー
=============================================*/

/* カレンダー送り */
.monthHeader{
	text-align:center;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;}
.monthHeader .thismonth{
	font-weight:bold;
	font-size:20px;
	padding:0 10px;}

/* カレンダー */

.tableCalendarVertical{
	margin:10px 0;
	width:100%;}
.tableCalendarVertical th,
.tableCalendarVertical td{
	border-bottom:1px solid #ddd;
	vertical-align:top;
	padding:10px 0;}
.tableCalendarVertical th{
	width:35px;
	text-align:right;}
.tableCalendarVertical td .link{
	overflow:hidden;
	clear:both;
	margin-bottom:8px;}
.tableCalendarVertical td .link:last-child{
	margin-bottom:0;}

.sat th{color:#3366cc;}
.sun th{color:#cc3333;}

.tableCalendarVertical td .link .icon{
	font-size:10px;
	padding:1px;
	display:inline-block;
	text-align:center;
	height:1.2em;
	line-height:1.2;
	overflow:hidden;
	border-radius:1px;
	color:#fff;
	float:left;}
.tableCalendarVertical td .link a{
	background: url(/artist/img/iphone/icon_arrow-right_b.png) no-repeat right center ;	/* ★リンク誘導画像 */
	background-size:15px auto;
	padding:5px 20px 5px 5px;
	text-align:left;}
.tableCalendarVertical td .link .icon{
	display:inline;
	margin-right:3px;
	width:40px;}


.icon.ctg_tour		{background:#1a6600;}
.icon.ctg_web		{background:#00a3d9;}
.icon.ctg_magazine	{background:#7f00ff;}
.icon.ctg_movie		{background:#c2d900;}
.icon.ctg_tv		{background:#ff8000;}
.icon.ctg_radio		{background:#ff007f;}
.icon.ctg_live_event{background:#2db200;}
.icon.ctg_stage		{background:#404040;}


/*=============================================
	フォト
=============================================*/

#photoList{
	width:96%;
	margin:0 auto;
	overflow:hidden;}
#photoList .boxWrap{
	display:flex;
	flex-wrap: wrap;
	box-sizing:border-box;}
#photoList .box{
	width:33.3%;
	float:none;
	height:auto;
	line-height:1;
	margin:0 0 8px;
	overflow:hidden;
	text-align:center;
	padding:0 4px;
	box-sizing:border-box;}
#photoList .box .photo{
	border:none;
	height:auto;
	margin-bottom:5px;
	background:none;
  display: table;
	height:100%;}
#photoList .box .photo a{
	display:table-cell;
	width:100%;
	height:100%;
	background:#333;
	vertical-align: middle;}
#photoList .box img{
	height:auto;
	width:auto;
	max-height:100%;
	max-width:100%;}
#photoList .areaEditor{
	clear:both;}
#photoView{
	width:100%;
	margin:0 auto;
	text-align:center;}
#photoView .photo img{
	max-width:100%;}
#photoView .photo_title{
	font-weight:bold;
	font-size:14px;
	margin:8px 0;}
#photoView .photo_comment{
	text-align:left;}


/*=============================================
	ページ内検索
=============================================*/

#pageSearch .searchResult{
	font-weight:bold;
	font-size:15px;
	margin:10px 20px;}

#pageSearch .keyword{}

#pageSearch .area{
	margin:0 20px 10px;
	width:auto;
}

#pageSearch h2{
	margin:10px 0;}

#pageSearch .more{
	clear:both;
	right:0;
	width:75px;
	float:right;
	margin-top:10px;}
#pageSearch .more a{
	display:block;
	padding:3px 10px;
	margin:0 0 0 auto;
	text-align:center;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-decoration:none;}

#pageSearch .error{
	margin:5px 0;}

#pageSearch .listStyle .list{
	width:auto;
	margin-bottom:0;}

#pageSearch .list li a{
	background-image: url(/artist/img/iphone/icon_arrow-right_b.png);
	background-repeat: no-repeat;
	background-position: right center;}

#pageSearch #newsList,
#pageSearch #mediaList,
#pageSearch #liveList,
#pageSearch #tourList,
#pageSearch #stageList,
#pageSearch #theaterList,
#pageSearch #discoList,
#pageSearch #goodsList,
#pageSearch #movieList,
#pageSearch #photoList{
	overflow:hidden;}


#pageSearch #movieList h2{
	text-align:left;
	padding-bottom:0;
}

#pageSearch #movieList .title{
	font-weight:bold;
	margin:5px 0;}



/*=============================================
	シアター
=============================================*/

/*　Theater list　*/
#theaterList .box{
	border-bottom:1px solid #ccc;
	padding:10px;
	margin:0;}
#theaterList .box:last-child{
	border: none;
  padding-bottom: 0;}
#theaterList .box .title{
	margin-left:15px;}
#theaterList .box .date,
#theaterList .box .title{
	display:inline-block;}

	/*　Theater detail　*/
.Theater .tableNormal{
	width:100%;}
.Theater .tableNormal th{
	padding:7px 1%;
	text-align:center;
	background:#e2e2e2;
	border:none;
	border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color:#666;}
.Theater .tableNormal .cellTheater{
	width:40%;}
.Theater .tableNormal .cellPref{
	width:15%;}
.Theater .tableNormal .cellOption{
  white-space: normal;
  word-break: break-all;}
.Theater .tableNormal td{
	padding:7px 1%;
	text-align:center;
	background:#fff;
	border:none;
	border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color:#666;}
.Theater .areaTab{
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  margin:8px -2px;}
.Theater .areaTab li{
	width:33.3%;
	text-align:center;
	padding:0 2px;
	box-sizing:border-box;
	margin-bottom:5px;}
.Theater .areaTab li a{
	width:100%;
	display:block;
	padding:5px;
	border:1px solid #ccc;
	box-sizing:border-box;
	color:#666;
	text-decoration:none;
	background:#fff;}
.Theater .areaTab li a:hover{
	opacity:0.7;}
.Theater .areaTitle{
	text-align:center;
	margin:20px 0 3px;
	font-size:14px;
	border:none;}
.Theater .areaSubtext{
	padding:4px;}

.userdata-external-transmission{
	display:block;
	padding:1rem 0 0 0;
	text-align:center;}


/*=============================================
	landscape時の設定
=============================================*/
@media all and (orientation:landscape) {

}