/* ================================
  全域
================================= */

.all-shop-list,
.single-content,
#page,
.recruit-single-wrapper {
    margin-top: 10rem;
}

#footer-thankyou {
    display: none;
}

.read-more {
    font-size: 0.75rem;
}

.read-more a:hover {
    font-weight: 500;
}

.read-more a:hover i {
    color: #336
}

.metaslider.ms-theme-clarity .flexslider .flex-control-paging li a {
    width: 10px !important;
    height: 10px !important;
}

#e-n-tab-content-2177327761 .elementor-icon-box-description::after,
#e-n-tab-content-6169609952 .elementor-icon-box-description::after {
    content: "\f285";
    font-family: 'bootstrap-icons';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    margin-left: 0.5em;
    position: absolute;
    bottom: 30%;
    right: 1%;
    line-height: 1;
}

#e-n-tab-content-2177327761 p.elementor-icon-box-description {
    width: 80%;
}

#e-n-tab-content-6169609952 p.elementor-icon-box-description {
    width: 80%;
}

.single-the-content {
    min-height: 500px;
}


.single-shop-page,
.shop-info,
.shop-detail {
    background-color: #fff;
    z-index: 1;
}

.shop-info-box {
    min-width: 960px;
}

.shop-info-list li {
    border-bottom: 1px solid #ccc;
}

div#tab-all {
    max-width: 1026px;
    margin: auto;
    z-index: 1;
}


.shop-archive-wrapper,
.shop-info,
.single-shop-news-section,
.recruit-area,

.detail-area,
.shop-list-content,
.post-content,
.recruit-content,
.floor-content {
    max-width: 1160px;
    margin: auto;
    z-index: 1;
    width: 70%;
}

.shop-archive-wrapper {
    max-width: 1160px;
    margin: auto;
    z-index: 1;
    width: auto;
}

.title-section {
    max-width: 100%;
}


.recruit-single-wrapper {
    min-height: 100vh;
}

.title-section {
    padding: 0.9rem 0 0.91rem 0;
    display: flex;
    width: 69.22%;
    margin: auto;
    gap: 15.3px;
    align-items: center;
}

.breadcrumb {
    gap: 10px;
    width: 70%;
    margin: auto;
    display: flex;
    padding: 11px 0 10px 10px;
    align-items: center;
}

.breadcrumb p {
    margin-bottom: 0;

}

.breadcrumb a {
    display: flex;
}

.bi-house::before {
    font-size: 16px;
}

.breadcrumb svg.bi.bi-house {
    margin-bottom: 2px;
}

.title-section h1,
.title-section h6 {
    padding: 0;
    margin: 0;
}

.full-bg {
    width: 100%;
    background-color: #F5F8FA;
}

hr {
    border: none;
    border: 1px dashed #ddd;
    margin: 0.5em 0;
}

#tab-1,
#tab-2,
#floor-tab-2,
#floor-tab-1 {
    width: 50%;
    flex-basis: auto;
    word-break: keep-all;
}

#tab-1:hover {
    background-color: #e7eff3 !important;
}

.floor-tab-lists .e-n-tabs-heading {
    margin: auto;
}

.e-n-tabs-heading {
    flex-wrap: nowrap !important;
    max-width: 1200px;
    align-items: center;
}

.excerpt-text {
    word-break: auto-phrase;
}

.detail-area,
.recruit-area,
.news-area {
    padding: 40px 0;
}

.latest-excerpt-content {
    display: flex;
    align-content: space-between;
    align-items: center;
    justify-content: space-around;
    max-width: 960px;
    gap: 2rem;
    margin: 0.8rem 0;
}

.latest-excerpt-content-bg {
    background-color: #F7E5E5;
    display: flex;
    justify-content: center;
}

.notice-title {
    color: #b92c67;
    font-weight: 600;
    gap: 4px;
    display: flex;
}

a.read-more.righit {
    display: flex;
    justify-content: flex-end;
    margin: 12px 0;
}

/* ================================
Tab 寬度
================================= */

.recruit-tab-buttons {
    max-width: 1000px;
    margin: auto;
}


.shop-archive {
    max-width: 1000px;
    margin: auto;
}

.recruit-list {
    max-width: 1000px;
    margin: auto;
}


@media screen and (min-width:1920px) {

    .breadcrumb {
        max-width: 1160px;
    }

    .title-section {
        max-width: 1160px;
    }

    .elementor-icon-box-wrapper {
        max-width: 1160px;
        margin: auto;
    }

    .elementor-element>ul.hfe-breadcrumbs,
    nav ul.hfe-breadcrumbs {
        max-width: 1160px;
        margin: auto;
    }

    .shop-archive-wrapper {
        max-width: 1160px;
        width: 100%;
    }
}

.recruit-tab-buttons {
    width: 100%;
    margin: auto;
    margin-bottom: 0.6rem;
    display: flex;
    flex-direction: row;
    padding: 40px;
    gap: 0;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

@media screen and (min-width:1530px) {
    .recruit-tab-buttons {
        gap: 20px;
    }
}

@media screen and (min-width:1670px) and (max-width:1920px) {
    .recruit-tabbed-wrapper {
        width: 1160px;
    }
}

@media screen and (max-width:1366px) {

    .shop-info,
    .single-shop-news-section,
    .recruit-area,
    .breadcrumb,
    .detail-area,
    .post-content,
    .recruit-content,
    .floor-content {
        margin: auto;
        width: 70%;
    }

    .breadcrumb {
        width: 70%;
    }

    .tabbed-post-container {
        width: 75%;
        margin: auto;
    }

    .recruit-tab-contents {
        width: 75%;
        margin: auto;
    }

    .shop-archive {
        width: 86%;
        margin: auto;
    }

    .post-grid {
        gap: 12px;
    }

    .title-section h1>span {
        font-size: 1.5rem;

    }

    .recruit-tab-buttons {
        justify-content: center;
        padding: 0;
        gap: 0;

    }
}

/* ================================
フロアマップ＋フロアショップリスト
================================= */
.floor-list-info {
    margin-top: 150px;
}

.floor-map-wrapper {
    position: relative;
    margin: 0 auto;
    flex: 1.5;
}

.floor-map-image {
    width: 100%;
    height: auto;
    display: block;
}

.floor-shop-titile {
    font-size: 20px !important;
    margin: 0;
    min-height: 3rem;
}

.shop-marker {
    position: absolute;
    width: 28px;
    height: 28px;
    background: #f00;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
    transform: translate(-50%, -50%);
    transition: background-color 0.3s;
}

.shop-marker:hover {
    background-color: #d00;
}

.shop-list {
    margin: 2rem auto;
    flex: 1;
    z-index: 1;
}

.shop-category-title {
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    text-align: center;
}

.shop-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
    box-shadow: 1.2px 4px 8px rgb(0 0 0 / 8%);
    flex-direction: column;
    background-color: #fff;
}

.shop-item a {
    width: 100%;
}

.shop-item:hover {
    box-shadow: 1.2px 4px 12px rgb(0 0 0 /16%);
    opacity: 0.85;
}

.shop-item:hover img {
    opacity: 0.75;
}

.shop-floor-text {
    flex: 3;
}

.shop-thumbnail {
    flex: 1;
}

.shop-thumbnail img {
    max-width: 150px;
    height: auto;
    border-radius: 4px;
}

img.floor-list-logo {
    /* max-width: 68%; */
    border-radius: 0;
}

.shop-item h3 {
    margin: 0 0 0.5rem;
    font-size: 18px;
    word-break: keep-all;
}

.shop-item h3.shop-floor {
    text-align: end;
    margin: 0;
}

.shop-item p {
    font-size: 14px;
    color: #555;
}

.shop-item>div {
    flex: 1;
}

.shop-list-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    max-width: 1160px;
    margin: auto;
}

.shop-floor-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #88AACA;
    justify-content: space-around;
    padding: 0 20px;
}

.shop-floor-item:hover {
    opacity: 0.75;
}

/* ================================
縮址商店 shortcodes
================================= */

.shop-tabs {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
}


.shop-tab i {
    font-size: 16px;
}

.shop-tab.active {
    background: #95c7ff29;
    /* color: #279dd6; */
    font-weight: 700;
}

.shop-tab.focus {
    background: #95c7ff29;
    color: #279dd6;
    font-weight: 700;
}

.shop-tab:focus,
.shop-tab:active,
.recruit-tab-btn:active,
.recruit-tab-btn:focus {
    background: #95c7ff29;
    color: #279dd6;
    font-weight: 700;
}


button:hover,
[type=button]:focus:not(:focus-visible),
[type=submit]:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    background: #95c7ff29 !important;

    font-weight: 700;
}

.recruit-tab-buttons [type=button]:focus:not(:focus-visible),
.recruit-tab-buttons [type=submit]:focus:not(:focus-visible),
.recruit-tab-buttons button:focus:not(:focus-visible) {
    background: #279DD6 !important;
    color: #fff;
    font-weight: 700;
}



.tabs>button:focus:not(:focus-visible) {
    background: #279DD6 !important;
    font-weight: 700;
    color: #fff !important;
}

.elementor-172 .elementor-element.elementor-element-cfa56a8.elementor-widget-n-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="true"],
.elementor-172 .elementor-element.elementor-element-cfa56a8.elementor-widget-n-tabs>.e-n-tabs[data-touch-mode='true']>.e-n-tabs-heading>.e-n-tab-title[aria-selected="false"]:hover {
    background: #279DD6 !important;
    font-weight: 700;
    color: #fff !important;
}



.elementor-1903 .elementor-element.elementor-element-24c613e3.elementor-widget-n-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="true"],
.elementor-1903 .elementor-element.elementor-element-24c613e3.elementor-widget-n-tabs>.e-n-tabs[data-touch-mode='true']>.e-n-tabs-heading>.e-n-tab-title[aria-selected="false"]:hover {
    background: #279DD6 !important;
    font-weight: 700;
    color: #fff !important;
}

button.tab-btn:active,
.tab-btn:active {
    background: #279DD6 !important;
    font-weight: 700;
    color: #fff !important;
}

button.tab-btn:hover,
.tab-btn:hover {
    font-weight: 700;
    color: #28486A;
}

.elementor-2 .elementor-element.elementor-element-6c22624.elementor-widget-n-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="true"] {
    background-color: #e7eff3;
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true],
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] a {
    background-color: #e7eff3 !important;
    color: #28486a;
}

.elementor-1903 .elementor-element.elementor-element-24c613e3.elementor-element button#floor-tab-1:active {
    background-color: #279DD6 !important;
}

/* ================================
Shop News（記事區塊）
================================= */
.thumbnail-wrapper {
    position: relative;
    /* display: inline-block; */
}

.new-badge {
    position: absolute;
    top: -24px;
    left: -20px;
    background: #B92C67;
    color: #fff;
    padding: 18px 14px;
    font-size: 0.75rem;
    border-radius: 45px;
    font-weight: bold;
    z-index: 2;
}

.tabs {
    width: 100%;
    margin: auto;
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    padding: 40px 0;
    gap: 20px;
}

.tab-btn {
    padding: 8px 16px;
    /*     margin-right: 6px; */
    cursor: pointer;
    background: #D5E3EF3d;
    border: 1px solid #279DD6;
    border-radius: 0;
    width: 33.3%;
    color: #28486A;
}

button.tab-btn:hover {
    background: #279DD6;
    /* color: #fff; */
}

button.tab-btn:active {
    background: #279DD6;
    color: #fff;

}

button.tab-btn.active {
    color: #fff;
    background: #279DD6;
    font-weight: 700;
}

button.tab-btn.active:hover {
    color: #28486A;
    background-color: #28486A;
}


/*
.post-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
} */
.post-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.post-item {
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    box-shadow: 1.2px 4px 8px rgb(0 0 0 / 8%);
    background-color: #fff;
    padding-bottom: 14px;
}

.post-item:hover {
    box-shadow: 1.2px 4px 12px rgb(0 0 0 / 16%);
}

.post-item img {
    width: 100%;
    height: 172px;
    object-fit: contain;
	object-position: top;
    display: block;
}

.post-item:hover img {
    opacity: 0.75;
}

.post-info {
    gap: 0px;
    display: grid;
    padding: 0 14px;
    position: relative;
    height: 50%;
}

.post-brand {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    min-height: 2rem;
}

.shop-archive-wrapper .shop-archive hr {
    margin: 0.5em 0;
}

.post-date {
    color: #838383;
    margin: 0;
}

h3.post-floor {
    text-transform: uppercase;
    font-size: 1.375rem;
    font-weight: 600;
    color: #28486A;
    margin: 0;
}

.post-item h4 {
    margin-top: 8px;
    font-size: 16px;
}

h4.text-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3em;
    line-height: 1.5em;
}

.post-event-tags {
    position: absolute;
    background-color: #4E7FAA;
    width: -webkit-fill-available;
    margin: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    top: -15%;
    color: #fff;
    margin: 0 10px;
    left: 0;
}

.tab-content-group {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.news-section-shop-info {
    display: flex;
    gap: 1rem;
    flex: 1;
    flex-direction: column;
    align-items: center;
    background-color: #F8F9FA;
    padding: 20px;
}

.news-section-shop-info h5 {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
    padding: 0;

}

.news-section-shop-info h3 {
    font-size: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.news-section-shop-info a {
    color: #279DD6;
}

.news-section-shop-info a:hover {
    opacity: 0.75;
}

/* ================================
投稿詳細內頁（お知らせtab）
================================= */

.tabbed-post-container {
    max-width: 1026px;
    margin: auto;
}

.post-grid {
    max-width: 1000px;
}

/* ================================
投稿詳細內頁（投稿區塊）
================================= */
.single-content {
    margin: auto;
    margin-top: 150px;
    min-width: 60%;
}

.single-page-top-info {
    display: flex;
    flex-direction: row;
}

/* ================================
求人情報（記事區塊）
================================= */

.recruit-tab-content {
    display: none;
}

.recruit-tabbed-wrapper {
    /*     max-width: 1000px; */
    /* 	width: min-content; */
    margin: auto;
}

.recruit-tab-content.active {
    display: block;
}

.recruit-tab-btn.active {
    background: #0073aa;
    color: #fff;
    border-color: #005177;
}

.tabbed-post-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    /* width: 90%; */
    margin: auto;

}

.recruit-photo {
    /* max-width: 320px; */
    max-height: 174px;
    display: flex;
    margin: auto;
    object-fit: contain;
    display: block;
    margin: auto;
}

.tabs {
    margin: auto;
    margin-bottom: 0.6rem;
}

.recruit-post-item {
    width: 100%;
    min-height: 280px;
    background-color: #fff;
    border: 1px solid #ccc;
    list-style-type: none;
    position: relative;
    font-size: 0.875rem;
    display: flex;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
    box-shadow: 1.2px 4px 8px rgb(0 0 0 / 8%);
}

ul.recruit-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    padding: 0;
    /* max-width: 980px; */
    margin: auto;
    justify-items: center;
}

.recruit-tab-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.recruit-tab-btn {
    border-radius: 0;
}

.recruit-tab-select {
    display: none;
}

.read-more-link {
    font-size: 0.875rem;
    text-align: right;
    float: right;
    margin: 1.25rem 0;
}

.recruit-section h4,
p.recruit-excerpt {
    margin-top: 10px;
    min-height: 2.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.acf-meta .label {
    font-size: 14px;
    font-weight: 600;
}

.times {
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px;
}

.recruit-times {
    font-size: 0.875rem;
    font-weight: 500;
}

.job-description {
    background-color: #E7EFF369;
    min-height: 54px;
    margin: auto;
    display: flex;
    align-items: left;
    padding: 40px;
    height: max-content;
    white-space: normal;
    margin: 0 0 1em;
    flex-direction: column;
}

.job-description p {
    margin: 0;
    padding: 0;
}


.job-info-box {
    padding: 40px 0;
}



.recruit-tab-btn {
    padding: 8px 16px;
    margin-right: 6px;
    cursor: pointer;
    background: #D5E3EF3d;
    border: 1px solid #279DD6;
    border-radius: 0;
    /* width: 20vh; */
    color: #28486A;
}

button.recruit-tab-btn:hover {
    background: #279DD6;
    color: #28486A;
    font-weight: 700;
    border: 1px solid #279DD6;
}

.recruit-tab-btn.active {
    background: #279DD6;
    color: #fff;
    font-weight: 700;
}

ul.job-info-list {
    margin: 0;
    padding: 0;
}

.recruit-post-item {
    font-size: 0.875rem;
}

li.recruit-post-item:hover {
    /* border: 2.2px solid #ccc; */
    box-shadow: 1.2px 4px 12px rgb(0 0 0 / 16%);
}

li.recruit-post-item:hover a.read-more-link {
    color: #B92C67;
    font-weight: 700;
}

li.recruit-post-item:hover img {
    opacity: 0.75;
}

.recruit-post-item .post-brand {
    padding: 0px 20px;
}

.recruit-post-item .recruit-section {
    padding: 0px 20px;
    position: relative;
}

.pagination-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-top: 4%;
}

ul.page-numbers {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    list-style: none;
    width: 100%;
    gap: 4%;
}


.post-right-section {
    flex: 1.8;
    min-width: 250px;
    flex-direction: row;
    justify-content: flex-end;
    gap: 0;
}

.recruit-right-section {
    flex: 1.8;
    min-width: 250px;
    flex-direction: row;
    justify-content: space-around;
}

/* .post-right-section{
padding: 0 20px;
} */
.post-photo {
    /* max-width: 320px; */
    max-height: 174px;
    display: flex;
    object-fit: contain;
    display: block;
}

.recruit-right-shop-info,
.post-right-shop-info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    text-align: end;
}

.recruit-description {
    background-color: #fff;
}


/* ================================
  ショップ一覽
================================= */

.all-shop-list {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 150px;
    width: 100%;
    /* padding: 0 20px; */
    text-align: left;
}

.shop-tabs {
    display: flex;
    max-width: 1000px;
    margin: auto;
    margin-bottom: 3rem;
    margin-top: 3rem;
    color: #00397a;
}

button.shop-tab {
    border-radius: 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.shop-tab {
    padding: 8px 16px;
    background: #eee;
    border: none;
    cursor: pointer;
    color: #00397a;
}

.shop-tab:hover {
    background: #95c7ff29;
    color: #00397a;
    opacity: 0.75;
}


.shop-archive {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    z-index: 1;
    justify-content: center;
    justify-items: center;
}

.shop-archive hr {
    border: 1px dashed #ddd;
    margin: 0.5em 0;
}

.all-shop-list .shop-tabs {
    flex-wrap: nowrap;
}

/* .shop-archive-wrapper .shop-tabs button.shop-tab {
border-radius: 0px;
text-align: center;
padding: 10px;
} */


button.floor-shop-tab {
    border-radius: 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;


}

.floor-shop-tab {
    padding: 8px 16px;
    background: #eee;
    border: none;
    cursor: pointer;
    color: #00397a;
    background-color: #fff;
}





.shop-archive-wrapper .shop-tabs {
    flex-wrap: nowrap;
    width: 100%;
}


.shop-tab {
    flex: 1 1 calc(25% - 10px);
    text-align: center;
    padding: 10px;
    border-right: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer;
}

.shop-tabs .shop-tab:last-child {
    border: none;
}

h3.shop-floor {
    color: #00397a;
    font-size: 18px;
    float: right;
    width: 30%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5rem;
}

h2.shop-title {
    float: left;
    text-align: left;
    font-size: 1.125rem;
    word-break: inherit;
    min-height: 3rem;
    margin: 0;
}

.shop-list-info {
    gap: 4px;
    display: grid;
    position: relative;
}

.industry {
    color: #989898;
    font-size: 0.875rem;
}

.hidden-post {
    display: none;
}

.more-wrapper {
    text-align: center;
    margin-top: 60px;
}

.more-button {
    padding: 10px 20px;
    background-color: #28486a;
    color: #fff;
    border: none;
    border-radius: none;
    border-radius: 0;
    cursor: pointer;
    min-width: 220px;
    border: 1px solid #28486a;
}

.more-button:hover {
    background-color: #279dd6;
    border: 1px solid #ccc;
}

button.more-button:hover {
    background-color: #279dd6 !important;
    color: #fff;
    border: 1px solid #279dd6 !important;
}

/* ================================
  商店情報
================================= */

.shop-info {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    gap: 20px;
    justify-content: space-between;
}

.shop-logo {
    /* width: 30%; */
    height: auto;
    border: 1px solid #ccc;
    padding: 0.875rem 0;
}

.single-shop-btns {
    display: grid;
    flex-direction: row;
    margin: 0 auto;
    justify-content: space-around;
    align-content;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);

}

.single-shop-btns a {
    background-color: #279DD6;
    color: #fff;
    padding: 10px;
    height: auto;
    word-break: keep-all;
    text-align: center;
}

.single-shop-btns a:hover {
    opacity: 0.75;
}

.single-shop-news-section {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.single-shop-news-section h6,
.shop-detail h6,
.detail-area h1 {
    text-align: center;
}

.news-area {
    width: 100%;
    background-color: #d5e3ef3b;
    margin: auto;

}

.single-shop-news-section-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2%;
    justify-content: center;
    margin: 60px 0;
    width: 100%;
}

.single-shop-news-section-list li {
    list-style: none;
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: 1.2px 4px 8px rgb(0 0 0 / 8%);
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
}

.single-shop-news-section-list li:hover {
    box-shadow: 1.2px 4px 12px rgb(0 0 0 / 16%);
    opacity: 0.75;
}

.single-shop-news-section-list li a img {
    width: 100%;
    height: 108px;
    object-fit: contain;
    display: block;
    background-size: contain;
}

.single-shop-news-section-list li a h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3em;
    line-height: 1.5em;
    margin: 0;
}

.single-shop-news-post-info {
    gap: 0;
    display: grid;

}


.shop-detail {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    z-index: 1;
}

/* .shop-info-list{
min-width:1000px;
padding:14px 0;
} */

/* ================================
  フロア
================================= */

.floor-list-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    max-width: 1160px;
    margin: auto;
}

.floor-tab-buttons {
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 26px;
    margin-top: 40px;
}


.floor-tab-buttons a {
    width: 21.8%;
    padding: 10px 20px;
    background-color: #fff;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 1px solid #279DD6;
    background-color: #e7eff3;
    height: 41px;
    color: #4e7faa;
    word-break: keep-all;
}

.floor-tab-buttons a.active {
    background-color: #279DD6;
    border: 1px solid #279DD6;
    color: #fff;
    font-weight: 600;
}

.recruit-tabbed-wrapper .recruit-none{
	margin: 0;
}
.recruit-none{
	min-height:600px;
	width: max-content;
	text-align:left;
	    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ================================
  スマホ
================================= */

@media screen and (max-width:1366px) {
    .post-grid {
        gap: 34px 18px;
    }

    ul.recruit-list {
        justify-items: center;
        gap: 20px;
    }

    .shop-archive {
        gap: 20px;
    }

    h3.post-floor {
        font-size: 1.125rem;
    }

    .recruit-post-item .post-brand h3 {
        font-size: 0.875rem;
        margin: 0;
    }

    .recruit-section h4 {
        font-size: 0.875rem;
        margin: 0;
        margin-top: 0.625rem;
        color: #303030;
    }

    .recruit-post-item span.read-more-link {
        font-size: 0.75rem;
    }

    .recruit-post-item p.recruit-excerpt {
        font-size: 0.875rem;
        margin: 0;
    }

    .post-item img {
        width: -webkit-fill-available;
        max-height: 200px;
        height: 138px;
    }

    .shop-tab {
        font-size: 0.75rem;
    }

    .industry {
        font-size: 0.75rem;
    }

    h3.shop-floor {
        font-size: 1rem;
    }
}

@media screen and (max-width: 1024px) {

    .tabbed-post-container {
        width: 75%;
    }


    /*     .shop-archive-wrapper {
        width: 90%;
    } */

    .shop-item {
        width: 155px;
    }

    nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow {
        margin: auto;
        justify-content: center;
    }

    button.shop-tab {
        font-size: 10px;
    }

    .recruit-tab-buttons {
        justify-content: center;
    }

    .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
        margin: 0;

    }

    .floor-tab-buttons {
        margin: 0 20px;
    }

}

@media screen and (max-width: 1200px) {
    .shop-info-box {
        min-width: fit-content;
    }

    .recruit-post-item {
        min-width: -webkit-fill-available;
    }

    .post-item img {
        height: 123px;
    }
	
	.recruit-tab-contents {
        width: 95%;
        margin: auto;
    }
	.hfe-nav-menu__align-center .hfe-nav-menu{
		justify-content: center;
		align-items: center;
	}
	.new-badge {
    padding: 14px 10px;
    font-size: 0.625rem;
	}
}

@media screen and (max-width: 960px) {

    .all-shop-list,
    .elementor.scrolled,
    .floor-list-info {
        margin-top: 0 !important;
    }

    #page {
        margin-top: 5rem;
    }

    .shop-archive {
        width: 100%;
    }

    .shop-item {
        width: 100%;
    }

    .sidemenu-shop-category {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        padding: 0;
        margin: 0;
        justify-items: center;

    }

    .mobile-section.shop-list-section h4,
    .mobile-section.whats-new-section h4 {
        text-align: center;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-content: center;
        padding: 14px 0;
        background-color: #e7eff3;

    }

    .category-item {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        border: 1px solid #ccc;
        width: 85%;
        margin: auto;
    }
	.recruit-none{
	min-height:250px;
		justify-content: flex-start;
}

}

@media screen and (max-width: 959px) {

    .all-shop-list {
        width: 100%;
    }

    .breadcrumb {
        margin: 0 20px;
        gap: 10px;
        width: 95%;
    }

    .shop-item {
        width: 100%;
    }

    .shop-item img {
        width: 100%;
    }

    .single-content .breadcrumb,
    .recruit-single-wrapper .breadcrumb,
    .single-shop-page .breadcrumb {
        flex-wrap: wrap;
        overflow: hidden;
    }


    .shop-info-list .label {
        width: 100%;
    }

    .shop-info {
        flex-direction: column;
        margin: 0 20px;
    }

    .shop-info-box {
        min-width: 100%;
    }

    .shop-info-box ul {
        margin: 0;
        padding: 0;
    }

    .recruit-single-wrapper,
    .elementor.scrolled,
    .all-shop-list,
    .single-content,
    .shop-info,
    .single-shop-page,
    .floor-list-info {
        margin-top: 68px !important;
    }


    .mobile-menu-wrapper.open {
        margin-top: 77px !important;
    }

    .all-shop-list,
    .single-content,
    #page {
        margin-top: 0px;
        min-width: 320px;
    }

    #floor-tab-2,
    #floor-tab-1 {
        /* width: 45%; */
        flex-basis: auto;
        word-break: keep-all;
        padding: 10px 18px;
    }

    .floor-tab-lists .e-n-tabs-heading {
        width: 95%;
        margin: 0 10px;
    }

    .title-section {
        align-items: center;
        margin: 0 20px;
        width: -webkit-fill-available;
    }

    .title-section h1 {
        font-size: 1.5rem;

    }

    .title-section h1>span {
        font-size: 1.5rem;

    }

    .title-section h6 {
        margin: 6px 0;
    }

    .shop-item h2 {
        font-size: 16px;
    }

    h3.shop-floor,
    h3.post-floor {
        font-size: 18px;
    }


    .floor-shop-titile {
        font-size: 16px !important;
    }

    .shop-tabs .shop-tab:nth-child(1),
    .shop-tabs .shop-tab:nth-child(3) {
        border: none;
    }

    .recruit-post-item {
        min-width: -webkit-fill-available;
    }
	
	.recruit-post-item img {
		display: flex;
		justify-content:center;
		  }

    .shop-tabs {
        margin-top: 0;
    }
	
	.recruit-tab-btn{
		font-size:12px;
	}

    /* ================================
  スマホ-news & shop
================================= */

    .shop-logo {
        width: 30%;
        height: 100%;
    }

    .post-grid,
    .shop-archive,
    .single-shop-news-section-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        z-index: 1;
    }

    /* section.post-content{
margin: 0 20px;
} */
    .single-shop-news-section-list {
        padding: 0 20px;
        gap: 14px;
    }

    .recruit-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }


    .shop-info .shop-logo {
        width: 85%;
        margin: 0 20px;
    }


    .shop-archive {
        justify-content: flex-start;
    }


    .shop-tab {
        flex: 1 1 calc(50% - 10px);
    }

    .shop-tab:first-child {
        flex: 1 1 100%;
        /* 第一個 tab 滿版 */
    }

    .floor-list-row {
        display: flex;
        flex-direction: column;
    }

    .floor-list-row>.shop-list {
        margin: auto;
        width: 100%;
    }


    .post-content h1,
    .recruit-content h1 {
        font-size: 18px;
    }



    .section-content {
        background-color: #fff;
        margin: 40px 0;
    }

    .shop-category-buttons li {
        list-style: none;
    }



    .floor-tab-buttons a {
        width: 50%;
        font-size: 1rem;
        height: 46px;
    }

    /* ================================
  スマホ-news & shop
================================= */

    .post-content h1 {
        font-size: 20px;
    }

    section.detail-area {
        width: 90%;
    }


    ul.recruit-list {
        gap: 20px;
    }


    .new-badge {
        top: -20px;
        left: -8px;
        padding: 12px 8px;
        font-size: 10px;
    }

    section.shop-list-content {
        width: 95%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: column;
    }

    .recruit-area,
    .single-shop-news-section,
    .recruit-content {
        width: 100%;
    }

    .recruit-content {
        margin: 0 20px;
        width: 95%;
    }

    .shop-info,
    .single-the-content,
    .featured-image,
    .floor-content {
        width: 80%;
        margin: auto;
    }

    .post-content {
        width: 95%;
        margin: auto;
    }

    .category-item {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        border: 1px solid #ccc;
        width: 55%;
        margin: auto;
    }

    h1.shop-title {
        font-size: 1.25rem;
        margin: 0;
    }

    .wp-block-heading {
        font-size: 1.125rem !important;
    }

    ul.recruit-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 14px;
    }

}

/* ================================
  スマホ-news & shop
================================= */
@media (max-width: 820px) {

    /* .category-item {
width:65%;
} */
    .sidemenu-shop-category {
        gap: 1rem 0;
    }

    .section-content {
        /* width: 80%; */
        margin: auto;
        padding-top: 5%;
    }

    .post-grid,
    .shop-archive,
    .single-shop-news-section-list,
    .shop-archive {
        grid-template-columns: repeat(4, 1fr);
    }


    .shop-archive-wrapper {
        width: 100%;
    }

    .category-item {
        width: 50%
    }

    .recruit-tab-buttons {
        gap: 0;
        padding: 0;
        padding-bottom: 40px;
    }


    .single-the-content,
    .featured-image,
    .floor-content {
        width: 100%;
        margin: auto;
    }

    .shop-info {
        width: 90%;
        margin: auto;
    }

    ul.recruit-list {
        grid-template-columns: repeat(4, 1fr);
    }

    .shop-info .shop-logo {
        width: 45%;

    }

    button.shop-tab {
        font-size: 12px;
    }

    .shop-tabs .shop-tab:nth-child(3) {
        border-right: 1px solid #ccc;
    }

    .shop-tab {
        flex: 1 1 calc(50% - 10px);
    }

    .shop-tab:first-child {
        flex: 1 1 calc(50% - 10px);
    }

    .tabbed-post-container,
    .recruit-tab-contents {
        width: 90%;
        margin: auto;
    }

    .recruit-tab-contents {
        width: 100%;
        margin: auto;
    }

    .floor-list-row>.shop-list {
        width: 95%;
        margin: auto;
    }
	
	.shop-tabs{
		width:100%;
	}
}

/*820px End*/

@media (max-width: 425px) {

    .post-grid,
    .shop-archive {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 14px;
    }

    .shop-tabs {
        display: flex;
        gap: 4px;
    }

    .shop-tabs .shop-tab:nth-child(1),
    .shop-tabs .shop-tab:nth-child(3) {
        border: none;
    }

    .recruit-tab-buttons {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .recruit-tab-select {
        display: none;
        width: 100%;
        padding: 8px;
        font-size: 16px;
    }

    .shop-list-content .shop-archive {
        grid-template-columns: repeat(2, 154px);
    }

    .shop-item h2 {
        font-size: 0.875rem !important;
        word-break: unset;
    }

    .post-brand,
    .post-date,
    .event-tag {
        font-size: 0.75rem;
    }

    .post-date {
        margin: 6px 0;
    }

    ul#menu-menu {
        padding-left: 22px;
    }

}



/* ================================
  スマホ-求人
================================= */
/* 手機時：顯示下拉選單，隱藏按鈕 */
@media (max-width: 767px) {

    /* .single-page-top-info {
margin: 0 20px;
} */

    .recruit-tab-buttons {
        display: none;
    }

    .recruit-tab-select {
        display: block;
    }

    .recruit-tab-select {
        display: block;
        margin-bottom: 40px;
    }

    .single-page-top-info {
        flex-direction: column;
    }

    button.shop-tab {
        font-size: 12px;
    }

    .shop-archive-wrapper .shop-tabs,
    .all-shop-list .shop-tabs {
        flex-wrap: wrap;
    }

    .single-shop-btns {
        gap: 12px;
    }

    .latest-excerpt-content {
        display: flex;
        align-items: stretch;
        flex-direction: column;
        margin: 10px 22px;
    }

    .post-right-section {
        flex-direction: column;
        align-items: stretch;
        width: -webkit-fill-available;
        padding: 20px;
    }

    .recruit-right-section {
        flex-direction: column;
        align-items: stretch;
        width: -webkit-fill-available;
    }

    .single-page-top-info {
        margin: 0 20px;
        gap: 0 !important;
    }


    .tabbed-post-container {
        width: 100%;
        margin: auto;
    }

    .post-item img {
        height: 112px;
    }

    .floor-tab-buttons {
        gap: 0;
        margin: 0 20px;
    }

    .floor-tab-buttons a {

        margin: 6px;
    }

    .floor-list-row {
        gap: 0;
    }

    .single-shop-btns {
        gap: 4px;
    }

    .shop-info {
        margin-top: 20px !important;
        width: 90%;
    }


    .recruit-photo {
        max-width: -webkit-fill-available;
        margin: auto;
        width: 50%
    }

    .news-section-shop-info {
        gap: 0;
    }

    .post-item h4 {
        font-size: 0.875rem;
    }

    .post-info {
        padding: 0px 10px;
    }

    h3.post-floor {
        font-size: 16px;
        margin: 0;
    }

    .post-brand {
        margin-bottom: 10px;
        margin: 10px 0;
    }

    ul.recruit-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 14px;
    }

    .recruit-post-item {
        padding: 10px;
    }

    .acf-meta,
    .read-more-link {
        font-size: 12px;
    }

    .acf-meta .label {
        font-size: 0.75rem;
    }

    .floor-content {
        margin-top: 12px;
    }

    .title-section,
    .breadcrumb {
        padding: 10px 0;
        overflow: hidden;
        width: fit-content;

    }

    .title-section {
        min-height: 85px;
    }

    .read-more {
        display: flex;
        justify-content: flex-end;
    }

    .post-right-section .post-photo {
        max-width: 50%;
        display: flex;
        object-fit: contain;
        display: block;
        width: -webkit-fill-available;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .single-shop-news-section-list li a img {
        background-size: contain;
    }

    .post-item {
        padding-bottom: 0px;
    }

    .mobile-menu-wrapper .menu-text-group {
        align-items: flex-start;
    }

    .shop-archive-wrapper {
        width: 100%;
    }

    .section-content {
        margin: 20px 0;
    }

    .sidemenu-shop-category {
        width: 95%;
        margin: auto;
    }

    .sidemenu-shop-category {
        gap: 1rem 0;
    }

    .shop-floor-item {
        padding: 0;
    }

    .floor-content {
        width: 100%;
        margin: auto;
    }

    .shop-item-groups {
        margin: 0 20px;
    }

    h3.shop-floor-text {
        font-size: 0.875rem !important;
    }

    .shop-thumbnail img {
        max-width: 124px;
    }

    .bi-house::before {
        font-size: 14px;
    }

    .post-content {
        width: 100%;
    }

    .recruit-description {
        margin: 0 20px;
    }

    .shop-list {
        margin: 0;
    }

    .category-item {
        width: 85%;
    }

    .recruit-content {
        margin: 0;
        width: 95%;
		margin:auto;
    }

    .post-grid,
    .shop-archive,
    .single-shop-news-section-list,
    .shop-archive {
        grid-template-columns: repeat(2, 1fr);
    }

    .single-the-content {
        margin: 20px;
        width: 95%;
        max-width: fit-content;
    }

    .recruit-right-shop-info {
        gap: 6px;
    }

    .recruit-right-shop-info h3 {
        margin: 0 !important;
        padding: 0 !important;
    }

    .recruit-right-shop-info h3>img {
        width: 34px !important;
    }

    ul.recruit-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .shop-tab {
        flex: 1 1 calc(50% - 10px);
    }

    .shop-tab:first-child {
        flex: 1 1 calc(100% - 10px);
    }

    .shop-tabs .shop-tab:nth-child(3) {
        border-right: none;
    }

    .tabbed-post-container {
        width: 100%;

    }

    .recruit-tab-contents {
        width: 100%;

    }

    .shop-archive {
        width: 100%;
justify-content: center;
    }

    .recruit-tabbed-wrapper {
        margin: 0 14px;
    }

    .recruit-post-item .post-brand,
    .recruit-post-item .recruit-section {
        padding: 0;
    }

    .shop-list-content {
        width: 100%;
        margin: 0 14px;
    }
}

/* 767px End */

@media (max-width: 430px) {

    .recruit-photo,
    .post-right-section .post-photo {
        max-width: -webkit-fill-available;
        margin: auto;
        width: 100%;
    }

    .recruit-content {
        margin: auto;
        width: 100%;
    }
}

@media (max-width: 375px) {
    .post-item img {
        height: 106px;
    }

    .new-badge {
        padding: 12px 8px;
    }

}



.recruit-tab-select {
    width: 100%;
    height: 54px;
    padding: 12px 40px 12px 16px;
    border: 1px solid #ccc;
    border-radius: 0;
    background: #fff;
    margin-bottom: 60px;
    transition: box-shadow .25s ease, border .25s ease;
}