@charset "UTF-8";
/*///////////////////////////////////////////////////////
	Author	tanayoshi
	Date　	2016.03.03
///////////////////////////////////////////////////////*/
/*css設定の読み込み
------------------------------*/
/*///////////////////////////////////////////////////////
	setting.css
	
	Author	tanayoshi
	Date　	2016.03.03
///////////////////////////////////////////////////////*/
/*カラー設定
------------------------------*/
/*テキストカラー*/
/*メインカラー*/
/*フッターカラー*/
/*青*/
/*基本設定
------------------------------*/
/*メイン横幅*/
/*ベンダープレフィックス設定
------------------------------*/
/*フォント設定
------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@font-face {
  font-family: 'TeX Gyre Adventor';
  src: url("https://www.work-wheels.co.jp/fonts/texgyreadventor-bold.otf"); }
/*///////////////////////////////////////////////////////
	_style.css
	Author	tanayoshi
	Date　	2016.06.16
///////////////////////////////////////////////////////*/
#monthWrap .openBtn a {
  display: block;
  padding: 10px 0;
  text-align: center;
  background: #1d2451;
  color: #fff;
  font-size: 1.1em; }
  #monthWrap .openBtn a .fa {
    margin-right: 5px; }
#monthWrap .listWrap {
  display: none;
  padding: 10px 0;
  background: #f0f0f0; }
  #monthWrap .listWrap form select {
    display: block;
    height: 28px;
    margin: 5px 0;
    border: 1px solid #999;
    font-size: 1em; }

/*一覧*/
#noticeList #dataList {
  padding: 30px 0; }
  #noticeList #dataList .firstList {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999; }
    #noticeList #dataList .firstList .image {
      margin-bottom: 5px; }
    #noticeList #dataList .firstList .date {
      margin-bottom: 5px;
      font-size: 0.9em; }
    #noticeList #dataList .firstList .place {
      margin-bottom: 5px;
      font-size: 0.9em; }
    #noticeList #dataList .firstList h3 {
      margin-bottom: 5px;
      font-weight: bold;
      font-size: 1.1em; }
    #noticeList #dataList .firstList .category {
      margin-bottom: 10px;
      text-align: right; }
      #noticeList #dataList .firstList .category span {
        display: inline-block;
        padding: 2px 5px;
        background: #D5D5D5;
        font-size: 0.9em; }
    #noticeList #dataList .firstList .linkBtn {
      text-align: center; }
      #noticeList #dataList .firstList .linkBtn a {
        display: inline-block;
        padding: 5px 20px;
        background: #333;
        color: #fff; }
        #noticeList #dataList .firstList .linkBtn a .fa {
          margin-right: 5px; }
  #noticeList #dataList .listWrap {
    overflow: hidden; }
    #noticeList #dataList .listWrap li {
      float: left;
      width: 49%;
      margin-right: 2%;
      margin-bottom: 15px; }
      #noticeList #dataList .listWrap li:nth-child(2n) {
        margin-right: 0; }
      #noticeList #dataList .listWrap li.noList {
        float: none;
        width: 100%;
        text-align: center; }
      #noticeList #dataList .listWrap li .image {
        margin-bottom: 4px; }
      #noticeList #dataList .listWrap li .category span {
        display: inline-block;
        padding: 2px 5px;
        background: #D5D5D5;
        font-size: 0.8em; }
      #noticeList #dataList .listWrap li .date {
        font-size: 0.8em; }
      #noticeList #dataList .listWrap li h3 {
        margin-bottom: 8px;
        overflow: hidden;
        line-height: 1.1em;
        font-size: 0.9em;
        font-weight: bold; }
      #noticeList #dataList .listWrap li .linkBtn {
        text-align: center; }
        #noticeList #dataList .listWrap li .linkBtn a {
          display: inline-block;
          padding: 5px 10px;
          background: #333;
          color: #fff;
          font-size: 0.9em; }
          #noticeList #dataList .listWrap li .linkBtn a .fa {
            margin-right: 5px; }

/*詳細*/
#noticeDetail {
  padding-top: 20px;
  margin-bottom: 40px; }
  #noticeDetail .headText .category {
    margin-bottom: 8px; }
    #noticeDetail .headText .category span {
      display: inline-block;
      padding: 2px 5px;
      background: #D5D5D5; }
  #noticeDetail .headText .date {
    margin-bottom: 5px;
    font-size: 0.9em; }
  #noticeDetail .headText h3 {
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold; }
  #noticeDetail .headText .snsBtn {
    margin-bottom: 20px;
    overflow: hidden; }
    #noticeDetail .headText .snsBtn .fb_iframe_widget_fluid {
      display: inline-block;
      float: left;
      margin-right: 10px; }
    #noticeDetail .headText .snsBtn iframe {
      float: left; }
  #noticeDetail .mainImage {
    margin-bottom: 10px; }
  #noticeDetail .mainContents .outerLink {
    margin-bottom: 8px; }
    #noticeDetail .mainContents .outerLink a {
      text-decoration: underline;
      font-size: 1.1em; }
      #noticeDetail .mainContents .outerLink a .fa {
        margin-left: 5px; }
  #noticeDetail .mainContents .body {
    margin-bottom: 30px; }
  #noticeDetail .mainContents .imageWrap {
    margin-bottom: 20px; }
    #noticeDetail .mainContents .imageWrap p {
      font-size: 0.8em; }
    #noticeDetail .mainContents .imageWrap .thumList {
      overflow: hidden; }
      #noticeDetail .mainContents .imageWrap .thumList li {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px; }
        #noticeDetail .mainContents .imageWrap .thumList li:nth-child(2n) {
          margin-right: 0; }
  #noticeDetail .mainContents .infomation {
    margin-bottom: 30px;
    border-bottom: 1px solid #999; }
    #noticeDetail .mainContents .infomation dl {
      padding: 10px 0;
      overflow: hidden;
      border-top: 1px solid #999; }
      #noticeDetail .mainContents .infomation dl dt {
        float: left;
        width: 23%;
        font-weight: bold; }
      #noticeDetail .mainContents .infomation dl dd {
        float: right;
        width: 75%; }
        #noticeDetail .mainContents .infomation dl dd > a {
          text-decoration: underline; }
          #noticeDetail .mainContents .infomation dl dd > a .fa {
            margin-left: 5px; }
        #noticeDetail .mainContents .infomation dl dd.mapWrap {
          float: none;
          clear: both;
          width: 100%;
          padding: 10px 0; }
          #noticeDetail .mainContents .infomation dl dd.mapWrap .googlemap #map_canvas {
            width: 100%;
            height: 200px;
            margin-bottom: 15px; }
          #noticeDetail .mainContents .infomation dl dd.mapWrap .googlemap a {
            display: block;
            padding: 8px;
            text-align: center;
            background: #333;
            color: #fff; }
  #noticeDetail .mainContents .backLink a {
    display: block;
    padding: 10px 0;
    text-align: center;
    background: #999;
    color: #fff; }
    #noticeDetail .mainContents .backLink a .fa {
      margin-right: 5px; }