@charset "utf-8";

#kids_enquete {
	width: 980px;
	margin: 50px auto 0px;
	clear: both;
}

#kids_enquete .enquete_area {
	width: 980px;
	background-color: #fef4db;
	padding: 38px 0px 32px 0px;
	margin: 0px auto 80px auto;
	position: relative;
}

#kids_enquete .enquete_area p {
	font-size: 16px;
	line-height: 1.4;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#kids_enquete .enquete_area p.heading {
	font-size: 26px;
	line-height: 1.1;
	text-align: center;
	padding-top: 4px;
	margin-bottom: 26px;
	font-weight: 600;
}

#kids_enquete .enquete_area p.heading span {
	color: #ffaa01;
	font-weight: bold;
}

#kids_enquete .enquete_area ul.fL {
	float: left;
	width: 399px;
	border-right: 1px solid #FFF;
	margin-left: 70px;
	margin-right: 30px;
}

#kids_enquete .enquete_area ul.fR {
	width: 100%;
	margin: auto;
	text-align: center;
}

#kids_enquete .enquete_area ul.fR p {
	padding-left: 1.4em;
	text-indent: -1.4em;
}

#kids_enquete .enquete_area ul.fR p.TA {
	padding-left: 0;
	text-indent: 0;
}

#kids_enquete .enquete_area li {
	padding-top: 6px;
}

#kids_enquete .enquete_area li:first-child {
	padding-top: 0px;
	padding-bottom: 10px;
}

#kids_enquete .enquete_area li p span.small {
	font-size: 13px;
}

#kids_enquete .enquete_area li p span.square {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

#kids_enquete .enquete_area li p input {
	position: relative;
	top: -0px;
	margin: 0;
	padding: 0;
}

#kids_enquete .enquete_area li p textarea {
	height: 130px;
	padding: 5px;
	font-size: 15px;
	line-height: 1.4;
	width: 840px;
	border: 1px solid #999999;
	border-radius: 8px;
	resize: none;
	box-sizing: border-box;
}

#kids_enquete .enquete_area .btn {
	width: 270px;
	margin: 25px auto 0px auto;
}

#kids_enquete .enquete_area .btn02 {
	width: 212px;
	position: absolute;
	bottom: 35px;
	right: 230px;
}

#kids_enquete .enquete_area .btn03 {
	width: 212px;
	position: absolute;
	bottom: 35px;
	left: 230px;
}

#kids_enquete .enquete_area .btn03 a:hover img {
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
	cursor: pointer;
}

#kids_enquete .enquete_area .confirm {
	width: 94%;
	margin: 0px 3% 70px 3%;
	text-align: center;
}

#kids_enquete .enquete_area .confirm p {
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
}

#kids_enquete .enquete_area .confirm dl {
	width: 90%;
	margin: 30px auto 0px auto;
}

#kids_enquete .enquete_area .confirm dl p {
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
}

#kids_enquete .enquete_area .confirm dt {
	border-top: 1px solid #FFF;
	padding: 15px 10px 15px 10px;
}

#kids_enquete .enquete_area .confirm dt p span.square {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

#kids_enquete .enquete_area .confirm dd {
	padding: 0px 10px 15px 10px;
}

#kids_enquete .enquete_area input[type="image"]:hover {
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
}

.sp {
	display: none;
}

.pc {
	display: block;
}

/*  clearfix  */
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	width: 0;
	height: 0;
	content: ".";
}

.clearfix {
	zoom: 1;
}

@media print, screen and (min-width: 769px) {
	#kids_enquete .enquete_area .only_sp {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#kids_enquete .enquete_area .only_sp {
		display: block !important;
	}
}

@media screen and (max-width: 768px) {
	body {
		-webkit-text-size-adjust: 100%;
	}

	#kids_enquete {
		width: 100%;
		margin-top: 0;
		margin-bottom: 80px;
	}

	#kids_enquete .enquete_area {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding-top: 25px;
	}

	#kids_enquete .enquete_area p {
		font-size: 0.95rem;
		text-align: left;
	}

	#kids_enquete .enquete_area p.heading {
		font-size: 1.25rem;
		margin-bottom: 0px;
		line-height: 1.4;
	}

	#kids_enquete .enquete_area ul {
		margin-top: 20px;
	}

	#kids_enquete .enquete_area ul.fL {
		float: none;
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
		border-right-style: none;
	}

	#kids_enquete .enquete_area ul.fR {
		width: 100%;
		padding-left: 3%;
		padding: 6% 3% 3%;
		box-sizing: border-box;
	}

	#kids_enquete .enquete_area li {
		padding-top: 10px;
	}

	#kids_enquete .enquete_area li:first-child {
		padding-bottom: 5px;
	}

	#kids_enquete .enquete_area li p span.small {
		font-size: 1.0rem;
	}

	#kids_enquete .enquete_area li p input {
		top: 0px;
		left: -1px;
	}

	#kids_enquete .enquete_area li p textarea {
		width: 100%;
		height: auto;
		font-size: 1.0rem;
		border-radius: 5px;
		box-sizing: border-box;
		padding: 14px;
	}

	#kids_enquete .enquete_area .btn {
		width: 70%;
		margin-top: 10px;
	}

	#kids_enquete .enquete_area .confirm {
		width: 94%;
		margin: 20px 3% 65px 3%;
	}

	#kids_enquete .enquete_area .confirm p {
		font-size: 1.0rem;
		text-align: left;
	}

	#kids_enquete .enquete_area .confirm dl {
		width: 100%;
		margin: 15px auto 0px auto;
	}

	#kids_enquete .enquete_area .confirm dl p {
		font-size: 1.0rem;
	}

	#kids_enquete .enquete_area .confirm dt {
		padding: 15px 0px 10px 0px;
	}

	#kids_enquete .enquete_area .confirm dd {
		padding: 0px 0px 15px 0px;
	}

	#kids_enquete .enquete_area .btn02 {
		width: 34%;
		position: absolute;
		bottom: 35px;
		right: 13%;
	}

	#kids_enquete .enquete_area .btn03 {
		width: 34%;
		position: absolute;
		bottom: 35px;
		left: 13%;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}

@media screen and (max-width: 546px) {
	#kids_enquete .enquete_area .btn02 {
		width: 46%;
		right: 3%;
	}

	#kids_enquete .enquete_area .btn03 {
		width: 46%;
		left: 3%;
	}
}

@media screen and (max-width: 414px) {
	#kids_enquete .enquete_area .confirm {
		margin-bottom: 55px;
	}
}

#kids_enquete+#recome {
	margin-top: 0;
}

@media screen and (max-width: 768px) {
	#kids_enquete+#recome {
		margin-top: 50px;
	}
}

/*  kidsfeedback  */
.kidsfeedback {
	background: #fff;
	width: 940px;
	margin-left: -470px;
	padding: 25px 116px;
	position: fixed;
	left: 50%;
	bottom: 0;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.26);
	transition: all 0.6s ease;
	z-index: 10000;
	transition: all 1s ease;
}

.kidsfeedback img {
	width: 100%;
	display: block;
}

@media screen and (max-width: 768px) {
	.kidsfeedback {
		width: 100%;
		padding: 15px 20px;
		margin-left: 0;
		left: 0;
		bottom: 0;
		transition: all 1s ease;
	}
}

.kidsfeedback .kidsfeedback_text01 {
	font-size: 21px;
	text-align: center;
	color: #555555;
	opacity: 1;
	transition: all 1s ease;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_text01 {
		font-size: 16px;
	}
}

.kidsfeedback .kidsfeedback_text02 {
	color: #555;
	font-size: 19px;
	width: 708px;
	text-align: center;
	position: absolute;
	top: 50%;
	opacity: 0;
	transition: all 1s ease;
	pointer-events: none;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_text02 {
		font-size: 14px;
		width: calc(100vw - 40px);
	}
}

.kidsfeedback .kidsfeedback_btn_area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 20px;
	transition: all 1s ease;
}

.kidsfeedback .kidsfeedback_btn_area a {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

.kidsfeedback .kidsfeedback_btn_area svg {
	fill: #fff;
	margin-right: 8px;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_btn_area {
		margin-top: 15px;
	}

	.kidsfeedback .kidsfeedback_btn_area svg {
		margin-right: 1.6vw;
	}
}

.kidsfeedback .kidsfeedback_btn_bad, .kidsfeedback .kidsfeedback_btn_normal, .kidsfeedback .kidsfeedback_btn_good {
	width: 230px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 8px;
	transition: all 0.2s ease;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_btn_bad, .kidsfeedback .kidsfeedback_btn_normal, .kidsfeedback .kidsfeedback_btn_good {
		width: 31.5%;
		height: 12vw;
	}

	.kidsfeedback .kidsfeedback_btn_area a {
		font-size: 12px;
	}
}

.kidsfeedback .kidsfeedback_btn_bad svg, .kidsfeedback .kidsfeedback_btn_normal svg, .kidsfeedback .kidsfeedback_btn_good svg {
	height: 24px;
	width: 24px;
	pointer-events: none;
	transition: all 0.2s ease;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_btn_bad svg, .kidsfeedback .kidsfeedback_btn_normal svg, .kidsfeedback .kidsfeedback_btn_good svg {
		width: 4.9vw;
		height: 4.9vw;
	}
}

.kidsfeedback .kidsfeedback_btn_bad {
	background: #ab2b2b;
	border: 2px solid #ab2b2b;
}

.kidsfeedback .kidsfeedback_btn_bad:hover, .kidsfeedback.js-kidsfeedback-bad .kidsfeedback_btn_bad {
	background: #fff;
	color: #ab2b2b;
}

.kidsfeedback .kidsfeedback_btn_bad:hover svg .cls-1, .kidsfeedback.js-kidsfeedback-bad .kidsfeedback_btn_bad svg .cls-1 {
	fill: #ab2b2b;
}

.kidsfeedback .kidsfeedback_btn_normal {
	background: #de941e;
	border: 2px solid #de941e;
}

.kidsfeedback .kidsfeedback_btn_normal:hover, .kidsfeedback .kidsfeedback_btn_normal.active {
	background: #fff;
	color: #de941e;
}

.kidsfeedback .kidsfeedback_btn_normal:hover svg .cls-1, .kidsfeedback .kidsfeedback_btn_normal.active svg .cls-1 {
	fill: #de941e;
}

.kidsfeedback .kidsfeedback_btn_good {
	background: #348c34;
	border: 2px solid #348c34;
}

.kidsfeedback .kidsfeedback_btn_good:hover, .kidsfeedback .kidsfeedback_btn_good.active {
	background: #fff;
	color: #348c34;
}

.kidsfeedback .kidsfeedback_btn_good:hover svg .cls-1, .kidsfeedback .kidsfeedback_btn_good.active svg .cls-1 {
	fill: #348c34;
}

.kidsfeedback .kidsfeedback_btn_close {
	width: 60px;
	padding: 18px 0;
	display: block;
	position: absolute;
	top: 10px;
	right: 17px;
}

.kidsfeedback .kidsfeedback_btn_close img {
	height: 14px;
	transition: all 0.2s ease;
}

.kidsfeedback .kidsfeedback_btn_close:hover img {
	opacity: 0.6;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_btn_close {
		width: 10%;
		padding: 11px 0;
		top: 0;
		right: 0;
	}

	.kidsfeedback .kidsfeedback_btn_close img {
		height: 4vw;
		max-height: 20px;
	}
}

.kidsfeedback .kidsfeedback_bad_area {
	max-height: 0;
	opacity: 0;
	margin-top: -25px;
	transition: max-height 1s ease, opacity 1s ease;
	pointer-events: none;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_bad_area {
		margin-top: -4vw;
	}
}

.kidsfeedback.js-kidsfeedback-bad .kidsfeedback_bad_area {
	max-height: 900px;
	opacity: 1;
	margin-top: 0;
	pointer-events: inherit;
}

.kidsfeedback .kidsfeedback_bad_area_wrap {
	background: #efefef;
	margin-top: 20px;
	padding: 20px;
	position: relative;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_bad_area_wrap {
		margin-top: 15px;
		padding: 15px 15px 20px;
	}
}

.kidsfeedback .kidsfeedback_bad_area_wrap:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: -14px;
	left: 93px;
	border-style: solid;
	border-width: 0 16px 14px 16px;
	border-color: transparent transparent #efefef transparent;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_bad_area_wrap:before {
		top: -7px;
		left: 11vw;
		border-width: 0 10px 9px 10px;
	}
}

.kidsfeedback .kidsfeedback_bad_area .kidsfeedback_text03 {
	font-size: 18px;
	text-align: center;
	color: #555;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_bad_area .kidsfeedback_text03 {
		font-size: 15px;
		padding-bottom: 10px;
		line-height: 1;
	}
}

.kidsfeedback .kidsfeedback_bad_area .kidsfeedback_text03 span {
	font-size: 12px;
	position: absolute;
	top: 23px;
	right: 30px;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_bad_area .kidsfeedback_text03 span {
		font-size: 10px;
		position: static;
		display: block;
		margin-top: 8px;
	}
}

.kidsfeedback .kidsfeedback_bad_area ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.kidsfeedback .kidsfeedback_bad_area li {
	width: 50%;
	margin-top: 20px;
	padding-left: 24px;
	text-align: left;
	font-size: 16px;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.2s ease;
	list-style-type: none;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_bad_area li {
		width: 100%;
		margin-top: 22px;
		padding-left: 18px;
		font-size: 14px;
	}
}

.kidsfeedback .kidsfeedback_bad_area li:hover {
	color: #ab2b2b;
	font-weight: bold;
}

.kidsfeedback .kidsfeedback_bad_area li:before {
	content: "";
	width: 16px;
	height: 16px;
	border: 1px solid #555;
	border-radius: 50%;
	display: inline-block;
	top: 50%;
	left: 0;
	margin-top: -8px;
	position: absolute;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_bad_area li:before {
		width: 12px;
		height: 12px;
		margin-top: -8px;
	}
}

.kidsfeedback .kidsfeedback_bad_area li.active {
	color: #ab2b2b;
	font-weight: bold;
}

.kidsfeedback .kidsfeedback_bad_area li.active:before {
	background: #ab2b2b;
	;
	border: 1px solid #ab2b2b;
}

.kidsfeedback .kidsfeedback_bad_area .kidsfeedback_submit {
	background: #ab2b2b;
	border: 2px solid #ab2b2b;
	margin: 16px auto 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	width: 225px;
	height: 42px;
	border-radius: 8px;
	display: block;
	cursor: pointer;
	transition: all 0.2s ease;
	opacity: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.kidsfeedback .kidsfeedback_bad_area .kidsfeedback_submit {
		font-size: 14px;
		height: 43px;
	}
}

.kidsfeedback .kidsfeedback_bad_area .kidsfeedback_submit:hover, .kidsfeedback .kidsfeedback_bad_area .kidsfeedback_submit.active {
	background: #fff;
	color: #ab2b2b;
}

.kidsfeedback .kidsfeedback_bad_area .kidsfeedback_submit.disabled {
	opacity: .5;
	pointer-events: none;
}

.kidsfeedback.js-kidsfeedback-hidden {
	pointer-events: none;
	bottom: -1180px;
}

@media screen and (max-width: 768px) {
	.kidsfeedback.kidsfeedback-hidden {
		bottom: -34vw;
	}
}

.kidsfeedback.js-kidsfeedback-visible {
	bottom: 0;
}

.kidsfeedback.js-kidsfeedback-end {
	bottom: -1180px;
	transition-delay: 3s;
}

.kidsfeedback.js-kidsfeedback-end .kidsfeedback_btn_area {
	opacity: 0;
	transition-delay: 1s;
}

.kidsfeedback.js-kidsfeedback-end .kidsfeedback_bad_area {
	opacity: 0;
	transition-delay: 1s;
}

.kidsfeedback.js-kidsfeedback-end .kidsfeedback_text02 {
	opacity: 1;
	transition-delay: 1.1s;
}