/*** for PC Browser ***/
@media (min-width:401px)
{
@charset "UTF-8";

html.is-fsize-big {
   font-size: 20px;
}
#HeaderPane .header-inner .color-switch .color-white {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .color-switch .color-blue {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .color-switch .color-black {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .color-switch dt {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .fsize-switch .fsize-big {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .fsize-switch .fsize-reset {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .fsize-switch dt {
  font-size: 0.875rem;
}
#HeaderPane .global-navi-inner .navibar-item a {
  font-size: 1.125rem;
}
#HeaderPane .header-breadcrumb-inner .breadcrumb {
  font-size: 0.875rem;
}
#HeaderPane .translation-lang a {
  font-size: 0.875rem;
}
#FooterPane .footer-inner .footer-address {
  font-size: 1rem;
}
#FooterPane .footer-inner .footer-address-title {
  font-size: 1.75rem;
}
#FooterPane .footer-inner .town-population * {
  font-size: 0.875rem;
}
#page_top a::before {
  font-size: 1.75rem;
}

/* ----- INDEX ----- */
#Middle #ContentPane .box .is-title {
  font-size: 1.5625rem;
}
#Middle #ContentPane #TownHeadman a {
  font-size: 1.25rem;
}
#Middle #ContentPane #TownHeadman small {
  font-size: 0.875rem;
}
#Middle #ContentPane #TownCouncil a {
  font-size: 1.25rem;
}
#Middle #ContentPane .emergency-info .is-title, #Middle #ContentPane .information .is-title {
  font-size: 1.25rem;
}
#Middle #ContentPane .emergency-info .is-body, #Middle #ContentPane .information .is-body {
  font-size: 1.125rem;
}
#Middle #ContentPane .information .is-body dl * {
  font-size: 1rem;
}
#Middle #ContentPane .information .is-body .new {
  font-size: 0.750rem;
}
#Middle #ContentPane .search-lifework .is-title {
  font-size: 1.5625rem;
}
#Middle #ContentPane .search-lifework .is-title:after {
  font-size: 1.0625rem;
}
#Middle #ContentPane .search-lifework ul li a {
  font-size: 1.125rem;
}
#Middle #ContentPane .bn-contents-links ul li a {
  font-size: 1.125rem;
}
#Middle #ContentPane .tabbox .tabs ul li a {
  font-size: 1rem;
}
#Middle #ContentPane .tabbox .tabs-contents .tabs-contents-body dl * {
  font-size: 1rem;
}
#Middle #ContentPane .tabbox .tabs-contents .tabs-contents-body .new {
  font-size: 0.750rem;
}
#Middle #ContentPane .tabbox .tabs-contents .tabs-contents-footer a {
  font-size: 1rem;
}
#FooterPane .related-links .is-title {
  font-size: 1.5625rem;
}
#FooterPane .related-links .is-title a {
  font-size: 1rem;
}
#FooterPane .banner-koukoku .is-title {
  font-size: 1.5625rem;
}
#FooterPane .banner-koukoku .is-title a {
  font-size: 1rem;
}
#FooterPane .slick-prev:before, #FooterPane .slick-next:before {
  font-size: 1.75rem;
}

/* ----- CONTENTS ----- */
#Middle #ContentPane table thead,
#Middle #ContentPane table tfoot {
   font-size: 1rem;
}
#Middle #ContentPane h2 {
  font-size: 2.5rem;
}
#Middle #ContentPane h3 {
  font-size: 1.75rem;
}
#Middle #ContentPane h4 {
  font-size: 1.5rem;
}
#Middle #ContentPane h5 {
  font-size: 1.375rem;
}
#Middle #ContentPane h6 {
  font-size: 1.1875rem;
}
#Middle #ContentPane .contact_us .is-title {
  font-size: 1.5rem;
}
#Middle #ContentPane .contact_us h5 {
  font-size: 1.125rem;
}
#Middle #ContentPane .contact_us dt {
  font-size: 1.125rem;
}
#Middle #ContentPane .contents-pickup dl * {
  font-size: 1rem;
}
#Middle #ContentPane .contents-pickup .new {
  font-size: 0.750rem;
}
#Middle #ContentPane .contents-pickup .is-title {
  font-size: 1.625rem;
}
#Middle #ContentPane .list-menu .is-title {
  font-size: 1.5625rem;
}
#Middle #ContentPane .list-menu ul li {
  font-size: 1.125rem;
}
#Middle #ContentPane .contents-ItemList .new {
    font-size: 0.750rem;
}
.CustomItemListTitle .new {
  font-size: 0.750rem;
}/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}

}


/*** for Smart Phone ***/
@media (max-width:400px)
{
@charset "UTF-8";

html.is-fsize-big {
   font-size: 20px;
}
#HeaderPane .header-inner .color-switch .color-white {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .color-switch .color-blue {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .color-switch .color-black {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .color-switch dt {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .fsize-switch .fsize-big {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .fsize-switch .fsize-reset {
  font-size: 0.875rem;
}
#HeaderPane .header-inner .fsize-switch dt {
  font-size: 0.875rem;
}
#HeaderPane .global-navi-inner .navibar-item a {
  font-size: 1.125rem;
}
#HeaderPane .header-breadcrumb-inner .breadcrumb {
  font-size: 0.875rem;
}
#HeaderPane .translation-lang a {
  font-size: 0.875rem;
}
#FooterPane .footer-inner .footer-address {
  font-size: 1rem;
}
#FooterPane .footer-inner .footer-address-title {
  font-size: 1.75rem;
}
#FooterPane .footer-inner .town-population * {
  font-size: 0.875rem;
}
#page_top a::before {
  font-size: 1.75rem;
}

/* ----- INDEX ----- */
#Middle #ContentPane .box .is-title {
  font-size: 1.5625rem;
}
#Middle #ContentPane #TownHeadman a {
  font-size: 1.25rem;
}
#Middle #ContentPane #TownHeadman small {
  font-size: 0.875rem;
}
#Middle #ContentPane #TownCouncil a {
  font-size: 1.25rem;
}
#Middle #ContentPane .emergency-info .is-title, #Middle #ContentPane .information .is-title {
  font-size: 1.25rem;
}
#Middle #ContentPane .emergency-info .is-body, #Middle #ContentPane .information .is-body {
  font-size: 1.125rem;
}
#Middle #ContentPane .information .is-body dl * {
  font-size: 1rem;
}
#Middle #ContentPane .information .is-body .new {
  font-size: 0.750rem;
}
#Middle #ContentPane .search-lifework .is-title {
  font-size: 1.5625rem;
}
#Middle #ContentPane .search-lifework .is-title:after {
  font-size: 1.0625rem;
}
#Middle #ContentPane .search-lifework ul li a {
  font-size: 1.125rem;
}
#Middle #ContentPane .bn-contents-links ul li a {
  font-size: 1.125rem;
}
#Middle #ContentPane .tabbox .tabs ul li a {
  font-size: 1rem;
}
#Middle #ContentPane .tabbox .tabs-contents .tabs-contents-body dl * {
  font-size: 1rem;
}
#Middle #ContentPane .tabbox .tabs-contents .tabs-contents-body .new {
  font-size: 0.750rem;
}
#Middle #ContentPane .tabbox .tabs-contents .tabs-contents-footer a {
  font-size: 1rem;
}
#FooterPane .related-links .is-title {
  font-size: 1.5625rem;
}
#FooterPane .related-links .is-title a {
  font-size: 1rem;
}
#FooterPane .banner-koukoku .is-title {
  font-size: 1.5625rem;
}
#FooterPane .banner-koukoku .is-title a {
  font-size: 1rem;
}
#FooterPane .slick-prev:before, #FooterPane .slick-next:before {
  font-size: 1.75rem;
}

/* ----- CONTENTS ----- */
#Middle #ContentPane table thead,
#Middle #ContentPane table tfoot {
   font-size: 1rem;
}
#Middle #ContentPane h2 {
  font-size: 2.5rem;
}
#Middle #ContentPane h3 {
  font-size: 1.75rem;
}
#Middle #ContentPane h4 {
  font-size: 1.5rem;
}
#Middle #ContentPane h5 {
  font-size: 1.375rem;
}
#Middle #ContentPane h6 {
  font-size: 1.1875rem;
}
#Middle #ContentPane .contact_us .is-title {
  font-size: 1.5rem;
}
#Middle #ContentPane .contact_us h5 {
  font-size: 1.125rem;
}
#Middle #ContentPane .contact_us dt {
  font-size: 1.125rem;
}
#Middle #ContentPane .contents-pickup dl * {
  font-size: 1rem;
}
#Middle #ContentPane .contents-pickup .new {
  font-size: 0.750rem;
}
#Middle #ContentPane .contents-pickup .is-title {
  font-size: 1.625rem;
}
#Middle #ContentPane .list-menu .is-title {
  font-size: 1.5625rem;
}
#Middle #ContentPane .list-menu ul li {
  font-size: 1.125rem;
}
#Middle #ContentPane .contents-ItemList .new {
    font-size: 0.750rem;
}
.CustomItemListTitle .new {
  font-size: 0.750rem;
}
}