@charset "utf-8";

.g_nav li:nth-child(1){background-position: 0 0;}
.g_nav li:nth-child(2){background-position: -64px -108px;}
.g_nav li:nth-child(3){background-position: -128px -108px;}
.g_nav li:nth-child(4){background-position: -192px -108px;}
.g_nav li:nth-child(5){background-position: -256px -108px;}



/******************************************************startup_remind*/

.chara_motion { animation:chara_motion .5s 1 ease; display: block; }
@keyframes chara_motion {
 0%   { opacity:0; transform: translate(0,20px);}
 100% { opacity:1; transform: translate(0,0);}
}
.startup_remind{
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 57px;
	left:0;
	right: 0;
	bottom: 0;
	text-align: center;
}

/******************************************************card*/

.btn_circle{
	border-radius: 23px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	width: 42px;
}
.btn_square{
	border-radius: 5px;
	font-size: 15px;
	padding: 4% 3%;
	margin: 0 0 5%;
}
.btn_square02{
	border-radius: 5px;
	font-size: 15px;
	padding: 1% 3%;
	margin: 0 0 5%;
}

#card{
	overflow: hidden;
	position: relative;
	text-align: center;
	top: 0;
	height: 295px;
	background-size: 320px 380px;
	background-repeat: no-repeat;
	background-position:center -75px;
}
#card .mp_img{
	width: 320px;
	height: auto;
	position: relative;
}

.love_lv00{background-image: url(../img/parts/index/card_bg00.png);}
.love_lv01{background-image: url(../img/parts/index/card_bg01.png);}
.love_lv02{background-image: url(../img/parts/index/card_bg02.png);}
.love_lv03{background-image: url(../img/parts/index/card_bg03.png);}
.love_lv04{background-image: url(../img/parts/index/card_bg04.png);}

#card .text{
	background: url(../img/parts/index/text_bg.png) center 0 no-repeat;
	background-size: 303px 66px;
	bottom: 6px;
	color: #fff;
	font-size: 10px;
	height:44px;
	line-height: 1.7;
	left: 50%;
	margin:0 0 0 -152px;
	padding:22px 0 0;
	position: absolute;
	text-align: left;
	width: 303px;
}
#card .text span{
	width:275px;
	display: block;
	height: 37px;
	overflow: hidden;
	padding: 0 10px;
}
.notice a{
	display: block;
	position: absolute;
}
#btn_raid{
	right: 8px;
	top: 13px;
	background: url(../img/parts/index/btn_raid.png) center 0 no-repeat;
	background-size: 65px 171px;
	width: 65px;
	text-indent: -999em;
	height: 85px;
}
#btn_present{
	background: url(../img/parts/index/btn_present.png) 0 0 no-repeat;
	background-size: 56px 120px;
	height: 57px;
	right: 5px;
	text-indent: -999em;
	top: 123px;
	width: 56px;
}
#card .bar {
	position: relative;
	height: 100%;
	background-size:320px auto;
}
#card .rarity{
	position: absolute;
	top: 0;
	width: 68px;
	height: 68px;
	z-index: 2;
}
#card .feeling{
	position: absolute;
	top: 65px;
	width: 38px;
	height: 38px;
	z-index: 2;
}
#card .rarity img{ width: 68px;}
#card .feeling img{ width: 38px;}
#btn_tournament {
	background:url(../img/parts/common/btn_tournament.png) no-repeat left top;
	background-size:100% auto;
	position: absolute;
	width: 80px;
	height:80px;
	top: 3px;
	right: 0px;
	z-index: 4;
	text-indent:-9999px;
}
#btn_dmission {
	position: absolute;
	width: 48px;
	height:50px;
	bottom: 62px;
	left: 60px;
	z-index: 4;
}
#btn_dmission img { width:100%; height:auto}
#btn_dmission div { position:relative}
#btn_dmission div .icon_star01,
#btn_dmission div .icon_star02,
#btn_dmission div .icon_star03 {
	position:absolute;
	width:10px;
	height:auto;
	background:url(../img/icon/star01.png) no-repeat left top;
	background-size:100% auto;
	text-align:left;
	text-indent:-9999px;
	opacity:0;
	transform-origin:center center;
}
#btn_dmission div .icon_star01 {z-index:10; top:0;    left:10px; animation:icon_star01 5.0s infinite ease-in-out}
#btn_dmission div .icon_star02 {z-index:11; top:15px; left:37px; animation:icon_star02 5.0s infinite ease-in-out}
#btn_dmission div .icon_star03 {z-index:12; top:23px; left:3px;  animation:icon_star03 5.0s infinite ease-in-out}

@keyframes icon_star01 {
	0% { opacity:0; transform:scale(0.5)}
	20% { opacity:1; transform:scale(1)}
	40%,100%{ opacity:0; transform:scale(0.5)}
}
@keyframes icon_star02 {
	0%,10% { opacity:0; transform:scale(0.5)}
	30% { opacity:1; transform:scale(1)}
	50%,100%{ opacity:0; transform:scale(0.5)}
}
@keyframes icon_star03 {
	0%,20% { opacity:0; transform:scale(0.5)}
	40% { opacity:1; transform:scale(1)}
	60%{ opacity:0; transform:scale(0.5)}
}

#btn_play{
	position: absolute;
	width: 47px;
	height:50px;
	bottom: 21%;
	left: 2%;
	z-index: 2;
}
#btn_play.pause{ background-position:-49px 0;}

#btn_deck{
	cursor: pointer;
	position: absolute;
	width: 47px;
	height:50px;
	bottom: 21%;
	right: 3%;
	z-index:30;
}
#btn_deck img, #btn_play img, #btn_pant img{
	width: 47px;
	height:50px;
	cursor: pointer;
}
.member a {
	right: 10%;
	opacity: 0;
	bottom: 10%;
	position: absolute;
	transition: 1s;
	transition: 0.8s;
	border-radius: 100px;
}
.member a:hover{
	border-color: #f5e46c;
}
.member a img{
	width: 100%;
	border-radius: 100px;
}
.member .btn_circle{
	width: 70px;
	border-radius: 40px;
	height: 0px;
	text-align: center;
}
.member a.open{
	opacity: 1;
	overflow: hidden;
	height: 70px;
}
.member a:nth-child(1){
	bottom: 58%;
	right: 28%;
}
.member a:nth-child(2){
	bottom: 23%;
	right: 28%;
}
.member a:nth-child(3){
	bottom: 22%;
	right: 68%;
}
.member a:nth-child(4){
	bottom: 58%;
	right: 68%;
}
.member a:nth-child(5){
	bottom: 40%;
	right: 48%;
}
.member a.member_btn{
	bottom: 6%!important;
	right: 5%!important;
	height: auto!important;
}
.member .member_btn img{
	width: 150px!important;
}

.member{
	height: 297px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: 320px;
	z-index: -100;
}
.half_black{
	background: rgba(0,0,0,0.5);
	z-index: 29;
}
#btn_pant{
	cursor: pointer;
	position: absolute;
	width: 47px;
	height:50px;
	top: 103px;
	left: -3px;
	z-index:36;
}
#btn_pant.slide_move { left:-50px}


#btn_pant div {
	width:47px;
	height:49px;
	text-align:left;
	text-indent:-9999px;
	background-image:url(../img/parts/index/sprite_pant.png);
	background-repeat:no-repeat;
	background-size:247px auto;
}
#btn_pant .start01 { background-position:-200px top}
#btn_pant .start02 { background-position:-150px top}


.pant{
	height: 60px;
	top: 90px;
	left: 0;
	position: absolute;
	width: 270px;
	z-index: -100;
	color:#fff;
	padding:13px 0 0 50px;
}
.pant.slide_move2 { left:-400px}


.pant ul li { float:left}
.pant ul li.no_active {
	width:47px;
	height:49px;
	text-align:left;
	background-image:url(../img/parts/index/sprite_pant.png);
	background-repeat:no-repeat;
	background-size:247px auto;
	padding:0px;
	margin:0 7px 0 0;
	text-indent:-9999px;
}
.pant ul li.no_active:nth-child(1) { background-position:left 0}
.pant ul li.no_active:nth-child(2) { background-position:left -50px}
.pant ul li.no_active:nth-child(3) { background-position:left -100px}

.pant ul li div span {
	display:block;
	width:47px;
	height:49px;
	text-align:left;
	background-image:url(../img/parts/index/sprite_pant.png);
	background-repeat:no-repeat;
	background-size:247px auto;
	padding:0px;
	margin:0 7px 0 0;
	text-indent:-9999px;
}

.pant ul li.active_data1 .stop { background-position:-50px 0}
.pant ul li.active_data2 .stop { background-position:-50px -50px}
.pant ul li.active_data3 .stop { background-position:-50px -100px}

.pant ul li.active_data1 .playing { background-position:-100px 0}
.pant ul li.active_data2 .playing { background-position:-100px -50px}
.pant ul li.active_data3 .playing { background-position:-100px -100px}

.pant ul li .playing { animation: play_pant 1.5s ease-in-out infinite}
@keyframes play_pant {
	0% { opacity:1}
	50% { opacity:0.5}
	100% { opacity:1}
}

.pant ul li.pant_open_link {
	width:47px;
	height:49px;
	text-align:left;
	background-image:url(../img/parts/index/sprite_pant.png);
	background-position:-150px -50px;
	background-repeat:no-repeat;
	background-size:247px auto;
	padding:0px;
	margin:0 0 2px 0;
}
.pant ul li.pant_open_link a {
	display:block;
	width:47px;
	height:49px;
	text-indent:-9999px;
}
.half_black2{
	background: rgba(0,0,0,0.5);
	z-index: 35;
}

/*未読表示*/
#card .info_noread {
	position:absolute;
	top:200px;
	left:184px;
	width:75px;
	animation:info_noread 3.0s ease-in-out infinite;
}
#card .info_noread img {width:100%; height:auto}
@keyframes info_noread {
	0%,40%{ transform:scale(1,1)}
	50% { transform:scale(0.75,1.1)}
	55% { transform:scale(1.1,0.9)}
	60% { transform:scale(0.75,1.1)}
	70%,100% { transform:scale(1,1)}
}

/*シーン効果テキスト*/
#card .effect_area {
	padding: 3px 0 3px !important;
	font-size:10px !important;
	width:320px;
	background:rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	text-shadow: 0 0 6px #00fcff !important;
}
#card .effect_area p {animation:effect_area_text 5.0s ease-in-out infinite;}
@keyframes effect_area_text {
	0% { opacity:1}
	50% { opacity:1}
	80% { opacity:0}
	100% { opacity:1}
}
#card .effect_area span {font-size:8px !important;}

/******************************************************menu01*/


#menu01{
	background: url(../img/parts/index/mypage_sprite.png) 0 bottom no-repeat;
	background-position: 0 0;
	background-size: 320px 210px;
	height:  102px;
	position: relative;
}
#menu01 ul{
	width: 296px;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	padding: 19px 0 0;

}
#menu01 li{
	width: auto;
	position: relative;

}
#menu01 li:first-child{margin: 0;}
#menu01 figure{
	width: 53px;
	border-radius: 27px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.3) inset;
	overflow:hidden;
}
#menu01 figure p{
	border-bottom-left-radius: 27px;
	border-top-left-radius: 27px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.3) inset;
	background: #de4679;
	height: 8px;
	max-width: 53px;
	transition: 0.3s;
	width: 20px;
}
#menu01 .counter{
	bottom: -21px;
	left: 1px;
	color: #de4679;
	font-weight: bold;
	height: 30px;	font-size: 9px;
	position: absolute;
	text-align: center;
	text-shadow:1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
	width: 53px;
}
#menu01 .bg01{
	margin: 0 2%;
	position: relative;
	padding: 6px;
}

#menu01 li:nth-child(2){margin: 0 22px 0 23px;}
#menu01 li a{
	display: block;
	text-indent: -999em;
	height: 47px;
}
#explore{width: 49px;}
#diary{
	background-position: 186px 0;
	width: 107px;
}
#battle{
	background-position: 313px 0;
	width: 48px;
}
.countdown{
	background: url(../img/parts/index/mypage_sprite.png) 0 0 no-repeat;
	background-size: 320px 210px;
	background-position: 0 -107px;
	color: #d94073;
	font-weight: bold;
	left: 50%;
	top: 8px;
	margin: 0 0 0 -65px;
	padding: 10px 0 0;
	position: absolute;
	text-decoration: underline;
	text-align: center;
	width: 128px;
	height: 21px;
}

.possible,.heart{display: none;}
.angering{
	background-image: url(../img/parts/index/countdown_angry.png)!important;
	background-position: 0 0!important;
	background-size: 128px 30px;
	color:#fff!important;
}

.event_area .bg_pink{
	margin:0 0 15px;
}
.event_area .bg_pink a{
	padding:17px 0 10px;
}
.event_area a,.bnr a{
	display: block;
	color: #ff646c;
	text-align: center;
	padding:0 0 10px;
	text-decoration: underline;
	font-size: 13px;
}
.event_area.ev_gacha {padding:0 0 3px 0;}
.event_area.ev_gacha a {padding:0px !important}

.shop_bnr img{width: 280px;}

dl.twin_btns{width: 300px; margin:7px auto;text-align: center;}
dl.twin_btns dt,dl.twin_btns dd{width: 140px; text-align: center; font-size:11px;}

.team_list_content {
	display:none;
	width:304px;
	position:absolute;
	z-index:900;
	background: rgba(0,0,0,0.5);
	color:#fff;
	padding:20px 8px 0 8px;
	overflow:hidden;
	height:82px;
	box-shadow: 0 0 20px #000 inset;
}
.team_list_content strong {
	display:block;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	text-indent:-4px;
}
.team_list_content dl dt,
.team_list_content dl dd
 {
	width:36px;
	float:left;
	margin:1px 5px 0 0;
}
.team_list_content dl dt img,
.team_list_content dl dd img {
	width:100%;
	height:auto;
}
.team_list_content dl dt img{border: solid 2px #FFF}
.event_team dl dt img{border: solid 2px #ff568f}

.team_list_content_btn {
	width:98px;
	float:right;
	display:box;
}
.team_list_content .team_list_content_btn .common_btn02,
.team_list_content .team_list_content_btn .common_btn01 {
	width:46px!important;
	padding:0 2px!important;
}
.team_list_content .team_list_content_btn .common_btn02 a,
.team_list_content .team_list_content_btn .common_btn01 a {
	font-size:10px!important;
	line-height:14px!important;
	padding:4px!important;
}
.team_list_content .event_battle{display:none;}
.team_list_content .event_team{display:none;}
.team_list_content .event_team strong{color:#ff0;}
#menu01 .bg01 li:nth-child(3) a:after {
	position: absolute;
	content: '';
	top: -2px;
	left:9px;
	display: block;
	width: 38px;
	height: 11px;
	/*
	background-image: url(../img/parts/battle/icon_battle_new.png)!important;
	background-size: contain;
	background-repeat: no-repeat;
	*/
}

#y_mode .comeback_text_box {
	background:#000;
	color: #00fcff;
	text-shadow:0 0 3px #00fcff;
}
.comeback_text_box {
	background:#ff6599;
	color:#fff;
	text-align:center;
}
.comeback_text_box p { animation: effect_area_text 5.0s ease-in-out infinite; }

/******************************************************menu02*/
.bnr a{}

#menu02{
	background: #fbd4e0;
	overflow: hidden;
	padding: 3% 4%;
}
#menu02 .left{float: left;}
#menu02 .right{float: right;}
#menu02 .left p{
	background: #008aff;
	color: #fff;
	font-size: 8px;
	padding: 0 2%;
	text-align: center;
	border-radius: 30px;
}
#menu02 .right {
	position:relative;
}
#menu02 .right em.card_sp_day {
	position:absolute;
	z-index:1;
	top:-3px;
	left:-3px;
	display:block;
	width:20px;
	height:18px;
	padding:2px 0 0 0;
	margin:0;
	background:#f00;
	color:#fff;
	text-align:center;
	font-size:8px;
	font-weight:bold;
	line-height:18px;
	font-style:normal;
	border-radius:100px;
	border: solid 2px #fff;
	box-shadow:0 2px 2px rgba(0,0,0,0.3);
	transform-origin:center center;
	animation:myp_card_sp01 1.3s ease-in-out infinite;
}
@keyframes myp_card_sp01 {
	0%,30%{ transform:scale(1)}
	45%{ transform:scale(1.2)}
	60%{ transform:scale(1)}
	75%{ transform:scale(1.2)}
	90%,100%{ transform:scale(1)}
}

#menu02 div{width: 48%;}
#btn_gacha{padding: 9.5% 0; margin: 0 0 7.8%;}
#btn_gacha img{vertical-align: middle;}
#btn_gacha span{padding:  0 0 0 7%;}

/******************************************************menu03*/

#menu03{
	background: #fbd4e0;
	padding: 3.5% 4%;
	margin: 3.5% 0 1%;
	overflow: hidden;
}
#menu03 .btn{
	display: inline-block;
	padding: 2% 0;
	width: 45%;
	margin: 0;
}
/******************************************************event_content*/

.event_contents{
	padding: 8px 0 12px;
	background: #6e014d;
}
.event_contents .e_banner{
	text-align: center;
	display:block;
	color:#ff6874;
	font-size:14px;
}
.event_contents .point{
	color: #fff;
	line-height: 1.5;
	font-size: 10px;
	text-align: center;
	margin: 0 10px 0 0;
	width: 116px;
}
.event_contents .point span{
	font-size: 14px;
	color: yellow;
}

.event_contents .ev_btn{
	border: 2px solid #f00!important;
	box-shadow: 0 0 2px #000 inset,0 0 0 2px #000 ;
	background: -webkit-gradient(linear, left top, left bottom, from(#fd0000), to(#d60000f))!important;
	background: -webkit-linear-gradient(top, #d60000, #fd0000)!important;
	background: linear-gradient(to bottom, #fd0000 0%,#d60000 100%)!important;
	display: block;
	font-size: 13px;
	border-radius: 5px;
	text-align: center;
	padding: 4px!important;
	color: #000;
}


.event_contents i{
	position: relative;
	top: -2px;
	margin: 0 2px 0 0;
}
.event_lastday_text {
	display:block;
	text-align:center;
	font-size:14px;
	color:#ffff00;
	padding:0 0 5px 0;
}


/******************************************************history*/

.hist{
	text-align: center;
	margin: 0 auto 15px;
	width: 300px;
}
.hist .btn_area{width: 300px;}
.hist .btn_area a{
	width: 125px;
	font-size: 12px;
	margin: 0px;
	position: relative;
	z-index: 1;
	padding: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	line-height: 36px;
	height: 35px;
	display: inline-block;
}
.hist .tab{
	background: #fff;
	border: 2px solid #f592b3;
	border-radius: 5px;
	font-size: 11px;
	margin: -8px 0 0 0;
	padding:11px 0 12px;
	text-align: left;
	position: relative;
	z-index: 2;
}
#y_mode .hist .tab { background:#000; }
.hist li{
	line-height: 1.5;
	padding: 5px 13px 4px 13px;
	position: relative;
}

.hist li:nth-child(even){background: #eee;}
.hist li a{color: #d00; text-decoration: underline;}
.hist .tab{display: none;}

.left_battle_result {
	display: -webkit-box;
	-webkit-box-pack: left ;
	display: -moz-box;
	-moz-box-pack: left ;
	width: 100%;
	padding:3px 0 2px;
}
.left_battle_result ul li { background:rgba(0,0,0,0) !important; padding:0 !important; }
#y_mode .left_battle_result { background:rgba(0,0,0,0); }
.icons li {
	position: relative;
	margin: 0 2px;
	padding:0;
}
.icons img {
	width: 25px;
	border-radius: 100px;
	box-shadow: 0 0 0 1px #767676;
}
.icons .true:after {
	content: '';
	background: url(../animation/vs_battle2/img/win_overlay.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	height: 25px;
	width: 25px;
	top: 0;
	left: 0;
	z-index: 0;
	border-radius: 100px;
	display: block;
}
.icons .false:after {
	content: '';
	background: url(../animation/vs_battle2/img/lose_overlay.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	height: 25px;
	width: 25px;
	top: 0;
	left: 0;
	z-index: 0;
	border-radius: 100px;
	display: block;
}

.more_btn{
	text-align: center;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	color:#5c5c5c;
	margin: 8px 3px -9px 3px;
}
.more_btn a{
	font-size: 16px;
	display: block;
	color:#5c5c5c;
	padding: 5px 0;
	text-shadow: 0 1px 0 #ededed;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#b5b5b5));
	background: -webkit-linear-gradient(top, #d3d3d3, #b5b5b5);
	background: linear-gradient(to bottom, #d3d3d3,#b5b5b5);

}
.hist li{
	line-height: 1.5;
	padding: 5px 13px 4px 13px;
	position: relative;
}
/******************************************************diary_btn*/

.diary_btn{
	background: url(../img/parts/index/diary_btn_bg.png) center no-repeat;
	background-size: 320px 165px;
	width: 320px;
	margin: 0 0 15px;
	height: 165px;
}
.diary_btn p{
	text-align: right;
	padding: 0px 18px 0 0;
	margin: 0 0 12px;
}
.diary_btn figure{
	text-align: center;
	color: #008aff;
	text-shadow:2px 2px 2px #fff,0px 2px 2px #fff,2px 0px 2px #fff,-2px -2px 2px #fff,0px -2px 2px #fff,-2px 0px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff;
	font-size: 14px;
	padding: 0 17px 0 0;
}
.news a:last-child li{ border: none;}
.new_message{
	text-align: center!important;
	font-size: 14px;
}

.new_message a{
	color: #09f;
	display: block;
	padding: 5px 0 ;
	text-decoration: underline;
}
.new_message span{
	border:solid 3px #ff568f;
	display: block;
	padding: 10px 0;
	border-radius: 5px;
	background: #fff;
	width: 268px;
	margin: 0 auto;

}
.new_message br{display: none;}

.blink{
	border: 3px solid;
	-webkit-animation: blink  2s  ease infinite;
}
.blink2{
	border: 3px solid;
	-webkit-animation: blink2  2s  ease infinite;
}
@keyframes blink{
	0%{ border-color: #09f;}
	50%{border-color: #fff;}
	100%{border-color: #09f;}
}
@keyframes blink2{
	0%{ border-color: #ec0000;}
	50%{border-color: #fff;}
	100%{border-color: #ec0000;}
}

.off_notice:after{
	content: "現在音声OFF";
	transition: .5s;
	width: 80px;
	opacity: 0;
	position: absolute;
	right: -50px;
	top: -10px;
	border-radius: 100px;
	background: #555;
	color:#fff;
	height: 17px;
	-webkit-animation: 1 ease off_notice 2s;
}
@keyframes off_notice{
	0%	{ opacity: 0;}
	50% { opacity: 1;}
	100%{ opacity: 0;}
}

.battle_reword_bnr {
	margin:-15px 0 0 0;
	padding:0 0 15px 0;
}

/*イベント用窓*/
.extra_quest .box{
	position: relative;
}
.extra_quest{
	background-size: 320px 95px;
	width: 320px;
	height: 95px;
}
.extra_quest .rest_time {
	position: absolute;
	left: 0;
	top: 60px;
	width: 196px;
	text-align: center;
	font-size: 15px ;
	font-weight: bold;
}

.extra_quest .link_btn{
	position: absolute;
	right: 14px;
	top: 19px;
	width: 115px;
	height: 57px;
	line-height: 55px;
	display: block;
	border-radius: 5px;
	text-align: center;
	font-size: 15px ;
	color: #fff;
	font-size: 14px;
}


/*回数限定悪い虫・属性悪い虫探索*/
.extra_quest.extra1 {background-image:url(../img/ex_quest/extra_01/link_bg.jpg) !important;}
.extra_quest.extra5 {background-image:url(../img/ex_quest/extra_05/link_bg.jpg) !important;}
.extra_quest.extra6 {background-image:url(../img/ex_quest/extra_06/link_bg.jpg) !important;}
.extra_quest.extra7 {background-image:url(../img/ex_quest/extra_07/link_bg.jpg) !important;}
.extra_quest.extra8 {background-image:url(../img/ex_quest/extra_08/link_bg.jpg) !important;}
.extra_quest.extra9 {background-image:url(../img/ex_quest/extra_09/link_bg.jpg) !important;}

.extra1 .rest_time,
.extra5 .rest_time,
.extra6 .rest_time,
.extra7 .rest_time,
.extra8 .rest_time,
.extra9 .rest_time
{ color:#fff; top:66px; text-shadow:0 2px 2px #000;}

.extra1 .link_btn,
.extra5 .link_btn,
.extra6 .link_btn,
.extra7 .link_btn,
.extra8 .link_btn,
.extra9 .link_btn {
	top: 16px;
	right:10px;
	width: 103px;
	height: 60px;
	line-height: 60px;
	border: 2px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 -2px 0 rgba(0,0,0,0.5) inset;
	color: #fff;
}

.extra1 .link_btn{
	background: -webkit-gradient(linear, left top, left bottom, from(#4e009e), to(#190137));
	background: -webkit-linear-gradient(top, #4e009e, #190137);
	background: linear-gradient(to bottom, #4e009e,#190137 );
}
.extra5 .link_btn{
	background: -webkit-gradient(linear, left top, left bottom, from(#00a36d), to(#00432d));
	background: -webkit-linear-gradient(top, #00a36d, #00432d);
	background: linear-gradient(to bottom, #00a36d,#00432d );
}
.extra6 .link_btn{
	background: -webkit-gradient(linear, left top, left bottom, from(#d3009f), to(#580059));
	background: -webkit-linear-gradient(top, #d3009f, #580059);
	background: linear-gradient(to bottom, #d3009f,#580059 );
}
.extra7 .link_btn{
	background: -webkit-gradient(linear, left top, left bottom, from(#006c9e), to(#000059));
	background: -webkit-linear-gradient(top, #006c9e, #000059);
	background: linear-gradient(to bottom, #006c9e,#000059 );
}
.extra8 .link_btn{
	background: -webkit-gradient(linear, left top, left bottom, from(#e07e00), to(#3a1d00));
	background: -webkit-linear-gradient(top, #e07e00, #3a1d00);
	background: linear-gradient(to bottom, #e07e00,#3a1d00 );
}
.extra9 .link_btn{
	background: -webkit-gradient(linear, left top, left bottom, from(#9e0000), to(#390000));
	background: -webkit-linear-gradient(top, #9e0000, #390000);
	background: linear-gradient(to bottom, #9e0000,#390000 );
}


/*月曜探索第１弾*/
.extra4 .rest_time.ev1{
	color:#000;
	text-shadow:1px 1px 1px #f00,0px 1px 1px #f00,1px 0px 1px #f00,-1px -1px 1px #f00,0px -1px 1px #f00,-1px 0px 1px #f00,-1px 1px 1px #f00,1px -1px 1px #f00;
}
.extra4 .link_btn.ev1{
	border: 3px solid #370e39;
	color: #f00;
	background: -webkit-linear-gradient(bottom, #000, #49134b);;
	background: linear-gradient(to top, #000, #49134b);
}
/*月曜探索第２弾*/
.extra4 .rest_time.ev2{
	color:#fff;
	text-shadow: 0 0 7px #5a0000, 0 0 2px #5a0000;
}
.extra4 .link_btn.ev2{
	border: 3px solid #2e0f00;
	color: #fff;
	text-shadow:0 0 7px #f00;
	background: #be0000 !important;
	background: -moz-linear-gradient(top,  #be0000 0%, #000000 100%) !important;
	background: -webkit-linear-gradient(top,  #be0000 0%,#000000 100%) !important;
	background: linear-gradient(to bottom,  #be0000 0%,#000000 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be0000', endColorstr='#000000',GradientType=0 ) !important;
	box-shadow:0 3px 6px #000;
}

/*称号欄*/
.status .player_title_area{
	position: absolute;
	top: -37px;
	left: 56px;
	width: 130px;
	height: 30px;
	background: url("../img/title/title_bg.png");
	background-size: 130px auto;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	font-size: 12px;
	color: #f00;
	text-shadow: 0px 0px 6px #facc99;
}

/*スライダー*/
.bnr_area_user_top01 .my-gallery { width: 320px!important; height:86px!important; clear:both;}
.bnr_area_user_top01 .my-gallery li { width: 320px;}
.bnr_area_user_top01 .my-gallery li img { width:100%; height:auto}