/* CSS Document */
/*------------------------------
	reset
------------------------------*/
* {
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:0;
	outline:0;
	vertical-align:baseline;
	word-break:break-all;
}
img {
	vertical-align:bottom;
	font-size:0;
	line-height:0;
	border:0;
}
ul {
	list-style:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
	empty-cells:show;
    border:none;
}
/*------------------------------
	all
------------------------------*/
html,
body {
	/*background-color: #c50000;*/
	width:100%;
	color:#FFF;
	text-align:center;
	font-family:'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
/*------------------------------
	container
------------------------------*/
.container {
	margin:0 auto;
	padding-bottom:20px;
	text-align:center;
	width:100%;
    min-height: 100vh;
	background-color:#C50000;
	background-image:url(../img/bg.png);
	background-repeat:repeat;
	background-size:auto;
	-moz-background-size:auto;
	background-position:center top;
}
@media (min-width: 640px) {
/* •\Ž¦—Μˆζ‚ͺ640pxˆΘγ‚̏ꍇ‚Ι“K—p‚·‚ιƒXƒ^ƒCƒ‹ */
	.container {
		width:640px;
		max-width:640px;
		min-width:640px;
		box-shadow:-5px 0 15px 5px rgba(0,0,0,0.25), 5px 0 15px 5px rgba(0,0,0,0.25);
	}
}

/*------------------------------
  tabMenu
------------------------------*/
.contentsContainer {
	background-image:url(../img/tab_menu_bg.png);
	background-repeat: repeat-y;
	background-size:100% auto;
	-moz-background-size:100% auto;
	background-position:center top;
	position: relative;
}
.tabMenu {
/*	background-color:#000; */
	background-image:url(../img/tab_menu_left_on.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	-moz-background-size:100% auto;
	background-position:center top;
	display: flex;
}
.tabMenu .btnLeft,
.tabMenu .btnRight {
	width: 50%;
}
.tabMenu .btnLeft {}
.tabMenu .btnRight {}

/*------------------------------
	contents
------------------------------*/
.contents {
	text-align:center;
}
.contents.head {
	background-color:#000;
	background-image:url(../img/head_bg.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	-moz-background-size:100% auto;
	background-position:center top;
}
.contents.present {
	/*background-color:rgba(0,0,0,0.75);*/
	padding-bottom:20px;
}
.contents.vote {
	/*padding-bottom:20px;*/
}
.contents.bottom a {
	margin:0 auto;
	display:block;
	width:92%;
}
.contents.vote,
.contents.fan {
}
.contents.fan {
	position: absolute;
	left: 1000px;
}
.contents .formPrecautions {
	margin: 0 auto;
	padding: 0 4% 10px;
	text-align: left;
}
.contents .limit {
	font-size: 1.2rem;
	margin: 0 auto;
	color: yellow;
	padding-bottom: 10px;
}
/*------------------------------
	frame
------------------------------*/
.frametop img {
	width:100%;
}
.framebottom img {
	width:100%;
	vertical-align:top;
}
.frame {
	background-image:url(../img/all_frame2.png);
	background-repeat:repeat-y;
	background-size:100% auto;
	-moz-background-size:100% auto;
	background-position:center top;
}
.frame .inner {
	margin:0 auto;
	padding:0 0 10px;
	width:80%;
	color:#333;
	background-color:#FFF;
}
.frame .inner twitter-widget {
	margin:0 auto;
}
.endMess {
	width:90%;
	margin:20px auto 10px;
	padding: 10%;
	background-color: #FFF;
	text-align: center;
	color: red;
}
/*------------------------------
	Twitter–„‚ߍž‚έ
------------------------------*/
.contents.fan .twitter {
	position: relative;
	text-align:center;
}
.contents.fan .twitter > .inner {
/*	margin: 17px 10%; */
	margin: 17px 10px;
/*
	background: #deccc5;
	padding: 3%;
*/
	text-align: left;
	border-radius: 5px;
	position: relative;
	z-index: 20;
}
.contents.fan .twitter > div:first-of-type {
	margin-top: 25px;
}
.contents.fan .twitter > div:last-of-type {
/*	margin: 17px 10% 35px; */
	margin-bottom: 35px;
}

.contents.fan .twitter > .inner > .twText,
.contents.fan .twitter > .inner > .twName{
	color: #333;
}
.contents.fan .twitter > .inner > .twText{
	font-size:0.8rem;
}
.contents.fan .twitter > .inner > .twName{
	border-top: dotted 2px #a5847a;
	padding-top: 5px;
	margin-top: 7px;
	font-size:0.7rem;
	text-align: right;
}

.contents.fan .twitter > .decoTop,
.contents.fan .twitter > .decoBtm {
	margin:0;
	padding:0;
	line-height:1;
}
.contents.fan .twitter > .decoTop {
	position: absolute;
	left: 0;
	top: -25px;
	z-index:10;
}
.contents.fan .twitter > .decoBtm {
	position: absolute;
	left: 0;
	bottom: -35px;
	z-index:10;
}
.twCpTxt1{
	margin-bottom: 0.4em;
	font-size: 0.8rem;
	text-align: left;
}
.twCpTxt2{
	border: 1px solid #718cc7;
	color: #718cc7;
	padding: 5px;
	font-size: 0.7rem;
	margin-top: 10px;
	border-radius: 10px;
	text-align: left;
}
.twCpPreAmazon{
	display:flex;
	margin: 5px 0 15px;
}
.twCpPreAmazon > div {
	width: 50%;
}
.twCpPreAmazon > div.txt > .num {
	font-size: 3.0rem;
	font-weight: bold;
	color: red;
	line-height: 1.0;
	padding: 20px 0 10px;
}
.twCpPreAmazon > div.txt > .num > span {
	font-size: 1.0rem;
}
.twCpPreAmazon > div.txt > .offer {
	font-size: 0.8rem;
}
twitter-widget {
	margin:17px auto;
}

/*------------------------------
	ƒvƒŒƒ[ƒ“ƒg
------------------------------*/
.contents.present > .frame > .inner {
	padding-top:0;
}
.contents.present > .frame > .inner > ul {
	padding-top:10px;
	width:100%;
	text-align:center;
	font-size:0;
}
.contents.present > .frame > .inner > ul li {
	display:inline-block;
	width:auto;
	vertical-align:middle;
}
.contents.present > .frame > .inner > ul li img {
	width:100%;
}
.contents.present > .frame > .inner > ul li.pre1 {
	width:80%;
}
.contents.present > .frame > .inner > ul li.pre2 {
	padding-left:10px;
	width:20%;
}
.contents.present > .frame > .inner > ul li.line {
	padding:10px 0;
	display:block;
	width:100%;
}
.contents.present > .frame > .presentText {
	margin-bottom: 10px;
	color: #333;
	font-size: 0.7rem;
	font-weight: bold;
}
.contents.present > .frame > .inner > ul li.pre1 > .awardName {
	color: red;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: left;
}
.contents.present > .frame > .inner > ul li.pre1 > .pre1Inner {
	display:flex;
}
.contents.present > .frame > .inner > ul li.pre1 > .pre1Inner > .preLeft {
	width:40%;
	margin:0;
	padding:0;
}
.contents.present > .frame > .inner > ul li.pre1 > .pre1Inner > .preRight {
	width:60%;
	margin:0;
	padding:0;
}
.contents.present > .frame > .inner > ul li.pre1 > .pre1Inner > .preLeft > .prizeImg img {
	width: 80%;
}
.contents.present > .frame > .inner > ul li.pre1 > .pre1Inner > .preLeft > .secretTitle {
	color: #333;
	font-size: 0.7rem;

	color: #fff;
	font-size: 0.7rem;
	background-color: red;
	padding: 1px;
	margin-bottom: 4px;
}
.contents.present > .frame > .inner > ul li.pre1 > .pre1Inner > .preLeft > .noSecretTitle {
	color: #FFF;
	font-size: 0.7rem;
}
.contents.present > .frame > .inner > ul li.pre1 > .pre1Inner > .preRight > .prizeName {
	color: #333;
	font-size: 0.9rem;
	font-weight: bold;
	margin: 15px 0;
}
.contents.present > .frame > .inner > ul li.pre1 > .pre1Inner > .preRight > .offerName {
	color: #333;
	font-size: 0.7rem;
}

/*------------------------------
	ŒŸυ
------------------------------*/
.contents.vote form {
	padding-top: 10px;
}
.contents.vote form .group-radio {
	padding:0 2%;
	font-size:0;
}
.contents.vote form .group-radio input[type="radio"] {
	display:none;
}
.contents.vote form .group-radio label {
	padding:0 2%;
	display:inline-block;
	width:50%;
}
.contents.vote form .group-radio label[for="pachi"] img {
	background-image:url(../img/vote_btn-pachi.png);
	background-repeat:no-repeat;
	background-size:contain;
	-moz-background-size:contain;
	background-position:center center;
	cursor:pointer;
}
.contents.vote form .group-radio label[for="slot"] img {
	background-image:url(../img/vote_btn-slot.png);
	background-repeat:no-repeat;
	background-size:contain;
	-moz-background-size:contain;
	background-position:center center;
	cursor:pointer;
}
.contents.vote form .group-radio input[id="pachi"]:checked + label[for="pachi"] img {
	background-image:url(../img/vote_btn-pachi_checked.png);
}
.contents.vote form .group-radio input[id="slot"]:checked + label[for="slot"] img {
	background-image:url(../img/vote_btn-slot_checked.png);
}
/* ŒŸυ‘‹ */
.contents.vote form .group-search {
	margin:10px auto 20px;
	padding:10px 4% 15px 4%;
	background-color:#000;
	font-size:0.75rem;
}
.contents.vote form .group-search .index {
	padding-top:10px;
	text-align:left;
}
.contents.vote form .group-search .inner {
	padding:5px;
	display:table;
	width:100%;
	border:outset 1px #697dfb;
	border-radius:5px;
	background:-moz-linear-gradient(45deg, #001490 0%, #0399ff 30%, #001490 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#001490), color-stop(30%,#0399ff), color-stop(100%,#001490));
	background:linear-gradient(45deg, #001490 0%, #0399ff 30%, #001490 100%);
	background-color:#001490;
}
.contents.vote form .group-search .inner p {
	display:table-cell;
	width:auto;
	height:32px;
	vertical-align:middle;
}
.contents.vote form .group-search .inner p.text {
	width:85%;
	background-color:#FFF;
	border-radius:5px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.5) inset;
}
.contents.vote form .group-search .inner p.submit {
	padding-left:5px;
	width:15%;
}
.contents.vote form .group-search .inner input[type*="text"] {
	padding:4px 8px;
	width:100%;
	height:32px;
	font-size:1.0rem;
	background:none;
	background-color:transparent;
	border:none;
}
.contents.vote form .group-search .inner input[type*="submit"] {
	width:100%;
	height:32px;
	color:#FFF;
	font-size:1.0rem;
	font-weight:bold;
	background:none;
	background-color:transparent;
	border:none;
	cursor:pointer;
}
/* kamide add */
.contents.vote form .group-search .inner select {
	height:32px;
	width:100%;
	background-color:#FFF;
	border-radius:5px;
}
/* Šm”F‰ζ–Κ */
.contents.vote form .group-name,
.contents.thanks .group-name {
	margin:0 auto;
	width:90%;
}
.contents.vote form .group-name div,
.contents.thanks .group-name div {
	padding:0 8%;
	background-image:url(../img/vote_frame5.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-position:center top;
	text-align:center;
	font-size:1.5rem;
	line-height:1.2;
	font-weight:bold;
	color:#FF0;
}
.contents.vote form .group-text {
	margin:10px auto;
	padding:5px;
	border-radius:5px;
}
.contents.vote form .group-text {
	margin:0 auto 10px;
	padding:5px;
	border-radius:5px;
	border:solid 1px #584C9D;
}
.contents.vote form .group-text p.text {
	margin-top:5px;
	background-color:#FFF;
	border-radius:5px;
	border:solid 2px #202389;
}
.contents.vote form .group-text input[type*="email"] {
	padding:4px 8px;
	width:100%;
	height:32px;
	background:none;
	background-color:transparent;
	border:none;
	font-family:'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.contents.vote form .group-text textarea {
	padding:8px;
	width:100%;
/*	height:100px; */
	height:150px;
	background:none;
	background-color:transparent;
	border:none;
	font-family:'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.contents.vote form .group-btn {
	padding:0 8% 10px 8%;
	font-size:0;
	text-align:center;
}
.contents.vote form .group-btn p {
	padding:0 2%;
	display:inline-block;
	width:50%;
}
.contents.vote form .group-btn p input[type*="image"] {
	margin:0 auto;
	width:100%;
	height:auto;
	color:#FFF;
	background:none;
	background-color:transparent;
	border:none;
	cursor:pointer;
}
.contents.vote form .commentText {
	width: 100%;
	font-size: 0.8rem;
	padding-top: 0;
	text-align: left;
}
/* ŒΒlξ•ρ */
#privacy {
	margin:0 auto;
	padding:0;
    width:90%;
    height:120px;
	background-color:#FFF;
    font-size:0.7rem;
	line-height:1.3;
    overflow-y:scroll;
	text-align:left;
	border:1px #CCC solid;
	color:#999;
}
/* kamide add */
.formSecurity .fsImage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content:space-around;
}
.formSecurity .fsImage img {
	width: 70%;
}
.formSecurity .fsImage a {
	width: 25%;
}
.formSecurity .fsImage a img {
	width: 60%;
}
.formSecurity .text input {
	width: 100%;
	text-align: left;
	padding: 4px 8px;
	height: 32px;
}
.errTxt {
	font-weight: bold;
	color: white;
	padding: 5px;
	background-color: red;
	text-align: left;
}

/*------------------------------
	ŒŸυŒ‹‰Κ
------------------------------*/
.contents.vote .result {
	margin:10px auto;
	padding:0 2%;
	text-align:left;
	font-size:0;
}
.contents.vote .result li {
	padding:10px 2%;
	display:inline-block;
	vertical-align:top;
	width:50%;
	line-height:1.2;
}

/* kamide add */
.contents.vote .result li {
  visibility: hidden;
}

.contents.vote .result li div {
	padding:10px 0;
	background-image:url(../img/vote_frame2.png);
	background-repeat:repeat-y;
	background-size:100% auto;
	-moz-background-size:100% auto;
	background-position:center top;
	position:relative;
}
.contents.vote .result li p.img {
	margin:0 auto;
	width:75%;
}
.contents.vote .result li .resultMachineBox .space_sp {
	height:100px;
	margin-top:10px
}
.contents.vote .result li .resultMachineBox .space_pc {
	height:160px;
}
.contents.vote .result li p.name {
	margin:10px auto 0 auto;
	width:90%;
	font-size:0.85rem;
	color: #333;
}
.contents.vote .result li p.maker {
	margin:5px auto 0 auto;
	width:90%;
	font-size:0.7rem;
	color:#999;
}
.contents.vote .result li p.btn {
	margin:10px auto 0 auto;
	width:100%;
	position:absolute;
	bottom:10px;
	left:0;
	z-index:999;
}
.contents.vote .result li p.btn a {
	margin:15px auto 5px;
	display:block;
	width:80%;
}
/* kamide add */
.contents.vote .result li form {
	margin: 0 auto;
	text-align:center;
}
.contents.vote .result li form input[type=image] {
	width: 58%;
	margin: 0 auto;
}
.contents.vote .result .resultText {
	color: #556fb5;
	font-weight: bold;
}
/* kamide add */
.contents.vote .searchErr {
	margin: 0 4%;
	padding: 30px 20px;
	border: 3px red solid;
	background-color: #FFFFFF;
	font-size:0.8rem;
	color: red;
	text-align: left;
}

/* kamide add */
.loading-circle {
  margin: 80px auto 100px;
  width: 100px;
  height: 100px;
  position: relative;
	border-radius: 10px;
/*	background-color: #ff716c; */
/*	opacity: 0.7; */
  background-color:rgba(255,113,108,0.6);
}
.loading-circle .loading-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
	padding: 10px;
}
.loading-circle .loading-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
/*  background-color: #ffc1c1; */
  background-color: #ffd8d8;
  border-radius: 100%;
  -webkit-animation: loading-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: loading-circleBounceDelay 1.2s infinite ease-in-out both;
}
.loading-circle .loading-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.loading-circle .loading-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.loading-circle .loading-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.loading-circle .loading-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.loading-circle .loading-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.loading-circle .loading-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.loading-circle .loading-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.loading-circle .loading-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.loading-circle .loading-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.loading-circle .loading-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.loading-circle .loading-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.loading-circle .loading-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.loading-circle .loading-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.loading-circle .loading-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.loading-circle .loading-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.loading-circle .loading-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.loading-circle .loading-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.loading-circle .loading-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.loading-circle .loading-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.loading-circle .loading-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.loading-circle .loading-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.loading-circle .loading-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes loading-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes loading-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* kamide add */
/*------------------------------
	copyright
------------------------------*/
.contents.vote .cpTxt,
.contents.result .cpTxt,
.contents.vote .cpImg {
	padding: 0 4%;
	font-size: 0.7rem;
	text-align: left;
}
.contents.vote .cpTxt img,
.contents.vote .cpImg img {
	max-width: 100%;
}
/*------------------------------
	“Š•[Œγ
------------------------------*/
.contents.thanks > .frame {
	padding:10px 0;
}
.contents.thanks a {
	margin:0 4% 20px 4%;
	display:block;
}
.contents.thanks a img {
	width:100%;
}
/* kamide add */
.contents.thanks .completeForm {
	margin: 0 4% 20px 4%;
}
.contents.thanks .completeForm input[type=image] {
	width: 100%;
}

/*------------------------------
	’Š‘IŒ‹‰Κ
------------------------------*/
.contents.result > .frame > .show {
  visibility: hidden;
	height: 100px;
}
.contents.result > .frame > .visible {
	visibility: visible;
	animation-duration: 1.0s;
	animation-name: fade-in;
}
@keyframes fade-in {
  0% {
    visibility: hidden;
    opacity: 0;
  }

  70% {
    visibility: visible;
    opacity: .5;
  }

  100% {
    visibility: visible;
    opacity: 1;
  }
}
.contents.result > .frame > .inner {
	text-align: left;
}
.contents.result > .frame > .show > .inner img {
	margin:10px 0;
}
.contents.result > .frame > .show > .inner img:first-child {
	margin-top:0;
}
.contents.result > .frame > .show > .inner img[src*="text6"] {
	margin:30px 0;
}
.contents.result > .frame > .show > .inner > .pre {
}
.contents.result > .frame > .show > .inner > .mail {
	padding:10px 2px;
	color:#333;
	background-color:#FFF;
	border-radius:5px;
	border:solid 2px #202389;
}
.contents.result > .frame .btn {
	margin-top: 0.5rem;
	display: flex;
}
.contents.result > .frame .btn p {
	margin-right: 20px;
}
.contents.result > .frame .btn p:last-of-type {
	margin-right: 0;
}
.contents.result > .frame a {
	display:block;
}
.contents.result > .frame .btn div {
	padding:0 2%;
	display:table-cell;
	vertical-align:middle;
	width:50%;
}
.contents.result > .frame .btn div p + p {
	margin-top:5px;
}
.contents.result > .frame {
	position: relative;
}

.contents.result > .frame > .loading {
	display: none;
	position: absolute;
	top: 30px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.heartbeat-loader {}
@-moz-keyframes heartbeat-loader {
  0% {
    -moz-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  14% {
    -moz-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  28% {
    -moz-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  42% {
    -moz-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  70% {
    -moz-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
}
@-webkit-keyframes heartbeat-loader {
  0% {
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  14% {
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  28% {
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  42% {
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  70% {
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
}
@keyframes heartbeat-loader {
  0% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  14% {
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  28% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  42% {
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  70% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.heartbeat-loader:not(:required) {
  -moz-animation: heartbeat-loader 1300ms ease 0s infinite normal;
  -webkit-animation: heartbeat-loader 1300ms ease 0s infinite normal;
  animation: heartbeat-loader 1300ms ease 0s infinite normal;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  -moz-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.heartbeat-loader:not(:required):after, .heartbeat-loader:not(:required):before {
  position: absolute;
  content: "";
  background: #e87;
}
.heartbeat-loader:not(:required):before {
  -moz-border-radius-topleft: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  -moz-border-radius-bottomleft: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
  top: 12px;
  left: 0;
  width: 36px;
  height: 24px;
}
.heartbeat-loader:not(:required):after {
  -moz-border-radius-topleft: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  -moz-border-radius-topright: 12px;
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  top: 0;
  left: 12px;
  width: 24px;
  height: 12px;
}
.contents.result > .frame > .show > .inner .pre1 {
	border: 2px solid lightgray;
	padding: 3px;
}
.contents.result > .frame > .show > .inner .pre1 > .awardName {
	color: red;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: left;
	margin-bottom:2px;
}
.contents.result > .frame > .show > .inner .pre1 > .pre1Inner {
	display:flex;
}
.contents.result > .frame > .show > .inner .pre1 > .pre1Inner > .preLeft {
	width:40%;
	margin:0;
	padding:0;
}
.contents.result > .frame > .show > .inner .pre1 > .pre1Inner > .preRight {
	width:60%;
	margin:0;
	padding:0;
}
.contents.result > .frame > .show > .inner .pre1 > .pre1Inner > .preLeft > .prizeImg img {
	width: 80%;
}
.contents.result > .frame > .show > .inner .pre1 > .pre1Inner > .preRight > .prizeName {
	color: #333;
	font-size: 0.8rem;
	font-weight: bold;
	margin: 15px 0 20px;
}
.contents.result > .frame > .show > .inner .pre1 > .pre1Inner > .preRight > .offerName {
	color: #333;
	font-size: 0.7rem;
}
.contents.result > .frame > .show > .inner .presentToken {
	background-color: lightgray;
	color: white;
	font-size: 0.8rem;
	font-weight: bold;
}
.contents.result .resultBox p {
	margin: 0 auto;
	text-align: left;
	color: #333;
	width: 80%;
}
.contents.result .resultBox p span {
	color: #999;
	font-size: 0.8rem;
}