@charset "UTF-8";
/* CSS Document */
/* COMMON-PARTS-------------------------------------------*/
@media screen and (min-width: 769px) {
  .pagetype-floor .main-box {
    padding: 70px 0 50px; } }
.floor-select-box {
  padding-bottom: 30px; }

.staffinfo .shopname {
  -webkit-line-clamp: inherit; }

@media screen and (min-width: 769px) {
  .staffinfo .shopname {
    -webkit-line-clamp: inherit; } }
/* エリアから探す-------------------------------------------*/
.pagetype-area .article-box.fashion {
  background-image: url(/assets/images/floor/bg-fashion.png);
  background-size: 257px 193px;
  background-position: top 45px right -105px; }
.pagetype-area .article-box.goods {
  background-image: url(/assets/images/floor/bg-goods.png);
  background-size: 273px 219px;
  background-position: top 45px right -114px; }
.pagetype-area .article-box.restaurantcafe {
  background-image: url(/assets/images/floor/bg-restaurantcafe.png);
  background-size: 176px 201px;
  background-position: top 40px right -59px; }
.pagetype-area .article-box.service {
  background-image: url(/assets/images/floor/bg-service.png);
  background-size: 202px 193px;
  background-position: top 52px right -89px; }

@media screen and (min-width: 769px) {
  .pagetype-area .article-box.fashion {
    background-size: 400px 300px;
    background-position: top 67px right -55px; }
  .pagetype-area .article-box.goods {
    background-size: 400px 321px;
    background-position: top 73px right -84px; }
  .pagetype-area .article-box.restaurantcafe {
    background-size: 266px 302px;
    background-position: top 70px right -9px; }
  .pagetype-area .article-box.service {
    background-size: 317px 303px;
    background-position: top 75px right -39px; } }
/* エリアから探す：フロアマップ-------------------------------------------*/
.floormap-box {
  background: rgba(240, 199, 164, 0.2);
  padding: 62px 0 51px; }
  .floormap-box .icon-list {
    display: flex;
    justify-content: center;
    margin-bottom: 15px; }
    .floormap-box .icon-list li {
      margin-right: 8px; }
      .floormap-box .icon-list li:last-child {
        margin-right: 0; }
      .floormap-box .icon-list li img {
        width: 38px; }
  .floormap-box .floormap-img {
    display: none; }

@media screen and (min-width: 769px) {
  .floormap-box {
    padding: 81px 20px 80px; }
    .floormap-box .txt-box {
      display: flex;
      align-items: center; }
      .floormap-box .txt-box .txt-flex {
        margin-right: auto; }
      .floormap-box .txt-box .btn {
        width: 276px;
        font-size: 14px; }
        .floormap-box .txt-box .btn a {
          padding: 14px 0; }
    .floormap-box .mds-ttl {
      text-align: left; }
    .floormap-box .icon-list {
      justify-content: flex-start; }
      .floormap-box .icon-list li img {
        width: 47px; }
    .floormap-box .floormap-img {
      display: block; }
      .floormap-box .floormap-img .floormap-nav {
        display: flex;
        justify-content: space-around; }
        .floormap-box .floormap-img .floormap-nav li {
          text-align: center;
          font-weight: bold;
          font-size: 16px;
          border-bottom: 2px solid #2C2C2C;
          width: 50%; }
          .floormap-box .floormap-img .floormap-nav li a {
            display: block;
            padding: 19px 0; }
        .floormap-box .floormap-img .floormap-nav .current {
          background: #2C2C2C; }
          .floormap-box .floormap-img .floormap-nav .current a {
            color: #fff; }
      .floormap-box .floormap-img .img-area {
        text-align: center;
        background: #fff;
        padding: 50px 47px 45px 57px; } }
/* カテゴリから探す-------------------------------------------*/
@media screen and (min-width: 769px) {
  .pagetype-category .floor-contents-box {
    padding: 40px 0 50px; } }
/* ショップ詳細-------------------------------------------*/
.pagetype-detail .main-box {
  padding: 145px 0 50px; }

@media screen and (min-width: 769px) {
  .pagetype-detail .box-inner {
    max-width: 1070px; }
  .pagetype-detail .main-box {
    padding: 143px 0 80px; } }
.detail-box .shopbox-01 {
  position: relative;
  background: #eef7f2;
  padding: 20px; }
  .detail-box .shopbox-01 .logo {
    border: 1px solid #e3e3e3;
    margin-top: -130px;
    margin-bottom: 20px; }
  .detail-box .shopbox-01 .text .floor {
    display: inline-block;
    color: #fff;
    background: #00aca0;
    padding: 5px 12px;
    font-family: "Cabin", sans-serif; }
  .detail-box .shopbox-01 .text .shopname {
    font-size: 26px;
    font-weight: bold; }
  .detail-box .shopbox-01 .text .category {
    font-size: 13px;
    color: #9a9a9a;
    margin-bottom: 8px; }

@media screen and (min-width: 769px) {
  .detail-box .shopbox-01 {
    margin-bottom: 30px; }
    .detail-box .shopbox-01:before {
      content: "";
      width: 8%;
      height: 100%;
      background: #fff;
      position: absolute;
      bottom: 0;
      right: 0; }
    .detail-box .shopbox-01 .box-inner {
      display: flex;
      align-items: flex-start; }
    .detail-box .shopbox-01 .logo {
      width: 305px;
      margin-right: 49px;
      margin-top: -75px; }
    .detail-box .shopbox-01 .text {
      flex: 1;
      padding-top: 40px;
      padding-bottom: 85px;
      padding-right: 10%; }
      .detail-box .shopbox-01 .text .floor {
        padding: 7px 12px;
        margin-bottom: 7px; }
      .detail-box .shopbox-01 .text .shopname {
        font-size: 30px;
        margin-bottom: 6px; }
      .detail-box .shopbox-01 .text .detail {
        line-height: 1.8; } }
.detail-box .shopbox-02 {
  padding: 40px 0 20px; }
  .detail-box .shopbox-02 .shopimg img {
    width: 100%; }
  .detail-box .shopbox-02 .text-box01 {
    margin-bottom: 30px; }
  .detail-box .shopbox-02 .sns-list {
    margin-bottom: 20px; }

@media screen and (min-width: 769px) {
  .detail-box .shopbox-02 .box-inner {
    display: flex;
    flex-direction: row-reverse; }
    .detail-box .shopbox-02 .box-inner.list-box {
      flex-direction: column; }
  .detail-box .shopbox-02 .text-box01 {
    width: 50%;
    margin-right: 45px;
    margin-bottom: 0; }
  .detail-box .shopbox-02 .box-r {
    width: 50%; }
    .detail-box .shopbox-02 .box-r .shopimg-box {
      width: 100%; } }
.detail-box .shopbox-02 .text-box02 .detail-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 22px; }
  .detail-box .shopbox-02 .text-box02 .detail-list li {
    width: calc(100% / 2 - 5px);
    background: #eef7f2;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 1.8;
    padding: 15px; }
    .detail-box .shopbox-02 .text-box02 .detail-list li:nth-child(2n) {
      margin-right: 0; }
    .detail-box .shopbox-02 .text-box02 .detail-list li dt {
      font-weight: bold; }
.detail-box .shopbox-02 .icon-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px; }
  .detail-box .shopbox-02 .icon-list li {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    width: 61px;
    height: 61px; }
    .detail-box .shopbox-02 .icon-list li:nth-child(5n) {
      margin-right: 0; }
  .detail-box .shopbox-02 .icon-list .icon01 {
    background: #7fd2f2; }
  .detail-box .shopbox-02 .icon-list .icon02 {
    background: #ff8466; }
  .detail-box .shopbox-02 .icon-list .icon03 {
    background: #8de0a7; }
  .detail-box .shopbox-02 .icon-list .icon04 {
    background: #ffd150; }
  .detail-box .shopbox-02 .icon-list .icon05 {
    background: #5bb5aa; }
  .detail-box .shopbox-02 .icon-list .icon06 {
    background: #c5a2e8; }

@media screen and (min-width: 769px) {
  .detail-box .shopbox-02 {
    padding: 40px 20px; }
    .detail-box .shopbox-02 .text-box02 {
      width: 50%;
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      .detail-box .shopbox-02 .text-box02 .detail-list {
        width: 525px; }
        .detail-box .shopbox-02 .text-box02 .detail-list li {
          display: flex;
          align-items: center; }
          .detail-box .shopbox-02 .text-box02 .detail-list li .detail-list-inner {
            display: flex;
            align-items: center;
            width: 100%; }
          .detail-box .shopbox-02 .text-box02 .detail-list li dt {
            width: 50%;
            margin-right: 10px; }
          .detail-box .shopbox-02 .text-box02 .detail-list li dd {
            flex: 1; }
      .detail-box .shopbox-02 .text-box02 .sns-list {
        width: 100%;
        margin-bottom: 30px; }
    .detail-box .shopbox-02 .icon-list {
      margin-bottom: 20px;
      justify-content: center; }
      .detail-box .shopbox-02 .icon-list li {
        margin-right: 13px; }
        .detail-box .shopbox-02 .icon-list li:nth-child(5n) {
          margin-right: 13px; }
        .detail-box .shopbox-02 .icon-list li:last-child {
          margin-right: 0; } }
/* ショップ詳細：ショップニュース部分の調整-------------------------------------------*/
.shopnews-box {
  margin-bottom: 0; }
  .shopnews-box .mds-box {
    margin-bottom: 30px; }

@media screen and (min-width: 769px) {
  .shopnews-box:before {
    width: 93%;
    max-width: 928px; } }