#roomSizeSimulation {
  width: 100%;
  margin-bottom: 80px; }
  #roomSizeSimulation .contentTitle {
    width: 100%;
    text-align: center;
    padding: 20px 20px 55px; }
    @media screen and (max-width: 768px) {
      #roomSizeSimulation .contentTitle {
        padding: 30px 20px 10px; } }
    @media screen and (max-width: 520px) {
      #roomSizeSimulation .contentTitle {
        text-align: left;
        padding: 30px 20px 15px; } }
    #roomSizeSimulation .contentTitle .icon {
      width: 150px;
      height: auto;
      margin: 0 auto 30px;
      text-align: center; }
      @media screen and (max-width: 520px) {
        #roomSizeSimulation .contentTitle .icon {
          width: 22vw;
          margin: 0 3vw 0 0;
          float: left; } }
      #roomSizeSimulation .contentTitle .icon img {
        width: 100%;
        height: auto; }
    #roomSizeSimulation .contentTitle span {
      display: inline-block;
      font-size: 38px;
      font-weight: normal;
      line-height: 1.2; }
      #roomSizeSimulation .contentTitle span em {
        font-weight: bold;
        background: linear-gradient(rgba(241, 241, 191, 0) 55%, #c7e3cc 55%, #c7e3cc 90%, #fff 90%); }
      @media screen and (max-width: 520px) {
        #roomSizeSimulation .contentTitle span:last-child {
          display: block;
          margin-top: 5px;
          text-align: center;
          font-size: 7vw; } }
      @media screen and (max-width: 520px) {
        #roomSizeSimulation .contentTitle span {
          font-size: 5vw; } }
  #roomSizeSimulation .simulationBox {
    width: 100%;
    border: 7px solid #c7e3cc;
    border-radius: 20px;
    padding: 42px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*background:linear-gradient(45deg, #fff, #e9e9e9, #fff, #e9e9e9, #fff, #e9e9e9, #fff);
    background-size: 200% 200%;
    animation: Gradient 5s ease-in-out infinite;
    @keyframes Gradient {
    	0% {background-position:0% 50%}
    	50% {background-position:100% 50%}
    	100% {background-position:0% 50%}
    }*/ }
    @media screen and (max-width: 768px) {
      #roomSizeSimulation .simulationBox {
        display: block;
        justify-content: none;
        padding: 20px 3%; } }
    @media screen and (max-width: 520px) {
      #roomSizeSimulation .simulationBox {
        margin-bottom: 20px;
        padding: 13px 3% 10px; } }
    #roomSizeSimulation .simulationBox .slideBoxs {
      width: 25.9%; }
      @media screen and (max-width: 768px) {
        #roomSizeSimulation .simulationBox .slideBoxs {
          width: 100%;
          display: flex;
          justify-content: space-between; } }
      @media screen and (max-width: 520px) {
        #roomSizeSimulation .simulationBox .slideBoxs {
          flex-wrap: wrap; } }
      #roomSizeSimulation .simulationBox .slideBoxs .slideBox {
        width: 100%;
        border: 1px solid #ddd;
        background-color: #fff;
        margin-bottom: 15px; }
        @media screen and (max-width: 768px) {
          #roomSizeSimulation .simulationBox .slideBoxs .slideBox {
            width: 31%; } }
        @media screen and (max-width: 520px) {
          #roomSizeSimulation .simulationBox .slideBoxs .slideBox {
            width: 48%; } }
        #roomSizeSimulation .simulationBox .slideBoxs .slideBox .top {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: stretch;
          line-height: 1.3;
          background-color: #0c779d; }
          @media screen and (max-width: 768px) {
            #roomSizeSimulation .simulationBox .slideBoxs .slideBox .top {
              display: block;
              align-items: flex-start;
              flex-wrap: wrap; } }
          #roomSizeSimulation .simulationBox .slideBoxs .slideBox .top em {
            width: 63px;
            background-color: #c7e3cc;
            padding: 8px 4px 6px;
            color: #000;
            text-align: center;
            font-size: 16px; }
            @media screen and (max-width: 768px) {
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .top em {
                display: block;
                width: 100%;
                text-align: left;
                padding: 8px 8px 6px; } }
            @media screen and (max-width: 520px) {
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .top em {
                font-size: 14px; } }
          #roomSizeSimulation .simulationBox .slideBoxs .slideBox .top span {
            padding: 8px 4px 6px;
            color: #fff;
            font-size: 14px;
            align-self: center; }
            @media screen and (max-width: 768px) {
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .top span {
                display: block;
                padding: 8px 8px 6px; } }
            @media screen and (max-width: 520px) {
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .top span {
                font-size: 2.8vw; } }
            #roomSizeSimulation .simulationBox .slideBoxs .slideBox .top span i {
              font-style: normal; }
              @media screen and (max-width: 1030px) {
                #roomSizeSimulation .simulationBox .slideBoxs .slideBox .top span i {
                  display: none; } }
        #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody {
          width: 100%; }
          @media screen and (max-width: 768px) {
            #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody {
              height: 16vw; } }
          @media screen and (max-width: 520px) {
            #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody {
              height: auto; } }
          #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slider {
            width: 100%;
            margin: 10px 0 2px;
            position: relative; }
            @media screen and (max-width: 768px) {
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slider {
                margin: 10px 0 5px; } }
            @media screen and (max-width: 520px) {
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slider {
                margin: 5px 0 0px; } }
            #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slider li {
              text-align: center; }
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slider li img {
                margin: 0 auto;
                width: 38%;
                height: auto; }
                @media screen and (max-width: 768px) {
                  #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slider li img {
                    width: 50%; } }
                @media screen and (max-width: 520px) {
                  #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slider li img {
                    width: 40%; } }
            #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slider .btnPrev {
              max-width: 23px;
              width: 8%;
              height: auto;
              position: absolute;
              top: 20%;
              left: 6%;
              z-index: 1;
              cursor: pointer; }
            #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slider .btnNext {
              max-width: 23px;
              width: 8%;
              height: auto;
              position: absolute;
              top: 20%;
              right: 6%;
              z-index: 1;
              cursor: pointer; }
          #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .underNum {
            text-align: center;
            font-size: 25px;
            line-height: 1;
            margin-bottom: 8px; }
            @media screen and (max-width: 768px) {
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .underNum {
                font-size: 20px; } }
            @media screen and (max-width: 520px) {
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .underNum {
                font-size: 14px;
                margin-bottom: 3px; } }
          #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slideNav {
            width: 100%;
            padding: 0 0 10px 0; }
            @media screen and (max-width: 768px) {
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slideNav {
                display: none; } }
            #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slideNav .slick-track {
              width: 100% !important;
              text-align: center;
              display: flex;
              justify-content: center; }
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slideNav .slick-track .slick-slide {
                display: inline-block;
                width: 15% !important;
                margin: 0 0.5%;
                padding: 4px 3px;
                background-color: #333;
                line-height: 1;
                border-radius: 4px;
                cursor: pointer;
                transition: background-color 0.3s; }
                #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slideNav .slick-track .slick-slide:hover {
                  background-color: #777;
                  transition: background-color 0.3s; }
            #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slideNav li {
              display: inline-block;
              color: #fff;
              font-size: 13px;
              line-height: 1;
              text-align: center; }
              #roomSizeSimulation .simulationBox .slideBoxs .slideBox .slideBody .slideNav li span {
                font-size: 10px; }
      @media screen and (max-width: 768px) {
        #roomSizeSimulation .simulationBox .slideBoxs .slideBox3 {
          margin-bottom: 15; } }
      @media screen and (max-width: 520px) {
        #roomSizeSimulation .simulationBox .slideBoxs .slideBox3 {
          width: 100%; }
          #roomSizeSimulation .simulationBox .slideBoxs .slideBox3 .top {
            height: auto;
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            flex-wrap: nowrap; }
            #roomSizeSimulation .simulationBox .slideBoxs .slideBox3 .top em {
              width: 63px; } }
      #roomSizeSimulation .simulationBox .slideBoxs .slideBox3 .slideBody .slider li img {
        width: 50%; }
        @media screen and (max-width: 768px) {
          #roomSizeSimulation .simulationBox .slideBoxs .slideBox3 .slideBody .slider li img {
            width: 65%; } }
        @media screen and (max-width: 520px) {
          #roomSizeSimulation .simulationBox .slideBoxs .slideBox3 .slideBody .slider li img {
            width: 30%; } }
      @media screen and (max-width: 520px) {
        #roomSizeSimulation .simulationBox .slideBoxs .slideBox3 .slideBody .slider .btnPrev {
          width: 4%;
          top: 23%; } }
      @media screen and (max-width: 520px) {
        #roomSizeSimulation .simulationBox .slideBoxs .slideBox3 .slideBody .slider .btnNext {
          width: 4%;
          top: 23%; } }
    #roomSizeSimulation .simulationBox .viewBox {
      width: 72%;
      position: relative; }
      @media screen and (max-width: 768px) {
        #roomSizeSimulation .simulationBox .viewBox {
          width: 100%;
          padding-top: 20px; } }
      @media screen and (max-width: 520px) {
        #roomSizeSimulation .simulationBox .viewBox {
          padding-top: 10px; } }
      #roomSizeSimulation .simulationBox .viewBox .bln {
        width: 500px;
        height: 120px;
        text-align: center;
        position: absolute;
        top: -65px;
        left: calc(50% - 250px);
        z-index: 2; }
        @media screen and (max-width: 768px) {
          #roomSizeSimulation .simulationBox .viewBox .bln {
            top: -5px;
            left: calc(50% - (76vw / 2));
            width: 76vw;
            height: calc(76vw * (120 / 500)); } }
        @media screen and (max-width: 520px) {
          #roomSizeSimulation .simulationBox .viewBox .bln {
            top: -5px; } }
        #roomSizeSimulation .simulationBox .viewBox .bln img {
          width: 100%;
          height: auto;
          position: relative;
          bottom: 0; }
      #roomSizeSimulation .simulationBox .viewBox .photo {
        width: 100%;
        position: relative;
        border: 6px solid #eee;
        margin-bottom: 10px;
        overflow: hidden; }
        @media screen and (max-width: 520px) {
          #roomSizeSimulation .simulationBox .viewBox .photo {
            margin-bottom: 5px; } }
        #roomSizeSimulation .simulationBox .viewBox .photo .now {
          width: 100%;
          position: relative; }
          #roomSizeSimulation .simulationBox .viewBox .photo .now img {
            width: 100%;
            height: auto; }
        #roomSizeSimulation .simulationBox .viewBox .photo .next {
          width: 100%;
          position: absolute;
          top: 0;
          left: 100%;
          overflow: hidden;
          background-color: #fff;
          z-index: 1; }
          #roomSizeSimulation .simulationBox .viewBox .photo .next img {
            width: 100%;
            height: auto;
            position: relative;
            top: 0;
            right: 0; }
      #roomSizeSimulation .simulationBox .viewBox .btmTxt {
        text-align: left;
        font-size: 12px;
        line-height: 1.2; }
    #roomSizeSimulation .simulationBox .productsTableWrap {
      width: 100%;
      margin-top: 40px; }
      #roomSizeSimulation .simulationBox .productsTableWrap .lineupHeadTxt {
        text-align: center;
        font-size: 32px;
        font-weight: bold;
        color: #0c779d;
        margin-bottom: 20px; }
        @media screen and (max-width: 520px) {
          #roomSizeSimulation .simulationBox .productsTableWrap .lineupHeadTxt {
            font-size: 24px;
            margin-bottom: 5px; } }
      #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; }
        #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table {
          width: auto;
          max-width: inherit;
          border-collapse: collapse;
          border-spacing: 0;
          border-right: 1px solid #ddd;
          border-bottom: 1px solid #ddd; }
          #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr th,
          #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr td {
            border-left: 1px solid #ddd;
            border-top: 1px solid #ddd;
            font-size: 12px;
            font-weight: normal;
            line-height: 1.2;
            vertical-align: top; }
          #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr th {
            background-color: #eee;
            width: 100px;
            padding: 10px;
            text-align: left;
            position: sticky;
            left: 0; }
            @media screen and (max-width: 520px) {
              #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr th {
                width: 100px; } }
            #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr th span {
              display: inline-block; }
          #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr td {
            background-color: #fff;
            width: 170px;
            padding: 5px;
            text-align: center; }
            #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr td img {
              height: 30px;
              width: auto;
              display: inline-block;
              margin: 3px 6px;
              								/*&:first-child{
                                                  display: block;
                                              }*/ }
            #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr td .s5-storeButton {
              width: 93%;
              text-align: left;
              padding: 8px 15px;
              margin: 0px auto 5px auto; }
              #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr td .s5-storeButton::before {
                margin: 0 0.2em 0.05em 0; }
          #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr td.el {
            background-color: #f5f5d8; }
          #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr:first-child th {
            border-left: none;
            border-top: none;
            background-color: #fff; }
          #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr:first-child td img {
            width: calc(100% - 12px);
            max-width: 180px;
            height: auto;
            margin: 5px auto;
            display: block; }
          #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr:first-child td .screenType {
            font-size: 16px;
            font-weight: bold;
            display: block;
            margin: -5px 0 7px; }
          #roomSizeSimulation .simulationBox .productsTableWrap .tableWrap table tr:nth-child(2) td img {
            height: 50px; }

p.s5-listItem4__storeSaved span {
  position: static; }