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

.loading{
	position:absolute;
	z-index:2;
	width:50px;
	height:50px;
	left:0;
	top:0;
	bottom:0;
	right:0;
	margin:auto;	
}

.mainContents-quiz{
	padding:25px 30px 80px;
}

.quizQuestion_title img{
	vertical-align:top;
}	

.quizQuestion_meter{
	visibility:hidden;
	position:absolute;
	z-index:1;
	right:10px;
	top:0px;
	width:56px;
	height:425px;
	background:url(../kenki/quiz/img/bg-meter.png) 0 0 no-repeat;	
}

.quizQuestion_meter_wrap{
	width:14px;
	height:338px;
	position:absolute;
	z-index:1;
	left:19px;
	bottom:43px;
}

.quizQuestion_meter_value{
	background:url(../kenki/quiz/img/bg-meter-value.png) 0 bottom repeat-y;
	width:100%;
	height:0%;
	position:absolute;
	z-index:1;
	left:0px;
	bottom:0px;
}

.quizQuestion_meter_fukidashi{
	position:absolute;
	z-index:1;
	left:100%;
	bottom:50px;
	visibility:hidden;
	margin-bottom:-20px;
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
}

.quizQuestion_meter_fukidashi.is-show{
	 -webkit-animation:bounceInFukidashi 1s ease-in-out 1;
	animation:bounceInFukidashi 1s ease-in-out 1;
}

.quizQuestion_contents{
	position:relative;
	z-index:1;	
}

.quizCorrect{
	
}

.quizIncorrect{
	
}


/* 背景 */
.backGround{
	padding-bottom:27%;	
}

.mainContents-quiz{
	position:relative;
	z-index:1;
	font-size:20px;
	line-height:1.5;
}

.mainContents_bakground{
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../kenki/quiz/img/bg-question.png) center bottom no-repeat;
	border-radius:18px;
	visibility:hidden;
}


/* 汎用クイズエリア */

.areaQuiz{
	display:none;
	margin:0 auto;
	width:708px;
	border:6px solid #FF0000;
	border-radius:20px;
	-webkit-box-shadow:4px 4px 0px rgba(0,0,0,0.2);
	box-shadow:4px 4px 0px rgba(0,0,0,0.2);	
	padding:0 0 30px;
	background:#fff;
	position:relative;
	z-index:1;
	text-align:center;
	position:absolute;
	z-index:1;
	left:0;
	right:0;
	top:0;
	min-height:380px;
}

.areaQuiz.is-inCorrect{
	-webkit-animation:shake 1s ease-in-out 1;
	animation:shake 1s ease-in-out 1;
	border-color:#0059B2;
}

.areaQuiz.is-correct{
	-webkit-animation:shake 1s ease-in-out 1;
	animation:shake 1s ease-in-out 1;
}

.areaQuiz.is-current{
	display:block;
	position:relative;
}

.areaQuiz.is-first{
	visibility:hidden;	
}

.areaQuiz-gameOver{
	padding-top:30px;
	padding-bottom:0;
	border-color:#0059B2;	
}

.areaQuiz_title{
	line-height:40px;
	background:#f00;
	border-top-left-radius:12px;
	border-bottom-right-radius:16px;
	width:109px;
}

.areaQuiz.is-inCorrect .areaQuiz_title{
	background-color:#0059B2;
}

.areaQuiz_image{
	visibility:hidden;	
	-webkit-transition:-webkit-transform 0.7s;
	transition:transform 0.7s;
	-webkit-transform:scale(0);
	transform:scale(0);
	position:relative;
	z-index:1;
}

.areaQuiz_image.is-start{
	-webkit-transform:scale(1);
	transform:scale(1);	
}

.areaQuiz_title img{
	vertical-align:middle;	
}

.areaQuiz_title.is-start img{
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;	
}

.areaQuiz_answerButtons li{
	visibility:hidden;
	display:inline-block;
	margin:0 5px;	
}

.areaQuiz_answerButtons li a{
	display:block;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,180,27) 0%,rgb(255,148,11) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,180,27)),color-stop(1, rgb(255,148,11)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,180,27) 0%,rgb(255,148,11) 100%);
	background-image:linear-gradient(180deg,rgb(255,180,27) 0%,rgb(255,148,11) 100%);
	width:183px;
	padding:13px 0;
	line-height:1.2;
	border-radius:10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	box-shadow:inset -3px -3px 2px rgba(0,0,0,.1);
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
}

.is-ltIE8 .areaQuiz_answerButtons li a{
	background:	rgb(255,148,11);
}

.areaQuiz_answerButtons li a.is-disable{
	cursor:default;
	pointer-events: none;
}

.areaQuiz_answerButtons li a:hover{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	opacity:0.9;
	text-shadow:0 0 5px rgba(255,255,255,.6);
}

.areaQuiz_text{
	font-size:16px;	
	margin:15px 0 25px;
	-webkit-transition:-webkit-transform 0.7s;
	transition:transform 0.7s;
	-webkit-transform:scale(1,0);
	transform:scale(1,0);
	visibility:hidden;
}

.areaQuiz_text.is-start{
	-webkit-transform:scale(1);
	transform:scale(1);	
}

.areaQuiz_nextButton{
	visibility:hidden;
	margin:10px auto 0;
	display:block;
	background-image:-moz-linear-gradient(50% 0% -89deg,rgb(89,225,89) 0%,rgb(59,217,77) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(89,225,89)),color-stop(1, rgb(59,217,77)));
	background-image:-webkit-linear-gradient(-89deg,rgb(89,225,89) 0%,rgb(59,217,77) 100%);
	background-image:linear-gradient(179deg,rgb(89,225,89) 0%,rgb(59,217,77) 100%);
	width:226px;
	height:50px;
	line-height:50px;
	border-radius:10px;
	box-shadow:inset -3px -3px 2px rgba(0,0,0,.1);
	-webkit-transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
}

.is-ltIE8 .areaQuiz_nextButton{
	background:	rgb(59,217,77);
}

.areaQuiz_nextButton.is-disable{
	cursor:default;
	pointer-events: none;
}

.areaQuiz_nextButton.is-twinkle{
	-webkit-animation:twinkle 2s ease-in-out infinite;
	animation:twinkle 2s ease-in-out infinite;

}

.areaQuiz_nextButton img{
	vertical-align:middle;	
}

.areaQuiz_nextButton:hover{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

.areaQuiz_nextButton:hover img{
	opacity:1;
}	

.areaQuiz_kenki{
	visibility:hidden;
	position:absolute;
	z-index:1;
	bottom:-60px;
	left:-110px;	
-webkit-transition:-webkit-transform 0.7s;
	transition:transform 0.7s;
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:scale(0) translateX(-150px);
	transform:scale(0) translateX(-150px);
	visibility:hidden;
	background:url(../kenki/quiz/img/img-kenkies.png) 0 0 no-repeat;
	background-size:300% 100%;
}

.areaQuiz_kenki.-ng{
	background-position:50% 0;
}

.areaQuiz_kenki.-ok{
	background-position:100% 0;
}

.areaQuiz_kenki.is-start{
	-webkit-transform:scale(1) translateX(0);
	transform:scale(1) translateX(0);	
}

.areaQuiz_kenki img{
	visibility:hidden;	
}

.areaQuiz_child{
	position:absolute;
	z-index:1;
	right:-30px;
	bottom:-50px;
	visibility:hidden;	
}

.areaQuiz_childComment1{
	visibility:hidden;
	position:absolute;
	z-index:1;	
}

.areaQuiz_childComment2{
	visibility:hidden;
	position:absolute;
	z-index:1;	
}

.areaQuiz_textAnswer{
	visibility:hidden;
	width:212px;
	height:98px;
	background:url(../kenki/quiz/img/bg-answer-fukidashi.png) 0 0 no-repeat;
	position:absolute;
	z-index:1;
	left:-80px;
	top:70px;
	padding:30px 40px 0 0;		
	-webkit-transition:-webkit-transform 0.7s;
	transition:transform 0.7s;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transform-origin:right center;
	transform-origin:right center;
}

.areaQuiz_textAnswer.is-show{
	-webkit-transform:scale(1);
	transform:scale(1);
}	

.areaQuiz_image_deco{
	display:block;
	position:absolute;
	z-index:1;	
}

/* 第1問 */
.areaQuiz_childComment1-answer01{
	right:-50px;
	bottom:60px;	
}

.areaQuiz_childComment2-answer01{
	right:108px;
	bottom:20px;	
}

/* 第2問 */
.areaQuiz_childComment1-answer02{
	right:-50px;
	bottom:65px;	
}

.areaQuiz_image_deco-answer02{
	top:-70px;
	left:30%;	
}

/* 第3問 */
.areaQuiz_childComment1-answer03{
	right:10px;
	bottom:65px;	
}

.areaQuiz_image_deco-answer03{
	top:-50px;
	left:72%;	
}

/* 第4問 */
.areaQuiz_childComment1-answer04{
	right:80px;
	bottom:55px;	
}

.areaQuiz_childComment2-answer04{
	right:-30px;
	bottom:60px;	
}

.areaQuiz_image_deco-answer04{
	top:10px;
	left:70%;	
}

.areaQuiz_text-answer04{
	margin:50px 0;	
}

/* 第5問 */

.areaQuiz_title-question05,
.areaQuiz_title-answer05{
	margin-bottom:60px;	
}

.areaQuiz_image_deco-question05{
	left:-25%;
	top:0;	
}

.areaQuiz_image_list{
	position:relative;
	z-index:10;
}

.areaQuiz_image_list li{
	display:inline;
}

.areaQuiz_image_list li a.is-selected img{
	opacity:0.8;
	-webkit-filter:sepia(0.6);
	filter:sepia(0.6);
}

.areaQuiz_firstList{
	border:2px solid #f00;
	border-radius:5px;
	width:400px;
	margin:0 auto 20px;	
	padding:5px 0;
}

.areaQuiz_firstList li{
	display:inline-block;	
}

.areaQuiz_firstList li:after{
	content:"";
	display:inline-block;
	width:14px;
	height:15px;
	background:url(../kenki/quiz/img/icn-arrow_x2.png) 0 0 no-repeat;
	background-size:100% auto;	
	margin:0 0 0 10px;
}

.is-ltIE8 .areaQuiz_firstList li:after{
	background-image:url(../kenki/quiz/img/icn-arrow.png);	
}

.areaQuiz_firstList li:last-child:after{
	display:none;
}

.areaQuiz_textAnswer-answer05{
	left:-200px;	
}

.areaQuiz_image-answer05{
	margin:0 0 100px;	
}

.areaQuiz_childComment1-answer05{
	right:100px;
	bottom:60px;
}

.areaQuiz_childComment2-answer05{
	right:-30px;
	bottom:60px;
}

/* 第6問 */
.areaQuiz_childComment1-answer06{
	right:-40px;
	bottom:65px;	
}

.areaQuiz_textAnswer-answer06{
	height:108px;
	padding:20px 40px 0 0;	
}

/* 第7問 */
.areaQuiz_childComment1-answer07{
	right:-40px;
	bottom:65px;	
}

.areaQuiz_image_deco-answer07{
	top:-40px;
	left:48%;	
}

/* 第8問 */
.areaQuiz_childComment1-answer08{
	right:70px;
	bottom:65px;
	z-index:2;	
}

.areaQuiz_childComment2-answer08{
	right:-90px;
	bottom:70px;	
}

.areaQuiz_image_deco-answer08{
	top:-30px;
	left:65%;	
}

.areaQuiz_textAnswer-answer08{
	font-size:17px;
	height:108px;
	padding:20px 40px 0 0;
}	

.areaQuiz_answerButtons-question08{
	font-size:16px;
}	


/* 第9問 */
.areaQuiz_childComment1-answer09{
	right:100px;
	bottom:50px;
	z-index:2;	
}

.areaQuiz_childComment2-answer09{
	right:-40px;
	bottom:60px;	
}

.areaQuiz_answerButtons-question09{
	font-size:16px;
}	

.areaQuiz_textAnswer-answer09{
	font-size:16px;
	height:103px;
	padding:25px 40px 0 0;
	left:-180px;
}	


/* 第10問 */
.areaQuiz_childComment1-answer10{
	right:-30px;
	bottom:70px;
	z-index:2;	
}

.areaQuiz_image_deco-question10{
	left:0;
	top:-40%;
	width:100%;
	text-align:center;
	position:absolute;
	z-index:1;
}

.areaQuiz_answerButtons-question10 li a{
	font-size:13px;
}

.areaQuiz_textAnswer-answer10{
	font-size:16px;
	height:103px;
	padding:25px 40px 0 0;
}	

/* ゴール */

.areaGoal_txtCol{
	padding:40px 0 0;
	width:270px;
	margin-left:49px;
}

.areaGoal_button{
	display:block;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,226,0) 0%,rgb(255,147,38) 99%,rgb(255,147,38) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,226,0)),color-stop(0.99, rgb(255,147,38)),color-stop(1, rgb(255,147,38)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,226,0) 0%,rgb(255,147,38) 99%,rgb(255,147,38) 100%);
	background-image:linear-gradient(180deg,rgb(255,226,0) 0%,rgb(255,147,38) 99%,rgb(255,147,38) 100%);
	height:50px;
	line-height:50px;
	border-radius:10px;
	box-shadow:inset -3px -3px 2px rgba(0,0,0,.1);
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
	margin:30px auto 15px;
}

.is-ltIE8 .areaGoal_button{
	background:	rgb(255,147,38);
}

.areaGoal_button img{
	vertical-align:middle;
}

.areaGoal_imgCol{
	width:338px;
	padding:0 20px 0 0;
	position:relative;
	z-index:1;
}

.areaGoal_fukidashi{
	position:absolute;
	z-index:1;
	top:-130px;
	right:0;	
}

/* ゲームオーバー */

.areaQuiz_reStartButton{
	display:block;
	background-image:-moz-linear-gradient(50% 0% -89deg,rgb(255,77,77) 0%,rgb(217,0,0) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,77,77)),color-stop(1, rgb(217,0,0)));
	background-image:-webkit-linear-gradient(-89deg,rgb(255,77,77) 0%,rgb(217,0,0) 100%);
	background-image:linear-gradient(179deg,rgb(255,77,77) 0%,rgb(217,0,0) 100%);
	width:330px;
	height:50px;
	line-height:50px;
	border-radius:10px;
	box-shadow:inset -3px -3px 2px rgba(0,0,0,.1);
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
	margin:30px auto 0;
}

.is-ltIE8 .areaQuiz_reStartButton{
	background:	rgb(217,0,0);
}


.areaQuiz_titleGameOver{
	margin:0 0 25px;	
}

.areaQuiz_reStartButton img{
	vertical-align:middle;	
}

/* マルバツマーク */
.areaQuiz_mark{
	width:160px;
	height:160px;
	background:url(../kenki/quiz/img/img-mark.png) 0 0 no-repeat;
	position:absolute;
	z-index:10;
	margin-left:-80px;
	left:50%;
	top:100px;
	visibility:hidden;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition:-webkit-transform 0.5s;
	transition:transform 0.5s;
}

.areaQuiz_mark.is-start{
	-webkit-transform:scale(1);
	transform:scale(1);
}

.areaQuiz_mark.is-end{
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
}


.areaQuiz_mark-NG{
	background-position:100% 0;
}

/* 紙吹雪 */

.confetti{
	visibility:hidden;
	width:36px;
	height:36px;
	position:absolute;
	z-index:10;
	background:url(../kenki/quiz/img/img-confetti.png) 0 0 no-repeat;
	background-size:2100% auto;	
	-webkit-animation:rotate 7s ease-in-out infinite;
	animation:rotate 7s ease-in-out infinite;

}	

.confetti-no1{
	background-position:0% 0;	
}

.confetti-no2{
	background-position:5% 0;	
}

.confetti-no3{
	background-position:10% 0;	
}

.confetti-no4{
	background-position:15% 0;	
}

.confetti-no5{
	background-position:20% 0;	
}

.confetti-no6{
	background-position:25% 0;	
}

.confetti-no7{
	background-position:30% 0;	
}

.confetti-no8{
	background-position:35% 0;	
}

.confetti-no9{
	background-position:40% 0;	
}

.confetti-no10{
	background-position:45% 0;	
}

.confetti-no11{
	background-position:50% 0;	
}

.confetti-no12{
	background-position:55% 0;	
}

.confetti-no13{
	background-position:60% 0;	
}

.confetti-no14{
	background-position:65% 0;	
}

.confetti-no15{
	background-position:70% 0;	
}

.confetti-no16{
	background-position:75% 0;	
}

.confetti-no17{
	background-position:80% 0;	
}

/* アニメーション設定 */

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(.97, .97, .97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}


@-webkit-keyframes bounceInFukidashi {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    -webkit-transform:scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
  }
  40% {
    -webkit-transform: scale3d(.8, .8, .8);
  }
  60% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
  }
  80% {
    -webkit-transform: scale3d(.9, .9, .9);
  }
  100% {
    -webkit-transform:scale3d(1, 1, 1);
  }
}

@keyframes bounceInFukidashi {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    transform:scale3d(.3, .3, .3);
  }
  20% {
    transform: scale3d(1.5, 1.5, 1.5);
  }
  40% {
    transform: scale3d(.8, .8, .8);
  }
  60% {
    transform: scale3d(1.2, 1.2, 1.2);
  }
  80% {
    transform: scale3d(.9, .9, .9);
  }
  100% {
    transform:scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    -webkit-transform: translate3d(0, -500px, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
  }
}


@-webkit-keyframes twinkle{
	0%,100%{
		opacity:1;	
	}
	50%{
		opacity:0.6;	
	}
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-webkit-keyframes rotate{
	0%{
		-webkit-transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
	}
}

/* タブレット以下設定 */
@media screen and (max-width:939px){

	.loading{
		width:30px;
		height:30px;	
	}

	.mainContents-quiz{
		padding:10px 20px 50px;
	}

	.quizQuestion_meter{
		width:100%;
		height:40px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		border-radius:6px;
		position:relative;
		right:0;
		top:0;
		left:0;
		bottom:0;
		background:#FFE200;
		box-shadow:2px 2px 0 rgba(0,0,0,0.2);
		margin:0 0 10px;
		border:#FFE200 solid 8px;
		border-left-width:40px;
		border-right-width:40px;
	}
	
	.quizQuestion_meter:after{
		content:"12";
		font-size:16px;
		font-weight:bold;
		color:#fff;
		text-shadow:-1px -1px 1px rgba(0,0,0,.2);
		position:absolute;
		z-index:1;
		right:-29px;
		top:0;
		bottom:0;
		margin:auto 0;	
	}
	
	.quizQuestion_meter:before{
		content:"0";
		font-size:16px;
		font-weight:bold;
		color:#fff;
		text-shadow:-1px -1px 1px rgba(0,0,0,.2);
		position:absolute;
		z-index:1;
		left:-24px;
		top:0;
		bottom:0;
		margin:auto 0;	
	}


	.quizQuestion_meter_wrap{
		width:100%;
		height:100%;
		background:#fff;
		left:0;
		top:0;
		border-radius:3px;
		box-shadow:inset 1px 1px 0 rgba(0,0,0,0.2);
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:4px 4px 3px;
	}

	.quizQuestion_meter_value{
		display:none;
	}
	
	.quizQuestion_meter_value_wrap{
		position:relative;
		z-index:1;
		width:100%;
		height:100%;	
	}
	
	.quizQuestion_meter_value-sp{
		background-image:-moz-linear-gradient(rgb(60,215,77) 0%,rgb(60,215,77) 1%,rgb(91,241,94) 99%,rgb(91,241,94) 100%); 
		background-image:-webkit-gradient(linear,color-stop(0, rgb(60,215,77)),color-stop(0.01, rgb(60,215,77)),color-stop(0.99, rgb(91,241,94)),color-stop(1, rgb(91,241,94)));
		background-image:-webkit-linear-gradient(rgb(60,215,77) 0%,rgb(60,215,77) 1%,rgb(91,241,94) 99%,rgb(91,241,94) 100%);
		background-image:linear-gradient(rgb(60,215,77) 0%,rgb(60,215,77) 1%,rgb(91,241,94) 99%,rgb(91,241,94) 100%);
		width:0%;
		height:100%;
		position:absolute;
		z-index:1;
		left:0px;
		bottom:0px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.quizQuestion_meter_fukidashi{
		z-index:2;
		left:auto;
		right:0 !important;
		bottom:0 !important;
		width:120px;
	}
	
	/* 背景 */
	
	.mainContents-quiz{
		font-size:16px;
		line-height:inherit;
	}

	.mainContents_bakground{
		background-size:100% auto;	
		border-radius:10px;
	}


	/* 汎用クイズエリア */
	
	.areaQuiz_wrap{
		position:relative;
		z-index:1;	
	}
	
	.areaQuiz{
		border-width:4px;
		border-radius:12px;
		padding:0 0 15px;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		min-height:auto;
		-webkit-box-shadow:2px 2px 0px rgba(0,0,0,0.2);
		box-shadow:2px 2px 0px rgba(0,0,0,0.2);	
	}
	
	.areaQuiz-gameOver{
		padding:20px;
	}

	.areaQuiz_title{
		line-height:32px;
		border-top-left-radius:7px;
		border-bottom-right-radius:12px;
		width:84px;
	}
	
	.areaQuiz_title img{
		width:66px;	
	}

	.areaQuiz_answerButtons li{
		margin:0 2px;	
	}
	
	.areaQuiz_answerButtons li a{
		width:160px;
		padding:10px 0;
		border-radius:6px;
		font-size:14px;
	}

	.areaQuiz_text{
		font-size:14px;	
		margin:10px 0 20px;
	}
	
	.areaQuiz_image img{
		max-width:80%;
	}

	.areaQuiz_nextButton{
		max-width:226px;
		width:96%;
		height:40px;
		line-height:40px;
		border-radius:8px;
	}
	
	.areaQuiz_nextButton img{
		width:120px;
	}

	.areaQuiz_nextButton:hover{
		-webkit-transform:none;
		transform:none;
	}

	.areaQuiz_kenki{
		display:none;
	}

	.areaQuiz_child{
		display:none;
	}
	
	.areaQuiz_childComment1{
		display:none;
	}

	.areaQuiz_childComment2{
		display:none;
	}
	
	.areaQuiz_textAnswer{
		height:auto;
		background:none;
		padding:5px;
		border-radius:5px;
		border:3px solid #FFE200;
		position:relative;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:10;
		background:#fff;
		width:96%;
		margin:15px 0 15px 2%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	/* 第2問 */
	.areaQuiz_image_deco-answer02{
		display:none;
	}
	
	/* 第3問 */
	.areaQuiz_image_deco-answer03{
		display:none;
	}

	/* 第4問 */
	.areaQuiz_image{
		text-align:center;	
	}
	.areaQuiz_image_deco-answer04{
		position:static;
		display:inline-block;
	}

	/* 第5問 */
	.areaQuiz_image_deco-question05{
		display:none;
	}

	.areaQuiz_image_list li img{
		width:80px;
	}

	.areaQuiz_firstList{
		width:90%;
		margin:15px auto;	
	}

	.areaQuiz_firstList li:after{
		width:12px;
		height:12px;
	}

	.areaQuiz_textAnswer-answer05{
		left:0;
	}

	.areaQuiz_image-answer05{
		margin:0 0 30px;	
	}

	/* 第7問 */
	.areaQuiz_image_deco-answer07{
		display:none;	
	}

	/* 第8問 */
	.areaQuiz_image_deco-answer08{
		display:none;
	}

	/* ゴール */
	
	.areaGoal_txtCol{
		padding:0 10px;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:0;
		float:none;
	}
	
	.areaGoal_button{
		height:40px;
		line-height:40px;
		border-radius:8px;
		margin:30px auto 15px;
		max-width:300px;
	}

	.areaGoal_button img{
		width:160px;
	}

	.areaGoal_imgCol{
		padding:0 10px;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:0;
		float:none;
	}

	.areaGoal_fukidashi{
		display:none;
	}
	
	/* ゲームオーバー */
	.areaQuiz_reStartButton{
		max-width:330px;
		width:100%;
		height:40px;
		line-height:40px;
		border-radius:8px;
	}
	.areaQuiz_titleGameOver{
		margin:0 0 20px;	
	}

	.areaQuiz_reStartButton img{
		width:190px;
	}


	.confetti{
		width:3.75%;	
	}
	
}

/* スマホ設定 */
@media screen and (max-width:639px){
	
	.mainContents_bakground{
		border-radius:5px;
	}

	.mainContents-quiz{
		padding:10px 10px 40px;
	}
	
	.quizQuestion_meter_fukidashi{
		width:80px;
	}

	.areaQuiz_text{
		text-align:left;
		padding:0 10px;
		font-size:14px;	
	}
	
	.areaQuiz_answerButtons{
		padding:0 10px;	
	}
	
	.areaQuiz_answerButtons li{
		display:block;
		margin:0 0 5px;
	}
	
	.areaQuiz_answerButtons li a{
		width:100%;
		text-align:left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:10px;
	}
	
	.areaQuiz_answerButtons li a:hover{
		-webkit-transform:none;
		transform:none;
	}
	
	.areaQuiz_answerButtons li a br{
		display:none;	
	}
}