@charset "UTF-8";
/* 共通で必要
===========================================================*/
.LivingLabo img {
  vertical-align: baseline;
  max-width: 100% !important;
}

.LivingLabo .icon img {
  vertical-align: middle;
}

.LivingLabo > div .btn a:hover img {
  opacity: 0.5;
  transition: 0.3s opacity;
}

/* secLLL  Lions Living Labo
===========================================================*/
.secLLL {
  margin-top: 30px;
}

.secLLL {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  border: 1px solid #CCC;
}

.secLLL .icon {
  width: 70px;
  padding-right: 10px;
}

.secLLL > div {
  width: 100%;
  text-align: left;
}

.secLLL > div .btn {
  padding-left: 10px;
}

@media screen and (min-width: 841px) {
  .secLLL > div {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
  }
}
@media screen and (max-width: 840px) { /*{belowTB}*/
  .secLLL > div .txt {
    display: none;
  }
}
/* secKilei  Ki-Le-i dresser
===========================================================*/
.secKilei {
  margin-top: 30px;
}

.secKilei .catch {
  display: flex;
}

.secKilei .catch span {
  display: inline-block;
  width: 100px;
  padding-right: 10px;
  line-height: 0.5;
}

.secKilei .catch img {
  vertical-align: top;
}

.secKilei .catch::after {
  content: "";
  width: calc(100% - 100px);
  height: 5px;
  background: url(../images/equipment/LLL/top_border.png) center left repeat-x;
}

.secKilei > div {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 0;
}

.secKilei .icon {
  width: 70px;
  box-sizing: content-box;
}

.secKilei .btn {
  width: 107px !important;
}

.secKilei.color > div {
  background: linear-gradient(to bottom, #c7ddeb 0%, #FFF 100%);
  padding: 15px 10px;
}

.secKilei.color .catch {
  display: none;
}

@media screen and (min-width: 841px) {
  .secKilei .icon {
    order: 3;
    padding: 0 36px 0 16px;
    min-width: 6.1%;
  }
  .secKilei .logo {
    order: 1;
    padding-right: 16px;
  }
  .secKilei > div > div {
    order: 4;
    min-width: 59.743%;
  }
  .secKilei .btn {
    order: 2;
    min-width: 11.456%;
  }
}
@media screen and (max-width: 840px) { /*{belowTB}*/
  .secKilei .point {
    display: none;
  }
  .secKilei > div {
    justify-content: space-between;
  }
  .secKilei .icon {
    width: 70px;
    padding-right: 10px;
  }
  .secKilei .logo {
    padding-right: 15px;
  }
  .secKilei > div > div {
    text-align: left;
    line-height: 0.8em;
  }
  .secKilei > div > div img {
    width: auto;
    max-width: none;
    height: 0.6em;
    vertical-align: top;
  }
  .secKilei .btn {
    padding-left: 10px;
  }
}
/* secKitchen  L's kitchen
===========================================================*/
.secKitchen {
  margin-top: 30px;
}

.secKitchen .catch {
  display: flex;
}

.secKitchen .catch span {
  display: inline-block;
  width: 80px;
  padding-right: 10px;
  line-height: 0.5;
}

.secKitchen .catch img {
  vertical-align: top;
}

.secKitchen .catch::after {
  content: "";
  width: calc(100% - 100px);
  height: 5px;
  background: url(../images/equipment/LLL/top_border.png) center left repeat-x;
}

.secKitchen > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 15px 0;
}

.secKitchen .icon {
  width: 70px;
  box-sizing: content-box;
}

.secKitchen .btn {
  width: 107px !important;
}

.secKitchen.color > div {
  background: linear-gradient(to bottom, #feddab 0%, #FFF 100%);
  padding: 15px 10px;
}

.secKitchen.color .catch {
  display: none;
}

@media screen and (min-width: 841px) {
  .secKitchen .icon {
    order: 3;
    padding: 0 36px 0 16px;
    min-width: 8.073%;
  }
  .secKitchen .logo {
    order: 1;
    padding-right: 16px;
  }
  .secKitchen > div > div {
    order: 4;
    text-align: left;
    min-width: 37.11%;
  }
  .secKitchen .btn {
    order: 2;
    min-width: 12.768%;
  }
}
@media screen and (max-width: 840px) { /*{belowTB}*/
  .secKitchen .point {
    display: none;
  }
  .secKitchen > div {
    justify-content: space-between;
  }
  .secKitchen .icon {
    width: 70px;
    padding-right: 10px;
  }
  .secKitchen .logo {
    padding-right: 15px;
  }
  .secKitchen > div > div {
    text-align: left;
    line-height: 0.8em;
  }
  .secKitchen > div > div img {
    width: auto;
    max-width: none;
    height: 0.6em;
    vertical-align: top;
  }
  .secKitchen .btn {
    padding-left: 10px;
  }
}
/* secSmart  L's kitchen smart
===========================================================*/
.secSmart {
  margin-top: 30px;
}

.secSmart .catch {
  display: flex;
}

.secSmart .catch span {
  display: inline-block;
  width: 80px;
  padding-right: 10px;
  line-height: 0.5;
}

.secSmart .catch img {
  vertical-align: top;
}

.secSmart .catch::after {
  content: "";
  width: calc(100% - 100px);
  height: 5px;
  background: url(../images/equipment/LLL/top_border.png) center left repeat-x;
}

.secSmart > div {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 0;
}

.secSmart .icon {
  width: 70px;
  box-sizing: content-box;
}

.secSmart .btn {
  width: 107px !important;
}

.secSmart.color > div {
  background: linear-gradient(to bottom, #fed8aa 0%, #FFF 100%);
  padding: 15px 10px;
}

.secSmart.color .catch {
  display: none;
}

@media screen and (min-width: 841px) {
  .secSmart .icon {
    order: 3;
    padding: 0 36px 0 16px;
    min-width: 6.801%;
  }
  .secSmart .logo {
    order: 1;
    padding-right: 16px;
  }
  .secSmart > div > div {
    order: 4;
    text-align: left;
    min-width: 53.818%;
  }
  .secSmart .btn {
    order: 2;
    min-width: 12.768%;
  }
}
@media screen and (max-width: 840px) { /*{belowTB}*/
  .secSmart .txt {
    display: none;
  }
  .secSmart > div {
    justify-content: space-between;
  }
  .secSmart .icon {
    width: 70px;
    padding-right: 10px;
  }
  .secSmart .logo {
    padding-right: 15px;
  }
  .secSmart > div > div {
    text-align: left;
    line-height: 0.8em;
  }
  .secSmart > div > div img {
    width: auto;
    max-width: none;
    height: 0.6em;
    vertical-align: top;
  }
  .secSmart .btn {
    padding-left: 10px;
  }
}