@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*タイトル画像*/
#titleimg {
  background-image: url("/img/interior/titleimg.jpg"); }

/*Old Interior*/
#interior .category {
  margin-bottom: 8.3333333333%; }
  #interior .category ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #interior .category ul li {
      flex: 0 1 49.5%;
      width: 49.5%;
      max-width: 49.5%;
      margin-bottom: 1%;
      background: #F7F7F7;
      font-size: 90%;
      box-sizing: border-box;
      text-align: center; }
      #interior .category ul li.active {
        background: #35886B;
        color: #fff; }
      #interior .category ul li a {
        display: block;
        padding: 10px 0; }
#interior .interior_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  #interior .interior_list .interior_box {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
    margin-right: 4%;
    margin-bottom: 5%; }
    #interior .interior_list .interior_box:nth-child(2n) {
      margin-right: 0; }
    #interior .interior_list .interior_box a {
      display: block; }
    #interior .interior_list .interior_box .img {
      margin-bottom: 1.6666666667%;
      position: relative;
      overflow: hidden;
      background: #F7F7F7; }
      #interior .interior_list .interior_box .img img {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 100%; }
      #interior .interior_list .interior_box .img:after {
        content: '';
        display: block;
        padding-top: 100%; }
    #interior .interior_list .interior_box .name {
      font-size: 1.4rem; }
      @media (min-width: 768px) {
        #interior .interior_list .interior_box .name {
          font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.390625 ); } }
      @media (min-width: 1280px) {
        #interior .interior_list .interior_box .name {
          font-size: 1.6rem; } }
    #interior .interior_list .interior_box .price {
      font-size: 1.6rem;
      color: #BA9632; }
      @media (min-width: 768px) {
        #interior .interior_list .interior_box .price {
          font-size: calc( 1.6rem + ( 1vw - 7.68px ) * 0.78125 ); } }
      @media (min-width: 1280px) {
        #interior .interior_list .interior_box .price {
          font-size: 2rem; } }
#interior .pagenation ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #interior .pagenation ul li {
    flex: 0 1 auto;
    width: auto;
    max-width: auto;
    margin: 0 10px;
    position: relative; }
    #interior .pagenation ul li.active a {
      border-bottom: 1px solid;
      padding-bottom: 5px; }
    #interior .pagenation ul li.last a {
      position: absolute;
      width: 4px;
      height: 4px;
      border-top: 1px solid;
      border-right: 1px solid;
      top: 50%;
      transform: rotate(45deg) translate(0%, -50%); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #interior .category ul li {
    flex: 0 1 16%;
    width: 16%;
    max-width: 16%;
    margin-bottom: 0;
    cursor: pointer;
    transition: .4s; }
    #interior .category ul li:hover {
      background: #35886B;
      color: #fff; }
  #interior .interior_list .interior_box {
    flex: 0 1 31%;
    width: 31%;
    max-width: 31%;
    margin-right: calc((100% - 93%) / 2); }
    #interior .interior_list .interior_box:nth-child(2n) {
      margin-right: calc((100% - 93%) / 2); }
    #interior .interior_list .interior_box:nth-child(3n) {
      margin-right: 0; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) {
  #interior .interior_list .interior_box {
    flex: 0 1 22%;
    width: 22%;
    max-width: 22%;
    margin-right: calc((100% - 88%) / 3); }
    #interior .interior_list .interior_box:nth-child(2n), #interior .interior_list .interior_box:nth-child(3n) {
      margin-right: calc((100% - 88%) / 3); }
    #interior .interior_list .interior_box:nth-child(4n) {
      margin-right: 0; } }
/*------------------------------
		1280px以上
------------------------------*/

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