@charset "utf-8";

/* main style */
#tmp_main{
	position: relative;
	padding-bottom: 67px;
	background-color: #ffeee7;
	z-index: 2;
}
#tmp_main:after{
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: 189px;
    bottom: -260px;
	background: transparent url(/shared/templates/kids_top_rn2025/images/bgr_pattern_btm.png) no-repeat;
	background-size: auto 100%;
	max-width: calc(50% - 189px);
	width: 438px;
	height: 394px;
	color: inherit;
	z-index: -1;
}

/* mainvisual */
#tmp_kids_mv .mv_wrapper{
	position: relative;
	padding-top: 33px;
	z-index: 2;
}
#tmp_kids_mv h1{
	position: absolute;
	top: 2px;
    left: -2px;
	right: 0;
	margin: 0 auto;
	background-image: url(/shared/templates/kids_top_rn2025/images/mv_ttl_pc.png);
	background-repeat: no-repeat;
	width: 332px;
	height: 108px;
	text-indent: -9999px;
}
#tmp_kids_mv .mv_img{
	margin-bottom: 0;
	box-shadow: 2px 3px 20px 0 rgba(114, 54, 86, 0.1);
	border: 1px solid #222222;
	border-radius: 20px;
	overflow: hidden;
}
#tmp_kids_mv .mv_img img{
	vertical-align: top;
	max-width: 100%;
	height: auto;
	animation: none;
}
#tmp_kids_mv .mv_links{
	margin: 0;
}
#tmp_kids_mv .mv_links li{
	list-style: none;
	position: absolute;
}
#tmp_kids_mv .mv_links a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	padding: 14px 8px;
	background-color: #ffffff;
	min-width: 183px;
	min-height: 92px;
	box-shadow: 2px 3px 20px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #222222;
    border-radius: 24px;
	letter-spacing: -0.02em;
	color: #222222;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	z-index: 1;
}
#tmp_kids_mv .mv_links a:before,
#tmp_kids_mv .mv_links a:after{
	content: '';
	position: absolute;
}
#tmp_kids_mv .mv_links a:before{
	left: 4px;
    right: 4px;
    bottom: 4px;
    top: 4px;
    border-radius: 19px;
	z-index: -1;
}
#tmp_kids_mv .mv_links a:after{
	right: -9px;
    bottom: -6px;
    background: transparent url(/shared/site_rn2025/images/icon/arrow_link28_1.png) no-repeat;
    background-size: 28px auto;
	width: 28px;
	height: 28px;
	color: inherit;
	z-index: 1;
}
#tmp_kids_mv .mv_links .link_sub{
	font-size: 66.7%;
}
#tmp_kids_mv .mv_links .link_sub > span{
	padding-left: 8px;
}
#tmp_kids_mv .mv_links .link_ttl{
	font-size: 111.1%;
}
#tmp_kids_mv .mv_links .link_01{
	left: 14%;
    top: 37.6%;
}
#tmp_kids_mv .mv_links .link_01 a:before{
	background-color: #e1d0ff;
}
#tmp_kids_mv .mv_links .link_01 .link_ttl{
	font-size: 100%;
}
#tmp_kids_mv .mv_links .link_02{
	right: 13.6%;
    top: 34.7%;
}
#tmp_kids_mv .mv_links .link_02 a:before{
	background-color: #d0e6ff;
}
#tmp_kids_mv .mv_links .link_03{
	left: 7.6%;
    top: 57.8%;
}
#tmp_kids_mv .mv_links .link_03 a:before{
	background-color: #ffd0ec;
}
#tmp_kids_mv .mv_links .link_04{
	left: 38.1%;
    bottom: 10.3%;
}
#tmp_kids_mv .mv_links .link_04 a:before{
	background-color: #fee0d3;
}
#tmp_kids_mv .mv_scroll{
	position: absolute;
	right: 18px;
    bottom: -50px;
	z-index: 1;
}
#tmp_kids_mv .mv_scroll a{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 10px 8px;
	background-color: #ffffff;
	width: 96px;
	height: 96px;
	box-shadow: 2px 3px 20px 0 rgba(114, 54, 86, 0.1);
	border-radius: 50%;
	font-size: 64.9%;
	color: #222222;
	text-align: center;
	text-decoration: none;
	z-index: 1;
}
#tmp_kids_mv .mv_scroll a:before{
	content: '';
	position: absolute;
	top: -20px;
    right: -20px;
    bottom: -20px;
    left: -21px;
	background: transparent url(/shared/templates/kids_top_rn2025/images/scroll_txt.png) no-repeat;
	color: inherit;
	pointer-events: none;
	z-index: -1;
}
#tmp_kids_mv .mv_scroll span{
	display: inline-block;
	padding-top: 23px;
	background: transparent url(/shared/templates/kids_top_rn2025/images/scroll_arrow.png) no-repeat center top;
	color: inherit;
	line-height: 1.2;
	letter-spacing: 0.05em;
}

/* boxs */
#tmp_kids_wrap{
	overflow: hidden;
}
#tmp_kids_boxs{
	position: relative;
	padding: 58px 0 33px;
	z-index: 1;
}
#tmp_kids_boxs:after{
	content: '';
	position: absolute;
	left: -2px;
    right: 0;
    top: 14px;
	background: transparent url(/shared/templates/kids_top_rn2025/images/bgr_pattern_top.png) no-repeat center center;
	height: 924px;
	color: inherit;
	z-index: -1;
}
#tmp_kids_boxs .box_wrapper{
	margin: 0 auto;
	padding: 0 50px 0 51px;
	max-width: 900px;
}
#tmp_kids_boxs .box_list{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -14px 49px;
}
#tmp_kids_boxs .box_list li{
	margin-bottom: 30px;
	padding: 0 14px;
	width: calc(100%/3);
	list-style: none;
}
#tmp_kids_boxs .box_list a{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 24px 30px 28px;
	background-color: #ffffff;
	height: 100%;
	min-height: 246px;
	box-shadow: 2px 3px 20px 0 rgba(114, 54, 86, 0.1);
	border: 1px solid #222222;
	border-radius: 20px;
	font-size: 133.3%;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	color: #222222;
	z-index: 1;
}
#tmp_kids_boxs .box_list a:before{
	content: '';
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 14px;
	top: 14px;
	border-radius: 10px;
	z-index: -1;
}
#tmp_kids_boxs .box_list .box_item_icon{
	flex-shrink: 0;
	margin-bottom: 6px;
}
#tmp_kids_boxs .box_list .box_item_icon img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
#tmp_kids_boxs .box_list .box_item_des{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	background-repeat: no-repeat;
	background-position: center center;
}
#tmp_kids_boxs .box_item01 a:before{
	background-color: #fff6b8;
}
#tmp_kids_boxs .box_item02 a:before{
	background-color: #ffe0f5;
}
#tmp_kids_boxs .box_item03 a:before{
	background-color: #dbf7f9;
}
#tmp_kids_boxs .box_item04 a:before{
	background-color: #ffe3b7;
}
#tmp_kids_boxs .box_item05 a:before{
	background-color: #d3f5d5;
}
#tmp_kids_boxs .box_item06 a:before{
	background-color: #eddcff;
}
#tmp_kids_boxs .box_banner{
	margin-left: -2px;
	padding-right: 2px;
}
#tmp_kids_boxs .banner_list{
	display: flex;
	margin: 0 -14px;
}
#tmp_kids_boxs .banner_list li{
	padding: 0 14px;
	list-style: none;
}
#tmp_kids_boxs .banner_list a{
	display: flex;
	flex-direction: column;
	padding: 15px 14px 14px;
	background-color: #ffffff;
	height: 100%;
	box-shadow: 2px 3px 20px 0 rgba(114, 54, 86, 0.1);
	border: 1px solid #222222;
	border-radius: 20px;
	color: #222222;
	text-decoration: none;
	overflow: hidden;
}
#tmp_kids_boxs .banner_list .banner_inner{
	border-radius: 16px;
}
#tmp_kids_boxs .banner_list .banner_message{
	flex: 1;
	align-self: flex-start;
	padding-right: 13px;
}
#tmp_kids_boxs .banner_message a{
	padding: 0;
	height: auto;
}
#tmp_kids_boxs .banner_message img{
	width: 100%;
	height: auto;
	vertical-align: top;
}
#tmp_kids_boxs .banner_link{
	width: 276px;
	flex-shrink: 0;
}
#tmp_kids_boxs .banner_link .banner_inner{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 34px 10px 36px;
	background: #fef5f1 url(/shared/templates/kids_top_rn2025/images/link_icon.png) no-repeat center center;
	color: #222222;
	height: 100%;
	z-index: 1;
	text-align: center;
	overflow: hidden;
}
#tmp_kids_boxs .banner_link .banner_inner:before{
	content: '';
	position: absolute;
	left: -37px;
    top: -38px;
	width: 82px;
	height: 82px;
	background-color: #ffffff;
	border-radius: 50%;
	color: #222222;
	pointer-events: none;
	z-index: -1;
}
#tmp_kids_boxs .banner_link .link_ttl{
	position: absolute;
	top: 9px;
    left: 5px;
	background: transparent url(/shared/templates/kids_top_rn2025/images/link_txt_pc.png) no-repeat;
	width: 58px;
	height: 18px;
	text-indent: -9999px;
	z-index: 2;
}
#tmp_kids_boxs .banner_link .link_des{
	font-size: 133.3%;
}

/* events information */
#tmp_kids_event{
	position: relative;
	z-index: 2;
}
#tmp_kids_event:before{
	content: '';
	position: absolute;
    top: -36px;
    right: 50%;
    margin-right: 239px;
	background: transparent url(/shared/templates/kids_top_rn2025/images/event_pattern.png) no-repeat center center;
	height: 394px;
	width: 478px;
	color: inherit;
	z-index: -1;
}
#tmp_kids_event .event_ttl{
	position: relative;
	margin: 0 auto 4px;
	padding: 0;
	background: transparent url(/shared/templates/kids_top_rn2025/images/event_title_txt_pc.png) no-repeat 144px 0;
	background-size: auto;
	max-width: 854px;
	min-height: 108px;
	border-bottom: none;
	font-size: 166.7%;
	text-indent: -9999px;
	z-index: 1;
}
#tmp_kids_event .splide{
	display: flex;
	flex-direction: column-reverse;
}
#tmp_kids_event .splide__slide{
	padding-top: 18px;
	padding-bottom: 5px;
	width: 280px;
}
#tmp_kids_event .event_slide_inner{
	height: 100%;
}
#tmp_kids_event .event_slide_inner > a{
	display: block;
	background-color: transparent;
	height: 100%;
	color: #222222;
}
#tmp_kids_event .box_thumbnail_img{
	margin-bottom: 23px;
}
#tmp_kids_event .box_thumbnail_img img{
	object-fit: cover;
	width: 100%;
	height: 187px;
}
#tmp_kids_event .box_thumbnail_img p{
	margin-bottom: 0;
}
#tmp_kids_event .box_thumbnail_date{
    position: relative;
	display: block;
    margin-bottom: 8px;
    padding-left: 40px;
    font-size: 77.8%;
    line-height: 1.7;
	letter-spacing: 0.02em;
    z-index: 1;
}
#tmp_kids_event .box_thumbnail_date:before{
    content: '';
    position: absolute;
    top: 10px;
    left: 2px;
    width: 26px;
    border-bottom: 1px solid #bc1d71;
    z-index: -1;
}
#tmp_kids_event .box_thumbnail_txt{
    padding: 0 0 0 40px;
    line-height: 1.3;
	letter-spacing: 0.06em;
	font-size: 100%;
}
#tmp_kids_event .box_thumbnail_txt:before{
	content: none;
}
#tmp_kids_event .splide__controls{
    position: relative;
    justify-content: center;
    margin: 40px auto 0;
    padding: 0 290px 0 10px;
    max-width: 820px;
    z-index: 2;
}
#tmp_kids_event .splide__progress{
    padding-right: 38px;
}
#tmp_kids_event .progress_current,
#tmp_kids_event .progress_total{
	line-height: 1;
}
#tmp_kids_event .btn_default{
    position: relative;
    margin: 0 auto;
    padding: 0 10px;
    max-width: 820px;
    top: -33px;
}
#tmp_kids_event .btn_default p{
    display: flex;
    justify-content: center;
	margin-bottom: 0;
    padding-left: 246px;
}
#tmp_kids_event .btn_default a{
    position: relative;
    z-index: 2;
    padding: 5px 0 5px 24px;
	background-image: url(/shared/site_rn2025/images/icon/arrow_link30.png);
	background-position: 0 12px;
	background-size: 15px auto;
    font-size: 88.9%;
}

/* setting hover */
#tmp_kids_mv .mv_links a:hover .link_ttl,
#tmp_kids_boxs .box_list a:hover,
#tmp_kids_boxs .banner_list a:hover,
#tmp_kids_mv .mv_scroll a:hover{
	text-decoration: underline;
}
#tmp_kids_boxs .banner_message a img{
	transition: opacity 0.3s ease-in-out;
}
#tmp_kids_boxs .banner_message a:hover img{
	opacity: 0.7;
}
/* ==================================================
Start font-weight
================================================== */
#tmp_kids_mv .mv_links .link_sub,
#tmp_kids_mv .mv_links .link_ttl,
#tmp_kids_mv .mv_scroll a,
#tmp_kids_boxs .box_list a,
#tmp_kids_boxs .banner_link .link_des,
#tmp_kids_event .event_ttl,
#tmp_kids_event .box_thumbnail_date,
#tmp_kids_event .box_thumbnail_txt {
	font-family: 'OT-HiraginoUDSansStdN-W5';
	font-weight: bold;
}
/* ==================================================
accessibility style change:color
================================================== */
.color_black #tmp_wrapper #tmp_main:after,
.color_black #tmp_wrapper #tmp_kids_boxs:after,
.color_black #tmp_wrapper #tmp_kids_event .banner_link .banner_inner:before,
.color_blue #tmp_wrapper #tmp_main:after,
.color_blue #tmp_wrapper #tmp_kids_boxs:after,
.color_blue #tmp_wrapper #tmp_kids_event .banner_link .banner_inner:before,
.color_yellow #tmp_wrapper #tmp_main:after,
.color_yellow #tmp_wrapper #tmp_kids_boxs:after,
.color_yellow #tmp_wrapper #tmp_kids_event .banner_link .banner_inner:before,
.color_black #tmp_wrapper #tmp_kids_mv .mv_scroll a:before,
.color_blue #tmp_wrapper #tmp_kids_mv .mv_scroll a:before,
.color_yellow #tmp_wrapper #tmp_kids_mv .mv_scroll a:before,
.color_black #tmp_wrapper #tmp_kids_event:before,
.color_blue #tmp_wrapper #tmp_kids_event:before,
.color_yellow #tmp_wrapper #tmp_kids_event:before,
.color_black #tmp_wrapper #tmp_kids_boxs .box_list a:before,
.color_blue #tmp_wrapper #tmp_kids_boxs .box_list a:before,
.color_yellow #tmp_wrapper #tmp_kids_boxs .box_list a:before,
.color_black #tmp_wrapper #tmp_kids_mv .mv_links a:before,
.color_black #tmp_wrapper #tmp_kids_mv .mv_links a:after,
.color_blue #tmp_wrapper #tmp_kids_mv .mv_links a:before,
.color_blue #tmp_wrapper #tmp_kids_mv .mv_links a:after,
.color_yellow #tmp_wrapper #tmp_kids_mv .mv_links a:before,
.color_yellow #tmp_wrapper #tmp_kids_mv .mv_links a:after{
	content: none;
}
.color_black #tmp_wrapper #tmp_kids_event .banner_list .banner_inner,
.color_black #tmp_wrapper #tmp_kids_mv .mv_scroll a,
.color_blue #tmp_wrapper #tmp_kids_event .banner_list .banner_inner,
.color_blue #tmp_wrapper #tmp_kids_mv .mv_scroll a,
.color_yellow #tmp_wrapper #tmp_kids_event .banner_list .banner_inner,
.color_yellow #tmp_wrapper #tmp_kids_mv .mv_scroll a{
	border: 1px solid;
}
.color_black #tmp_wrapper #tmp_kids_mv h1,
.color_blue #tmp_wrapper #tmp_kids_mv h1,
.color_yellow #tmp_wrapper #tmp_kids_mv h1{
	height: auto;
	text-indent: inherit;
	text-align: center;
}
.color_black #tmp_wrapper #tmp_kids_event .event_ttl,
.color_blue #tmp_wrapper #tmp_kids_event .event_ttl,
.color_yellow #tmp_wrapper #tmp_kids_event .event_ttl{
	padding-left: 144px !important;
	text-indent: inherit;
	min-height: auto;
}
.color_black #tmp_wrapper #tmp_kids_mv .mv_scroll a,
.color_black #tmp_wrapper #tmp_kids_mv .mv_links a{
	background-color: #000000 !important;
}
.color_blue #tmp_wrapper #tmp_kids_mv .mv_scroll a,
.color_blue #tmp_wrapper #tmp_kids_mv .mv_links a{
	background-color: #00008B !important;
}
.color_yellow #tmp_wrapper #tmp_kids_mv .mv_scroll a,
.color_yellow #tmp_wrapper #tmp_kids_mv .mv_links a{
	background-color: #ffff00 !important;
}
.color_black #tmp_wrapper #tmp_kids_mv .mv_links li,
.color_blue #tmp_wrapper #tmp_kids_mv .mv_links li,
.color_yellow #tmp_wrapper #tmp_kids_mv .mv_links li,
.color_black #tmp_wrapper #tmp_kids_mv .mv_scroll,
.color_black #tmp_wrapper #tmp_kids_mv .mv_scroll p,
.color_blue #tmp_wrapper #tmp_kids_mv .mv_scroll,
.color_blue #tmp_wrapper #tmp_kids_mv .mv_scroll p,
.color_yellow #tmp_wrapper #tmp_kids_mv .mv_scroll,
.color_yellow #tmp_wrapper #tmp_kids_mv .mv_scroll p{
	background-color: transparent !important;
}
.color_black #tmp_wrapper #tmp_kids_mv .mv_scroll span,
.color_blue #tmp_wrapper #tmp_kids_mv .mv_scroll span,
.color_yellow #tmp_wrapper #tmp_kids_mv .mv_scroll span{
	padding-top: 0;
}

/* ==================================================
accessibility style change:font-size
================================================== */
.fsize_small #tmp_wrapper #tmp_kids_event .btn_default a{
	background-position: 0 8px;
}
.fsize_big2 #tmp_wrapper #tmp_kids_event .btn_default{
	top: -50px;
}
.fsize_big2 #tmp_wrapper #tmp_kids_event .btn_default p{
	padding-left: 376px;
}

/* ==================================================
no_javascript
================================================== */
.no_javascript #tmp_wrapper #tmp_kids_event .splide{
	visibility: visible;
}
.no_javascript #tmp_wrapper #tmp_kids_event .splide,
#tmp_kids_event .splide.no-splide{
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}
.no_javascript #tmp_wrapper #tmp_kids_event .splide__list,
#tmp_kids_event .splide.no-splide .splide__list{
	flex-flow: row wrap;
	gap: 0 30px;
}
.no_javascript #tmp_wrapper #tmp_kids_event .splide__slide,
#tmp_kids_event .splide.no-splide .splide__slide{
	margin-bottom: 30px;
	width: calc((100%/3) - 20px);
}
.no_javascript #tmp_wrapper #tmp_kids_event .btn_default,
#tmp_kids_event .splide.no-splide + .btn_default{
	top: 0;
	margin: 40px auto;
}
.no_javascript #tmp_wrapper #tmp_kids_event .btn_default p,
#tmp_kids_event .splide.no-splide + .btn_default p{
	padding-left: 0;
}