@charset "utf-8";
/* 2025/08 update*/

/*** DartsMission - Common ***/
.dartsmission .mission{position:relative; box-shadow: 0 2px 0 0 rgba(200,200,200,0.5); border:1px solid #CCC; border-radius:5px; margin:0 15px 20px 15px ; padding:40px 15px 15px;}
.mission h3{position:absolute; color:#FFF; font-size:16px; font-weight:bold; top:0; left:-1px; background: #04a0e8; padding:0 5px 0 10px; height:34px; line-height:33px; border-radius:5px 0 0 0; text-shadow: 0 1px 1px #3548A6; font-family:Verdana, Geneva, sans-serif;}

.mission .cell.bonus { 	 width:45%;}
.mission .cell.info { width:55%; vertical-align:bottom; position:relative;}
.mission .cell.info p { margin-right:10px;}
.mission .cell.bonus img { width:100%; max-width:100%; border-radius:0;}
.mission .cell.bonus div.item-wrap {margin:0; background:url(/img/mission/item-wrap-bg_cleared.jpg) repeat top; background-size:100% auto; padding:5px; border-radius:5px}
.mission .cell.bonus div.item-head {margin:0; background:url(/img/mission/item-wrap-bg_cleared_head2.png) no-repeat top; background-size:auto 100%; height:30px;}

.dartsmission .mission dl { margin-bottom:10px; text-align:right; position:absolute; top:5px; right:10px; width:220px;}
.dartsmission .mission dt{ font-size:12px; display:inline-block; color: #666666;}
.dartsmission .mission dd{ font-size:12px; display:inline-block; padding:0.3em}
.dartsmission .mission span.term{ font-size:11px; display:inline-block; color:#CCC;}
.dartsmission p.disc { font-size:16px; margin-bottom:10px; color:#339;}
.dartsmission span.sub { color:#6a6d74; font-size:12px;}

.dartsmission .graph { broder:1px solid #dbd9d9; padding:0; margin:0 15px 0 0; position:relative; height:15px;}
.dartsmission .graph .bar { height:10px; background:#09C; position:absolute; left:0; top:5px;}
.dartsmission .graph .bar-bg { height:10px; width:100%; background:#cccccc; position:absolute; left:0; top:5px;}
.dartsmission .count{font-size:16px; text-align:right; margin-right:15px;}
.dartsmission .count span{ font-size:20px; font-weight:bold;}
.dartsmission .mark { position:absolute; top:-10px; right:-10px; width:100px; height:100px; display:none; background-repeat:no-repeat; background-size:100% auto;}
.dartsmission .mark2 { 
position:absolute; top:-5%;
right:auto; left:-2%; width:105%; height:120%; display:none;
background-repeat:no-repeat; background-size:100% auto;
}
.dartsmission .mark_close { 
position:absolute; top:-25%;
right:auto; left:-2%; width:105%; height:120%; 
background-repeat:no-repeat; background-size:100% auto;
background-image:url(/img/mission/ico_closed.png); }

.dartsmission .mark_open { 
position:absolute; top:-25%;
right:auto; left:-2%; width:105%; height:120%;
background-repeat:no-repeat; background-size:100% auto;
background-image:url(/img/mission/ico_open.png);
}

.dartsmission .mission.clear .mark_open,
.dartsmission .mission.clear .mark_close { display:none} 

/* faild */
.mission.faild { background-color:#F7F7F7}
.mission.faild h3{ background: #353c43;text-shadow: 0 1px 1px #21262a;}
.mission.faild h3:before{ border-left-color: #353c43; }
.mission.faild .graph .bar { background:#666}
.mission.faild .mark { background-image:url(/img/mission/ico_failed.png); display:block}
.mission.faild .mark2 { background-image:url(/img/mission/ico_failed2.png); display:block}
.mission.faild .bonus img { opacity:0.5;}
.mission.faild p.disc ,
.mission.faild .bonus div{ color:#666}
.mission.faild .cell.bonus div.item-wrap {background-image:url(/img/mission/item-wrap-bg_faild.jpg);}
.mission.faild .cell.bonus div.item-head {background-image:url(/img/mission/item-wrap-bg_faild_head2.png);}

/* cleared */
.mission.clear  h3{ background: #FFD800;text-shadow: 0 1px 1px #FFFF00; color:#C00;}
.mission.clear  h3:before{ border-left-color: #FFD800; }
.mission.clear .mark { background-image:url(/img/mission/ico_clear.png); display:block}
.mission.clear .mark2 { background-image:url(/img/mission/ico_clear2.png); display:block}
.mission.clear .graph .bar { background:#FFD800}

/* special */
.special-mission {
/*
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d09d16), color-stop(0.00, #fff600));
background: -webkit-linear-gradient(#fff600, #d09d16);
background: -moz-linear-gradient(#fff600, #d09d16);
background: -o-linear-gradient(#fff600, #d09d16);
background: -ms-linear-gradient(#fff600, #d09d16);
background: linear-gradient(#fff600, #d09d16);
border-top:2px solid #ecb92d;
border-bottom:2px solid #c18d00;
*/
padding:10px 0; margin-bottom:20px; 
}
.special-mission .mission { background:#FFFFFF; border:1px solid #D19E16; margin-bottom:0;}
.special-mission .mission h3{ background: #c00;text-shadow: 0 1px 1px #FFFF00; color:#FDE200;}
.special-mission  .mission h3:before{ border-left-color: #c00; }
.dartsmission .special-mission .mission p.disc { color:#c00}

.special-mission .mission.faild {background:#F7F7F7;}
.special-mission .mission.faild p.disc ,
.special-mission .mission.faild .bonus div{ color:#666}
.special-mission .mission.faild h3{ background: #353c43;text-shadow: 0 1px 1px #21262a; color:#FFFFFF}
.special-mission .mission.faild h3:before{ border-left-color: #353c43; }
.special-mission .mission.clear  h3{ background: #FFD800;text-shadow: 0 1px 1px #FFFF00; color:#C00;}
.special-mission .mission.clear h3:before{ border-left-color: #FFD800; }

table.mission-point { margin:10px auto; background:#FFFFFF; width:auto;}
.prize-item { margin:10px; text-align:center}
.box-tbl.prize { width:100%} 
.box-tbl.prize .cell{ max-width:220px;} 

p.copy { font-size: 10px; padding-bottom: 10px; text-align: center; color:#999999; padding:10px}

/*tekken  2016/06/01   */
#tekken_ms { background:#000000; color:#FFFFFF; border-top:1px solid rgba(255,255,255,0.3); padding-top:5px;}
#tekken_ms a.text-link{ color:#FFFFFF; text-decoration:underline;}
p.eventdate { text-align:center; font-weight:bold; padding-top:10px;}
p.eventdate span{font-size:11px;}
p.eventdate span.sub{ color:#fffbba; font-weight:normal;}
#cpn_tekkencard { background:#c61300; position:relative;}
#cpn_tekkencard .overlay { position:absolute; left:5px; top:-25px; width:90px;}
#cpn_tekkencard .overlay_clear { position:absolute; right:5px; top:-15px; width:150px;}
.mission_cnt { background:#e33927; display:table; width:100%; font-weight:bold;}
.mission_cnt > div{ display:table-cell; padding:5px 10px; vertical-align:middle}
.mission_cnt div.cell:first-child{ padding-left:100px; text-align:center}
.mission_cnt span{ color:#fff600; font-size:28px; line-height:30px;}
.apply_ck { padding:10px 10px 10px 105px; text-align:center; font-size:11px}
.apply_ck span.btn { border-radius:20px; background-color:rgba(0,0,0,0.2); border:0; display:block; margin-top:5px; color:rgba(255,255,255,0.5); cursor:default}
.apply_ck a.btn { border-radius:20px; background-color:#FFFFFF; border:0; display:block; margin-top:5px; color:#C61300}
.apply_ck span.btn.done { background:#fed30b; color:#990000;}
.dartsmission .mission {
border-style: solid; border-width: 10px; border-radius:0;
-moz-border-image: url(/img/cpn/mission201607/m_border.png) 26 27 31 29 repeat; 
-webkit-border-image: url(/img/cpn/mission201607/m_border.png) 26 27 31 29 repeat; 
-o-border-image: url(/img/cpn/mission201607/m_border.png) 26 27 31 29 repeat; 
border-image: url(/img/cpn/mission201607/m_border.png) 26 27 31 29 repeat;
background-repeat:repeat;
background-color:#1b1b1b;
background-image:url(/img/cpn/mission201607/m_bg.png);
background-size:26px auto;
padding:5px;
}
.dartsmission .special-mission .mission {
border-style: solid; border-width: 10px; border-radius:0;
-moz-border-image: url(/img/cpn/mission201607/m_border2.png) 26 27 31 29 repeat; 
-webkit-border-image: url(/img/cpn/mission201607/m_border2.png) 26 27 31 29 repeat; 
-o-border-image: url(/img/cpn/mission201607/m_border2.png) 26 27 31 29 repeat; 
border-image: url(/img/cpn/mission201607/m_border2.png) 26 27 31 29 repeat;
background-repeat:repeat;
background-color:#1b1b1b;
background-image:url(/img/cpn/mission201607/m_bg.png);
}
.dartsmission .mission h3.m5 + span.term{ right:0; color:#a9fd87}
.dartsmission .special-mission .mission span.term.gold{color:#F8E903}
.mission .cell.bonus div.item-wrap {border-radius: 0px; margin:0 0 0 5px;padding:0;}
.dartsmission p.disc { color:#FFFFFF; font-weight:bold}
.dartsmission span.sub { color:#CCC}
table.progress_tbl { border-collapse: separate; border-spacing: 1px; table-layout:fixed; margin-bottom:5px;}
table.progress_tbl td { background:rgba(255,255,255,0.1); text-align:center; font-family:Verdana, Geneva, sans-serif; color:rgba(255,255,255,0.5); font-size:10px;  vertical-align:middle}
table.progress_tbl td > div { height:30px; line-height:30px}
table.progress_tbl td > div.ok {
background-image:url(/img/cpn/mission201607/progress_mark.png);
background-position:center;
background-repeat:no-repeat; background-size:auto 100%; color:#FFFFFF; font-weight:bold;
text-shadow: 0 0 3px #FF9494,0 0 3px #FF9494,0 0 3px #FF9494;}

#tekken_ms .mission h3{
position:absolute; top:0;left:-1px;
color:#FFF;font-size:14px; font-weight:normal;
background: #d34e40;
background: -moz-linear-gradient(top,  #d34e40 0%, #981104 100%);
background: -webkit-linear-gradient(top,  #d34e40 0%,#981104 100%);
background: linear-gradient(to bottom,  #d34e40 0%,#981104 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d34e40', endColorstr='#981104',GradientType=0 );
padding:0 10px;
height:30px;
line-height:28px;
border-radius:0;
text-shadow: 0 1px 1px #3548A6;
font-family:Verdana, Geneva, sans-serif;
}
#tekken_ms .mission h3.m4{
background: #4051d1;
background: -moz-linear-gradient(top,  #4051d1 0%, #041396 100%);
background: -webkit-linear-gradient(top,  #4051d1 0%,#041396 100%);
background: linear-gradient(to bottom,  #4051d1 0%,#041396 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4051d1', endColorstr='#041396',GradientType=0 );
}
#tekken_ms .mission h3.m5{
background: #6eb225;
background: -moz-linear-gradient(top,  #6eb225 0%, #489b00 100%);
background: -webkit-linear-gradient(top,  #6eb225 0%,#489b00 100%);
background: linear-gradient(to bottom,  #6eb225 0%,#489b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eb225', endColorstr='#489b00',GradientType=0 );
}
#tekken_ms .mission h3.m6{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d09d16), color-stop(0.00, #fff600));
background: -webkit-linear-gradient(#fff600, #d09d16);
background: -moz-linear-gradient(#fff600, #d09d16);
background: -o-linear-gradient(#fff600, #d09d16);
background: -ms-linear-gradient(#fff600, #d09d16);
background: linear-gradient(#fff600, #d09d16);
color:#996600;
text-shadow: 0 -1px 1px #FFFFFF;
}
#tekken_ms .mission.faild h3{ background: #353c43;text-shadow: 0 1px 1px #21262a;color:#cccccc}
#tekken_ms .mission.faild .cell.info p { color:#666666}
#tekken_ms .mission.faild .cell.info span.tag { background:#353c43; color:#cccccc}
#tekken_ms .mission.faild span.term {color:#666666}
#tekken_ms .mission h3:before{content: ""; display:block; position: absolute; left:0; top:0; right:0; bottom:0; margin:auto;  width:95%; height:85%; border-style: solid; border-width: 4px; border-image: url(/img/cpn/mission201607/dot.png) 11 repeat;}
#tekken_ms p.infosub { color:#CCCCCC; margin-bottom:0}
.dartsmission .special-mission .mission p.disc { color:#F00;}
.cell.info p{font-size:12px; margin-bottom:0; margin-top:5px;}
p.itemst span.tag { background-color:#ff9900; font-size:10px; color:#000; margin-bottom:5px; line-height:16px; padding-top:1px}
p.itemst{ margin-bottom:0; margin-top:10px; color:#ff9900}
.dartsmission .mission.clear  { background-color:rgba(255,0,0,0.35)}
.dartsmission .special-mission .mission.clear  { background-color:rgba(255,0,0,0.35)}
.mission.faild p.itemst { color:#666;}
.mission.faild p.itemst span.tag { background-color:#666;}
.foot_banner a:link, .foot_banner a:visited { color:#fff; text-decoration:underline}
.foot_banner a:hover { color:#F90; text-decoration:none}
/* ↑↑tekken css end↑↑ */



/*** Wooah 2025/08 ***/
.ev_wm section#description{background-color: #fefefe; padding: 1.25rem;}
.ev_wm section#description .mission_desc{font-size: 1.55rem; font-weight: 700; text-align: center; color: #f100c5; margin: 0;}
.ev_wm section#description date{display: block; width: 95%; max-width: 280px; background: #f100c5; color: #fff; font-size: 1.25rem; font-weight: 700; text-align: center; padding: 0.75rem 1rem 0.5rem; margin: 1rem auto 1.5rem;}
.ev_wm section#description date em{font-size: 0.95rem; font-weight: inherit; margin: 0 -3px;}
.ev_wm section#description .alert{display: block; width: 90%; max-width: 320px; color: #333; background-color: #f3d534; border: 1px solid #9f9f9f; margin: 2rem auto 0.5rem; position: relative;}
.ev_wm section#description .alert .glyphicon:before{font-size: 1.7rem; color: #d61518; margin: 0 4px 0 0; vertical-align: -4px;}
.ev_wm section#description .alert:after{content: ''; width: 8px; height: 8px; border: 0; border-top: solid 2px #333; border-right: solid 2px #333; transform: rotate(45deg); position: absolute; top: 0; right: 12px; bottom: 0; margin: auto;}
.ev_wm section#description p.text-right{margin: 0;}
.ev_wm section#description .btn-default{background: #fff; color: #f100c5; border-color: #f100c5;}
.ev_wm section#mission{width: 100%; background: #2b1544; padding: 0.75rem;}
.ev_wm section#mission .detail{border: 2px solid #f300c8; padding: 4.5rem 2rem 2rem; margin: 1.5rem 1.5rem 3rem; position: relative;}
.ev_wm section#mission .detail .box-tbl{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ev_wm section#mission .detail .cell.info{width: 100%; max-width: 500px; background: rgb(255 255 255 / 0.15); display: flex; justify-content: flex-start; align-items: center; margin: 0 auto; padding: 0; text-indent: 0; line-height: 1;}
.ev_wm section#mission .detail .s-img{width: 60%;}
.ev_wm section#mission .detail .count{width: 40%; color: #fff; font-size: 1.2rem; font-weight: 700; letter-spacing: 1px; text-align: center;}
.ev_wm section#mission .detail .count em{color: #f100c5; font-size: 2.0rem; font-weight: inherit; letter-spacing: 0;}
.ev_wm section#mission .detail .count em.clear{font-size: 1.8rem; color: #fffa1f;}
.ev_wm section#mission .detail .cell.lot{width: 75%; max-width: 210px; margin: 1.75rem auto 0; padding: 0;}
.ev_wm section#mission .detail .cell div.btn-lot{width: 100%; font-size: 1.6rem; font-weight: 700; line-height: 1; text-align: center; border-radius: 50px; padding: 1.15rem; margin: 0 auto;
color: #fff; background: #333; border: 2px solid #333; cursor: no-drop;}
.ev_wm section#mission .detail .cell div.btn-lot.enable{background: #e64aca; border: 2px solid #bb26a0; cursor: pointer;}
.ev_wm section#mission .detail .cell div.btn-lot.hit{background: #a31b0c; border: 2px solid #edff04; color: #edff04; cursor: pointer;}
.ev_wm section#mission .detail .cell div.btn-lot.disable{color: #666; background: #aaa; border: 2px solid #666;}
.ev_wm section#mission .detail .cell div.btn-lot:hover{opacity:.75;}
.ev_wm section#mission .detail h3{width: 68%; max-width: 220px; background: #f100c5; color: #fff; font-size: 1.05rem; font-weight: 700; letter-spacing: 0; line-height: 1em; text-align: center; margin: -1px; padding: 1.25rem 1.5rem 1.15rem 0.5rem; clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%); position: absolute; top: 0; left: 0;}
.ev_wm section#notice h3{font-size: 2.0rem; color: #f100c5; margin: 0 0.5rem 1rem;}
.ev_wm section#notice ul{font-size: 1.15rem; margin: 0 0 0 2.5rem; padding: 1rem;}
.ev_wm section#notice ul > li{list-style: disc; margin: 0 0 0.75rem;}


/*** Lottery ***/
	.lottery{margin: 1.5rem 0;}
	.lottery::after{content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; padding: 0; margin: 3rem 0;}
	.lottery .detail{border: 4px solid white; border-radius: 0; box-shadow: 0 3px 6px rgba(0,0,0,.15); background: #c5c5c5; background: linear-gradient(to bottom, #cfcfcf 1%,#c5c5c5 100%); color: #fff; padding: 15px; position: relative;}
	.lottery .detail.active{background: #dfdbb6; background: linear-gradient(to bottom, #dfdbb6 1%,#b5a063 100%); padding: 20px 15px 15px;}
	.lottery .detail h5{height: 34px; color: #b5a063; font-size: 16px; font-weight: bold; position: absolute; top: 0; left: 0; background: #fff; padding: 0 15px; margin: 0;  line-height: 33px; border-radius: 0 0 5px 0; text-shadow: none; font-family: Verdana, Geneva, sans-serif;}
	.lottery .detail ul{display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin: 0; padding: 0;}
	.lottery .detail ul > li:nth-child(1){width: 55%;}
	.lottery .detail ul > li:nth-child(2){width: 45%;}
	.lottery .detail ul > li .lot-image{width: 100%; max-width: 420px; margin: 0;}
	.lottery .detail.active ul > li .lot-image img{filter: grayscale(0%);}
	.lottery .detail ul > li .lot-image img{filter: grayscale(100%);}
	.lottery .detail ul > li .lot-btn{margin: 0.75rem 0;}
	.lottery .detail ul > li .lot-btn a{width: 100%; max-width: 300px; display: block; color: #fff; font-size: 2.4rem; line-height: 1; text-align: center; border-radius: 5px; padding: 10px; margin: 0 auto;
		border: 3px solid #aba075; background: #FF9B43; background: linear-gradient(to bottom, #fcff43 1%,#f30000 100%);}
	.lottery .detail ul > li .lot-btn div{width: 100%; max-width: 300px; display: block; color: #7d7d7d; font-size: 2.4rem; line-height: 1; text-align: center; border: 3px solid #ababab; border-radius: 5px; padding: 10px; margin: 0 auto; cursor: no-drop;
		background: #999; background: linear-gradient(to bottom, #ccc 1%,#999 100%);}
	.lottery .detail .lot-btn a:hover{opacity: 0.75;}
	.lottery .detail .lot-date{color: #333; text-align: center; font-size: 1.6rem;}
	.lottery .detail .next{text-align: center;}
	.lottery .detail .next h6{font-size: 2.0rem; font-weight: 600; color: #333; margin: 1rem 0 0 0;}
	.lottery .detail .next .box{margin: 1.5rem 0;}
	.lottery .detail .next .box p{color: #333; font-size: 1.6rem; margin: 0 0 5px;}
	.lottery .detail .next .box a,
	.lottery .detail .next .box .box__label{display: inline-block; width: 100%; max-width: 280px; font-size: 14px; color: #fff; text-align: center; padding: 8px 12px; margin-bottom: 0; line-height: 1.42857143; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; background: #D61518; box-shadow: 0 1px 3px 2px rgba(0,0,0,0.1);}
	.lottery .detail .next .box .box__label{margin: 0 auto;}
	.mission_lot .wrap {top: 50dvh !important; width: 580px !important; margin: -320px auto 0 !important;}
	.mission_lot .wrap .cont {min-width: auto !important; min-height: auto !important;}
	.mission_lot .wrap .cont .tc-detail {width: 90%; max-width: 600px; height: auto; max-height: 85vh; position: fixed; overflow-y: scroll;}
	.mission_lot .title{text-align: center; padding: 0.25rem 2.5rem;}
	.mission_lot .title h4{margin: 10px 0 15px; padding: 0;}
	.mission_lot .title p{font-size: 2rem; font-weight: 600; margin: 0; padding: 0;}
	.mission_lot .img{padding: 0 2.5rem;}
	.mission_lot .img img{width: auto; max-width: 100% !important;}
	.mission_lot .lot-btn{padding: 0 2.5rem;}
	.mission_lot .lot-btn a {display: block; color: #fff; font-size: 1.6rem; line-height: 1; width: 100%; max-width: 320px; text-align: center; border: 3px solid #aba075; padding: 15px; margin: 0 auto 1.5rem; border-radius: 5px;
	background: #FF9B43; background: linear-gradient(to bottom, #fcff43 1%,#f30000 100%);}
	.mission_lot .lot-btn p{margin: 0;}
	.mission_lot .lot-btn p.color-red{color: #D61518;}


/*** Wooah 2025/08 ***/


@media (max-width: 767px) {
/*smart phone*/

/*** DartsMission - Common ***/
/*.dartsmission .mission{margin-right:-5px ;margin-left:-5px ; padding:40px 10px 15px;}*/
.dartsmission .mission{	margin-right:-5px ;margin-left:-5px ; padding:40px 3px 5px;}
.special-mission {margin-right:-10px ;margin-left:-10px ;}
.special-mission .mission{margin-right:5px ;margin-left:5px ;}
.box-tbl.prize .cell{ width:100%; max-width:none;} 
.box-tbl.prize .cell img{width:100%} 

/*tekken*/
.mission .cell.info {width:50%}
.mission .cell.bonus {width:50%;} 
.hidden-sp { display:none !important;}
}

@media (min-width: 768px) {
/*sm~lg*/
.dartsmission .cell.bonus { 	 width:30%;}
.dartsmission .cell.info { width:70%;}
.dartsmission .mark {width:130px; height:130px; top:-25px; right:-15px;}
.dartsmission .count,
.dartsmission .graph,
.dartsmission .cell.info p { margin-right:20px;}
.dartsmission .mission span.term{ text-align:left; position:static;font-size:14px; margin-bottom:5px;}
.mission p.disc { font-weight:bold;}
.mission .disc + .box-tbl { margin-top:-70px;}
.mission .cell.bonus div.item-head {height:30px;}

/*tekken*/
#tekken_ms .section { padding-left:0; padding-right:0}
.mission .disc + .box-tbl { margin-top:-30px;}
.mission .cell.bonus div.item-wrap {margin:0 0 0 10px;padding:0;}
table.progress_tbl { width:100%; margin-left:auto; margin-right:auto;}
table.progress_tbl td { font-size:16px;}
.dartsmission .mission{ margin: 0 40px 20px; padding: 40px 15px 15px;}
.dartsmission .cell.bonus { 	 width:45%;}
.dartsmission .cell.info { width:55%;}
.mission .cell.info { vertical-align:bottom;}
#cpn_tekkencard { margin-left:auto; margin-right:auto; width:600px;}
#cpn_tekkencard .overlay { top:-40px; width:102px; left:20px;}
.mission_cnt div.cell:first-child,.apply_ck { padding-left:150px;}
.section > p.infosub { margin-left:auto; margin-right:auto; width:600px;}

.dartsmission .mark2 {top:auto; bottom:-21px; right:0; left:0; width:240px; height:164px; display:none; margin:auto;}
.dartsmission .mark_close,
.dartsmission .mark_open{top:auto; bottom:15px; right:0; left:0; width:240px; height:164px; margin:auto;}
.special-mission { margin-bottom:0 }


/*** Wooah 2025/08 ***/
.ev_wm section#description{background-color: #e7e8f9; padding: 2.5rem;}
.ev_wm section#description .mission_desc{font-size: 2.8rem; font-weight: normal; text-align: center; line-height: 1.25em; color: #f100c5; margin: 0;}
.ev_wm section#description date{display: block; width: 70%; max-width: 420px; background: #f100c5; color: #fff; font-size: 2rem; font-weight: 700; text-align: center; padding: 0.75rem 1rem 0.5rem; margin: 1rem auto 1.5rem;}
.ev_wm section#description date em{font-size: 1.2rem; font-weight: inherit; margin: 0 -3px;}
.ev_wm section#description .alert{max-width: 425px;}
.ev_wm section#description p.text-right{margin: 0;}
.ev_wm section#description .btn-default{background: #e7e8f9; color: #f100c5; border-color: #f100c5;}
.ev_wm section#mission{width: 100%; background: #2b1544; padding: 1.5rem;}
.ev_wm section#mission .detail{border: 2px solid #f300c8; padding: 7rem 3rem 3rem; margin: 2.5rem; position: relative;}
.ev_wm section#mission .detail .box-tbl{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ev_wm section#mission .detail .cell.info{width: 65%; background: rgb(255 255 255 / 0.15); display: flex; justify-content: flex-start; align-items: center; margin: 0; padding: 0; text-indent: 0; line-height: 1;}
.ev_wm section#mission .detail .s-img{width: 50%;}
.ev_wm section#mission .detail .count{width: 50%; color: #fff; font-size: 1.6rem; font-weight: 700; letter-spacing: 1px; text-align: center;}
.ev_wm section#mission .detail .count em{color: #f100c5; font-size: 3.6rem; font-weight: inherit; letter-spacing: 0;}
.ev_wm section#mission .detail .count em.clear{font-size: 2.25rem; color: #fffa1f;}
.ev_wm section#mission .detail .cell.lot{width: 30%; margin: 0; padding: 0;}
.ev_wm section#mission .detail .cell div.btn-lot{width: 100%; font-size: 2.25rem; font-weight: 700; line-height: 1; text-align: center; border-radius: 50px; padding: 1.5rem; margin: 0 auto;
color: #fff; background: #333; border: 2px solid #333; cursor: no-drop;}
.ev_wm section#mission .detail .cell div.btn-lot.enable{background: #e64aca; border: 2px solid #bb26a0; cursor: pointer;}
.ev_wm section#mission .detail .cell div.btn-lot.disable{color: #666; background: #aaa; border: 2px solid #666;}
.ev_wm section#mission .detail .cell div.btn-lot:hover{opacity:.75;}
.ev_wm section#mission .detail h3{width: 40%; background: #f100c5; color: #fff; font-size: 1.25rem; font-weight: 700; letter-spacing: 0; line-height: 1em; text-align: center; margin: -1px; padding: 1.25rem 1.5rem 1.15rem 0.5rem; clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%); position: absolute; top: 0; left: 0;}
.ev_wm section#notice{background-color: #bebcf3; padding: 2.5rem;}
.ev_wm section#notice h3{font-size: 2.4rem; color: #f100c5; margin: 0 0 1rem;}
.ev_wm section#notice ul{font-size: 1.25rem; margin: 0 0 0 2.5rem;}
.ev_wm section#notice ul > li{list-style: disc; margin: 0 0 0.75rem;}


/*** Lottery ***/
.lottery{margin: 1.5rem 0;}
.lottery::after{content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; padding: 0; margin: 3rem 0;}
.lottery .detail{border: 4px solid white; border-radius: 0; box-shadow: 0 3px 6px rgba(0,0,0,.15); background: #c5c5c5; background: linear-gradient(to bottom, #cfcfcf 1%,#c5c5c5 100%); color: #fff; padding: 15px; position: relative;}
.lottery .detail.active{background: #dfdbb6; background: linear-gradient(to bottom, #dfdbb6 1%,#b5a063 100%); padding: 20px 15px 15px;}
.lottery .detail h5{height: 34px; color: #b5a063; font-size: 16px; font-weight: bold; position: absolute; top: 0; left: 0; background: #fff; padding: 0 15px; margin: 0;  line-height: 33px; border-radius: 0 0 5px 0; text-shadow: none; font-family: Verdana, Geneva, sans-serif;}
.lottery .detail ul{display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin: 0; padding: 0;}
.lottery .detail ul > li:nth-child(1){width: 55%;}
.lottery .detail ul > li:nth-child(2){width: 45%;}
.lottery .detail ul > li .lot-image{width: 100%; max-width: 420px; margin: 0;}
.lottery .detail.active ul > li .lot-image img{filter: grayscale(0%);}
.lottery .detail ul > li .lot-image img{filter: grayscale(100%);}
.lottery .detail ul > li .lot-btn{margin: 0.75rem 0;}
.lottery .detail ul > li .lot-btn a{width: 100%; max-width: 300px; display: block; color: #fff; font-size: 2.4rem; line-height: 1; text-align: center; border-radius: 5px; padding: 10px; margin: 0 auto;
	border: 3px solid #aba075; background: #FF9B43; background: linear-gradient(to bottom, #fcff43 1%,#f30000 100%);}
.lottery .detail ul > li .lot-btn div{width: 100%; max-width: 300px; display: block; color: #7d7d7d; font-size: 2.4rem; line-height: 1; text-align: center; border: 3px solid #ababab; border-radius: 5px; padding: 10px; margin: 0 auto; cursor: no-drop;
	background: #999; background: linear-gradient(to bottom, #ccc 1%,#999 100%);}
.lottery .detail .lot-btn a:hover{opacity: 0.75;}
.lottery .detail .lot-date{color: #333; text-align: center; font-size: 1.6rem;}
.lottery .detail .next{text-align: center;}
.lottery .detail .next h6{font-size: 2.0rem; font-weight: 600; color: #333; margin: 1rem 0 0 0;}
.lottery .detail .next .box{margin: 1.5rem 0;}
.lottery .detail .next .box p{color: #333; font-size: 1.6rem; margin: 0 0 5px;}
.lottery .detail .next .box a,
.lottery .detail .next .box .box__label{display: inline-block; width: 100%; max-width: 280px; font-size: 14px; color: #fff; text-align: center; padding: 8px 12px; margin-bottom: 0; line-height: 1.42857143; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; background: #D61518; box-shadow: 0 1px 3px 2px rgba(0,0,0,0.1);}
.lottery .detail .next .box .box__label{margin: 0 auto;}
.mission_lot .wrap {top: 50dvh !important; width: 580px !important; margin: -320px auto 0 !important;}
.mission_lot .wrap .cont {min-width: auto !important; min-height: auto !important;}
.mission_lot .wrap .cont .tc-detail {width: 90%; max-width: 600px; height: auto; max-height: 85vh; position: fixed; overflow-y: scroll;}
.mission_lot .title{text-align: center; padding: 0.25rem 2.5rem;}
.mission_lot .title h4{margin: 10px 0 15px; padding: 0;}
.mission_lot .title p{font-size: 2rem; font-weight: 600; margin: 0; padding: 0;}
.mission_lot .img{padding: 0 2.5rem;}
.mission_lot .img img{width: auto; max-width: 100% !important;}
.mission_lot .lot-btn{padding: 0 2.5rem;}
.mission_lot .lot-btn a {display: block; color: #fff; font-size: 1.6rem; line-height: 1; width: 100%; max-width: 320px; text-align: center; border: 3px solid #aba075; padding: 15px; margin: 0 auto 1.5rem; border-radius: 5px;
background: #FF9B43; background: linear-gradient(to bottom, #fcff43 1%,#f30000 100%);}
.mission_lot .lot-btn p{margin: 0;}
.mission_lot .lot-btn p.color-red{color: #D61518;}
/*** Wooah 2025/08 ***/

}

.show-xxs { display:none}
.show-xs { display:none}

@media  (max-width: 720px) {
.show-xs { display:block}
}
@media  (max-width: 320px) {
.show-xxs { display:block}
.show-xs { display:none}
}
@media  (max-width: 450px) {
/*tablet*/
.mission .cell.bonus div.item-head {height:22px;}
}