@charset "utf-8";

@media screen and (max-width : 640px) {

/* ==================================================
selector
================================================== */
#tmp_contents h1 {
	padding:10px 80px 10px 10px;
	background-size:100px auto;/* CSS3 */
	font-size:143%;
}
#tmp_contents h2 {
	padding:10px;
	font-size:130%;
}
/* ==================================================
event_calendar ver2.4
================================================== */
/* カラムのレイアウトのロジック
============================== */
.wrap_event_col_lft_navi {
	float:none;
	width:100%;
	margin-right:0;
}
.wrap_event_col_main {
	float:none;
}
.event_col_main {
	margin-left:0;
}
#tmp_wrap_event_cal {
	width:100%;
	margin-bottom:16px;
	position:static !important;
}
/* タブ
============================== */
#tmp_event_cal_tab {
	border-bottom-width:4px;
}
#tmp_event_cal_tab ul {
	font-size:100%;
	margin:0;
}
#tmp_event_cal_tab li a {
	padding:7px 5px 4px;
}
#tmp_event_cal_tab .active a {
	padding-bottom:6px;
}
#tmp_event_cal_tab li span {
	display:block;
}
/* 絞り込み検索
============================== */
#tmp_wrap_event_cal_refine {
	margin-bottom:16px;
}
#tmp_event_cal_refine,
#tmp_event_cal_refine_ttl,
#tmp_event_cal_refine_cnt,
#tmp_event_cal_refine_btn {
	display:block;
	width:100%;
}
#tmp_event_cal_refine_ttl {
	background:url(/shared/templates/free/images/event/sp/refine_ttl_bg.png) no-repeat center bottom;
	background-size:100% auto;/* CSS3 */
	padding:8px 0 20px;
}
#tmp_event_cal_refine_ttl p {
	background-size:28px auto;/* CSS3 */
	font-size:100%;
	padding-top:30px;
}
#tmp_event_cal_refine_ttl p span {
	display:inline;
}
#tmp_event_cal_refine_cnt {
	padding:8px;
}
#tmp_event_cal_refine_cnt dl {
	padding:0;
}
#tmp_event_cal_refine_cnt dt {
	float:none;
	width:100%;
	margin:0 0 0.2em;
}
#tmp_event_cal_refine_cnt dd {
	padding:0 0 0.8em;
}
#tmp_event_cal_refine_btn {
	padding:16px;
}
#tmp_event_cal_refine_btn .refine_sch_btn a {
	padding:10px 0;
	min-height:25px;
}
#tmp_event_cal_refine_btn .refine_clear_btn a {
	padding:3px 0;
	min-height:15px;
}
/* 一覧形式
============================== */
#tmp_event_cal_list .event_cal_list td {
	padding:8px 8px 2px;
	width:100% !important;
	display:block;
	box-sizing:border-box;/* CSS3 */
}
#tmp_event_cal_list .event_cal_list .cal_date {
	border-bottom:none;
}
#tmp_event_cal_list .event_cal_list ul li {
	display:block;
	margin-bottom:16px;
}
#tmp_event_cal_list .event_cal_list ul li p.txt {
	width:100% !important;
	display:block;
	box-sizing:border-box;/* CSS3 */
}
/* event_long
============================== */
#tmp_event_long .wrap_event_long {
	width:100%;
	float:none;
	margin-bottom:16px;
}
#tmp_event_long .wrap_event_long.odd {
	margin-right:0;
}
/* ==================================================
index
================================================== */
/* idx
============================== */
#tmp_contents .idx .idxL,
#tmp_contents .idx .idxR {
	float:none;
	width:100%;
}
#tmp_idx_info,
#tmp_idx_pickup,
#tmp_recommend,
#tmp_rnavi_koho {
	margin-bottom:24px;
}
#tmp_idx_pickup_ttl,
#tmp_idx_info_ttl {
	padding:3px 10px;
}
#tmp_idx_pickup_cnt,
#tmp_idx_info_cnt {
	padding:10px;
}
/* box_idx
============================== */
#tmp_contents .box_idx {
	margin-bottom:20px;
}
#tmp_contents .box_idx_cnt .img_r {
	width:125px;
}
#tmp_contents .box_idx_ttl h2 {
	padding:3px 40px 3px 10px;
}
#tmp_contents .box_idx .switch_menu .switch {
	position:absolute;
	top:6px;
	right:10px;
}
/* ==================================================
foreign
================================================== */
/* top
============================== */
/* foreign_ttl */
#tmp_foreign_ttl {
	background:url(/shared/templates/free/images/contents/foreign/sp/ttl_bg.jpg) no-repeat center center;
	background-size:100% auto;/* CSS3 */
}
#tmp_foreign_ttl h1 {
	padding:0 16px !important;
	height:120px !important;
	font-size:130% !important;
}
/* box_navi */
#tmp_foreign_cnt .box_navi {
	width:300px;
	float:none;
	margin:0 auto 12px !important;
}
/* ==================================================
kids-top
================================================== */
#tmp_wrap_kids {
	margin:0 -10px;
	width:auto;
	height:836px;
	background:url(/shared/templates/kids/images/contents/top/sp/map.gif) no-repeat center top;
	background-size:auto 836px;/* CSS3 */
}
#tmp_contents #tmp_kids h1,
#tmp_contents #tmp_kids ul li,
#tmp_shiro_ttl,
#tmp_manabo_ttl {
	position:static !important;
}
#tmp_contents #tmp_kids h1 {
	background:url(/shared/templates/kids/images/contents/top/sp/kids_top_ttl.gif) no-repeat left top;
	background-size:205px 85px;/* CSS3 */
	width:205px;
	height:85px;
	margin:0 auto 20px;
	padding:0;
}
#tmp_contents #tmp_kids h1 span {
	width:205px;
	height:85px;
}
#tmp_shiro_ttl {
	background:url(/shared/images/kids/navi/gnavi/sp/shiro_ttl.gif) no-repeat left top;
}
#tmp_manabo_ttl {
	background:url(/shared/images/kids/navi/gnavi/sp/manabo_ttl.gif) no-repeat left top;
}
#tmp_shiro_ttl,
#tmp_manabo_ttl {
	background-size:195px 25px;/* CSS3 */
	width:195px;
	height:25px;
	margin:0 auto 10px !important;
}
#tmp_shiro_ttl span,
#tmp_manabo_ttl span {
	width:195px;
	height:25px;
}
#tmp_contents #tmp_kids ul {
	margin:0 auto;
}
#tmp_kids_cnt ul {
	width:280px;
}
#tmp_kids_cnt ul li {
	float:left;
	margin:0;
	padding-bottom:8px;
}
#tmp_kids_shiro ul li,
#tmp_kids_manabo ul li {
	width:125px;
}
#tmp_kids_btn ul li {
	width:130px;
}
#tmp_kids_cnt ul li img {
	width:100%;
}
#tmp_kids_cnt ul li a {
	display:block;
}
#tmp_kids_cnt ul li:nth-child(even) {
	float:right;
}
#tmp_kids_shiro,
#tmp_kids_manabo {
	padding:0 0 30px;
}
/* ==================================================
クイズ
================================================== */
/*共通*/
#tmp_contents #tmp_quiz_contents {
    margin: 0 -10px;
	background:#8fd8ef url(/shared/templates/free/images/kids/quiz/quiz_bg_sp.jpg) no-repeat left top;
}
/*クイズトップコンテンツ*/
#tmp_contents #tmp_quiz_contents .quiz_top {
	background:#8fd8ef url(/shared/templates/free/images/kids/quiz/quiz_bg_top_sp.jpg) no-repeat center top;
    background-size: cover;
}
#tmp_contents #tmp_quiz_contents .quiz_top .box_show {
    min-height: inherit;
    min-height: initial;
    width: auto;
    margin: 0 auto;
    padding: 0 0 20px;
}
#tmp_contents #tmp_quiz_contents .quiz_top .box_show_l {
	float:none;
    padding: 0;
}
#tmp_contents #tmp_quiz_contents .quiz_top .box_show_r {
	float:none;
}
#tmp_contents #tmp_quiz_contents .quiz_top .box_show_r .quiz_txt {
    margin: 7px 1% 0;
    float: right;
    width: 53%;
}
#tmp_contents #tmp_quiz_contents .quiz_top .box_show h2 {
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
}
#tmp_contents #tmp_quiz_contents .quiz_top .box_show h2 img {
    max-width: 65%;
    height: auto;
}
#tmp_contents #tmp_quiz_contents .quiz_top .box_show .start_btn {
    margin: 22px 6% 0;
    padding: 0;
    float: left;
    width: 31%;
}
/*クイズコンテンツ*/
#tmp_contents #tmp_quiz_contents .wrap_box_quiz2 {
    width: auto;
    margin: 0 auto;
	background:#8fd8ef url(/shared/templates/free/images/kids/quiz/quiz_bg_sp.jpg) no-repeat right top;
	background-size:125px auto;
}
#tmp_contents #tmp_quiz_contents .kekka .wrap_box_quiz2 {
	background:#8fd8ef url(/shared/templates/free/images/kids/quiz/quiz_bg_sp.jpg) no-repeat right top;
	background-size:125px auto;
}
#tmp_contents #tmp_quiz_contents .wrap_ttl_quiz,
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents {
	float:none;
	width:auto;
}
#tmp_contents #tmp_quiz_contents .wrap_ttl_quiz {
    padding: 5px 0 0 7px;
}
#tmp_contents #tmp_quiz_contents .wrap_ttl_quiz h2 {
	width:200px;
	height:53px;
	background:url(/shared/templates/free/images/kids/quiz/challenge_quiz_sp.png) no-repeat left top;
	background-size:200px auto;
    padding: 0;
    margin: 0;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz .box_quiz_ttl {
	margin:0 0 16px;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz h2 {
    padding: 0 0 0 5px;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz h2 img {
    max-height: 33px;
    width: auto;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz.question {
    padding: 0 3px 0 3px;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz.question .box_quiz_cnt p {
	margin:0;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz.question .question_img {
    float: none;
    margin: 0;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz.question .box_question {
    padding: 8px 8px 10px;
    font-size: 100%;
    border: none;
    border-radius: 0;
    min-height: inherit;
    min-height: initial;
    margin: 0 10px 16px 8px;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz.question .box_question .question_txt {
    line-height: 1.4;
}
#tmp_contents #tmp_quiz_contents .wrap_box_answer {
    padding: 0 12px 0 7px;
}
#tmp_contents #tmp_quiz_contents .box_answer {
	color:inherit;
	margin:0 0 6px;
}
#tmp_contents #tmp_quiz_contents .box_answer.hover_this {
}
#tmp_contents #tmp_quiz_contents .box_answer a {
    font-size: 100%;
}
#tmp_contents #tmp_quiz_contents .img_list .box_answer {
	width:20%;
	margin-right:2%;
	float:left;
}
#tmp_contents #tmp_quiz_contents .img_list .box_answer img {
	max-width:100%;
}
#tmp_contents #tmp_quiz_contents .box_answer_list {
	-webkit-border-radius:10px;	
	-moz-border-radius:10px;
	border-radius:10px;
	padding:0 0 0 30px;
}
#tmp_contents #tmp_quiz_contents .img_list .box_answer_list {
	padding:30px 0 0;
}
#tmp_contents #tmp_quiz_contents .answer_a {
	background:url(/shared/templates/free/images/kids/quiz/a.png) 9px 7px no-repeat;
    background-size: 16px 16px;
}
#tmp_contents #tmp_quiz_contents .answer_b {
	background:url(/shared/templates/free/images/kids/quiz/b.png) 9px 7px no-repeat;
    background-size: 16px 16px;
}
#tmp_contents #tmp_quiz_contents .answer_c {
	background:url(/shared/templates/free/images/kids/quiz/c.png) 9px 7px no-repeat;
    background-size: 16px 16px;
}
#tmp_contents #tmp_quiz_contents .answer_txt {
	float:left;
	margin:0;
}
#tmp_contents #tmp_quiz_contents .wrap_answer_overlay .answer_overlay {
    /*position: absolute;
    left: 30%;
    top: 10%;*/
	margin:10% 0 0;
}
#tmp_contents #tmp_quiz_contents .wrap_answer_overlay .answer_overlay img {
	max-width:50%;
	height:auto;
}
/*解説*/
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz.kaisetsu {
    padding:0;
	background:none;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz.kaisetsu h2 {
    padding: 0 0 0 10px;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz.kaisetsu .box_kaisetsu {
    margin: 0 10px;
    padding: 8px 8px 10px;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz.kaisetsu .kaisetsu_btn {
	margin:20px 0 0;
}
#tmp_contents #tmp_quiz_contents .wrap_quiz_contents .box_quiz.kaisetsu .kaisetsu_btn img {
    max-width: 93px;
	height:auto;
}
/*結果*/
#tmp_contents #tmp_quiz_contents .kekka .box_quiz .box_quiz_ttl {
    padding: 0 0 0 5px;
}
#tmp_contents #tmp_quiz_contents .kekka .box_quiz_cnt .box_kekka2 {
    margin: 0 5px 14px 5px;
    padding: 8px 8px 10px;
}
#tmp_contents #tmp_quiz_contents .kekka .box_quiz_cnt .box_kekka .kekka_ttl {
	display:table;
    margin: 0 auto;
}
#tmp_contents #tmp_quiz_contents .kekka .box_quiz_cnt .box_kekka .kekka_ttl span {
	display:table-cell;
}
#tmp_contents #tmp_quiz_contents .kekka .box_quiz_cnt .box_kekka .challenge_btn {
    margin:0;
    float: none;
	text-align:center;
}
#tmp_contents #tmp_quiz_contents .kekka .box_quiz_cnt .box_kekka .challenge_btn img {
    max-width: 93px;
    height: auto;
}
#tmp_contents #tmp_quiz_contents .kekka .box_quiz_cnt .vary_img {
    float: right;
    margin: 10px 12px 0 0;
}
#tmp_contents #tmp_quiz_contents .kekka .box_quiz_cnt .vary_img img {
    max-width: 153px;
    height: auto;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.clearfix:after,
#tmp_contents #tmp_quiz_contents .quiz_top .box_show:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}



}