@charset "utf-8";
/*!
 * Author and Copyright
 * Author    :  prosysta Inc, (http://prosysta.co.jp/)
 * Created   :  2018.03
 * Modified  :  2018.03
 */

/* lower
-----------------------------------------------------------*/
.attention .heading::before ,
.floor .heading::before ,
.recruit .heading::before ,
.access .heading::before ,
.access-info .heading::before {
    background-image: url(../img/icon-m3.png);
    background-size: 26px auto;
    height: 39px;
    top: 8px;
    width: 26px;
}
.recruit .heading::before {
    background-image: url(../img/icon-m7.png);
}
.floor .heading::before {
    background-image: url(../img/icon-m1.png);
    background-size: 30px auto;
    width: 30px;
}
.attention .heading::before {
    background-image: url(../img/icon-m9.png);
    background-size: 28px auto;
    width: 28px;
}
.access-info .heading::before {
    background-image: url(../img/icon-info.png);
    background-size: 34px auto;
    top: 10px;
    width: 34px;
}
.btn a:hover,
a.btn:hover,
.container:not(.page-newshop) a.arrow:hover {
    background-color: #C2C2C2;
}
.more.on-page {
    border-top: #d9d9d9 solid 1px;
    padding-top: 1em;
}
.on-page .btn {
    width: auto;
    background-color: transparent;
    border: none;
}
.arrow {
    display: inline-block;
    position: relative;
    padding-left: 1px;
    padding-right: 1em;
    text-decoration: none;
    border-radius: 1px;
}
.on-page .nav-btn::after {
    display: inline-block;
    content: "";
    height: 8px;
    position: absolute;
    width: 8px;
    top: .85em;
    border-top: none;
    border-right: #4b4b4b solid 2px;
    border-bottom: #4b4b4b solid 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 1.1em;
    transition: all .3s;
}
.arrow::after {
    display: inline-block;
    content: "";
    height: 7px;
    position: absolute;
    width: 7px;
    top: .55em;
    border-top: #4b4b4b solid 2px;
    border-right: #4b4b4b solid 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: .4em;
    transition: all .3s;
}


/* shop-info
-----------------------------------------------------------*/

.logo.two-5 img { /* -squar */
    max-width: 40%;
}
.logo.three-5 img { /* -1:2; */
    max-width: 60%;
}
.logo.four-5 img { /* -1:3; */
    max-width: 80%;
}

/* outline */
.outline .heading {
    margin-bottom: .6em;
    font-weight: bold;
    font-family: inherit;
}
.outline > .heading::before {
    content: none;
}
.outline .floor .number {
    height: 2.8em;
    width: 2.8em;
    border-radius: 1.4em;
    line-height: 2.8em;
    background-color: #ebebeb;
}
.outline .summery {
    line-height: 1.85;
}
.outline .sns .link {
    padding: 0 5px;
}

/* table */
.table {
    border-collapse: collapse;
}
.table.full {
    width: 100%;
}
.table.auto {
    margin: auto;
}
.table th,
.table td {
    padding: 1em .5em;
    line-height: 1.75;
    vertical-align: top;
    word-break: break-all;
}
.table tr + tr th,
.table tr + tr td {
    border-top: 1px solid #dee2e6;
}
.table th {
    text-align: left;
}
.table .i-fb,
.table .i-tw,
.table .i-insta {
    fill: #3c3c3c;
}
/* END table */

.heading::before {
    left: 0;
    margin-right: .6em;
}
.information .heading::before,
.shop-list .heading::before {
    background-image: url(../img/icon-shop.png);
}
.engagement {
    margin-top: 1em;
}
.engagement .container {
    /*border: #f5f5f5 solid 2px;*/
    background-color: #f5f5f5;
    padding: .5em 2.5em 1.5em;
}
.engagement .heading::before {
    background-image: url(../img/icon-engagement.png);
}
.shop-recommendation .heading::before {
    background-image: url(../img/icon-menu.png);
    background-size: contain;
}
.faq .heading::before {
    background-image: url(../img/icon-faq.png);
}
.engagement .picture {
    margin: 0 1.3em 1.8em;
}
.twitter .heading::before {
    content: initial;
}
.twitter .heading .i-tw {
    width: 24px;
    fill: #000;
    margin-right: .8em;
    position: relative;
    top: 1px;
}
.twitter .hashtag {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
}
.twitter .hashtag .twitter-timeline {
    text-decoration: none;
}

/* special-page */
/* page-info */
.signboard h2 {
    /*margin-top: 0;*/
    line-height: 1;
    font-size: 6vw;
}
.signboard span + h2 {
    /*margin-top: .83em;*/
}
.period {
    display: inline-block;
    padding: .4em .6em;
    background-color: #f0f0f0;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

/* page-shop-list */
.note.arrow {
    width: 100%;
    display: flex;
    padding-left: 0;
}
.note.arrow::after {
    top: 2.3em;
    height: 10px;
    width: 10px;
}
.note.arrow .logo {
    max-width: 90px;
    width: 20%;
}
.note.arrow .logo + .meta-info {
    padding-left: 1em;
    width: 80%;
}
.page-shop-list .col .text,
.page-newshop .text {
    line-height: 1.6;
}
.recommended {
    margin-top: 2em;
    position: relative;
    border: #000 solid 2px;
    padding: 0 1.5em .9em;
    font-weight: bold;
    font-size: 1.4rem;
    width: 100%;
}
.recommended .heading {
    /*position: absolute;
    top: -1.7em;*/
    display: inline-block;
    padding: 0 .8em;
    background-color: #fff;
    font-size: 1.7rem;
    letter-spacing: 0;
}
.recommended .heading::before {
    content: none;
}
.recommended ul {
    padding-left: 0;
    margin: 0;
    text-align: left;
}
.recommended li {
    padding-bottom: .3em;
}

/* page-newshop */
.page-newshop {
    padding-top: 0;
}
.page-newshop > .list {
    margin-top: 0;
}
.page-newshop .flex {
    display: flex;
    flex-wrap: wrap;
}
.page-newshop .open-info {
    text-align: center;
}
.open-info .new-open,
.open-info .renewal,
.open-info .pop-up {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    border-bottom: #000 solid 1px;
    padding-bottom: .4em;
    margin: 0 0 .6em;
}
.open-info .new-open { color: #FF758D; }
.open-info .renewal { color: #00B3D6; }
.open-info .pop-up { color: #89C14D; }
.open-info time {
    display: block;
    font-size: 2.6rem;
}
.open-info time em {
    font-size: .55em;
    display: inline-block;
    padding-left: .4em;
    font-style: normal;
}
.page-newshop .floor {
    font-size: 2.4rem;
    font-weight: bold;
}
.open-info .facilities {
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
    margin-bottom: -2px;
}
.page-newshop .note {
    margin: 1.5em 0 0;
}
.page-newshop div.note {
    margin: 0;
    padding-top: 1.5em;
}
.page-newshop div.arrow::after {
    display: none;
}
.shop-contact {
    width: 100%;
    padding: 3%;
    background-color: #f0f0f0;
    margin-top: 1.3em;
}
.shop-contact h3,
.shop-contact p {
    margin: 0 0 3px;
}
.shop-contact .tel {
    font-size: 1.6rem;
}
.page-newshop .item + .item {
    padding-top: 2em;
    border-top: #808080 dotted 1px;
    margin-top: 2em;
}
.shop-hp .link {
    text-decoration: none;
    display: inline-block;
    word-break: break-all;
}
.shop-hp .link:hover {
    text-decoration: underline;
}

/* 06-shop-list */
.shop-list span + span {
    border-left: none;
}
.shop-list .meta-info {
    display: flex;
    align-items: center;
    font-size: 12px;
}
.shop-list .floor {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #ccc;
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 1.86em;
}
.logo-img {
    border: solid 1px #898988;
    margin-bottom: 1em;
}

/* search-tab */
.search-tab {
    margin: 3.5em 0 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}
.search-tab-container .heading {
    margin: 2em 0;
}
.search-tab-keyword .heading::before {
    background-image: url(../img/icon-keyword.png);
}
.search-tab-category .heading::before {
    background-image: url(../img/icon-category.png);
}
.search-tab-floor .heading::before {
    background-image: url(../img/icon-m1.png);
    top: 3px;
}

li[class*="search-tab-"] {
    flex: 1;
    display: flex;
    flex-flow: column wrap;
    max-width: 33.3333%;
}
.search-tab-label {
    cursor: pointer;
    width: 100%;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 1em .5em;
    border: solid 1px #fff;
    border-bottom: none;
    background: #eee;
    font-weight: bolder;
    height: 5em;
    border-radius: 2px 2px 0 0;
    line-height: 1.3;
    text-align: center;
}
.search-tab-label.active {
    background: #fff;
    border-color: #808080;
    /*box-sizing: border-box;*/

}
.search-tab-container {
    display: none;
}
.search-tab-label.active + .search-tab-container {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    width: 300%;
    z-index: 1;
}
.category-search .search-tab-label.active + .search-tab-container {
    align-items: initial;
}
.search-tab-container a {
    text-decoration: none;
}
li[class*="search-tab-"]:nth-child(2) .search-tab-label.active + .search-tab-container {
    margin-left: -100%;
}
li[class*="search-tab-"]:nth-child(3) .search-tab-label.active + .search-tab-container {
    margin-left: -200%;
}
.search-tab-keyword-form {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    position: relative;
}
.search-tab-keyword-form input[type="search"] {
    border-radius: 1em;
    padding: 0 1em;
    line-height: 2.5em;
    border: solid 1px #555;
    flex-basis: 100%;
    margin-left: 1em;
}
/*仮*/
.search-tab-keyword-form::after {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    height: 1.25em;
    width: 1.25em;
    background-image: url(../img/icon-search.svg);
    margin-left: -2.25em;
}
.search-tab-keyword .line-set {
    align-items: center;
    width: 280px;
}
.search-tab-keyword label[for*="keyword"] {
    padding: 0 1em 0 0;
}


.search-tab-keyword-characters {
    border-top: dashed 1px #ccc;
    margin-top: 3em;
    text-align: center;
    padding: 0;
    padding-top: 1em;
}
.search-tab-keyword-characters > li {
    padding: 0.5em;
    border: solid 1px #ccc;
    font-weight: bold;
    margin: 1em 0;
}
ul[class*="search-tab-keyword-characters-"] {
    display: flex ;
    height: 10em;
    width: 100%;
    justify-content: space-around;
    padding: 0;
}

.search-tab-keyword-characters-hiragana {
    flex-flow: column wrap;
}
.search-tab-keyword-characters-alphabet {
    flex-flow: row wrap;
}
ul[class*="search-tab-keyword-characters-"] > li {
    height: 2em;
    width: 1.5em;
    width: 10%;
    padding: .35em .25em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
}
ul[class*="search-tab-keyword-characters-"] > li > a {
    height: 2em;
    display: block;
    width: 100%;
    line-height: 2em;
}

h3[class*="shop-list-subtitle"] {
    font-size: 2.5rem;
    color: #898988;
    font-weight: lighter;
    display: table;
    margin: 2.5em auto;
}
.shop-list-subtitle[class*="c-"]::before {
    content: "";
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 41px;
    width: 41px;
    display: table;
    margin: auto;
    margin-bottom: .5em;
    background-image: url(../img/icons-category02.png);
    background-size: auto 41px;
}
.shop-list-subtitle.c-ladies::before      { background-position: 0 center; }
.shop-list-subtitle.c-mens::before        { background-position: -41px center; }
.shop-list-subtitle.c-restaurant::before  { background-position: -82px center; }
.shop-list-subtitle.c-goods::before       { background-position: -123px center; }
.shop-list-subtitle.c-book::before        { background-position: -164px center; }
.shop-list-subtitle.c-service::before     { background-position: -205px center; }
.shop-list-subtitle.c-category::before    { background-position: -246px center; }
.shop-list-subtitle.c-food::before        { background-position: -287px center; }
.shop-list-subtitle.c-cosmetics::before   { background-position: -328px center; }
.shop-list-subtitle.c-interior::before    { background-position: -369px center; }
.shop-list-subtitle.c-coworking::before   { background-position: -410px center; }
.shop-list-subtitle.c-popup::before       { background-position: -451px center; }
.shop-list-subtitle.c-beauty::before      { background-position: -492px center; }

.flex-wrap {
    flex-wrap: wrap;
    align-items: center;
}
.category-search-detail .col,
.search-tab-category .col {
    background-color: #fff;
    border: #ccc solid 1px;
    margin-left: -1px;
}
/*.category-search-detail .link,*/
.flex-wrap .link {
    height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: .3em;
    padding-right: .3em;
}
.category-search .flex-wrap .col a::before {
    display: none;
}

/* capability */
:root {
    --color-special: #85D433;
    --color-event: #FF0D4C;
    --color-shopnews: #08B0F2;
    --color-black: #4b4b4b;
    --color-deepgray: #898988;
    --color-palegray: #f5f5f5;
    --icon-shop: url(../img/icon-shop.png);
    --icon-ladies: url(../img/icon-c1.png);
    --icon-food: url(../img/icon-c3.png);
    --icon-news: url(../img/icon-m2.png);
    --icon-newarrival: url(../img/icon-m5.png);
    --icon-special: url(../img/icon-m6.png);
    --icon-privatable: url(../img/icon-shop01.png);
    --icon-reservable: url(../img/icon-shop02.png);
    --icon-kiddable: url(../img/icon-shop03.png);
    --icon-takable: url(../img/icon-shop04.png);
    --icon-unsmokable: url(../img/icon-shop05.png);
}
.capability {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 0;
    margin-bottom: 1.5em;
}
.capability > li {
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 10px;
    height: auto;
    position: relative;
}
.capability > li::after {
    content: "";
    display: block;
    padding-top: 100%;
}
.capability > li > span {
    display: block;
    font-weight: bold;
    background: var(--color-palegray);
    padding: 1rem 0.2rem;
    color: #aaa;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
}
.capability > li > span::before {
    content: "";
    display: block;
    width: 2px;
    height: 75%;
    background-color: #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 1.75em;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.capability > li:nth-child(1) > span::after {
    background-image: url(../img/icon-shop01.png);
}
.capability > li:nth-child(2) > span::after {
    background-image: url(../img/icon-shop02.png);
}
.capability > li:nth-child(3) > span::after {
    background-image: url(../img/icon-shop03.png);
}
.capability > li:nth-child(4) > span::after {
    background-image: url(../img/icon-shop04.png);
}
.capability > li:nth-child(5) > span::after {
    background-image: url(../img/icon-shop05.png);
}
.capability > li > span::after {
    content: "";
    display: block;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    opacity: 0.2;
    position: absolute;
    top: 1.75em;
    left: 0;
    right: 0;
    bottom: 0;
}
.capability > li.active > span,
.capability > li.non-smoking > span,
.capability > li.separate-smoking > span,
.capability > li.smoking > span {
    background: #fff;
    color: inherit;
}
.capability > li.active > span::before,
.capability > li.non-smoking > span::before,
.capability > li.separate-smoking > span::before,
.capability > li.smoking > span::before {
    display: none;
}
.capability > li.active > span::after,
.capability > li.non-smoking > span::after,
.capability > li.separate-smoking > span::after,
.capability > li.smoking > span::after {
    opacity: 1;
}
.capability > li.non-smoking > span::after {
    background-image: url(../img/icon-shop01.png);
}
.capability > li.separate-smoking > span::after {
    background-image: url(../img/icon-shop06.png);
}
.capability > li.smoking > span::after {
    background-image: url(../img/icon-shop07.png);
}

.capability > li + li {
    border-left: none;
}
.information .capability > li:last-child {
    display: none;
}

/* 08-item-detail */
.shop-news.news-detail [class*="label-"]::before {
    padding: 0.2em 0.4em;
    font-size: 1.5rem;
    letter-spacing: 0;
}
.item-detail-information {
    border: solid 1px #ccc;
    text-align: center;
    padding: 3em 2em 3.5em;
    margin-bottom: 0;
}
.item-detail-information .more-white {
    margin-top: 2.5em;
}
.floor-number {
    height: 2.8em;
    width: 2.8em;
    border-radius: 1.4em;
    line-height: 2.8em;
    background-color: #ebebeb;
    display: inline-block;;
    text-align: center;
}

.item-detail-information .floor-number {
    margin: 0.5em 0;
}

.item-detail-information .more .btn {
    width: auto;
    margin-top: 1em;
}

.item-detail-information .more .btn .nav-btn {
    font-size: 0.8em;
}

.item-detail + .new-arrival-list {
    background: var(--color-palegray);
}

.item-detail + .new-arrival-list > * {
    padding-top: 2em;
}

.item-detail .more-white {
    margin: 2em auto 0;
}

a[class*="more-"],
button[class*="more-"] {
    position: relative;
    padding: 0.5em 2em 0.5em 1em;
    display: table;
    text-decoration: none;
    font-size: 1.5rem;
}

a.more-white,
button.more-white {
    background: #fff;
    color: var(--color-black);
    border: solid 1px;
}

.news-detail .col-left .logo {
    text-align: center;
}

/* 10-menu-list */
.menu-list .summery {
    line-height: 1.85;
}
.list-detail-horizontal .col {
    display: flex;
    align-items: stretch;
    margin-bottom: 3em;
}
.list-detail-horizontal .col > :first-child:not([class*="-note"]) {
    max-width: 33%;
    align-self: self-start;
    padding: 0 2em;
    padding-left: 0;
}
.list-detail-horizontal .col img {
    margin: 0;
}
.list-detail-horizontal .col p {
    line-height: 1.75;
    /*font-size: 0.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    height: 12em;*/
}
.list-detail-horizontal [class*="-list-note"] {
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    margin: 0;
    padding-bottom: 1em;
    display: flex;
    flex-flow: column;
    flex: 1;
}
.menu-list-price {
    margin-left: auto;
}
.menu-list-title {
    display: flex;
}
.menu-list-section {
    /*border-bottom: 1px dashed;*/
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 3em;
    background-image: linear-gradient(to right, #000, #000 8px, transparent 1px, transparent 5px);
    background-size: 13px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
}
.menu-extra-list h4 {
    font-size: 0.9em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
    margin: 0;
}
[class*="menu-extra"] .menu-list-price {
    color: #777;
}
.menu-extra-box .menu-list-price {
    display: block;
    margin-top: 0.5em;
}
.menu-extra-box .menu-list-title {
    display: block;
}
.menu-extra-box img {
    margin-bottom: 0.5em;
}
.list-detail-horizontal li:last-child {
    margin: 0;
}
.menu-list-section li:last-child :first-child.menu-list-note {
    border: none;
}
.menu-list-section > h3 {
    margin-bottom: 1em;
    font-size: 2.5rem;
}
.menu-list-section-caption {
    margin-bottom: 2.5em;
}
.menu-list-note h5 {
    padding-left: 1em;
    margin: 0.25em 0;
}
.menu-list [class*="tile"] {
    display: grid;
    grid-gap: 1em 2em;
    padding: 0;
}
.menu-list [class*="tile-5"] {
    grid-template-columns: repeat(5, 1fr)
}

/* 12-category-search-detail */
.category-search-detail .grid {
    margin: 3em auto 0;
}
.category-search-detail .col .link::before {
    /*background-size: auto 18px;
    width: 18px;
    height: 18px;
    margin: 0 .3em 0 0;*/
}
.category-search-detail .c-ladies .link::before      { background-position: 0 center; }
.category-search-detail .c-mens .link::before        { background-position: -41px center; }
.category-search-detail .c-restaurant .link::before  { background-position: -82px center; }
.category-search-detail .c-goods .link::before       { background-position: -123px center; }
.category-search-detail .c-book .link::before        { background-position: -164px center; }
.category-search-detail .c-service .link::before     { background-position: -205px center; }
.category-search-detail .c-category::before          { background-position: -246px center; }
.category-search-detail .c-food::before              { background-position: -287px center; }
.category-search-detail .c-cosmetics::before         { background-position: -328px center; }
.category-search-detail .c-interior::before          { background-position: -369px center; }
.category-search-detail .c-coworking::before         { background-position: -410px center; }
.category-search-detail .c-popup::before             { background-position: -451px center; }
.category-search-detail .c-beauty::before            { background-position: -492px center; }
.category-search-detail .flex-wrap {
    margin: 0 auto;
}

/* 14-shop-news-list */
.shop-news .separate .note {
    display: block;
    border-bottom: none;
}
.shop-news .setarate .text {
    display: none;
}

/* 15-news-event */
.news-event-nav a {
    text-align: center;
    text-decoration: none;
    line-height: 1.3;
}
.news-event-nav .active {
    color:#FFF;
    background: #4b4b4b;
}

/* 16-news-detail */
[class*="detail"] .topic-tag {
    border: solid 1px #ccc;
    padding: 0.25em 0.4em;
    display: inline-block;
    font-weight: bold;
}
[class*="detail"] .col-left .topic-tag {
    margin-bottom: 1em;
}
.detail-information {
    border: solid 1px #ccc;
    padding: 0 1em 1.5em;
    margin-bottom: 4em;
}
.detail-information h3 {
    font-size: 2.2rem;
    text-align: center;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
}
.detail-information dl {
    overflow: hidden;
    margin-bottom: -0.25em;
}
.detail-information dl * {
    float: left;
    margin-bottom: 0.25em;
}
.detail-information dl dd {
    margin-left: 1em;
}
.detail-information dl dt {
    clear: both;
}
.information-open {
    font-size: 0.9em;
    margin-bottom: 1em;
}
.detail-post {
    border-bottom: 1px solid #ccc;
}
.detail-post .text {
    margin-bottom: 3em;
    line-height: 1.75;
}
.detail-contents {
    margin-top: 3em;
    padding: 0;
}
.detail-contents li {
    margin-bottom: 3em;
}
.detail-contents h3 {
    border-top: 2px solid #b2b2b2;
    line-height: 3em;
    padding-top: 0.5em;
    margin-bottom: -2em;
}
.detail-contents h4 {
    border-top: 2px solid #b2b2b2;
    border-bottom: 1px solid #ebebeb;
    line-height: 3em;
    padding-left: 0.25em;
}
.detail-contents table, .detail-contents th, .detail-contents td {
    border-collapse: collapse;
    border: 1px solid #ccc;
    line-height: 1.5;
    padding: .9em;
}
.detail-contents tr > .w18em {
    width: 18em;
}
.detail-contents .car {
    white-space: nowrap;
}
[class*="detail"] .pager {
    position: relative;
    height: 5em;
}
[class*="detail"] .pager a::after {
    border-top: #808080 solid 1px;
    border-right: #808080 solid 1px;
    display: inline-block;
    content: "";
    height: 1.5em;
    width: 1.5em;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
[class*="detail"] .pager .prev-link::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 0.5em;
}
[class*="detail"] .pager .next-link::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 0.5em;
}
/* aside */
.aside-title {
    font-size: 1.9rem;
}
[class*="aside-list"] .list {
    font-size: 0.8em;
    margin: 0;
}
[class*="aside-list"] p, [class*="aside-list"] h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}
[class*="aside-list"] p {
    line-height: 1.5;
    font-size: 0.9em;
    -webkit-line-clamp: 2;
    margin: 0;
}
[class*="aside-list"] li {
    padding: 1.5em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: -1px;
}
[class*="aside-list"] li > a {
    display: flex;
    text-decoration: none;
}
[class*="aside-list"] li img {
    margin: 0;
    max-width: 33.33333%;
    align-self: flex-start;
}
[class*="aside-list"] li div {
    padding: 0 1em;
}
[class*="aside-list"] .meta-info {
    padding: 0;
}
[class*="aside-list"] .meta-info span + span {
    border: none;
}
[class*="aside-list"] .more-link {
    text-align: right;
    background: #fff;
    padding: 0.5em 0;
}
[class*="aside-list"] .more-link a {
    display: inline-block;
    position: relative;
    color: #808080;
    text-decoration: none;
    padding: .5em 1em .5em .5em;
}
[class*="aside-list"] .more-link a::after {
    border-top: #808080 solid 1px;
    border-right: #808080 solid 1px;
    display: inline-block;
    content: "";
    height: 0.5em;
    width: 0.5em;
    position: absolute;
    top: .3em;
    bottom: 0.4em;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 0;
}

/* special-item */
.page-info + .shop-news {
    background-color: transparent;
}

/* 20-special-restaurant */
.refine-search-box {
    margin-top: -1em;
    padding: 0 1.3em;
}
.page-info .col-wrap > .col + .col {
    letter-spacing: -.22em;
}
.page-info .link-img {
    padding: 0 .8em 1.3em;
}
.page-info .link-img .col {
    padding: 0 .5em;
}
.refine-search-box {
    margin: 1em 0;
}
.refine-search {
    display: table;
    position: relative;
    border-radius: 5px;
    border: solid 1px #ccc;
    overflow: hidden;
}
.refine-search-box strong {
    /* font-size: smaller;*/
    margin-bottom: 0.5em;
    display: block;
}
.refine-search select {
    height: 2em;
    padding: 0 2.5em 0 .5em;
    border: none;
}
.refine-search::before, .refine-search::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}
.refine-search::before {
    background: var(--color-palegray);
    right: 0;
    width: 2em;
    border-left: solid 1px #ccc;
}
.refine-search::after {
    border-top: solid 1px;
    border-right: solid 1px;
    height: .5em;
    width: .5em;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 0.68em;
    top: -0.2em;
}

/* 23-faq */
.faq .aside .list {
    border: #d9d9d9 solid 2px;
    padding: 2em;
}
.faq .aside li {
    margin-left: 1em;
    text-indent: -1em;
}
.faq .aside li + li {
    margin-top: 1em;
}
.faq .aside .link {
    text-decoration: none;
}
.faq .aside .link:hover {
    text-decoration: underline;
}
.faq .aside .link::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: #808080 solid 1px;
    border-right: #808080 solid 1px;
    transform: rotate(45deg);
    margin-right: .6em;
    position: relative;
    top: -1px;
}
.faq .col-left {
    padding-bottom: 0;
}
.faq section {
    padding: 0 0 3em;
}
.faq .faq-set {
    border-bottom: #d9d9d9 solid 1px;
    /*padding-bottom: 1.5em;*/
}
.faq .faq-set:last-child {
    margin-bottom: 0;
}
.faq .title {
    text-align: left;
    border-bottom: #d9d9d9 solid 1px;
    padding-bottom: .8em;
}
.faq .question {
    padding-left: 2.2em;
    display: block;
    position: relative;
    text-indent: -1.5em;
    margin-bottom: 1em;
    font-weight: bold;
    cursor: pointer;
}
.faq .question i {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    border: #3c3d3d solid 1px;
    left: -.6em;
    top: 4px;
}
.faq .question i::before,
.faq .question i::after {
    position: absolute;
    display: inline-block;
    content: "";
    background-color: #3c3d3d;
}
.faq .question i::before {
    width: 11px;
    height: 1px;
    left: 3px;
    top: 8px;
}
.faq .question i::after {
    width: 1px;
    height: 11px;
    top: 3px;
    left: 8px;
}
.faq .question.open i::after {
    display: none;
}
.faq .answer {
    margin: 0 0 1.5em;
    line-height: 1.7;
    background-color: #f5f5f5;
    padding: 1em;
    display: none;
}
.faq .answer p {
    margin: 0 0 .5em;
}

/*--- access ---*/
.google-map iframe {
    width: 100%;
    min-height: 340px;
}
.access .detail-post {
    border-bottom: none;
}
.detail-contents strong {
    color: #4d4d4d;
}
.detail-post ul {
    padding-left: 0;
}
.notice-contact {
    width: 100%;
    padding: 3% 8%;
    background-color: #f2f2f2;
    color: #4d4d4d;
    margin-top: 1.3em;
    line-height: 1.8;
}
.access-info .contents-list li {
    margin-bottom: 0;
}

/*--- recruit ---*/
.memo-area {
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 2em;
    margin: 0;
    line-height: 1.8;
}
.recruit .arrow::after {
    content: none;
}
.meta-info .place ,
.meta-info span + .category {
    font-weight: bold;
    color: #4d4d4d;
}
.job-list {
    padding: 3% 3% 0;
    background: #f7f7f7;
}
.job-list .grid {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}
.job-list .grid .item {
    padding: 1px;
    min-width: 33.3333%; /* ie11対策 */
}
.item-table  {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}
.item-table .row th, .item-table .row td {
    border-bottom: 1px solid #e5e5e5;
    padding: 1.5rem .5rem;
}
.item-table .row th {
    width: 30%;
    vertical-align: top;
}
.item-table .row td {
    width: calc(100% - 30%);
}
.toggle-content .active {
    display: block;
}
.job-list .more-link {
    background: #FFF;
    border: 1px solid #e5e5e5;
    margin: 5% auto;
}
.recruit .more.on-page {
    border-top: none;
}
.recruit .btn.nav-btn {
    display: inline-block;
    margin-bottom: 0;
}
.btn.nav-btn.clicked::after {
    border: none;
    border-left: #4b4b4b solid 2px;
    border-top: #4b4b4b solid 2px;
}

/*--- floor ---*/
.floor-guide .f-list {
    margin: auto;
    text-align: center;
    display: table;
}
.floor-guide .f-list span {
    float: left;
    /*width: 50px; */
    min-width:50px; /* add ssk */
    height: 50px;
    line-height: 50px;
    background: #FFF;
    text-align: center;
    font-family: "Montserrat",sans-serif;
    border: 1px solid #000;
    margin: 0 .2em;
    cursor: pointer;
    /*font-size: 2.3rem;*/
    font-size:1.85rem; /* add ssk */
}
.floor-guide .f-list span.change{
    font-size: 1.7rem;
}
.floor-guide .f-list span.kirei {
    width: 80px;
}
.floor-guide .f-list span.active,
.floor-guide .f-list span:hover {
    background: #000;
    color: #FFF;
}
.floor-guide .f-list em {
    font-style: normal;
    font-size: 1.5rem;
}
.floor-map {
    margin-bottom: 4em;
    position: relative;
}
.floor-map .f-img {
    padding: .5em;
    text-align: center;
}
.floor .f-num {
    display: inline-block;
}
.floor .guide {
    display: block;
    position: relative;
    top: -.5em;
}
.floor .f-num {
    /*position: absolute;
    left: .3em;
    bottom: .1em;*/
    font-size: 3.5rem;
    font-family: "Montserrat",sans-serif;
    font-weight: normal;
    padding-right: .4em;
    float: left;
    position: relative;
    top: -.5em;
}
.floor .f-num em {
    font-size: 2.6rem;
    font-style: normal;
}
.f-category {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: .8em;
    margin-bottom: 3em;
}
.floor li .num {
    background: #000;
    color: #FFF;
    font-family: "Montserrat",sans-serif;
    font-size: 1.1rem;
    line-height: 1.2;
    padding: .6em 1em;
    position: absolute;
    z-index: 2;
}
.floor .num + a img:not([src*="."]) + .note {
    margin-top: 2em;
}
.floor .meta-info .place {
    font-weight: bold;
    color: #000;
}
.floor .tel span {
    margin-left: .5em;
    display: inline-block;
}

/*--- shop-name-search  ---*/
.shop-name-search .search-tab-label.active + .search-tab-container {
    width: 100%;
    margin-top: 4.5em;
}
.shop-name-search .search-tab-label.active {
    display: none;
}

/* special-shop-list */
.special-shop-list {
    padding-top: 0;
}
.special-shop-list .floor-name,
.special-shop-list .table {
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-position: 0 0, 25px 25px;
    background-size: 3px 3px;
    padding: 1em;
}
.special-shop-list .floor-name {
    background-color: #aaa;
    font-weight: bold;
    margin-bottom: .8em;
}
.special-shop-list .table {
    background-color: #d9d9d9;
    display: table;
    width: 100%;
    border: transparent solid 1em;
    margin-bottom: 1.6em;
}
.special-shop-list .table .tr {
    display: table-row;
}
.special-shop-list .table .tr > dt,
.special-shop-list .table .tr > dd {
    display: table-cell;
    background-color: #fff;
    padding: .5em;
}
.special-shop-list .table .tr > dd {
    padding-left: 1em;
}
.special-shop-list .table :not(.thead) > dt,
.special-shop-list .table :not(.thead) > dd {
    border-left: #e4e4e4 solid 1px;
    border-bottom: #e4e4e4 solid 1px;
}
.special-shop-list .table .tr.thead > dt,
.special-shop-list .table .tr.thead > dd {
    border-left: transparent solid 1px;
    border-bottom: transparent solid 1px;
}
.special-shop-list .table .tr > .th {
    font-weight: bold;
    background-color: transparent;
    padding-top: 0;
    border-left: transparent solid 1px;
    border-bottom: transparent solid 1px;
}





@media (max-width:767px) { /* forSP */
    .access .heading::before {
        width: 20px;
        height: 32px;
        background-size: 20px;
    }
    .access-info .heading::before {
        top: 10px;
    }
    .title .arrow::after {
        height: 10px;
        width: 10px;
        top: .3em;
    }

    /* breadcrumbs */
    .breadcrumbs {
        display: none;
    }
    /* shop-info */
    .shop-info {
        padding: 1.5em 0;
    }
    .shop-info .logo {
        margin: 0 10vw 1.35em;
        text-align: center;
    }
    .shop-info .slide-item {
        margin-bottom: 2em;
        margin-bottom: 3em;
    }
    .shop-info .slide-item-nav {
        margin-bottom: 0;
    }
    .shop-info .slick-list {
        z-index: 100;
    }
    .shop-info .slick-list img {
        /*width: 100%;*/ /* 180408 */
    }
    .shop-info .slide-nav .item {
        margin-right: 5px;
    }

    .outline {
        padding: 1.3em 8% 1.5em;
    }
    .outline .floor,
    .outline .category {
        text-align: center;
    }
    .outline .floor {
        font-size: 1.4rem;
    }
    .outline .floor span {
        display: inline-block;
        margin: 0 .5em;
    }
    .outline .summery {
        margin-top: 2em;
    }
    .outline .table th.one-4 {
        width: 32%;
    }
    .table .sns {
        margin-left: 0;
    }
    .shop-detail .special {
        background-color: #EEEEEE;
        margin-bottom: 2px;
    }
    .special .heading::before,
    .shop-list .heading::before {
        width: 31px;
        height: 31px;
        background-size: 30px;
        top: 8px;
    }
    .shop-detail + .new-arrivals {
        background-color: transparent;
    }
    .shop-detail + .new-arrivals {
        background-color: transparent;
    }
    .shop-detail + .new-arrivals .grid,
    .shop-news .separate {
        margin-left: 0;
        margin-right: 0;
    }
    .new-arrivals .full .col:nth-child(odd),
    .new-arrivals .full .col:nth-child(even) {
        padding: 0 !important;
    }
    .separate .col:nth-child(odd) {
        padding-right: .7em;
    }
    .separate .col:nth-child(even) {
        padding-left: .7em;
    }
    .shop-detail + .new-arrivals .full .title {
        margin-top: 0;
    }
    .separate .title {
        font-size: 1.6rem;
    }
    .shop-detail + .new-arrivals .arrow {
        display: block;
    }
    .shop-detail + .new-arrivals .arrow::after {
        top: .35em;
        width: 10px;
        height: 10px;
    }
    .separate .note{
        border-bottom: none;
        padding-bottom: 0;
    }

    /* special-page */
    /* page-info */
    .page-info {
        padding-top: 0;
    }
    .billboard {
        margin-left: -1.3em;
        margin-right: -1.3em;
    }
    .billboard img {
        width: 100%;
    }
    .billboard .signboard,
    .billboard .summery {
        padding-left: 1.3em;
        padding-right: 1.3em;
    }
    .billboard .meta-info {
        margin-top: 1.7em;
    }
    .billboard .summery {
        margin-top: 0;
    }
    .billboard .period {
        margin-bottom: 1.2em;
    }
    /* page-shop-list */
    .page-newshop .flex {
        align-items: center;
    }
    .page-shop-list {
        padding: 0 1.3em 2.5em;
    }
    .page-shop-list .one-2 {
        width: auto;
    }
    .note.arrow .logo {
        max-width: 65px;
    }
    .page-newshop .logo-img {
        border: solid 1px #898988;
    }
    .note.arrow .title {
        margin: .4em 0;
    }
    .page-shop-list .col {
        margin-bottom: 0;
    }
    .page-shop-list .col + .col {
        padding-top: 2em;
        border-top: #808080 dotted 1px;
        margin-top: 2em;
    }
    .search-tab-category .grid {
        margin-top: 0;
    }
    .recommended .heading {
        margin-top: -1.5em;
        transform: translateY(-.5em);
        margin-bottom: 0em;
    }

    /* 07-shopdetail */
    .shop-detail .new-arrivals .grid {
        margin-left: 0;
        margin-right: 0;
    }
    .text + [class*="more-"] {
        display: none;
    }
    .new-arrivals .grid.separate .note {
        display: block;
    }
    .twitter iframe {
        border: #f5f5f5 solid 2px !important;
    }
    .engagement {
        font-size: 1.3rem;
    }
    .shop-news .full .title .arrow {
        display: block;
    }

    /* 08-item-detail */
    .shop-news.news-detail {
        padding-left: 0;
        padding-right: 0;
    }
    .item-detail .logo.sp {
        text-align: center;
        margin: 0;
    }
    .shop-news.news-detail .logo.sp img {
        margin: 0;
    }
    .shop-news.news-detail .col-right {
        padding: 0 1.3em;
    }
    .shop-news.sub-content {
        margin-top: 3em;
        padding-top: 3em;
    }
    [class*="-detail"] .slick-track { /* 180408 */
        display: flex;
        align-items: center;
    }
    [class*="-detail"] .slide-banner a { /* 180408 */
        text-align: center;
        display: block;
    }

    [class*="-detail"] .slide-banner img { /* 180408 */
        max-height: 90vw;
        margin: auto;
        /* display: inline-block; */
    }


    /* 09-shop-detal-food */
    .shop-detail.food .shop-info {
        padding-top: 0;
    }

    .slider + .logo {
        margin-top: 2.5em;
        margin-bottom: 0;
    }
    .shop-detail.food .summery {
        border-top: #ccc solid 1px;
        padding-top: 2em;
        margin-bottom: 0;
        margin: 2em 1.3em 1.5em;
    }
    .shop-detail.food .col-right {
        padding: 0;
    }
    .shop-recommendation {
        padding-top: 0;
    }
    .shop-recommendation .heading::before {
        height: 25px;
    }

    /* capability */
    .capability {
        font-size: 1rem;
    }

    /* 10-menu-list */
    .menu-list .summery {
        line-height: 1.85;
    }
    .list-detail-horizontal .col > * {
        width: 100%;
        max-width: 100% !important;
        padding: 0 !important;
    }
    .list-detail-horizontal .col {
        flex-flow: column;
    }
    [class*="tile"] {
        width: auto;
    }
    [class*="tile"][class*="-2"]:not([class*="2-"]) {
        grid-template-columns: repeat(2, 1fr)
    }

    /* 12-category-search-detail */

    /* search-tab */
    ul[class*="search-tab-keyword-characters-"] {
        font-size: 1.4rem;
    }
    .category-search-detail .col .link,
    .search-tab-category .is-icon .link {
        height: 8.1em;
        padding: 1em .2em;
    }
    .category-search-detail .flex-wrap .link {
        height: 4em;
    }

    /* 14-shop-news-list */
    .shop-news .separate .meta-info {
        /*display: none;*/
    }
    .shop-news .separate {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.8em;
    }
    .shop-news .grid.full {
        margin-bottom: 1.3em;
    }
    .shop-news .separate .col {
        margin-bottom: 10px;
    }

    /* 15-news-event */
    .news-event-nav {
        display: table;
        border: solid 1px;
        margin: 0 auto 3em;
    }
    .news-event-nav .btn {
        display: table-cell;
        vertical-align: middle;
        width: 25%;
        padding: .35em;
        border: none;
    }
    .news-event-nav .btn + .btn {
        border-left: solid 1px;
    }

    /* 16-news-detail */
    .news-detail .col-left {
        margin-top: -1.5em;
    }
    /*[class*="detail"] .col-left > img, .item-detail-main-col .three-5-1 > .slider {
        margin-left: -1.3em;
        margin-right: -1.3em;
        max-width: 109%;
        width: 109%;
    }*/
    [class*="detail"] .col-left .main-visual {
        margin-top: 0;
        margin-left: -1.3em;
        margin-right: -1.3em;
        padding:0 20px;
    }

    .col-right {
        margin-top: 4em;
    }
    .shop-detail .col-right {
        margin-top: 0;
    }
    .detail-aside-list {
        margin: 0 -1.3em;
        padding: 1em 1.3em 2.5em;
        background: var(--color-palegray);
    }
    [class*="aside-list"] .list {
        padding: 0 1.5em;
        font-size: 0.8em;
        margin: 0;
        padding: 0 1.5em;
        background: #fff;
    }

    .detail-aside-list ul li:first-child {
        border-top: none;
    }


    .detail-aside-list .more-link {
        text-align: center;
        font-size: 2rem;
        margin-top: 1px;
        margin-right: 0;
    }
    .detail-aside-list .title + p {
        display: none;
    }

    /* 23-faq */
    .faq .col-right {
        margin-top: 3em;
        margin-bottom: 4em;
    }
    .faq .question {
        font-size: 1.3rem;
    }

    /*--- recruit ---*/
    .memo-area {
        margin-bottom: 2em;
    }
    .job-list .more-link {
        font-size: 1.3rem;
    }
    .toggle-content {
        padding-bottom: 1px;
    }

    /*--- floor ---*/
    .floor-guide {
        padding: 0;
        margin-bottom: 2em;
    }
    .floor-guide .f-list span {
        /*width: 42px;*/
        min-width:42px; /* add ssk */
        height: 42px;
        line-height: 42px;
        margin: 0 .15em .3em;
    }
    .floor-guide .f-list span:nth-child(7n+1) {
        /*clear: both; */ /* add ssk */
    }

    /* add 0406 */
    .shop-news.news-detail .meta-info ,
    .food .meta-info {
        margin: 1.5em 5%;
    }
    .shop-news.news-detail .meta-info span ,
    .food .meta-info span {
        font-weight: normal;
    }
    .shop-detail .slider ,
    .shop-news.news-detail .slider ,
    .food .slider {
        padding: 0 1.3em;
    }
    /* .shop-detail .slide-banner .slick-dots ,
    .food .slide-banner .slick-dots {
        display: none!important;
    } */
    .shop-detail .shop-info .slide-item ,
    .food .shop-info .slide-item {
        margin-bottom: 0;
    }
    .shop-detail .logo ,
    .menu-list-section .logo {
        margin: auto;
    }
    .shop-detail .shop-info .logo {
        margin-bottom: 1.5em;
    }
    .maxh-fix-img img  {
        max-width: 100%;
        max-height: 100px;
    }
    .food .shop-info .table {
        margin-bottom: 1.5em;
    }
    .shop-detail.food .summery {
        border-top: none;
        padding-top: 0;
    }
    .food .outline {
        padding: 0;
        padding-top: 2em;
    }


} /* END forSP */


@media (max-width:374px) { /* for iPhone6以下 */
    .none-320 {
        display: none;
    }
} /* END for iPhone6以下 */

@media (width:414px) { /* for iPhone6+ */
    [class*="-detail"] .slide-banner img {
        position: relative;
        left: -.5px;
    }
} /* END for iPhone6以下 */



@media (min-width:768px) { /* forPC */

    .pc-left { float: left; }
    .pc-right { float: right; }
    .shop-detail .pc-left { width: 575px; max-width: 100%; }
    .shop-detail .pc-right { width: 400px; max-width: 100%; }
    .approach .pc-right {width: 500px;max-width: 100%;}
    .arrow::after {
        top: .6em;
        height: 8px;
        width: 8px;
    }
    .new-arrivals .title .arrow::after {
        display: none;
    }
    .title .arrow::after {
        display: none;
    }
    .col-center {
        width: 670px;
        margin: auto;
    }
    .each-opa-access ,.each-opa-name ,.access .google-map {
        max-width: 920px;
        margin: auto;
        padding-left: 1em;
        padding-right: 1em;
    }
    .google-map iframe {
        min-height: 550px;
    }
    .notice-contact {
        font-size: 1.4rem;
    }

    /* breadcrumbs */
    .breadcrumbs {
        border-bottom: rgba(0,0,0,0.2) solid 1px;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    .breadcrumbs .path {
        list-style: none;
        padding-left: 0;
    }
    .breadcrumbs .item {
        display: inline-block;
        padding-right: .9em;
        color: #9a9a9a;
        line-height: 1.1;
        font-size: 1.4rem;
    }
    .breadcrumbs .item::after {
        content: "";
        display: inline-block;
        margin-left: .9em;
        position: relative;
        top: -2px;
        width: 8px;
        height: 8px;
        border-top: #9a9a9a solid 1px;
        border-right: #9a9a9a solid 1px;
        transform: rotate(45deg);
    }
    .breadcrumbs .item:last-of-type::after {
        content: none;
    }
    .breadcrumbs .link {
        text-decoration: none;
        color: #000;
    }
    .breadcrumbs .link:hover {
        text-decoration: underline;
    }

    /* shop-info */
    .shop-info .logo {
        margin-top: 5px;
    }
    .col-wrap {
        display: flex;
        justify-content: space-between;
    }
    .col-left {
        width: 575px;
    }
    .col-right {
        width: 485px;
        padding-left: 85px;
    }

    /* slider */
    .col-wrap .slide-nav .slick-track {
        width: auto !important;
    }
    .col-wrap .slide-nav .item {
        margin-left: 8px;
        width: 94px !important;
    }
    .col-left .slider {
        margin-bottom: 2em;
    }
    .col-left .slide-item-nav {
        margin-left: -8px;
    }
    .col-right .slide-nav .item:nth-of-type(4n+1) {
        margin-left: 0;
    }

    /* outline */
    .shop-info section.outline,
    .shop-detail section.shopnews,
    .shop-detail section.special {
        padding: 0 0 1.3em;
    }
    .pc-left .heading {
        text-align: left;
        border-bottom: #d9d9d9 solid 1px;
        padding-bottom: .8em;
    }
    .outline .heading,
    .information .heading {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .pc-left .heading::before,
    .col-wrap + section .heading::before {
        left: 0;
        margin-right: .6em;
    }
    .outline .guide,
    .outline .category {
        font-size: 1.5rem;
    }
    .outline .floor,
    .outline .floor span,
    .outline .category {
        display: inline-block;
    }
    .outline .floor span {
        margin-right: 1em;
        text-align: center;
    }
    .outline .summery {
        margin: 0;
        padding-top: 1em;
        padding-bottom: 1.5em;
        font-size: 1.6rem;
    }
    .outline .sns .link {
        position: relative;
        top: 3px;
    }
    .pc-right .heading {
        font-size: 2.2rem;
    }
    .pc-right .heading::before {
        width: 32px;
        height: 32px;
        background-size: 32px;
        top: 8px;
    }
    .engagement .heading::before {
        background-image: url(../img/icon-engagement.png);
    }
    .engagement .container,
    .twitter {
        padding: .5em 1.5em 1em;
    }
    .engagement {
        padding: 4.5em 0 0;
    }
    .engagement .text {
        font-size: 1.5rem;
    }
    .twitter {
        background-color: #f5f5f5;
        margin-top: 4.5em;
        margin-bottom: 4em;
        padding-top: 1.2em;
    }
    .separate .post-img {
        margin-bottom: 1em;
    }
    .new-arrivals .separate .title {
        margin-top: 0;
    }
    .separate a[class*="more-"] {
        display: none;
    }

    /* special-page */
    /* page-info */
    .approach {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        border: #d9d9d9 solid 1px;
        margin-bottom: 2.7em;
    }
    .approach .signboard {
        width: 530px;
        padding: 1.7em;
        margin: auto;
    }
    .signboard h2 {
        font-size: 2.6rem;
    }

    .period {
        font-size: 2.2rem;
    }
    .billboard .summery {
        font-size: 1.8rem;
        line-height: 1.8;
        padding: 0 1.7em 1.7em;
    }

    /* page-shop-list */
    .page-shop-list .col:nth-of-type(odd) {
        padding-right: 40px;
    }
    .page-shop-list .col:nth-of-type(even) {
        padding-left: 40px;
    }
    .page-shop-list .title {
        font-size: 2.6rem;
    }
    .page-shop-list .col {
        padding-bottom: 4em;
    }
    .recommended {
        font-size: 1.8rem;
        text-align: center;
    }
    .recommended .heading {
        /*top: -1.7em;
        left: 50%;*/
        font-size: 2.2rem;
        /*transform: translateX(-50%);*/
        margin-top: -1.5em;
        transform: translateY(-.5em);
        margin-bottom: .5em;
    }

    /* special-shop-list */
    .special-shop-list .container {
        padding: 0 1.7em;
    }

    /* page-newshop */
    .page-newshop .item + .item {
        padding-top: 3em;
        margin-top: 3em;
    }
    .page-newshop .pc-left {
        padding-right: 20px;
    }
    .page-newshop .pc-right {
        padding-left: 40px;
    }
    .page-newshop .pc-right > img {
        margin-bottom: 1em;
    }
    .open-info .new-open,
    .open-info .renewal,
    .open-info .pop-up {
        font-size: 3.3rem;
        font-weight: 600;
    }
    .open-info time {
        font-size: 4.8rem;
        margin-bottom: -.2em;
    }
    .page-newshop .floor {
        font-size: 3.5rem;
        font-weight: bold;
    }
    .open-info .facilities {
        font-size: 1.6rem;
    }
    .page-newshop .logo {
        text-align: center;
        margin: 1.5em 0 1em;
    }
    .page-newshop .logo-img {
        border: none;
        max-height: 180px;
        width: auto;
    }

    /* shop-list */
    .shop-list .grid {
        margin-left: -1em;
        margin-right: -1em;
    }
    .shop-list .grid .col {
        padding-left: 1em;
        padding-right: 1em;
    }


    /* search-tab */
    .search-tab-keyword .line-set {
        width: 680px;
        align-items: center;
    }
    .search-tab-keyword label[for*="keyword"] {
        text-align: center;
        padding: 0 1em;
    }
    .search-tab-keyword button {
        top: 6px;
        right: 7px;
    }

    .search-tab-keyword-form {
        width: 60%;
    }
    .search-tab-label {
        font-size: 1.6rem;
    }
    .search-tab-keyword-characters {
        display: flex;
        width: 100%;
    }
    .search-tab-keyword-characters > li {
        /*display: inline-block;*/
        width: 50%;
        margin: 1.5em;
        font-size: 2.0rem;
    }
    .search-tab-keyword-characters > li:first-child {
        margin-left: 0;
    }
    .search-tab-keyword-characters > li:last-child {
        margin-right: 0;
    }
    .search-tab-floor nav {
        width: 70%
    }
    .search-tab-category .grid .col,
    .category-search-detail .grid .col {
        border: none;
        padding: 0 .8em;
        margin-bottom: 1.6em;
    }
    .search-tab-category .grid .link,
    .category-search-detail .grid .link {
        border: #ccc solid 1px;
    }
    .search-tab-category .grid .link {
        position: relative;
    }
    .grid.is-icon {
        flex-wrap: wrap;
    }
    .is-icon .link {
        height: 6em;
        padding: 1em .5em;
    }
    .search-tab-category .grid .link br,
    .category-search-detail .grid .link br {
        display: none;
    }
    .search-tab-floor .building .title {
        font-size: 1.4rem;
        margin-bottom: 1.2em;
    }
    .search-tab-floor .item {
        margin-bottom: .5em;
    }
    .search-tab-floor .item .floor {
        font-size: 2.3rem;
    }


    /* 07-shopdetail */
    .shop-detail .information,
    .shop-detail .special {
        margin-top: -1.5em;
    }
    .information .heading {
        margin-top: 0;
    }
    .twitter {
        background-color: #f5f5f5;
    }

    /* 08-item-detail */
    .shop-news.sub-content .separate .title {
        margin-top: 0;
    }
    .shop-news.news-detail .content {
        padding-top: 0;
    }
    [class*="-detail"] .slick-track { /* 180408 */
        align-items: center;
    }
    [class*="-detail"] .slide-banner .slick-track { /* 180408 */
        display: flex;
    }
    [class*="-detail"] .col-left .slide-banner a { /* 180408 */
        text-align: center;
    }
    [class*="-detail"] .slide-nav .item { /* 180408 */
        line-height: 94px;
        height: 94px;
        text-align: center;
        margin-bottom: 8px;
        vertical-align: top;
        outline: none;
    }
    [class*="-detail"] .col-right .slide-banner, /* 180408 */
    [class*="-detail"] .col-right .slide-banner a { /* 180408 */
        line-height: 400px;
        height: 400px;
        text-align: center;
    }
    [class*="-detail"] .slide-banner img, /* 180408 */
    [class*="-detail"] .slide-nav img { /* 180408 */
        vertical-align: middle;
        display: inline-block;
    }
    [class*="-detail"] .col-left .slide-banner img { /* 180408 */
        max-height: 575px;
    }
    [class*="-detail"] .col-right .slide-banner img { /* 180408 */
        max-height: 400px;
    }
    [class*="-detail"] .slide-nav img { /* 180408 */
        max-height: 94px;
    }
    [class*="-detail"] .col-right .slide-nav .item.slick-current::after {
        top: 1px;
        bottom: -1px;
    }

    /* 09-shop-detail-food */
    .shop-detail.food .col-left .more-black {
        float: left;
    }
    .shop-recommendation {
        padding-bottom: 3.5em;
        background-color: #f5f5f5;
    }
    .shop-recommendation .grid {
        margin-left: -1em;
        margin-right: -1em;
    }
    .shop-recommendation .grid .col {
        padding-left: 1em;
        padding-right: 1em;
    }
    /* capability */
    .capability > li > span {
        font-size: 1.34rem;
    }

    /* 10-menu-list */
    .menu-list .logo {
        margin: 0 auto;
        width: 575px;
        text-align: center;
    }
    .list-detail-horizontal .col p {
        font-size: 0.9em;
    }
    .menu-list [class*="tile-2"] {
        grid-template-columns: repeat(2, 1fr)
    }

    /* 12-shop-news-list */
    .category-search-detail .grid,
    .search-tab-category .grid {
        flex-wrap: wrap;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1.8rem;
    }
    .category-search-detail .col .link::before {
        /*background-size: auto 28px;
        width: 28px;
        height: 28px;
        margin: 0 .5em 0 0;*/
    }
    /*.category-search-detail .c-ladies .link::before      { background-position: 0 center; }
    .category-search-detail .c-mens .link::before        { background-position: -28px center; }
    .category-search-detail .c-restaurant .link::before  { background-position: -56px center; }
    .category-search-detail .c-goods .link::before       { background-position: -84px center; }
    .category-search-detail .c-book .link::before    { background-position: -112px center; }
    .category-search-detail .c-service .link::before     { background-position: -140px center; }*/

    /* 14-shop-news-list */

    /* 15-news-event */
    .news-event-nav {
        display: flex;
        justify-content: space-around;
        margin: 3em auto;
        max-width: 80%;
    }
    .news-event-nav .btn {
        flex: 1;
        border: solid 1px;
        font-weight: bold;
        padding: .5em;
        margin: 0 .5em;
    }

    /* 20-special-restaurant */
    .refine-search-box,
    .page-info .link-img {
        padding: 0 1.7em 1.7em;
    }
    .page-info .link-img {
        padding: 0 1.3em 1.3em;
    }

    /* 23-faq */
    .faq .col-wrap,
    .recruit .col-wrap {
        flex-direction: row-reverse;
    }
    .faq .aside {
        position: relative;
    }
    .faq .aside .container {
        max-width: 100%;
        padding-bottom: 48px;
    }
    .faq .aside .list {
        margin: 0;
    }
    .faq .aside .container.on-header {
        position: fixed;
        top: 110px;
    }
    .faq .aside .container.attachment {
        position: absolute;
        bottom: 0;
        top: initial;
    }
    .faq .aside li {
        margin-left: 1em;
        text-indent: -1em;
    }
    .faq .aside li + li {
        margin-top: 1em;
    }
    .faq .aside .link {
        text-decoration: none;
    }
    .faq .aside .link:hover {
        text-decoration: underline;
    }
    .faq .aside .link::before {
        width: 8px;
        height: 8px;
    }
    .faq .title {
        font-size: 2.4rem;
    }
    .faq .question {
        font-size: 1.7rem;
    }
    .faq .question i {
        top: 3px;
    }

    /*--- recruit ---*/
    .job-list .more-link {
        float: right;
        margin: 3% auto;
    }
    .recruit .col:nth-of-type(even) ,
    .recruit .col:nth-of-type(odd) {
        padding: 0;
    }
    .item-table .row th, .item-table .row td {
        padding: 15px 20px;
    }
    .item-table .row th {
        width: 13em;
        padding-left: 90px;
    }
    .item-table .row td {
        width: calc(100% - 200px);
    }

    /*--- floor ---*/
    .floor .grid,
    .news-event .grid.separate {
        margin-left: -1.5em;
        margin-right: -1.5em;
    }
    .floor .grid .col {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    .floor-guide .f-list span.change{
        font-size: 1.9rem;
    }
    .floor-guide .f-list span.kirei {
        width: 90px;
    }
    .floor-map .f-img {
        padding: 1.5em;
    }
    .floor-map .f-num {
        font-size: 6.5rem;
    }
    .floor-map .f-num em {
        font-size: 5rem;
    }
    .floor li .num {
        font-size: 1.5rem;
    }
    .recruit .col + .col ,
    .page-newshop .item + .item {
        padding-top: 3em;
        margin-top: 3em;
        border-top: #808080 dotted 1px;
    }

    /* add 0406 */
    .menu-list-section .list-detail-horizontal {
        margin-right: -4%;
    }
    .menu-list-section .list-detail-horizontal .col {
        width: 46%;
        margin-right: 4%;
        float: left;
        margin-bottom: 0;
    }
    .menu-list-section .list-detail-horizontal .col + .col {
        border-top: 1px solid #ccc;
        padding-top: 2em;
    }
    .menu-list-section .list-detail-horizontal .col:nth-child(2) {
        border-top: none;
        padding-top: 0;
    }
    .menu-list-section .list-detail-horizontal .col:nth-child(odd) {
        clear: both;
    }
    .menu-list-section .menu-list-title,
    .menu-list-section .menu-list-title span {
        display:block;
    }
    .menu-list-section .menu-list-title span {
        margin-top: .5em;
    }
    .menu-list-section .list-detail-horizontal [class*="-list-note"] {
        border-bottom: 0;
    }
    .maxh-fix-img img {
        max-height: 120px;
    }
    .food .shop-info {
        padding: 2.5em 0 0;
    }
    .food.shop-detail .information {
        margin-top: 0;
    }
    .menu-list .summery {
        margin-bottom: 2em;
    }
    .menu-list .list-detail-horizontal .col > :first-child:not([class*="-note"]) {
        max-width: 52%;
    }

} /* END forPC */


@media (min-width: 1025px) { /* iPad除くPC */
    .faq .aside .container {
        width: 400px;
    }
    [class*="-detail"] .col-left .slide-banner a { /* 180408 */
        line-height: 575px;
        height: 575px;
    }

} /* END iPad除くPC */


@media (min-width:768px) and (max-width: 1024px) { /* iPad */
    section,
    section.grid,
    .shop-detail section.special,
    .food .shop-info,
    .food .shop-info + .outline {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    section section {
        padding-left: 0;
        padding-right: 0;
    }
    .col-left {
        max-width: 60%;
    }
    .col-right {
        max-width: 40%;
        padding-left: 15px;
    }
    .news-detail > .col-left {
        padding-right: 1.5em;
    }
    .approach .pc-right {
        width: 67.9245%;
        max-width: 100%;
    }
    .approach .date,
    .approach .topic-tag {
        font-size: 1.4rem;
    }
    .approach .signboard {
        width: 32.0754%;
        padding: 1em;
    }
    .signboard h2 {
        font-size: 2.6vw;
    }
    .approach .period {
        font-size: 1.8rem;
    }
    .faq .col-left {
        padding-right: 1.5em;
    }
    .faq .aside .container.on-header {
        margin-right: 1.5em;
    }
    .faq .aside .container.attachment {
        margin-right: 0;
    }

    [class*="-detail"] .slide-nav .item {
        line-height: 7.9vw;
        height: 7.9vw;
        width: 7.9vw !important;
    }
    [class*="-detail"] .slide-nav .item img {
        max-height: 7.9vw;
    }

} /* END iPad */

@media (min-width:768px) and (max-width: 960px) { /* mini size tablet */
    .is-icon .link {
        height: 7em;
    }

}


/* 180417 アクセス情報追加 */
#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/close_off.png) no-repeat -25px 0 !important;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
.lightbox_btn {
    position: relative;
    background-color: #ddd;
    display: inline-block;
    padding: .3em 2em .3em .5em;
    font-size: 1.4rem;
    font-weight: bold;
}
.lightbox_btn::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border: #666 solid 2px;
    border-radius: 50%;
    right: .75em;
    top: .45em;
}
.lightbox_btn::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 7px;
    background-color: #666;
    transform: rotate(-45deg);
    right: .7em;
    top: .95em;
}
.cap-title {
    padding-bottom: .5em;
    font-weight: bold;
    display: block;
}
.lightbox figure {
    max-width: 480px;
    display: block;
    margin: 0;
}
.lightbox + p {
    margin-top: .7em;
}


/* add 180807 facility-information */

.facility-info .grid {
    margin-left: -1em;
    margin-right: -1em;
}
.facility-info .grid .col {
    padding-left: 1em;
    padding-right: 1em;
}
.facility-info .heading::before {
    background-image: url(../img/icon-m10.png);
    background-size: 26px auto;
    height: 39px;
    top: 8px;
    width: 26px;
}

@media (min-width:768px) { /* forPC */
    .facility-info .grid .col {
        font-size: 1.4rem;
    }

} /* END forPC */



/* add 191225 */

.shop-detail .open-info .new-open time {
    display: inline-block;
    padding-right: 0.3em;
}
@media (max-width:767px) { /* forSP */
    .shop-detail .open-info {
        text-align: center;
    }
} /* END forSP */


/* add 20220118 */

/* shop-news */
.video{
    position:relative;
    width:100%;
    padding: 56.25% 0 0 0;
}
.video iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    border: none;
}
.video+.slider{
    margin-top: 2rem;
}
.shop-news .link-otorioki{
    font-size: 1.5rem;
    background: #404040;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 3em;
    padding: 0.5em 2em 0.5em 1em;
}
@media (max-width:767px) { /* forSP */
    .video+.slider{
        margin-top: 1.5rem;
    }
    .shop-news .link-otorioki{
        display: block;
        width: 70%;
        text-align: center;
        font-size: inherit;
    }
}

/* special */
.video+.box-slick{
    margin-top: 3rem;
}
.box-video{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 2.7rem;
}
.box-slick{
    padding: 0;
}
.box-slick .slick-arrow{
    position: absolute;
}
.box-slick .thumbnail .slick-track{
    display: flex;
    justify-content: flex-start;
    margin: 1rem auto 0;
    padding: 0;
    width: 100% !important;
}
.box-slick .thumbnail .slick-slide{
    margin: auto .5rem;
}
.box-slick .slick-arrow{
    z-index: 100;
    border: none;
    background-color: rgba(255,255,255,.5);
    width: 34px;
    height: 0;
    padding: 34px 0 0;
    overflow: hidden;
    top: 45%;
}
.box-slick .slick-arrow.arrow::after{
    display: inline-block;
    content: "";
    height: 10px;
    position: absolute;
    width: 10px;
    top: .7em;
    border-top: rgba(0,0,0,0.7) solid 1px;
    border-right: rgba(0,0,0,0.7) solid 1px;
    transition: all .3s;
}
.box-slick .slick-arrow.next{
    right: 0;
}
.box-slick .slick-arrow.prev{
    left: 0;
}
.box-slick .slick-arrow.prev::after{
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 1.4rem;
}
.box-slick .slick-arrow.next::after{
    transform: rotate(45deg);
    right: 1.2rem;
}
.box-slick .thumbnail .slick-current img{
    border: solid 2px;
}
.box-slick .slick-slide img{
    display: inline-block;
}
@media (min-width:768px) { /* forPC */
    .box-slick .thumbnail{
        display: none;
    }
    .box-slick.pc-right .slick-initialized .slick-slide{
        height: 500px;
        width: 500px !important;
        display: flex;
        align-items: center;
    }
} /* END forPC */

@media (max-width:767px) { /* forSP */
    .box-slick{
        margin-bottom: 3rem;
    }
    .box-slick .slick-dots {
        display: none !important;
    }
    .container.box-video{
        padding: 0;
        margin-bottom: 2rem;
    }
    .box-slick .slick-arrow.arrow::after{
        top: 1em;
    }
    .approach.sp-colmn{
        display: flex;
        flex-direction: column;
    }
    .billboard .approach.sp-colmn .meta-info{
        order: 1;
    }
    .billboard .approach.sp-colmn .box-slick{
        order: 2;
        width: 92%;
        margin: 0 auto;
    }
    .box-slick.pc-right .slick-initialized .slick-slide{
        height: auto;
        display: flex;
        align-items: center;
    }
    .box-slick.pc-right .thumbnail .slick-slide{
        height: auto !important;
    }
} /* END forSP */

/* news */
.main-visual.news-event{
    margin-bottom: 3rem;
}
.detail-post.ttl{
    border-bottom: none;
    margin-bottom: 3rem;
}
@media (max-width:767px) { /* forSP */
    .video+.box-slick{
        margin-top: 1rem;
    }
    .detail-post.ttl{
        margin-top: 2rem;
        margin-bottom: 1.2rem;
    }
    .detail-post.ttl .meta-info{
        margin-left: 0;
    }
    .shop-news.news-detail .detail-post.ttl{
        padding: 0 1.3em;
    }
    .shop-news.news-detail .detail-post{
        margin-top: 2rem;
    }
} /* END forSP */

/* shop */
.shop-detail .box-video{
    padding: 0;
    margin: 0 auto 1.5rem;
}
.box-floorguide{
    display: flex;
}
.box-floorguide a{
    display: flex;
    text-decoration: none;
    align-items: center;
}
.box-floorguide .img{
    width: 27px;
    margin: 0 .5rem 0 ;
}
.box-sns{
    display: flex;
    justify-content: flex-start;
    width: 47%;
    margin: 2rem auto 4rem 0;
}
.box-sns .icon{
    width: 35px;
}
.box-sns .icon+.icon{
    margin-left: 2rem;
}

@media (max-width:767px) { /* forSP */
    .box-floorguide{
        justify-content: center;
    }
    .box-floorguide .img{
        width: 23px;
        margin: 0 .5rem 0 1rem;
    }
    .box-sns{
        justify-content: center;
        width: 80%;
        margin: 3rem auto 0;
    }
    .shop-detail .outline{
        padding: 0 8% 1.5em;
    }
    .shop-detail .slider+.logo{
        margin-top: 4em;
    }
    .box-sns .icon+.icon{
        margin-left: 1.5rem;
    }

} /* END forSP */

/* sns */
.tab-panel-sns{
    position: relative;
    max-width: 920px;
    margin: auto;
}
.tab-panel-sns .tab-group{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: fixed;
    max-width: 920px;
    width: 100%;
    height: 120px;
    background: #fff;
    top: 89px;
    z-index: 100;
    border-bottom: solid 2px #707070;
}
.tab-panel-sns .tab{
    flex-grow: 1;
    padding:5px;
    list-style:none;
    border:solid 1px #707070;
    text-align:center;
    cursor:pointer;
    border-radius: 5px 5px 0 0;
    margin: auto auto -2px;
    height: 60px;
    display: flex;
    align-items: center;
    opacity: .6;
}
.tab-panel-sns .panel{
    display:none;
}
.tab-panel-sns .tab.is-active{
    border-style: solid;
    border-width: 2px 2px 0 2px;
    border-color: #707070;
    background: #fff;
    height: 75px;
    opacity: 1;
}
.tab-panel-sns .panel.is-show{
    display:block;
    padding: 11em 1.3em 2em;
}
.tab-panel-sns .tab-group li+li{
    margin-left: 3rem;
}
.tab-panel-sns .tab-group .icon{
    width: 40px;
    margin: auto;
}
.tab-panel-sns .panel .list-ttl{
    text-align: center;
    font-size: 2.2rem;
    margin:0 auto 2rem;
}
.tab-panel-sns .panel table{
    border-collapse: collapse;
    width: 100%;
}
.tab-panel-sns .panel th{
    width: 25%;
    padding: 1.5rem 0 1.5rem 1rem;
}
.tab-panel-sns .panel td{
    padding: 1.5rem 1rem 1.5rem 3.5rem;
}
.tab-panel-sns .panel tr{
    border-bottom:rgba(0,0,0,0.2) solid 1px;
    width: 100%;
}
.tab-panel-sns .panel .name{
    font-size: 1.9rem;
    font-weight: bold;
    margin: 0;
}
.tab-panel-sns .panel .category{
    margin: 1rem auto 2.5rem;
}
.panel .link-sns {
    font-size: 1.8rem;
    color: #0095F6;
}
.panel .link-sns::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 25px;
    background-size: contain;
    margin-right: 1rem;
}
.panel .link-sns.insta::before {
    background: url(../img/icon-sns-insta.png) no-repeat;
    background-size: contain;
}
.panel .link-sns.tw::before {
    background: url(../img/icon-sns-x.png) no-repeat;
    background-size: contain;
}
.panel .link-sns.line::before {
    background: url(../img/icon-sns-line.png) no-repeat;
    background-size: contain;
}
.panel .link-sns.fb::before {
    background: url(../img/icon-sns-fb.png) no-repeat;
    background-size: contain;
}
.panel .link-sns.tt::before {
    background: url(../img/icon-sns-tt.png) no-repeat;
    background-size: contain;
}
.add_attention .tab-panel-sns .tab-group{
    top:129px
}
.add_attention .tab-panel-sns .panel-border{
    top:249px
}
@media (max-width:767px) { /* forSP */
    .tab-panel-sns .tab-group{
        margin: 0;
        padding: 0 1.3em;
        height: 80px;
        top: 7rem;
    }
    .tab-panel-sns .panel-border{
        top: 150px;
    }
    .add_attention .tab-panel-sns .tab-group{
        top:110px
    }
    .add_attention .tab-panel-sns .panel-border{
        top:190px
    }
    .tab-panel-sns .tab-group .icon{
        width: 30px;
    }
    .tab-panel-sns .tab-group li+li{
        margin-left: 1rem;
    }
    .tab-panel-sns .tab.is-active{
        height: 57px;
    }
    .tab-panel-sns .tab{
        height: 47px;
    }
    .tab-panel-sns .panel.is-show{
        padding: 9em 1.3em 2em;
    }
    .tab-panel-sns .panel .list-ttl{
        font-size: 1.4rem;
        margin: 0 auto 2rem;
    }
    .tab-panel-sns .panel .link-sns {
        font-size: 1.4rem;
    }
    .tab-panel-sns .panel th{
        width: 30%;
        padding: 1.3rem 0 1.3rem 1rem;
    }
    .tab-panel-sns .panel td{
        padding: 1.3rem 1rem 1.3rem 2.5rem;
    }
    .tab-panel-sns .panel .name{
        font-size: 1.4rem;
        font-weight: bold;
        margin: 0;
    }
    .tab-panel-sns .panel .category{
        margin: .8rem 0 1.5rem;
    }
    .tab-panel-sns .panel .link-sns::before {
        width: 15px;
        height: 15px;
        margin-right: .8rem;
    }

} /* END forSP */

/* h2.heading */
.search-tab-container .heading{
    font-family: "游ゴシック体" , YuGothic , "Yu Gothic" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

@media all and (-ms-high-contrast:none){ /* IE11 */
    /* 16-news-detail */
    *::-ms-backdrop, [class*="aside-list"] li > a { display: block; }
    *::-ms-backdrop, [class*="aside-list"] li > a:after { clear: both; content: " "; display: block; }
    *::-ms-backdrop, [class*="aside-list"] li > a img { float: left; }
    *::-ms-backdrop, [class*="aside-list"] li > a img + div { overflow: hidden; }
    /* 09-shop-detail-food */
    *::-ms-backdrop, .capability { display: block; }
    *::-ms-backdrop, .capability > li { width: 20%; float: left; }
    *::-ms-backdrop, .list-detail-horizontal .col { display: block; }
    *::-ms-backdrop, .list-detail-horizontal .col:after, .menu-list [class*='tile-5']:after, .menu-list [class*="tile"]:after { clear: both; content: " "; display: block; }
    *::-ms-backdrop, .list-detail-horizontal .col img { float: left; }
    *::-ms-backdrop, .menu-list [class*='tile-5'] { display: block; margin-left: -15px; margin-right: -15px; }
    *::-ms-backdrop, .menu-list [class*='tile-5'] > li { width: 20%; float: left; padding: 0 15px; }
    *::-ms-backdrop, .menu-list [class*="tile"] { display: block; margin-left: -15px; margin-right: -15px; }
    *::-ms-backdrop, .menu-list [class*="tile-2"] > li { width: 50%; float: left; padding: 1em 15px 0; }
    .refine-search select::-ms-expand { display: none; }
}

.btn-lang-flex {
    display: flex;    
    justify-content: end;    
    margin-bottom: 70px;    
    margin-top: -80px;
}

a.btn-lang {
    display: block;    
    width: 70px;    
    text-decoration: none;    
    text-align: center;    
    padding: 7px 0;    
    font-size: 15px;
}

a.btn-lang.active {
    background-color: #000;    
    color: #fff;
}
@media (max-width:767px) { 
    /* forSP */ 
    .btn-lang-flex { 
        margin-top: -20px;        
        margin-bottom: 50px;
    }    
    a.btn-lang { 
        width: 50px;        
        font-size: 12px;    
    }

}@media (max-width:767px) { 
    /* forSP */    
    .floor .f-category {        
        display: flex;        
        align-items: center;   
    }    
    .floor .f-category .f-num { 
        flex-shrink: 0;        
        top: 0;    
    }    
    .floor .f-category .view-switch {        
        flex-shrink: 0;        
        margin: 0 0 0 auto;   
    }
}

/* 言語切替ボタン */
.lang-menu-flex { 
    display: flex;    
    gap: 30px;    
    justify-content: end;    
    margin: -50px 0 40px;
}
.lang-menu-flex .lang-btn {
    font-size: 18px;
    text-decoration: none;
    color: #B3B3B3;
}
.lang-menu-flex .lang-btn.active {
    font-weight: bold;    
    color: #000;
}
@media (max-width:767px) { 
    /* forSP */    
    .lang-menu-flex {
        gap: 20px;        
        margin: -25px 0 35px;    
    }    
    .lang-menu-flex .lang-btn {        
        font-size: 16px;    
    }
}
