@charset "utf-8";
/* /////////////////////////////////////////////////

	Main CSS
	
	Author	yu-dai
	Date	2015/06/15

///////////////////////////////////////////////// */
/* メインイメージ
   ========================================================================== */
.subdivisionWrap {
  padding-top: 24px; }
  .subdivisionWrap .subTitle {
    margin: 30px 0; }
  .subdivisionWrap h3 {
    position: relative;
    margin: 40px 0 10px;
    height: 22px;
    font-size: 14px;
    font-weight: bold;
    color: #534741; }
    .subdivisionWrap h3 hr {
      position: absolute;
      top: 10px;
      right: 0;
      margin: 0;
      width: 780px;
      height: 2px;
      border: none;
      border-top: 2px solid #c7b8a7;
      box-shadow: none; }
    .subdivisionWrap h3 .borderW800 {
      width: 800px; }
  .subdivisionWrap .explainText {
    font-size: 13px;
    margin-bottom: 30px; }
  .subdivisionWrap .noList {
    margin-bottom: 60px;
    padding: 7px 0;
    background: #fff;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #666; }
  .subdivisionWrap > ul {
    margin: 0 0 50px 0;
    padding: 0;
    overflow: hidden; }
    .subdivisionWrap > ul li {
      float: left;
      width: 210px;
      margin: 0 20px 20px 0;
      background: #fff;
      position: relative; }
      .subdivisionWrap > ul li:before, .subdivisionWrap > ul li:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 18px;
        left: 10px;
        width: 50%;
        top: 80%;
        max-width: 300px;
        background: #777;
        -webkit-box-shadow: 0 15px 10px #777;
        -moz-box-shadow: 0 15px 10px #777;
        box-shadow: 0 15px 10px #777;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg); }
      .subdivisionWrap > ul li:after {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
        right: 10px;
        left: auto; }
      .subdivisionWrap > ul li.last {
        margin-right: 0; }
      .subdivisionWrap > ul li a {
        display: block;
        width: 190px;
        height: 190px;
        margin: 10px;
        position: relative;
        overflow: visible; }
        .subdivisionWrap > ul li a .title {
          margin: 50px 0 0;
          width: 190px;
          font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
          font-size: 24px;
          line-height: 1.4;
          color: #fff;
          text-align: center;
          text-decoration: none; }
        .subdivisionWrap > ul li a:hover img {
          opacity: 1; }
        .subdivisionWrap > ul li a:hover .title {
          color: #534741;
          display: block; }
        .subdivisionWrap > ul li a div, .subdivisionWrap > ul li a p {
          position: absolute;
          top: 0;
          left: 0;
          margin: 0; }
          .subdivisionWrap > ul li a div.image, .subdivisionWrap > ul li a p.image {
            z-index: 8; }
          .subdivisionWrap > ul li a div.hover, .subdivisionWrap > ul li a p.hover {
            display: none;
            z-index: 9; }
          .subdivisionWrap > ul li a div.new, .subdivisionWrap > ul li a p.new {
            top: -2px;
            left: -2px;
            z-index: 10; }
          .subdivisionWrap > ul li a div.title, .subdivisionWrap > ul li a p.title {
            display: none;
            cursor: pointer;
            z-index: 11; }

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