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

.p1_4,.p1_6,.p1_8{
	position:relative;
}
.p1_6,.p1_4,.p1_5,.p1_8{
	display:none;
}



.pazzle_menuUl{
	list-style: none;
	width:300px;
	height: auto;
	margin-top: 40px;
	margin-left: calc(50vw - 150px);
}
.pazzle_menuUl li{
	float: left;
	width: 300px;
	height: auto;
	font-size: 18px;
	line-height: 18px;
	padding-top: 6px;
	padding-bottom: 4px;
	text-align: center;
	margin-right: 3px;
	background-color:#787878;
	color: #FFFFFF;
	cursor: pointer;
}
.pazzle_menuUl li:nth-child(1){
	cursor: pointer;
	border-radius: 20px 20px 20px 20px;
}

/*-------------- main.ここから -----------------*/

.p1_base{
	position: relative;
	margin-top: 10px;
	width:calc(572px + 20px + 240px);
	margin-left: calc(50vw - (572px + 20px + 300px) / 2);
}

.kiroku_bg{
	position: absolute;
	bottom:0px;
	width:140px;
	height:572px;
	background-color:#61C247;
	font-size:16px;
	line-height:32px;
	padding-top:10px;
	padding-left:16px;
	padding-right:16px;
	box-sizing: border-box;
	color:#ffffff;
	border-radius: 10px;
}
.kiroku_bg p{
	border-bottom:1px solid #ffffff;
	margin-bottom:10px;
	padding-bottom:10px;
	line-height:26px;
	color:#FFFF33;
	font-weight:bold;
}
.kiroku_str{
	max-height:520px;
	over-floow:scroll;
}

.mainBase1{
	position: relative;
	width:572px;
	height: 572px;
	margin-left:150px;
	display: block;
	border: 6px solid #67C2DD;
	background-color: #575757;
	background-color:#ffffff;
	box-sizing: border-box;
}
.masu_1Ul{
	list-style:none;
}
.masu_1Ul li{
	float:left;
	width: calc(560px / 4);  /*140px;*/
	height: calc(560px / 4);  /*140px;*/

	border-left: 3px solid #B7CFFF;
	border-top: 3px solid #B7CFFF;
	border-right: 3px solid #2653B4;
	border-bottom: 3px solid #2653B4;
	box-sizing: border-box;
	background-color:#6699FF;    /* 青 */
	/*background-color: #FDE55A;*/
	color: #FFFFFF;
	font-size: 90px;
	text-align: center;
	padding-top: 56px;
	/*font-weight: bold;*/
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
}

/*-----*/

.masu_1Ulb li{  /* 5*5 */
	width: calc(560px / 5);  /*  112  */
	height: calc(560px / 5);
	font-size: 70px;
    padding-top: 40px;
}
.masu_1Ulc li{  /* 6*6 */
	width: calc(560px / 6);  /*  93.3*/
	height: calc(560px / 6);
	font-size: 56px;
    padding-top: 30px;
}

.masu_1Uld li{  /* 8*8 */
	width: calc(560px / 8);  /*70*/
	height: calc(560px / 8);
	font-size: 40px;
    padding-top: 20px;
}

/*----------game2 LINE------------*/
.game2_line{
	position:absolute;
	border:2px solid #000000;
	border-radius:6px;
	/*background-color:#FF0000;*/    /*-------------------------*/
	opacity:0.6;
	/*display:none;*/
}
.l_yoko{
	width:calc(560px / 8);
	height:3px;
}
.l_yokoLeft{
	width:calc(560px / 8 / 2);
	height:3px;
}
.l_yokoRight{
	width:calc(560px / 8 / 2);
	height:3px;
}
/*-----*/
.l_tate{
	width:3px;
	height:calc(560px / 8);	
}
.l_tateTop{
	width:3px;
	height:calc(560px / 8 / 2);
}
.l_tateBottom{
	width:3px;
	height:calc(560px / 8 / 2);
}



/*--------------- P3  tateyoko ------------------*/

.p3Div{
	margin-top: 10px;
	margin-left: 60px;
	display:none;
}
.p3Ul,.p3Ul2{
	list-style: none;
}
.p3Ul li,.p3Ul2 li{
	float: left;
	height:66px;
	font-size: 36px;
	line-height: 36px;
	box-sizing: border-box;
	text-align: center;
}
.p3Ul li:nth-child(1),.p3Ul li:nth-child(6),.p3Ul li:nth-child(3),.p3Ul li:nth-child(8){  /* 数字枠 */
	width:66px;
	font-size: 40px;
    padding-top: 14px;
	color:#00C0D4;
}
.p3Ul li:nth-child(2),.p3Ul li:nth-child(7){  /* × */
	width:50px;
	padding-top: 14px;
	color:#363636;
}
.p3Ul li:nth-child(4),.p3Ul li:nth-child(9){  /* = */
	width:40px;	
	padding-top: 14px;
	color:#363636;
}

.p3Ul li:nth-child(5),.p3Ul li:nth-child(10){  /* ans */  /*------------------*/
	width:50px;
	margin-right: 80px;
	font-size: 40px;
	line-height: 40px;
	padding-top: 14px;
	color:#363636;
}
.p3Ul li:nth-child(10){  /* ans */
	margin-right: 0px;
	color:#363636;
}
.p3Ul2 li:nth-child(1),.p3Ul2 li:nth-child(3),.p3Ul2 li:nth-child(6),.p3Ul2 li:nth-child(8){  /* = 縦書き　*/
	width:66px;
	height: 40px;
	padding-right: 10px;
	padding-top: 0px;
	color:#363636;
	
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;	
	
}
.p3Ul3 li:nth-child(1),.p3Ul3 li:nth-child(3),.p3Ul3 li:nth-child(6),.p3Ul3 li:nth-child(8){  /* × */
	font-size: 36px;
	line-height: 36px;
	padding-top: 0px;
	color:#363636;
}
.p3Ul4 li:nth-child(1),.p3Ul4 li:nth-child(3),.p3Ul4 li:nth-child(6),.p3Ul4 li:nth-child(8){  /* = 縦書き　*/
	padding-top: 0px;
	color:#363636;
}
.p3Ul2 li,.p3Ul3 li{
	width:auto;
	height: 40px;
}
.p3waku{
	position:relative;
	width:80px;
	height: 80px;
	border: 1px solid #333333;
	display: block;
	font-size: 50px;
	line-height: 50px;
	text-align: center;
}
.p3ansNum1a{
	font-size: 70px;
	line-height: 70px;
	text-align: left;
}
.p3waku p{
	position:absolute;
	top:-14px;
	right:0px;
	font-size:30px;
	color:#FF0000;
}
/*-----*/

.p3_blank{
	width: 100px;
	height: 40px;
}


.p3Ul input[type=text] {
	font-size:40px;
	height:44px;
	width:90%;
	border: none;
	text-align: center;
	margin-top: -5px;
	background-color: transparent;
	
}
.input_p3waku1a{
	maxlength:1;
}

/*------------------*/

.maruImg,.batuImg{
	position: absolute;
	width:140px;
	height: auto;
	opacity: 0.7;
	display: none;
	
}
.maruImg img,.batuImg img{
	width:140px;
	height: auto;
}
.maruImg1,.batuImg1{
	top:-10px;
	left:10px;
}
.maruImg2,.batuImg2{
	top:-10px;
	left:360px;
}
.maruImg3,.batuImg3{
	top:310px;
	left:10px;
}

.maruImg4,.batuImg4{
	top:310px;
	left:360px;
}



/*.l_tate9{
	background-color: #07FC41;
}*/

/*-----*/
/*.l_yoko1{
	top:calc(560px / 8 / 2 - 2px);
	left:0px;
}
.l_yoko2{
	top:calc(560px / 8 / 2 - 2px);
	left:calc(560px / 8 / 2);
}*/
/*-----*/
/*.l_tate1{
	left:calc(560px / 8 / 2 - 2px);
	top:0px;
}
.l_tate10{
	left:calc(560px / 8 / 2 - 2px);
	top:calc(560px / 8 / 2);
}*/

/*------------main menu-----------*/
.all_bg{
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	display: block;
	background-color: #ffffff;
	opacity: 0.7;
	display: none;
}

.main_menu{
	position: fixed;
	top:50px;
	left:calc(50vw - 480px);
	width:960px;
	height: auto;
	background-color:#ffea77;
	border: 3px solid #9DBC32;
	box-sizing: border-box;
	padding-bottom: 10px;
	display: none;
}
.main_menuStrUl{
	list-style: none;
}
.main_menuStrUl li{
	float: left;
}
.main_menuStrUl li:first-child{
	font-size: 16px;
	color: #333333;
	font-weight:bold;
	margin-left: 14px;
	margin-top: 4px;
}
.main_menuStrUl li:last-child{
	float: right;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	width: 28px;
	height: 28px;
	border: 1px solid #333333;
	cursor: pointer;
	margin-right: 4px;
	margin-top: 4px;
	text-align: center;
}
.main_menuStr{
	font-size: 13px;
	margin-left: 40px;
	
}
/*----*/
.main_menuUl{
	list-style: none;
	
	margin-left:23px;
}
.main_menuUl li{
	float: left;
	border: 3px solid #9DBC32;
}
.main_menuUl li:nth-child(1){
	width:auto;
	height:400px;
	cursor: pointer;
	
}
.main_menuUl li:nth-child(1) img{
	width:auto;
	height:400px;
}
.main_menuUl li:nth-child(2){
	width:auto;
	height:400px;
	cursor: pointer;
	
}
.main_menuUl li:nth-child(2) img{
	width:auto;
	height:400px;
}
.main_menuUl li:nth-child(3){
	width:250px;
	height: 273px;
	cursor: pointer;
	
}
.main_menuUl li:nth-child(3) img{
	width:250px;
	height: 273px;
}
.main_menuUl li:nth-child(1),.main_menuUl li:nth-child(2){
	margin-right: 10px;
}
.main_menuUl li img:hover{
	opacity: 0.7;
}
/*----*/
.main_menuUl1{
	list-style:none;
	margin-top: 8px;
	margin-left:22px;
}
.main_menuUl1 li{
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#6aa624;
	text-align:center;
}
.main_menuUl1 li:nth-child(1){
	width:350px;
	height: auto;
}
.main_menuUl1 li:nth-child(2){
	width:300px;
	height: auto;
}
.main_menuUl1 li:nth-child(3){
	width:250px;
	height: auto;
}
/*----*/
.main_menuUl3{
	list-style:none;
}
.main_menuUl3 li{
	float:left;
	width:80px;
	height:auto;
	text-align:center;
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
	background-color:#ffff99;
	border: 2px solid #9DBC32;
	box-sizing: border-box;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius:8px;
	margin-right:2px;
	margin-top:4px;
	cursor:pointer;
}
.main_menuUl3 li:nth-child(1){
	margin-left:38px;
	background-color:#ffae00;
}
.main_menuUl3 li:nth-child(5){
	margin-left:38px;
	background-color:#ffae00;
}
.bn_start{
	margin-top:30px;
	width:200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	border-radius:8px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align:center;
	font-size:20px;
	background-color:#666666;
	color:#FFFFFF;
	cursor:pointer;
}

.loginStr{
	width:960px;
	height: auto;
	font-size: 12px;
	margin-left:calc(50vw - 480px + 40px);
	margin-top: 10px;
	color: #A68E1D;
}


/*-------- bns ---------*/

.bnUl{
	position: absolute;
	bottom:0px;
	right: 0px;
	list-style: none;
}

.bn_clear,.bn_kotae_awase,.bn_next,.bn_tauchIn{
    width:100px;
	height: 100px;
	margin-left: 16px;
	margin-top: 3px;
	border: 2px solid #A0BA29;
	border-radius: 10px;
	/*background-color: #83AA3F;*/  /* 深緑 */
	/*background-color: #8FFF97;*/   /*明るい緑*/
	color: #FFFFFF;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	box-sizing: border-box;
	cursor: auto;
	
	padding-top: 16px;
	background-color:#C9C9C9;
	border: 2px solid #959595;
}
.bn_kotae_awase{
	background-color: #FFC000;  /*orange*/
    border:2px solid #876A06;  /*#876A06*/
	cursor: pointer;
}
.bn_tauchIn{
    background-color: #83AA3F;  /* 深緑 */
	cursor: pointer;
	visibility: hidden; /*visible*/
}
.bn_clear{
	padding-top: 32px;
	cursor: pointer;
}

/*---------- クリック入力.ここから -------------*/

.clickNumbase{
	position:fixed;
	width:100%;
	height:58px;
	bottom:0px;
	background-color:#ffffff;
	opacity:0.6;
	display: none;
}
.clickNumUl{
	position:fixed;
	list-style: none;
	/*margin-top: 10px;*/
	width:800px;
	height: 56px;
    /*margin-left: auto;
	margin-right: auto;*/   /*スクロールが出た時に動く*/
	margin-left: calc(50vw - 392px);
	bottom:0px;
	overflow: hidden;
	display: none;
}
.clickNumUl li{
	float: left;
	width:56px;
	height: 56px;
    margin-left: 1px;
	/*background-color: #747474;*/
	background: linear-gradient(#808080, #C0C0C0);
	border: 2px solid #BABABA;
	border-radius: 8px;
	text-align: center;
	box-sizing: border-box;
	color: #ffffff;
	font-family: 'Roboto', sans-serif; 
	font-size: 28px;
	line-height: 28px;
	padding-top: 12px;
	cursor: pointer;
}
.clickNumUl li:nth-child(12),.clickNumUl li:nth-child(13){
	font-size: 18px;
}
.clickNumUl li:nth-child(14){
	font-size: 18px;
}

/*---------- クリック入力.ここまで -------------*/

/*---------------*/

.nekopy1{
	position: absolute;
	bottom: 0px;
	left:-320px;  /*-200*/
	height:300px;
	width:auto;
}
.nekopy1 img{
	height:300px;
	width:auto;
}
.nekopy1 p{
	position: absolute;
	width:140px;
	top:18px;
	left:26px;
	font-size:17px;
	line-height: 26px;
	font-weight: bold;
	color: #000000;
}
.nekopy2{
	position: absolute;
	bottom: 0px;
	left:-260px;  /*-140*/
	height:180px;
	width:auto;
}
.nekopy2 img{
	height:180px;
	width:auto;
	
	display: none;
}
.nekopy3{
	position: absolute;
	bottom: 0px;
	left:-320px;   /*-200*/
	height:300px;
	width:auto;
	
	display: none;
}
.nekopy3 img{
	height:300px;
	width:auto;
}
.nekopy3 p{
	position: absolute;
	width:150px;
	top:44px;
	left:7px;
	font-size:26px;
	line-height: 26px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

/* スコアキャラ表示.ここから---- */

.score_chara{
	position: fixed;
	top:140px;
	left:calc(50% - 160px);
	
	display: none;
	
	z-index: 125;
}
.score_cgaraBg{
	width:420px;
	height: 420px;
	background-color: #000000;
	border-radius: 220px;
	opacity: 0.3;
}
.chara_main{
	position: absolute;
	top:-10px;
	left:40px;
	height:auto;
	width: 290px;
}
.chara_main img{
	height:auto;
	width: 290px;
}
.chara_fuki{
	position: absolute;
	top:0px;
	right:-140px;
	height: 180px;
	width:auto;
}
.chara_fuki img{
	height: 180px;
	width:auto;
}
.chara_fuki p{
	position: absolute;
	top:26px;
	left:44px;
	width:160px;
	height: auto;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}
.chara_fuki ul{
	position: absolute;
	list-style: none;
	top:65px;
	left:4px;
	width:140px;
	height: auto;
}
.chara_fuki ul li{
	float: right;
}
.chara_fuki ul li img{
	height: 60px;
	width:auto;
}

/*--------------*/

.score_cgaraBg2{
	position:fixed;
	width:440px;
	height:440px;
	left:calc(50vw - 250px);
	top:100px;
	background-color: #000000;
	border-radius: 220px;
	opacity: 0.3;
	display:none;
}
.chara_main2{
	position:fixed;
	width:506px;
	height:auto;
	left:calc(50vw - 250px);
	top:100px;
	display:none;
}

/* スコアキャラ表示.ここまで---- */