@charset "utf-8";

@import "../../../files/css/layout.css";

body {
	background: url(../img/bg_ptn.png) top center #000;
	overflow-x: hidden;
}

/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/

#bg_main {
  width: 100%;
  position: absolute;
}
  #bg_main img {
    min-width: 960px;
    min-height: 1160px;
    width: 100%;
    height: auto;
    background: url(../img/bg.png) no-repeat center top;
    background-size: cover;
  }

#title {
  padding-bottom: 93px;
  background: url(../img/title/bg.png) no-repeat center bottom;
  position: relative;
}
	#title h1 {
    padding-top: 714px;
    text-align: center;
	}

@media screen and (min-width: 1500px) {

  #title h1 {
    padding-top: 48%;
    text-align: center;
  }

}
  #title .txt {
    padding-top: 19px;
    text-align: center;
  }
  #title .btn {
    padding-top: 43px;
    text-align: center;
  }
	#title #logo-3ds {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 1;
	}

/*------------------------------------------------------------
  Contents
------------------------------------------------------------*/


/*------------------------------------------------------------
  Ranking
------------------------------------------------------------*/

#contents #ranking {
  margin-top: -53px;
  padding-bottom: 108px;
  background: url(../img/ranking/bg.png) no-repeat center top;
}
#contents #ranking .wrap > div {
  display: inline-block;
  vertical-align: top;
}
/*----------- no01  -----------*/

#contents #ranking #no01 {
  margin: 0 0 0 -92px;
  position: relative;
}
  #contents #ranking #no01 #delivery {
    width: 382px;
    position: absolute;
    top: 260px;
    right: -80px;
  }
  #contents #ranking #no01 #victory {
    width: 337px;
    position: absolute;
    bottom: 30px;
    right: -102px;
  }

  #contents #ranking #no01 .theme {
    position: absolute;
    bottom: 74px;
    left: 45px;
  }
  #contents #ranking #no01 .wallpaper {
    position: absolute;
    bottom: 32px;
    left: 45px;
  }

/*----------- no02  -----------*/

#contents #ranking #no02 {
  width: 517px;
  margin: 0 0 0 -75px;
}

/*----------- no03  -----------*/

#contents #ranking #no03 {
  width: 499px;
  margin: 90px -60px 0 0;
}

/*----------- no04  -----------*/

#contents #ranking #no04 {
  width: 515px;
  margin: -240px 0 0 420px;
}

/*----------- no05  -----------*/

#contents #ranking #no05 {
  width: 388px;
  margin: -190px 0 0 35px;
}

/*----------- no06  -----------*/

#contents #ranking #no06 {
  width: 656px;
  margin: -160px -205px 0 0;
}

/*----------- no07  -----------*/

#contents #ranking #no07 {
  width: 549px;
  margin: -220px 0 0 0;
}

/*----------- no08  -----------*/

#contents #ranking #no08 {
  width: 437px;
  margin: 6px -30px 0 550px;
}

/*----------- no09  -----------*/

#contents #ranking #no09 {
  width: 584px;
  margin: -360px 0 0 -95px;
}

/*----------- no10  -----------*/

#contents #ranking #no10 {
  width: 683px;
  margin: -80px 0 0 224px;
}

#contents #ranking #local {
  width: 922px;
  margin: 32px auto 0;
  display: block;
}


/*------------------------------------------------------------
  plus
------------------------------------------------------------*/
#plus {
  padding: 154px 0 36px;
  background: url(../img/plus/bg_ptn02.png) repeat-x center bottom #fff;
  position: relative;
}

#plus h2 {
  width: 100%;
  padding: 34px 0;
  background: url(../img/plus/bg_ptn_01.png) repeat-x center top;
  text-align: center;
  position: absolute;
  top: -22px;
}
  #plus h2 img {
    position: relative;
    left: -12px;
  }
#plus p {
  margin-top: 36px;
  text-align: center;
}


/*------------------------------------------------------------
  vote
------------------------------------------------------------*/

.inline_content {
  display: none;
  background: none;
}

#inline_content01 {
  padding-bottom: 50px;
  border: 8px solid #ff5e94;
  border-radius: 30px;
  background-color: #fff;
  width: 754px;
}

  #inline_content01 h2 {
    padding: 12px 0;
    background-color: #ff5e94;
    text-align: center;
  }
  #inline_content01 p {
    margin-top: 30px;
    text-align: center;
  }
  #inline_content01 p.result {
    margin-top: 20px;
  }
  #inline_content02 {
    width: 520px;
    padding-bottom: 37px;
    border: 8px solid #6478fa;
    border-radius: 30px;
    background-color: #fff;
  }
    #inline_content02 h2 {
      overflow: hidden;
      border-radius: 20px;
    }
    #inline_content02 p {
      margin-top: 21px;
      text-align: center;
    }
    #inline_content02 .btn {
      margin-top: 24px;
    }


/*-------------------------------------------------------------------------
  ClorBox
/*-----------------------------------------------------------------------*/

.inline_content {
    display: none;
}

#cboxCurrent {
    display: none !important;
}


/*-------------------------------------------------------------------------
	You Tube
/*-----------------------------------------------------------------------*/

.buttonBar {
	display: none;
}