@charset "UTF-8";
@media screen and (max-width: 600px) {
  .pankuzu {
    width: 100%;
    background-color: #f5f5f5;
    border-top: 3px solid #d5d5d5; }
    .pankuzu ul {
      width: 90%;
      margin: 0 auto; }
      .pankuzu ul li {
        display: inline-block;
        line-height: 1.5;
        font-size: 12px; }
        .pankuzu ul li:not(:last-child):after {
          content: "/"; }
        .pankuzu ul li a {
          display: inline-block;
          padding-right: 10px; }
  /*
h1,h2,h3,h4,h5,h6{
	clear: both;
}
*/
  #pageTitle {
    font-size: 20px;
    line-height: 1.3;
    background-image: url(../images/sagasu/top-title-icon.png);
    background-repeat: no-repeat;
    background-position: 0 20px;
    background-size: 25px auto;
    position: relative;
    width: 90%;
    font-weight: 400;
    padding: 20px 0 10px 35px;
    margin: 0 auto 20px; }
    #pageTitle:after {
      content: "";
      width: 100%;
      height: 4px;
      background-image: url(../images/sagasu/top-title-bd.png);
      position: absolute;
      bottom: 0;
      left: 0; }
  .headingA {
    background-color: #ffffed;
    width: 90%;
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    padding: 5px 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.4;
    margin: 0 auto 20px;
    font-weight: 400;
    font-size: 16px; }
    .headingA:before {
      display: block;
      width: 7px;
      background-color: #aadbfc;
      border-radius: 3px;
      height: auto;
      margin-right: 10px;
      content: ""; }
  .headingB {
    font-size: 16px;
    font-weight: 700;
    background-image: url(../images/second/heading-b-icon.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding-left: 20px;
    margin: 0 auto 10px;
    width: 90%;
    /*
	@if $type == pc{
		font-size: 16px;
		font-weight: 700;
		background-image: url(../images/second/heading-b-icon.png);
		background-repeat: no-repeat;
		background-position: 0 7px;
		padding-left: 20px;
		margin-bottom: 15px;
	}
*/ }
  .headingC {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0px;
    border-radius: 5px;
    margin: 0 auto 10px;
    width: 90%;
    /*
	@if $type == pc{
		font-size: 14px;
		font-weight: 700;
		padding: 5px 10px;
		background-color: $c_grayBase;
		border: 1px solid $c_grayLine;
		border-radius: 5px;
		margin-bottom: 15px;
	}
*/ }
  .btnWrap {
    text-align: center;
    margin-bottom: 20px; }
    .btnWrap:after {
      content: "";
      display: block;
      clear: both;
      width: 1px;
      height: 0;
      overflow: hidden; }
  .gradBtn {
    position: relative;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    box-shadow: 0 3px 0 #ccc;
    display: block;
    border-radius: 5px;
    margin: 0 auto;
    width: 60%;
    height: 44px;
    line-height: 44px;
    margin-bottom: 15px;
    /* OPTION */ }
    .gradBtn:after {
      display: block;
      content: "";
      border-width: 2px;
      border-style: solid;
      position: absolute;
      top: 50%;
      width: 8px;
      height: 8px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-top: -4px; }
    .gradBtn:hover {
      text-decoration: none;
      opacity: .7; }
    .gradBtn.bgGreen {
      background: -webkit-linear-gradient(#399f1a, #08740d);
      background: linear-gradient(#399f1a, #08740d);
      color: #fff;
      border: none; }
      .gradBtn.bgGreen:after {
        border-color: #fff; }
    .gradBtn.bgGray {
      background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
      color: #000;
      border: 1px solid #d5d5d5; }
      .gradBtn.bgGray:after {
        border-color: #999; }
    .gradBtn.nonArrow:after {
      display: none; }
    .gradBtn.posL:after {
      left: 10px; }
    .gradBtn.posR:after {
      right: 10px; }
    .gradBtn.arrowU:after {
      border-width: 2px 0 0 2px; }
    .gradBtn.arrowR:after {
      border-width: 2px 2px 0 0; }
    .gradBtn.arrowD:after {
      border-width: 0 2px 2px 0; }
    .gradBtn.arrowL:after {
      border-width: 0 0 2px 2px; }
    .gradBtn.wide {
      width: 90%;
      margin: 0 auto; }
    .gradBtn.tal {
      text-align: left;
      padding-left: 10px; }
    .gradBtn.iconCheck {
      font-size: 18px;
      width: 80%;
      height: 60px;
      line-height: 60px;
      margin-bottom: 15px; }
      .gradBtn.iconCheck:after {
        border: none;
        -webkit-transform: rotate(0);
                transform: rotate(0);
        background-image: url(../images/second/icon-check.png);
        width: 27px;
        height: 23px;
        margin-top: -12px;
        left: 20px; }
    .gradBtn.iconPen {
      font-size: 18px;
      width: 80%;
      height: 60px;
      line-height: 60px;
      margin-bottom: 15px; }
      .gradBtn.iconPen:after {
        border: none;
        -webkit-transform: rotate(0);
                transform: rotate(0);
        background-image: url(../images/second/icon-pen.png);
        width: 23px;
        height: 22px;
        margin-top: -11px;
        left: 20px; }
  .alignR {
    text-align: right; }
  .txtLinkWrap {
    margin: -1em auto 0;
    padding: 0 0 10px;
    width: 90%;
    margin: 0 auto;
    padding: 0 5px 5px; }
    .txtLinkWrap .txtLink {
      display: inline-block;
      vertical-align: middle; }
      .txtLinkWrap .txtLink:after {
        content: "";
        display: inline-block;
        width: 0.6em;
        height: 0.6em;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        vertical-align: middle; }
  .pageing ul {
    margin: 0 auto 40px;
    text-align: center; }
    .pageing ul li {
      display: inline-block;
      text-align: center; }
      .pageing ul li.nowPage {
        min-width: 35px;
        height: 35px;
        text-align: center;
        border-radius: 5px;
        line-height: 35px;
        background-color: #eee;
        color: #4b4949; }
      .pageing ul li a {
        display: block;
        min-width: 35px;
        height: 35px;
        text-align: center;
        color: #248c14;
        line-height: 35px;
        background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
        background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
        text-decoration: none;
        border: 1px solid #d5d5d5;
        border-radius: 5px; }
        .pageing ul li a:hover {
          opacity: .7; }
        .pageing ul li a.prev, .pageing ul li a.next {
          width: 80px;
          background: -webkit-linear-gradient(#399f1a, #08740d);
          background: linear-gradient(#399f1a, #08740d);
          color: #fff;
          position: relative;
          border: none; }
          .pageing ul li a.prev:after, .pageing ul li a.next:after {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            position: absolute;
            top: 12px; }
        .pageing ul li a.prev {
          margin-right: 10px;
          padding-left: 10px; }
          .pageing ul li a.prev:after {
            border-bottom: 2px solid #fff;
            border-left: 2px solid #fff;
            left: 10px; }
        .pageing ul li a.next {
          margin-left: 10px;
          padding-right: 10px; }
          .pageing ul li a.next:after {
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            right: 10px; }
  p {
    margin-bottom: 26px;
    width: 90%;
    margin: 0 auto 20px; }
  table.normalTable {
    width: 90%;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #d5d5d5;
    border-width: 0 1px 1px 1px;
    margin-bottom: 20px; }
    table.normalTable th {
      display: block;
      background-color: #f5f5f5;
      padding: 5px 10px;
      border: 1px solid #d5d5d5;
      border-width: 1px 0;
      font-weight: 400;
      text-align: left;
      margin-bottom: 10px; }
    table.normalTable td {
      display: block;
      padding: 0 10px 20px; }
  .scrollBlock {
    overflow: scroll;
    width: 90%;
    margin: 0 auto 20px; }
    .scrollBlock table {
      border: 1px solid #d5d5d5;
      border-collapse: collapse; }
      .scrollBlock table th {
        background-color: #f5f5f5;
        border: 1px solid #d5d5d5;
        font-weight: 400;
        text-align: left; }
      .scrollBlock table td {
        border: 1px solid #d5d5d5; }
        .scrollBlock table td p {
          width: 100%; }
    .scrollBlock table {
      min-width: 100%; }
      .scrollBlock table th, .scrollBlock table td {
        white-space: nowrap;
        padding: 10px; }
  .twoColTable {
    border: 1px solid #d5d5d5;
    border-collapse: collapse;
    width: 90%;
    margin: 0 auto 20px; }
    .twoColTable th {
      background-color: #f5f5f5;
      border: 1px solid #d5d5d5;
      padding: 10px 15px;
      font-weight: 400;
      vertical-align: top;
      text-align: left; }
    .twoColTable td {
      border: 1px solid #d5d5d5;
      padding: 10px 15px;
      vertical-align: top; }
    .twoColTable th, .twoColTable td {
      display: block;
      white-space: normal; }
  .kome {
    font-size: 12px;
    line-height: 1.3;
    text-indent: -1em;
    padding-left: 1em;
    display: block; }
    .kome:before {
      content: "※"; }
  p.list {
    margin-bottom: 0;
    position: relative;
    padding-left: 15px; }
    p.list:before {
      content: "";
      width: 6px;
      height: 6px;
      background-color: #aadbfc;
      border-radius: 3px;
      position: absolute;
      left: 3px;
      top: 8px; }
  ul.ulList {
    padding-left: 20px;
    margin-bottom: 20px;
    padding: 0 5% 0 8%; }
    ul.ulList li {
      text-indent: -1em; }
      ul.ulList li:before {
        content: "";
        width: 6px;
        height: 6px;
        background-color: #aadbfc;
        border-radius: 3px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px; }
  .cRed {
    color: #df0000; }
  .memo {
    border: 2px solid #d5d5d5;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px;
    padding: 20px 0;
    width: 90%;
    margin: 0 auto 20px; }
    .memo .memoTitle {
      position: relative;
      font-weight: 700;
      padding-left: 10px;
      margin-bottom: 10px; }
      .memo .memoTitle:before {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        background-color: #d5d5d5;
        top: 0;
        left: 0;
        height: 100%;
        border-radius: 3px; }
    .memo p:last-of-type {
      margin-bottom: 0; }
  .blueMemo {
    border: 2px solid #aadbfc;
    border-radius: 20px;
    margin-bottom: 20px;
    background-color: #f1f9ff;
    padding: 20px;
    padding: 20px 0;
    width: 90%;
    margin: 0 auto 20px; }
    .blueMemo .memoTitle {
      position: relative;
      font-weight: 700;
      padding-left: 10px;
      margin-bottom: 10px; }
      .blueMemo .memoTitle:before {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        background-color: #aadbfc;
        top: 0;
        left: 0;
        height: 100%;
        border-radius: 3px; }
    .blueMemo p:last-of-type {
      margin-bottom: 0; }
  .fl {
    width: 90%;
    height: auto;
    margin: 0 auto 20px; }
    .fl img {
      width: 100%;
      height: auto; }
    .fl .cap {
      font-size: 12px;
      line-height: 1.3;
      display: block;
      padding-top: 5px;
      display: block; }
  .fr {
    width: 90%;
    height: auto;
    margin: 0 auto 20px; }
    .fr img {
      width: 100%;
      height: auto; }
    .fr .cap {
      font-size: 12px;
      line-height: 1.3;
      display: block;
      padding-top: 5px;
      display: block; }
  .ib {
    width: 90%;
    height: auto;
    margin: 0 auto 20px; }
    .ib img {
      width: 100%;
      height: auto; }
    .ib .cap {
      font-size: 12px;
      line-height: 1.3;
      display: block;
      padding-top: 5px;
      display: block; }
  a.iconLink[target$=blank]:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 11px;
    background-image: url(../images/second/icon-blank.png);
    background-repeat: no-repeat;
    margin-left: 5px; }
  a.iconLink[href$="pdf"]:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/second/icon-pdf.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-left: 5px;
    background-position: 0 50%;
    vertical-align: middle; }
  a.iconLink[href$="xls"]:after, a.iconLink[href$="xlsa"]:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/second/icon-xls.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-left: 5px;
    background-position: 0 50%;
    vertical-align: middle; }
  a.iconLink[href$="doc"]:after, a.iconLink[href$="docx"]:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/second/icon-doc.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-left: 5px;
    background-position: 0 50%;
    vertical-align: middle; }
  hr {
    border: none;
    height: 1px;
    background-color: #d5d5d5;
    width: 90%;
    margin: 0 auto 10px; }
  ol {
    padding-left: 20px;
    width: 90%;
    margin: 0 auto 20px; }
  .past {
    opacity: .4; }
  .otherBox {
    border: 1px solid #ccc;
    border-top: 4px solid #178a13;
    margin-bottom: 20px;
    width: 90%;
    margin: 0 auto 20px; }
    .otherBox .otherTitle {
      background-color: #f6f6f6;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.3;
      padding: 10px 10px 8px 40px;
      margin-bottom: 20px;
      background-repeat: no-repeat;
      background-position: 10px 8px; }
      .otherBox .otherTitle span {
        color: #178a13; }
      .otherBox .otherTitle.page {
        background-image: url(../images/second/icon-other_page.png); }
      .otherBox .otherTitle.site {
        background-image: url(../images/second/icon-other_site.png); }
    .otherBox h3 {
      font-size: 14px;
      line-height: 1.3;
      font-weight: 700;
      padding: 0 24px 20px; }
    .otherBox ul {
      padding: 0 24px 20px; }
      .otherBox ul li {
        position: relative;
        padding-left: 15px; }
        .otherBox ul li:before {
          content: "";
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: #178a13;
          display: block;
          position: absolute;
          top: 10px;
          left: 3px; }
    .otherBox h3 {
      font-size: 14px;
      line-height: 1.3;
      font-weight: 700;
      padding: 0 10px 20px; }
    .otherBox ul {
      padding: 0 10px 20px; }
  /* -------------- error ----------------- */
  .tit_err {
    text-align: center;
    position: relative;
    width: 90%;
    margin: 0 auto 50px;
    padding: 50px 0 0px; }
  .tit_err:after {
    content: "";
    display: block;
    width: 96px;
    height: 3px;
    background-color: #045e07;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto; }
  .err {
    text-align: center;
    margin-bottom: 50px; }
  .thx {
    width: 680px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 50px;
    width: 90%; }
  ul.errInfo {
    border: 1px solid #de0000;
    max-width: 610px;
    width: 90%;
    margin: 0 auto 30px;
    padding: 10px; }
    ul.errInfo li {
      color: #de0000;
      list-style: disc;
      margin-left: 1em; }
  /* --------------- search result -------------- */
  .siteSearchBox {
    display: block;
    width: 90%;
    margin: 0 auto; }
    .siteSearchBox:after {
      content: "";
      display: block;
      width: 1px;
      height: 0;
      overflow: hidden;
      clear: both; }
    .siteSearchBox input[type=text] {
      border: 1px solid #d5d5d5;
      border-radius: 4px 0 0 4px;
      width: 80%;
      float: left;
      height: 34px;
      padding: 0 15px;
      font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif; }
    .siteSearchBox button {
      border-radius: 0 4px 4px 0;
      width: 20%;
      float: right;
      height: 34px;
      background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
      font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
      border: 1px solid #d5d5d5;
      border-width: 1px 1px 1px 0;
      cursor: pointer; }
  div.searchText {
    padding-top: 20px;
    height: 100px;
    overflow: hidden;
    position: relative; }
    div.searchText:after {
      content: "";
      display: block;
      background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
      background: linear-gradient(rgba(255, 255, 255, 0), white);
      height: 50px;
      width: 100%;
      left: 0;
      bottom: 0;
      position: absolute; }
  .originalMarkdownBody p {
    margin-bottom: 0; }
  #social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 20px;
    width: 90%;
    margin: 0 auto; }
    #social > div.fb-like {
      margin-top: -5px;
      margin-right: 5px; }
  .btnPost, .btnRePost {
    display: block;
    width: 70%;
    margin: 0 auto; }
    .btnPost img, .btnRePost img {
      width: 100%;
      height: auto; }
  input[type=text]::-webkit-input-placeholder {
    font-size: 14px; }
  /* -------------- inport files ------------------- */
  /* -- tab colors -- */
  .sagasu #sagasuMenuWrap {
    height: 59px;
    min-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden; }
  .sagasu #sagasuMenu {
    margin-bottom: 15px;
    position: relative;
    border-radius: 0 0 0 3px;
    min-width: 100%; }
    .sagasu #sagasuMenu ul {
      display: table;
      height: 53px;
      width: 978px;
      border-bottom: 6px solid #3172dc; }
      .sagasu #sagasuMenu ul li {
        width: 160px;
        display: table-cell;
        vertical-align: bottom; }
        .sagasu #sagasuMenu ul li.underLine {
          width: 100%;
          height: 6px;
          content: "";
          display: block;
          position: absolute;
          bottom: 0px;
          left: 0;
          border-radius: 0 0 0 3px;
          clear: both; }
        .sagasu #sagasuMenu ul li a {
          border-radius: 10px 10px 0 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          height: 43px;
          text-align: center;
          font-size: 14px;
          line-height: 1.3;
          color: #fff;
          text-decoration: none;
          position: relative;
          background-repeat: repeat-x;
          background-position: left bottom;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          font-weight: 700;
          -webkit-transition: all .3s;
          transition: all .3s; }
        .sagasu #sagasuMenu ul li.all a {
          background-color: #178a13; }
        .sagasu #sagasuMenu ul li.calamity a {
          background-color: #b60000; }
        .sagasu #sagasuMenu ul li.volunteer a {
          background-color: #3172dc; }
        .sagasu #sagasuMenu ul li.event a {
          background-color: #29b7b5; }
        .sagasu #sagasuMenu ul li.workShop a {
          background-color: #4eb729; }
        .sagasu #sagasuMenu ul li.subsidy a {
          background-color: #ffa302; }
        .sagasu #sagasuMenu ul li.donation a {
          background-color: #ff6c99; }
        .sagasu #sagasuMenu ul li.intern a {
          background-color: #8b50a3; }
        .sagasu #sagasuMenu ul li.reserve1 a {
          background-color: #f00; }
        .sagasu #sagasuMenu ul li.now a {
          height: 53px; }
  #sagasuListHead {
    width: 90%;
    margin: 0 auto; }
    #sagasuListHead #resultInfo {
      font-size: 18px;
      line-height: 1;
      padding-top: 20px;
      text-align: center; }
      #sagasuListHead #resultInfo .allResultCount {
        font-size: 32px;
        color: #2cb233;
        font-weight: 700; }
    #sagasuListHead #headBtns {
      padding-bottom: 10px; }
      #sagasuListHead #headBtns:after {
        content: "";
        display: block;
        clear: both;
        width: 1px;
        height: 0;
        overflow: hidden; }
    #sagasuListHead .searchConditions {
      font-weight: 700; }
    #sagasuListHead #refineBtn {
      width: 49%;
      height: 46px;
      background: -webkit-linear-gradient(#399f1a, #08740d);
      background: linear-gradient(#399f1a, #08740d);
      text-align: center;
      font-size: 14px;
      border: 1px solid #d5d5d5;
      box-shadow: 0 3px 0 #f5f5f5;
      border-radius: 5px;
      line-height: 44px;
      vertical-align: middle;
      color: #fff;
      float: right; }
      #sagasuListHead #refineBtn span {
        font-size: 20px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 10px;
        width: 17px;
        height: 18px; }
    #sagasuListHead #goCalBtn {
      width: 49%;
      height: 46px;
      background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
      text-align: center;
      font-size: 14px;
      border: 1px solid #d5d5d5;
      box-shadow: 0 3px 0 #f5f5f5;
      border-radius: 5px;
      line-height: 44px;
      vertical-align: middle;
      display: block;
      color: #000;
      text-decoration: none;
      float: left; }
      #sagasuListHead #goCalBtn span {
        font-size: 20px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 10px;
        width: 17px;
        height: 18px; }
    #sagasuListHead #refineCloseBtn {
      width: 49%;
      height: 46px;
      background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
      text-align: center;
      font-size: 14px;
      border: 1px solid #d5d5d5;
      box-shadow: 0 3px 0 #f5f5f5;
      border-radius: 5px;
      line-height: 44px;
      vertical-align: middle;
      display: none;
      float: right; }
      #sagasuListHead #refineCloseBtn span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 20px;
        height: 20px; }
        #sagasuListHead #refineCloseBtn span img {
          width: 100%;
          height: auto; }
  #sagasuListBody > ul {
    margin-bottom: 30px;
    width: 90%;
    margin: 0 auto; }
    #sagasuListBody > ul > li {
      border: 1px solid #d5d5d5;
      margin-bottom: 10px; }
      #sagasuListBody > ul > li a {
        text-decoration: none;
        display: block; }
        #sagasuListBody > ul > li a:after {
          content: "";
          display: block;
          clear: both;
          width: 1px;
          height: 0;
          overflow: hidden; }
      #sagasuListBody > ul > li .sagasuListphoto {
        width: 110px;
        display: block;
        overflow: hidden;
        vertical-align: top;
        padding: 5px 5px 0 5px;
        float: right;
        margin-left: -110px; }
        #sagasuListBody > ul > li .sagasuListphoto img {
          width: 100%;
          height: auto;
          display: block; }
      #sagasuListBody > ul > li .sagasuListTxt {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-top: 5px;
        vertical-align: top;
        float: left;
        width: 100%;
        padding-right: 110px; }
        #sagasuListBody > ul > li .sagasuListTxt .sagasuListDay {
          font-size: 14px;
          line-height: 1;
          color: #000;
          margin-bottom: 10px;
          padding-top: 10px; }
          #sagasuListBody > ul > li .sagasuListTxt .sagasuListDay .endTag {
            display: inline-block;
            height: 14px;
            line-height: 14px;
            font-size: 10px;
            background-color: #c8103d;
            color: #fff;
            padding: 0 10px;
            margin-right: 10px;
            vertical-align: middle; }
          #sagasuListBody > ul > li .sagasuListTxt .sagasuListDay .newTag {
            display: inline-block;
            height: 14px;
            line-height: 14px;
            font-size: 10px;
            background-color: #fff;
            color: #c8103d;
            padding: 0 10px;
            margin-right: 10px;
            vertical-align: middle;
            border: 1px solid #c8103d; }
        #sagasuListBody > ul > li .sagasuListTxt .sagasuListTitle {
          font-size: 14px;
          line-height: 1.4;
          font-weight: 700;
          text-decoration: underline;
          color: #0072ba; }
      #sagasuListBody > ul > li .context {
        /*&:after{
						content: "";
						display: block;
						clear: both;
						width: 1px;
						height: 0;
						overflow: hidden;
					}*/ }
        #sagasuListBody > ul > li .context .eventDay {
          font-size: 12px;
          color: #ff9000;
          line-height: 1.3;
          padding: 0 10px 5px; }
        #sagasuListBody > ul > li .context .deadline {
          font-size: 12px;
          color: #f00;
          line-height: 1.3;
          padding: 0 10px 5px; }
        #sagasuListBody > ul > li .context .tags {
          padding: 0 10px;
          clear: both; }
          #sagasuListBody > ul > li .context .tags li {
            display: inline-block;
            font-size: 10px;
            line-height: 1;
            padding: 5px 10px;
            color: #000;
            background-color: #eee;
            border: 1px solid #d5d5d5;
            border-radius: 3px;
            margin-bottom: 5px; }
        #sagasuListBody > ul > li .context .organiz {
          display: block;
          color: #000;
          font-size: 13px;
          line-height: 1;
          padding: 10px; }
      #sagasuListBody > ul > li span.kikan {
        display: block;
        background-color: #666;
        font-size: 12px;
        color: #fff;
        line-height: 1.3;
        padding: 5px 3px;
        text-align: center; }
  #sagasuListBody > ul > li.calamity {
    border-left: 8px solid #b60000; }
  #sagasuListBody > ul > li.volunteer {
    border-left: 8px solid #3172dc; }
  #sagasuListBody > ul > li.event {
    border-left: 8px solid #29b7b5; }
  #sagasuListBody > ul > li.camp {
    border-left: 8px solid #4eb729; }
  #sagasuListBody > ul > li.joseikin {
    border-left: 8px solid #ffa302; }
  #sagasuListBody > ul > li.kifu {
    border-left: 8px solid #ff6c99; }
  #sagasuListBody > ul > li.recruit {
    border-left: 8px solid #8b50a3; }
  #sagasuListBody > ul > li.intern {
    border-left: 8px solid #8b50a3; }
  #sagasuListBody > ul > li.reserve1 {
    border-left: 8px solid #f00; }
  #refineBody {
    background-color: #eee;
    width: 100%;
    padding-top: 10px;
    display: none; }
    #refineBody #refineTitle {
      font-size: 16px;
      width: 90%;
      margin: 0 auto 10px; }
    #refineBody #refineForm dl {
      background-color: #fff;
      width: 90%;
      margin: 0 auto 5px;
      border-radius: 3px;
      padding: 10px 0 0; }
      #refineBody #refineForm dl.keyWord dd, #refineBody #refineForm dl.calender dd {
        padding: 10px; }
      #refineBody #refineForm dl dt {
        width: 100%;
        vertical-align: middle;
        font-size: 16px;
        line-height: 1;
        color: #127d0f;
        font-weight: 700;
        padding: 0 10px 10px; }
      #refineBody #refineForm dl dd {
        padding-left: 10px; }
        #refineBody #refineForm dl dd label {
          display: block;
          border-bottom: 1px dotted #d5d5d5;
          padding: 10px 10px 10px 20px;
          /*
						&:nth-of-type(1){
							border-top: 1px dotted $c_grayLine;
						}
						*/ }
          #refineBody #refineForm dl dd label.checked {
            background-color: #f5f5f5; }
          #refineBody #refineForm dl dd label:last-of-type {
            border: none;
            border-radius: 0 0 3px 3px; }
          #refineBody #refineForm dl dd label:nth-of-type(odd) {
            border-right: 1px dotted #d5d5d5; }
          #refineBody #refineForm dl dd label input[type=checkbox] {
            display: inline-block;
            margin-right: 5px; }
        #refineBody #refineForm dl dd #sagasuRefinesearch {
          width: 100%;
          height: 34px;
          padding-left: 5px;
          font-size: 12px;
          font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
          border-radius: 5px;
          border: 1px solid #d5d5d5; }
          #refineBody #refineForm dl dd #sagasuRefinesearch li {
            display: table-cell;
            position: relative; }
            #refineBody #refineForm dl dd #sagasuRefinesearch li:nth-child(1) {
              width: 250px;
              height: 34px;
              border: 1px solid #d5d5d5;
              border-radius: 4px 0 0 4px;
              width: 99%; }
              #refineBody #refineForm dl dd #sagasuRefinesearch li:nth-child(1) input {
                border: none;
                width: 100%;
                height: 100%;
                padding-left: 5px;
                font-size: 12px;
                font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
                border-radius: 5px 0 0 5px; }
            #refineBody #refineForm dl dd #sagasuRefinesearch li:nth-child(2) {
              width: 64px;
              height: 34px;
              border: 1px solid #d5d5d5;
              border-width: 1px 1px 1px 0;
              border-radius: 0 4px 4px 0; }
          #refineBody #refineForm dl dd #sagasuRefinesearch button {
            border: none;
            width: 100%;
            height: 100%;
            font-size: 14px;
            font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
            color: #000;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
            background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
            background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
            white-space: nowrap;
            padding: 0 10px; }
            #refineBody #refineForm dl dd #sagasuRefinesearch button:hover {
              opacity: .7; }
        #refineBody #refineForm dl dd input[type=text]#datepicker {
          width: 100px;
          height: 34px;
          border: 1px solid #d5d5d5;
          border-radius: 4px;
          padding-left: 5px;
          margin-bottom: 10px; }
        #refineBody #refineForm dl dd .ui-datepicker-trigger {
          width: 30px;
          height: auto;
          padding: 3px 0 0 5px; }
        #refineBody #refineForm dl dd.checkBox2col {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          padding-left: 0; }
          #refineBody #refineForm dl dd.checkBox2col label {
            width: 50%;
            padding: 5px 5px 5px 30px;
            font-size: 12px; }
            #refineBody #refineForm dl dd.checkBox2col label:before {
              left: 5px;
              top: 9px;
              margin-top: 0; }
            #refineBody #refineForm dl dd.checkBox2col label:after {
              left: 8px;
              top: 13px;
              margin-top: 0; }
      #refineBody #refineForm dl.keyWord dd input[type=text]::-webkit-input-placeholder {
        font-size: 14px; }
    #refineBody .btnWrap {
      padding-top: 20px;
      padding-bottom: 20px; }
      #refineBody .btnWrap .gradBtn {
        margin: 0 auto 10px; }
        #refineBody .btnWrap .gradBtn span {
          vertical-align: middle;
          display: inline-block;
          width: 17px;
          height: 18px; }
      #refineBody .btnWrap .fromCloseBtn {
        width: 110px;
        height: 40px;
        background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
        background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
        border: 1px solid #d5d5d5;
        border-radius: 5px;
        display: block;
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
        padding-top: 13px;
        line-height: 1;
        box-shadow: 0 3px 0 #ccc;
        margin: 0 auto; }
        #refineBody .btnWrap .fromCloseBtn .closeIcon {
          display: inline-block;
          width: 16px;
          height: 16px;
          vertical-align: middle;
          margin-right: 10px; }
          #refineBody .btnWrap .fromCloseBtn .closeIcon img {
            width: 100%;
            height: auto; }
  .leftIndent {
    padding-left: 3em; }
  /* ------------- detail ----------------------- */
  #sagasuDetailHead {
    background-image: url(../images/sagasu/detail-head-bg.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #f1f9ff;
    border: 1px solid #a8daff;
    border-radius: 10px;
    padding: 10px 30px 0;
    position: relative;
    width: 90%;
    margin: 10px auto 20px;
    padding: 25px 10px 5px; }
    #sagasuDetailHead .sagasuCategory .tag {
      color: #fff;
      display: inline-block;
      padding: 3px 10px;
      border-radius: 5px;
      font-size: 12px;
      line-height: 1;
      margin-bottom: 5px;
      text-align: center;
      /*
			&.volunteer{
				background-color: #3172dc;
			}
			&.event{
				background-color: #43cbd4;
			}
			&.workShop{
				background-color: #58d10f;
			}
			&.subsidy{
				background-color: #ffb502;
			}
			&.donation{
				background-color: #f41459;
			}
			&.intern{
				background-color: #6e14b3;
			}
			&.intern{
				background-color: #6e14b3;
			}
			&.reserve1{
				background-color: #f00;
			}
			&.all{
				background-color: #90c22f;
			}
			*/ }
    #sagasuDetailHead .tags li {
      display: inline-block;
      background-color: #f5f5f5;
      border: 1px solid #d5d5d5;
      padding: 5px 10px;
      line-height: 1;
      border-radius: 5px;
      font-size: 13px;
      margin-bottom: 5px; }
    #sagasuDetailHead #compFlag {
      display: inline-block;
      font-size: 13px;
      color: #fff;
      background-color: #666;
      line-height: 1;
      padding: 5px 10px;
      border-radius: 5px; }
    #sagasuDetailHead #limitFlag {
      display: inline-block;
      font-size: 13px;
      color: #fff;
      background-color: #c2c2c2;
      line-height: 1;
      padding: 5px 10px;
      border-radius: 5px; }
    #sagasuDetailHead .sagasuDetailDay {
      text-align: right;
      font-size: 13px;
      line-height: 1.3;
      color: #666;
      width: 100%;
      margin-bottom: 0; }
    #sagasuDetailHead #identity {
      position: absolute;
      text-align: right; }
    #sagasuDetailHead #sagasuDetailTitle {
      font-size: 20px;
      line-height: 1.3;
      font-weight: 400;
      margin-bottom: 10px; }
    #sagasuDetailHead #identity {
      font-size: 14px;
      line-height: 1;
      top: 10px;
      right: 10px; }
  .sagasuComp {
    border: 1px solid #df0000;
    text-align: center;
    font-size: 16px;
    color: #df0000;
    line-height: 1.2;
    padding: 20px 10px;
    margin-bottom: 20px; }
  .sagasuDetailBody {
    padding-bottom: 20px; }
    .sagasuDetailBody #sagasuDetailBodyTop {
      background-color: #f5f5f5;
      padding: 10px;
      width: 90%;
      margin: 0 auto 20px; }
      .sagasuDetailBody #sagasuDetailBodyTop dl {
        width: 100%;
        margin-bottom: 10px; }
        .sagasuDetailBody #sagasuDetailBodyTop dl dt {
          font-weight: 700; }
    .sagasuDetailBody #photos {
      width: 90%;
      margin: 0 auto; }
      .sagasuDetailBody #photos img {
        width: 100%;
        height: auto;
        padding-bottom: 10px; }
  p.transrateMessage {
    font-size: 18px;
    line-height: 1.2;
    padding: 15px 0 0; }
  #detailInfo {
    width: 90%;
    margin: 0 auto; }
    #detailInfo ul li {
      background-repeat: no-repeat;
      background-position: left 0;
      font-size: 16px;
      line-height: 1.3; }
      #detailInfo ul li.webUrl {
        background-image: url(../images/second/icon-web.png); }
        #detailInfo ul li.webUrl a:after {
          content: "";
          width: 12px;
          height: 11px;
          vertical-align: top;
          background-image: url(../images/second/icon-blank.png);
          background-position: right top;
          background-repeat: no-repeat;
          display: inline-block;
          margin-left: 5px; }
      #detailInfo ul li.address {
        background-image: url(../images/second/icon-map.png); }
      #detailInfo ul li.tel {
        background-image: url(../images/second/icon-tel.png); }
      #detailInfo ul li.eMail {
        background-image: url(../images/second/icon-mail.png); }
    #detailInfo ul li {
      padding-left: 30px;
      margin-bottom: 15px; }
  #dantaiSearch {
    background-color: #eee;
    width: 100%; }
    #dantaiSearch #refineTitle {
      font-size: 16px;
      margin-bottom: 10px;
      width: 90%;
      margin: 0 auto; }
    #dantaiSearch #dantaiSearchForm {
      padding-top: 20px; }
      #dantaiSearch #dantaiSearchForm dl {
        background-color: #fff;
        width: 90%;
        margin: 0 auto 5px;
        border-radius: 3px;
        padding: 10px 0 0; }
        #dantaiSearch #dantaiSearchForm dl dt {
          width: 100%;
          vertical-align: middle;
          font-size: 16px;
          line-height: 1;
          color: #127d0f;
          font-weight: 700;
          padding: 0 10px 10px; }
        #dantaiSearch #dantaiSearchForm dl dd {
          padding: 0 10px; }
          #dantaiSearch #dantaiSearchForm dl dd label {
            display: block;
            white-space: nowrap;
            border-bottom: 1px dotted #d5d5d5;
            padding: 10px 10px 10px 20px; }
            #dantaiSearch #dantaiSearchForm dl dd label.checked {
              background-color: #f5f5f5; }
            #dantaiSearch #dantaiSearchForm dl dd label:last-of-type {
              border: none;
              border-radius: 0 0 3px 3px; }
            #dantaiSearch #dantaiSearchForm dl dd label:nth-of-type(1) {
              border-top: 1px dotted #d5d5d5; }
            #dantaiSearch #dantaiSearchForm dl dd label input[type=checkbox] {
              display: inline-block;
              margin-right: 5px; }
          #dantaiSearch #dantaiSearchForm dl dd input[type=text] {
            width: 90%;
            height: 34px;
            border: 1px solid #d5d5d5;
            border-radius: 4px;
            margin: 0 5% 15px;
            padding: 0 5px; }
    #dantaiSearch .btnWrap {
      padding-top: 20px;
      padding-bottom: 20px; }
      #dantaiSearch .btnWrap .gradBtn {
        margin: 0 auto 10px; }
        #dantaiSearch .btnWrap .gradBtn span {
          vertical-align: middle;
          display: inline-block;
          width: 17px;
          height: 18px; }
  #resultInfo {
    font-size: 18px;
    line-height: 1;
    padding-top: 20px;
    text-align: center;
    margin-bottom: 10px; }
    #resultInfo .allResultCount {
      font-size: 32px;
      color: #2cb233;
      font-weight: 700; }
  .resultUL {
    border-top: 1px solid #d5d5d5;
    margin-bottom: 30px; }
    .resultUL li {
      border-bottom: 1px solid #d5d5d5; }
      .resultUL li a {
        display: block;
        padding: 15px 30px 15px 15px;
        color: #000;
        text-decoration: none;
        position: relative;
        font-size: 16px;
        line-height: 1.4; }
        .resultUL li a:after {
          content: "";
          display: block;
          position: absolute;
          width: 8px;
          height: 8px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          border-top: 2px solid #000;
          border-right: 2px solid #000;
          top: 50%;
          right: 10px;
          margin-top: -5px; }
        .resultUL li a:hover {
          text-decoration: none;
          background-color: #f5f5f5; }
          .resultUL li a:hover:after {
            border-color: #2d5cad; }
  .detailList {
    margin-bottom: 5px;
    margin: 0 auto 20px;
    width: 90%; }
    .detailList li {
      padding: 15px 0 5px;
      border-bottom: 1px solid #d5d5d5; }
      .detailList li:nth-of-type(1) {
        padding: 0 0 5px; }
      .detailList li .postHead {
        margin-bottom: 10px; }
        .detailList li .postHead .tag {
          display: inline-block;
          height: 24px;
          line-height: 24px;
          text-align: center;
          font-size: 12px;
          color: #fff;
          border-radius: 5px;
          padding: 0 10px;
          /*
					&.volunteer{background-color: #3172dc}
					&.event{background-color: #43cbd4}
					&.workShop{background-color: #58d10f}
					&.subsidy{background-color: #ffb502}
					&.donation{background-color: #f41459}
					&.intern{background-color: #6e14b3}
					&.reserve1{background-color: #ff0000}
					&.recruit{background-color: #6e14b3;}
					&.seminar{
						background-color: #ddffbf;
						color: #000;
					}
					&.report{
						background-color: #fff99b;
						color: #000;
					}
					&.network{
						background-color: #bfefff;
						color: #000;
					}
					&.all{
						background-color: #90c22f;
					}
					&.watch{
						background-color: #d94b2d;
					}
					&.other{
						background-color: #9b9b99;
					}
					&.reserve1{
						background-color: #f5d1ff;	
					}
					&.kouza{
						background-color: #a6d396;
						color: #000;
					}
					&.oshirase{
						background-color: #ffd9d9;
						color: #000;
					}
					*/ }
        .detailList li .postHead .day {
          display: inline-block;
          height: 24px;
          line-height: 24px;
          padding-left: 5px; }
      .detailList li a {
        font-size: 16px;
        font-weight: 700;
        display: block;
        line-height: 1.5;
        margin-bottom: 10px; }
      .detailList li p img {
        width: 100%;
        height: auto; }
      .detailList li .newsCredit {
        display: block;
        font-size: 12px;
        text-align: right; }
  .btnWrap.detailMore {
    margin-bottom: 40px; }
  #madoguchiArealink {
    padding: 20px 0; }
    #madoguchiArealink .btnWrap {
      margin-bottom: 7px; }
      #madoguchiArealink .btnWrap a {
        height: auto;
        line-height: 1.5;
        padding: 10px 20px 10px 5px; }
  .madoguchiTable dl dt {
    background-color: #f5f5f5; }
  .madoguchiTable dl dd {
    /*
			a[target $= blank]{
				&:after{
					content: "";
					width: 12px;
					height: 11px;
					vertical-align: top;
					background-image: url(../images/second/icon-blank.png);
					background-position: right top;
					background-repeat: no-repeat;
					display: inline-block;
					margin-left: 5px;
				}
			}
			*/ }
    .madoguchiTable dl dd li {
      position: relative;
      padding: 5px 50px 5px 10px; }
      .madoguchiTable dl dd li:not(:last-of-type) {
        border-bottom: 1px solid #eaeaea; }
      .madoguchiTable dl dd li a.officialLink {
        position: absolute;
        display: block;
        right: 5px;
        top: 50%;
        width: 31px;
        height: 23px;
        background-image: url(../images/second/btn_blank.png);
        margin-top: -12px; }
      .madoguchiTable dl dd li a:after {
        display: none; }
  .madoguchiTable dl {
    border-bottom: 1px solid #d5d5d5; }
    .madoguchiTable dl:nth-of-type(1) {
      border-top: 1px solid #d5d5d5; }
    .madoguchiTable dl dt {
      padding: 5px 5%; }
    .madoguchiTable dl dd {
      padding: 5px 5% 10px; }
  .madoguchiBack {
    padding-top: 30px; }
  .madoguchiUpper {
    line-height: 1;
    font-size: 12px;
    margin: 0;
    padding-left: 50px;
    margin-bottom: 5px;
    empty-cells: 90%;
    margin: 0 auto -15px;
    padding-top: 20px;
    padding-left: 35px; }
  #listInPage {
    width: 90%;
    margin: 0 auto;
    padding-top: 20px;
    margin-bottom: 20px; }
    #listInPage li {
      display: inline-block;
      padding-right: 30px;
      margin-bottom: 10px; }
      #listInPage li:before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #aadbfc;
        margin-right: 10px; }
  .detailMemo {
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    width: 90%;
    margin: 0 auto;
    padding: 10px; }
    .detailMemo dl {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 1px; }
      .detailMemo dl dt {
        background-color: #a0a0a0;
        color: #fff;
        padding: 5px 10px; }
      .detailMemo dl dd {
        padding: 5px 10px 15px; }
    .detailMemo .iconList {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .detailMemo .iconList li {
        width: 24%;
        height: 53px;
        margin: 0 2px 2px 0;
        background-color: #a0a0a0;
        color: #fff;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        line-height: 1.2;
        font-size: 12px;
        padding: 0 5px; }
  .calendarNav {
    margin-bottom: 10px; }
    .calendarNav .pageing.calPageing ul {
      margin-bottom: 10px; }
    .calendarNav .catSelect {
      width: 90%;
      margin: 0 auto; }
      .calendarNav .catSelect select {
        width: 100%;
        height: 36px;
        border: 1px solid #a0a0a0;
        border-radius: 5px;
        font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif; }
  #daylyList {
    width: 90%;
    margin: 0 auto; }
    #daylyList dl dt {
      font-weight: 700; }
      #daylyList dl dt.sun {
        color: #df0000;
        background-color: #fff0f0; }
      #daylyList dl dt.sat {
        color: #005dab;
        background-color: #f1f9ff; }
    #daylyList dl dd ul li .volunteer {
      background-color: #2f67c2; }
    #daylyList dl dd ul li .event {
      background-color: #42b9c2; }
    #daylyList dl dd ul li .workShop {
      background-color: #379949; }
    #daylyList dl dd ul li .subsidy {
      background-color: #ed9c00; }
    #daylyList dl dd ul li .donation {
      background-color: #cb0f42; }
    #daylyList dl dd ul li .intern {
      background-color: #753d99; }
    #daylyList dl dd ul li .reserve1 {
      background-color: #ff0000; }
    #daylyList dl dd ul li .all {
      background-color: #90c22f; }
    #daylyList dl {
      width: 100%;
      margin-bottom: 10px; }
      #daylyList dl dt {
        font-size: 14px;
        font-weight: 700;
        padding: 5px 10px;
        background-color: #f5f5f5;
        border: 1px solid #d5d5d5;
        border-radius: 5px 5px 0 0;
        margin: 0 auto 5px; }
      #daylyList dl dd ul li {
        border-bottom: 1px dotted #d5d5d5;
        padding: 5px 0;
        line-height: 1.2; }
        #daylyList dl dd ul li:last-of-type {
          border: none; }
        #daylyList dl dd ul li .cat {
          display: inline-block;
          padding: 5px 10px;
          border-radius: 5px;
          line-height: 1;
          color: #fff;
          font-size: 12px;
          margin-bottom: 5px; }
  #newsMenu ul {
    border-bottom: 5px solid #000;
    display: table;
    width: 100%;
    height: 58px;
    table-layout: fixed;
    border-collapse: collapse; }
    #newsMenu ul li {
      display: table-cell;
      vertical-align: bottom; }
      #newsMenu ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 43px;
        border-radius: 10px 10px 0 0;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        line-height: 1.2;
        color: #000;
        text-shadow: 1px 1px 1px #fff;
        position: relative;
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 13px; }
        #newsMenu ul li a:after {
          display: block;
          content: "";
          width: 100%;
          height: 43px;
          background-image: url(../images/sagasu/grad-overlay.png);
          background-repeat: repeat-x;
          border-spacing: left bottom;
          bottom: 0;
          left: 0;
          position: absolute;
          opacity: .3; }
        #newsMenu ul li a:hover {
          text-decoration: none;
          height: 53px; }
        #newsMenu ul li a.calamity {
          background-color: #b60000;
          color: #fff; }
        #newsMenu ul li a.oshirase {
          background-color: #ffd9d9; }
        #newsMenu ul li a.seminar {
          background-color: #ddffbf; }
        #newsMenu ul li a.report {
          background-color: #fff99b; }
        #newsMenu ul li a.network {
          background-color: #bfefff; }
        #newsMenu ul li a.seminner {
          background-color: #a6d396; }
        #newsMenu ul li a.all {
          background-color: #90c22f; }
      #newsMenu ul li.now a {
        height: 53px; }
  #newsIndexList {
    padding-bottom: 30px;
    width: 90%;
    margin: 0 auto; }
    #newsIndexList ul li {
      border-bottom: 1px solid #d5d5d5;
      padding: 15px 0; }
      #newsIndexList ul li .day {
        font-size: 12px;
        display: block; }
      #newsIndexList ul li a {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 700; }
      #newsIndexList ul li .writer {
        display: inline-block;
        font-size: 14px;
        line-height: 1.5; }
  /* ------------------------- news detail ---------------- */
  .newsReleaseDay {
    font-size: 12px;
    line-height: 1;
    text-align: right; }
  .newsCategory {
    width: 90%;
    margin: 0 auto; }
    .newsCategory span.tag {
      text-align: center;
      padding: 3px 15px;
      display: inline-block;
      font-size: 12px;
      line-height: 1;
      border-radius: 5px; }
      .newsCategory span.tag.volunteer {
        background-color: #3172dc; }
      .newsCategory span.tag.event {
        background-color: #43cbd4; }
      .newsCategory span.tag.workShop {
        background-color: #58d10f; }
      .newsCategory span.tag.subsidy {
        background-color: #ffb502; }
      .newsCategory span.tag.donation {
        background-color: #f41459; }
      .newsCategory span.tag.intern {
        background-color: #6e14b3; }
      .newsCategory span.tag.reserve1 {
        background-color: #ff0000; }
      .newsCategory span.tag.recruit {
        background-color: #6e14b3; }
      .newsCategory span.tag.oshirase {
        background-color: #ffd9d9;
        color: #000; }
      .newsCategory span.tag.seminar {
        background-color: #ddffbf;
        color: #000; }
      .newsCategory span.tag.report {
        background-color: #fff99b;
        color: #000; }
      .newsCategory span.tag.network {
        background-color: #bfefff;
        color: #000; }
      .newsCategory span.tag.all {
        background-color: #90c22f; }
      .newsCategory span.tag.watch {
        background-color: #d94b2d; }
      .newsCategory span.tag.other {
        background-color: #9b9b99; }
      .newsCategory span.tag.reserve1 {
        background-color: #f5d1ff; }
      .newsCategory span.tag.kouza {
        background-color: #a6d396;
        color: #000; }
  #newsTitle {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    width: 90%;
    margin: 0 auto 20px; }
  #newsKeyWords {
    font-size: 12px;
    line-height: 1.3;
    width: 90%;
    margin: 0 auto 20px; }
    #newsKeyWords dt {
      border-radius: 5px;
      background-color: #f5f5f5;
      display: inline-block;
      margin-right: 10px;
      vertical-align: middle;
      text-align: center;
      line-height: 1;
      padding: 3px 8px; }
    #newsKeyWords dd {
      display: inline-block;
      vertical-align: middle; }
  .newsMemo {
    border: 3px solid #aadbfc;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 90%;
    margin: 0 auto 20px;
    padding: 10px; }
    .newsMemo .memoTitle {
      font-size: 16px;
      line-height: 1.3;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 10px; }
      .newsMemo .memoTitle:before {
        display: block;
        width: 7px;
        background-color: #aadbfc;
        border-radius: 3px;
        height: auto;
        margin-right: 10px;
        content: ""; }
    .newsMemo p {
      width: 100%; }
  .newsBack {
    padding: 20px 0; }
  #newsSns {
    width: 203px;
    margin: 0 0 0 auto;
    padding-top: 20px;
    padding-top: 0;
    margin: 0 25px 0 auto; }
    #newsSns #socials {
      position: relative; }
      #newsSns #socials #tweeet {
        position: absolute;
        bottom: -8px;
        left: 134px; }
  .imageHeader {
    position: relative;
    font-weight: 400;
    line-height: 1;
    width: 100%;
    font-size: 18px;
    margin-bottom: 10px; }
    .imageHeader span {
      position: absolute;
      margin: auto 0;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 24px;
      line-height: 1; }
    .imageHeader img {
      width: 100%;
      height: auto; }
    .imageHeader span {
      height: 18px;
      padding: 0 5%; }
  #tvacIndexBtn {
    width: 90%;
    margin: 0 auto 10px; }
    #tvacIndexBtn ul li {
      width: 100 #tvacIndexBtn ul li;
      height: 70px;
      margin-bottom: 10px; }
      #tvacIndexBtn ul li a {
        display: block;
        text-decoration: none;
        color: #000;
        width: 100%;
        height: 70px;
        border: 1px solid #d5d5d5;
        box-shadow: 0 3px 0 #ccc;
        border-radius: 5px;
        background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
        background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
        font-size: 16px;
        line-height: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #tvacIndexBtn ul li a:before {
          content: "";
          display: inline-block;
          width: 27px;
          height: 28px;
          margin-right: 5px;
          margin-left: 15px; }
      #tvacIndexBtn ul li:nth-of-type(1) a:before {
        background-image: url(../images/second/icon-tvac1.png); }
      #tvacIndexBtn ul li:nth-of-type(2) a:before {
        background-image: url(../images/second/icon-tvac8.png); }
      #tvacIndexBtn ul li:nth-of-type(3) a:before {
        background-image: url(../images/second/icon-tvac2.png); }
      #tvacIndexBtn ul li:nth-of-type(4) a:before {
        background-image: url(../images/second/icon-tvac3.png); }
      #tvacIndexBtn ul li:nth-of-type(5) a:before {
        background-image: url(../images/second/icon-tvac4.png); }
      #tvacIndexBtn ul li:nth-of-type(6) a:before {
        background-image: url(../images/second/icon-tvac5.png); }
  #indexList {
    padding-top: 10px;
    width: 90%;
    margin: 0 auto 0; }
    #indexList .listInner {
      border-radius: 5px 5px 0 0;
      border: 1px solid #d5d5d5;
      margin-bottom: 20px; }
      #indexList .listInner h2 {
        font-size: 16px;
        line-height: 64px;
        font-weight: 400;
        width: 100%;
        height: 66px;
        border-radius: 5px 5px 0 0;
        border-bottom: 3px solid #d5d5d5;
        background-color: #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #indexList .listInner h2:before {
          content: "";
          display: inline-block;
          width: 27px;
          height: 28px;
          margin-right: 5px;
          margin-left: 15px; }
      #indexList .listInner .listHead {
        width: 100%;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5;
        background-color: #f6f6f6;
        background-repeat: no-repeat;
        background-size: 100% auto;
        border-bottom: 1px solid #d5d5d5;
        padding: 80px 10px 10px 10px;
        text-align: center; }
        #indexList .listInner .listHead.shiruListHead1 {
          background-image: url(../images/shiru/sp-list-head1.jpg); }
        #indexList .listInner .listHead.shiruListHead2 {
          background-image: url(../images/shiru/sp-list-head2.jpg); }
        #indexList .listInner .listHead.shiruListHead3 {
          background-image: url(../images/shiru/sp-list-head3.jpg); }
        #indexList .listInner .listHead.shiruListHead4 {
          background-image: url(../images/shiru/sp-list-head4.jpg); }
        #indexList .listInner .listHead.shiruListHead5 {
          background-image: url(../images/shiru/sp-list-head5.jpg); }
        #indexList .listInner .listHead.tvacListHead1 {
          background-image: url(../images/tvac/sp-list-head1.jpg); }
        #indexList .listInner .listHead.tvacListHead2 {
          background-image: url(../images/tvac/sp-list-head2.jpg); }
      #indexList .listInner ul li {
        border-bottom: 1px solid #d5d5d5; }
        #indexList .listInner ul li a {
          display: block;
          position: relative;
          font-size: 14px;
          color: #000;
          text-decoration: none;
          line-height: 1.2;
          padding: 10px 30px 10px 20px; }
          #indexList .listInner ul li a:after {
            content: "";
            display: block;
            width: 7px;
            height: 7px;
            border-top: solid 2px #d5d5d5;
            border-right: solid 2px #d5d5d5;
            position: absolute;
            margin-top: -5px;
            right: 10px;
            top: 50%;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg); }
      #indexList .listInner.enkaku h2:before {
        background-image: url(../images/second/icon-tvac6.png); }
      #indexList .listInner.jigyo h2:before {
        background-image: url(../images/second/icon-tvac7.png); }
      #indexList .listInner.hajimete h2:before {
        background-image: url(../images/second/icon-shiru1.png); }
      #indexList .listInner.npo h2:before {
        background-image: url(../images/second/icon-shiru2.png); }
      #indexList .listInner.dantai h2:before {
        background-image: url(../images/second/icon-shiru3.png); }
      #indexList .listInner.school h2:before {
        background-image: url(../images/second/icon-shiru4.png); }
      #indexList .listInner.shien h2:before {
        background-image: url(../images/second/icon-shiru5.png); }
  .spBnrs {
    width: 90%;
    margin: 0 auto 30px; }
    .spBnrs li img {
      display: block;
      box-shadow: 0 3px 0 #ccc;
      width: 100%;
      height: auto; }
    .spBnrs li {
      width: 100%;
      margin-bottom: 15px; }
      .spBnrs li img {
        width: 100%;
        height: auto; }
      .spBnrs li a {
        font-size: 12px;
        line-height: 1.2; }
  /* ------------------ facility ------------------ */
  .calDetailHeadBlock {
    width: 90%;
    margin: 0 auto; }
    .calDetailHeadBlock .headInfo {
      font-size: 14px;
      line-height: 1;
      vertical-align: middle;
      background-color: rgba(0, 180, 13, 0.08);
      padding: 10px 0;
      margin-bottom: 10px; }
      .calDetailHeadBlock .headInfo li {
        display: inline-block;
        margin-right: 10px;
        width: 100%;
        text-align: center; }
        .calDetailHeadBlock .headInfo li span {
          display: inline-block;
          width: 14px;
          height: 14px;
          border-radius: 3px;
          margin-right: 2px;
          vertical-align: middle; }
          .calDetailHeadBlock .headInfo li span.yoyaku {
            background-color: #ccc; }
          .calDetailHeadBlock .headInfo li span.yasumi {
            background-color: #919191; }
    .calDetailHeadBlock h2 {
      padding: 20px 0; }
      .calDetailHeadBlock h2 span {
        display: block; }
        .calDetailHeadBlock h2 span.today {
          font-size: 22px;
          line-height: 1;
          font-weight: 400;
          text-align: center; }
        .calDetailHeadBlock h2 span.fixTxt {
          font-size: 14px;
          line-height: 1;
          text-align: center;
          font-weight: 400;
          padding-top: 5px; }
    .calDetailHeadBlock .dateNav {
      width: 100%;
      margin-bottom: 15px; }
      .calDetailHeadBlock .dateNav:after {
        content: "";
        display: block;
        width: 1px;
        height: 0;
        overflow: hidden;
        clear: both; }
      .calDetailHeadBlock .dateNav a {
        display: block;
        vertical-align: middle; }
        .calDetailHeadBlock .dateNav a.prev {
          float: left; }
          .calDetailHeadBlock .dateNav a.prev:before {
            content: "";
            display: inline-block;
            width: 7px;
            height: 7px;
            border-bottom: 1px solid #0072ba;
            border-left: 1px solid #0072ba;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            vertical-align: middle;
            margin-right: 5px; }
        .calDetailHeadBlock .dateNav a.next {
          float: right; }
          .calDetailHeadBlock .dateNav a.next:after {
            content: "";
            display: inline-block;
            width: 7px;
            height: 7px;
            border-top: 1px solid #0072ba;
            border-right: 1px solid #0072ba;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            vertical-align: middle;
            margin-left: 5px; }
  .timeTable {
    width: 90%;
    margin: 0 auto 3em; }
    .timeTable table {
      width: 100%;
      border: 1px solid #e5e5e5;
      border-collapse: collapse;
      empty-cells: show;
      /*
			tr{
				td{
					border: 1px solid #000;
				}
			}
			*/ }
      .timeTable table tr.headTr td {
        background-color: #373737;
        text-align: center;
        color: #fff;
        font-size: 13px;
        line-height: 1;
        padding: 5px 0; }
        .timeTable table tr.headTr td.timeCount {
          width: 6%; }
      .timeTable table tr.schedule th {
        padding: 0 15px;
        text-align: left;
        vertical-align: middle;
        font-weight: 400;
        border-right: 1px solid #cbcbcb;
        width: 23%; }
      .timeTable table tr.schedule td {
        position: relative;
        width: 3%;
        padding: 15px 3px;
        height: 45px; }
        .timeTable table tr.schedule td:not(:last-of-type):nth-of-type(odd):after {
          content: "";
          display: block;
          width: 1px;
          height: 100%;
          background-color: #e5e5e5;
          position: absolute;
          top: 0;
          right: 0;
          z-index: 1; }
        .timeTable table tr.schedule td.reserved:before {
          content: "";
          display: block;
          width: 100%;
          height: 60%;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          background-color: #ccc;
          z-index: 3; }
        .timeTable table tr.schedule td.reserved.start:before {
          border-radius: 5px 0 0 5px; }
        .timeTable table tr.schedule td.reserved.end:before {
          border-radius: 0 5px 5px 0; }
        .timeTable table tr.schedule td.message {
          color: #d80322;
          padding: 0 15px; }
        .timeTable table tr.schedule td.closed {
          width: 21%;
          background-color: #919191;
          text-align: center;
          vertical-align: middle;
          color: #fff; }
      .timeTable table tr.schedule:not(:last-of-type) th, .timeTable table tr.schedule:not(:last-of-type) td {
        border-bottom: 1px solid #e5e5e5; }
  .calHeadBlock .headNews {
    background-color: #fffae0;
    padding: 10px;
    border-radius: 5px;
    width: 90%;
    margin: 0 auto; }
    .calHeadBlock .headNews .title {
      display: none; }
    .calHeadBlock .headNews ul li .date {
      font-size: .8em;
      display: block; }
    .calHeadBlock .headNews ul li .newsTxt {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .calHeadBlock .headInfo {
    padding: 20px 0; }
    .calHeadBlock .headInfo p {
      padding-top: 10px; }
    .calHeadBlock .headInfo a {
      display: block;
      width: 80%;
      height: 40px;
      background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
      box-shadow: 0 3px #ccc;
      border-radius: 5px;
      text-align: center;
      line-height: 40px;
      color: #000;
      text-decoration: none;
      border: 1px solid #d5d5d5;
      margin: 0 auto;
      position: relative;
      padding-left: 10px;
      vertical-align: middle; }
      .calHeadBlock .headInfo a img {
        vertical-align: middle;
        padding-right: 5px; }
  .calHeadBlock select.monthSelect {
    width: 80%;
    height: 40px;
    margin: 0 auto 15px;
    display: block;
    border: 1px solid #999;
    border-radius: 5px;
    outline: none;
    text-indent: .5em;
    background-color: #fff; }
  .calTable .calMonth {
    width: 90%;
    margin: 0 auto 30px;
    table-layout: fixed;
    border: 1px solid #bcbcbc;
    border-collapse: collapse; }
    .calTable .calMonth td {
      border: 1px solid #bcbcbc;
      text-align: center;
      vertical-align: middle; }
    .calTable .calMonth thead td {
      height: 40px;
      background-color: #228b14;
      color: #fff;
      font-weight: 400; }
      .calTable .calMonth thead td:nth-of-type(1) {
        background-color: #b71010; }
      .calTable .calMonth thead td:last-of-type {
        background-color: #0072ba; }
    .calTable .calMonth tbody td {
      height: 50px; }
      .calTable .calMonth tbody td a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .calTable .calMonth tbody td.offDay {
        background-color: #e5e5e5; }
        .calTable .calMonth tbody td.offDay a {
          pointer-events: none;
          color: #888; }
  .contactUs {
    width: 90%;
    margin: 0 auto;
    background-color: #f0f9dd;
    padding: 10px; }
    .contactUs p {
      text-align: center;
      margin-bottom: 10px; }
    .contactUs .telNum {
      text-align: center; }
      .contactUs .telNum img {
        max-width: 100%;
        height: auto; }
  .topicsArchves {
    background-color: #f6f6f6;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0; }
    .topicsArchves:nth-of-type(even) {
      background-color: #ffffed; }
    .topicsArchves .topicsArchiveH2 {
      font-size: 14px;
      line-height: 1.3;
      color: #38312c;
      position: relative;
      padding-left: 15px;
      margin-bottom: 20px; }
      .topicsArchves .topicsArchiveH2:before {
        width: 6px;
        height: 100%;
        background-color: #aadbfc;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 3px; }
    .topicsArchves .topicsArchiveH2 {
      font-size: 20px;
      margin: 0 10px 20px; }
    .topicsArchves p img {
      display: block;
      width: 100%;
      height: auto;
      margin-bottom: 15px; } }

@media print, screen and (min-width: 601px) {
  .pankuzu {
    width: 100%;
    min-height: 33px;
    border-top: 3px solid #d5d5d5;
    padding-top: 10px; }
    .pankuzu ul {
      width: 980px;
      margin: 0 auto; }
      .pankuzu ul li {
        display: inline-block;
        line-height: 30px;
        font-size: 12px; }
        .pankuzu ul li:not(:last-child):after {
          content: "/"; }
        .pankuzu ul li a {
          display: inline-block;
          padding-right: 10px; }
  /*
h1,h2,h3,h4,h5,h6{
	clear: both;
}
*/
  #pageTitle {
    font-size: 24px;
    line-height: 1.3;
    background-image: url(../images/sagasu/top-title-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 31px auto;
    position: relative;
    width: 100%;
    min-height: 37px;
    font-weight: 700;
    padding: 0 0 10px 50px;
    margin-bottom: 30px; }
    #pageTitle:after {
      content: "";
      width: 100%;
      height: 4px;
      background-image: url(../images/sagasu/top-title-bd.png);
      position: absolute;
      bottom: 0;
      left: 0; }
  .headingA {
    background-color: #ffffed;
    width: 100%;
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    padding: 8px 10px 6px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.4;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 16px; }
    .headingA:before {
      display: block;
      width: 7px;
      background-color: #aadbfc;
      border-radius: 3px;
      height: auto;
      margin-right: 10px;
      content: ""; }
  .headingB {
    font-size: 16px;
    font-weight: 700;
    background-image: url(../images/second/heading-b-icon.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding-left: 20px;
    margin-bottom: 4px;
    /*
	@if $type == pc{
		font-size: 16px;
		font-weight: 700;
		background-image: url(../images/second/heading-b-icon.png);
		background-repeat: no-repeat;
		background-position: 0 7px;
		padding-left: 20px;
		margin-bottom: 15px;
	}
*/ }
  .headingC {
    /*
	@if $type == pc{
		font-size: 14px;
		font-weight: 700;
		padding: 5px 10px;
		background-color: $c_grayBase;
		border: 1px solid $c_grayLine;
		border-radius: 5px;
		margin-bottom: 15px;
	}
*/
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0px;
    border-radius: 5px;
    margin-bottom: 4px; }
  .btnWrap {
    text-align: center;
    margin-bottom: 20px; }
    .btnWrap:after {
      content: "";
      display: block;
      clear: both;
      width: 1px;
      height: 0;
      overflow: hidden; }
  .gradBtn {
    position: relative;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    box-shadow: 0 3px 0 #ccc;
    display: block;
    border-radius: 5px;
    margin: 0 auto;
    width: 245px;
    height: 40px;
    line-height: 40px;
    /* OPTION */ }
    .gradBtn:after {
      display: block;
      content: "";
      border-width: 2px;
      border-style: solid;
      position: absolute;
      top: 50%;
      width: 8px;
      height: 8px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-top: -4px; }
    .gradBtn:hover {
      text-decoration: none;
      opacity: .7; }
    .gradBtn.bgGreen {
      background: -webkit-linear-gradient(#399f1a, #08740d);
      background: linear-gradient(#399f1a, #08740d);
      color: #fff;
      border: none; }
      .gradBtn.bgGreen:after {
        border-color: #fff; }
    .gradBtn.bgGray {
      background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
      color: #000;
      border: 1px solid #d5d5d5; }
      .gradBtn.bgGray:after {
        border-color: #999; }
    .gradBtn.nonArrow:after {
      display: none; }
    .gradBtn.posL:after {
      left: 10px; }
    .gradBtn.posR:after {
      right: 10px; }
    .gradBtn.arrowU:after {
      border-width: 2px 0 0 2px; }
    .gradBtn.arrowR:after {
      border-width: 2px 2px 0 0; }
    .gradBtn.arrowD:after {
      border-width: 0 2px 2px 0; }
    .gradBtn.arrowL:after {
      border-width: 0 0 2px 2px; }
    .gradBtn.fL {
      float: left; }
    .gradBtn.fR {
      float: right; }
    .gradBtn.wide {
      width: 100%; }
    .gradBtn.tal {
      text-align: left;
      padding-left: 15px; }
    .gradBtn.iconCheck {
      font-size: 18px;
      width: 300px;
      height: 60px;
      line-height: 60px; }
      .gradBtn.iconCheck:after {
        border: none;
        -webkit-transform: rotate(0);
                transform: rotate(0);
        background-image: url(../images/second/icon-check.png);
        width: 27px;
        height: 23px;
        margin-top: -12px;
        left: 20px; }
    .gradBtn.iconPen {
      font-size: 18px;
      width: 300px;
      height: 60px;
      line-height: 60px; }
      .gradBtn.iconPen:after {
        border: none;
        -webkit-transform: rotate(0);
                transform: rotate(0);
        background-image: url(../images/second/icon-pen.png);
        width: 23px;
        height: 22px;
        margin-top: -11px;
        left: 20px; }
  .alignR {
    text-align: right; }
  .txtLinkWrap {
    margin: -1em auto 0;
    padding: 0 0 10px; }
    .txtLinkWrap .txtLink {
      display: inline-block;
      vertical-align: middle; }
      .txtLinkWrap .txtLink:after {
        content: "";
        display: inline-block;
        width: 0.6em;
        height: 0.6em;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        vertical-align: middle; }
  .pageing ul {
    margin: 0 auto 40px;
    text-align: center; }
    .pageing ul li {
      display: inline-block;
      text-align: center; }
      .pageing ul li.nowPage {
        min-width: 35px;
        height: 35px;
        text-align: center;
        border-radius: 5px;
        line-height: 35px;
        background-color: #eee;
        color: #4b4949; }
      .pageing ul li a {
        display: block;
        min-width: 35px;
        height: 35px;
        text-align: center;
        color: #248c14;
        line-height: 35px;
        background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
        background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
        text-decoration: none;
        border: 1px solid #d5d5d5;
        border-radius: 5px; }
        .pageing ul li a:hover {
          opacity: .7; }
        .pageing ul li a.prev, .pageing ul li a.next {
          width: 80px;
          background: -webkit-linear-gradient(#399f1a, #08740d);
          background: linear-gradient(#399f1a, #08740d);
          color: #fff;
          position: relative;
          border: none; }
          .pageing ul li a.prev:after, .pageing ul li a.next:after {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            position: absolute;
            top: 12px; }
        .pageing ul li a.prev {
          margin-right: 10px;
          padding-left: 10px; }
          .pageing ul li a.prev:after {
            border-bottom: 2px solid #fff;
            border-left: 2px solid #fff;
            left: 10px; }
        .pageing ul li a.next {
          margin-left: 10px;
          padding-right: 10px; }
          .pageing ul li a.next:after {
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            right: 10px; }
  p {
    margin-bottom: 26px; }
  table.normalTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #d5d5d5;
    margin-bottom: 20px; }
    table.normalTable th {
      background-color: #f5f5f5;
      padding: 20px;
      vertical-align: middle;
      border: 1px solid #d5d5d5;
      font-weight: 400;
      text-align: left; }
    table.normalTable td {
      padding: 20px;
      border: 1px solid #d5d5d5; }
  .scrollBlock table {
    border: 1px solid #d5d5d5;
    border-collapse: collapse; }
    .scrollBlock table th {
      background-color: #f5f5f5;
      border: 1px solid #d5d5d5;
      font-weight: 400;
      text-align: left; }
    .scrollBlock table td {
      border: 1px solid #d5d5d5; }
      .scrollBlock table td p {
        width: 100%; }
  .scrollBlock table {
    width: 100%;
    margin-bottom: 20px; }
    .scrollBlock table th {
      white-space: nowrap;
      padding: 10px 15px; }
    .scrollBlock table td {
      padding: 10px 15px; }
  .twoColTable {
    border: 1px solid #d5d5d5;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px; }
    .twoColTable th {
      background-color: #f5f5f5;
      border: 1px solid #d5d5d5;
      padding: 10px 15px;
      font-weight: 400;
      vertical-align: top;
      text-align: left; }
    .twoColTable td {
      border: 1px solid #d5d5d5;
      padding: 10px 15px;
      vertical-align: top; }
  .kome {
    font-size: 12px;
    line-height: 1.3;
    text-indent: -1em;
    padding-left: 1em;
    display: block; }
    .kome:before {
      content: "※"; }
  p.list {
    margin-bottom: 0;
    position: relative;
    padding-left: 15px; }
    p.list:before {
      content: "";
      width: 6px;
      height: 6px;
      background-color: #aadbfc;
      border-radius: 3px;
      position: absolute;
      left: 3px;
      top: 8px; }
  ul.ulList {
    padding-left: 20px;
    margin-bottom: 20px; }
    ul.ulList li {
      text-indent: -1em; }
      ul.ulList li:before {
        content: "";
        width: 6px;
        height: 6px;
        background-color: #aadbfc;
        border-radius: 3px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px; }
  .cRed {
    color: #df0000; }
  .memo {
    border: 2px solid #d5d5d5;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px;
    padding: 20px; }
    .memo .memoTitle {
      position: relative;
      font-weight: 700;
      padding-left: 10px;
      margin-bottom: 10px; }
      .memo .memoTitle:before {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        background-color: #d5d5d5;
        top: 0;
        left: 0;
        height: 100%;
        border-radius: 3px; }
    .memo p:last-of-type {
      margin-bottom: 0; }
  .blueMemo {
    border: 2px solid #aadbfc;
    border-radius: 20px;
    margin-bottom: 20px;
    background-color: #f1f9ff;
    padding: 20px;
    padding: 20px; }
    .blueMemo .memoTitle {
      position: relative;
      font-weight: 700;
      padding-left: 10px;
      margin-bottom: 10px; }
      .blueMemo .memoTitle:before {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        background-color: #aadbfc;
        top: 0;
        left: 0;
        height: 100%;
        border-radius: 3px; }
    .blueMemo p:last-of-type {
      margin-bottom: 0; }
  .fl {
    clear: left;
    float: left;
    padding: 10px 20px 20px 0;
    display: inline-block; }
    .fl img {
      display: block;
      max-width: 300px; }
    .fl .cap {
      font-size: 12px;
      line-height: 1.3;
      display: block;
      padding-top: 5px;
      display: block; }
  .fr {
    clear: right;
    float: right;
    padding: 10px 0 20px 20px;
    display: inline-block; }
    .fr img {
      display: block;
      max-width: 300px; }
    .fr .cap {
      font-size: 12px;
      line-height: 1.3;
      display: block;
      padding-top: 5px;
      display: block; }
  .ib {
    padding: 0 5px 10px;
    display: inline-block; }
    .ib img {
      display: block; }
    .ib .cap {
      font-size: 12px;
      line-height: 1.3;
      display: block;
      padding-top: 5px;
      display: block; }
  a.iconLink[target$=blank]:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 11px;
    background-image: url(../images/second/icon-blank.png);
    background-repeat: no-repeat;
    margin-left: 5px; }
  a.iconLink[href$="pdf"]:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/second/icon-pdf.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-left: 5px;
    background-position: 0 50%;
    vertical-align: middle; }
  a.iconLink[href$="xls"]:after, a.iconLink[href$="xlsa"]:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/second/icon-xls.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-left: 5px;
    background-position: 0 50%;
    vertical-align: middle; }
  a.iconLink[href$="doc"]:after, a.iconLink[href$="docx"]:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/second/icon-doc.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-left: 5px;
    background-position: 0 50%;
    vertical-align: middle; }
  hr {
    border: none;
    height: 1px;
    background-color: #d5d5d5;
    width: 100%;
    margin-bottom: 20px; }
  ol {
    padding-left: 20px;
    margin-bottom: 20px; }
  .past {
    opacity: .4; }
  .otherBox {
    border: 1px solid #ccc;
    border-top: 4px solid #178a13;
    margin-bottom: 20px; }
    .otherBox .otherTitle {
      background-color: #f6f6f6;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.3;
      padding: 10px 10px 8px 40px;
      margin-bottom: 20px;
      background-repeat: no-repeat;
      background-position: 10px 8px; }
      .otherBox .otherTitle span {
        color: #178a13; }
      .otherBox .otherTitle.page {
        background-image: url(../images/second/icon-other_page.png); }
      .otherBox .otherTitle.site {
        background-image: url(../images/second/icon-other_site.png); }
    .otherBox h3 {
      font-size: 14px;
      line-height: 1.3;
      font-weight: 700;
      padding: 0 24px 20px; }
    .otherBox ul {
      padding: 0 24px 20px; }
      .otherBox ul li {
        position: relative;
        padding-left: 15px; }
        .otherBox ul li:before {
          content: "";
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: #178a13;
          display: block;
          position: absolute;
          top: 10px;
          left: 3px; }
  /* -------------- error ----------------- */
  .tit_err {
    text-align: center;
    position: relative;
    width: 90%;
    margin: 0 auto 50px;
    padding: 50px 0 0px; }
  .tit_err:after {
    content: "";
    display: block;
    width: 96px;
    height: 3px;
    background-color: #045e07;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto; }
  .err {
    text-align: center;
    margin-bottom: 50px; }
  .thx {
    width: 680px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 50px; }
  ul.errInfo {
    border: 1px solid #de0000;
    max-width: 610px;
    width: 90%;
    margin: 0 auto 30px;
    padding: 20px; }
    ul.errInfo li {
      color: #de0000;
      list-style: disc;
      margin-left: 1em; }
  /* --------------- search result -------------- */
  .siteSearchBox {
    display: block; }
    .siteSearchBox:after {
      content: "";
      display: block;
      width: 1px;
      height: 0;
      overflow: hidden;
      clear: both; }
    .siteSearchBox input[type=text] {
      border: 1px solid #d5d5d5;
      border-radius: 4px 0 0 4px;
      width: 80%;
      float: left;
      height: 34px;
      padding: 0 15px;
      font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif; }
    .siteSearchBox button {
      border-radius: 0 4px 4px 0;
      width: 20%;
      float: right;
      height: 34px;
      background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
      font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
      border: 1px solid #d5d5d5;
      border-width: 1px 1px 1px 0;
      cursor: pointer; }
  div.searchText {
    padding-top: 20px;
    height: 100px;
    overflow: hidden;
    position: relative; }
    div.searchText:after {
      content: "";
      display: block;
      background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
      background: linear-gradient(rgba(255, 255, 255, 0), white);
      height: 50px;
      width: 100%;
      left: 0;
      bottom: 0;
      position: absolute; }
  .originalMarkdownBody p {
    margin-bottom: 0; }
  #social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 20px; }
    #social > div.fb-like {
      margin-top: -5px;
      margin-right: 5px; }
  .btnPost, .btnRePost {
    display: block;
    width: 350px;
    height: 78px;
    margin: 0 auto; }
    .btnPost:hover, .btnRePost:hover {
      opacity: .7; }
  .btnPost {
    background-image: url(../images/second/btn-post-pc.png);
    margin-bottom: 15px; }
  .btnRePost {
    background-image: url(../images/second/btn-repost-pc.png);
    margin-bottom: 70px; }
  /* -------------- inport files ------------------- */
  /* -- tab colors -- */
  #oneColumn {
    width: 980px;
    margin: 0 auto; }
    #oneColumn #areaMap {
      margin: 0 auto; }
  .sagasu #sagasuMenuWrap {
    height: 73px;
    width: 980px;
    overflow: hidden;
    margin-top: -20px; }
  .sagasu #sagasuMenu {
    min-width: 980px;
    margin-bottom: 15px;
    border-bottom: 6px solid #3172dc;
    position: relative;
    border-radius: 0 0 0 3px; }
    .sagasu #sagasuMenu:after {
      min-width: 100%;
      height: 6px;
      content: "";
      display: block;
      position: absolute;
      bottom: -6px;
      left: 0;
      border-radius: 0 0 0 3px; }
    .sagasu #sagasuMenu ul {
      display: table;
      height: 53px;
      min-width: 980px .sagasu #sagasuMenu ul; }
      .sagasu #sagasuMenu ul :after {
        content: "";
        display: block;
        clear: both;
        width: 1px;
        height: 0;
        overflow: hidden; }
      .sagasu #sagasuMenu ul li {
        width: 140px;
        display: table-cell;
        vertical-align: bottom; }
        .sagasu #sagasuMenu ul li a {
          border-radius: 10px 10px 0 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          width: 100%;
          min-height: 43px;
          text-align: center;
          font-size: 14px;
          line-height: 1.1;
          color: #fff;
          text-decoration: none;
          position: relative;
          background-repeat: repeat-x;
          background-position: left bottom;
          font-weight: 700;
          -webkit-transition: all .3s;
          transition: all .3s; }
          .sagasu #sagasuMenu ul li a:hover {
            height: 53px; }
          .sagasu #sagasuMenu ul li a font {
            width: 100%;
            display: block; }
            .sagasu #sagasuMenu ul li a font:after {
              display: none; }
        .sagasu #sagasuMenu ul li.all a {
          background-color: #178a13; }
        .sagasu #sagasuMenu ul li.calamity a {
          background-color: #b60000; }
        .sagasu #sagasuMenu ul li.volunteer a {
          background-color: #3172dc; }
        .sagasu #sagasuMenu ul li.event a {
          background-color: #29b7b5; }
        .sagasu #sagasuMenu ul li.workShop a {
          background-color: #4eb729; }
        .sagasu #sagasuMenu ul li.subsidy a {
          background-color: #ffa302; }
        .sagasu #sagasuMenu ul li.donation a {
          background-color: #ff6c99; }
        .sagasu #sagasuMenu ul li.intern a {
          background-color: #8b50a3; }
        .sagasu #sagasuMenu ul li.reserve1 a {
          background-color: #f00; }
        .sagasu #sagasuMenu ul li.now a {
          height: 53px; }
  #sagasuListHead {
    width: 980px;
    margin-bottom: 20px; }
    #sagasuListHead:after {
      content: "";
      display: block;
      clear: both;
      width: 1px;
      height: 0;
      overflow: hidden; }
    #sagasuListHead #resultInfo {
      font-size: 16px;
      line-height: 1;
      float: left;
      padding-top: 12px; }
      #sagasuListHead #resultInfo p {
        margin-bottom: 0; }
      #sagasuListHead #resultInfo .allResultCount {
        font-size: 32px;
        color: #2cb233;
        font-weight: 700; }
    #sagasuListHead #headBtns {
      float: right;
      width: 510px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-top: 10px;
      position: relative;
      padding-bottom: 10px; }
      #sagasuListHead #headBtns label.checkboxRed {
        position: absolute;
        top: 0;
        right: 0; }
        #sagasuListHead #headBtns label.checkboxRed span {
          color: #f00; }
    #sagasuListHead .searchConditions {
      clear: both;
      font-size: 16px;
      font-weight: 700; }
    #sagasuListHead #refineBtn {
      width: 250px;
      height: 46px;
      background: -webkit-linear-gradient(#399f1a, #08740d);
      background: linear-gradient(#399f1a, #08740d);
      text-align: center;
      font-size: 16px;
      border: 1px solid #d5d5d5;
      box-shadow: 0 3px 0 #ccc;
      border-radius: 5px;
      line-height: 44px;
      vertical-align: middle;
      cursor: pointer;
      color: #fff; }
      #sagasuListHead #refineBtn span {
        font-size: 20px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 10px;
        width: 17px;
        height: 18px; }
    #sagasuListHead #goCalBtn {
      width: 250px;
      height: 46px;
      background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
      text-align: center;
      font-size: 16px;
      border: 1px solid #d5d5d5;
      box-shadow: 0 3px 0 #ccc;
      border-radius: 5px;
      line-height: 44px;
      vertical-align: middle;
      cursor: pointer;
      display: block;
      color: #000;
      text-decoration: none; }
      #sagasuListHead #goCalBtn span {
        font-size: 20px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 10px;
        width: 17px;
        height: 18px; }
    #sagasuListHead #refineCloseBtn {
      width: 250px;
      height: 46px;
      background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
      text-align: center;
      font-size: 16px;
      border: 1px solid #d5d5d5;
      box-shadow: 0 3px 0 #ccc;
      border-radius: 5px;
      line-height: 44px;
      vertical-align: middle;
      cursor: pointer;
      display: none; }
      #sagasuListHead #refineCloseBtn span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 20px;
        height: 20px; }
        #sagasuListHead #refineCloseBtn span img {
          width: 100%;
          height: auto; }
  #sagasuListBody > ul {
    margin-bottom: 30px; }
    #sagasuListBody > ul > li {
      border: 1px solid #d5d5d5;
      margin-bottom: 10px;
      position: relative; }
      #sagasuListBody > ul > li a {
        text-decoration: none;
        display: block;
        padding: 15px 10px;
        min-height: 135px; }
        #sagasuListBody > ul > li a:after {
          content: "";
          display: block;
          clear: both;
          width: 1px;
          height: 0;
          overflow: hidden; }
        #sagasuListBody > ul > li a:hover {
          background-color: #f5f5f5; }
      #sagasuListBody > ul > li .sagasuListphoto {
        width: 160px;
        position: absolute;
        top: 15px;
        right: 15px;
        max-height: 85%;
        overflow: hidden;
        border: solid 1px #d5d5d5; }
        #sagasuListBody > ul > li .sagasuListphoto img {
          width: 100%;
          height: auto; }
      #sagasuListBody > ul > li .sagasuListTxt {
        width: 756px;
        padding-left: 5px;
        padding-right: 30px; }
        #sagasuListBody > ul > li .sagasuListTxt .sagasuListDay {
          font-size: 14px;
          line-height: 1;
          color: #000;
          margin-bottom: 10px; }
          #sagasuListBody > ul > li .sagasuListTxt .sagasuListDay .endTag {
            display: inline-block;
            height: 14px;
            line-height: 14px;
            font-size: 10px;
            background-color: #c8103d;
            color: #fff;
            padding: 0 10px;
            margin-right: 10px;
            vertical-align: middle; }
          #sagasuListBody > ul > li .sagasuListTxt .sagasuListDay .newTag {
            display: inline-block;
            height: 14px;
            line-height: 14px;
            font-size: 10px;
            background-color: #fff;
            color: #c8103d;
            padding: 0 10px;
            margin-right: 10px;
            vertical-align: middle;
            border: 1px solid #c8103d; }
        #sagasuListBody > ul > li .sagasuListTxt .sagasuListTitle {
          font-size: 18px;
          line-height: 1.4;
          font-weight: 700;
          text-decoration: underline;
          color: #0072ba;
          margin-bottom: 10px; }
      #sagasuListBody > ul > li .context {
        width: 758px;
        padding: 0 30px 0 5px;
        clear: both;
        margin-bottom: 10px; }
        #sagasuListBody > ul > li .context .eventDay {
          font-size: 14px;
          color: #ff9000;
          line-height: 1;
          padding-bottom: 5px; }
        #sagasuListBody > ul > li .context .deadline {
          font-size: 14px;
          color: #f00;
          line-height: 1;
          padding-bottom: 5px; }
        #sagasuListBody > ul > li .context .tags li {
          display: inline-block;
          font-size: 12px;
          line-height: 1;
          padding: 5px 10px;
          color: #000;
          background-color: #eee;
          border: 1px solid #d5d5d5;
          border-radius: 3px; }
        #sagasuListBody > ul > li .context .organiz {
          display: block;
          color: #000;
          font-size: 13px;
          line-height: 1;
          padding-top: 10px; }
      #sagasuListBody > ul > li span.kikan {
        display: block;
        width: 212px;
        height: 28px;
        background-color: #666;
        font-size: 13px;
        line-height: 28px;
        color: #fff;
        text-align: center; }
  #sagasuListBody > ul > li.calamity {
    border-left: 8px solid #b60000; }
  #sagasuListBody > ul > li.volunteer {
    border-left: 8px solid #3172dc; }
  #sagasuListBody > ul > li.event {
    border-left: 8px solid #29b7b5; }
  #sagasuListBody > ul > li.camp {
    border-left: 8px solid #4eb729; }
  #sagasuListBody > ul > li.joseikin {
    border-left: 8px solid #ffa302; }
  #sagasuListBody > ul > li.kifu {
    border-left: 8px solid #ff6c99; }
  #sagasuListBody > ul > li.recruit {
    border-left: 8px solid #8b50a3; }
  #sagasuListBody > ul > li.intern {
    border-left: 8px solid #8b50a3; }
  #sagasuListBody > ul > li.reserve1 {
    border-left: 8px solid #f00; }
  #refineBody {
    background-color: #eee;
    width: 980px;
    padding: 20px;
    margin-bottom: 30px;
    display: none; }
    #refineBody #refineTitle {
      font-size: 16px;
      margin-bottom: 10px; }
    #refineBody #refineForm dl {
      background-color: #fff;
      width: 100%;
      margin-bottom: 1px;
      border-radius: 3px;
      padding: 10px 20px;
      display: table; }
      #refineBody #refineForm dl dt {
        display: table-cell;
        width: 120px;
        vertical-align: middle;
        font-size: 14px;
        line-height: 1;
        color: #127d0f;
        font-weight: 700; }
      #refineBody #refineForm dl dd {
        display: table-cell;
        line-height: 1; }
        #refineBody #refineForm dl dd label {
          display: inline-block;
          white-space: nowrap;
          margin-right: 10px;
          margin-bottom: 5px;
          font-size: 12px; }
          #refineBody #refineForm dl dd label input[type=checkbox] {
            display: inline-block;
            margin-right: 5px; }
        #refineBody #refineForm dl dd input[type=text] {
          width: 100%;
          height: 34px;
          border: 1px solid #d5d5d5;
          border-radius: 4px;
          padding: 0 5px; }
        #refineBody #refineForm dl dd #sagasuRefinesearch {
          display: table; }
          #refineBody #refineForm dl dd #sagasuRefinesearch li {
            display: table-cell;
            position: relative; }
            #refineBody #refineForm dl dd #sagasuRefinesearch li:nth-child(1) {
              width: 250px;
              height: 34px;
              border: 1px solid #d5d5d5;
              border-radius: 4px 0 0 4px; }
              #refineBody #refineForm dl dd #sagasuRefinesearch li:nth-child(1) input {
                border: none;
                width: 100%;
                height: 100%;
                padding-left: 5px;
                font-size: 12px;
                font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
                border-radius: 5px 0 0 5px; }
            #refineBody #refineForm dl dd #sagasuRefinesearch li:nth-child(2) {
              width: 64px;
              height: 34px;
              border: 1px solid #d5d5d5;
              border-width: 1px 1px 1px 0;
              border-radius: 0 4px 4px 0; }
          #refineBody #refineForm dl dd #sagasuRefinesearch button {
            border: none;
            width: 100%;
            height: 100%;
            font-size: 14px;
            font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
            color: #000;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
            background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
            background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%); }
            #refineBody #refineForm dl dd #sagasuRefinesearch button:hover {
              opacity: .7; }
        #refineBody #refineForm dl dd input[type=text]#datepicker {
          width: 100px;
          height: 34px;
          border: 1px solid #d5d5d5;
          border-radius: 4px;
          padding-left: 5px; }
        #refineBody #refineForm dl dd .ui-datepicker-trigger {
          width: 30px;
          height: auto;
          padding: 3px 0 0 5px; }
    #refineBody .btnWrap {
      padding-top: 20px;
      position: relative; }
      #refineBody .btnWrap .gradBtn {
        margin: 0 auto;
        height: 50px;
        vertical-align: middle;
        line-height: 50px; }
        #refineBody .btnWrap .gradBtn span {
          vertical-align: middle;
          display: inline-block;
          width: 17px;
          height: 18px; }
      #refineBody .btnWrap .fromCloseBtn {
        width: 110px;
        height: 40px;
        background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
        background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
        border: 1px solid #d5d5d5;
        border-radius: 5px;
        display: block;
        position: absolute;
        right: 0;
        top: 23px;
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
        padding-top: 10px;
        line-height: 1;
        box-shadow: 0 3px 0 #ccc;
        cursor: pointer; }
        #refineBody .btnWrap .fromCloseBtn .closeIcon {
          display: inline-block;
          width: 16px;
          height: 16px;
          vertical-align: middle;
          margin-right: 10px; }
          #refineBody .btnWrap .fromCloseBtn .closeIcon img {
            width: 100%;
            height: auto; }
  .leftIndent {
    padding-left: 3em; }
  /* ------------- detail ----------------------- */
  #sagasuDetailHead {
    background-image: url(../images/sagasu/detail-head-bg.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #f1f9ff;
    border: 1px solid #a8daff;
    border-radius: 10px;
    padding: 10px 30px 0;
    position: relative;
    margin-bottom: 20px; }
    #sagasuDetailHead .sagasuCategory .tag {
      color: #fff;
      display: inline-block;
      padding: 3px 10px;
      border-radius: 5px;
      font-size: 12px;
      line-height: 1;
      margin-bottom: 5px;
      text-align: center;
      /*
			&.volunteer{
				background-color: #3172dc;
			}
			&.event{
				background-color: #43cbd4;
			}
			&.workShop{
				background-color: #58d10f;
			}
			&.subsidy{
				background-color: #ffb502;
			}
			&.donation{
				background-color: #f41459;
			}
			&.intern{
				background-color: #6e14b3;
			}
			&.intern{
				background-color: #6e14b3;
			}
			&.reserve1{
				background-color: #f00;
			}
			&.all{
				background-color: #90c22f;
			}
			*/ }
    #sagasuDetailHead .tags li {
      display: inline-block;
      background-color: #f5f5f5;
      border: 1px solid #d5d5d5;
      padding: 5px 10px;
      line-height: 1;
      border-radius: 5px;
      font-size: 13px;
      margin-bottom: 5px; }
    #sagasuDetailHead #compFlag {
      display: inline-block;
      font-size: 13px;
      color: #fff;
      background-color: #666;
      line-height: 1;
      padding: 5px 10px;
      border-radius: 5px; }
    #sagasuDetailHead #limitFlag {
      display: inline-block;
      font-size: 13px;
      color: #fff;
      background-color: #c2c2c2;
      line-height: 1;
      padding: 5px 10px;
      border-radius: 5px; }
    #sagasuDetailHead .sagasuDetailDay {
      text-align: right;
      font-size: 13px;
      line-height: 1.3;
      color: #666;
      width: 100%;
      margin-bottom: 0; }
    #sagasuDetailHead #identity {
      position: absolute;
      text-align: right; }
    #sagasuDetailHead #sagasuDetailTitle {
      font-size: 24px;
      line-height: 1.3;
      font-weight: 400;
      margin-bottom: 10px; }
    #sagasuDetailHead #identity {
      font-size: 14px;
      line-height: 1;
      top: 15px;
      right: 30px; }
  .sagasuComp {
    border: 1px solid #df0000;
    text-align: center;
    font-size: 16px;
    color: #df0000;
    line-height: 1.2;
    padding: 20px 10px;
    margin-bottom: 20px; }
  .sagasuDetailBody {
    padding-bottom: 20px; }
    .sagasuDetailBody.twoCol #sagasu2colMain {
      float: left;
      width: 740px; }
    .sagasuDetailBody.twoCol #photos {
      width: 240px;
      float: right;
      padding: 0 0 10px 20px; }
      .sagasuDetailBody.twoCol #photos img {
        width: 220px;
        height: auto;
        padding-bottom: 10px; }
    .sagasuDetailBody:after {
      display: block;
      content: "";
      clear: both;
      width: 1px;
      height: 0;
      overflow: hidden; }
    .sagasuDetailBody #sagasuDetailBodyTop {
      background-color: #f5f5f5;
      padding: 20px;
      float: left;
      width: 740px;
      margin-bottom: 30px; }
      .sagasuDetailBody #sagasuDetailBodyTop dl {
        display: table;
        width: 100%; }
        .sagasuDetailBody #sagasuDetailBodyTop dl dt {
          display: table-cell;
          font-weight: 700;
          text-align: right;
          width: 100px; }
        .sagasuDetailBody #sagasuDetailBodyTop dl dd {
          display: table-cell; }
          .sagasuDetailBody #sagasuDetailBodyTop dl dd a {
            display: inline-block; }
    .sagasuDetailBody .headingA, .sagasuDetailBody .headingB, .sagasuDetailBody .headingC, .sagasuDetailBody p {
      width: auto; }
  p.transrateMessage {
    text-align: center;
    font-size: 22px;
    padding: 15px 0 0; }
  #detailInfo ul li {
    background-repeat: no-repeat;
    background-position: left 0;
    font-size: 16px;
    line-height: 1.3; }
    #detailInfo ul li.webUrl {
      background-image: url(../images/second/icon-web.png); }
      #detailInfo ul li.webUrl a:after {
        content: "";
        width: 12px;
        height: 11px;
        vertical-align: top;
        background-image: url(../images/second/icon-blank.png);
        background-position: right top;
        background-repeat: no-repeat;
        display: inline-block;
        margin-left: 5px; }
    #detailInfo ul li.address {
      background-image: url(../images/second/icon-map.png); }
    #detailInfo ul li.tel {
      background-image: url(../images/second/icon-tel.png); }
    #detailInfo ul li.eMail {
      background-image: url(../images/second/icon-mail.png); }
  #detailInfo ul {
    padding: 20px 0 30px 10px; }
    #detailInfo ul li {
      padding-left: 30px;
      margin-bottom: 15px; }
  #dantaiSearch {
    background-color: #eee;
    width: 100%;
    padding: 20px; }
    #dantaiSearch #dantaiSearchForm dl {
      background-color: #fff;
      width: 100%;
      margin-bottom: 1px;
      border-radius: 3px;
      padding: 20px; }
      #dantaiSearch #dantaiSearchForm dl dt {
        width: 240px;
        vertical-align: middle;
        font-size: 16px;
        line-height: 1;
        color: #127d0f;
        font-weight: 700;
        padding-bottom: 20px; }
      #dantaiSearch #dantaiSearchForm dl dd {
        line-height: 1; }
        #dantaiSearch #dantaiSearchForm dl dd label {
          display: inline-block;
          white-space: nowrap;
          margin-right: 10px;
          margin-bottom: 5px;
          font-size: 12px; }
          #dantaiSearch #dantaiSearchForm dl dd label input[type=checkbox] {
            display: inline-block;
            margin-right: 5px; }
        #dantaiSearch #dantaiSearchForm dl dd input[type=text] {
          width: 100%;
          height: 34px;
          border: 1px solid #d5d5d5;
          border-radius: 4px;
          padding: 0 5px; }
        #dantaiSearch #dantaiSearchForm dl dd #sagasuRefinesearch {
          display: table; }
          #dantaiSearch #dantaiSearchForm dl dd #sagasuRefinesearch li {
            display: table-cell;
            position: relative; }
            #dantaiSearch #dantaiSearchForm dl dd #sagasuRefinesearch li:nth-child(1) {
              width: 250px;
              height: 34px;
              border: 1px solid #d5d5d5;
              border-radius: 4px 0 0 4px; }
              #dantaiSearch #dantaiSearchForm dl dd #sagasuRefinesearch li:nth-child(1) input {
                border: none;
                width: 100%;
                height: 100%;
                padding-left: 5px;
                font-size: 12px;
                font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
                border-radius: 5px 0 0 5px; }
            #dantaiSearch #dantaiSearchForm dl dd #sagasuRefinesearch li:nth-child(2) {
              width: 64px;
              height: 34px;
              border: 1px solid #d5d5d5;
              border-width: 1px 1px 1px 0;
              border-radius: 0 4px 4px 0; }
          #dantaiSearch #dantaiSearchForm dl dd #sagasuRefinesearch button {
            border: none;
            width: 100%;
            height: 100%;
            font-size: 14px;
            font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
            color: #000;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
            background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
            background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%); }
            #dantaiSearch #dantaiSearchForm dl dd #sagasuRefinesearch button:hover {
              opacity: .7; }
    #dantaiSearch .btnWrap {
      padding-top: 20px;
      position: relative; }
      #dantaiSearch .btnWrap .gradBtn {
        margin: 0 auto;
        height: 50px;
        line-height: 50px; }
        #dantaiSearch .btnWrap .gradBtn span {
          vertical-align: middle;
          display: inline-block;
          width: 17px;
          height: 18px; }
  #resultInfo {
    font-size: 16px;
    line-height: 1;
    padding-top: 12px;
    margin-bottom: 20px; }
    #resultInfo .allResultCount {
      font-size: 32px;
      color: #2cb233;
      font-weight: 700; }
  .resultUL {
    border-top: 1px solid #d5d5d5;
    margin-bottom: 30px; }
    .resultUL li {
      border-bottom: 1px solid #d5d5d5; }
      .resultUL li a {
        display: block;
        padding: 15px 30px 15px 15px;
        color: #000;
        text-decoration: none;
        position: relative;
        font-size: 16px;
        line-height: 1.4; }
        .resultUL li a:after {
          content: "";
          display: block;
          position: absolute;
          width: 8px;
          height: 8px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          border-top: 2px solid #000;
          border-right: 2px solid #000;
          top: 50%;
          right: 10px;
          margin-top: -5px; }
        .resultUL li a:hover {
          text-decoration: none;
          background-color: #f5f5f5; }
          .resultUL li a:hover:after {
            border-color: #2d5cad; }
  .detailList {
    margin-bottom: 5px; }
    .detailList li {
      padding: 20px 0 5px;
      border-bottom: 1px solid #d5d5d5; }
      .detailList li:nth-of-type(1) {
        padding: 0 0 5px; }
      .detailList li:last-of-type {
        border: none; }
      .detailList li .postHead {
        margin-bottom: 10px; }
        .detailList li .postHead .tag {
          display: inline-block;
          height: 24px;
          line-height: 24px;
          text-align: center;
          font-size: 12px;
          padding: 0 10px;
          border-radius: 5px;
          color: #fff;
          /*
					&.volunteer{background-color: #3172dc}
					&.event{background-color: #43cbd4}
					&.workShop{background-color: #58d10f}
					&.subsidy{background-color: #ffb502}
					&.donation{background-color: #f41459}
					&.intern{background-color: #6e14b3}
					&.reserve1{background-color: #ff0000}
					&.recruit{background-color: #6e14b3;}
					&.oshirase{
						background-color: #ffd9d9;
						color: #000;
					}
					&.seminar{
						background-color: #ddffbf;
						color: #000;
					}
					&.report{
						background-color: #fff99b;
						color: #000;
					}
					&.network{
						background-color: #bfefff;
						color: #000;
					}
					&.all{
						background-color: #90c22f;
					}
					&.watch{
						background-color: #d94b2d;
					}
					&.other{
						background-color: #9b9b99;
					}
					&.reserve1{
						background-color: #f5d1ff;	
					}
					&.kouza{
						background-color: #a6d396;
						color: #000;
					}
					*/ }
        .detailList li .postHead .day {
          display: inline-block;
          height: 24px;
          line-height: 24px;
          padding-left: 20px; }
      .detailList li a {
        font-size: 16px;
        font-weight: 700;
        display: block;
        line-height: 1.5;
        margin-bottom: 10px; }
      .detailList li p img {
        max-width: 300px;
        width: auto;
        height: auto; }
  .btnWrap.detailMore {
    margin-bottom: 40px; }
  #madoguchiArealink {
    padding: 10px 0 0; }
    #madoguchiArealink .btnWrap {
      padding-bottom: 0px;
      margin-bottom: 10px; }
  .madoguchiTable {
    display: table;
    border-collapse: collapse;
    width: 100%; }
    .madoguchiTable dl dt {
      background-color: #f5f5f5; }
    .madoguchiTable dl dd {
      /*
			a[target $= blank]{
				&:after{
					content: "";
					width: 12px;
					height: 11px;
					vertical-align: top;
					background-image: url(../images/second/icon-blank.png);
					background-position: right top;
					background-repeat: no-repeat;
					display: inline-block;
					margin-left: 5px;
				}
			}
			*/ }
      .madoguchiTable dl dd li {
        position: relative;
        padding: 5px 50px 5px 10px; }
        .madoguchiTable dl dd li:not(:last-of-type) {
          border-bottom: 1px solid #eaeaea; }
        .madoguchiTable dl dd li a.officialLink {
          position: absolute;
          display: block;
          right: 5px;
          top: 50%;
          width: 31px;
          height: 23px;
          background-image: url(../images/second/btn_blank.png);
          margin-top: -12px; }
        .madoguchiTable dl dd li a:after {
          display: none; }
    .madoguchiTable dl {
      display: table-row; }
      .madoguchiTable dl dt {
        display: table-cell;
        width: 240px;
        border: 1px solid #d5d5d5;
        padding: 15px;
        vertical-align: middle; }
      .madoguchiTable dl dd {
        display: table-cell;
        border: 1px solid #d5d5d5;
        padding: 15px;
        vertical-align: middle; }
  .madoguchiBack {
    padding-top: 30px; }
  .updataDay {
    text-align: right;
    margin-bottom: 0; }
  .madoguchiUpper {
    line-height: 1;
    font-size: 12px;
    margin: 0;
    padding-left: 50px;
    margin-bottom: 5px; }
  #listInPage {
    padding-top: 20px;
    margin-bottom: 20px; }
    #listInPage li {
      display: inline-block;
      padding-right: 30px;
      margin-bottom: 10px; }
      #listInPage li:before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #aadbfc;
        margin-right: 10px; }
  .detailMemo {
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    padding: 20px; }
    .detailMemo dl {
      display: table;
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 1px; }
      .detailMemo dl dt {
        display: table-cell;
        width: 167px;
        background-color: #a0a0a0;
        padding: 5px 10px;
        color: #fff; }
      .detailMemo dl dd {
        display: table-cell;
        padding: 5px 10px; }
    .detailMemo .equipmentsBlock {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .detailMemo .equipmentsBlock dl {
        display: block;
        width: 49.5%; }
        .detailMemo .equipmentsBlock dl dt, .detailMemo .equipmentsBlock dl dd {
          display: block;
          width: 100%; }
    .detailMemo .iconList {
      width: 100%;
      margin-bottom: 10px; }
      .detailMemo .iconList:after {
        content: "";
        display: block;
        clear: both;
        width: 1px;
        height: 0;
        overflow: hidden; }
      .detailMemo .iconList li {
        width: 82px;
        height: 53px;
        margin: 0 2px 2px 0;
        background-color: #a0a0a0;
        color: #fff;
        border-radius: 5px;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        line-height: 1.2;
        text-align: center;
        font-size: 13px;
        padding: 0 5px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .detailMemoCap {
    text-align: right;
    margin-bottom: 30px;
    font-size: 13px; }
  .calendarNav {
    margin-bottom: 10px; }
    .calendarNav:after {
      content: "";
      display: block;
      clear: both;
      width: 1px;
      height: 0;
      overflow: hidden; }
    .calendarNav .pageing.calPageing {
      float: left; }
      .calendarNav .pageing.calPageing ul {
        margin: 0;
        text-align: left;
        float: left; }
    .calendarNav .catSelect {
      float: right; }
      .calendarNav .catSelect select {
        width: 200px;
        height: 36px;
        border: 1px solid #a0a0a0;
        border-radius: 5px;
        font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif; }
  #daylyList {
    border-top: 2px solid #d5d5d5;
    margin-bottom: 10px; }
    #daylyList dl dt {
      font-weight: 700; }
      #daylyList dl dt.sun {
        color: #df0000;
        background-color: #fff0f0; }
      #daylyList dl dt.sat {
        color: #005dab;
        background-color: #f1f9ff; }
    #daylyList dl dd ul li .volunteer {
      background-color: #2f67c2; }
    #daylyList dl dd ul li .event {
      background-color: #42b9c2; }
    #daylyList dl dd ul li .workShop {
      background-color: #379949; }
    #daylyList dl dd ul li .subsidy {
      background-color: #ed9c00; }
    #daylyList dl dd ul li .donation {
      background-color: #cb0f42; }
    #daylyList dl dd ul li .intern {
      background-color: #753d99; }
    #daylyList dl dd ul li .reserve1 {
      background-color: #ff0000; }
    #daylyList dl dd ul li .all {
      background-color: #90c22f; }
    #daylyList dl {
      display: table;
      width: 100%;
      border-bottom: 1px solid #d5d5d5; }
      #daylyList dl dt {
        display: table-cell;
        width: 70px;
        vertical-align: middle;
        text-align: center;
        background-color: #f5f5f5;
        padding: 0 20px;
        white-space: nowrap; }
      #daylyList dl dd {
        display: table-cell;
        padding-left: 20px; }
        #daylyList dl dd ul li {
          border-bottom: 1px dotted #d5d5d5;
          padding: 5px 0;
          line-height: 1.2; }
          #daylyList dl dd ul li:last-of-type {
            border: none; }
          #daylyList dl dd ul li .cat {
            display: inline-block;
            padding: 7px 10px 4px;
            border-radius: 5px;
            line-height: 1;
            color: #fff;
            font-size: 12px;
            margin-bottom: 5px; }
  #newsMenu ul {
    border-bottom: 5px solid #000;
    display: table;
    width: 100%;
    height: 78px;
    table-layout: fixed;
    border-collapse: collapse; }
    #newsMenu ul li {
      display: table-cell;
      vertical-align: bottom; }
      #newsMenu ul li a {
        display: inline-table;
        width: 100%;
        height: 63px;
        border-radius: 10px 10px 0 0;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        line-height: 63px;
        color: #000;
        text-shadow: 1px 1px 1px #fff;
        position: relative;
        -webkit-transition: all .3s;
        transition: all .3s; }
        #newsMenu ul li a:after {
          display: block;
          content: "";
          width: 100%;
          height: 63px;
          background-image: url(../images/sagasu/grad-overlay.png);
          background-repeat: repeat-x;
          bottom: 0;
          left: 0;
          position: absolute;
          opacity: .3; }
        #newsMenu ul li a:hover {
          text-decoration: none;
          height: 73px; }
        #newsMenu ul li a.calamity {
          background-color: #b60000;
          color: #fff; }
        #newsMenu ul li a.oshirase {
          background-color: #ffd9d9; }
        #newsMenu ul li a.seminar {
          background-color: #ddffbf; }
        #newsMenu ul li a.report {
          background-color: #fff99b; }
        #newsMenu ul li a.network {
          background-color: #bfefff; }
        #newsMenu ul li a.seminner {
          background-color: #a6d396; }
        #newsMenu ul li a.all {
          background-color: #90c22f; }
      #newsMenu ul li.now a {
        height: 73px; }
  #newsIndexList {
    padding-bottom: 30px; }
    #newsIndexList ul li {
      border-bottom: 1px solid #d5d5d5;
      padding: 15px 0; }
      #newsIndexList ul li .day {
        font-size: 12px;
        display: block; }
      #newsIndexList ul li a {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 700; }
      #newsIndexList ul li .writer {
        display: inline-block;
        font-size: 14px;
        line-height: 1.5; }
  /* ------------------------- news detail ---------------- */
  .newsReleaseDay {
    font-size: 12px;
    line-height: 1;
    text-align: right; }
  .newsCategory span.tag {
    text-align: center;
    padding: 3px 15px;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border-radius: 5px; }
    .newsCategory span.tag.volunteer {
      background-color: #3172dc; }
    .newsCategory span.tag.event {
      background-color: #43cbd4; }
    .newsCategory span.tag.workShop {
      background-color: #58d10f; }
    .newsCategory span.tag.subsidy {
      background-color: #ffb502; }
    .newsCategory span.tag.donation {
      background-color: #f41459; }
    .newsCategory span.tag.intern {
      background-color: #6e14b3; }
    .newsCategory span.tag.reserve1 {
      background-color: #ff0000; }
    .newsCategory span.tag.recruit {
      background-color: #6e14b3; }
    .newsCategory span.tag.oshirase {
      background-color: #ffd9d9;
      color: #000; }
    .newsCategory span.tag.seminar {
      background-color: #ddffbf;
      color: #000; }
    .newsCategory span.tag.report {
      background-color: #fff99b;
      color: #000; }
    .newsCategory span.tag.network {
      background-color: #bfefff;
      color: #000; }
    .newsCategory span.tag.all {
      background-color: #90c22f; }
    .newsCategory span.tag.watch {
      background-color: #d94b2d; }
    .newsCategory span.tag.other {
      background-color: #9b9b99; }
    .newsCategory span.tag.reserve1 {
      background-color: #f5d1ff; }
    .newsCategory span.tag.kouza {
      background-color: #a6d396;
      color: #000; }
  #newsTitle {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 30px; }
  #newsKeyWords {
    margin-bottom: 30px; }
    #newsKeyWords dt {
      width: 94px;
      height: 30px;
      border-radius: 5px;
      background-color: #f5f5f5;
      display: inline-block;
      margin-right: 10px;
      vertical-align: middle;
      text-align: center;
      line-height: 30px; }
    #newsKeyWords dd {
      display: inline-block;
      vertical-align: middle; }
  .newsMemo {
    border: 3px solid #aadbfc;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px; }
    .newsMemo .memoTitle {
      font-size: 18px;
      line-height: 1.3;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px; }
      .newsMemo .memoTitle:before {
        display: block;
        width: 7px;
        background-color: #aadbfc;
        border-radius: 3px;
        height: auto;
        margin-right: 10px;
        content: ""; }
  .newsBack {
    padding: 30px 0; }
  #newsSns {
    width: 203px;
    margin: 0 0 0 auto;
    padding-top: 20px; }
    #newsSns #socials {
      position: relative; }
      #newsSns #socials #tweeet {
        position: absolute;
        bottom: -8px;
        left: 134px; }
  .imageHeader {
    position: relative;
    font-weight: 400;
    line-height: 1;
    width: 980px;
    height: 130px;
    font-size: 24px;
    margin-bottom: 20px; }
    .imageHeader span {
      position: absolute;
      margin: auto 0;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 24px;
      line-height: 1; }
    .imageHeader span {
      height: 24px;
      padding: 0 45px; }
  #tvacIndexBtn {
    width: 990px; }
    #tvacIndexBtn ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #tvacIndexBtn ul li {
        width: 320px;
        height: 66px;
        margin-bottom: 10px; }
        #tvacIndexBtn ul li:nth-of-type(3n) {
          margin-right: 0; }
        #tvacIndexBtn ul li a {
          display: block;
          text-decoration: none;
          color: #000;
          width: 320px;
          height: 66px;
          border: 1px solid #d5d5d5;
          box-shadow: 0 3px 0 #ccc;
          border-radius: 5px;
          background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
          background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
          font-size: 18px;
          line-height: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          #tvacIndexBtn ul li a:before {
            content: "";
            display: inline-block;
            width: 27px;
            height: 28px;
            margin-right: 5px;
            margin-left: 15px; }
          #tvacIndexBtn ul li a:hover {
            opacity: .7; }
        #tvacIndexBtn ul li:nth-of-type(1) a:before {
          background-image: url(../images/second/icon-tvac1.png); }
        #tvacIndexBtn ul li:nth-of-type(2) a:before {
          background-image: url(../images/second/icon-tvac8.png); }
        #tvacIndexBtn ul li:nth-of-type(3) a:before {
          background-image: url(../images/second/icon-tvac2.png); }
        #tvacIndexBtn ul li:nth-of-type(4) a:before {
          background-image: url(../images/second/icon-tvac3.png); }
        #tvacIndexBtn ul li:nth-of-type(5) a:before {
          background-image: url(../images/second/icon-tvac4.png); }
        #tvacIndexBtn ul li:nth-of-type(6) a:before {
          background-image: url(../images/second/icon-tvac5.png); }
  #indexList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 10px;
    margin-bottom: 20px; }
    #indexList .listInner {
      border-radius: 5px 5px 0 0;
      border: 1px solid #d5d5d5; }
      #indexList .listInner h2 {
        font-size: 18px;
        line-height: 64px;
        font-weight: 400;
        width: 100%;
        height: 66px;
        border-radius: 5px 5px 0 0;
        border-bottom: 3px solid #d5d5d5;
        background-color: #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #indexList .listInner h2:before {
          content: "";
          display: inline-block;
          width: 27px;
          height: 28px;
          margin-right: 5px;
          margin-left: 15px; }
      #indexList .listInner .listHead {
        height: 108px;
        width: 100%;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5;
        background-color: #f6f6f6;
        background-repeat: no-repeat;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-bottom: 1px solid #d5d5d5; }
        #indexList .listInner .listHead.shiruListHead1 {
          background-image: url(../images/shiru/list-head1.jpg); }
        #indexList .listInner .listHead.shiruListHead2 {
          background-image: url(../images/shiru/list-head2.jpg); }
        #indexList .listInner .listHead.shiruListHead3 {
          background-image: url(../images/shiru/list-head3.jpg); }
        #indexList .listInner .listHead.shiruListHead4 {
          background-image: url(../images/shiru/list-head4.jpg); }
        #indexList .listInner .listHead.shiruListHead5 {
          background-image: url(../images/shiru/list-head5.jpg); }
        #indexList .listInner .listHead.tvacListHead1 {
          background-image: url(../images/tvac/list-head1.jpg); }
        #indexList .listInner .listHead.tvacListHead2 {
          background-image: url(../images/tvac/list-head2.jpg); }
      #indexList .listInner ul li {
        border-bottom: 1px solid #d5d5d5;
        margin-bottom: -1px; }
        #indexList .listInner ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 4em;
          position: relative;
          font-size: 14px;
          color: #000;
          text-decoration: none;
          line-height: 1.2;
          padding: 0px 30px 0px 20px; }
          #indexList .listInner ul li a:after {
            content: "";
            display: block;
            width: 7px;
            height: 7px;
            border-top: solid 2px #d5d5d5;
            border-right: solid 2px #d5d5d5;
            position: absolute;
            margin-top: -5px;
            right: 10px;
            top: 50%;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg); }
          #indexList .listInner ul li a:hover {
            color: #178a13; }
            #indexList .listInner ul li a:hover:after {
              border-color: #178a13; }
      #indexList .listInner.half {
        width: 487px; }
        #indexList .listInner.half .listHead {
          padding-left: 180px; }
      #indexList .listInner.full {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #indexList .listInner.full .listHead {
          padding-left: 410px; }
        #indexList .listInner.full ul {
          width: 50%;
          border-bottom: none; }
          #indexList .listInner.full ul:nth-of-type(odd) {
            border-right: 1px solid #d5d5d5; }
      #indexList .listInner.enkaku h2:before {
        background-image: url(../images/second/icon-tvac6.png); }
      #indexList .listInner.jigyo h2:before {
        background-image: url(../images/second/icon-tvac7.png); }
      #indexList .listInner.hajimete h2:before {
        background-image: url(../images/second/icon-shiru1.png); }
      #indexList .listInner.npo h2:before {
        background-image: url(../images/second/icon-shiru2.png); }
      #indexList .listInner.dantai h2:before {
        background-image: url(../images/second/icon-shiru3.png); }
      #indexList .listInner.school h2:before {
        background-image: url(../images/second/icon-shiru4.png); }
      #indexList .listInner.shien h2:before {
        background-image: url(../images/second/icon-shiru5.png); }
  .spBnrs li img {
    display: block;
    box-shadow: 0 3px 0 #ccc;
    width: 100%;
    height: auto; }
  .spBnrs:after {
    content: "";
    display: block;
    width: 1px;
    height: 0;
    overflow: hidden;
    clear: both; }
  .spBnrs li {
    float: left;
    margin-bottom: 20px; }
    .spBnrs li a:hover {
      opacity: .7; }
    .spBnrs li img {
      display: block;
      width: 480px;
      height: 180px;
      margin-bottom: 5px; }
    .spBnrs li:nth-of-type(even) {
      float: right; }
  /* ------------------ facility ------------------ */
  .calDetailHeadBlock .headInfo {
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    background-color: rgba(0, 180, 13, 0.08);
    padding: 10px 0;
    margin-bottom: 10px; }
    .calDetailHeadBlock .headInfo li {
      display: inline-block;
      margin-right: 10px;
      width: 100%;
      text-align: center; }
      .calDetailHeadBlock .headInfo li span {
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 3px;
        margin-right: 2px;
        vertical-align: middle; }
        .calDetailHeadBlock .headInfo li span.yoyaku {
          background-color: #ccc; }
        .calDetailHeadBlock .headInfo li span.yasumi {
          background-color: #919191; }
  .calDetailHeadBlock h2 {
    padding: 20px 0; }
    .calDetailHeadBlock h2 span {
      display: block; }
      .calDetailHeadBlock h2 span.today {
        font-size: 26px;
        line-height: 1;
        font-weight: 700;
        text-align: center; }
      .calDetailHeadBlock h2 span.fixTxt {
        font-size: 14px;
        line-height: 1;
        text-align: center;
        font-weight: 400;
        padding-top: 5px; }
  .calDetailHeadBlock .dateNav {
    width: 100%;
    margin-bottom: 15px; }
    .calDetailHeadBlock .dateNav:after {
      content: "";
      display: block;
      width: 1px;
      height: 0;
      overflow: hidden;
      clear: both; }
    .calDetailHeadBlock .dateNav a {
      display: block;
      vertical-align: middle; }
      .calDetailHeadBlock .dateNav a.prev {
        float: left; }
        .calDetailHeadBlock .dateNav a.prev:before {
          content: "";
          display: inline-block;
          width: 7px;
          height: 7px;
          border-bottom: 1px solid #0072ba;
          border-left: 1px solid #0072ba;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          vertical-align: middle;
          margin-right: 5px; }
      .calDetailHeadBlock .dateNav a.next {
        float: right; }
        .calDetailHeadBlock .dateNav a.next:after {
          content: "";
          display: inline-block;
          width: 7px;
          height: 7px;
          border-top: 1px solid #0072ba;
          border-right: 1px solid #0072ba;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          vertical-align: middle;
          margin-left: 5px; }
  .timeTable {
    margin-bottom: 3em; }
    .timeTable table {
      width: 100%;
      border: 1px solid #e5e5e5;
      border-collapse: collapse;
      empty-cells: show;
      /*
			tr{
				td{
					border: 1px solid #000;
				}
			}
			*/ }
      .timeTable table tr.headTr td {
        background-color: #373737;
        text-align: center;
        color: #fff;
        font-size: 13px;
        line-height: 1;
        padding: 5px 0; }
        .timeTable table tr.headTr td.timeCount {
          width: 6%; }
      .timeTable table tr.schedule th {
        padding: 0 15px;
        text-align: left;
        vertical-align: middle;
        font-weight: 400;
        border-right: 1px solid #cbcbcb;
        width: 23%; }
      .timeTable table tr.schedule td {
        position: relative;
        width: 3%;
        padding: 15px 3px;
        height: 45px; }
        .timeTable table tr.schedule td:not(:last-of-type):nth-of-type(odd):after {
          content: "";
          display: block;
          width: 1px;
          height: 100%;
          background-color: #e5e5e5;
          position: absolute;
          top: 0;
          right: 0;
          z-index: 1; }
        .timeTable table tr.schedule td.reserved:before {
          content: "";
          display: block;
          width: 100%;
          height: 60%;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          background-color: #ccc;
          z-index: 3; }
        .timeTable table tr.schedule td.reserved.start:before {
          border-radius: 5px 0 0 5px; }
        .timeTable table tr.schedule td.reserved.end:before {
          border-radius: 0 5px 5px 0; }
        .timeTable table tr.schedule td.message {
          color: #d80322;
          padding: 0 15px; }
        .timeTable table tr.schedule td.closed {
          width: 21%;
          background-color: #919191;
          text-align: center;
          vertical-align: middle;
          color: #fff; }
      .timeTable table tr.schedule:not(:last-of-type) th, .timeTable table tr.schedule:not(:last-of-type) td {
        border-bottom: 1px solid #e5e5e5; }
  .calHeadBlock .headNews {
    background-color: #fffae0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    border-radius: 5px; }
    .calHeadBlock .headNews .title {
      width: 120px;
      border-right: 1px solid #000;
      background-image: url(../images/tvac/icon-news.png);
      background-repeat: no-repeat;
      background-position: 15px 0;
      line-height: 1.5;
      padding-left: 45px; }
    .calHeadBlock .headNews ul {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-left: 15px; }
      .calHeadBlock .headNews ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .calHeadBlock .headNews ul li .date {
          width: 110px; }
        .calHeadBlock .headNews ul li .newsTxt {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
  .calHeadBlock .headInfo {
    padding: 20px 0; }
    .calHeadBlock .headInfo:after {
      content: "";
      display: block;
      width: 1px;
      height: 0;
      overflow: hidden;
      clear: both; }
    .calHeadBlock .headInfo p {
      float: left;
      padding-top: 10px; }
    .calHeadBlock .headInfo a {
      float: right;
      display: block;
      width: 245px;
      height: 40px;
      background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
      box-shadow: 0 3px #ccc;
      border-radius: 5px;
      text-align: center;
      line-height: 40px;
      color: #000;
      text-decoration: none;
      border: 1px solid #d5d5d5;
      margin: 0 auto;
      position: relative;
      padding-left: 10px;
      vertical-align: middle; }
      .calHeadBlock .headInfo a img {
        vertical-align: middle;
        padding-right: 5px; }
  .calHeadBlock .calTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px; }
    .calHeadBlock .calTab li {
      width: 120px;
      height: 42px;
      margin-right: 10px; }
      .calHeadBlock .calTab li a {
        display: block;
        width: 100%;
        height: 42px;
        text-align: center;
        line-height: 40px;
        color: #000;
        text-decoration: none;
        background: -webkit-linear-gradient(top, #fff 50%, #e6e6e6 100%);
        background: linear-gradient(to bottom, #fff 50%, #e6e6e6 100%);
        border: 1px solid #d5d5d5;
        border-radius: 5px;
        -webkit-transition: all .3s;
        transition: all .3s; }
        .calHeadBlock .calTab li a:hover, .calHeadBlock .calTab li a.now {
          background: #228b14;
          color: #fff; }
  .calTable .calMonth {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #bcbcbc;
    border-collapse: collapse; }
    .calTable .calMonth td {
      border: 1px solid #bcbcbc;
      text-align: center;
      vertical-align: middle; }
    .calTable .calMonth thead td {
      height: 65px;
      background-color: #228b14;
      color: #fff;
      font-weight: 400; }
      .calTable .calMonth thead td:nth-of-type(1) {
        background-color: #b71010; }
      .calTable .calMonth thead td:last-of-type {
        background-color: #0072ba; }
    .calTable .calMonth tbody td {
      height: 80px; }
      .calTable .calMonth tbody td a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .calTable .calMonth tbody td.offDay {
        background-color: #e5e5e5; }
        .calTable .calMonth tbody td.offDay a {
          pointer-events: none;
          color: #888; }
  .contactUs {
    width: 480px;
    margin: 0 auto;
    background-color: #f0f9dd;
    padding: 15px; }
    .contactUs p {
      text-align: center;
      margin-bottom: 10px; }
    .contactUs .telNum {
      text-align: center; }
  .topicsArchves {
    background-color: #f6f6f6;
    border-radius: 20px;
    padding: 10px 20px 20px 20px;
    margin-bottom: 30px; }
    .topicsArchves:nth-of-type(even) {
      background-color: #ffffed; }
    .topicsArchves .topicsArchiveH2 {
      font-size: 14px;
      line-height: 1.3;
      color: #38312c;
      position: relative;
      padding-left: 15px;
      margin-bottom: 20px; }
      .topicsArchves .topicsArchiveH2:before {
        width: 6px;
        height: 100%;
        background-color: #aadbfc;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 3px; }
    .topicsArchves p:after {
      content: "";
      display: block;
      width: 1px;
      height: 0;
      overflow: hidden;
      clear: both; }
    .topicsArchves p img {
      float: right;
      padding: 0 0 20px 20px;
      max-width: 235px !important;
      height: auto; } }

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