@charset "utf-8";
#renewal_header {
    /* z-index: 12; */
}

#renewal_header .container {
    width: calc(100% - 24px);
    min-width: calc(1200px - 24px);
}

.mypage-area {
    background-color: var(--layer-color);
}

@media screen and (min-width:768px) {
    .mypage-area {
        display: flex;
    }
}

.column-main {
    min-width: 760px;
}

.column-main>section {
    flex: 1;
    min-width: 760px;
    padding: 40px;
}

/* titleが20px以上の場合のnoteのmargin */
[class*="title--XXL"]+[class*="note--"],
[class*="title--XL"]+[class*="note--"],
[class*="title--L"]+[class*="note--"],
[class*="title--M"]+[class*="note--"] {
    margin: var(--notetop-margin);
}

/* titleが20px以下の場合のnoteのmargin */
[class^="title--S"]+[class^="note--"] {
    margin: var(--note-margin);
}

/* ぱんくずリスト */
aside>nav {
    overflow-x: scroll;
    overflow-y: hidden;
    background-color: var(--layer-color);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

aside>nav::-webkit-scrollbar {
    display: none;
}

.list--breadcrumb {
    /* background-color: var(--layer-color); */
    display: flex;
    height: 32px;
    padding: 0 12px;
    width: max-content;
    inline-size: max-content;
}

.list--breadcrumb li .text--XS {
    height: 32px;
    line-height: 32px;
}

.list--breadcrumb li a {
    color: var(--lightgray-color);
}

.list--breadcrumb li:last-child p {
    color: var(--black-color);
}

.column-main>aside {
    width: 100%;
}

/* ボタン */
[class^="card--"]>[class^="button--"],
[class^="boxtext--"]>[class^="button--"] {
    width: 100%;
}

[class^="button--"]+[class^="button--"] {
    margin: 10px auto 0;
}

[class^="list--card"]+[class^="button--"] {
    margin: 20px 0 0;
    width: 100%;
}

/* アイコン+テキスト */
[class*="list--boxtext"]>[class*="icon-"]::before,
[class^="boxtext--"]>[class*="icon-"]::before,
[class^="boxtext--"][class*="icon-"]::before {
    margin-right: 10px;
}

[class^="boxtext--"]>[class*="title--"]+[class*="icon-"]::before,
[class^="boxtext--"]>[class*="text--"]+[class*="icon-"]::before {
    margin-right: 0px;
}

.icon-cook::before,
.icon-point::before {
    color: var(--primary-color);
}

/* アイコン削除ボタン */
.user_icon_delete {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 52px;
    border-radius: 50%;
    background: var(--gray-color);
}

.user_icon_delete:hover{
    cursor: pointer;
}

.user_icon_delete::before, .user_icon_delete::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #fff;
    border-radius: 2.5px;
}

.user_icon_delete::before {
    transform: translate(-50%,-50%) rotate(45deg);
}

.user_icon_delete::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}

/* other contents */
.other-section {
    margin: 40px 0 0;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none; 
    -ms-overflow-style: none;
}

.other-section .list--box {
    display: flex;
}

.other-section .item-banner,
.other-section .tip {
    width: calc(100vw - 40px);
    min-width: calc(100vw - 40px);
}

.other-section .item-banner+.item-banner,
.other-section .tip+.tip {
    margin: 0 0 0 10px;
}

.other-section::-webkit-scrollbar {
    display: none;
}

@media screen and (min-width:768px) {
    .other-section li.item-banner,
    .other-section .tip {
        width: 300px;
        min-width: 300px;
    }
}

@media screen and (min-width:768px) {
    .column-main>section {
        display: flex;
    }
    .other-section {
        margin: 0 0 0 40px;
    }
    .other-section .list--box {
        flex-direction: column;
    }
    .other-section .item-banner+.item-banner {
        margin: 20px 0 0;
    }
    .other-section .tip+.tip {
        margin: 20px 0 0;
    }
}

@media screen and (max-width: 1420px){
    .column-main .point--section .card--point {
        width: 100%;
    }
}

/* PC X軸スライダー */
.carousel {
    height: 100%;
}

.flickity-viewport {
    width: 100%;
    height: 168px;
}

.flickity-button {
    background: var(--white-color);
    border: 1px solid var(--disable-color);
    color: var(--gray-color);
}

.flickity-prev-next-button .flickity-button-icon {
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
}

.flickity-button:disabled {
    display: none;
}

.flickity-prev-next-button.previous {
    left: 20px;
}

.flickity-prev-next-button.next {
    right: 20px;
}

.flickity-page-dots {
    display: none;
}

/*section, article*/
[class^="section--"] {
    margin: var(--verticalcon-margin);
}

[class^="section--"]>article {
    padding: 0 20px;
}

/* menu*/
.column-nav {
    width: 340px;
    min-width: 340px;
    box-sizing: border-box;
    padding: 0 0 20px;
}

.text--XS.attention-area {
    width: 100%;
    display: flex;
    height: 32px;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.text--XS.attention-area:hover {
    background-color: var(--secondaryhighlight-color);
}

.mypage-globalnav .boxtext--dual--start.active,
.mypage-globalnav .boxtext--dual--between.active {
    background-color: var(--layer-color);
}

.list--boxtext.news {
    margin: 0 20px;
}

[class^="boxtext--dual--between"]>.minus-point {
    color: var(--minuspoint-color);
}

/* indexページ （spのみ）*/
.profile-area {
    padding: var(--contents-padding);
}

.user-id {
    color: var(--lightgray-color);
    margin: 8px 0 0;
}

.user-id .vip_member {
    color: var(--secondary-color);
}

.summary .sausagelink--L {
    color: var(--gray-color);
}

[class^="list--boxtext"]+[class^="list--boxtext"].mypage-globalnav,
.title-support+[class^="list--boxtext"].mypage-globalnav {
    margin: 12px 20px 0;
}

.mypage-globalnav .boxtext--dual--start,
.mypage-globalnav .boxtext--dual--between {
    color: var(--black-color);
    font-weight: bold;
}

.mypage-globalnav {
    margin: 12px 20px 0;
}

.mypage-globalnav .boxtext--dual--start:hover,
.mypage-globalnav .boxtext--dual--between:hover {
    background-color: var(--layer-color);
    transition: all .2s;
}

.title-support,
.button-logout {
    margin: 20px 20px 0;
}

[class^="list--boxtext"]+[class*="list--boxtext--scrollx"].news {
    margin: 20px 0;
}

[class*="list--boxtext--scrollx"].news [class^="boxtext--"] {
    border-radius: var(--box-borderradius);
    box-sizing: border-box;
    flex-shrink: 0;
    font-weight: bold;
    width: calc(100vw - 40px);
}

[class^="boxtext--"]>span[class*="plus_point"] {
    color: var(--pluspoint-color);
}

.button-logout {
    width: calc(100% - 40px);
}

.link--leave {
    padding: 20px 0 0;
    text-align: center;
}

/* ホーム */
.home--section .card--news--M {
    border-radius: var(--box-borderradius);
    overflow: hidden;
    width: calc(100vw - 40px);
    min-width: calc(100vw - 40px);
}

.home--section .card--news--M+.card--news--M,
.home--section .card--banner+.card--banner {
    margin-left: 10px;
}

.home--section .course .list--card--scrollx,
.home--section .campaign .list--box--scrollx,
.home--section .news .list--box--scrollx {
    margin: 10px 0 0;
}

.home--section .recommend>*+* {
    margin: 10px 0 0;
}

.column-main .section--point-summary {
    display: flex;
}

.column-main .section--point-summary>[class^="boxtext--dual--between"] {
    border-radius: var(--button-borderradius);
    color: var(--darkgray-color);
    font-weight: normal;
}

.column-main .section--point-summary>[class^="boxtext--dual--between"]+[class^="boxtext--dual--between"] {
    margin-left: 20px;
}

.column-main .section--point-summary>.point_total {
    width: 620px;
}

.column-main .section--point-summary>.point_total .status {
    color: var(--black-color);
}

.column-main .section--point-summary>.point_minus {
    width: 300px;
}

.column-main .mypage-home section+section {
    margin: 20px 0 0;
}

.column-main .course .list--card,
.column-main .news .list--box,
.column-main .campaign .list--box,
.column-main .recommend .list--card,
.recomend-shop-section .recomend-list {
    margin: 10px 0 0 -40px;
    width: calc(100% + 80px);
}

.column-main .course .flickity-slider,
.column-main .news .flickity-slider,
.column-main .campaign .flickity-slider,
.column-main .recommend .flickity-slider,
.column-main .recomend-shop-section .flickity-slider {
    margin-left: 40px;
}

.column-main .news .card--news--M+.card--news--M {
    margin: 0 0 0 20px;
}

.column-main .card--banner--M+.card--banner--M {
    margin: 0 0 0 20px;
}

.column-main .other-section .card--banner--M+.card--banner--M {
    margin: 20px 0 0;
}

.column-main section+section.section--point_summary,
.column-main [class^="section--"].section--point_summary {
    margin: 20px 0 0 -40px;
    width: calc(100% + 80px);
}

.pointhistory-section [class^="section--"].section--point_summary {
    margin: 20px auto 0;
    width: 100%;
}

.section--point_summary .boxtext--row {
    justify-content: center;
}

.section--point_summary .boxtext--vertical {
    align-items: center;
    background-color: var(--layer-color);
    padding: 40px 20px;
}

.section--point_summary .boxtext--vertical .icon-point,
.section--point_summary .boxtext--vertical [class^="title--"] {
    text-align: center;
}

.section--point_summary .boxtext--vertical [class^="title--"] {
    color: var(--gray-color);
}

.section--point_summary .boxtext--vertical [class^="title--"]+[class^="button--"] {
    margin: 40px 0 0;
}

.course [class*="card--"] a > img,
.course [class*="card--"] > img,
.recommend [class^="card--"] img{
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
}

/* 店舗カード */
[class^="card--shop"] {
    background-color: var(--white-color);
    border-radius: var(--box-borderradius);
    overflow: hidden;
}

[class^="card--shop"] .shop-header {
    color: var(--black-color);
    display: flex;
    padding: 12px;
}

[class^="card--shop"] .course-detail {
    color: var(--black-color);
    padding: 20px;
}

[class^="card--shop"] .section-reserve {
    border-top: 1px solid var(--palewhite-color);
    padding: 20px;
}

[class^="card--shop"] .section-reserve .point_total {
    color: var(--secondary-color);
    margin-bottom: 10px;
}

.shop-header>[class^="profile-img--"] {
    margin-right: 10px;
}

/* ボックステキストリスト */
[class^="list--boxtext"] {
    border-radius: var(--box-borderradius);
    overflow: hidden;
}

[class^="list--boxtext"]+[class^="list--boxtext"],
[class^="title--"]+[class^="list--boxtext"] {
    margin: 10px 0 0;
}

[class^="boxtext--"]+[class^="boxtext--"] {
    margin: 1px 0 0;
}

/* ボックステキストリスト横並び x軸スクロール */
[class*="--scrollx"] {
    display: flex;
    border-radius: 0;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 0 0 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

[class*="--scrollx"]::-webkit-scrollbar {
    display: none;
}

.column-main [class*="--scrollx"].filter,
.column-main [class*="--scrollx"].action-button,
.column-main .section--post_summary [class*="--scrollx"] {
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
}

[class*="--scrollx"]:after {
    content: "";
    display: block;
    min-width: 20px;
    height: 1px;
    opacity: 0;
}

[class*="--scrollx"]>[class^="boxtext--"] {
    margin: var(--horizontalcon-margin);
    min-width: fit-content;
    width: auto;
}

[class*="--scrollx"]>[class^="boxtext--"]+[class^="boxtext--"] {
    margin: 0 0 0 10px;
}

[class*="--scrollx"]>[class^="boxtext--vertical"]+[class^="boxtext--vertical"] {
    margin: 0 0 0 1px;
}

[class*="list--boxtext--scrollx"]>[class^="boxtext--"]:first-child {
    margin: 0;
}


/* ポイントページ */
.column-main [class^="card--"] {
    border-radius: var(--box-borderradius);
    overflow: hidden;
}

[class^="card--"].card--point_detail {
    background-color: var(--white-color);
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1px;
    padding: 20px;
}

[class^="card--"].card--point_detail:last-child {
    border-radius: 0 0 12px 12px;
}

.section--point_total,
.section--point_detail {
    padding: 20px 0 0;
    position: relative;
}

.column-main .section--point_total,
.column-main .section--point_detail {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.column-main .card--point {
    width: 320px;
    overflow: unset;
}

.section--point_total .title--M,
.section--point_detail .title--M {
    width: 100%;
}

.section--point_total::before,
.section--point_detail::before {
    background-color: var(--white-color);
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 20px;
    top: 0;
    width: calc(100% - 40px);
}

.column-main .section--point_total::before,
.column-main .section--point_detail::before {
    left: 0;
    width: 100%;
}

.current-point+[class$="caption"],
.future-point+[class$="caption"],
.minus-point+[class$="caption"] {
    margin: 8px 0 0;
    width: 100%;
}

.card--point_detail .search_shop {
    margin: 20px 0 0;
}

.column-main .card--point.total .search_shop {
    margin: 20px 0 0;
}

.column-main .card--point .search_shop+[class^="button--"] {
    margin: 20px 0 0 20px;
    width: calc(calc(100% - 20px) / 2);
}

.future-point {
    color: var(--gray-color);
}

.card--point_detail [class*="boxtext--point_notice"] {
    background-color: var(--palewhite-color);
    border-radius: var(--box-borderradius);
    margin: var(--verticalcon-margin);
}

.card--point_detail [class*="boxtext--point_notice"]+.search_shop,
.card--point_detail [class$="caption"]+[class^="button--"] {
    margin: 20px 0 0;
}

[class$="--point_notice"]>p {
    color: var(--gray-color);
}

.column-main .boxtext--point_notice.about-htsrpoint,
.column-main .boxtext--point_notice.about-dpoint {
    margin: 40px auto 0;
}

.boxtext--point_notice.about-htsrpoint,
.boxtext--point_notice.about-dpoint {
    background-color: var(--layer-color);
    margin: 20px 20px 0;
    padding: var(--contents-padding);
    border-radius: var(--box-borderradius);
}

.section--point_summary>.boxtext--dual--between {
    background-color: var(--layer-color);
    margin: 20px 20px 0;
    padding: var(--box-padding);
    border-radius: var(--box-borderradius);
}

.section--point_summary>.boxtext--dual--start {
    background-color: var(--layer-color);
    padding: var(--box-padding);
    border-radius: var(--box-borderradius);
}

.about-htsrpoint>.title--S {
    color: var(--darkgray-color);
}

.about-htsrpoint>.note--S {
    color: var(--gray-color);
    font-weight: bold;
}

.about-dpoint>.note--S {
    color: var(--gray-color);
}

.about-htsrpoint+article,
.about-dpoint+.cardnumber+article {
    margin: 40px 0;
    padding: 0 20px;
}

.about-dpoint+.cardnumber {
    margin: 10px 20px 0;
    text-align: right;
}

[class*="section--point_summary"] .icon-point::before {
    color: var(--primary-color);
    font-size: 40px;
}

[class*="section--point_summary"] .icon-point {
    width: 100%;
}

[class*="section--point_summary"] .icon-point+.title--M {
    margin: var(--verticalcon-margin);
    width: 100%;
}

[class*="section--point_summary"]>.boxtext--row {
    align-items: center;
    background-color: var(--layer-color);
    color: var(--gray-color);
    padding: 40px 20px;
    text-align: center;
}

[class*="section--point_summary"]>.boxtext--row .button--c-2 {
    width: 280px;
    margin: 20px 0 0;
}

[class*="section--point_summary"]>.boxtext--row .button--c-2+.button--c-2 {
    margin: 20px 0 0 20px;
}

.section-button-wrapper {
    margin: 20px 0 0;
}

.boxtext--point_notice article {
    padding: 0 20px;
}

.card--point {
    border-radius: var(--box-borderradius);
    margin: var(--verticalcon-margin);
    overflow: hidden;
}

[class^="card--"]>.point-title {
    border-radius: 12px 12px 0 0;
    padding: 13px 20px;
    position: relative;
}

[class^="card--"]>.point-title p {
    margin-right: 10px;
}

[class^="boxtext--row"] {
    display: flex;
    flex-wrap: wrap;
}

[class^="boxtext--vertical"] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.column-main .title-box {
    margin: 0;
}

[class^="note--"] {
    font-weight: normal;
    line-height: var(--note-linespacing);
}

/* ポイントexc */
.point_exc {
    color: #fff;
    display: flex;
    background: linear-gradient(to right, #A6764F, #cdae7c);
    flex-direction: column;
}

.point_exc-inner {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 20px;
}

.point_exc-inner .icon-point {
    padding-right: 10px;
}

.point_exc-inner .icon-cart {
    padding-left: 10px;
}

.point_exc-inner .icon-point::before {
    color: #fff;
}

.section--point-exc [class^="boxtext--dual"] {
    background-color: var(--palewhite-color);
    width: 100%;
}

.section--point-exc .form--contents [class^="boxtext--dual"] .title--XS {
    display: flex;
    align-items: center;
}

.section--point-exc [class^="boxtext--dual"] .title--XS .icon-point {
    margin-right: 10px;
}

.section--point-exc>article [class^="title--"]+[class^="text--"] {
    margin: 10px 0 0;
}

.section--point-exc>article [class^="title--"]+[class^="text--"] a {
    font-weight: normal;
}

.modal--point_exc [class^="boxtext--dual"] .title--XS+.title--XS,
.modal--point_exc [class^="boxtext--dual"] .text--S+.title--XS {
    flex: 1;
    text-align: right;
}

.point_exc.header_img {
    display: flex;
    height: 120px;
    align-items: center;
    justify-content: center;
}

.column-main-inner .point_exc.header_img {
    border-radius: 12px;
}

.point_exc.header_img .point_exc-inner,
.point_exc.header_img .point_exc-inner [class*="icon-"]::before {
    font-size: 40px;
}

article.rule {
    margin: 20px 0 0;
}

.rule--text.text--S {
    color: #333;
}

.rule--text.text--S a {
    font-weight: normal;
}

article.rule .text--S+[class^="button--"] {
    margin-top: 20px;
}

.form--item .title-box {
    margin: 0;
}

.form--item .title-box [class^="linktext--"] {
    position: unset;
}

.form--item .input-wrapper {
    position: relative;
    width: 100%;
}

.form--item.point-select .text--caption {
    margin: 10px 0 0;
}

.form--item.point-select input[type="text"] {
    border: 1px solid #ddd;
    color: var(--black-color);
    text-align: right;
    padding: 11px 56px 11px 12px;
}

.form--item.point-select input[type="text"].error,
[class*="form--textarea"].error {
    border: 1px solid var(--error-color);
}

.section--point-exc .text--error {
    margin-top: 10px;
    display: block;
    font-size: 12px;
}

.form--item.point-select label {
    color: var(--lightgray-color);
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 44px;
    padding-right: 12px;
}

.form--item.point-select label .icon-cross {
    margin-left: 10px;
}

.form--item.point-select label .icon-cross:before {
    color: var(--lightgray-color);
    font-size: 14px;
}

article .point_exc-box>[class^="title--"]+[class^="text--"] {
    margin: 12px 0 20px;
}

.modal--content.modal--point_exc .modal--main {
    border-radius: 10px 10px 0 0;
}

.modal--content.modal--point_exc .modal--btn {
    background: #fff;
    border-top: 1px solid #f4f4f4;
    box-sizing: border-box;
    bottom: 0;
    padding: 20px;
    position: fixed;
    width: 100%;
}

.modal--content.modal--point_exc .modal--bg {
    background-color: rgba(0, 0, 0, 0);
}

.column-main .modal--main+.modal--btn {
    box-sizing: border-box;
    width: 340px;
}

.column-main .modal--content.modal--point_exc .modal--main {
    min-height: calc(100vh - 164px);
    max-height: calc(100vh - 164px);
    position: relative;
}

.modal--content .modal--main.account-setting-modal {
    overflow-y: unset;
}

.modal--content .account-setting-modal .login-box {
    padding: 0;
    width: 100%;
}

.section--point-exc [class*="form--contents"] .user_data_name_input {
    width: 100%;
}

/* ポイント履歴ページ */
.section--point_summary .boxtext--dual--between::before {
    margin-right: 10px;
}

.card--pointhistory>[class^="boxtext--"] {
    align-items: stretch;
    box-sizing: border-box;
    min-height: 60px;
    padding: 12px 0;
}

.card--pointhistory>[class*="icon-"]::before {
    margin: 10px 10px 0 0;
}

.point_history_none {
    background-color: var(--layer-color);
    border-radius: var(--box-borderradius);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: var(--linespacing);
    padding: var(--card-padding);
}

.point_history_none .search_btn {
    display: inline-block;
    margin: 10px 0 0;
    width: calc(50% - 10px);
}

.card--pointhistory .list--tag {
    flex-wrap: wrap;
}

.card--pointhistory .list--tag>[class*="sausagelink--"],
.card--pointhistory .list--tag>[class*="sausagelink--"]+[class*="sausagelink--"] {
    line-height: 132%;
    margin: 5px 10px 0 0;
    white-space: break-spaces;
}

.card--pointhistory .list--tag--point-exchange>[class*="sausagelink--"] {
    margin: 0px;
}

.card--pointhistory .info_wrapper a{
    color: var(--darkgray-color);
}

/* フィルター */
.filter {
    margin: 20px 0 0;
}

.filter>li {
    margin: 10px 10px 0 0;
}

.filter_item.icon-filter {
    box-sizing: border-box;
    padding: 11px 10px;
    width: 44px;
}

.filter_item.icon-filter::before {
    margin-right: 0;
}

.input_filter:checked+.filter_item {
    background-color: var(--darkgray-color);
    color: var(--white-color);
    font-weight: bold;
}

/*並べ替え ソート*/
.input_filter {
    display: none;
}

.sort {
    align-items: center;
    display: flex;
    position: relative;
}

.sort::before {
    color: #8f8f8f;
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.sort>select {
    color: var(--gray-color);
    font-weight: bold;
}

.card--pointhistory {
    background-color: var(--white-color);
    box-sizing: border-box;
    display: grid;
    padding: 0 20px;
    width: 100%;
}

.column-main [class^="card--"].card--pointhistory {
    border-radius: 0;
}

.card--pointhistory+.card--pointhistory {
    margin: 1px 0 0;
}

.card--pointhistory>input {
    display: none;
}

.point_category,
.point_amount {
    display: flex;
    flex-direction: column;
}

.point_category {
    display: grid;
    flex: 1;
    padding: 0 10px 0 0;
}

.point_amount {
    align-items: flex-end;
}

.point_category-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acd__input:checked+label .point_category-title {
    overflow: hidden;
    text-overflow: unset;
    white-space: unset;
}

.kodawari_filter .search_area_item {
    margin: 20px 0 0;
}

.kodawari_filter .search_area_item.sort_menu {
    margin: 5px 0 0;
}

.kodawari_filter .filter_close {
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #adadad;
    cursor: pointer;
    width: 100%;
    display: block;
    text-align: right;
    padding: 12px 12px 0 0;
}

input[name="filter_item"] {
    display: none;
}

.filter_area .input_filter:hover+.filter_item {
    background-color: #666;
    border: 1px solid #666;
    color: #fff;
}

.filter_area .input_filter:checked+.filter_item {
    background-color: #666;
    border: 1px solid #666;
    color: #fff;
}

/*選択されたコンテンツ表示*/
#kodawari:checked+label+.kodawari_filter {
    height: auto;
    overflow: inherit;
}

/*絞り込みメニュー*/
input[name="sort_item_new"],
input[name="sort_item_minus"] {
    display: none;
}

.search_area_item.sort_menu input[type="checkbox"]:checked+.sort_item {
    color: #A57E49;
    pointer-events: none;
}

.search_area_item.sort_menu input[type="checkbox"]:checked+.sort_item::before {
    background-color: #b08c44;
    border: 1px solid #b08c44;
}

.kodawari_filter .search_area_item .sort_item {
    background-color: #f4f4f4;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    padding: 0 16px;
    color: #adadad;
    margin: 10px 10px 0 0;
    position: relative;
}

.kodawari_filter .search_area_item .sort_item:last-child {
    margin: 10px 0 0;
}

.kodawari_filter .search_area_item .sort_item p {
    padding-left: 26px;
}

.kodawari_filter .search_area_item .sort_item::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 10px;
    position: absolute;
    top: calc(50% - 8px);
}

.kodawari_filter .search_btn {
    margin: 0 20px 20px;
    width: calc(100% - 40px);
    height: 44px;
    border-radius: 4px;
    background-color: #A57E49;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

[class*="acd-content"] {
    display: none;
    height: 0;
    min-height: 0;
    opacity: 0;
    transition: .2s;
    visibility: hidden;
}

.acd-content--pointhistory {
    padding: 0 12px;
}

.acd-content>.list--tag {
    margin: 10px 0 0;
}

.acd__input {
    display: none;
}

.acd__input+label {
    transition: .2s;
    padding: 13px 0;
}

.acd__input:checked+label+[class*="acd-content"] {
    box-sizing: border-box;
    display: block;
    height: auto;
    min-height: 44px;
    opacity: 1;
    visibility: visible;
}

.acd__input:checked+label+.acd-content--pointhistory {
    background-color: var(--layer-color);
    border-radius: var(--box-borderradius);
    margin: 0 0 20px;
    padding: 12px;
}

.acd__input:checked+label+.acd-content--pointhistory p {
    color: var(--darkgray-color);
}

.acd__input:checked+label+.acd-content--pointhistory .list--tag {
    margin: 10px 0 0;
}

.date-menu_wrapper {
    display: inline-block;
    margin: 10px 0 0;
    position: relative;
    width: 100%;
}

.date-menu_wrapper.hidden {
    display: none;
}

select.date-menu-item {
    color: #8f8f8f;
    cursor: pointer;
    background-color: #f4f4f4;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    height: 44px;
    outline: none;
    padding: 0 36px 0 16px;
    width: 100%;
}

.date-menu_wrapper .icon-arrow-down {
    position: absolute;
    right: 16px;
    top: calc(50% - 10px);
    color: #ADADAD;
    pointer-events: none;
}

#more_btn {
    display: none;
}

.more_btn {
    background-color: var(--white-color);
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1px 0 0;
}

/* 行ったページ */
[class^="section--"].section--post_summary {
    background-color: var(--layer-color);
    box-sizing: border-box;
    padding: 20px 0;
}

.column-main [class^="section--"].section--post_summary {
    width: calc(100% + 80px);
    margin: 20px 0 0 -40px;
}

.section--post_summary>[class^="list--boxtext"].list--boxtext {
    margin: 10px 20px 0;
}

.column-main .section--post_summary>[class^="list--boxtext"].list--boxtext {
    margin: 10px 0 0;
    width: fit-content;
}

.section--post_summary>[class^="list--boxtext"].list--boxtext .status {
    display: flex;
    align-items: center;
    margin-left: 10px;
    justify-content: flex-end;
}

.section--post_summary>[class^="list--boxtext"].list--boxtext .status .icon-arrow-right {
    margin-left: 10px;
}

.section--post_summary>[class^="list--boxtext"].list--boxtext .status .icon-arrow-right::before {
    font-size: 16px;
}

.section--post_summary .boxtext--vertical:first-child {
    border-radius: 8px 0 0 8px;
}

.section--post_summary .boxtext--vertical:last-child {
    border-radius: 0 8px 8px 0;
}

.section--post_summary .graph-summary .status p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

[class*="--scrollx"].list--postphoto--scrollx {
    background-color: var(--white-color);
    height: 167px;
}

.column-main [class*="--scrollx"].list--postphoto--scrollx:after {
    min-width: 0;
}

.column-main [class*="--scrollx"].list--postphoto--scrollx {
    flex-wrap: initial;
    overflow-x: initial;
    overflow-y: initial;
    padding: 0;
}

.section--post_list [class^="card--"] {
    overflow: initial;
    position: relative;
}

.section--post_summary>.list--boxtext--scrollx>.boxtext--vertical::before {
    margin: 0 0 10px 0;
}

.postphoto_btn_text,
.postscene_btn_text {
    margin: 10px 0 0;
}

.link_postphoto {
    display: inline-block;
    width: 167px;
    min-width: 167px;
}

.link_postphoto img {
    height: 167px;
    display: block;
    width: 167px;
}

.post_detail .list--tag>[class*="sausagelink--"]+[class*="sausagelink--"] {
    margin-left: 5px;
}

.post_detail>*+* {
    margin: 10px 0 0 30px;
}

.boxtext--vertical .post_detail>*:nth-child(2) {
    margin: 5px 0 0 30px;
}

.boxtext--row.post_detail>*:first-child {
    margin: 0 0 0 10px;
}

.post_detail>*:nth-child(2) {
    margin: 5px 0 0 30px;
}

.column-main .post_detail>*:nth-child(2) {
    margin: 0 0 0 20px;
    flex: 1;
}

[class*="sausagelink--"].scene_tag {
    background-color: var(--palewhite-color);
    color: var(--darkgray-color);
}

.list--action_btn {
    display: flex;
    justify-content: space-between;
    margin: 1px 0 0;
}

.list--action_btn>.button--c-2 {
    border-radius: 0;
    width: calc(50% - 0.5px);
}

.list--action_btn>.button--c-2+[class^="button--"] {
    margin: 0;
}

.list--action_btn>.button--c-2:hover {
    background-color: var(--white-color);
    color: var(--primaryhighlight-color);
}

/* 保存リスト */
[class^="list--boxtext"]+[class*="boxtext--dual--start"].share,
.button--c-2+[class*="boxtext--dual--start"].share {
    border-radius: var(--button-borderradius);
    margin: 20px 20px 0;
}

.column-main [class^="list--boxtext"]+[class*="boxtext--dual--start"].share,
.column-main .button--c-2+[class*="boxtext--dual--start"].share {
    border-radius: var(--button-borderradius);
    margin: 20px 0 0;
}

[class^="list--boxtext"]+[class*="boxtext--dual--start"].share::before,
.button--c-2+[class*="boxtext--dual--start"].share::before {
    margin-right: 10px;
}

.section--shop_list .list--card+[class^="button--"],
.section--post_list .list--card+[class^="button--"] {
    border-radius: 0;
}

.section--reserve_date [class^="list--boxtext"] .title--XS {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    color: var(--black-color);
}

.section--reserve_date [class^="list--boxtext"] .title--XS.no-select {
    color: var(--gray-color);
}

.section--reserve_date>.title--S {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.point-inner [class^="boxtext--"]+[class^="boxtext--"] {
    margin: 0;
    padding: 13px 12px 13px 42px;
    position: relative;
}

.point-inner [class^="boxtext--"]+[class^="boxtext--"]::before {
    content: "";
    height: 1px;
    width: calc(100% - 42px);
    background-color: var(--palewhite-color);
    position: absolute;
    top: 0;
    right: 0;
}

.point-inner+[class^="boxtext--"] {
    margin: 1px 0 0;
}

.point-inner .boxtext--dual--between {
    align-items: flex-start;
}

.point-inner .boxtext--dual--between .status {
    display: flex;
    flex-direction: column;
}

/* 店舗0件表示 */
.mypage-news .column-main-inner .text--S.no_news {
    margin: 20px 0 0;
}

.mypage-news .text--S.no_news {
    margin: 20px 20px 0;
}

/* 予約履歴・予約・閲覧履歴・保存カード*/
[class^="card--reserve"],
[class^="card--check"],
[class^="card--bookmark"] {
    background-color: var(--white-color);
    padding: 0 0 20px;
}

.column-main .section--shop_list .list--card+[class^="button--"],
.column-main .section--post_list .list--card+[class^="button--"] {
    border-radius: 12px;
}

.column-main [class^="card--reserve"],
.column-main [class^="card--bookmark"],
.column-main [class^="card--check"] {
    display: flex;
    flex-wrap: wrap;
    overflow: unset;
}

.column-main [class^="card--reserve"] [class^="label--"],
.column-main [class^="card--bookmark"] [class^="label--"],
.column-main [class^="card--check"] [class^="label--"] {
    border-radius: 12px 12px 0 0;
}

.column-main [class^="card--reserve"] .left-area,
.column-main [class^="card--bookmark"] .left-area,
.column-main [class^="card--check"] .left-area {
    width: 300px;
    padding: 20px 0 0 20px;
}

.column-main [class^="card--reserve"] .left-area .action-button {
    margin: 20px 0 0;
}

.column-main [class^="card--reserve"] .right-area,
.column-main [class^="card--bookmark"] .right-area,
.column-main [class^="card--check"] .right-area {
    flex: 1;
    padding: 0px 20px;
    min-width: 320px;
}

.column-main [class^="card--bookmark"] .left-area .shop_data,
.column-main [class^="card--check"] .left-area .shop_data {
    margin: 20px 0 0;
}

.column-main [class^="card--reserve"]>[class*="--scrollx"],
.column-main [class^="card--bookmark"]>[class*="--scrollx"],
.column-main [class^="card--check"]>[class*="--scrollx"] {
    padding: 0 20px;
}

[class^="card--reserve"]+[class^="card--reserve"],
[class^="card--bookmark"]+[class^="card--bookmark"],
[class^="card--check"]+[class^="card--check"] {
    margin: 20px 0 0;
}

[class^="card--"]>.card--shop_date {
    display: flex;
    padding: var(--card-padding);
}

[class^="card--"]>.left-area .card--shop_date {
    display: flex;
}

[class^="card--"]>.card--shop_date .shop_img,
[class^="card--"]>.left-area .card--shop_date .shop_img {
    border-radius: 8px;
    height: 80px;
    margin-right: 20px;
    object-fit: cover;
    width: 106px;
}

.column-main [class^="card--"] .card--shop_date .shop_img {
    border-radius: var(--button-borderradius);
}

[class^="card--"]>.card--shop_date .shop_data {
    flex: 1;
}

.shop_data>.title--XS {
    color: var(--black-color);
    margin: 0 0 7px;
}

.shop_data .icon-sun::before,
.shop_data .icon-moon::before {
    font-size: var(--text--XS);
    margin-right: 4px;
}

.shop_data .end_public{
    color: var(--gray-color);
}

[class^="card--reserve"]>[class^="section--"] {
    padding: 0 20px;
}

.section--reserve_date>[class^="list--boxtext"]>[class^="boxtext--"],
.section--point_date>[class^="list--boxtext"]>[class^="boxtext--"] {
    background-color: var(--palewhite-color);
    align-items: flex-start;
}

.section--reserve_date>[class^="list--boxtext"]>[class^="boxtext--"] .text--S,
.section--point_date>[class^="list--boxtext"]>[class^="boxtext--"] .text--S {
    min-width: fit-content;
    margin-right: 10px;
}

.section--reserve_date .point-inner .boxtext--dual--between {
    background-color: var(--palewhite-color);
}

.section--reserve_date .point-inner [class^="boxtext--"]+[class^="boxtext--"]::before {
    background-color: var(--white-color);
}

.section--reserve_date [class^="boxtext--"] .dpoint_inner {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1200px){
    .column-main [class^="card--reserve"] .left-area, 
    .column-main [class^="card--bookmark"] .left-area, 
    .column-main [class^="card--check"] .left-area {
        width: auto;
        padding: 20px 20px 0;
    }
}

/* アクションコマンド */
.action-button .tip--content .list--boxtext {
    display: flex;
    flex-direction: column;
}

.list--tag {
    display: flex;
}

.column-main [class^="list--boxtext"].action-button {
    overflow: initial;
}

[class^="list--boxtext"].action-button a,
[class^="list--boxtext"].action-button p,
[class^="list--boxtext"].action-button div {
    display: inline-flex;
    position: relative;
}

.action-button [class*="sausagelink--"] {
    background-color: var(--white-color);
    border: 1px solid;
    box-sizing: border-box;
    color: var(--primary-color);
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
}

.action-button [class*="sausagelink--"].checked {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.action-button [class*="sausagelink--"].reserve {
    color: var(--secondary-color);
}

.action-button [class*="sausagelink--"]:hover {
    background-color: var(--palewhite-color);
    cursor: pointer;
    transition: all .2s;
}

.action-button [class*="sausagelink--"]+[class*="sausagelink--"] {
    margin-left: 0;
}

[class*="--scrollx"].action-button [class*="sausagelink--"] {
    margin-bottom: 0;
}

.modal-donutChart-btn.btn {
    text-align: center;
}

.list--tag>[class*="sausagelink--"]+[class*="sausagelink--"],
[class*="sausagelink--"]+[class*="sausagelink--"] {
    margin-left: 10px;
}

[class*="sausagelink--"]::before {
    margin: 0 10px 0 0;
}

.filter>[class*="sausagelink--"] {
    font-weight: bold;
}

[class^="card--shop"] .shop_data .text--XS,
[class^="card--shop"] .shop_data .text--XS .icon-sun,
[class^="card--shop"] .shop_data .text--XS .icon-moon {
    color: var(--gray-color);
}

[class^="card--shop"] .shop_data [class^="icon-"]::before {
    font-size: var(--text--XS);
    margin-right: 4px;
}

[class*="--scrollx"] [class^="card--shop"]+[class^="card--shop"] {
    margin: 0 0 0 10px;
}

[class*="card--"][class*="--M"] {
    width: calc(100vw - 40px);
    min-width: calc(100vw - 40px);
}

.column-main [class*="card--"][class*="--M"] {
    border-radius: var(--box-borderradius);
    overflow: hidden;
    width: 300px;
    min-width: 300px;
}

.column-main .card--banner--M img{
    vertical-align: bottom;
}

.column-main .card--shop--M+.card--shop--M {
    margin: 0 0 0 20px;
}

.card--shop--S {
    width: calc(calc(100% - 30px) / 2);
    min-width: calc(calc(100% - 30px) / 2);
}

.column-main .card--shop--S {
    width: 162.5px;
    min-width: 162.5px;
}

.column-main .card--shop--S+.card--shop--S {
    margin: 0 0 0 20px;
}

[class^="card--shop"] .course-detail>*+* {
    margin: 10px 0 0;
}

[class^="card--shop"] .course-detail .title--S {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.card--shop--S .shop-detail {
    padding: 12px;
}

.card--shop--S .shop-detail [class^="title--"] {
    color: var(--black-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.card--shop--S .shop-detail *+* {
    margin: 10px 0 0;
}

/* 保存リスト追加トーストメッセージ */
#toast-bookmark {
    display: flex;
    visibility: hidden;
    height: auto;
    width: calc(100% - 40px);
    border-radius: 8px;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.60);
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 20px;
}

#toast-bookmark>p {
    font-size: 14px;
    vertical-align: center;
    color: var(--white-color);
    letter-spacing: 0;
    line-height: 132%;
    padding: 13px 12px;
    width: 100%;
}


/* 設定ページ */
.profile-image .profile-img--L {
    overflow: hidden;
    position: relative;
}

.profile-image input {
    display: none;
}

.profile-image .edit-img-label {
    background-color: rgba(0, 0, 0, 0.4);
    color: var(--white-color);
    height: 50%;
    left: 0;
    line-height: 36px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}

.profile-image .text--S {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex: 1;
    padding: 0 20px 0 12px;
}

.myapage-setting .form-error-text {
    background: transparent;
    color: var(--error-color);
}

/*フォーム*/
/* フォームカード*/
[class^="card--form"] {
    background-color: var(--white-color);
    padding: 20px;
}

[class^="card--form"] {
    margin: 20px 0 0;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
select:focus {
    outline: none;
    border: 1px solid var(--primaryhighlight-color);
}

.user_data_form .user-input-section .config-submit {
    display: none;
}

.user_data_form .user-input-section .user_data_name_input {
    display: none;
    width: 100%;
}

[class*="form--contents"] {
    border-radius: var(--form-borderradius);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0 0;
    overflow: hidden;
    position: relative;
}

[class*="form--contents"]+[class^="text--"] {
    margin: 10px 0 0;
}

[class*="form--textarea"] {
    background-color: var(--palewhite-color);
    border-radius: var(--form-borderradius);
    box-sizing: border-box;
    color: var(--black-color);
    min-height: 44px;
    line-height: 132%;
    padding: 11px 12px;
    position: relative;
    width: 100%;
}

[class*="form--switcher"] {
    background-color: var(--palewhite-color);
    box-sizing: border-box;
    color: var(--black-color);
    min-height: 44px;
    line-height: 132%;
    padding: 11px 12px;
    position: relative;
    width: 100%;
}

[class*="form--textarea"] .textarea--inner {
    display: inline-block;
    width: calc(100% - 50px);
}

.form--item {
    position: relative;
}

.form--item+.form--item {
    margin: 20px 0 0;
}

.form--item [class^="linktext--"] {
    line-height: 132%;
    bottom: 12px;
    right: 12px;
    position: absolute;
}

.form--item.user-name-wrapper .linktext--b {
    top: 12px;
}

.form--item [class^="linktext--"]:hover {
    text-decoration: none;
}

.column-main .form--item.area {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.column-main .form--item.area .title--S {
    width: 100%;
}

.column-main .form--item.area .form--contents-selectbox {
    width: calc(calc(100% - 20px) / 3);
}

.column-main .form--item .form--contents-selectbox+.form--contents-selectbox {
    margin-left: 10px;
}

.form--item.area .form--contents-selectbox {
    flex-direction: column;
}

.form--item.area .form--contents-selectbox .selectbox select {
    border-radius: 0;
    padding: 0 40px 0 12px;
    text-overflow: ellipsis;
}

.form--item.area .form--contents-selectbox .selectbox:first-child select {
    border-radius: 8px 8px 0 0;
}

.form--item.area .form--contents-selectbox .selectbox.delete:last-child {
    border-radius: 0 0 8px 8px;
    cursor: pointer;
    font-weight: bold;
}

.form--item.area .form--contents-selectbox .selectbox:only-child select {
    border-radius: var(--form-borderradius);
}

.form--item.area .form--contents-selectbox .selectbox .btn-change {
    pointer-events: none;
    text-align: right;
    width: 15%;
}

.form--item.area .form--contents-selectbox .selectbox.delete {
    font-size: var(--text--S);
}

.form--contents-checkbox>.male+.checkbox-label {
    border-radius: 8px 0 0 8px;
}

.form--contents-checkbox>.female+.checkbox-label {
    border-radius: 0;
}

.form--contents-checkbox>.other+.checkbox-label {
    border-radius: 0 8px 8px 0;
}

.form--item.area .form--contents-selectbox .selectbox+.selectbox,
.form--contents .form--switcher+.form--switcher {
    margin-top: 1px;
}

.myapage-setting [class^="card--form"]+.title--M {
    margin: 20px 20px 0;
}

.myapage-setting [class^="card--form"]+.title--M+.text--S {
    margin: 10px 20px 0;
}

.column-main .myapage-setting [class^="card--form"]+.title--M+.text--S {
    margin: 10px 0 0;
}

.section--reserve-infomation .title--M+.text--S,
.form--item .title--S+.text--S,
.form--item .title--S+.text--XS {
    margin: 10px 0 0;
}

.covid-19 .form--contents-selectbox .selectbox .text--attention {
    position: absolute;
    pointer-events: none;
    right: 38px;
}

.myapage-setting .mypage-globalnav {
    margin: 20px 20px 0;
}

.column-main .myapage-setting .mypage-globalnav {
    margin: 20px 0 0;
}

.regist-button-wrap [class^="button--"] {
    width: 100%;
}

.regist-button-wrap {
    margin: 20px 0 0;
}

[class*="button--c-2"].link-top {
    margin: 20px 0 0;
}

.form--contents .input-name-wrapper {
    width: calc(50% - 5px);
}

.setting-other {
    margin: 20px 0 0;
}

/*select box*/
.form--contents-selectbox {
    border-radius: var(--form-borderradius);
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.form--contents-selectbox .selectbox {
    background-color: var(--palewhite-color);
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    position: relative;
    width: 100%;
}

.birthday .form--contents-selectbox .selectbox:first-child:nth-last-child(3),
.birthday .form--contents-selectbox .selectbox:nth-last-child(3)~.selectbox {
    width: calc(calc(100% - 2px) / 3);
}

.birthday .form--contents-selectbox .selectbox:first-child select {
    border-radius: 8px 0 0 8px;
}

.birthday .form--contents-selectbox .selectbox:last-child select {
    border-radius: 0 8px 8px 0;
}

.birthday .form--contents-selectbox .selectbox select {
    border-radius: 0;
}

.form--contents-selectbox .selectbox select {
    background-color: var(--palewhite-color);
    border-radius: var(--form-borderradius);
    height: 44px;
    padding: 0 12px;
    width: 100%;
}

.form--contents-selectbox .selectbox select:hover {
    cursor: pointer;
}

.form--contents-selectbox .selectbox select:focus {
    border: 1px solid var(--primaryhighlight-color);
}

.form--contents-selectbox [class*="icon-"]::before {
    color: var(--gray-color);
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    right: 12px;
}

.form--contents-selectbox [class*="icon-"]::before {
    color: var(--gray-color);
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    right: 12px;
}

.form--contents-selectbox .selectbox+.linktext--b {
    pointer-events: none;
}

.form--contents-selectbox .config-change {
    pointer-events: none;
}

/*チェックボックス*/
.form--contents-checkbox,
.form--contents-selectbox {
    border-radius: var(--form-borderradius);
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.form--contents-checkbox>.checkbox-input {
    display: none;
}

.form--contents-checkbox>.checkbox-label {
    background-color: var(--palewhite-color);
    border-radius: var(--form-borderradius);
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    position: relative;
    width: calc(calc(100% - 2px) / 3);
}

.form--contents-checkbox>.checkbox-label:hover {
    cursor: pointer;
}

.form--contents-checkbox>.checkbox-input:checked+.checkbox-label {
    background-color: var(--primary-color);
    color: var(--white-color);
}

/* ログイン情報変更モーダル */
.login-box .form-wrap {
    margin: 20px 0 0;
}

.login-box .form--textarea--active {
    margin: 10px 0 0;
}

.login-box .password-btn {
    margin: 20px 0 0;
}


/* お知らせページ */
.column-main-inner .list--card--news,
.column-main-inner .list--card--pointhistory {
    border-radius: var(--box-borderradius);
    overflow: hidden;
}

.card--news [class^="text--"].news-text {
    flex: 1;
    margin: 0 10px 0 0;
}

.card--news.unread [class^="text--"].news-text {
    color: var(--black-color);
    font-weight: bold;
}

.card--news [class^="text--"].news-text .user_name {
    color: var(--black-color);
}

.list--card--news .moreread {
    display: flex;
    justify-content: center;
}

.mypage-news .list--card--news {
    margin: 20px 0 0;
}

.profile-img-wrapper {
    background-color: var(--palewhite-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

/*もっと見る*/
.list--card--news input[type="checkbox"] {
    display: none;
}

.list--card--news .more_btn {
    color: #A57E49;
    cursor: pointer;
    background-color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 44px;
    margin: 1px 0 0;
}

.list--card--news .more_btn.hidden {
    display: none;
}

.list--card--news .more_card_wrapper {
    display: none;
}

.list--card--news input[type="checkbox"]:checked~.more_card_wrapper {
    display: block;
    margin: 1px 0 0;
}

/* other-section */
.other-section .tip {
    background-color: var(--layer-color);
    border-radius: var(--box-borderradius);
    box-sizing: border-box;
    padding: 20px;
}

.other-section .banner-item+.banner-item {
    margin-top: 20px;
}

.other-section img {
    border-radius: var(--button-borderradius);
}

/* 電話アクションツールチップ表示 */
.button-tel .tooltip-tel {
    bottom: 145%;
    left: 50%;
    margin-left: -130px;
    margin-bottom: 4px;
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s;
    visibility: hidden;
    width: 260px;
    z-index: 1;
}

.button-tel .tooltip-tel {
    bottom: 40px;
}

.button-tel .tooltip-tel>.text {
    background-color: var(--white-color);
    color: var(--black-color);
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    line-height: 132%;
    position: relative;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 16%);
}

button:hover>.tooltip-tel {
    visibility: visible;
    opacity: 1;
}

.button-tel .tooltip-tel>.text::after,
.button-tel .tooltip-tel>.text::after {
    content: " ";
    position: absolute;
    top: 99%;
    left: calc(50% + 5px);
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.tooltip-tel>.text::before {
    content: " ";
    position: absolute;
    top: 100%;
    left: calc(50% + 5px);
    margin-left: -9px;
    border-width: 9px;
    border-style: solid;
    border-color: rgba(0 0 0 / 16%) transparent transparent transparent;
    filter: blur(2px);
    z-index: -1;
}

/* 保存アクションツールチップ表示 */
.tooltip-bookmark {
    visibility: hidden;
    text-align: left;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    margin-bottom: 4px;
    left: -50px;
    top: -48px;
    width: 230px;
}

.tooltip-bookmark>.text,
.status .tooltip-bookmark>.text {
    background-color: #fff;
    color: #8f8f8f;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    line-height: 132%;
    position: relative;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 16%);
}

.triangle,
.triangle {
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: -14px;
    z-index: 2;
    opacity: 0;
}

.triangle::after,
.triangle::after {
    content: " ";
    position: absolute;
    top: -61%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.triangle::before {
    content: " ";
    position: absolute;
    top: 2px;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(0 0 0 / 16%) transparent transparent transparent;
    filter: blur(2px);
    z-index: -1;
}

.tooltip-bookmark>.text i {
    background-color: #A57E49;
    color: #fff;
    font-style: normal;
    padding: 3px 7px;
    font-size: 10px;
    margin-right: 2px;
}

/* ★★★★★★★★★★PC追加★★★★★★★★★★★★★ */
/* ★★★★★★★★★★PC追加★★★★★★★★★★★★★ */
/* ★★★★★★★★★★PC追加★★★★★★★★★★★★★ */
.column-main {
    background-color: var(--layer-color);
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.column-main-inner {
    flex: 1;
    min-width: 0;
    position: relative;
}

.mypage-news .column-main-inner,
.post--section .title-box, .post--section [class*="--scrollx"].filter, .section--post_list,
.post--section .section--post_summary [class^="list--boxtext"],
.post--section .section--post_summary [class^="list--boxtext"].list--boxtext,
.bookmark-section .column-main-inner,
.check-section .column-main-inner,
.myapage-setting .column-main-inner,
.dpoint--section .column-main-inner{
    max-width: 660px;
    margin: 0 auto;
}

.post--section .section--post_summary [class^="list--boxtext"].list--boxtext{
    width: 100%;
    margin: 20px auto 0;
}

.post--section [class*="--scrollx"].filter{
    margin: 10px auto 20px;
}

.graph-summary{
    border-radius: 8px;
    width: fit-content;
}

.reservehistory-section .column-main-inner{
    max-width: 720px;
    margin: 0 auto;
}

.pointhistory-section .title-box,
.pointhistory-section .section--point_summary,
.pointhistory-section [class*="--scrollx"].filter,
.pointhistory-section .section--list--card,
.point--section .title-box, 
.point--section .section--point_total, 
.point--section .section--point_detail,
.point--section .about-htsrpoint,
.point--section .section--button-wrapper{
    max-width: 660px;
    margin: 20px auto 0;
}

@media screen and (max-width:1200px) {
    .post--section .section--post_summary [class^="list--boxtext"],
    .post--section .section--post_summary [class^="list--boxtext"].list--boxtext{
        width: 440px;
    }
    .post--section .section--post_summary [class^="list--boxtext"] [class^="boxtext--"]{
        padding: 10px;
    }
}

@media (max-width: 1420px) and (min-width: 1200px) {
    .post--section .section--post_summary [class^="list--boxtext"], 
    .post--section .section--post_summary [class^="list--boxtext"].list--boxtext{
        margin-left: 40px;
    }
}

/* バナー */
[class^="card--banner"] {
    border-radius: var(--box-borderradius);
    overflow: hidden;
    position: relative;
    width: calc(100vw - 40px);
    min-width: calc(100vw - 40px);
}

[class^="card--banner"]::before {
    background-color: rgba(0, 0, 0, 0.16);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.banner-inner {
    box-sizing: border-box;
    color: var(--white-color);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
}

/* パスワード設定画面 */
.login-box {
    width: 1000px;
    margin: 0 auto;
    background-color: #FFF;
    padding: 0px 40px 40px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.regist-sumarry {
    text-align: center;
}

.login-sumarry {
    margin-bottom: 50px;
    text-align: center;
}

.password-sumarry {
    margin-bottom: 30px;
}

.password-subttl {
    font-weight: 500;
    margin-top: 20px;
    font-size: 16px;
    color: #8f8f8f;
}

.title {
    font-size: 20px;
    padding-top: 50px;
    margin-bottom: 20px;
    position: relative;
}

.title-small {
    font-size: 17px;
}

.regist-sumarry .text {
    margin-bottom: 15px;
}

.login-btn {
    margin-bottom: 20px;
}

.btm-link-regist {
    margin-bottom: 20px;
}

.login-box--small {
    width: 780px;
    box-sizing: border-box;
    padding: 40px;
    margin: 40px auto;
}

.shadow-box .title {
    padding-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: #333
}

.shadow-box .login-bot--retire .title {
    margin: 0 0 20px;
    width: 100%;
}

.shadow-box .password-caption {
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 0;
    margin-top: 20px;
    color: #adadad;
    font-weight: 700;
}

.shadow-box .password-sumarry {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 14px;
    line-height: 132%;
    color: #8f8f8f;
    font-weight: 500;
}

.shadow-box .password-sumarry+br {
    display: none;
}

.shadow-box .form-wrap {
    margin-top: 20px;
}

/*フォーム*/
.form-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
}

.form-item--vertical {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.form-item:first-child {}

.form-wrap--small .input_box {
    width: 240px;
}

.input_box {
    width: 100%;
    margin-top: 10px;
}

.form-label-caption {
    font-size: 14px;
    line-height: 132%;
    color: #8f8f8f;
}

/* 退会 */
.retire-caution {
    color: #C65651;
    font-weight: 700;
    margin-top: 20px;
}

.retire-link {
    margin: 40px 0 20px;
}

.retire-link .retire-link-ttl {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.retire-link-bar__item {
    margin-bottom: 1px;
    background-color: #f4f4f4;
}

.retire-link-bar__item:first-child {
    border-radius: 4px 4px 0 0;
}

.retire-link-bar__item:last-child {
    border-radius: 0 0 4px 4px;
}

.retire-link-bar__inner {
    color: #A57E49;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    -webkit-align-items: center;
    height: 48px;
    padding: 0 16px;
}

.retire-link-bar__text {
    font-weight: 700;
}

.retire-text-link {}

.retire-text-link a {
    display: inline-block;
    background-color: #F4f4f4;
    border-radius: 4px;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
}

.retire-text-link a b {
    margin-right: 0;
    font-size: 16px;
    font-weight: 700;
    vertical-align: baseline;
}

.login-box--small.login-bot--retire {
    padding: 40px;
    background-color: #fff;
    border-radius: 0;
    margin: 40px auto;
}

.retire-thanks-text {
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}

.mypage-main-wrap .shadow-box {
    background: none;
}

.mypage-main-wrap .reserve_list.booking .card__item article {
    background-color: #FFF;
    /*    padding: 20px 0;*/
    overflow: hidden;
    border-radius: unset;
}


/*** 投稿画像 ***/

.card__item {
    padding-bottom: 10px;
}

.card__item .card-caption__good:first-child {
    border-radius: 8px 8px 0 0;
}

.card__item article:last-child {
    border-radius: 0 0 8px 8px;
}

.card__item article:only-child {
    border-radius: 8px;
}

/* 画像スライド */

.card-image-list-wrap {
    padding-left: 0;
}

.card-image-list-wrap .bx-wrapper {
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0 auto;
}

.card-image-list-wrap .bx-wrapper .custom-controls a {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    transition: all 0s;
}

.custom-prev {
    position: absolute;
    top: 67px;
    left: 20px;
    z-index: 1;
    opacity: 0.5;
    background: #000;
    height: 51%;
    transform: rotate(180deg);
}

.custom-prev .icon-arrow-right-a {
    line-height: 100px;
}

.custom-control .custom-prev .bx-prev {
    display: contents;
    color: #FFF;
}

.custom-control .custom-prev .bx-prev .disabled {
    opacity: 1;
}

.custom-next {
    position: absolute;
    top: 66px;
    right: 20px;
    z-index: 1;
    opacity: 0.5;
    background: #000;
    height: 52%;
}

.custom-next .icon-arrow-right-a {
    line-height: 100px;
}

.custom-control .custom-next .bx-next {
    display: contents;
    color: #FFF;
}

.card-image-list-wrap {
    width: auto;
}

/* 投稿詳細モーダル & その他投稿画像関連 */

.tooltip_invisible {
    display: none;
}

.is-hidden {
    display: none;
}

.endPublicTag {
    background-color: #ADADAD;
    margin: 0px 0px 0px 10px;
    padding: 4px;
    font-weight: 700;
    font-size: 12px;
    display: block;
    color: #fff;
}

.endPublicTag_good_list {
    width: 44px;
    background-color: #8f8f8f;
    border-radius: 4px;
    padding: 0px 4px 0px 4px;
    font-weight: 300;
    font-size: 11px;
    display: block;
    color: #fff;
}

.endPublicTag_good_list_opacity {
    width: 44px;
    background: rgba(0, 0, 0, 0.6);
    margin: 0px 0px 0px 10px;
    border-radius: 4px;
    padding: 0px 4px 0px 4px;
    font-weight: 300;
    font-size: 11px;
    display: block;
    color: #fff;
}

.endPublicTag_good_list_inline {
    display: flex;
}

.reserve_list h2,
.favorite_list h2 {
    margin-bottom: 20px;
    font-size: 20px;
}

.reserve_list h2 b {
    float: right;
    font-weight: 700;
}

/* 投稿詳細モーダル & その他投稿画像関連 */

.tooltip_invisible {
    display: none;
}

.postdetail_tooltip {
    width: 24px;
    margin-left: auto;
}

.postdetail_tooltip .postdetail_tooltip_inner {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    position: absolute;
    top: 10%;
    right: 5%;
    z-index: 1;
}

.postdetail_tooltip .postdetail_tooltip_list_inner {
    padding: 15px 20px;
    color: #3E3E3E;
    display: block;
    font-weight: 100;
}

.postdetail_tooltip .shop_detail {
    border-top: 1px solid #eee;
}

.reserve_list, .favorite_list {
    padding: 40px 0 20px;
}

/* 新規会員情報設定 */
.init-base {
    justify-content: center;
}

.init-form .required,
.init-form .form-error-text {
    color: var(--error-color);
}

.init-form .required {
    line-height: unset;
}

.card--form.init-form {
    border-radius: var(--box-borderradius);
    margin-left: 20px;
}

.init-form .user-input-fixed {
    font-size: 14px;
}

.init-form .init-data-wrapper,
.init-form .form-input-wrapper {
    margin: 0;
}

.init-form .btn-regist {
    margin-top: 20px;
}

.init-skip-link {
    font-size: 14px;
}

/* レコメンドカセット */
.recomend-shop-section .recomend-shop-title {
    margin: 20px 0 10px;
}
.recomend-shop-section .recomend-list{
	padding: 0 0 20px 0;
}
li.recomend-cst-card{
	box-shadow: none;
    min-height: 100%;
}
.recomend-cst-card + li.recomend-cst-card {
    margin-left: 20px;
}
li.recomend-cst-card .shop-info-wrapper{
    height: 100%;
}
.recomend-list[class*="--scrollx"]:after{
    display: none;
  }
.graph--reaction .graph--title,
.graph--title,
.graph--who .graph--title,
.graph--time .graph--title{
    margin-bottom: 10px;
}