@charset utf-8;

.red { color:#C00; background:none !important; }
.clr { clear:both; }
.nowrap { white-space:nowrap; }
.nofloat { float:none; }

.orng,.orng a:link,.orng a:visited,.orng a:hover { color:#FF8C00; }
.bld { font-weight:bold; }
.exp { margin-left: -12px;margin-right: -12px; }
hr { border:none; border-bottom:solid 1px #EEE; padding:5px; margin-bottom:12px; }

.dwn1em,.dwn1em a { padding-top:10px; }
.grayborderBack { border:solid 1px #EEE;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:12px;
}

#homeList h3 {
margin-left:0;
font-size:131%;
font-weight: bold;
color: #555;
margin: 0 0 3px;
}

#homeList h3,
#homeList2 h3.artistName { margin:0 0 5px;  font-size:131%; font-weight:bold; line-height:1.25; color:#555;}

#homeList .Errays h4 {font-size:110%;color:#F00;padding-bottom:8px;}
#homeList .Errays span {color:#000;display:block;text-align:left;}
#homeList .Errays ul {color:#f00;}

.midBox address { margin:0.5em 1em 1em 0; font-weight:bold; line-height:1.25; float:none; }

.midBox div { margin:3px 0; font-size:93%; line-height:1.25; font-weight:normal; text-align:left; padding: 0 0 4px 0; }
.midBox div.edit-profcard { display: inline-block; }

.midBox .Errays {background:#fff;padding:0;border:solid 1px #f00 ;width:660px;}

.formlft {
float:left;
width:350px;
padding:0 0 12px 12px;
}
form .dlft { float:left;padding-top:8px;font-weight:bold; }

.dlftgrybck dl {
	width:540px;
	margin: 1em 0 0 -9em;
	padding: 0;
}
.dlftgrybck dl dt {
	float: left;
	width: 10em;
	clear: both;
	padding: 10px 0 10px 0;
	font-weight: bold;
	font-size:85%;
	text-align:right;
	background:#EEE;
}
.dlftgrybck dl dd {
	padding: 0 0 10px 10em;
	width:100%;
	text-align:left;
	line-height:2em;
	font-size:100%;
	border-bottom: solid 1px #EEE;
}
.dlftgrybck dl dd input[type="text"] { width:185px; }

.dlftgrybck dl dd img { max-width: 100px; height: auto; }

.table01 { border-collapse:collapse;border-spacing:0;padding:5px;margin:12px 0 0 12px;width:650px;border:none;}
.table01 tr {border-bottom:solid 1px #EEE;font-weight:bold;}
.table01 td {padding:5px;}
.table01 .gry {background:#EEE;}
.table01 .vtop{vertical-align:top;}
.table01 .wdttle {width:110px;}
.table01 .wdttle2 {width:150px;}
.table01 .subttle {width:120px;text-align:right;padding-right:2em;}

.dlftgrybck select,.dlftgrybck input { margin-top:5px; }
.dlftgrybck input[type="radio"],.dlftgrybck input[type="checkbox"] { margin-top:7px; }
.dlftgrybck dl dd span input[type="radio"] { margin-top:0; }
.dlftgrybck input[type="checkbox"] { font-size:2em; }
.dlftgrybck textarea { width:100%; }
.dlftgrybck { padding:0; border-left: solid 9em #EEE; position:relative;left:1em; }
.dlftnobck { padding:0; }
.dlftgrybck .thumb img { max-width:100px; height: auto; }
.nobg { border: none; position:relative;left:10em; }

.sqr { width:100%; border:solid 1px #333; padding:0; }

.sqr fieldset {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
.sqr fieldset legend {display: block; width: 100%; }
.sqr fieldset legend span { display: block; margin: 1px; padding: 5px 10px; font-size: 120%; font-weight: bold; background-color: #f8f6f1; }
.sqr ul { padding: 15px 0 0 35px;  text-align:left; }
.sqr li { display: inline-block; width: 15%; margin-right: .5%; margin-bottom: 1em; line-height: 1.2; font-size: 115.4%; vertical-align: top; }
.sqr li input {vertical-align: top; margin: 1px 6px 0 0;}
.sqr fieldset legend span input {vertical-align: top; margin: 1px 6px 0 0;}

form .d70 { margin-left:90px; }
form input[type="text"] { margin:3px 0; }

form .d70 input[type="text"] { width:170px; }
form .d70 input[type="password"] { width:170px; }

form .pass70 input[type="password"] { width:170px; }

form .formlogin { float:left; }
form .rfloat { float:right; margin-left:8px; }
form .lfloat { float:right; margin-left:0; }
form .sft {margin-top:-17px;}
.formlogin a { display:block; text-align:center;font-size:16px; color:#FF8C00; font-weight:bold;
padding:5px; width:115px; border:2px solid #FF8C00; background:#FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
font-size: 16px;
text-indent: 0px; }
.formlogingry a { display:block; text-align:center;font-size:16px; color:#FF8C00; font-weight:bold;
color:#FFF;
padding:5px; border:2px solid #DDD; background:#888;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
font-size: 16px;
text-indent: 0px; }

.hgt40 a { height:40px; line-height:40px; }
.formloginwd a{ width:260px; }
.formloginnrw a{ width:105px;padding-left:0;padding-right:0;margin-left:0; }
.hgt20 a { height:30px; line-height:2em; }

.icns { width:auto; overflow: hidden; }
.icns a { display:block; width:auto; float:left; margin-right:8px; }

#kiyaku { border:solid 1px #666; padding: 12px;　width:100%; height: 250px; overflow:scroll; overflow-x:hidden; margin-bottom: 12px; }
#kiyaku h4 { border-bottom:solid 1px #666; }
#kiyaku h5 { border-top:solid 1px #999; font-weight:bold; padding:8px 0 ; }
#kiyaku p,#kiyaku div{ font-weight:normal; }

#kiyaku ul { margin-bottom:12px; }
#kiyaku ul ul { margin-bottom:0; }
#kiyaku ul li { list-style: decimal; margin-left:20px; line-height: 1.5em; }
#kiyaku ul ul li { list-style: disc; }

#settingBox{ padding: 1em; border: 1px solid #000; }
#settingBox .check-child{ margin-right: .5em; }
#settingBox table{ width: 100%; }
#settingBox table tr{}
#settingBox table th,#settingBox table td{ padding: 16px; vertical-align: middle; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
#settingBox table th{ background-color: #efefef; width: 27%; text-align: center; }
#settingBox table .caption{ width: auto; float: none; margin: 8px 0 0; font-weight: normal; color: #bb8c1c; }
#settingBox .formlogin{ text-align: right; float: none; margin: 16px 0 0; }
#settingBox .formlogin a{ display: inline-block; float: none; }


#settingBox table .caption.connects{ color: #040404; text-align: right; font-weight: bold;}
#settingBox table.connects { border-style: hidden;}
#settingBox button[class^="btnSlt"] { width: 100%; height: 40px; display: block; padding: 0; box-sizing: border-box; outline: 0; font-size: 12px; font-weight: bold;}
#settingBox button[class^="btnSlt"]::before { content: ""; display: inline-block; width: 24px !important; height: 24px !important; vertical-align: middle; margin-left: -5px; }
#settingBox .btnSltBitfan { color: #f1f0f0; background-color: #040404; border: 1px solid #ddd; border-radius: 40px; letter-spacing: 0.025em; margin-right: -0.025em; }
#settingBox .btnSltBitfan::before { background: url(/img/themes/signup-icon-bitfan.png?v=20220901) no-repeat; background-size: 24px; }
#settingBox .btnoff { color: #FFF; background: #FB311A; background: -moz-linear-gradient(top, #FB311A 0%, #FF8E00 100%); background: -webkit-linear-gradient(top, #FB311A 0%, #FF8E00 100%); background: linear-gradient(to bottom, #FB311A 0%, #FF8E00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB311A', endColorstr='#FF8E00',GradientType=0 ); }
#settingBox .btnoff::before { background: url(/img/themes/signup-icon-bitfan.png) no-repeat; background-size: 24px; }

#settingBox .btnSltApple { color: #f1f0f0; background-color: #040404; border: 1px solid #ddd; border-radius: 40px; letter-spacing: 0.025em; margin-right: -0.025em; }
#settingBox .btnSltApple::before { background: url(/img/images/player/applemusic.svg) no-repeat; background-size: 24px; margin-right:10px; }
#settingBox .unauthorize-link { display: block; margin-top: 1em; text-align: center; font-size: 1.2em; text-decoration: underline; }

#settingBox .applemusic-authorize-button p {
    margin: 1em 0;
}

.new-user .clr { margin: 1em 0; }

.btn-bitfan {
  background-image: linear-gradient(45deg, #FF8341, #F74346);
  border-radius: 48px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  #max-width: 450px;
  padding: 0.7em 2em;
  width: 35%;
  margin: 1em 0;
}
[class^="btn"]:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity .3s linear;
}

.bitfanconnect {
	font-size: 1.1em !important;
	color: #F00;
	font-weight: bold;
	margin-left: 1.4em !important; 
}
.bitfanconnect.connected {
	color: #20b726;
}
.bitfanconnect:before {
  font-family: "Font Awesome 5 Free";
  content: "\f071";
  margin-right: .5em;
}
.bitfanconnect.connected:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  margin-right: .5em;
}


.edit-profcard {
	display: block;
	width: 100%;
}

#flashMessage { margin: 0 10px; font-size: 110%; color: #f00; padding-bottom: 8px; }