@charset "UTF-8";
/* CSS Document */

.nightgame-page {
	background-image: url("/attending/trapics_nightgame/images/bg_page.png");
	background-position: top left;
	background-repeat: repeat;
	padding-bottom: 50px;
}
.nightgame-page .trans {
	opacity: 1;
}
.nightgame-page .trans:hover {
	opacity: 0.8;
}
.nightgame-page .contents {
	max-width: 1024px;
	margin: 0 auto;
}
.nightgame-page .section-top .content {
	padding: 30px 0 40px;
}

.nightgame-page .content_2 {
	text-align: center;
	padding: 30px 0;
}

.nightgame-page .section-top .img img {
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}
.nightgame-page .section-campaign .inner-section {
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 0 0 10px 10px;
}
.nightgame-page .section-campaign .inner-section .item {
	display: flex;
	align-items: flex-start;
	padding: 18px 0 30px;
	position: relative;
}
.nightgame-page .section-campaign .inner-section .item.borB:first-child:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	height: 1px;
	width: 98%;
	background-color: black;
	transform: translateX(-50%);
}
.nightgame-page .section-campaign .inner-section .item:nth-child(2) .txt {
	font-weight: 400;
}
.nightgame-page .section-campaign .inner-section .item .tag {
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
	color: #ffffff;
	position: absolute;
	background-color: #e72518;
	font-weight: 900;
	padding: 10px 8px;
	margin-right: 20px;
}
.nightgame-page .section-campaign .inner-section .item .tag:before {
	position: absolute;
	content: "";
	top: 0;
	right: -10px;
	width: 0;
	height: 0;
	border-top: 27px solid transparent;
	border-bottom: 27px solid transparent;
	border-left: 10px solid #e72518;
}
.nightgame-page .section-campaign .inner-section .item .txt {
	font-size: 21px;
	line-height: 1.5;
	color: black;
	font-weight: 600;
}

.nightgame-page .section-campaign .inner-section .txt p {
	font-size: 13px;
	line-height: 1.6;
	color: black;
	margin-bottom: 15px;
}

.nightgame-page .section-campaign .inner-section .campaign-list {
	padding-left: 115px;
	position: relative;
	margin-top: -30px;
}
.nightgame-page .section-campaign .inner-section .campaign-list-item {
	padding-bottom: 30px;
}
.nightgame-page .section-campaign .inner-section .campaign-list-item:last-child {
	margin-top: -14px;
	display: flex;
}
.nightgame-page .section-campaign .inner-section .campaign-list-item:last-child .img:first-child {
	margin-right: 20px;
}
.nightgame-page .section-campaign .inner-section .campaign-contents {
	padding: 30px 20px 0;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item {
	padding-bottom: 17px;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item:last-child {
	padding-bottom: 3px;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .title {
	position: relative;
	font-size: 24px;
	line-height: 1;
	padding-left: 10px;
	margin-bottom: 16px;
	color: #040000;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .title span {
	font-size: 18px;
	color: inherit;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .title:after {
	position: absolute;
	content: "";
	bottom: -16px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #e72518;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .title:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 6px;
	height: 100%;
	background-color: #e72518;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .txt {
	padding-top: 15px;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .txt p {
	font-size: 14px;
	line-height: 1.6;
	color: black;
	margin-bottom: 15px;
	letter-spacing: 0.075em;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .txt p > span {
	font-size: 18px;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .txt .img {
	text-align: center;
	margin: 23px 0 25px;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .table-txt {
	padding-left: 57px;
	margin-top: -17px;
	margin-bottom: 3px;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .table-txt table {
	width: 100%;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .table-txt table tr:last-child td:nth-child(1) {
	width: 100%;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .table-txt table tr td {
	font-size: 14px;
	line-height: 1.7;
	color: black;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .table-txt table tr td:nth-child(1) {
	width: 35px;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .table-txt table tr td:nth-child(2) {
	width: 300px;
}
.nightgame-page .section-campaign .inner-section .campaign-contents-item .table-txt table tr td.td-bold {
	width: 300px;
}
.nightgame-page .section-campaign .inner-section .txt-bottom {
	padding: 16px 20px 10px;
}
.nightgame-page .section-campaign .inner-section .txt-bottom a {
	font-size: 16px;
	line-height: 1.5;
	color: #0600ff;
}
.nightgame-page .section-campaign .inner-section .txt-bottom p {
	font-size: 16px;
	line-height: 1.5;
	color: black;
}
.nightgame-page .section-campaign .inner-section .txt-bottom .last {
	padding-left: 20px;
}
.nightgame-page .section-campaign .inner-section .to-top {
	position: fixed;
	right: 42%;
	bottom: 20px;
	transform: translateX(512px);
	cursor: pointer;
	z-index: 1000;
}
.nightgame-page .section-campaign .title-red {
	text-align: center;
	padding: 30px 0;
}
.nightgame-page .section-campaign .title-red img {
	width: auto;
}
.nightgame-page .section-campaign .no {
	display: flex;
	justify-content: space-between;
	margin: 40px 0;
}
.nightgame-page .section-campaign .no .no-item {
	position: relative;
	pointer-events: none;
}
.nightgame-page .section-campaign .no .no-item:before {
	background: rgba(255, 255, 255, 0.7);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.video-js {
	margin: 0 auto 30px;
}

/*# sourceMappingURL=index.css.map */

/* .section-top {
	background-image: url(/attending/trapics_nightgame/images/mv_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
} */

.mv {
	text-align: center;
	padding-top: 30px;
}

.mv img {
	width: 1024px;
}

.subTitle {
	text-align: center;
	margin-top: -10px;
}

.subTitle img {
	width: 1024px;
}

.section-campaign-anc {
	width: 1024px;
	margin: 0 auto;
}

.section-campaign-anc h2 {
	text-align: center;
}

.section-campaign-anc ul {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.section-tweet {
	width: 1024px;
	margin: 30px auto;
}

.term {
	width: 1024px;
	text-align: center;
	font-size: 23px;
	line-height: 1.2;
	line-height: 1;
	background-color: #02003a;
	padding: 8px 0;
	color: #fff;
}

.corona {
	padding: 10px 30px;
}

.term span {
	font-size: 18px;
	line-height: 1;
	color: #fff;
}

.term_dl {
	display: flex;
	justify-content: center;
	width: 1024px;
	text-align: center;
	font-size: 20px;
	background-color: #02003a;
	padding: 8px 0;
	color: #fff;
}

.term_dl dt {
	display: flex;
	align-items: center;
	background-color: #fff;
	color: #02003a;
}

.term_dl dd span {
	font-size: 16px;
}

/*アコーディオン*/
.toggle_title {
	display: inline-block;
	padding: 20px 10px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	width: 1024px;
	line-height: 1.2;
	text-align: center;
	background-color: #000000;
	position: relative;
	cursor: pointer;
	transition: 0.3s;
	margin-top: 30px;
}

.toggle_title:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/attending/trapics_nightgame/images/plus.png) no-repeat right top;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	transition: 0.2s;
}

.toggle_title.selected:after {
	background: url(/attending/trapics_nightgame/images/minus.png) no-repeat right top;
	transform: translateY(-50%) rotate(180deg);
	transition: 0.2s;
}

.mt300 {
    margin-top: 300px !important;
}

.toggle_txt {
	display: none;
}

.nightgame-page .section-campaign .inner-section .campaign-contents-item .txt p span {
	font-size: 14px;
	line-height: 1.6;
	color: black;
	padding-left: 1em;
	text-indent: -1em;
	display: block;
}

.txt a {
	font-size: 14px;
	color: #0600ff;
}

.nightgame-page .section-campaign .inner-section .campaign-contents-item .txt p.emphasis,
.nightgame-page .section-campaign .inner-section .campaign-contents-item .txt p.emphasis a {
	font-size: 18px;
	font-weight: bold;
}

/*.nolink {
	pointer-events: none;
	color: #000;
}*/

.method {
	background-color: #020044;
	padding: 0 20px 20px;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

.method dl {
	border: solid 2px #ffffff;
	color: #ffffff;
	text-align: center;
	margin-top: 10px;
	padding: 10px;
}

.method dl dt {
	font-size: 24px;
	font-weight: bold;
}

.method dl dt img {
	width: auto;
}

.method dl dd {
	margin-top: 10px;
	overflow: hidden;
	/*display: flex;
	justify-content: space-between;*/
}

.method dd a {
	width: 482px;
	height: auto;
	display: inline-block;
}

.method dd a:hover {
	opacity: 0.7;
}

/* .method dd:last-child {
	float: right;
} */

#btnToTop {
	display: none;
}

h2.title {
	font-weight: 600;
}

.last.disc {
	padding-left: 2em;
	text-indent: -1em;
}

.line {
	text-decoration: underline;
}
/*
     FILE ARCHIVED ON 08:19:56 Jun 26, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:23:01 May 02, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.468
  exclusion.robots: 0.056
  exclusion.robots.policy: 0.05
  cdx.remote: 0.044
  esindex: 0.008
  LoadShardBlock: 172.421 (3)
  PetaboxLoader3.datanode: 96.904 (5)
  PetaboxLoader3.resolve: 103.772 (2)
  load_resource: 224.161
  loaddict: 121.681
*/

.illust {
	position: relative;
}

.illust01 {
	position: absolute;
	top: 190px;
	left: 20px;
	transform: scale(0.85);
}

.illust02 {
	position: absolute;
	top: 130px;
	right: 50px;
}

.line {
	margin: 50px auto;
	width: 1024px;
}

.post {
	font-size: 22px;
	font-weight: 600;
	color: #f00;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*マスク掛けここから*/
.mask {
	position: relative;
	width: 1024px;
	height: 445px;
}
.absolute01 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
    width: 1024px;
    height: 445px;
}
p.absolute03 {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 3;
	color: #ffffff;
	font-size: 35px;
	font-weight: bold;
}

.mask2 {
	position: relative;
	width: 1024px;
	height: 628px;
}
.absolute02 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
    width: 1024px;
    height: 628px;
}
p.absolute04 {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 3;
	color: #ffffff;
	font-size: 35px;
	font-weight: bold;
}

.mask3 {
	position: relative;
	width: 1024px;
	height: 314px;
}
.absolute05 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
    width: 1024px;
    height: 314px;
}
p.absolute06 {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 3;
	color: #ffffff;
	font-size: 35px;
	font-weight: bold;
}

.mask4 {
	position: relative;
	width: 1024px;
	height: 352px;
}
.absolute07 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
    width: 1024px;
    height: 352px;
}
p.absolute08 {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 3;
	color: #ffffff;
	font-size: 35px;
	font-weight: bold;
}
/*マスク掛けここまで*/

.nightgame-page .section-campaign #cp02 .inner-section .item .txt {
    text-align: left;
	padding-left: 130px;
}

.nightgame-page .section-campaign #cp02 .inner-section .item p {
	width: 100%;
	text-align: center;
	padding-left: 20px;
}

.nightgame-page .section-campaign #cp02 .inner-section .item p.illust03 {
	position: absolute;
    top: 100px;
    right: 60px;
	width: 123px;
	height: 201px;
	padding-left: 0;
}

.nightgame-page .section-campaign #cp02 .inner-section .item p.illust04 {
	position: absolute;
    top: 250px;
    left: 25px;
	width: 80px;
	height: 181px;
	padding-left: 0;
}

.nightgame-page .section-campaign #cp03 .inner-section .item p {
	width: 100%;
	text-align: center;
}

:where(.contents) img {
	width: auto;
}