/* FONT IMPORT */


/* GLOBAL */

html {
    background-color: #fcfcfc;
}

body {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
}

.content-block--default-style:not(.content-block--view-mode-cover) .content-block-title, .widget--s .content-block--default-style.content-block--view-mode-cover .content-block-title {
    font-size: 1.0rem;  /* default 1.125rem */
}


/* headin1-font */

.h1-home {
    font-family: 'Baloo Tammudu 2', cursive !important;
    /* font-family: 'Dosis', sans-serif !important;
    font-family: 'Noto Sans JP', sans-serif !important;*/
}

.h1-static {
    font-weight: 500;
}

/* heading2 for related articles */

.gray .content-block--default-style.content-block--theme-light .content-block-title a {
    color: red!important;
}


/* LINK ICON (OVERRIDE)*/

.color-bubble i, .color-bubble span {
    background-color: #757575;
    border-radius: 50%;
}

.directory-entry-block.directory-entry-block--view-mode-variant-ungroup {
    border-radius: 20px;
}

/* RSS (OVERRIDE)

.widget-rss-feed__title {
    font-size: 0.8em;
}

.widget-rss-feed__date {
    font-size: 0.5rem;
}
*/
.widget--top-rss .widget-8f890dbe-e814-4dab-9d06-eafa6a367377 .widget-rss .widget--m .widget--theme-light .widget--has-header .widget-rss-feed__description {
    display: none;
}

.widget-rss-feed__description {
    display: none;
}

.widget--emergency-msg .content-block--default-style.content-block--theme-light .content-block-excerpt {
    color: red;
}

.widget--emergency-msg .content-block--default-style.content-block--theme-light .content-block-title a {
    color: red;
}

/*===========================================================================
  BUTTON
===========================================================================*/

/*  Menu Button  */
.menu-button-container {
  display: flex!important;
  flex-wrap: wrap!important;
}

.menu-button-item {
  width: 20%!important;
  text-align: center!important;
  margin-top: 24px!important;
}

.menu-button-text {
  margin-top: 16px!important;
}

@media screen and (min-width:320px) and (max-width:767px) {
  .menu-button-item  {
    margin-right: 12px!important;
    margin-left: 0px!important;
    width: 124px!important;
  }
}

@media screen and (min-width:768px) and (max-width:887px) {
  .menu-button-item  {
    margin-right: 12px!important;
    margin-left: 0px!important;
    width: 180px!important;
  }
} /*効いてなかったので、HTMLに直に書き込み*/

/*  Menu Button -Small  */
.menu-s-button-container {
  display: flex!important;
  flex-wrap: wrap!important;
}

.menu-s-button-item {
  width: 14%!important;
  text-align: center!important;
  margin-top: 12px!important;
}

@media screen and (min-width:320px) and (max-width:767px) {
  .menu-s-button-item  {
    width: 25%!important;
  }
}

.test-class{
  color: red !important;
  background-color: gray !important;
}