@charset "UTF-8";
/*///////////////////////////////////////////////////////
	Author	tanayoshi
	Date　	2016.06.10
///////////////////////////////////////////////////////*/
/*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.10
///////////////////////////////////////////////////////*/
.midashi {
  margin: 0 auto;
  border-bottom: 2px solid #C8C8C8;
  margin-bottom: 30px; }
  .midashi .midashiBox {
    position: relative;
    width: 960px;
    height: 150px;
    background-position: right;
    background-repeat: no-repeat; }
    .midashi .midashiBox h2 {
      display: block;
      position: absolute;
      top: 50px;
      left: 50px; }
      .midashi .midashiBox h2 span {
        display: block;
        margin-top: 10px;
        font-size: 13px;
        font-weight: bold;
        text-align: left; }

.contents {
  margin-bottom: 40px; }
  .contents h3.title {
    width: 960px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #999;
    font-size: 14px;
    text-align: center; }
    .contents h3.title span {
      padding-left: 10px;
      font-size: 20px; }

/*イベント予告*/
.select_box {
  margin-bottom: 10px;
  text-align: right; }
  .select_box select {
    height: 30px;
    padding: 5px;
    line-height: 30px;
    border: 1px solid #999;
    background: #f0f0f0;
    font-size: 0.9em; }

.listWrap {
  padding: 20px 0;
  overflow: hidden; }
  .listWrap .entry_block {
    float: left;
    width: 300px;
    margin: 0 30px 30px 0; }
    .listWrap .entry_block > .inner {
      border: 1px solid #B3B3B3; }
    .listWrap .entry_block .image {
      display: block;
      padding-top: 1px; }
      .listWrap .entry_block .image img {
        width: 100%; }
    .listWrap .entry_block.mr0 {
      margin-right: 0; }
    .listWrap .entry_block .entry_title {
      padding: 10px 20px; }
      .listWrap .entry_block .entry_title .category {
        margin-bottom: 5px; }
        .listWrap .entry_block .entry_title .category span {
          display: inline-block;
          padding: 3px 6px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          background: #ccc;
          font-size: 13px; }
      .listWrap .entry_block .entry_title .date {
        font-size: 12px;
        margin-bottom: 5px; }
      .listWrap .entry_block .entry_title h4 {
        height: 40px;
        overflow: hidden;
        line-height: 20px;
        font-size: 15px;
        font-weight: bold; }
      .listWrap .entry_block .entry_title .description {
        height: 54px;
        overflow: hidden;
        line-height: 18px;
        font-size: 12px; }

/*詳細ページ*/
#detailContents {
  padding: 20px 0 40px;
  overflow: hidden; }
  #detailContents .mainColumn {
    width: 600px;
    float: left; }
    #detailContents .mainColumn .date {
      margin-bottom: 8px;
      font-size: 13px; }
      #detailContents .mainColumn .date .category {
        display: inline-block;
        padding: 2px 6px;
        margin-left: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background: #ccc; }
    #detailContents .mainColumn h3 {
      margin-bottom: 20px;
      padding-bottom: 7px;
      border-bottom: 1px solid #818181;
      font-size: 20px;
      font-weight: bold; }
    #detailContents .mainColumn .sectionWrap {
      padding: 2px 0;
      margin-bottom: 30px;
      overflow: hidden;
      font-size: 14px;
      line-height: 20px; }
      #detailContents .mainColumn .sectionWrap h4 {
        padding: 0 0 3px 5px;
        margin-bottom: 8px;
        border-bottom: 1px solid #aaa;
        font-size: 16px;
        font-weight: bold; }
      #detailContents .mainColumn .sectionWrap img {
        margin-top: 3px; }
      #detailContents .mainColumn .sectionWrap.free img, #detailContents .mainColumn .sectionWrap.gallery img {
        margin-bottom: 5px;
        max-width: 100%; }
      #detailContents .mainColumn .sectionWrap.left img {
        width: 60%;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px; }
      #detailContents .mainColumn .sectionWrap.right img {
        width: 55%;
        float: right;
        margin-bottom: 5px;
        margin-left: 5px; }
  #detailContents .rightColumn {
    width: 300px;
    float: right; }
    #detailContents .rightColumn > .inner {
      border-top: 2px solid #333;
      border-bottom: 2px solid #333; }
    #detailContents .rightColumn h4 {
      padding: 20px 0;
      text-align: center;
      font-size: 16px;
      font-weight: bold; }
    #detailContents .rightColumn .subList {
      border-top: 1px dotted #999; }
      #detailContents .rightColumn .subList li {
        padding: 15px 0;
        border-bottom: 1px dotted #999; }
        #detailContents .rightColumn .subList li:last-child {
          border-bottom: none; }
        #detailContents .rightColumn .subList li a {
          text-decoration: none;
          font-size: 14px; }
          #detailContents .rightColumn .subList li a span {
            margin-left: 10px; }
          #detailContents .rightColumn .subList li a:hover, #detailContents .rightColumn .subList li a.active {
            font-weight: bold;
            color: #2573BD; }

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