@charset "utf-8";


/* アニメーション */
@keyframes eggAnim{0%{transform:rotate(0deg);bottom:0;}
50%{transform:rotate(0deg);bottom:0;}
60%{transform:rotate(5deg);bottom:5px;}
70%{transform:rotate(-5deg);}
80%{transform:rotate(4deg);}
90%{transform:rotate(-3deg);}
100%{transform:rotate(0deg);}
}
@-webkit-keyframes eggAnim{0%{-webkit-transform:rotate(0deg);bottom:0;}
50%{-webkit-transform:rotate(0deg);bottom:0;}
60%{-webkit-transform:rotate(5deg);bottom:5px;}
70%{-webkit-transform:rotate(-5deg);}
80%{-webkit-transform:rotate(4deg);}
90%{-webkit-transform:rotate(-3deg);}
100%{-webkit-transform:rotate(0deg);}
}
@-webkit-keyframes blink{0%{opacity:1;transform:scale(0.98);}
50%{transform:scale(1);}
100%{opacity:1;transform:scale(0.98);}
}
@keyframes blink{0%{opacity:1;transform:scale(0.98);}
50%{transform:scale(1);}
100%{opacity:1;transform:scale(0.98);}
}
@keyframes Flash1{50%{opacity:0.3;}
}
@-webkit-keyframes Flash1{50%{opacity:0.3;}
}
@-webkit-keyframes chartanime{0%{height:0px;}
}
@keyframes chartanime{0%{height:0px;}
}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes spin{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes pulse{0%{transform:scale(0.7);}
50%{transform:scale(1);opacity:1;}
100%{transform:scale(0.7);}
}
@-webkit-keyframes pulse{0%{transform:scale(0.5);}
50%{transform:scale(1);opacity:1;}
100%{transform:scale(0.5);}
}
@-webkit-keyframes animBound{0%{-webkit-transform:scale(0.8, 0.8);}
5%{-webkit-transform:scale(1.2, 1.2);}
10%{-webkit-transform:scale(1, 1);}
15%{-webkit-transform:scale(1.1, 1.1);}
20%{-webkit-transform:scale(1, 1);}
100%{-webkit-transform:scale(1, 1);}
}
@keyframes animBound{0%{transform:scale(0.8, 0.8);}
5%{transform:scale(1.2, 1.2);}
10%{transform:scale(1, 1);}
15%{transform:scale(1.1, 1.1);}
20%{transform:scale(1, 1);}
100%{transform:scale(1, 1);}
}
.cdTtl{font-weight:normal;}
.cdArea{text-align:middle;position:absolute;right:10px;z-index:2;line-height:1;top: 10px;}
.cdArea i{display:table-cell;animation:Flash1 2s infinite;}
.cdArea .label{font-weight:normal;font-size:26px;}
.cdArea p,.bosskillWrap .cdArea .item.item-ss{display:none;}
.cdArea .item, .cdArea.separator{display:table-cell;overflow:hidden;width:2.5rem;text-align:center;padding-left:10px;}
.cdArea > div{display:table-cell;}
.cdArea{font-family:'Teko', sans-serif;font-size:38px;font-weight:800;text-shadow:0 0 10px #ffcc00;}
.cdArea:after{content:'Time Limit';font-weight:100;letter-spacing:.5rem;font-size:20px;text-align:center;display:block;border-top: 1px solid rgba(255,255,255,.5);padding-top:5px;}
.newsDetail .newsContent td:first-child img{width:3rem;padding-right:.5rem;display:inline;}
.cdArea .separator{animation:Flash1 2s infinite;padding:0 .25rem;display:none;}
.bosskillTtl{position:absolute;z-index:1;top:350px;left: 285px;}
.bosschartWrap{position:absolute;border:1px solid #4f4f4f;top:70px;left: 206px;}
.bosschart{width:64px;height:460px;position:relative;background:url('../png/cp_bg_chart.png') no-repeat  top;overflow:hidden;}
.bosschartWrap:before{width:81px;height:465px;content:'';background:url('../png/cp_bg_bossframe.png') no-repeat right top;position:absolute;top:-2px;left:-9px;z-index:1;}
.bosschartInnner{background:#fff400;/* Old browsers */
background:linear-gradient(to bottom, #fff400 29%, #c6ff00 100%);width:64px;position:absolute;bottom:0;}
.bosskillbox{width:88px;height:479px;background:url('../gif/cp_bg_egg.gif') no-repeat right top;position:relative;left: 10px;top:50px;}
.bosskillbox > li{position:relative;list-style:none;}
.bosskillbox > li img{position:absolute;display:block;height:auto;top:17px;left:15px;box-shadow:none;z-index:2;transiton:.3s;filter:gray;-webkit-filter:brightness(50%);}
.bosskillbox > li.flagcheck img{transiton:.3s;filter:none;-webkit-filter:brightness(100%);}
.bosskillbox > li.flagon img{-webkit-animation:animBound 3s infinite ease-out;animation:animBound 3s infinite ease-out;}
.bosskillbox > li:nth-of-type(1) img{display:block;width:88px;left:0px;top:389px;}
.bosskillbox > li:nth-of-type(2) img{width:88px;left:0px;top:292px;transition-delay:0.8s;}
.bosskillbox > li:nth-of-type(3) img{width:88px;left:0px;top:190px;transition-delay:1.4s;}
.bosskillbox > li:nth-of-type(4) img{width:88px;left:0;top:93px;transition-delay:2.0s;}
.bosskillbox > li:nth-of-type(5) img{width:88px;top:-8px;left:0px;transition-delay:2.6s;}
.bosskillbox > li span{opacity:0;transition:.3s;}
.bosskillbox > li.flagon span:nth-of-type(1){display:block;background:url('../png/cp_bg_bosslight.png');width:147px;height:152px;position:absolute;z-index:1;-webkit-animation:spin 10s linear infinite;animation:spin 10s linear infinite;left:-30px;opacity:1;transition:.3s;}
.bosskillbox > li:nth-of-type(1) span{top:360px;}
.bosskillbox > li:nth-of-type(2) span{top:258px;}
.bosskillbox > li:nth-of-type(3) span{top:158px;}
.bosskillbox > li:nth-of-type(4) span{top:60px;}
.bosskillbox > li:nth-of-type(5) span{top:-34px;}
.bosskillbox > li.flagon > span:nth-of-type(2){background:url('../png/cp_img_bosslight2.png') no-repeat;width:35px;height:33px;position:absolute;top:30px;z-index:3;opacity:1;transition:.3s;left:-17px;-webkit-animation:pulse 2s infinite ease-out;animation:pulse 2s infinite ease-out;}
.bosskillbox > li:nth-of-type(1) > span:nth-of-type(2){top:411px;}
.bosskillbox > li:nth-of-type(2) > span:nth-of-type(2){top:309px;}
.bosskillbox > li:nth-of-type(3) > span:nth-of-type(2){top:208px;}
.bosskillbox > li:nth-of-type(4) > span:nth-of-type(2){top:106px;}
.bosskillbox > li:nth-of-type(5) > span:nth-of-type(2){top:3px;}
.bosskillbox > li.flagon > span:nth-of-type(3){background:url('../png/cp_img_bosslight.png') no-repeat;width:28px;height:28px;position:absolute;top:90px;z-index:3;opacity:1;transition:.3s;left:66px;-webkit-animation:pulse 3s infinite ease-out;animation:pulse 3s infinite ease-out;}
.bosskillbox > li:nth-of-type(1) > span:nth-of-type(3){top:468px;}
.bosskillbox > li:nth-of-type(2) > span:nth-of-type(3){top:366px;}
.bosskillbox > li:nth-of-type(3) > span:nth-of-type(3){top:265px;}
.bosskillbox > li:nth-of-type(4) > span:nth-of-type(3){top:163px;}
.bosskillbox > li:nth-of-type(5) > span:nth-of-type(3){top:60px;}
.bosskillflag{font-size:29px;color:#706e6c;font-weight:700;}
.bosskillflag li ul li:first-child{margin-bottom:4px;}
.bosskillflag li ul li:first-child span{font-size:44px;}
.bosskillflag li ul li:nth-of-type(2){font-size:22px;}
.bosskillflag > li{position:absolute;left:110px;transition:.3s;}
.bosskillflag li{list-style:none;line-height:21px;text-align: left;}
.bosskillflag > li:before{content:'';width:64px;border-top: 1px dotted #000;height:1px;display:block;position:relative;z-index:3;left: 97px;opacity: 0.3;}
.bosskillflag > li:first-child{top:456px;}
.bosskillflag > li:nth-of-type(2){top:378px;}
.bosskillflag > li:nth-of-type(3){top:300px;}
.bosskillflag > li:nth-of-type(4){top: 206px;}
.bosskillflag > li:nth-of-type(5){top:70px;}
.bosskillflag > li .killReward{left: -5px;position: absolute;}
.bosskillflag > li:nth-of-type(1) .killReward{top: 12px;}
.bosskillflag > li:nth-of-type(2) .killReward{top: -1px;}
.bosskillflag > li:nth-of-type(3) .killReward{top: -20px;}
.bosskillflag > li:nth-of-type(4) .killReward{top: -25px;}
.bosskillflag > li:nth-of-type(5) .killReward{top: 7px;}
.bosskillflag > li .flgon li:first-child{color:#fff;transition:.3s;}
.bosskillflag li .flgon li:nth-of-type(2){color:#ff7800;}
.bosskillflag > li:first-child .flagon li{transition-delay:0.6s;}
.bosskillflag > li:nth-of-type(1) .flgon li:nth-of-type(2){color:#f66943;}
.bosskillflag > li:nth-of-type(2) .flgon li{transition-delay:1.2s;}
.bosskillflag > li:nth-of-type(2) .flgon li:nth-of-type(2){color:#ff8a00;}
.bosskillflag > li:nth-of-type(3) .flgon li{transition-delay:1.8s;}
.bosskillflag > li:nth-of-type(3) .flgon li:nth-of-type(2){color:#ffc000;}
.bosskillflag > li:nth-of-type(4) .flgon li{transition-delay:2.4s;}
.bosskillflag > li:nth-of-type(4) .flgon li:nth-of-type(2){color:#deff00;}
.bosskillflag > li:nth-of-type(5) .flgon li{transition-delay:3s;}
.bosskillflag > li:nth-of-type(5) .flgon li:nth-of-type(2){color:#fffc00;}
.bosskillWrap{font-family:'Teko', sans-serif;background:url('../jpg/20170421_bg_event.jpg') no-repeat right top;margin:24px 0;width:100%;position:relative;left:8px;min-height:544px;}
.bosskillWrap:before{content:'';background:url('../jpg/20170421_bg_event2.jpg') no-repeat right top;height:544px;position:absolute;top:0;width:654px;right: 8px;opacity:1;-webkit-animation:blink 3s ease-in-out infinite alternate;animation:blink 3s ease-in-out infinite alternate;overflow:hidden;}
.bosskillWrap.iescaleNone:before{-webkit-animation:none;animation:none;}
#bossKillNum{letter-spacing:3px;/*font-feature-settings:"palt" 1;*/font-size:137px;line-height:1;font-weight:600;color:#ffcd00;/*IE fallback*/background:-webkit-linear-gradient(#fff300, #ffcd00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:absolute;top:428px;left: 300px;}
.colorTable{margin-top:6px;height:100%;}
.colorTable div:nth-of-type(1){color:#ffee00;}
.colorTable2 div{display:table-cell;width:330px;position:relative;vertical-align:top;}
.colorTable2 ul{padding:10px 16px 10px 32px;display:block;vertical-align:top;width:240px;height:100%;box-sizng:border-box;}
.colorTable2 div:nth-of-type(1){color:#fff;}
.colorTable2 div:nth-of-type(1) ul{color:#fff;border:1px solid #fff;border-radius:4px;margin-top:3px;}
.colorTable2 div:nth-of-type(2){color:#ffee00;}
.colorTable2 div:nth-of-type(2) ul{color:#ffee00;border:1px solid #ffee00;border-radius:4px;margin-top:3px;}
.colorTable2 div:nth-of-type(2):before{color:#fff;content:'+';font-family:'Teko', sans-serif;font-size:30px;position:absolute;top:74px;left:-25px;}
.colorTable2 li{list-style-type:disc;}
.colorTable2 td{vertical-align:middle;height:100%;}
.colorTable2 tr:nth-of-type(1) td{font-size:14px;}
.colorTable tr:nth-of-type(n+2) td:first-child{font-family:'Teko', sans-serif;font-size:30px;vertical-align:middle;text-align:right;}
.colorTable tr:nth-of-type(n+2) td:first-child img{width:2rem;padding-right:.5rem;display:inline;position:relative;bottom:0;filter: gray;-webkit-filter: brightness(50%);-webkit-transform:rotate(0deg);}
.colorTable tr:nth-of-type(n+2) td:first-child img.flgon{-webkit-animation-duration:1.5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:middle center;-webkit-animation-name:eggAnim;filter:none;-webkit-filter: brightness(100%);}
.colorTable2 tr div ul{min-height:7.0rem;}
.colorTable li{list-style:none;}

/*緊急追記*/
.articleArea .articleTxt .countWektxt{
	margin-bottom:.5rem;
	color:#ffcc00;
	font-size: 1rem;
	border:2px dashed #ffcc00;
	border-radius:4px;
	padding:1rem;
	text-align:center;
	vertical-align: top;
	display: table;
}

.articleArea .articleTxt .countWektxt img{
	width: 56px;
	display:table-cell;
	vertical-align: top;
	transform: scale(-1, 1);
	margin-right: 1rem;
}

.articleArea .articleTxt .countWektxt i{
font-size: 2.6rem;display: inline-block;
}


.articleArea .articleTxt .countWektxt p{
margin: 0;
display:table-cell;
text-align: left;
}