@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/*@mixin reqGrd { background: linear-gradient(to bottom, #a38a77 0%,#876c58 100%);}*/
/*@mixin resGrd { background: linear-gradient(to bottom, #d57f7f 0%,#c46161 100%);}*/
/* line 18, powderroom.scss */
#selectplan .powderroom .selectList .cCopy, #selectplan .powderroom .selectList .phSet .cap { font-size: 16px; line-height: 1.6; }
/* line 21, powderroom.scss */
#selectplan .powderroom.selectList { margin: 0 auto 100px; }
/* line 25, powderroom.scss */
#selectplan .powderroom .mainImg .ph, #selectplan .powderroom .mainImg .draw { height: 450px; }
/* line 26, powderroom.scss */
#selectplan .powderroom .mainImg .draw { position: relative; }
/* line 27, powderroom.scss */
#selectplan .powderroom .mainImg .draw span { width: 72%; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; bottom: 20px; padding-left: 60px; box-sizing: border-box; }
/* line 33, powderroom.scss */
#selectplan .powderroom .counter .basic, #selectplan .powderroom .counter .select { flex-wrap: wrap; align-items: flex-start; }
/* line 36, powderroom.scss */
#selectplan .powderroom .counter .basic .phSet.col01 .flexImg { width: 290px; height: 175px; }
/* line 37, powderroom.scss */
#selectplan .powderroom .counter .basic .phSet.col01 span { /*letter-spacing: -.025em;*/ text-align: left; }
/* line 39, powderroom.scss */
#selectplan .powderroom .counter .basic .phSet.col02 { width: 110px; position: absolute; bottom: 175px; right: 25px; }
/* line 40, powderroom.scss */
#selectplan .powderroom .counter .basic .phSet.col02 span { position: absolute; bottom: 0px; right: calc(100% + 10px); white-space: nowrap; letter-spacing: .075em; }
/* line 41, powderroom.scss */
#selectplan .powderroom .counter .basic .phSet.col02 .flexImg { height: 85px; border: 1px solid rgba(0, 0, 0, 0.2); }
/* line 43, powderroom.scss */
#selectplan .powderroom .counter .basic .color { width: 100%; display: flex; justify-content: flex-end; align-items: flex-start; position: absolute; right: 25px; bottom: 37px; }
/* line 44, powderroom.scss */
#selectplan .powderroom .counter .basic .color .cCopy { margin-right: 15px; margin-top: 38px; }
/* line 45, powderroom.scss */
#selectplan .powderroom .counter .basic .color .phSet { width: 160px; }
/* line 47, powderroom.scss */
#selectplan .powderroom .counter .basic .icModelroom { top: auto; bottom: 0px; left: -35px; }
/* line 49, powderroom.scss */
#selectplan .powderroom .counter .select { padding-left: 25px; }
/* line 51, powderroom.scss */
#selectplan .powderroom .counter .select .phSet .flexImg { width: 330px; height: 210px; }
/* line 54, powderroom.scss */
#selectplan .powderroom .counter .select .type { width: 350px; text-align: left; }
/* line 55, powderroom.scss */
#selectplan .powderroom .counter .select .type .cCopy { margin: 3px 0 6px !important; letter-spacing: .075em; /*font-size: 16px !important; line-height: 1.8 !important;*/ }
/* line 56, powderroom.scss */
#selectplan .powderroom .counter .select .type .cCopy + p { font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 500; letter-spacing: .075em; font-size: 14px; line-height: 1.6; text-align: justify; text-justify: inter-ideograph; }
/* line 58, powderroom.scss */
#selectplan .powderroom .counter .select .type .phSet.col02 .flexImg { height: auto; }
/* line 60, powderroom.scss */
#selectplan .powderroom .counter .select .color { width: 100%; /*margin-top: 20px;*/ }
/* line 61, powderroom.scss */
#selectplan .powderroom .counter .select .color .cCopy { text-align: left; font-size: 16px; margin-bottom: 15px; }
/* line 62, powderroom.scss */
#selectplan .powderroom .counter .select .color .colorList li { width: 160px; }
/* line 69, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic .tit, #selectplan .powderroom .waterfaucet .select .tit { margin-bottom: 10px;                             /*@include flexWrap; justify-content: flex-start;
span { margin-left: 1em;}*/ }
/* line 72, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic ul, #selectplan .powderroom .waterfaucet .select ul { text-align: left; margin-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; /*width: 100%;*/ }
/* line 73, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic ul li, #selectplan .powderroom .waterfaucet .select ul li { font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 500; letter-spacing: .075em; display: block; font-size: 15px; line-height: 1.8; width: 100%; }
/* line 74, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic ul li:first-letter, #selectplan .powderroom .waterfaucet .select ul li:first-letter { opacity: 0.4; }
/* line 78, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic { width: calc(39% - 15px); align-items: flex-start; }
/* line 79, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic .tit { /*width: 100%;*/ }
/* line 80, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic .phSet { /*width: 100%;*/ width: 55%; }
/* line 81, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic .phSet .flexImg { height: 242px; width: 100%; margin-left: auto; }
/* line 82, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic .phSet .cap { text-align: right; white-space: nowrap; margin-left: -2em; }
/* line 84, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic .icModelroom { /*top: auto; bottom: 15px;*/ left: -70px; top: 0px; }
/* line 85, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic ul { margin-top: -80px; }
/* line 87, powderroom.scss */
#selectplan .powderroom .waterfaucet .basic ul li:not(:last-child) { margin-right: 1em; }
/* line 91, powderroom.scss */
#selectplan .powderroom .waterfaucet .select { width: 61%; align-items: flex-start; padding-left: 25px; }
/* line 92, powderroom.scss */
#selectplan .powderroom .waterfaucet .select .type { width: 320px; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column; }
/* line 94, powderroom.scss */
#selectplan .powderroom .waterfaucet .select .type .cCopy + p { font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 500; letter-spacing: .075em; font-size: 15px; line-height: 1.8; margin-bottom: auto; /*letter-spacing: -.075em;*/ }
/* line 97, powderroom.scss */
#selectplan .powderroom .waterfaucet .select .phSet { width: calc(100% - 330px); display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 98, powderroom.scss */
#selectplan .powderroom .waterfaucet .select .phSet em { width: 49%; height: 133px; }
/* line 99, powderroom.scss */
#selectplan .powderroom .waterfaucet .select .phSet em:nth-of-type(1) { width: 100%; margin-bottom: 2%; }
/* line 104, powderroom.scss */
#selectplan .powderroom .waterfaucet .select ul li { width: 100%; }
/* line 111, powderroom.scss */
#selectplan .powderroom .mirror .basic .tit, #selectplan .powderroom .mirror .select .tit { margin-bottom: 10px; }
/* line 113, powderroom.scss */
#selectplan .powderroom .mirror .basic { width: 360px; display: block; }
/* line 114, powderroom.scss */
#selectplan .powderroom .mirror .basic .phSet .flexImg { height: 140px; }
/* line 116, powderroom.scss */
#selectplan .powderroom .mirror .basic .cap small { display: block; font-size: 85%; }
/* line 118, powderroom.scss */
#selectplan .powderroom .mirror .basic .icModelroom { left: auto; top: -35px; right: -10px; }
/* line 120, powderroom.scss */
#selectplan .powderroom .mirror .select { width: calc(100% - 12px - 360px); padding-left: 25px; }
/* line 121, powderroom.scss */
#selectplan .powderroom .mirror .select .type { width: 300px; text-align: left; }
/* line 123, powderroom.scss */
#selectplan .powderroom .mirror .select .type .cCopy + p { font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 500; letter-spacing: .075em; font-size: 15px; line-height: 1.8; margin-bottom: auto; }
/* line 124, powderroom.scss */
#selectplan .powderroom .mirror .select .type .cCopy + p span { display: block; font-size: 85%; }
/* line 127, powderroom.scss */
#selectplan .powderroom .mirror .select .phSet { width: calc(100% - 330px); }
/* line 128, powderroom.scss */
#selectplan .powderroom .mirror .select .phSet .flexImg { height: 230px; }
/* line 134, powderroom.scss */
#selectplan .powderroom .powderroomfloor .icModelroom { left: -15px; }
@media only screen and (max-width: 750px) { /* line 143, powderroom.scss */
  #selectplan .powderroom .selectList .cCopy, #selectplan .powderroom .selectList .phSet .cap { font-size: 15px; line-height: 1.6; }
  /* line 146, powderroom.scss */
  #selectplan .powderroom.selectList { margin: 0 auto 100px; }
  /* line 150, powderroom.scss */
  #selectplan .powderroom .mainImg .ph { /*height: 250px;*/ height: auto; }
  /* line 151, powderroom.scss */
  #selectplan .powderroom .mainImg .draw { height: auto; }
  /* line 152, powderroom.scss */
  #selectplan .powderroom .mainImg .draw span { width: 82%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; padding: 20px 0 15px 60px; }
  /* line 160, powderroom.scss */
  #selectplan .powderroom .counter .basic .phSet.col01 { width: 200px; }
  /* line 161, powderroom.scss */
  #selectplan .powderroom .counter .basic .phSet.col01 .flexImg { width: 100%; height: 150px; }
  /* line 162, powderroom.scss */
  #selectplan .powderroom .counter .basic .phSet.col01 span { text-align: center; }
  /* line 164, powderroom.scss */
  #selectplan .powderroom .counter .basic .phSet.col02 { width: 115px; bottom: auto; right: auto; top: 105px; left: 15px; }
  /* line 165, powderroom.scss */
  #selectplan .powderroom .counter .basic .phSet.col02 span { position: relative; bottom: auto; right: auto; }
  /* line 166, powderroom.scss */
  #selectplan .powderroom .counter .basic .phSet.col02 .flexImg { height: 60px; }
  /* line 168, powderroom.scss */
  #selectplan .powderroom .counter .basic .color { width: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin-top: 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-left: -30px; }
  /* line 169, powderroom.scss */
  #selectplan .powderroom .counter .basic .color .cCopy { margin-right: 15px; margin-top: -15px; }
  /* line 170, powderroom.scss */
  #selectplan .powderroom .counter .basic .color .phSet { width: 155px; }
  /* line 172, powderroom.scss */
  #selectplan .powderroom .counter .basic .icModelroom { top: auto; bottom: 0px; left: -35px; }
  /* line 174, powderroom.scss */
  #selectplan .powderroom .counter .select { padding-left: 15px; }
  /* line 175, powderroom.scss */
  #selectplan .powderroom .counter .select .phSet { width: 100%; }
  /* line 176, powderroom.scss */
  #selectplan .powderroom .counter .select .phSet .flexImg { width: 100%; height: 180px; }
  /* line 178, powderroom.scss */
  #selectplan .powderroom .counter .select .type { width: 100%; }
  /* line 179, powderroom.scss */
  #selectplan .powderroom .counter .select .type .cCopy { margin-top: 8px; line-height: 1.6 !important; }
  /* line 180, powderroom.scss */
  #selectplan .powderroom .counter .select .type .cCopy + p { font-size: 13px; line-height: 1.8; margin-bottom: 10px; }
  /* line 182, powderroom.scss */
  #selectplan .powderroom .counter .select .type .phSet.col02 .flexImg { height: auto; }
  /* line 184, powderroom.scss */
  #selectplan .powderroom .counter .select .color { margin-top: 20px; }
  /* line 185, powderroom.scss */
  #selectplan .powderroom .counter .select .color .cCopy { font-size: 15px; line-height: 1.6; margin-bottom: 10px !important; }
  /* line 186, powderroom.scss */
  #selectplan .powderroom .counter .select .color .colorList li { width: 47.5%; }
  /* line 187, powderroom.scss */
  #selectplan .powderroom .counter .select .color .colorList li:not(:nth-of-type(n + 3)) { margin-bottom: 10px; }
  /* line 194, powderroom.scss */
  #selectplan .powderroom .waterfaucet .basic .tit, #selectplan .powderroom .waterfaucet .select .tit { margin-bottom: 10px; }
  /* line 195, powderroom.scss */
  #selectplan .powderroom .waterfaucet .basic ul, #selectplan .powderroom .waterfaucet .select ul { margin-top: 15px; }
  /* line 196, powderroom.scss */
  #selectplan .powderroom .waterfaucet .basic ul li, #selectplan .powderroom .waterfaucet .select ul li { font-size: 13px; line-height: 1.8; }
  /* line 201, powderroom.scss */
  #selectplan .powderroom .waterfaucet .basic { width: 100%; }
  /* line 203, powderroom.scss */
  #selectplan .powderroom .waterfaucet .basic .phSet .flexImg { height: 140px; }
  /* line 204, powderroom.scss */
  #selectplan .powderroom .waterfaucet .basic .phSet .cap { margin-left: -12em; }
  /* line 206, powderroom.scss */
  #selectplan .powderroom .waterfaucet .basic .icModelroom { right: calc(100% + 10px); top: 40px; }
  /* line 208, powderroom.scss */
  #selectplan .powderroom .waterfaucet .select { width: 100%; padding-left: 15px; }
  /* line 209, powderroom.scss */
  #selectplan .powderroom .waterfaucet .select .type { width: 100%; }
  /* line 211, powderroom.scss */
  #selectplan .powderroom .waterfaucet .select .type .cCopy + p { font-size: 13px; line-height: 1.8; margin-bottom: auto; }
  /* line 213, powderroom.scss */
  #selectplan .powderroom .waterfaucet .select .type ul { justify-content: flex-start; }
  /* line 214, powderroom.scss */
  #selectplan .powderroom .waterfaucet .select .type ul li { width: auto; }
  /* line 215, powderroom.scss */
  #selectplan .powderroom .waterfaucet .select .type ul li:not(:last-child) { margin-right: 1em; }
  /* line 218, powderroom.scss */
  #selectplan .powderroom .waterfaucet .select .phSet { width: 100%; margin-top: 20px; }
  /* line 219, powderroom.scss */
  #selectplan .powderroom .waterfaucet .select .phSet em { width: 49%; height: 120px; }
  /* line 220, powderroom.scss */
  #selectplan .powderroom .waterfaucet .select .phSet em:nth-of-type(1) { width: 100%; margin-bottom: 2%; }
  /* line 229, powderroom.scss */
  #selectplan .powderroom .mirror .basic .tit, #selectplan .powderroom .mirror .select .tit { margin-bottom: 10px; }
  /* line 231, powderroom.scss */
  #selectplan .powderroom .mirror .basic { width: 100%; }
  /* line 232, powderroom.scss */
  #selectplan .powderroom .mirror .basic .phSet .flexImg { height: 170px; }
  /* line 234, powderroom.scss */
  #selectplan .powderroom .mirror .basic .cap small { display: block; font-size: 85%; }
  /* line 236, powderroom.scss */
  #selectplan .powderroom .mirror .basic .icModelroom { left: auto; top: -35px; right: -10px; }
  /* line 238, powderroom.scss */
  #selectplan .powderroom .mirror .select { width: 100%; padding-left: 15px; }
  /* line 239, powderroom.scss */
  #selectplan .powderroom .mirror .select .type { width: 100%; }
  /* line 241, powderroom.scss */
  #selectplan .powderroom .mirror .select .type .cCopy + p { font-size: 13px; line-height: 1.8; margin-bottom: auto; }
  /* line 242, powderroom.scss */
  #selectplan .powderroom .mirror .select .type .cCopy + p span { font-size: 90%; }
  /* line 245, powderroom.scss */
  #selectplan .powderroom .mirror .select .phSet { width: 100%; margin-top: 20px; }
  /* line 246, powderroom.scss */
  #selectplan .powderroom .mirror .select .phSet .flexImg { height: 170px; }
  /* line 252, powderroom.scss */
  #selectplan .powderroom .powderroomfloor .icModelroom { left: -10px; } }