/*設定*/

:root {
    /** ヘッダー分の余白調整 **/
    .banner__wrap {
        margin-top: 0 !important;
    }
    .widget__wrap {
        padding: 0 !important;
    }
    .html__wrap {
        margin-top: 0 !important;
    }
    .banner__item {
        width: 100% !important;
    }
    .header__logo {
        margin: 0 !important;
    }
    .v-application ul {
        padding-left: 0 !important;
    }
    /* ヘッダー */
    --header-bg-color: #FFFDF8;
    /* ヘッダーの背景色 */
    --header-name-color: #000;
    /* ヘッダーの項目名の色 */
    --header-line-color: #c4c4c4;
    /* ヘッダーの項目右の縦線の色 */
    /* トップ */
    --top-bg-color: #820000;
    /* FV画像下 タイトル・CVボタンの背景色 */
    --top-text-color: #FEE0C0;
    /* FV画像下 文字色 */
    --top-line-color: #820000;
    /* コンテンツ名 アンダーライン・もっとみるボタン色 */
    --footer-bg-color: #820000;
    /* フッター 背景色 */
    --footer-text-color: #FEE0C0;
    /* フッター 文字色 */
    /* ボタン */
    --btn-bg-color: #820000;
    /* ボタンの色 */
    --btn-hover-color: #FEE0C0;
    /* ホバーした時の色 */
    /* ブースの一覧ページ */
    --booth-list-color: #820000;
    /* ブースタイトル横の色 */
    --booth-search-color: #820000;
    /* 絞り込むボタンの背景色・「＋」アイコン、「絞り込むボタン」色 */
    --booth-icon-color: #820000;
    /* 右上アイコン色 */
    --booth-pagination-color: #820000;
    /* ページ番号の色 */
    /* ブースの中身 */
    --booth-detail-color: #820000;
    /*ブースタイトルの背景色*/
    --booth-textbox-color: #f6f1ed;
    /* ブース 注意書きの背景色 */
    --booth-other-color: #820000;
    /* ブース その他のおすすめ〇〇の色 */
}


/*背景画像*/ .widget__wrap, .list__wrap, .detail__wrap {
     background-repeat: repeat !important;
     background-image: url(https://tarupo.eventos.tokyo/file/wysiwyg/976/file-81e2fecf-f87b-4c3a-85ea-c2cce69040b0.png); 
     background-repeat: repeat; /* 画像の繰り返しを指定 */ 
     background-position: center center; /* 画像の表示位置を指定 */ 
     background-size: contain; /* 画像のサイズを指定 */ 
     width: 100%; /* 横幅のサイズを指定 */ height: auto; }


/* ボタン */

.btn {
    text-align: center;
}

.border_btn01 {
    display: inline-block;
    width: 100%;
    max-width: 350px;
    color: var(--btn-bg-color) !important;
    border: 2px solid var(--btn-bg-color);
    background: #fff;
    padding: 1em 2em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    transition: 0.3s;
}

.border_btn01:hover {
    color: #fff;
    background: var(--btn-hover-color);
}


/*ブースの一覧ページ*/


/*背景調整*/

section.contents__wrap.list__contents>section>div {
    background: transparent !important;
}

.booth-list__item {
    background-color: #fff;
}


/*ブースタイトル横の色*/

.booth-list-title__text {
    border-color: var(--booth-list-color) !important;
}


/*「条件を指定して絞り込む」背景色*/

.booth-search__button {
    background-color: var(--booth-search-color) !important;
}


/*「+」の色*/

section.contents__wrap.list__contents>section>form>div>div>div>button>div>div>p {
    color: var(--booth-search-color);
}


/*右上アイコンの色*/

button:nth-child(1)>span>i,
button:nth-child(2)>span>i {
    color: var(--booth-icon-color) !important;
}


/*「絞り込む」ボタンの色*/

button.booth-search__action-button.v-btn.v-btn--depressed.v-btn--flat.v-btn--outlined.theme--light.v-size--default {
    color: var(--booth-search-color) !important;
    caret-color: var(--booth-searchcolor) !important;
}


/*ページ番号の色*/

.v-pagination__item--active {
    background-color: var(--booth-pagination-color) !important;
    border-color: var(--booth-pagination-color) !important;
}


/*ブースの中身*/


/*ブースタイトルの背景色*/

.detail-title__text h2 {
    background-color: transparent !important;
}


/*ブースタイトル下のアンダーライン*/

.base-background-color {
    background-color: var(--booth-detail-color) !important;
}


/*最上部に戻るボタン*/

.top-button__wrap {
    display: none;
}


/*ヘッダー幅*/

@media only screen and (min-width: 850px) {
    .header__wrap {
        height: 48px !important;
    }
}


/*イベントトップに戻るを削除*/

.portal-event-top {
    display: none!important;
}



/*　ひろば以外　かつ 単行テキスト（通過時間）のh2は角丸 */
.booth__wrap div:has(.word) h2{
  background: #f9d93a;
  font-size:var(--size-M) !important;
  padding:5px;
  max-width:300px;
  width: 70%;
  margin: 10px auto;
  border-radius: 20px;
  font-weight: 700;
}
/*　ひろば以外　かつ 単行テキスト（通過時間）は文字を中 */
.booth__wrap .word{
  Font-size:12px;
}
.booth__wrap div:has(.word) {
  margin-bottom:20px;
  text-align: center;
}





/*チケット一覧の価格表示を削除*/

.v-application .pa-1 {
    display: none!important;
}


/*チケットクリック時の価格表示を削除*/

.ticket-card-detail__contents__value {
    display: none!important;
}


/*チケット購入画面の「チケット」を削除*/

.detail__ticket__label {
    display: none!important;
}


/*チケット購入画面の「：」を削除*/

.detail__ticket__colon {
    display: none!important;
}


/*マイチケット画面のタイトルを削除*/

.my-ticket-contents__title {
    display: -webkit-box;
    /* overflow: hidden; */
    /* -webkit-line-clamp: 3; */
    /* -webkit-box-orient: vertical; */
    display: none;
}


/*チケット購入時の枚数超過の文言変更*/

.dialog__message p {
    font-size: 0px !important;
    font-weight: 500;
}

.dialog__message p:before {
    font-size: 16px !important;
    content: "このスタンプは獲得済みです" !important;
    font-weight: 500;
}


/*マイチケットの「利用可能」表示を削除*/

.ticket-card-detail__status.active {
    /* background-color: #4cd964; */
    display: none;
}


/*マイチケットの詳細表示時の下線１本目を削除*/

.v-application .py-4 {
    /* padding-top: 16px !important; */
    /* padding-bottom: 16px !important; */
    display: none;
}


/*マイチケットの詳細表示時の下線２本目を削除*/

.theme--light.v-divider {
    border-color: rgba(0, 0, 0, .12);
    display: none;
}


/*マイチケットの一覧表示の「チケット名」などを削除*/

.theme--light.v-data-table thead tr:last-child th {
    border-bottom: thin solid rgba(0, 0, 0, .12);
    display: none;
}


/*マイチケットの「有効期限切れ」を削除*/

.ticket-card-detail__status.finished,
.ticket-card-detail__status.payment_fail {
    /* background-color: red; */
    display: none;
}


/*チケットの申込画面の間を削除*/

.ticket-detail__block {
    background-color: #fff;
    margin: 0 0 0;
    padding: 24px 24px 8px;
}


/*チケットの申込画面の「受付中」を削除*/

.card-status {
    font-size: 14px;
    display: none;
}


/*チケットの申込画面の「金額」を削除*/

.ticket-price__label {
    font-size: 12px;
    word-break: break-all;
    color: rgba(0, 0, 0, .7);
    margin: auto 0;
    display: none;
}


/*チケットの申込画面の価格（無料）を削除*/

.ticket-price__value {
    margin: auto 10px;
    font-size: 16px;
    color: #07f;
    display: none;
}


/*チケットの申込画面の「詳細を見る・隠す」を削除*/

.ticket-detail-description__detail-text {
    margin: 16px 0;
    display: none;
}


/*チケットの獲得済み画面の「詳細を見る・隠す」を削除*/

.ticket-card-detail__summary__description__expander {
    /* cursor: pointer; */
    /* white-space: nowrap; */
    /* color: rgba(0, 0, 0, .4); */
    /* margin: 10px 0 5px; */
    /* font-size: 14px; */
    display: none;
}