@charset "utf-8";
/* ==================================================
Required to CMS-8341
================================================== */
#tmp_kids_site {
	position:relative;
	padding:0 0 63px;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
#tmp_kids_site:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	width: 100%;
	height: 100%;
	color: inherit;
	background-color: #c3e474;
	background-image: url(/shared/templates/kids/images/main/bg_kids.jpg);
	background-repeat: repeat;
	z-index: -1;
}
.custom_kids #tmp_contents .kids_site_ttl h1,
.custom_kids #tmp_contents .kids_site_ttl p {
	position: relative;
	margin-bottom: 111px;
	padding: 88px 65px 19px !important;
	text-align: center;
	background-color: #e8feb3;
	background-repeat: no-repeat;
	background-image: url(/shared/templates/kids/images/main/ttl_h1.png);
	background-position: 50% 25px;
	color: #0c3a34;
	font-size: 166.7%;
	border: 1px solid transparent;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 5px 0 0 #8fb337;
	-webkit-box-shadow: 0 5px 0 0 #8fb337;
	-moz-box-shadow: 0 5px 0 0 #8fb337;
	overflow: hidden;
	line-height: 1.4;
}
.custom_kids #tmp_contents .kids_site_ttl h1:before,
.custom_kids #tmp_contents .kids_site_ttl h1:after,
.custom_kids #tmp_contents .kids_site_ttl p:before,
.custom_kids #tmp_contents .kids_site_ttl p:after {
	content: '';
	position: absolute;
	width: 412px;
	height: 18px;
	bottom: 22px;
}
.custom_kids #tmp_contents .kids_site_ttl h1:before,
.custom_kids #tmp_contents .kids_site_ttl p:before {
	left: 65px;
	background: transparent url(/shared/templates/kids/images/main/ttl_h1_drop_rgt.png) repeat-x right center;
}
.custom_kids #tmp_contents .kids_site_ttl h1:after,
.custom_kids #tmp_contents .kids_site_ttl p:after {
	right: 65px;
	background: transparent url(/shared/templates/kids/images/main/ttl_h1_drop_lft.png) repeat-x left center;
}
.custom_kids #tmp_contents .kids_site_ttl h1 span,
.custom_kids #tmp_contents .kids_site_ttl p span {
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	width: 300px;
	height: 30px;
	color: inherit;
	background: #e8feb3 url(/shared/templates/kids/images/main/ttl_h1_kids_jp.png) no-repeat center center;
	background-size: auto 100%;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	overflow: hidden;
	text-indent: -9999px;
}
.custom_kids #tmp_contents p {
	margin: 0 0 0.8em 0;
	line-height: 1.8;
}
/* ==================================================
layout
================================================== */
.custom_kids #tmp_kids_slide_sp {
	display: none;
}
.custom_kids #tmp_card_slide {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	overflow: hidden;
	padding-bottom:40px;
}
.custom_kids #tmp_card_slide .card_gallery {
	display: none;
}
.custom_kids #tmp_card_slide .card_item {
	float: left;
	width: 33.33333%;
	padding: 15px 44px;
}
.custom_kids #tmp_card_slide .card_item:nth-child(3n+1) {
	clear: left;
}
.custom_kids #tmp_card_slide .card_item:nth-child(3n) {
	clear: right;
	margin-right: 0;
}
.custom_kids #tmp_card_slide .card_item p {
	margin: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 3px 10px 2px rgba(154, 137, 100, 0.2);
	-webkit-box-shadow: 0 3px 10px 2px rgba(154, 137, 100, 0.2);
	-moz-box-shadow: 0 3px 10px 2px rgba(154, 137, 100, 0.2);
	overflow: hidden;
}
.custom_kids #tmp_card_slide .card_item a {
	display: block;
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
}
.custom_kids #tmp_card_slide .card_item a:hover,
.custom_kids #tmp_card_slide .card_item a:focus {
	opacity: 0.6;
}
.custom_kids #tmp_card_slide .card_item img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
/* ==================================================
kids contents
================================================== */
#tmp_kids_contents {
	background-color:#ffffff;
	color:#222222;
	padding:40px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	margin:0 0 40px;
}
#tmp_kids_contents h2,
#tmp_kids_contents h3,
#tmp_kids_contents h4,
#tmp_kids_contents h5,
#tmp_kids_contents h6 {
	margin:1.5em 0 0.8em;
	clear:both; /* Do not edit */
}
#tmp_kids_contents h2{
	padding:13px 16px 15px;
	font-size: 155.5%;
	color: #222222;
	background: #e8feb3 url(/shared/templates/free_rn/images/ttl_h2.png) repeat-x left bottom;
	background-size: auto 4px;
	-webkit-background-size: auto 4px;
	-moz-background-size: auto 4px;
	border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
}
#tmp_kids_contents > h2:first-child {
	margin-top:0;
}
#tmp_kids_contents h3{
	padding: 0 0 5px 24px;
	font-size: 144.4%;
	color: #222222;
	border-bottom:1px solid #DCCEA0;
	position:relative;
}
#tmp_kids_contents h3::before {
	content:"";
	position:absolute;
	left:0;
	top:4px;
	bottom:10px;
	width:6px;
	background:url(/shared/templates/free_rn/images/ttl_h3.png) no-repeat left top;
}
#tmp_kids_contents h4{
	padding-left: 24px;
	font-size: 122.2%;
	color: #222222;
	background: transparent url(/shared/templates/free_rn/images/ttl_h4.png) no-repeat left center;
	background-size: 8px 90%;
	-webkit-background-size: 8px 90%;
	-moz-background-size: 8px 90%;
}
#tmp_kids_contents h5{
	padding-left: 24px;
	font-size: 111.1%;
	color: #222222;
	background: transparent url(/shared/templates/free_rn/images/ttl_h5.png) no-repeat 0 9px;
	background-size: 12px auto;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
}
#tmp_kids_contents h6{
	font-size: 100%;
}
#tmp_kids_contents table {
	word-break: break-all;
}
#tmp_kids_contents p {
	margin:0 0 0.8em 0; /* Do not edit */
	line-height: 1.8;
}
#tmp_kids_contents ul {
	margin:0 0 1.7em 2.4em; /* Do not edit */
	list-style-image:url(/shared/site_rn/images/icon/list_icon.png); /* Do not edit */
}
#tmp_kids_contents ol {
	margin:0 0 1.7em 2.4em; /* Do not edit */
	list-style-image:none; /* Do not edit */
}
#tmp_kids_contents ul li,
#tmp_kids_contents ol li {
	margin:0 0 0.3em; /* Do not edit */
	line-height: 1.8;
}
#tmp_kids_contents ul ul,
#tmp_kids_contents ul ol,
#tmp_kids_contents ol ul,
#tmp_kids_contents ol ol {
	margin:0.3em 0 0 1.5em; /* Do not edit */
}
#tmp_kids_contents hr {
	height:1px; /* Do not edit */
	color:#CCCCCC; /* Do not edit */
	background-color:#CCCCCC; /* Do not edit */
	border:none; /* Do not edit */
	clear:both; /* Do not edit */
}
/* ==================================================
Game kids
================================================== */
.custom_kids #tmp_quiz {
	text-align: center;
}
.custom_kids #tmp_quiz .container {
	position: relative;
}
/* kids link
================================================== */
.custom_kids #tmp_quiz_slider_control .quiz_slider_control_btn a,
.custom_kids #tmp_quiz_question_popup .quiz_popup_answer a,
.custom_kids #tmp_quiz_question_popup .quiz_popup_next_questions a,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_link a,
.custom_kids #tmp_quiz_bottom_control .quiz_reset_control {
	display: inline-block;
	background-color: #177047;
	color: #ffffff;
	border: 2px solid #177047;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	box-shadow: 0 3px 0 1px rgba(154, 137, 100, 0.45);
	-webkit-box-shadow: 0 3px 0 1px rgba(154, 137, 100, 0.45);
	-moz-box-shadow: 0 3px 0 1px rgba(154, 137, 100, 0.45);
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_control_btn a:hover,
.custom_kids #tmp_quiz_slider_control .quiz_slider_control_btn a:focus,
.custom_kids #tmp_quiz_question_popup .quiz_popup_answer a:hover,
.custom_kids #tmp_quiz_question_popup .quiz_popup_answer a:focus,
.custom_kids #tmp_quiz_question_popup .quiz_popup_next_questions a:hover,
.custom_kids #tmp_quiz_question_popup .quiz_popup_next_questions a:focus,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_link a:hover,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_link a:focus,
.custom_kids #tmp_quiz_bottom_control .quiz_reset_control:hover,
.custom_kids #tmp_quiz_bottom_control .quiz_reset_control:focus {
	background-color: #ffffff;
	color: #177047;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.custom_kids #tmp_quiz_slider_control .quiz_slider_manual_link a,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_back_to_game,
.custom_kids #tmp_quiz_bottom_control .quiz_to_top {
	display: inline-block;
	background-color: #ffffff;
	color: #177047;
	border: 2px solid #177047;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	box-shadow: 0 3px 0 1px rgba(154, 137, 100, 0.45);
	-webkit-box-shadow: 0 3px 0 1px rgba(154, 137, 100, 0.45);
	-moz-box-shadow: 0 3px 0 1px rgba(154, 137, 100, 0.45);
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_manual_link a:hover,
.custom_kids #tmp_quiz_slider_control .quiz_slider_manual_link a:focus,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_back_to_game:hover,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_back_to_game:focus,
.custom_kids #tmp_quiz_bottom_control .quiz_to_top:hover,
.custom_kids #tmp_quiz_bottom_control .quiz_to_top:focus {
	background-color: #177047;
	color: #ffffff;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/* quiz_top
================================================== */
.custom_kids #tmp_quiz_top {
	margin-bottom: 25px;
	background-color: #fff5e6;
	color: #333333;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.custom_kids #tmp_quiz_slider_control {
	position: relative;
	padding: 16px 20px 2px;
}
.custom_kids #tmp_quiz_slider_control:after{
	clear: both;
	display: table;
	content: '';
}
.custom_kids #tmp_quiz_slider_control p {
	margin-bottom: 0;
	line-height: 1.4;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_ttl {
	float: left;
	margin-right: 44px;
	max-width: 400px;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_ttl h1 {
	margin: 0;
	padding: 15px 0 15px 76px;
	color: #0e5c38;
	background: transparent url(/shared/templates/kids/images/main/ttl_kids_slide.png) no-repeat left center;
	background-size: 70px auto;
	-webkit-background-size: 70px auto;
	-moz-background-size: 70px auto;
	font-size: 122.2%;
	font-weight: bold;
	text-align: left;
	clear: left;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_control_btn {
	float: left;
	padding-top: 7px;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_control_btn a {
	display: inline-block;
	width: 180px;
	padding: 4px 10px;
	font-size: 122.2%;
}
.custom_kids #tmp_quiz_slider_control .quiz_start_control {
	margin-right: 24px;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_manual_link {
	float: right;
	max-width: 320px;
	padding: 7px 9px 0 0;
	text-align: right;
	clear: right;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_manual_link a {
	display: block;
	padding: 12px 19px;
	font-size: 77.8%;
}
.custom_kids #tmp_quiz_slider .carousel_wrapper{
	overflow: hidden;
	position: relative;
}
.custom_kids #tmp_quiz_slider .carousel_slides{
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.custom_kids #tmp_quiz_slider .quiz_slide{
	padding: 15px;
}
.custom_kids #tmp_quiz_slider .quiz_slide_inner{
	position: relative;
}
.custom_kids #tmp_quiz_slider .quiz_slide_overlay{
	background: #ffffff;
	color: #000000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.custom_kids #tmp_quiz_slider {
	padding-bottom: 13px;
}
.custom_kids #tmp_quiz_slider .carousel_slides img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
	animation: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.custom_kids #tmp_quiz_slider .carousel_slides .active img{
	box-shadow: 0 3px 10px 2px rgba(154, 137, 100, 0.2);
	-webkit-box-shadow: 0 3px 10px 2px rgba(154, 137, 100, 0.2);
	-moz-box-shadow: 0 3px 10px 2px rgba(154, 137, 100, 0.2);
}

/* quiz_cards
================================================== */
.custom_kids #tmp_quiz_bottom {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
.custom_kids #tmp_quiz_cards {
	width: 57%;
	color: inherit;
	background-color: #fff5e6;
	border: 4px solid transparent;
	padding: 0 10px 23px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.custom_kids #tmp_quiz_cards:after {
	content: '';
	display: table;
	clear: both;
}
.custom_kids #tmp_quiz_cards .quiz_card_ttl {
	float: left;
	display: block;
	width: calc(100% - 188px);
	text-align: right;
	padding: 18px 66px 0;
	margin-bottom: 23px;
	font-size: 122.2%;
	font-weight: bold;
}
.custom_kids #tmp_quiz_cards .quiz_card_ttl p {
	display: inline-block;
	line-height:1.2;
	text-align:left;
	margin-bottom: 0;
	padding-left: 38px;
	color: #333333;
	background: transparent url(/shared/templates/kids/images/main/ttl_quiz_card.png) no-repeat left center;
	background-size: 29px 25px;
	-webkit-background-size: 29px 25px;
	-moz-background-size: 29px 25px;
}
.custom_kids #tmp_quiz_cards .quiz_card_bubble {
	float: right;
	width: 188px;
	padding-top: 4px;
	position: relative;
}
.custom_kids #tmp_quiz_cards .quiz_card_bubble:before {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: -16px;
	left: 44px;
	width: 30px;
	height: 16px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #287a53;
	color: inherit;
	background-color: #ffffff;
	-webkit-border-bottom-right-radius: 80px 50px;
	-moz-border-radius-bottomright: 80px 50px;
	border-bottom-right-radius: 80px 50px;
	display: block;
}
.custom_kids #tmp_quiz_cards .quiz_card_bubble:after {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: -16px;
	left: 41px;
	width: 16px;
	height: 16px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #287a53;
	color: inherit;
	background-color: #fff5e6;
	-webkit-border-bottom-right-radius: 40px 50px;
	-moz-border-radius-bottomright: 40px 50px;
	border-bottom-right-radius: 40px 50px;
	display: block;
}
.custom_kids #tmp_quiz_cards .quiz_card_bubble p{
	position: relative;
	line-height: 1.4;
	margin-bottom: 0;
	font-size: 77.8%;
	font-weight: bold;
	padding: 8px 12px 5px;
	color: #0e5c38;
	background-color: #ffffff;
	border: 1px solid #287a53;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.custom_kids #tmp_quiz_cards .quiz_card_bubble p:after{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 56px;
	width: 16px;
	height: 4px;
	color: inherit;
	background-color: #ffffff;
	border-radius: 0 40px 40px 0;
	-webkit-border-radius: 0 40px 40px 0;
	-moz-border-radius: 0 40px 40px 0;
}
.custom_kids #tmp_quiz_cards .quiz_card_cnt {
	clear: both;
}
.custom_kids #tmp_quiz_result {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 38%;
	color: inherit;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: top left, top right;
	background-image: url(/shared/templates/kids/images/main/bg_quiz_result_lft.png), url(/shared/templates/kids/images/main/bg_quiz_result_rgt.png);
	padding: 60px;
	font-weight: bold;
	border: 4px solid #ffc719;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.custom_kids #tmp_quiz_result .quiz_current_result {
	color: #d51111;
	font-size: 133.3%;
	margin-bottom: 14px;
}
.custom_kids #tmp_quiz_result .quiz_best_result {
	color: #177047;
	font-size: 177.8%;
}
.custom_kids #tmp_quiz_result .quiz_current_prize {
	margin-top: 22px;
}
.custom_kids #tmp_quiz_result .quiz_current_prize a {
	display: inline-block;
	border: 2px solid transparent;
	padding: 17px 13px;
	background-color: #fdffc1;
	color: #333333;
	border: 1px solid #ecef9c;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	box-shadow: 0 3px 0 3px rgba(224, 173, 13, 0.5);
	-webkit-box-shadow: 0 3px 0 3px rgba(224, 173, 13, 0.5);
	-moz-box-shadow: 0 3px 0 3px rgba(224, 173, 13, 0.5);
	transition: box-shadow 0.3s ease-in-out;
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
}
.custom_kids #tmp_quiz_result .quiz_current_prize a:hover,
.custom_kids #tmp_quiz_result .quiz_current_prize a:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.custom_kids #tmp_quiz_cards.no-splide .splide__list{
	justify-content: center;
}
.custom_kids #tmp_quiz_cards.no-splide .splide{
	visibility: visible;
}
.custom_kids #tmp_quiz_cards .splide .splide__slide{
	padding: 0 5px;
}
.custom_kids #tmp_quiz_cards.no-splide .splide .splide__slide{
	width: 20%;
}
.custom_kids #tmp_quiz_cards.no-splide .splide__arrow{
	display: none;
}
.custom_kids #tmp_quiz_cards .splide .splide__slide a {
	display: block;
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
}
.custom_kids #tmp_quiz_cards .splide .splide__slide a:hover,
.custom_kids #tmp_quiz_cards .splide .splide__slide a:focus {
	opacity: 0.7;
}
.custom_kids #tmp_quiz_cards .splide .splide__slide img{
	width: 100%;
	height: auto;
	vertical-align: top;
}

/* quiz_popup
================================================== */
.custom_kids #tmp_quiz_question_popup,
.custom_kids #tmp_quiz_card_popup{
	position: fixed;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease all;
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.custom_kids #tmp_quiz_question_popup.show,
.custom_kids #tmp_quiz_card_popup.show{
	opacity: 1;
	visibility: visible;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_container,
.custom_kids #tmp_quiz_card_popup .quiz_popup_container{
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	max-height: 85%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow-y: auto;
	z-index: 2;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup,
.custom_kids #tmp_quiz_card_popup .quiz_popup{
	padding: 30px 35px 40px;
	background-color: #fff5e6;
	color: #000000;
	border: 3px solid transparent;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_cnt,
.custom_kids #tmp_quiz_card_popup .quiz_popup {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_image,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_img{
	width: 35%;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_image img,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_img img{
	width: 100%;
	height: auto;
	vertical-align: top;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 3px 10px 2px rgba(154, 137, 100, 0.2);
	-webkit-box-shadow: 0 3px 10px 2px rgba(154, 137, 100, 0.2);
	-moz-box-shadow: 0 3px 10px 2px rgba(154, 137, 100, 0.2);
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_questions,
.custom_kids #tmp_quiz_question_popup .quiz_popup_result,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_cnt {
	width: 65%;
	padding-left: 40px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_questions_txt,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_detail {
	width: 100%;
	font-size: 144.4%;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_questions_txt,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_detail {
	text-align: left;
	padding-bottom: 28px;
	border-bottom: 1px dashed #177047;
}

/* quiz_question_popup */
.custom_kids #tmp_quiz_question_popup .quiz_popup_result_cnt {
	padding: 82px 0 20px 227px;
	text-align: left;
	position: relative;
}
.custom_kids #tmp_quiz_question_popup.correct .quiz_popup_result_cnt {
	color: #c80808;
}
.custom_kids #tmp_quiz_question_popup.wrong .quiz_popup_result_cnt {
	color: #023f7d;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_result_cnt:before {
	content: '';
	position: absolute;
	display: inline-block;
	left: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}
.custom_kids #tmp_quiz_question_popup.correct .quiz_popup_result_cnt:before {
	width: 224px;
	height: 224px;
	top: 62px;
	background-image: url(/shared/templates/kids/images/icon/icon_correct.png);
}
.custom_kids #tmp_quiz_question_popup.wrong .quiz_popup_result_cnt:before {
	top: 90px;
	width: 208px;
	height: 208px;
	background-image: url(/shared/templates/kids/images/icon/icon_wrong.png);
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_result_ttl {
	line-height: 1.4;
	font-size: 388.9%;
	text-shadow: rgb(255, 255, 255) 5px 0 0, rgb(255, 255, 255) 5px 1px 0, rgb(255, 255, 255) 5px 2px 0, rgb(255, 255, 255) 4px 3px 0, rgb(255, 255, 255) 3px 4px 0, rgb(255, 255, 255) 3px 4px 0, rgb(255, 255, 255) 2px 5px 0, rgb(255, 255, 255) 1px 5px 0, rgb(255, 255, 255) 0 5px 0, rgb(255, 255, 255) -1px 5px 0, rgb(255, 255, 255) -2px 5px 0, rgb(255, 255, 255) -3px 4px 0, rgb(255, 255, 255) -4px 3px 0, rgb(255, 255, 255) -4px 3px 0, rgb(255, 255, 255) -4px 2px 0, rgb(255, 255, 255) -5px 1px 0, rgb(255, 255, 255) -5px 0 0, rgb(255, 255, 255) -5px -1px 0, rgb(255, 255, 255) -4px -4px 0, rgb(255, 255, 255) -4px -3px 0, rgb(255, 255, 255) -3px -4px 0, rgb(255, 255, 255) -2px -4px 0, rgb(255, 255, 255) -2px -5px 0, rgb(255, 255, 255) -1px -5px 0, rgb(255, 255, 255) 0 -5px 0, rgb(255, 255, 255) 1px -5px 0, rgb(255, 255, 255) 2px -4px 0, rgb(255, 255, 255) 3px -4px 0, rgb(255, 255, 255) 4px -3px 0, rgb(255, 255, 255) 4px -2px 0, rgb(255, 255, 255) 5px -1px 0, rgb(255, 255, 255) 4px 0 0, rgba(82, 76, 63, 0.9) 0 0 13px;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_result_desc {
	min-height: 114px;
	line-height: 1.9;
	font-size: 111.1%;
	text-shadow: rgb(255, 255, 255) 5px 0 0, rgb(255, 255, 255) 5px 1px 0, rgb(255, 255, 255) 5px 2px 0, rgb(255, 255, 255) 4px 3px 0, rgb(255, 255, 255) 3px 4px 0, rgb(255, 255, 255) 3px 4px 0, rgb(255, 255, 255) 2px 5px 0, rgb(255, 255, 255) 1px 5px 0, rgb(255, 255, 255) 0 5px 0, rgb(255, 255, 255) -1px 5px 0, rgb(255, 255, 255) -2px 5px 0, rgb(255, 255, 255) -3px 4px 0, rgb(255, 255, 255) -4px 3px 0, rgb(255, 255, 255) -4px 3px 0, rgb(255, 255, 255) -4px 2px 0, rgb(255, 255, 255) -5px 1px 0, rgb(255, 255, 255) -5px 0 0, rgb(255, 255, 255) -5px -1px 0, rgb(255, 255, 255) -4px -4px 0, rgb(255, 255, 255) -4px -3px 0, rgb(255, 255, 255) -3px -4px 0, rgb(255, 255, 255) -2px -4px 0, rgb(255, 255, 255) -2px -5px 0, rgb(255, 255, 255) -1px -5px 0, rgb(255, 255, 255) 0 -5px 0, rgb(255, 255, 255) 1px -5px 0, rgb(255, 255, 255) 2px -4px 0, rgb(255, 255, 255) 3px -4px 0, rgb(255, 255, 255) 4px -3px 0, rgb(255, 255, 255) 4px -2px 0, rgb(255, 255, 255) 5px -1px 0, rgb(255, 255, 255) 4px 0 0, rgba(82, 76, 63, 0.9) 0 0 13px;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_message {
	width: 100%;
	padding: 10px;
	margin-top: 70px;
	background-color: #EEEDE2;
	color: #ff0000;
	font-size: 200%;
	text-align: center;
}
.custom_kids #tmp_quiz_question_popup.wrong .quiz_popup_message {
	color: #00008B;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_questions_number {
	margin-top: 45px;
	text-align: left;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_answers {
	margin: 35px -15px 0;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_answer {
	float: left;
	width: 50%;
	padding: 0 15px;
	margin-bottom: 13px;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_answer:nth-child(2n+1) {
	clear: left;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_answer:nth-child(2n) {
	clear: right;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_answer a {
	display: block;
	padding: 10px;
	font-size: 122.2%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_next_questions{
	display: none;
	padding: 40px 0 4px;
}
.custom_kids #tmp_quiz_question_popup.correct .quiz_popup_next_questions,
.custom_kids #tmp_quiz_question_popup.wrong .quiz_popup_next_questions{
	display: block;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_next_questions a {
	padding: 10px 20px;
	width: 274px;
	font-size: 111.1%;
}

/* quiz_card_popup */
.custom_kids #tmp_quiz_question_popup .quiz_popup_overlay,
.custom_kids #tmp_quiz_card_popup .quiz_popup_overlay{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	color: #ffffff;
	background-color: rgba(0,0,0,0.5);
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_cnt {
	position: relative;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_img {
	text-align: center;
	perspective: 1000px;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_img_inside{
	position: relative;
	transform-style: preserve-3d;
	transition: transform 1s ease-in-out;
	-webkit-transition: transform 1s ease-in-out;
	-moz-transition: transform 1s ease-in-out;
	cursor: pointer;
}
.custom_kids #tmp_quiz_card_popup.back .quiz_popup_card_img_inside {
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_front{
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_message_back {
	position: absolute;
	max-width: 260px;
	max-height: 90px;
	bottom: 0;
	left: 0;
	margin-left: 40px;
	padding-left: 60px;
	color: #333333;
	background: transparent url(/shared/templates/kids/images/icon/icon_return.png) no-repeat left center;
	background-size: 50px auto;
	-webkit-background-size: 50px auto;
	-moz-background-size: 50px auto;
	text-align: left;
	overflow-y: auto;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_link {
	margin: 36px 0 90px;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_link a {
	display: inline-block;
	padding: 10px 88px;
	font-size: 111.1%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_message {
	display: inline-block;
	margin: 114px auto;
	padding: 5px 0 5px 71px;
	background: transparent url(/shared/templates/kids/images/icon/icon_return.png) no-repeat 11px 1px;
	background-size: 50px auto;
	-webkit-background-size: 50px auto;
	-moz-background-size: 50px auto;
	font-size: 133.3%;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_instruct {
	margin-top: 58px;
	font-size: 111.1%;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_back_to_game {
	position: absolute;
	bottom: 0;
	left: calc(50% + 13px);
	margin-bottom: 4px;
	padding: 10px 20px;
	min-width: 220px;
	font-size: 88.9%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	max-height: 90px;
	overflow-y: auto;
}
.custom_kids #tmp_quiz_card_popup.back .quiz_popup_card_back_to_game {
	left: auto;
	right: 0;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

/* popup close */
.custom_kids .quiz_popup_card_close {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	right: 0;
	border: 3px solid #055e35;
	top: 0;
	color: #ffffff;
	text-indent: -9999px;
	text-decoration: none;
	text-align: center;
	background: #177047 url(/shared/templates/kids/images/icon/icon_popup_close.png) no-repeat center center;
	-webkit-background-size: 50px auto;
	-moz-background-size: 50px auto;
	background-size: 50px auto;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	transition: 0.3s ease-in-out border-color, 0.2s ease-in-out border-width;
	-webkit-transition: 0.2s ease-in-out border-color, 0.2s ease-in-out border-width;
	-moz-transition: 0.2s ease-in-out border-color, 0.2s ease-in-out border-width;
	z-index: 99;
}

/* quiz_bottom_control
================================================== */
.custom_kids #tmp_quiz_bottom_control {
	margin: 42px auto 40px;
	text-align:center;
}
.custom_kids #tmp_quiz_bottom_control:after{
	clear: both;
	display: table;
	content: '';
}
.custom_kids #tmp_quiz_bottom_control .quiz_bottom_control {
	display: inline-block;
	vertical-align: top;
}
.custom_kids #tmp_quiz_bottom_control .quiz_reset_control {
	padding: 4px 30px;
	min-width: 236px;
	font-size: 122.2%;
	margin-right: 10px;
}
.custom_kids #tmp_quiz_bottom_control .quiz_to_top {
	padding: 7px 20px;
	min-width: 182px;
}
/* ==================================================
slider
================================================== */
.custom_kids #tmp_card_slide .splide__list {
	position: relative;
	list-style: none;
}
.custom_kids #tmp_card_slide .splide__slide {
	margin: 0;
	display: block;
	width: 100%;
}
.custom_kids #tmp_card_slide .splide__arrow {
	width: 32px;
	height: 480px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.custom_kids #tmp_card_slide .splide__arrow--prev {
	left: 50%;
	margin-left: -570px;
}
.custom_kids #tmp_card_slide .splide__arrow--next {
	right: 50%;
	margin-right: -570px;
}
/* ==================================================
quiz_shiyakusho
================================================== */
.custom_kids #tmp_quiz_work{
	position: relative;
	z-index: 1;
	padding: 43px 78px 18px;
	margin: -65px 0 60px;
	background-color: #fff5e6;
	color: #333333;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.custom_kids #tmp_quiz_work .quiz_work_head{
	margin-bottom: 57px;
}
.custom_kids #tmp_quiz_work .quiz_work_ttl_wrap {
	text-align:center;
}
.custom_kids #tmp_quiz_work .quiz_work_ttl {
	position: relative;
	z-index: 2;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	padding: 23px 56px 23px 85px;
	color: #0e5c38;
	background-color: transparent;
	background-repeat: repeat-x;
	background-image: url(/shared/templates/kids/images/icon/work_ttl_top_bg.png),url(/shared/templates/kids/images/icon/work_ttl_bottom_bg.png);
	background-position: top left, bottom left;
}
.custom_kids #tmp_quiz_work .quiz_work_ttl:before{
	content: '';
	position: absolute;
	z-index: 10;
	bottom: -31px;
	left: -90px;
	width: 180px;
	height: 190px;
	color: inherit;
	background-image:url(/shared/templates/kids/images/main/quiz_ttl_zukan.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size: 100% auto !important;
	-webkit-background-size: 100% auto !important;
	-moz-background-size: 100% auto !important;
}
.custom_kids #tmp_quiz_work .oshigoto .quiz_work_ttl:before{
	background-image:url(/shared/templates/kids/images/main/quiz_ttl_oshigoto.png);
}
.custom_kids #tmp_quiz_work .profile .quiz_work_ttl:before{
	background-image:url(/shared/templates/kids/images/main/quiz_ttl_profile.png);
}
.custom_kids #tmp_quiz_work .oshirase .quiz_work_ttl:before{
	background-image:url(/shared/templates/kids/images/main/quiz_ttl_oshirase.png);
}
.custom_kids #tmp_quiz_work .game .quiz_work_ttl:before{
	background-image:url(/shared/templates/kids/images/main/quiz_ttl_game.png);
}
.custom_kids #tmp_quiz_work .manner .quiz_work_ttl:before{
	background-image:url(/shared/templates/kids/images/main/quiz_ttl_manner.png);
}
.custom_kids #tmp_quiz_work .oyakudachi .quiz_work_ttl:before{
	background-image:url(/shared/templates/kids/images/main/quiz_ttl_oyakudachi.png);
}
.custom_kids #tmp_quiz_work .sos .quiz_work_ttl:before{
	background-image:url(/shared/templates/kids/images/main/quiz_ttl_sos.png);
}
.custom_kids #tmp_quiz_work .quiz_work_ttl h1{
	font-size: 166.7%;
	color: #0e5c38;
	background-color: #fff5e6;
	line-height: 1.4;
}
.custom_kids #tmp_quiz_work .quiz_work_ttl_wrap.howto .quiz_work_ttl {
	width:auto !important;
}
.custom_kids #tmp_quiz_work .quiz_work_mess{
	position: absolute;
	top: 32px;
	right: 42px;
	width: 282px;
}
.custom_kids #tmp_quiz_work .quiz_work_mess:before {
	content: "";
	position: absolute;
	z-index: 3;
	bottom: -22px;
	left: 64px;
	width: 42px;
	height: 24px;
	border-style: solid;
	border-width: 0 2px 2px 0;
	border-color: #287a53;
	color: inherit;
	background-color: #ffffff;
	-webkit-border-bottom-right-radius: 80px 50px;
	-moz-border-radius-bottomright: 80px 50px;
	border-bottom-right-radius: 80px 50px;
	display: block;
}
.custom_kids #tmp_quiz_work .quiz_work_mess:after {
	content: "";
	position: absolute;
	z-index: 3;
	bottom: -22px;
	left: 58px;
	width: 24px;
	height: 24px;
	border-style: solid;
	border-width: 2px 2px 2px 0;
	border-color: #287a53;
	color: inherit;
	background-color: #fff5e6;
	-webkit-border-bottom-right-radius: 40px 50px;
	-moz-border-radius-bottomright: 40px 50px;
	border-bottom-right-radius: 40px 50px;
	display: block;
}
.custom_kids #tmp_quiz_work .quiz_work_mess p{
	position: relative;
	line-height: 1.4;
	margin-bottom: 0;
	text-align: center;
	font-weight: bold;
	padding: 14px 20px 10px;
	color: #0e5c38;
	background-color: #ffffff;
	border: 2px solid #177047;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	z-index: 3;
}
.custom_kids #tmp_quiz_work .quiz_work_mess p:after{
	content: '';
	position: absolute;
	bottom: -3px;
	left: 79px;
	width: 23px;
	height: 5px;
	color: inherit;
	background-color: #ffffff;
	border-radius: 0 40px 40px 0;
	-webkit-border-radius: 0 40px 40px 0;
	-moz-border-radius: 0 40px 40px 0;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt ul{
	list-style: none;
	margin: 0;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt li{
	width: 25%;
	float: left;
	padding: 0 20px;
	margin-bottom: 27px;
	line-height: 1;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt li:nth-child(4n+1){
	clear: left;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt li:nth-child(4n){
	clear: right;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt li a{
	display: block;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt li img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt img.front_card_image{
	box-shadow: 1px 3px 10px 2px rgba(154, 137, 100, 0.2);
	-webkit-box-shadow: 1px 3px 10px 2px rgba(154, 137, 100, 0.2);
	-moz-box-shadow: 1px 3px 10px 2px rgba(154, 137, 100, 0.2);
	transition: opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt li a:hover img.front_card_image,
.custom_kids #tmp_quiz_work .quiz_work_cnt li a:focus img.front_card_image {
	opacity: 0.7;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
/* popup */
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_back_to_book{
	position: absolute;
	bottom: 0;
	left: 50%;
	display: inline-block;
	min-width: 200px;
	font-size: 88.9%;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background-color: #ffffff;
	color: #177047;
	border: 2px solid #177047;
	margin-bottom: 4px;
	padding: 10px 20px;
	box-shadow: 0 3px 0 1px rgba(154, 137, 100, 0.45);
	-webkit-box-shadow: 0 3px 0 1px rgba(154, 137, 100, 0.45);
	-moz-box-shadow: 0 3px 0 1px rgba(154, 137, 100, 0.45);
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.custom_kids #tmp_quiz_card_popup.back .quiz_popup_card_back_to_book {
	left: auto;
	right: 0;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_back_to_book:hover,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_back_to_book:focus {
	background-color: #177047;
	color: #ffffff;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt .question_text,
.custom_kids #tmp_quiz_work .quiz_work_cnt .back_card_image,
.custom_kids #tmp_quiz_work .quiz_work_cnt .relative_link{
	display: none;
}
/* no splide
================================================== */
.custom_kids #tmp_kids_slide_pc.no-splide .splide__track,
.no_javascript.custom_kids #tmp_card_slide .card_gallery {
	display: block;
	width: 1100px;
	margin: 0 auto;
}
.custom_kids #tmp_kids_slide_pc.no-splide {
	visibility: visible;
}
.custom_kids #tmp_card_slide .no-splide .splide__list {
	justify-content: center;
}
.no_javascript.custom_kids #tmp_quiz {
	display: none;
}
/* ==================================================
accessibility
================================================== */
/* color */
.color_blue.custom_kids #tmp_contents .kids_site_ttl h1,
.color_black.custom_kids #tmp_contents .kids_site_ttl h1,
.color_yellow.custom_kids #tmp_contents .kids_site_ttl h1,
.color_blue.custom_kids #tmp_contents .kids_site_ttl p,
.color_black.custom_kids #tmp_contents .kids_site_ttl p,
.color_yellow.custom_kids #tmp_contents .kids_site_ttl p {
	padding: 30px 65px !important;
}
.color_blue.custom_kids #tmp_contents .kids_site_ttl h1:before,
.color_blue.custom_kids #tmp_contents .kids_site_ttl h1:after,
.color_black.custom_kids #tmp_contents .kids_site_ttl h1:before,
.color_black.custom_kids #tmp_contents .kids_site_ttl h1:after,
.color_yellow.custom_kids #tmp_contents .kids_site_ttl h1:before,
.color_yellow.custom_kids #tmp_contents .kids_site_ttl h1:after,
.color_blue.custom_kids #tmp_contents .kids_site_ttl p:before,
.color_blue.custom_kids #tmp_contents .kids_site_ttl p:after,
.color_black.custom_kids #tmp_contents .kids_site_ttl p:before,
.color_black.custom_kids #tmp_contents .kids_site_ttl p:after,
.color_yellow.custom_kids #tmp_contents .kids_site_ttl p:before,
.color_yellow.custom_kids #tmp_contents .kids_site_ttl p:after {
	display: none;
}
.color_blue.custom_kids #tmp_contents .kids_site_ttl h1 span,
.color_black.custom_kids #tmp_contents .kids_site_ttl h1 span,
.color_yellow.custom_kids #tmp_contents .kids_site_ttl h1 span,
.color_blue.custom_kids #tmp_contents .kids_site_ttl p span,
.color_black.custom_kids #tmp_contents .kids_site_ttl p span,
.color_yellow.custom_kids #tmp_contents .kids_site_ttl p span {
	width: auto !important;
	height: auto !important;
	text-indent: 0 !important;
	z-index: 2 !important;
}
.color_blue.custom_kids #tmp_card_slide .splide__arrow,
.color_blue.custom_kids #tmp_quiz_cards .splide__arrow {
	background-color: #00008B !important;
}
.color_black.custom_kids #tmp_card_slide .splide__arrow,
.color_black.custom_kids #tmp_quiz_cards .splide__arrow {
	background-color: #000000 !important;
}
.color_yellow.custom_kids #tmp_card_slide .splide__arrow,
.color_yellow.custom_kids #tmp_quiz_cards .splide__arrow {
	background-color: #FFFF00 !important;
}
.color_blue.custom_kids #tmp_card_slide .splide__arrow--prev,
.color_black.custom_kids #tmp_card_slide .splide__arrow--prev,
.color_blue.custom_kids #tmp_quiz_cards .splide__arrow--prev,
.color_black.custom_kids #tmp_quiz_cards .splide__arrow--prev {
	background-image: url(/shared/site_rn/images/icon/icon_prev_yellow.png) !important;
}
.color_blue.custom_kids #tmp_card_slide .splide__arrow--next,
.color_black.custom_kids #tmp_card_slide .splide__arrow--next,
.color_blue.custom_kids #tmp_quiz_cards .splide__arrow--next,
.color_black.custom_kids #tmp_quiz_cards .splide__arrow--next {
	background-image: url(/shared/site_rn/images/icon/icon_next_yellow.png) !important;
}
.color_yellow.custom_kids #tmp_card_slide .splide__arrow--prev,
.color_yellow.custom_kids #tmp_quiz_cards .splide__arrow--prev {
	background-image: url(/shared/site_rn/images/icon/icon_prev_dis.png) !important;
}
.color_yellow.custom_kids #tmp_card_slide .splide__arrow--next,
.color_yellow.custom_kids #tmp_quiz_cards .splide__arrow--next {
	background-image: url(/shared/site_rn/images/icon/icon_next_dis.png) !important;
}
.color_blue.custom_kids #tmp_wrapper .quiz_popup_card_close,
.color_black.custom_kids #tmp_wrapper .quiz_popup_card_close,
.color_yellow.custom_kids #tmp_wrapper .quiz_popup_card_close {
	text-indent: 0 !important;
	font-size: 0.6rem;
	padding: 15px 7px;
}
.color_blue.custom_kids #tmp_wrapper .quiz_popup_card_close {
	background-color: #00008B !important;
}
.color_black.custom_kids #tmp_wrapper .quiz_popup_card_close {
	background-color: #000000 !important;
}
.color_yellow.custom_kids #tmp_wrapper .quiz_popup_card_close {
	background-color: #FFFF00 !important;
}
.color_blue.custom_kids #tmp_quiz_cards .quiz_card_bubble:before,
.color_blue.custom_kids #tmp_quiz_cards .quiz_card_bubble:after,
.color_blue.custom_kids #tmp_quiz_work .quiz_work_mess:before,
.color_blue.custom_kids #tmp_quiz_work .quiz_work_mess:after {
	background-color: #00008B !important;
	border-color: #FFFF00 !important;
}
.color_black.custom_kids #tmp_quiz_cards .quiz_card_bubble:before,
.color_black.custom_kids #tmp_quiz_cards .quiz_card_bubble:after,
.color_black.custom_kids #tmp_quiz_work .quiz_work_mess:before,
.color_black.custom_kids #tmp_quiz_work .quiz_work_mess:after {
	background-color: #000000 !important;
	border-color: #FFFF00 !important;
}
.color_yellow.custom_kids #tmp_quiz_cards .quiz_card_bubble:before,
.color_yellow.custom_kids #tmp_quiz_cards .quiz_card_bubble:after,
.color_yellow.custom_kids #tmp_quiz_work .quiz_work_mess:before,
.color_yellow.custom_kids #tmp_quiz_work .quiz_work_mess:after {
	background-color: transparent !important;
	border-color: #000000 !important;
}
.color_blue.custom_kids #tmp_quiz_cards .quiz_card_bubble p:after,
.color_black.custom_kids #tmp_quiz_cards .quiz_card_bubble p:after,
.color_yellow.custom_kids #tmp_quiz_cards .quiz_card_bubble p:after,
.color_blue.custom_kids #tmp_quiz_work .quiz_work_mess p:after,
.color_black.custom_kids #tmp_quiz_work .quiz_work_mess p:after,
.color_yellow.custom_kids #tmp_quiz_work .quiz_work_mess p:after {
	display: none !important;
}
/* fsize */
.fsize_small.custom_kids #tmp_quiz_slider_control .quiz_slider_ttl h1 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.fsize_small.custom_kids #tmp_quiz_card_popup .quiz_popup_card_message {
	min-height: 48px;
}
.fsize_small.custom_kids #tmp_quiz_card_popup .quiz_popup_card_message_back {
	min-height: 50px;
}
.fsize_small.custom_kids #tmp_quiz_cards .quiz_card_bubble,
.fsize_big.custom_kids #tmp_quiz_cards .quiz_card_bubble,
.fsize_big2.custom_kids #tmp_quiz_cards .quiz_card_bubble {
	font-size: 0.8rem;
}
.fsize_big2.custom_kids #tmp_quiz_bottom_control a {
	max-width: 300px;
}
.fsize_big.custom_kids #tmp_quiz_question_popup .quiz_popup_result_ttl,
.fsize_big2.custom_kids #tmp_quiz_question_popup .quiz_popup_result_ttl {
	font-size: 3.9rem;
}
.fsize_big.custom_kids #tmp_quiz_question_popup .quiz_popup_result_desc,
.fsize_big2.custom_kids #tmp_quiz_question_popup .quiz_popup_result_desc {
	font-size: 1.1rem;
}
.fsize_big2.custom_kids #tmp_quiz_work .quiz_work_mess br {
	display: none;
}
/* ==================================================
font - bold -
================================================== */
.custom_kids #tmp_contents h1,
.custom_kids #tmp_contents h2,
.custom_kids #tmp_contents h3,
.custom_kids #tmp_contents h4,
.custom_kids #tmp_contents h5,
.custom_kids #tmp_contents h6 {
	font-family:"UD Shin Go DemiBold", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.custom_kids #tmp_card_slide .splide__slide:after,
.custom_kids #tmp_card_slide .card_gallery:after,
.custom_kids #tmp_card_slide ul li:after,
.custom_kids #tmp_quiz_slider_control:after,
.custom_kids #tmp_quiz_question_popup .quiz_popup_answers:after,
.custom_kids #tmp_quiz_work .quiz_work_cnt ul:after{
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}
@media screen and (min-width : 641px) and (max-width : 1240px) {
#tmp_kids_site {
	margin: 0 -10px;
	width:auto;
}
}

@media screen and (min-width : 641px) and (max-width : 1220px) {
.custom_kids #tmp_card_slide .splide__arrow--prev {
	left: 15px;
	margin-left: 0;
}
.custom_kids #tmp_card_slide .splide__arrow--next {
	right: 15px;
	margin-right: 0;
}
.custom_kids #tmp_card_slide .card_item {
	padding-left: 4%;
	padding-right: 4%;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_ttl {
	max-width: 60%;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_control_btn {
	float: none;
	clear: both;
}
.custom_kids #tmp_quiz_cards .quiz_card_ttl {
	padding: 18px 20px 0;
	text-align: center;
}
.custom_kids #tmp_quiz_question_popup .quiz_popup_result_cnt {
	padding-left: 170px;
}
.custom_kids #tmp_quiz_question_popup.correct .quiz_popup_result_cnt:before,
.custom_kids #tmp_quiz_question_popup.wrong .quiz_popup_result_cnt:before {
	width: 160px;
	height: 160px;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_message {
	margin: 64px auto;
	width: 100%;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_link {
	margin-bottom: 120px;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_message_back {
	width: 46%;
}
.custom_kids #tmp_quiz_card_popup.back .quiz_popup_card_back_to_game {
	width: 34%;
}
.custom_kids #tmp_quiz_work{
	padding: 43px 40px 18px;
}
.custom_kids #tmp_quiz_work .quiz_work_ttl_wrap{
	margin-bottom: 20px;
}
.custom_kids #tmp_quiz_work .quiz_work_ttl {
	padding: 23px 10px 23px 50px;
}
.custom_kids #tmp_quiz_work .quiz_work_ttl h1 {
	font-size:144.44%;
}
.custom_kids #tmp_quiz_work .quiz_work_mess p {
	font-size:77.78%;
}
.custom_kids #tmp_quiz_work .quiz_work_ttl:before {
	width: 140px;
	height: 150px;
}
.custom_kids #tmp_quiz_work .quiz_work_mess{
	width: 23%;
}
.custom_kids #tmp_quiz_work .quiz_work_mess br {
	display: none;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt{
	clear: both;
}
.custom_kids #tmp_quiz_work .quiz_work_cnt li{
	padding: 0 10px;
}
.custom_kids #tmp_quiz_slider_control .quiz_slider_manual_link {
	max-width: 30%;
}
}
@media screen and (min-width : 641px) and (max-width : 860px) {
.custom_kids #tmp_quiz_work .quiz_work_ttl_wrap{
	text-align:left;
	padding-left:100px;
}
.custom_kids #tmp_quiz_work .quiz_work_ttl{
	padding: 13px 10px 13px 30px;
}
.custom_kids #tmp_quiz_work .quiz_work_ttl::before {
	width: 90px;
	height: 95px;
	left:-63px;
	bottom:-10px;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_img {
	transform-style: flat;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
.custom_kids #tmp_quiz_card_popup.back .quiz_popup_card_img {
	transform: rotateY(0);
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_front,
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_back {
	position: static;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_back {
	display: none;
	transform: rotateY(0);
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
}
.custom_kids #tmp_quiz_card_popup.back .quiz_popup_card_front {
	display: none;
}
.custom_kids #tmp_quiz_card_popup.back .quiz_popup_card_back {
	display: block;
}
.custom_kids #tmp_quiz_card_popup .quiz_popup_card_message_back {
	padding: 2px 0 2px 60px;
}
.custom_kids #tmp_quiz_card_popup.no_animation .quiz_popup_card_img_inside{
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
}
}