@charset "utf-8";

/* --------------------------------------------------
 * 
 * Artists | Top
 * 
 * --------------------------------------------------
 */


/* --------------------------------------------------
 * MAINVIEW
 * --------------------------------------------------
 */
#mainview {
	
}
	#mainview .section_container {
		border: 1px solid #e6e6e5;
	}
		/* main image */
		#mainview h2 {
			border-bottom: 1px solid #e6e6e5;
			width: 958px;
			/*height: 400px;*/
			overflow:hidden;
		}
		#mainview h2 img {
			/*width: 960px;
			height: 400px;*/
		}
		#mainview .nav {
			
		}
			#mainview .nav ul {
				
			}
				#mainview .nav ul li {
					position: relative;
					background: url(/global/images/artists/artist_nav_line.png) no-repeat left;
					float: left;
					font-size: 86%;
					line-height: 1.1;
				}
				#mainview .nav ul li.first {
					background: none;
				}
					#mainview .nav ul li a {
						position: relative;
						display: block;
						padding: 28px 28px;
					}
					#mainview .nav ul li span {
						position: relative;
						display: block;
						padding: 28px 28px;
					}
						#mainview .nav ul li img {
							vertical-align: bottom;
						}
					#mainview .nav ul li span.new {
						position: absolute;
						top: 7px;
						right: -12px;
						z-index: 10;
						display: block;
						width: 40px;
						height: 30px;
						padding: 0;
					}


/* --------------------------------------------------
 * NEWS
 * --------------------------------------------------
 */
#news {
	clear: both;
	margin-top: 15px;
}
	/* header */
	#news .section_header {
		margin-top: 15px;
		padding: 16px 10px 0 10px;
		background: #f5f5f5;
	}
		#news .section_header h3 {
			padding-bottom: 9px;
			padding-left: 10px;
			border-bottom: 1px solid #dcdcdc;
			font-size: 143%;
			line-height: 1.1;
		}
	/* container */
	#news .section_container {
		padding: 5px 20px 30px 20px;
		background: #f5f5f5;
	}
		/* item */
		.news_item {
			clear: both;
			margin-top: 18px;
		}
			.news_item .date {
				width: 70px;
				padding-top: 3px;
				font-size: 86%;
				color: #323232;
				float: left;
			}
			.news_item .date {
				width: 80px\9;
				*width: 80px;
				_width: 80px;
			}
			.news_item .date:not(:target) {
				width: 80px\9; /* IE9, 10 */
			}
			@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
				.news_item .date:not(:target) {
					width: 80px; /* IE10（\9なしでIE11にも適用） */
				}
			}
			.news_item .category {
				width: 65px;
				float: left;
			}
			.news_item .txt {
				width: 785px;
				font-size: 100%;
				float: left;
			}
			.news_item .txt {
				width: 775px\9;
				*width: 775px;
				_width: 775px;
			}
			.news_item .txt:not(:target) {
				width: 775px\9; /* IE9, 10 */
			}
			@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
				.news_item .txt:not(:target) {
					width: 775px; /* IE10（\9なしでIE11にも適用） */
				}
			}
				.news_item .txt a {
					color: #323232;
				}
				.news_item .txt a:hover {
					color: #656565;
				}


/* --------------------------------------------------
 * CONTENT
 * --------------------------------------------------
 */
#content {
	clear: both;
	padding-top: 40px;
	padding-bottom: 60px;
}
	/* COLUMN : LEFT */
	#content .section_left {
		width: 630px;
		float: left;
	}
		/* DISCOGRAPHY */
		#release {
			
		}
			/* header */
			#release .box_header {
				position: relative;
			}
				#release .box_header h2 {
					
				}
				#release .box_header p {
					position: absolute;
					right: 0;
					top: 15px;
					padding-top: 10px;
				}
					#release .box_header p a {
						padding-left: 24px;
						background: url(/global/images/index/icon_arrow.png) no-repeat left;
						font-size: 100%;
						text-decoration: none;
					}
					#release .box_header p a:hover {
						color: #4187c8;
						text-decoration: underline;
					}
			/* contents */
			#release .release_container {
				margin-top: -9px;
				margin-left: -10px;
			}
				/* release item */
				#release .release_item {
					position: relative;
					width: 150px;
					margin-left: 10px;
					margin-top: 30px;
					float: left;
				}
					#release .release_item .img {
						position: relative;
						display: block;
						width: 150px;
						border: 1px solid #c0c0c0;
						/*height: 150px;*/
					}
					#release .release_item .img.new:after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						display: block;
						width: 45px;
						height: 45px;
						background: url(/global/images/index/release_new.png) no-repeat;
					}
					#release .release_item .info {
						padding-top: 8px;
						font-size: 86%;
					}
						#release .release_item .info .type {
							padding-right: 6px;
							font-weight: bold;
							color: #4187c8;
						}
					#release .release_item .title {
						padding-top: 6px;
						font-size: 93%;
						font-weight: bold;
						color: #191919;
						line-height: 1.3;
						word-wrap: break-word;
					}
			/* release rollover window */
			#release_window_tmpl {
				display: none;
			}
				.release_window {
					position: absolute;
					left: -20px;
					top: -20px;
					z-index: 1000;
					width: 150px;
					padding: 20px;
					background: #fff;
					box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
					-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
					-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
					filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=7, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=7, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=7, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=7, enabled=true);
				}
				.release_window_link {
					padding-top: 13px;
				}
					.release_window_link li {
						margin-top: 2px;
					}
						.release_window_link li a {
							display: block;
							padding: 7px 8px;
							background: #000 url(/global/images/index/window_arrow.png) no-repeat 135px;
							font-size: 79%;
							color: #fff;
							text-decoration: none;
						}
						.release_window_link li a:hover {
							background: #969696 url(/global/images/index/window_arrow.png) no-repeat 135px;
						}
		/* MOVIE */
		#movie {
			clear: both;
			margin-top: 60px;
		}
			/* header */
			#movie .box_header {
				position: relative;
			}
				#movie .box_header h2 {
					
				}
				#movie .box_header p {
					position: absolute;
					right: 0;
					top: 15px;
					padding-top: 10px;
				}
					#movie .box_header p a {
						padding-left: 24px;
						background: url(/global/images/index/icon_arrow.png) no-repeat left;
						font-size: 100%;
						text-decoration: none;
					}
					#movie .box_header p a:hover {
						color: #4187c8;
						text-decoration: underline;
					}
			/* content */
			#movie .box_container {
				margin-left: -6px;
			}
				/* item */
				#movie .item {
					width: 312px;
					height: 220px;
					margin-top: 30px;
					margin-left: 6px;
					float: left;
				}
					#movie .item .img {
						position: relative;
						width: 312px;
						height: 176px;
					}
					#movie .item .img:after {
						content: "";
						position: absolute;
						left: 128px;
						top: 60px;
						display: block;
						width: 56px;
						height: 56px;
						background: url(/global/images/common/icon/icon_movie.png) no-repeat;
					}
					#movie .item.over .img:after {
						background: url(/global/images/common/icon/icon_movie_on.png) no-repeat;
					}
					#movie .item .link {
						margin-top: 4px;
						padding-top: 2px;
						font-size: 100%;
						line-height: 1.35;
					}
						#movie .item .link a {
							display: block;
							padding-left: 25px;
							background: url(/global/images/index/movie_btn_play.png) no-repeat left 2px;
							color: #000000;
							text-decoration: none;
						}
				/* item_no */
				#movie .item_no {
					width: 312px;
					margin-top: 30px;
					margin-left: 6px;
					float: left;
				}
					#movie .item_no .img {
						position: relative;
						width: 312px;
						height: 176px;
					}
	/* COLUMN : RIGHT */
	#content .section_right {
		width: 290px;
		margin-top: -20px;
		float: right;
	}
		/* LINKS */
		#links {
			margin-top: 20px;
		}
			#links li {
				margin-top: 2px;
				display: inline;
			}
				/*#links li a {*/
				/*	position: relative;*/
				/*	!** block -> inlineに変更 201910**!*/
				/*	display: inline;*/
				/*	height: 30px;*/
				/*	padding-left: 40px;*/
				/*	padding-top: 10px;*/
				/*	font-size: 93%;*/
				/*	text-decoration: none;*/
				/*	color: #191919;*/
				/*}*/
				/*#links li a:before {*/
				/*	content: "";*/
				/*	position: absolute;*/
				/*	top: 0;*/
				/*	left: 0;*/
				/*	display: block;*/
				/*	width: 40px;*/
				/*	height: 40px;*/
				/*}*/
				/*#links li a:after {*/
				/*	content: "";*/
				/*	position: absolute;*/
				/*	top: 15px;*/
				/*	right: 10px;*/
				/*	display: block;*/
				/*	width: 6px;*/
				/*	height: 9px;*/
				/*}*/

			/* official accounts title */
			#links li.links_title {
				margin-top: 0;
				display: block;
				height: 65px;
				overflow:hidden;
			}

			#links li.icon {
				margin: 5px;
			}

			/* official site */
			#links li.official {
				margin-top: 0;
			}
				#links li.official a {
					/*background: #000;*/
					/*color: #fff;*/

					/** コメントアウト2019-10 **/
					/*background: #fafafa;*/
					/*border: 1px solid #dcdcdc;*/
				}
				#links li.official a:hover {
					/*background: #969696;*/

					/** コメントアウト2019-10 **/
					/*border: 1px solid #000;*/
				}
				#links li.official a:before {
					 /*background: url(/global/images/artists/link_icon_official.png) no-repeat;*/

					 background: url(/global/images/artists/link_icon_official_blk.png) no-repeat;
				}

				#links li.official a:after {
					/*background: url(/global/images/common/icon/icon_artist_link_wht.png) no-repeat;*/

					/** コメントアウト2019-10 **/
					/*background: url(/global/images/common/icon/icon_artist_link_blk.png) no-repeat;*/
				}
			/* official site, no link*/
			#links li.official-no {
				/*margin-top: 0;*/
				color: #999;
				background: url(/global/images/artists/link_icon_official_blk.png) no-repeat #fafafa;
				border: 1px solid #dcdcdc;
				position: relative;
				display: block;
				height: 30px;
				padding-left: 40px;
				padding-top: 10px;
				font-size: 93%;
				text-decoration: none;
			}
			/* twitter */
			#links li.twitter {
				
			}
				#links li.twitter a {
					/*background: #fafafa;*/
					/*border: 1px solid #dcdcdc;*/
				}
				#links li.twitter a:hover {
					/*border: 1px solid #000;*/
				}
				#links li.twitter a:before {
					 /*background: url(/global/images/artists/link_icon_twitter.png) no-repeat;*/
				}
				#links li.twitter a:after {
					/*background: url(/global/images/common/icon/icon_artist_link_blk.png) no-repeat;*/
				}
			/* facebook */
			#links li.facebook {
				
			}
				#links li.facebook a {
					/*background: #fafafa;*/
					/*border: 1px solid #dcdcdc;*/
				}
				#links li.facebook a:hover {
					/*border: 1px solid #000;*/
				}
				#links li.facebook a:before {
					 background: url(/global/images/artists/link_icon_facebook.png) no-repeat;
				}
				#links li.facebook a:after {
					/*background: url(/global/images/common/icon/icon_artist_link_blk.png) no-repeat;*/
				}
			/* youtube */
			#links li.youtube {
				
			}
				#links li.youtube a {
					/*background: #fafafa;*/
					/*border: 1px solid #dcdcdc;*/
				}
				#links li.youtube a:hover {
					/*border: 1px solid	 #000;*/
				}
				#links li.youtube a:before {
					 background: url(/global/images/artists/link_icon_youtube.png) no-repeat;
				}
				#links li.youtube a:after {
					/*background: url(/global/images/common/icon/icon_artist_link_blk.png) no-repeat;*/
				}

			/* google */
			#links li.google {
				
			}
				#links li.google a {
					/*background: #fafafa;*/
					/*border: 1px solid #dcdcdc;*/
				}
				#links li.google a:hover {
					/*border: 1px solid #000;*/
				}
				#links li.google a:before {
					 background: url(/global/images/artists/link_icon_google.png) no-repeat;
				}
				#links li.google a:after {
					/*background: url(/global/images/common/icon/icon_artist_link_blk.png) no-repeat;*/
				}

			/*  instagram */
			#links li.instagram {
			
			}
				#links li.instagram a {
					/*background: #fafafa;*/
					/*border: 1px solid #dcdcdc;*/
				}
				#links li.instagram a:hover {
					/*border: 1px solid #000;*/
				}
				#links li.instagram a:before {
					background: url(/global/images/artists/link_icon_ instagram.png) no-repeat;
				}
				#links li.instagram a:after {
					/*background: url(/global/images/common/icon/icon_artist_link_blk.png) no-repeat;*/
				}
			
			/*  line */
			#links li.line {
			
			}
				#links li.line a {
					/*background: #fafafa;*/
					/*border: 1px solid #dcdcdc;*/
				}
				#links li.line a:hover {
					/*border: 1px solid #000;*/
				}
				#links li.line a:before {
					background: url(/global/images/artists/link_icon_ line.png) no-repeat;
				}
				#links li.line a:after {
					/*background: url(/global/images/common/icon/icon_artist_link_blk.png) no-repeat;*/
				}
				
		/* BIOGRAPHY */
		#biography {
			margin-top: 20px;
			background: #f5f5f5;
		}
			#biography h3 {
				
			}
			/* person */
			#biography .person {
				padding: 20px 20px 0 20px;
			}
				#biography .person dt {
					font-size: 86%;
					color: #000;
				}
				#biography .person dd {
					padding-top: 6px;
					font-size: 86%;
					color: #7d7d7d;
				}
				/* text */
			#biography .txt {
				width: 250px;
				margin: 20px auto 0 auto;
				padding: 20px 10px 20px 10px;
				background: url(/global/images/common/body/line_dot_blk.png) repeat-x top;
			}
				#biography .txt p {
					font-size: 86%;
					color: #7d7d7d;
				}
				
		/* TWITTER */
		#twitter {
			margin-top: 40px;
			/*margin-top: 20px;*/
		}
			/* header */
			#twitter .box_header {
				position: relative;
			}
				#twitter .box_header h3 {
					display: block;
				}
					#twitter .box_header h3 a, 
					#twitter .box_header h3 span {
						display: block;
						padding: 5px 10px 7px 10px;
						background: #000;
						font-size: 130%;
						text-decoration: none;
						color: #fff;
					}
					#twitter .box_header h3 a:hover {
						/*background: #404040;*/
						color: #bfbfbf;
					}
				#twitter .box_header p {
					position: absolute;
					right: 0;
					top: 0;
				}
			/* container */
			#twitter .box_container {
				clear: both;
				height: 600px;
				border-bottom: 1px solid #dcdcdc;
				border-left: 1px solid #dcdcdc;
				border-right: 1px solid #dcdcdc;
				overflow: auto;
			}
				/* item */
				#twitter .item {
					padding: 14px;
					border-top: 1px solid #dddddd;
				}
					#twitter .item_header {
						
					}
						#twitter .item_header .img {
							display: block;
							width: 36px;
							float: left;
						}
						#twitter .item_header dl {
							display: block;
							width: 224px;
							line-height: 1.2;
							float: left;
						}
							#twitter .item_header dt {
								font-size: 93%;
								font-weight: bold;
								color: #323232;
							}
							#twitter .item_header dd {
								font-size: 79%;
								color: #7d7d7d;
							}
					#twitter .txt {
						padding-top: 8px;
						font-size: 86%;
						color: #7d7d7d;
						word-wrap: break-word;
					}
						#twitter .txt a {
							color: #4187c8;
						}
					#twitter .date {
						padding-top: 4px;
						font-size: 79%;
						color: #b4b4b4;
						text-align: right;
					}
				/* noitem */
				#twitter .noitem {
					padding: 250px 0;
					font-size: 86%;
					color: #7d7d7d;
					line-height: 2;
					text-align: center;
				}
					#twitter .noitem span {
						color:  #428acb;
					}
		
		
/* --------------------------------------------------
 * RELATED ARTIST
 * --------------------------------------------------
 */
#related {
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #4b4b4b;
}
	#related .section_container {
		width: 960px;
		margin: 0 auto;
	}
		/* header */
		#related h3 {
			display: block;
			height: 18px;
			padding-left: 170px;
			padding-bottom: 15px;
			background: url(/global/images/artists/related_ttl_artist.png) no-repeat left top;
			font-size: 93%;
			font-weight: normal;
			color: #fff;
		}
		/* content */
		#related .content {
			margin-left: -12px;
		}
			/* item */
			#related .item {
				width: 150px;
				margin-left: 12px;
				float: left;
			}
				#related .item .img {
					
				}
				#related .item .link {
					padding-top: 8px;
				}
					#related .item .link a {
						font-size: 86%;
						color: #fff;
						text-decoration: none;
					}
					#related .item.over .link a {
						text-decoration: underline;
					}



/* --------------------------------------------------
 * MOVIE PLAYER
 * --------------------------------------------------
 */
#movie_player {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none;
	background: url(/global/images/artists/movie_bg.png);
}
	#movie_player .section_container {
		width: 960px;
		margin: 0 auto;
	}
		#movie_player .close {
			text-align: right;
		}
		#movie_player .movie_player {
			width: 960px;
			height: 540px;
			padding-top: 19px;
		}
#movie_player_tmpl {
	display: none;
}