/* ------------------------------------------------------------
	各エリア
------------------------------------------------------------ */
#listenersStatus {
	margin: 0;
}

#listenersStatus h2 {
	text-indent: -9999px;
	width: 190px;
	height: 33px;
	margin: 0 0 5px 0;
	background: url(/common/img/jlc/listners-status.png) no-repeat 0 0;
}

#listenersStatus h3 {
	text-indent: -9999px;
	width: 241px;
	height: 56px;
	margin: 10px 0;
	background: url(/jlc/images/jl-com_jme.gif) no-repeat 0 0;
}

#gigyaChallengeStatus {
	margin:0 0 10px 0;
}

#listenersActivity {
	margin: 32px 0 0 0;
}

#listenersActivity h2 {
	text-indent: -9999px;
	width: 190px;
	height: 33px;
	margin: 0 0 5px 0;
	background: url(/common/img/jlc/listeners_activity.png) no-repeat 0 0;
}


#present {
	margin: 32px 0 0 0;
}

#present h2 {
	text-indent: -9999px;
	width: 190px;
	height: 33px;
	background: url(/common/img/jlc/present_event.png) no-repeat 0 0;
}



#information {
	margin: 32px 0 0 0;
}

#information h2 {
	text-indent: -9999px;
	width: 460px;
	height: 55px;
	margin: 0 0 20px 0;
	background: url(/jlc/images/information.gif) no-repeat 0 0;
}




#point {
	font-size: 11px;
	margin: 32px 0 0 0;
}

#point h2 {
	text-indent: -9999px;
	width: 210px;
	height: 55px;
	margin: 0 0 20px 0;
	background: url(/jlc/images/point.gif) no-repeat 0 0;
}

#point p,
#point dl {
	padding: 0 2px;
}

#point dl {
	margin: 14px 0 0 0;
}
#point dt {
	padding: 3px;
	color: #fa6432;
	background: url(/jlc/images/dot1.gif) repeat-x 0 bottom #fef7f4;
}
#point dd {
	padding: 3px 3px 13px;
}



#extra {
	margin: 32px 0 0 0;
}


/* ------------------------------------------------------------
	それぞれ
------------------------------------------------------------ */
#gigyaMyPageLink {
	margin:10px 0 0 0;
}


.userstatus {
	display: none;
	text-indent: -9999px;
}

.challengesStatus {
	width: 190px;
	padding: 10px 0 5px;
}

.leaderboard {
	width: 190px;
	padding: 10px 0 5px;
}

.inbox {

}

.item {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}

.p-img {

}

.p-tt {
	width: 270px;
}

span.btns {
	text-align: right;
	display: inline-block;
   *width:  100px;
   *display: inline;
   *zoom: 1;
}


.banner {

}


#information li {
	padding: 0 0 0 20px;
	background: url(/jlc/images/arrow-blue.gif) no-repeat 0 3px;
}
.banner li {
	margin-bottom: 9px;
}

#gigyaUserStatus #gigyaUserStatus_container .gig-userStatus-userPhoto-container .gig-userStatus-userPhoto {
    text-align: left;
    vertical-align: top;
    width: 54px;
    height: 54px;
}

#gigyaUserStatus #gigyaUserStatus_container .gig-userStatus-userPhoto-container .gig-userStatus-userPhoto img{
    height: 54px;
    margin-left: 0;
    margin-top: 0
}

#gigyaUserStatus #gigyaUserStatus_container .gig-userStatus-nameAndPoints .gig-userStatus-name {
    color: #313131;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 12px;
    width: 80px;
}

#gigyaUserStatus #gigyaUserStatus_container #gigyaUserStatus_badge {
    cursor: pointer;
    float: right;
    padding: 5px 0 0 2px;
    text-align: center;
    width: 50px;
}


#gigyaUserStatus_points{
    color: #0B81C1;
    font-size: 10px;
}

#gigyaUserStatus #gigyaUserStatus_container .gig-userStatus-nameAndPoints span.gig-userStatus-pointsValue {
    color: #0B81C1;
    font-size: 14px;
    font-weight: bold;
}

.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-dialog-buttons .ui-draggable .ui-resizable 
#gigyaLoginDialog input[type="text"],
#gigyaLoginDialog input[type="password"] {
	width: 190px;
}

/* ------------------------------------------------------------
	ログイン前
------------------------------------------------------------ */
#loginArea {
	margin: 0;
}

#loginArea h2 {
	text-indent: -9999px;
	width: 190px;
	height: 33px;
	margin: 0 0 5px 0;
	background: url(/common/img/jlc/member-login.png) no-repeat 0 0;
}

#loginArea h3 {
	text-indent: -9999px;
	width: 206px;
	height: 16px;
	margin: 10px 0 10px 0;
	background: url(/jlc/images/jl-com.gif) no-repeat 0 0;
}

.loginform {

}
.loginform p {
	margin: 12px 0 0 0;
}

.loginform input[type="text"],
.loginform input[type="password"] {
	width: 190px;
}

.loginform input[type="checkbox"] {
	vertical-align: middle;
	margin: 0 5px 0 0;
}


.loginform .reminder {
	display: block;
	margin: 3px 0 15px 0;	
}


/* ------------------------------------------------------------
	20210201 シェアボタン改定
------------------------------------------------------------ */

ul.jme_share li{
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}

#social-feed-area {
	width:100% !important;
	max-width:600px;
}



ul.btn_info {
		margin:20px auto;
    width: 50%;
    padding-right: 8px;
    position: relative;
}


ul.btn_info li, ul.btn_info li a {
    width: 100%;
    height: 36px;
    line-height: 36px;
    display: block;
    position: relative;
}




ul.btn_info li a {
    background: #e73c64;
}

ul.btn_info li a span {
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    text-indent: 1.5em;
    display: inline-block;
}

ul.btn_info li a {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    position: relative;
    text-align: center;
		display: block;
}

ul.btn_info li a::before {
		content: "";
		position: absolute;
		display: block;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    left: 8px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgICB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4gPHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIC5zdDB7ZmlsbDojZmZmO30gPC9zdHlsZT4gPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyLDE2LjN2LTNoLTZ2MjJoNnYtOC4xYzAuNS00LjYsNC4yLTguMiw5LTguMmwwLTUuOEMyNy42LDEzLjMsMjQuNSwxNC40LDIyLDE2LjMiLz4gPHBhdGggY2xhc3M9InN0MCIgZD0iTTM1LjMsMjBsLTAuMi0wLjNMMzMsMjEuMmwwLjIsMC4zYzEuNCwyLDIuMiw0LjMsMi4yLDYuN2MwLDIuNC0wLjgsNC43LTIuMiw2LjdMMzMsMzUuMmwyLjEsMS41bDAuMi0wLjMgIGMxLjctMi40LDIuNy01LjIsMi43LTguMkMzOCwyNS4yLDM3LjEsMjIuNCwzNS4zLDIwIi8+IDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMi4zLDIyLjJMMzIsMjEuOUwzMCwyMy40bDAuMiwwLjNjMC45LDEuMywxLjQsMi44LDEuNCw0LjVjMCwxLjYtMC41LDMuMS0xLjQsNC40TDMwLDMzbDIuMSwxLjVsMC4yLTAuMyAgYzEuMy0xLjcsMS45LTMuOCwxLjktNkMzNC4yLDI2LDMzLjUsMjQsMzIuMywyMi4yIi8+IDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOS4yLDI0LjVMMjksMjQuMWwtMi4xLDEuNWwwLjIsMC4zYzAuNSwwLjYsMC43LDEuNCwwLjcsMi4yYzAsMC44LTAuMiwxLjYtMC43LDIuMmwtMC4yLDAuM2wyLjEsMS41bDAuMi0wLjMgIGMwLjgtMS4xLDEuMi0yLjQsMS4yLTMuN1MzMCwyNS42LDI5LjIsMjQuNSIvPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUsM2MxMi4xLDAsMjIsOS45LDIyLDIyYzAsMTIuMS05LjksMjItMjIsMjJDMTIuOSw0NywzLDM3LjEsMywyNUMzLDEyLjksMTIuOSwzLDI1LDMgTTI1LDAgIEMxMS4yLDAsMCwxMS4yLDAsMjVjMCwxMy44LDExLjIsMjUsMjUsMjVjMTMuOCwwLDI1LTExLjIsMjUtMjVDNTAsMTEuMiwzOC44LDAsMjUsMCIvPiA8L3N2Zz4g);
    background-size: cover;
    background-repeat: no-repeat;
}