@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 20, bathroom.scss */
#selectplan .bathroom.selectList { margin: 0 auto 50px; }
/* line 23, bathroom.scss */
#selectplan .bathroom .mainImgList { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 30px; }
/* line 24, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath { width: 100%; background: #fff; /*padding: 16px 16px 12px;*/ margin-bottom: 40px; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 25, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .icModelroom { top: -10px; left: 327px; }
/* line 26, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .tit { color: #fff; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; font-size: 28px; line-height: 1.4; font-family: "Lusitana", serif; padding: 10px 15px 10px 13px; margin: 0 auto 0px; box-sizing: border-box; margin-bottom: 25px; width: 100%; }
/* line 27, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .tit i { background: #fff; width: 40px; height: 60px; line-height: 1; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; box-sizing: border-box; font-size: 130%; letter-spacing: 0; }
/* line 28, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .tit i::after { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); display: block; border: 1px solid #000; position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; box-sizing: border-box; }
/* line 30, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .tit em { width: calc(100% - 55px); display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; }
/* line 31, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .tit em span { font-family: "FOT-筑紫明朝 Pr6N D"; letter-spacing: .075em; font-size: 16px; font-weight: 600; margin-left: 1.5em; }
/* line 32, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .tit em small { width: 100%; font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 500; letter-spacing: .075em; font-size: 15px; border-top: 1px solid white; text-align: left; padding-top: 5px; }
/* line 35, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .flexImg { width: 32%; }
/* line 36, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .select { width: 66%; }
/* line 37, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .select ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 38, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .select ul li { width: calc(100% / 4 - 20px); /*&:nth-child( -n + 2) { margin-bottom: 10px;}*/ }
/* line 40, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .select ul li span { font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 500; letter-spacing: .075em; font-size: 12px; line-height: 1.5; display: block; text-align: center; margin: 10px auto 0; }
/* line 41, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath .select ul li span strong { display: block; }
/* line 46, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan1 .tit { background: #d9ceaa; }
/* line 47, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan2 .tit { background: #d5b268; }
/* line 48, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan3 .tit { background: #a98c6f; }
/* line 49, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan4 .tit { background: #695748; }
/* line 50, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan1 .tit i::after { border-color: #d9ceaa; }
/* line 51, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan2 .tit i::after { border-color: #d5b268; }
/* line 52, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan3 .tit i::after { border-color: #a98c6f; }
/* line 53, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan4 .tit i::after { border-color: #695748; }
/* line 54, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan1 .tit i { color: #d9ceaa; }
/* line 55, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan2 .tit i { color: #d5b268; }
/* line 56, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan3 .tit i { color: #a98c6f; }
/* line 57, bathroom.scss */
#selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan4 .tit i { color: #695748; }
/* line 63, bathroom.scss */
#selectplan .bathroom .selectListContents { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 65, bathroom.scss */
#selectplan .bathroom .selectListContents .selectList:not(.bathtab) .secTit { padding: 15px 1em 4px; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: 12px; }
/* line 66, bathroom.scss */
#selectplan .bathroom .selectListContents .selectList:not(.bathtab) .secTit .tit { line-height: 1; }
/* line 67, bathroom.scss */
#selectplan .bathroom .selectListContents .selectList:not(.bathtab) .secTit .tit + p { width: 100%; letter-spacing: .075em; /*padding-left: 40px;*/ }
/* line 73, bathroom.scss */
#selectplan .bathroom .selectListContents .draw { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px !important; }
/* line 74, bathroom.scss */
#selectplan .bathroom .selectListContents .draw .phMain { width: 49%; height: 526px; }
/* line 75, bathroom.scss */
#selectplan .bathroom .selectListContents .draw .text { width: 49%; }
/* line 76, bathroom.scss */
#selectplan .bathroom .selectListContents .draw .text .note { font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 500; letter-spacing: .075em; font-size: 16px; font-size: 1rem; line-height: 1.8rem; background: white; text-align: left; /*padding: 15px 20px;*/ letter-spacing: .05em; border-radius: 6px; margin-bottom: 20px; }
/* line 77, bathroom.scss */
#selectplan .bathroom .selectListContents .draw .text .phSet { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 78, bathroom.scss */
#selectplan .bathroom .selectListContents .draw .text .phSet .ph.ph01 { width: 49.25%; }
/* line 79, bathroom.scss */
#selectplan .bathroom .selectListContents .draw .text .phSet .wrap { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; width: 49.25%; }
/* line 80, bathroom.scss */
#selectplan .bathroom .selectListContents .draw .text .phSet .wrap .ph { height: 49%; width: 100%; }
/* line 86, bathroom.scss */
#selectplan .bathroom .selectListContents .bathcounter { width: 100%; margin: 0 0 40px; }
/* line 87, bathroom.scss */
#selectplan .bathroom .selectListContents .bathcounter .basic { width: calc(60% - 6px); }
/* line 88, bathroom.scss */
#selectplan .bathroom .selectListContents .bathcounter .select { width: calc(40% - 6px); }
/* line 89, bathroom.scss */
#selectplan .bathroom .selectListContents .bathcounter .basic, #selectplan .bathroom .selectListContents .bathcounter .select { flex-direction: column; justify-content: flex-start; }
/* line 90, bathroom.scss */
#selectplan .bathroom .selectListContents .bathcounter .basic .tit, #selectplan .bathroom .selectListContents .bathcounter .select .tit { margin-bottom: 18px; }
/* line 92, bathroom.scss */
#selectplan .bathroom .selectListContents .bathcounter .basic .colorList li, #selectplan .bathroom .selectListContents .bathcounter .select .colorList li { width: 48.5%; }
/* line 93, bathroom.scss */
#selectplan .bathroom .selectListContents .bathcounter .basic .colorList li .icModelroom, #selectplan .bathroom .selectListContents .bathcounter .select .colorList li .icModelroom { bottom: -6px; left: auto; right: -8px; }
/* line 94, bathroom.scss */
#selectplan .bathroom .selectListContents .bathcounter .basic .colorList li .flexImg, #selectplan .bathroom .selectListContents .bathcounter .select .colorList li .flexImg { height: 220px; }
/* line 101, bathroom.scss */
#selectplan .bathroom .selectListContents .accentpanel { width: 100%; margin: 0 0 40px; }
/* line 102, bathroom.scss */
#selectplan .bathroom .selectListContents .accentpanel .basic { flex-direction: column; padding-right: 20px; width: calc(36% - 12px); }
/* line 105, bathroom.scss */
#selectplan .bathroom .selectListContents .accentpanel .basic .phSet em + span { text-align: center; width: 100%; }
/* line 109, bathroom.scss */
#selectplan .bathroom .selectListContents .accentpanel .select { flex-direction: column; width: 64%; padding-left: 20px; }
/* line 110, bathroom.scss */
#selectplan .bathroom .selectListContents .accentpanel .select .colorList { flex-wrap: wrap; }
/* line 112, bathroom.scss */
#selectplan .bathroom .selectListContents .accentpanel .select .colorList .tit span { text-align: left; }
/* line 114, bathroom.scss */
#selectplan .bathroom .selectListContents .accentpanel .select .colorList li { width: 47%; }
/* line 115, bathroom.scss */
#selectplan .bathroom .selectListContents .accentpanel .select .colorList li:nth-of-type(2) { margin-bottom: 13px; }
/* line 119, bathroom.scss */
#selectplan .bathroom .selectListContents .accentpanel .flexImg { width: 100%; margin: auto; height: 109px; }
/* line 120, bathroom.scss */
#selectplan .bathroom .selectListContents .accentpanel .icModelroom { top: -20px; left: -15px; }
/* line 123, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab { /*margin-top: 20px;*/ /*.basic .phSet, .select ul{ margin: -50px 0 auto;}*/ }
/* line 124, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .basic, #selectplan .bathroom .selectListContents .bathtab .select { display: block; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; padding-top: 50px; }
/* line 125, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .basic .tit, #selectplan .bathroom .selectListContents .bathtab .select .tit { position: absolute; top: 20px; left: 20px; }
/* line 126, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .basic .ph, #selectplan .bathroom .selectListContents .bathtab .select .ph { position: relative; }
/* line 127, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .basic .ph em, #selectplan .bathroom .selectListContents .bathtab .select .ph em { display: block; width: 300px; margin: 0 auto 30px; }
/* line 128, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .basic .ph i, #selectplan .bathroom .selectListContents .bathtab .select .ph i { display: block; width: 156px; border-radius: 6px; overflow: hidden; position: absolute; bottom: -60px; right: 0; }
/* line 130, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .basic .cCopy, #selectplan .bathroom .selectListContents .bathtab .select .cCopy { margin-bottom: 5px; font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 600; letter-spacing: .075em; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; }
/* line 131, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .basic .cCopy + p, #selectplan .bathroom .selectListContents .bathtab .select .cCopy + p { font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 500; letter-spacing: .075em; font-size: 14px; line-height: 1.8; text-align: justify; text-justify: inter-ideograph; }
/* line 134, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .basic { width: 360px; padding-right: 20px; }
/* line 135, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .basic .phSet { text-align: left; }
/* line 137, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .select { width: calc(100% - 12px - 360px); padding-left: 20px; }
/* line 138, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .select ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 139, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .select ul li { width: 47%; text-align: left; position: relative; }
/* line 140, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .select ul li:first-child::after { content: ""; width: 1px; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: calc(100% + 20px); }
/* line 145, bathroom.scss */
#selectplan .bathroom .selectListContents .bathtab .icModelroom { top: auto; bottom: -25px; left: -5px; }
@media only screen and (max-width: 750px) { /* line 155, bathroom.scss */
  #selectplan .bathroom.selectList { margin: 0 auto 40px; }
  /* line 158, bathroom.scss */
  #selectplan .bathroom .mainImgList { margin: 0 auto 30px; padding: 0 10px; }
  /* line 159, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath { width: 100%; /*padding: 15px 15px 15px;*/ padding: 0; margin-bottom: 30px; }
  /* line 160, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .icModelroom { top: -5px; left: auto; right: -5px; }
  /* line 161, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .tit { font-size: 24px; line-height: 1.2; padding: 12px 15px 12px 10px; margin: 0 auto 0px; /*margin-bottom: 15px;*/ width: 100%; }
  /* line 162, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .tit i { width: 36px; height: 55px; font-size: 130%; }
  /* line 163, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .tit i::after { width: calc(100% - 4px); height: calc(100% - 4px); }
  /* line 165, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .tit em { width: calc(100% - 46px); }
  /* line 166, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .tit em span { font-size: 15px; font-size: 0.9375rem; line-height: 1.40625rem; margin-left: auto; /*width: 100%;*/ text-align: left; }
  /* line 167, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .tit em small { font-size: 15px; margin-top: 2px; }
  /* line 170, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .flexImg { margin: 0 auto 0px; width: 100%; height: 300px; }
  /* line 171, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .select { width: 100%; }
  /* line 172, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .select ul { width: 100%; margin: 8px auto 0px; order: 2; }
  /* line 173, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .select ul li { width: calc(100% / 4 - 8px); }
  /* line 174, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .select ul li span { font-size: 10px; line-height: 1.5; /*letter-spacing: -.15em;*/ margin: 5px auto 0; }
  /* line 175, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .select ul li span strong { font-size: 11px; white-space: nowrap; }
  /* line 177, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .select ul li:nth-of-type(1) span strong { letter-spacing: -.05em; margin-left: -.15em; }
  /* line 178, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath .select ul li:nth-of-type(2) span strong { letter-spacing: -.05em; margin-left: -.15em; }
  /* line 186, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan1 .select ul li:nth-of-type(1) span { letter-spacing: -.025em; white-space: nowrap; margin-left: -.25em; }
  /* line 186, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan1 .select ul li:nth-of-type(1) span strong { letter-spacing: -.025em; }
  /* line 195, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan3 .select ul li:nth-of-type(1) span { letter-spacing: -.0em; white-space: nowrap; margin-left: -.25em; }
  /* line 195, bathroom.scss */
  #selectplan .bathroom .mainImgList .colorselectBath.bathroomPlan3 .select ul li:nth-of-type(1) span strong { letter-spacing: -.025em; }
  /* line 205, bathroom.scss */
  #selectplan .bathroom .selectListContents { /*.draw, .accentpanel { width: 100%;}
.bathcounter, .shower { width: 100%;}*/ }
  /* line 206, bathroom.scss */
  #selectplan .bathroom .selectListContents .selectList:not(.bathtab) { margin: 0 0 20px; }
  /* line 207, bathroom.scss */
  #selectplan .bathroom .selectListContents .selectList:not(.bathtab) .secTit { padding: 12px 12px; margin-bottom: 12px; }
  /* line 209, bathroom.scss */
  #selectplan .bathroom .selectListContents .selectList:not(.bathtab) .secTit .tit + p { width: 100%; }
  /* line 218, bathroom.scss */
  #selectplan .bathroom .selectListContents .draw .phMain { width: 100%; height: 325px; }
  /* line 219, bathroom.scss */
  #selectplan .bathroom .selectListContents .draw .text { width: 100%; }
  /* line 220, bathroom.scss */
  #selectplan .bathroom .selectListContents .draw .text .note { font-size: 15px; line-height: 1.6; /*padding: 10px 15px;*/ width: 95%; margin: 15px auto 30px; border-radius: 0px; }
  /* line 221, bathroom.scss */
  #selectplan .bathroom .selectListContents .draw .text .phSet { display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 222, bathroom.scss */
  #selectplan .bathroom .selectListContents .draw .text .phSet .ph.ph01 { width: 49.25%; }
  /* line 223, bathroom.scss */
  #selectplan .bathroom .selectListContents .draw .text .phSet .wrap { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; width: 49.25%; }
  /* line 224, bathroom.scss */
  #selectplan .bathroom .selectListContents .draw .text .phSet .wrap .ph { height: 49%; width: 100%; }
  /* line 231, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathcounter { width: 100%; }
  /* line 233, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathcounter .secTit .tit { white-space: nowrap; letter-spacing: -.015em; }
  /* line 235, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathcounter .basic, #selectplan .bathroom .selectListContents .bathcounter .select { width: 100%; flex-direction: row; justify-content: space-between; /*.phSet { width: 200px;
.flexImg { height: 120px;}
.icModelroom { bottom: -6px; left: -8px;}
}*/ }
  /* line 236, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathcounter .basic .tit, #selectplan .bathroom .selectListContents .bathcounter .select .tit { margin-bottom: 12px; }
  /* line 237, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathcounter .basic .tit br.sp, #selectplan .bathroom .selectListContents .bathcounter .select .tit br.sp { display: none !important; }
  /* line 244, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathcounter .basic .colorList li, #selectplan .bathroom .selectListContents .bathcounter .select .colorList li { width: 48.5%; }
  /* line 245, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathcounter .basic .colorList li .icModelroom, #selectplan .bathroom .selectListContents .bathcounter .select .colorList li .icModelroom { bottom: -6px; /*left: -8px;*/ right: 0px; }
  /* line 246, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathcounter .basic .colorList li .flexImg, #selectplan .bathroom .selectListContents .bathcounter .select .colorList li .flexImg { height: auto; }
  /* line 253, bathroom.scss */
  #selectplan .bathroom .selectListContents .accentpanel { width: 100%; padding: 0; }
  /* line 254, bathroom.scss */
  #selectplan .bathroom .selectListContents .accentpanel .basic { width: 100%; padding-right: 15px; flex-direction: row; justify-content: space-between; }
  /* line 255, bathroom.scss */
  #selectplan .bathroom .selectListContents .accentpanel .basic .phSet { width: 47.5%; }
  /* line 257, bathroom.scss */
  #selectplan .bathroom .selectListContents .accentpanel .select { width: 100%; padding-left: 15px; }
  /* line 259, bathroom.scss */
  #selectplan .bathroom .selectListContents .accentpanel .select .colorList li { width: 47.5%; }
  /* line 260, bathroom.scss */
  #selectplan .bathroom .selectListContents .accentpanel .select .colorList li:nth-of-type(2) { margin-bottom: 13px; }
  /* line 264, bathroom.scss */
  #selectplan .bathroom .selectListContents .accentpanel .flexImg { width: 100%; margin: auto; height: 110px; }
  /* line 265, bathroom.scss */
  #selectplan .bathroom .selectListContents .accentpanel .icModelroom { top: -20px; left: -15px; }
  /* line 269, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .basic, #selectplan .bathroom .selectListContents .shower .select { flex-direction: row; justify-content: space-between; }
  /* line 270, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .basic .tit, #selectplan .bathroom .selectListContents .shower .select .tit { margin-bottom: 10px; }
  /* line 271, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .basic .phSet, #selectplan .bathroom .selectListContents .shower .select .phSet { width: 200px; }
  /* line 272, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .basic .phSet .flexImg, #selectplan .bathroom .selectListContents .shower .select .phSet .flexImg { height: 164px; }
  /* line 273, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .basic .phSet strong, #selectplan .bathroom .selectListContents .shower .select .phSet strong { width: 70px; position: absolute; bottom: 40px; left: -30px; }
  /* line 276, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .basic { width: 100%; }
  /* line 277, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .select { width: 100%; }
  /* line 278, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .select .tit { width: auto; }
  /* line 279, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .select .read { width: 100%; font-size: 13px; line-height: 1.8; margin-top: 15px; }
  /* line 281, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .icModelroom { top: -15px; left: auto; right: -10px; }
  /* line 282, bathroom.scss */
  #selectplan .bathroom .selectListContents .shower .caption { position: relative; bottom: auto; right: auto; top: -0px; }
  /* line 285, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab { /*margin-top: 0px;*/ }
  /* line 286, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .basic, #selectplan .bathroom .selectListContents .bathtab .select { padding-top: 30px; }
  /* line 287, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .basic .tit, #selectplan .bathroom .selectListContents .bathtab .select .tit { position: absolute; top: 15px; left: 15px; }
  /* line 289, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .basic .ph em, #selectplan .bathroom .selectListContents .bathtab .select .ph em { width: 300px; margin: 0 auto 30px; }
  /* line 290, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .basic .ph i, #selectplan .bathroom .selectListContents .bathtab .select .ph i { width: 156px; border-radius: 6px; position: absolute; bottom: -53px; right: 0; }
  /* line 292, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .basic .cCopy, #selectplan .bathroom .selectListContents .bathtab .select .cCopy { margin-bottom: 6px; font-size: 14px; }
  /* line 293, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .basic .cCopy + p, #selectplan .bathroom .selectListContents .bathtab .select .cCopy + p { font-size: 13px; line-height: 1.8; }
  /* line 296, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .basic { width: 100%; padding-right: 15px; }
  /* line 299, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .select { width: 100%; padding-left: 15px; }
  /* line 300, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .select .tit { top: 30px; }
  /* line 302, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .select ul li { width: 100%; }
  /* line 303, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .select ul li:first-child { margin-top: 20px; }
  /* line 304, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .select ul li:not(:last-child) { padding-bottom: 15px; margin-bottom: 10px; }
  /* line 305, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .select ul li:first-child::after { width: 100%; height: 1px; top: 100%; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; }
  /* line 309, bathroom.scss */
  #selectplan .bathroom .selectListContents .bathtab .icModelroom { top: auto; bottom: -10px; left: -5px; } }