<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*
Theme Name: 学研キッズネット
Description: 学研キッズネット専用テーマ
Author: 株式会社ワン・パブリッシング
Author URI: https://one-publishing.co.jp/
Version: 1.0.0
*/
/*
$content-width: 1000px;
$content-width-lg: 1200px;
$content-width-sm: 100%;
$content-width-xs: 100%;
*/
/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
カテゴリ
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*++++++++++++++++++++++++++++
jiyuu_area
++++++++++++++++++++++++++++*/
.jiyuu_area .cat_header {
  background: #f5910a;
}

.jiyuu_area .txtf, .jiyuu_area .page_lead02, .jiyuu_area .con_lead, .jiyuu_area .breadcrumb li a:hover, .jiyuu_area .level_01, .jiyuu_area .level_03, .jiyuu_area .jiyuu_area.post_page .article_con h3, .jiyuu_area table.table_step th, .jiyuu_area .maincat_tl .txt, .jiyuu_area .page_tl .cat_name, .jiyuu_area .level_02_big, .jiyuu_area .level_02_simple, .jiyuu_area .level_03_simple, .jiyuu_area .level_type_02, .jiyuu_area .level_special_02, .jiyuu_area .level_fukidashi_txt, .jiyuu_area .level_02, .jiyuu_area .jiyuu_area.post_page .article_con h2, .jiyuu_area table.calendar_block .date_num, .jiyuu_area table.calendar_block .moon, .jiyuu_area .page_cat ul, .jiyuu_area .mod_label_panel_03 figure + dl &gt; dt, .jiyuu_area .mod_icon_panel a, .jiyuu_area .mod_btnbannerimg li a, .jiyuu_area .mod_btnbanner_noimg .tl, .jiyuu_area .mod_flow &gt; li dl:first-of-type dt, .jiyuu_area .mod_chart .copy, .jiyuu_area .mod_chart .refresh a, .jiyuu_area .catpage_mv .tl, .big_bnr .tl, .jiyuu_area .mod_icon_block .tl, nav .kidsnet_nav &gt; li:nth-of-type(1) a {
  color: #00aadc;
}

.jiyuu_area .breadcrumb .breadcrumb_page, .jiyuu_area .tl_point em, .jiyuu_area .level_03:before, .jiyuu_area .jiyuu_area.post_page .article_con h3:before, .jiyuu_area .radio_label input[type=radio] + .radio_parts:after, .jiyuu_area .btn.btn_color a, .jiyuu_area .btn.btn_color input, .jiyuu_area table.calendar_block thead th, .jiyuu_area .fukidashi_comment:before, .jiyuu_area .fukidashi_comment:after, .jiyuu_area .page_cat a, .jiyuu_area .mod_flow &gt; li dl:first-of-type dt:before, .jiyuu_area .mod_book_buy .attention:before, .jiyuu_area .mod_img_panel .img, .jiyuu_area .btn_style_in, .jiyuu_area .mod_ranking_no, nav .kidsnet_nav li:nth-of-type(1) .parent:before, nav .kidsnet_nav li:nth-of-type(1) .parent:after {
  background-color: #00aadc;
}

.jiyuu_area .pager ul .cr a {
  background: #2ebde8;
}

.jiyuu_area .kakomi_border, .jiyuu_area input[type=text], .jiyuu_area .breadcrumb a, .jiyuu_area .breadcrumb .breadcrumb_page, .jiyuu_area .radio_label input[type=radio] + .radio_parts, .jiyuu_area .radio_label input[type=radio]:checked + .radio_parts:before, .jiyuu_area .variation_circle li, .jiyuu_area table, .jiyuu_area .btn a, .jiyuu_area input[type=submit], .jiyuu_area .btn_style .in, .jiyuu_area .fukidashi_comment p, .jiyuu_area .page_cat a, .jiyuu_area .mod_dotblock, .jiyuu_area .mod_labelimg .col_in .img, .jiyuu_area .mod_person, .jiyuu_area .mod_img_panel .img, .jiyuu_area .mod_label_panel a, .jiyuu_area .btn_style_in, .jiyuu_area .mod_flow &gt; li .con_wrap, .jiyuu_area .big_bnr:before {
  border-color: #00aadc;
}

.jiyuu_area .breadcrumb li + li:before, .jiyuu_area .level_02 a:before, .jiyuu_area .jiyuu_area.post_page .article_con h2 a:before, .jiyuu_area .link_arrow a:before {
  border-top-color: #00aadc;
}

.jiyuu_area .breadcrumb li + li:before, .jiyuu_area .level_02 a:before, .jiyuu_area .jiyuu_area.post_page .article_con h2 a:before, .jiyuu_area .link_arrow a:before {
  border-right-color: #00aadc;
}

.jiyuu_area .level_02, .jiyuu_area .jiyuu_area.post_page .article_con h2, .jiyuu_area table thead th, .jiyuu_area table tbody th, .jiyuu_area table tbody td, .jiyuu_area .mod_flow &gt; li dl {
  border-bottom-color: #00aadc;
}

.jiyuu_area table tbody &gt; tr &gt; td:not(:first-child) {
  border-left-color: #00aadc;
}

.jiyuu_area .btn a, .jiyuu_area input[type=submit], .jiyuu_area .btn_style .in, .jiyuu_area .mod_img_panel .img, .jiyuu_area .mod_label_panel a, .jiyuu_area .mod_flow &gt; li .con_wrap, .jiyuu_area .big_bnr:before {
  -webkit-box-shadow: 0 5px 0 #00aadc;
  box-shadow: 0 5px 0 #00aadc;
}

.jiyuu_area .btn.btn_color a, .jiyuu_area .btn_style_in, .jiyuu_area .btn.btn_color input {
  -webkit-box-shadow: 0 5px 0 #005c77;
  box-shadow: 0 5px 0 #005c77;
  background: #00aadc;
}

.jiyuu_area a {
  color: #f5910a;
}

.jiyuu_area .txtf02 {
  color: #fff000;
}

.jiyuu_area .pager .cr a, .jiyuu_area .radio_label input[type=radio]:checked + .radio_parts {
  background-color: #ffff00;
}

.jiyuu_area table.calendar_block tbody tr:nth-child(2n) td, .jiyuu_area .mod_note_block, .jiyuu_area th, .jiyuu_area .color_bg, .jiyuu_area .breadcrumb li a:hover {
  background: #f0faff;
}

/*++++++++++++++++++++++++++++
kagaku_area
++++++++++++++++++++++++++++*/
.kagaku_area a, .kagaku_area .txtf, .kagaku_area .page_lead02, .kagaku_area .con_lead, .kagaku_area .breadcrumb li a:hover, .kagaku_area .level_01, .kagaku_area .level_03, .kagaku_area.post_page .article_con h3, .kagaku_area table.table_step th, .kagaku_area .maincat_tl .txt, .kagaku_area .page_tl .cat_name, .kagaku_area .level_02_big, .kagaku_area .level_02_simple, .kagaku_area .level_03_simple, .kagaku_area .level_type_02, .kagaku_area .level_special_02, .kagaku_area .level_fukidashi_txt, .kagaku_area .level_02, .kagaku_area.post_page .article_con h2, .kagaku_area table.calendar_block .date_num, .kagaku_area table.calendar_block .moon, .kagaku_area .page_cat ul, .kagaku_area .mod_label_panel_03 figure + dl &gt; dt, .kagaku_area .mod_icon_panel a, .kagaku_area .mod_btnbannerimg li a, .kagaku_area .mod_btnbanner_noimg .tl, .kagaku_area .mod_flow &gt; li dl:first-of-type dt, .kagaku_area .mod_chart .copy, .kagaku_area .mod_chart .refresh a, .kagaku_area .catpage_mv .tl, .kagaku_area .big_bnr .tl, .kagaku_area .mod_icon_block .tl, nav .kidsnet_nav &gt; li:nth-of-type(2) a {
  color: #00b41e;
}

.kagaku_area .header_child_list li, .kagaku_area .cat_header, .kagaku_area .breadcrumb .breadcrumb_page, .kagaku_area .tl_point em, .kagaku_area .level_03:before, .kagaku_area.post_page .article_con h3:before, .kagaku_area .radio_label input[type=radio] + .radio_parts:after, .kagaku_area .btn.btn_color a, .kagaku_area .btn.btn_color input, .kagaku_area table.calendar_block thead th, .kagaku_area .fukidashi_comment:before, .kagaku_area .fukidashi_comment:after, .kagaku_area .page_cat a, .kagaku_area .mod_flow &gt; li dl:first-of-type dt:before, .kagaku_area .mod_book_buy .attention:before, .kagaku_area .mod_img_panel .img, .kagaku_area .btn_style_in, .kagaku_area .mod_ranking_no, nav .kidsnet_nav &gt; li:nth-of-type(2) .parent:before, nav .kidsnet_nav &gt; li:nth-of-type(2) .parent:after, .kidsnet_nav &gt; li:nth-of-type(2) .parent .parent:before, nav .kidsnet_nav &gt; li:nth-of-type(2) .parent .parent:after {
  background-color: #00b41e;
}

.kagaku_area .pager ul .cr a {
  background: #4ed666;
}

.kagaku_area .kakomi_border, .kagaku_area input[type=text], .kagaku_area .breadcrumb a, .kagaku_area .breadcrumb .breadcrumb_page, .kagaku_area .radio_label input[type=radio] + .radio_parts, .kagaku_area .radio_label input[type=radio]:checked + .radio_parts:before, .kagaku_area .variation_circle li, .kagaku_area table, .kagaku_area .btn a, .kagaku_area input[type=submit], .kagaku_area .btn_style .in, .kagaku_area .fukidashi_comment p, .kagaku_area .page_cat a, .kagaku_area .mod_dotblock, .kagaku_area .mod_labelimg .col_in .img, .kagaku_area .mod_person, .kagaku_area .mod_img_panel .img, .kagaku_area .mod_label_panel a, .kagaku_area .btn_style_in, .kagaku_area .mod_flow &gt; li .con_wrap, .kagaku_area .big_bnr:before {
  border-color: #00b41e;
}

.kagaku_area .breadcrumb li + li:before, .kagaku_area .level_02 a:before, .kagaku_area.post_page .article_con h2 a:before, .kagaku_area .link_arrow li a:before {
  border-top-color: #00b41e;
}

.kagaku_area .breadcrumb li + li:before, .kagaku_area .level_02 a:before, .kagaku_area.post_page .article_con h2 a:before, .kagaku_area .link_arrow li a:before {
  border-right-color: #00b41e;
}

.kagaku_area .level_02, .kagaku_area.post_page .article_con h2, .kagaku_area table thead th, .kagaku_area table tbody th, .kagaku_area table tbody td, .kagaku_area .mod_flow &gt; li dl {
  border-bottom-color: #00b41e;
}

.kagaku_area table tbody &gt; tr &gt; td:not(:first-child) {
  border-left-color: #00b41e;
}

.kagaku_area .btn a, .kagaku_area input[type=submit], .kagaku_area .btn_style .in, .kagaku_area .mod_img_panel .img, .kagaku_area .mod_label_panel a, .kagaku_area .mod_flow &gt; li .con_wrap, .kagaku_area .big_bnr:before {
  -webkit-box-shadow: 0 5px 0 #00b41e;
  box-shadow: 0 5px 0 #00b41e;
}

.kagaku_area .btn.btn_color a, .kagaku_area .btn_style_in, .kagaku_area .btn.btn_color input {
  -webkit-box-shadow: 0 5px 0 #017214;
  box-shadow: 0 5px 0 #017214;
}

.kagaku_area .txtf02 {
  color: #fff000;
}

.kagaku_area .pager .cr a, .kagaku_area .radio_label input[type=radio]:checked + .radio_parts {
  background-color: #ffff00;
}

.kagaku_area table.calendar_block tbody tr:nth-child(2n) td, .kagaku_area .mod_note_block, .kagaku_area th, .kagaku_area .color_bg, .kagaku_area .breadcrumb li a:hover {
  background: #ebffdc;
}

.kagaku_area .maincat_tl .txt {
  color: #00b41e;
}

.kagaku_area .level_type_02 {
  color: #00b41e;
}

.kagaku_area .mod_icon_panel a {
  border-color: #00b41e;
  -webkit-box-shadow: 0 5px 0 #00b41e;
  box-shadow: 0 5px 0 #00b41e;
  color: #00b41e;
}

.kagaku_area .mod_btnbanner_noimg a {
  border-color: #00b41f;
  -webkit-box-shadow: 0 5px 0 #00b41f;
  box-shadow: 0 5px 0 #00b41f;
}

.kagaku_area .mod_btnbanner_noimg .tl {
  color: #00b41f;
}

.kagaku_area .breadcrumb li:nth-child(2) a:before {
  background-image: url(../../assets/images/navicon_kagaku.png);
}

.kagaku_area .big_bnr:before {
  background-image: url(../../assets/images/big_bnr_bg_kagaku.png);
}

/*++++++++++++++++++++++++++++
shinro_area
++++++++++++++++++++++++++++*/
.shinro_area a, .shinro_area .txtf, .shinro_area .page_lead02, .shinro_area .con_lead, .shinro_area .breadcrumb li a:hover, .shinro_area .level_01, .shinro_area .level_03, .shinro_area.post_page .article_con h3, .shinro_area table.table_step th, .shinro_area .maincat_tl .txt, .shinro_area .page_tl .cat_name, .shinro_area .level_02_big, .shinro_area .level_02_simple, .shinro_area .level_03_simple, .shinro_area .level_type_02, .shinro_area .level_special_02, .shinro_area .level_fukidashi_txt, .shinro_area .level_02, .shinro_area.post_page .article_con h2, .shinro_area table.calendar_block .date_num, .shinro_area table.calendar_block .moon, .shinro_area .page_cat ul, .shinro_area .mod_label_panel_03 figure + dl &gt; dt, .shinro_area .mod_icon_panel a, .shinro_area .mod_btnbannerimg li a, .shinro_area .mod_btnbanner_noimg .tl, .shinro_area .mod_flow &gt; li dl:first-of-type dt, .shinro_area .mod_chart .copy, .shinro_area .mod_chart .refresh a, .shinro_area .catpage_mv .tl, .shinro_area .big_bnr .tl, .shinro_area .mod_icon_block .tl, nav .kidsnet_nav &gt; li:nth-of-type(3) a {
  color: #f5910a;
}

.shinro_area .header_child_list li, .shinro_area .cat_header, .shinro_area .breadcrumb .breadcrumb_page, .shinro_area .tl_point em, .shinro_area .level_03:before, .shinro_area.post_page .article_con h3:before, .shinro_area .radio_label input[type=radio] + .radio_parts:after, .shinro_area .btn.btn_color a, .shinro_area .btn.btn_color input, .shinro_area table.calendar_block thead th, .shinro_area .fukidashi_comment:before, .shinro_area .fukidashi_comment:after, .shinro_area .page_cat a, .shinro_area .mod_flow &gt; li dl:first-of-type dt:before, .shinro_area .mod_book_buy .attention:before, .shinro_area .mod_img_panel .img, .shinro_area .btn_style_in, .shinro_area .mod_ranking_no, nav .kidsnet_nav &gt; li:nth-of-type(3) .parent:before, nav .kidsnet_nav &gt; li:nth-of-type(3) .parent:after, nav .kidsnet_nav &gt; li:nth-of-type(3) .parent .parent:before, nav .kidsnet_nav &gt; li:nth-of-type(3) .parent .parent:after {
  background-color: #f5910a;
}

.shinro_area .pager ul .cr a {
  background: #f3a843;
}

.shinro_area .kakomi_border, .shinro_area input[type=text], .shinro_area .breadcrumb a, .shinro_area .breadcrumb .breadcrumb_page, .shinro_area .radio_label input[type=radio] + .radio_parts, .shinro_area .radio_label input[type=radio]:checked + .radio_parts:before, .shinro_area .variation_circle li, .shinro_area table, .shinro_area .btn a, .shinro_area input[type=submit], .shinro_area .btn_style .in, .shinro_area .fukidashi_comment p, .shinro_area .page_cat a, .shinro_area .mod_dotblock, .shinro_area .mod_labelimg .col_in .img, .shinro_area .mod_person, .shinro_area .mod_img_panel .img, .shinro_area .mod_label_panel a, .shinro_area .btn_style_in, .shinro_area .mod_flow &gt; li .con_wrap, .shinro_area .big_bnr:before {
  border-color: #f5910a;
}

.shinro_area .breadcrumb li + li:before, .shinro_area .level_02 a:before, .shinro_area.post_page .article_con h2 a:before, .shinro_area .link_arrow li a:before {
  border-top-color: #f5910a;
}

.shinro_area .breadcrumb li + li:before, .shinro_area .level_02 a:before, .shinro_area.post_page .article_con h2 a:before, .shinro_area .link_arrow li a:before {
  border-right-color: #f5910a;
}

.shinro_area .level_02, .shinro_area.post_page .article_con h2, .shinro_area table thead th, .shinro_area table tbody th, .shinro_area table tbody td, .shinro_area .mod_flow &gt; li dl {
  border-bottom-color: #f5910a;
}

.shinro_area table tbody &gt; tr &gt; td:not(:first-child) {
  border-left-color: #f5910a;
}

.shinro_area .btn a, .shinro_area input[type=submit], .shinro_area .btn_style .in, .shinro_area .mod_img_panel .img, .shinro_area .mod_label_panel a, .shinro_area .mod_flow &gt; li .con_wrap, .shinro_area .big_bnr:before {
  -webkit-box-shadow: 0 5px 0 #f5910a;
  box-shadow: 0 5px 0 #f5910a;
}

.shinro_area .btn.btn_color a, .shinro_area .btn_style_in, .shinro_area .btn.btn_color input {
  -webkit-box-shadow: 0 5px 0 #964500;
  box-shadow: 0 5px 0 #964500;
}

.shinro_area a {
  color: #f5910a;
}

.shinro_area .txtf02 {
  color: #fff000;
}

.shinro_area .pager .cr a, .shinro_area .radio_label input[type=radio]:checked + .radio_parts {
  background-color: #ffff00;
}

.shinro_area table.calendar_block tbody tr:nth-child(2n) td, .shinro_area .mod_note_block, .shinro_area th, .shinro_area .color_bg, .shinro_area .breadcrumb li a:hover {
  background: #fff5eb;
}

.shinro_area .maincat_tl .txt {
  color: #f5910a;
}

.shinro_area .level_type_02 {
  color: #f5910a;
}

.shinro_area .mod_label_panel a {
  border-color: #f5910a;
  -webkit-box-shadow: 0 5px 0 #f5910a;
  box-shadow: 0 5px 0 #f5910a;
}

.shinro_area .mod_btnbanner_noimg a {
  border-color: #f5910a;
  -webkit-box-shadow: 0 5px 0 #f5910a;
  box-shadow: 0 5px 0 #f5910a;
}

.shinro_area .mod_btnbanner_noimg .tl {
  color: #f5910a;
}

.shinro_area .breadcrumb li:nth-child(2) a:before {
  background-image: url(../../assets/images/navicon_shinro.png);
}

.shinro_area .catpage_mv {
  background-image: url(../../assets/images/shinro/mv.png);
}

/*++++++++++++++++++++++++++++
himitsu_area
++++++++++++++++++++++++++++*/
.himitsu_area a, .himitsu_area .txtf, .himitsu_area .page_lead02, .himitsu_area .con_lead, .himitsu_area .breadcrumb li a:hover, .himitsu_area .level_01, .himitsu_area .level_03, .himitsu_area.post_page .article_con h3, .himitsu_area table.table_step th, .himitsu_area .maincat_tl .txt, .himitsu_area .page_tl .cat_name, .himitsu_area .level_02_big, .himitsu_area .level_02_simple, .himitsu_area .level_03_simple, .himitsu_area .level_type_02, .himitsu_area .level_special_02, .himitsu_area .level_fukidashi_txt, .himitsu_area .level_02, .himitsu_area.post_page .article_con h2, .himitsu_area table.calendar_block .date_num, .himitsu_area table.calendar_block .moon, .himitsu_area .page_cat ul, .himitsu_area .mod_label_panel_03 figure + dl &gt; dt, .himitsu_area .mod_icon_panel a, .himitsu_area .mod_btnbannerimg li a, .himitsu_area .mod_btnbanner_noimg .tl, .himitsu_area .mod_flow &gt; li dl:first-of-type dt, .himitsu_area .mod_chart .copy, .himitsu_area .mod_chart .refresh a, .himitsu_area .catpage_mv .tl, .himitsu_area .big_bnr .tl, .himitsu_area .mod_icon_block .tl, nav .kidsnet_nav &gt; li:nth-of-type(4) a {
  color: #e66e5f;
}

.himitsu_area .header_child_list li, .himitsu_area .cat_header, .himitsu_area .breadcrumb .breadcrumb_page, .himitsu_area .tl_point em, .himitsu_area .level_03:before, .himitsu_area.post_page .article_con h3:before, .himitsu_area .radio_label input[type=radio] + .radio_parts:after, .himitsu_area .btn.btn_color a, .himitsu_area .btn.btn_color input, .himitsu_area table.calendar_block thead th, .himitsu_area .fukidashi_comment:before, .himitsu_area .fukidashi_comment:after, .himitsu_area .page_cat a, .himitsu_area .mod_flow &gt; li dl:first-of-type dt:before, .himitsu_area .mod_book_buy .attention:before, .himitsu_area .mod_img_panel .img, .himitsu_area .btn_style_in, .himitsu_area .mod_ranking_no, nav .kidsnet_nav &gt; li:nth-of-type(4) .parent:before, nav .kidsnet_nav &gt; li:nth-of-type(4) .parent:after, nav .kidsnet_nav &gt; li:nth-of-type(4) .parent .parent:before, nav .kidsnet_nav &gt; li:nth-of-type(4) .parent .parent:after {
  background-color: #e66e5f;
}

.himitsu_area .pager ul .cr a {
  background: #F69285;
}

.himitsu_area .kakomi_border, .himitsu_area input[type=text], .himitsu_area .breadcrumb a, .himitsu_area .breadcrumb .breadcrumb_page, .himitsu_area .radio_label input[type=radio] + .radio_parts, .himitsu_area .radio_label input[type=radio]:checked + .radio_parts:before, .himitsu_area .variation_circle li, .himitsu_area table, .himitsu_area .btn a, .himitsu_area input[type=submit], .himitsu_area .btn_style .in, .himitsu_area .fukidashi_comment p, .himitsu_area .page_cat a, .himitsu_area .mod_dotblock, .himitsu_area .mod_labelimg .col_in .img, .himitsu_area .mod_person, .himitsu_area .mod_img_panel .img, .himitsu_area .mod_label_panel a, .himitsu_area .btn_style_in, .himitsu_area .mod_flow &gt; li .con_wrap, .himitsu_area .big_bnr:before {
  border-color: #e66e5f;
}

.himitsu_area .breadcrumb li + li:before, .himitsu_area .level_02 a:before, .himitsu_area.post_page .article_con h2 a:before, .himitsu_area .link_arrow li a:before {
  border-top-color: #e66e5f;
}

.himitsu_area .breadcrumb li + li:before, .himitsu_area .level_02 a:before, .himitsu_area.post_page .article_con h2 a:before, .himitsu_area .link_arrow li a:before {
  border-right-color: #e66e5f;
}

.himitsu_area .level_02, .himitsu_area.post_page .article_con h2, .himitsu_area table thead th, .himitsu_area table tbody th, .himitsu_area table tbody td, .himitsu_area .mod_flow &gt; li dl {
  border-bottom-color: #e66e5f;
}

.himitsu_area table tbody &gt; tr &gt; td:not(:first-child) {
  border-left-color: #e66e5f;
}

.himitsu_area .btn a, .himitsu_area input[type=submit], .himitsu_area .btn_style .in, .himitsu_area .mod_img_panel .img, .himitsu_area .mod_label_panel a, .himitsu_area .mod_flow &gt; li .con_wrap, .himitsu_area .big_bnr:before {
  -webkit-box-shadow: 0 5px 0 #e66e5f;
  box-shadow: 0 5px 0 #e66e5f;
}

.himitsu_area .btn.btn_color a, .himitsu_area .btn_style_in, .himitsu_area .btn.btn_color input {
  -webkit-box-shadow: 0 5px 0 #982f22;
  box-shadow: 0 5px 0 #982f22;
}

.himitsu_area a {
  color: #e66e5f;
}

.himitsu_area .txtf02 {
  color: #fff000;
}

.himitsu_area .pager .cr a, .himitsu_area .radio_label input[type=radio]:checked + .radio_parts {
  background-color: #ffff00;
}

.himitsu_area btn.btn_color a:hover {
  background-color: #e66e5f;
}

.himitsu_area table.calendar_block tbody tr:nth-child(2n) td, .himitsu_area .mod_note_block, .himitsu_area th, .himitsu_area .color_bg, .himitsu_area .breadcrumb li a:hover {
  background: #fff5f5;
}

.himitsu_area .maincat_tl .txt {
  color: #e66d5f;
}

.himitsu_area .level_02_big {
  color: #e66d5f;
}

.himitsu_area .level_type_02 {
  color: #e66e5f;
}

.himitsu_area .mod_btnbanner_book a {
  border-color: #e66d5f;
  -webkit-box-shadow: 0 5px 0 #e66d5f;
  box-shadow: 0 5px 0 #e66d5f;
}

.himitsu_area .breadcrumb li:nth-child(2) a:before {
  background-image: url(../../assets/images/navicon_himitsu.png);
}

.himitsu_area .catpage_mv {
  background-image: url(../../assets/images/himitsu/mv.png);
}

.himitsu_area .big_bnr:before {
  background-image: url(../../assets/images/big_bnr_bg_himitsu.png);
}

.mod_imglayout_himitsu a figure {
  border: 1px solid #ccc;
}

/*++++++++++++++++++++++++++++
factory_area
++++++++++++++++++++++++++++*/
.factory_area a, .factory_area .txtf, .factory_area .page_lead02, .factory_area .con_lead, .factory_area .breadcrumb li a:hover, .factory_area .level_01, .factory_area .level_03, .factory_area.post_page .article_con h3, .factory_area table.table_step th, .factory_area .maincat_tl .txt, .factory_area .page_tl .cat_name, .factory_area .level_02_big, .factory_area .level_02_simple, .factory_area .level_03_simple, .factory_area .level_type_02, .factory_area .level_special_02, .factory_area .level_fukidashi_txt, .factory_area .level_02, .factory_area.post_page .article_con h2, .factory_area table.calendar_block .date_num, .factory_area table.calendar_block .moon, .factory_area .page_cat ul, .factory_area .mod_label_panel_03 figure + dl &gt; dt, .factory_area .mod_icon_panel a, .factory_area .mod_btnbannerimg li a, .factory_area .mod_btnbanner_noimg .tl, .factory_area .factory_area .mod_flow &gt; li dl:first-of-type dt, .factory_area .mod_chart .copy, .factory_area .mod_chart .refresh a, .factory_area .catpage_mv .tl, .factory_area .big_bnr .tl, .factory_area .mod_icon_block .tl, nav .kidsnet_nav &gt; li:nth-of-type(5) a {
  color: #aa69c3;
}

.factory_area .header_child_list li, .factory_area .cat_header, .factory_area .breadcrumb .breadcrumb_page, .factory_area .tl_point em, .factory_area .level_03:before, .factory_area.post_page .article_con h3:before, .factory_area .radio_label input[type=radio] + .radio_parts:after, .factory_area .btn.btn_color a, .factory_area .btn.btn_color input, .factory_area table.calendar_block thead th, .factory_area .fukidashi_comment:before, .factory_area .fukidashi_comment:after, .factory_area .page_cat a, .factory_area .mod_flow &gt; li dl:first-of-type dt:before, .factory_area .mod_book_buy .attention:before, .factory_area .mod_img_panel .img, .factory_area .btn_style_in, .factory_area .mod_ranking_no, nav .kidsnet_nav &gt; li:nth-of-type(5) .parent:before, nav .kidsnet_nav &gt; li:nth-of-type(5) .parent:after, nav .kidsnet_nav &gt; li:nth-of-type(5) .parent .parent:before, nav .kidsnet_nav &gt; li:nth-of-type(5) .parent .parent:after {
  background-color: #aa69c3;
}

.factory_area .pager ul .cr a {
  background: #aa69c3;
}

.factory_area .kakomi_border, .factory_area input[type=text], .factory_area .breadcrumb a, .factory_area .breadcrumb .breadcrumb_page, .factory_area .radio_label input[type=radio] + .radio_parts, .factory_area .radio_label input[type=radio]:checked + .radio_parts:before, .factory_area .variation_circle li, .factory_area table, .factory_area .btn a, .factory_area input[type=submit], .factory_area .btn_style .in, .factory_area .fukidashi_comment p, .factory_area .page_cat a, .factory_area .mod_dotblock, .factory_area .mod_labelimg .col_in .img, .factory_area .mod_person, .factory_area .mod_img_panel .img, .factory_area .mod_label_panel a, .factory_area .btn_style_in, .factory_area .mod_flow &gt; li .con_wrap, .factory_area .big_bnr:before {
  border-color: #aa69c3;
}

.factory_area .breadcrumb li + li:before, .factory_area .level_02 a:before, .factory_area.post_page .article_con h2 a:before, .factory_area .link_arrow li a:before {
  border-top-color: #aa69c3;
}

.factory_area .breadcrumb li + li:before, .factory_area .level_02 a:before, .factory_area.post_page .article_con h2 a:before, .factory_area .link_arrow li a:before {
  border-right-color: #aa69c3;
}

.factory_area .level_02, .factory_area.post_page .article_con h2, .factory_area table thead th, .factory_area table tbody th, .factory_area table tbody td, .factory_area .mod_flow &gt; li dl {
  border-bottom-color: #aa69c3;
}

.factory_area table tbody &gt; tr &gt; td:not(:first-child) {
  border-left-color: #aa69c3;
}

.factory_area .btn a, .factory_area input[type=submit], .factory_area .btn_style .in, .factory_area .mod_img_panel .img, .factory_area .mod_label_panel a, .factory_area .mod_flow &gt; li .con_wrap, .factory_area .big_bnr:before {
  -webkit-box-shadow: 0 5px 0 #aa69c3;
  box-shadow: 0 5px 0 #aa69c3;
}

.factory_area .btn.btn_color a, .factory_area .btn_style_in, .factory_area .btn.btn_color input {
  -webkit-box-shadow: 0 5px 0 #7d3798;
  box-shadow: 0 5px 0 #7d3798;
}

.factory_area a {
  color: #aa69c3;
}

.factory_area .txtf02 {
  color: #fff000;
}

.factory_area .pager .cr a, .factory_area .radio_label input[type=radio]:checked + .radio_parts {
  background-color: #ffff00;
}

.factory_area table.calendar_block tbody tr:nth-child(2n) td, .factory_area .mod_note_block, .factory_area th, .factory_area .color_bg, .factory_area .breadcrumb li a:hover {
  background: #f5f0fa;
}

.factory_area .maincat_tl .txt {
  color: #ab68c3;
}

.factory_area .breadcrumb li:nth-child(2) a:before {
  background-image: url(../../assets/images/navicon_factory.png);
}

.factory_area .catpage_mv {
  background-image: url(../../assets/images/factory/mv.png);
}

.factory_area .map_wrap {
  position: relative;
}

.factory_area .single_map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.factory_area .all_maps {
  position: relative;
  opacity: 0;
  z-index: 11;
}

.factory_area .big_bnr:before {
  background-image: url(../../assets/images/big_bnr_bg_factory.png);
}

/*++++++++++++++++++++++++++++
jiten_area
++++++++++++++++++++++++++++*/
.iten_area a, .iten_area .txtf, .jiten_area .page_lead02, .jiten_area .con_lead, .jiten_area .breadcrumb li a:hover, .jiten_area .level_01, .jiten_area .level_03, .jiten_area.post_page .article_con h3, .jiten_area table.table_step th, .jiten_area .maincat_tl .txt, .jiten_area .page_tl .cat_name, .jiten_area .level_02_big, .jiten_area .level_02_simple, .jiten_area .level_03_simple, .jiten_area .level_type_02, .jiten_area .level_special_02, .jiten_area .level_fukidashi_txt, .jiten_area .level_02, .jiten_area.post_page .article_con h2, .jiten_area table.calendar_block .date_num, .jiten_area table.calendar_block .moon, .jiten_area .page_cat ul, .jiten_area .mod_label_panel_03 figure + dl &gt; dt, .jiten_area .mod_icon_panel a, .jiten_area .mod_btnbannerimg li a, .jiten_area .mod_btnbanner_noimg .tl, .jiten_area .mod_flow &gt; li dl:first-of-type dt, .jiten_area .mod_chart .copy, .jiten_area .mod_chart .refresh a, .jiten_area .catpage_mv .tl, .jiten_area .big_bnr .tl, .jiten_area .mod_icon_block .tl, nav .kidsnet_nav &gt; li:nth-of-type(6) a {
  color: #4b5fd2;
}

.jiten_area .header_child_list li, .jiten_area .cat_header, .jiten_area .breadcrumb .breadcrumb_page, .jiten_area .tl_point em, .jiten_area .level_03:before, .jiten_area.post_page .article_con h3:before, .jiten_area .radio_label input[type=radio] + .radio_parts:after, .jiten_area .btn.btn_color a, .jiten_area .btn.btn_color input, .jiten_area table.calendar_block thead th, .jiten_area .fukidashi_comment:before, .jiten_area .fukidashi_comment:after, .jiten_area .page_cat a, .jiten_area .mod_flow &gt; li dl:first-of-type dt:before, .jiten_area .mod_book_buy .attention:before, .jiten_area .mod_img_panel .img, .jiten_area .btn_style_in, .jiten_area .mod_ranking_no, nav .kidsnet_nav li:nth-of-type(6) .parent:before, nav .kidsnet_nav li:nth-of-type(6) .parent:after {
  background-color: #4b5fd2;
}

.jiten_area .pager ul .cr a {
  background: #6578e3;
}

.jiten_area .kakomi_border, .jiten_area input[type=text], .jiten_area .breadcrumb a, .jiten_area .breadcrumb .breadcrumb_page, .jiten_area .radio_label input[type=radio] + .radio_parts, .jiten_area .radio_label input[type=radio]:checked + .radio_parts:before, .jiten_area .variation_circle li, .jiten_area table, .jiten_area .btn a, .jiten_area input[type=submit], .jiten_area .btn_style .in, .jiten_area .fukidashi_comment p, .jiten_area .page_cat a, .jiten_area .mod_dotblock, .jiten_area .mod_labelimg .col_in .img, .jiten_area .mod_person, .jiten_area .mod_img_panel .img, .jiten_area .mod_label_panel a, .jiten_area .btn_style_in, .jiten_area .mod_flow &gt; li .con_wrap, .jiten_area .big_bnr:before {
  border-color: #4b5fd2;
}

.jiten_area .breadcrumb li + li:before, .jiten_area .level_02 a:before, .jiten_area.post_page .article_con h2 a:before, .jiten_area .link_arrow li a:before {
  border-top-color: #4b5fd2;
}

.jiten_area .breadcrumb li + li:before, .jiten_area .level_02 a:before, .jiten_area.post_page .article_con h2 a:before, .jiten_area .link_arrow li a:before {
  border-right-color: #4b5fd2;
}

.jiten_area .level_02, .jiten_area.post_page .article_con h2, .jiten_area table thead th, .jiten_area table tbody th, .jiten_area table tbody td, .jiten_area .mod_flow &gt; li dl {
  border-bottom-color: #4b5fd2;
}

.jiten_area table tbody &gt; tr &gt; td:not(:first-child) {
  border-left-color: #4b5fd2;
}

.jiten_area .btn a, .jiten_area input[type=submit], .jiten_area .btn_style .in, .jiten_area .mod_img_panel .img, .jiten_area .mod_label_panel a, .jiten_area .mod_flow &gt; li .con_wrap, .jiten_area .big_bnr:before {
  -webkit-box-shadow: 0 5px 0 #4b5fd2;
  box-shadow: 0 5px 0 #4b5fd2;
}

.jiten_area .btn.btn_color a, .jiten_area .btn_style_in, .jiten_area .btn.btn_color input {
  -webkit-box-shadow: 0 5px 0 #2236a9;
  box-shadow: 0 5px 0 #2236a9;
}

.jiten_area a {
  color: #4b5fd2;
}

.jiten_area .txtf02 {
  color: #fff000;
}

.jiten_area .pager .cr a, .jiten_area .radio_label input[type=radio]:checked + .radio_parts {
  background-color: #1e2d82;
}

.jiten_area table.calendar_block tbody tr:nth-child(2n) td, .jiten_area .mod_note_block, .jiten_area th, .jiten_area .color_bg, .jiten_area .breadcrumb li a:hover {
  background: #ebf0fa;
}

.jiten_area .maincat_tl .txt {
  color: #4a5ed2;
}

.jiten_area .level_special_02 {
  color: #4a5ed2;
}

.jiten_area .breadcrumb li:nth-child(2) a:before {
  background-image: url(../../assets/images/navicon_jiten.png);
}

.jiten_area .catpage_mv {
  background-image: url(../../assets/images/jiten/mv.png);
}

/*++++++++++++++++++++++++++++
parents_area
++++++++++++++++++++++++++++*/
.parents_area a, .parents_area .txtf, .parents_area .page_lead02, .parents_area .con_lead, .parents_area .breadcrumb li a:hover, .parents_area .level_01, .parents_area .level_03, .parents_area.post_page .article_con h3, .parents_area table.table_step th, .parents_area .maincat_tl .txt, .parents_area .page_tl .cat_name, .parents_area .level_02_big, .parents_area .level_02_simple, .parents_area .level_03_simple, .parents_area .level_type_02, .parents_area .level_special_02, .parents_area .level_fukidashi_txt, .parents_area .level_02, .parents_area.post_page .article_con h2, .parents_area table.calendar_block .date_num, .parents_area table.calendar_block .moon, .parents_area .page_cat ul, .parents_area .mod_label_panel_03 figure + dl &gt; dt, .parents_area .mod_icon_panel a, .parents_area .mod_btnbannerimg li a, .parents_area .mod_btnbanner_noimg .tl, .parents_area .mod_flow &gt; li dl:first-of-type dt, .parents_area .mod_chart .copy, .parents_area .mod_chart .refresh a, .parents_area .catpage_mv .tl, .parents_area .big_bnr .tl, .parents_area .mod_icon_block .tl, nav .kidsnet_nav &gt; li:nth-of-type(7) a {
  color: #f091aa;
}

.parents_area .header_child_list li, .parents_area .cat_header, .parents_area .breadcrumb .breadcrumb_page, .parents_area .tl_point em, .parents_area .level_03:before, .parents_area.post_page .article_con h3:before, .parents_area .radio_label input[type=radio] + .radio_parts:after, .parents_area .btn.btn_color a, .parents_area .btn.btn_color input, .parents_area table.calendar_block thead th, .parents_area .fukidashi_comment:before, .parents_area .fukidashi_comment:after, .parents_area .page_cat a, .parents_area .mod_flow &gt; li dl:first-of-type dt:before, .parents_area .mod_book_buy .attention:before, .parents_area .mod_img_panel .img, .parents_area .btn_style_in, .parents_area .mod_ranking_no, nav .kidsnet_nav &gt; li:nth-of-type(7) .parent:before, nav .kidsnet_nav &gt; li:nth-of-type(7) .parent:after, nav .kidsnet_nav &gt; li:nth-of-type(7) .parent .parent:before, nav .kidsnet_nav &gt; li:nth-of-type(7) .parent .parent:after {
  background-color: #f091aa;
}

.himitsu_area .pager ul .cr a {
  background: #F69285;
}

.parents_area .feed_item .feed_item_inner, .parents_area .kakomi_border, .parents_area input[type=text], .parents_area .breadcrumb a, .parents_area .breadcrumb .breadcrumb_page, .parents_area .radio_label input[type=radio] + .radio_parts, .parents_area .radio_label input[type=radio]:checked + .radio_parts:before, .parents_area .variation_circle li, .parents_area table, .parents_area .btn a, .parents_area input[type=submit], .parents_area .btn_style .in, .parents_area .fukidashi_comment p, .parents_area .page_cat a, .parents_area .mod_dotblock, .parents_area .mod_labelimg .col_in .img, .parents_area .mod_person, .parents_area .mod_img_panel .img, .parents_area .mod_label_panel a, .parents_area .btn_style_in, .parents_area .mod_flow &gt; li .con_wrap, .parents_area .big_bnr:before {
  border-color: #f091aa;
}

.parents_area .breadcrumb li + li:before, .parents_area .level_02 a:before, .parents_area.post_page .article_con h2 a:before, .parents_area .link_arrow li a:before {
  border-top-color: #f091aa;
}

.parents_area .breadcrumb li + li:before, .parents_area .level_02 a:before, .parents_area.post_page .article_con h2 a:before, .parents_area .link_arrow li a:before {
  border-right-color: #f091aa;
}

.parents_area .level_02, .parents_area.post_page .article_con h2, .parents_area table thead th, .parents_area table tbody th, .parents_area table tbody td, .parents_area .mod_flow &gt; li dl {
  border-bottom-color: #f091aa;
}

.parents_area table tbody &gt; tr &gt; td:not(:first-child) {
  border-left-color: #f091aa;
}

.parents_area .feed_item .feed_item_inner, .parents_area .btn a, .parents_area input[type=submit], .parents_area .btn_style .in, .parents_area .mod_img_panel .img, .parents_area .mod_label_panel a, .parents_area .mod_flow &gt; li .con_wrap, .parents_area .big_bnr:before {
  -webkit-box-shadow: 0 5px 0 #f091aa;
  box-shadow: 0 5px 0 #f091aa;
}

.parents_area .btn.btn_color a, .parents_area .btn_style_in, .parents_area .btn.btn_color input {
  -webkit-box-shadow: 0 5px 0 #ac2145;
  box-shadow: 0 5px 0 #ac2145;
}

.parents_area a {
  color: #f091aa;
}

.parents_area .txtf02 {
  color: #fff000;
}

.parents_area .pager .cr a, .parents_area .radio_label input[type=radio]:checked + .radio_parts {
  background-color: #efb1c1;
}

.parents_area table.calendar_block tbody tr:nth-child(2n) td, .parents_area .mod_note_block, .parents_area th, .parents_area .color_bg, .parents_area .breadcrumb li a:hover {
  background: #fff5f5;
}

.parents_area .maincat_tl .txt {
  color: #f091aa;
}

.parents_area .feed_item .feed_item_inner,
.parents_area .mod_label_panel a {
  border-color: #f091aa;
  -webkit-box-shadow: 0 5px 0 #f091aa;
  box-shadow: 0 5px 0 #f091aa;
}

.parents_area .breadcrumb li:nth-child(2) a:before {
  background-image: url(../../assets/images/navicon_parents.png);
}

/*++++++++++++++++++++++++++++
teacher
++++++++++++++++++++++++++++*/
.teacher_page a, .teacher_page .txtf, .teacher_page .page_lead02, .teacher_page .con_lead, .teacher_page .breadcrumb li a:hover, .teacher_page .level_01, .teacher_page .level_03, .teacher_page.post_page .article_con h3, .teacher_page table.table_step th, .teacher_page .maincat_tl .txt, .teacher_page .page_tl .cat_name, .teacher_page .level_02_big, .teacher_page .level_02_simple, .teacher_page .level_03_simple, .teacher_page .level_type_02, .teacher_page .level_special_02, .teacher_page .level_fukidashi_txt, .teacher_page .level_02, .teacher_page.post_page .article_con h2, .teacher_page table.calendar_block .date_num, .teacher_page table.calendar_block .moon, .teacher_page .page_cat ul, .teacher_page .mod_label_panel_03 figure + dl &gt; dt, .teacher_page .mod_icon_panel a, .teacher_page .mod_btnbannerimg li a, .teacher_page .mod_btnbanner_noimg .tl, .teacher_page .mod_flow &gt; li dl:first-of-type dt, .teacher_page .mod_chart .copy, .teacher_page .mod_chart .refresh a, .teacher_page .catpage_mv .tl, .teacher_page .big_bnr .tl, .teacher_page .mod_icon_block .tl, .teacher_page nav .kidsnet_nav &gt; li:nth-of-type(8) a {
  color: #9B042D;
}
.teacher_page .header_child_list li, .teacher_page .cat_header, .teacher_page .breadcrumb .breadcrumb_page, .teacher_page .tl_point em, .teacher_page .level_03:before, .teacher_page.post_page .article_con h3:before, .teacher_page .radio_label input[type=radio] + .radio_parts:after, .teacher_page .btn.btn_color a, .teacher_page .btn.btn_color input, .teacher_page table.calendar_block thead th, .teacher_page .fukidashi_comment:before, .teacher_page .fukidashi_comment:after, .teacher_page .page_cat a, .teacher_page .mod_flow &gt; li dl:first-of-type dt:before, .teacher_page .mod_book_buy .attention:before, .teacher_page .mod_img_panel .img, .teacher_page .btn_style_in, .teacher_page .mod_ranking_no, .teacher_page nav .kidsnet_nav &gt; li:nth-of-type(8) .parent:before, .teacher_page nav .kidsnet_nav &gt; li:nth-of-type(8) .parent:after, .teacher_page nav .kidsnet_nav &gt; li:nth-of-type(8) .parent .parent:before, .teacher_page nav .kidsnet_nav &gt; li:nth-of-type(8) .parent .parent:after {
  background-color: #9B042D;
}
.teacher_page .pager ul .cr a {
  background: #F69285;
}
.teacher_page .feed_item .feed_item_inner, .teacher_page .kakomi_border, .teacher_page input[type=text], .teacher_page .breadcrumb a, .teacher_page .breadcrumb .breadcrumb_page, .teacher_page .radio_label input[type=radio] + .radio_parts, .teacher_page .radio_label input[type=radio]:checked + .radio_parts:before, .teacher_page .variation_circle li, .teacher_page table, .teacher_page .btn a, .teacher_page input[type=submit], .teacher_page .btn_style .in, .teacher_page .fukidashi_comment p, .teacher_page .page_cat a, .teacher_page .mod_dotblock, .teacher_page .mod_labelimg .col_in .img, .teacher_page .mod_person, .teacher_page .mod_img_panel .img, .teacher_page .mod_label_panel a, .teacher_page .btn_style_in, .teacher_page .mod_flow &gt; li .con_wrap, .teacher_page .big_bnr:before {
  border-color: #9B042D;
}
.teacher_page .breadcrumb li + li:before, .teacher_page .level_02 a:before, .teacher_page.post_page .article_con h2 a:before, .teacher_page .link_arrow li a:before {
  border-top-color: #9B042D;
}
.teacher_page .breadcrumb li + li:before, .teacher_page .level_02 a:before, .teacher_page.post_page .article_con h2 a:before, .teacher_page .link_arrow li a:before {
  border-right-color: #9B042D;
}
.teacher_page .level_02, .teacher_page.post_page .article_con h2, .teacher_page table thead th, .teacher_page table tbody th, .teacher_page table tbody td, .teacher_page .mod_flow &gt; li dl {
  border-bottom-color: #9B042D;
}
.teacher_page table tbody &gt; tr &gt; td:not(:first-child) {
  border-left-color: #9B042D;
}
.teacher_page .feed_item .feed_item_inner, .teacher_page .btn a, .teacher_page input[type=submit], .teacher_page .btn_style .in, .teacher_page .mod_img_panel .img, .teacher_page .mod_label_panel a, .teacher_page .mod_flow &gt; li .con_wrap, .teacher_page .big_bnr:before {
  -webkit-box-shadow: 0 5px 0 #9B042D;
  box-shadow: 0 5px 0 #9B042D;
}
.teacher_page .btn.btn_color a, .teacher_page .btn_style_in, .teacher_page .btn.btn_color input {
  -webkit-box-shadow: 0 5px 0 #9B042D;
  box-shadow: 0 5px 0 #9B042D;
}
.teacher_page a {
  color: #9B042D;
}
.teacher_page .txtf02 {
  color: #fff000;
}
.teacher_page .pager .cr a, .teacher_page .radio_label input[type=radio]:checked + .radio_parts {
  background-color: #efb1c1;
}
.teacher_page table.calendar_block tbody tr:nth-child(2n) td, .teacher_page .mod_note_block, .teacher_page th, .teacher_page .color_bg, .teacher_page .breadcrumb li a:hover {
  background: rgba(155, 4, 45, 0.1);
}
.teacher_page .maincat_tl .txt {
  color: #9B042D;
}
.teacher_page .feed_item .feed_item_inner,
.teacher_page .mod_label_panel a {
  border-color: #9B042D;
  -webkit-box-shadow: 0 5px 0 #f091aa;
  box-shadow: 0 5px 0 #f091aa;
}
.teacher_page .breadcrumb li:nth-child(2) a:before {
  background-image: url(../../assets/images/navicon_parents.png);
}
@media screen and (min-width: 600px) {
  .teacher_page .btn a:hover {
    background-color: rgba(155, 4, 45, 0.1);
    -webkit-box-shadow: 0 3px 0 #9B042D;
            box-shadow: 0 3px 0 #9B042D;
  }
}

/***************************************************************************************
------------------------------
header
------------------------------
*****************************/
header {
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
}

header .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .logo {
  width: 200px;
}

/***************************************************************************************
------------------------------
nav
------------------------------
*****************************/
nav {
  width: 980px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

nav .sub_nav {
  display: none;
}

nav .kidsnet_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

nav .kidsnet_nav li {
  line-height: 27px;
}

nav .kidsnet_nav &gt; li:not(.kidsnet_nav_search) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

nav .kidsnet_nav a {
  font-weight: 700;
  text-decoration: none;
  color: #00aadc;
  background: url(../../assets/images/navicon_jiyuu_pc.png) center top no-repeat;
  position: relative;
  display: block;
  background-size: 30px 30px;
  padding: 30px 0 0;
}

nav .kidsnet_nav li:nth-of-type(2) a {
  background-image: url(../../assets/images/navicon_kagaku_pc.png);
}

nav .kidsnet_nav li:nth-of-type(3) a {
  background-image: url(../../assets/images/navicon_shinro_pc.png);
}

nav .kidsnet_nav li:nth-of-type(4) a {
  background-image: url(../../assets/images/navicon_himitsu_pc.png);
}

nav .kidsnet_nav li:nth-of-type(5) a {
  background-image: url(../../assets/images/navicon_factory_pc.png);
}

nav .kidsnet_nav li:nth-of-type(6) a {
  background-image: url(../../assets/images/navicon_jiten_pc.png);
}

nav .kidsnet_nav li:nth-of-type(7) a {
  background-image: url(../../assets/images/navicon_parents_pc.png);
}

nav .kidsnet_nav span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.3rem;
  line-height: 1.3;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

nav .kidsnet_nav .kidsnet_nav_search input[type=text] {
  border: none;
  -webkit-box-shadow: inset 3px 3px 0 #ccc;
  box-shadow: inset 3px 3px 0 #ccc;
  background: #ebf5eb;
  height: 40px;
  width: 220px;
  font-size: 16px;
  padding: 5px 5px 5px 10px;
  margin-left: 15px;
}

nav .kidsnet_nav .kidsnet_nav_search .search_submit {
  background-image: url(../../assets/images/icon_search_header.png);
  background-position: 8px 4px;
  background-repeat: no-repeat;
  background-size: 20px auto;
  height: 35px;
  padding: 3px 10px 3px 34px;
  margin-left: 5px;
  width: 95px;
  border-width: 2px;
  border-style: solid;
  border-color: #14873d;
  -webkit-box-shadow: 0 5px 0 #14873d;
  box-shadow: 0 5px 0 #14873d;
  color: #14873d;
  position: relative;
  top: -5px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.2;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  cursor: pointer;
}

nav .kidsnet_nav .kidsnet_nav_search form {
  width: 340px;
}

nav .kidsnet_nav .kidsnet_nav_search .kidsnet_nav_search_conditions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 0px 0px 14px;
  font-size: 0.8em;
  white-space: nowrap;
}

nav .kidsnet_nav .kidsnet_nav_search .kidsnet_nav_search_conditions input {
  margin: 0px 2px 0px 0px;
}

nav .kidsnet_nav .kidsnet_nav_search .kidsnet_nav_search_conditions input:not(:first-child) {
  margin: 0px 2px 0px 8px;
}

/***************************************************************************************
------------------------------
main
------------------------------
*****************************/
/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
TOP
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.frontpage .frontpage_only {
  display: block;
}

.frontpage .frontpage_none {
  display: none;
}

:not(.frontpage) .frontpage_only {
  display: none;
}

:not(.frontpage) .frontpage_none {
  display: block;
}

/*++++++++++++++++++++++++++++
front_lead
++++++++++++++++++++++++++++*/
.front_lead {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}

/*++++++++++++++++++++++++++++
BG
++++++++++++++++++++++++++++*/
.bg_block {
  overflow: hidden;
}

.bg_block:before, .bg_block:after, .bg_block .bg_block_in:before, .bg_block .bg_block_in:after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.bg_block:before {
  z-index: 1;
}

.bg_block:after {
  z-index: 2;
}

.bg_block .bg_block_in:before {
  z-index: 3;
}

.bg_block .bg_block_in:after {
  z-index: 4;
}

.bg_block .bg_block_inner {
  z-index: 5;
  position: relative;
}

.jiyuu_area.bg_block:before {
  top: 230px;
  left: 0;
  background-image: url(../../assets/images/frontpage_bg_jiyuu01.png);
  width: 1301px;
  height: 920px;
}

.jiyuu_area.bg_block:after {
  top: 735px;
  right: 0;
  background-image: url(../../assets/images/frontpage_bg_jiyuu02.png);
  width: 1301px;
  height: 920px;
}

.kagaku_area.bg_block:before {
  top: -810px;
  left: 48%;
  background-image: url(../../assets/images/frontpage_bg_kagaku01.png);
  width: 820px;
  height: 1285px;
}

.kagaku_area.bg_block:after {
  top: 250px;
  right: 59%;
  background-image: url(../../assets/images/frontpage_bg_kagaku02.png);
  width: 1000px;
  height: 872px;
}

.kagaku_area.bg_block .bg_block_in:before {
  bottom: -192px;
  left: 40%;
  background-image: url(../../assets/images/frontpage_bg_kagaku03.png);
  width: 976px;
  height: 824px;
}

.shinro_area.bg_block:before {
  top: 0;
  right: 0;
  background-image: url(../../assets/images/frontpage_bg_shinro01.gif);
  background-size: 29px 29px;
  background-repeat: repeat;
  width: 50%;
  height: 72%;
}

.shinro_area.bg_block:after {
  bottom: 0;
  left: 0;
  background-image: url(../../assets/images/frontpage_bg_shinro02.gif);
  background-size: 10px 10px;
  background-repeat: repeat;
  width: 50%;
  height: 57%;
}

.shinro_area.bg_block .bg_block_in:before {
  top: 0;
  right: 45%;
  background-color: #fff;
  width: 10%;
  height: 100%;
}

.shinro_area.bg_block .bg_block_in:after {
  top: 0;
  left: 20%;
  background-color: #fff;
  width: 35%;
  height: 100%;
}

.himitsu_area.bg_block:before {
  top: 25%;
  right: 40%;
  right: calc(50% - 90px);
  background-image: url(../../assets/images/frontpage_bg_himitsu01.png);
  width: 1000px;
  height: 724px;
}

.himitsu_area.bg_block:after {
  bottom: -260px;
  left: 40%;
  left: calc(50% - 120px);
  background-image: url(../../assets/images/frontpage_bg_himitsu02.png);
  width: 1117px;
  height: 816px;
}

.factory_area.bg_block:before {
  top: 140px;
  left: 70%;
  left: calc(50% + 245px);
  background-color: #f5f0fa;
  border-radius: 50%;
  width: 330px;
  height: 330px;
}

.factory_area.bg_block:after {
  top: -190px;
  left: 75%;
  left: calc(50% + 345px);
  background-image: url(../../assets/images/frontpage_bg_factory01.png);
  width: 463px;
  height: 463px;
}

.factory_area.bg_block .bg_block_in:before {
  bottom: -130px;
  right: 45%;
  right: calc(50% - 82px);
  border: 50px solid #f5f0fa;
  border-radius: 50%;
  width: 740px;
  height: 740px;
}

.jiten_area.bg_block:before {
  top: -85px;
  right: 52%;
  right: calc(50% + 37px);
  background-image: url(../../assets/images/frontpage_bg_jiten01.png);
  width: 687px;
  height: 738px;
}

.jiten_area.bg_block:after {
  bottom: -42px;
  left: 55%;
  left: calc(50% + 85px);
  background-image: url(../../assets/images/frontpage_bg_jiten02.png);
  width: 636px;
  height: 641px;
}

.parents_area.bg_block {
  background-image: url(../../assets/images/frontpage_bg_hparents01.gif);
  background-repeat: repeat;
  background-size: 40px 40px;
}

.parents_area.bg_block:before {
  background: #fff5f5;
  width: 2760px;
  height: 1150px;
  transform: translate(-50%, 0%) rotate(20deg);
  -webkit-transform: translate(-50%, 0%) rotate(20deg);
  border: 40px solid #fff;
  left: 50%;
  top: -700px;
  position: absolute;
}

.parents_area.bg_block:after {
  bottom: -500px;
  right: 0;
  background-image: url(../../assets/images/frontpage_bg_parents02.png);
  width: 1418px;
  height: 1003px;
}

.bg_block_bnr {
  display: block;
  width: 650px;
  max-width: 100%;
  margin: 30px auto 0px;
}

/*++++++++++++++++++++++++++++
topics
++++++++++++++++++++++++++++*/
.top_topics_area {
  padding-bottom: 55px;
}

.top_topics_area .topics_tl {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  color: #14873d;
  margin-top: 20px;
}

.top_topics_area .top_topics_list {
  margin-top: 10px;
}

.top_topics_area .mod_label_panel_02 figure + dl &gt; dt {
  padding: 10px 20px 15px;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
下層共通
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*++++++++++++++++++++++++++++
cat_header 
++++++++++++++++++++++++++++*/
.cat_header {
  height: 50px;
}

.cat_header .cat_header_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.cat_header .cat_header_list li {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.cat_header a {
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding: 10px 0;
  position: relative;
}

.cat_header a:before {
  position: absolute;
  content: "";
  background: #fff;
  width: 100%;
  height: 10px;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.cat_header li:hover a:before {
  opacity: 1;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.cat_header .has_child {
  position: relative;
  z-index: 1000;
}

.cat_header .cat_header_child {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  opacity: 0;
  border-top: 1px solid #fff;
}

.cat_header_child_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cat_header .header_child_list {
  width: 240px;
}

.cat_header .header_child_list li {
  padding: 0 10px;
}

.cat_header .cat_header_child a {
  font-size: 1.2rem;
  width: 100%;
  display: block;
  text-align: center;
  border-bottom: 1px solid #fff;
}

.cat_header .cat_header_child li:last-of-type a {
  border-bottom: 0;
}

.cat_header .cat_header_child a:before {
  display: none;
}

.cat_header .cat_header_child a:hover {
  opacity: 0.5;
}

.cat_header .has_child:hover .cat_header_child {
  max-height: 9999px;
  opacity: 1;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
side_nav
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.side_nav_wrap {
  overflow: hidden;
}

.side_nav_con {
  width: 850px;
  float: left;
}

.side_nav_side {
  width: 300px;
  float: right;
  position: relative;
}

.side_nav_side .side_nav_side_inner {
  width: 300px;
}

.side_nav_con_top-bnr {
  display: block;
  width: 400px;
  max-width: 100%;
  margin: 0px auto;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
404
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.page_404 .lead_404 {
  text-align: center;
}

.page_404 main {
  min-height: 50vh;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
jiten_area
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.jiten_area .cat_header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.jiten_area .cat_header ul li:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.jiten_area .cat_header .form_jiten_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.jiten_area .cat_header input[type=text] {
  border: none;
  -webkit-box-shadow: inset 2px 2px 0 #ccc;
  box-shadow: inset 2px 2px 0 #ccc;
  background: #fff;
  height: 40px;
  width: 300px;
  padding: 10px;
}

.jiten_area .cat_header .btn input {
  background: url(../../assets/images/icon_search.png) 11px 10px no-repeat #0a1e6e;
  background-size: 22px 22px;
  color: #fff !important;
  font-size: 1.6rem;
  height: 38px;
  -webkit-box-shadow: 0 5px 0 #000a28;
  box-shadow: 0 5px 0 #000a28;
  border: none;
  position: relative;
  padding: 5px 14px 0px 40px;
  line-height: 1;
  margin-left: 5px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.jiten_area .cat_header .txt {
  font-size: 1.6rem;
  color: #fff;
  margin-right: 5px;
  font-weight: 700;
}

.jiten_area .cat_header .btn input:hover {
  background-color: #152c88;
  opacity: 1;
  -webkit-box-shadow: 0 3px 0 #000a28;
  box-shadow: 0 3px 0 #000a28;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  margin-top: 2px;
  margin-bottom: 3px;
}

/***************************************************************************************
------------------------------
pagetop / footer
------------------------------
*****************************/
.pagetop {
  z-index: 1000;
  position: fixed;
  right: 0;
  bottom: 72px;
  width: 126px;
  height: 112px;
  background: url(../../assets/images/pagetop_bg.png) left top no-repeat;
  background-size: contain;
  padding: 26px 27px;
}

.pagetop img {
  width: 61px;
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
}

.pagetop img:hover {
  -webkit-transform: rotate(720deg);
  transform: rotate(720deg);
}

footer {
  border-top: 5px solid #14873D;
  margin-top: 200px;
  padding: 0 0 15px;
}

footer .inner {
  padding: 25px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .f_logo {
  width: 100px;
  line-height: 1;
}

footer .f_logo img {
  width: 100px;
}

footer .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .nav li + li {
  margin-left: 18px;
}

footer .nav a {
  color: #15873d;
  text-decoration: none;
  font-weight: 700;
}

footer .copyright {
  color: #15873d;
  margin-right: 0;
  margin-left: auto;
  font-weight: 700;
}

/* Overrides */
/* kidsnet_nav */
.kidsnet_nav &gt; li a.teacher {
  background-image: url(../images/navicon_teacher.png) !important;
  color: #9B042D !important;
}
@media screen and ( min-width: 600px ) {
  .kidsnet_nav &gt; li a.parents,
.kidsnet_nav &gt; li a.teacher {
    background-image: none !important;
    padding: 4px 0px !important;
    margin: 4px 0px;
  }
  .kidsnet_nav &gt; li a.parents {
    border: 2px solid #f091aa;
    border-radius: 5px;
  }
  .kidsnet_nav &gt; li a.teacher {
    border: 2px solid #9B042D;
    border-radius: 5px;
  }
}

/* page top */
@media screen and ( max-width: 599px ) {
  .pagetop {
    bottom: 124px !important;
  }
}

/* footer nav */
footer .nav a small {
  font-size: 0.8em;
}

/* Vendor */
/* Blocks */
/* ------------------------------ */
/* Button */
/* ------------------------------ */
.b-button {
  display: block !important;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  margin: 20px auto;
  width: 400px;
  max-width: 100%;
  overflow: hidden;
  background-color: #333;
  padding: 0px 0px 5px;
  font-size: 1.25em;
  font-weight: bold;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.b-button span {
  display: block;
  padding: 8px 20px;
  background-color: #666666;
  border-radius: 5px;
}
@media screen and ( min-width: 1024px ) {
  .b-button:hover, .b-button:focus {
    padding: 0px 0px 3px;
    margin-top: 22px;
  }
}

.b-wide-button {
  display: block !important;
  width: 100%;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
  background-color: #333;
  -webkit-box-shadow: 0px 5px 0px black;
          box-shadow: 0px 5px 0px black;
  padding: 12px 0px;
  border-radius: 5px;
}
.b-wide-button:hover, .b-wide-button:focus {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  -webkit-box-shadow: 0px 0px 0px;
          box-shadow: 0px 0px 0px;
}
.b-wide-button--red {
  background-color: #e66e5f;
  -webkit-box-shadow: 0px 5px 0px #982f22;
          box-shadow: 0px 5px 0px #982f22;
}

/* ------------------------------ */
/* Heading */
/* ------------------------------ */
.b-heading-center-bold {
  text-align: center;
  line-height: 1.1;
  font-size: 1.5em;
  font-weight: bold;
  margin: 20px 0px;
}
@media screen and ( min-width: 600px ) {
  .b-heading-center-bold {
    font-size: 1.625em;
  }
}

.shinro_area .b-heading-center-bold {
  color: #F5910A;
}

/* ------------------------------ */
/* Category Rich Header */
/* ------------------------------ */
.b-cat-rich-header {
  padding: 0px;
  border: none;
  margin: 0px 0px 20px;
}
.b-cat-rich-header__keyvisual {
  margin: 0px auto 20px;
}

/* ------------------------------ */
/* Category Rich Link Button */
/* ------------------------------ */
.b-cat-rich-link-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  border: 1px solid #e66e5f;
  background-color: #e66e5f;
  border-radius: 4px;
  padding: 6px 30px 6px 10px;
}
.b-cat-rich-link-button__label {
  display: block;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0px 10px;
  border-radius: 4px;
  color: #e66e5f;
  font-weight: bold;
  -webkit-transition: inherit;
  transition: inherit;
}
.b-cat-rich-link-button__desc {
  display: block;
  padding: 0px 0px 0px 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #fff;
  -webkit-transition: inherit;
  transition: inherit;
}
.b-cat-rich-link-button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: inherit;
  transition: inherit;
}
@media screen and ( max-width: 599px ) {
  .b-cat-rich-link-button {
    display: block;
    padding: 8px 30px 6px 10px;
  }
  .b-cat-rich-link-button__label {
    width: 100%;
    text-align: center;
    font-size: 0.875em;
    margin: 0px 0px 5px;
  }
  .b-cat-rich-link-button__desc {
    width: 100%;
    padding: 0px;
    font-size: 0.875em;
  }
}
@media screen and ( min-width: 600px ) {
  .b-cat-rich-link-button:hover, .b-cat-rich-link-button:focus {
    background-color: #fff;
  }
  .b-cat-rich-link-button:hover .b-cat-rich-link-button__label, .b-cat-rich-link-button:focus .b-cat-rich-link-button__label {
    background-color: #e66e5f;
    color: #fff;
  }
  .b-cat-rich-link-button:hover .b-cat-rich-link-button__desc, .b-cat-rich-link-button:focus .b-cat-rich-link-button__desc {
    color: #e66e5f;
  }
  .b-cat-rich-link-button:hover:after, .b-cat-rich-link-button:focus:after {
    border-color: #e66e5f;
  }
}

/* ------------------------------ */
/* Category Rich Special */
/* ------------------------------ */
.b-cat-rich-special {
  padding: 10px 20px;
  margin: 20px 0px;
  background-color: #333;
  border-radius: 5px;
}
.b-cat-rich-special__heading {
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 0.1em;
  border-bottom: 2px dotted #fff;
  margin: 0px 0px 10px;
}
.b-cat-rich-special__lead {
  line-height: 1.4;
  color: #fff;
}
.b-cat-rich-special .b-cat-rich-article-block__button {
  border: 2px solid #fff;
}

/* ------------------------------ */
/* Category Rich Catch */
/* ------------------------------ */
.b-cat-rich-catch {
  padding: 14px 10px;
  border: 4px solid #333;
  border-radius: 5px;
  margin: 40px 0px;
}

/* ------------------------------ */
/* Category Rich Article Block */
/* ------------------------------ */
.b-cat-rich-article-block {
  margin: 40px 0px;
}
.b-cat-rich-article-block__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 2px solid #333;
  padding: 10px 0px;
}
.b-cat-rich-article-block__header__title {
  font-size: 1.5em;
  font-weight: bold;
  padding: 0px 20px 0px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 100%;
  line-height: 1.4;
}
.b-cat-rich-article-block__header__desc {
  font-size: 16px;
}
.b-cat-rich-article-block__button {
  display: block;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  margin: 20px auto;
  width: 400px;
  max-width: 100%;
  overflow: hidden;
  background-color: #333;
  padding: 0px 0px 5px;
  font-size: 1.25em;
  font-weight: bold;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.b-cat-rich-article-block__button span {
  display: block;
  padding: 8px 20px;
  background-color: #666666;
  border-radius: 5px;
}
@media screen and ( min-width: 1024px ) {
  .b-cat-rich-article-block__button:hover, .b-cat-rich-article-block__button:focus {
    padding: 0px 0px 3px;
    margin-top: 22px;
  }
}

/* ------------------------------ */
/* Category Rich Banner */
/* ------------------------------ */
.b-cat-rich-banner {
  margin: 20px 0px;
}
.b-cat-rich-banner__item {
  margin: 10px auto;
}
@media screen and ( min-width: 1024px ) {
  .b-cat-rich-banner__item a:hover, .b-cat-rich-banner__item a:focus {
    opacity: 0.6;
  }
}

/* ------------------------------ */
/* Category Rich Main Banner */
/* ------------------------------ */
.b-cat-rich-main-banner {
  margin: 20px auto;
}
@media screen and ( max-width: 599px ) {
  .b-cat-rich-main-banner {
    margin: 20px auto 0px;
  }
}

/* ------------------------------ */
/* Article List */
/* ------------------------------ */
.b-article-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px -10px;
}
.b-article-list__item {
  width: 33.33%;
  padding: 10px !important;
  margin: 0px !important;
  list-style-type: none !important;
}
.b-article-list__item:before {
  display: none;
}
.b-article-list__item__inner,
.b-article-list__item a {
  border: 2px solid #333;
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  padding: 0px 0px 20px;
  -webkit-box-shadow: 0 5px 0 #333;
          box-shadow: 0 5px 0 #333;
  height: 100%;
  background-color: #fff;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b-article-list__item__title {
  padding: 10px 17px 30px;
  color: #333;
  font-weight: bold;
  margin: 0px 0px auto;
}
.b-article-list__item__thumb {
  height: 157px;
  overflow: hidden;
}
.b-article-list__item__thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
}
.b-article-list__item__button {
  display: block;
  width: calc(100% - 36px);
  margin: 0px auto 0px;
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  background-color: #333;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 0px 0px 5px;
}
.b-article-list__item__button span {
  display: block;
  background-color: #666666;
  padding: 8px 20px;
  border-radius: 5px;
}
@media screen and ( min-width: 1024px ) {
  .b-article-list__item__inner:hover, .b-article-list__item__inner:focus,
.b-article-list__item a:hover,
.b-article-list__item a:focus {
    -webkit-box-shadow: 0 3px 0 !important;
            box-shadow: 0 3px 0 !important;
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  .b-article-list__item__inner:hover .b-article-list__item__button, .b-article-list__item__inner:focus .b-article-list__item__button,
.b-article-list__item a:hover .b-article-list__item__button,
.b-article-list__item a:focus .b-article-list__item__button {
    padding: 0px 0px 3px;
    margin: 2px auto 0px;
  }
}
@media screen and ( max-width: 599px ) {
  .b-article-list {
    display: block;
  }
  .b-article-list__item {
    width: 100%;
  }
  .b-article-list__item__thumb {
    height: 50vw;
  }
}

/* ------------------------------ */
/* Top Category Card */
/* ------------------------------ */
.b-top-cat-card {
  margin: 30px 0px;
  border: 2px solid;
  border-radius: 5px;
  padding: 40px;
  max-width: 100%;
}
.b-top-cat-card:first-child {
  margin-top: 0px;
}
.b-top-cat-card__btn {
  text-align: center;
}
@media screen and ( max-width: 599px ) {
  .b-top-cat-card {
    padding: 20px;
  }
}

.shinro_area .b-top-cat-card {
  border-color: #F5910A;
}

/* ------------------------------ */
/* Term Section Header */
/* ------------------------------ */
.b-term-section-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 220px;
}
.b-term-section-header__heading {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 2.525em;
  font-weight: bold;
  line-height: 1.2;
  width: calc(100% - 240px);
  margin: 0px 0px 20px;
}
.b-term-section-header__img {
  position: absolute;
  top: -30px;
  right: 0px;
  width: 200px;
}
.b-term-section-header__desc {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: calc(100% - 240px);
}
@media screen and ( max-width: 599px ) {
  .b-term-section-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
  }
  .b-term-section-header__heading {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: calc(100% - 140px);
    font-size: 1.5em;
  }
  .b-term-section-header__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
    top: 0px;
    width: 130px;
    margin: 0px 0px 20px;
  }
  .b-term-section-header__desc {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    line-height: 1.6;
  }
}

.shinro_area .b-term-section-header__heading {
  color: #F5910A;
}

/* ------------------------------ */
/* Terms Nav */
/* ------------------------------ */
.b-terms-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px auto;
}
.b-terms-nav__item {
  width: 49%;
  margin: 5px 0px;
}
.b-terms-nav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #B1B1B1;
  color: #fff;
  border-radius: 5px;
  height: 100%;
  line-height: 1.2;
  font-size: 16px;
  padding: 14px 20px;
  text-decoration: none;
  -webkit-box-shadow: 0px 4px #222222;
          box-shadow: 0px 4px #222222;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  min-height: 40px;
}
.b-terms-nav-title {
  font-size: 1.625em;
  font-weight: bold;
  text-align: center;
  margin: 20px auto -10px;
}

@media screen and ( min-width: 600px ) {
  .b-terms-nav__item a:hover, .b-terms-nav__item a:focus {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}
@media screen and ( max-width: 599px ) {
  .b-terms-nav__item a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 0.75em;
    text-align: center;
    padding: 5px;
  }
  .b-terms-nav-title {
    font-size: 1.5em;
  }
}
.shinro_area .b-terms-nav__item a {
  background-color: #F5910A;
  -webkit-box-shadow: 0px 4px #b06807;
          box-shadow: 0px 4px #b06807;
}
@media screen and ( min-width: 600px ) {
  .shinro_area .b-terms-nav__item a:hover, .shinro_area .b-terms-nav__item a:focus {
    -webkit-box-shadow: 0px 1px #b06807;
            box-shadow: 0px 1px #b06807;
  }
}
.shinro_area .b-terms-nav-title {
  color: #F5910A;
}

/* ------------------------------ */
/* Term Posts */
/* ------------------------------ */
.b-term-posts {
  margin: 40px auto;
}
.b-term-posts__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 0px 20px;
}
.b-term-posts__header__title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-weight: bold;
  font-size: 1.625em;
  padding: 0px 0px 0px 20px;
  width: calc(100% - 60px);
  line-height: 1.2;
}
.b-term-posts__header__icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.b-term-posts__header__desc {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  margin: 16px 0px 0px;
  line-height: 1.4;
}
@media screen and ( min-width: 600px ) {
  .b-term-posts {
    margin: 60px auto;
  }
  .b-term-posts__header__title {
    font-size: 1.75em;
    width: calc(100% - 80px);
  }
  .b-term-posts__header__icon {
    width: 80px;
  }
}

.shinro_area .b-term-posts__header__title {
  color: #F5910A;
}

/* ------------------------------ */
/* Term Posts List */
/* ------------------------------ */
.b-term-posts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 20px -5px;
}
.b-term-posts-list__item {
  width: 25%;
  padding: 0px 5px;
  margin: 10px 0px;
}
.b-term-posts-list__item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  border: 2px solid;
  border-radius: 5px;
  height: 100%;
  padding: 10px 10px 50px;
  text-decoration: none;
  -webkit-box-shadow: 0px 4px 0px #3B4043;
          box-shadow: 0px 4px 0px #3B4043;
}
.b-term-posts-list__item__title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  color: #333;
  margin: 10px 0px;
}
.b-term-posts-list__item__thumb {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}
.b-term-posts-list__item__btn {
  position: absolute;
  left: 50%;
  bottom: 16px;
  width: 85%;
  -ms-flex-item-align: end;
      align-self: flex-end;
  text-align: center;
  background-color: #3B4043;
  border-radius: 5px;
  color: #fff;
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
}
@media screen and ( min-width: 600px ) {
  .b-term-posts-list__item a:hover, .b-term-posts-list__item a:focus {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}
@media screen and ( max-width: 599px ) {
  .b-term-posts-list__item {
    width: 50%;
  }
}

.shinro_area .b-term-posts-list__item a {
  -webkit-box-shadow: 0px 4px 0px #F5910A;
          box-shadow: 0px 4px 0px #F5910A;
}
.shinro_area .b-term-posts-list__item a:hover, .shinro_area .b-term-posts-list__item a:focus {
  -webkit-box-shadow: 0px 1px 0px #F5910A;
          box-shadow: 0px 1px 0px #F5910A;
}
.shinro_area .b-term-posts-list__item__btn {
  background-color: #F5910A;
}

/* ------------------------------ */
/* Ranking */
/* ------------------------------ */
.b-ranking__item {
  border-bottom: 1px solid #B1B1B1;
  padding: 10px 0px;
}
.b-ranking__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  line-height: 1.1;
  color: #222222;
  font-weight: bold;
}
.b-ranking__item a:before {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #B1B1B1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.b-ranking__item__thumb {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.b-ranking__item__thumb img {
  height: 30px;
}
.b-ranking__item:nth-child(1) a:before {
  content: "1";
}
.b-ranking__item:nth-child(2) a:before {
  content: "2";
}
.b-ranking__item:nth-child(3) a:before {
  content: "3";
}
.b-ranking__item:nth-child(4) a:before {
  content: "4";
}
.b-ranking__item:nth-child(5) a:before {
  content: "5";
}
.b-ranking__item:nth-child(6) a:before {
  content: "6";
}
.b-ranking__item:nth-child(7) a:before {
  content: "7";
}
.b-ranking__item:nth-child(8) a:before {
  content: "8";
}
.b-ranking__item:nth-child(9) a:before {
  content: "9";
}
.b-ranking__item:nth-child(10) a:before {
  content: "10";
}
@media screen and ( min-width: 600px ) {
  .b-ranking a {
    font-size: 1.125em;
  }
  .b-ranking__item__thumb img {
    height: 60px;
  }
}

.shinro_area .b-ranking__item {
  border-color: #F5910A;
}
.shinro_area .b-ranking__item a:before {
  background-color: #FFE1B9;
}

/* ------------------------------ */
/* Partners */
/* ------------------------------ */
.b-partners {
  padding: 80px 20px;
  border-bottom: 3px dashed #14873D;
}
.b-partners__heading {
  text-align: center;
}
.b-partners__heading img {
  width: 340px;
  max-width: 90%;
}
.b-partners__lead {
  text-align: center;
  font-weight: 600;
  margin: 20px 0px;
}
.b-partners__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.b-partners__list__item {
  height: 90px;
  width: auto;
}
.b-partners__list__item a {
  display: block;
  height: 100%;
}
.b-partners__list__item a img {
  height: 100%;
  max-width: auto;
}
@media screen and ( min-width: 600px ) {
  .b-partners__list__item a:hover, .b-partners__list__item a:focus {
    opacity: 0.8;
  }
}
@media screen and ( max-width: 599px ) {
  .b-partners__list__item {
    height: 40px;
  }
}

/* ------------------------------ */
/* Footer Banner */
/* ------------------------------ */
.b-footer-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px auto 0px;
  width: 1240px;
  max-width: 100%;
}
.b-footer-banner__item {
  width: 320px;
  padding: 0px 10px;
  max-width: 100%;
}
.b-footer-banner__item a {
  display: block;
  margin: 20px auto;
  max-width: 100%;
}
.b-footer-banner__item--wide {
  width: 100%;
}
.b-footer-banner__item--wide a {
  width: 600px;
}
@media screen and ( min-width: 600px ) {
  .b-footer-banner__item a:hover, .b-footer-banner__item a:focus {
    opacity: 0.5;
  }
}
@media screen and ( max-width: 599px ) {
  .b-footer-banner {
    display: block;
  }
  .b-footer-banner__item {
    width: 480px;
  }
}

/* ------------------------------ */
/* Article Footer List */
/* ------------------------------ */
.b-article-footer-list {
  padding: 40px 0px 0px;
}
.b-article-footer-list__heading {
  font-weight: bold;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

/* ------------------------------ */
/* Contents Bottom Banner */
/* ------------------------------ */
.b-contents-bottom-bnr {
  display: block;
  width: 600px;
  max-width: 90%;
  margin: 20px auto;
}

/* ------------------------------ */
/* Page Inner */
/* ------------------------------ */
.b-page-inner {
  position: relative;
  width: 850px;
  max-width: 95%;
  margin: 0px auto;
}
@media screen and ( max-width: 599px ) {
  .b-page-inner {
    max-width: 100%;
    padding: 0px 20px;
  }
}

/* ------------------------------ */
/* Page Header */
/* ------------------------------ */
.b-page-header {
  position: relative;
}
.b-page-header__keyvisual {
  width: 100%;
}
.b-page-header__lead {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100px;
  bottom: 0px;
  left: 0px;
  padding: 0px 80px;
  background-color: rgba(155, 4, 45, 0.6);
  color: #fff;
}
.b-page-header__lead__heading {
  font-weight: bold;
  font-size: 40px;
  width: 230px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1.2;
}
.b-page-header__lead__txt {
  line-height: 1.6;
}
@media screen and ( max-width: 599px ) {
  .b-page-header {
    margin: 0px -20px;
  }
  .b-page-header__lead {
    position: relative;
    background-color: #9B042D;
    display: block;
    padding: 20px;
    height: auto;
  }
  .b-page-header__lead__heading {
    width: 100%;
    font-size: 36px;
    text-align: center;
    margin: 0px 0px 10px;
  }
}

/* ------------------------------ */
/* Page Section */
/* ------------------------------ */
.b-page-section {
  margin: 50px 0px;
}
.b-page-section__heading {
  border-top: 3px solid #9B042D;
  border-bottom: 3px solid #9B042D;
  text-align: center;
  font-size: 1.5em;
  font-weight: bolder;
  color: #9B042D;
  padding: 5px;
  margin: 0px 0px 26px;
}
@media screen and ( max-width: 599px ) {
  .b-page-section {
    margin: 30px 0px;
  }
}

/* ------------------------------ */
/* Page Article */
/* ------------------------------ */
.b-page-article {
  position: relative;
  border: 3px solid #9B042D;
  border-radius: 5px;
  padding: 10px 10px 60px;
  height: 100%;
  width: 100%;
  text-decoration: none;
  -webkit-box-shadow: 0px 6px 0px 0px rgba(155, 4, 45, 0.5);
          box-shadow: 0px 6px 0px 0px rgba(155, 4, 45, 0.5);
}
.b-page-article__title {
  color: #9B042D;
  line-height: 1.4;
  font-weight: bolder;
}
.b-page-article__cat {
  display: block;
  background-color: #F7C033;
  text-align: center;
  padding: 5px;
  border-radius: 10px;
  color: #3C3C3C;
  margin: 10px 0px;
  font-size: 0.875em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.b-page-article__thumb {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
  height: 120px;
  width: 100%;
}
.b-page-article__lead {
  overflow: hidden;
  margin: 10px 0px;
  font-size: 0.875em;
  line-height: 1.4em;
  height: 4.2em;
  width: 100%;
  color: #3C3C3C;
}
.b-page-article__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.b-page-article__tags__item {
  background-color: #9B042D;
  color: #fff;
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 0.625em;
  margin: 0px 5px 5px 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-page-article__btn {
  position: absolute;
  display: block;
  left: 50%;
  width: calc(100% - 20px);
  background-color: #9B042D;
  text-align: center;
  color: #fff;
  padding: 7px;
  line-height: 1.6;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 0px 0px rgba(155, 4, 45, 0.5);
          box-shadow: 0px 6px 0px 0px rgba(155, 4, 45, 0.5);
  margin: 5px 0px 0px;
  font-size: 0.875em;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and ( max-width: 599px ) {
  .b-page-article__title {
    font-size: 0.875em;
    line-height: 1.2;
  }
  .b-page-article__cat {
    font-size: 0.75em;
    padding: 2px;
    border-radius: 5px;
  }
  .b-page-article__tags__item {
    margin: 0px 4px 4px 0px;
    padding: 2px 5px;
  }
  .b-page-article__thumb {
    height: 100px;
  }
  .b-page-article__lead {
    font-size: 0.75em;
    height: 5.6em;
  }
}
.b-page-article--pickup {
  background-color: #FFFAE7;
  padding: 30px 30px 76px;
}
.b-page-article--pickup .b-page-article__title {
  font-size: 1.125em;
  line-height: 1.4;
}
.b-page-article--pickup .b-page-article__cat {
  padding: 5px;
  font-size: 16px;
}
.b-page-article--pickup .b-page-article__thumb {
  height: 140px;
}
.b-page-article--pickup .b-page-article__lead {
  height: 5.6em;
}
.b-page-article--pickup .b-page-article__tags__item {
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 0.75em;
  margin: 0px 8px 8px 0px;
}
.b-page-article--pickup .b-page-article__btn {
  font-size: 1.25em;
  bottom: 20px;
  width: calc(100% - 60px);
}
@media screen and ( max-width: 599px ) {
  .b-page-article--pickup .b-page-article__lead {
    height: auto;
    max-height: 7em;
  }
}
@media screen and ( min-width: 600px ) {
  .b-page-article:hover, .b-page-article:focus {
    -webkit-box-shadow: 0px 2px 0px 0px rgba(155, 4, 45, 0.5);
            box-shadow: 0px 2px 0px 0px rgba(155, 4, 45, 0.5);
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
}

/* ------------------------------ */
/* Page Article List */
/* ------------------------------ */
.b-page-article-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 20px -5px;
}
.b-page-article-list__item {
  width: 25%;
  padding: 0px 5px;
  margin: 0px 0px 16px 0px;
}
@media screen and ( max-width: 599px ) {
  .b-page-article-list__item {
    width: 50%;
  }
}
.b-page-article-list--pickup .b-page-article-list__item {
  width: 33.33%;
}
@media screen and ( max-width: 599px ) {
  .b-page-article-list--pickup {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .b-page-article-list--pickup .b-page-article-list__item {
    width: 100%;
    max-width: 400px;
  }
}

/* ------------------------------ */
/* Page Article Nav */
/* ------------------------------ */
.b-page-article-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px 20px;
}
.b-page-article-nav__item a {
  position: relative;
  display: block;
  background-color: #fff;
  color: #9B042D;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #9B042D;
  border-radius: 10px;
  padding: 5px 30px 5px 20px;
  -webkit-box-shadow: 0px 4px 0px 0px rgba(155, 4, 45, 0.5);
          box-shadow: 0px 4px 0px 0px rgba(155, 4, 45, 0.5);
}
.b-page-article-nav__item a span {
  font-size: 0.8em;
  margin: 0px 0px 0px 4px;
  vertical-align: middle;
  color: rgba(155, 4, 45, 0.8);
}
.b-page-article-nav__item a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #9B042D;
  border-right: 1px solid #9B042D;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and ( max-width: 599px ) {
  .b-page-article-nav__item {
    width: 100%;
  }
  .b-page-article-nav__item a {
    width: 100%;
    font-size: 0.875em;
  }
}
@media screen and ( min-width: 600px ) {
  .b-page-article-nav__item a:hover, .b-page-article-nav__item a:focus {
    -webkit-box-shadow: 0px 1px 0px 0px rgba(155, 4, 45, 0.5);
            box-shadow: 0px 1px 0px 0px rgba(155, 4, 45, 0.5);
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

/* ------------------------------ */
/* Page Faq */
/* ------------------------------ */
.b-page-faq {
  margin: 30px 0px;
}
.b-page-faq__item {
  background-color: #FFFAE7;
  color: #3C3C3C;
  font-size: 1.25em;
  padding: 0px 30px;
}
.b-page-faq__item__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.b-page-faq__item__contents__num {
  background-color: #9B042D;
  padding: 0px 8px;
  color: #fff;
  border-radius: 10px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0px 10px 0px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.b-page-faq__item__contents__txt {
  line-height: 1.6;
}
.b-page-faq dt {
  padding: 14px 30px 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.b-page-faq dt:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 2px dashed #9B042D;
  margin: 8px 0px 0px;
}
.b-page-faq dd {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 30px 10px;
  margin: 0px 0px 10px;
  -webkit-box-shadow: 0px 4px 0px 0px rgba(155, 4, 45, 0.5);
          box-shadow: 0px 4px 0px 0px rgba(155, 4, 45, 0.5);
}

/* ------------------------------ */
/* Page Link Button */
/* ------------------------------ */
.b-page-link-btn {
  display: block;
  padding: 5px;
  border: 4px solid #9B042D;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: bold;
  margin: 30px 0px;
  color: #9B042D;
  -webkit-box-shadow: 0px 6px 0px 0px rgba(155, 4, 45, 0.5);
          box-shadow: 0px 6px 0px 0px rgba(155, 4, 45, 0.5);
}
.b-page-link-btn--colored {
  background-color: #9B042D;
  color: #fff !important;
}
@media screen and ( min-width: 600px ) {
  .b-page-link-btn:hover, .b-page-link-btn:focus {
    -webkit-box-shadow: 0px 2px 0px 0px rgba(155, 4, 45, 0.5);
            box-shadow: 0px 2px 0px 0px rgba(155, 4, 45, 0.5);
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
}
@media screen and ( max-width: 374px ) {
  .b-page-link-btn {
    font-size: 1.25em;
  }
}

/* ------------------------------ */
/* Front Lead Column */
/* ------------------------------ */
.b-front_lead_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.b-front_lead_column__txt {
  font-weight: bold;
}
.b-front_lead_column__logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 140px;
}
@media screen and ( max-width: 599px ) {
  .b-front_lead_column__logo {
    width: 60px;
  }
  .b-front_lead_column__txt {
    font-size: 11px;
    line-height: 1.4;
  }
  .b-front_lead_column__txt br {
    display: none;
  }
}

/* ------------------------------ */
/* Feature Style */
/* ------------------------------ */
#feature-cat {
  --color-feature: #14873d;
  --color-feature-cat: var(--color-feature);
  --color-feature-cat-block: var(--color-feature-cat);
}

#feature-single .article_con h2 {
  font-size: 1.625em;
  font-weight: bold;
  border-bottom: 6px solid #14873d;
  margin: 0px 0px 20px;
}
#feature-single .article_con h3 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0px 0px 20px;
  padding: 0px 0px 0px 10px;
  border-left: 4px solid #14873d;
}
#feature-single .article_con h4 {
  font-size: 1.25em;
  font-weight: bold;
  margin: 0px 0px 20px;
}
@media screen and ( max-width: 599px ) {
  #feature-single .article_con h2 {
    font-size: 1.5em;
  }
  #feature-single .article_con h3 {
    font-size: 1.25em;
    margin: 0px 0px 20px;
  }
  #feature-single .article_con h4 {
    font-size: 1.125em;
  }
}

/* ------------------------------ */
/* Feature Cat Header */
/* ------------------------------ */
.b-feature-cat-header {
  border: none;
  margin: 0px 0px 30px;
  z-index: 1 !important;
}
.b-feature-cat-header__heading-img {
  margin: 0px 0px 30px;
  border: 4px solid var(--color-feature-cat);
  border-radius: 10px;
  overflow: hidden;
}
.b-feature-cat-header__lead {
  font-size: 1.25em;
  font-weight: 300;
  text-align: center;
  margin-bottom: 1rem;
}
.b-feature-cat-header__lead p {
  text-align: center;
}
.b-feature-cat-header__notes {
  font-weight: bold;
  text-align: center;
  color: #3C3C3C;
  line-height: 1.4;
}
@media screen and ( max-width: 599px ) {
  .b-feature-cat-header__lead {
    font-size: 1.125em;
    line-height: 1.4;
  }
}

/* ------------------------------ */
/* Feature Cat Block */
/* ------------------------------ */
.b-feature-cat-block {
  margin: 0px 0px 140px;
}
.b-feature-cat-block__heading {
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.2;
  color: var(--color-feature-cat-block);
  text-align: center;
  margin-bottom: 20px;
}
.b-feature-cat-block__heading img {
  display: block;
  margin: 0px 0px 20px;
}
.b-feature-cat-block__lead {
  font-size: 1.25em;
  font-weight: 300;
  text-align: center;
  margin: 0px 0px 20px;
  line-height: 1.4;
}
.b-feature-cat-block__lead p {
  text-align: center;
}
.b-feature-cat-block__articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 10px;
}
.b-feature-cat-block__articles__item {
  width: calc((100% - 30px) / 4);
}
.b-feature-cat-block__articles__item__link {
  display: block;
  height: 100%;
  text-decoration: none;
  border: 1px solid var(--color-feature-cat-block);
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 0px var(--color-feature-cat-block);
          box-shadow: 0px 5px 0px var(--color-feature-cat-block);
}
.b-feature-cat-block__articles__item__img img {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
.b-feature-cat-block__articles__item__title {
  font-size: 0.875em;
  font-weight: bold;
  color: var(--color-feature-cat-block);
  line-height: 1.2;
  padding: 10px;
}
.b-feature-cat-block__articles__item__title__pr {
  display: inline-block;
  color: #fff;
  font-size: 0.75em;
  background-color: #CCC;
  border-radius: 5px;
  padding: 2px 4px;
  vertical-align: middle;
}
@media screen and ( min-width: 600px ) {
  .b-feature-cat-block__articles__item__link:hover, .b-feature-cat-block__articles__item__link:focus {
    -webkit-box-shadow: 0px 1px 0px var(--color-feature-cat-block);
            box-shadow: 0px 1px 0px var(--color-feature-cat-block);
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
}
@media screen and ( max-width: 599px ) {
  .b-feature-cat-block {
    margin: 0px 0px 100px;
  }
  .b-feature-cat-block__heading {
    font-size: 1.625em;
  }
  .b-feature-cat-block__lead {
    font-size: 16px;
  }
  .b-feature-cat-block__articles__item {
    width: calc((100% - 10px) / 2);
  }
  .b-feature-cat-block__articles__item__img img {
    height: 100px;
  }
  .b-feature-cat-block__articles__item__title {
    font-size: 0.75em;
  }
}

/* ------------------------------ */
/* Banners */
/* ------------------------------ */
.b-banners__item {
  display: block;
  width: 540px;
  max-width: 90%;
  margin: 0px auto;
}
.b-banners__item:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and ( min-width: 600px ) {
  .b-banners__item:hover, .b-banners__item:focus {
    opacity: 0.5;
  }
}

/* ------------------------------ */
/* Utility */
/* ------------------------------ */
/* Margin */
.u-margin--btm--0 {
  margin-bottom: 0px;
}
.u-margin--btm--10 {
  margin-bottom: 10px;
}
.u-margin--btm--20 {
  margin-bottom: 20px;
}
.u-margin--btm--30 {
  margin-bottom: 30px;
}
.u-margin--btm--40 {
  margin-bottom: 40px;
}
.u-margin--btm--50 {
  margin-bottom: 50px;
}
.u-margin--btm--60 {
  margin-bottom: 60px;
}
.u-margin--btm--70 {
  margin-bottom: 70px;
}
.u-margin--btm--80 {
  margin-bottom: 80px;
}
.u-margin--btm--90 {
  margin-bottom: 90px;
}
.u-margin--btm--100 {
  margin-bottom: 100px;
}
.u-margin--btm--110 {
  margin-bottom: 110px;
}
.u-margin--btm--120 {
  margin-bottom: 120px;
}
.u-margin--btm--130 {
  margin-bottom: 130px;
}
.u-margin--btm--140 {
  margin-bottom: 140px;
}
.u-margin--btm--150 {
  margin-bottom: 150px;
}
.u-margin--btm--160 {
  margin-bottom: 160px;
}
.u-margin--btm--170 {
  margin-bottom: 170px;
}
.u-margin--btm--180 {
  margin-bottom: 180px;
}
.u-margin--btm--190 {
  margin-bottom: 190px;
}
.u-margin--btm--200 {
  margin-bottom: 200px;
}
@media screen and ( min-width: 600px ) {
  .u-margin--btm--sm-up--0 {
    margin-bottom: 0px;
  }
  .u-margin--btm--sm-up--10 {
    margin-bottom: 10px;
  }
  .u-margin--btm--sm-up--20 {
    margin-bottom: 20px;
  }
  .u-margin--btm--sm-up--30 {
    margin-bottom: 30px;
  }
  .u-margin--btm--sm-up--40 {
    margin-bottom: 40px;
  }
  .u-margin--btm--sm-up--50 {
    margin-bottom: 50px;
  }
  .u-margin--btm--sm-up--60 {
    margin-bottom: 60px;
  }
  .u-margin--btm--sm-up--70 {
    margin-bottom: 70px;
  }
  .u-margin--btm--sm-up--80 {
    margin-bottom: 80px;
  }
  .u-margin--btm--sm-up--90 {
    margin-bottom: 90px;
  }
  .u-margin--btm--sm-up--100 {
    margin-bottom: 100px;
  }
  .u-margin--btm--sm-up--110 {
    margin-bottom: 110px;
  }
  .u-margin--btm--sm-up--120 {
    margin-bottom: 120px;
  }
  .u-margin--btm--sm-up--130 {
    margin-bottom: 130px;
  }
  .u-margin--btm--sm-up--140 {
    margin-bottom: 140px;
  }
  .u-margin--btm--sm-up--150 {
    margin-bottom: 150px;
  }
  .u-margin--btm--sm-up--160 {
    margin-bottom: 160px;
  }
  .u-margin--btm--sm-up--170 {
    margin-bottom: 170px;
  }
  .u-margin--btm--sm-up--180 {
    margin-bottom: 180px;
  }
  .u-margin--btm--sm-up--190 {
    margin-bottom: 190px;
  }
  .u-margin--btm--sm-up--200 {
    margin-bottom: 200px;
  }
}
@media screen and ( min-width: 1024px ) {
  .u-margin--btm--md-up--0 {
    margin-bottom: 0px;
  }
  .u-margin--btm--md-up--10 {
    margin-bottom: 10px;
  }
  .u-margin--btm--md-up--20 {
    margin-bottom: 20px;
  }
  .u-margin--btm--md-up--30 {
    margin-bottom: 30px;
  }
  .u-margin--btm--md-up--40 {
    margin-bottom: 40px;
  }
  .u-margin--btm--md-up--50 {
    margin-bottom: 50px;
  }
  .u-margin--btm--md-up--60 {
    margin-bottom: 60px;
  }
  .u-margin--btm--md-up--70 {
    margin-bottom: 70px;
  }
  .u-margin--btm--md-up--80 {
    margin-bottom: 80px;
  }
  .u-margin--btm--md-up--90 {
    margin-bottom: 90px;
  }
  .u-margin--btm--md-up--100 {
    margin-bottom: 100px;
  }
  .u-margin--btm--md-up--110 {
    margin-bottom: 110px;
  }
  .u-margin--btm--md-up--120 {
    margin-bottom: 120px;
  }
  .u-margin--btm--md-up--130 {
    margin-bottom: 130px;
  }
  .u-margin--btm--md-up--140 {
    margin-bottom: 140px;
  }
  .u-margin--btm--md-up--150 {
    margin-bottom: 150px;
  }
  .u-margin--btm--md-up--160 {
    margin-bottom: 160px;
  }
  .u-margin--btm--md-up--170 {
    margin-bottom: 170px;
  }
  .u-margin--btm--md-up--180 {
    margin-bottom: 180px;
  }
  .u-margin--btm--md-up--190 {
    margin-bottom: 190px;
  }
  .u-margin--btm--md-up--200 {
    margin-bottom: 200px;
  }
}
.u-margin--top--0 {
  margin-top: 0px;
}
.u-margin--top--10 {
  margin-top: 10px;
}
.u-margin--top--20 {
  margin-top: 20px;
}
.u-margin--top--30 {
  margin-top: 30px;
}
.u-margin--top--40 {
  margin-top: 40px;
}
.u-margin--top--50 {
  margin-top: 50px;
}
.u-margin--top--60 {
  margin-top: 60px;
}
.u-margin--top--70 {
  margin-top: 70px;
}
.u-margin--top--80 {
  margin-top: 80px;
}
.u-margin--top--90 {
  margin-top: 90px;
}
.u-margin--top--100 {
  margin-top: 100px;
}
.u-margin--top--110 {
  margin-top: 110px;
}
.u-margin--top--120 {
  margin-top: 120px;
}
.u-margin--top--130 {
  margin-top: 130px;
}
.u-margin--top--140 {
  margin-top: 140px;
}
.u-margin--top--150 {
  margin-top: 150px;
}
.u-margin--top--160 {
  margin-top: 160px;
}
.u-margin--top--170 {
  margin-top: 170px;
}
.u-margin--top--180 {
  margin-top: 180px;
}
.u-margin--top--190 {
  margin-top: 190px;
}
.u-margin--top--200 {
  margin-top: 200px;
}
@media screen and ( min-width: 600px ) {
  .u-margin--top--sm-up--0 {
    margin-top: 0px;
  }
  .u-margin--top--sm-up--10 {
    margin-top: 10px;
  }
  .u-margin--top--sm-up--20 {
    margin-top: 20px;
  }
  .u-margin--top--sm-up--30 {
    margin-top: 30px;
  }
  .u-margin--top--sm-up--40 {
    margin-top: 40px;
  }
  .u-margin--top--sm-up--50 {
    margin-top: 50px;
  }
  .u-margin--top--sm-up--60 {
    margin-top: 60px;
  }
  .u-margin--top--sm-up--70 {
    margin-top: 70px;
  }
  .u-margin--top--sm-up--80 {
    margin-top: 80px;
  }
  .u-margin--top--sm-up--90 {
    margin-top: 90px;
  }
  .u-margin--top--sm-up--100 {
    margin-top: 100px;
  }
  .u-margin--top--sm-up--110 {
    margin-top: 110px;
  }
  .u-margin--top--sm-up--120 {
    margin-top: 120px;
  }
  .u-margin--top--sm-up--130 {
    margin-top: 130px;
  }
  .u-margin--top--sm-up--140 {
    margin-top: 140px;
  }
  .u-margin--top--sm-up--150 {
    margin-top: 150px;
  }
  .u-margin--top--sm-up--160 {
    margin-top: 160px;
  }
  .u-margin--top--sm-up--170 {
    margin-top: 170px;
  }
  .u-margin--top--sm-up--180 {
    margin-top: 180px;
  }
  .u-margin--top--sm-up--190 {
    margin-top: 190px;
  }
  .u-margin--top--sm-up--200 {
    margin-top: 200px;
  }
}
@media screen and ( min-width: 1024px ) {
  .u-margin--top--md-up--0 {
    margin-top: 0px;
  }
  .u-margin--top--md-up--10 {
    margin-top: 10px;
  }
  .u-margin--top--md-up--20 {
    margin-top: 20px;
  }
  .u-margin--top--md-up--30 {
    margin-top: 30px;
  }
  .u-margin--top--md-up--40 {
    margin-top: 40px;
  }
  .u-margin--top--md-up--50 {
    margin-top: 50px;
  }
  .u-margin--top--md-up--60 {
    margin-top: 60px;
  }
  .u-margin--top--md-up--70 {
    margin-top: 70px;
  }
  .u-margin--top--md-up--80 {
    margin-top: 80px;
  }
  .u-margin--top--md-up--90 {
    margin-top: 90px;
  }
  .u-margin--top--md-up--100 {
    margin-top: 100px;
  }
  .u-margin--top--md-up--110 {
    margin-top: 110px;
  }
  .u-margin--top--md-up--120 {
    margin-top: 120px;
  }
  .u-margin--top--md-up--130 {
    margin-top: 130px;
  }
  .u-margin--top--md-up--140 {
    margin-top: 140px;
  }
  .u-margin--top--md-up--150 {
    margin-top: 150px;
  }
  .u-margin--top--md-up--160 {
    margin-top: 160px;
  }
  .u-margin--top--md-up--170 {
    margin-top: 170px;
  }
  .u-margin--top--md-up--180 {
    margin-top: 180px;
  }
  .u-margin--top--md-up--190 {
    margin-top: 190px;
  }
  .u-margin--top--md-up--200 {
    margin-top: 200px;
  }
}</pre></body></html>