@charset "UTF-8";
/* Scss Document */
/* Scss Document */
@font-face {
  font-family: "mplus";
  src: url("../font/mplus-1c-bold.woff") format("woff"), url("../font/mplus-1c-bold.woff2") format("woff2");
}
body {
  background-color: #ffff02;
}

input[type=submit].f-btn,
input[type=reset].f-btn,
input[type=button].f-btn {
  background-color: transparent;
  color: #000;
  border: solid 2px #000;
}

input[type=submit].f-btn:hover,
input[type=reset].f-btn:hover,
input[type=button].f-btn:hover {
  color: #ffff02;
  background-color: #000;
  border: solid 2px #000;
}

/*
 基本書式
———————————–*/
#contents p a {
  color: #000;
}
#contents p a:hover {
  color: #000 !important;
}
#contents h2 {
  background-color: #000;
  color: #ffff02;
}
#contents h2.simple {
  color: #000;
}
#contents {
  /* index */
}
#contents article.info h3 {
  color: #000;
}
#contents article.info h3 a {
  color: #000;
}
#contents article.info h3 a:hover {
  color: #000;
}
#contents h3,
#contents h3.count {
  color: #000;
  border-bottom: solid 3px #000;
}
#contents h3:after,
#contents h3.count:after {
  background-color: #000;
}
#contents h4 {
  border-left: solid 4px #000;
}
#contents h5 {
  color: #ffff02;
  background-color: #000;
}
#contents h5 span {
  color: #ffff02;
}
#contents p.link-text:before,
#contents p.link-text a[href$=".pdf"]:after,
#contents p.link-text a[href$=".docx"]:after,
#contents p.link-text a[href$=".doc"]:after,
#contents p.link-text a[href$=".xlsx"]:after,
#contents p.link-text a[href$=".xls"]:after,
#contents p a[target=_blank]:after {
  color: #000;
}
#contents p a {
  color: #000;
}
#contents p.date span a {
  color: #ffff02;
}
#contents p.date span.news a,
#contents p.date span.boshu a,
#contents p.date span.report a,
#contents p.date span.misc a,
#contents p.date span.cate a {
  background-color: #000;
  color: #ffff02;
}
#contents p.bassui a {
  color: #000;
}
#contents p.bassui a:hover {
  color: #000;
}
#contents ul, #contents ol {
  color: #000;
}
#contents {
  /* -------------------------
  	3分でわかる社協
  ------------------------- */
}
#contents div.flame {
  border: solid 1px #000;
}
#contents div.flame ul li {
  color: #000;
}
#contents div.flame ul li a {
  color: #000;
}
#contents {
  /* ----------------
  	FAQ
  ---------------- */
}
#contents ul.cate-btn li a {
  background-color: #ffff02;
  border: solid 2px #000;
  color: #000;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}
#contents ul.cate-btn li a:hover {
  background-color: #000;
  border: solid 2px #000;
  color: #ffff02;
}
#contents .accordion-wrap {
  border-bottom: 1px solid #000;
}
#contents .accordion-text {
  background: #000;
}
#contents .accordion-text p,
#contents .accordion-text a {
  color: #ffff02 !important;
}
#contents .accordion-text span:before {
  color: #ffff02;
}
#contents .accordion-gold {
  color: #000;
}
#contents .accordion-no-bar {
  border-bottom: 0;
}
#contents span.q {
  color: #000;
}
#contents {
  /* --------------------------------
  	磐田市社会福祉協議会法人連絡会
  -------------------------------- */
}
#contents ul.flex_4mokuteki li {
  color: #000;
  border: solid 2px #000;
}
#contents ol.num-orange li:before {
  color: #000;
}
#contents {
  /* --------------------------------
  	社協の組織
  -------------------------------- */
}
#contents ul.file_list li a {
  color: #000;
}
#contents ul.file_list li a:hover {
  color: #000;
}
#contents ul.file_list li a[href$=".pdf"]:after,
#contents ul.file_list li a[href$=".docx"]:after,
#contents ul.file_list li a[href$=".doc"]:after,
#contents ul.file_list li a[href$=".xlsx"]:after,
#contents ul.file_list li a[href$=".xls"]:after,
#contents ul.file_list li a[target=_blank]:after {
  color: #000;
}
#contents {
  /* --------------------------------
  	再発防止取組状況
  -------------------------------- */
}
#contents div.red-flame {
  border: solid 3px #000;
}
#contents {
  /* --------------------------------
  	いせいかつ応援倶楽部
  -------------------------------- */
}
#contents ul.flow li div {
  border: solid 6px #000;
  background-color: transparent;
}
#contents ul.flow li:after {
  color: #000;
}
#contents dl.faq dt:before {
  color: #000;
}
#contents dl.faq dd {
  border-top: solid 3px #000;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  background-color: transparent;
}
#contents dl.faq dd:before {
  color: #000;
}
#contents {
  /* --------------------------------
  	お問合せ
  -------------------------------- */
}
#contents dl.contact:last-of-type {
  border-bottom: solid 2px #000;
}
#contents dl.contact dt {
  background-color: #000;
  color: #ffff02;
}
#contents dl.contact dd {
  background-color: #ffff02;
  color: #000;
}
#contents {
  /*---------------------------------
  アコーディオンボックス
  --------------------------------*/
}
#contents .acbox > summary {
  background: #000; /* ラベルの背景色 */
  color: #ffff02;
  border: solid 2px #000;
}
#contents .acbox > summary::after {
  color: #ffff02;
}
#contents .acbox > summary:hover {
  background: #ffff02; /* ラベルにマウスを乗せた時の背景色 */
  color: #000;
  border-color: #000;
}
#contents .acbox > summary:hover::after {
  color: #000;
}
#contents {
  /* 開いている時 */
}
#contents .acbox[open] > summary {
  background: #000; /* クリック後のラベルの背景色 */
  color: #ffff02;
}
#contents .acbox[open] > summary::after {
  color: #ffff02;
}
#contents .acbox[open] > summary:hover {
  background: #ffff02; /* 開いている時にマウスを乗せた時の背景色 */
  color: #000;
}
#contents .acbox[open] > summary:hover::after {
  color: #000;
}
#contents .acbox-under {
  background: #ffff02; /* 開いた部分の背景色 */
  font-size: 1.6rem; /* 開いた部分の文字サイズ */
  color: #000; /* 開いた部分の文字色 */
}

/* ------------------------------
	役に立ちましたか？
------------------------------ */
.helpful {
  color: #000;
  border-color: #000 !important;
  background-color: transparent !important;
  border-width: 1px;
  box-shadow: 0px 2px 5px 0px #000;
  -moz-box-shadow: 0px 2px 5px 0px #000 !important;
  -webkit-box-shadow: 0px 2px 5px 0px #000 !important;
}

button.helpful-button {
  font-size: 1.6rem !important;
}

.helpful > .helpful-controls > div > .helpful-button {
  color: #ffff02 !important;
  background: #000 !important;
  border: 1px solid #000 !important;
  box-shadow: 0px 2px 5px 0px #000;
  -moz-box-shadow: 0px 2px 5px 0px #000;
  -webkit-box-shadow: 0px 2px 5px 0px #000;
}

.helpful > .helpful-controls > div > .helpful-button:hover {
  opacity: 0.9 !important;
}

/* -----------
	hero
———————————–*/
.jumbotron {
  background-color: #ffff02;
}

.hero_area {
  background-image: none;
  background-color: #ffff02;
  padding-top: 0;
  padding-bottom: 60px;
  margin-bottom: 0;
}
.hero_area .hero {
  margin-bottom: 45px;
}

.wave_blue,
.wave_green {
  display: none;
}

.bg_green {
  background-color: transparent;
}

.title_3min {
  background-color: #fff;
}

/* ----------------------------
	お問合せボックス
---------------------------- */
.contact_box {
  border: solid 2px #000;
  background-color: #ffff02;
}
.contact_box h2 {
  background-color: #000;
  color: #ffff02;
}
.contact_box .container {
  background-color: #ffff02;
}
.contact_box .container h3 {
  color: #000;
}
.contact_box .container span {
  color: #000;
}

/* ----------------------------
	テーブル
---------------------------- */
.table-style-1 {
  border: solid 1px #000;
}
.table-style-1 th {
  background-color: #000;
  border: solid 1px #ffff02;
  color: #ffff02;
}
.table-style-1 td {
  background-color: transparent;
  border: solid 1px #000;
}
.table-style-1 td a {
  color: #000;
}
.table-style-1 td a:hover {
  text-decoration: underline;
}

.table-style-2 {
  border: solid 1px #000;
}
.table-style-2 th {
  background-color: #000;
  color: #ffff02;
  border: solid 1px #ffff02;
}
.table-style-2 td {
  background-color: transparent;
  border: solid 1px #000;
}
.table-style-2 td a {
  color: #000;
}
.table-style-2 td a:hover {
  text-decoration: underline;
}

.table-style-3 {
  border: solid 1px #000;
}
.table-style-3 th {
  background-color: #000;
  color: #ffff02;
  border: solid 1px #ffff02;
}
.table-style-3 td {
  border: solid 1px #000;
  background-color: transparent;
}
.table-style-3 td a {
  color: #000;
}
.table-style-3 td a:hover {
  text-decoration: underline;
}
.table-style-3 td:last-child {
  border: solid 1px #000;
}

.table-style-4,
.table-style-5 {
  background-color: transparent;
  border: solid 1px #000;
  color: #000;
}
.table-style-4 th,
.table-style-5 th {
  border: solid 1px #ffff02;
}
.table-style-4 td,
.table-style-5 td {
  border: solid 1px #000;
}
.table-style-4 td a,
.table-style-5 td a {
  color: #000;
}
.table-style-4 td a:hover,
.table-style-5 td a:hover {
  text-decoration: underline;
}
.table-style-4 th,
.table-style-5 th {
  background-color: #000;
  color: #ffff02;
}

.pagination span, .pagination a {
  color: #000;
  border: solid 1px #000;
  background-color: transparent;
}
.pagination a:hover {
  background-color: #000;
  color: #ffff02;
}
.pagination .current {
  background-color: #000;
  border: solid 1px #000;
  color: #ffff02;
}

/* -----------
	ピックアップ
———————————–*/
ul.pu * {
  color: #000;
}

/* テキストボタン */
.btn_txt a {
  border: solid 2px #000;
  background-color: #ffff02;
  color: #000;
}
.btn_txt a:hover {
  color: #ffff02 !important;
  background-color: #000;
}

.btn_txt_solid.all a, .btn_txt_solid.news a, .btn_txt_solid.boshu a, .btn_txt_solid.report a {
  border: solid 2px #000;
  color: #000;
}
.btn_txt_solid.all a:hover, .btn_txt_solid.news a:hover, .btn_txt_solid.boshu a:hover, .btn_txt_solid.report a:hover {
  background-color: #000;
  color: #ffff02 !important;
}

.btn_txt_solid_pink a,
.btn_txt_solid_orange a {
  border: solid 2px #000;
  color: #000;
}
.btn_txt_solid_pink a:hover,
.btn_txt_solid_orange a:hover {
  background-color: #000;
  color: #ffff02 !important;
}

.btn-flat-border a {
  color: #ffff02;
  background: #000;
  border: solid 2px #ffff02;
}
.btn-flat-border a:hover {
  background: transparent;
  border: solid 2px #000;
  color: #000;
}

/* 
お知らせ アイコン 
----------------- */
dl.info dt span a {
  color: #000;
  border: solid 1px #000;
}
dl.info dt span.news a,
dl.info dt span.boshu a,
dl.info dt span.report a,
dl.info dt span.misc a,
dl.info dt span.cate a,
dl.info dt span.consultation a,
dl.info dt span.sanka a,
dl.info dt span.utilization a,
dl.info dt span.manabi a {
  background-color: #ffff02;
}

/*
 基本レイアウト
———————————–*/
section {
  background-color: transparent;
}

/* -----------
	ピックアップ
———————————–*/
ul.pu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative; /*for IE10*/ /*for old webkit browser*/
  display: flex; /*for IE10*/ /*for old webkit browser*/
  flex-wrap: wrap;
  justify-content: space-between;
}
ul.pu li {
  flex-basis: 49%;
  -moz-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.3));
}
ul.pu li div.aspect169-box {
  border-radius: 12px 12px 0px 0px;
  -moz-border-radius: 12px 12px 0px 0px;
  -webkit-border-radius: 12px 12px 0px 0px;
  overflow: hidden;
}
ul.pu li .text-box {
  background-color: #fff;
  padding: 30px 30px 15px;
  position: relative;
}
ul.pu li .text-box h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0;
}
ul.pu li .text-box img {
  position: absolute;
  width: 50%;
  height: auto;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
ul.pu li.pu1 .text-box {
  border-left: solid 2px #f296b0;
  border-right: solid 2px #f296b0;
  border-bottom: solid 2px #f296b0;
  border-radius: 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px;
  -webkit-border-radius: 0px 0px 12px 12px;
}
ul.pu li.pu1 .text-box h2:after {
  content: url(../../images/top/bg_title_pu1.png);
  display: block;
  margin-top: -10px;
  margin-bottom: 20px;
}
ul.pu li.pu2 .text-box {
  border-left: solid 2px #bd82bb;
  border-right: solid 2px #bd82bb;
  border-bottom: solid 2px #bd82bb;
  border-radius: 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px;
  -webkit-border-radius: 0px 0px 12px 12px;
}
ul.pu li.pu2 .text-box h2:after {
  content: url(../../images/top/bg_title_pu2.png);
  display: block;
  margin-top: -10px;
  margin-bottom: 20px;
}
ul.pu li.pu3 .text-box {
  border-left: solid 2px #64b45a;
  border-right: solid 2px #64b45a;
  border-bottom: solid 2px #64b45a;
  border-radius: 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px;
  -webkit-border-radius: 0px 0px 12px 12px;
}
ul.pu li.pu3 .text-box h2:after {
  content: url(../../images/top/bg_title_pu3.png);
  display: block;
  margin-top: -10px;
  margin-bottom: 20px;
}
ul.pu li.pu4 .text-box {
  border-left: solid 2px #7fb0d7;
  border-right: solid 2px #7fb0d7;
  border-bottom: solid 2px #7fb0d7;
  border-radius: 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px;
  -webkit-border-radius: 0px 0px 12px 12px;
}
ul.pu li.pu4 .text-box h2:after {
  content: url(../../images/top/bg_title_pu4.png);
  display: block;
  margin-top: -10px;
  margin-bottom: 20px;
}
ul.pu {
  /*
  	li.pu2,
  	li.pu4 {
  		margin-top: 20px;
  	}
  */
}

/* -----------
	information
———————————–*/
/* 
	TAB
---------- */
.tab-label {
  color: #ffff02;
  font-weight: bold;
}
.tab-label.all, .tab-label.news, .tab-label.boshu, .tab-label.report {
  background-color: #000;
}

.tab-content {
  background-color: #ffff02;
}
.tab-content.all, .tab-content.news, .tab-content.boshu, .tab-content.report {
  border-left: solid 2px #000;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
}

.tab-switch:checked + .tab-label {
  background: #ffff02;
}
.tab-switch:checked + .tab-label.all, .tab-switch:checked + .tab-label.news, .tab-switch:checked + .tab-label.boshu, .tab-switch:checked + .tab-label.report {
  color: #000;
  border-top: solid 2px #000;
  border-left: solid 2px #000;
  border-right: solid 2px #000;
}

/* 
	informtion
------------------ */
dl.info {
  border-bottom: dotted 2px #000;
}
dl.info dt {
  font-weight: normal;
  line-height: 17px;
}
dl.info dd a {
  color: #000;
}
dl.info dd a:hover {
  color: #000;
}

/* ありがとうメッセージ */
ul.flex-2_thanks li {
  background-color: #ffff02;
}
ul.flex-2_thanks li h4 a {
  color: #000;
}
ul.flex-2_thanks li h4 a:hover {
  color: #000;
}
ul.flex-2_thanks li.pink {
  border: solid 2px #000;
}
ul.flex-2_thanks li.pink h2 {
  background-color: #000;
  color: #ffff02;
}
ul.flex-2_thanks li.pink h2 span {
  color: #ffff02;
}
ul.flex-2_thanks li.pink h4 {
  color: #000;
}
ul.flex-2_thanks li.pink p.date {
  border-top: dotted 2px #000;
  color: #000;
}
ul.flex-2_thanks li.orange {
  border: solid 2px #000;
}
ul.flex-2_thanks li.orange h2 {
  background-color: #000;
  color: #ffff02;
}
ul.flex-2_thanks li.orange h2 span {
  color: #ffff02;
}
ul.flex-2_thanks li.orange h4 {
  color: #000;
}

/* ----------------------
	各ページのindex
---------------------- */
h2.title_disc {
  color: #ffff02;
}
h2.title_disc.orange, h2.title_disc.pink, h2.title_disc.purple, h2.title_disc.green, h2.title_disc.blue {
  background-color: #000;
}

div.info-box dl dd a {
  color: #000;
}
div.info-box dl dd a:hover {
  color: #000;
}
div.info-box.orange, div.info-box.pink, div.info-box.purple, div.info-box.green, div.info-box.blue {
  border: solid 2px #000;
}
div.info-box.orange dl, div.info-box.pink dl, div.info-box.purple dl, div.info-box.green dl, div.info-box.blue dl {
  border-bottom: dotted 1px #000;
}
div.info-box.orange h2, div.info-box.pink h2, div.info-box.purple h2, div.info-box.green h2, div.info-box.blue h2 {
  color: #ffff02;
  background-color: #000;
}

/* メニューリスト */
ul.menu_list li a {
  color: #000;
}
ul.menu_list li a:hover {
  color: #000;
}
ul.menu_list.orange li:before, ul.menu_list.pink li:before, ul.menu_list.purple li:before, ul.menu_list.green li:before, ul.menu_list.blue li:before {
  color: #000;
}

/* サイドメニュー */
h2.side {
  color: #ffff02;
  background: #000;
  box-shadow: 0px 0px 0px 5px #000;
  border: dashed 2px #ffff02;
}

ul.cate_list li {
  border-bottom: solid 1px #000;
}
ul.cate_list li a {
  color: #000;
}
ul.cate_list li a:before {
  color: #000;
}
ul.cate_list li a:hover {
  color: #ffff02;
  background-color: #000;
}
ul.cate_list li a:hover::before {
  color: #ffff02;
}
ul.cate_list li.current a {
  color: #ffff02;
  background-color: #000;
}
ul.cate_list li.current a:before {
  color: #ffff02;
}

/* 社協とはindex */
.box-3min {
  border: solid 3px #000;
  background-color: transparent;
  color: #000;
}

/* 社協だより */
ul.flex3_2_dayori li {
  border: solid 1px #000;
  background-color: #ffff02;
}
ul.flex3_2_dayori li p {
  color: #000;
}
ul.flex3_2_dayori li p span {
  color: #000;
}

@media (min-width: 576px) { /* sm */
  /* // sm */
}
@media (min-width: 768px) { /* md */
  #contents {
    /* --------------------------------
    		お問合せ
    	-------------------------------- */
  }
  #contents dl.contact {
    border-bottom: solid 1px #000;
    margin-bottom: 1px;
  }
  #contents dl.contact:last-of-type {
    border-bottom: solid 2px #000;
  }
  #contents dl.contact:first-of-type {
    border-top: solid 2px #000;
  }
  /* ----------------------------
  	お問合せボックス
  ---------------------------- */
  .contact_box .container .border-orange {
    border-right: solid 2px #000;
  }
  /* -----------
  	ピックアップ
  ———————————–*/
  ul.pu li {
    flex-basis: 24%;
  }
  ul.pu li .text-box img {
    top: -30px;
  }
  /* ----------------------
  	サイドメニュー
  ---------------------- */
  ul.menu {
    border: solid 1px #000;
  }
  .menu__item {
    background-color: #ffff02;
    color: #ffff02;
    border-bottom: solid 1px #000;
  }
  .menu__item:last-child {
    border: none;
  }
  .menu__item a {
    color: #000;
  }
  .menu__item a:hover {
    color: #000;
  }
  .menu__item > a.menu__item__link {
    color: #000;
    display: block;
    line-height: 60px;
    padding: 0 1rem;
    position: relative;
  }
  .menu__item ul.submenu {
    background: #000;
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: none;
  }
  .menu__item ul.submenu > li {
    color: #ffff02;
  }
  .menu__item ul.submenu > li a,
  .menu__item ul.submenu > li a:hover {
    color: #ffff02;
  }
  .menu__item ul.submenu > li:last-child {
    border: none;
  }
  .menu__item ul.submenu > li:first-child {
    border-top: solid 1px #000;
  }
  /*
  パンくず
  _________________ */
  .pankuzu {
    border-bottom: solid 1px #ffff02;
  }
  .pankuzu.bg-orange {
    background-color: #000;
  }
  .pankuzu ul {
    color: #ffff02 !important;
  }
  .pankuzu ul a {
    color: #ffff02 !important;
  }
  /* // md */
}
@media (min-width: 992px) { /* lg */
  nav {
    background-color: #ffff02;
  }
  .gnav li:hover {
    background-color: #000;
  }
  .megamenu {
    background: #000;
  }
  .sub-menu li:before {
    color: #ffff02;
  }
  .sub-menu li a:hover {
    color: #ffff02 !important;
  }
  ul.gnav > li {
    border-left: solid 1px #000;
  }
  ul.gnav > li:last-child {
    border-right: solid 1px #000;
  }
  ul.gnav > li > a i {
    color: #000;
  }
  ul.gnav > li > a:hover {
    color: #ffff02 !important;
  }
  ul.gnav > li > a:hover i {
    color: #ffff02;
  }
  ul.gnav > li:hover a {
    color: #ffff02;
  }
  ul.gnav > li:hover a i {
    color: #ffff02;
  }
  ul.gnav > li a {
    color: #000;
  }
  ul.gnav > li.current-menu-item a,
  ul.gnav > li.current-menu-parent a {
    background-color: #000;
    color: #ffff02;
  }
  ul.gnav > li.current-menu-item a i,
  ul.gnav > li.current-menu-parent a i {
    color: #ffff02;
  }
  body.page-template-archive-response ul.gnav > .current-page-ancestor a,
  body.page-template-page-shakyou ul.gnav > .current-page-ancestor a {
    background-color: #000;
    color: #ffff02;
  }
  body.page-template-archive-response ul.gnav > .current-page-ancestor a i,
  body.page-template-page-shakyou ul.gnav > .current-page-ancestor a i {
    color: #ffff02;
  }
  /* // lg */
}
@media (min-width: 1200px) { /* xl */
  /* // xl */
}/*# sourceMappingURL=yellow.css.map */