@charset "utf-8";

/* ==================================================================================================================
 にじよめちゃんラジオ体操 ナイトメア結果発表ページ PC
================================================================================================================== */
#contentsWrap02{
  background: #000;
}

#radioResult{
  width: 100%;
  overflow: hidden;
  position: relative;
  color: #fff;
}

#radioResult .fixBg{
  position: fixed;
  background: url(../../../img/contents_pc/lp/radio_result/pcbg.jpg) no-repeat top center;
  width: 1600px;
  padding-top: 800px;
  left: 50%;
  margin-left: -800px;
  margin-top: -40px;
  height: 0;
  text-indent: 100%;
  overflow: hidden;
}
/* 固定背景がページ下部のバナー表示を突き抜けないように調整 */
.recommendWrap01.lpBtmWrap{
  position: relative;
  z-index: 10;
}


#radioResult .contentsWrapper{
  position: relative;
  width: 1100px;
  left: 50%;
  margin-left: -550px;
}

section[class^="box0"] > img{vertical-align: bottom;}

/* タイトル */
#radioResult .contentsWrapper h1{
  background: url(../../../img/contents_pc/lp/radio_result/text.png) no-repeat 0 0;
  width: 491px;
  padding-top: 108px;
  margin: 0 auto;
  margin-top: 50px;
  height: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* リスト */
/* 枠 */
#radioResult .contentsWrapper .listBoxWrapper{
  position: relative;
  width: 1100px;
}

#radioResult .contentsWrapper .listBox{
  position: relative;
  width: 1050px;
  margin: 50px auto;
}
/* 各項目幅 */
#radioResult .contentsWrapper .listBox li{
  position: relative;
  display: inline-block;
  width: 165px;
  margin-top: 5px;
  margin-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}


/* ハートアイコン */
#radioResult .contentsWrapper .listBox li span:before{
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  background: url(../../../img/contents_pc/lp/radio_result/icon.png) no-repeat 0 0;
  background-size: contain;
}
/* ハートアイコン分のマージン・文字エフェクト */
#radioResult .contentsWrapper .listBox li span{
  padding-left: 25px;
  text-shadow:0px -2px 3px #000000;
}

/* ドロップアウトした人の表示 */
#radioResult .contentsWrapper .listBox .dropOut{
  color: #c8c8c8;
  text-shadow: none;
}

/* ドロップアウトした人の表示(li)
#radioResult .contentsWrapper .listBox .dropOut:before{
  content: "";
  display: block;
  background: url(../../../img/contents_pc/lp/radio_result/double_line.png) repeat-x 0 0;
  width: 90%;
  height: 10px;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  margin-top: 9px;
  margin-left: 25px;
}
 */
/* ドロップアウトした人の表示(span) */
#radioResult .contentsWrapper .listBox .dropOut{
  background: url(../../../img/contents_pc/lp/radio_result/double_line.png) repeat-x 0 0;
  background-position: center;
  padding-left: 0;
  color: #c8c8c8;
}

/* ラインがハートマーク下まで出てしまうのを防ぐ */
#radioResult .contentsWrapper .listBox .dropOut{
  margin-left: 25px;
}