@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;
	margin-top: 25px;
}

.quizCorrect {
}

.quizIncorrect {
}

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

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

.mainContents_bakground {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/kenki/quiz/img/bg-question_2104.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;
}

.areaGoal {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.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: 253px;
	height: 128px;
	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: 128px;
	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: 128px;
	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: 128px;
	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: 128px;
	padding: 25px 40px 0 0;
}

/* ゴール */
.areaGoal_txtCol {
	padding: 40px 0 0;
	width: 270px;
	margin-left: 40px;
}

.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_contents {
		margin-top: 15px;
	}

	.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;
	}

	.areaGoal {
		display: block;
	}

}