html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}

body {
  font-size: 100%;
  /*font-family:'Noto Sans KR', sans-serif;*/
	font-family: 'Nanum Barun Gothic', sans-serif;
  color: #000;
  background-color: #fff;
}

a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #9d9c9c;
}
img {
	max-width:100%;
}
.hr-spacer {
	padding:25px 0;
}
.hr-spacer2 {
	padding:12px 0;
}
.hr-spacer3 {
	padding:7px 0;
}
.index-title {
	font-size:1.3em;
	font-weight:700;
	color:#0868c0;
	padding:10px 0;
}
.index-title span {
	color:#4c555e;
}
.sub-title {
	font-size:0.8em;
	font-weight:300;
	color:#000;
	padding-top:5px;
	padding-bottom:25px;
	line-height:135%;
}
.sub-title-about {
	font-size:0.9em;
	font-weight:300;
	color:#000;
	padding-top:20px;
	padding-bottom:25px;
	line-height:170%;
}
/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: #fff;
  z-index: 2;
  padding-top: 70px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
@media only screen and (min-width: 768px) {
  .cd-main-content {
    padding-top: 90px;
  }
}

#main {
	width:98%;
	max-width:800px;
	margin:0 auto;
	overflow:hidden;
}
#main .index_body {
  background-color: #e9f3fc;
  background-image: linear-gradient(#e9f3fc, #fff);
	padding:2%;
	border:5px solid #c3d3e2;
	border-radius:10px;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
overflow:hidden;
}
#main .index_body .index_body_l {
  display:inline-block;
	width:100%;
	max-width:370px;
	margin-right:1%;
	vertical-align:top;
}
#main .index_body .index_body_l img {
  text-align:center;
}

#main .index_body .index_body_r {
  display:inline-block;
	width:100%;
	max-width:370px;
	margin:0;
	vertical-align:top;
}
#main .index_body .index_body_r img {
  text-align:center;
}

.index_body_cont {
	text-align:center;
}
.index_body_cont2 {
	padding-top:5px;
	padding-left:50px;
}

.index_body_prize-mega {
	width:100%;
	max-width:365px;
	border-radius:10px;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:3px solid #e10202;
padding:20px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:1.4em;
font-weight:600;
background-color:#fdebeb;
}
.index_body_prize-mega_date {
	width:95%;
	max-width:350px;
	border-radius:0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-left:1px solid #e10202;
border-right:1px solid #e10202;
border-bottom:1px solid #e10202;
padding:15px;
margin:0 auto;
text-align:center;
font-size:0.9em;
font-weight:400;
background-color:#fff;
}

.index_body_prize-super {
	width:100%;
	max-width:365px;
	border-radius:10px;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:3px solid #0271e1;
padding:20px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:1.4em;
font-weight:600;
background-color:#e4effb;
}
.index_body_prize-super_date {
	width:95%;
	max-width:350px;
	border-radius:0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-left:1px solid #0271e1;
border-right:1px solid #0271e1;
border-bottom:1px solid #0271e1;
padding:15px;
margin:0 auto;
text-align:center;
font-size:0.9em;
font-weight:400;
background-color:#fff;
}

.index_body_prize-power {
	width:100%;
	max-width:365px;
	border-radius:10px;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:3px solid #f97601;
padding:20px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:1.4em;
font-weight:600;
background-color:#faede1;
}
.index_body_prize-power_date {
	width:95%;
	max-width:350px;
	border-radius:0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-left:1px solid #f97601;
border-right:1px solid #f97601;
border-bottom:1px solid #f97601;
padding:15px;
margin:0 auto;
text-align:center;
font-size:0.9em;
font-weight:400;
background-color:#fff;
}

@media only screen and (max-width: 768px) {
  #main .index_body .index_body_l {
  display:block;
	width:100%;
	margin:0 auto;
	}
	#main .index_body .index_body_r {
  display:block;
	width:100%;
	margin:0 auto;
	padding-top:15px;
	}
}

#main .index_body .index_body_mid {
  overflow:hidden;
	width:100%;
	max-width:740px;
	margin:0;
	vertical-align:top;
}
#main .index_body .index_body_mid .index_body_mid_l {
  display:inline-block;
	width:100%;
	max-width:260px;
	margin-right:2%;
	vertical-align:top;
}

.index_body_mid_mega {
	width:100%;
	border-radius:15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding:7px;
	background-color:#ea0101;
	color:#fff;
	text-align:center;
	font-size:0.9em;
}
.index_body_mid_super {
	width:100%;
	border-radius:15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding:7px;
	background-color:#008edd;
	color:#fff;
	text-align:center;
	font-size:0.9em;
}
.index_body_mid_power {
	width:100%;
	border-radius:15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding:7px;
	background-color:#fd6c04;
	color:#fff;
	text-align:center;
	font-size:0.9em;
}

#main .index_body .index_body_mid .index_body_mid_r {
  display:inline-block;
	width:100%;
	max-width:450px;
}
.lotto-ball {
	display:inline-block;
	width:100%;
	max-width:55px;
	border-radius:35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border:2px solid #d1d1d1;
	margin-right:1%;
	margin-top:30px;
	padding:17px 0;
	text-align:center;
	font-family:arial, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	background: radial-gradient(#fff 10%, #dddcdc);
}
.lotto-ball-mega {
	display:inline-block;
	width:100%;
	max-width:55px;
	border-radius:35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border:2px solid #ff7e7e;
	margin-right:1%;
	margin-top:30px;
	padding:17px 0;
	text-align:center;
	font-family:arial, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	background: radial-gradient(#fff 10%, #ff7e7e);
}
.lotto-ball-super {
	display:inline-block;
	width:100%;
	max-width:55px;
	border-radius:35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border:2px solid #559ef9;
	margin-right:1%;
	margin-top:30px;
	padding:17px 0;
	text-align:center;
	font-family:arial, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	background: radial-gradient(#fff 10%, #559ef9);
}
.lotto-ball-power {
	display:inline-block;
	width:100%;
	max-width:55px;
	border-radius:35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border:2px solid #ffa870;
	margin-right:1%;
	margin-top:30px;
	padding:17px 0;
	text-align:center;
	font-family:arial, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	background: radial-gradient(#fff 10%, #ffa870);
}
.lotto-ball-status {
	display:inline-block;
	width:100%;
	max-width:65px;
	height:40px;
	margin-top:30px;
	padding:13px 0;
	text-align:center;
	font-size:1.0em;
	font-weight:600;
	background-color:#212121;
	color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#main .index_body .play-lotto {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:247px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:2px solid #559ef9;
}
#main .index_body .play-mega {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:247px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:2px solid #f91a39;
}
#main .index_body .play-power {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:247px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:2px solid #fd7304;
}
.play-lotto-title {
	border-radius:8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
	padding:10px;
	background-color:#559ef9;
	font-size:1.1em;
	font-weight:700;
	color:#fff;
	text-shadow: 1px 1px 2px #043572, 0 0 1em #084ea4, 0 0 0.2em #084ea4;
	text-align:center;
	background-image: linear-gradient(#81b7fa, #0d6be0);
}
.play-mega-title {
	border-radius:8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
	padding:10px;
	background-color:#f91a39;
	font-size:1.1em;
	font-weight:700;
	color:#fff;
	text-shadow: 1px 1px 2px #94071b, 0 0 1em #d80623, 0 0 0.2em #d80623;
	text-align:center;
	background-image: linear-gradient(#fd697e, #d80623);
}
.play-power-title {
	border-radius:8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
	padding:10px;
	background-color:#fd7304;
	font-size:1.1em;
	font-weight:700;
	color:#fff;
	text-shadow: 1px 1px 2px #5b2e0b, 0 0 1em #db4e02, 0 0 0.2em #db4e02;
	text-align:center;
	background-image: linear-gradient(#f6a06b, #f06402);
}
.play-lotto-cont {
	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px;
	padding:20px 0;
	background-color:#fff;
	font-size:0.9em;
	font-weight:300;
	color:#000;
	text-align:center;
}
.play-lotto-cont p {
	line-height:135%;
	font-size:1.1em;
	font-weight:600;
	color:#084ea4;
}
.play-lotto-cont h2 {
	line-height:135%;
	font-size:0.9em;
	font-weight:300;
	color:#084ea4;
}
.play-lotto-cont h3 {
	line-height:135%;
	font-size:0.9em;
	font-weight:300;
	color:#000;
}
.play-lotto-cont h4 {
	line-height:135%;
	font-size:0.8em;
}

#main .index_body .play {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:370px;
	text-align:center;
}

/* 로또 플레이 수퍼로또 */

#main .index_body .super-play {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:247px;
}
.super-play-but {
	padding:15px 0;
}
.super-play-link1 a{
	border-radius:15px;
	-moz-border-radius:15px;
-webkit-border-radius:15px;
	padding:6px 31px;
	background-color:#2e85b2;
	font-size:0.9em;
	font-weight:600;
	color:#fff;
	border:1px solid #1c3f73;
	text-align:center;
	line-height:270%;
}
.super-play-link1 a:hover {
	background-color:#fff;
	color:#2e85b2;
}

.super-play-link2 a{
	border-radius:15px;
	-moz-border-radius:15px;
-webkit-border-radius:15px;
	padding:6px 25px;
	background-color:#72b22a;
	font-size:0.9em;
	font-weight:600;
	color:#fff;
	border:1px solid #2c6710;
	text-align:center;
	line-height:270%;
}
.super-play-link2 a:hover {
	background-color:#fff;
	color:#2c6710;
}

.super-play-link3 a{
	border-radius:15px;
	-moz-border-radius:15px;
-webkit-border-radius:15px;
	padding:6px 11px;
	background-color:#2e85b2;
	font-size:0.9em;
	font-weight:600;
	color:#fff;
	border:1px solid #1c3f73;
	text-align:center;
	line-height:270%;
}
.super-play-link3 a:hover {
	background-color:#fff;
	color:#2e85b2;
}
.select-lotto {
	width:50px;
	height:30px;
	color:#4a4a4a;
	border:1px solid #a9a9a9;
}
.super-play-link4 a{
	border-radius:15px;
	-moz-border-radius:15px;
-webkit-border-radius:15px;
	padding:6px 48px;
	background-color:#fea104;
	font-size:0.9em;
	font-weight:600;
	color:#000;
	border:1px solid #d26607;
	text-align:center;
	line-height:270%;
}
.super-play-link4 a:hover {
	background-color:#fff;
	color:#fea104;
}

#main .index_body .super-play-super {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:247px;
	height:223px;
	margin:0 auto;
	background: url('../img/5num_super.gif') no-repeat;
	background-position:center center;
}
#main .index_body .super-play-super2 {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:247px;
	height:223px;
	background: url('../img/sp_num_super.gif') no-repeat;
	background-position:center center;
}
#main .index_body .mega-play-mega {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:247px;
	height:271px;
	margin:0 auto;
	background: url('../img/5num_mega.gif') no-repeat;
	background-position:center center;
}
#main .index_body .mega-play-mega2 {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:247px;
	height:271px;
	background: url('../img/sp_num_mega.png') no-repeat;
	background-position:center center;
}
#main .index_body .power-play-power {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:247px;
	height:253px;
	margin:0 auto;
	background: url('../img/5num_power.gif') no-repeat;
	background-position:center center;
}
#main .index_body .power-play-power2 {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:247px;
	height:253px;
	background: url('../img/sp_num_power.gif') no-repeat;
	background-position:center center;
}

.play-but-display {
	width:100%;
	max-width:285px;
	margin-right:auto;
	margin-left:50%;
	margin-top:15px;
	overflow:hidden;
	padding:5px;
}
.play-button a{
	float:left;
	border-radius:15px;
	-moz-border-radius:15px;
-webkit-border-radius:15px;
	padding:6px 20px;
	background-color:#3088b4;
	font-size:0.9em;
	font-weight:600;
	color:#fff;
	border:1px solid #1c3f73;
	text-align:center;
	margin:0 5px;
}
.play-button a:hover {
	background-color:#fff;
	color:#3088b4;
}
.play-button2 a{
	float:left;
	display:inline-block;
	border-radius:15px;
	-moz-border-radius:15px;
-webkit-border-radius:15px;
	padding:6px 20px;
	background-color:#8a8b8b;
	font-size:0.9em;
	font-weight:600;
	color:#fff;
	border:1px solid #707071;
	text-align:center;
	margin:0 5px;
}
.play-button2 a:hover {
	background-color:#fff;
	color:#8a8b8b;
}

.play-but-display-bot {
	width:100%;
	max-width:285px;
	margin:0 auto;
	margin-top:15px;
	overflow:hidden;
	padding:5px;
}
.play-button-bot a{
	display:inline-block;
	float:left;
	border-radius:15px;
	-moz-border-radius:15px;
-webkit-border-radius:15px;
	padding:6px 20px;
	background-color:#e3e7ec;
	font-size:0.9em;
	font-weight:600;
	color:#2e5576;
	border:1px solid #81a3c0;
	text-align:center;
	margin:0 5px;
}
.play-button-bot a:hover {
	background-color:#fff;
	color:#81a3c0;
}

.play-button-bot2 a{
	display:block;
	border-radius:15px;
	-moz-border-radius:15px;
-webkit-border-radius:15px;
	padding:6px 20px;
	background-color:#e3e7ec;
	font-size:0.9em;
	font-weight:600;
	color:#2e5576;
	border:1px solid #81a3c0;
	text-align:center;
	margin:0 5px;
}
.play-button-bot2 a:hover {
	background-color:#fff;
	color:#81a3c0;
}
.play-room {
	font-size:1.2em;
	font-weight:600;
	color:#0868c0;
	padding:8px 0;
}
.play-search {
	width:100%;
	max-width:59%;
	float:right;
	margin-top:15px;
	overflow:hidden;
	padding-top:8px;
	padding-bottom:30px;
}
.play-search-bot a{
	max-width:185px;
	display:block;
	border-radius:15px;
	-moz-border-radius:15px;
-webkit-border-radius:15px;
	padding:15px 20px;
	background-color:#248bc7;
	font-size:0.9em;
	font-weight:600;
	color:#fff;
	border:1px solid #0c5f9a;
	text-align:center;
	margin:0 5px;
}
.play-search-bot a:hover {
	background-color:#fff;
	color:#81a3c0;
}

/* 공동 플레이 로또 */

#main .index_body .play-multi-lotto {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:240px;
	margin-right:1.55555%;
	border-radius:65px;
	-moz-border-radius:65px;
	-webkit-border-radius:65px;
	border:6px solid #0082eb;
	background-color:#fff;
}
.play-multi-logo {
	padding:17px;
	text-align:center;
	border-bottom:1px dotted #717171;
}
.play-multi-mid {
	padding:40px 5px;
	text-align:center;
}
.play-multi-mid p {
	font-weight:600;
	font-size:0.9em;
	padding:10px 0;
}
.play-multi-box {
	width:98%;
	padding:8px 0;
	border:2px solid #cbcaca;
	border-radius:25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-weight:600;
	font-size:1.2em;
}
.play-multi-box span{
	color:#027ec4;
}
.play-multi-bot {
	border-radius:0 0 60px 60px;
	-moz-border-radius:0 0 60px 60px;
-webkit-border-radius:0 0 60px 60px;
	padding:35px 0;
	background-color:#000;
	font-size:0.9em;
	font-weight:300;
	color:#fff;
	text-align:center;
	background-image: linear-gradient(#000, #575858);
}
.play-multi-bot a {
	font-size:1.3em;
	font-weight:700;
	color:#fff;
}
.play-multi-bot a:hover {
	color:#767777;
}

/* 공동 플레이 메가 */

#main .index_body .play-multi-mega {
  display:inline-block;
	vertical-align:top;
	margin-right:1.55555%;
	width:100%;
	max-width:240px;
	border-radius:65px;
	-moz-border-radius:65px;
	-webkit-border-radius:65px;
	border:6px solid #f2242b;
	background-color:#fff;
}
.play-multi-box-mega {
	width:98%;
	padding:8px 0;
	border:2px solid #cbcaca;
	border-radius:25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-weight:600;
	font-size:1.2em;
}
.play-multi-box-mega span{
	color:#ec0f15;
}

/* 공동 플레이 파워 */

#main .index_body .play-multi-power {
  display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:240px;
	border-radius:65px;
	-moz-border-radius:65px;
	-webkit-border-radius:65px;
	border:6px solid #f27e02;
	background-color:#fff;
}
.play-multi-box-power {
	width:98%;
	padding:8px 0;
	border:2px solid #cbcaca;
	border-radius:25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-weight:600;
	font-size:1.2em;
}
.play-multi-box-power span{
	color:#eb6403;
}


/* win number */
#main .index_body .index_body_mid_win {
  overflow:hidden;
	width:100%;
	max-width:740px;
	margin:0 auto;
	padding:20px 5px;
	border:3px solid #cbe0fc;
	border-radius:25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	vertical-align:top;
}
#main .index_body .index_body_mid_win .index_body_mid_l {
  display:inline-block;
	width:100%;
	max-width:220px;
	margin-right:5%;
	vertical-align:top;
}
#main .index_body .index_body_mid_win .index_body_mid_r {
  display:inline-block;
	width:100%;
	max-width:450px;
}

/* win number 페이지 */
.page-win {
	text-align:center;
	font-size:0.9em;
	padding:10px 0;
}
.page-win span {
	padding:0 8px;
}
.page-win span a.allow-link{
	color:#000;
	font-size:1.1em;
}
.page-win span a.allow-link:hover{
	color:#b5b6b7;
}


/* order.html 정보입력 */
#order-form {
	width:100%;
	border:2px solid #cbe0fc;
	padding:10px 10px;
	font-size:0.9em;
}
#order-form .form-l {
	display:inline-block;
	background-color:#fff;
	width:40%;
	padding:6px 5px;
	border-bottom:1px solid #e6f0fe;
}
#order-form .form-r {
	display:inline-block;
	background-color:#e6f0fe;
	width:59%;
	padding:6px 5px;
	border-bottom:1px solid #e6f0fe;
}

/* 마이페이지 */
#mypage-all {
	width:98%;
	text-align:center;
	margin:0 auto;
	padding-bottom:15px;
}
#mypage-all .mypage-link {
	display:inline-block;
	text-align:center;
	width:28%;
	padding:10px 3px;
	margin:0 0.5%;
	background-color:#506e78;
	border:1px solid #334b53;
	background-image: linear-gradient(#283d44, #4c7f90);
}
#mypage-all .mypage-link a{
	color:#fff;
}
#mypage-all .mypage-link a:hover{
	color:#6ec2de;
}

.recahrge {
	text-align:center;
	line-height:150%;
	padding:0 15px;
}
.recahrge span {
	font-size:1.3em;
	color:#f7011e;
	font-weight:700;
}



@media only screen and (max-width: 768px) {
  #main .index_body .index_body_mid {
	width:100%;
	margin:0 auto;
	}
	#main .index_body .index_body_mid .index_body_mid_l {
	display:block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}
	#main .index_body .index_body_mid .index_body_mid_r {
	display:block;
	width:100%;
	margin:0 auto;
	}
	#main .index_body .index_body_mid_win {
  width:100%;
	margin:0 auto;
	}
	#main .index_body .index_body_mid_win .index_body_mid_l {
		display:block;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	#main .index_body .index_body_mid_win .index_body_mid_r {
		display:block;
		width:100%;
		margin:0 auto;
	}
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
	
	.index-title {
	text-align:center;
	font-size:1.2em;
	}
	
	.lotto-ball {
	width:100%;
	max-width:38px;
	height:38px;
	padding:10px 0;
	font-size:1.0em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-mega {
	width:100%;
	max-width:38px;
	height:38px;
	padding:10px 0;
	font-size:1.0em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-super {
	width:100%;
	max-width:38px;
	height:38px;
	padding:10px 0;
	font-size:1.0em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-power {
	width:100%;
	max-width:38px;
	height:38px;
	padding:10px 0;
	font-size:1.0em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-status {
	width:100%;
	max-width:35px;
	height:30px;
	margin-top:6px;
	padding:10px 0;
	font-size:0.7em;
	font-weight:300;
	}
	#main .index_body .play-lotto {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play-mega {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play-power {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play {
  display:block;
	width:100%;
	max-width:98%;
	margin:10px auto;
	}
	#main .index_body .super-play {
		display:block;
		width:100%;
		max-width:98%;
	}
	.super-play-but {
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	.super-play-but div{
		text-align:center;
	}
	#main .index_body .super-play-super {
		display:block;
		width:100%;
		max-width:98%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .super-play-super2 {
		display:block;
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	#main .index_body .mega-play-mega {
		display:block;
		width:100%;
		max-width:98%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .mega-play-mega2 {
		display:block;
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	#main .index_body .power-play-power {
		display:block;
		width:100%;
		max-width:98%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .power-play-power2 {
		display:block;
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	.play-but-display {
		width:100%;
		margin:0 auto;
	}
	#order-form .form-l {
		display:block;
		width:98%;
	}
	#order-form .form-r {
		display:block;
		width:98%;
	}
	.play-search {
	width:100%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	overflow:hidden;
	padding-top:8px;
	padding-bottom:30px;
	}
	.play-search-bot a{
	max-width:165px;
	padding:15px 15px;
	}
	#main .index_body .play-multi-lotto {
  display:block;
	width:100%;
	max-width:90%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;
	}
	#main .index_body .play-multi-mega {
  display:block;
	width:100%;
	max-width:90%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;
	}
	#main .index_body .play-multi-power {
  display:block;
	width:100%;
	max-width:90%;
	margin-right:auto;
	margin-left:auto;
	}
	#mypage-all .mypage-link {
	display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	background-color:#506e78;
	}
	
}

@media only screen and (min-width: 365px) and (max-width: 460px) {
	
	.lotto-ball {
	width:100%;
	max-width:43px;
	height:43px;
	padding:12px 0;
	font-size:1.0em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-mega {
	width:100%;
	max-width:43px;
	height:43px;
	padding:12px 0;
	font-size:1.0em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-super {
	width:100%;
	max-width:43px;
	height:43px;
	padding:12px 0;
	font-size:1.0em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-power {
	width:100%;
	max-width:43px;
	height:43px;
	padding:12px 0;
	font-size:1.0em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-status {
	width:100%;
	max-width:35px;
	height:30px;
	margin-top:6px;
	padding:10px 0;
	font-size:0.7em;
	font-weight:300;
	}
	#main .index_body .play-lotto {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play-mega {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play-power {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play {
  display:block;
	width:100%;
	max-width:98%;
	margin:10px auto;
	}
	#main .index_body .super-play {
		display:block;
		width:100%;
		max-width:98%;
	}
	.super-play-but {
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	.super-play-but div{
		text-align:center;
	}
	#main .index_body .super-play-super {
		display:block;
		width:100%;
		max-width:98%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .super-play-super2 {
		display:block;
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	#main .index_body .mega-play-mega {
		display:block;
		width:100%;
		max-width:98%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .mega-play-mega2 {
		display:block;
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	#main .index_body .power-play-power {
		display:block;
		width:100%;
		max-width:98%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .power-play-power2 {
		display:block;
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	.play-but-display {
		width:100%;
		margin:0 auto;
	}
	#order-form .form-l {
		display:block;
		width:98%;
	}
	#order-form .form-r {
		display:block;
		width:98%;
	}
	.play-search {
	width:100%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	overflow:hidden;
	padding-top:8px;
	padding-bottom:30px;
	}
	#main .index_body .play-multi-lotto {
  display:block;
	width:100%;
	max-width:90%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;
	}
	#main .index_body .play-multi-mega {
  display:block;
	width:100%;
	max-width:90%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;
	}
	#main .index_body .play-multi-power {
  display:block;
	width:100%;
	max-width:90%;
	margin-right:auto;
	margin-left:auto;
	}
	#mypage-all .mypage-link {
	display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	background-color:#506e78;
	}
}

@media only screen and (min-width: 465px) and (max-width: 680px) {
	
	.lotto-ball {
	width:100%;
	max-width:53px;
	height:53px;
	padding:15px 0;
	font-size:1.1em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-mega {
	width:100%;
	max-width:53px;
	height:53px;
	padding:15px 0;
	font-size:1.1em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-super {
	width:100%;
	max-width:53px;
	height:53px;
	padding:15px 0;
	font-size:1.1em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-power {
	width:100%;
	max-width:53px;
	height:53px;
	padding:15px 0;
	font-size:1.1em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-status {
	width:100%;
	max-width:65px;
	padding:13px 0;
	font-size:1.0em;
	font-weight:600;
	}
	#main .index_body .play-lotto {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play-mega {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play-power {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play {
  display:block;
	width:100%;
	max-width:98%;
	margin:10px auto;
	}
	#main .index_body .super-play {
		display:block;
		width:100%;
		max-width:98%;
	}
	.super-play-but {
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	.super-play-but div{
		text-align:center;
	}
	#main .index_body .super-play-super {
		display:block;
		width:100%;
		max-width:98%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .super-play-super2 {
		display:block;
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	#main .index_body .mega-play-mega {
		display:block;
		width:100%;
		max-width:98%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .mega-play-mega2 {
		display:block;
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	#main .index_body .power-play-power {
		display:block;
		width:100%;
		max-width:98%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .power-play-power2 {
		display:block;
		width:100%;
		max-width:98%;
		margin:0 auto;
	}
	.play-but-display {
		width:100%;
		margin:0 auto;
	}
	#main .index_body .play-multi-lotto {
  display:block;
	width:100%;
	max-width:50%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;
	}
	#main .index_body .play-multi-mega {
  display:block;
	width:100%;
	max-width:50%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;
	}
	#main .index_body .play-multi-power {
  display:block;
	width:100%;
	max-width:50%;
	margin-right:auto;
	margin-left:auto;
	}
	#mypage-all .mypage-link a{
	font-size:0.8em;
	}
	
}

@media only screen and (min-width: 685px) and (max-width: 768px) {
	
	.lotto-ball {
	width:100%;
	max-width:53px;
	height:53px;
	padding:15px 0;
	font-size:1.1em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-mega {
	width:100%;
	max-width:53px;
	height:53px;
	padding:15px 0;
	font-size:1.1em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-super {
	width:100%;
	max-width:53px;
	height:53px;
	padding:15px 0;
	font-size:1.1em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-power {
	width:100%;
	max-width:53px;
	height:53px;
	padding:15px 0;
	font-size:1.1em;
	margin-right:0;
	margin-top:10px;
	}
	.lotto-ball-status {
	width:100%;
	max-width:65px;
	padding:13px 0;
	font-size:1.0em;
	font-weight:600;
	}
	#main .index_body .play-lotto {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play-mega {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play-power {
  display:block;
	width:100%;
	max-width:98%;
	margin:7px auto;
	}
	#main .index_body .play {
  display:block;
	width:100%;
	max-width:98%;
	margin:10px auto;
	}
	#main .index_body .super-play {
		display:block;
		width:100%;
		max-width:98%;
	}
	.super-play-but div{
		text-align:center;
		width:100%;
		max-width:40%;
		display:inline-block;
		margin-left:5%;
	}
	#main .index_body .super-play-super {
		display:inlie-block;
		width:100%;
		max-width:45%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .super-play-super2 {
		display:inlie-block;
		width:100%;
		max-width:45%;
		margin:0 auto;
	}
	#main .index_body .mega-play-mega {
		display:inlie-block;
		width:100%;
		max-width:45%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .mega-play-mega2 {
		display:inlie-block;
		width:100%;
		max-width:45%;
		margin:0 auto;
	}
	#main .index_body .power-play-power {
		display:inlie-block;
		width:100%;
		max-width:45%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	#main .index_body .power-play-power2 {
		display:inlie-block;
		width:100%;
		max-width:45%;
		margin:0 auto;
	}
	.play-but-display {
		width:100%;
		margin:0 auto;
	}
	#main .index_body .play-multi-lotto {
	width:100%;
	max-width:31%;
	margin-right:1.0%;
	}
	#main .index_body .play-multi-mega {
	width:100%;
	max-width:31%;
	margin-right:1.0%;
	}
	#main .index_body .play-multi-power {
	width:100%;
	max-width:31%;
	}
}

#foot {
	width:100%;
	margin:0 auto;
	background-color:#eae9e9;
	padding:3%;
	border-top:1px solid #efeeee;
}
#foot .foot-cont {
	width:98%;
	max-width:800px;
	margin:0 auto;
	text-align:center;
	font-size:0.75em;
	line-height:160%;
}