@charset "utf-8";

#main .wrap{display:block !important;}

.unable{filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35;}

.closeup{
		position:relative;
		margin:0 auto 12px; padding:9px;
		width:100%; height:auto;
		background:url('/_assets/img/bg/closeup.png'); border:1px solid #ddd;}

#playerBlock{
		position:relative;
		margin:0 auto; padding:57px 12px 12px;
		width:100%; height:auto;
		background:#fff; border:1px solid #ddd;}

#titleYouTube{
		position:absolute; top:476px; left:12px;
		margin:0 auto; text-align:left !important;
		width:100%; height:78px;}

	@media screen and (max-width:1130px){#titleYouTube{top:416px;}}

	#titleYouTube h2{
		position:relative;
		display:inline-block;
		padding:12px 0 0 94px; margin-bottom:9px;
		font-size:22px !important; font-weight:bold;}

	#titleYouTube h2 span{
		margin:6px 0 0 0.7em;
 		font-size:11px; font-weight:normal;}

	#titleYouTube h2 span a{margin-left:0.6em; font-size:12px;}

	#titleYouTube #playThumb{
		position:absolute; top:0; left:0;
		width:78px; height:78px;
		border:9px solid #f2f2f2; border-radius:2px;}
	#titleYouTube #playThumb img{border-radius:2px;}

	#titleYouTube .spec{
		width:100%; height:auto;
		text-align:left !important;
		margin:0 0 0 94px;}

	#titleYouTube .spec li{
		width:auto; height:14px;
		margin:0 9px 0 0;
		display:inline-block;
		font-size:115%;}

	#titleYouTube .spec li span{font-size:10px; color:#838383;}

#title{
		position:absolute; top:78px; left:0; z-index:100;
		margin:0 auto 23px;
		width:100%; height:78px;}

	#title h2{
		position:relative;
		display:inline-block;
		width:auto; height:54px;
		padding:23px 0 0 94px; margin-bottom:100px;
		text-align:left;}

	#title h2 span{display:block; margin-top:6px;}

	#title #playThumb{
		position:absolute; top:5px; left:0;
		width:78px; height:78px;
		border:9px solid #f2f2f2; border-radius:2px;}
	#title #playThumb img{border-radius:2px;}

#title .spec{width:100%; height:auto; display:none;}

	#title .spec:nth-of-type(1){display:block;}

	#title .spec li{
		display:inline-block;
		width:auto; height:14px;
		margin:5px 9px 0 0;
		font-size:115%;}
	#title .spec li:last-child{margin:0;}
	#title .spec li span{font-size:10px;}

#selectSet{position:absolute; top:12px; right:12px;}

#releaseDate{
		position:absolute; top:12px; left:12px;
		width:160px; height:27px;
		line-height:27px; text-align:center;
		background:#F5F5F5; border:1px solid #ddd; border-radius:2px;}

#playerSelectArea select,
#trackSelectArea select{border:1px solid #ddd; border-top-right-radius:2px; border-bottom-right-radius:2px;}

#playerSelectArea{
		float:left;
		width:154px; height:27px;
		margin-left:12px;}

	#playerSelectArea p,
	#trackSelectArea p{
		float:left;
		width:46px; height:27px;
		line-height:27px; text-align:center;
		background:#F5F5F5; border:1px solid #ddd; border-right:none; border-top-left-radius:2px; border-bottom-left-radius:2px;}

	#playerSelect{width:108px; height:27px; padding:0 2px;}
	#playerSelectArea:after{content:url(/_assets/img/space.gif); display:block; clear:both; height:0;}

#trackSelectArea{
		float:left;
		width:118px; height:27px;}

	#trackSelect{width:72px; height:27px; padding:0 5px;}
	#trackSelectArea:after{content:url(/_assets/img/space.gif); display:block; clear:both; height:0;}


#YouTube{
		position: relative;
		margin:-6px 0 104px; padding-bottom:56.25%;
		height:0; overflow:hidden;}

	#YouTube iframe{
		position:absolute; top:0; left:0; z-index:1000;
		width:100%; height:100%; border-radius:2px;}

#HTML5{
		position:relative;
		margin:0 auto; padding:115px 0 0;
		width:100%; height:220px;
		line-height:1.5;
		background:#fff url('/_assets/img/bg/player.png') center 7px no-repeat;}

	@media screen and (max-width:1130px){#HTML5{background-size:106%;}}

.player{
		position:relative;
		margin:0 auto 35px; padding:5px 6px;
		width:400px; height:38px;
		background:#F5F5F5; border-radius:2px;}

.description,
.tags,
.share{padding:0 24px; min-height:49px;}

.description{border-top:1px dotted #3B4754; padding-top:16px;}

	.description:after,
	.tags:after,
	.share:after{content:url('/_assets/img/space.gif'); display:block; clear:both; height:0;}

	.description dt,
	.tags dt,
	.share dt{
		float:left; margin-bottom:16px;
		width:60px; height:60px;
		background:#00B0C1; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; line-height:60px;}

	.description dd,
	.tags dd,
	.share dd{
		float:left; margin-bottom:16px;
		width:610px; margin-left:25px; padding:10px 0 0 0; word-wrap:break-word; text-align:justify;}

	.description dd,
	.tags dd,
	.share dd{width:84%; margin-left:4%; padding:10px 0 0; line-height:1.7; word-wrap:break-word; text-align:justify;}

	.description dd #signature{
		position:relative;
		margin:16px 0 0; padding:12px 12px 12px 84px;
		width:100%; min-height:70px;
		background:#F5F5F5; border-radius:2px;}

	.description dd #signature a img{
		position:absolute; top:12px; left:12px;
		width:50px; height:50px;
		border-radius:2px;}

	.description dd #signature p{padding:9px 12px; background:#fff; border-radius:2px;}
	.description dd #signature p:before{content:url(/_assets/img/arrow/rightGreyS.png); display:inline; position:absolute; top:22px; left:71px;}

	.tags a{color:#328ac9;}

	.share a{
		display:inline-block;
		margin:0 1% 0 0;
		width:48.5%; height:50px; overflow:hidden;
		font-size:20px; line-height:52px; border-radius:2px;}

	.share a:nth-of-type(1){background:#00aced;}
	.share a:nth-of-type(2){background:#3c5b99; margin-right:0;}

#ncommons i{
		display:block;
		margin:8px 0; font-style:normal;}

	#ncommons ul{margin:12px 0;}
	#ncommons ul li span{width:13%; font-weight:bold;}
	#ncommons ul li input{
		width:80%; height:27px;
		margin:0 0 5px 1%; padding:0 1%;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif; font-size:12px; color:#636363; letter-spacing:1px; line-height:27px;
		background:#f5f5f5; border:1px solid #ddd; border-radius:2px;}

#alert strong{padding-left:0.5em; margin-bottom:3px; border-radius:2px;}

#toStore .submitBox{
		position:relative;
		vertical-align:top;
		width:48.5%; height:120px; margin:0 2% 0 0; padding:20px 0 0 104px !important; display:inline-block;
		border:14px solid #f0f3f2; border-radius:2px;}

	#toStore .submitBox:hover{filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}
	#toStore .submitBox:nth-of-type(1){background:#ff993c;}
	#toStore .submitBox:nth-of-type(2){margin-right:0; background:#00afc1;}

	#toStore .submitBox .icon{
		position:absolute; top:14px; left:14px;
		padding:8px 14px;
		font-size:46px; display:block; background:rgba(255,255,255,0.2);
		border-radius:2px;}

	#toStore .submitBox a,
	#toStore .submitBox button{
		color:#fff; font-size:120% !important; font-weight:bold; letter-spacing:1px; line-height:1.6; text-align:left;
		background:none; padding:0; margin:0; border:none; cursor:pointer;}

#side #composer{
		width:100%; height:auto;
		padding:9px; margin:12px 0;
		background:#e3e3e3;}

	#side #composer div{
		position:relative;
		width:100%; height:auto;
		padding:58px 9px 9px;
		background:#fff;}

	#side #composer #compImage img{
		position:absolute; top:9px; left:9px;
		width:40px; height:40px;
		border-radius:2px;}

#side #composer #compName{
		position:absolute; top:14px; left:62px;
		width:18em; height:1.1em; overflow:hidden;}

	#side #composer #compName span{color:#636363;}

#side .condi{
		position:absolute; top:37px; left:62px;
		width:auto; height:12px;
		line-height:12px;}

	#side .condi li{
		float:left;
		margin:0 11px 0 0;
		width:auto; height:15px;}

	#side .condi li:last-child{margin-right:0;}
	#side .condi li span{margin-right:3px;}

#side #composer #compComment{
		margin-bottom:9px; padding-bottom:6px;
		line-height:1.67; text-indent:1em;
		font-size:94%;
		border-bottom:1px dotted #3B4754;}

#side .mailType{
		padding:0; margin:0;
		width:100%; height:auto;}

	#side .mailType li{
		width:100%; height:24px;
		margin:0 0 6px;
		color:#ccc; letter-spacing:1px; line-height:24px;
		background:#F5F5F5; border-radius:2px;}

	#side .mailType li:nth-last-of-type(1){margin-bottom:0;}
	#side .mailType li span.icon{display:inline-block; font-size:17px; margin:0 0.6em 0 0.7em; vertical-align:text-bottom;}
	#side .mailType li a{display:inline-block; width:100%; height:100%; color:#fff; background:#ff993c; border-radius:2px;}
	#side .mailType li a:hover{filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}

#similar{margin-bottom:0;}
#similar div{padding:12px 0 6px; background:#fff;}
#similar ul li{
		width:100%; min-height:26px; height:auto;
		line-height:1.2;
		margin-bottom:8px; padding:2px 0 9px 35px;
		border-bottom:1px dotted #3B4754;}

	#similar ul li a{
		position:relative;
		display:inline-block;
		margin-bottom:3px;
		width:auto; padding-left:15px;}

	#similar ul li a img{width:30px; height:30px; position:absolute; top:-2px; left:-25px; border-radius:2px;}
	#similar ul li span{display:block; padding-left:15px;}
	#similar ul li:nth-last-of-type(1){margin-bottom:0; border:none;}

#similar .none{margin:12px 0; width:100%; height:22px; line-height:22px;}