@charset "UTF-8";
/* line 15, ../sass/works.scss */
#works_wrapper {
  width: 800px;
  padding: 0 0 0 224px;
  margin: 0 auto; }
  /* line 19, ../sass/works.scss */
  #works_wrapper #works_tab {
    margin: 100px 0 50px; }
    /* line 21, ../sass/works.scss */
    #works_wrapper #works_tab ul {
      display: table; }
      /* line 24, ../sass/works.scss */
      #works_wrapper #works_tab ul li.works_tab_current a {
        background: #19223e;
        color: #fff; }
      /* line 29, ../sass/works.scss */
      #works_wrapper #works_tab ul li:first-child {
        width: 125px; }
        /* line 31, ../sass/works.scss */
        #works_wrapper #works_tab ul li:first-child a {
          margin: 0; }
      /* line 35, ../sass/works.scss */
      #works_wrapper #works_tab ul li {
        width: 225px;
        display: table-cell; }
        /* line 38, ../sass/works.scss */
        #works_wrapper #works_tab ul li a {
          margin: 0 0 0 10px;
          padding: 12px 0 8px;
          display: block;
          font-size: 13px;
          line-height: 1em;
          color: #19223e;
          border-bottom: solid 2px #19223e;
          text-align: center; }
        /* line 48, ../sass/works.scss */
        #works_wrapper #works_tab ul li a:hover {
          background: #19223e;
          color: #fff; }
  /* line 55, ../sass/works.scss */
  #works_wrapper #works_pager {
    padding: 30px 0 100px;
    font-size: 12px; }
    /* line 58, ../sass/works.scss */
    #works_wrapper #works_pager ul {
      display: table;
      margin: 0 auto; }
      /* line 61, ../sass/works.scss */
      #works_wrapper #works_pager ul li {
        display: table-cell;
        vertical-align: middle;
        padding: 0 12px; }
        /* line 65, ../sass/works.scss */
        #works_wrapper #works_pager ul li a {
          display: block;
          padding: 8px 4px;
          color: #19223e; }
        /* line 70, ../sass/works.scss */
        #works_wrapper #works_pager ul li a:hover {
          background: #19223e;
          color: #FFF; }
      /* line 76, ../sass/works.scss */
      #works_wrapper #works_pager ul li.works_pager_current a {
        background: #19223e;
        color: #fff; }
      /* line 82, ../sass/works.scss */
      #works_wrapper #works_pager ul li#works_pager_prev a {
        background: url("../img/works/pager_prev.gif") center left no-repeat;
        padding: 0 0 0 15px; }
      /* line 86, ../sass/works.scss */
      #works_wrapper #works_pager ul li#works_pager_prev a:hover {
        color: #6c6c6c; }
      /* line 91, ../sass/works.scss */
      #works_wrapper #works_pager ul li#works_pager_next a {
        background: url("../img/works/pager_next.gif") center right no-repeat;
        padding: 0 15px 0 0; }
      /* line 95, ../sass/works.scss */
      #works_wrapper #works_pager ul li#works_pager_next a:hover {
        color: #6c6c6c; }
  /* line 103, ../sass/works.scss */
  #works_wrapper #works_list ul li {
    margin: 0 0 20px;
    position: relative; }
    /* line 106, ../sass/works.scss */
    #works_wrapper #works_list ul li p#works_list_cat {
      position: absolute;
      width: 170px;
      top: 1px;
      right: 1px;
      line-height: 1em;
      padding: 8px 0;
      color: #fff;
      font-size: 11px;
      text-align: center; }
    /* line 117, ../sass/works.scss */
    #works_wrapper #works_list ul li p.works_list_cat1 {
      background: #a6b1c0; }
    /* line 120, ../sass/works.scss */
    #works_wrapper #works_list ul li p.works_list_cat2 {
      background: #c0b2a6; }
    /* line 123, ../sass/works.scss */
    #works_wrapper #works_list ul li p.works_list_cat3 {
      background: #bbc0a6; }
    /* line 126, ../sass/works.scss */
    #works_wrapper #works_list ul li a:hover {
      background: #f3f4f6; }
    /* line 129, ../sass/works.scss */
    #works_wrapper #works_list ul li a {
      display: block;
      padding: 14px;
      border: solid 1px #eeeeee; }
      /* line 133, ../sass/works.scss */
      #works_wrapper #works_list ul li a dl {
        display: table;
        margin: 0;
        font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";
        padding: 0; }
        /* line 139, ../sass/works.scss */
        #works_wrapper #works_list ul li a dl dt {
          display: table-cell;
          margin: 0;
          padding: 0;
          width: 176px;
          position: relative;
          vertical-align: top; }
          /* line 146, ../sass/works.scss */
          #works_wrapper #works_list ul li a dl dt .new_flg {
            position: absolute;
            top: 0;
            left: 0; }
          /* line 151, ../sass/works.scss */
          #works_wrapper #works_list ul li a dl dt .auto_width_img {
            width: 156px !important;
            height: 104px !important;
            text-align: center;
            display: table; }
            /* line 156, ../sass/works.scss */
            #works_wrapper #works_list ul li a dl dt .auto_width_img .img_in {
              display: table-cell;
              vertical-align: middle; }
              /* line 159, ../sass/works.scss */
              #works_wrapper #works_list ul li a dl dt .auto_width_img .img_in img {
                height: 104px !important;
                display: inline;
                text-align: center;
                width: auto;
                max-width: 100%; }
        /* line 169, ../sass/works.scss */
        #works_wrapper #works_list ul li a dl dd {
          display: table-cell;
          margin: 0;
          padding: 12px 0 0;
          vertical-align: top; }
          /* line 174, ../sass/works.scss */
          #works_wrapper #works_list ul li a dl dd h3 {
            font-size: 10px;
            line-height: 1em;
            color: #aaaaaa;
            font-weight: normal;
            overflow: hidden;
            height: 100%; }
            /* line 181, ../sass/works.scss */
            #works_wrapper #works_list ul li a dl dd h3 span {
              float: left;
              padding: 0 25px 0 0; }
          /* line 186, ../sass/works.scss */
          #works_wrapper #works_list ul li a dl dd h4 {
            padding: 12px 0 13px;
            font-size: 15px;
            color: #19223e; }
          /* line 191, ../sass/works.scss */
          #works_wrapper #works_list ul li a dl dd p {
            font-size: 12px;
            line-height: 20px;
            color: #aaaaaa; }
  /* line 205, ../sass/works.scss */
  #works_wrapper #works_detail .auto_width_img {
    text-align: center;
    display: table; }
    /* line 208, ../sass/works.scss */
    #works_wrapper #works_detail .auto_width_img .img_in {
      display: table-cell;
      vertical-align: middle; }
      /* line 211, ../sass/works.scss */
      #works_wrapper #works_detail .auto_width_img .img_in img {
        display: inline;
        text-align: center;
        width: auto;
        max-width: 100%; }
  /* line 219, ../sass/works.scss */
  #works_wrapper #works_detail .works_bxslider {
    position: relative;
    margin: 50px 0 8px;
    padding: 4px;
    border: 1px solid #EEEEEE; }
    /* line 224, ../sass/works.scss */
    #works_wrapper #works_detail .works_bxslider .bx-wrapper {
      position: relative;
      z-index: 5; }
    /* line 228, ../sass/works.scss */
    #works_wrapper #works_detail .works_bxslider .auto_width_img {
      width: 792px !important;
      height: 528px !important; }
      /* line 232, ../sass/works.scss */
      #works_wrapper #works_detail .works_bxslider .auto_width_img .img_in img {
        max-height: 528px; }
    /* line 238, ../sass/works.scss */
    #works_wrapper #works_detail .works_bxslider .slide_back {
      z-index: 10;
      position: absolute;
      top: 50%;
      left: 4px;
      margin: -10px 0 0 0; }
      /* line 244, ../sass/works.scss */
      #works_wrapper #works_detail .works_bxslider .slide_back a {
        display: block;
        width: 29px;
        height: 29px;
        background: url(../img/works/ar01.gif) no-repeat; }
    /* line 251, ../sass/works.scss */
    #works_wrapper #works_detail .works_bxslider .slide_next {
      z-index: 10;
      position: absolute;
      top: 50%;
      right: 4px;
      margin: -10px 0 0 0; }
      /* line 257, ../sass/works.scss */
      #works_wrapper #works_detail .works_bxslider .slide_next a {
        display: block;
        width: 29px;
        height: 29px;
        background: url(../img/works/ar02.gif) no-repeat; }
  /* line 265, ../sass/works.scss */
  #works_wrapper #works_detail .bx-pager_area {
    overflow: hidden; }
    /* line 267, ../sass/works.scss */
    #works_wrapper #works_detail .bx-pager_area .thum_back {
      width: 25px;
      height: 90px;
      float: left;
      padding-right: 14px; }
      /* line 272, ../sass/works.scss */
      #works_wrapper #works_detail .bx-pager_area .thum_back a {
        display: block;
        width: 25px;
        height: 90px;
        background: url(../img/works/slide_pager_back_off.gif) no-repeat; }
      /* line 278, ../sass/works.scss */
      #works_wrapper #works_detail .bx-pager_area .thum_back a:hover {
        background: url(../img/works/slide_pager_back_on.gif) no-repeat; }
    /* line 283, ../sass/works.scss */
    #works_wrapper #works_detail .bx-pager_area .thum_back.thum_non a {
      display: none; }
    /* line 287, ../sass/works.scss */
    #works_wrapper #works_detail .bx-pager_area .thum_area {
      width: 725px;
      float: left; }
      /* line 290, ../sass/works.scss */
      #works_wrapper #works_detail .bx-pager_area .thum_area li {
        width: 137px;
        height: 92px; }
        /* line 293, ../sass/works.scss */
        #works_wrapper #works_detail .bx-pager_area .thum_area li a {
          width: 135px !important;
          height: 90px !important;
          padding: 0 0 0 0;
          display: block;
          border: 1px solid #EEEEEE; }
        /* line 300, ../sass/works.scss */
        #works_wrapper #works_detail .bx-pager_area .thum_area li a:hover {
          border: 1px solid #19223E; }
        /* line 303, ../sass/works.scss */
        #works_wrapper #works_detail .bx-pager_area .thum_area li .auto_width_img {
          width: 135px !important;
          height: 90px !important; }
          /* line 307, ../sass/works.scss */
          #works_wrapper #works_detail .bx-pager_area .thum_area li .auto_width_img .img_in img {
            max-height: 90px; }
      /* line 314, ../sass/works.scss */
      #works_wrapper #works_detail .bx-pager_area .thum_area li.thumOn a {
        border: 1px solid #19223E; }
      /* line 318, ../sass/works.scss */
      #works_wrapper #works_detail .bx-pager_area .thum_area li.thum_non {
        background-color: #EEEEEE; }
    /* line 323, ../sass/works.scss */
    #works_wrapper #works_detail .bx-pager_area .thum_next {
      width: 25px;
      height: 90px;
      float: right; }
      /* line 327, ../sass/works.scss */
      #works_wrapper #works_detail .bx-pager_area .thum_next a {
        display: block;
        width: 25px;
        height: 90px;
        background: url(../img/works/slide_pager_next_off.gif) no-repeat; }
      /* line 333, ../sass/works.scss */
      #works_wrapper #works_detail .bx-pager_area .thum_next a:hover {
        background: url(../img/works/slide_pager_next_on.gif) no-repeat; }
    /* line 338, ../sass/works.scss */
    #works_wrapper #works_detail .bx-pager_area .thum_next.thum_non a {
      display: none; }
  /* line 344, ../sass/works.scss */
  #works_wrapper #works_detail .works_detail_main h3 {
    color: #19223e;
    font-size: 18px;
    line-height: 20px;
    margin: 42px 0;
    font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; }
  /* line 353, ../sass/works.scss */
  #works_wrapper #works_detail .works_detail_main #works_detail_textarea {
    margin-bottom: 28px;
    display: table; }
    /* line 356, ../sass/works.scss */
    #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left {
      width: 159px;
      padding-right: 20px;
      border-right: 1px solid #19223e;
      display: table-cell; }
      /* line 361, ../sass/works.scss */
      #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left p#works_detail_cat {
        margin-bottom: 10px;
        width: 158px;
        top: 1px;
        right: 1px;
        line-height: 1em;
        padding: 8px 0;
        color: #fff;
        font-size: 11px;
        text-align: center; }
      /* line 372, ../sass/works.scss */
      #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left p.works_detail_cat1 {
        background: #a6b1c0; }
      /* line 375, ../sass/works.scss */
      #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left p.works_detail_cat2 {
        background: #c0b2a6; }
      /* line 378, ../sass/works.scss */
      #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left p.works_detail_cat3 {
        background: #bbc0a6; }
      /* line 381, ../sass/works.scss */
      #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left #works_detail_ymd_place {
        color: #a6b1c0;
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 25px;
        font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; }
      /* line 388, ../sass/works.scss */
      #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left #works_detail_p_name {
        font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";
        margin-bottom: 20px;
        padding-left: 11px;
        border-left: 3px solid #19223e;
        color: #19223e;
        line-height: 18px; }
        /* line 395, ../sass/works.scss */
        #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left #works_detail_p_name span {
          display: block; }
        /* line 398, ../sass/works.scss */
        #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left #works_detail_p_name .yakusyoku1 {
          font-size: 10px; }
        /* line 401, ../sass/works.scss */
        #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left #works_detail_p_name .p_name {
          font-size: 14px;
          padding-bottom: 2px; }
        /* line 405, ../sass/works.scss */
        #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left #works_detail_p_name .yakusyoku2 {
          font-size: 10px;
          color: #aaaaaa; }
      /* line 410, ../sass/works.scss */
      #works_wrapper #works_detail .works_detail_main #works_detail_textarea .left #works_detail_caption {
        font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";
        font-size: 12px;
        line-height: 20px;
        color: #aaaaaa; }
    /* line 417, ../sass/works.scss */
    #works_wrapper #works_detail .works_detail_main #works_detail_textarea .right {
      font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";
      color: #aaaaaa;
      display: table-cell;
      padding-left: 48px;
      font-size: 14px;
      line-height: 32px; }
  /* line 426, ../sass/works.scss */
  #works_wrapper #works_detail .works_detail_main #works_detail_link {
    display: table;
    width: 395px;
    margin: 0 auto;
    margin-bottom: 48px;
    font-size: 10px;
    line-height: 12px; }
    /* line 433, ../sass/works.scss */
    #works_wrapper #works_detail .works_detail_main #works_detail_link a {
      color: #19223e; }
    /* line 436, ../sass/works.scss */
    #works_wrapper #works_detail .works_detail_main #works_detail_link a:hover {
      color: #6c6c6c; }
    /* line 439, ../sass/works.scss */
    #works_wrapper #works_detail .works_detail_main #works_detail_link div {
      width: 33.3333333%;
      display: table-cell; }
    /* line 443, ../sass/works.scss */
    #works_wrapper #works_detail .works_detail_main #works_detail_link .link_back {
      text-align: left; }
      /* line 445, ../sass/works.scss */
      #works_wrapper #works_detail .works_detail_main #works_detail_link .link_back a {
        display: block;
        background: url("../img/works/pager_prev.gif") left 2px no-repeat;
        padding: 0 0 0 15px; }
    /* line 451, ../sass/works.scss */
    #works_wrapper #works_detail .works_detail_main #works_detail_link .link_list {
      text-align: center; }
    /* line 454, ../sass/works.scss */
    #works_wrapper #works_detail .works_detail_main #works_detail_link .link_next {
      text-align: right; }
      /* line 456, ../sass/works.scss */
      #works_wrapper #works_detail .works_detail_main #works_detail_link .link_next a {
        display: block;
        background: url("../img/works/pager_next.gif") right 2px no-repeat;
        padding: 0 15px 0 0; }
  /* line 468, ../sass/works.scss */
  #works_wrapper #works_detail_workslist {
    padding: 28px 0 80px; }
    /* line 469, ../sass/works.scss */
    #works_wrapper #works_detail_workslist .auto_width_img {
      text-align: center;
      display: table; }
      /* line 472, ../sass/works.scss */
      #works_wrapper #works_detail_workslist .auto_width_img .img_in {
        display: table-cell;
        vertical-align: middle; }
        /* line 475, ../sass/works.scss */
        #works_wrapper #works_detail_workslist .auto_width_img .img_in img {
          display: inline;
          text-align: center;
          width: auto;
          max-width: 100%; }
    /* line 483, ../sass/works.scss */
    #works_wrapper #works_detail_workslist ul {
      overflow: hidden; }
    /* line 487, ../sass/works.scss */
    #works_wrapper #works_detail_workslist li.wp_content {
        width: 180px;
        overflow: hidden;
      margin: 0 25px 20px 0px;
      float: left; }
      /* line 490, ../sass/works.scss */
      #works_wrapper #works_detail_workslist li.wp_content a {
        display: block;
        position: relative; }
        /* line 493, ../sass/works.scss */
        #works_wrapper #works_detail_workslist li.wp_content a .hoverText {
          position: absolute;
          top: 0;
          left: 0;
          background-color: #a6b1c0;
          opacity: 0;
          display: block;
          width: 180px;
          height: 107px;
          padding: 13px 0 0;
          text-align: left;
          color: #fff; }
          /* line 505, ../sass/works.scss */
          #works_wrapper #works_detail_workslist li.wp_content a .hoverText p {
            display: block;
            line-height: 20px;
            padding: 0 10px 0 20px;
            font-style: normal; }
          /* line 511, ../sass/works.scss */
          #works_wrapper #works_detail_workslist li.wp_content a .hoverText p.category {
            font-size: 10px; }
          /* line 514, ../sass/works.scss */
          #works_wrapper #works_detail_workslist li.wp_content a .hoverText p.title {
            font-size: 12px; }
        /* line 518, ../sass/works.scss */
        #works_wrapper #works_detail_workslist li.wp_content a .auto_width_img {
          width: 180px !important;
          height: 120px !important; }
          /* line 522, ../sass/works.scss */
          #works_wrapper #works_detail_workslist li.wp_content a .auto_width_img .img_in img {
            max-height: 120px; }
    /* line 529, ../sass/works.scss */
    #works_wrapper #works_detail_workslist li:nth-child(4n) {
      margin-right: 0; }

@media only screen and (max-device-width: 640px) {
  /* line 536, ../sass/works.scss */
  #works_wrapper {
    padding-left: 204px; } }