@charset "utf-8";


/*CommonParts::::::::::::::::::::::::::::::::::::::::::*/

body{
	background: url(../img/parts/common/y_body_bg.png),-webkit-gradient(linear, left top, right top, from(#0c0307), color-stop(0.5, #660067), to(#000));
	background: url(../img/parts/common/y_body_bg.png),-webkit-linear-gradient(right, #0c0307, #660067 50%, #000);
	background: url(../img/parts/common/y_body_bg.png),linear-gradient(to right, #0c0307, #660067 50%, #000);
	background-size: 28px 28px, 100% 100%;
	color:#fff;
}
article{background: none!important;}
#y_mode .g_nav,#y_mode .g_nav li,#y_mode #footer .g_nav{background-image: url(../img/parts/interface/y_g_nav_sprite.png);}
#y_mode .g_nav.sub_header {
	background: url(../img/parts/interface/y_g_nav_sprite_b.png) center 0 repeat-x;
	background-size: 320px!important;
	background-position-y: 0px!important;
}
#y_mode .page_title {
	background: url(../img/parts/interface/y_h2_bg.png);
	background-size: 14px auto;
	border-bottom: 3px solid #9b0048;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 8px 0;
}

h2.title,.common_title03,.common_title04,.common_title07,.common_title08{
	color: #ae07f2;
	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;
	background: url(../img/parts/interface/y_title_bg.png) center 0 repeat;
	background-size: 51px auto;
}
#footer .g_nav {border-bottom: 1px solid #6a0d6b;}
.common_title04{border:none;}
#mainmenu {
	background: url(../img/parts/interface/y_mainmenu_bg.png) center 0 repeat;
	background-size: 25px auto!important;
	border: 2px solid #c70070;
}
#mainmenu .menu_title { background: url(../img/parts/interface/y_mainmenu_menu.png) no-repeat top center; background-size: 100px auto;}
#mainmenu .close02 { background: url(../img/parts/interface/y_mainmenu_tri.png) no-repeat right top; background-size: 68px auto;}
#mainmenu .close { background: url(../img/parts/interface/y_close_bg.png) repeat left top; background-size: 17px 17px;}
#mainmenu .event_area a { color: #fff; text-shadow: 0 0 3px #fff; }
.select_area,.select_area02,.status,.black_box_frame,.bg_cream,.tab {background-color: rgba(0,0,0,0.5); color: #fff!important; border-color: #bc359b; }
.select_area a,.select_area02 a,.status a,.black_box_frame a{color: #fff;}
.bg_pink,.gacha_area .tab strong{background-color: rgba(0,0,0,0.5);}
ul.pager li em{background: #30cfe4;}
.select_area02{border-color: #B83838;}
#sortForm{border:none;}

.sum{
	background: #770090;
	border-color: #9f61e2;
}
.bottom_line {
	background: url("../img/parts/common/y_line02.png") 0 bottom repeat-x;
	background-size: 3px auto;
}
/******************************************************gacha*/
#y_mode .gacha_area .tab_header li.open { border-bottom:3px solid rgba(204,114,251,0.3)!important }
.gacha_area .tab strong{background: #770090; }
.gacha_area .tab{background-color: rgba(0,0,0,0.5); border-color: #bc359b; color: #fff!important;}

/******************************************************img*/
.content01_box img,.reward_data_box table th img,#y_mode #login1 .reward_data_box table th img {
	border-color:#bc359b;
}

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

#card{
	background-image: url(../img/parts/interface/y_card_bg.png);
	background-position:center 0;
	background-repeat: no-repeat;
	background-size: 320px 380px;
}

#card .text{
	background: url(../img/parts/interface/y_mypage_sprite.png) center 0 no-repeat;
	background-size: 320px auto;
	background-position:-1px -141px;
	bottom: 6px;
	color: #fff;
	text-shadow:0 0 3px #ff00a8,0 0 3px #ff00a8,0 0 3px #ff00a8,0 0 3px #ff00a8 ;
	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: 304px;
}
#y_mode .card_detail_area h3 {
	font-size: 14px;
	font-weight: 900;
	color: #fff;
	background: #eb0000;
	width: 300px;
	margin: 0 auto;
}

#guild_detail .guild_news{border-color: #bc359b;}
.wplus{background: none!important;}
/******************************************************btn*/

.circle{border-color: #fff;}
#btn_present{background-position: 0 -60px;}
#btn_raid{background-position: 0 -85px;}

#y_mode #index .feeling,#y_mode #index .rarity{ background-image: url(../img/parts/index/mypage_sprite.png);}

.common_btn01 > a, .common_btn01 > input[type="submit"], .common_btn01 > span, .btn_area .active,.tab_header li.open,.filter_btns td a{
	box-shadow:none;
	background: rgb(253,95,200);
	background: -moz-linear-gradient(top, rgba(253,95,200,1) 0%, rgba(231,47,169,1) 50%, rgba(231,47,169,1) 97%, rgba(138,14,96,1) 97%, rgba(138,14,96,1) 100%);
	background: -webkit-linear-gradient(top, rgba(253,95,200,1) 0%,rgba(231,47,169,1) 50%,rgba(231,47,169,1) 97%,rgba(138,14,96,1) 97%,rgba(138,14,96,1) 100%);
	background: linear-gradient(to bottom, rgba(253,95,200,1) 0%,rgba(231,47,169,1) 50%,rgba(231,47,169,1) 97%,rgba(138,14,96,1) 97%,rgba(138,14,96,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5fc8', endColorstr='#8a0e60',GradientType=0 );
	border-color: rgba(204,114,251,0.5)!important;
	background-clip: padding-box !important;
}
.pink_grd {
	box-shadow:none!important;
	background: rgb(253,95,200)!important;
	background: -moz-linear-gradient(top, rgba(253,95,200,1) 0%, rgba(231,47,169,1) 50%, rgba(231,47,169,1) 97%, rgba(138,14,96,1) 97%, rgba(138,14,96,1) 100%)!important;
	background: -webkit-linear-gradient(top, rgba(253,95,200,1) 0%,rgba(231,47,169,1) 50%,rgba(231,47,169,1) 97%,rgba(138,14,96,1) 97%,rgba(138,14,96,1) 100%)!important;
	background: linear-gradient(to bottom, rgba(253,95,200,1) 0%,rgba(231,47,169,1) 50%,rgba(231,47,169,1) 97%,rgba(138,14,96,1) 97%,rgba(138,14,96,1) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5fc8', endColorstr='#8a0e60',GradientType=0 )!important;
	border-color: rgba(204,114,251,0.5)!important;
	background-clip: padding-box !important;
}
.common_btn02 > a, .common_btn02 > input[type="submit"], .common_btn02 > label, .common_btn02 > span,.btn,.btn02{
	box-shadow:none;
	background: rgb(51,213,229);
	background: -moz-linear-gradient(top, rgba(51,213,229,1) 0%, rgba(41,187,225,1) 50%, rgba(32,164,221,1) 97%, rgba(14,93,138,1) 97%, rgba(14,93,138,1) 100%);
	background: -webkit-linear-gradient(top, rgba(51,213,229,1) 0%,rgba(41,187,225,1) 50%,rgba(32,164,221,1) 97%,rgba(14,93,138,1) 97%,rgba(14,93,138,1) 100%);
	background: linear-gradient(to bottom, rgba(51,213,229,1) 0%,rgba(41,187,225,1) 50%,rgba(32,164,221,1) 97%,rgba(14,93,138,1) 97%,rgba(14,93,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33d5e5', endColorstr='#0e5d8a',GradientType=0 );
	border-color: rgba(204,114,251,0.5)!important;
	background-clip: padding-box !important;
}

//.tab_header li,.btn03{	border-color: #6e014d;}

.common_area_message,#sortForm{background-color: rgba(0,0,0,0.5);}
.white_notes_frame{	border-color: #bc359b; background-color: rgba(0,0,0,0.5);color:#fff!important;}
.common_area_message .white_notes_frame{background-color: rgba(0,0,0,0.5);}
.white_notes_frame p{color:#fff!important;}

#y_mode .card_message_text,#y_mode #diary .text{
	border-color: #d021a4;
	color: #d021a4;
	background:#000;
}
#y_mode .card_message_text:before,#y_mode #diary .text:before {border-bottom-color:#000;}
#y_mode .card_message_text:after,#y_mode #diary .text:after {border-bottom-color:#d021a4;}
#y_mode .l_evo .card_message_text{bottom: 0;}

#y_mode .communication .card_message_text:before {border-top-color:#000;}
#y_mode .communication .card_message_text:after {border-top-color:#d021a4;}


/******************************************************menu01*/
#y_mode .effect_area{
	padding: 3px 0 8px;
	font-size: 15px;
	text-align: center;
	line-height: 1.3;
	color: #00fcff;
	text-shadow: 1px 1px 0 #3c02fe;
}
#y_mode .effect_area span{font-size: 12px;}
#y_mode #menu01 .bg01{
	background: url(../img/parts/interface/y_menu01.png) center 0 no-repeat;
	background-size: 320px 104px;
	position: relative;
	height: 86px;
	margin: 0 1%;
}
#y_mode #menu01{
	background: rgba(0,0,0,0.5) url(../img/parts/interface/y_mypage_bg.png) center 0 repeat;
	background-size: 320px auto;
	padding: 0 0 6px;
	height: auto;
}
#y_mode #menu01 .counter{
	color: #fff;
	text-shadow:1px 1px 1px #cf137d,0px 1px 1px #cf137d,1px 0px 1px #cf137d,-1px -1px 1px #cf137d,0px -1px 1px #cf137d,-1px 0px 1px #cf137d,-1px 1px 1px #cf137d,1px -1px 1px #cf137d;
}
#y_mode #menu01 figure {
	background:#000;
	border: solid 1px #cf147d;
}
#menu01 figure{background: #fff;}
#menu01 figure p{background: #ff00a8;}
#y_mode #menu01 li { top:0px; }
#y_mode #menu01 li:nth-child(1) { left:2px }
#y_mode #menu01 li:nth-child(2){margin: 0 22px 0 23px;}
#y_mode #menu01 li:nth-child(3) { right:-4px }
#menu01 strong{
	background: url(../img/parts/index/y_evo_possible_bg.png) center 0 no-repeat;
	background-size: 275px 85px;
	display: block;
	height: 52px;
	margin: -26px auto 0 auto;
	padding: 33px 0 0;
	position: relative;
	text-align: center;
	width: 275px;
}
#menu01 strong img{
	transition:0.1s;
	position: relative;
	z-index: 10;
	transition-timing-function:ease-in-out;
}

#explore{background-position: 0 -45px;}
#diary{background-position: 185px -147px;}


#battle{background-position: 53px -45px;}
.heart {
	transform-origin:center center;
	-webkit-transform-origin:center center;
	position: absolute;
	width: 15px;
	height: 10px;
	top: 58px;
	left: 18px;
	font-size: 34px;
	color: #fff;
	line-height: 0;
}

.heart2{animation: pounding .8s ease-in-out	infinite alternate;}

@keyframes pounding{
	0%{ transform: scale(1.1); }
	80%{ transform: scale(1.28); }
	100%{ transform: scale(1.4); }
}

.possible,.heart{display: block;}
#y_mode .countdown{
	background-image:url(../img/parts/interface/y_countdown.png);
	background-size:128px 30px;
	background-position: 0 0;
	color:#fff!important;
	text-shadow: 1px 1px 1px #ff00a8,0px 1px 1px #ff00a8,1px 0px 1px #ff00a8,-1px -1px 1px #ff00a8,0px -1px 1px #ff00a8,-1px 0px 1px #ff00a8,-1px 1px 1px #ff00a8,1px -1px 1px #ff00a8;
	padding: 10px 0 0;
	height: 19px;
	z-index: 10;
}
#menu02 { background: #522768; box-shadow:0px 3px 3px #000 inset,0px -3px 3px #000 inset; }
#menu02 .left .btn {
	color: #000 !important;
	text-shadow: 0 0 3px #29fffc !important;
	border-radius: 5px!important;
	box-shadow: 0 -3px 0 #331386 inset !important;
	background: url(../img/parts/interface/y_btn_bg01.png) no-repeat center center !important;
	background-size: 100% auto !important;
	border: solid 3px rgba(255,255,255,0.2) !important;
	background-clip: padding-box !important;
}
#menu02 .right .btn {
	color: #fff !important;
	text-shadow: 0 1px 1px #000 !important;
	border-radius: 3px!important;
	box-shadow: 0 -1px 0 #8e0b8f inset !important;
	margin: 0 0 5% !important;
	background: url(../img/parts/interface/y_btn_bg02.png) no-repeat center center !important;
	background-size: 100% auto !important;
	border: solid 3px rgba(66,31,83,0.8) !important;
	background-clip: padding-box !important;
}
#menu02 .left p{background: #000; color:#ff00a8; }
/******************************************************status*/
.status{
	background: url(../img/parts/interface/y_status_bg.png) right bottom no-repeat;
	background-size: 100% auto;
	color: #fff;
}
.status .title {
	background: url(../img/parts/interface/y_status_title.jpg) left center no-repeat;
	background-size: 100% auto;
	border-radius: 3px;
	color:#ff00a8;
	text-shadow:0 0 3px #ff00a8;
}
.status .inner .l_name { color:#ff00a8 !important; }
.status .inner .c_blue2 { color:#1ae6e5 }
.status .inner .c_red2 { color:#ff00a8 !important; }
.status .inner .c_yellow { color:#ffb141 !important; }
.status td img { border-color: #ff00a8 !important; }
.status .inner .u_line { text-shadow:1px 1px 1px #ff00a8, 0px 1px 1px #ff00a8, 1px 0px 1px #ff00a8, -1px -1px 1px #ff00a8, 0px -1px 1px #ff00a8, -1px 0px 1px #ff00a8, -1px 1px 1px #ff00a8, 1px -1px 1px #ff00a8 !important; }
.status p,.status .inner .c_red, .status .inner .c_blue{ color:#fff; text-shadow: 1px 1px 1px #000,0px 1px 1px #000,1px 0px 1px #000,-1px -1px 1px #000,0px -1px 1px #000,-1px 0px 1px #000,-1px 1px 1px #000,1px -1px 1px #000;}
.status,.invite,.hist ul{border-color: #bc359b;}
.status figure span {border-color: #000;}
.status td img{border-color: #fc00ff;}
.status td a{color:#fc00ff;}
.status .bd {border-color: #bc359b;}

.status_content{
	border-color: #bc359b;
	background-color: rgba(0,0,0,.5);
}

/******************************************************news*/

.news,.tag h2{color: #fff;}
.news li:after{background-image: url(../img/parts/common/y_news_bg.png);}
.news{background: none;}
.news li{
	border-color: #f00;
	background: rgba(0,0,0,.5);
}
.news li:hover{background: rgba(0,0,0,.2);}
.news .date{color: #fff;}

/******************************************************status*/

.c-blue{color: #ff0000;}
.c-red{color: #fc00ff;}

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

.hist ul{background: #000;}
.hist li:nth-child(even){background: rgba(183,15,132,0.3);}

/******************************************************footer*/

.scenario {background: none;}


/******************************************************sub_page*/

.battle_member ul{color: #fff}
ul.deck_thumbnails li{border-color: transparent;}
.battle_start{background:rgba(0,0,0,.5)!important;}
#y_mode .parts_list{
	border: 3px solid #bc359b;
	box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #bc359b inset;
}

/******************************************************quest*/


#y_mode .now{background: rgba(0,0,0,0.5);}
#y_mode .get_list strong{background: #770090;}

.get_list #tabbox{background: none; border-color: #bc359b;}

#quest .value{
	background: -webkit-gradient(linear, left top, left bottom, from(#630146), to(#950069));
	background: -webkit-linear-gradient(top, #630146, #950069 );
	background: linear-gradient(to bottom, #630146, #950069);
}
#quest .value_bg{
	box-shadow: 0 -2px 0  #f647ff,0 0 5px rgba(0,0,0,0.3)inset;
	border-bottom: 2px solid #800059;
	background: -webkit-gradient(linear, left top, left bottom, from(#c141a4), color-stop(0.49, #a80077), to(#db34a4));
	background: -webkit-linear-gradient(top, #c141a4, #a80077 50%, #db34a4 );
	background: linear-gradient(to bottom, #c141a4, #a80077 49%, #db34a4);
}
#quest .value .left figure { border-color: #d74886;}
#quest .value .left figure span{color: #fb14d2;}
#quest .value .left .power p,#quest .value .left .exp p{ background: #7f04ff;}
#quest .quest_btn{background: none;}

#y_mode #quest .quest_btn{background: none;}

.parts_list {background: rgba(0,0,0,.5)}
.common_btn01 > label{background: #770090; color: #fff}

.q_boss .status_area{
	background: -webkit-gradient(linear, left top, left bottom, from(#630146), to(#950069));
	background: -webkit-linear-gradient(top, #630146, #950069 );
	background: linear-gradient(to bottom, #630146, #950069);
	border: none;
}
.q_boss p{color:#fff;}
.q_boss .member li { border: 2px solid #bc359b; }
.sc_open{background:rgba(0,0,0,.5);}

/******************************************************mail*/

#y_mode .mail_text{color: #fff;}

/******************************************************card_detail*/

.card_detail .card_data_box{color:#444;}
.card_detail .btns{background:rgba(0,0,0,.5);}

/******************************************************help*/
#y_mode .help_box .box, #y_mode .help_box .text{color:#fff;}

/******************************************************battle*/
#y_mode #battle_frame .common_area03 .battle_info .tab_header li:nth-child(1) a {
	box-shadow: 0 -2px 0 #8a0e60 inset;
	background: rgb(252,92,198);
	background: -moz-linear-gradient(top, rgba(252,92,198,1) 0%, rgba(231,49,170,1) 50%, rgba(213,9,144,1) 100%);
	background: -webkit-linear-gradient(top, rgba(252,92,198,1) 0%,rgba(231,49,170,1) 50%,rgba(213,9,144,1) 100%);
	background: linear-gradient(to bottom, rgba(252,92,198,1) 0%,rgba(231,49,170,1) 50%,rgba(213,9,144,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5cc6', endColorstr='#d50990',GradientType=0 );
	border-color: rgba(204,114,251,0.3)!important;
	background-clip: padding-box !important;
}