/* ▽▽▽▽▽container▽▽▽▽▽ */
/* l-wrap */
.l-wrap {
  width: 1160px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width:1024px) {
  .l-wrap {
    width: 100%;
  }
}

/* header-prop */
.header-prop {
  height: 250px;
}

@media only screen and (max-width:1024px) {
  .header-prop {
    height: 180px;
  }
}

/* container, container_left, container_right, container_body */
.container {
  display: flex;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.container::after {
  content: ' ';
  display: table;
  clear: both;
}

.container_left {
  width: 850px;
  margin-right: 30px;
  margin-bottom: 80px;
}

.container_right {
  width: 280px;
  margin-bottom: 80px;
}

@media only screen and (max-width:1024px) {
  .container {
    margin: 2%;
    width: 96%;
    display: block;
  }

  .container_left {
    width: 100%;
    float: left;
    margin-right: initial;
    margin-bottom: 40px;
  }

  .container_right {
    width: 100%;
    float: left;
    margin-bottom: 40px;
  }
}

.container_body {
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width:1024px) {
  .container_body {
    display: initial;
  }
}

/* △△△△△container△△△△△ */


/* ▽▽▽▽▽footer▽▽▽▽▽ */
.l-footer {
  width: 100%;
  border-top: 2px solid #bfbfbf;
}

body.is-gyosei.is-black .l-footer {
  border-top: 2px solid #ffff00;
}

.footer-flex {
  display: flex;
}

@media only screen and (max-width:1024px) {
  .l-footer {
    background-size: 240% 25%;
    background-position: 71% 100%;
    position: relative;
  }
}

.w-footer {
  padding: 50px 0 30px 0;
}

.l-footer-info {
  width: 1160px;
  text-align: left;
  font-size: 1.4rem;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1024px) {
  .l-footer-info {
    width: 90%;
    padding: 0;
    flex-direction: column-reverse;
  }

  .footer-map {
    margin-top: 30px;
  }
}

.footer-div-container {
  flex: 40%;
  text-align: left;
  margin-top: 3%;
}

.footer-div-copyright {
  padding: 0.5rem 0;
  font-size: 1.4rem;
  background-color: #108e0e;
  color: white;
  font-weight: 700;
}

/* footer-main */
.footer-main {
  display: flex;
  justify-content: space-between;
}

.footer-div-flex {
  width: 50%;
}

.footer-main p {
  color: #252525;
  white-space: pre-line;
}

@media only screen and (max-width: 1024px) {
  .footer-main {
    flex-direction: column;
  }

  .footer-main p {
    margin-left: initial;
  }

  .footer-div-flex {
    width: initial;
  }

  .footer-div-copyright {
    text-align: center;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 1024px) {
  .footer-div-container {
    flex: 100%;
  }
}

.footer-main p span {
  vertical-align: middle;
  font-size: 3.6rem;
  color: #0e8d09;
}

.footer-p {
  font-size: 1.6rem;
  font-weight: 700;
}

.img-people {
  background: url(../img/common/icon_man.png) no-repeat left center;
  padding-left: 30px;
}

.img-number {
  background: url(../img/common/icon_house.png) no-repeat left center;
  padding-left: 40px;
}

.img-sex {
  background: url(../img/common/icon_sex.png) no-repeat left center;
  padding-left: 30px;
}

@media only screen and (max-width:1024px) {
  .img-people {
    padding-left: 34px;
    margin-left: 8% !important;
  }

  .img-number {
    margin-left: 7% !important;
  }

  .img-sex {
    padding-left: 34px;
    margin-left: 8% !important;
  }

  .footer-p {
    font-size: 1.8rem;
  }
}

.p-right {
  text-align: right;
  font-weight: 700;
}

.footer-a {
  margin-top: 20px;
  text-align: left;
}

.footer-a a {
  color: #2269bc;
  margin-right: 40px;
  text-decoration: underline;
}

@media only screen and (max-width:1024px) {
  .footer-a {
    display: flex;
    flex-direction: column;
    text-align: initial;
  }

  .footer-a a {
    margin-right: 10px;
  }
}

.footer-a a:hover {
  color: red;
}

.footer-page-top-pic {
  width: 80px;
}

.footer-page-mail-a {
  color: white;
  text-decoration: underline !important;
}

.footer-page-top-a {
  color: white;
}

.footer-page-top-a p {
  margin: 5px 8px 0 0;
  display: block;
}

.pagetop-btn {
  width: 80px;
  text-align: center;
  margin-left: auto;
}

.pagetop-btn a {
  display: block;
}

@media only screen and (max-width:1024px) {
  .pagetop-btn {
    margin: 0 auto;
  }
}

/* △△△△△footer△△△△△ */


/* ▽▽▽▽▽menu,tab▽▽▽▽▽ */
/* menu */
@media only screen and (max-width:1024px) {
  .js-spMenu {
    display: none
  }
}

/* tabとcontents */
.js-tab {
  margin-top: 50px;
}

@media only screen and (max-width:1024px) {
  .js-tab {
    margin: 50px 10px 10px 10px;
  }
}

.js-tab .js-tab_content>* {
  display: none
}

.js-tab .js-tab_content>:first-child {
  display: block
}

.js-modal {
  display: none
}

/* gyoseiTtl */
.p-gyoseiTtl {
  color: white;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px
}

@media only screen and (max-width:1024px) {
  .p-gyoseiTtl {
    font-size: 2.3rem;
  }
}

.p-gyoseiTtl span {
  display: inline-block;
  background-repeat: no-repeat
}

.p-gyoseiTtl.p-gyoseiTtl__white {
  color: #fff !important
}

.p-gyoseiTtl.p-gyoseiTtl__iconNews span {
  padding: 0 42px;
  background-image: url(/common/img/common/icon-megaphone.svg),
    url(/common/img/common/icon-megaphone.svg);
  background-position: 0 50%, 100% 50%
}

/* △△△△△menu,tab△△△△△ */


/* ▽▽▽▽▽breadcrumb▽▽▽▽▽ */
/* breadcrumb */
.breadCrumb-div {
  margin-bottom: 30px;
}

.c-breadCrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.4rem;
}

@media only screen and (max-width:1024px) {
  .c-breadCrumb {
    display: block;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .c-breadCrumb>li {
    display: inline;
  }
}

.c-breadCrumb>li {
  margin-right: 10px
}

.c-breadCrumb>li:before {
  content: ">";
  font-family: "fangsong";
  margin-right: 10px
}

.c-breadCrumb>li:first-child:before {
  display: none
}

.breadCrumb-div-one a {
  color: #0078D4;
  text-decoration: underline;
}

.breadCrumb-div-one a:hover {
  color: red;
}

.right-ad-top {
  margin-top: 18px;
}

/* △△△△△breadcrumb△△△△△ */


/* ▽▽▽▽▽c-label▽▽▽▽▽ */
/* c-label */
.c-label {
  color: white;
  border-radius: 30px;
  padding: 1px 1em;
  min-width: 140px;
  font-size: 1.4rem;
  text-align: center;
}

/* くらし */
.c-label.c-label-life {
  background-color: #108e0e;
}

/* 健康・福祉 */
.c-label.c-label-welfare {
  background-color: #108e0e;
}

/* 教育・文化 */
.c-label.c-label-education {
  background-color: #108e0e;
}

/* 観光・イベント */
.c-label.c-label-tourism {
  background-color: #108e0e;
}

/* 産業 */
.c-label.c-label-work {
  background-color: #108e0e;
}

/* 行政・まちづくり */
.c-label.c-label-town {
  background-color: #108e0e;
}

/* 防災 */
.c-label.c-label-disaster {
  background-color: #108e0e;
}

/* △△△△△c-label△△△△△ */


/* ▽▽▽▽▽地図▽▽▽▽▽ */
.map-information {
  margin-top: 5%;
}

.map-information h4 {
  font-size: 2.5rem;
  color: #252525;
}
.map {
  border-top: 3px solid #9bce60;
  border-bottom: 3px solid #9bce60;
}

.map-suggest {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-evenly;
}

.map-suggest-p {
  text-align: center;
  margin: 2% 0;
  margin-left: initial;
}

@media only screen and (max-width:1024px) {
  .map-container {
    width: 100%;
  }
  .map-suggest {
    flex-direction: column;
  }
  .map-information {
    margin-top: 15%;
  }
  .map-suggest-p {
    margin-top: 5%;
    margin-bottom: 5%;
  }
}

.map-suggest-p p {
  display: inline-block;
  width: 200px;
  color: #fff !important;
  font-weight: 700;
  padding: 10px;
  border-radius: 5px;
  background-color: #108e0e;
  border: 1px solid #108e0e;
}

body.is-gyosei.is-black .map-suggest-p p {
  border: 1px solid #ffff00;
  background-color: #ffff00;
  color: #000 !important;
}

.map-suggest-p p:hover {
  background-color: #fff;
  color: #108e0e !important;
}

/* △△△△△地図△△△△△ */


/* ▽▽▽▽▽背景色共通▽▽▽▽▽ */
body.is-gyosei.is-black {
  background-color: #000;
  color: #ffea00;
}

/* link */
body.is-gyosei.is-black a {
  color: #ffea00;
}

body.is-gyosei.is-black a:hover {
  color: white;
}

/* 「>」というICON */
body.is-gyosei.is-black .u-right-blue-arrow {
  color: #ffea00;
}

/* タイトル、例：ライフイベント */
body.is-gyosei.is-black .p-gyoseiTtl {
  color: #ffea00;
}

/* 戻るボタン */
body.is-gyosei.is-black .link_btn_span {
  background-image: initial;
  border-radius: initial;
  padding: initial;
  display: initial;
}

body.is-gyosei.is-black .link_btn {
  background: #00a0e8;
  color: white;
}

body.is-gyosei.is-black .link_btn:hover {
  opacity: .7;
}

/* ページングボタン */
body.is-gyosei.is-black .listpage .pager li.active a {
  color: #000;
}

body.is-gyosei.is-black .listpage .pager li:hover a {
  color: #000;
}

/* △△△△△背景色共通△△△△△ */


/* ▽▽▽▽▽header背景色▽▽▽▽▽ */
body.is-gyosei.is-black .l-header_info_txt a {
  color: white;
}

body.is-gyosei.is-black .l-header.l-header__gyosei {
  background-color: #000
}

body.is-gyosei.is-black .l-header_utility_nav_item {
  height: 125%;
  border: initial;
}

.l-header.l-header__gyosei .l-header_logo p {
  content: url(/common/img/common/logo.png);
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_logo p {
  content: url(/common/img/common/logo_yellow.png)
}

@media only screen and (max-width:1024px) {
  .l-header.l-header__gyosei .l-header_logo p {
    height: 40px;
  }
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_sub_change dt {
  color: #ffea00
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_sub_form input {
  background: initial;
  border: 2px solid #ffea00;
  color: #fff
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_sub_form input:-ms-input-placeholder {
  color: #ffea00
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_sub_form input::placeholder {
  color: #ffea00
}

@media only screen and (max-width:1024px) {
  body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_sub_form input {
    color: initial;
  }

  body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_sub_form input:-ms-input-placeholder {
    color: #999;
  }

  body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_sub_form input::placeholder {
    color: #999;
  }
}

body.is-gyosei.is-black .l-header-filling-div {
  background-color: #11161f;
}

/* △△△△△header背景色△△△△△ */


/* ▽▽▽▽▽footer背景色▽▽▽▽▽ */
body.is-gyosei.is-black .l-footer .footer-div-container img {
  content: url(../img/common/logo_bk.png);
}

body.is-gyosei.is-black .l-footer .map {
  border-top: 3px solid #ffea00;
  border-bottom: 3px solid #ffea00;
}

body.is-gyosei.is-black .footer-main p {
  color: #ffea00;
}

body.is-gyosei.is-black .footer-main p span {
  color: #ffea00;
}

body.is-gyosei.is-black .map-information h4 {
  color: #ffea00;
}

body.is-gyosei.is-black .footer-div-copyright {
  background-color: #ffea00;
  color: #000;
}

body.is-gyosei.is-black .map-suggest-p p:hover {
  background-color: #000;
  color: #ffea00 !important;
  border: 1px solid #ffea00;
}

/* △△△△△footer背景色△△△△△ */


/* ▽▽▽▽▽menu背景色▽▽▽▽▽ */
body.is-gyosei.is-black .l-header_utility_nav_item.js-dropDown.is-active>a:before {
  bottom: -34%;
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item .l-header_utility_nav_item_child {
  background-color: #000;
  top: 150%;
}

body.is-gyosei.is-black .l-header {
  border-bottom: 2px solid #ffff00;
}

@media only screen and (max-width:1024px) {
  body.is-gyosei.is-black .l-header {
    border-bottom: 2px solid #ffff00;
    border-top: 2px solid #ffff00;
  }

  .l-header {
    border-bottom: 2px solid rgb(217, 217, 217);
  }
}

body.is-gyosei.is-black .l-header_img {
  background: none;
  border-bottom: 2px solid #ffff00;
}

@media only screen and (max-width:1024px) {
  body.is-gyosei.is-black .l-header_img {
    border-bottom: none;
  }
}

@media only screen and (max-width:1024px) {
  body.is-gyosei.is-black .l-header_utility_inr {
    background-color: #000;
  }
}

body.is-gyosei.is-black .facebook-top-left-2 {
  border: 4px solid #ffff00;
}

body.is-gyosei.is-black .facebook-top-left-4 {
  border: 4px solid #ffff00;

}

body.is-gyosei.is-black .l-header_utility_inr nav {
  background-color: #000;
}

@media only screen and (min-width:1025px) {
  body.is-gyosei.is-black .l-header_utility_inr nav {
    height: 45px;
  }
}

body.is-gyosei.is-black .l-header_utility_nav_item {
  border-left: 1px solid #ffff00;
}

body.is-gyosei.is-black .l-header_utility_nav_item:last-child {
  border-right: 1px solid #ffff00;
}

@media only screen and (max-width:1024px) {
  body.is-gyosei.is-black .l-header_utility_nav_item {
    border: none;
    border-bottom: 2px solid #ffff00;
  }
}

body.is-gyosei.is-black .l-header_logo_img {
  content: url(../img/common/logo_bk.png);
}

body.is-gyosei.is-black .l-header_utility_nav_item.is-active {
  border-bottom: solid 4px #ffff00;
}

body.is-gyosei.is-black .l-header_utility_sub_change-left-border {
  border-left: 1px solid #ffea00;
}

body.is-gyosei.is-black .l-header_utility_sub_change dd ul li a {
  border: solid 2px #ffff00;
  color: white;
}

body.is-gyosei.is-black .l-header_utility_sub_change dd ul li .select a {
  border: initial;
  color: #ffff00;
}

body.is-gyosei.is-black .l-header_utility_sub_change dd ul li a.is-active {
  background: #ffff00;
  color: #11161f;
  border: solid 2px #ffff00;
}

body.is-gyosei.is-black .l-header_utility_sub_change dd ul li .select {
  border: 2px solid #ffff00;
  color: #ffff00;
}

body.is-gyosei.is-black input::-webkit-input-placeholder {
  color: #fff !important;
}

@media only screen and (max-width:1024px) {
  body.is-gyosei.is-black .l-header_utility_sub_change dd ul li a.is-active {
    background: #ffff00;
    color: #000;
    border: solid 2px #ffff00;
  }

  body.is-gyosei.is-black .l-header_utility_sub_change dd ul li a {
    color: #fff;
    border: solid 2px #ffff00;
  }
}

body.is-gyosei.is-black .l-header_utility_sub_form button {
  background-color: transparent;
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(1).js-dropDown>a:before {
  border-color: transparent transparent #ffff00 transparent
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(1)>a:hover {
  color: #ffff00 !important
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(2).js-dropDown>a:before {
  border-color: transparent transparent #ffff00 transparent
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(2)>a:hover {
  color: #ffff00 !important
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(3).js-dropDown>a:before {
  border-color: transparent transparent #ffff00 transparent
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(3)>a:hover {
  color: #ffff00 !important
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(4).js-dropDown>a:before {
  border-color: transparent transparent #ffff00 transparent
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(4)>a:hover {
  color: #ffff00 !important
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(5).js-dropDown>a:before {
  border-color: transparent transparent #ffff00 transparent
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(5)>a:hover {
  color: #ffff00 !important
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(6).js-dropDown>a:before {
  border-color: transparent transparent #ffff00 transparent
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(6)>a:hover {
  color: #ffff00 !important
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(7).js-dropDown>a:before {
  border-color: transparent transparent #ffff00 transparent
}

body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(7)>a:hover {
  color: #ffff00 !important
}

@media only screen and (max-width:1024px) {
  body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(7) .l-header_utility_nav_item_child {
    border-top: 4px solid #ffea00;
  }

  body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(6) .l-header_utility_nav_item_child {
    border-top: 4px solid #ffea00;
  }

  body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(5) .l-header_utility_nav_item_child {
    border-top: 4px solid #ffea00;
  }

  body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(4) .l-header_utility_nav_item_child {
    border-top: 4px solid #ffea00;
  }

  body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(3) .l-header_utility_nav_item_child {
    border-top: 4px solid #ffea00;
  }

  body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(2) .l-header_utility_nav_item_child {
    border-top: 4px solid #ffea00;
  }

  body.is-gyosei.is-black .l-header.l-header__gyosei .l-header_utility_nav_item:nth-child(1) .l-header_utility_nav_item_child {
    border-top: 4px solid #ffea00;
  }
}

body.is-gyosei.is-black .js-spMenuBtn p {
  color: #fff;
}

@media only screen and (min-width:1025px) {
  body.is-gyosei.is-black .l-header {
    height: 172.5px;
  }
}

@media only screen and (max-width:1024px) {
  body.is-gyosei.is-black .l-header_utility {
    background-color: #000;
  }
}

/* google 翻訳 */
body.is-gyosei.is-black .goog-te-gadget-simple {
  border: solid 2px #ffff00 !important;;
  background: black;
}
/* △△△△△menu背景色△△△△△ */


/* ▽▽▽▽▽TOPページ背景色▽▽▽▽▽ */
@media only screen and (max-width:1024px) {
  body.is-gyosei.is-black .purpose-circular-bottom-right {
    border-top: 2px solid #ffff00;
  }

  body.is-gyosei.is-black .purpose-circular-bottom-right ul {
    border-left: none;
  }
}

body.is-gyosei.is-black .purpose-main-img {
  background-color: #000;
  border: 2px solid #ffff00;
}

body.is-gyosei.is-black .index-w {
  background-color: #ffff00;
}

body.is-gyosei.is-black .purpose-left a {
  color: #000;
}

body.is-gyosei.is-black .purpose-right ul li:nth-child(odd) {
  background-color: #000;
}

body.is-gyosei.is-black .purpose-right ul li:nth-child(even) {
  background-color: #000;
  border-bottom: 1px solid #ffff00;
  border-top: 1px solid #ffff00;
}

body.is-gyosei.is-black .purpose-right ul li {
  padding: 12px;
}

body.is-gyosei.is-black .purpose-right {
  background-color: #000;
}
body.is-gyosei.is-black .news-left {
  background-color: #000;
}

body.is-gyosei.is-black .index-information {
  background-color: #000;
}

body.is-gyosei.is-black .purpose-circular {
  max-width: 965px;
}

body.is-gyosei.is-black .purpose-circular-bottom {
  border: 2px solid #ffff00;
  background-color: #000;
}

body.is-gyosei.is-black .purpose-circular-bottom-right ul {
  border-left: 2px solid #ffff00;
}

body.is-gyosei.is-black .img_topics_icon {
  border: 2px solid #ffff00;
}

body.is-gyosei.is-black .img_topics_font h3 {
  color: #ffff00;
}

body.is-gyosei.is-black .facebook {
  background-color: #000;
  background: none;
}

body.is-gyosei.is-black .news-left ul li:nth-child(odd) {
  background-color: #000;
}

body.is-gyosei.is-black .news-left ul li:nth-child(even) {
  background-color: #000;
  border-top: 1px solid #ffff00;
  border-bottom: 1px solid #ffff00;
}

body.is-gyosei.is-black .facebook-top-right-bottom-bottom {
  background-color: #ffff00;

}

body.is-gyosei.is-black .facebook-top-right-bottom-bottom span {
  color: #000;
}

body.is-gyosei.is-black .facebook-bottom-bottom {
  background-color: #000;
  border: 2px solid #ffff00;
}

body.is-gyosei.is-black .facebook-bottom h3 {
  color: rgb(255, 255, 255)
}

/* 町長室,丸森町議会  */
body.is-gyosei.is-black .facebook-middle-left a,
body.is-gyosei.is-black .facebook-middle-right a {
  color: black;
}

body.is-gyosei.is-black .banners-bg-div .banners li a {
  color: #000
}

@media only screen and (max-width:1024px) {
  body.is-gyosei.is-black .purpose-circular-bottom-right ul {
    border-left: none;
  }
}

/* 関連リンクの画像 */
body.is-gyosei.is-black .relate-link a img {
  border: 1px solid #000;
}

/* 広告の画像 */
body.is-gyosei.is-black .relate-ad a img {
  border: 1px solid #000;
}

/* △△△△△TOPページ背景色△△△△△ */


/* ▽▽▽▽▽第二階層背景色▽▽▽▽▽ */
body.is-gyosei.is-black .container .tier2-headline-top h1 {
  background-color: #ffea00;
  color: #11161f;
}

body.is-gyosei.is-black .c-label.c-label-life {
  background-color: #c9e7c8;
  color: #11161f;
}

body.is-gyosei.is-black .c-label.c-label-welfare {
  background-color: #c9e7c8;
  color: #11161f;
}

body.is-gyosei.is-black .c-label.c-label-education {
  background-color: #c9e7c8;
  color: #11161f;
}

body.is-gyosei.is-black .c-label.c-label-tourism {
  background-color: #c9e7c8;
  color: #11161f;
}

body.is-gyosei.is-black .c-label.c-label-work {
  background-color: #c9e7c8;
  color: #11161f;
}

body.is-gyosei.is-black .c-label.c-label-town {
  background-color: #c9e7c8;
  color: #11161f;
}

body.is-gyosei.is-black .c-label.c-label-disaster {
  background-color: #c9e7c8;
  color: #11161f;
}

body.is-gyosei.is-black .container_body .tier2-news-list-div ul li {
  border-top: 1px solid #ffea00;
}

body.is-gyosei.is-black .container_body .tier2-headline {
  border-bottom: 2px solid #ffea00;
}

body.is-gyosei.is-black .container_body .tier2-news-list-div ul li:last-child {
  border-bottom: 1px solid #ffea00;
}

body.is-gyosei.is-black .container_left_data h3 {
  border-bottom: 2px solid #ffea00;
}
body.is-gyosei.is-black .container_data h3 {
  border-bottom: 2px solid #ffea00;
}
body.is-gyosei.is-black .container_left .container_left_data h4 {
  border-bottom: 1px solid #ffea00;
}
body.is-gyosei.is-black .container_left .container_data h4 {
  border-bottom: 1px solid #ffea00;
}
body.is-gyosei.is-black .container_right .right-easy ul .header-li {
  background-color: #ffea00;
  color: #11161f;
}

body.is-gyosei.is-black .container_right .right-easy-two ul li:first-child {
  background-color: #ffea00;
  color: #11161f;
}

/* body.is-gyosei.is-black .container_right .right-easy ul li a {
  border-left: 1px #ffea00 solid;
  border-right: 1px #ffea00 solid;
  border-bottom: 1px #ffea00 solid;
} */
body.is-gyosei.is-black .container_right .right-easy-two ul li:nth-child(2) img {
  content: url(../img/common/icon_life01_bk.png);
}

body.is-gyosei.is-black .container_right .right-easy-two ul li:nth-child(3) img {
  content: url(../img/common/icon_life02_bk.png);
}

body.is-gyosei.is-black .container_right .right-easy-two ul li:nth-child(4) img {
  content: url(../img/common/icon_life03_bk.png);
}

body.is-gyosei.is-black .container_right .right-easy-two ul li:nth-child(5) img {
  content: url(../img/common/icon_life04_bk.png);
}

body.is-gyosei.is-black .container_right .right-easy-two ul li:nth-child(6) img {
  content: url(../img/common/icon_life05_bk.png);
}

body.is-gyosei.is-black .container_right .right-easy-two ul li:nth-child(7) img {
  content: url(../img/common/icon_life06_bk.png);
}

body.is-gyosei.is-black .container_right .right-easy-two ul li:nth-child(8) img {
  content: url(../img/common/icon_life07_bk.png);
}

body.is-gyosei.is-black .container_right .right-easy-two ul li:nth-child(9) img {
  content: url(../img/common/icon_life08_bk.png);
}

body.is-gyosei.is-black .container_right .right-easy-two ul li:nth-child(10) img {
  content: url(../img/common/icon_life09_bk.png);
}

body.is-gyosei.is-black .container_right .right-easy-two ul li:nth-child(11) img {
  content: url(../img/common/icon_life10_bk.png);
}

body.is-gyosei.is-black .container_left_data ul li {
  color: #ffea00;
}
body.is-gyosei.is-black .container_data ul li {
  color: #ffea00;
}
body.is-gyosei.is-black .right-easy .mid-category-body-div {
  background-color: initial;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

body.is-gyosei.is-black .right-easy .mid-category-body-div li {
  color: #ffea00;
}

body.is-gyosei.is-black .small-category-title {
  background: initial;
  border-left: 1px #ffea00 solid;
  border-right: 1px #ffea00 solid;
  border-bottom: 1px #ffea00 solid;
}

body.is-gyosei.is-black .right-easy>ul>li>a {
  border-left: 1px #ffea00 solid;
  border-right: 1px #ffea00 solid;
  border-bottom: 1px #ffea00 solid;
}

/* △△△△△第二階層背景色△△△△△ */


/* ▽▽▽▽▽よくある質問一覧背景色▽▽▽▽▽ */
body.is-gyosei.is-black .listpage .pager ul .active {
  background: #ffea00;
}

body.is-gyosei.is-black .listpage .pager li:hover {
  background: #ffea00;
  color: #FFFFFF;
}

body.is-gyosei.is-black .qa-form button {
  background: #ffea00;
  color: #000;
  font-weight: 700;
}

body.is-gyosei.is-black .qa-form input {
  background: #fff;

  color: rgb(217, 217, 217);
}

body.is-gyosei.is-black .qa-form input::-webkit-input-placeholder {
  color: rgb(217, 217, 217) !important;
}

body.is-gyosei.is-black .qa-form input:-ms-input-placeholder {
  color: #ffea00;
}

body.is-gyosei.is-black .qa-form input::placeholder {
  color: #ffea00;
}

body.is-gyosei.is-black .qa-form select:-ms-input-placeholder {
  color: #ffea00;
}

body.is-gyosei.is-black .block-inquiry table {
  border: 1px solid #ffea00;
}

/* △△△△△よくある質問一覧背景色△△△△△ */


/* ▽▽▽▽▽よくある質問詳細背景色▽▽▽▽▽ */
body.is-gyosei.is-black .faq-title {
  color: #ffea00;
}

body.is-gyosei.is-black #related-faq-ul a {
  color: #ffea00
}

body.is-gyosei.is-black #related-faq-ul a:hover {
  color: #fff
}

body.is-gyosei.is-black .container_left_p p {
  border-bottom: 2px solid #ffea00
}

body.is-gyosei.is-black .c-simpleul li a {
  color: #ffea00 !important;
}

body.is-gyosei.is-black .c-simpleul li:before {
  background-color: #ffea00;
}

body.is-gyosei.is-black .container-tite {
  background-color: #000;
}


/* △△△△△よくある質問詳細背景色△△△△△ */


/* ▽▽▽▽▽404ページ背景色▽▽▽▽▽ */
body.is-gyosei.is-black .cuowu_box1 img {
  content: url(../img/common/404_bk.png);
}

/* △△△△△404ページ背景色△△△△△ */


/* ▽▽▽▽▽新着一覧背景色▽▽▽▽▽ */
body.is-gyosei.is-black .listpage .pager ul .active {
  background: #ffea00;
}

body.is-gyosei.is-black .listpage .pager li:hover {
  background: #ffea00;
  color: #FFFFFF;
}

/* △△△△△新着一覧背景色△△△△△ */


/* ▽▽▽▽▽新着詳細背景色▽▽▽▽▽ */
body.is-gyosei.is-black .tier2_headline p {
  background: #000;
}

body.is-gyosei.is-black .tier2_headline {
  border-bottom: 3px #ffff00 solid;
}

body.is-gyosei.is-black .c-table tr {
  border: none;
  border-top: 1px solid #ffff00 !important;
  border-right: 1px solid #ffff00 !important;
}

body.is-gyosei.is-black .c-table th {
  border: none;
  border-bottom: 1px solid #ffff00 !important;
  border-left: 1px solid #ffff00 !important;
  padding: 16px 1em;
  width: 33%;
  font-weight: 700;
}

body.is-gyosei.is-black .c-table td {
  border: none;
  border-bottom: 1px solid #ffff00 !important;
  border-left: 1px solid #ffff00 !important;
  padding: 16px 1em;
  vertical-align: initial;
}

body.is-gyosei.is-black .c-simpleList_border li {
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

/* △△△△△新着詳細背景色△△△△△ */


/* ▽▽▽▽▽detail画面系背景色▽▽▽▽▽ */
/* 見出しレベル1 */
body.is-gyosei.is-black .container .container_left .index_block .container-title1 {
  border-bottom: 2px solid #ffea00;
}

/* 見出しレベル2 */
body.is-gyosei.is-black .container .head_block .container-title2 .headline02 {
  background-color: #000;
  border-left: 6px solid #ffea00;
}

/* 見出しレベル3 */
body.is-gyosei.is-black .container .head_block .container-title3 {
  background-color: #000;
}

body.is-gyosei.is-black .container_left .container-title3::before {
  background: url(../img/common/dot_bk.png) no-repeat;
}

/* 見出しレベル4 */
body.is-gyosei.is-black .container .container_left .head_block .container-title4 {
  border: none;
  border-bottom: 2px solid #eee !important;
}

body.is-gyosei.is-black .container_left .menu_block .detail-h-back .detail-h-back-span a {
  background-color: #000;
  border: 2px solid #ffea00;
  background-image: url(../img/common/btn_arrow_bk.png);
}

body.is-gyosei.is-black .container_left .menu_block .detail-h-back .detail-h-back-span a:hover {
  color: #11161f;
  background-color: #ffea00;
  border: 2px solid #11161f;
  background-image: url(../img/common/btn_arrow_hover_bk.png);
}

body.is-gyosei.is-black .slick-dots li.slick-active button:before {
  color: #ffea00;
}

body.is-gyosei.is-black .div-def-list-up-down th::before {
  background-color: #ffea00;
}

body.is-gyosei.is-black .block-inquiry table .bc {
  border: 1px solid #ffea00;
}

body.is-gyosei.is-black .block-inquiry .block-inquiry-td1 {
  background-color: #ffea00;
  color: #000;
  font-size: 1.6rem;
}

body.is-gyosei.is-black .c-defTable dl dd {
  background-color: #000;
}

body.is-gyosei.is-black .cassette-item .zip-search {
  background: initial;
  border: 1px solid #ffea00;
  color: #ffea00;
}

body.is-gyosei.is-black .container_left .container_left_new .c-table tr {
  border-top: 1px solid #ffea00 !important;
  border-right: 1px solid #ffea00 !important;
}

body.is-gyosei.is-black .container_left .container_left_new .c-table th {
  border-bottom: 1px solid #ffea00 !important;
  border-left: 1px solid #ffea00 !important;
  background-color: #000;
}

body.is-gyosei.is-black .container_left .container_left_new .c-table td {
  border-bottom: 1px solid #ffea00 !important;
  border-left: 1px solid #ffea00 !important;
}

body.is-gyosei.is-black .cassette-item .c-form_btn button {
  background-color: #000;
  border: 2px solid #ffea00;
  color: #ffea00;
  background: url(../img/common/btn_arrow_bk.png) no-repeat;
  background-position: right 10px center;
}
body.is-gyosei.is-black .cassette-item .c-form_btn .back {
  background: url(../img/common/btn_arrow_left_bk.png) no-repeat;
  background-position: left 10px center;
}
body.is-gyosei.is-black .cassette-item .c-form_btn button:hover {
  background-color: #ffea00;
  background-image: url(../img/common/btn_arrow_hover_bk.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  color: #000;
}
body.is-gyosei.is-black .cassette-item .c-form_btn .back:hover {
  background-image: url(../img/common/btn_arrow_left_hover_bk.png);
  background-position: left 10px center;
}
body.is-gyosei.is-black .container .container_left .cassette-item .block-inquiry table {
  border: none;
}

body.is-gyosei.is-black .div-detail-form tr {
  border-bottom: 1px solid #ffea00;
}

body.is-gyosei.is-black .div-detail-form table {
  border-top: 1px solid #ffea00;
}
body.is-gyosei.is-black .div-detail-form td span {
  color: #ffea00;
}
/* △△△△△detail画面系背景色△△△△△ */

/* ▽▽▽▽▽event_calendar背景色▽▽▽▽▽ */
body.is-gyosei.is-black .container .top-date .date-img-left {
  content: url(../img/event_calendar/calendar_arrow_left_bk.png);
}

body.is-gyosei.is-black .container .top-date .date-img-right {
  content: url(../img/event_calendar/calendar_arrow_right_bk.png);
}

body.is-gyosei.is-black .left-calendar h2 {
  border-bottom: 2px solid #ffea00;
}

body.is-gyosei.is-black .top-search ul li {
  background-color: #000 !important;
  border: 1px solid;
}

body.is-gyosei.is-black .top-search ul li:hover {
  color: #000 !important;
  background-color: #ffea00 !important;
  opacity: 1;
}

body.is-gyosei.is-black .container-top .container-main .left-calendar p {
  border-bottom: 2px solid #ffea00;
}

body.is-gyosei.is-black .container-top .container-main .current table tr {
  background-color: #000;
  border-bottom: 1px solid;
}

body.is-gyosei.is-black .container-top .container-main .current table tr:first-child {
  border-top: 1px solid;
}

body.is-gyosei.is-black .container-top .container-main .current table tr .td-date {
  color: #ffea00;
}

body.is-gyosei.is-black .container-top .container-main .current table tr td:nth-child(2) span {
  color: #000;
  background-color: #ffea00;
}
body.is-gyosei.is-black .top-search ul .active-white {
  color: #000;
  background-color: #ffea00 !important;
}
body.is-gyosei.is-black .event-tab-div .c-label {
  color: #000;
  font-weight: 700;
  background-color: #ffea00;
}
body.is-gyosei.is-black .event-tab-div table tr {
  border-top: 1px solid #ffea00;
}
body.is-gyosei.is-black .event-tab-div table tr:last-child {
  border-bottom: 1px solid #ffea00;
}
body.is-gyosei.is-black .event-tab-div table tr:nth-child(even) {
  background-color: #000;
}
body.is-gyosei.is-black .event-tab-div table tr td {
  color: #ffea00;
}

/* △△△△△event_calendar背景色△△△△△ */

/* ▽▽▽▽▽ページング背景色▽▽▽▽▽ */
body.is-gyosei.is-black .listpage .pager li {
  border: #ffea00 1px solid;
}

/* △△△△△ページング背景色△△△△△ */

/* ▽▽▽▽▽purpose背景色▽▽▽▽▽ */
/* △△△△△purpose背景色△△△△△ */

/* ▽▽▽▽▽第二階層▽▽▽▽▽ */
/* headline、例：くらし・手続き、健康・福祉、などの文字 */
.tier2-headline {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 2px #108e0e solid;
  padding-bottom: 5px;
}

@media only screen and (max-width:1024px) {
  .tier2-headline {
    flex-direction: column;
  }

  .tier2-headline_1 {
    height: 65px;
  }
}

.tier2-headline-top h1 {
  font-size: 3.6rem;
  padding: 11px 20px;
  border-radius: 4px;
  background-color: #108e0e;
  color: #fff;
}
@media only screen and (max-width:1024px) {
  .tier2-headline-top h1 {
    font-size: 2.6rem;
  }
}
.tier2-headline-top img {
  padding: 30px 0;
  width: 100%;
}

.tier2-headline p {
  display: inline;
  font-size: 2.4rem;
  font-weight: 700;
}

.tier2-headline a {
  font-size: 1.8rem;
  font-weight: 700;
  padding-top: 10px;
}

@media only screen and (max-width:1024px) {
  .tier2-headline p {
    display: block;
  }

  .tier2-headline a {
    text-align: right;
    padding-top: 0;
  }
}

.tier2-headline a img {
  width: 2rem;
  height: 2rem;
  margin-right: 10px;
  margin-top: -0.2rem;
}

/* 新着情報div */
.tier2-news-list-div {
  margin: 30px 0;
}

.tier2-news-list-div ul li {
  padding: 15px 0;
  border-top: 1px solid #e1e1e1;
}

/* 奇数番の新着情報 */
.tier2-news-list-div ul li:last-child {
  border-bottom: 1px solid #e1e1e1;
}

/* 新着情報の年月日 */
.tier2-news-detail-p1 {
  display: inline-block;
}

/* 新着情報のタイトル */
.tier2-news-detail-p2 {
  text-decoration: underline;
}

.tier2-news-detail-p2:hover {
  text-decoration: none;
}

.tier2-news-detail-p2 a {
  color: #2269bc;
}

.tier2-news-detail-p2 a:hover {
  color: red;
}

/* 第二階層、例/life/画面の、記事一覧部分 */
/* 下線付けるカテゴリ名 */
.container_left_data h3,.container_data h3{
  font-size: 2.4rem;
  border-bottom: 2px solid #108e0e;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  .container_left_data h3,.container_data h3 {
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
}

.container_left_data ul li,.container_data ul li {
  padding-bottom: 10px;
  color: #2269bc;
}

.container_left_data ul li a,.container_data ul li a {
  text-decoration: underline;
  color: #2269bc;
}
.container_left_data ul li a:hover, .container_data ul li a:hover {
  color: red;
}
.container_left_data h4,.container_data h4 {
  border-bottom: solid 1px #ccc;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.container_left_data {
  display: flex;
  justify-content: space-between;
}
.container_left_data_left-div {
  width: 48%;
  vertical-align: top;
}

.container_left_data-right-div {
  width: 48%;
  vertical-align: top;
}

.container_left_data a:hover {
  color: red;
}

@media only screen and (max-width:1024px) {
  .container_left_data  {
    flex-direction: column;
  }
  .container_left_data-right-div {
    width: 100%;
    margin-top: 0;
  }

  .container_left_data_left-div {
    width: 100%;
    margin-top: 0;
  }
}

/* △△△△△第二階層△△△△△ */


/* ▽▽▽▽▽右側の、くらし・手続き、くらしの情報▽▽▽▽▽ */
/* くらし・手続き */
@media only screen and (max-width:1024px) {
  .right-easy ul li {
    width: 100%;
  }
}

.right-easy ul .header-li {
  height: 60px;
  padding-top: 15px;
  background-color: #0078D4;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  padding-left: 25px;
}

.right-easy>ul>li>a {
  display: block;
  border-left: 1px #dedede solid;
  border-right: 1px #dedede solid;
  border-bottom: 1px #dedede solid;
  padding: 12px 10px;
}

.right-easy ul li img {
  margin-top: 0.3rem;
  margin-right: 10px;
  height: 20px;
}

.right-easy .mid-category-body-div {
  background-color: #eee;
  padding: 10px 10px 5px 10px;
}

.right-easy .mid-category-body-div li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 5px;
  color: #2269bc;
}

.small-category-title {
  padding: 7.5px 15px 7.5px 15px;
  background: #eee;
  border-bottom: 1px #dedede solid;
}

/* くらしの情報 */
.right-easy-two ul {
  padding-bottom: 30px;
}

.right-easy-two ul li {
  width: 280px;
  margin-bottom: 10px;
}

@media only screen and (max-width:1024px) {
  .right-easy-two ul li {
    width: 100%;
  }
}

.right-easy-two ul li:first-child {
  height: 60px;
  padding-top: 15px;
  background-color: #0078D4;
  padding-left: 25px;
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  border-radius: 5px;
}

.right-easy-two ul li a {
  display: flex;
  font-size: 1.6rem;
  align-items: center;
  padding: 5px 10px;
}

.right-easy-two ul li:nth-child(2) a {
  border-top: none;
}

.right-easy-two ul li a:hover {
  opacity: 1;
}

.right-easy-two ul li img {
  margin-right: 15px;
}

/* 右側の、ふるさと納税、移住・定住サイト、観光・みどころ */
.right-ad-div img {
  margin-top: 5%;
}

@media only screen and (max-width:1024px) {
  .right-ad-div img {
    width: 100%;
  }
}

ul.tier2-content-list {
  width: 280px;
  padding: 15px 0;
  background-color: #eee;
}

@media only screen and (max-width:1024px) {
  ul.tier2-content-list {
    width: 100%;
  }
}

ul.tier2-content-list li a {
  border: none !important;
  padding: 14px 0 0 27px !important;
}

/* △△△△△right△△△△△ */