<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/***************************************************************************************
------------------------------
PC ONLY
------------------------------
*****************************/

@media screen and (min-width:600px) {
  .tb_only, .sp_only, .pc_none, .pctb_none {
    display: none !important;
  }
  #wrapper {
    min-width: 1280px;
    overflow: hidden;
  }
  .inner_pc {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .inner {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .inner02 {
    width: 850px;
    padding: 0;
  }
  .inner.inner03 {
    width: 1000px;
    padding: 0;
  }
  .inner.inner04 {
    width: 920px;
    padding: 0;
  }
  .inner.inner05 {
    width: 1080px;
    padding: 0;
  }
  .inner.inner--feature {
    padding: 20px 40px 0px;
  }
  .pc_tac {
    text-align: center;
  }
  .ahover{
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  .ahover:hover{
    opacity: 0.6;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  /*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
カテゴリ
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  .btn a:hover, .mod_label_panel a:hover, .txt_link:hover, .btn.btn_color a:hover, a:hover .btn_style_in {
    -webkit-box-shadow: 0 3px 0 #14873d;
    /*ノーマルカラー*/
    -moz-box-shadow: 0 3px 0 #14873d;
    /*ノーマルカラー*/
    box-shadow: 0 3px 0 #14873d;
    /*ノーマルカラー*/
  }
  .btn.btn_color a:hover, a:hover .btn_style_in {
    border-color: #004619;
    /*濃カラー*/
  }
  .btn.btn_color a:hover, a:hover .btn_style_in, input[type="submit"]:hover {
    -webkit-box-shadow: 0 3px 0 #004619;
    /*濃カラー*/
    -moz-box-shadow: 0 3px 0 #004619;
    /*濃カラー*/
    box-shadow: 0 3px 0 #004619;
    /*濃カラー*/
  }
  .btn.btn_color a:hover, a:hover .btn_style_in, .page_cat a:hove {
    background-color: #4a9624;
    /*中間カラー*/
  }
  .btn.btn_color a:hover, a:hover .btn_style_inr {
    border-color: #4a9624;
    /*中間カラー*/
  }
  .btn a:hover, a:hover .btn_style {
    background-color: #e3feed;
    /*薄カラー*/
  }
  /*++++++++++++++++++++++++++++
jiyuu_area
++++++++++++++++++++++++++++*/
  .jiyuu_area .btn a:hover, .jiyuu_area .mod_label_panel a:hover, .jiyuu_area .txt_link:hover, .jiyuu_area .btn.btn_color a:hover, .jiyuu_area a:hover .btn_style_in {
    -webkit-box-shadow: 0 3px 0 #1f9fdc;
    /*ノーマルカラー*/
    -moz-box-shadow: 0 3px 0 #1f9fdc;
    /*ノーマルカラー*/
    box-shadow: 0 3px 0 #1f9fdc;
    /*ノーマルカラー*/
  }
  .jiyuu_area .btn.btn_color a:hover, .jiyuu_area a:hover .btn_style_in {
    border-color: #005c77;
    /*濃カラー*/
  }
  .jiyuu_area .btn.btn_color a:hover, .jiyuu_area a:hover .btn_style_in, .jiyuu_area input[type="submit"]:hover {
    -webkit-box-shadow: 0 3px 0 #005c77;
    /*濃カラー*/
    -moz-box-shadow: 0 3px 0 #005c77;
    /*濃カラー*/
    box-shadow: 0 3px 0 #005c77;
    /*濃カラー*/
  }
  .jiyuu_area .btn.btn_color a:hover, .jiyuu_area a:hover .btn_style_in, .jiyuu_area .page_cat a:hover {
    background-color: #2ebde8;
    /*中間カラー*/
  }
  .jiyuu_area .btn.btn_color a:hover, .jiyuu_area a:hover .btn_style_in {
    border-color: #2ebde8;
    /*中間カラー*/
  }
  .jiyuu_area .btn a:hover, .jiyuu_area a:hover .btn_style {
    background-color: #f0faff;
    /*薄カラー*/
  }
  /*++++++++++++++++++++++++++++
kagaku_area
++++++++++++++++++++++++++++*/
  .kagaku_area .btn a:hover, .kagaku_area .mod_label_panel a:hover, .kagaku_area .txt_link:hover, .kagaku_area .btn.btn_color a:hover, .kagaku_area a:hover .btn_style_in {
    -webkit-box-shadow: 0 3px 0 #00b41e;
    /*ノーマルカラー*/
    -moz-box-shadow: 0 3px 0 #00b41e;
    /*ノーマルカラー*/
    box-shadow: 0 3px 0 #00b41e;
    /*ノーマルカラー*/
  }
  .kagaku_area .btn.btn_color a:hover, .kagaku_area a:hover .btn_style_in {
    border-color: #017214;
    /*濃カラー*/
  }
  .kagaku_area .btn.btn_color a:hover, .kagaku_area a:hover .btn_style_in, .kagaku_area input[type="submit"]:hover {
    -webkit-box-shadow: 0 3px 0 #017214;
    /*濃カラー*/
    -moz-box-shadow: 0 3px 0 #017214;
    /*濃カラー*/
    box-shadow: 0 3px 0 #017214;
    /*濃カラー*/
  }
  .kagaku_area .btn.btn_color a:hover, .kagaku_area a:hover .btn_style_in, .kagaku_area .page_cat a:hover {
    background-color: #4ed666;
    /*中間カラー*/
  }
  .kagaku_area .btn.btn_color a:hover, .kagaku_area a:hover .btn_style_in {
    border-color: #4ed666;
    /*中間カラー*/
  }
  .kagaku_area .btn a:hover, .kagaku_area a:hover .btn_style {
    background-color: #ebffdc;
    /*薄カラー*/
  }
  /*++++++++++++++++++++++++++++
shinro_area
++++++++++++++++++++++++++++*/
  .shinro_area .btn a:hover, .shinro_area .mod_label_panel a:hover, .shinro_area .txt_link:hover, .shinro_area .btn.btn_color a:hover, .shinro_area a:hover .btn_style_in {
    -webkit-box-shadow: 0 3px 0 #f5910a;
    /*ノーマルカラー*/
    -moz-box-shadow: 0 3px 0 #f5910a;
    /*ノーマルカラー*/
    box-shadow: 0 3px 0 #f5910a;
    /*ノーマルカラー*/
  }
  .shinro_area .btn.btn_color a:hover, .shinro_area a:hover .btn_style_in {
    border-color: #964500;
    /*濃カラー*/
  }
  .shinro_area .btn.btn_color a:hover, .shinro_area a:hover .btn_style_in, .shinro_area input[type="submit"]:hover {
    -webkit-box-shadow: 0 3px 0 #964500;
    /*濃カラー*/
    -moz-box-shadow: 0 3px 0 #964500;
    /*濃カラー*/
    box-shadow: 0 3px 0 #964500;
    /*濃カラー*/
  }
  .shinro_area .btn.btn_color a:hover, .shinro_area a:hover .btn_style_in, .shinro_area .page_cat a:hover {
    background-color: #f3a843;
    /*中間カラー*/
  }
  .shinro_area .btn.btn_color a:hover, .shinro_area a:hover .btn_style_in {
    border-color: #f3a843;
    /*中間カラー*/
  }
  .shinro_area .btn a:hover, .shinro_area a:hover .btn_style {
    background-color: #fff5eb;
    /*薄カラー*/
  }
  /*++++++++++++++++++++++++++++
himitsu_area
++++++++++++++++++++++++++++*/
  .himitsu_area .btn a:hover, .himitsu_area .mod_label_panel a:hover, .himitsu_area .txt_link:hover, .himitsu_area .btn.btn_color a:hover, .himitsu_area a:hover .btn_style_in {
    -webkit-box-shadow: 0 3px 0 #e66d5f;
    /*ノーマルカラー*/
    -moz-box-shadow: 0 3px 0 #e66d5f;
    /*ノーマルカラー*/
    box-shadow: 0 3px 0 #e66d5f;
    /*ノーマルカラー*/
  }
  .himitsu_area .btn.btn_color a:hover, .himitsu_area a:hover .btn_style_in {
    border-color: #982f22;
    /*濃カラー*/
  }
  .himitsu_area .btn.btn_color a:hover, .himitsu_area a:hover .btn_style_in, .himitsu_area input[type="submit"]:hover {
    -webkit-box-shadow: 0 3px 0 #982f22;
    /*濃カラー*/
    -moz-box-shadow: 0 3px 0 #982f22;
    /*濃カラー*/
    box-shadow: 0 3px 0 #982f22;
    /*濃カラー*/
  }
  .himitsu_area .btn.btn_color a:hover, .himitsu_area a:hover .btn_style_in, .himitsu_area .page_cat a:hover {
    background-color: #F69285;
    /*中間カラー*/
  }
  .himitsu_area .btn.btn_color a:hover, .himitsu_area a:hover .btn_style_in {
    border-color: #F69285;
    /*中間カラー*/
  }
  .himitsu_area .btn a:hover, .himitsu_area a:hover .btn_style {
    background-color: #fff5f5;
    /*薄カラー*/
  }
  /*++++++++++++++++++++++++++++
factory_area
++++++++++++++++++++++++++++*/
  .factory_area .btn a:hover, .factory_area .mod_label_panel a:hover, .factory_area .txt_link:hover, .factory_area .btn.btn_color a:hover, .factory_area a:hover .btn_style_in {
    -webkit-box-shadow: 0 3px 0 #ab68c3;
    /*ノーマルカラー*/
    -moz-box-shadow: 0 3px 0 #ab68c3;
    /*ノーマルカラー*/
    box-shadow: 0 3px 0 #ab68c3;
    /*ノーマルカラー*/
  }
  .factory_area .btn.btn_color a:hover, .factory_area a:hover .btn_style_in {
    border-color: #6f3186;
    /*濃カラー*/
  }
  .factory_area .btn.btn_color a:hover, .factory_area a:hover .btn_style_in, .factory_area input[type="submit"]:hover {
    -webkit-box-shadow: 0 3px 0 #6f3186;
    /*濃カラー*/
    -moz-box-shadow: 0 3px 0 #6f3186;
    /*濃カラー*/
    box-shadow: 0 3px 0 #6f3186;
    /*濃カラー*/
  }
  .factory_area .btn.btn_color a:hover, .factory_area a:hover .btn_style_in, .factory_area .page_cat a:hover {
    background-color: #aa69c3;
    /*中間カラー*/
  }
  .factory_area .btn.btn_color a:hover, .factory_area a:hover .btn_style_in {
    border-color: #aa69c3;
    /*中間カラー*/
  }
  .factory_area .btn a:hover, .factory_area a:hover .btn_style {
    background-color: #f5f0fa;
    /*薄カラー*/
  }
  /*++++++++++++++++++++++++++++
jiten_area
++++++++++++++++++++++++++++*/
  .jiten_area .btn a:hover, .jiten_area .mod_label_panel a:hover, .jiten_area .txt_link:hover, .jiten_area .btn.btn_color a:hover, .jiten_area a:hover .btn_style_in {
    -webkit-box-shadow: 0 3px 0 #4a5ed2;
    /*ノーマルカラー*/
    -moz-box-shadow: 0 3px 0 #4a5ed2;
    /*ノーマルカラー*/
    box-shadow: 0 3px 0 #4a5ed2;
    /*ノーマルカラー*/
  }
  .jiten_area .btn.btn_color a:hover, .jiten_area a:hover .btn_style_in {
    border-color: #1e2d82;
    /*濃カラー*/
  }
  .jiten_area .btn.btn_color a:hover, .jiten_area a:hover .btn_style_in, .jiten_area input[type="submit"]:hover {
    -webkit-box-shadow: 0 3px 0 #1e2d82;
    /*濃カラー*/
    -moz-box-shadow: 0 3px 0 #1e2d82;
    /*濃カラー*/
    box-shadow: 0 3px 0 #1e2d82;
    /*濃カラー*/
  }
  .jiten_area .btn.btn_color a:hover, .jiten_area a:hover .btn_style_in, .jiten_area .page_cat a:hover {
    background-color: #6578e3;
    /*中間カラー*/
  }
  .jiten_area .btn.btn_color a:hover, .jiten_area a:hover .btn_style_in {
    border-color: #6578e3;
    /*中間カラー*/
  }
  .jiten_area .btn a:hover, .jiten_area a:hover .btn_style {
    background-color: #ebf0fa;
    /*薄カラー*/
  }
  /*++++++++++++++++++++++++++++
parents_area
++++++++++++++++++++++++++++*/
  .parents_area .btn a:hover, .parents_area .mod_label_panel a:hover, .parents_area .txt_link:hover, .parents_area .btn.btn_color a:hover, .parents_area a:hover .btn_style_in {
    -webkit-box-shadow: 0 3px 0 #f091aa;
    /*ノーマルカラー*/
    -moz-box-shadow: 0 3px 0 #f091aa;
    /*ノーマルカラー*/
    box-shadow: 0 3px 0 #f091aa;
    /*ノーマルカラー*/
  }
  .parents_area .btn.btn_color a:hover, .parents_area a:hover .btn_style_in {
    border-color: #ac2145;
    /*濃カラー*/
  }
  .parents_area .btn.btn_color a:hover, .parents_area a:hover .btn_style_in, .parents_area input[type="submit"]:hover {
    -webkit-box-shadow: 0 3px 0 #ac2145;
    /*濃カラー*/
    -moz-box-shadow: 0 3px 0 #ac2145;
    /*濃カラー*/
    box-shadow: 0 3px 0 #ac2145;
    /*濃カラー*/
  }
  .parents_area .btn.btn_color a:hover, .parents_area a:hover .btn_style_in, .parents_area .page_cat a:hover {
    background-color: #FBB6C8;
    /*中間カラー*/
  }
  .parents_area .btn.btn_color a:hover, .parents_area a:hover .btn_style_in {
    border-color: #FBB6C8;
    /*中間カラー*/
  }
  .parents_area .btn a:hover, .parents_area a:hover .btn_style {
    background-color: #fff5f5;
    /*薄カラー*/
  }
  a, .slider .slick-dots li button {
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  .mod_imglayout a:hover img {
    opacity: 0.6;
    transition: 0.5s ease;
  }
  .btn a:hover, .mod_label_panel a:hover, .a:hover .btn_style, .page_cat a:hover {
    transition: 0.5s ease;
  }
  
.btn_preparation a:hover {
    margin-bottom: 5px !important;
}
  .post_page .article_con a, .page_type .article a, .txt_link, .sitemap_404 ul a {
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  .post_page .article_con a:hover, .page_type .article a:hover, .txt_link:hover, .sitemap_404 ul a:hover {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  
  .post_page .article_con .btn a:hover, .page_type .article .btn a:hover, .post_page .page_tag.btn a:hover, .txt_link:hover {
    text-decoration: none;
    margin-bottom: 3px;
  }
  .post_page .article_con .btn a:hover, .post_page .article.btn a:hover {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
  }
  .post_page .article_con .link_normal a:hover, .page_type .article .link_normal a:hover {
    background: none;
    opacity: 1;
  }
  .slider .slick-dots li button:hover {
    text-decoration: none;
    opacity: 0.3;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  .mod_img_panel a:hover, .mod_btn_panel a:hover {
    opacity: 1;
  }
  .mod_img_panel a:hover .txt {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 71%, #ffff00 0%) repeat scroll 0 0px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  .mod_label_panel a:hover, .mod_label_panel a:hover .btn_style {
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    margin-bottom: 3px;
  }
  .mod_flow a img, .mod_btn_panel a img, .mod_chart .refresh a img {
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  .mod_flow a:hover img, .mod_btn_panel a:hover img, .mod_chart .refresh a:hover img {
    opacity: 0.6;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  .mod_chart .refresh a:hover {
    color: #000;
  }
  .mod_movie_box_w {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
  }
  .btn a:hover, a:hover .btn_style, input[type="submit"]:hover, .btn input:hover, a:hover .btn_style, .mod_label_panel a:hover, .mod_label_panel a:hover .btn_style_in, input[type="submit"]:hover {
    opacity: 1;
    text-decoration: none;
    margin-top: 2px;
    margin-bottom: 3px;
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
  }
  nav .kidsnet_nav .kidsnet_nav_search .search_submit:hover {
    top: -3px;
    -webkit-box-shadow: 0 3px 0 #14873d;
    -moz-box-shadow: 0 3px 0 #14873d;
    box-shadow: 0 3px 0 #14873d;
  }
  .btn a:hover .txt_link {
    text-decoration: none;
    opacity: 0.6;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  nav .kidsnet_nav a:hover,
  .mod_ranking li a:hover {
  opacity: 0.6;
  }
  .mod_label_panel.col_03 .col_in:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
margin-top:20px;
}
header .logo img {
  max-width: 200px;
}
.mod_imglayout_himitsu a figure {
    overflow: hidden;
    position: relative;
    height: 390px;
    background: #fff;
}

.mod_imglayout_himitsu a img {
    max-width: inherit;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.feed_item_img {
  transition: 0.3s;
}

.feed_item_img:hover {
  opacity: 0.7;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
TOPアニメーション
________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
@-webkit-keyframes jiyuu_left {
  from {
    left: 0;
  }
  to {
    left: -40%;
  }
}

@keyframes jiyuu_left {
  from {
    left: 0;
  }
  to {
    left: -40%;
  }
}

@-webkit-keyframes jiyuu_right {
  from {
    right: 0;
  }
  to {
    right: -40%;
  }
}

@keyframes jiyuu_right {
  from {
    right: 0;
  }
  to {
    right: -40%;
  }
}

}</pre></body></html>