
#mv {
  overflow: hidden;
  text-align: center;
  background-color: #edd8d3;
  border-top: solid 1px rgba(60,60,60,0.1);
  border-bottom: solid 1px rgba(60,60,60,0.1);
}
#mv #image-slider {
}
#mv #image-slider li {
}
#mv #image-slider img {
  width: 100%;
  height: auto;
  max-width: 1200px;
}



/* Content */

.k9cart-bnr {
  background: url(../images/home/k9carts_bg.jpg) top no-repeat;
}
.k9cart-bnr a {
  display: block;
  background-color: #00a5ff;
  text-align: center;
}
.k9cart-bnr a img, .o2house-bnr a img {
  width: 100%;
  max-width: 450px;
  height: auto;
}

.o2house-bnr {
  background: url(../images/home/o2house_bg.jpg) top no-repeat;
}
.o2house-bnr a {
  display: block;
  background-color: #ffcdcd;
  text-align: center;
}


.qanda {
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
  padding: 4px 0;
  margin: 4px 0;
  line-height: 20px;
  font-size: 12px;
}
.qanda li {
  border-top: dotted 1px #e5e5e5;
}
.qanda li:first-of-type {
  border-top: none;
}
.qanda li a {
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.more {
  text-align: right;
  padding: 11px 10px;
  font-size: 12px;
  line-height: 20px;
}
.more a {
  display: inline-block;
  padding-right: 14px;
  background: url(../images/common/tri_down.png) right no-repeat;
  text-decoration: none;
  color: #222;
}


#figure {
  position: relative;
  margin-top: 4px;
}
#figure li {
  width: 48%;
  margin: 1%;
  float: left;
}
#figure li img {
  width: 100%;
  height: auto;
}
#figure li:nth-child(2) {
  width: 23%;
}
#figure li:nth-child(3) {
  width: 23%;
}
#figure li:nth-child(4) {
  float: right;
}
#figure li:nth-child(5) {
  width: 23%;
}
#figure li:nth-child(6) {
  width: 23%;
}
#figure li:nth-child(8) {
  width: 23%;
}
#figure li:nth-child(9) {
  width: 23%;
}
#figure li:nth-child(10) {
  width: 23%;
}
#figure li:nth-child(11) {
  width: 23%;
}





@media (min-width: 640px) and (max-width: 959px) {
}




@media (min-width: 960px) {

  /* Content */

  #o2house .grid {
    float: right;
  }

  .k9cart-bnr {
    background: url(../images/home/k9carts_bg.jpg) top no-repeat;
  }
  .k9cart-bnr a {
    display: block;
    background-color: #00a5ff;
  }

  .o2house-bnr {
    background: url(../images/home/o2house_bg.jpg) top no-repeat;
  }
  .o2house-bnr a {
    display: block;
    background-color: #ffcdcd;
  }


  .qanda {
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    padding: 4px 0;
    margin: 4px 0;
    line-height: 20px;
    font-size: 12px;
  }
  .qanda li {
    border-top: dotted 1px #e5e5e5;
  }
  .qanda li:first-of-type {
    border-top: none;
  }
  .qanda li a {
    display: block;
    padding: 8px 10px;
    text-decoration: none;
    color: #222;
  }
  .more {
    text-align: right;
    padding: 11px 10px;
    font-size: 12px;
    line-height: 20px;
  }
  .more a {
    display: inline-block;
    padding-right: 14px;
    background: url(../images/common/tri_down.png) right no-repeat;
    text-decoration: none;
    color: #222;
  }

  #figure {
    position: relative;
    height: 258px;
    margin-top: 4px;
  }
  #figure li {
    position: absolute;
    width: 228px;
    margin: 0;
    float: none;
  }
  #figure li a {
    display: block;
    overflow: hidden;
    height: 100%;
  }
  #figure li:nth-child(1) {
    height: 106px;
  }
  #figure li:nth-child(1) img {
    margin-top: -53px;
  }
  #figure li:nth-child(2) {
    width: 106px;
    top: 122px;
  }
  #figure li:nth-child(3) {
    width: 106px;
    top: 122px;
    left: 122px;
  }
  #figure li:nth-child(4) {
    left: 244px;
    float: none;
  }
  #figure li:nth-child(5) {
    width: 106px;
    left: 488px;
  }
  #figure li:nth-child(6) {
    width: 106px;
    top: 122px;
    left: 488px;
  }
  #figure li:nth-child(7) {
    width: 106px;
    left: 610px;
  }
  #figure li:nth-child(8) {
    width: 106px;
    top: 122px;
    left: 610px;
  }
  #figure li:nth-child(9) {
    width: 106px;
    left: 732px;
  }
  #figure li:nth-child(10) {
    width: 106px;
    left: 854px;
  }
  #figure li:nth-child(11) {
    width: 228px;
    height: 106px;
    top: 122px;
    left: 732px;
  }
  #figure li:nth-child(11) img {
    margin-top: -53px;
  }

}