@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM802  [DJ INDEX]*/
/*----------------------------------------------*/
/*Created: 2015.08.02*/
/*Last Update:	2015.08.02*/
/*----------------------------------------------*/




/*INDEX*/

/*[DJ INDEX]*/
/*[Main Frame Customize]*/

/*[DJ Index Page]*/
/*-- [DJ List] --*/

/*[DJ Profile Page]*/
/*-- [DJ Face and Name] --*/
/* --[DJ Profile Text] --*/











/*----------------------------------------------*/
/*[DJ INDEX]*/
/*----------------------------------------------*/

/*[Main Frame Customize]*/
/*[DJ Index Page]*/
.main-container.one-column .main-frame > .p-dj-index.inner-frame {
width:auto;
margin:0 auto;
padding:0;
}

/*[DJ Profile Page]*/
.main-container.one-column .main-frame > .p-dj-profile.inner-frame {
width:auto;
margin:0 auto;
padding:0;
}


@media screen and (min-width:481px) and (max-width:640px) {
/*[DJ Index Page]*/
.main-container.one-column .main-frame > .p-dj-index.inner-frame {
width:auto;
margin:0 auto;
padding:0;
}


}


@media screen and (min-width:641px) and (max-width:959px) {
/*[DJ Index Page]*/
.main-container.one-column .main-frame > .p-dj-index.inner-frame {
width:auto;
margin:0 auto;
padding:0;
}

/*[DJ Profile Page]*/
.main-container.one-column .main-frame > .p-dj-profile.inner-frame {
width:81.67539%;
margin:0 auto;
padding:0;
}


}


@media screen and (min-width:961px) and (max-width:1199px) {
/*[DJ Index Page]*/
.main-container.one-column .main-frame > .p-dj-index.inner-frame {
width:91.09946%;
margin:0 auto;
padding:0;
}

/*[DJ Profile Page]*/
.main-container.one-column .main-frame > .p-dj-profile.inner-frame {
width:81.67539%;
margin:0 auto;
padding:0;
}


}


@media screen and (min-width:1200px) {
/*[DJ Index Page]*/
.main-container.one-column .main-frame > .p-dj-index.inner-frame {
width:auto;
margin:0 auto;
padding:0;
}

/*[DJ Profile Page]*/
.main-container.one-column .main-frame > .p-dj-profile.inner-frame {
width:780px;
margin:0 auto;
padding:0;
}


}
/*----------------------------------------------*/





/*
[DJ Index Page]
*/

/*-- [DJ List] --*/
.dj-list {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
.dj-list li {
width:auto;
float:left;
margin:0;
padding:0;
}

/*(DJ Box)*/
.dj-list a .dj-box {
display:block;
}
.dj-list .dj-box {
width:auto;
height:auto;
margin:0;
padding:12px 0 18px;
text-align:center;
}
/*(DJ Face Image)*/
.dj-list .dj-box .dj-face {
width:auto;
height:auto;
margin:0;
padding:0;
}
/*(DJ Name)*/
.dj-list .dj-box .dj-name {
font-size:.85em;
padding:.8em 0 0;
}
/*(DJ Band Name)*/
.dj-list .dj-box .dj-name small {
display:block;
letter-spacing:0;
}


@media screen and (max-width:479px) {
.dj-list li {
width:auto;
float:none;
}
.dj-list li:first-child {
border-top:1px solid #CCC;
}
.dj-list .dj-box {
display:table;
margin:0;
padding:5px 0;
border-bottom:1px solid #CCC;
background:url(../../shared/images/gn_icn_arrow.png) no-repeat right;
}
.dj-list .dj-box .dj-face {
width:17%;
height:auto;
margin:0;
padding:0;
display:table-cell;
vertical-align:middle;
}
.dj-list .dj-box .dj-name {
display:table-cell;
vertical-align:middle;
padding:0 0 0 1em;
text-align:left;
font-size:1em;
}
}


@media screen and (min-width:480px) and  (max-width:640px) {
.dj-list li {
width:25%; /*145px*/
}

}


@media screen and (min-width:641px) and  (max-width:797px) {
.dj-list li {
width:20%; /*145px*/
}

}


@media screen and (min-width:800px) and  (max-width:959px) {
.dj-list li {
width:16.666666%; /*145px*/
}

}


@media screen and (min-width:961px) and  (max-width:1199px) {
.dj-list li {
width:20%; /*145px*/
}

}


@media screen and (min-width:1200px) {
.dj-list li {
width:16.66666%; /*145px*/
}

}










/*
[DJ Profile Page]
*/

/*-- [DJ Face and Name] --*/
/*(Frame)*/
.dj-profile-heading {
width:auto;
height:auto;
margin:0 0 3em;
padding:0;
display:table;
}

.dj-profile-heading .djh-face,
.dj-profile-heading .djh-name {
display:table-cell;
vertical-align:middle;
text-align:left;
}

/*(Face)*/
.dj-profile-heading .djh-face {
max-width:160px;
margin:0;
padding:0;
}
/*(Name)*/
.dj-profile-heading .djh-name {
font-size:1.4em;
font-weight:bold;
margin:0;
padding:0 2em;
}
.dj-profile-heading .djh-name small {
font-size:.7em;
font-weight:normal;
color:#666;
font-family:Arial, Helvetica, sans-serif;
display:block;
}


@media screen and (max-width:640px) {
.dj-profile-heading {
margin:0 0 2em;
}

/*(Face)*/
.dj-profile-heading .djh-face {
max-width:98px;
margin:0;
padding:0;
}
/*(Name)*/
.dj-profile-heading .djh-name {
font-size:1.2em;
padding:0 1em;
}
.dj-profile-heading .djh-name small {
font-size:.8em;
}

}




/* --[DJ Profile Text] --*/
/*(Box)*/
.dj-profile-txt {
width:auto;
height:auto;
margin:0 0 3em;
padding:0;
}

/*(Heading)*/
.dj-profile-txt .djp-heading {
font-size:1em;
color:#666;
margin:0 0 1em;
padding:.7em 1em;
background:#f2f2f2;
}

/*(Text)*/
.dj-profile-txt .djp-txt {
font-size:.9em;
line-height:1.6em;
margin:0;
padding:0 .7em;
}


@media screen and (max-width:640px) {
/*(Heading)*/
.dj-profile-txt .djp-heading {
font-size:.95em;
margin:0 0 .8em;
padding:.5em .8em;
}

}