@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 19, floor.scss */
#selectplan .floor { padding-top: 0; padding-bottom: 40px; }
/* line 20, floor.scss */
#selectplan .floor .floorList { display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left; align-items: flex-start; }
/* line 21, 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 22, floor.scss */
#selectplan .floor .floorList .list .titSec { width: 100%; border-top: 3px solid #999; padding: 0px 0; margin-bottom: 8px; }
/* line 23, floor.scss */
#selectplan .floor .floorList .list .titSec .tit { border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding: .25em 0; margin: 0 auto 6px; font-family: "Lusitana", serif; letter-spacing: .025em; font-size: 30px; line-height: 1.8; font-weight: 400; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; }
/* line 24, 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 25, floor.scss */
#selectplan .floor .floorList .list .titSec .tit span { display: inline-block; font-size: 18px; line-height: 1; font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 600; letter-spacing: .075em; letter-spacing: .075em; margin-left: 20px; padding-left: 15px; border-left: 1px solid rgba(0, 0, 0, 0.5); }
/* line 26, floor.scss */
#selectplan .floor .floorList .list .titSec .tit + p { font-size: 16px; font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 600; letter-spacing: .075em; /*text-align: right;*/ padding: .25em 0; }
/* line 29, floor.scss */
#selectplan .floor .floorList .list .ph { width: 100%; margin: 0 auto 20px; }
/* line 30, floor.scss */
#selectplan .floor .floorList .list ul { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
/* line 31, floor.scss */
#selectplan .floor .floorList .list ul li { display: block; width: calc(100% / 4 - 16px); }
/* line 32, floor.scss */
#selectplan .floor .floorList .list ul li .flexImg { width: 100%; height: 0; padding-top: 100%; }
/* line 33, floor.scss */
#selectplan .floor .floorList .list ul li .flexImg img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; }
/* line 35, floor.scss */
#selectplan .floor .floorList .list ul li span { font-family: "FOT-筑紫明朝 Pr6N D"; font-weight: 600; letter-spacing: .075em; letter-spacing: .075em; font-size: 12px; line-height: 1.2; display: block; text-align: center; margin: 5px auto 0; /*white-space: nowrap;*/ }
/* line 36, floor.scss */
#selectplan .floor .floorList .list ul li span strong { letter-spacing: -.0em; margin-bottom: 3px; }
/* line 40, floor.scss */
#selectplan .floor .floorList .list.list01 .titSec { border-top-color: #d9ceaa; }
/* line 41, floor.scss */
#selectplan .floor .floorList .list.list02 .titSec { border-top-color: #d5b268; }
/* line 42, floor.scss */
#selectplan .floor .floorList .list.list03 .titSec { border-top-color: #a98c6f; }
/* line 43, floor.scss */
#selectplan .floor .floorList .list.list04 .titSec { border-top-color: #695748; }
/* line 44, floor.scss */
#selectplan .floor .floorList .list.list01 h3 i { background: #d9ceaa; }
/* line 45, floor.scss */
#selectplan .floor .floorList .list.list02 h3 i { background: #d5b268; }
/* line 46, floor.scss */
#selectplan .floor .floorList .list.list03 h3 i { background: #a98c6f; }
/* line 47, floor.scss */
#selectplan .floor .floorList .list.list04 h3 i { background: #695748; }
/* line 48, floor.scss */
#selectplan .floor .floorList .list.list02 ul li:nth-of-type(2) span { margin-left: -.5em; white-space: nowrap; }
/* line 48, floor.scss */
#selectplan .floor .floorList .list.list02 ul li:nth-of-type(2) span strong { margin-left: .5em; }
/* line 50, floor.scss */
#selectplan .floor .floorList .icModelroom { top: 66px; left: auto; right: 10px; }
/* line 52, 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 57, floor.scss */
  #selectplan .floor .floorList { padding: 0 10px; box-sizing: border-box; }
  /* line 58, floor.scss */
  #selectplan .floor .floorList .list { width: 100%; padding: 0px 0px 0px; margin-bottom: 0%; }
  /* line 59, floor.scss */
  #selectplan .floor .floorList .list:not(:last-child) { margin-bottom: 50px; }
  /* line 60, floor.scss */
  #selectplan .floor .floorList .list .titSec { border-top: 4px solid #999; padding: 3px 0; order: 0; }
  /* line 61, floor.scss */
  #selectplan .floor .floorList .list .titSec .tit { border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding: 0 0px 4px; margin: 0 auto 3px; font-size: 24px; line-height: 1.8; letter-spacing: 0; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; }
  /* line 62, floor.scss */
  #selectplan .floor .floorList .list .titSec .tit i { font-size: 100%; width: 25px; height: 25px; margin-right: 10px; margin-top: 9px; padding-top: .1em; box-sizing: border-box; }
  /* line 63, floor.scss */
  #selectplan .floor .floorList .list .titSec .tit span { font-size: 16px; line-height: 1; margin-left: 12px; padding-left: 8px; /*display: block; margin-top: -8px; width: 100%;*/ }
  /* line 64, floor.scss */
  #selectplan .floor .floorList .list .titSec .tit + p { font-size: 16px; padding: 0 0px; /*text-align: center;*/ }
  /* line 67, floor.scss */
  #selectplan .floor .floorList .list .ph { width: 100%; height: 250px; margin-bottom: 0; order: 1; }
  /* line 68, floor.scss */
  #selectplan .floor .floorList .list ul { width: 100%; margin: 8px auto 0px; order: 2; }
  /* line 69, floor.scss */
  #selectplan .floor .floorList .list ul li { width: calc(100% / 4 - 6px); /*&:nth-of-type(-n + 2){ margin-bottom: 10px;}*/ }
  /* line 71, floor.scss */
  #selectplan .floor .floorList .list ul li span { font-size: 10px; line-height: 1.5; letter-spacing: 0em; margin: 5px auto 0; }
  /* line 72, floor.scss */
  #selectplan .floor .floorList .list ul li span strong { font-size: 11px; }
  /* line 76, floor.scss */
  #selectplan .floor .floorList .list.list02 .titSec .tit span { letter-spacing: .075em; }
  /* line 77, floor.scss */
  #selectplan .floor .floorList .list.list02 ul li:nth-of-type(2) span { margin-left: 0; white-space: normal; }
  /* line 77, floor.scss */
  #selectplan .floor .floorList .list.list02 ul li:nth-of-type(2) span strong { margin-left: 0; }
  /* line 78, floor.scss */
  #selectplan .floor .floorList .list.list03 ul li:nth-of-type(2) span { margin-left: -.05em; white-space: nowrap; }
  /* line 78, floor.scss */
  #selectplan .floor .floorList .list.list03 ul li:nth-of-type(2) span strong { margin-left: .05em; }
  /* line 79, floor.scss */
  #selectplan .floor .floorList .list.list04 ul li:nth-of-type(2) span { margin-left: -.05em; white-space: nowrap; }
  /* line 79, floor.scss */
  #selectplan .floor .floorList .list.list04 ul li:nth-of-type(2) span strong { margin-left: .05em; }
  /* line 81, floor.scss */
  #selectplan .floor .floorList .icModelroom { top: 62px; left: auto; right: 12px; } }