/****************************
ガチャ(gacha)
2014/02/19 S.H.A
****************************/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html {
	/*background: #d9d9d9;*/
	background: #000;
}

header h1 img {
	width: 100%;
	vertical-align: top;
}

span.line img {
	width: 100%;
	float: left;
}

.clear {
	clear: both;
}

#shoptab {
	width: 100%;
}

#shoptab ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 120%;
	background: #808080; /* Old browsers */
	background: -moz-linear-gradient(top,  #808080 0%, #262626 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#262626)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #808080 0%,#262626 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #808080 0%,#262626 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #808080 0%,#262626 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #808080 0%,#262626 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
}

#shoptab ul li {
	display: table-cell;
	width: 25%;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	font-size:20px;
}

#shoptab ul li:first-child {
	box-shadow: -1px 0 0 0 #000 inset;
}

#shoptab ul li:last-child {
	box-shadow: 1px 0 0 0 #000 inset;
}

#shoptab ul li a {
	color: #fff;
	display: block;
	position: relative;
}
#shoptab ul li img {
	width: 100%;
	vertical-align: top;
}
.m_new_icon {
	display: block;
	width: 22% !important;
	position: absolute;
	top: 4px;
	right: 4px;
}

h2 {
	background: #000;
	width: 96%;
	margin: 3% auto;
	padding: 2% 5%;
	overflow: hidden;
	border-radius: 10px;
}

h3 {
	color: #fff;
	text-align: center;
	padding: 2% 0;
	font-size: 100%;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #232323 40%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(40%,#232323), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#232323 40%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4c4c4c 0%,#232323 40%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4c4c4c 0%,#232323 40%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4c4c4c 0%,#232323 40%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
.gacha_banner h3 {
	margin-bottom: 1em;
	padding: 0;
	background: none;
}

.subfooter {
	height: 2px;
	background: #a60074; /* Old browsers */
	background: -moz-linear-gradient(left,  #a60074 0%, #ff00b3 25%, #ff8fcb 50%, #ff00b3 75%, #a60074 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a60074), color-stop(25%,#ff00b3), color-stop(50%,#ff8fcb), color-stop(75%,#ff00b3), color-stop(100%,#a60074)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #a60074 0%,#ff00b3 25%,#ff8fcb 50%,#ff00b3 75%,#a60074 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #a60074 0%,#ff00b3 25%,#ff8fcb 50%,#ff00b3 75%,#a60074 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #a60074 0%,#ff00b3 25%,#ff8fcb 50%,#ff00b3 75%,#a60074 100%); /* IE10+ */
	background: linear-gradient(to right,  #a60074 0%,#ff00b3 25%,#ff8fcb 50%,#ff00b3 75%,#a60074 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a60074', endColorstr='#a60074',GradientType=1 ); /* IE6-9 */
}

/* added 20141114 */
#qty {
	width: 100%;
	overflow: hidden;
}

#qty table {
	width: 100%;
	background: #fff;
	border-collapse: collapse;
	float: left;
}

#qty table tr td:first-child {
	width: 35%;
	text-align: center;
	padding: 3% 0;
}

#qty table tr td.qnum {
	width: 35%;
	padding: 3%;
}

#qty table tr td {
	border: 1px solid #FF61D0;
	border-top: none;
	border-left: none;
}

#qty table tr td:nth-child(3) {
	border: none;
	padding: 1%;
	border-bottom: 1px solid #FF61D0;
}

#qty table tr td#yuniqty {
	color: #fff;
	/*background: #FF91DE;*/
	background-color: #000;
}

#qty table tr td#medalqty {
	color: #fff;
	/*background: #FF965E;*/
	background-color: #000;
}

#yuni_btn {
	text-align: center;
	vertical-align: middle;
}

#yuni_btn a {
	font-size: 80%;
	display: block;
	padding: 21% 0;
	border-radius: 3px;
	background: #ff8fcb; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8fcb 0%, #ff00b3 40%, #a60074 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8fcb), color-stop(40%,#ff00b3), color-stop(100%,#a60074)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8fcb 0%,#ff00b3 40%,#a60074 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8fcb 0%,#ff00b3 40%,#a60074 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8fcb 0%,#ff00b3 40%,#a60074 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8fcb 0%,#ff00b3 40%,#a60074 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8fcb', endColorstr='#a60074',GradientType=0 ); /* IE6-9 */
}
/* added 20141114 end here */

#yuni ul {
	width: 100%;
	background: #fff;
	display: table;
	table-layout: fixed;
}

#yuni ul li {
	color: #000;
	display: table-cell;
	text-align: center;
}

#yuni ul li a {
	color: #fff;
	display: block;
	padding: 10% 0;
}

#yuni .yunicoin {
	text-align: right;
	padding: 0 3%;
}

#yuni .yunibtn {
	width: 40%;
	text-align: center;
	background: #ff8fcb; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8fcb 0%, #ff00b3 40%, #a60074 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8fcb), color-stop(40%,#ff00b3), color-stop(100%,#a60074)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8fcb 0%,#ff00b3 40%,#a60074 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8fcb 0%,#ff00b3 40%,#a60074 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8fcb 0%,#ff00b3 40%,#a60074 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8fcb 0%,#ff00b3 40%,#a60074 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8fcb', endColorstr='#a60074',GradientType=0 ); /* IE6-9 */
}

#yuni .yunibtn a {
	text-decoration: underline;
}

.gacha {
	overflow: hidden;
	position: relative;
}

p.btn {
	width: 46%;
	position: absolute;
	bottom: 10%;
	right: 2%;
}

.medal {
	overflow: hidden;
	position: relative;
}

p.btn1 {
	width: 46%;
	position: absolute;
	bottom: 10%;
	right: 2%;
}

#coin ul {
	width: 100%;
	background: #fff;
	display: table;
	table-layout: fixed;
}

#coin ul li {
	color: #000;
	display: table-cell;
	text-align: center;
}

#coin .medalnum {
	text-align: center;
	padding: 3% 1%;
	width: 40%;
	color: #fff;
	background: #ffb68f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb68f 0%, #ff6a00 40%, #de3400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb68f), color-stop(40%,#ff6a00), color-stop(100%,#de3400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb68f 0%,#ff6a00 40%,#de3400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffb68f 0%,#ff6a00 40%,#de3400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffb68f 0%,#ff6a00 40%,#de3400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffb68f 0%,#ff6a00 40%,#de3400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb68f', endColorstr='#de3400',GradientType=0 ); /* IE6-9 */
}

#coin .medalcoin {
	text-align: right;
	padding: 0 3%;
}

/******* added 20141017 *******/
.gacha3 {
	overflow: hidden;
	padding: 10px;
}
.gacha3 .gachalist {
	background-color: #999;
	
	position: relative;
}
.gacha3 .gachalist.N {
	background-color: #006;
}
.gacha3 .gachalist.ART {
	background-color: #660;
}
.gacha3 .gachalist.AT {
	background-color: #300;
}
.gacha3 .gachalist.O {
	background-color: #060;
}
.gacha3 .gachalist img.attr {
	width: 100%;
}
.gacha3 .gachalist ul {
	overflow: hidden;
	list-style-type: none;
}
.gacha3 .gachalist ul li {
	width: 33.33%;
	float: left;
	padding: 1%;
}
.gacha3 .gachalist li img {
	width: 100%;
	vertical-align: top;
}

.gacha2 {
	overflow: hidden;
}

.gacha2 ul {
	overflow: hidden;
	list-style-type: none;
	border-top: solid 1px #d4d4d4;
	border-bottom: solid 1px #757575;
}

.gacha2 ul li {
	width: 33.33%;
	float: left;
	padding: 2% 1%;
}
.gacha2 ul li img {
	width: 100%;
	float: left;	
}

.gacha_title {
	width: 99.4%;
	border-top: solid 1px #757575;
	border-bottom: solid 1px #757575;
}
.gacha_title p {
	border-top: solid 1px #d4d4d4;
}
.gacha_title img {
	width: 100%;
	margin-bottom: -0.7%;
}
.gacha_end {
	width: 99.4%;
	height: 1px;
	border-bottom: solid 1px #d4d4d4;
}

/******* added 20141203 *******/
.gra_dejavu {
	background: rgb(229,112,231); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,112,231,1)), color-stop(47%,rgba(200,94,199,1)), color-stop(100%,rgba(168,73,163,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
}

.m_dejavu_banner {
	background: #000;
	padding: 4% 2%;
}
	.m_dejavu_banner .images {
		text-align: center;
	}
	.m_dejavu_banner .text {
		border: solid 3px #f4dd3f;
		border-radius: 8px;
		margin-top: 4%;
		padding: 2%;
		background: #fff;
		line-height: 1.5;
		color: #ad18f2;
	}
		.m_dejavu_banner .text a {
			color: #3c57e3;
			text-decoration: underline;
		}

@-moz-keyframes blinktext {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes blinktext {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blinktext{
    0% {opacity:0;}
    100% {opacity:1;}
}
.dejavu_kikan {
	margin-top: 2%;
	text-align: center;
	font-weight: bold;
	color: #ff4040;
	font-size: 120%;
	-moz-animation: blinktext 0.8s ease-in-out infinite alternate;
	-webkit-animation: blinktext 0.8s ease-in-out infinite alternate;
	animation: blinktext 0.8s ease-in-out infinite alternate;
}

/******* added 20150409 *******/
.omake_count {
	background: #333;
	margin: 10px auto;
	padding: 12px;
	text-align: center;
	border: solid 2px #f33;
	color: #fff;
}
.omake_count.p_shop { width: 96%; }
.omake_count .item { color:#0f0; }
.omake_count .strong {
	font-size: 110%;
	color: #fff100;
}
	/*.omake_count dt {
		font-size: 110%;
		color: #fff;
	}
	.omake_count dd {
		margin-bottom: 12px;
		font-size: 135%;
		color: #fff100;
	}
	.omake_count dd:last-child { margin-bottom: 0; };*/

.m_loop_btn {
	width: 90%;
	margin: 3% auto 5%;
	padding: 4% 1%;
	border-radius: 8px;
	background: #fca436;
	background: -moz-linear-gradient(top, #fca436 0%, #450a1e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fca436), color-stop(100%,#450a1e));
	background: -webkit-linear-gradient(top, #fca436 0%,#450a1e 100%);
	background: -o-linear-gradient(top, #fca436 0%,#450a1e 100%);
	background: -ms-linear-gradient(top, #fca436 0%,#450a1e 100%);
	background: linear-gradient(to bottom, #fca436 0%,#450a1e 100%);
	-moz-box-shadow: inset 1px 1px 2px rgba(255,255,255,0.4),inset -1px -1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255,0.4),inset -1px -1px 2px rgba(0,0,0,0.6);
	box-shadow: inset 1px 1px 2px rgba(255,255,255,0.4),inset -1px -1px 2px rgba(0,0,0,0.6);
	color: #fff;
	text-align: center;
	font-size: 120%;
}

.loop_blink {
	margin-bottom: 15px;
	text-align: center;
	color: red;
	-moz-animation: blinktext 0.8s ease-in-out infinite alternate;
	-webkit-animation: blinktext 0.8s ease-in-out infinite alternate;
	animation: blinktext 0.8s ease-in-out infinite alternate;
}

.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}

.gacha_banner {
	padding-top: 0.9em;
}