@charset "UTF-8";
/*!
 * 七ヶ浜町ウェブサイト［英語版用CSS］import
 * update: 2016.11.10
 * author: ASW
*/
/* ==================================================
[ vars ] update: 2016.11.10
================================================== */
/* color
-------------------------------------------------- */
/* ==================================================
[ generic ] update: 2016.11.10
================================================== */
/* --------------------------------------------------
body
-------------------------------------------------- */
body {
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #333;
  font-size: 15px;
  line-height: 1.8;
}

a {
  color: #5468ba;
}

a:hover, a:focus {
  text-decoration: underline;
}

a.btn:hover,
a:hover > img {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}

ul, ol, dl, dt, dd, p {
  margin: 0;
  padding: 0;
}

hr {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  border: 0;
  border-top: 1px solid #DDD;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 1.6;
  }
}
/* ==================================================
 [ l-page ] update: 2016.11.10
================================================== */
/*  article
-------------------------------------------------- */
@media screen and (min-width: 1200px) {
  article#main .container {
    width: 970px;
  }
}
/*  .scroll
-------------------------------------------------- */
@media (max-width: 767px) {
  #main .scroll {
    overflow-x: auto;
    white-space: nowrap;
  }
  #main .scroll th {
    white-space: nowrap !important;
  }
  #main .scroll td.wrap {
    white-space: normal;
  }
  #main .scroll:-webkit-scrollbar {
    height: 5px;
  }
  #main .scroll:-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  #main .scroll:-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}
/* ==================================================
 [ l-header ] update: 2016.11.10
 ================================================== */
/* --------------------------------------------------
header
-------------------------------------------------- */
/* nav.navbar
-------------------------------------------------- */
nav.navbar {
  min-height: auto !important;
  margin-bottom: 0 !important;
  border: none !important;
  box-shadow: 0px 2px 4px 0px rgba(131, 131, 131, 0.5);
  z-index: 99999;
}

nav.navbar .container {
  position: relative;
}

/* .navbar-header
-------------------------------------------------- */
.navbar-header {
  text-align: center;
}

.navbar-header a.navbar-brand {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
}

.navbar-header a.navbar-brand img,
.navbar-header a.navbar-brand-sp img {
  width: 100%;
}

.navbar-header a.navbar-brand-sp {
  width: 55%;
  /*margin:5px auto 0;*/
  margin: 10px auto 0;
}

/*add*/
.navbar-header a.navbar-brand img,
.navbar-header a.navbar-brand-sp img {
  width: auto;
}

/* .headnav (forPC)
-------------------------------------------------- */
.headnav {
  position: absolute;
  top: -1px;
  right: 15px;
  overflow: hidden;
}

.headnav a {
  color: #000;
}

.headnav li {
  display: block;
  margin-left: 1em;
  font-size: 13px;
  margin-top: 20px;
  float: left;
}

.headnav li#go-inquiry {
  font-size: 13px;
  margin-top: 10px;
}

.headnav li#go-inquiry a {
  padding: 12px 20px;
  line-height: 1;
  background-color: #FF9812;
  color: #fff;
}

.headnav li#go-inquiry a:hover {
  text-decoration: none;
  background-color: #FF7912;
}

.headnav li#go-calendar a:before,
.headnav li#go-home a:before,
.headnav li#go-access a:before,
.headnav li#go-recruit a:before,
.headnav li#go-inquiry a:before {
  content: "\f015";
  font-size: 16px;
  font-family: fontawesome;
  font-weight: normal;
  color: #333;
  margin-right: 0.2em;
  vertical-align: baseline;
}

.headnav li#go-calendar a:before {
  content: "\f073";
}

.headnav li#go-access a:before {
  content: "\f1b9";
}

.headnav li#go-recruit a:before {
  content: "\f007";
}

.headnav li#go-inquiry a:before {
  content: "\f059";
  color: #fff;
}

/* #navbar (forPC)
-------------------------------------------------- */
#navbar {
  margin-top: 53px;
}

#navbar .navbar-nav {
  margin-bottom: 15px;
}

#navbar .nav.navbar-nav.navbar-right {
  /*margin-bottom: 0;*/
}

#navbar .navbar-nav li {
  font-weight: bold;
}

#navbar .navbar-nav li a {
  color: #333;
  height: 34px;
  line-height: 34px;
  border-left: solid 1px #C3C3C3;
}

#navbar .navbar-nav li:last-child a {
  border-right: solid 1px #C3C3C3;
}

#navbar .navbar-nav li.dropdown .dropdown-menu {
  padding: 0;
}

#navbar .navbar-nav.navbar-right .dropdown-menu {
  right: auto;
  left: 0;
}

#navbar .navbar-nav li.dropdown a span.caret {
  border-top: 4px dashed #BDAE9A;
}

@media screen and (max-width: 1199px) {
  #navbar {
    margin-top: 43px;
  }

  .headnav li {
    margin-top: 12px;
  }

  .headnav li#go-inquiry {
    margin-top: 6px;
  }

  .headnav li#go-inquiry a {
    padding: 12px 20px 8px;
  }

  .nav > li > a {
    position: relative;
    display: block;
    /*padding: 10px 10px;*/
    padding: 10px 6px;
    color: #FFCC44;
  }

  #navbar .navbar-nav li a {
    height: 26px;
    line-height: 26px;
  }
}
@media screen and (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
  }

  #navbar li.dropdown .dropdown-menu a {
    color: #333;
    border-bottom: solid 1px #EEEEEE;
    height: auto;
    /*line-height: auto;*/
  }

  #navbar li.dropdown a.dropdown-toggle {
    text-align: center;
    padding-bottom: 5px;
  }

  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }

  .navbar-right .dropdown-menu {
    right: auto;
    left: 0;
  }
}
/*[END] min-width: 768px */
@media screen and (min-width: 768px) and (max-width: 991px) {
  #navbar {
    margin-right: -15px;
  }

  .navbar-header a.navbar-brand {
    display: block;
    width: 235px;
    margin-top: 30px;
    padding: 0 0px 0 15px;
  }
}
/*[END] min-width: 768px >> max-width: 991px */
@media screen and (max-width: 767px) {
  #headerBottom {
    height: auto;
  }

  #navbar {
    margin-right: -15px;
  }

  .navbar-header a.navbar-brand {
    display: block;
    width: 300px;
    margin-top: 30px;
    padding: 0 0 0 15px;
  }

  .navbar-header a.inquiry i {
    font-size: 2.75rem;
    color: #5468BA;
    float: right;
    padding: 10px 15px 0 0;
  }

  #navbar {
    margin-top: 0;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: transparent;
  }

  #navbar li a:hover,
  #navbar li a:focus,
  #navbar li.open a:hover,
  #navbar li.open a:focus {
    background-color: #F5F5F5;
  }

  #navbar ul.navbar-nav li {
    font-weight: normal;
    font-size: 15px;
  }

  #navbar ul.navbar-nav li a {
    color: #FFF;
  }

  #navbar ul.navbar-nav li a {
    border-bottom: solid 1px #EFECE8;
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 20px;
    background-color: #AE8B69;
  }

  #navbar li.dropdown {
    pointer-events: none;
    cursor: default;
    overflow: hidden;
  }

  #navbar li.dropdown li {
    pointer-events: auto;
    cursor: default;
  }

  #navbar li.dropdown a span.caret {
    display: none;
  }

  #navbar li.dropdown .dropdown-menu,
  #navbar li.dropdown.open .dropdown-menu {
    display: block;
    position: static;
    width: 100%;
    border: none;
    box-shadow: none;
  }

  #navbar ul.navbar-nav li.dropdown a:after {
    content: "";
  }

  #navbar ul.navbar-nav li a:after,
  #navbar li.dropdown .dropdown-menu li a:after {
    font-family: 'Material-Design-Iconic-Font';
    content: "\f2fb";
    position: absolute;
    top: 50%;
    right: 15px;
    line-height: 0.1;
    font-size: 160%;
    color: #FFF;
  }

  #navbar li.dropdown .dropdown-menu > li > a {
    padding-left: 2em;
    position: relative;
  }
}
/*[END] @media (max-width: 767px)*/
/*
#fontSize
-------------------------------------------------- */
#fontSize {
  background: url(../images/font_chage_bg.png) no-repeat left top;
  height: 20px;
  width: 141px;
  margin: 0.3em 0 0;
  padding: 0 0 0 69px;
}

#fontSize li {
  height: 20px;
  width: 20px;
  cursor: pointer;
  float: left;
  text-indent: -9999px;
  list-style: none;
  margin: 0 6px 0 0;
}
#fontSize li:last-child {
  margin-right: 0;
}

#fontSize li:hover {
  background: #5565BC;
  opacity: 0.25;
  filter: alpha(opacity=25);
  -ms-filter: "alpha( opacity=25 )";
}

#fontSize li.active#text-s {
  background: url(../images/font_chage_bt.png) no-repeat left top;
}

#fontSize li.active#text-m {
  background: url(../images/font_chage_bt.png) no-repeat -26px 0px;
}

#fontSize li.active#text-l {
  background: url(../images/font_chage_bt.png) no-repeat -52px 0px;
}

/* drawer
-------------------------------------------------- */
.drawer--left.drawer-open .drawer-hamburger {
  left: 80%;
}

.drawer-container {
  text-align: left;
}

.drawer-nav {
  position: fixed;
  z-index: 2;
  top: 0;
  overflow: hidden;
  width: 80%;
  height: 100%;
  color: #222;
  background-color: #fff;
  border-right: solid 1px #DDD;
}

.drawer-open .drawer-nav {
  box-shadow: 1px 0px 5px 0px rgba(131, 131, 131, 0.5);
}

.drawer--left .drawer-nav {
  left: -80%;
  -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.drawer-hamburger {
  position: fixed;
  position: relative;
  z-index: 104;
  top: 0;
  display: block;
  box-sizing: content-box;
  width: 2.5rem;
  padding: 0;
  padding-top: 2.25rem;
  padding-right: 1.5rem;
  padding-bottom: 20px;
  padding-left: 1.5rem;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
  float: left;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #222;
}

.drawer-hamburger-icon {
  margin: 0;
  padding: 0;
}

.drawer-hamburger-icon:before {
  margin-top: 2px;
}

.drawer-hamburger-icon:after {
  margin-top: -2px;
}

.drawer-open .drawer-hamburger {
  width: 2.5rem;
}

.drawer-open .drawer-hamburger-icon:before {
  margin-top: auto;
}

.drawer-open .drawer-hamburger-icon:after {
  margin-top: auto;
}

.drawer-menu > li > a {
  color: #FFF;
  font-size: 15px;
  height: 47px;
  line-height: 47px;
  padding: 0 15px;
  display: block;
  border-bottom: solid 1px #5C5C5C;
  background-color: #4A4A4A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.drawer-menu > li:after {
  content: "\f105";
  font-size: 22px;
  font-family: fontawesome;
  font-weight: normal;
  color: #909090;
  border-bottom: solid 1px #5C5C5C;
  background-color: #4A4A4A;
  vertical-align: baseline;
  float: right;
  height: 47px;
  line-height: 47px;
  padding-right: 15px;
}

.drawer-menu > li:last-of-type:after {
  content: none;
}

.drawer-menu > li.ex > a:before {
  content: "\f08e";
  font-size: 14px;
  font-family: fontawesome;
  font-weight: normal;
  color: #FFF;
  vertical-align: baseline;
  padding-right: 0.35em;
}

.drawer-menu > li > ul {
  padding-left: 2em;
}

.drawer-menu > li li {
  list-style-type: none;
}

.drawer-menu > li li a {
  color: #FFF;
  line-height: 34px;
  padding: 0;
  display: block;
}

.drawer-menu li a:hover {
  text-decoration: none;
}

/*add*/
body.drawer-open a.inquiry i {
  transition: 0.6s;
  opacity: 0;
}

.drawer--left.drawer-open .drawer-hamburger {
  left: 85%;
}

.drawer--left .drawer-nav {
  left: -85%;
  -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.drawer-nav {
  position: fixed;
  z-index: 2;
  top: 0;
  overflow: hidden;
  width: 85%;
  height: 100%;
  color: #222;
  background-color: #fff;
  background-color: #5C5C5C;
  border-right: solid 1px #DDD;
}

.drawer-overlay {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(250, 250, 250, 0.75);
}

/* .topic-path
-------------------------------------------------- */
.topic-path {
  height: 34px;
  border-bottom: 3px solid #5468ba;
  text-align: center;
  overflow: hidden;
}
.todokede .topic-path {
  border-bottom: 3px solid #95D800;
}
.otoiawase .topic-path {
  border-bottom: 3px solid #D296F3;
}
.oshirase .topic-path {
  border-bottom: 3px solid #FDA29C;
}
.joho .topic-path {
  border-bottom: 3px solid #63D3D6;
}
.keyword .topic-path {
  border-bottom: 3px solid #5565BC;
}

.home .topic-path {
  display: none;
}

.topic-path,
.topic-path a,
.topic-path .current {
  color: #555;
  font-size: 13px;
  font-weight: normal;
  line-height: 34px;
}

.topic-path a {
  text-decoration: underline;
}

.topic-path a:hover {
  text-decoration: none;
}

.topic-path a {
  margin-right: 5px;
}

.topic-path .current {
  margin-left: 5px;
}

@media screen and (max-width: 767px) {
  .topic-path {
    display: none;
  }
}
/* ==================================================
 [ l-title ] update: 2017.04.17
 ================================================== */
/* --------------------------------------------------
.category
-------------------------------------------------- */
/* .benricho
-------------------------------------------------- */
.benricho .category-select {
  position: relative;
  z-index: 1000;
  background-color: #5468ba;
}
.benricho .category-select a {
  color: #FFF;
  text-decoration: none;
}
.benricho .category-select .title {
  padding: 50px 0;
  text-align: center;
  color: #fff;
}
.benricho .category-select .title h2 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .benricho .category-select .title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.benricho .category-select .title .sub-title {
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .benricho .category-select .title .sub-title {
    font-size: 13px;
  }
}
.benricho .category-select nav {
  border-top: solid 1px #909bc9;
}
.benricho .category-select nav ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.benricho .category-select nav ul > li {
  border-left: solid 1px #909bc9;
  line-height: 56px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .benricho .category-select nav ul > li {
    line-height: 50px;
  }
  .benricho .category-select nav ul > li:first-child {
    border-left: none;
  }
  .benricho .category-select nav ul > li:last-child {
    border-right: none;
  }
}
.benricho .category-select nav ul > li:last-of-type {
  border-right: solid 1px #909bc9;
}
.benricho .category-select nav ul > li:nth-of-type(1) > a {
  border-bottom: solid 4px #95d800;
}
.benricho .category-select nav ul > li:nth-of-type(2) > a {
  border-bottom: solid 4px #d296f3;
}
.benricho .category-select nav ul > li:nth-of-type(3) > a {
  border-bottom: solid 4px #fda29c;
}
.benricho .category-select nav ul > li:nth-of-type(4) > a {
  border-bottom: solid 4px #63d3d6;
}
.benricho .category-select nav ul > li a {
  color: #FFF;
  font-size: 16px;
  text-align: center;
  margin: 0 -15px 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .benricho .category-select nav ul > li a {
    font-size: 12px;
  }
}
.benricho .category-select nav ul > li a:hover {
  text-decoration: none;
}
.benricho .category-select nav ul.sub-cat {
  margin: 0;
  display: none;
  position: absolute;
  left: 0px;
  width: 100%;
}
.benricho .category-select nav ul.sub-cat li {
  border: none;
  line-height: 32px;
  height: 32px;
  margin-left: 15px;
  margin-right: 15px;
}
.benricho .category-select nav ul.sub-cat li a {
  display: block;
  height: 32px;
  border-bottom: solid 1px #8893CA;
  background-color: #687bc9;
}
.benricho .category-select nav ul.sub-cat li a:hover {
  background-color: #5468ba;
}
.benricho .category-select nav ul.sub-cat li:last-of-type {
  border-right: none;
}

.benricho.todokede ul.cat-name > li:nth-of-type(1) > a,
.benricho.otoiawase ul.cat-name > li:nth-of-type(2) > a,
.benricho.oshirase ul.cat-name > li:nth-of-type(3) > a,
.benricho.joho ul.cat-name > li:nth-of-type(4) > a {
  background-color: #687bc9;
}

/* .town
-------------------------------------------------- */
.town .category-select {
  position: relative;
  z-index: 1000;
  background-color: #5A609C;
}
.town .category-select a {
  color: #FFF;
  text-decoration: none;
}
.town .category-select .title {
  padding: 30px 0 25px;
  text-align: center;
  color: #fff;
}
.town .category-select .title h2 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .town .category-select .title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.town .category-select .title .sub-title {
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .town .category-select .title .sub-title {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.4;
  }
  .town .category-select .title .sub-title span {
    display: block;
  }
}
.town .category-select nav {
  border-top: solid 1px #747DCE;
}
.town .category-select nav ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.town .category-select nav ul > li {
  border-left: solid 1px #747DCE;
  line-height: 56px;
  position: relative;
}
.town .category-select nav ul > li:last-of-type {
  border-right: solid 1px #747DCE;
}
@media screen and (max-width: 767px) {
  .town .category-select nav ul > li {
    line-height: 50px;
  }
  .town .category-select nav ul > li a {
    height: 50px;
    overflow: hidden;
  }
  .town .category-select nav ul > li:nth-child(1) {
    border-left: none;
    border-bottom: solid 1px #747DCE;
  }
  .town .category-select nav ul > li:nth-child(2) {
    border-right: none;
    border-bottom: solid 1px #747DCE;
  }
  .town .category-select nav ul > li:nth-child(3) {
    border-right: none;
  }
}
.town .category-select nav ul > li a {
  color: #FFF;
  font-size: 16px;
  text-align: center;
  margin: 0 -15px 0;
  display: block;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .town .category-select nav ul > li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .town .category-select nav ul > li a {
    font-size: 14px;
  }
}
.town .category-select nav ul > li a:hover {
  text-decoration: none;
  background-color: #676EB4;
}

.town.top .category-select .title {
  padding: 70px 0;
  background-color: #5A609C;
  background-image: url("../../town2/images/top-title-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .town.top .category-select .title {
    padding: 50px 0;
  }
}

.town.plan ul.cat-name > li:nth-of-type(1) > a,
.town.admin ul.cat-name > li:nth-of-type(2) > a,
.town.data ul.cat-name > li:nth-of-type(3) > a {
  background-color: #676EB4;
}

/* .town.reconstruction
-------------------------------------------------- */
.town.reconstruction .category-select {
  position: relative;
  z-index: 1000;
  background-color: #773A4C;
}
.town.reconstruction .category-select a {
  color: #FFF;
  text-decoration: none;
}
.town.reconstruction .category-select .title {
  padding: 30px 0 50px;
  text-align: center;
  color: #fff;
}
.town.reconstruction .category-select .title h2 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .town.reconstruction .category-select .title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.town.reconstruction .category-select .title .sub-title {
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .town.reconstruction .category-select .title .sub-title {
    font-size: 13px;
  }
}
.town.reconstruction .category-select nav {
  border-top: solid 1px #9A6372;
}
.town.reconstruction .category-select nav ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.town.reconstruction .category-select nav ul > li {
  border-left: solid 1px #9A6372;
  line-height: 56px;
  position: relative;
}
.town.reconstruction .category-select nav ul > li:last-of-type {
  border-right: solid 1px #9A6372;
}
@media screen and (max-width: 767px) {
  .town.reconstruction .category-select nav ul > li {
    line-height: 50px;
  }
  .town.reconstruction .category-select nav ul > li a {
    height: 50px;
    overflow: hidden;
  }
  .town.reconstruction .category-select nav ul > li:nth-child(1) {
    border-left: none;
    border-bottom: solid 1px #9A6372;
  }
  .town.reconstruction .category-select nav ul > li:nth-child(2) {
    border-right: none;
    border-bottom: solid 1px #9A6372;
  }
  .town.reconstruction .category-select nav ul > li:nth-child(3) {
    border-left: none;
  }
  .town.reconstruction .category-select nav ul > li:nth-child(4) {
    border-right: none;
  }
  .town.reconstruction .category-select nav ul > li:last-of-type {
    border-right: none;
  }
}
.town.reconstruction .category-select nav ul > li a {
  color: #FFF;
  font-size: 16px;
  text-align: center;
  margin: 0 -15px 0;
  display: block;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .town.reconstruction .category-select nav ul > li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .town.reconstruction .category-select nav ul > li a {
    font-size: 14px;
  }
}
.town.reconstruction .category-select nav ul > li a:hover {
  text-decoration: none;
  background-color: #8C4C68;
}

.reconstruction.top .category-select .title {
  padding: 70px 0;
  background-color: #6C3240;
  background-image: url("../../reconstruction/images/top-title-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .reconstruction.top .category-select .title {
    padding: 50px 0;
  }
}

.reconstruction.disaster ul.cat-name > li:nth-of-type(1) > a,
.reconstruction.infra ul.cat-name > li:nth-of-type(2) > a,
.reconstruction.life ul.cat-name > li:nth-of-type(3) > a,
.reconstruction.info ul.cat-name > li:nth-of-type(4) > a {
  background-color: #8C4C68;
}

/* .relax
-------------------------------------------------- */
.relax .category-select {
  position: relative;
  z-index: 1000;
  background-color: #26A6C8;
}
.relax .category-select a {
  color: #FFF;
  text-decoration: none;
}
.relax .category-select .title {
  padding: 30px 0 50px;
  text-align: center;
  color: #fff;
}
.relax .category-select .title h2 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .relax .category-select .title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.relax .category-select .title .sub-title {
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .relax .category-select .title .sub-title {
    font-size: 13px;
  }
}
.relax .category-select nav {
  border-top: solid 1px #B6E0ED;
}
.relax .category-select nav ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.relax .category-select nav ul > li {
  border-left: solid 1px #B6E0ED;
  line-height: 56px;
  position: relative;
}
.relax .category-select nav ul > li:last-of-type {
  border-right: solid 1px #B6E0ED;
}
@media screen and (max-width: 767px) {
  .relax .category-select nav ul > li {
    line-height: 50px;
  }
  .relax .category-select nav ul > li a {
    height: 50px;
    overflow: hidden;
  }
  .relax .category-select nav ul > li:nth-child(1) {
    border-left: none;
    border-bottom: solid 1px #B6E0ED;
  }
  .relax .category-select nav ul > li:nth-child(2) {
    border-right: none;
    border-bottom: solid 1px #B6E0ED;
  }
  .relax .category-select nav ul > li:nth-child(3) {
    border-left: none;
  }
  .relax .category-select nav ul > li:nth-child(4) {
    border-right: none;
  }
  .relax .category-select nav ul > li:last-of-type {
    border-right: none;
  }
}
.relax .category-select nav ul > li a {
  color: #FFF;
  font-size: 16px;
  text-align: center;
  margin: 0 -15px 0;
  display: block;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .relax .category-select nav ul > li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .relax .category-select nav ul > li a {
    font-size: 14px;
  }
}
.relax .category-select nav ul > li a:hover {
  text-decoration: none;
  background-color: #45B9D8;
}

.relax.top .category-select .title {
  padding: 70px 0;
  background-color: #0B91B5;
  background-image: url("../../relax2/images/top-title-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .relax.top .category-select .title {
    padding: 50px 0;
  }
}

.relax.spot01 ul.cat-name > li:nth-of-type(1) > a,
.relax.spot02 ul.cat-name > li:nth-of-type(1) > a,
.relax.spot03 ul.cat-name > li:nth-of-type(1) > a,
.relax.spot04 ul.cat-name > li:nth-of-type(1) > a,
.relax.spot05 ul.cat-name > li:nth-of-type(1) > a,
.relax.spot06 ul.cat-name > li:nth-of-type(1) > a,
.relax.spot07 ul.cat-name > li:nth-of-type(1) > a,
.relax.spot08 ul.cat-name > li:nth-of-type(1) > a,
.relax.spot09 ul.cat-name > li:nth-of-type(1) > a,
.relax.stay_fishing ul.cat-name > li:nth-of-type(2) > a,
.relax.saiziki ul.cat-name > li:nth-of-type(3) > a,
.relax.news ul.cat-name > li:nth-of-type(4) > a {
  background-color: #45B9D8;
}

/* .aquarena
-------------------------------------------------- */
.aquarena .category-select {
  position: relative;
  z-index: 1000;
  background-color: #2F8DCA;
}
.aquarena .category-select a {
  color: #FFF;
  text-decoration: none;
}
.aquarena .category-select .title {
  padding: 30px 0 50px;
  text-align: center;
  color: #fff;
}
.aquarena .category-select .title h2 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .aquarena .category-select .title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.aquarena .category-select .title .sub-title {
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .aquarena .category-select .title .sub-title {
    font-size: 13px;
  }
}
.aquarena .category-select nav {
  border-top: solid 1px #6EB8DB;
}
.aquarena .category-select nav ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.aquarena .category-select nav ul > li {
  border-left: solid 1px #6EB8DB;
  line-height: 56px;
  position: relative;
}
.aquarena .category-select nav ul > li:last-of-type {
  border-right: solid 1px #6EB8DB;
}
@media screen and (max-width: 767px) {
  .aquarena .category-select nav ul > li {
    line-height: 50px;
  }
  .aquarena .category-select nav ul > li a {
    height: 50px;
    overflow: hidden;
  }
  .aquarena .category-select nav ul > li:nth-child(1) {
    border-left: none;
    border-bottom: solid 1px #6EB8DB;
  }
  .aquarena .category-select nav ul > li:nth-child(2) {
    border-right: none;
    border-bottom: solid 1px #6EB8DB;
  }
  .aquarena .category-select nav ul > li:nth-child(3) {
    border-left: none;
  }
  .aquarena .category-select nav ul > li:nth-child(4) {
    border-right: none;
  }
  .aquarena .category-select nav ul > li:last-of-type {
    border-right: none;
  }
}
.aquarena .category-select nav ul > li a {
  color: #FFF;
  font-size: 16px;
  text-align: center;
  margin: 0 -15px 0;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .aquarena .category-select nav ul > li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .aquarena .category-select nav ul > li a {
    font-size: 14px;
  }
}
.aquarena .category-select nav ul > li a:hover {
  text-decoration: none;
  background-color: #3D9BD9;
}

.aquarena.top .category-select .title {
  padding: 70px 0;
  background-color: #2F8DCA;
  background-image: url("../../aquarena/images/top-title-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .aquarena.top .category-select .title {
    padding: 50px 0;
  }
}

.aquarena.consept ul.cat-name > li:nth-of-type(1) > a,
.aquarena.facility01 ul.cat-name > li:nth-of-type(2) > a,
.aquarena.facility02 ul.cat-name > li:nth-of-type(2) > a,
.aquarena.facility03 ul.cat-name > li:nth-of-type(2) > a,
.aquarena.facility04 ul.cat-name > li:nth-of-type(2) > a,
.aquarena.facility05 ul.cat-name > li:nth-of-type(2) > a,
.aquarena.facility06 ul.cat-name > li:nth-of-type(2) > a,
.aquarena.facility07 ul.cat-name > li:nth-of-type(2) > a,
.aquarena.facility08 ul.cat-name > li:nth-of-type(2) > a,
.aquarena.facility10 ul.cat-name > li:nth-of-type(2) > a,
.aquarena.news ul.cat-name > li:nth-of-type(3) > a {
  background-color: #3D9BD9;
}

/* .edu
-------------------------------------------------- */
.edu .category-select {
  position: relative;
  z-index: 1000;
  background-color: #34A275;
}
.edu .category-select a {
  color: #FFF;
  text-decoration: none;
}
.edu .category-select .title {
  padding: 30px 0 50px;
  text-align: center;
  color: #fff;
}
.edu .category-select .title h2 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .edu .category-select .title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.edu .category-select .title .sub-title {
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .edu .category-select .title .sub-title {
    font-size: 13px;
  }
}
.edu .category-select nav {
  border-top: solid 1px #5CC394;
}
.edu .category-select nav ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.edu .category-select nav ul > li {
  border-left: solid 1px #5CC394;
  line-height: 56px;
  position: relative;
}
.edu .category-select nav ul > li:last-of-type {
  border-right: solid 1px #5CC394;
}
@media screen and (max-width: 767px) {
  .edu .category-select nav ul > li {
    line-height: 50px;
  }
  .edu .category-select nav ul > li a {
    height: 50px;
    overflow: hidden;
  }
  .edu .category-select nav ul > li:nth-child(1) {
    border-left: none;
    border-bottom: solid 1px #5CC394;
  }
  .edu .category-select nav ul > li:nth-child(2) {
    border-right: none;
    border-bottom: solid 1px #5CC394;
  }
  .edu .category-select nav ul > li:nth-child(3) {
    border-left: none;
  }
  .edu .category-select nav ul > li:nth-child(4) {
    border-right: none;
  }
  .edu .category-select nav ul > li:last-of-type {
    border-right: none;
  }
}
.edu .category-select nav ul > li a {
  color: #FFF;
  font-size: 16px;
  text-align: center;
  margin: 0 -15px 0;
  display: block;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .edu .category-select nav ul > li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .edu .category-select nav ul > li a {
    font-size: 14px;
  }
}
.edu .category-select nav ul > li a:hover {
  text-decoration: none;
  background-color: #37B280;
}

.edu.top .category-select .title {
  padding: 70px 0;
  background-color: #34A275;
  background-image: url("../../edu/images/top-title-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .edu.top .category-select .title {
    padding: 50px 0;
  }
}

.edu.consept ul.cat-name > li:nth-of-type(1) > a,
.edu.facility01 ul.cat-name > li:nth-of-type(2) > a,
.edu.facility03 ul.cat-name > li:nth-of-type(2) > a,
.edu.facility05 ul.cat-name > li:nth-of-type(2) > a,
.edu.news ul.cat-name > li:nth-of-type(3) > a {
  background-color: #37B280;
}

/* .kokusai
-------------------------------------------------- */
.kokusai .category-select {
  position: relative;
  z-index: 1000;
  background-color: #18989A;
}
.kokusai .category-select a {
  color: #FFF;
  text-decoration: none;
}
.kokusai .category-select .title {
  padding: 30px 0;
  text-align: center;
  color: #fff;
}
.kokusai .category-select .title h2 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .kokusai .category-select .title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.kokusai .category-select .title .sub-title {
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .kokusai .category-select .title .sub-title {
    font-size: 13px;
  }
}
.kokusai .category-select nav {
  border-top: solid 1px #6DCBCA;
}
.kokusai .category-select nav ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.kokusai .category-select nav ul > li {
  border-left: solid 1px #6DCBCA;
  line-height: 56px;
  position: relative;
}
.kokusai .category-select nav ul > li:last-of-type {
  border-right: solid 1px #6DCBCA;
}
@media screen and (max-width: 767px) {
  .kokusai .category-select nav ul > li {
    line-height: 50px;
  }
  .kokusai .category-select nav ul > li a {
    height: 50px;
    overflow: hidden;
  }
  .kokusai .category-select nav ul > li:nth-child(1) {
    border-left: none;
    border-bottom: solid 1px #6DCBCA;
  }
  .kokusai .category-select nav ul > li:nth-child(2) {
    border-right: none;
    border-bottom: solid 1px #6DCBCA;
  }
  .kokusai .category-select nav ul > li:nth-child(3) {
    border-left: none;
  }
  .kokusai .category-select nav ul > li:nth-child(4) {
    border-right: none;
  }
  .kokusai .category-select nav ul > li:last-of-type {
    border-right: none;
  }
}
.kokusai .category-select nav ul > li a {
  color: #FFF;
  font-size: 16px;
  text-align: center;
  margin: 0 -15px 0;
  display: block;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .kokusai .category-select nav ul > li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .kokusai .category-select nav ul > li a {
    font-size: 14px;
  }
}
.kokusai .category-select nav ul > li a:hover {
  text-decoration: none;
  background-color: #32A6A7;
}

.kokusai.top .category-select .title {
  padding: 70px 0;
  background-color: #217979;
  background-image: url("../../kokusai/images/top-title-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .kokusai.top .category-select .title {
    padding: 50px 0;
  }
}

.kokusai.consept ul.cat-name > li:nth-of-type(1) > a,
.kokusai.facility ul.cat-name > li:nth-of-type(2) > a,
.kokusai.guide ul.cat-name > li:nth-of-type(3) > a,
.kokusai.news ul.cat-name > li:nth-of-type(4) > a {
  background-color: #32A6A7;
}

/* .english
-------------------------------------------------- */
.english .category-select {
  position: relative;
  z-index: 1000;
  background-color: #4C5B85;
}
.english .category-select a {
  color: #FFF;
  text-decoration: none;
}
.english .category-select .title {
  padding: 50px 0;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .english .category-select .title {
    padding: 20px 0 25px;
  }
}
.english .category-select .title h2 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .english .category-select .title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.english .category-select .title .sub-title {
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .english .category-select .title .sub-title {
    font-size: 13px;
  }
}
.english .category-select nav {
  border-top: solid 1px #747EA0;
}
.english .category-select nav ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.english .category-select nav ul > li {
  border-left: solid 1px #747EA0;
  line-height: 56px;
  position: relative;
}
.english .category-select nav ul > li:last-of-type {
  border-right: solid 1px #747EA0;
}
@media screen and (max-width: 767px) {
  .english .category-select nav ul > li {
    line-height: 50px;
  }
  .english .category-select nav ul > li a {
    height: 50px;
    overflow: hidden;
  }
  .english .category-select nav ul > li:nth-child(1) {
    border-left: none;
    border-bottom: solid 1px #747EA0;
  }
  .english .category-select nav ul > li:nth-child(2) {
    border-right: none;
    border-bottom: solid 1px #747EA0;
  }
}
.english .category-select nav ul > li a {
  color: #FFF;
  font-size: 16px;
  text-align: center;
  margin: 0 -15px 0;
  display: block;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .english .category-select nav ul > li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .english .category-select nav ul > li a {
    font-size: 13px;
  }
}
.english .category-select nav ul > li a:hover {
  text-decoration: none;
  background-color: #556385;
}

.english.top .category-select .title {
  padding: 70px 0;
  background-color: #4C5B85;
  background-image: url("../../ie/images/top-title-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .english.top .category-select .title {
    padding: 50px 0;
  }
}

.english.top ul.cat-name > li:nth-of-type(1) > a,
.english.guide ul.cat-name > li:nth-of-type(2) > a,
.english.news ul.cat-name > li:nth-of-type(3) > a {
  background-color: #556385;
}

/* [町役場問い合わせ先一覧][アクセス情報]
-------------------------------------------------- */
.common .category-select a {
  color: #FFF;
  text-decoration: none;
}
.common .category-select nav {
  border-top: solid 1px #9AD18C;
}
.common .category-select nav ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.common .category-select nav ul > li {
  border-left: solid 1px #9AD18C;
  line-height: 56px;
  position: relative;
}
.common .category-select nav ul > li:first-child {
  margin-left: 12.5%;
}
@media screen and (max-width: 767px) {
  .common .category-select nav ul > li {
    line-height: 50px;
  }
  .common .category-select nav ul > li:first-child {
    border-left: none;
    margin-left: 0;
  }
  .common .category-select nav ul > li:last-child {
    border-right: none;
  }
}
.common .category-select nav ul > li:last-of-type {
  border-right: solid 1px #9AD18C;
}
.common .category-select nav ul > li:nth-of-type(1) > a, .common .category-select nav ul > li:nth-of-type(2) > a, .common .category-select nav ul > li:nth-of-type(3) > a, .common .category-select nav ul > li:nth-of-type(4) > a {
  border-bottom: none;
}
.common .category-select nav ul > li a {
  color: #FFF;
  font-size: 16px;
  text-align: center;
  margin: 0 -15px 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .common .category-select nav ul > li a {
    font-size: 12px;
    line-height: 1.5;
    padding: 8px 0 6px;
  }
  .common .category-select nav ul > li a span {
    display: block;
  }
}
@media screen and (max-width: 360x) {
  .common .category-select nav ul > li a span {
    display: block;
  }
}
.common .category-select nav ul > li:hover {
  text-decoration: none;
  background-color: #6CC853;
}

.contact.common .category-select ul > li:nth-child(2) a {
  background-color: #6CC853;
}

.relation.common .category-select ul > li:nth-child(3) a {
  background-color: #6CC853;
}

.access.common .category-select ul > li:first-child {
  margin-left: 16.6666666667%;
}
@media screen and (max-width: 767px) {
  .access.common .category-select ul > li:first-child {
    margin-left: 0;
  }
}
.access.common .category-select ul > li:nth-child(1) a {
  background-color: #6CC853;
}

/* ==================================================
[ l-main ] update: 2017.1.29
================================================== */
/* -------------------------------------------------- 
　便利帳TOP + 便利帳INDEX + 便利帳コンテンツ + 標準コンテンツ
-------------------------------------------------- */
#main {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #main {
    margin-bottom: 30px;
  }
}
#main h1 {
  font-size: 186.6666666667%;
  line-height: 100px;
  line-height: 1.5;
  text-align: center;
  padding: 25px;
  border-bottom: 3px solid #5468ba;
  margin: 0 0 34px;
}
@media screen and (max-width: 767px) {
  #main h1 {
    font-size: 20px;
    line-height: 1.5;
    padding: 15px;
    margin: 0 0 10px;
  }
  #main h1:before {
    font-size: 25px !important;
    margin-right: 0.5em;
  }
}
#main h1 h1.top {
  font-size: 36px;
  line-height: 100px;
  margin: 0 0 34px;
}
.todokede #main h1 {
  border-bottom: 3px solid #95D800;
}
.todokede #main h1.top:before {
  content: "\f222";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 40px;
  color: #95D800;
  margin-right: 0.25em;
}
.otoiawase #main h1 {
  border-bottom: 3px solid #D296F3;
}
.otoiawase #main h1.top:before {
  content: "\f1f6";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 40px;
  color: #D296F3;
  margin-right: 0.25em;
}
.oshirase #main h1 {
  border-bottom: 3px solid #FDA29C;
}
.oshirase #main h1.top:before {
  content: "\f263";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 40px;
  color: #FDA29C;
  margin-right: 0.25em;
}
.joho #main h1 {
  border-bottom: 3px solid #63D3D6;
}
.joho #main h1.top:before {
  content: "\f18d";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 40px;
  color: #63D3D6;
  margin-right: 0.25em;
}
.keyword #main h1 {
  border-bottom: 3px solid #5565BC;
  color: #EA6578;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  .keyword #main h1 {
    border-bottom: none;
    margin-bottom: 0;
    font-size: 22px;
  }
}
.keyword #main h1.top:before {
  content: "キーワード";
  font-size: 16px;
  line-height: 28px;
  color: #EA6578;
  border: solid 2px #EA6578;
  padding: 0 5px;
  border-radius: 3px;
  margin-right: 0.75em;
  display: inline-block;
  vertical-align: text-bottom;
}
@media screen and (max-width: 767px) {
  .keyword #main h1.top:before {
    font-size: 12px !important;
    line-height: 16px;
    padding: 0 2px;
    border: solid 1px #EA6578;
    display: block;
    width: 6em;
    margin: 0 auto;
  }
}
@media all and (-ms-high-contrast: none) {
  #main *::-ms-backdrop, #main h1 {
    line-height: 1.25;
    vertical-align: baseline;
    padding: 38px 25px 20px;
  }
}
#main h1.welcome {
  color: #4256a8;
  font-size: 18px;
  font-size: 120%;
  line-height: 28px;
  padding: 30px 0;
}
@media screen and (max-width: 767px) {
  #main h1.welcome {
    font-size: 15px;
    padding: 10px 15px;
    text-align: left;
  }
}
#main ul, #main ol {
  padding-left: 1.75em;
}
@media screen and (max-width: 767px) {
  #main ul, #main ol {
    margin-bottom: 1em;
  }
}
#main .notice {
  color: #FA443E;
}
#main .notice.alert-box {
  font-size: 133.3333333333%;
  line-height: 1.25;
  font-weight: bold;
  border: solid 2px #FA443E;
  padding: 15px;
  text-align: center;
  margin-bottom: 35px;
  border-radius: 4px;
}
#main dl,
#main .horizontal-block {
  overflow: hidden;
}
#main dl .img_space300,
#main dl .img_space200,
#main dl .img_space180,
#main dl .img_space150,
#main dl .img_space120,
#main dl .img_space100,
#main dl .space300,
#main dl .space200,
#main dl .space180,
#main dl .space150,
#main dl .space120,
#main dl .space100,
#main .horizontal-block .img_space300,
#main .horizontal-block .img_space200,
#main .horizontal-block .img_space180,
#main .horizontal-block .img_space150,
#main .horizontal-block .img_space120,
#main .horizontal-block .img_space100,
#main .horizontal-block .space300,
#main .horizontal-block .space200,
#main .horizontal-block .space180,
#main .horizontal-block .space150,
#main .horizontal-block .space120,
#main .horizontal-block .space100 {
  width: 200px;
  float: left;
}
#main dl .img_space300 img,
#main dl .img_space200 img,
#main dl .img_space180 img,
#main dl .img_space150 img,
#main dl .img_space120 img,
#main dl .img_space100 img,
#main dl .space300 img,
#main dl .space200 img,
#main dl .space180 img,
#main dl .space150 img,
#main dl .space120 img,
#main dl .space100 img,
#main .horizontal-block .img_space300 img,
#main .horizontal-block .img_space200 img,
#main .horizontal-block .img_space180 img,
#main .horizontal-block .img_space150 img,
#main .horizontal-block .img_space120 img,
#main .horizontal-block .img_space100 img,
#main .horizontal-block .space300 img,
#main .horizontal-block .space200 img,
#main .horizontal-block .space180 img,
#main .horizontal-block .space150 img,
#main .horizontal-block .space120 img,
#main .horizontal-block .space100 img {
  margin-bottom: 0.75em;
}
#main dl .img_space300 .note,
#main dl .img_space200 .note,
#main dl .img_space180 .note,
#main dl .img_space150 .note,
#main dl .img_space120 .note,
#main dl .img_space100 .note,
#main dl .space300 .note,
#main dl .space200 .note,
#main dl .space180 .note,
#main dl .space150 .note,
#main dl .space120 .note,
#main dl .space100 .note,
#main .horizontal-block .img_space300 .note,
#main .horizontal-block .img_space200 .note,
#main .horizontal-block .img_space180 .note,
#main .horizontal-block .img_space150 .note,
#main .horizontal-block .img_space120 .note,
#main .horizontal-block .img_space100 .note,
#main .horizontal-block .space300 .note,
#main .horizontal-block .space200 .note,
#main .horizontal-block .space180 .note,
#main .horizontal-block .space150 .note,
#main .horizontal-block .space120 .note,
#main .horizontal-block .space100 .note {
  font-size: 90% !important;
  line-height: 1.5;
  display: inline-block;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 767px) {
  #main dl .img_space300,
  #main dl .img_space200,
  #main dl .img_space180,
  #main dl .img_space150,
  #main dl .img_space120,
  #main dl .img_space100,
  #main dl .space300,
  #main dl .space200,
  #main dl .space180,
  #main dl .space150,
  #main dl .space120,
  #main dl .space100,
  #main .horizontal-block .img_space300,
  #main .horizontal-block .img_space200,
  #main .horizontal-block .img_space180,
  #main .horizontal-block .img_space150,
  #main .horizontal-block .img_space120,
  #main .horizontal-block .img_space100,
  #main .horizontal-block .space300,
  #main .horizontal-block .space200,
  #main .horizontal-block .space180,
  #main .horizontal-block .space150,
  #main .horizontal-block .space120,
  #main .horizontal-block .space100 {
    text-align: center;
    width: auto !important;
    float: none;
    margin-bottom: 1em;
  }
}
#main dl .img_space300,
#main dl .space300,
#main .horizontal-block .img_space300,
#main .horizontal-block .space300 {
  width: 300px;
}
#main dl .img_space180,
#main dl .space180,
#main .horizontal-block .img_space180,
#main .horizontal-block .space180 {
  width: 180px;
}
#main dl .img_space150,
#main dl .space150,
#main .horizontal-block .img_space150,
#main .horizontal-block .space150 {
  width: 150px;
}
#main dl .img_space120,
#main dl .space120,
#main .horizontal-block .img_space120,
#main .horizontal-block .space120 {
  width: 120px;
}
#main dl .img_space100,
#main dl .space100,
#main .horizontal-block .img_space100,
#main .horizontal-block .space100 {
  width: 100px;
}
#main dl .w300,
#main dl .w200,
#main dl .w180,
#main dl .w150,
#main dl .w120,
#main dl .w100,
#main dl .left300,
#main dl .left200,
#main dl .left180,
#main dl .left150,
#main dl .left120,
#main dl .left100,
#main .horizontal-block .w300,
#main .horizontal-block .w200,
#main .horizontal-block .w180,
#main .horizontal-block .w150,
#main .horizontal-block .w120,
#main .horizontal-block .w100,
#main .horizontal-block .left300,
#main .horizontal-block .left200,
#main .horizontal-block .left180,
#main .horizontal-block .left150,
#main .horizontal-block .left120,
#main .horizontal-block .left100 {
  padding-left: 220px;
}
#main dl .w300 > h3,
#main dl .w200 > h3,
#main dl .w180 > h3,
#main dl .w150 > h3,
#main dl .w120 > h3,
#main dl .w100 > h3,
#main dl .left300 > h3,
#main dl .left200 > h3,
#main dl .left180 > h3,
#main dl .left150 > h3,
#main dl .left120 > h3,
#main dl .left100 > h3,
#main .horizontal-block .w300 > h3,
#main .horizontal-block .w200 > h3,
#main .horizontal-block .w180 > h3,
#main .horizontal-block .w150 > h3,
#main .horizontal-block .w120 > h3,
#main .horizontal-block .w100 > h3,
#main .horizontal-block .left300 > h3,
#main .horizontal-block .left200 > h3,
#main .horizontal-block .left180 > h3,
#main .horizontal-block .left150 > h3,
#main .horizontal-block .left120 > h3,
#main .horizontal-block .left100 > h3 {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #main dl .w300,
  #main dl .w200,
  #main dl .w180,
  #main dl .w150,
  #main dl .w120,
  #main dl .w100,
  #main dl .left300,
  #main dl .left200,
  #main dl .left180,
  #main dl .left150,
  #main dl .left120,
  #main dl .left100,
  #main .horizontal-block .w300,
  #main .horizontal-block .w200,
  #main .horizontal-block .w180,
  #main .horizontal-block .w150,
  #main .horizontal-block .w120,
  #main .horizontal-block .w100,
  #main .horizontal-block .left300,
  #main .horizontal-block .left200,
  #main .horizontal-block .left180,
  #main .horizontal-block .left150,
  #main .horizontal-block .left120,
  #main .horizontal-block .left100 {
    padding-left: 0 !important;
  }
}
#main dl .w300,
#main dl .left300,
#main .horizontal-block .w300,
#main .horizontal-block .left300 {
  padding-left: 320px;
}
#main dl .w180,
#main dl .left180,
#main .horizontal-block .w180,
#main .horizontal-block .left180 {
  padding-left: 200px;
}
#main dl .w150,
#main dl .left150,
#main .horizontal-block .w150,
#main .horizontal-block .left150 {
  padding-left: 170px;
}
#main dl .w120,
#main dl .left120,
#main .horizontal-block .w120,
#main .horizontal-block .left120 {
  padding-left: 140px;
}
#main dl .w100,
#main dl .left100,
#main .horizontal-block .w100,
#main .horizontal-block .left100 {
  padding-left: 120px;
}
#main dl ul, #main dl ol, #main dl p,
#main .horizontal-block ul,
#main .horizontal-block ol,
#main .horizontal-block p {
  margin-bottom: 1em;
}

.selector {
  overflow: hidden;
}
.selector .keyword-select li {
  display: inline-block;
}
.selector .capter-select {
  width: 100%;
  padding-left: 0 !important;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .selector .capter-select {
    overflow: hidden;
    border-bottom: 1px solid #5468ba;
  }
}
.selector .capter-select li {
  display: table;
  font-size: 106.6666666667%;
  line-height: 1.5;
  font-weight: bold;
  width: 12.5%;
  height: 80px;
  padding-bottom: 8px;
  margin-bottom: 10px;
  float: left;
}
@media screen and (max-width: 767px) {
  .selector .capter-select li {
    display: block;
    width: 25%;
    height: 50px;
    font-size: 13px;
    vertical-align: middle;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.selector .capter-select li span {
  display: block;
}
.selector .capter-select li.active {
  background-image: url(../../benricho/images/arrow-active.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}
.selector .capter-select li a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  height: 80px;
  border: 1px solid #5468ba;
  border-left: none;
}
@media screen and (max-width: 767px) {
  .selector .capter-select li a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: none;
  }
}
.selector .capter-select li a:hover {
  color: #FFF;
  background-color: #8891D7;
}
@media screen and (max-width: 767px) {
  .selector .capter-select li:nth-child(4n) a {
    border-right: none;
  }
}
.selector .capter-select li:first-child a {
  border-left: 1px solid #5468ba;
}
@media screen and (max-width: 767px) {
  .selector .capter-select li:first-child a {
    border-left: none;
  }
}
.selector .capter-select li.active a {
  color: #FFF;
  background-color: #5468ba;
}
.selector .keyword-select dt {
  font-size: 120%;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .selector .keyword-select dt {
    font-size: 16px;
    padding: 10px;
  }
}
.selector .keyword-select dd {
  font-size: 106.6666666667%;
  line-height: 26px;
  font-weight: bold;
}
.selector .keyword-select ul.sub-capter-select {
  padding-left: 0 !important;
}
@media screen and (max-width: 767px) {
  .selector .keyword-select ul.sub-capter-select {
    font-size: 14px;
    padding-left: 10px !important;
  }
}
.selector .keyword-select li {
  margin-right: 1em;
}
.selector .keyword-select li a:before {
  content: "\f2f1";
  font-family: 'Material-Design-Iconic-Font';
  color: #5468ba;
  margin-right: 0.25em;
  font-weight: normal;
}
.selector .keyword-select .note {
  padding-top: 10px;
  padding-left: 1.5em;
  margin-top: 15px;
  border-top: dotted 1px #AFAFAF;
}
.selector .keyword-select .note li {
  display: list-item;
  font-size: 93.3333333333%;
  color: #666;
  font-weight: normal;
  list-style: disc;
}

.keyword .sub-capter-select li {
  font-size: 106.6666666667%;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .keyword .sub-capter-select li {
    font-size: 16px;
    padding: 10px;
  }
}
.keyword .sub-capter-select li.active a,
.keyword .sub-capter-select li.active a:before {
  color: #EA6578;
}
.keyword .keyword-select .note li {
  font-size: 100%;
}

#category-select-top {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #category-select-top > .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
  }
}
#category-select-top dl {
  border: 3px solid #5468ba;
}
@media screen and (max-width: 767px) {
  #category-select-top dl {
    border: none;
  }
}
#category-select-top dt {
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  background-color: #5468ba;
  padding: 34px 15px 5px;
}
@media screen and (max-width: 991px) {
  #category-select-top dt {
    padding: 15px 5px 3px;
  }
}
@media screen and (max-width: 767px) {
  #category-select-top dt {
    position: relative;
    padding: 10px 15px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-bottom: solid 1px #7781BD !important;
    cursor: pointer;
  }
}
#category-select-top dt.todokede {
  border-bottom: solid 4px #95d800;
}
@media screen and (max-width: 767px) {
  #category-select-top dt.todokede:before {
    color: #95d800;
  }
}
#category-select-top dt.otoiawase {
  border-bottom: solid 4px #d296f3;
}
@media screen and (max-width: 767px) {
  #category-select-top dt.otoiawase:before {
    color: #d296f3;
  }
}
#category-select-top dt.oshirase {
  border-bottom: solid 4px #fda29c;
}
@media screen and (max-width: 767px) {
  #category-select-top dt.oshirase:before {
    color: #fda29c;
  }
}
#category-select-top dt.joho {
  border-bottom: solid 4px #63d3d6;
}
@media screen and (max-width: 767px) {
  #category-select-top dt.joho:before {
    color: #63d3d6;
  }
}
#category-select-top dt:before {
  font-family: 'Material-Design-Iconic-Font';
  font-size: 48px;
  line-height: 76px;
  color: FFF;
  text-align: center;
  display: block;
}
@media screen and (max-width: 767px) {
  #category-select-top dt:before {
    font-size: 24px;
    line-height: 1;
    text-align: left;
    display: inline-block;
    padding-right: 10px;
  }
}
#category-select-top dt.todokede:before {
  content: "\f222";
}
#category-select-top dt.otoiawase:before {
  content: "\f1f6";
}
#category-select-top dt.oshirase:before {
  content: "\f263";
}
#category-select-top dt.joho:before {
  content: "\f18d";
}
#category-select-top dt:after {
  content: "\f2f9";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 48px;
  line-height: 40px;
  color: FFF;
  text-align: center;
  display: block;
}
@media screen and (max-width: 991px) {
  #category-select-top dt:after {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  #category-select-top dt:after {
    position: absolute;
    top: 5px;
    right: 15px;
    content: "\f278";
    font-size: 28px;
  }
}
#category-select-top dt strong {
  font-size: 26px;
  font-weight: normal;
  display: block;
  text-align: center;
  margin-bottom: 22px;
}
@media screen and (max-width: 991px) {
  #category-select-top dt strong {
    font-size: 22px;
    display: inline-block;
    text-align: left;
    margin-bottom: 8px;
  }
}
#category-select-top dt span {
  display: block;
}
@media screen and (max-width: 767px) {
  #category-select-top dt.active {
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  #category-select-top dt.active:after {
    position: absolute;
    top: 0;
    right: 15px;
    content: "\f136";
  }
}
@media screen and (max-width: 767px) {
  #category-select-top dd {
    display: none;
  }
  #category-select-top dd#todokede-list {
    display: block;
  }
}
#category-select-top ul {
  list-style: none;
  padding-left: 0;
  border-bottom: 1px solid #b8bfdc;
}
#category-select-top li {
  border-bottom: 1px solid #b8bfdc;
}
#category-select-top li:last-child {
  border-bottom: none;
}
#category-select-top a {
  display: block;
  line-height: 32px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #category-select-top a {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 40px;
    overflow: hidden;
  }
  #category-select-top a:after {
    content: "\f2fb";
    font-family: 'Material-Design-Iconic-Font';
    color: #C5C5C5;
    font-size: 20px;
    float: right;
    display: inline-block;
  }
}
#category-select-top a:hover {
  text-decoration: none;
  background-color: #F0F0F0;
}

@media screen and (max-width: 991px) {
  font-size: 22px;
  display: inline-block;
  text-align: left;
  margin-bottom: 8px;
}
#keyword-select-top {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #keyword-select-top {
    margin-bottom: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}
#keyword-select-top h2 {
  font-size: 24px;
  color: #FFF;
  height: 62px;
  background-color: #5468ba;
}
@media screen and (max-width: 767px) {
  #keyword-select-top h2 {
    font-size: 18px !important;
    line-height: 1.3;
    padding-left: 30px;
    height: 50px;
  }
}
#keyword-select-top h2:before {
  content: "\f1c3";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 75px;
  line-height: 0.6;
  font-weight: normal;
  color: FFF;
  vertical-align: middle;
  margin-right: -10px;
}
@media screen and (max-width: 767px) {
  #keyword-select-top h2:before {
    font-size: 55px;
    margin-right: 10px;
  }
}
#keyword-select-top ul {
  border-top: solid 1px #b8bfdc;
  border-left: solid 1px #b8bfdc;
  overflow: hidden;
  padding-left: 0;
}
#keyword-select-top li {
  text-align: center;
  line-height: 40px;
  border-bottom: solid 1px #b8bfdc;
  border-right: solid 1px #b8bfdc;
  list-style: none;
  width: 16.6666666667%;
  float: left;
}
@media screen and (max-width: 767px) {
  #keyword-select-top li {
    font-size: 13px;
    line-height: 1.1;
    width: 33.3333333333%;
    height: auto;
  }
}
#keyword-select-top a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 15px 2px;
}
#keyword-select-top a:hover {
  text-decoration: none;
  background-color: #F0F0F0;
}

.articles-list {
  margin: 30px 0;
  font-size: 93.3333333333%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .articles-list {
    margin: 15px 0;
  }
}
.articles-list .hd {
  overflow: hidden;
  border: solid 1px #AFAFAF;
  border-right: none;
  padding-left: 0 !important;
}
.articles-list .hd li, .articles-list .hd th {
  text-align: center;
  background-color: #D8D8D8 !important;
  padding: 6px;
  border-right: solid 1px #AFAFAF;
  font-weight: normal;
}
.articles-list .hd li.num, .articles-list .hd th.num {
  border-left: none;
}
.articles-list dt, .articles-list .keyword {
  font-weight: bold;
  padding: 5px 8px;
  border: solid 1px #AFAFAF;
  border-top: none;
  width: 100%;
}
.todokede .articles-list dt, .todokede .articles-list .keyword {
  background-color: #DCFAB0;
}
.otoiawase .articles-list dt, .otoiawase .articles-list .keyword {
  background-color: #E6DFF1;
}
.oshirase .articles-list dt, .oshirase .articles-list .keyword {
  background-color: #FAEBEB;
}
.joho .articles-list dt, .joho .articles-list .keyword {
  background-color: #E1F2F3;
}
.articles-list dd {
  overflow: hidden;
}
.articles-list dd li, .articles-list td, .articles-list th {
  border-right: solid 1px #AFAFAF;
  border-bottom: solid 1px #AFAFAF;
  padding: 5px 10px;
  min-height: 2.5714285714em;
}
.articles-list dd ul {
  padding-left: 0 !important;
}
.articles-list li {
  display: block;
  float: left;
}
.articles-list tr.sub-hd {
  border-left: solid 1px #AFAFAF;
}
.articles-list li.empty, .articles-list td.empty, .articles-list th.empty {
  width: 100%;
  border-left: solid 1px #AFAFAF;
}
.articles-list li.num, .articles-list td.num, .articles-list th.num {
  width: 15%;
  background-color: #E5E5E5;
  border-left: solid 1px #AFAFAF;
  font-weight: normal;
  text-align: center;
}
.articles-list li.title, .articles-list td.title, .articles-list th.title {
  width: 65%;
}
.articles-list li.note, .articles-list td.note, .articles-list th.note {
  width: 20%;
}
.todokede .articles-list li.num, .keyword .articles-list li.num, .todokede .articles-list td.num, .keyword .articles-list td.num, .todokede .articles-list th.num, .keyword .articles-list th.num {
  width: 15%;
  background-color: #E5E5E5;
  text-align: center;
}
.todokede .articles-list li.title, .keyword .articles-list li.title, .todokede .articles-list td.title, .keyword .articles-list td.title, .todokede .articles-list th.title, .keyword .articles-list th.title {
  width: 50%;
}
.todokede .articles-list li.format, .keyword .articles-list li.format, .keyword .articles-list li.cell-center, .todokede .articles-list td.format, .keyword .articles-list td.format, .keyword .articles-list td.cell-center, .todokede .articles-list th.format, .keyword .articles-list th.format, .keyword .articles-list th.cell-center {
  width: 10%;
  text-align: center;
}
.todokede .articles-list li.example, .keyword .articles-list li.example, .todokede .articles-list td.example, .keyword .articles-list td.example, .todokede .articles-list th.example, .keyword .articles-list th.example {
  width: 10%;
  text-align: center;
}
.todokede .articles-list li.note, .keyword .articles-list li.note, .todokede .articles-list td.note, .keyword .articles-list td.note, .todokede .articles-list th.note, .keyword .articles-list th.note {
  width: 15%;
  text-align: center;
}
.articles-list .sub-hd li {
  display: list-item;
  list-style: disc;
  float: none;
  font-weight: normal;
}
.articles-list .note p {
  margin-bottom: 0 !important;
}

/* -------------------------------------------------- 
　便利帳キーワードINDEX
-------------------------------------------------- */
.benricho.keyword #main #keyword-select-top {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .benricho.keyword #main #keyword-select-top {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.benricho.keyword #main #keyword-select-top h2 {
  font-size: 22px;
  line-height: 25px;
  color: #FFF;
  height: 50px;
  background-color: #5565BC;
  border-radius: 0;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 0;
}
.benricho.keyword #main #keyword-select-top h2:before {
  content: "\f1c3";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 70px;
  line-height: 0.35;
  font-weight: normal;
  color: FFF;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
  float: left;
}
.benricho.keyword #main #keyword-select-top .title-container {
  position: relative;
}
.benricho.keyword #main #keyword-select-top .title-container h2 {
  margin-top: 0;
}
.benricho.keyword #main #keyword-select-top .title-container .view-toggle-btn {
  color: #FFF;
  border: none;
  background-color: transparent;
  outline: none;
  padding: 10px 0;
  position: absolute;
  top: 23%;
  right: 30px;
}
.benricho.keyword #main #keyword-select-top .title-container .view-toggle-btn span {
  font-size: 14px;
  line-height: 0.8;
}
.benricho.keyword #main #keyword-select-top .title-container .view-toggle-btn span:after {
  content: "\f278";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 16px;
  margin-left: 5px;
}
.benricho.keyword #main #keyword-select-top .title-container .view-toggle-btn .open {
  display: none;
}
.benricho.keyword #main #keyword-select-top .title-container .view-toggle-btn .close {
  display: block;
}
.benricho.keyword #main #keyword-select-top .title-container .view-toggle-btn.active .open {
  display: block;
}
.benricho.keyword #main #keyword-select-top .title-container .view-toggle-btn.active .close {
  display: none;
}
.benricho.keyword #main #keyword-select-top .title-container .view-toggle-btn.active span:after {
  content: "\f136";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 16px;
  margin-left: 5px;
}
.benricho.keyword #main #keyword-select-top ul.keyword-list {
  border-top: solid 1px #5565BC;
  border-left: solid 1px #5565BC;
  overflow: hidden;
  padding-left: 0;
  display: none;
}
@media screen and (max-width: 767px) {
  .benricho.keyword #main #keyword-select-top ul.keyword-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.benricho.keyword #main #keyword-select-top li {
  font-size: 93.3333333333%;
  text-align: center;
  padding: 0;
  line-height: 30px;
  border-bottom: solid 1px #5565BC;
  border-right: solid 1px #5565BC;
  list-style: none;
  width: 16.6666666667%;
  float: left;
}
@media screen and (max-width: 767px) {
  .benricho.keyword #main #keyword-select-top li {
    font-size: 13px;
    line-height: 1.1;
    width: 33.3333333333%;
    height: auto;
  }
}
.benricho.keyword #main #keyword-select-top a {
  color: #000;
  padding: 15px 2px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.benricho.keyword #main #keyword-select-top a:hover {
  text-decoration: none;
  background-color: #FFE4E1;
}

.keyword #main section {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .keyword #main section {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .keyword #main h2 {
    padding-left: 15px !important;
  }
}
.keyword #main h2.benricho-todokede {
  color: #000 !important;
  background-color: transparent;
  padding: 0;
  margin-bottom: 5px !important;
}
.keyword #main h2.benricho-todokede:before {
  content: "\f222";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 28px;
  color: #95D800;
  margin-right: 0.4em;
  vertical-align: baseline;
}
.keyword #main h2.benricho-otoiawase {
  color: #000 !important;
  background-color: transparent;
  padding: 0;
  margin-bottom: 5px !important;
}
.keyword #main h2.benricho-otoiawase:before {
  content: "\f1f6";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 28px;
  color: #D296F3;
  margin-right: 0.4em;
  vertical-align: baseline;
}
.keyword #main h2.benricho-oshirase {
  color: #000 !important;
  background-color: transparent;
  padding: 0;
  margin-bottom: 5px !important;
}
.keyword #main h2.benricho-oshirase:before {
  content: "\f263";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 28px;
  color: #FDA29C;
  margin-right: 0.4em;
  vertical-align: baseline;
}
.keyword #main h2.benricho-joho {
  color: #000 !important;
  background-color: transparent;
  padding: 0;
  margin-bottom: 5px !important;
}
.keyword #main h2.benricho-joho:before {
  content: "\f18d";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 28px;
  color: #63D3D6;
  margin-right: 0.4em;
  vertical-align: baseline;
}
.keyword #main .articles-list {
  margin-top: 0;
}
.keyword #main .articles-list .hd th {
  white-space: nowrap;
}
.keyword #main .articles-list.todokede .hd th {
  background-color: #DCFAB0 !important;
}
.keyword #main .articles-list.otoiawase .hd th {
  background-color: #E6DFF1 !important;
}
.keyword #main .articles-list.oshirase .hd th {
  background-color: #FAEBEB !important;
}
.keyword #main .articles-list.joho .hd th {
  background-color: #E1F2F3 !important;
}

/* -------------------------------------------------- 
　共通コンテンツ
-------------------------------------------------- */
#main .sub_index {
  font-size: 106.6666666667%;
  padding: 8px 20px 10px;
  border: 3px solid #5468ba;
  margin-bottom: 20px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #main .sub_index {
    padding: 12px 8px 8px;
    margin-top: 10px;
  }
}
#main .sub_index .sub_index_link {
  margin-top: 5px;
  margin-bottom: 5px;
}
#main .sub_index .sub_index_link ul {
  list-style: none;
  padding-left: 0;
}
#main .sub_index .sub_index_link li:before {
  content: "\f2f1";
  font-family: 'Material-Design-Iconic-Font';
  margin-right: 0.4em;
  font-size: 113.3333333333%;
  color: #5468ba;
  vertical-align: baseline;
}
#main .sub_index .sub_index_link + .sub_index_link {
  margin-top: 0px;
}
#main .sub_index .horizontal .sub_index_link {
  display: inline-block;
  margin-right: 1.5em;
}
#main .link {
  list-style: none;
  padding-left: 0;
}
#main .link li {
  border-bottom: dotted 1px #CCC;
  padding-bottom: 7px;
  margin-bottom: 7px;
}
#main .link a {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
}
#main .link a:before {
  content: "\f2f5";
  font-family: 'Material-Design-Iconic-Font';
  margin-right: 0.4em;
  font-size: 113.3333333333%;
  color: #5468ba;
  vertical-align: baseline;
}
#main .welcome .link a:before {
  content: none;
}
#main .link-pdf,
#main .link-word,
#main .link-pic {
  list-style: none;
  padding-left: 0;
}
#main .link-pdf li,
#main .link-word li,
#main .link-pic li {
  border-bottom: dotted 1px #CCC;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
#main .link-pdf a,
#main .link-word a,
#main .link-pic a {
  font-size: 105%;
  margin-top: 5px;
  margin-bottom: 5px;
}
#main .link-pdf a:before,
#main .link-word a:before,
#main .link-pic a:before {
  content: "\f1c1";
  font-family: fontawesome;
  margin-right: 0.4em;
  font-size: 113.3333333333%;
  color: #FA3F2F;
  vertical-align: baseline;
}
#main .link-word a:before {
  content: "\f1c2";
  font-family: fontawesome;
  color: #295097;
}
#main .link-pic a:before {
  content: "\f28c";
  font-family: 'Material-Design-Iconic-Font';
  color: #5468ba;
}
#main h2 {
  color: #ffffff;
  font-size: 153.3333333333%;
  line-height: 1.5;
  padding: 11px 17px 10px;
  margin: 35px 0 20px;
  background-color: #5468ba;
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  #main h2 {
    font-size: 20px;
    line-height: 1.25;
    padding: 12px 10px;
    margin: 25px 0 15px;
    border-radius: 0;
  }
  #main h2.no-margin {
    margin: 0;
  }
  #main h2.top {
    margin: 0 0 15px;
  }
}
@media all and (-ms-high-contrast: none) {
  #main *::-ms-backdrop, #main h2 {
    line-height: 1;
    padding-top: 18px;
    padding-bottom: 10px;
    vertical-align: baseline;
  }
}
#main h3 {
  font-size: 133.3333333333%;
  font-weight: bold;
  line-height: 1.4;
  border-top: solid 1px #5468ba;
  border-bottom: solid 1px #5468ba;
  padding: 10px 0 10px 0;
  display: table;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #main h3 {
    font-size: 17px;
    padding: 6px 0 6px 0;
  }
}
#main h3 span {
  padding-left: 15px;
  border-left: solid 6px #5468ba;
  display: table-cell;
}
@media screen and (max-width: 767px) {
  #main h3 span {
    padding-left: 10px;
    padding-right: 15px;
  }
}
@media all and (-ms-high-contrast: none) {
  #main *::-ms-backdrop, #main h3 {
    line-height: 1;
    vertical-align: baseline;
  }
  #main *::-ms-backdrop, #main h3 span {
    padding: 6px 0 0 15px;
  }
}
#main h4 {
  color: #5468ba;
  font-size: 113.3333333333%;
  margin: 25px 0 15px;
}
#main h5 {
  color: #000;
  font-size: 106.6666666667%;
  font-size: 100%;
  line-height: 1.5;
  margin: 15px 0 10px;
  padding: 5px 8px;
  background-color: #F0F0F0;
}
#main p {
  margin-bottom: 1em;
}
#main p.size_down1, #main p.note {
  font-size: 13px;
  line-height: 1.65;
}
#main .horizontal {
  overflow: hidden;
}
#main .horizontal h4,
#main .horizontal dt {
  width: 25%;
  padding-right: 5%;
  padding-left: 0;
  float: left;
  margin: 0  0 20px;
  clear: both;
}
@media screen and (max-width: 767px) {
  #main .horizontal h4,
  #main .horizontal dt {
    width: auto;
    float: none;
    padding-left: 0;
    padding-right: 15px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) {
  #main .horizontal h4 span,
  #main .horizontal dt span {
    display: block;
    line-height: 1.3;
  }
}
#main .horizontal dt {
  font-weight: bold;
  border-top: solid 1px #C3C3C3;
  padding-top: 15px;
}
#main .horizontal dt.top {
  border-top: none;
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  #main .horizontal dt {
    padding: 5px 10px;
    margin-bottom: 0;
    background-color: #EAEAEA;
    border-left: solid 1px #C3C3C3;
    border-right: solid 1px #C3C3C3;
  }
}
#main .horizontal dd {
  width: 75%;
  margin-bottom: 10px;
  float: left;
  border-top: solid 1px #C3C3C3;
  padding-top: 15px;
}
#main .horizontal dd.top {
  border-top: none;
  padding-top: 0;
}
#main .horizontal dd p {
  width: 100%;
  margin-bottom: 0.5em;
  float: none !important;
}
@media screen and (max-width: 767px) {
  #main .horizontal dd {
    width: auto;
    float: none;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  #main .horizontal dd.under {
    margin-left: 25%;
  }
}
#main .horizontal p {
  width: 75%;
  margin-bottom: 25px;
  float: left;
}
@media screen and (max-width: 767px) {
  #main .horizontal p {
    width: auto;
    float: none;
  }
}
#main .table {
  width: 100%;
  margin: 1.25em 0;
  border: none;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #main .table {
    margin-left: 4%;
    margin-right: 4%;
    width: 92%;
  }
  .row #main .table {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
#main .table th, #main .table td {
  text-align: center;
  padding: 15px 10px;
  vertical-align: middle;
  border: 1px solid #B3B3B3;
}
@media screen and (max-width: 767px) {
  #main .table th, #main .table td {
    padding: 10px 5px;
  }
}
#main .table th, #main .table .th {
  text-align: center;
  font-weight: normal;
  background-color: #f1f1f1;
}
#main .table caption {
  display: none;
}
@media screen and (max-width: 767px) {
  #main .row .horizontal .table {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
#main .table.text-left td,
#main .table td.text-left {
  text-align: left !important;
}
#main .table.text-center td,
#main .table td.text-center {
  text-align: center !important;
}
#main .table.text-right td,
#main .table td.text-right {
  text-align: right !important;
}
#main .table.newstable th, #main .table.newstable td {
  text-align: left;
  padding: 8px;
  vertical-align: middle;
  border: 1px solid #B3B3B3;
}
@media screen and (max-width: 767px) {
  #main .table.newstable th, #main .table.newstable td {
    padding: 10px 5px;
  }
}
#main .table.newstable th, #main .table.newstable .th {
  text-align: center;
  font-weight: normal;
  background-color: #f1f1f1;
  white-space: nowrap;
}
#main .table.newstable .hd th {
  background-color: #C4EEEE;
}
#main .table.newstable td.date {
  white-space: nowrap;
}
#main .table.newstable .close {
  color: #FEFEFE;
  font-size: 80%;
  line-height: 1;
  padding: 2px 4px;
  margin-right: 0.5em;
  border-radius: 3px;
  background-color: #777;
}
@media screen and (max-width: 767px) {
  #main .scroll .table,
  #main .scroll .detail table {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
#main .contact-container h2,
#main #contact {
  color: #ffffff;
  font-size: 120%;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
  border-radius: 3px 3px 0 0;
  padding: 40px 0 7px;
  margin: 50px 0 0;
}
#main .contact-container p,
#main .contact {
  color: #ffffff;
  font-size: 146.6666666667%;
  background-color: #5468ba;
  text-align: center;
  border-radius: 0 0 3px 3px;
  padding: 7px 0 40px;
}
@media screen and (max-width: 767px) {
  #main .contact-container p,
  #main .contact {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
  }
  #main .contact-container p span,
  #main .contact span {
    display: block;
  }
  #main .contact-container p a,
  #main .contact a {
    color: #FFF;
  }
}
#main .contact > p {
  margin-bottom: 0;
}
#main #contact_guide address {
  font-size: 113.3333333333%;
}
#main #contact_guide p {
  margin-bottom: 0;
}

#main .pagetop,
#main #go_index {
  display: none !important;
}

/* -------------------------------------------------- 
　スタンダード top
-------------------------------------------------- */
/* .top .welcome
-------------------------------------------------- */
.top #main .welcome {
  border-bottom: 3px solid #4256a8;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .top #main .welcome {
    border-bottom: none;
  }
}
.top #main .welcome h1 {
  color: #4256a8;
  font-size: 186.6666666667%;
  line-height: 1.2;
  text-align: left;
  padding: 30px 0 20px;
  margin: 0 0 15px;
  border-bottom: none;
}
.top #main .welcome p {
  font-size: 106.6666666667%;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .top #main .welcome p {
    font-size: 15px;
  }
}
.top #main .welcome a {
  color: #5468BA;
  text-decoration: underline;
}
.top #main .welcome a:hover {
  text-decoration: none;
}

/* .visual-index
-------------------------------------------------- */
#main .visual-index {
  margin-top: 30px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #main .visual-index {
    margin-bottom: 30px;
  }
}
#main .visual-index ul {
  list-style: none;
  padding: 0;
  overflow: hidden;
}
#main .visual-index li {
  float: left;
  width: 16.6666666667%;
  background-color: #DDD;
  display: block;
  border-right: solid 1px #EFEFEF;
  border-bottom: solid 1px #EFEFEF;
}
@media screen and (max-width: 480px) {
  #main .visual-index li {
    width: 33.3333333333%;
    border-right: none;
    border-bottom: none;
  }
}
#main .visual-index a {
  background-color: #000;
  display: block;
}
#main .visual-index a:hover img {
  opacity: 0.8;
}

.aquarena #main .visual-index li,
.edu #main .visual-index li {
  width: 20%;
}
@media screen and (max-width: 480px) {
  .aquarena #main .visual-index li,
  .edu #main .visual-index li {
    width: 50%;
    border-right: none;
    border-bottom: none;
  }
}

@media screen and (max-width: 480px) {
  .relax #main .visual-index li,
  .town #main .visual-index li {
    width: 50%;
    border-right: none;
    border-bottom: none;
  }
}

/* #tab-container
-------------------------------------------------- */
#main #tab-container #tab-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  #main #tab-container #tab-menu {
    width: 100%;
  }
}
#main #tab-container #tab-menu li {
  color: #1F989A;
  font-size: 18px;
  font-weight: bold;
  float: left;
  padding: 10px 50px;
  text-align: center;
  border: solid 2px #1F989A;
  border-bottom: none;
  margin-right: -2px;
  cursor: pointer;
  z-index: 10000;
}
@media screen and (max-width: 767px) {
  #main #tab-container #tab-menu li {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 640px) {
  #main #tab-container #tab-menu li {
    width: 50%;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    margin-right: 0;
  }
  #main #tab-container #tab-menu li:first-child {
    border-right: none;
  }
  #main #tab-container #tab-menu li span {
    display: none;
  }
}
#main #tab-container #tab-menu li:hover {
  background-color: #F0F0F0;
}
#main #tab-container #tab-menu li.active {
  background-color: #FFF;
}
#main #tab-container #tab-contents {
  border-top: solid 2px #1F989A;
  margin-top: -2px;
}
#main #tab-container #tab-contents > div {
  padding: 30px 30px 20px;
  border: solid 2px #1F989A;
  border-top: none;
  display: none;
}
#main #tab-container #tab-contents > div:first-child {
  display: block;
}
@media screen and (max-width: 767px) {
  #main #tab-container #tab-contents > div {
    padding: 15px 10px;
  }
}
#main #tab-container #tab-contents ul {
  list-style: none;
  padding-left: 0;
}
#main #tab-container #tab-contents li {
  padding-bottom: 3px;
  margin-bottom: 15px;
  border-bottom: dotted 1px #CCC;
}
#main #tab-container #tab-contents a {
  font-size: 106.6666666667%;
  font-weight: bold;
}
#main #tab-container #tab-contents a span {
  color: #FEFEFE;
  font-size: 80%;
  line-height: 1;
  font-weight: normal;
  padding: 2px 4px;
  margin-right: 0.5em;
  border-radius: 3px;
  background-color: #18989A;
}
@media screen and (max-width: 767px) {
  #main #tab-container #tab-contents a {
    font-size: 100%;
  }
}
#main #tab-container #tab-contents .go_moreinfo a:before {
  content: "\f138";
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 0.25em;
  vertical-align: baseline;
}
#main #tab-container #tab-contents .date {
  font-size: 86.6666666667%;
  color: #666;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  #main #tab-container #tab-contents .date {
    white-space: normal;
    display: block;
  }
}

.relax #main #tab-container #tab-menu li,
.town #main #tab-container #tab-menu li {
  color: #28A3C5;
  border: solid 2px #26A6C8;
  border-bottom: none;
}
.relax #main #tab-container #tab-contents,
.town #main #tab-container #tab-contents {
  border-top: solid 2px #26A6C8;
  margin-top: -2px;
}
.relax #main #tab-container #tab-contents > div,
.town #main #tab-container #tab-contents > div {
  border: solid 2px #26A6C8;
  border-top: none;
}

.aquarena #main #tab-container #tab-menu li {
  color: #1A82C5;
  border: solid 2px #2F8DCA;
  border-bottom: none;
}
.aquarena #main #tab-container #tab-contents {
  border-top: solid 2px #2F8DCA;
  margin-top: -2px;
}
.aquarena #main #tab-container #tab-contents > div {
  border: solid 2px #2F8DCA;
  border-top: none;
}

.edu #main #tab-container #tab-menu li {
  color: #34A275;
  border: solid 2px #34A275;
  border-bottom: none;
}
.edu #main #tab-container #tab-contents {
  border-top: solid 2px #34A275;
  margin-top: -2px;
}
.edu #main #tab-container #tab-contents > div {
  border: solid 2px #34A275;
  border-top: none;
}

.english #main #tab-container #tab-menu li {
  font-size: 130%;
  color: #556385;
  padding: 10px 50px 5px;
  border: solid 3px #556385;
  border-radius: 6px 6px 0 0;
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .english #main #tab-container #tab-menu li {
    font-size: 115%;
    padding: 5px 0 5px;
  }
}
.english #main #tab-container #tab-contents {
  border-top: solid 3px #556385;
  margin-top: -3px;
  border-radius: 6px 6px 0 0;
}
.english #main #tab-container #tab-contents > div {
  border: solid 3px #556385;
  border-radius: 0 0 6px 6px;
  border-top: none;
}

/* #top-contact
-------------------------------------------------- */
#main #top-contact {
  color: #FFF;
  padding: 20px;
  background-color: #5468ba;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  #main #top-contact {
    margin-top: 30px;
  }
}
#main #top-contact dl {
  margin: 0;
}
#main #top-contact dt {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0.25em;
}
#main #top-contact dd {
  font-size: 93.3333333333%;
  line-height: 1.75;
}
#main #top-contact a {
  color: #FFF;
  text-decoration: underline;
}
#main #top-contact a:hover {
  text-decoration: none;
}

/* -------------------------------------------------- 
　スタンダード facility | spot
-------------------------------------------------- */
/* .facility .capter-select | .spoty .capter-select
-------------------------------------------------- */
.facility .capter-select,
.spot .capter-select,
.aquarena .capter-select,
.relax .capter-select,
.edu .capter-select,
.town .capter-select,
.english .capter-select {
  width: 100%;
  padding-left: 0 !important;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.facility .capter-select li,
.spot .capter-select li,
.aquarena .capter-select li,
.relax .capter-select li,
.edu .capter-select li,
.town .capter-select li,
.english .capter-select li {
  display: table;
  line-height: 1.25;
  font-weight: bold;
  height: 70px;
  padding-bottom: 8px;
  margin-bottom: 10px;
  float: left;
}
.facility .capter-select li span,
.spot .capter-select li span,
.aquarena .capter-select li span,
.relax .capter-select li span,
.edu .capter-select li span,
.town .capter-select li span,
.english .capter-select li span {
  display: block;
}
.facility .capter-select li.active,
.spot .capter-select li.active,
.aquarena .capter-select li.active,
.relax .capter-select li.active,
.edu .capter-select li.active,
.town .capter-select li.active,
.english .capter-select li.active {
  background-image: url(../../benricho/images/arrow-active-gr.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}
.facility .capter-select li a,
.spot .capter-select li a,
.aquarena .capter-select li a,
.relax .capter-select li a,
.edu .capter-select li a,
.town .capter-select li a,
.english .capter-select li a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  height: 70px;
  border: 1px solid #666;
  border-left: none;
}
.facility .capter-select li a:hover,
.spot .capter-select li a:hover,
.aquarena .capter-select li a:hover,
.relax .capter-select li a:hover,
.edu .capter-select li a:hover,
.town .capter-select li a:hover,
.english .capter-select li a:hover {
  background-color: #F3F3F3;
}
.facility .capter-select li:first-child a,
.spot .capter-select li:first-child a,
.aquarena .capter-select li:first-child a,
.relax .capter-select li:first-child a,
.edu .capter-select li:first-child a,
.town .capter-select li:first-child a,
.english .capter-select li:first-child a {
  border-left: 1px solid #666;
}
.facility .capter-select li.active a,
.spot .capter-select li.active a,
.aquarena .capter-select li.active a,
.relax .capter-select li.active a,
.edu .capter-select li.active a,
.town .capter-select li.active a,
.english .capter-select li.active a {
  color: #FFF;
  background-color: #666;
}

.town .capter-select {
  margin-bottom: 15px;
}
.town .capter-select li {
  height: 60px;
  width: 16.6666666667%;
  padding-bottom: 0;
  margin-bottom: 0;
}
.town .capter-select li a {
  color: #454EA6;
  height: 60px;
  border: 1px solid #F1C3C3;
  border-top: none;
  border-left: none;
}
.town .capter-select li.active {
  background-image: none;
}
.town .capter-select li.active a {
  color: #000;
  background-color: #FFD5D5;
}
.town .capter-select li:nth-child(1) a, .town .capter-select li:nth-child(2) a, .town .capter-select li:nth-child(3) a, .town .capter-select li:nth-child(4) a, .town .capter-select li:nth-child(5) a, .town .capter-select li:nth-child(6) a {
  border-top: 1px solid #F1C3C3;
}
.town .capter-select li:nth-child(1) a, .town .capter-select li:nth-child(7) a {
  border-left: 1px solid #F1C3C3;
}

.town.admin .capter-select li {
  width: 20%;
}

.town.data .capter-select li {
  width: 33.3333333333%;
}

.reconstruction .capter-select li {
  height: 60px;
  width: 16.6666666667%;
  padding-bottom: 0;
  margin-bottom: 0;
}
.reconstruction .capter-select li a {
  color: #773A4C;
  height: 60px;
  border: 1px solid #777;
  border-top: none;
  border-left: none;
}
.reconstruction .capter-select li.active {
  background-image: none;
}
.reconstruction .capter-select li.active a {
  color: #FFF;
  background-color: #555;
}
.reconstruction .capter-select li:nth-child(1) a, .reconstruction .capter-select li:nth-child(2) a, .reconstruction .capter-select li:nth-child(3) a, .reconstruction .capter-select li:nth-child(4) a, .reconstruction .capter-select li:nth-child(5) a, .reconstruction .capter-select li:nth-child(6) a {
  border-top: 1px solid #777;
}
.reconstruction .capter-select li:nth-child(1) a, .reconstruction .capter-select li:nth-child(7) a {
  border-left: 1px solid #777;
}

.reconstruction.infra .capter-select li {
  height: 60px;
  width: 12.5%;
  padding-bottom: 0;
  margin-bottom: 0;
}
.reconstruction.infra .capter-select li a {
  border-top: 1px solid #888;
}
.reconstruction.infra .capter-select li:nth-child(7) a {
  border-left: none;
}

.relax.spot .capter-select li,
.relax .capter-select li {
  height: 60px;
  width: 16.6666666667%;
  padding-bottom: 0;
  margin-bottom: 0;
}
.relax.spot .capter-select li a,
.relax .capter-select li a {
  color: #985B04;
  height: 60px;
  border: 1px solid #EFC400;
  border: 1px solid #FFC600;
  border-top: none;
  border-left: none;
}
.relax.spot .capter-select li.active,
.relax .capter-select li.active {
  background-image: none;
}
.relax.spot .capter-select li.active a,
.relax .capter-select li.active a {
  color: #000;
  background-color: #FFDD00;
}
.relax.spot .capter-select li:nth-child(1) a, .relax.spot .capter-select li:nth-child(2) a, .relax.spot .capter-select li:nth-child(3) a, .relax.spot .capter-select li:nth-child(4) a, .relax.spot .capter-select li:nth-child(5) a, .relax.spot .capter-select li:nth-child(6) a,
.relax .capter-select li:nth-child(1) a,
.relax .capter-select li:nth-child(2) a,
.relax .capter-select li:nth-child(3) a,
.relax .capter-select li:nth-child(4) a,
.relax .capter-select li:nth-child(5) a,
.relax .capter-select li:nth-child(6) a {
  border-top: 1px solid #FFC600;
}
.relax.spot .capter-select li:nth-child(1) a, .relax.spot .capter-select li:nth-child(7) a,
.relax .capter-select li:nth-child(1) a,
.relax .capter-select li:nth-child(7) a {
  border-left: 1px solid #FFC600;
}

.aquarena.facility .capter-select li,
.aquarena .capter-select li {
  width: 11.1111111111%;
}

.edu.facility .capter-select li,
.edu .capter-select li {
  width: 25%;
}
.edu.facility .capter-select li a,
.edu .capter-select li a {
  border: 1px solid #999;
  border-left: none;
}
.edu.facility .capter-select li:first-child a,
.edu .capter-select li:first-child a {
  border-left: 1px solid #999;
}
.edu.facility .capter-select li.active,
.edu .capter-select li.active {
  background-image: url(../../benricho/images/arrow-active-gr2.png);
}
.edu.facility .capter-select li.active a,
.edu .capter-select li.active a {
  color: #FFF;
  background-color: #999;
}

.english .capter-select li {
  width: 25%;
}
.english .capter-select li a {
  border: 1px solid #CB657B;
  border-left: none;
  color: #CB657B;
}
.english .capter-select li:first-child a {
  border-left: 1px solid #CB657B;
}
.english .capter-select li.active {
  background-image: url(../../benricho/images/arrow-active-en.png);
}
.english .capter-select li.active a {
  color: #FFF;
  background-color: #CB657B;
}

.aquarena.facility .archive-list select,
.aquarena .archive-list select,
.edu.facility .archive-list select,
.edu .archive-list select,
.relax.spot .archive-list select,
.relax .archive-list select,
.town .archive-list select,
.english .archive-list select {
  padding: 0 10px;
  font-size: 16px;
}

/* -------------------------------------------------- 
 body.detail table (like ".table")
 -------------------------------------------------- */
.detail table {
  width: 100%;
  margin: 1.25em 0;
  border: none;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .detail table {
    margin-left: 4%;
    margin-right: 4%;
    width: 92%;
  }
  .row .detail table {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.detail table th, .detail table td {
  text-align: center;
  padding: 15px 10px;
  vertical-align: middle;
  border: 1px solid #B3B3B3;
}
@media screen and (max-width: 767px) {
  .detail table th, .detail table td {
    padding: 10px 5px;
  }
}
.detail table th, .detail table .th {
  text-align: center;
  font-weight: normal;
  background-color: #f1f1f1;
}
.detail table caption {
  display: none;
}

@media screen and (max-width: 767px) {
  .detail .row .horizontal table {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

.detail table .text-left td,
.detail table td.text-left {
  text-align: left !important;
}

.detail table .text-center td,
.detail table td.text-center {
  text-align: center !important;
}

.detail table.text-right td,
.detail table td.text-right {
  text-align: right !important;
}

.detail table.newstable th, .detail table.newstable td {
  text-align: left;
  padding: 8px;
  vertical-align: middle;
  border: 1px solid #B3B3B3;
}
@media screen and (max-width: 767px) {
  .detail table.newstable th, .detail table.newstable td {
    padding: 10px 5px;
  }
}
.detail table.newstable th, .detail table.newstable .th {
  text-align: center;
  font-weight: normal;
  background-color: #f1f1f1;
  white-space: nowrap;
}
.detail table.newstable .hd th {
  background-color: #C4EEEE;
}
.detail table.newstable td.date {
  white-space: nowrap;
}
.detail table.newstable .close {
  color: #FEFEFE;
  font-size: 80%;
  line-height: 1;
  padding: 2px 4px;
  margin-right: 0.5em;
  border-radius: 3px;
  background-color: #777;
}

/* -------------------------------------------------- 
 MISC
 -------------------------------------------------- */
.pull-right {
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .pull-right {
    float: none !important;
  }
}

.pull-left {
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .pull-left {
    float: none !important;
  }
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

em,
address {
  font-style: normal;
  font-weight: bold;
}

.clearfix {
  overflow: hidden !important;
}

.nowrap th,
th.nowrap,
.nowrap td,
td.nowrap {
  white-space: nowrap !important;
}

@media screen and (max-width: 767px) {
  .pull-right.xs-clear,
  .pull-left.xs-clear {
    float: none !important;
    display: block;
    margin: 10px auto;
  }

  .row p,
  .row ul,
  .row ol,
  .row dl,
  .row address {
    margin-left: 15px;
    margin-right: 15px;
  }

  .row dd ul,
  .row dd ol {
    padding-left: 0.5em !important;
  }

  .row h4,
  .row h5,
  .row h6 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .xs-center {
    text-align: center !important;
  }

  .table-responsive {
    margin-top: 0 !important;
    border-bottom: 1px solid #B3B3B3 !important;
  }
  .table-responsive td {
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: none !important;
  }
  .table-responsive td img {
    margin: 5px auto;
  }
  .table-responsive td br {
    display: none;
  }
  .table-responsive td p {
    margin: 0 !important;
  }
}
.mt0 {
  margin-top: 0 !important;
}

.mt05 {
  margin-top: 0.5em !important;
}

.mt1 {
  margin-top: 1em !important;
}

.mt15 {
  margin-top: 1.5em !important;
}

.mt2 {
  margin-top: 2em !important;
}

.mt25 {
  margin-top: 2.5em !important;
}

.mt3 {
  margin-top: 3em !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb05 {
  margin-bottom: 0.5em !important;
}

.mb1 {
  margin-bottom: 1em !important;
}

.mb15 {
  margin-bottom: 1.5em !important;
}

.mb2 {
  margin-bottom: 2em !important;
}

.mb25 {
  margin-bottom: 2.5em !important;
}

.mb3 {
  margin-bottom: 3em !important;
}

/* ==================================================
[ l-footer ] update: 2016.11.10
================================================== */
/* footer#footer
-------------------------------------------------- */
#footer .top {
  padding: 30px 0 20px;
  background-color: #f6f6f6;
  box-shadow: 0 2px 3px rgba(170, 170, 170, 0.5) inset;
}
@media screen and (max-width: 767px) {
  #footer .top {
    padding: 10px 0 15px;
  }
}
#footer .top .contact-nav {
  text-align: center;
}
#footer .top .contact-nav ul {
  list-style: none;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #footer .top .contact-nav ul {
    display: table;
    width: 100%;
  }
}
#footer .top .contact-nav li {
  font-size: 16px;
  display: inline-block;
  margin-left: 5em;
}
@media screen and (max-width: 767px) {
  #footer .top .contact-nav li {
    display: table-cell;
    width: 33.3%;
    font-size: 11px;
    line-height: 1.25;
  }
  #footer .top .contact-nav li span {
    display: block;
  }
  #footer .top .contact-nav li a {
    text-decoration: none;
    display: block;
  }
}
@media screen and (max-width: 1199px) {
  #footer .top .contact-nav li {
    margin-left: 2em;
  }
}
#footer .top .contact-nav li:nth-child(1) {
  margin-left: 0;
}
#footer .top .contact-nav li a:before {
  content: "\f1f6";
  font-size: 24px;
  font-family: 'Material-Design-Iconic-Font';
  font-weight: normal;
  color: #000;
  margin-right: 0.25em;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #footer .top .contact-nav li a:before {
    font-size: 36px;
    margin-right: 0;
  }
}
#footer .top .contact-nav li:nth-child(2) a:before {
  content: "\f2be";
  font-size: 24px;
  font-size: 160%;
}
@media screen and (max-width: 767px) {
  #footer .top .contact-nav li:nth-child(2) a:before {
    font-size: 32px;
    font-size: 213.3333333333%;
  }
}
#footer .top .contact-nav li:nth-child(3) a:before {
  content: "\f112";
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  #footer .top .contact-nav li:nth-child(3) a:before {
    font-size: 32px;
  }
}
#footer .middle {
  background-color: #888888;
  padding: 25px 0 15px;
}
@media screen and (max-width: 767px) {
  #footer .middle {
    display: none;
  }
}
#footer .middle .sitemap {
  margin: 0 -15px;
}
@media screen and (min-width: 1200px) {
  #footer .middle .sitemap {
    margin: 0;
  }
}
#footer .middle .sitemap dt {
  font-size: 13px;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 1em;
  text-indent: -1em;
}
#footer .middle .sitemap dt :before {
  content: "\f105";
  font-size: 16px;
  font-family: fontawesome;
  font-weight: normal;
  color: #FFF;
  margin-right: 0.5em;
  vertical-align: baseline;
}
#footer .middle .sitemap dd {
  font-size: 12px;
  line-height: 26px;
  margin-top: -0.25em;
  margin-bottom: 1.75em;
}
#footer .middle .sitemap ul {
  list-style: none;
  padding-left: 0;
}
#footer .middle .sitemap a {
  color: #FFF;
}
#footer .bottom {
  padding: 20px 0 15px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #footer .bottom {
    text-align: left;
    color: #FFF;
    background-color: #888888;
  }
}
#footer .bottom address {
  font-size: 13px;
  margin: 0;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #footer .bottom address strong {
    font-size: 16px;
    margin-bottom: 0.5em;
  }
  #footer .bottom address a {
    color: #FFF;
  }
}
@media screen and (max-width: 480px) {
  #footer .bottom address span {
    display: block;
  }
}
#footer .bottom .ft-nav {
  list-style: none;
  padding-left: 0;
  margin: 0;
  letter-spacing: -.40em;
}
@media screen and (max-width: 767px) {
  #footer .bottom .ft-nav {
    display: none;
  }
}
#footer .bottom .ft-nav li {
  letter-spacing: normal;
  font-size: 13px;
  line-height: 1.3;
  display: inline-block;
  margin: 0;
  padding: 0 0.75em;
  border-right: solid 1px #CCC;
}
#footer .bottom .ft-nav li:last-child {
  border-right: none;
}
#footer .bottom .copyright {
  margin: 10px 0 0 0;
}
@media screen and (max-width: 767px) {
  #footer .bottom .copyright {
    text-align: center;
  }
}
#footer .bottom .copyright > small {
  font-size: 10px;
  color: #555;
}
@media screen and (max-width: 767px) {
  #footer .bottom .copyright > small {
    color: #FFF;
  }
}
#footer .bottom .br {
  margin-right: 0.5em;
}
@media screen and (max-width: 991px) {
  #footer .bottom .br {
    display: block;
    margin-right: 0;
  }
}
#footer .bottom strong > .br {
  margin-right: 1.5em;
}

/* .scroll-to-top
-------------------------------------------------- */
.scroll-to-top {
  font-size: 32px;
  background: #222;
  background: #444;
  position: fixed;
  bottom: 10px;
  right: 20px;
  text-align: center;
  border-radius: 4px;
  z-index: 9999;
  opacity: 0.5;
}

.scroll-to-top:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.scroll-to-top a {
  color: #fff;
  display: block;
  line-height: 40px;
  width: 40px;
  height: 40px;
}

/* ==================================================
 [ m-text ] update: 2016.11.10
================================================== */
/* 
-------------------------------------------------- */
/* ==================================================
 [ m-list ] update: 2016.11.10
================================================== */
/* 
-------------------------------------------------- */
/* ==================================================
 [ m-img ] update: 2016.11.10
================================================== */
/* 
-------------------------------------------------- */
/* ==================================================
 [ m-table ] update: 2016.11.10
================================================== */
/* 
-------------------------------------------------- */
/* ==================================================
 [ m-navi ] update: 2016.11.10
================================================== */
/* 
-------------------------------------------------- */
/* ==================================================
 [ m-unit ] update: 2017.04.07
================================================== */
/* ==================================================
 [ s-bootstrap-ow ] update: 2016.11.10
================================================== */
/* 
-------------------------------------------------- */
/* ==================================================
 [ s-margin ] update: 2016.11.10
================================================== */
/* 
-------------------------------------------------- */
/* ==================================================
 [ s-print ] update: 2018.03.21
================================================== */
@media print {
  html, body {
    font-size: 80% !important;
  }

  .headnav,
  .navbar-nav,
  .drawer-container .drawer-hamburger,
  .navbar-header a.inquiry i,
  .navbar-brand-sp img {
    display: none;
  }

  #header .navbar-brand.hidden-xs {
    display: block !important;
  }

  #header .navbar-brand.hidden-xs img {
    width: 168px;
    height: auto;
  }

  .navbar-header a.navbar-brand {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }

  #navbar {
    margin-top: 0 !important;
  }

  footer {
    display: none;
  }

  .benricho .category-select .title {
    padding: 1rem 0 1.25rem;
  }
  .benricho .category-select .title h2 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
  .benricho .category-select .title .sub-title {
    font-size: 1rem;
  }
  .benricho .category-select nav ul > li {
    line-height: 2.5rem;
  }
  .benricho .category-select nav ul > li a {
    font-size: 0.85rem;
  }

  * .category-select .title h2 {
    font-size: 1.75rem !important;
  }

  .topic-path {
    line-height: 2rem;
  }

  .topic-path, .topic-path a, .topic-path .current {
    font-size: 0.8rem;
    line-height: 2rem;
  }

  #main .contact-container h2,
  #main #contact {
    padding: 1.5rem 0 7px;
    margin-top: 1.5rem;
  }

  #main .contact-container p,
  #main p.contact {
    padding: 7px 0 1.5rem;
    margin-top: -1px;
  }

  #main h1 {
    padding: 15px;
    margin-bottom: 1.5rem;
  }

  * #main h1.top:before {
    font-size: 85% !important;
  }

  .selector .capter-select li,
  .selector .capter-select li a {
    height: 4rem;
  }
}
/* ==================================================
 [ t-english ] update: 2017.05.09
================================================== */
/* TOP
-------------------------------------------------- */
#category-select-top {
  margin-top: 40px;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  #category-select-top {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  #category-select-top > .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
  }
  #category-select-top a:after {
    content: none;
  }
}
#category-select-top .category-list {
  border: 3px solid #556385;
  border-radius: 6px;
  box-shadow: 2px 1px 4px 0 rgba(100, 100, 100, 0.42);
}
@media screen and (max-width: 767px) {
  #category-select-top .category-list {
    border: none;
  }
}
#category-select-top .category-list span {
  display: block;
  font-size: 50%;
}
#category-select-top .category-list a {
  color: #FFF;
  text-decoration: none !important;
  text-shadow: 2px 1px 2px rgba(100, 100, 100, 0.65);
  background-image: linear-gradient(-180deg, #667495 0%, #2F4475 100%);
}
@media screen and (max-width: 767px) {
  #category-select-top .category-list a {
    background-image: linear-gradient(-180deg, #5A7B9D 9%, #48608C 100%);
  }
}
@media screen and (min-width: 768px) {
  #category-select-top .category-list a:hover .title {
    background-color: #FFF;
    color: #4C5B85;
    text-shadow: none;
  }
}
#category-select-top .title {
  color: #FFF;
  font-size: 22px;
  line-height: 1.3;
  font-weight: normal;
  text-align: center;
  padding: 16px 10px 12px;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  #category-select-top .title {
    font-size: 22px;
    text-align: left;
    margin-bottom: 8px;
    padding: 15px 5px 3px;
  }
}
@media screen and (max-width: 767px) {
  #category-select-top .title {
    position: relative;
    padding: 15px 5px 12px;
    font-size: 17px;
    line-height: 1.25;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
  }
}
#category-select-top .title:before {
  font-family: 'Material-Design-Iconic-Font';
  font-size: 32px;
  line-height: 50px;
  color: FFF;
  text-align: center;
  display: block;
}
@media screen and (max-width: 767px) {
  #category-select-top .title:before {
    line-height: 1;
    text-align: left;
    display: block;
    padding-right: 15px;
    float: left;
  }
}
#category-select-top .title.summary:before {
  content: "\f10c";
}
#category-select-top .title.sistercity:before {
  content: "\f15f";
}
#category-select-top .title.timeline:before {
  content: "\f337";
}
#category-select-top .title.transport:before {
  content: "\f125";
}
#category-select-top .title:after {
  content: "\f2f9";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 40px;
  line-height: 40px;
  color: FFF;
  text-align: center;
  display: block;
}
@media screen and (max-width: 991px) {
  #category-select-top .title:after {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  #category-select-top .title:after {
    content: none;
  }
}

/* .topic-path
-------------------------------------------------- */
.topic-path {
  border-bottom: 3px solid #556385;
}

/* .top
-------------------------------------------------- */
.english.top .category-select .title h2 {
  margin: 0.83em 0;
}

/* .news
-------------------------------------------------- */
.english.news #main .table.newstable .hd th {
  background-color: #D3E2FF;
}

/* [CONTENTS]
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  .category-select .title h2 span {
    display: block;
  }
}

#main h1 {
  border-bottom: 3px solid #556385;
}
#main h2 {
  background-color: #4C5B85;
}
#main h3 {
  border-top: solid 1px #4C5B85;
  border-bottom: solid 1px #4C5B85;
}
#main h3 span {
  border-left: solid 6px #4C5B85;
}
@media screen and (max-width: 767px) {
  #main h3 {
    font-size: 18px;
    padding: 10px 0 10px 10px;
  }
  #main h3 span {
    padding-left: 8px;
  }
}
#main h4 {
  color: #CB657B;
}
#main .sub_index {
  padding: 15px 20px 10px;
  border: none;
  margin-bottom: 20px;
  background-color: #F3F3F3;
  box-shadow: 1px 1px  3px #BBB;
  -webkit-box-shadow: 1px 1px 3px #BBB;
  -moz-box-shadow: 1px 1px 3px #BBB;
}
@media screen and (max-width: 767px) {
  #main .sub_index {
    padding: 12px 8px 8px;
    margin-top: 10px;
  }
}
#main .sub_index .sub_index_link {
  margin-top: 5px;
  margin-bottom: 5px;
}
#main .sub_index .sub_index_link:before {
  content: "\f2f1";
  font-family: 'Material-Design-Iconic-Font';
  margin-right: 0.4em;
  font-size: 17px;
  color: #556385;
  vertical-align: baseline;
}
#main .sub_index .sub_index_link + .sub_index_link {
  margin-top: 0px;
}
#main .guide > li {
  color: #CB657B;
  font-size: 106.6666666667%;
  font-weight: bold;
  margin-bottom: 1.25em;
}
#main .guide li ul,
#main .guide li p {
  color: #333;
  font-weight: normal;
  margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
  #main .guide {
    padding-left: 35px;
    padding-right: 15px;
  }
  #main .guide li > ul {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  #main .table.timeline th {
    white-space: nowrap;
  }
}

/*# sourceMappingURL=english.css.map */