@charset "utf-8";

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

body {
	background: url(../img/index/bg.png) top center;
	overflow-x: hidden;
}

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

#title {
	position: relative;
}
	#title h1 img {
		width: 100%;
		min-height: 907px;
		height: auto;
		background: url(../img/index/title/main.png) no-repeat center top;
		background-size: cover;
	}
	#title #logo-3ds {
		position: absolute;
		top: 10px;
		right: 10px;
	}

#btn_result {
	margin: auto;
	position: fixed;
	right: 0;
	top:calc(50% - 233px/2);
	z-index: 10;
}

.deco {
	width: 100%;
	margin-top: -180px;
	position: absolute;
}
	 .deco img {
		width: 100%;
		min-height: 775px;
		height: auto;
		background: url(../img/index/title/deco.png) no-repeat center top;
		background-size: cover;
	}

	 .txt .txt01 {
    margin-top: 24px;
    margin-left: 50px;
	}
	.txt .btn_about {
		margin-top: 38px;
		text-align: center;
	}
	 .txt .txt_link {
		position: absolute;
		top: 32px;
		left: 170px;
	}
	#sec03 .notes {
		width: 47em;
		margin: 24px auto 0;
		padding-left: 2em;
		text-indent: -1em;
		font-weight: bold;
	}
	#sec03 .bnr {
		width: 844px;
		margin: 72px auto 30px;
	}

/*------------------------------------------------------------
  Ranking
------------------------------------------------------------*/
#contents #ranking .wrap > div {
  display: inline-block;
  vertical-align: top;
}

.wrap.ranking {
	height: 4597px;
}
/*----------- no01  -----------*/

#contents #ranking #no01 {
  position: absolute;
  top: -11px;
  left: -18px;
}
  #contents #ranking #no01 #delivery {
    position: absolute;
    top: 253px;
    right: 22px;
  }
  #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 {
  margin: 49px 0 0 -140px;
  position: absolute;
  top: 606px;
  left: 0;
}

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

#contents #ranking #no03 {
  position: absolute;
	top: 548px;
	left: 406px;
}

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

#contents #ranking #no04 {
  position: absolute;
	top: 1472px;
    left: 7px;

}

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

#contents #ranking #no05 {
  position: absolute;
    top: 1534px;
    left: 560px;
}

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

#contents #ranking #no06 {
  position: absolute;
    bottom: 2010px;
    left: -150px;
}

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

#contents #ranking #no07 {
  position: absolute;
bottom: 1785px;
    left: 496px;
}

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

#contents #ranking #no08 {
  position: absolute;
	bottom: 1414px;
    left: -102px;
}

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

#contents #ranking #no09 {
  position: absolute;
    bottom: 1207px;
    left: 501px;
}

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

#contents #ranking #no10 {
  position: absolute;
	bottom: 863px;
    left: -132px;
}

#contents #ranking #local {
  position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 920px;
}

/*------------------------------------------------------------
  modal
------------------------------------------------------------*/

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

#inline_content01 {
  margin: 0 auto;
  position: relative;
  width: 755px;
}
  #inline_content01 p {
    text-align: center;
  }
  #inline_content01 p.result {
    width: 405px;
    position: absolute;
    bottom: 36px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

@media screen and (max-width: 959px) {

	 .deco {
	 	overflow: hidden;
	}

	 .deco img {
		width: auto;
		min-height: 775px;
		background-size: contain;
		position: relative;
		left: -284px;
	}

}