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

/*** EventCount-UP - Common ***/
.ev_countup{}
.ev_countup a:hover{opacity:.75;}

/* description */
.ev_countup section#description{background-color: #fff; padding: 2rem;}
.ev_countup section#description p.text-right{margin: 0;}
.ev_countup section#description .ec_desc{font-size: 2.4rem; font-weight: 700; text-align: center; color: #333; margin: 0;}
.ev_countup section#description date{display: block; width: 95%; max-width: 480px; background: #333; color: #fff; font-size: 1.95rem; font-weight: 700; text-align: center; padding: 0.75rem 1rem 0.5rem; margin: 1.5rem auto;}
.ev_countup section#description date em{font-size: 1.1rem; font-weight: inherit; margin: 0 -2px;}
.ev_countup section#description .announce{width: 95%; max-width: 480px; background: #fff9f9; border: 1px solid #D61518; margin: 0 auto;}
.ev_countup section#description .announce p.tips{background: #D61518; color: #fff; font-size: 1.7rem; text-align: center; padding: 0.75rem 1rem 0.5rem; margin: 0;}
.ev_countup section#description .announce .alert{display: block; width: 90%; max-width: 415px; font-size: 1.6rem; text-align: center; margin: 2rem auto; position: relative;}
.ev_countup section#description .announce .alert .glyphicon:before{font-size: 1.7rem; color: #d61518; margin: 0 5px 0 0; vertical-align: -2px;}
.ev_countup section#description .announce .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_countup section#description .announce .alert .period{display: block; margin: 0.65rem 0 0; font-size: 1.65rem; color: #d61518;}
.ev_countup section#description .announce .alert em{font-size: 1.15rem; margin: 0 -4px;}

/* playdata */
.ev_countup section#countup{width: 100%; background: #eee; color: #333; padding: 2rem;}
.ev_countup section#countup .detail{border: 2px solid #D61518; padding: 5.5rem 2rem 2rem; position: relative;}
.ev_countup section#countup .detail:nth-child(n+2){margin-top: 2rem;}
.ev_countup section#countup .detail h3{width: 70%; max-width: 200px; background: #D61518; color: #fff; font-size: 1.6rem; font-weight: 700; letter-spacing: 0; line-height: 0.75em; 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_countup section#countup .detail .box-tbl{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ev_countup section#countup .detail .cell.info{width: 100%; display: flex; margin: 0.25rem auto; padding: 0; text-indent: 0; line-height: 1;}
.ev_countup section#countup .detail .info_ttl{
	width: 50%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
	color: #333; background: rgb(0 0 0 / 0.1);
	font-size: 1.6rem; font-weight: 700; padding: 2rem;
}
.ev_countup section#countup .detail .h-shop,
.ev_countup section#countup .detail .count,
.ev_countup section#countup .detail .prize,
.ev_countup section#countup .detail .notes,
.ev_countup section#countup .detail .switch{
	width: 100%;
	display: flex; align-items: center;
	color: #666; background: rgb(0 0 0 / 0.05);
	padding: 2rem;
}
.ev_countup section#countup .detail .h-shop{font-size: 2rem;}
.ev_countup section#countup .detail .h-shop div{max-width: 380px; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ev_countup section#countup .detail .count{justify-content: center; font-size: 1.6rem; font-weight: 700; letter-spacing: 1px;}
.ev_countup section#countup .detail .count em{display: inline-block; color: #666; font-size: 3rem; font-weight: inherit; letter-spacing: 0; margin: 0 2px 3px;}
.ev_countup section#countup .detail .count em.reach{color: #f00;}

.ev_countup section#countup .detail .prize{align-items: flex-start; flex-direction: column;}
.ev_countup section#countup .detail .prize dl{width: 100%; text-align: left;}
.ev_countup section#countup .detail .prize dt{font-size: 1.05rem; letter-spacing: 1px;}
.ev_countup section#countup .detail .prize dd{font-size: 2rem; padding: 0.75rem 0;}
.ev_countup section#countup .detail .prize .images{width: 75%;}

.ev_countup section#countup .detail .notes{font-size: 1.6rem;}
.ev_countup section#countup .detail .notes dl{text-align: left;}
.ev_countup section#countup .detail .notes dt{font-size: 1.05rem; letter-spacing: 1px;}
.ev_countup section#countup .detail .notes dd{font-size: 2rem; padding: 0.75rem 0 1.5rem;}
.ev_countup section#countup .detail .notes dd:last-of-type{padding: 0.5rem 0 0;}

.ev_countup section#countup .detail .cell.lot{width: 80%; max-width: 320px; margin: 1.75rem auto; padding: 0;}
.ev_countup section#countup .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_countup section#countup .detail .cell div.btn-lot.enable{background: #f00; border: 2px solid #C01316; cursor: pointer;}
.ev_countup section#countup .detail .cell div.btn-lot.enable a{color: #fff;}
.ev_countup section#countup .detail .cell div.btn-lot.hit{background: #f00; border: 2px solid #C01316; cursor: pointer;}
.ev_countup section#countup .detail .cell div.btn-lot.disable{color: #666; background: #aaa; border: 2px solid #666;}
.ev_countup section#countup .detail .cell div.btn-lot:hover{opacity:.75;}

.ev_countup section#countup .detail .switch{flex-direction: column;}
.ev_countup section#countup .detail .switch .btn-lot{width: 55% !important; margin: 0.5rem auto 0 !important;}
.ev_countup section#countup .detail .switch date{display: block; width: 95%; max-width: 340px; background: #333; color: #fff; font-size: 1.4rem; text-align: center; padding: 0.75rem 1rem 0.5rem; margin: 0 auto 1rem;}
.ev_countup section#countup .detail .switch p{color: #333; font-size: 1.6rem; font-weight: 700; text-align: center; margin: 0;}
.ev_countup section#countup .detail .switch p.tips{font-size: 1.25rem; font-weight: inherit;}
.ev_countup section#countup .detail .switch p.disable{font-size: 1.4rem;}

/* notice */
.ev_countup section#notice h3{font-size: 2.0rem; color: #333; margin: 0 0.5rem 1rem;}
.ev_countup section#notice ul{font-size: 1.15rem; margin: 0 0 0 2.5rem; padding: 1rem;}
.ev_countup section#notice ul > li{list-style: disc; margin: 0 0 0.75rem;}

/* form */
.ev_countup section#evc_form{width: 100%; background: #eee; color: #333; padding: 2rem;}
.ev_countup section#evc_form .detail{border: 2px solid #D61518; padding: 5.5rem 2rem 2rem; position: relative;}
.ev_countup section#evc_form .detail h3{width: 70%; max-width: 200px; background: #D61518; color: #fff; font-size: 1.6rem; font-weight: 700; letter-spacing: 0; line-height: 0.75em; 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_countup section#evc_form .detail .formTbl {border: 1px solid #ddd;}
.ev_countup section#evc_form .detail .formTbl th {background: rgb(0 0 0 / 0.05);}
.ev_countup section#evc_form .detail .formTbl td {background: rgb(255 255 255 / 0.85); border-bottom: 1px solid #ddd;}

/*** 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;}
.evc_lot .wrap {top: 50dvh !important; width: 580px !important; margin: -320px auto 0 !important;}
.evc_lot .wrap .cont {min-width: auto !important; min-height: auto !important;}
.evc_lot .wrap .cont .tc-detail {width: 90%; max-width: 600px; height: auto; max-height: 85vh; position: fixed; overflow-y: scroll;}
.evc_lot .title{text-align: center; padding: 0.25rem 2.5rem;}
.evc_lot .title h4{margin: 10px 0 15px; padding: 0;}
.evc_lot .title p{font-size: 2rem; font-weight: 600; margin: 0; padding: 0;}
.evc_lot .img{padding: 0 2.5rem;}
.evc_lot .img img{width: auto; max-width: 100% !important;}
.evc_lot .lot-btn{padding: 0 2.5rem;}
.evc_lot .lot-btn a {display: block; width: 55% !important; max-width: 320px; font-size: 1.6rem; font-weight: 700; line-height: 1; text-align: center; color: #fff; background: #f00; border: 2px solid #C01316; border-radius: 50px; padding: 1.15rem; margin: 1rem auto;}
.evc_lot .lot-btn a:hover {opacity: .75;}
.evc_lot .lot-btn p{margin: 0;}
.evc_lot .lot-btn p.color-red{color: #D61518;}


/*responsive ==============================================================================*/
@media (max-width: 1024px) {
}

@media (max-width: 767px) {
/*smart phone*/
	/* description */
	.ev_countup section#description .ec_desc{font-size: 1.6rem;}
	.ev_countup section#description date{width: 100%; font-size: 1.35rem; margin: 1.5rem auto;}
	.ev_countup section#description date em{font-size: 0.9rem; margin: 0 -3px;}
	.ev_countup section#description .announce{width: 100%; max-width: 480px;}
	.ev_countup section#description .announce p.tips{font-size: 1.15rem;}
	.ev_countup section#description .announce .alert{width: 95%; max-width: 480px; font-size: 1.5rem; margin: 1.5rem auto;}
	.ev_countup section#description .announce .alert .glyphicon:before{font-size: 1.6rem; margin: 0 3px 0 0;}
	.ev_countup section#description .announce .alert .period{margin: 0.25rem 0 0; font-size: 1.25rem;}
	.ev_countup section#description .announce .alert em{font-size: 0.9rem; margin: 0 -3px;}
	/* playdata */
	.ev_countup section#countup .detail{padding: 4.5rem 1.5rem 1.5rem;}
	.ev_countup section#countup .detail h3{width: 50%; max-width: 180px; font-size: 1.35rem; padding: 1.0rem 1.25rem 1.0rem 0.5rem;}
	.ev_countup section#countup .detail .cell.info{margin: 0.5rem auto; flex-direction: column;}
	.ev_countup section#countup .detail .info_ttl{width: 100%; font-size: 1.45rem; padding: 1rem;}
	.ev_countup section#countup .detail .info_ttl a{padding: 0.5rem 0.75rem 0.25rem; margin: 0 0 0 0.75rem; vertical-align: 2px;}
	.ev_countup section#countup .detail .h-shop,
	.ev_countup section#countup .detail .count,
	.ev_countup section#countup .detail .prize,
	.ev_countup section#countup .detail .notes,
	.ev_countup section#countup .detail .switch{
		padding: 1.5rem;
	}
	.ev_countup section#countup .detail .h-shop{font-size: 1.6rem; text-align: center;}
	.ev_countup section#countup .detail .count{font-size: 1.4rem; text-align: center;}
	.ev_countup section#countup .detail .count em{font-size: 2.75rem; margin: 0 0.15rem;}
	.ev_countup section#countup .detail .notes dt{font-size: 0.95rem;}
	.ev_countup section#countup .detail .notes dd{font-size: 1.4rem; padding: 0.5rem 0 1rem;}
	.ev_countup section#countup .detail .prize dt{font-size: 0.95rem;}
	.ev_countup section#countup .detail .prize dd{font-size: 1.4rem; padding: 0.5rem 0 1rem;}
	.ev_countup section#countup .detail .prize .images{max-width: 260px;}
	.ev_countup section#countup .detail .switch .btn-lot{width: 85% !important; max-width: 280px; margin: 0.5rem auto !important;}
	.ev_countup section#countup .detail .switch date{width: 100%; max-width: 280px; font-size: 1.15rem; padding: 0.75rem 1rem 0.5rem;}
	.ev_countup section#countup .detail .switch p{font-size: 1.2rem;}
	.ev_countup section#countup .detail .switch p.tips{font-size: 1.0rem;}
	.ev_countup section#countup .detail .switch p.disable{font-size: 1.1rem;}
	/* notice */
	.ev_countup section#notice h3{font-size: 1.6rem; margin: 0 1.5rem 0.5rem;}
	.ev_countup section#notice ul{margin: 0 0 0 2.5rem;}
	/* Lottery */
	.evc_lot .lot-btn a {width: 90% !important; font-size: 1.4rem;}
	/* form */
	.ev_countup section#evc_form .formTbl th {width: 35%; font-size: 12px;}
	.ev_countup section#evc_form .formTbl .tag {font-size: 10px; line-height: 16px; padding: 1px 6px;}
}

@media (max-width: 400px) {
	/* description */
	.ev_countup section#description .ec_desc {font-size: 1.5rem;}
	.ev_countup section#description date{font-size: 1.15rem;}
	.ev_countup section#description date em{font-size: 0.65rem;}
    .ev_countup section#description .alert .period {margin: 0; font-size: 1.10rem;}
    .ev_countup section#description .alert em {font-size: 0.85rem; margin: 0 -3px;}
	/* playdata */
	.ev_countup section#countup .detail .h-shop {font-size: 1.4rem; padding: 1.25rem;}
	.ev_countup section#countup .detail .count em {font-size: 2.25rem;}
    .ev_countup section#countup .detail .notes {padding: 1.4rem; padding: 1.25rem;}
}