@charset "utf-8";
/* 2026/05 update*/

/*** ItemPrsent - Common ***/
.ev_present{}
.ev_present a:hover{opacity:.75;}

/* description */
.ev_present section#description{background-color: #fff; padding: 2rem;}
.ev_present section#description .announce{width: 95%; max-width: 480px; background: #fff9f9; border: 1px solid #D61518; line-height: 2.25rem; margin: 0 auto;}
.ev_present 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_present section#description .announce p.tips span{background: #fff; color: #d61518; font-size: 1.05rem; font-weight: 700; line-height: 1; border-radius: 4px; padding: 3px 5px 1px; margin: 0 0.25rem; vertical-align: 2px;}
.ev_present section#description .announce .alert{display: block; width: 90%; max-width: 415px; font-size: 1.6rem; text-align: center; margin: 2rem auto; position: relative;}
.ev_present section#description .announce .alert .glyphicon:before{font-size: 1.7rem; color: #d61518; margin: 0 5px 0 0; vertical-align: -2px;}
.ev_present 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_present section#description .announce .alert .period{display: block; margin: 0.65rem 0 0; font-size: 1.65rem; color: #d61518;}
.ev_present section#description .announce .alert em{font-size: 1.15rem; margin: 0 -4px;}

/* evi_present */
.ev_present section#present{width: 100%; background: #eee; color: #333; padding: 2rem;}
.ev_present section#present .detail{border: 2px solid #D61518; padding: 5.5rem 2rem 2rem; position: relative;}
.ev_present section#present .detail:nth-child(n+2){margin-top: 2rem;}
.ev_present section#present .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_present section#present .detail .box-tbl{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ev_present section#present .detail .cell.info{width: 100%; display: flex; margin: 0.25rem auto; padding: 0; text-indent: 0; line-height: 1;}
.ev_present section#present .detail .info_ttl{
	width: 30%; 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_present section#present .detail .notes,
.ev_present section#present .detail .switch{
	width: 100%;
	display: flex; align-items: center;
	color: #666; background: rgb(0 0 0 / 0.05);
	padding: 2rem;
}

.ev_present section#present .detail .receive{background: rgb(0 0 0 / 0.15); padding: 2rem; text-align: center;}
.ev_present section#present .detail .receive .notes{background: none; padding: 0; margin: 1.5rem 0 0; flex-direction: column;}
.ev_present section#present .detail .receive .notes p{color: #fff; font-weight: 700; margin: 0;}

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

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

.ev_present section#present .detail .switch{flex-direction: column;}
.ev_present section#present .detail .switch .btn-lot{width: 55% !important; margin: 0.5rem auto 0 !important;}
.ev_present section#present .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_present section#present .detail .switch p{color: #333; font-size: 1.6rem; font-weight: 700; text-align: center; margin: 0.75rem 0 0;}
.ev_present section#present .detail .switch p.tips{font-size: 1.25rem; font-weight: inherit;}

.ev_present section#present .detail .switch .notice{width: 100%; max-width: 580px; border: 2px solid #999; padding: 2rem; margin: 2rem auto; background: rgb(255 255 255 / 0.25);}
.ev_present section#present .detail .switch .notice ul > li{list-style: disc; margin: 0.5rem 0 0.5rem 15px;}
.ev_present section#present .detail .switch .notice ul > li b{font-size: 1.5rem; color: #b1984c;}

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

@media (max-width: 767px) {
/*smart phone*/
	/* description */
	.ev_present section#description .ec_desc{font-size: 1.6rem;}
	.ev_present section#description date{width: 100%; font-size: 1.35rem; margin: 1.5rem auto;}
	.ev_present section#description date em{font-size: 0.9rem; margin: 0 -3px;}
	.ev_present section#description .announce{width: 100%; max-width: 480px;}
	.ev_present section#description .announce p.tips{font-size: 1.15rem;}
	.ev_present section#description .announce .alert{width: 95%; max-width: 480px; font-size: 1.5rem; margin: 1.5rem auto;}
	.ev_present section#description .announce .alert .glyphicon:before{font-size: 1.6rem; margin: 0 3px 0 0;}
	.ev_present section#description .announce .alert .period{margin: 0.25rem 0 0; font-size: 1.25rem;}
	.ev_present section#description .announce .alert em{font-size: 0.9rem; margin: 0 -3px;}
	/* playdata */
	.ev_present section#present .detail{padding: 4.5rem 1.5rem 1.5rem;}
	.ev_present section#present .detail h3{width: 50%; max-width: 180px; font-size: 1.35rem; padding: 1.0rem 1.25rem 1.0rem 0.5rem;}
	.ev_present section#present .detail .cell.info{margin: 0.5rem auto; flex-direction: column;}
	.ev_present section#present .detail .info_ttl{width: 100%; font-size: 1.45rem; padding: 1rem;}
	.ev_present section#present .detail .info_ttl a{padding: 0.5rem 0.75rem 0.25rem; margin: 0 0 0 0.75rem; vertical-align: 2px;}
	.ev_present section#present .detail .notes,
	.ev_present section#present .detail .switch{padding: 1.5rem;}

	.ev_present section#present .detail .receive{padding: 0.75rem;}
	.ev_present section#present .detail .receive .notes{margin: 1rem 0 0;}
	.ev_present section#present .detail .receive .notes p {font-size: 1.25rem;}

	.ev_present section#present .detail .notes dt{font-size: 0.95rem;}
	.ev_present section#present .detail .notes dd{font-size: 1.4rem; padding: 0.5rem 0 1rem;}
	.ev_present section#present .detail .switch .btn-lot{width: 85% !important; max-width: 280px; margin: 0.5rem auto !important;}
	.ev_present section#present .detail .switch date{width: 100%; max-width: 280px; font-size: 1.15rem; padding: 0.75rem 1rem 0.5rem;}
	.ev_present section#present .detail .switch p{font-size: 1.2rem;}
	.ev_present section#present .detail .switch p.tips{font-size: 1.0rem;}
	.ev_present section#present .detail .switch p.disable{font-size: 1.1rem;}
	.ev_present section#present .detail .switch .notice{padding: 1.25rem; margin: 1.5rem auto;}
}

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