@charset "utf-8";
/*================================================

* LOADING *

================================================*/
.loading-ovl {
	position: fixed;
	width: 100%;
	height: 100%;
	padding-top: 8%;
	background: #FED835;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	z-index: 9999;
	transition: all 0.35s ease;
}
		.loading-ovl.fade {
			opacity: 1;
			pointer-events: auto;
			transition: all 0.35s ease;
		}

#loading-box {
	width: 100%;
	max-width: 280px;
	height: 280px;
	margin: 0 auto;
	margin-bottom: 2rem;
}

.loading-ovl img {
	width: 100%;
	max-width: 220px;
	margin: 0 auto;
}

/*================================================

* INTRO *

================================================*/
.intro-ovl {
	height: 100%;
	width: 100%;
	background: rgba(61,53,0,0.85);
	z-index: 9997;
	pointer-events: none;
	position: fixed;
	top:0;
	left: 0;
	opacity: 0;
	transition: all 0.35s ease;
}
		.intro-ovl.show {
			opacity: 1;
			pointer-events: auto;
			transition: all 0.35s ease;
		}

.intro-img {
	width: 100%;
	max-width: 230px;
	z-index: 9998;
	pointer-events: none;
	position: fixed;
	transform: translateY(120%);
	margin: auto;top: 0;right: 0;left: 0;bottom: 0;
}

.intro-img.camera {
	max-width: 250px;
}
.intro-img.action {
	max-width: 480px;
}

/*================================================

* TALK *

================================================*/
.input-row a {
	width: 100%;
	height: 100%;
	display: block;
}
.re {
	width: 100%;
	height: 100%;
	position: relative;
}
/*----------------------------------------------
				TALK BUBBLE WRAP
-----------------------------------------------*/
.talk-bubble-wrap {
	width: 100%;
	max-width: 580px;
	height: 84%;
	position: fixed;
	margin: auto;top: 8%;right: 0;left: 0;
	overflow: hidden;
	transition: all 0.25s ease;
}

.bubble-overflow {
	width: 100%;
	padding: 0 1rem;
	overflow: hidden;
}

		.talk-bubble-wrap.reset {
			transform: translateY(0%);
			transition: all 0s ease;
		}
		.talk-bubble-wrap.slide-top {
			transform: translateY(-51.5%);
			transition: all 0.25s ease;
		}
.talk-bubble-wrap .inner {
	width: 100%;
	height: 100%;
	padding: 10% 0 4% 0rem;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	position: absolute;margin: auto;top: 0;right: 0;left: 0;bottom: 0;
	overflow-y: scroll;
}
		.talk-bubble-wrap.slide-top .re .inner {
				padding: 85% 0rem 4% 0rem;
		}

/*----------------------------------------------
				BUBBLE BOX
-----------------------------------------------*/
.bubble-box {
	width: 100%;
	font-weight: 900;
	margin-bottom: 1rem;
	font-size: 0.8rem;
}
		.bubble-box.hidden {
			display: none;
		}
				.bubble-box.jenny {
					-webkit-transform: translateX(0%) scale3d(1, 1, 1);
					-ms-transform: translateX(0%) scale3d(1, 1, 1);
					-o-transform: translateX(0%) scale3d(1, 1, 1);
					transform: translateX(0%) scale3d(1, 1, 1);
					transform-origin: left;
					animation-duration: 0.35s;
					animation-name: bubble-in-right;
					animation-timing-function: ease;
					animation-iteration-count: 1;
					transition: 0.15s;
				}
				.bubble-box.will {
					-webkit-transform: translateX(0%) scale3d(1, 1, 1);
					-ms-transform: translateX(0%) scale3d(1, 1, 1);
					-o-transform: translateX(0%) scale3d(1, 1, 1);
					transform: translateX(0%) scale3d(1, 1, 1);
					transform-origin: right;
					animation-duration: 0.35s;
					animation-name: bubble-in-left;
					animation-timing-function: ease;
					animation-iteration-count: 1;
					transition: 0.15s;
				}

/*----------------------------------------------
				BUBBLE
-----------------------------------------------*/
.bubble-box .bubble {
	width: 75.5%;
	border: 3px solid #000;
	border-radius: 15px;
	padding: 1rem;
	background: #fff;
	position: relative;
	display: block;
	transition: 0.15s;
}
		.bubble-box.jenny .bubble:after {
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 15px 0 0 15px;
			border-color: transparent transparent transparent #ffffff;
			content: "";
			position: absolute;margin: auto;top: 25px;right: -15px;
		}
		.bubble-box.will .bubble:after {
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 0 20px 20px;
			border-color: transparent transparent #ffffff transparent;
			content: "";
			position: absolute;margin: auto;top: 25px;left: -15px;
		}
		.bubble-box .bubble p:nth-child(1) {
		padding-bottom: 1rem;
		margin-bottom: 0.5rem;
		border-bottom: 2px solid #ddd;
		}
		.bubble-box .bubble p.furigana {
			opacity: 0;
			transition: all 0.35s ease;
		}
		.bubble-box .bubble p.furigana.show {
			opacity: 1;
			transition: all 0.25s ease;
		}
				/*正解用 JENNY WILL 共通*/
				.bubble-box.ok .bubble {
					background: #5fbc3c;
					color: #fff;
				}
				.bubble-box.ok .bubble p:nth-child(1) {
					border-bottom: 2px solid #fff;
				}
				.bubble-box.ok .bubble:before {
					width: 35px;
					height: 35px;
					content: "";
					background: url(../img/icon-circle.svg)no-repeat center;
					background-size: contain;
					position: absolute;margin: auto;top: -16px;left:-16px;
				}
							/*正解用 JENNY*/
							.bubble-box.ok.jenny .bubble:after {
								border-color: transparent transparent transparent #5fbc3c;
							}
							/*正解用 WILL*/
							.bubble-box.ok.will .bubble:after {
								border-color: transparent transparent #5fbc3c transparent;
							}
				/*不正解用 JENNY WILL 共通*/
				.bubble-box.ng .bubble {
					background: #3e82ba;
					color: #fff;
				}
				.bubble-box.ng .bubble p:nth-child(1) {
					border-bottom: 2px solid #fff;
				}
				.bubble-box.ng .bubble:before {
					width: 35px;
					height: 35px;
					content: "";
					background: url(../img/icon-peke.svg)no-repeat center;
					background-size: contain;
					position: absolute;margin: auto;top: -16px;left:-16px;
				}
							.bubble-box.ng.jenny .bubble:after {
								border-color: transparent transparent transparent #3e82ba;
							}

							.bubble-box.ng.will .bubble:after {
								border-color: transparent transparent #3e82ba transparent;
							}

/*----------------------------------------------
				AVATAR
-----------------------------------------------*/
.bubble-box .avatar {
	width: 22%;
	max-height: 102px;
	opacity: 1;
	background: url(../img/avatar-a.png)no-repeat top center;
	background-size: contain;
}
		.bubble-box.will .avatar {
			background: url(../img/avatar-b.png)no-repeat top center;
			background-size: contain;
		}

/*================================================

* INPUT *

================================================*/
.talk-bottom-wrap {
	width: 100%;
	max-width: 580px;
	height: 85%;
	overflow: hidden;
	position: fixed;
	top: 92%;
	margin: auto;
	left: 0;
	right: 0;
	transition: all 0.25s ease;
}
		.talk-bottom-wrap.slide-top {
			transform: translateY(-52%);
			transition: all 0.25s ease;
		}
		.talk-bottom-wrap.none {
			pointer-events: none;
		}
.talk-input-wrap {
	width: 100%;
	height: 10%;
}
		.talk-input-wrap.hidden{
			transform: translateX(-100%);
			transition-property: all;
			transition-duration: 0.35s;
			transition-delay: 0.15s;
			transition-timing-function: ease;
		}

/*----------------------------------------------
					CLOSE
-----------------------------------------------*/
.talk-input-wrap .close{
	width: 15%;
	position: relative;
	background: #ddd;
}
		.talk-input-wrap .close span{
			width: 50%;
			height: 5px;
			background: #8e8e8e;
			position: absolute;margin: auto;top: 0;right: 0;left: 0;bottom: 0;
			transition: 0.35s ease;
		}
		.talk-input-wrap .close.on span:nth-child(1) {
			transform: rotate(-135deg);
			transition-duration: 0.35s;
			transition-property: all;
			transition-timing-function: ease;
			transition-delay: 0.25s;
		}
		.talk-input-wrap .close.on span:nth-child(2) {
			transform: rotate(135deg);
			transition-duration: 0.35s;
			transition-property: all;
			transition-timing-function: ease;
			transition-delay: 0.25s;
		}

/*----------------------------------------------
				INPUT AREA
-----------------------------------------------*/
.talk-input-wrap .input-row{
	width: 68%;
	position: relative;
	background: #fff;
	pointer-events: none;
}
		.talk-input-wrap .input-row.auto {
			pointer-events: auto !important;
		}

.talk-input-wrap .input-row .input {
	width: 85%;
	height: 31px;
	font-size: 1.25rem;
	font-weight: 900;
	position: absolute;margin: auto;top: 0;bottom:0;left:0;right: 0;
	white-space: nowrap;
	overflow: hidden;
	z-index: 150;
}
		.talk-input-wrap .input-row .input.hidden{
			display: none;
		}

		.talk-input-wrap .input-row .input.first{
			opacity: 0;
			border-right: 3px solid #fff;
			color: #fff;
		}
				.talk-input-wrap .input-row .input.first.gray{
					color: #8e8e8e;
					border-right: 3px solid #8e8e8e;
				}
		.talk-input-wrap .input-row .input.first.glow{
			opacity: 1;
		}

		/*--- 点滅用背景 ---*/
		.talk-input-wrap .input-row .input-bg {
			width: 100%;
			height: 100%;
			z-index: 100;
			content: "";
			background: #5fbc3c;
			opacity: 0;
			position: absolute;margin: auto;top: 0;right: 0;bottom:0;left:0;
		}
		.talk-input-wrap .input-row .input-bg.hidden {
			display: none;
		}


/*----------------------------------------------
				SUBMIT
-----------------------------------------------*/
.talk-input-wrap .submit{
	width: 17%;
	position: relative;
	background-color: #5fbc3c;
	background-image: url(../img/icon-submit.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
}
.talk-input-wrap .submit .submit-btn {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;margin: auto;top: 0;right: 0;bottom:0;left:0;
}
		.talk-input-wrap .submit .submit-btn.hidden {
			display: none;
		}


/* ** ** ** ** ** ** ** ** ** ** ** ** ** */
@media only screen and (max-width: 1024px) {
.talk-input-wrap .input-row .input{
	height: 45px;
}
/* ** */}
@media only screen and (max-width: 768px) {
.talk-input-wrap .input-row .input{
	height: 31px;
}
/* ** */}
@media only screen and (max-width: 480px) {
.talk-input-wrap .input-row .input{
	height: 31px;
}
/* ** */}
/* ** ** ** ** ** ** ** ** ** ** ** ** ** */

/*================================================

* ANSER *

================================================*/
.talk-answer-wrap {
	width: 100%;
	padding: 4% 2%;
	height: 51%;
}
	.answer-box {
		width: 100%;
		height: 30%;
		border: 5px solid #000;
		background-color: #fff;
		padding: 0.5rem;
		margin-bottom: 4%;
		font-weight: 900;
		transition: all 0.15s ease;
		position: relative;
	}
	.answer-box.active {
		background: #5fbc3c;
		transition: all 0.15s ease;
	}

.answer-box.jenny  {
	background-image: url(../img/avatar-a-.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	}
.answer-box.will  {
	background-image: url(../img/avatar-b-.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	}



/* ** ** ** ** ** ** ** ** ** ** ** ** ** */
@media only screen and (max-width: 1024px) {
.intro-img {
	max-width: 330px;
}
.intro-img.camera {
	max-width: 350px;
}
.intro-img.action {
	max-width: 580px;
}
/* ** */}
@media only screen and (max-width: 768px) {
.intro-img {
	max-width: 230px;
}
.intro-img.camera {
	max-width: 250px;
}
.intro-img.action {
	max-width: 480px;
}
/* ** */}
@media only screen and (max-width: 480px) {
.intro-img {
	max-width: 150px;
}
.intro-img.camera {
	max-width: 170px;
}
.intro-img.action {
	max-width: 300px;
}
	.answer-box {
		border: 4px solid #000;
	}
/* ** */}
/* ** ** ** ** ** ** ** ** ** ** ** ** ** */

/*================================================

* RETRY *

================================================*/

.retry-row {
	width: 100%;
	height: 10%;
	background: #b5971a;
	position: absolute;margin: auto;top: 0;right: 0;left:0;
	z-index: 8000;
	transform: translateX(0%);
	transition-property: all;
	transition-duration: 0.35s;
	transition-delay: 0.15s;
	transition-timing-function: ease;
	pointer-events: auto;
}
.retry-row .inner {
	width: 100%;
	height: 100%;
	padding: 0.5rem;
}
			.retry-row.hidden {
				pointer-events: none;
				transform: translateX(100%);
			}
.retry-row .prev-btn {
	width: 30%;
	height: 100%;
	padding: 1rem;
	background-image: url(../img/retry-pre.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.retry-row .retry-btn {
	width: 33%;
	height: 100%;
	padding: 1rem;
	background-image: url(../img/retry-retry.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.retry-row .next-btn {
	width: 30%;
	height: 100%;
	padding: 1rem;
	background-image: url(../img/retry-next.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/*================================================

* ALL CLEAR ROW *

================================================*/

.all-clear-row {
	width: 100%;
	height: 10%;
	position: absolute;margin: auto;top: 0;right: 0;left:0;
	z-index: 8500;
	overflow: hidden;
	transform: translateX(0%);
	transition-property: all;
	transition-duration: 0.35s;
	transition-delay: 0.15s;
	transition-timing-function: ease;
	pointer-events: auto;
}
			.all-clear-row.hidden {
				pointer-events: none;
				transform: translateX(100%);
			}
a.all-clear-btn {
	width: 100%;
	height: 100%;
}
a.all-clear-btn > div:nth-child(1) {
	width: 83%;
	background-color: #ea352d;
	background-image: url(../img/cong-text.svg);
	background-repeat: no-repeat;
	background-size: auto 60%;
	background-position: center;
}
a.all-clear-btn > div:nth-child(2) {
	width: 17%;
	background-color: #d4362f;
	position: relative;
}
a.all-clear-btn > div:nth-child(2) {
	width: 17%;
	background-color: #d4362f;
	position: relative;
}
		a.all-clear-btn > div:nth-child(2)::after {
			width: 19px;
			height: 19px;
			border-top: 6px solid #fff;
			border-right: 6px solid #fff;
			content: "";
			transform: rotate(45deg);
			position: absolute;margin: auto;top: 0;right: 0;bottom:0;left:-9px;
			animation-duration: 2s;
			animation-name: cong-arrow;
			animation-iteration-count: infinite;
		}

.all-clear-row .re span:nth-child(2) {
	width: 15px;
	height: 200%;
	background: #fff;
	content: "";
	position: absolute;margin: auto;top: 0;right: 0;bottom:0;left:0;
	pointer-events: none;
	opacity: 0.5;
}
.all-clear-row .re span:nth-child(3) {
	width: 10px;
	height: 200%;
	background: #fff;
	content: "";
	position: absolute;margin: auto;top: 0;right: 0;bottom:0;left:-45px;
	pointer-events: none;
	opacity: 0.5;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** */
@media only screen and (max-width: 1024px) {
a.all-clear-btn > div:nth-child(1) {
	background-size: auto 40%;
}
/* ** */}
@media only screen and (max-width: 768px) {
a.all-clear-btn > div:nth-child(1) {
	background-size: auto 60%;
}
/* ** */}
/* ** ** ** ** ** ** ** ** ** ** ** ** ** */
/*================================================

* COMMENT *

================================================*/
/*----------------------------------------------
					WRAP
-----------------------------------------------*/
.comment-wrap {
	width: 100%;
	height: 51.5%;
	background: #FED835;
	position: absolute;margin: auto;top: 10%;right: 0;left:0;
	opacity: 1;
	pointer-events: auto;
	z-index: 9995;
	transition-duration: 0.35s;
	transition-property: opacity;
	transition-timing-function: ease;
	transition-delay: 0.35s;
}
	.comment-wrap.hidden {
		opacity: 0;
		pointer-events: none;
	}
		.comment-wrap .inner {
			width: 100%;
			height: 100%;
			padding: 2rem 1rem;
			overflow-y: scroll;
			-webkit-overflow-scrolling: touch;
			overflow-scrolling: touch;
		}
/*----------------------------------------------
					LABEL
-----------------------------------------------*/
.comment-wrap .comment-label {
	width: 100%;
	height: 15%;
	margin-bottom: 0.5rem;
}
		.comment-wrap .comment-label > div:nth-child(1) {
			width: 35%;
			background: url(../img/label-comment.svg)no-repeat center;
			background-size: contain;
		}
				.comment-wrap .comment-label.tips > div:nth-child(1) {
					width: 40%;
					background: url(../img/label-tips.svg)no-repeat center;
					background-size: contain;
				}
		.comment-wrap .comment-label .line {
			width: 62%;
			position: relative;
		}
				.comment-wrap .comment-label.tips .line {
					width: 56%;
					position: relative;
				}
		.comment-wrap .comment-label .line span {
			width: 100%;
			height: 5px;
			background: #000;
			position: absolute;margin: auto;top: 0;right: 0;left:0;bottom: 0;
		}
		.comment-wrap .comment-label .line span:nth-child(2) {
			position: absolute;margin: auto;top: 0;right: 0;left: 0;bottom: 20px;
		}
		.comment-wrap .comment-label .line span:nth-child(3) {
			position: absolute;margin: auto;top: 20px;right: 0;left: 0;bottom: 0;
		}

/*----------------------------------------------
					TEXT
-----------------------------------------------*/
.comment-wrap p {
	width: 100%;
	margin-bottom: 2rem;
}
.comment-wrap p:last-child {
	margin-bottom: 0rem;
}

/*----------------------------------------------
			コメント欄に表示する正誤の日本語訳
-----------------------------------------------*/
.comment-engjp {
	width: 100%;
	padding: 1rem;
	margin-bottom: 0.5rem;
	background: #E2BF30;
}

.comment-engjp > div:nth-child(1) {
	font-weight: 900;
	font-size: 1rem;
	border-bottom: 2px solid;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** */
@media only screen and (max-width: 1024px) {
		.comment-wrap .comment-label .line span {
			height: 7px;
		}
		.comment-wrap .comment-label .line span:nth-child(2) {
			position: absolute;margin: auto;top: 0;right: 0;left: 0;bottom: 30px;
		}
		.comment-wrap .comment-label .line span:nth-child(3) {
			position: absolute;margin: auto;top: 30px;right: 0;left: 0;bottom: 0;
		}
/* ** */}
@media only screen and (max-width: 768px) {
		.comment-wrap .comment-label .line span {
			height: 5px;
		}

/* ** */}
@media only screen and (max-width: 480px) {
		.comment-wrap .comment-label .line span {
			height: 4px;
		}
		.comment-wrap .comment-label .line span:nth-child(2) {
			position: absolute;margin: auto;top: 0;right: 0;left: 0;bottom: 20px;
		}
		.comment-wrap .comment-label .line span:nth-child(3) {
			position: absolute;margin: auto;top: 20px;right: 0;left: 0;bottom: 0;
		}
/* ** */}
/* ** ** ** ** ** ** ** ** ** ** ** ** ** */


/*================================================

* TRANSLATION *

================================================*/
.engjp-wrap {
	width: 100%;
	height: 100%;
	background: rgba(61,53,0,0.85);
	z-index: 9998;
	position: fixed;
	top:0;
	left: 0;
	opacity: 1;
	pointer-events: auto;
	transition: all 0.35s ease;
}
		.engjp-wrap.hidden {
			opacity: 0;
			pointer-events: none;
			transition: all 0.35s ease;
		}
.engjp-wrap .inner {
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
	height: 100%;
	padding: 2rem 1rem;
	color: #fff;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.engjp-box {
	width: 100%;
	border-bottom: 3px solid #fff;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
		.engjp-box > div {
			width: 60%;
		}
		.engjp-box > div h2 {
			font-family: 'bebas_neuebold';
			font-size: 3rem;
		}
		.engjp-box > div p {
			font-weight: 900;
		}

/*----------------------------------------------
				CLOSE
-----------------------------------------------*/
.engjp-close-wrap {
	width: 100%;
	height: 50px;
	position: fixed;
	top: 1rem;
	left: 0;
	z-index: 9999;
	pointer-events: auto;
	opacity: 1;
	transition: all 0.35s ease;
}
		.engjp-close-wrap.hidden {
			pointer-events: none;
			opacity: 0;
			transition: all 0.35s ease;
		}
.engjp-close-wrap .inner {
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
.engjp-close-btn {
	width: 50px;
	height: 50px;
	pointer-events: auto;
	position: absolute;margin: auto;top: 0;bottom:0;right:0.5rem;
}
			.hidden .engjp-close-btn {
				pointer-events: none;
			}
.engjp-close-btn span {
	width: 100%;
	height: 3px;
	background: #fff;
	content: "";
	position: absolute;margin: auto;top: 0;right: 0;bottom:0;left:0;
	transform: rotate(135deg);
	transition-property: all;
	transition-duration: 0.35s;
	transition-timing-function: ease;
	transition-delay: 0.35s;
}
.engjp-close-btn span:nth-child(2) {
	transform: rotate(-135deg);
}
			.hidden .engjp-close-btn span {
				transform: rotate(0deg);
				transition: all 0.35s ease;
			}
			.hidden .engjp-close-btn span:nth-child(2) {
				transform: rotate(0deg);
				transition: all 0.35s ease;
			}

/*================================================

* カテゴリークリア *

================================================*/
.cong-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #FED835;
	z-index: 9999;
	transform: translateY(-200%);
	transition: all 0.35s ;
}
.cong-wrap .inner {
	width: 100%;
	height: 100%;
	max-width: 580px;
	margin: 0 auto;
	overflow-y: scroll;
	padding-bottom: 4rem;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.cong-wrap .inner .cong-daging {
	width: 100%;
	transform: translateY(1rem);
	margin-bottom: 2rem;
}
.cong-wrap .inner .text {
	padding: 0 1rem;
}
		.cong-wrap .inner .text h2 {
			font-weight: 900;
		}
/*----------------------------------------------
				IFRAME
-----------------------------------------------*/
.cong-wrap iframe.standard {
	width: calc(100% - 2rem);
}
/*----------------------------------------------
				SHARE BTN
-----------------------------------------------*/
.share-list {
	width: 100%;
	max-width: 270px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 2rem;
}
.share-list .child {
	width: 60px;
	height: 50px;
	margin-right: 10px;
	display: block;
	float: left;
}
.share-list .child.last {
	margin-right: 0px;
}

.cong-wrap h3 {
	color: #B5971A;
	font-family: 'bebas_neuebold';
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
a.cong-close {
	width: calc(100% - 2rem);
	margin: 0 auto;
	background: #E2BF30;
	border-radius: 5px;
	padding: 1rem;
	text-align: center;
	font-weight: 900;
	color: #fff;
	display: block;
	border-bottom: 5px solid #B5971A;
	position: relative;
}

a.cong-close::after {
	height: 13px;
	width: 13px;
	content: "";
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	position: absolute;margin: auto;top: 0;bottom:0;left: 1rem;
	transform: rotate(-45deg);
	pointer-events: none;
}

/*================================================

* OVL *

================================================*/
#targetlink {
	width: 10px;
	height: 10px;
	display: block;
	position: fixed;
	top: -10px;
	left: -10px;
	z-index: 9999;
}
.answer-img {
	width: 80%;
	max-width: 580px;
	z-index: 9999;
	pointer-events: none;
	position: fixed;
	transform: translateY(120%);
	margin: auto;top: 0;right: 0;left: 0;bottom: 0;
}
.tap-img {
	width: 40%;
	max-width:230px;
	z-index: 9990;
	pointer-events: none;
	position: fixed;
	margin: auto;top: 20%;right: 0;left: 0;bottom: 0;
}
			.tap-img.hidden {
				opacity: 0;
				display: none;
				pointer-events: none;
			}