@charset "utf-8";

body{
	box-sizing: border-box;
        }

img{
	image-rendering: -webkit-optimize-contrast;
	-webkit-backface-visibility: hidden;
}


:where(.base-header .monster-front, .base-header h1){
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}



/*		div.fontwrapper{
			font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
		}*/

        .head-bg{
        }
        .head-bg .head-bg-clippath{
        	position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 400vh;
			-webkit-clip-path: inset(0);
					clip-path: inset(0);
			z-index: -1000;
			margin: 80px auto 0;		
        }
        .head-bg .head-bg-clippath .head-bg-clippath-after::after{
			content: "";
		    position: fixed;
		    top: 1%;
		    left: -1%;
		    width: 102%;
		    height: 102%;
		    background-image: linear-gradient(rgb(255 255 255 / 26%), rgb(0 0 0 / 72%), rgb(0 0 0 / 85%)), url(../images/head_mainvisual_pc.png);
		    background-repeat: no-repeat;
		    background-position: center 22%;
		    background-size: 137%;
		    filter: blur(5px);
        }

        .head-wrapper{
            position: relative;
            aspect-ratio: 11 / 7;
            width: 100%;
            max-width: 1000px;
            margin: 45px auto 0;
            overflow: hidden;
            background-image: url(../images/head_mainvisual_pc.png);
            background-size: 100% auto;
            background-position:top center;
            background-repeat: no-repeat;
        }





		.head-adjuster {
		    position: absolute;
		    width: 100%;
		    max-width: 1000px;
		    aspect-ratio: 21.5 / 9;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    -webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		}
		.head-adjuster img.head-logo {
		    position: absolute;
		    width: 46%;
		    max-width: 100%;
		    top: 49%;
		    left: 71%;
		    transform: translate(-50%, -50%);
		    -webkit-transform: translate(-50%, -50%);
		}

	        @media screen and (max-width: 767px){

				.head-adjuster img.head-logo {
				position: absolute;
		        width: 55%;
		        max-width: 100%;
		        top: 50%;
		        left: 50%;
		        transform: translate(-50%, -50%);
		        -webkit-transform: translate(-50%, -50%);
				}

				.head-bg .head-bg-clippath .head-bg-clippath-after::after {
					top: -1%;
				    left: -3%;
				    width: 105%;
				    height: 105%;
				    background-position: center 3%;
				    background-size: 248%;
				}

	        }




        .head-intro{
        	width: 100%;
        	position: relative;
        	margin: 0 auto;
        	padding-bottom: 28px;
		    background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 60%));
		    text-align: center;
		    box-sizing: border-box;
        }
        .adjust-width{
        	width: 100%;
        	max-width: 1200px;
        	margin: 0 auto 40px;
        	padding: 0 30px;
        	box-sizing: border-box;
        }
/*        .entity{
        	width: 100%;
        	height: 100vw;
        	aspect-ratio:  16 / 9;
        }*/

		.guideline {
		    padding: 35px 0;
		}




		h3.catchphrase{
		    width: 100%;
		    margin: 0 auto 20px;
		    padding-top: 0;
		    text-align: center;
		}
		h3.catchphrase img{
			max-width: 100%;
		}
		p.bodycopy {
		    position: relative;
		    text-align: center;
		    width: 95%;
		    color: #fff;
		    line-height: 2em;
		    box-sizing: border-box;
		    display: inline-block;
		    vertical-align: middle;
		}
		img.fusion{
			display: block;
		    opacity: 0;
		    width: 90%;
		    max-width: 1200px;
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    -webkit-transform: translate(-50%, -50%);
		    mix-blend-mode: plus-lighter;
		    filter: brightness(177%);
		    z-index: -100;
		    box-sizing: border-box;
		}
		.slide{
			box-sizing: border-box;
/*			opacity:1;
			translate: 0 50px;*/
		}
		.prize-cards-box {
		    width: 100%;
		    max-width: 529px;
		    height: 100%;
		    padding-top: 40%;
		    margin: 28px auto 10px;
		    background-image: url(../images/prize-cards.png);
		    background-size: 100%;
		    background-repeat: no-repeat;
		    background-position: top center;
		    overflow: hidden;
		}



		span.prize-1 {
		    display: block;
		    width: 95%;
		    background-color: rgb(255 14 0 / 84%);
		    padding: 0.3em 1em;
		    margin: 0 0 0.5em;
		    border-radius: 17px;
		    font-weight: bold;
		    color: #ffffff;
		}

		span.prize-2 {
		    display: block;
		    width: 95%;
		    background-color: rgb(0 129 243);
		    padding: 0.3em 1em;
		    margin: 0.5em 0 0.5em;
		    border-radius: 17px;
		    font-weight: bold;
		    color: #ffffff;
		    margin-top: .5em;
		}

		div.annotation {
		    border: 2px solid #ccc;
		    position: relative;
		    font-size: 0.9em;
		    font-weight: bold;
		    color: #ff0e0e;
		    padding: 1em 1em 1em 1.5em;
		    margin: 2em auto 1.5em 0;
		    box-shadow: 0 0 0 1px #fff inset;
		    background: rgb(241 241 241 / 70%);
		    box-sizing: border-box;
		}

		div.annotation.fsn::before {
			content: "特別ルール";
			position: absolute;
			left: 0;
			top: 0;
			background: #f00;
			color: #fff;
			font-weight: bold;
			width: 8.4em;
			height: 1.4em;
			left: 1.5em;
			top: -1em;
			text-align: center;
			line-height: 1.5em;
			border-radius: .3em;
			box-shadow: 1px 1px 0 1px #ccc;
		}


		dl.must-cards{
			background-color: #fff;
			/*    border: 1px solid #ccc;*/
		}
		dl.must-cards dt,
		dl.must-cards dd{
		    padding: 0.5em;
		    border-bottom: 1px solid #ccc;
		}
		dl.must-cards dt{
			background-color: #fff;
		}
		table.must-cards{
			background-color: #fff;
		    border: 5px solid #d1d1d1;
		    font-size: 90%;
		}
		table.must-cards tr{
			border-bottom: 1px solid #ccc;
		}
		table.must-cards td{
			padding: .5em;
		}
		.th-prize1[class] {
		    background-color: rgb(255 14 0 / 84%);
		    color: #fff;
		    font-weight: bold;
		}
		.th-prize2[class] {
		    background-color: rgb(0 129 243);
		    color: #fff;
		    font-weight: bold;
		}


		.page-contents figure.prize.mb3 {
		    margin-bottom: 4em;
		}

		.width-txt{
			min-width: 12em;
		}
		.under-line1{
		    padding: 0 10px;
		    background: linear-gradient(transparent 64%, #ff2b1c 64%, #ff493c 90%, transparent 90%);
		    font-weight: bold;
		    font-size: 110%;
		}
		.under-line2{
			padding: 0 10px;
		    background: linear-gradient(transparent 64%, #009fff 64%, #08a5ffcf 90%, transparent 90%);
		    font-weight: bold;
		    font-size: 110%;		
		}
		.color-yellow{
			color: #f94700;
		}





		.img-rules{
			width: 100%;
			max-width: 820px;
			margin-top: 1.2em;
		}
		.icon-newrules {
		    max-width: 640px;
		    color: #ccc;
		    text-align: center;
		    margin: 0;
		}
		.icon-newrules p {
		    width: 100%;
		    display: flex;
		    align-items: center;
		    background-color: #fff;
		    padding: 15px;
		    box-sizing: border-box;
		    color: #757575;
		}
		.icon-newrules img, .icon-newrules span {
		    display: block;
		}
		.icon-newrules img {
		    margin: 0 7px;
		    box-sizing: border-box;
		}
		.icon-newrules span {
		    width: 73%;
		    margin: 1em 0 0 1em;
		    text-align: left;
		    font-size: .9em;
		    line-height: 1.8em;
		    color: #000;
		}
		span.add-notice-legend {
		    position: relative;
		    width: 100%;
		    margin: 1em 0;
		    border: 2px solid #d4caab;
		    padding: 10px;
		    box-sizing: border-box;
		    border-radius: 5px;
		}

				@media screen and (max-width: 640px){

						.icon-newrules p {
						   display:block;
						}
						.icon-newrules img {
					    width: 50%;
					    margin: 0 auto;
					    box-sizing: border-box;
						}
						.icon-newrules span {
							width: 100%;
						    margin: 1em 0 0 0em;
						}
				}






	.mt1{
		margin-top: 1.5em;
    	line-height: 1.6em;
	}

	.how-to-receive th.guest {
	    background-color: #ffec63;
	}
	.how-to-receive td.guest {
	    background-color: #fffbe5;
	}
	.how-to-receive th.shop {
	    background-color: #c1e9f5;
	}
	.how-to-receive td.shop {
	    background-color: #e1f8ff;
	}

	.caution-red {
	    color: #ff0000;
	}

						@media screen and (max-width: 1200px){

							.prize-cards-box {
								width: 58%;
								padding-top: 462px;
							}

						}


						@media screen and (max-width: 1000px){

							.head-bg .head-bg-clippath .head-bg-clippath-after::after {
/*								background-size: 135%;
						        background-position: center center;
						        background-image: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 77%), rgb(0 0 0)), url(../images/head_mainvisual.jpg);*/
						        filter: blur(6px);
							}
							.head-wrapper {
								margin: 45px auto 0;
							}

						}

						@media screen and (max-width: 940px){

							.prize-cards-box {
						        margin: 15px auto 0px;
								width: 58%;
								padding-top: 52%;
							}

						}

				        @media screen and (max-width: 767px){


							.head-bg .head-bg-clippath .head-bg-clippath-after::after {
/*						        background-image: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 20%), rgb(0 0 0)), url(../images/head_mainvisual.jpg);
						        background-size: 284%;
						        opacity: 1;*/
							}



					        .head-wrapper{
					            aspect-ratio: 52 / 35;
								background-size: 114% auto;
								margin: 38px auto 0;
					        }
					        .head-adjuster {
								width: 105%;
						        aspect-ratio: 21.5 / 9;
						        top: 72%;
						        left: 51%;
							}

					        .head-wrapper{
						        position: relative;
						        aspect-ratio: 55 / 48;
						        width: 100%;
						        max-width: 1000px;
						        margin: 38px auto 0;
						        overflow: hidden;
						        background-image: url(../images/head_mainvisual_sp.png);
						        background-size: 100% auto;
						        background-position: top center;
						        background-repeat: no-repeat;
					        }

					        .adjust-width{
					        	padding: 0 0;
					        }
					        h3.catchphrase img {
    							max-width: 96%;
							}
							p.bodycopy{
								font-size: 85%;
								/*height: 134px;*/
							}
							img.fusion {
							    top: 50%;
							    width: 90%;
							}
							.prize-cards-box {
						        margin: 15px auto 0px;
								width: 58%;
								padding-top: 52%;
							}

						}


@keyframes anm-kira {
	0% {
		opacity: 1;
	}
		
	50% {
		transform: rotate(2deg);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}





.adjust-headerinfo{
}

.sp_br{
	display: none;
}
.pc_br{
	display: block;
}
.mt{
	margin-top: 1em;
}
.mt2{
	margin-top: 2em;
}
.mt4{
	margin-top: 4em;
}
.mb1{
	margin-bottom: 1em;
}
.mb3{
	margin-bottom: 3em;
}
.mb{
	margin-bottom: 3em;
}
.page-contents .btn-style.grayout,
.page-contents .btn-style.btn-neuron.grayout{
	background-color: #bebebe;
    box-shadow: 0 0 0 1px #d8d8d8 inset, .2em .2em 0 0 rgba(0, 0, 0, .3);
    color: #fff;
}

.line_margin{
	border-top: 1px solid #ccc;
	margin: 2em 0;
}
.emphasis_1{
	/*font-size: 110%;*/
	line-height: 1.8;
}
.emphasis_1 span{
}

.f-bold{
	font-weight: bold;
}
.flex{
	display: flex;
	align-items: flex-start;
}

span.under-line {
    padding: 0 10px;
    background: linear-gradient(transparent 60%, #ff5d008c 60%, #ff9800 90%,transparent 90%);
    font-weight: bold;
    font-size: 110%;
}
.small-center{
	display: block;
	text-align: center;
	font-size: .85em;
	opacity: .8;
}



	@media screen and (max-width:640px){

		.sp_br{
			display: block;
		}
		.pc_br{
			display: none;
		}
		.information table td span.flow {
			margin-bottom: 5px;
		    display: inline-block;
		}
		.information table td span.flow.gray {
		    display: inline-block;
		    margin-left: 1.4em;
		}
		.flex{
			display: block;
		}

	}


.template-page{
	padding: 1em;
	margin-bottom: -30px;
	padding-bottom: 50px;
}


section.event > *:last-child {
    margin-bottom: 0;
}


.catchcopy {
    display: block;
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: center;
    /* letter-spacing: 0.2em; */
    line-height: 1.9em;
        font-size: 94%;
}

.information {
    padding: 0 10px 2em;
	background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 0%));
}
.information h2 {
	width: 95%;
    max-width: 773px;
    margin: 0 auto;
    padding: 30px 0 0;
    text-align: center;
}
.information h2 img{
	width: 100%;
    max-width: 477px;
}
.information > div {
	display: block;
    width: 100%;
    max-width: 980px;
    box-shadow: none;
    border-radius: 0.5em;
	padding: 2em 0;
    background: none;
    margin: 0 auto;
    overflow: hidden;
}
.information .box_tbl {
	width: 100%;
    border-radius: 0.4em;
    box-shadow: none;
    padding: 0.5em 0.8em;
    background: rgb(0 0 0 / 40%);
    margin: 0 auto;
    box-sizing: border-box;
}
.information table {
    display: block;
    color: #2d2d2d;
    border-collapse: separate;
    border-spacing: 0.5em;
    font-size: 90%;
}
.information table th {
    background: rgb(75 75 75 / 72%);
    color: #fff;
    border-radius: 5px;
    text-align: center;
    width: 8em;
    min-width: 8em;
    padding: 0.2em 0;
    vertical-align: middle;
}
.information table td {
    text-align: left;
    padding: 0.2em 0 0.2em 0.5em;
    vertical-align: middle;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    color: #fff;
}
.information table td small {
	font-size: 90%;
}
.information table td span.flow {
	font-size: 90%;
	font-weight: bold;
    color: #000;
    background-color: #fff;
    border-radius: 13px;
    padding: 0.2em 0.7em;
}
.information table td span.flow.gray {
    color: #464646;
}
.information table td span.flow.blue {
    color: #0069eb;
}
.information table td span.flow.red {
    color: #ff5200;
}
.information table td.txt-yellow {
    color: #ff4b2c;
    font-weight: bold;
    font-size: 120%;
}

span.txt-red {
    color: #ff0000;
    font-weight: bold;
    font-size: 120%;
    display: block;
    margin-bottom: 1em;
}


			@media screen and (max-width:640px){
				span.txt-red {
				    text-align: center;
				}
				.information > div {
					padding: 1em 0 2em;
				}
			}


.page-contents.pdtp-0 {
    padding-top: 0em;
}
.page-contents a:not(.btn-style) {
    color: #ff7800;
}


/*-----------------add-----------------*/


table.event-list .pale-red {
    background-color: #fff;
}
table.event-list .pale-red span {
        padding: 0 10px;
    background: linear-gradient(transparent 60%, #ffcd6f 60%);
    font-weight: bold;
}
table.event-list .pale-blue {
    background-color: #fff;
}
table.event-list .pale-blue span {
        padding: 0 10px;
    background: linear-gradient(transparent 60%, #92dbff 60%);
    font-weight: bold;
}

table.event-list.shoplist {
    table-layout: fixed;
    width: 100%;
    font-size: 0.9em;
}
table.event-list.shoplist .width5 {
    width: 12%;
}
table.event-list.shoplist .bg-gray th,
table.event-list.shoplist .bg-gray td{
    background-color: #ddd;
}



table.event-list.shoplist th,
table.event-list.shoplist td{
    background-color: #eee;
}
table.event-list.shoplist td:nth-child(3) {
    /*text-align: left;*/
}

.box_tbl table tr td{
	width: 100%;
}

.flex-apply-flow{
/*    display: flex;*/
    width: 97%;
    margin: 1em auto;
    color: #fff;
    background-color: #ff0000;
}

	@media screen and (max-width:770px){
			.flex-apply-flow{
				/*flex-direction: column;*/
			}
	}

/*dl.apply-flow{
	text-align: center;
	width: 30%;
	padding: 1em;
	margin-right: 30px;
	background-color: #ccc;
	position: relative;
}
dl.apply-flow.red{
	background-color: #ff0000;
}
dl.apply-flow.green,
dl.apply-flow.green::before,
dl.apply-flow.green::after{
    background-color: #179700;
    z-index: 100;
}
dl.apply-flow.blue,
dl.apply-flow.blue::before,
dl.apply-flow.blue::after{
    background-color: #295fa3;
    z-index: 200;
}

dl.apply-flow::before{
    content: "";
    position: absolute;
    top: 0;
    left: -31px;
    width: 45px;
    height: 100%;
    background-color: #ff0000;
    clip-path: polygon(75% 0%, 70% 50%, 75% 100%, 0% 100%, 65% 50%, 0% 0%);
    z-index: 50;
}
dl.apply-flow::after{
    content: "";
    position: absolute;
    top: 0;
    right: -38px;
    width: 80px;
    height: 100%;
    background-color: #ff0000;
    clip-path: polygon(59% 0, 100% 50%, 59% 100%, 50% 100%, 50% 0);
    z-index: 50;
}

dl.apply-flow dt,
dl.apply-flow dd{
	display: inline-block;
	vertical-align: top;
	padding: .5em 0em .5em 1em;
	box-sizing: border-box;
}
dl.apply-flow dt{
	width: 9em;
}
dl.apply-flow dd{
	width: 70%;
}*/

.summary p.apply-flow{
    padding: 0.5em;
    background-color: #ff0000;
    position: relative;
    margin-bottom: 28px;
}


/*.apply-flow::before{
	content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 48%;
    background-color: #ff0000;
    clip-path: polygon(50% 98%, 100% 50%, 100% 100%, 0 100%, 0 50%);
    z-index: 50;
}*/
.apply-flow::after{
	content: "";
    position: absolute;
    bottom: -20px;
    left: 45%;
    width: 10%;
    height: 20%;
    background-color: #ff0000;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    z-index: 50;
}

	@media screen and (max-width:770px){
		.apply-flow::after {
		    bottom: -20px;
		}
	}



.apply-flow.last::after{
	display: none;
}

.apply-flow span{
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.summary p.apply-flow.green{
	background-color: #1bad12;
}
.summary p.apply-flow.green::after{
	background-color: #1bad12;
}
.summary p.apply-flow.last{
	background-color: #0072c3;
}


div.annotation.white {
    background-color: #fff;
    border: 1px solid #ff0000;
    padding: 0.7em 1.5em;
}
.notice_wrap.mt2_noborder {
    border: none;
    font-size: 102%;
    margin-bottom: 0;
}
.color-red{
	color: #ff0000;
	font-weight: bold;
}

div.btn-area {
    padding: 0.5em 0;
}
div.btn-area.grayout{
    opacity: 0.5;
}

div.btn-area a.btn-style {
	display: flex;
    font-size: 1em;
    color: #fff;
    max-width: 700px;
    margin: auto;
    padding: 2em 0 2em 2em;
    text-align: center;
    border-radius: 0.5em;
	background: linear-gradient(to bottom, rgba(255,162,0,1) 0%,rgba(255,78,0,1) 100%);
	/*background: linear-gradient(to bottom, rgb(129 129 129) 0%,rgb(213 213 213) 100%);*/
	/*box-shadow: 0 0 0 1px #ffeba0 inset , 0 0 .3em 0 #ff4e00 inset , .2em .2em 0 0 rgba(0,0,0,.3);*/
	box-shadow: 0 0 0 1px #ffffff inset, 0 0 0.3em 0 #8f8f8f inset, 0.2em 0.2em 0 0 rgb(0 0 0 / 30%);
}
div.btn-area.grayout.mb.preparation a.btn-style {
    color: #fff;
    background: linear-gradient(to bottom, rgb(189 189 189) 0%,rgb(0 0 0) 100%);
}
div.btn-area a.btn-style:hover {
	/*background: #ff4e00;*/
	transition: .0s;
	box-shadow: 0 0 0 1px #fff inset , 0 0 .3em 0 #fff inset , .2em .2em 0 0 rgba(0,0,0,.3);
	/*box-shadow: 0 0 0 1px #ffffff inset, 0 0 0.3em 0 #8f8f8f inset, 0.2em 0.2em 0 0 rgb(0 0 0 / 30%);*/
}
div.btn-area.grayout a.btn-style:hover {
    background: linear-gradient(to bottom, rgb(255 255 255) 0%,rgb(185 185 185) 100%);
	box-shadow: 0 0 0 1px #c5c5c5 inset, 0 0 0.3em 0 #c7c7c7 inset, 0.2em 0.2em 0 0 rgb(57 57 57 / 30%);
	box-shadow: 0 0 0 1px #ffffff inset, 0 0 0.3em 0 #8f8f8f inset, 0.2em 0.2em 0 0 rgb(0 0 0 / 30%);
}

div.btn-area a.btn-style img {
	display: block;
	max-height: 80px;
}
div.btn-area.grayout a.btn-style img {
	mix-blend-mode: luminosity;
}

div.btn-area a.btn-style span {
	display: block;
	width: 70%;
	margin: auto;
	font-weight: bold;
	/*text-shadow: 0px 0px 11px rgba(255, 255, 255, 1);*/
}

.information .flex_intro{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
:where(.information .flex_intro p,.information .flex_intro img){
	display: block;
}
.information .flex_intro p.catchcopy{
	width: 67%;
    text-align: left;
}
.information .flex_intro p.img-prize-intro{
	width: 22%;
    position: relative;
    margin: 0 auto;
/*    animation: anm-rotate 12s ease-in .1s forwards;
    animation-iteration-count:infinite;*/
}
.information .flex_intro img{
	width: 100%;
	max-width: 400px;
}

.img-prize-intro::after{
	display: none;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(../images/prize_intro-ef.png) no-repeat 50%;
    background-size: cover;
    animation: anm-kira-2 8s ease-in .1s forwards;
    animation-iteration-count:infinite;
}
.page-contents ul.list-circle > li::before{
	content: "・";
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0.15em;
    font-size: 1em;
}
.fwb{
	font-weight: bold;
	display: block;
}
.mt1{
	margin-top: 1em;
}

.page-contents p.n-margin {
    margin: 0 0 5em;
}

.bg-blue {
    background-color: rgb(123 206 255 / 16%);
    padding: 1em;
    border-radius: 7px;
}
.bg-orange {
    background-color: rgb(255 123 123 / 16%);
    padding: 3em 1em 1em;
    border-radius: 7px;
    margin-top: 2em;
}

.txt-red{
	color: #f00;
}


span.emptyframe{
	display: block;
    background-color: #ff792a;
    border-radius: 11px;
    padding: 3px;
    margin: 2px auto;
    color: #fff;
    font-size: 90%;
    max-width: 12em;
}


@keyframes anm-kira-2 {
	0% {
		opacity: 1;
	}
		
	50% {
		transform: rotate(4deg);
		opacity: 0.5;
	}
	100% {
		transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes anm-rotate {
	0% {
	}
		
	50% {
		transform: rotate(-1deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

				@media screen and (max-width:640px){

					.base-header::before,
					.base-header::after{
						display: none;
					}

					div.btn-area a.btn-style {
						flex-direction: column;
						align-items: flex-start;
						text-align: center;
						font-size: 90%;
					}
					div.btn-area a.btn-style img {
						margin: 0 auto;
						
					}
					div.btn-area a.btn-style span {
						width: 100%;
					}
					.information .flex_intro {
    					display: block;
					}
					.information .flex_intro p.catchcopy {
					    width: 100%;
					    text-align: left;
					    box-sizing: border-box;
					}
					.information .flex_intro p.img-prize-intro {
					    width: 47%;
					    margin: 18px auto 0;
					    position: relative;
					}

				}
				@media screen and (max-width:1300px){

					.base-header::before,
					.base-header::after{
						opacity: 0;
						transition: .5s;
					}

				}



	.pull-down {
	    border: 1px solid #ccc;
	    color: #666;
		background-color: #fff;
	}
	.pull-down > dt {
	    padding: 0.6em 0.6em 0.45em;
	    font-weight: bold;
	    position: relative;
	    cursor: pointer;
	}
	.pull-down > dt:after {
	    content: "";
	    display: block;
	    top: 1em;
	    right: 1em;
	    position: absolute;
	    border-width: 0.7em 0.5em;
	    border-style: solid;
	    border-color: #555 #fff #fff;
	    transition: .2s;
	    opacity: .5;
	}
	.pull-down > dt.open:after {
	    border-color: #fff #fff #54b0ff;
	    top: 0.3em;
	    transition: .2s;
	    opacity: .5;
	}
	.pull-down > dd {
	    text-align: center;
	    border-top: 1px solid #ddd;
		display: none;
	}
	.pull-down > dd > small {
	    display: block;
	    padding: 0.8em;
	}
	.pull-down > dd > small::before {
	    content: "";
	    position: absolute;
	    left: 0;
	    top: 0;
	}
	table {
	    border-collapse: collapse;
	    border-spacing: 0;
	    width: 100%;
	}
	.how-to-receive th,
	.how-to-receive td {
	    width: 50%;
	}
	.how-to-receive th {
	    text-align: center;
	    padding: 0.3em;
	    font-weight: bold;
	    background: #e5e5e5;
	}
	.how-to-receive td {
	    text-align: center;
	    padding: 1em 0;
	    border-top: 1px solid #ccc;
	}
	.how-to-receive th:first-child,
	.how-to-receive td:first-child
	 {
		border-top: 1px solid #ccc;
	    border-right: 1px solid #ccc;
	}
	.how-to-receive th:nth-child(2),
	.how-to-receive th:nth-child(2)
	 {
		border-top: 1px solid #ccc;
	    border-right: none;
	}
	strong,
	b {
	    font-weight: bold;
	}
	.mb {
	    margin-bottom: 1em;
	}
	.mb3 {
	    margin-bottom: 3em;
	}	
	.how-to-receive td strong {
	    display: block;
	    text-align: left;
	    padding: 0 0.5em 1em;
	    font-size: .9em;
	    min-height: 4.5em;
	}
	.how-to-receive td img {
	    margin: auto;
	    width: 70%;
	    border: 1px solid #ddd;
	}

	.how-to-receive.how-to-input td {
	    vertical-align: top;
	}
	.how-to-receive.how-to-input td strong {
	    min-height: 5.5em;
	}

	.btn-style.close {
	    background-color: #a3a3a3;
	    box-shadow: 0 0 0 1px #c9c9c9 inset, 0.2em 0.2em 0 0 rgba(0,0,0,.3);
	}

	.flex_intro.about-duelistkingdom {
	    width: 90%;
	    margin: 0 auto;
	    align-items: center;
	    padding-bottom: 0em;
	    justify-content: center;
	}

	.flex_intro.about-duelistkingdom span {
	    color: #a3a3a3;
	    display: inline-block;
	    margin-left: 1em;
	    font-size: 90%;
	}
	.information .flex_intro.about-duelistkingdom a:hover {
		opacity: 0.7;
	}
	.information .flex_intro.about-duelistkingdom img {
	    width: 100%;
	    max-width: 240px;
	}

		@media screen and (max-width: 888px){
				.flex_intro.about-duelistkingdom .spbr{
				display: none;
			}
		}
		@media screen and (max-width: 640px){

			.information .flex_intro.about-duelistkingdom img {
			    margin: 1em auto 1em;
			}
		}


.flex_intro.about-duelistkingdom.x-cp {
    width: 90%;
    margin: -14px auto 22px;
    align-items: center;
    padding-bottom: 0em;
    padding-top: 18px;
    justify-content: center;
    border-top: 1px dotted #515151;
    border-radius: 0;
}

.flex_intro.about-duelistkingdom.x-cp .spbr {
	display: block;
}

.information .flex_intro.about-duelistkingdom.x-cp img {
    max-width: 300px;
}

.flex_intro.about-duelistkingdom.x-cp span {
	color: #fff;
	display: block;
}
.flex_intro.about-duelistkingdom.x-cp span.tmp {
	color: #c5df00;
	margin-left: 0;
	font-size: 100%;
	display: inline;
}

		@media screen and (max-width: 767px){

			.flex_intro.about-duelistkingdom.x-cp {
			    margin: 0px auto 22px;
			    padding-bottom: 0em;
			    padding-top: 8x;
			}

			.flex_intro.about-duelistkingdom.x-cp .spbr {
				display: none;
			}
		}



/*----------additional_event---------*/

.information > div.additional_event{
	background-color: #fff;
	padding: 0px 40px;
    box-sizing: border-box;
    background: url(/yugioh/rushduel/images/common/background-seven.png) center center no-repeat fixed , url(/yugioh/rushduel/images/common/background-a.png) center repeat-y , url(/yugioh/rushduel/images/common/background-b.png) center;
    background-size: 100% auto , 100% auto , auto auto;
    font-size: 95%;
}

.information > div.additional_event .template-page{
	background-color: #fff;
	padding: 32px;
    box-sizing: border-box;
    background: transparent;
    background-size: 100% auto , 100% auto , auto auto;
}

.information > div.additional_event h3.additional_event_copy{
	margin: 0 auto;
	text-align: center;
}
.information > div.additional_event span.additional_event_time{
	display: block;
    color: #ff4900;
    font-size: 130%;
    font-weight: bold;
    margin: 7px auto;
    text-align: center;
}

.information > div.additional_event .event .box_tbl{
    padding: 0;
}

.information > div.additional_event .event .box_tbl table {
    display: block;
    color: #fff;
    border-collapse: separate;
    border-spacing: 0.5em;
    font-size: 90%;
    background-color: #fff;
    border-radius: 5px;
    margin: 20px auto 40px;
    padding: 0;
}

.information > div.additional_event .event .box_tbl table th {
    background-color: #454545;
}

.information > div.additional_event .event .box_tbl table td {
    background-color: #ffffff;
    border-bottom: 1px solid #e9e9e9;
    color: #000;
}
.information > div.additional_event .event .box_tbl table tr:last-child td {
    border-bottom: 0;
}

.information > div.additional_event .summary h3 {
    border-left: 5px solid #ff8d00;
}

.information > div.additional_event table.event-list{
	width: 100%;
	border: 1px solid #999;
    background: #eee;
    box-shadow: 0.2em 0.2em 0 0 rgba(0,0,0,.1);
    border-collapse: collapse;
    font-size: 100%;
    text-align: center;
    display: table;
}


.information > div.additional_event table.event-list tr > * {
	padding: 0.8em;
    text-align: center;
}

.information > div.additional_event table.event-list tr:not(:last-child) {
    border-bottom: 1px solid #999;

}

.information > div.additional_event table.event-list th {
	width: 30%;
    background: #ddd;
    color: rgba(0,0,0,.7);
}
.information > div.additional_event table.event-list td {
	width: 70%;
}

.information > div.additional_event .btn-style {
    display: inline-block;
    color: #fff;
    background-color: #ffa200;
    padding: 1em;
    position: relative;
    padding: 0.7em 5em 0.55em;
    font-size: .85em;
    border-radius: 0.2em;
    text-decoration: none;
    box-shadow: 0 0 0 1px #ffeba0 inset, 0.2em 0.2em 0 0 rgba(0,0,0,.3);
}

.slash{
	display: inline;
	opacity: 0.4;
}
.spbr-shoplist{
	display: none;
}
.information > div.additional_event .btn-style.btn-list{
	width: 100%;
    margin: 0 auto 2em;
    font-size: 100%;
    display: block;
    text-align: center;
    padding: 1em 0;
}

.bnr-area{
	background-color: rgb(255 255 255 / 52%);
	text-align: center;
	padding: 30px 0;
}

.bnr-area a{
	display: inline-block;
	border: 1px solid #fff;
}
.bnr-area a:hover{
	opacity: 0.7;
}

.bnr-area img{
	display: block;
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
	-webkit-backface-visibility: visible;
}


.finished {
    color: #434343;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin: 20px 0 0;
    background: linear-gradient(transparent 40%, #7e892b00 50%, #0ab500 100%, transparent 100%);
}



a.btn-style.download {
	max-width: 20em;
    color: #51430f;
    font-size: 83%;
    font-weight: bold;
    margin: 1em auto;
    padding: 1em 1.3em 1em 2.4em;
    display: block;
    position: relative;
    background-color: #fff;
    border: 2px solid #df5e5e;
    text-align: center;
}
a.btn-style.download.intro {
    margin: 1em 0;
}

a.btn-style.download::before {
    content: "";
    position: absolute;
    left: 1em;
    height: 12px;
    width: 12px;
    top: calc(50% - 7px);
    background: url(/yugioh/rushduel/event/assets/images/download.svg) center center no-repeat;
    background-size: 100% auto;
    filter: brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(7445%) hue-rotate(359deg) brightness(105%) contrast(98%);
}

.btn-style.btn-neuron {
    min-width: 7em;
    padding: .7em 4em .55em;
    margin: 1em 0;
    background-color: #007ee5;
    box-shadow: 0 0 0 1px #a0dbff inset, .2em .2em 0 0 rgb(0 0 0 / 27%);
}
.btn-style.btn-neuron:hover {
    background-color: #0056b1;
    box-shadow: 0 0 0 0 #ffeba0 inset, .1em .1em 0 0 rgba(0, 0, 0, .5);
}


.page-contents a.external{
	padding-left: 1.5em;
    position: relative;
    font-size: .9em;
}
.page-contents a.external::before{
    content: "";
    position: absolute;
    top: .2em;
	left: .2em;
    background-image: url(/yugioh/assets/svg/external.svg);
    width: 1.1em;
    height: 1.1em;
    filter: brightness(0) saturate(100%) invert(76%) sepia(35%) saturate(6963%) hue-rotate(-23deg) brightness(102%) contrast(105%);
    background-size: 100% auto;
}

span.caution-center{
	font-size: .75em;
    display: block;
    opacity: .8;
    margin-bottom: .5em;
}

.page-contents .caution-red-bold {
    color: #ff0000;
    font-weight: bold;
}
.page-contents .caution-red-bold a {
    color: #0011ff;
    font-weight: bold;
}
.fs-90{
    font-size: 90%;
    background-color: #ffffff61;
    padding: 15px 10px;
    box-sizing: border-box;
}
.fs-90 span{
	display: block;
}
.fs-90 span.datailtree {
	padding-left: 1em;
    display: block;
}


		@media screen and (max-width: 767px){

			.information > div.additional_event .template-page{
				padding: 5px;
			}
			.information > div.additional_event {
			    padding: 18px 8px 27px;
			    background-size: 100% auto , 125% auto , auto auto;
			}
			.slash{
				display: none;
			}
			.spbr-shoplist{
				display: inline;
			}
			.bnr-area{
			padding: 30px 30px;
			}
			.bnr-area img{
				width: 100%;
			}

		}



/*-----------add 7themesduel----------*/

	body {
	    background: transparent;
	}

	table.table-themes{
		display: table;
		width: 50%;
		font-size: 80%;
		margin-top: 0;		
	}

	table.table-themes,
	table.table-themes tr,
	table.table-themes th,
	table.table-themes td {
	    width: 100%;
	    text-align: left;
	    border-bottom: none;
	    padding: .4em;
	    border-collapse: collapse;
	    margin: 0 6px;
	    box-sizing: border-box;
    }

	table.table-themes th{
		padding-left: .5em;
	    box-sizing: border-box;
	    background-color: rgb(255 14 0 / 84%);
	    font-weight: bold;
	    color: #ffffff;
	    border-radius: 8px 8px 0 0;
    }
    table.table-themes.themesrules th{
	    background-color: rgb(255 14 0 / 84%);
	    border-radius: 8px 8px 0 0;
    }
	table.table-themes.theme2 th{	    
	    background-color: rgb(0 129 243);
    }
    table.table-themes.theme2.themesrules th{    
	    background-color: rgb(0 129 243);
    }

	table.table-themes td {
		padding: .5em 0 .5em .6em;
		/*background-color: #27272796;*/
    }
	table.table-themes.themesrules td {
		padding: .4em;
		background-color: #fff;
    }
	table.table-themes.themesrules tr.blank td {
		height: 3px;
		background-color: transparent;
    }

    [class="b-btm-none"]{
		border-bottom: none;	
    }

    .color-1{
    	color: #ff3411;
    	font-weight: bold;
    	font-size: 120%;
    }
    .color-2{
    	color: #12a9ff;
    	font-weight: bold;
    	font-size: 120%;

    }

    .themesrules .color-1{
    	color: #ff3411;
    	font-weight: bold;
    	font-size: 1.1em;
    }
    .themesrules .color-2{
    	color: #0093e7;
    	font-weight: bold;
    	font-size: 1.1em;
    }

	.m0_5 {
	    margin: .5em 0;
	}
	table.table-themes .bkg-none{
		background-color: transparent;
	}

    .information table.table-themes tr.blank td {
    	height: 8px;
		background-color: transparent;
    	padding: 0;
	}
	.span-date{
		font-size: 1.2em;
		font-weight: bold;
	}
	span.date {
		display: block;
	    position: relative;
	    padding: 0 0 0 1em;
	    margin: 0 0 0 1em;
	    font-size: .9em;
	    line-height: 1.8em;
	    color: #848484;
	}
	span.date::before {
	    content: "!";
	    position: absolute;
	    display: block;
	    top: 1px;
	    left: -1em;
	    width: 1.4em;
	    height: 1.4em;
	    background-color: #8f8f8f;
	    border-radius: 16px;
	    color: #fff;
	    text-align: center;
	    line-height: 1.5em;
	}

				@media screen and (max-width: 640px){

					h3.catchphrase {
					    margin: 0 auto 12px;
					    padding-top: 0;
					}

					.information .box_tbl {
					    padding: 0.5em 0;
					}

					table.table-themes,
					table.table-themes tr,
					table.table-themes th,
					table.table-themes td {
					    margin: 0 0;
					}

				}










.page-contents .delete-waste .distributionmap{
			background-color: #ffffffad;
			display: flex;
			justify-content: space-around;
			align-items: center;
			padding: 2em 0;
			--p0: #999999;
			--p1: #c33d2d;
			--p2: #4785f9;
			--p3: #9e3cbd;
			--p4: #69a942;
			--p5: #acacac;
			--p6: #ffb56d;
			--p7: #3e7583;
			--p8: #f99999;
			--p9: #d1d1d1;
			--p10: #999999;
			
			--p11: #c33d2d;
			--p12: #4785f9;
			--p13: #9e3cbd;
			--p14: #69a942;
			--p15: #acacac;
			--p16: #ffb56d;
			--p17: #3e7583;
			--p18: #f99999;
			--p19: #d4d4d4;
			--p20: #d4d4d4;
			--p21: #d4d4d4;
			--p22: #d4d4d4;
		}
		figure.pie-chart {
			width: 32%;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			opacity: .9;
			box-sizing: border-box;
			padding: 5.5%;
		}
		
		figure.pie-chart figcaption{
			width: auto;
			aspect-ratio: 1 / 1;	
			background: #222;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			box-shadow: 0 0 0 5px rgba(255,255,255,.3);
		}
		figure.pie-chart figcaption p {
		    width: auto;
		    color: #f8f5da;
		    font-weight: bold;
		    text-align: center;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin-bottom: auto;
		}

			figure.pie-chart figcaption p span{
				font-size: .9em;
				display: block;
				opacity: .8;
			}

		table.deckname{
			width: 50%;
			border-collapse: collapse;
			border: 1px solid rgb(204 204 204 / 0%);
			font-size: .9em;
		}

		table.deckname tr{
			position: relative;
			border-bottom: 1px solid rgb(35 35 35 / 18%);
			text-align: left;
			color: #595959;
		}


		table.deckname tr.small{
		    border-bottom: none;
		}



		table.deckname tr:first-child{
			border-top: 1px solid rgb(35 35 35 / 18%);
		}
		table.deckname tr::before{
		    content: "";
		    position: absolute;
		    display: block;
		    aspect-ratio: 1 / 1;
		    height: 1em;
		    top: 50%;
		    left: 10px;
		    transform: translate(-50%, -50%);
		    -webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		    background-color: var(--rowColor);
		}

		table.deckname tr.wrap::before{ background-color: var(--p0);}
		table.deckname tr.wrap{border-bottom: none;}
		table.deckname tr.wrap:last-child{border-bottom: 1px solid rgb(204 204 204 / 16%);}
		
		table.deckname tr td{
			padding: .4em .4em .4em 2em;
			font-weight: bold;
		}
		table.deckname td:last-child{
		    width: 5em;
		    text-align:left;
		}

		.delete-waste {
			margin: 100px auto;
		    background-color: #fff;
		}

		.delete-waste h4 {
			text-align: center;
		    padding: 1.7em 0 1.5em;
		    margin: 30px auto;
		    font-size: 1.8em;
		    font-weight: bold;
		    background-color: #00a1be;
		    color: #ffffff;
		    line-height: 1.2em;
		}
		.delete-waste h4 span {
    		font-size: .7em;
		}

		a.btn-map{
			position: relative;
			background-color: #00b0cf;
		    display: block;
		    width: 80%;
		    max-width: 300px;
		    margin: 12px auto 30px;
		    padding: 15px 0 10px;
		    color: #fff;
		    text-decoration: none;
		    border-radius: 17px;
		    border: 1px solid #ffffff;
		    box-shadow: .2em .2em 0 0 rgba(0, 0, 0, .3);
		    font-size: .9em;
		}
		a.btn-map::before {
		    content: "";
		    position: absolute;
		    left: 1em;
		    height: 10px;
		    width: 10px;
		    top: calc(50% - 5px);
		    background: url(../../../images/common/btn-arrow.svg) center center no-repeat;
		    background-size: 100% auto;
		}


						@media screen and (max-width : 768px){	

						.page-contents .delete-waste .distributionmap{
						display: block;
						}
						figure.pie-chart {
							margin: 0 auto 28px;
							width: 50%;
							padding: 8%;
						}

						table.deckname{
							margin: 0 auto;
							width: 80%;
						}

						}