.mainArea_centerColumn{
	margin-top			:0!important;
}
.cnp_10{
	width					:100%;
	background			:#FFFFCC;/*うすい黄色*/
	position				:relative;
	padding				:2rem 0;
	z-index				:0;
	overflow				:hidden;
}
.cnp_10 h1{
	font-size			:1.8rem;
	font-weight			:900;
	text-align			:center;
	position				:relative;
	z-index				:2;
}
.cnp_10 h1 span{
	display				:inline-block;
}
.cnp_10 h2{
	font-size			:1.6rem;
	text-align			:center;
	font-weight			:900;
	position				:relative;
	z-index				:2;
}
.topImage{
	position				:relative;
	width					:100%;
	z-index				:2;
}

.background_circle{
	position				:absolute;
	border-radius		:50%;
	aspect-ratio		:1 / 1;
	z-index				:1;
}
#circle_1{
	width					:10rem;
	background			:#FFCCCC;
	top					:32rem;
	left					:1rem;
}
#circle_2{
	width					:10rem;
	background			:#FFCCCC;
	top					:50rem;
	right					:1rem;
}
#circle_3{
	width					:20rem;
	background			:#CCFFCC;
	top					:60rem;
	left					:15%;
}
#circle_4{
	width					:5rem;
	background			:#FFCC99;
	top					:70rem;
	right					:4rem;
}
#circle_5{
	width					:12rem;
	background			:#99FF66;
	top					:60rem;
	right					:30%;
}
#circle_6{
	width					:5rem;
	background			:#33FFCC;
	top					:60rem;
	left					:4rem;
}
#circle_7{
	width					:8rem;
	background			:#CCFFCC;
	top					:44rem;
	right					:30%;
}
#circle_8{
	width					:10rem;
	background			:#FFCCCC;
	top					:70rem;
	right					:20%;
}
#circle_9{
	width					:5rem;
	background			:#FFCCCC;
	top					:50rem;
	left					:25%;
}
#circle_10{
	width					:10rem;
	background			:#FFCCCC;
	top					:2rem;
	left					:1rem;
}

.user_idBox{
	width					:80%;
	margin				:0 10%;
	margin-top			:2rem;
	padding				:1rem 0;
	border-radius		:20px;
	background			:#fff;
	text-align			:center;
	box-sizing			:border-box;
	position				:relative;
	z-index				:2;
}
.user_idBox p{
	font-size			:1.6rem;
}

.messageBox{
	position				:relative;
	z-index				:2;
	width					:60%;
	margin				:3rem 20%;
	z-index				:2;
}
.messageBox p{
	font-size			:1.8rem;
	font-weight			:900;
	line-height			:1.2;
	text-align			:center;
}
.messageBox p span{
	display				:inline-block;
}

.messageBox_atari{
	width					:100%;
	border-radius		:50%;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	text-align			:center;
	aspect-ratio		:1 / 1;
	display				:none;
}
.messageBox_atari p{
	color					:#f8f6f1;
	font-weight			:900;
	font-size			:2rem;
}

.loader-container_outer{
	position				:relative;
	display				:flex;
  	flex-direction		:column;
  	align-items			:center;
	box-sizing			:border-box;
	z-index				:calc(Infinity);
	padding				:5rem;
	display				:none;
	z-index				:2;
}
.loader-container_outer p{
	font-size			:1.6rem;
	font-weight			:900;
	text-align			:center;
	margin-top			:2rem;
	white-space			:nowrap;
}
.loader-container {
  	width					:100px;
 	height				:100px;
  	position				:relative;
  	animation			:rotate 3s linear infinite;
	z-index				:2;
}

.loader-dot {
  	width					:15px;
  	height				:15px;
  	border-radius		:50%;
  	position				:absolute;
  	top					:50%;
  	left					:50%;
  	margin-top			:-7.5px;
  	margin-left			:-7.5px;
}

/* 各ドットを配置 */
.loader-dot:nth-child(1) { transform: rotate(0deg) translateY(-50px);background-color:rgba(235, 28, 36, 1); }
.loader-dot:nth-child(2) { transform: rotate(45deg) translateY(-50px);background-color:rgba(235, 28, 36, 0.9); }
.loader-dot:nth-child(3) { transform: rotate(90deg) translateY(-50px);background-color:rgba(235, 28, 36, 0.8); }
.loader-dot:nth-child(4) { transform: rotate(135deg) translateY(-50px);background-color:rgba(235, 28, 36, 0.7); }
.loader-dot:nth-child(5) { transform: rotate(180deg) translateY(-50px);background-color:rgba(235, 28, 36, 0.6); }
.loader-dot:nth-child(6) { transform: rotate(225deg) translateY(-50px);background-color:rgba(235, 28, 36, 0.5); }
.loader-dot:nth-child(7) { transform: rotate(270deg) translateY(-50px);background-color:rgba(235, 28, 36, 0.4); }
.loader-dot:nth-child(8) { transform: rotate(315deg) translateY(-50px);background-color:rgba(235, 28, 36, 0.3); }

/* 親要素の回転アニメーション */
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.cnp_10_btnArea{
	width					:60%;
	margin				:0 20%;
	position				:relative;
	z-index				:2;
}
.cnp_10_btnArea button{
	width					:100%;
	padding				:1rem 0;
	border-radius		:20px;
	border				:none;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	color					:#f8f6f1;
	font-weight			:900;
	font-size			:2rem;
}
.cnp_10_btnArea button:hover{
	cursor				:pointer;
}

.cnp_10_btn{
	width					:100%;
	position				:relative;
	z-index				:2;
}
.cnp_10_btn:nth-of-type(1){
	padding				:1rem 0;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	position				:relative;
	text-align			:center;
	margin-bottom		:1rem;
	border-radius		:10px;
}
.cnp_10_btn p{
	color					:#f8f6f1;
	font-weight			:900;
	font-size			:2rem;
}
.cnp_10_btn a{
	position				:absolute;
	inset					:0;
}

.cnp_10_btn button{
	width					:100%;
	padding				:1rem 0;
	border-radius		:10px;
	border				:1px solid #eb1c24;
	background			:#fff;
	color					:#eb1c24;
	font-weight			:900;
	font-size			:2rem;
}
.cnp_10_btn button:hover{
	cursor				:pointer;
}

.registerBox{
	display				:none;
	width					:100%;
	margin-top			:2rem;
	position				:relative;
	z-index				:2;
}
.registerBox form{
	width					:100%;
}
.registerBox table{
	width					:100%;
	border-spacing		:0;
	border-collapse	:collapse;
	background			:#fff;
}
.registerBox th{
	width					:20%;
	padding				:1rem 0;
	text-align			:left;
	border-bottom		:1px solid #ddd;
}
.registerBox td{
	width					:80%;
	border-bottom		:1px solid #ddd;
}
.registerBox input{
	width					:100%;
	font-size			:1.6rem;
	border				:none;
	background			:#fff;
	padding				:1rem;
}
.registerBox input:focus{
	outline				:none;
}
.registerBox input[type=submit]{
	width					:100%;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	color					:#f8f6f1;
	font-size			:2rem;
	font-weight			:900;
	text-align			:center;
	border-radius		:10px;
	margin-top			:1rem;
}

.resultBox_outer{
	position				:fixed;
	top					:0;
	left					:0;
	width					:100vw;
	height				:100vh;
	background			:rgba(31, 34, 46, 0.5);
	z-index				:calc(999);
}
.resultBox_inner{
	width					:100%;
	height				:100%;
	position				:relative;
}
.resultBox{
	position				:absolute;
	top					:50%;
	left					:50%;
	transform			:translate(-50%, -50%);
	max-width			:80vw;
	min-width			:40vw;
	background			:#f8f6f1;
	border-radius		:10px;
	padding				:2rem;
	box-sizing			:border-box;
}
.resultBox_index{
	width					:100%;
	text-align			:center;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	border-radius		:5px;
	padding				:1rem 0;
	box-sizing			:border-box;
}
.resultBox_index p{
	font-size			:1.8rem;
	color					:#f8f6f1;
	font-weight			:900;
}
.resultBox_message{
	width					:100%;
	margin-top			:2rem;
}
.resultBox_message p{
	font-size			:1.6rem;
	line-height			:1.5;
}
.resultBox_message p span{
	display				:inline-block;
}

.chuiBox{
	width					:100%;
	margin-top			:3rem;
}
.chuiBox p{
	font-size			:1.6rem;
}
.chuiBox p:nth-of-type(1){
	font-size			:2rem;
	font-weight			:900;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.cnp_10 h2
	{
		font-size			:1.8rem;
	}

	.user_idBox
	{
		width					:90%;
		margin				:0 5%;
		margin-top			:2rem;
	}

	.messageBox
	{
		width					:90%;
		margin				:3rem 5%;
	}
	.messageBox p
	{
		line-height			:1.5;
	}

.messageBox_atari{
	width					:100%;
	border-radius		:50%;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	text-align			:center;
	aspect-ratio		:1 / 1;
	display				:none;
}
.messageBox_atari p{
	color					:#f8f6f1;
	font-weight			:900;
	font-size			:2rem;
}


	.cnp_10_btnArea
	{
		width					:80%;
		margin				:0 10%;
	}

	.registerBox th
	{
		width					:30%;
		font-size			:1.4rem;
		font-weight			:400;
	}
	.registerBox td
	{
		width					:70%;
	}
.registerBox input{
	width					:100%;
	font-size			:1.6rem;
	border				:none;
	background			:#fff;
	padding				:1rem;
}
.registerBox input:focus{
	outline				:none;
}
.registerBox input[type=submit]{
	width					:100%;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	color					:#f8f6f1;
	font-size			:2rem;
	font-weight			:900;
	text-align			:center;
	border-radius		:10px;
	margin-top			:1rem;
}
	
}