/* 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;
}
.attention {
	font-wieght:bold;
	color: red;
	text-align: center;
}
.pagetop {
    display:none;
    position:fixed;
    bottom:75px;
    right:15px;
	z-index:9999;
}
.pagetop a {
    padding:7px 6px;
    display:block;
    background-color:rgba(0,0,0,0.7);
    text-align:center;
    color:#FFF;
    font-size:1.2em;
	line-height:1.0;
    text-decoration:none;
	border-radius:5px;
}
.pagetop a span {
    display:block;
    font-size:0.6em;
}

/*------------------------------
	all
------------------------------*/
html,
body {
	background-color:#FFF;
	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%;
	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);
	}
}
/*------------------------------
	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;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.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 .formPrecautions {
	margin: 0 auto;
	padding: 0 4% 10px;
	text-align: left;
}
/*------------------------------
	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:10px 0;
	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 {
	text-align:center;
}
.contents.fan .twitter > .frame > .inner {
	padding-top:17px;
}
/*iphone6+*/
@media (max-width: 414px) {
	.twitter-timeline {
		width:366px !important;
	}
}
/*iphone6*/
@media (max-width: 375px) {
	.twitter-timeline {
		width:327px !important;
	}
}
/*iphone5*/
@media (max-width: 320px) {
	.twitter-timeline {
		width:272px !important;
	}
}
/*------------------------------
	ƒ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:75%;
}
.contents.present > .frame > .inner > ul li.pre2 {
	padding-left:10px;
	width:25%;
}
.contents.present > .frame > .inner > ul li.line {
	padding:10px 0;
	display:block;
	width:100%;
}
/*------------------------------
	Œ‹‰Κ”­•\
------------------------------*/
.contents.ranking .rankBox {
	margin:0 auto 10px;
	width:92%;
	text-align:center;
}
.contents.ranking .rankBox > ul li {
	margin:2px 0;
	display:table;
	width:100%;
	font-size:0;
}
.contents.ranking .rankBox > ul li>a.open {
	text-decoration: none;
	color: white;
}
.contents.ranking .rankBox > ul li {
	background-image:url(../img/ranking_frame-bk.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-position:center center;
}
.contents.ranking .rankBox > ul li div {
	display:table-cell;
	width:auto;
	vertical-align:middle;
}
.contents.ranking .rankBox > ul li div.no {
	width:17.8%;
	text-align:center;
}
.contents.ranking .rankBox > ul li div.no {
	width:17.8%;
	text-align:center;
}
.contents.ranking .rankBox > ul li div.name {
	width:62%;
	font-size:3.5vw;
	font-weight:bold;
	line-height:1.2;
	text-align:left;
}
.contents.ranking .rankBox > ul li div.rate {
	width:20.17%;
	text-align:left;
}
.contents.ranking .rankBox > ul li div.rate div {
	display:table;
	width:95%;
	text-align:center;
}
.contents.ranking .rankBox > ul li div.rate div p {
	display:table-cell;
	width:100%;
	vertical-align:middle;
	font-size:2.65vw;
	font-weight:bold;
	line-height:1.3;
}
.contents.ranking .rankBox > ul li div.rate div p span {
	font-size:3.3vw;
	color:#FF0;
}
.contents.ranking .rankBox > ul li div.rate div p span::after {
	content:"%";
	font-size:2.0vw;
	font-weight:normal;
	color:#FF0;
}
/* ƒAƒR[ƒfƒBƒIƒ“—p */
.accordion .btn {
	cursor:pointer;
}
.accordion .commentBox {
	display:none;
}
.accordion .commentBox {
	margin:0 auto 20px;
	padding:5px;
	width:80%;
	background-color:#FFF;
}
.accordion .rankBox .commentBox {
	margin-bottom:10px;
	width:87%;
}
.accordion .commentBox p {
	padding:10px;
	text-align:left;
	font-size:12px;
	line-height:1.25;
	color:#333;
}
.accordion .commentBox p + p {
	border-top:dotted 1px #dcdcdc;
}
@media (min-width: 640px) {
/* •\Ž¦—Μˆζ‚ͺ640pxˆΘγ‚̏ꍇ‚Ι“K—p‚·‚ιƒXƒ^ƒCƒ‹ */
.contents.ranking .rankBox {
	margin-bottom:30px;
}
.contents.ranking .rankBox > ul li div.name {
	font-size:1.35rem;
}
.contents.ranking .rankBox > ul li div.rate div p {
	font-size:1.0rem;
}
.contents.ranking .rankBox > ul li div.rate div p span {
	font-size:1.25rem;
}
.contents.ranking .rankBox > ul li div.rate div p span::after {
	font-size:0.75rem;
}
}
/*------------------------------
	ŒŸυ
------------------------------*/
.contents.vote form .group-radio,
.contents.ranking form .group-radio {
	margin-bottom:20px;
	padding:0 2%;
	font-size:0;
}
.contents.vote form .group-radio input[type="radio"],
.contents.ranking form .group-radio input[type="radio"] {
	display:none;
}
.contents.vote form .group-radio label,
.contents.ranking form .group-radio label {
	padding:0;
	display:inline-block;
	width:45%;
}
.contents.vote form .group-radio label:first-of-type,
.contents.ranking form .group-radio label:first-of-type {
	margin-right: 5%;
}
.contents.vote form .group-radio label[for="pachi"] img,
.contents.ranking form .group-radio label[for="pachi"] img {
	background-image:url(../img/vote_btn-pachi.png);
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:center center;
	cursor:pointer;
}
.contents.vote form .group-radio label[for="slot"] img,
.contents.ranking form .group-radio label[for="slot"] img {
	background-image:url(../img/vote_btn-slot.png);
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:center center;
	cursor:pointer;
}
.contents.vote form .group-radio input[id="pachi"]:checked + label[for="pachi"] img,
.contents.ranking form .group-radio input[id="pachi"]:checked + label[for="pachi"] img {
	background-image:url(../img/vote_btn-pachi_checked.png);
	background-size: 100%;
}
.contents.vote form .group-radio input[id="slot"]:checked + label[for="slot"] img,
.contents.ranking form .group-radio input[id="slot"]:checked + label[for="slot"] img {
	background-image:url(../img/vote_btn-slot_checked.png);
	background-size: 100%;
}
/* ŒŸυ‘‹ */
.contents.vote form .group-search {
	margin:20px auto;
	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:10px auto;
	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;
	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;
}
/* ŒΒ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:center;
	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 p.name {
	margin:10px auto 0 auto;
	width:90%;
	font-size:0.85rem;
}
.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:0 auto;
	display:block;
	width:58%;
}
/* 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;
}
/* 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.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 > .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 {
	padding:0 8%;
	display:table;
	table-layout:fixed;
	text-align:center;
}
.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;
}



/*------------------------------
	ƒ‰ƒ“ƒLƒ“ƒO4`7
------------------------------*/
.ran47 {
	width: 100%;
	display: table;
	text-align:center;
	border-collapse: separate;
	border-spacing:28px 0;
}

.ran47 .ranleft,
.ran47 .ranright{
	display: table-cell;
	vertical-align:top;
}

.ran47 .ranleft{
	width:50%;
	/*background-color: #8c8a8a;*/
}

.ran47 .ranright{
	width:50%;
	/*background-color: #FFFFFF;*/
}


/*------------------------------
	copyright
------------------------------*/
.container .cpTxt {
	padding: 0 4%;
	font-size: 0.7rem;
	text-align: left;
}