@charset "UTF-8"; /*aa102d　7d0000*/ /*"Bellefair", serif;*/ /* line 8, style.scss */ #selectplan { /*.kitchen .door, .kitchen .panel, .powderroom .door*/ } @media screen and (min-width: 601px) and (max-width: 750px) { /* line 12, style.scss */ #selectplan #titleWrap .catchCopy { text-align: center; } } /* line 23, style.scss */ #selectplan .intro { padding: 40px 0 0px; position: relative; } /* line 24, style.scss */ #selectplan .intro h2 { margin: 30px auto 30px; } /* line 25, style.scss */ #selectplan .intro .free { background: #b60005; color: #fff; width: 200px; margin: 0 auto 20px; font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 600; letter-spacing: -.015em; font-size: 24px; } /* line 26, style.scss */ #selectplan .intro .free + p { font-size: 18px; font-size: 1.125rem; line-height: 2.475rem; letter-spacing: .075em; margin: 0 auto 30px; font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 600; letter-spacing: -.015em; } /* line 28, style.scss */ #selectplan .intro .step { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 29, style.scss */ #selectplan .intro .step li { width: calc(100% / 6 - 20px); position: relative; background: #00326c; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0px 2px 2px; box-sizing: border-box; } /* line 30, style.scss */ #selectplan .intro .step li .t { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; font-weight: 400; color: #fff; font-family: "EB Garamond", serif; width: 100%; height: 30px; } /* line 31, style.scss */ #selectplan .intro .step li .read { font-size: 17px; font-size: 1.0625rem; line-height: 1.59375rem; font-weight: 500; letter-spacing: .075em; background: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: calc(100% - 30px); padding: 5px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; -webkit-text-stroke-width: .1px; } /* line 33, style.scss */ #selectplan .intro .step li:not(:last-child)::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent rgba(0, 50, 108, 0.6); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% + 7px); } /* line 35, style.scss */ #selectplan .intro .step li:nth-of-type(1) { background: rgba(0, 50, 108, 0.5); } /* line 36, style.scss */ #selectplan .intro .step li:nth-of-type(2) { background: rgba(0, 50, 108, 0.6); } /* line 37, style.scss */ #selectplan .intro .step li:nth-of-type(3) { background: rgba(0, 50, 108, 0.7); } /* line 38, style.scss */ #selectplan .intro .step li:nth-of-type(4) { background: rgba(0, 50, 108, 0.8); } /* line 39, style.scss */ #selectplan .intro .step li:nth-of-type(5) { background: rgba(0, 50, 108, 0.9); } /* line 40, style.scss */ #selectplan .intro .step li:nth-of-type(6) { background: #00326c; } @media only screen and (max-width: 750px) { /* line 23, style.scss */ #selectplan .intro { padding: 30px 0 0px; } /* line 49, style.scss */ #selectplan .intro h2 { margin: 30px auto 20px; } /* line 50, style.scss */ #selectplan .intro .free { width: 180px; margin: 0 auto 20px; font-size: 22px; } /* line 51, style.scss */ #selectplan .intro .free + p { font-size: 16px; font-size: 1rem; line-height: 1.8rem; margin: 0 auto 30px; text-align: left; width: 90%; } /* line 53, style.scss */ #selectplan .intro .step { padding: 0 5%; } /* line 54, style.scss */ #selectplan .intro .step li { width: 100%; height: auto; padding: 0px 1px 1px; } /* line 55, style.scss */ #selectplan .intro .step li:not(:last-child) { margin-bottom: 20px; } /* line 56, style.scss */ #selectplan .intro .step li .t { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; height: 30px; } /* line 57, style.scss */ #selectplan .intro .step li .read { font-size: 16px; font-size: 1rem; line-height: 1.5rem; width: 100%; height: calc(100% - 30px); padding: 5px 0; } /* line 59, style.scss */ #selectplan .intro .step li:not(:last-child)::after { border-width: 12px 12px 0 12px; border-color: rgba(0, 50, 108, 0.6) transparent transparent transparent; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: calc(100% + 5px); } } @media screen and (min-width: 601px) and (max-width: 750px) { /* line 23, style.scss */ #selectplan .intro { padding: 30px 0 0px; } /* line 70, style.scss */ #selectplan .intro h2 { margin: 30px auto 30px; } /* line 71, style.scss */ #selectplan .intro .free { width: 220px; margin: 0 auto 20px; } /* line 72, style.scss */ #selectplan .intro .free + p { font-size: 16px; font-size: 1rem; line-height: 2.2rem; margin: 0 auto 30px; padding: 0 20px; } /* line 74, style.scss */ #selectplan .intro .step { padding: 0 10px; } /* line 75, style.scss */ #selectplan .intro .step li { width: calc((100% / 6) - 10px); height: auto; padding-bottom: 1px; } /* line 76, style.scss */ #selectplan .intro .step li .t { font-size: 16px; font-size: 1rem; line-height: 1.8rem; height: 30px; } /* line 77, style.scss */ #selectplan .intro .step li .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.40625rem; width: calc(100% - 2px); height: calc(100% - 30px); margin: 0 auto auto; letter-spacing: 0; text-align: center; } /* line 78, style.scss */ #selectplan .intro .step li:not(:last-child) { margin-bottom: 0; } /* line 79, style.scss */ #selectplan .intro .step li:not(:last-child)::after { border-width: 12px 0 12px 8px; border-color: transparent transparent transparent rgba(0, 50, 108, 0.6); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% + 3px); } } /* line 100, style.scss */ #selectplan .secTitleWrap { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: center; flex-wrap: nowrap; text-align: left; margin-bottom: 35px; width: 100%; } /* line 101, style.scss */ #selectplan .secTitleWrap .secTitle { font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 500; letter-spacing: -.015em; font-size: 36px; font-size: 2.25rem; line-height: 2.7rem; letter-spacing: .05em; } /* line 102, style.scss */ #selectplan .secTitleWrap .secTitle + p { font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 500; letter-spacing: -.015em; font-size: 16px; font-size: 1rem; line-height: 1.6rem; -webkit-text-stroke-width: .1px; position: relative; margin-left: 60px; } /* line 103, style.scss */ #selectplan .secTitleWrap .secTitle + p::before { content: ""; width: 1px; height: 100%; min-height: 40px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: calc(100% + 28px); } /* line 107, style.scss */ #selectplan .icModelroom { background: url("../../img/selectplan/icModelroom.png") no-repeat; width: 60px; height: 60px; background-size: cover; position: absolute; overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 100; margin: 0 !important; padding: 0 !important; top: -15px; left: -20px; } /* line 109, style.scss */ #selectplan .selectListWrap { background: #fff; padding: 100px 0 100px; position: relative; } /* line 110, style.scss */ #selectplan .selectListWrap::after { content: ""; display: block; max-width: 1200px; height: 1px; background: rgba(0, 0, 0, 0.1); position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 100%; } /* line 111, style.scss */ #selectplan .selectListWrap .mainImg { display: flex; align-items: center; background: #fff; margin: 0 auto 50px; } /* line 112, style.scss */ #selectplan .selectListWrap .mainImg .ph { width: 50%; } /* line 113, style.scss */ #selectplan .selectListWrap .mainImg .ph::after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 70%, white 100%); z-index: 0; } /* line 115, style.scss */ #selectplan .selectListWrap .mainImg .draw { width: 50%; display: flex; justify-content: center; } /* line 121, style.scss */ #selectplan .selectList { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; } /* line 122, style.scss */ #selectplan .selectList:not(:last-child) { margin: 0 auto 50px; } /* line 123, style.scss */ #selectplan .selectList .secTit { width: 100%; background: #7999ad; color: #fff; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 2px 15px; margin: 0 auto 20px; } /* line 124, style.scss */ #selectplan .selectList .secTit .tit { font-size: 24px; font-size: 1.5rem; line-height: 3rem; letter-spacing: .0; display: flex; justify-content: flex-start; align-items: center; font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 600; letter-spacing: -.015em; margin-right: 2em; } /* line 125, style.scss */ #selectplan .selectList .secTit .tit i { font-family: "EB Garamond", serif; -webkit-text-stroke-width: .1px; letter-spacing: 0; font-weight: 500; font-size: 110%; line-height: 0; background: #fff; color: #7999ad; width: 30px; height: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-right: 6px; letter-spacing: 0; } /* line 126, style.scss */ #selectplan .selectList .secTit .tit + p { font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 500; letter-spacing: -.015em; line-height: 1.8; padding: .25em 0; } /* line 127, style.scss */ #selectplan .selectList .secTit .tit + p span { font-size: 80%; } /* line 131, style.scss */ #selectplan .selectList .basic, #selectplan .selectList .select { padding: 20px 20px; background: #f2f2f3; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; } /* line 132, style.scss */ #selectplan .selectList .basic .tit, #selectplan .selectList .basic .tit h4, #selectplan .selectList .select .tit, #selectplan .selectList .select .tit h4 { font-family: "EB Garamond", serif; -webkit-text-stroke-width: .1px; color: #7999ad; text-align: left; letter-spacing: 0; font-size: 28px; font-size: 1.75rem; line-height: 2.1rem; white-space: nowrap; position: relative; top: -3px; } /* line 133, style.scss */ #selectplan .selectList .basic .tit span, #selectplan .selectList .basic .tit h4 span, #selectplan .selectList .select .tit span, #selectplan .selectList .select .tit h4 span { display: block; font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 600; letter-spacing: -.015em; -webkit-text-stroke-width: .1px; color: #333; letter-spacing: 0; margin-top: 2px; width: 100%; text-align: left; } /* line 136, style.scss */ #selectplan .selectList .basic { width: 36.36%; padding-right: 25px; } /* line 137, style.scss */ #selectplan .selectList .basic::after { content: ""; display: block; width: 42px; height: 42px; background: url("../../img/selectplan/icOR.png") no-repeat; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% - 14px); } /* line 139, style.scss */ #selectplan .selectList .select { width: 62.54%; padding-left: 25px; } /* line 142, style.scss */ #selectplan .selectList .phSet span, #selectplan .selectList .phSet li span, #selectplan .selectList .colorList span, #selectplan .selectList .colorList li span { display: block; font-size: 12px; font-size: 0.75rem; line-height: 1.05rem; font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 500; letter-spacing: -.015em; -webkit-text-stroke-width: .1px; margin-top: 6px; text-align: center; } /* line 143, style.scss */ #selectplan .selectList .phSet span.cap, #selectplan .selectList .phSet li span.cap, #selectplan .selectList .colorList span.cap, #selectplan .selectList .colorList li span.cap { font-size: 15px; line-height: 1.6; } /* line 146, style.scss */ #selectplan .selectList .cap, #selectplan .selectList .cCopy { font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 500; letter-spacing: -.015em; -webkit-text-stroke-width: .1px; font-size: 15px; line-height: 1.6; } /* line 147, style.scss */ #selectplan .selectList .cap i, #selectplan .selectList .cCopy i { display: block; font-size: 90%; } /* line 148, style.scss */ #selectplan .selectList .cap small, #selectplan .selectList .cCopy small { font-size: 80%; letter-spacing: -.015em; } /* line 150, style.scss */ #selectplan .selectList .cap { margin-top: 10px; } /* line 151, style.scss */ #selectplan .selectList .cCopy { margin-bottom: 10px; } /* line 152, style.scss */ #selectplan .selectList .colorList { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 153, style.scss */ #selectplan .selectList .colorList li { position: relative; } /* line 155, style.scss */ #selectplan .selectList .phSet { position: relative; } /* line 156, style.scss */ #selectplan .selectList em.flexImg { display: block; } /* line 157, style.scss */ #selectplan .selectList .caption { font-size: 12px; font-size: 0.75rem; line-height: 1.2rem; letter-spacing: .05em; margin: 12px 0 0; text-align: right; width: 100%; } /* line 161, style.scss */ #selectplan img.wLine, #selectplan .wLine img { border: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; } /* line 165, style.scss */ #selectplan ul.ls-25 li:not(.tit) span, #selectplan .phSet.ls-25 span { letter-spacing: -.125em !important; } @media only screen and (max-width: 750px) { /* line 8, style.scss */ #selectplan { /*.kitchen .door, .kitchen .panel, .powderroom .door*/ } /* line 172, style.scss */ #selectplan .secTitleWrap { margin: 0 auto 20px; width: 90%; flex-wrap: wrap; } /* line 173, style.scss */ #selectplan .secTitleWrap .secTitle { font-size: 24px; font-size: 1.5rem; line-height: 1.8rem; } /* line 174, style.scss */ #selectplan .secTitleWrap .secTitle + p { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; margin-left: 0px; margin-top: 20px; text-align: justify; text-justify: inter-ideograph; } /* line 175, style.scss */ #selectplan .secTitleWrap .secTitle + p::before { content: ""; width: 100%; height: 1px; min-height: 1px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; bottom: calc(100% + 8px); } /* line 179, style.scss */ #selectplan .icModelroom { width: 50px; height: 50px; top: -10px; left: -15px; } /* line 181, style.scss */ #selectplan .selectListWrap { padding: 60px 0 60px; } /* line 182, style.scss */ #selectplan .selectListWrap::after { max-width: 100%; } /* line 183, style.scss */ #selectplan .selectListWrap .mainImg { margin: 0 auto 30px; flex-wrap: wrap; } /* line 184, style.scss */ #selectplan .selectListWrap .mainImg .ph { width: 100%; } /* line 185, style.scss */ #selectplan .selectListWrap .mainImg .ph::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, white 100%); } /* line 187, style.scss */ #selectplan .selectListWrap .mainImg .draw { width: 100%; } /* line 191, style.scss */ #selectplan .selectList { padding: 0 2.5%; } /* line 192, style.scss */ #selectplan .selectList:not(:last-child) { margin: 0 auto 40px; } /* line 193, style.scss */ #selectplan .selectList .secTit { width: 100%; padding: 2px 12px 8px; margin: 0 auto 10px; } /* line 194, style.scss */ #selectplan .selectList .secTit .tit { font-size: 21px; font-size: 1.3125rem; line-height: 2.625rem; } /* line 195, style.scss */ #selectplan .selectList .secTit .tit i { font-size: 120%; width: 30px; height: 30px; margin-right: 6px; } /* line 196, style.scss */ #selectplan .selectList .secTit .tit + p { font-size: 14px; font-size: 0.875rem; line-height: 1.3125rem; padding: .25em 0; } /* line 197, style.scss */ #selectplan .selectList .secTit .tit + p span { font-size: 80%; } /* line 201, style.scss */ #selectplan .selectList .basic, #selectplan .selectList .select { padding: 15px 15px; } /* line 202, style.scss */ #selectplan .selectList .basic .tit, #selectplan .selectList .basic .tit h4, #selectplan .selectList .select .tit, #selectplan .selectList .select .tit h4 { font-size: 24px; font-size: 1.5rem; line-height: 1.8rem; white-space: nowrap; top: -2px; } /* line 203, style.scss */ #selectplan .selectList .basic .tit span, #selectplan .selectList .basic .tit h4 span, #selectplan .selectList .select .tit span, #selectplan .selectList .select .tit h4 span { font-size: 13px; font-size: 0.8125rem; line-height: 1.625rem; margin-top: 0px; } /* line 206, style.scss */ #selectplan .selectList .basic { width: 100%; padding-right: 15px; margin-bottom: 12px; padding-bottom: 20px; } /* line 207, style.scss */ #selectplan .selectList .basic::after { width: 42px; height: 42px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: calc(100% - 17px); } /* line 209, style.scss */ #selectplan .selectList .select { width: 100%; padding-left: 15px; padding-top: 20px; } /* line 212, style.scss */ #selectplan .selectList .phSet span, #selectplan .selectList .phSet li span, #selectplan .selectList .colorList span, #selectplan .selectList .colorList li span { font-size: 10px; font-size: 0.625rem; line-height: 0.875rem; margin-top: 5px; } /* line 214, style.scss */ #selectplan .selectList .cap, #selectplan .selectList .cCopy { font-size: 14px; } /* line 215, style.scss */ #selectplan .selectList .cap i, #selectplan .selectList .cCopy i { font-size: 90%; } /* line 217, style.scss */ #selectplan .selectList .cap { margin-top: 8px; } /* line 218, style.scss */ #selectplan .selectList .cCopy { margin-bottom: 8px; } /* line 224, style.scss */ #selectplan .selectList .caption { font-size: 11px; font-size: 0.6875rem; line-height: 1.1rem; margin: 10px 0 0; text-align: left; letter-spacing: .0em; } } /* line 255, style.scss */ #selectplan .kitchen .door .basic, #selectplan .powderroom .door .basic, #selectplan .toiretSec .door .basic { width: 368px; position: absolute; top: 72px; left: 0; z-index: 1; border-bottom: 12px solid #fff; border-right: 12px solid #fff; } /* line 256, style.scss */ #selectplan .kitchen .door .select, #selectplan .powderroom .door .select, #selectplan .toiretSec .door .select { width: 100%; } /* line 257, style.scss */ #selectplan .kitchen .door .basic, #selectplan .powderroom .door .basic, #selectplan .toiretSec .door .basic { padding-bottom: 15px; } /* line 258, style.scss */ #selectplan .kitchen .door .basic .icModelroom, #selectplan .powderroom .door .basic .icModelroom, #selectplan .toiretSec .door .basic .icModelroom { left: -30px; } /* line 261, style.scss */ #selectplan .kitchen .door .select .colorList, #selectplan .powderroom .door .select .colorList, #selectplan .toiretSec .door .select .colorList { flex-wrap: wrap; } /* line 263, style.scss */ #selectplan .kitchen .door .basic .phSet, #selectplan .kitchen .door .select .colorList li, #selectplan .kitchen .door .colorList::after, #selectplan .powderroom .door .basic .phSet, #selectplan .powderroom .door .select .colorList li, #selectplan .powderroom .door .colorList::after, #selectplan .toiretSec .door .basic .phSet, #selectplan .toiretSec .door .select .colorList li, #selectplan .toiretSec .door .colorList::after { width: 120px; } /* line 264, style.scss */ #selectplan .kitchen .door .select .colorList li:not(:nth-of-type(n + 5)), #selectplan .powderroom .door .select .colorList li:not(:nth-of-type(n + 5)), #selectplan .toiretSec .door .select .colorList li:not(:nth-of-type(n + 5)) { margin-bottom: 30px; } /* line 266, style.scss */ #selectplan .kitchen .door .colorList li.tit, #selectplan .powderroom .door .colorList li.tit, #selectplan .toiretSec .door .colorList li.tit { width: 162px; padding-left: 25px; } /* line 267, style.scss */ #selectplan .kitchen .door .colorList::before, #selectplan .powderroom .door .colorList::before, #selectplan .toiretSec .door .colorList::before { content: ""; display: block; width: 338px; } /* line 268, style.scss */ #selectplan .kitchen .door .colorList::after, #selectplan .powderroom .door .colorList::after, #selectplan .toiretSec .door .colorList::after { content: ""; display: block; } /* line 270, style.scss */ #selectplan .kitchen .door .select .tit, #selectplan .powderroom .door .select .tit, #selectplan .toiretSec .door .select .tit { padding-left: 10px; } /* line 274, style.scss */ #selectplan .kitchen .handle .basic, #selectplan .powderroom .handle .basic, #selectplan .toiretSec .handle .basic { width: 49.4%; } /* line 275, style.scss */ #selectplan .kitchen .handle .select, #selectplan .powderroom .handle .select, #selectplan .toiretSec .handle .select { width: 49.4%; } /* line 277, style.scss */ #selectplan .kitchen .handle .basic .phSet, #selectplan .kitchen .handle .select .phSet, #selectplan .powderroom .handle .basic .phSet, #selectplan .powderroom .handle .select .phSet, #selectplan .toiretSec .handle .basic .phSet, #selectplan .toiretSec .handle .select .phSet { width: 200px; } /* line 278, style.scss */ #selectplan .kitchen .handle .basic .phSet .icModelroom, #selectplan .kitchen .handle .select .phSet .icModelroom, #selectplan .powderroom .handle .basic .phSet .icModelroom, #selectplan .powderroom .handle .select .phSet .icModelroom, #selectplan .toiretSec .handle .basic .phSet .icModelroom, #selectplan .toiretSec .handle .select .phSet .icModelroom { top: -10px; left: -50px; } /* line 279, style.scss */ #selectplan .kitchen .handle .basic .phSet span, #selectplan .kitchen .handle .select .phSet span, #selectplan .powderroom .handle .basic .phSet span, #selectplan .powderroom .handle .select .phSet span, #selectplan .toiretSec .handle .basic .phSet span, #selectplan .toiretSec .handle .select .phSet span { position: absolute; bottom: 0; right: 0; } /* line 284, style.scss */ #selectplan .kitchen .powderroomfloor .basic, #selectplan .kitchen .toiretfloor .basic, #selectplan .powderroom .powderroomfloor .basic, #selectplan .powderroom .toiretfloor .basic, #selectplan .toiretSec .powderroomfloor .basic, #selectplan .toiretSec .toiretfloor .basic { width: calc(36% - 15px); } /* line 285, style.scss */ #selectplan .kitchen .powderroomfloor .select, #selectplan .kitchen .toiretfloor .select, #selectplan .powderroom .powderroomfloor .select, #selectplan .powderroom .toiretfloor .select, #selectplan .toiretSec .powderroomfloor .select, #selectplan .toiretSec .toiretfloor .select { width: 64%; } /* line 286, style.scss */ #selectplan .kitchen .powderroomfloor .select .colorList, #selectplan .kitchen .toiretfloor .select .colorList, #selectplan .powderroom .powderroomfloor .select .colorList, #selectplan .powderroom .toiretfloor .select .colorList, #selectplan .toiretSec .powderroomfloor .select .colorList, #selectplan .toiretSec .toiretfloor .select .colorList { width: 74%; } /* line 290, style.scss */ #selectplan .kitchen .powderroomfloor .basic .phSet, #selectplan .kitchen .powderroomfloor .select .colorList li, #selectplan .kitchen .toiretfloor .basic .phSet, #selectplan .kitchen .toiretfloor .select .colorList li, #selectplan .powderroom .powderroomfloor .basic .phSet, #selectplan .powderroom .powderroomfloor .select .colorList li, #selectplan .powderroom .toiretfloor .basic .phSet, #selectplan .powderroom .toiretfloor .select .colorList li, #selectplan .toiretSec .powderroomfloor .basic .phSet, #selectplan .toiretSec .powderroomfloor .select .colorList li, #selectplan .toiretSec .toiretfloor .basic .phSet, #selectplan .toiretSec .toiretfloor .select .colorList li { width: 165px; } /* line 291, style.scss */ #selectplan .kitchen .powderroomfloor .basic .phSet em, #selectplan .kitchen .powderroomfloor .select .colorList li em, #selectplan .kitchen .toiretfloor .basic .phSet em, #selectplan .kitchen .toiretfloor .select .colorList li em, #selectplan .powderroom .powderroomfloor .basic .phSet em, #selectplan .powderroom .powderroomfloor .select .colorList li em, #selectplan .powderroom .toiretfloor .basic .phSet em, #selectplan .powderroom .toiretfloor .select .colorList li em, #selectplan .toiretSec .powderroomfloor .basic .phSet em, #selectplan .toiretSec .powderroomfloor .select .colorList li em, #selectplan .toiretSec .toiretfloor .basic .phSet em, #selectplan .toiretSec .toiretfloor .select .colorList li em { border: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; } /* line 293, style.scss */ #selectplan .kitchen .powderroomfloor .icModelroom, #selectplan .kitchen .toiretfloor .icModelroom, #selectplan .powderroom .powderroomfloor .icModelroom, #selectplan .powderroom .toiretfloor .icModelroom, #selectplan .toiretSec .powderroomfloor .icModelroom, #selectplan .toiretSec .toiretfloor .icModelroom { left: -25px; } @media only screen and (max-width: 750px) { /* line 302, style.scss */ #selectplan .kitchen .door .basic, #selectplan .powderroom .door .basic, #selectplan .toiretSec .door .basic { width: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; border: none; } /* line 303, style.scss */ #selectplan .kitchen .door .select, #selectplan .powderroom .door .select, #selectplan .toiretSec .door .select { width: 100%; } /* line 304, style.scss */ #selectplan .kitchen .door .basic, #selectplan .powderroom .door .basic, #selectplan .toiretSec .door .basic { padding-bottom: 20px; } /* line 305, style.scss */ #selectplan .kitchen .door .basic .icModelroom, #selectplan .powderroom .door .basic .icModelroom, #selectplan .toiretSec .door .basic .icModelroom { left: -30px; } /* line 310, style.scss */ #selectplan .kitchen .door .basic .phSet, #selectplan .kitchen .door .select .colorList li, #selectplan .kitchen .door .colorList::after, #selectplan .powderroom .door .basic .phSet, #selectplan .powderroom .door .select .colorList li, #selectplan .powderroom .door .colorList::after, #selectplan .toiretSec .door .basic .phSet, #selectplan .toiretSec .door .select .colorList li, #selectplan .toiretSec .door .colorList::after { width: 31.5%; margin-bottom: 10px; } /* line 311, style.scss */ #selectplan .kitchen .door .select .colorList li:not(:nth-of-type(n + 5)), #selectplan .powderroom .door .select .colorList li:not(:nth-of-type(n + 5)), #selectplan .toiretSec .door .select .colorList li:not(:nth-of-type(n + 5)) { margin-bottom: 10px; } /* line 312, style.scss */ #selectplan .kitchen .door .select .colorList li:nth-last-child(-n + 3), #selectplan .powderroom .door .select .colorList li:nth-last-child(-n + 3), #selectplan .toiretSec .door .select .colorList li:nth-last-child(-n + 3) { margin-bottom: 0px; } /* line 314, style.scss */ #selectplan .kitchen .door .colorList li.tit, #selectplan .powderroom .door .colorList li.tit, #selectplan .toiretSec .door .colorList li.tit { width: 31.5%; padding-left: 0px; } /* line 315, style.scss */ #selectplan .kitchen .door .colorList::before, #selectplan .powderroom .door .colorList::before, #selectplan .toiretSec .door .colorList::before { width: 31.5%; display: none; } /* line 316, style.scss */ #selectplan .kitchen .door .colorList::after, #selectplan .powderroom .door .colorList::after, #selectplan .toiretSec .door .colorList::after { margin-bottom: 0; } /* line 318, style.scss */ #selectplan .kitchen .door .select .tit, #selectplan .powderroom .door .select .tit, #selectplan .toiretSec .door .select .tit { padding-left: 10px; } /* line 322, style.scss */ #selectplan .kitchen .handle .basic, #selectplan .powderroom .handle .basic, #selectplan .toiretSec .handle .basic { width: 100%; } /* line 323, style.scss */ #selectplan .kitchen .handle .select, #selectplan .powderroom .handle .select, #selectplan .toiretSec .handle .select { width: 100%; } /* line 325, style.scss */ #selectplan .kitchen .handle .basic .phSet, #selectplan .kitchen .handle .select .phSet, #selectplan .powderroom .handle .basic .phSet, #selectplan .powderroom .handle .select .phSet, #selectplan .toiretSec .handle .basic .phSet, #selectplan .toiretSec .handle .select .phSet { width: 170px; } /* line 326, style.scss */ #selectplan .kitchen .handle .basic .phSet .icModelroom, #selectplan .kitchen .handle .select .phSet .icModelroom, #selectplan .powderroom .handle .basic .phSet .icModelroom, #selectplan .powderroom .handle .select .phSet .icModelroom, #selectplan .toiretSec .handle .basic .phSet .icModelroom, #selectplan .toiretSec .handle .select .phSet .icModelroom { top: -10px; left: -50px; } /* line 327, style.scss */ #selectplan .kitchen .handle .basic .phSet span, #selectplan .kitchen .handle .select .phSet span, #selectplan .powderroom .handle .basic .phSet span, #selectplan .powderroom .handle .select .phSet span, #selectplan .toiretSec .handle .basic .phSet span, #selectplan .toiretSec .handle .select .phSet span { position: absolute; bottom: 0; right: 0; } /* line 333, style.scss */ #selectplan .kitchen .powderroomfloor .basic .tit, #selectplan .kitchen .powderroomfloor .select .tit, #selectplan .kitchen .toiretfloor .basic .tit, #selectplan .kitchen .toiretfloor .select .tit, #selectplan .powderroom .powderroomfloor .basic .tit, #selectplan .powderroom .powderroomfloor .select .tit, #selectplan .powderroom .toiretfloor .basic .tit, #selectplan .powderroom .toiretfloor .select .tit, #selectplan .toiretSec .powderroomfloor .basic .tit, #selectplan .toiretSec .powderroomfloor .select .tit, #selectplan .toiretSec .toiretfloor .basic .tit, #selectplan .toiretSec .toiretfloor .select .tit { margin-bottom: 6px; } /* line 335, style.scss */ #selectplan .kitchen .powderroomfloor .basic, #selectplan .kitchen .toiretfloor .basic, #selectplan .powderroom .powderroomfloor .basic, #selectplan .powderroom .toiretfloor .basic, #selectplan .toiretSec .powderroomfloor .basic, #selectplan .toiretSec .toiretfloor .basic { width: 100%; } /* line 336, style.scss */ #selectplan .kitchen .powderroomfloor .select, #selectplan .kitchen .toiretfloor .select, #selectplan .powderroom .powderroomfloor .select, #selectplan .powderroom .toiretfloor .select, #selectplan .toiretSec .powderroomfloor .select, #selectplan .toiretSec .toiretfloor .select { width: 100%; } /* line 337, style.scss */ #selectplan .kitchen .powderroomfloor .select .tit, #selectplan .kitchen .toiretfloor .select .tit, #selectplan .powderroom .powderroomfloor .select .tit, #selectplan .powderroom .toiretfloor .select .tit, #selectplan .toiretSec .powderroomfloor .select .tit, #selectplan .toiretSec .toiretfloor .select .tit { position: absolute; top: 15px; left: 15px; } /* line 338, style.scss */ #selectplan .kitchen .powderroomfloor .select .colorList, #selectplan .kitchen .toiretfloor .select .colorList, #selectplan .powderroom .powderroomfloor .select .colorList, #selectplan .powderroom .toiretfloor .select .colorList, #selectplan .toiretSec .powderroomfloor .select .colorList, #selectplan .toiretSec .toiretfloor .select .colorList { width: 100%; } /* line 340, style.scss */ #selectplan .kitchen .powderroomfloor .select .colorList li:nth-of-type(1), #selectplan .kitchen .toiretfloor .select .colorList li:nth-of-type(1), #selectplan .powderroom .powderroomfloor .select .colorList li:nth-of-type(1), #selectplan .powderroom .toiretfloor .select .colorList li:nth-of-type(1), #selectplan .toiretSec .powderroomfloor .select .colorList li:nth-of-type(1), #selectplan .toiretSec .toiretfloor .select .colorList li:nth-of-type(1) { margin-bottom: 13px; } /* line 342, style.scss */ #selectplan .kitchen .powderroomfloor .select .colorList::before, #selectplan .kitchen .toiretfloor .select .colorList::before, #selectplan .powderroom .powderroomfloor .select .colorList::before, #selectplan .powderroom .toiretfloor .select .colorList::before, #selectplan .toiretSec .powderroomfloor .select .colorList::before, #selectplan .toiretSec .toiretfloor .select .colorList::before { content: ""; width: 47.5%; display: block; } /* line 345, style.scss */ #selectplan .kitchen .powderroomfloor .basic .phSet, #selectplan .kitchen .powderroomfloor .select .colorList li, #selectplan .kitchen .toiretfloor .basic .phSet, #selectplan .kitchen .toiretfloor .select .colorList li, #selectplan .powderroom .powderroomfloor .basic .phSet, #selectplan .powderroom .powderroomfloor .select .colorList li, #selectplan .powderroom .toiretfloor .basic .phSet, #selectplan .powderroom .toiretfloor .select .colorList li, #selectplan .toiretSec .powderroomfloor .basic .phSet, #selectplan .toiretSec .powderroomfloor .select .colorList li, #selectplan .toiretSec .toiretfloor .basic .phSet, #selectplan .toiretSec .toiretfloor .select .colorList li { width: 47.5%; } /* line 346, style.scss */ #selectplan .kitchen .powderroomfloor .basic .phSet em, #selectplan .kitchen .powderroomfloor .select .colorList li em, #selectplan .kitchen .toiretfloor .basic .phSet em, #selectplan .kitchen .toiretfloor .select .colorList li em, #selectplan .powderroom .powderroomfloor .basic .phSet em, #selectplan .powderroom .powderroomfloor .select .colorList li em, #selectplan .powderroom .toiretfloor .basic .phSet em, #selectplan .powderroom .toiretfloor .select .colorList li em, #selectplan .toiretSec .powderroomfloor .basic .phSet em, #selectplan .toiretSec .powderroomfloor .select .colorList li em, #selectplan .toiretSec .toiretfloor .basic .phSet em, #selectplan .toiretSec .toiretfloor .select .colorList li em { border: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; } /* line 348, style.scss */ #selectplan .kitchen .powderroomfloor .icModelroom, #selectplan .kitchen .toiretfloor .icModelroom, #selectplan .powderroom .powderroomfloor .icModelroom, #selectplan .powderroom .toiretfloor .icModelroom, #selectplan .toiretSec .powderroomfloor .icModelroom, #selectplan .toiretSec .toiretfloor .icModelroom { left: -25px; } }