@charset "utf-8";
/***********************************
骨格
************************************/
body#prf{
	color:hsla(0,0%,15%,1.0);
	font-family:"メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, arial,helvetica,clean,sans-serif;
	text-align:center;
	background-color:hsl(0,0%,0%);
	background-repeat:repeat;
	background-position:center top;
}
#prfMain{
	width:100%;
	display:flex;
}
#prfLeft{
	text-align:center;
	padding:0;
    box-shadow:
		0 1px hsla(0,0%,100%,0.4) inset,
		0 -1px hsla(0,0%,0%,0.7) inset;
}
#prfCnt{
	background:hsla(0,0%,100%,0.9);
}
#prfFtr{
	text-align:center;
	padding:5px;
    box-shadow:
		0 1px hsla(0,0%,100%,0.4) inset,
		1px 0 hsla(0,0%,100%,0.4) inset,
		0 -1px hsla(0,0%,0%,0.7) inset,
		-1px 0 hsla(0,0%,0%,0.7) inset;
}
#footer{
	color:#AAA;
	font-size:1.2rem;
	padding:.5rem;
	background-color:hsl(0,0%,0%);
	box-shadow:
		0 .1rem hsla(0,0%,100%,.4) inset
		;
}
#footer a{
	color:#999;
	text-decoration:none;
}
#footer a:hover{
	color:hsl(0,0%,100%);
	text-decoration:underline;
}
dl.prftr{
	flex-direction:column;
}
dl.prftr dd{
	padding:0;
	margin:0;
}
dl.prftr dd ul{
	width:100%;
	padding:0 3rem;
	margin:0;
	display:flex;
	list-style:none;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: center;/* 中央揃え */
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
dl.prftr dd ul li{
	line-height:100%;
	padding:0 1rem;
	margin:.5rem 0;
	border-right:1px solid hsla(0,0%,100%,.3);
}
dl.prftr dd ul li:last-child{
	border:none;
}
@media screen and (max-width:699px) {
#prfMain{
	flex-direction:column;
}
#prfCnt{box-shadow:0 -1px hsla(0,0%,0%,0.7) inset;}
#prfDtl{
	text-align:left;
	padding:10px;
    box-shadow:0 1px hsla(0,0%,100%,0.4) inset;
}
#prfFtr{font-size:0.5rem;}
dl.prftr dd ul li{
	font-size:2.25vw;
	padding:0 .5rem;
}
}
@media screen and (min-width:700px) {
dl.prftr dd{font-size:1.1rem;}
#prfMain{
	flex-direction:column;
}
#prfCnt{box-shadow:0 -1px hsla(0,0%,0%,0.7) inset;}
#prfDtl{
	text-align:left;
	padding:20px;
    box-shadow:0 1px hsla(0,0%,100%,0.4) inset;
}
#prfFtr{font-size:1.0rem;}
}
@media screen and (min-width:1100px) {
#prfExskltn{
	width:1100px;
	margin:auto;
	box-shadow:0px 0px 10px hsla(0,0%,0%,0.4);
}
#prfMain{flex-direction:row;}
#prfLeft{
	width:28%;
	min-height:800px;
    box-shadow:
		0 1px hsla(0,0%,100%,0.4) inset,
		1px 0 hsla(0,0%,100%,0.4) inset,
		0 -1px hsla(0,0%,0%,0.7) inset,
		-1px 0 hsla(0,0%,0%,0.7) inset;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
#prfCnt{
	width:72%;
    box-shadow:
		1px 0 hsla(0,0%,100%,0.4) inset,
		0 1px hsla(0,0%,100%,0.4) inset,
		0 -1px hsla(0,0%,0%,0.7) inset,
		-1px 0 hsla(0,0%,0%,0.7) inset;
	box-sizing:border-box;
	padding-bottom:5rem;
}
#prfDtl{
	text-align:left;
	padding:20px 30px;
    box-shadow:0 1px hsla(0,0%,100%,0.4) inset;
}
#prfFtr{margin-bottom:20px;}
dl.prftr{
	width:900px;
	margin:auto;
	padding:10px 0;
	display:table;
}
dl.prftr dt{
	width:180px;
	margin:0;
	padding:0;
	vertical-align:middle;
	border-right:1px solid hsla(0,0%,100%,0.4);
	display:table-cell;
}
dl.prftr dd{
	text-align:left;
	padding:0 0 0 20px;
	margin:0;
	vertical-align:middle;
	display:table-cell;
}
dl.prftr dd ul{
	padding:0;
	justify-content: flex-start;/* 行の開始位置から配置。左揃え */
}
}


/***********************************
アーティスト名
************************************/
.artnmbg{
	padding:1rem 0;
    box-shadow:
		0 -1px hsla(0,0%,0%,0.7) inset;
}
.Aname{
	background:hsl(0,0%,0%);
    box-shadow:
		0 1px hsla(0,0%,100%,0.4),
		0 1px hsla(0,0%,100%,0.4) inset,
		0 -1px hsla(0,0%,0%,0.7);
	width:100%;
}
h1.art{
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:hsl(0,0%,100%);
	line-height:135%;
}
h1.art a:link{color:hsl(0,0%,100%);}
h1.art span{
	font-weight:normal;
	color:hsla(0,0%,66%,1.0);
	font-size:1.1rem;
	line-height:150%;
	display:block;
}
@media screen and (max-width:1099px) {
.Aname{
	display:flex;
	flex-direction:row;
	align-items: center; /* 縦方向中央揃え */
}
.Aname div{
	text-align:center;
	width:14%;
	padding:.6rem;
}
.Aname div img{
	width:100%;
	padding:1rem 0;
}
.Aname h1{
	font-size:6vw;
	padding:1rem;
	width:90%;
	text-align:center;
}
}
@media screen and (min-width:1100px) {
.Aname h1{
	font-size:3rem;
	padding:1rem 0;
}
.Aname div{
	display:none;
}
}

/***********************************
Leftプロフ
************************************/
.prfpct{text-align:center;}
.prfpct img{
	width:100%;
}
.prfmini{
	text-align:left;
	padding:0;
}
.prfdata01{
    box-shadow:
		0 1px hsla(0,0%,0%,0.7) inset,
		0 2px hsla(0,0%,100%,0.4) inset;
}
.prfdata02{
	font-size:1.2rem;
	line-height:1.5rem;
	text-align:right;
}
.prfct{
	font-size:1.1rem;
	line-height:150%;
	margin:20px 0;
}
@media screen and (max-width:699px) {
.prfpct{
	padding-top:1.5rem;
}
h2.art{display:none;}
.prfdata01{display:none;}
.prfdata02{
	padding:5px 10px;
}
}
@media screen and (min-width:700px) {
.prfpct{
	padding-top:1.5rem;
}
.prfpct img{width:50%;}
h2.art{display:none;}
.prfdata01{display:none;}
.prfdata02{
	padding:5px 25px;
}
}
@media screen and (min-width:1100px) {
.prfpct{padding-top:1px;}
.prfpct img{
	width:-webkit-calc(100% - 2px) ;
	width:calc(100% - 2px) ;
}
h2.art{
	font-size:1.5rem;
	padding:6px 25px;
	background:hsla(0,0%,100%,.1);
	display:block;
    box-shadow:
		0 -1px hsla(0,0%,0%,0.7) inset,
		0 1px hsla(0,0%,100%,0.4) inset;
}
h2.art img{
	width:20px;
	margin-right:.5rem;
	border-radius:50%;
	box-shadow:
		0px 0px 0px 1px hsla(0,0%,0%,1)
		;
}
.prfdata01{
	text-align:right;
	padding:4px 25px;
	display:block;
}
}

/** ファン登録ボタン **/
.fanbtn00{margin:30px 0;text-align:center;}
.fanbtn{display:inline-block;}
.fanbtn a{
	text-decoration:none;
	padding:10px 50px;
	margin:auto;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s ease-in;
	box-shadow:
		1px 1px 0px hsla(0,0%,100%,0.3),
		-1px -1px 0px hsla(0,0%,0%,0.8),
		1px 1px 0px hsla(0,0%,100%,0.3) inset,
		-1px -1px 0px hsla(0,0%,0%,0.8) inset;
}
div.fanbtn span {display:none;}
.fanedbtn{
	text-decoration:none;
	color:hsla(0,0%,100%,1.0);
	padding:10px 50px;
	margin:auto;
	border:1px solid hsla(0,0%,45%,1.0);
	background:linear-gradient(to bottom, hsla(0,0%,60%,0.0), hsla(0,0%,60%,1.0));
	background:-webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,60%,0.0)), to(hsla(0,0%,60%,1.0)));
	background-color:hsla(0,0%,80%,1.0);
	display:inline-block;
}
@media screen and (max-width:699px) {
}
@media screen and (min-width:700px) {
}
@media screen and (min-width:1100px) {
/* マウスオーバー */
div.fanbtn:hover {
    position:relative;
}
/* マウスオーバー時にツールチップを表示 */
div.fanbtn:hover span {
    font-size:0.83em;
	text-align:left;
	line-height:1.5em;
    color:hsla(0,0%,100%,1.0);
    width:300px;
    padding:10px;
    background-color:hsla(0,0%,0%,1.0);
    display:block;
    position:absolute;/* relativeからの絶対位置 */
    bottom:25px;
    left:100px;
    border-radius:5px;
	z-index:200;
}
/* フキダシ部分を作成 */
div.fanbtn span:before{
    content:''; 
    display:block; 
    position:absolute;/* relativeからの絶対位置 */
    height:0; 
    width:0; 
    bottom:-13px; 
    left:15px;
    border:13px transparent solid; 
    border-right-width:0; 
    border-left-color:hsla(0,0%,0%,1.0); 
    transform:rotate(-270deg);/* 傾きをつける */
    z-index:200;
}
.tipstit{
	font-size:1.17em;
	color:hsla(200,100%,65%,1.0);
	margin:5px 0;
}
}


/***********************************
NEWS topics
************************************/
.pronewskiji{
	color:#333;
	text-align:left;
	margin:auto;
	margin-bottom:3rem;
	background-color:hsla(0,0%,100%,1);
    box-shadow:
		0 1px hsla(0,0%,100%,0.4) inset,
		1px 0 hsla(0,0%,100%,0.4) inset,
		0 -1px hsla(0,0%,0%,0.7) inset,
		-1px 0 hsla(0,0%,0%,0.7) inset;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
.tp-title001{
	font-size:1.6rem;
	font-family: 'Play', sans-serif;
	color:hsl(0,0%,100%);
	padding:5px 10px;
	margin:0 0 2px 0;
	background-color:hsl(0,0%,0%);
}
img.prlt{
	margin-right:5px;
	float:left;
}
ul.topics{
	margin:1rem;
	padding:0;
}
ul.topics li{
	font-size:1.1rem;
	padding-left:18px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	list-style:none;
	border-bottom:dotted 1px hsl(0,0%,0%);
	background:url(../images/icon_01.gif) no-repeat top .6rem left;
	margin-bottom:5px;
}
ul.topics li span{font-size:0.7rem;}
ul.topics li:last-child{border-bottom:none;}
@media screen and (max-width:1099px) {
.pronewskiji{
	padding:0;
}
}
@media screen and (min-width:1100px) {
.pronewskiji{
	width:270px;
	padding:.3rem;
	margin-top:3rem;
}
.tp-title001{
	text-align:left;
}
}


/***********************************
プロフメニュー
************************************/
#prfmenu{
	width:100%;
	font-family: 'Play', sans-serif;
	padding:0;
	margin:0;
    box-shadow:
		0 1px hsla(0,0%,100%,0.4) inset,
		1px 0 hsla(0,0%,100%,0.4) inset,
		0 -1px hsla(0,0%,0%,0.7) inset,
		-1px 0 hsla(0,0%,0%,0.7) inset;
	box-sizing:border-box;
	overflow:hidden;
}
ul.prfmn{
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
ul.prfmn li{
	text-align:center;
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
ul.prfmn li a{
	text-decoration:none;
	padding:7px 15px;
	display:block;
    box-shadow:
		0 1px hsla(0,0%,100%,0.4) inset,
		1px 0 hsla(0,0%,100%,0.4) inset,
		0 -1px hsla(0,0%,0%,0.7) inset,
		-1px 0 hsla(0,0%,0%,0.7) inset;
	background:url(../../images/profile/bg_btn01.png) no-repeat center left 2px;
	background:url(../../images/profile/bg_btn01.png) no-repeat center left 2px;
	background-size:auto 90%;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s ease-in;
}
@media screen and (max-width:1099px) {
ul.prfmn li{
	width:33.3333333333%;
	width:calc(100% / 3);
	width:-webkit-calc(100% / 3);
}
ul.prfmn li a{padding:7px 0;}
}
@media screen and (min-width:1100px) {
ul.prfmn li:last-child{box-shadow:1px 0 hsla(0,0%,100%,0.4);}
ul.prfmn li{
	width:calc(100% / 8);
	width:-webkit-calc(100% / 8);
}
}

/***********************************
共通
************************************/
.count{
	font-family:'Barlow Semi Condensed', sans-serif;
	line-height:100%;
}

.pr-title001{
	font-size:1.7rem;
	font-family: 'Play', sans-serif;
	color:hsl(0,0%,100%);
	text-align:left;
	padding:1rem 1rem 1rem 2rem;
	margin:2rem 0 .2rem 0;
	background-color:hsl(0,0%,0%);
	box-shadow:
		0px 0px 0px 1px hsl(0,0%,0%) inset,
		0px 0px 0px 2px hsl(0,0%,100%) inset,
		.7rem 0 hsl(0,0%,100%) inset,
		1.6rem 0 hsla(0,0%,100%,.1) inset,
		2.2rem 0 hsla(0,0%,100%,.1) inset,
		2.6rem 0 hsla(0,0%,100%,.1) inset,
		3.2rem 0 hsla(0,0%,100%,.1) inset,
		2px 2px 3px hsla(0,0%,0%,0.2)
		;
}
.pr-frame001{
	text-align:left;
	padding:2rem;
	margin:0 0 20px 0;
	word-break:break-all;
}
@media screen and (max-width:699px) {
.pr-frame001{
	padding:2rem 1rem;
}
}
@media screen and (min-width:700px) {
}
@media screen and (min-width:1100px) {
}
}



.prfsubtitdt{
	font-size:1.17em;
	padding:5px 0;
	margin-bottom:10px;
	border-bottom:2px dotted;
}
.prfbtn01{
	font-size:1.17em;
	text-align:center;
	margin:20px 0;
}
.prfbtn01 a{
	padding:10px 30px;
	display:inline-block;
}
.prfbtn01 a:link,.prfbtn01 a:visited{
	color:#333;
	text-decoration:none;
	border:1px solid #AAA;
	border-radius:4px;
	text-shadow:
		0px 1px 1px rgba(255,255,255,1),
		0px -1px -1px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	background:linear-gradient(hsl(0,0%,100%), #ddd);
    background:-webkit-gradient(linear, left top, left bottom, 
		from(hsl(0,0%,100%)),
		color-stop(0.50, #eee),
		color-stop(0.50, #ddd),
		color-stop(0.95, #eee),
		to(hsl(0,0%,100%)));
}


/* フォーム関連 */

label[class^="mnclr-"]{
	line-height:100%;
	padding:5px;
	border-radius:4px;
	text-transform:uppercase;
}
label.mnclr-def{background:hsla(210,75%,25%,1.0);color:hsl(0,0%,100%);}
label.mnclr-blue{background:hsla(200,100%,40%,1.0);color:hsl(0,0%,100%);}
label.mnclr-red{background:hsla(0,100%,35%,1.0);color:hsl(0,0%,100%);}
label.mnclr-yellow{background:hsla(50,100%,50%,1.0);color:hsl(0,0%,0%);}
label.mnclr-orange{background:hsla(40,100%,50%,1.0);color:hsl(0,0%,100%);}
label.mnclr-green{background:hsla(120,75%,25%,1.0);color:hsl(0,0%,100%);}
label.mnclr-purple{background:hsla(280,50%,40%,1.0);color:hsl(0,0%,100%);}
label.mnclr-pink{background:hsla(350,100%,80%,1.0);color:hsl(0,0%,100%);}
label.mnclr-black{background:hsla(210,0%,25%,1.0);color:hsl(0,0%,100%);}
label.mnclr-aotake{background:hsla(190,75%,25%,1.0);color:hsl(0,0%,100%);}
label.mnclr-choco{background:hsla(20,80%,25%,1.0);color:hsl(0,0%,100%);}
label.mnclr-khaki{background:hsla(60,75%,25%,1.0);color:hsl(0,0%,100%);}
label.mnclr-cinnamon{background:hsla(40,100%,30%,1.0);color:hsl(0,0%,100%);}
label.mnclr-concrete{background:hsla(0,0%,80%,1.0);color:hsl(0,0%,0%);}

@media screen and (max-width:699px) {
label[class^="mnclr-"]{
	margin:5px 10px;
	display:block;
}
}
@media screen and (min-width:700px) {
label[class^="mnclr-"]{
	margin-bottom:1px;
	display:inline-block;
}
}

/***********************************
試聴
************************************/
.smplms00{
	width:300px;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
.smplmsname {
	color:#09F;
	font-size:1.5rem;
	line-height:1rem;
	font-weight:bold;
	text-align:left;
	padding:10px 5px 5px;
	margin:auto;
	border-bottom:3px double #666;
	overflow:hidden;
	overflow:-webkit-marquee;
	white-space:nowrap;
}
.smplmsname span {
	margin:0;
	padding-left:100%;
	display:inline-block;
	white-space:nowrap;
	animation-name:marquee;
	animation-duration:10s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
@keyframes marquee {
  from { transform:translate(0);     }
  to   { transform:translate(-100%); }
}
.smplmsatname{
	font-size:1.4rem;
	text-align:right;
	padding:5px;
	margin-bottom:5px;
}
.smplmsatname a{
	color:#333;
	text-decoration:none;
}
/***コントロール***/
ul.splmsctl{
	width:100%;
	display:table;
	padding:7px 15px;
	margin:5px 0 0;
	background-color:#036;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
ul.splmsctl li{
	padding:0;
	margin:0;
	display:table-cell;
	vertical-align:middle;
}
ul.splmsctl li:nth-child(1),ul.splmsctl li:nth-child(2){
	width:60px;
}
ul.splmsctl li:nth-child(3){
	padding-left:5px;
}
.splmtctl01,.splmtctl02{
	color:hsl(0,0%,100%);
	height:40px;
	text-align:center;
    box-shadow:
		0 1px hsla(0,0%,100%,0.4) inset,
		1px 0 hsla(0,0%,100%,0.4) inset,
		0 -1px hsla(0,0%,0%,0.7) inset,
		-1px 0 hsla(0,0%,0%,0.7) inset;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
.splmtctl01{
	background:-webkit-gradient(linear, left top, left bottom, from(hsla(207,86%,26%,0.0)), to(hsla(207,86%,26%,1.0)));
	background:linear-gradient(to bottom, hsla(207,86%,26%,0.0), hsla(207,86%,26%,1.0));
	background-color:hsl(187,84%,68%);
}
.splmtctl02{
	background:-webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,26%,0.0)), to(hsla(0,0%,26%,1.0)));
	background:linear-gradient(to bottom, hsla(0,0%,26%,0.0), hsla(0,0%,26%,1.0));
	background-color:hsl(0,0%,68%);
}
.splmtctl01 img,.splmtctl02 img{
	height:28px;
}
.splmtctl01 span,.splmtctl02 span{
	font-size:1.0rem;
	position:absolute;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;
}

.spl-slide{
	position:relative;
}
.spl-slide_none {
	width:150px;
	height:32px;
	position:relative;
	display:block;
	background:-webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,20%,1.0)), to(hsla(0,0%,20%,0.0)));
	background:linear-gradient(to bottom, hsla(0,0%,20%,1.0), hsla(0,0%,20%,0.0));
	background-color:hsla(0,0%,40%,1.0);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
.spl-slide input{
	position:absolute;
	top:0px;
	width:0px;
	height:0px;
	display:block;
}
.spl-slide_vol {
	width:150px;
	height:32px;
	position:absolute;
	left:0px;
	top:0px;
    box-shadow:
		0 1px hsla(0,0%,100%,0.4) inset,
		1px 0 hsla(0,0%,100%,0.4) inset,
		0 -1px hsla(0,0%,0%,0.7) inset,
		-1px 0 hsla(0,0%,0%,0.7) inset;
	background:-webkit-gradient(linear, left top, left bottom, from(hsla(207,86%,26%,0.0)), to(hsla(207,86%,26%,1.0)));
	background:linear-gradient(to bottom, hsla(207,86%,26%,0.0), hsla(207,86%,26%,1.0));
	background-color:hsl(187,84%,68%);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}


/***********************************
Biography
************************************/
.biodtl{
	margin:3rem 0;
	background:hsla(0,0%,100%,.3);
	box-shadow:
		0px 0px 0px 1px hsl(0,0%,70%) inset,
		0px 0px 0px 4px hsl(0,0%,100%) inset,
		2px 2px 3px hsla(0,0%,0%,0.1)
		;
}
dl.biolst{
	font-size:1.3rem;
	padding:0;
	margin:1rem 0;
	overflow:hidden;
}
dl.biolst dt {
	color:hsl(0,0%,100%);
	text-align:center;
	padding:0;
	display:block;
	background-color:hsl(0,0%,0%);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
dl.biolst dd {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
ul.biocnt{
	padding:0;
	margin:20px 0 0;
	list-style:none;
}
ul.biocnt li{
	padding:5px;
	border-bottom:1px solid #CCC;
	overflow:hidden;
}
ul.biocnt span{
	font-family:prfont;
	font-size:1.5rem;
	float:right;
}
ul.biocnt strong{
	font-family:prfont;
	font-size:1.6rem;
}
ul.biocnt li:last-child{
	text-align:right;
	border-bottom:none;
}
@media screen and (max-width:699px) {
.biodtl{padding:15px 5px;}
dl.biolst dt {
	font-size:1.1em;
	width:100%;
	padding:5px 0;
	margin:0 0 5px 0;
}
dl.biolst dd {
	text-align:center;
	margin:0 0 20px 0;
}
}
@media screen and (min-width:700px) {
.biodtl{padding:15px;}
dl.biolst dt {
	line-height:2em;
	width:140px;
	margin:0 0 1em 0;
	float:left;
	clear:both;
}
dl.biolst dd {
	width:-webkit-calc(100% - 150px) ;
	width:calc(100% - 150px) ;
	line-height:2em;
	margin:0 0 0 10px;
	float:left;
}
}

/***********************************
Music list
************************************/
.iosctn{
	color:#C00;
	font-size:1.1rem;
	line-height:135%;
}
ul.snddetail{
	padding:0;
	margin:0;
	list-style:none;
	border:1px solid hsl(0,0%,0%);
	background-color:hsl(0,0%,100%);
}
ul.snddetail li{
	text-align:left;
	padding:0;
	margin:0;
	background:hsl(0,0%,100%);
	border-bottom:1px solid hsl(0,0%,0%);
}
ul.snddetail li:last-child{
	border-bottom:none;
}
ul.snddetail label{
	background:-webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,85%,0.0)), to(hsla(0,0%,85%,1.0)));
	background:linear-gradient(to bottom, hsla(0,0%,85%,0.0), hsla(0,0%,85%,1.0));
	background-color:hsl(0,0%,100%);
	display:block;
	cursor:pointer;
	-webkit-transition:background 0.3s;
	transition:background 0.3s;
    box-shadow:
		0 1px hsla(0,0%,100%,0.4) inset,
		1px 0 hsla(0,0%,100%,0.4) inset,
		0 1px hsla(0,0%,0%,0.3);
}
ul.snddetail label:hover {
	background-color:hsl(0,0%,95%);
}

ul.snddetail label span{
	float:right;
}
ul.snddetail label span a{
	color:hsl(0,0%,100%);
	text-decoration:none;
	font-weight:normal;
	padding:0 10px;
	margin:0 1px;
	border:1px solid #069;
	background:linear-gradient(to bottom, rgba(0, 55, 105, 0.0), rgba(0, 55, 105, 1.0));
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 55, 105, 0.0)), to(rgba(0, 55, 105, 1.0)));
	background-color:rgb(30, 150, 215);
	transition:background-color 0.4s ease-in;
	-webkit-transition:background-color 0.4s;
	display:inline-block;
}
ul.snddetail label span a:hover{
	background-color:rgb(80, 185, 245);
}
ul.snddetail input{
	display:none;
}
.sndpanel {
	transition:0.5s ease-out;
	max-height:0;
	overflow:hidden;
}
.sndtl01{
	font-size:1.1rem;
	text-align:left;
	padding:3px 5px;
	margin:0;
	border-bottom:1px solid hsl(0,0%,90%);
	overflow:hidden;
}
.sndtl01 span{
	float:right;
}
.sndtl02{
	font-size:1.2rem;
	line-height:1.5em;
	padding:5px;
}
.sndtl02 span{
	display:block;
	margin-bottom:10px;
}
.sndtl03{
	font-size:1.2rem;
	text-align:right;
	padding:.5rem;
	margin:0;
}
.sndtl04{
	font-size:1.3rem;
	padding:7px 0;
}
.sndtl04 a{
	color:#333;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	margin:1px;
	border:1px solid hsl(0,0%,70%);
	display:inline-block;
	background:linear-gradient(hsl(0,0%,100%), #ddd);
    background:-webkit-gradient(linear, left top, left bottom, 
		from(hsl(0,0%,100%)),
		color-stop(0.50, #eee),
		color-stop(0.50, #ddd),
		color-stop(0.95, #eee),
		to(hsl(0,0%,100%)));
	box-sizing:border-box;
}
.sndtl04 a:link{
	color:#333;
	text-decoration:none;
}
.sndtl04 a:visited{
	color:#333;
	text-decoration:none;
}
.sndtl04 a:hover{
	color:#333;
	text-decoration:none;
}
.sndtl05{
	color:#C00;
	text-align:center;
	padding:7px 0;
	border-top:1px solid #CCC;
}

@media screen and (max-width:1099px) {
ul.snddetail label{padding:10px 5px;}
ul.snddetail input:checked + .sndpanel {
	max-height:500px;
}
.sndtl04{text-align:center;}
.sndtl04 a{
	width:60%;
	padding:10px;
}
}
@media screen and (min-width:1100px) {
ul.snddetail label{padding:8px;}
ul.snddetail label span a{font-size:0.9em;}
ul.snddetail input:checked + .sndpanel {
	max-height:400px;
	padding:0 10px;
}
.sndtl04{text-align:right;}
.sndtl04 a{
	padding:3px 10px;
}
}

/***********************************
ダウンロード
************************************/
#fboxEx{
	padding:10px;
}
.dwninf{
	color:#333;
	line-height:1.5em;
	text-align:left;
	border:1px solid hsl(0,0%,0%);
	padding:3px;
	background-color:rgba(255,255,255,0.7);
	border-radius:4px;
	overflow:hidden;
}
.dwninf p{
	padding:0 10px;
}
.dwnpict{
	text-align:center;
}
.dwnpict img{
	width:60%;
}

/***********************************
ダウンロード特典
************************************/
.dwnpic{text-align:center;}
.dwnpic img{width:90%;}



/***********************************
 Movie
************************************/
.mvtit{
	color:hsl(0,0%,100%);
	font-size:1.17em;
	text-align:center;
	padding:5px 10px;
	margin:10px 0;
	border-radius:4px;
	background-color:hsl(0,0%,0%);
}
ul.prfmv{
	padding:0;
	margin:0;
	list-style:none;
}
ul.prfmv li{
	padding:1rem;
	margin:1rem 0;
	border:1px solid hsl(0,0%,70%);
	background:hsl(0,0%,100%);
	box-shadow:
		1px 1px 2px hsla(0,0%,0%,0.2)
		;
}
.pfmv01{
	width:100%;
	display:flex;
	flex-direction:column;
}
.pfmv01 > div{
}
.pfmv01 > div h3{
	font-size:1.5rem;
	width:100%;
	padding:1rem 1rem 1rem 3rem;
	margin:1.5rem 0;
	display:block;
	box-shadow:
		0px 0px 0px 1px hsl(0,0%,0%) inset,
		0px 0px 0px 2px hsl(0,0%,100%) inset,
		1.8rem 0 hsl(0,0%,0%) inset,
		0px 5px 3px -3px hsl(0,0%,0%,.2)
		;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
.pfmv01 > div:last-child p{
	margin:1rem;
}
@media screen and (max-width:1099px) {
}
@media screen and (min-width:1100px) {
}


/***********************************
レビュー
************************************/
dl.reveva{
	text-align:center;
	border:1px solid hsl(0,0%,30%);
	padding:1.5rem;
	margin:3rem 0;
	background-color:hsl(0,0%,100%);
	border-radius:8px;
	box-shadow:
		2px 2px 3px hsla(0,0%,0%,0.2)
		;
}
dl.reveva dt{
	font-size:1.6rem;
	line-height:150%;
	padding:0;
	margin:0;
	border-bottom:1px solid hsl(0,0%,80%);
	padding-bottom:10px;
	margin-bottom:10px;
}
dl.reveva dd{
	padding:0;
	margin:0;
}
.revtitle02{
	padding:3px 0;
	margin:2rem 0 .5rem;
	border-bottom:1px dotted hsl(0,0%,50%);
}
.revtitle02 strong{color:#069;}
.revtitle02 span{font-size:0.83em;}

.review00{
	font-size:1.3rem;
	line-height:150%;
	border:1px solid hsl(0,0%,80%);
	padding:1.5rem;
	margin:1rem 0;
	background-color:hsl(0,0%,100%);
}
.review00 p{
	margin-bottom:0;
}
dl.rev{
	margin:0;
	padding:0;
	overflow:hidden;
}
dl.rev dt {
	color:hsl(0,0%,0%);
	text-align:center;
	border:1px solid #999;
	padding:2px 0;
	margin:0px 0px 2px 0;
	background-color:#ddd;
	clear:left;
	float:left;
}
dl.rev dd {
	padding:3px 0;
	float:left;
}
.rvmn {
	font-size:0.9em;
	line-height:135%;
	padding-left:10px;
	margin-top:10px;
	border-left:1px solid hsl(0,0%,70%);
	display:block;
}
/* alert */
dl.alert{
	margin:5px 0;
	padding:0;
	overflow:hidden;
}
dl.alert dt {
	color:hsl(0,0%,100%);
	text-align:center;
	margin:0 0 5px 0;
	background-color:#c00;
	border-radius:4px;
}
dl.alert dd {padding:0;}

@media screen and (max-width:1099px) {
dl.rev dt {
	font-size:0.9em;
	width:80px;
}
dl.rev dd {
	font-size:0.9em;
	margin-left:5px;
}
dl.alert dt {
	padding:5px 0;
}
dl.alert dd {
	margin:0 0 10px 0;
}
}
@media screen and (min-width:1100px) {
dl.rev dt {
	width:100px;
}
dl.rev dd {
	line-height:1.5em;
	margin-left:10px;
}
dl.alert dt {
	line-height:25px;
	width:140px;
	height:25px;
	clear:left;
	float:left;
}
dl.alert dd {
	line-height:25px;
	margin:0 0 5px 145px;
}
}


/***********************************
ライブスケジュール
************************************/
ul.live{
	width:100%;
	padding:0;
	margin:3rem 0;
	list-style:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
ul.live li{
	padding:10px 0;
	border-top:1px dotted #666;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
ul.live li:last-child{border-bottom:1px dotted #666;}
ul.live li a{
	color:inherit;
	text-decoration:none;
}
ul.live li a:hover dl{background:hsl(0,0%,95%);}
ul.live li dl{
	padding:0;
	margin:0;
	width:100%;
	display:flex;
	flex-direction:row;
	align-items: center; /* 縦方向中央揃え */
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
ul.live li dl dt{
	font-family: 'Play', sans-serif;
	font-size:1.6rem;
	line-height:120%;
	color:hsl(0,0%,100%);
	text-align:center;
	width:20%;
	padding:1rem 0;
	margin:0;
	background-color:hsl(0,0%,0%);
	border-radius:.5rem;
	box-shadow:
		0px 0px 0px 1px hsl(0,0%,0%) inset,
		0px 0px 0px 2px hsla(0,0%,100%,.5) inset;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
ul.live li dl dd{
	font-size:1.3rem;
	width:80%;
	padding:0 1rem;
	margin:0;
	word-wrap:break-word;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Android2… */
}
ul.live li dl dd strong{
	font-size:1.4rem;
	color:hsl(212,76%,31%);
}


.lvimg{text-align:center;}
.lvimg img{width:100%;}
dl.live dt {
	color:hsl(0,0%,100%);
	text-align:center;
	border:3px double hsl(0,0%,100%);
	background-color:hsl(0,0%,0%);
}
dl.live dd {
	padding:10px;
	border:1px solid #aaa;
	border-radius:3px;
}
.live-title{
	font-size:1.6rem;
	text-align:center;
	padding:10px;
	margin:0 0 15px 0;
	border:3px double hsl(0,0%,0%);
	box-shadow:#DDD 2px 2px 3px;
	background:linear-gradient(hsl(0,0%,100%), #ddd);
	background:-webkit-gradient(linear, left top, left bottom, from(hsl(0,0%,100%)), to(#ddd));
}
@media screen and (max-width:699px) {
dl.live{
	margin:5px 0;
	padding:0;
}
dl.live dt {
	padding:9px 0;
	margin:0 0 2px 0;
}
dl.live dd {
	margin:0 1px 10px 1px;
}
}
@media screen and (min-width:700px) {
dl.live{
	padding:0;
	margin:0 0 5px 0;
	overflow:hidden;
}
dl.live dt {
	width:80px;
	float:left;
	padding:9px 5px;
	margin:0;
}
dl.live dd {
	margin:1px 0 0 100px;
}
}