@charset "UTF-8";
/*aa102d　7d0000*/
/*"Bellefair", serif;*/
/* line 21, floor.scss */
#selectplan .floor { padding-bottom: 40px; }
/* line 22, floor.scss */
#selectplan .floor .floorList { display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left; align-items: flex-start; }
/* line 23, floor.scss */
#selectplan .floor .floorList .list { /*width: 49.5%; padding: 20px 20px 20px;*/ width: 48%; background: #fff; /*margin-bottom: 1%;*/ margin-bottom: 60px; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
/* line 24, floor.scss */
#selectplan .floor .floorList .list .titSec { width: 100%; border-top: 3px solid #999; padding: 0px 0; margin-bottom: 8px; }
/* line 25, floor.scss */
#selectplan .floor .floorList .list .titSec .tit { border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding-bottom: 0px; margin: 0 auto 6px; font-family: "EB Garamond", serif; letter-spacing: .025em; font-size: 30px; font-size: 1.875rem; line-height: 3.375rem; font-weight: 400; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; }
/* line 26, floor.scss */
#selectplan .floor .floorList .list .titSec .tit i { color: #fff; font-size: 90%; line-height: 1; display: inline-block; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-right: 10px; }
/* line 27, floor.scss */
#selectplan .floor .floorList .list .titSec .tit span { display: inline-block; font-size: 18px; font-size: 1.125rem; line-height: 1.125rem; font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 600; letter-spacing: -.015em; letter-spacing: -.05em; margin-left: 20px; padding-left: 15px; border-left: 1px solid rgba(0, 0, 0, 0.5); }
/* line 28, floor.scss */
#selectplan .floor .floorList .list .titSec .tit + p { font-size: 16px; font-size: 1rem; line-height: 2rem; font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 600; letter-spacing: -.015em; /*text-align: right;*/ }
/* line 31, floor.scss */
#selectplan .floor .floorList .list .ph { width: 100%; margin: 0 auto 20px; }
/* line 32, floor.scss */
#selectplan .floor .floorList .list ul { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
/* line 33, floor.scss */
#selectplan .floor .floorList .list ul li { display: block; width: calc(100% / 4 - 16px); }
/* line 34, floor.scss */
#selectplan .floor .floorList .list ul li .flexImg { width: 100%; height: 0; padding-top: 100%; }
/* line 35, floor.scss */
#selectplan .floor .floorList .list ul li .flexImg img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 37, floor.scss */
#selectplan .floor .floorList .list ul li span { font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 600; letter-spacing: -.015em; letter-spacing: -.1em; -webkit-text-stroke-width: .1px; font-size: 12px; font-size: 0.75rem; line-height: 0.9rem; display: block; text-align: center; margin: 5px auto 0; /*white-space: nowrap;*/ }
/* line 38, floor.scss */
#selectplan .floor .floorList .list ul li span strong { letter-spacing: -.0em; margin-bottom: 3px; }
/* line 42, floor.scss */
#selectplan .floor .floorList .list.list01 .titSec { border-top-color: #d9ceaa; }
/* line 43, floor.scss */
#selectplan .floor .floorList .list.list02 .titSec { border-top-color: #d5b268; }
/* line 44, floor.scss */
#selectplan .floor .floorList .list.list03 .titSec { border-top-color: #a98c6f; }
/* line 45, floor.scss */
#selectplan .floor .floorList .list.list04 .titSec { border-top-color: #695748; }
/* line 46, floor.scss */
#selectplan .floor .floorList .list.list01 h3 i { background: #d9ceaa; }
/* line 47, floor.scss */
#selectplan .floor .floorList .list.list02 h3 i { background: #d5b268; }
/* line 48, floor.scss */
#selectplan .floor .floorList .list.list03 h3 i { background: #a98c6f; }
/* line 49, floor.scss */
#selectplan .floor .floorList .list.list04 h3 i { background: #695748; }
/* line 50, floor.scss */
#selectplan .floor .floorList .list.list02 ul li:nth-of-type(2) span { margin-left: -.5em; white-space: nowrap; }
/* line 50, floor.scss */
#selectplan .floor .floorList .list.list02 ul li:nth-of-type(2) span strong { margin-left: .5em; }
/* line 52, floor.scss */
#selectplan .floor .floorList .icModelroom { top: -10px; left: auto; right: 10px; }
/* line 54, floor.scss */
#selectplan .floor .floorList .list ul li span strong, #selectplan .floor .bathroom .mainImgList .colorselectBath .select ul li span strong { display: block; }
@media only screen and (max-width: 750px) { /* line 59, floor.scss */
  #selectplan .floor .floorList { padding: 0 0%; }
  /* line 60, floor.scss */
  #selectplan .floor .floorList .list { width: 100%; padding: 0px 0px 0px; margin-bottom: 0%; }
  /* line 61, floor.scss */
  #selectplan .floor .floorList .list:not(:last-child) { margin-bottom: 50px; }
  /* line 62, floor.scss */
  #selectplan .floor .floorList .list .titSec { border-top: 4px solid #999; padding: 3px 0; order: 0; }
  /* line 63, floor.scss */
  #selectplan .floor .floorList .list .titSec .tit { border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding: 0 10px 4px; margin: 0 auto 3px; font-size: 24px; font-size: 1.5rem; line-height: 2.7rem; letter-spacing: 0; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; }
  /* line 64, floor.scss */
  #selectplan .floor .floorList .list .titSec .tit i { font-size: 100%; width: 25px; height: 25px; margin-right: 10px; margin-top: 9px; }
  /* line 65, floor.scss */
  #selectplan .floor .floorList .list .titSec .tit span { font-size: 16px; font-size: 1rem; line-height: 1rem; margin-left: 12px; padding-left: 8px; /*display: block; margin-top: -8px; width: 100%;*/ }
  /* line 66, floor.scss */
  #selectplan .floor .floorList .list .titSec .tit + p { font-size: 16px; font-size: 1rem; line-height: 2rem; padding: 0 0px; text-align: center; }
  /* line 69, floor.scss */
  #selectplan .floor .floorList .list .ph { width: 100%; height: 250px; margin-bottom: 0; order: 1; }
  /* line 70, floor.scss */
  #selectplan .floor .floorList .list ul { width: 98%; margin: 4px auto 0px; order: 2; }
  /* line 71, floor.scss */
  #selectplan .floor .floorList .list ul li { width: calc(100% / 4 - 3px); /*&:nth-of-type(-n + 2){ margin-bottom: 10px;}*/ }
  /* line 73, floor.scss */
  #selectplan .floor .floorList .list ul li span { font-size: 10px; font-size: 0.625rem; line-height: 0.9375rem; letter-spacing: -.15em; margin: 5px auto 0; }
  /* line 74, floor.scss */
  #selectplan .floor .floorList .list ul li span strong { font-size: 11px; }
  /* line 78, floor.scss */
  #selectplan .floor .floorList .list.list02 .titSec .tit span { letter-spacing: -.1em; }
  /* line 79, floor.scss */
  #selectplan .floor .floorList .list.list02 ul li:nth-of-type(2) span { margin-left: 0; white-space: normal; }
  /* line 79, floor.scss */
  #selectplan .floor .floorList .list.list02 ul li:nth-of-type(2) span strong { margin-left: 0; }
  /* line 80, floor.scss */
  #selectplan .floor .floorList .list.list04 ul li:nth-of-type(2) span { margin-left: -.05em; white-space: nowrap; }
  /* line 80, floor.scss */
  #selectplan .floor .floorList .list.list04 ul li:nth-of-type(2) span strong { margin-left: .05em; }
  /* line 82, floor.scss */
  #selectplan .floor .floorList .icModelroom { top: -30px; left: auto; right: 0px; } }