@charset "utf-8";
/* CSS Document */

/***********************************************************/
/*　alertify　　　　　　　　　　　　　　　　　　　　　　　 */
/***********************************************************/
/* animation*/
#tyrano_base .alertify-log {
	-webkit-transition: all 300ms;
			transition: all 300ms;
}
#tyrano_base .alertify-log-hide {
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

#tyrano_base .alertify-log {
	font-family:"mfrules";
	background: none;/*#1F1F1F;*/
	background: rgba(0,0,0,0);/*rgba(0,0,0,.9);*/
	margin:0;
	padding:0;
	color: #eee;
	font-size:18px;
	line-height:1;
	text-shadow: none;
	display: block;
	position: relative;
	opacity: 0;
	top:0px;
	right:0px;
}

#tyrano_base .alertify-logs {
	right:15px;
	top: 15px;
	width: 150px;
	height:22px;
	text-align:right;
	overflow:hidden;
	padding:0;
	margin:0;
}
#tyrano_base .alertify-logs-hidden {
	display: none;
}

	#tyrano_base .alertify-log-show {
		right: 0;
		opacity: 1;
	}
	#tyrano_base .alertify-log-hide {
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
		opacity: 0;
	}


/* load icon*/
.alertify-log .loading {
	margin-left:5px;
	width:16px;
	-webkit-animation: loading 1.5s linear infinite;
	animation: loading 1.5s linear infinite;
}
@-webkit-keyframes loading {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@keyframes loading {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}


/***********************************************************/
/* アラート 　　　　　　　　　　　　　　　　　　　　　　　 */
/***********************************************************/

.load_alert{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	background-color:rgba(255,255,255,0);
	color:#fff;
	padding:1px 0;
}
.load_alert .load_alert_area{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:-300px;
	background-color:rgba(0,0,0,0.8);
}
.load_alert .load_alert_area.load_alert_show{
	top:0;
	-webkit-transition: all 400ms;
			transition: all 400ms;
}
.load_alert h3{
	font-size:20px;
	font-weight:bold;
	margin:180px auto 30px;
}
.load_alert p{
	font-size:20px;
	margin:15px auto;
}
.load_alert ul{
	width:40%;
	margin:0 auto;
}
.glink,
.load_alert li {
	font-size:28px;
	cursor: url(../../../image/cursor_pointer.png),pointer;
	margin:30px 0;
	padding:3px 0;
	border: solid 3px #bfbfbf; /* ボーダーライン */
	-webkit-border-radius: 1.5em; /* 角丸 1.5文字分 */
	-moz-border-radius: 1.5em; /* 同上 */
	border-radius: 1.5em; /* 同上 */

	opacity:1;
	color: #fff;
	background: #00d2e5;
	background:-webkit-gradient(linear, left top, right bottom, from(#005d7d), color-stop(0.5, #00d2e5), to(#005d7d));
	background: -moz-linear-gradient(lefttop, #005d7d, #00d2e5 50%, #005d7d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d2e5', endColorstr='#005d7d');
}

/* クリック時 */
.glink:hover,
.load_alert li:hover {
	opacity:1;
	color: #fff;
	background: #00d2e5;
	background:-webkit-gradient(linear, left top, right bottom, from(#00d2e5), color-stop(0.5, #005d7d), to(#00d2e5));
	background: -moz-linear-gradient(lefttop, #00d2e5, #005d7d 50%, #00d2e5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#005d7d', endColorstr='#00d2e5');
}

/* delete */
.load_alert .nodata li.delete{
	cursor:default;
	opacity:.8; /* 不透明度80％ */
	color: #fff; /* 文字色 */
	background: #666; /* 背景色 */
	background: -webkit-gradient(linear, left top, right bottom, from(#777), color-stop(0.5, #aaa), to(#777)); /* 背景グラデーション */
	background: -moz-linear-gradient(lefttop, #777, #aaa 50%, #777); /* 同上 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#777777'); /* 同上 */
	cursor: url(../../../image/cursor.png),default;
}

/***********************************************************/
/*　　　セーブリスト　　　　　　　　　　　　　　　　　　　 */
/***********************************************************/
.saveslot_sel_text{
	background:url(../../../image/frame_1.png) no-repeat;
	width:660px;
	height:103px;
	font-size:20px;
	margin:25px auto;
	padding:18px 30px;
	text-align:center;
}

#save_wrap .save_list{
	position:relative;
	border:none;
}
#save_wrap .save_list li{
	display: flex;
	width:650px;
	position:fixed;
	left:155px;
	background-color:#fff;
	box-shadow:3px 3px 1px rgba(0,0,0,0.5);
}

#save_wrap .save_list li[data-num='0']{
	top:145px;
	-webkit-transition: all 400ms;
			transition: all 400ms;
}
#save_wrap .save_list li[data-num='1']{
	top:238px;
	-webkit-transition: all 400ms;
			transition: all 400ms;
}
#save_wrap .save_list li[data-num='2']{
	top:331px;
	-webkit-transition: all 400ms;
			transition: all 400ms;
}
#save_wrap .save_list li[data-num='3']{
	top:424px;
	-webkit-transition: all 400ms;
			transition: all 400ms;
}
#save_wrap .save_list li[data-num='4']{
	top:517px;
	-webkit-transition: all 400ms;
			transition: all 400ms;
}
#save_wrap .save_list li.load_data{
	background-color:rgba(255,255,255,0.97);
	box-shadow:none;
	top:50px;
	z-index:+1;
	cursor: url(../../../image/cursor.png),default;
}
#save_wrap .save_list li.load_data:hover{
	margin-top:0;
	margin-left:0;
}
#save_wrap .save_list li.load_data[data-num='0']{
	-webkit-transition: all 500ms;
			transition: all 500ms;
}
#save_wrap .save_list li.load_data[data-num='1']{
	-webkit-transition: all 460ms;
			transition: all 460ms;
}
#save_wrap .save_list li.load_data[data-num='2']{
	-webkit-transition: all 420ms;
			transition: all 420ms;
}
#save_wrap .save_list li.load_data[data-num='3']{
	-webkit-transition: all 380ms;
			transition: all 380ms;
}
#save_wrap .save_list li.load_data[data-num='4']{
	-webkit-transition: all 340ms;
			transition: all 340ms;
}


#save_wrap .save_list_item_thumb {
	display:block;
	width:70px;
	height:auto;
	padding:15px 10px;
	margin:0;
	line-height:1;
	text-align:center;
	font-size:36px;
	color: #68B3D7;
	border-bottom:none;
	border-left:8px solid #68B3D7;
}
#save_wrap .save_list_item:nth-child(2) .save_list_item_thumb {
	color: #87C565;
	border-left-color:#87C565;
}
#save_wrap .save_list_item:nth-child(3) .save_list_item_thumb {
	color: #F7B048;
	border-left-color: #F7B048;
}
#save_wrap .save_list_item:nth-child(4) .save_list_item_thumb {
	color: #F78285;
	border-left-color: #F78285;
}
#save_wrap .save_list_item:nth-child(5) .save_list_item_thumb {
	color: #969;
	border-left-color: #969;
}
#save_wrap .save_list_item_thumb small {
	display:block;
	font-size:13px;
}

#save_wrap .save_list_item_area {
	padding:3px 5px;
	width:100%;
	color:#333;
	display:block;
	line-height:1.8;
	border-bottom:none;
}

#save_wrap .save_list_item_date{
	padding:0 6px;
	line-height:1.8;
	height:1.8em;
	color:#333;
	border-bottom:1px dashed #ccc;
}

/**プレイ回数**/
#save_wrap .save_list_item_playcount{
	display: inline-block;
	width:130px;
/*
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:0;
*/
	margin-right:1.5em;
}
#save_wrap .save_list_item_playcount:before{
	content:'プレイ回数';
	margin-right:0.5em;
	padding:0 0 0 6px;
}
#save_wrap .save_list_item_playcount:after{
	content:'回';
	margin-left:0.2em;
}
#save_wrap .nodata .save_list_item_playcount:before,
#save_wrap .nodata .save_list_item_playcount:after{
	content:none;
}

/**プレイ時間表示**/
#save_wrap .save_list_item_playtime{
	display: inline-block;
	width:234px;
	border-top:1px dashed #ccc;
/*
	border-bottom:1px dashed #ccc;
*/
	padding:0 0 0 6px;
}
#save_wrap .save_list_item_playtime:before{
	content:'プレイ時間';
	margin-right:0.5em;
}
#save_wrap .nodata .save_list_item_playtime:before{
	content:none;
}

/**レベル表示**/
#save_wrap .save_list_item_level{
	display: inline-block;
	border-bottom:none;
	width:75px;
/*
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
*/
	margin-right:1.5em;
	padding:0 0 0 6px;
}
#save_wrap .save_list_item_level:before{
	content:'レベル';
	margin-right:0.5em;
}
#save_wrap .nodata .save_list_item_level:before{
	content:none;
}

/**ライフ表示**/
#save_wrap .save_list_item_life{
	display: inline-block;
	width:303px;
	background-repeat:no-repeat;
	background-position:4em 6px;
	background-size:auto 14px;
	border-bottom:none;
	border-top:1px dashed #ccc;
	padding:0 0 0 6px;
}
#save_wrap .save_list_item_life:before{
	content:'ライフ';
}
#save_wrap .nodata .save_list_item_life:before{
	content:none;
}

.save_list_item_life.life_1 {
	background-image:url(../../../image/life_1.png);
}
.save_list_item_life.life_2 {
	background-image:url(../../../image/life_2.png);
}
.save_list_item_life.life_3 {
	background-image:url(../../../image/life_3.png);
}
.save_list_item_life.life_4 {
	background-image:url(../../../image/life_4.png);
}
.save_list_item_life.life_5 {
	background-image:url(../../../image/life_5.png);
}
.save_list_item_life.life_6 {
	background-image:url(../../../image/life_6.png);
}
.save_list_item_life.life_7 {
	background-image:url(../../../image/life_7.png);
}
.save_list_item_life.life_8 {
	background-image:url(../../../image/life_8.png);
}
.save_list_item_life.life_9 {
	background-image:url(../../../image/life_9.png);
}
.save_list_item_life.life_10 {
	background-image:url(../../../image/life_10.png);
}
.save_list_item_life.life_11 {
	background-image:url(../../../image/life_11.png);
}
.save_list_item_life.life_12 {
	background-image:url(../../../image/life_12.png);
}
.save_list_item_life.life_13 {
	background-image:url(../../../image/life_13.png);
}

/**クリアスタンプ**/
.save_list_item_stamp {
	position:absolute;
	top:0;
	right:10px;
	height:77px;
	width:83px;
}
/*
.save_list_item_stamp.stamp_nomiss_clear {
	background:url(../../../image/nomiss_emblem.png) no-repeat right bottom;
}


#save_wrap .save_list_item_thumb > .stamp_clear,
#save_wrap .save_list_item_thumb > .stamp_good_clear,
#save_wrap .save_list_item_thumb > .stamp_nomiss_clear {
	position:absolute;
	top:0;
	right:0;
	height:83px;
	width:474px;
	background:url(../../../image/clear_stamp.png) no-repeat 355px 8px;
}
*/

#save_wrap .stamp_nomiss_clear .save_list_item_area .save_list_item_stamp{
	background:url(../../../image/nomiss_emblem.png) no-repeat right bottom;
}
#save_wrap .stamp_clear .save_list_item_thumb .save_list_item_stamp,
#save_wrap .stamp_good_clear .save_list_item_thumb .save_list_item_stamp,
#save_wrap .stamp_nomiss_clear .save_list_item_thumb .save_list_item_stamp {
	position:absolute;
	top:0;
	right:0;
	height:83px;
	width:474px;
	background:url(../../../image/clear_stamp.png) no-repeat 365px 8px;
}

#save_wrap .save_list_item_area .save_list_item_hyper,
#save_wrap .save_list_item_area .save_list_item_challenge{
	display: inline-block;
}
#save_wrap .save_list_item_area .save_list_item_challenge{
	width:101px;
	margin-right:1.5em;
}
#save_wrap .save_list_item_area .save_list_item_hyper{
	width:85px;
	white-space: nowrap;
}

/*チャレンジ*/
#save_wrap .stamp_good_clear .save_list_item_area .save_list_item_challenge:before,
#save_wrap .stamp_nomiss_clear .save_list_item_area .save_list_item_challenge:before{
	content:'連続正解';
	margin-right:0.5em;
}
#save_wrap .stamp_good_clear .save_list_item_area .save_list_item_challenge:after,
#save_wrap .stamp_nomiss_clear .save_list_item_area .save_list_item_challenge:after{
	content:'回';
}

#save_wrap .stamp_nomiss_clear .save_list_item_area .save_list_item_hyper{
}
#save_wrap .stamp_nomiss_clear .save_list_item_area .save_list_item_hyper:before{
	content:'最速';
	margin-right:0.5em;
}


