@charset "UTF-8";
/* -------------------------------------------------------------------
 [CSS for top page style]
 !Do not modify this CSS directly. It's generated by Sass.
 ------------------------------------------------------------------ */
/* auto grouping by Sass
--------------------------------------------------------------------*/
body {
  min-width: 1080px;
  width: 100%;
  background-color: #ffffff;
  line-height: 1.625;
  color: #333333;
  font-size: 16px;
  font-family: "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box; }
  @media (max-width: 1079px) {
    body {
      min-width: auto;
      min-width: initial;
      overflow-x: hidden; } }
  @media (max-width: 690px) {
    body {
      min-width: 320px;
      line-height: 1.5625;
      font-size: 16px; } }

input, textarea, button {
  font-family: "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

a:link {
  color: #333333;
  text-decoration: none; }

a:visited {
  color: #663399; }

a:hover {
  color: #064fa6;
  text-decoration: none; }

a:active {
  color: #064fa6; }

img {
  max-width: 100%; }

.oneword {
  display: inline-block; }

.guidance {
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  left: -9999em;
  width: 1px; }

.inner {
  max-width: 1080px;
  margin: 0 auto; }
  @media (max-width: 690px) {
    .inner {
      padding-left: 10px;
      padding-right: 10px; } }

.block_type01,
.block_type02 {
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 1px 5px 0px rgba(148, 172, 175, 0.392);
  text-align: left; }

.block_type01 {
  display: table;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 1px 5px 0px rgba(148, 172, 175, 0.392); }
  .block_type01 a {
    display: table-cell;
    vertical-align: middle; }
  .block_type01 img {
    vertical-align: middle; }

.block_type02 a {
  display: table;
  width: 100%; }

.block_type02 .block_img,
.block_type02 .block_text {
  display: table-cell;
  vertical-align: middle; }

.section_ttl {
  font-size: 1.75em;
  line-height: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 46px; }
  @media (max-width: 690px) {
    .section_ttl {
      font-size: 1.75em; } }

.l_unit {
  padding: 60px 0 40px; }

.wrap_list {
  overflow: hidden;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  @media (max-width: 1006px) {
    .wrap_list {
      width: 665px; } }
  @media (max-width: 690px) {
    .wrap_list {
      width: 100%; } }

.list_type01 {
  display: inline-block;
  margin: 0 auto;
  margin-left: -15px; }
  .list_type01 li {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 15px; }
  @media (max-width: 690px) {
    .list_type01 li {
      float: none;
      margin-bottom: 15px;
      margin-left: 0; }
    .list_type01 li:nth-child(3n+1) {
      margin-left: 0; } }

.tag {
  font-size: 0.8125em;
  display: inline-block;
  width: 100px;
  text-align: center;
  color: #ffffff; }
  .tag.genre_01 {
    background-color: #7f7fff; }
  .tag.genre_02 {
    background-color: #478305; }
  .tag.genre_03 {
    background-color: #0d97b5; }
  .tag.genre_04 {
    background-color: #ad001b; }
  .tag.genre_05 {
    background-color: #819301; }
  .tag.genre_06 {
    background-color: #e57300; }
  .tag.genre_07 {
    background-color: #917d49; }
  .tag.genre_08 {
    background-color: #0A7389; }
  .tag.genre_09 {
    background-color: #a76fe3; }
  .tag.genre_10 {
    background-color: #ad4f95; }

.area_alert {
  background-color: #f6d5d5;
  font-size: 0.875em; }
  .area_alert .inner {
    padding-top: 10px;
    padding-bottom: 10px; }
  .area_alert .wrap_alert_list {
    overflow: hidden; }
  .area_alert .alert_list {
    margin-bottom: 10px; }
  .area_alert .alert_ttl {
    font-size: 0.75em;
    background-color: #bb1212;
    color: #ffffff;
    padding: 2px 20px;
    margin-right: 20px;
    float: left; }
  .area_alert dl {
    display: table;
    width: auto; }
  .area_alert .alert_date,
  .area_alert .alert_txt {
    display: table-cell;
    padding-left: .5em;
    padding-right: .5em; }
  .area_alert .alert_date {
    text-align: center;
    min-width: 180px; }
  .area_alert .alert_txt {
    padding-left: 10px; }
  .area_alert a {
    color: #b90909; }
  @media (max-width: 980px) {
    .area_alert .wrap_alert_list {
      margin-top: 10px; }
    .area_alert .alert_ttl {
      float: none; }
    .area_alert .alert_date {
      text-align: left; } }

.area_header {
  font-size: 0.875em;
  margin-bottom: 15px; }
  .area_header .inner {
    position: relative; }

.header {
  overflow: hidden; }

.header_utility {
  display: block;
  float: right; }
  @media (max-width: 980px) {
    .header_utility {
      float: none;
      display: block;
      margin: 0 auto; } }

.holder_lang_fontsize {
  width: 300px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 20px;
  float: left;
  overflow: hidden; }
  @media (max-width: 980px) {
    .holder_lang_fontsize {
      float: none;
      margin: 0 auto; } }

.wrap_lang {
  text-align: right; }

.wrap_fontsize {
  overflow: hidden; }

.lang {
  overflow: hidden;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 7px; }
  .lang li {
    display: block;
    float: left; }
    .lang li span {
      color: #004aa6; }
  .lang li + li {
    margin-left: .6em; }

.fontsize {
  overflow: hidden;
  float: right;
  display: table;
  font-weight: bold; }
  .fontsize dt {
    line-height: 1.3125em;
    font-size: 0.875em;
    display: inline-block;
    vertical-align: 18%; }

#fontS,
#fontM,
#fontL {
  display: inline-block;
  vertical-align: baseline;
  padding-left: 10px; }
  #fontS span, #fontS a,
  #fontM span,
  #fontM a,
  #fontL span,
  #fontL a {
    line-height: 1.3125em;
    display: table-cell;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle; }
  #fontS a,
  #fontM a,
  #fontL a {
    background-color: #e1eef0; }
  #fontS span,
  #fontS a:hover,
  #fontM span,
  #fontM a:hover,
  #fontL span,
  #fontL a:hover {
    background-color: #004aa6;
    color: #ffffff; }

#fontS {
  font-size: 0.75em; }
  #fontS span, #fontS a {
    width: 16px;
    height: 16px; }

#fontM span,
#fontM a {
  width: 20px;
  height: 20px; }

#fontL {
  font-size: 1em; }
  #fontL span,
  #fontL a {
    width: 24px;
    height: 24px; }

.header .search_header {
  background-color: #e1eef0;
  width: 300px;
  min-height: 66px;
  padding: 5px 12px 5px;
  float: right;
  overflow: hidden; }
  @media (max-width: 980px) {
    .header .search_header {
      float: none;
      margin: 5px auto 0; } }
  .header .search_header .links {
    padding-left: 4px; }
    .header .search_header .links li {
      display: inline-block; }
    .header .search_header .links .link_refine::before {
      content: "";
      display: inline-block;
      background: url("/common/top_a_menu/ta_imgs/icon_refine.png") no-repeat center center;
      width: 17px;
      height: 12px;
      margin-bottom: -2px;
      margin-right: 5px; }
    .header .search_header .links li + li {
      margin-left: 1em; }

.header .inputarea_search {
  border: 1px solid #cccccc;
  border-radius: 5px;
  background-color: #ffffff;
  width: 275px;
  text-align: left;
  padding-left: 5px;
  margin: 0 auto; }
  .header .inputarea_search .text {
    line-height: 1.125em;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    width: 234px; }
  .header .inputarea_search .submit {
    cursor: pointer;
    width: 25px;
    background: url("/common/top_a_menu/ta_imgs/icon_search_gray.png") no-repeat center center;
    background-size: 15px 16px; }

.logo {
  display: block;
  width: 380px;
  padding-top: 23px; }
  .logo.category {
    padding-top: 0; }
  @media (max-width: 1000px) {
    .logo {
      padding-top: 5px; } }
  @media (max-width: 980px) {
    .logo {
      margin: 0 auto; } }
  @media (max-width: 690px) {
    .logo {
      margin-top: 13px;
      width: 190px; } }

.gnav_top {
  display: table;
  width: auto;
  margin: 0.5em auto 0; }
  @media (max-width: 690px) {
    .gnav_top {
      display: none; } }
  @media (min-width: 1080px) {
    .gnav_top {
      display: block;
      margin-top: -1.5em;
      padding-left: 400px; } }
  .gnav_top ul {
    float: right; }
    .gnav_top ul li {
      float: left;
      font-weight: bold;
      margin-right: 1em; }
      .gnav_top ul li:last-child {
        margin-right: 0; }

.gnav_category {
  padding-left: 15px;
  padding-right: 15px; }
  @media (max-width: 730px) {
    .gnav_category {
      padding-left: 0;
      padding-right: 0; } }

/******************************************************/
/* ヘッダーメニュー #header_menu */
/******************************************************/
@media (max-width: 530px) {
  ul#header_menu {
    display: none; } }

ul#header_menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%; }

ul#header_menu {
  position: relative;
  height: 37px;
  background: url(/common/images/header_menu_10.gif) center top repeat-x; }

ul#header_menu li {
  height: 37px;
  position: absolute;
  border-left: 1px solid #ffffff;
  line-height: 3000%;
  /* overflow:hidden; */ }

ul#header_menu li#header_menu1 {
  width: 16%;
  left: 0;
  border-left: 0; }

ul#header_menu li#header_menu2 {
  width: 11%;
  left: 16%; }

ul#header_menu li#header_menu3 {
  width: 15%;
  left: 27%; }

ul#header_menu li#header_menu4 {
  width: 11%;
  left: 41.5%; }

ul#header_menu li#header_menu5 {
  width: 13%;
  left: 52%; }

ul#header_menu li#header_menu6 {
  width: 6%;
  left: 65%; }

ul#header_menu li#header_menu7 {
  width: 14%;
  left: 71%; }

ul#header_menu li#header_menu8 {
  width: 9%;
  left: 85%; }

ul#header_menu li#header_menu9 {
  width: 6%;
  left: 94%; }

ul#header_menu li a {
  display: block;
  height: 37px;
  text-decoration: none;
  font-size: 70%;
  overflow: hidden; }

ul#header_menu li#header_menu1 a {
  background: url(/common/images/header_menu_01new.gif) center top repeat-x; }

ul#header_menu li#header_menu2 a {
  background: url(/common/images/header_menu_02new.gif) center top repeat-x; }

ul#header_menu li#header_menu3 a {
  background: url(/common/images/header_menu_03.gif) center top repeat-x; }

ul#header_menu li#header_menu4 a {
  background: url(/common/images/header_menu_04.gif) center top repeat-x; }

ul#header_menu li#header_menu5 a {
  background: url(/common/images/header_menu_05new.gif) center top repeat-x; }

ul#header_menu li#header_menu6 a {
  background: url(/common/images/header_menu_06.gif) center top repeat-x; }

ul#header_menu li#header_menu7 a {
  background: url(/common/images/header_menu_07.gif) center top repeat-x; }

ul#header_menu li#header_menu8 a {
  background: url(/common/images/header_menu_08.gif) center top repeat-x; }

ul#header_menu li#header_menu9 a {
  background: url(/common/images/header_menu_09.gif) center top repeat-x; }

ul#header_menu li a:hover {
  background-position: center bottom !important; }

/* IE6以下 Hack */
* html body ul#header_menu li a:hover {
  background-position: center -37px !important; }

@media (max-width: 920px) {
  /*グロナビ2段*/
  ul#header_menu {
    position: static;
    height: auto;
    margin-left: 1px;
    /*20130719_smp3rd*/
    margin-right: 1px;
    /*20130719_smp3rd*/
    margin-bottom: 3px;
    padding-left: 0;
    border-bottom: 1px solid #c7c7c7;
    background-color: #e3e3e3; }
  ul#header_menu:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden; }
  ul#header_menu li {
    position: static;
    float: left;
    border: none; }
  ul#header_menu li#header_menu1,
  ul#header_menu li#header_menu2,
  ul#header_menu li#header_menu3,
  ul#header_menu li#header_menu4,
  ul#header_menu li#header_menu5 {
    width: 20%; }
  ul#header_menu li#header_menu6,
  ul#header_menu li#header_menu7,
  ul#header_menu li#header_menu8,
  ul#header_menu li#header_menu9 {
    width: 25%; }
  ul#header_menu li a,
  #english ul#header_menu li a {
    border-left: solid 1px #ffffff; }
  ul#header_menu li#header_menu1 a,
  ul#header_menu li#header_menu6 a {
    border-left: none; }
  dl#breadCrumbs {
    clear: left;
    margin-top: 5px;
    border-bottom: 1px solid #D7D7D7; } }

@media (max-width: 730px) {
  /*グロナビ2カラム*/
  ul#header_menu {
    position: static;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    padding-left: 0;
    border-bottom: 1px solid #c7c7c7;
    background-color: #e3e3e3; }
  ul#header_menu:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden; }
  ul#header_menu * {
    width: auto; }
  ul#header_menu li {
    position: static;
    float: none;
    width: 50%;
    height: auto;
    padding: 0;
    border-top: 1px solid #cccccc;
    line-height: 120%; }
  ul#header_menu li a {
    display: block;
    height: auto;
    margin-left: 5px;
    padding: 15px 10px;
    color: #333333;
    font-size: 90%; }
  ul#header_menu li a:active,
  ul#header_menu li a:hover {
    background-position: 97% center !important; }
  ul#header_menu li#header_menu1,
  ul#header_menu li#header_menu2,
  ul#header_menu li#header_menu3,
  ul#header_menu li#header_menu4,
  ul#header_menu li#header_menu5 {
    float: left;
    width: 50%;
    border-left: none;
    background: url(/common/images/bg_grad_blue.jpg) repeat-x left top, #00459e; }
  ul#header_menu li#header_menu1 a,
  ul#header_menu li#header_menu2 a,
  ul#header_menu li#header_menu3 a,
  ul#header_menu li#header_menu4 a,
  ul#header_menu li#header_menu5 a {
    background: url(/common/images/tab_arrow_blue.png) no-repeat 97% center, url(/common/images/bg_grad_gray.jpg) repeat-x left top, #ececec; }
  ul#header_menu li#header_menu6 {
    clear: both; }
  ul#header_menu li#header_menu6,
  ul#header_menu li#header_menu7,
  ul#header_menu li#header_menu8,
  ul#header_menu li#header_menu9 {
    float: left;
    width: 50%;
    border-left: none;
    background: url(/common/images/bg_grad_green.jpg) repeat-x left top, #97c42f; }
  ul#header_menu li#header_menu6 a,
  ul#header_menu li#header_menu7 a,
  ul#header_menu li#header_menu8 a,
  ul#header_menu li#header_menu9 a {
    background: url(/common/images/tab_arrow_green.png) no-repeat 97% center, url(/common/images/bg_grad_gray.jpg) repeat-x left top, #ececec; } }

/******************************************************/
/* パンクズ bread_crumbs*/
/******************************************************/
@media (max-width: 530px) {
  .area_bread_crumbs {
    background-color: #D2EAED; } }

#bread_crumbs {
  font-size: 0.75em; }
  @media (max-width: 530px) {
    #bread_crumbs {
      margin: 0 !important;
      padding: 6px 10px !important;
      background: #D2EAED;
      line-height: 1.4; } }

p#bread_crumbs {
  margin-bottom: 5px; }

dl#bread_crumbs dt {
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  left: -9999em;
  position: absolute; }

dl#bread_crumbs dd {
  margin: 0;
  padding: 0; }

#bread_crumbs a {
  text-decoration: none; }

#bread_crumbs a:hover {
  text-decoration: underline; }

dl#bread_crumbs {
  clear: left;
  margin-top: 5px; }

.area_category_ttl {
  background-color: #064fa6;
  margin-top: 5px;
  margin-bottom: 20px; }
  .area_category_ttl .category_ttl {
    font-size: 1.625em;
    font-weight: bold;
    color: #ffffff; }

.area_hero_act {
  overflow: hidden;
  margin-bottom: 30px;
  padding-bottom: 10px; }
  @media (max-width: 690px) {
    .area_hero_act {
      margin-bottom: 20px; } }

.hero {
  display: none;
  float: left;
  margin-right: 20px; }
  @media (max-width: 1079px) {
    .hero {
      float: none;
      margin: 0 auto; } }
  @media (max-width: 690px) {
    .hero .bx-wrapper .bx-controls-auto {
      bottom: auto;
      right: auto;
      left: 82%;
      top: 86%; } }

.heroMV .bx-wrapper .bx-viewport {
  left: 0;
  border: none; }

@media (max-width: 1079px) {
  .controlWrap {
    margin-bottom: 10px; } }

@media (max-width: 760px) {
  .controlWrap {
    max-width: 100% !important;
    overflow: hidden; }
    .controlWrap .bx-wrapper {
      max-width: 90% !important;
      overflow: hidden; }
      .controlWrap .bx-wrapper .bx-viewport {
        left: 0;
        border: none; }
    .controlWrap .bx_pager_hero {
      position: absolute !important;
      overflow: hidden; }
      .controlWrap .bx_pager_hero li {
        width: 120px !important; }
    .controlWrap #prev_hero {
      left: 0px; }
    .controlWrap #next_hero {
      right: 0px; } }

@media (max-width: 568px) {
  .controlWrap .bx_pager_hero li {
    width: 100px !important; }
  .controlWrap #prev_hero,
  .controlWrap #next_hero {
    top: 0;
    margin-top: 0;
    height: 43.5px; }
    .controlWrap #prev_hero a,
    .controlWrap #next_hero a {
      width: 15px;
      background-size: contain; } }

@media (max-width: 414px) {
  .controlWrap .bx_pager_hero li {
    width: 75px !important; }
  .controlWrap #prev_hero,
  .controlWrap #next_hero {
    height: 33px;
    margin-top: -5px; } }

.area_topic {
  min-height: 419px; }

.area_act {
  min-height: 330px; }

.area_act,
.area_topic {
  overflow: hidden;
  width: 300px;
  height: auto; }
  @media (max-width: 1079px) {
    .area_act,
    .area_topic {
      margin: 0 auto; } }
  @media (max-width: 690px) {
    .area_act,
    .area_topic {
      width: 100%;
      padding-bottom: 10px;
      min-height: auto; } }
  .area_act a,
  .area_topic a {
    display: block; }
  .area_act span,
  .area_act em,
  .area_topic span,
  .area_topic em {
    display: block; }
  .area_act .act_ttl,
  .area_act .act_date,
  .area_topic .act_ttl,
  .area_topic .act_date {
    text-align: center; }
  .area_act .act_date,
  .area_act .topic_index,
  .area_act .act_txt,
  .area_topic .act_date,
  .area_topic .topic_index,
  .area_topic .act_txt {
    font-weight: bold; }
  .area_act .act_ttl,
  .area_topic .act_ttl {
    background-color: #d64326;
    color: #ffffff;
    text-align: center;
    position: relative;
    padding-left: .8em; }
    .area_act .act_ttl:before,
    .area_topic .act_ttl:before {
      content: "";
      display: block;
      background: url("/common/top_a_menu/ta_imgs/icon_act.png") no-repeat center center;
      background-size: 20px 16px;
      width: 20px;
      height: 16px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -70px;
      margin-top: -8px; }
    @media (max-width: 690px) {
      .area_act .act_ttl,
      .area_topic .act_ttl {
        margin-bottom: 10px; } }
  .area_act .topic_index,
  .area_topic .topic_index {
    padding: 20px 10px 5px; }
  .area_act .act_date,
  .area_act .topic_data,
  .area_topic .act_date,
  .area_topic .topic_data {
    font-size: 1.25em; }
    @media (max-width: 690px) {
      .area_act .act_date,
      .area_act .topic_data,
      .area_topic .act_date,
      .area_topic .topic_data {
        font-size: 0.875em;
        display: inline; } }
  .area_act .act_img,
  .area_act .topic_img,
  .area_topic .act_img,
  .area_topic .topic_img {
    position: relative;
    width: 300px; }
  .area_act .act_img_non,
  .area_act .topic_img_non,
  .area_topic .act_img_non,
  .area_topic .topic_img_non {
    position: relative;
    width: 300px; }
    .area_act .act_img:before,
    .area_act .topic_img:before,
    .area_topic .act_img:before,
    .area_topic .topic_img:before {
      content: "";
      display: block;
      background: url("/common/top_a_menu/ta_imgs/icon_play_act.png") no-repeat center center;
      background-size: 40px 40px;
      width: 40px;
      height: 40px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -20px;
      margin-left: -20px; }
    .area_act .act_img:after,
    .area_act .topic_img:after,
    .area_topic .act_img:after,
    .area_topic .topic_img:after {
      color: #ffffff;
      display: inline-block;
      padding-left: .5em;
      padding-right: .5em;
      position: absolute;
      bottom: 0;
      left: 0; }
/*20170104*/
    .area_act .act_img_non:before,
    .area_act .topic_img_non:before,
    .area_topic .act_img_non:before,
    .area_topic .topic_img_non:before {
      content: "";
      display: block;
      background-size: 40px 40px;
      width: 40px;
      height: 40px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -20px;
      margin-left: -20px; }
    .area_act .act_img_non:after,
    .area_act .topic_img_non:after,
    .area_topic .act_img_non:after,
    .area_topic .topic_img_non:after {
      color: #ffffff;
      display: inline-block;
      padding-left: .5em;
      padding-right: .5em;
      position: absolute;
      bottom: 0;
      left: 0; }
    @media (max-width: 690px) {
      .area_act .act_img,
      .area_act .topic_img,
      .area_topic .act_img,
      .area_topic .topic_img {
        display: table;
        float: left;
        width: 150px;
        height: auto;
        margin-right: .8em; }
        .area_act .act_img img,
        .area_act .topic_img img,
        .area_topic .act_img img,
        .area_topic .topic_img img {
          width: 150px;
          height: 83px; }
        .area_act .act_img:before,
        .area_act .topic_img:before,
        .area_topic .act_img:before,
        .area_topic .topic_img:before {
          width: 20px;
          height: 20px;
          background-size: 20px 20px;
          margin-top: -10px;
          margin-left: -10px; }
        .area_act .act_img:after,
        .area_act .topic_img:after,
        .area_topic .act_img:after,
        .area_topic .topic_img:after {
          font-size: 0.53125em; }
      .area_act .act_img_non,
      .area_act .topic_img_non,
      .area_topic .act_img_non,
      .area_topic .topic_img_non {
        display: table;
        float: left;
        width: 150px;
        height: auto;
        margin-right: .8em; }
        .area_act .act_img_non img,
        .area_act .topic_img_non img,
        .area_topic .act_img_non img,
        .area_topic .topic_img_non img {
          width: 150px;
          height: 83px; }
        .area_act .act_img_non:before,
        .area_act .topic_img_non:before,
        .area_topic .act_img_non:before,
        .area_topic .topic_img_non:before {
          width: 20px;
          height: 20px;
          background-size: 20px 20px;
          margin-top: -10px;
          margin-left: -10px; }
        .area_act .act_img_non:after,
        .area_act .topic_img_non:after,
        .area_topic .act_img_non:after,
        .area_topic .topic_img_non:after {
          font-size: 0.53125em; } }
  .area_act .act_img:after,
  .area_topic .act_img:after {
    content: "NEW";
    background-color: #d64326; }
  .area_act .topic_img:after,
  .area_topic .topic_img:after {
    content: "トピック";
    background-color: #e9612d; }
/*20170104*/
  .area_act .act_img_non:after,
  .area_topic .act_img_non:after {
    content: "NEW";
    background-color: #d64326; }
  .area_act .topic_img_non:after,
  .area_topic .topic_img_non:after {
    content: "トピック";
    background-color: #e9612d; }
  .area_act .act_txt,
  .area_act .topic_txt,
  .area_topic .act_txt,
  .area_topic .topic_txt {
    vertical-align: text-top;
    padding: 10px 10px 10px; }
    @media (max-width: 690px) {
      .area_act .act_txt,
      .area_act .topic_txt,
      .area_topic .act_txt,
      .area_topic .topic_txt {
        font-size: 0.8125em;
        display: block;
        overflow: hidden; } }
  .area_act .topic_txt,
  .area_topic .topic_txt {
    font-size: 0.875em; }

.area_categorynav {
  background-color: #f2fdff; }

.categorynav_tabs {
  background-color: #aee5ed; }
  .categorynav_tabs .inner {
    height: 80px;
    background-color: #5dcbdb;
    position: relative; }
  .categorynav_tabs .area_manabee_default {
    display: none;
    position: absolute;
    top: -104px;
    right: -10px; }
  .categorynav_tabs .bx-viewport {
    padding: 0px 0;
    border: none;
    background-color: transparent;
    overflow: visible !important; }

.wrap_bx_pager_categorynav {
  max-width: 886px;
  padding: 5px 10px; }
  .wrap_bx_pager_categorynav .bx-wrapper {
    width: auto !important;
    margin: 0 !important; }

.bx_pager_categorynav {
  background-color: #5dcbdb; }
  .bx_pager_categorynav:before, .bx_pager_categorynav:after {
    display: table;
    content: ""; }
  .bx_pager_categorynav:after {
    clear: both; }
  @media (min-width: 1080px) {
    .bx_pager_categorynav {
      width: 850px !important; } }
  @media (max-width: 1081px) {
    .bx_pager_categorynav {
      width: 100% !important;
      max-width: 850px; } }
  .bx_pager_categorynav li {
    display: table;
    max-width: 170px;
    width: 100%;
    float: left;
    position: relative; }
    @media (max-width: 1081px) {
      .bx_pager_categorynav li {
        width: 20% !important; } }
    .bx_pager_categorynav li a {
      display: table-cell;
      width: 100%;
      height: 70px;
      padding-left: 35px;
      border: 5px solid #5dcbdb;
      background-color: #ffffff;
      font-weight: bold;
      vertical-align: middle;
      text-align: center; }
      .bx_pager_categorynav li a .area_manabee {
        display: none;
        width: 308px;
        height: 169px;
        transition: .3s ease-in-out; }
      .bx_pager_categorynav li a.active {
        border-color: #aee5ed; }
        .bx_pager_categorynav li a.active::after {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          bottom: -20px;
          width: 40px;
          height: 20px;
          margin-left: -20px;
          background: url("/common/top_a_menu/ta_imgs/icon_balloon.png") no-repeat center center;
          background-size: 40px 20px; }
      .bx_pager_categorynav li a:hover .area_manabee {
        display: block;
        position: absolute;
        bottom: 10px;
        -webkit-animation: bounce 2s ease-in-out;
        animation: bounce 2s ease-in-out; }
        @media (max-width: 1079px) {
          .bx_pager_categorynav li a:hover .area_manabee {
            display: none; } }

@-webkit-keyframes bounce {
  5% {
    -webkit-transform: scale(1, 1) translateY(-5px);
    transform: scale(1, 1) translateY(-5px); }
  10% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes bounce {
  5% {
    -webkit-transform: scale(1, 1) translateY(-5px);
    transform: scale(1, 1) translateY(-5px); }
  10% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
      .bx_pager_categorynav li a:before {
        content: "";
        display: block;
        position: absolute;
        left: 15px;
        top: 50%;
        width: 35px;
        height: 35px;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: -19px; }
      .bx_pager_categorynav li a.education:before {
        background-image: url("/common/top_a_menu/ta_imgs/icon_education.png"); }
      .bx_pager_categorynav li a.education:hover .area_manabee {
        right: -910px; }
      .bx_pager_categorynav li a.science:before {
        background-image: url("/common/top_a_menu/ta_imgs/icon_science.png"); }
      .bx_pager_categorynav li a.science:hover .area_manabee {
        right: -740px; }
      .bx_pager_categorynav li a.sports:before {
        background-image: url("/common/top_a_menu/ta_imgs/icon_sports.png"); }
      .bx_pager_categorynav li a.sports:hover .area_manabee {
        right: -570px; }
      .bx_pager_categorynav li a.culture:before {
        background-image: url("/common/top_a_menu/ta_imgs/icon_culture.png"); }
      .bx_pager_categorynav li a.culture:hover .area_manabee {
        right: -400px; }
      .bx_pager_categorynav li a.other:before {
        background-image: url("/common/top_a_menu/ta_imgs/icon_other.png"); }
      .bx_pager_categorynav li a.other:hover .area_manabee {
        right: -230px; }
  @media (max-width: 900px) {
    .bx_pager_categorynav li a {
      padding-left: 0; }
      .bx_pager_categorynav li a:before {
        display: none; } }
  @media (max-width: 690px) {
    .bx_pager_categorynav li {
      font-size: 87.5%; }
      .bx_pager_categorynav li a.active::after {
        bottom: -10px;
        width: 20px;
        height: 10px;
        margin-left: -10px;
        background-size: 20px 10px; } }
  @media (max-width: 414px) {
    .bx_pager_categorynav li {
      font-size: 75%; } }

.categorynav_item {
  width: 100%; }

.categorynav_main {
  margin-top: 13px;
  padding-bottom: 20px;
  background-color: #f2fdff; }
  @media (max-width: 690px) {
    .categorynav_main {
      margin-top: 3px; } }
  .categorynav_main .bx-wrapper {
    margin-top: 0; }
    .categorynav_main .bx-wrapper .bx-viewport {
      left: 0;
      border: none; }
    .categorynav_main .bx-wrapper .bx-controls-auto {
      left: 855px;
      top: -53px;
      height: 35px;
      margin-top: -17.5px; }
      @media (max-width: 1079px) {
        .categorynav_main .bx-wrapper .bx-controls-auto {
          left: 870px; } }
      @media (max-width: 980px) {
        .categorynav_main .bx-wrapper .bx-controls-auto {
          left: 860px;
          width: 25px;
          height: 70px;
          margin-top: -35px; }
          .categorynav_main .bx-wrapper .bx-controls-auto .bx-start,
          .categorynav_main .bx-wrapper .bx-controls-auto .bx-stop {
            width: 25px;
            height: 25px;
            margin: 5px 0;
            background-size: 25px auto; } }
      @media (max-width: 900px) {
        .categorynav_main .bx-wrapper .bx-controls-auto {
          display: none; } }

.inner_categorynav_item {
  background-color: #ffffff;
  position: relative; }

.categorynav_head {
  overflow: hidden;
  background-color: #064fa6;
  color: #ffffff;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .categorynav_head h2 {
    font-size: 1.5em;
    display: inline-block;
    width: auto;
    font-weight: bold;
    float: left; }
  .categorynav_head .links {
    float: right; }
    .categorynav_head .links a {
      display: table-cell;
      min-width: 200px;
      height: 42px;
      text-align: center;
      vertical-align: middle;
      background-color: #f2f2f2;
      padding-left: .5em;
      padding-right: .5em;
      color: #004aa6;
      font-weight: bold; }
  @media (max-width: 690px) {
    .categorynav_head {
      padding: 20px; }
      .categorynav_head h2 {
        float: none;
        display: table;
        margin: 0 auto 15px;
        font-size: 1em; }
      .categorynav_head .links {
        float: none;
        display: table;
        margin: 0 auto; }
        .categorynav_head .links a {
          font-size: 0.875em; } }

.categorynav_body,
.wrap_area_keyword {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%; }

.wrap_area_keyword .keyword_ttl {
  margin-bottom: 15px; }

.area_keyword {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 25px; }
  .area_keyword dt {
    margin-bottom: 15px; }
  .area_keyword li {
    float: left;
    padding-right: 5px;
    margin-bottom: 10px; }
  .area_keyword a {
    border-radius: 5px;
    background-color: #e1eef0;
    padding: 3px 8px; }
  .area_keyword .link_keyword {
    font-size: 0.875em;
    float: right;
    width: 100%;
    margin-top: -40px;
    margin-bottom: 10px; }
    .area_keyword .link_keyword .item_link {
      float: right; }
      .area_keyword .link_keyword .item_link a {
        background-color: #f2f2f2; }

.area_files dt,
.area_contents dt {
  margin-bottom: 15px; }

.area_files dd,
.area_contents dd {
  display: table;
  margin: 0 auto; }

@media (max-width: 1012px) {
  .area_files,
  .area_contents {
    margin-top: 30px; } }

.area_files {
  float: left;
  margin-top: 2px; }
  .area_files dd {
    max-width: 500px; }
  .area_files .list_type01 {
    margin-left: -10px; }
    .area_files .list_type01 li {
      margin-bottom: 8px;
      position: relative; }
  .area_files .block_type01 {
    width: 235px;
    height: 110px; }
    .area_files .block_type01 a {
      padding: 0 12px 0 42px; }
      .area_files .block_type01 a:before {
        content: "";
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -15px; }
    .area_files .block_type01 .pdf:before {
      background-image: url("/common/top_a_menu/ta_imgs/icon_pdf.gif"); }
    .area_files .block_type01 .word:before {
      background-image: url("/common/top_a_menu/ta_imgs/icon_word.gif"); }
    .area_files .block_type01 .excel:before {
      background-image: url("/common/top_a_menu/ta_imgs/icon_excel.gif"); }
    .area_files .block_type01 .ppt:before {
      background-image: url("/common/top_a_menu/ta_imgs/icon_ppt.gif"); }
    .area_files .block_type01 .ichitaro:before {
      background-image: url("/common/top_a_menu/ta_imgs/icon_ichitaro.gif"); }
    .area_files .block_type01 .txt:before {
      background-image: url("/common/top_a_menu/ta_imgs/icon_txt.gif"); }
  @media (max-width: 1012px) {
    .area_files {
      float: none; } }

.area_contents .block_type01 {
  width: 235px;
  height: 155px;
  position: relative; }
  .area_contents .block_type01 .tag {
    position: absolute;
    top: 135px;
    left: 0; }
  .area_contents .block_type01 img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .area_contents .block_type01 .limit_text {
    display: block;
    visibility: hidden;
    min-height: 80px;
    padding-left: 5px;
    padding-right: 5px; }

.area_search {
  background-color: #f2fdff;
  padding: 30px 0;
  text-align: center; }
  .area_search .inner_area_search {
    display: inline-block; }
  .area_search .label {
    display: inline-block; }
  .area_search .inputarea_search {
    display: inline-block; }
    .area_search .inputarea_search .text {
      border: 1px solid #cccccc;
      background-color: #ffffff;
      border-radius: 5px;
      width: 500px;
      font-size: 0.875em;
      padding: 13px 10px; }
    .area_search .inputarea_search .submit {
      float: right;
      background-color: #5dcbdb;
      background-image: url("/common/top_a_menu/ta_imgs/icon_search_white.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 27px 29px;
      width: 50px;
      height: 50px;
      border-radius: 5px; }
  .area_search .wrap_input_text {
    display: inline-block;
    padding-right: 10px; }

@media (max-width: 690px) {
  .area_search .label {
    display: block;
    float: left;
    margin-bottom: 13px; }
  .area_search .inputarea_search {
    display: table;
    width: 100%; }
    .area_search .inputarea_search .text,
    .area_search .inputarea_search .submit {
      max-width: 500px; }
    .area_search .inputarea_search .text {
      max-width: 500px;
      width: 100%; }
    .area_search .inputarea_search .submit {
      display: table-cell;
      width: 50px; }
  .area_search .wrap_input_text {
    display: table-cell;
    vertical-align: middle;
    width: 100%; } }

.area_attention {
  overflow: hidden;
  background-color: #ebfdef; }
  .area_attention .block_type02 {
    overflow: hidden;
    width: 320px;
    height: 80px; }
    .area_attention .block_type02 a {
      padding: 10px 10px; }
    .area_attention .block_type02 .block_img {
      width: 64px;
      height: 64px; }
    .area_attention .block_type02 img {
      max-width: 64px;
      width: auto;
      max-height: 64px;
      height: auto; }
    .area_attention .block_type02 .block_text {
      padding-left: .8em; }

.area_information {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 70px; }
  .area_information .inner {
    overflow: hidden;
    display: table;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto; }
  .area_information .l_wrap {
    display: inline-block; }
  .area_information .section_ttl {
    text-align: left;
    margin-bottom: 20px;
    line-height: 1.5625em; }
  .area_information .info_item {
    margin-top: 60px; }

.area_news,
.area_event,
.area_infolist,
.area_infolist_first {
  overflow: hidden;
  display: block;
  width: 48%; }
  @media (max-width: 1000px) {
    .area_news,
    .area_event,
    .area_infolist,
    .area_infolist_first {
      width: 100%; } }

.area_news,
.area_infolist_first {
  float: left; }
  @media (max-width: 1000px) {
    .area_news,
    .area_infolist_first {
      float: none;
      max-width: none; } }

.area_event,
.area_infolist {
  float: right; }
  @media (max-width: 1000px) {
    .area_event,
    .area_infolist {
      float: none;
      max-width: none; } }

.area_infolist .btn_info,
.area_infolist_first .btn_info {
  font-size: 0.875em;
  padding-left: 8px;
  padding-right: 8px; }

.area_infolist .info_head,
.area_infolist_first .info_head {
  margin-bottom: 50px; }

.info_head {
  overflow: hidden;
  margin-bottom: 20px; }

.info_ttl {
  font-size: 1.5em;
  font-weight: bold; }

.info_links {
  overflow: hidden;
  float: right; }
  .info_links li {
    float: left; }
  .info_links li + li {
    margin-left: 8px; }
  @media (max-width: 690px) {
    .info_links {
      float: none;
      margin-top: 20px; } }

.btn_info,
.btn_keyword {
  display: inline-block;
  padding: 8px 20px;
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-weight: bold; }

.news_list,
.event_list {
  padding-left: 5px;
  padding-right: 5px; }
  .news_list li,
  .event_list li {
    border-bottom: 1px solid #cccccc;
    padding-top: 18px;
    padding-bottom: 18px; }
    .news_list li:first-child,
    .event_list li:first-child {
      border-top: 1px solid #cccccc; }

.news_list li {
  display: table;
  width: 100%; }
  .news_list li .area_tag,
  .news_list li .area_doc {
    display: table-cell; }
    @media (max-width: 690px) {
      .news_list li .area_tag,
      .news_list li .area_doc {
        display: block; } }
  .news_list li .area_tag {
    width: 120px; }
    @media (max-width: 690px) {
      .news_list li .area_tag {
        margin-bottom: 10px; } }

.area_bnr {
  overflow: hidden;
  background-color: #f0fdff; }
  .area_bnr.pickup {
    background-color: #ffffff; }
  .area_bnr .list_type01 {
    margin-bottom: 30px; }
  .area_bnr .block_type01 {
    width: 320px;
    height: 190px;
    padding: 0; }
    .area_bnr .block_type01.thumb_yt {
      text-align: center;
      position: relative; }
      .area_bnr .block_type01.thumb_yt a:before {
        content: "";
        display: block;
        background: url("/common/top_a_menu/ta_imgs/icon_play_daijin.png") no-repeat center center;
        width: 51px;
        height: 37px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -18px;
        margin-left: -25px; }
      .area_bnr .block_type01.thumb_yt a:after {
        content: "";
        display: block;
        background: url("/common/top_a_menu/ta_imgs/label_mextch.png") no-repeat center center;
        width: 320px;
        height: 42px;
        position: absolute;
        bottom: 20px;
        left: 0; }
      .area_bnr .block_type01.thumb_yt img {
        width: 298px;
        height: 170px;
        vertical-align: middle;
        border-radius: 5px; }
  .area_bnr .area_sns {
    border-top: 1px solid #cccccc;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center; }
    .area_bnr .area_sns .links {
      overflow: hidden;
      display: inline-block;
      margin: 40px 0; }
    .area_bnr .area_sns li {
      float: left;
      margin-left: 20px;
      margin-bottom: 5px;
      margin-top: 5px; }
    .area_bnr .area_sns li:first-child {
      margin-left: 0; }
    @media (max-width: 690px) {
      .area_bnr .area_sns li {
        float: none;
        margin-left: 0;
        margin-bottom: 15px; } }

.area_category_contents {
  background-color: #f0fdff; }
  .area_category_contents .area_contents {
    display: table;
    margin: 0 auto; }
    .area_category_contents .area_contents .list_type01 {
      max-width: 1000px; }
      @media (max-width: 1000px) {
        .area_category_contents .area_contents .list_type01 {
          max-width: 750px; } }
      @media (max-width: 750px) {
        .area_category_contents .area_contents .list_type01 {
          max-width: 500px; } }

.wrap_list {
  overflow: hidden;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  @media (max-width: 1006px) {
    .wrap_list {
      width: 665px; } }
  @media (max-width: 690px) {
    .wrap_list {
      width: 100%; } }

.area_category_links {
  background-color: #f0fdff; }
  .area_category_links .block_type01 {
    width: 320px;
    height: 120px; }
    .area_category_links .block_type01 a {
      color: #004aa6;
      font-weight: bold;
      padding: 20px 10px 20px 10px; }
    .area_category_links .block_type01 .img,
    .area_category_links .block_type01 .txt {
      display: table-cell; }
    .area_category_links .block_type01 .img {
      width: 80px;
      padding-left: 10px; }
    .area_category_links .block_type01 .txt {
      padding-left: 20px;
      vertical-align: middle; }

/*--------------------------------------
	Footer Area
--------------------------------------*/
.area_footer {
  padding: 0 0 20px;
  position: relative; }

.footer {
  font-size: 0.8125em;
  max-width: 1000px;
  margin: 0 auto; }

/*	div.footer_links
--------------------------------------*/
.footer_links {
  font-size: 0.875em;
  background-color: #efefef; }
  .footer_links .links_list {
    padding: 40px 0; }
    .footer_links .links_list.first {
      padding-top: 0; }
    .footer_links .links_list.first, .footer_links .links_list.second {
      font-weight: bold;
      border-bottom: 1px solid #cccccc; }
    .footer_links .links_list.third {
      margin: 0 auto;
      text-align: left; }
      .footer_links .links_list.third .links_index {
        display: table;
        float: left;
        min-width: 240px;
        margin-bottom: 20px; }
        .footer_links .links_list.third .links_index span {
          display: inline-block;
          font-weight: bold; }
      @media (max-width: 690px) {
        .footer_links .links_list.third {
          width: 320px; } }
  .footer_links .block_type02 {
    width: 320px;
    height: 95px; }
    .footer_links .block_type02 a {
      padding: 10px 14px; }
    .footer_links .block_type02 .block_img {
      width: 75px;
      height: 75px;
      text-align: center; }
      .footer_links .block_type02 .block_img img {
        max-width: 75px;
        width: auto;
        max-height: 75px;
        height: auto;
        vertical-align: middle; }
    .footer_links .block_type02 .block_text {
      padding-left: .8em; }

/*	div.footer_utility
--------------------------------------*/
.footer_utility {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  font-size: 86%;
  margin: 25px 0 5px; }
  @media (max-width: 690px) {
    .footer_utility .inner {
      padding-left: 0;
      padding-right: 0; } }

.footer_utility a:link,
.footer_utility a:visited {
  text-decoration: none; }

.footer_utility a:hover,
.footer_utility a:active {
  text-decoration: underline; }

.footer_utility ul {
  border-bottom: 1px dotted #c2c2c2;
  list-style: none;
  margin: 0 auto;
  padding: 5px 10px; }

.footer_utility li {
  border-left: 1px dotted #aeaeae;
  display: inline;
  margin: 0 0.5em 0 0;
  padding: 0 0 0 0.8em;
  line-height: 1.2; }

.footer_utility li.pseudo-first-child {
  border: none;
  padding: 0; }

.footer_utility dl {
  margin: 0;
  padding: 5px 10px; }

.footer_utility dt,
.footer_utility dd {
  display: inline;
  margin: 0 10px 0 0; }

/*	div.footer_copyright
--------------------------------------*/
.footer_copyright {
  font-size: 86%;
  padding: 0 10px; }

@media (max-width: 690px) {
  .area_footer {
    padding-bottom: 10px; }
  .footer {
    margin: 0; }
  .footer_utility ul {
    padding: 0;
    border: none; }
  .footer_utility li {
    display: block;
    margin-right: 0;
    padding-left: 0;
    border-left: none;
    border-bottom: 1px solid #c7c7c7; }
  .footer_utility li.pseudo-first-child {
    border-bottom: 1px solid #c7c7c7; }
  .footer_utility li a {
    display: block;
    width: auto;
    height: auto;
    margin-left: 5px;
    padding: 10px 15px 10px 10px;
    text-decoration: none; }
  .footer_utility .foot_navi li {
    background: #cccccc; }
  .footer_utility .foot_navi li a {
    background: #ffffff;
    font-size: 120%; }
  .footer_utility .foot_navi li:nth-child(6),
  .footer_utility .foot_navi li:nth-child(7),
  .footer_utility .foot_navi li:nth-child(8),
  .footer_utility .foot_navi li:nth-child(9),
  .footer_utility .foot_navi li:nth-child(10) {
    background: #4fb6cc; }
  .footer_utility dt,
  .footer_utility dd {
    display: block; }
  .footer_copyright {
    display: block; } }