/*
 * 
 * List Page  Renewal Design Css
 * 
 */
 
/* ****************************************************************
 * 
 * Base
 * 
 * ****************************************************************/

/*
 * Title Block
 */
.titleBlockLeft {
  width: 810px;
}
.titleBlockLeft .title .text.black {
  color: #000;
}

/*
 * FreeContents Block
 */
.freeContentsArea {
  margin-bottom: 25px;
}

/*
 * List Type
 */
.resultBlock.resultSell .resultList {
  border-top: none;
}

.resultBlock.resultSell .resultList .list .itemText .caution .iconCP {
  padding-left: 26px;
  background: url("../..//image70/renewal/com_ic_30.png") no-repeat 0 .25em;
  color: #f64e83;
}
.resultBlock.resultSell .resultList .list .itemText .caution .iconCP .trigger {
  color: #f64e83;
}

.states .other .mulitbuy {
  color: #f64e83;
}


/*
 * Matrix Type
 */
.resultTileList {
  border-top: none;
}

.resultTileList .title {
  font-weight: bold;
}

.resultTileList .thumbnail {
  border: none;
  background: #fff;
}

.resultTileList .checkboxBlock {
  float: right;
  margin: 5px 0 5px 0;
}

.resultTileList .list .favoritBtn {
  text-align: center;
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.resultTileList .list .favoritBtn .btn {
  padding: 3px 47px 3px 60px;
  text-decoration: none;
  background-position: 32px 50%;
  background: url(../../image70/renewal/com_ic_heart_pink.png) no-repeat 12px 50% #fff;
  border: 1px solid #d2d2d2;
  box-sizing: border-box;
  border-radius: 3px;
  text-align: center;
  color: #f64e83;
  outline: none;
}
.resultTileList .list .favoritBtn .btn.disabled {
  background: url(../../image70/renewal/com_ic_heart_gray.png) no-repeat 10px 50% #f9f9f9;
  color: #888;
}

.resultList .list .itemText .states .price .sale .left .tax,
.resultTileList .itemStates .pink .tax {
  color: #f64e83;
}

.fcCaption {
  margin-bottom: 20px;
}
 .resultTileList .fcCaption {
  margin-bottom: 5px;
}
.fcCaption div {
  border-radius: 4px;
}
.fcText {
  margin: 10px 0 0 0;
  padding: 10px 12px;
  font-size: 12px;
  border: 1px solid #d5d5d5;
}
.fcFeature {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #BBB;
}

/*
 * Ranking Type
 */
.resultList.rankList .list .itemText {
  width: 870px;
}
.resultList.rankList .list .ranking {
  width: 40px;
  float: left;
  margin-right: 20px;
  text-align: center;
}
.resultList.rankList .fcText {
  margin: 10px 0 0 60px;
}

/*
 * Facet 
 */
.adSearchCategoryBlock .titleLink span.trigger {
  display: block;
  padding: 13px 15px;
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  line-height: 1.2;
  background: url(../../image70/renewal//com_ic_21.png) no-repeat right 15px top 50% #f5f5f5;
}
.advancedSearchBlock p.backLinkAll .trigger {
  padding-left: 18px;
  background-image: url(../../image70/renewal/com_ic_19.png);
  background-repeat: no-repeat;
  background-position: left 50%;
}
.advancedSearchBlock p.backLinkAll {
  padding-top: 15px;
  margin-bottom: 5px;
}

.cateoryLinkList .listSmall .fixed {
    font-weight: bold;
}
.cateoryLinkList .category .fixed {
    font-weight: bold;
    padding: 10px;
}

/* ****************************************************************
 * 
 * FL MainBlock
 * 
 * ****************************************************************/
.flMainBlock {
  padding-bottom: 20px;
  border: #dedede 1px solid;
}
.flMainBlock .contentsCenter {
  width: 1130px;
}
.flMainBlock .flLinkList {
  position: relative;
  padding: 10px;
  background: #f9f9f9;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.flMainBlock .flLinkList:after {
  content: "";
  display: table;
  clear: both;
}
.flMainBlock .flLinkList .list {
  float: left;
  margin-right: 5px;
}
.flMainBlock .flLinkList .list .trigger {
  display: block;
  padding: 5px 10px;
  color: #333;
  border-radius: 20px;
  letter-spacing: -0.02em;
}
.flMainBlock .flLinkList .list .trigger:hover {
  color: #3bbbb6;
}
.flMainBlock .flLinkList .list.active .trigger {
  color: #fff;
  background: #3bbbb6;
  text-decoration: none;
}
.flMainBlock .flLinkList .list.active .trigger:hover {
  color: #fff;
  text-decoration: none;
}

/* 
 * FL Matrix
 */
.flMainBlock .resultTileList .list {
  margin-right: 30px;
}
.flMainBlock .resultTileList .list:nth-child(4n) {
  margin-right: 30px;
}
.flMainBlock .resultTileList .list:nth-child(5n) {
  margin-right: 0;
}

/* 
 * FL List
 */
.flMainBlock .resultList .list .itemText {
  width: 920px;
}
.flMainBlock .resultList .list .itemText .itemHeadBlock .categories {
  width: 750px;
}
.flMainBlock .resultList .list .itemText .states .price,
.flMainBlock .resultList .list .itemText .states .other {
    width: 300px;
}

/* ****************************************************************
 * 
 * Release MainBlock (Justout/Outsoon)
 * 
 * ****************************************************************/
.releaseMainBlock .resultList .list .itemText .itemStates .text {
    padding-right: 10px;
}
.releaseMainBlock .resultList .list .itemText .states .other {
    padding-left: 10px;
}
.releaseMainBlock .resultList .list .itemText .states .price {
    padding-right: 5px;
}
.releaseMainBlock .resultList .list .itemText .states .separate {
    padding: 0;
}

/* ****************************************************************
 * 
 * Campaign MainBlock
 * 
 * ****************************************************************/
.campaignMainBlock .resultList .list .itemText .itemStates .text {
    padding-right: 10px;
}
.campaignMainBlock .resultList .list .itemText .states .other {
    padding-left: 10px;
}
.campaignMainBlock .resultList .list .itemText .states .price {
    padding-right: 5px;
}
.campaignMainBlock .resultList .list .itemText .states .separate {
    padding: 0;
}

.campaignMainBlock .freeContentsArea {
  margin-top: 20px;
}

/* ****************************************************************
 * 
 * Artist Favorite Botton for Free Area
 * 
 * ****************************************************************/
/* clearfix */
.artistold a:after {
    content:"";
    clear:both;
    display:block;
}
.artistold {
    display:block;
    height:auto;
    margin:0 auto 10px 0;
    padding:12px;
    border:1px solid #dfdfdf;
    border-radius:5px;
    background-color:#f8f8f8;
}
.artistold p {
    margin:0 auto 0 auto;
    font-size:18px;
    line-height:1.2em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.artistold:last-child {
    margin-bottom:0;
}
.artistold:hover {
    background-color:#fff;
    border:1px solid #0066CC;
    transition:all .3s;
    -webkit-transition:all .3s;
}
.artistold.img p {
    display:block;
    position:relative;
    top:0;
    left:0;
    padding-left:85px;
    min-height:80px;
}
.artistold a img {
    position:absolute;
    top:0;
    left:0;
    max-width:80px;
    max-height:80px;
}
.artistold a.trigger {
    display:table;
    padding:4px 7px;
    background-color:#3bbbb6;
    border-radius:4px;
    color:#fff;
    font-size:13px;
    min-height:auto;
    text-decoration:none;
    margin-top:3px;
}
.artistold a:hover img {
    opacity:.8;
}
.artistold a span {
    display:block;
    font-size:14px;
    font-weight:normal;
    color:#333;
}

/* ****************************************************************
 * 
 * Old Design
 * 
 * ****************************************************************/
h3.newsDetailsHead {
 margin: 10px 0 8px; padding: 0 0 2px 0; background: url("../../image70/line_dotted05.gif") 0 100% repeat-x; color: #cd4187;
}

h2.newsDetailsHeadNew {
  margin: 15px 0 12px!important;
  padding: 8px 11px 8px 10px;
  color: #cd4187;
  background-color: #f2f2f2;
  font-size: 130%!important;
  font-weight: bold;
}