@charset "UTF-8";

/* ==========================
  EQUIPMENT
========================== */
.cinzel{
font-family: 'Cinzel', serif;
}
figure {
  position: relative;
}

.head_h1 {
  font-size: 0;
}

#all_Wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}

#contents {
  font-family: "游明朝 Medium", YuMincho Medium, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}

.title_Box {
  background-image: -moz-linear-gradient(0deg, rgb(1, 26, 36) 0%, rgb(49, 74, 84) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(1, 26, 36) 0%, rgb(49, 74, 84) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(1, 26, 36) 0%, rgb(49, 74, 84) 100%);
  background: radial-gradient(circle, rgba(24, 36, 63, 1) 0%, rgba(7, 13, 31, 1) 100%);
  padding: 50px 0;
}

.title_Box h3 {
  font-size: 42px;
  letter-spacing: 0.12em;
  line-height: 1.3;
  color: #d1ac77;
  text-align: center;
}

.title_Box h6 {
  font-size: 17px;
  letter-spacing: 0.12em;
  color: #fff;
  text-align: center;
  font-family: "游明朝 Medium", YuMincho Medium, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  padding-right: 0.16em;
}

/* kobetsu */
.tab_page {
  background: #030714;
  padding: 50px 0;
  display: none;
}

.tab_page ul {
  flex-wrap: wrap;
  justify-content: center;
}

.tab_page ul li {
  width: 34%;
  max-width: 420px;
}

.tab_page ul li:nth-of-type(1) {
  margin-right: 60px;
}

.tab_page ul li a {
position: relative;
  display: block;
  /* height: 96px; */
  font-size: 26px;
  letter-spacing: 2px;
  text-align: center;
  padding: 14px 0 ;
  line-height: 0;
  position: relative;
  transition: all .5s;
}


.tab_page ul li a img {
  width: 90%;
/*  max-width: 386px;*/
max-width: calc(386px * 0.8);
}

.tab_page ul li a:hover {
  opacity: 0.5;
}

.tab_page ul li#cs_floor a {
  background: #dcd1c5;
  border: 1px solid #d4c897;
}

.tab_page ul li#le_floor a {
  background: #420505;
  border: 1px solid #d4c897;
}
.tab_page ul li.here a{
pointer-events: none;
}
.tab_page ul li.here a::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%,0);
display: block;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 10px solid #d4c897;
}




/* hoverで文字を反転させる場合 */
/* .tab_page ul li a img:nth-of-type(1) {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
} */

/* .tab_page ul li a img:nth-of-type(2) {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
} */

.tab_content {
  margin-top: 60px;
}

.tab_content ul {
  justify-content:space-between;
}

.tab_content ul li {
  width: calc((100% - 6%) / 6);
  /* width: 15.6%; */
}


.tab_content ul li a {
  display: block;
  font-size: 16px;
  color: #1e2c39;
  text-align: center;
  padding: 10px 0;
transition: 0.3s;
}

/* hover処理 */
/* .tab_content ul li a:hover {
  opacity: 0.7;
} */

.tab_content.cs_floor ul li a {
  background: #fff;
  border: 1px solid #1e2c39;
  transition: 0.3s;
}

.tab_content.cs_floor ul li a.here {
  color: #fff;
  background: #1e2c39;
  pointer-events: none;
}

.tab_content.cs_floor ul li a:hover {
  color: #fff;
  background: #1e2c39;
}

.tab_content.cs_floor ul li a.here:hover {
  color: #fff;
  background: #1e2c39;
}





.tab_content.le_floor ul li a {
position: relative;
  background: #fff;
  border: 1px solid #1e2c39;
  z-index: 1;
}

.tab_content.le_floor ul li a.here {
  pointer-events: none;
  color: #fff;
background: -moz-radial-gradient(center, ellipse cover,  rgba(170,139,84,1) 0%, rgba(135,111,77,1) 99%, rgba(135,111,77,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(170,139,84,1) 0%,rgba(135,111,77,1) 99%,rgba(135,111,77,1) 100%);
background: radial-gradient(ellipse at center,  rgba(170,139,84,1) 0%,rgba(135,111,77,1) 99%,rgba(135,111,77,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa8b54', endColorstr='#876f4d',GradientType=1 );
}

.tab_content.le_floor ul li a:hover {
opacity: 0.7;
}

.tab_content.le_floor ul li a.here:hover {
  color: #fff;
background: -moz-radial-gradient(center, ellipse cover,  rgba(170,139,84,1) 0%, rgba(135,111,77,1) 99%, rgba(135,111,77,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(170,139,84,1) 0%,rgba(135,111,77,1) 99%,rgba(135,111,77,1) 100%);
background: radial-gradient(ellipse at center,  rgba(170,139,84,1) 0%,rgba(135,111,77,1) 99%,rgba(135,111,77,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa8b54', endColorstr='#876f4d',GradientType=1 );

}
.floor_ttl {
padding: 50px 0;
text-align: center;
}
.floor_ttl.le{
}
.floor_ttl h3 {
font-size: 28px;
letter-spacing: 0.1em;
font-family: 'Cinzel', serif;
}
.floor_ttl.le h3 {
color: #f9d297;
}
.floor_ttl.cs h3 {
color: #1e2c39;
}
/* 共通で使えるcss */

.ttl_box h4 {
  font-size: 26px;
  text-align: center;
  margin: 100px auto 20px auto;
}

.ttl_box p {
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 60px;
}
.txt_box{
margin: 0 0 20px;
}
.txt_box.column_start{
justify-content: flex-start;
}

h5.item_ttl {
  font-size: 18px;
      display: flex;
    align-items: center;
}

h5.item_ttl.mini {
  font-size: 16px;
  letter-spacing: 0.02em;
}

h5.item_ttl .type_name {
  margin-left: 10px;
}

.type_name {
  display: inline-block;
  font-size: 13px;
  letter-spacing: 0;
    line-height: 1;
    color: #fff;
    padding: 4px 10px;
}

p.item_txt {
  font-size: 14px;
  margin-top: 15px;
}

.small {
  font-size: 12px;
}

.text_right {
  text-align: right;
}

sup {
  font-size: 9px;
  vertical-align: text-bottom;
}

.description {
  font-size: 12px;
  margin-top: 10px;
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: 0.06em;
}
.description.no-indent{
  text-indent: unset;
  padding-left: unset;
}

.description_list {
  margin-top: 10px;
}

.description_list p {
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
}

.con_ttl p.ttl {
  font-size: 20px;
/*  padding-bottom: 10px;*/
  margin-bottom: 15px;
}

.con_ttl p.txt {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}

/* toilet */
#toilet {
  margin-top: 100px;
}


/* flex */
.left_flex {
  display: flex;
}

.right_flex {
  display: flex;
}

/* column_01 */
.column_01 {
  width: 100%;
  max-width: 1000px;
}

/* column_02 */
.column_02 {
  margin-top: 60px;
}

.column_02 ul {
  flex-wrap: wrap;
  justify-content: space-between;
}

.column_02 ul li {
  width: 47%;
  display: flex;
justify-content: space-between;
flex-direction: column;
}

.column_02 ul li:nth-of-type(n+3) {
  margin-top: 60px;
}

/* column_02_2 */
.column_02_2 {
  margin-top: 60px;
}

.column_02_2 ul {
  flex-wrap: wrap;
  justify-content: space-between;
}

.column_02_2 ul li {
  width: 47%;
}

.column_02_2 ul li.w100 {
  width: 100%;
}

/* column_03 */
.column_03 {
  margin-top: 60px;
}

.column_03 ul {
  flex-wrap: wrap;
  justify-content: space-between;
}

.column_03 ul li {
  width: 31%;
}
#other .column_03 ul li {
  width: 31%;
    display: flex;
justify-content: space-between;
flex-direction: column;
}

.column_03 ul li:nth-of-type(n+4) {
  margin-top: 60px;
}

.column_03 ul li.space02 {
  width: 65.5%;
}

/* column_04 */
.column_04 {
  margin-top: 20px;
}

.column_04 ul {
  flex-wrap: wrap;
  justify-content: space-between;
}

.column_04 ul li {
  width: 23.5%;
}

.column_04 ul li:nth-of-type(n+5) {
  margin-top: 60px;
}

/*KITCHEN キッチンキャビネット*/

.column_02.kitchen_cabinet{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.column_02 .cabinet_box {
width: 32.4%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.column_02 .cabinet_box > div:not(:last-of-type){
margin-bottom: 7%;
}

.column_02.kitchen_cabinet .txt_box {
}
.column_02.kitchen_cabinet .txt_box h5.item_ttl{
display: inline-block;
line-height: 1.2;
}
.column_02.kitchen_cabinet .txt_box h5.item_ttl .small{
font-size: 10px;
}
.column_02.kitchen_cabinet .txt_box p.item_txt{
margin-top: 10px;
}
.column_02.kitchen_cabinet .item_txt {
}
.column_02.kitchen_cabinet > div.pc {
position: relative;
width: 63.5%;
}
.column_02.kitchen_cabinet > figure::after {
    content: "";
    position: absolute;
    top: 44%;
    right: 31.2%;
    display: block;
    width: 75.2%;
    height: 1px;
    background: #a40001;
}

/* BBIQタイトル部分 */
.internet h5 {
  align-items: center;
  justify-content: flex-start;
  justify-content: space-between;
}

.internet h5 span {
  display: inline-block;
}

.internet h5.item_ttl .bbiq {
  max-width: 164px;
  margin-left: 20px;
}
.flex_column{
display: flex;
justify-content: space-between;
flex-direction: column;
}
.mg_none{
margin: 0!important;
}
.type_name.float{
position: absolute;
top: 0;
left: 0;
}
/* ----------------------
  TAB
---------------------- */
@media screen and (max-width: 820px) {
  .tab_content ul li {
  }
  .tab_content ul li a {
    font-size: 14px;
  }
}

/* ----------------------
  SP
---------------------- */
@media screen and (max-width: 767px) {
  .title_Box {
    padding: 26px 0;
  }

  .title_Box h3 {
    font-size: 30px;
  }

  .title_Box h6 {
    font-size: 13px;
  }
  .type_name {
    line-height: 1.2;
}

  /* kobetsu */
  .tab_page {
    padding: 30px 0;
  }

  .tab_page ul {
    width: 80%;
    margin: 0 auto;
  }

  .tab_page ul li {
    width: 100%;
    max-width: 100%;
  }

  .tab_page ul li:nth-of-type(1) {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .tab_content ul {
    flex-wrap: wrap;
  }

  .tab_content ul li {
    width: calc((100% - 3%) / 2);
    margin-bottom: 3%;
  }
  .tab_content ul li:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .tab_content ul li a {
    font-size: 14px;
  }
  .floor_ttl {
padding: 40px 0 0;
}
.floor_ttl.le{
}
.floor_ttl h3 {
font-size: 21px;
}

  .ttl_box h4 {
    font-size: 20px;
    margin: 80px auto 20px auto;
  }

  .ttl_box p {
  text-align: left;
    font-size: 14px;
    margin-bottom: 40px;
  }

  h5.item_ttl {
    flex-wrap: wrap;
    font-size: 16px;
    padding: 0 0 0.5em;
  }

  h5.item_ttl .type_name {
    margin-left: 0;
  }

  p.item_txt {
    margin-top: 4px;
  }

  .con_ttl p.ttl {
    font-size: 16px;
  }

  .con_ttl p.txt {
    line-height: 1.5;
  }

  .text_right {
    text-align: left;
  }

  /* flex */
  /* column_02 */
  .column_02 {
    margin-top: 40px;
}
  
  .column_02 ul li {
    width: 100%;
  }

  .column_02 ul li:nth-of-type(n+2) {
    margin-top: 40px;
  }
  .column_02.ecojozu ul li:nth-child(2) {
margin: 0;
}

  /* column_03 */
  .column_03 ul li {
    width: 100%;
  }

  .column_03 ul li:nth-of-type(n+2) {
    margin-top: 40px;
  }

  .column_03 ul li.space02 {
    width: 100%;
  }

  /* column_04 */
  .column_04 ul li {
    width: 48%;
  }

  .column_04 ul li:nth-of-type(n+3) {
    margin-top: 40px;
  }
  
/*KITCHEN キッチンキャビネット*/
.column_02.kitchen_cabinet{
}
.column_02 .cabinet_box {
width: 100%;
}
.column_02 .cabinet_box > div:not(:last-of-type){
margin-bottom: 7%;
}

.column_02.kitchen_cabinet .txt_box {
}
.column_02.kitchen_cabinet .txt_box h5.item_ttl{
display: inline-block;
line-height: 1.2;
}
.column_02.kitchen_cabinet .cabinet_box > div:nth-of-type(1) figure.sp::after {
content: "";
position: absolute;
top: 44%;
right: 0.8%;
display: block;
width: 12%;
height: 110%;
border-top: 1px solid #a40001;
border-right: 1px solid #a40001;
}

}