@charset "UTF-8";

/* ---------------------------------------
1.0 setting
    1.1 normalize
    1.2 clearfix
    1.3 animation
2.0 compontents
    2.1 button
    2.1 typography
    2.3 form
    2.4 list
    2.5 icons
    2.6 message-banner
    2.7 txt
  2.8 bg
3.0 layout
    3.1 base
    3.2 header
4.0 page
	4.1 チケット一覧
	4.2 チケット券面
	4.3 チケット受け取り
	4.4 公演詳細
	4.5 友だちに送る
	4.5.1 QR
	4.6 入場チェック
	4.7 メニュー
	4.8 お知らせ
	4.9 通知設定
	4.10 アプリ情報
	4.11 ログイン
	4.12 SMS
	4.13 チュートリアル
	4.14 モーダル
	4.15 チケット発券スケジュール
	4.16 お名前登録
	4.17 電話番号が2桁以下の間違い、電話番号が3桁以上の間違い
	4.18 金融機関登録
	4.19 TRADE
	4.20 アカウント連携
	4.99 エラー
	4.5.1 シェアメンバー選択 ダイアログ
	4.5.2 出品
-------------------------------------------- */

/* 1.0 setting
============================== */
/* 1.1 normalize
------------------------------ */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
*,*:after,*:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.display-table { display: table; width: 100%; }
.display-table > * { display: table-cell; }
.display-flex{  display: flex !important; width: 100%; }
.flex_end{ align-items: flex-end;}
/* 1.2 clearfix
------------------------------ */
.clearfix::after { display: table; content: ""; clear: both; }

/* 1.3 animation
------------------------------ */
/* 汎用 フェードイン */
@-webkit-keyframes fadein { 100% { opacity: 1; } }
@keyframes fadein { 100% { opacity: 1; } }
/* 汎用 スケール */
@-webkit-keyframes scale { 100% { -webkit-transform: scale(1, 1); } }
@keyframes scale { 100% { transform: scale(1, 1); } }

/* 券面用 回転 */
@-webkit-keyframes spin-2d {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin-2d {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* 券面用 3D回転 */
@-webkit-keyframes spin-3d {
    0% { -webkit-transform: rotateY(0deg); }
    100% { -webkit-transform: rotateY(360deg); }
}
@keyframes spin-3d {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
}
/* メニュー用 */
@-webkit-keyframes statusBox { 100% { padding-bottom: 140px; } }
@keyframes statusBox { 100% { padding-bottom: 140px; } }


/* 2.0 component
============================== */
/* 2.1  button
------------------------------ */
.btn-block {
    display: block;
    padding: 10px 0px;
    text-align: center;
}
.button {
    background: none;
    line-height: 1;
    padding: 0px;
    position: relative;
}
.btn {
    display: inline-block;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 0px 1em;
}
/* size */
.btn-large {
    min-width: 80%;
    font-size: 16px;
    line-height: 54px;
    border-radius: 27px;
}
.btn-small {
    /*min-width: 60%; */
    font-size: 13px;
    line-height: 40px;
    border-radius: 20px;
}
.btn-xsmall {
    min-width: 20%;
    font-size: 11px;
    line-height: 30px;
    border-radius: 16px;
}
.btn-micro {
  min-width: 20%;
  font-size: 8px;
  line-height: 14px;
  border-radius: 16px;
  font-weight: 100;
}
.btn-half {
    width: 40%;
    font-size: 13px;
    line-height: 40px;
    border-radius: 20px;
}
/* メインアクション（影アリ） */
.button--btn-main,
.button--btn-main:active  {
    background: #e95384;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
/* メインアクション（影ナシ） */
.button--btn-main-noshadow,
.button--btn-main-noshadow:active {
    background: #e95384;
    box-shadow: none;
}
/* メインアクション（白・影アリ） */
.button--btn-main-light,
.button--btn-main-light:active {
    background: #FFF;
    color: #e95384;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
/* メインアクション（白・影ナシ・枠付き） */
.button--btn-main-light-outline,
.button--btn-main-light-outline:active  {
    background: #FFF;
    color: #e95384;
    border: 1px solid;
    box-shadow: none;
}
/* サブアクション */
.button--btn-sub,
.button--btn-sub:active {
    background: #1a1a1a;
    color: #FFF;
    border: 1px solid;
    box-shadow: none;
}
/* サブアクション（白） */
.button--btn-sub-light,
.button--btn-sub-light:active {
    background: #FFF;
    color: inherit;
    box-shadow: none;
}
/* 汎用 */
.button--btn-general,
.button--btn-general:active {
  background: transparent;
  color: inherit;
  border: solid 1px #ddd;
  box-shadow: none;
}
/* 汎用（outline） */
.button--btn-general-outline,
.button--btn-general-outline:active {
  background: transparent;
  color: #FFF;
  border: solid 1px;
  box-shadow: none;
}
/* 非アクティブ */
.btn:disabled,
.button--btn-inactive {
    background: #e5e5e5;
    color: #FFF;
    box-shadow: none;
}
/* 非アクティブ（暗） */
.button--btn-inactive-dark {
    background: #888;
    color: #999;
    box-shadow: none;
}
/* 友だちに送る */
.button--ticket-detail-share {
    background: #FFF;
    color: inherit;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    border: none;
    padding: 0 1em;
}
/* close */
.button--page-close,
.button--page-close:active { background: transparent; box-shadow: none; }
/* overlay */
.btn-overlay-linear,
.btn-overlay-fill {
    width: 100%;
    max-width: 140px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
}
.button--btn-overlay-linear,
.button--btn-overlay-linear:active {
    background: transparent;
    color: #FFF;
    border: solid 1px;
    box-shadow: none;
}
.button--btn-overlay-fill,
.button--btn-overlay-fill:active {
    background: #FFF;
    color: #101010;
    box-shadow: none;
}
/* chevron */
.btn.chevron::after {
    content: '';
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    color: inherit;
    font-size: inherit;
    line-height: 0;
    border-top: 2px solid;
    border-right: 2px solid;
    margin: -0.25em 0 0 0.5em;
    position: relative;
    top: -0.2em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn.gradation, .btn.gradation:active{
  background: rgb(233,83,132);
  background: -webkit-linear-gradient(left, rgba(233,83,132,1) 0%, rgba(219,88,184,1) 100%);
  background: -o-linear-gradient(left, rgba(233,83,132,1) 0%, rgba(219,88,184,1) 100%);
  background: linear-gradient(to right, rgba(233,83,132,1) 0%, rgba(219,88,184,1) 100%);
  color: #fff;
}

/* 2.2 typography
------------------------------ */

/* webfont */
.ticket-item .ticket-item-period,
.ticket-detail-info,
.num,
.stamp-book .stamp-book-tit,
.stamp-book .book-number {
    font-family: 'Rubik';
}

.text-bold { font-weight: bold; }
.link-txt {
    display: inline-block;
    color: inherit;
    font-weight: bold;
    text-decoration: none;
    padding-right: 16px;
}
.link-txt.link-dark {
    background: url(../images/icon/icon-link-black.svg) 100% 50% no-repeat;
    background-size: 12px 12px;
    color: inherit;
}
.link-txt.link-light {
    background: url(../images/icon/icon-link-light.svg) 100% 50% no-repeat;
    background-size: 12px 12px;
    color: #FFF;
}

/* 2.3 form
------------------------------ */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
select {
    -webkit-appearance: none;
    display: inline-block;
    width: 100%;
    background: #fff;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
}
#birth_year,
#birth_month,
#birth_day,
#addr_pref { width: auto; }
select { max-width: 100%; }
input[type="date"] {
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 10px;
}
input.half { width: 48%; }
input::-webkit-input-placeholder { color: #bbb; }

/* 2.4 list
------------------------------ */
[class^="list-"] li { position: relative; }
[class^="list-"] label { display: block; }
[class^="list-"] input[type="checkbox"] {
    width: 0;
    height: 0;
    z-index: 0;
    opacity: 0;
    position: absolute;
}
[class^="list-"] a + .toggle {
    width: 50px;
    height: 30px;
    margin: -15px 0 0;
    position: absolute;
    right: 0;
    top: 50%;
}
[class^="list-"] .toggle::before {
    content: '';
    display: block;
    width: 50px;
    height: 30px;
    border-radius: 16px;
    border: 1px solid #ddd;
    margin: -15px 0 0;
    position: absolute;
    right: 0;
    top: 50%;
}
[class^="list-"] .toggle::after {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border: 1px solid #ddd;
    margin: -14px 0 0;
    position: absolute;
    right: 21px;
    top: 50%;
}
[class^="list-"] .toggle.checked::before {
    background: #e95384;
    border-color: #e95384;
}
[class^="list-"] .toggle.checked::after { right: 1px; }
[class^="list-"].chevron a::before,
[class^="list-"] .chevron a::before {
    content: '';
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    color: inherit;
    font-size: inherit;
    line-height: 0;
    border-top: 2px solid;
    border-right: 2px solid;
    margin: -0.25em 0 0;
    position: absolute;
    top: 50%;
    right: 3%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* 2.5 icons
------------------------------ */
.icon,
[class^="icon-"] {
    display: inline-block;
    position: relative;
    background: 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: middle;
}
svg.icon-dark path { fill: #1A1A1A; }
svg.icon-light path { fill: #fff; }

/* 30px */
.icon-share-send,
.icon-line,
.icon-email,
.icon-qr,
.icon-share-check,
.icon-staffonly,
.icon-sharemember {
    width: 30px;
    height: 30px;
}
.icon-share-send { background-image: url(/assets/images/common/icon-send_wt.svg); }
.icon-line { background-image: url(/assets/images/icon/icon-line.svg); }
.icon-email { background-image: url(/assets/images/icon/icon-email.svg); }
.icon-qr { background-image: url(/assets/images/icon/icon-qr.png); }
.icon-share-check { background-image: url(/assets/images/icon/icon-share-check.svg); }
.icon-sharemember { background-image: url(/assets/images/icon/icon_membershare.svg); }


/* 40px */
.icon-success,
.icon-fail,
.icon-ticketing {
    width: 40px;
    height: 40px;
}
.icon-success { background-image: url(/assets/images/icon/icon-success.svg); }
.icon-fail { background-image: url(/assets/images/icon/icon-fail.svg); }
.icon-ticketing { background-image: url(/assets/images/common/icon-emtg.svg); }
.icon-logo,
.icon-staffonly { background-image: url(/assets/images/common/icon-staffonly.svg); }

/* 20px */
.icon-send,
.icon-memorial,
.icon-send_br,
.icon-trade,
.icon-trade_br,
.icon-mmcl,
.icon-download,
.icon-page-close,
.icon-close_wt,
.icon-pageback,
.icon-logo {
    width: 20px;
    height: 20px;
}
.icon-send.icon-dark { background-image: url(/assets/images/icon/icon-send-dark.svg); }
.icon-send.icon-light { background-image: url(/assets/images/icon/icon-send-light.svg); }
.icon-memorial { background-image: url(/assets/images/icon/icon-memorial.svg); }
.icon-passcode { background-image: url(/assets/images/icon/icon-passcode.svg); }
.icon-send_br { background-image: url(/assets/images/common/icon-send_br.svg); }
.icon-trade.icon-dark { background-image: url(/assets/images/common/icon-trade_br.svg); }
.icon-trade.icon-light { background-image: url(/assets/images/common/icon-trade.svg); }
.icon-trade_br { background-image: url(/assets/images/common/icon-trade_br.svg); }
.icon-mmcl { background-image: url(/assets/images/common/icon-mmcl.svg); opacity: 0.5; }
.icon-mmcl.on { opacity: 1; }
.icon-download { background-image: url(/assets/images/common/icon-download.svg); }
.icon-page-close.icon-dark { background-image: url(/assets/images/icon/icon-close-dark.svg); }
.icon-page-close.icon-light { background-image: url(/assets/images/icon/icon-close-light.svg); }
.icon-close_wt { background-image: url(/assets/images/common/icon-close_wt.svg); }
.icon-pageback.icon-dark { background-image: url(/assets/images/icon/icon-pageback-dark.svg); }
.icon-pageback.icon-light { background-image: url(/assets/images/icon/icon-pageback-light.svg); }

/* 18px */
.icon-info-date,
.icon-info-map,
.icon-info-ticket,
.icon-info-note,
.icon-rcv-schedule,
.icon-rcv {
    width: 18px;
    height: 18px;
}
.icon-info-date { background-image: url(/assets/images/icon/icon-info-date.svg); }
.icon-info-map { background-image: url(/assets/images/icon/icon-info-map.svg) }
.icon-info-ticket { background-image: url(/assets/images/icon/icon-info-ticket.svg); }
.icon-info-note { background-image: url(/assets/images/icon/icon-info-note.svg); }
.icon-rcv-schedule { background-image: url(/assets/images/icon/icon-calendar.svg); }
.icon-rcv { background-image: url(/assets/images/icon/icon-rcv.svg); }

/* 12px */
.icon-tag,
.icon-multi,
.icon-arrow-right,
.icon-close,
.icon-close-small,
.icon-mmcl-small {
    width: 12px;
    height: 12px;
}
.icon-tag { background-image: url(/assets/images/icon/icon-tag.svg); }
.icon-multi { background-image: url(/assets/images/icon/icon-multi.svg); }
.icon-arrow-right { background-image: url(/assets/images/icon/icon-arrow-right.svg); }
.icon-close { background-image: url(../images/common/modal-close.svg); }
.icon-close-small { background-image: url(/assets/images/icon/icon-close-small.svg); }
.icon-mmcl-small { background-image: url(/assets/images/icon/icon-mmcl.svg); opacity: 0.5; }

/* sub detail（modal） */
.icon-sdd-1,
.icon-sdd-2,
.icon-sdd-3 {
  content: " ";
  width: 18px;
  height: 18px;
  background: 50% 50% no-repeat;
  background-size: 14px auto;
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
}
.icon-sdd-1 { background-image: url(/assets/images/ticket/icon-subticket-list1.png); }
.icon-sdd-2 { background-image: url(/assets/images/ticket/icon-subticket-list2.png); }
.icon-sdd-3 { background-image: url(/assets/images/ticket/icon-place.png); }

/* ローディングアイコン */
.pull-hook {
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.pull-hook-img {
  width: 20%;
  height: 20%;
}
.pull-hook-img-news { width: 10%; }


/* 2.6 message-banner
------------------------------ */
/* 帯 */
.message-banner {
    width: 100%;
    background: #e95384;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 50px;
    padding-left: 10px;
    position: relative;
    top: 48px;
    left: 0;
    z-index: 4;
}
.message-banner-bottom {
    width: 100%;
    background: #e95384;
    color: #fff;
    font-size: 12px;
    line-height: 44px;
    padding-left: 10px;
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 5;
}
.message-banner .btn-message-banner-close,
.message-banner-bottom .btn-message-banner-close {
    position: absolute;
    top: 0;
    right: 14px;
}
/* ポップアップ */
.message-popup { }
.message-popup .modal-content {
    width: 80%;
    height: auto;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    padding: 10px;
    position: fixed;
    left: 10%;
    top: 35%;
    z-index: 101;
}
.message-popup .modal-content figure { width: 60px; line-height: 0; margin: 10px auto 0; }
.message-popup .modal-content .modal-btn-block { text-align: center; }
.message-popup .modal-btn-block .btn-list {
    display: inline-block;
    min-width: 40%;
    padding-left: 5px;
}
.message-popup .modal-btn-block .btn { width: 100%; }
.message-popup::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}


/* 2.7 txt
------------------------------ */
.txt_pink {
  color: rgb(233, 83, 132);
}
.txt_gray {
  color: rgb(128, 128, 128);
}
.txt_white {
  color: #FFF;
}
.txt_center {
  text-align: center;
}
.txt_font-s {
  font-size: 11px;
}
/* 2.8 bg
------------------------------ */

.bg_gray{
background:rgb(239,239,240);
}


/* 3.0 layout
============================== */

/* 3.1 base
------------------------------ */
html {
    overflow: auto;
    font-size: 100%;
    height: 100%;
}
body {
    -webkit-text-size-adjust: 100%;
    position: relative;
    height: 100%;
    color: #1a1a1a;
    font-family: -apple-system, 'Roboto', BlinkMacSystemFont, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
}
a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img { max-width: 100%; }

/* page */
.page { color: inherit; }
.page__content { background: #fff; }
.page--default-background .page__content { }
.page--main-background .page__content { background: #101010; }
.page--grad-background .page__content { /* border-radius: 10px; */ }
.default-font-white .page__content { color: #FFF; }
.overlay-fixed .page__content { position: relative; }
.page[status-bar-fill] > .page__content { top: 0; }
/* .page--grad-background { height:92%} */
.position-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto !important;
}
.main-container { position: relative; /* height: 100%; height: calc(100% - 59px); */ }
.main-container.list-container { padding: 0px 0px 0px 0px; height: 100%; }


/* 3.2 header
------------------------------ */
.header { width: 100%; height: 50px; padding-top: 5px; }
.header .header-left {
    width: 15%;
    min-height: 15px;
    text-align: left;
    position: absolute;
    left: 3%;
    top: 10px;
    z-index: 10;
}
.header .header-right {
    width: 15%;
    text-align: right;
    position: absolute;
    right: 3%;
    top: 10px;
}
.header .header-center {
    position: relative;
    width: 75%;
    padding: 10px 0px 0;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.3;
    margin: 0 auto;
}
.header .header-right .notice {
    position: absolute;
    top: 10px;
    right: 5px;
}
.header.ticket-header, .header.header-clear { background: transparent; }
.header.ticket-header > *, .header.header-clear > * { color: #FFF; }
.header-center-desc {
    width: 100%;
    color: #c00;
    background: #333;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
    padding: 7px 0;
    position: fixed;
    left: 0;
    top: 0;
}
.header-center-img { width: 95px; height: auto; }

.pagetop-left {
  position: absolute;
  top: 15px;
  left: 10px;
  z-index: 11;
}
.pagetop-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 10vh;
  padding: 15px 10px;
  z-index: 11;
}
.pagetop-center {
  position: absolute;
  top: 20px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 80%;
  text-align: center;
  z-index: 2;
}

/* 4.1 チケット一覧
------------------------------ */
/* タブ */
.tab-menu {
    width: 100%;
    height: 48px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.tab-menu ul {
    display: table;
    width: 100%;
    max-width: 220px;
    margin: 0 auto;
    zoom: 1;
}
.tab-menu ul li {
    display: table-cell;
    width: 50%;
    height: 44px;
    text-align: center;
    padding: 20px 0px 9px;
    opacity: 0.5;
}
.tab-menu ul .tab-menu-list.active {
    border-bottom: 1px solid;
    opacity: 1;
}
.tab-content {
  position: relative;
  top: 50px;
  padding: 5px 0px;
}

/* チケットリスト */
.ticket-list {
    padding: 0 2%;
    margin: 0 0 10px;
}
.ticket-item {
    height: 140px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    overflow: hidden;

    /* 暫定 */
    background: #fff;
    color: #333;
}
.ticket-item .ticket-item-pict {
    position: absolute;
    color: #808080;
    bottom: 12px;
    left: 5%;
    z-index: 3;
    /* opacity: .4; */
}
.ticket-item .ticket-item-info {
    width: 100%;
    background: #f7f7f7;
    padding: 10px 5%;
    position: absolute;
    z-index: 2;
}
.ticket-item .ticket-item-period p { display: inline-block; }
.ticket-item .ticket-item-period .end-date { position: relative; padding: 0 0 0 2em; }
.ticket-item .ticket-item-period .end-date:before {
    content: '〜';
    font-size: 13px;
    line-height: 0;
    position: absolute;
    left: 6px;
    top: 50%;
}
.ticket-item .ticket-item-period .period-year {
    display: block;
    font-size: 11px;
    letter-spacing: .8px;
    opacity: 0.6;
}
.ticket-item .ticket-item-period .period-date {
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: .8px;
    line-height: 1;
}
.ticket-item .ticket-item-name .ticket-item-title {
    position: relative;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 5px 0 0;
}
.ticket-item .ticket-item-name .ticket-item-place {
    font-size: 11px;
    line-height: 1.3;
    line-height: 1;
    margin: 5px 0px 0px;
    opacity: 0.7;
}
.ticket-item .ticket-item-cover {
    height: 100px;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;

    /* 暫定 */
    display: none;
}
.ticket-item .ticket-item-cover img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 0.48;
}
.ticket-item .ticket-item-cover img.blur { width: 104%; filter:blur(5px); margin: -5px -2%; }
.ticket-item .ticket-item-cover img.thumb {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100px;
    margin: 0 auto;
    position: relative;
}
.ticket-tel-mismatch-link {
  color:#FF5C00;
  text-decoration: underline;
  display: inline-block;
}
/* 曜日（一覧・券面共通）*/
.icon-week {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    font-size: 8px;
    text-align: center;
    line-height: 1.4em;
    border-radius: 50%;
    border: 0.5px solid;
}
.icon-week.large { font-size: 12px; }
.icon-sat { color: #7cbad5; }
.icon-sun { color: #ed759c; }
/* その他パーツ */
.badge {
    display: inline-block;
    background: #e95384;
    color: #FFF;
    width: 18px;
    height: 18px;
    font-size: 8px;
    line-height: 18px;
    border-radius: 50%;
    text-align: center;
}
.notice {
  display: inline-block;
  background: #e95384;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.used {
    display: inline-block;
    background: #888;
    color: #FFF;
    font-size: 8px;
    text-align: center;
    border-radius: 20px;
    padding: 6px 7px;
}
.ticket-item .view-more {
    position: absolute;
    color: #808080;
    right: 5%;
    bottom: 11px;
    /* opacity: 0.4; */
}
.ticket-item .view-more::after {
    content: '';
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border-top: 2px solid;
    border-right: 2px solid;
    margin: 0 0 0 0.3em;
    transform: rotate(45deg);
    position: relative;
    top: -0.2em;
}

/* 4.2 チケット券面
------------------------------ */
.main-container.myt {
    height: 90%;
    height: calc(100% - 100px);
}
.myticket-block { height: 100%; padding: 0; overflow: hidden; }
.ticket-detail {
    height: 100%;
    padding: 0 3%;
    margin: 0 auto;
    overflow: hidden;
}
ons-carousel-item .ticket-detail { padding: 0; }
/* ticket-detail-top */
.ticket-detail .ticket-detail-top {
    height: 45%;
    height: 32vh;
    border-radius: 10px 10px 0px 0px;
    position: relative;
    overflow: hidden;
}
.ticket-detail .ticket-detail-name {
    display: table;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
}
.ticket-detail .ticket-detail-name .ticket-detail-subtitle { font-size: 11px;  margin: 0 0 5px 0; }
.ticket-detail .ticket-detail-cover {
    width: auto;
    height: 100%;
    background: #333;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}
.ticket-detail .ticket-detail-cover img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sub-ticket .ticket-detail-cover { height: 190px; }

/* open-psp */
.ticket-detail-container{ position: relative;}
.open-psp{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    width: 100%;
    height: 32vh;
    z-index: 99;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.82);
    border-radius: 10px 10px 0px 0px;
}
.open-psp-head{
    vertical-align: middle;
}
.open-psp-text{
    padding: 18px 0;
    font-size: 16px;
    font-weight: bold;
}

/* ticket-detail-bottom */
.ticket-detail .ticket-detail-bottom {
    height: 50%;
    height: 46vh;
    background: #FFF;
    color: #111;
    border-radius: 0px 0px 10px 10px;
    padding: 3% 5%;
    position: relative;
}
.ticket-detail .staff-only {
    position: absolute;
    bottom: 10px;
    right: 5px;
    z-index: 3;
}
/* スタンプ */
.ticket-detail .ticket-stamp {
    position: absolute;
    right: 10px;
    width: 150px;
    height: 150px;
    z-index: 3;
    opacity: 0.9;
    padding: 5px;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.ticket-detail .ticket-stamp::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed rgba(150, 150, 150, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: spin-2d 1.8s linear infinite;
    animation: spin-2d 1.8s linear infinite;
}
.ticket-detail .ticket-stamp.top {
    top: 15px;
    right: 32px;
}
.ticket-detail .ticket-stamp.bottom { bottom: 40px; }
.ticket-detail .ticket-stamp .img-stamp { width: 100%; height: auto; }
/* 日付 */
.ticket-detail .ticket-detail-info { margin: 0 0 2px; display: block;}

.ticket-detail .ticket-detail-period .period-year { display: block; opacity: 0.4; }
.ticket-detail .ticket-detail-period .period-date { font-size: 32px; line-height: 1; }
.ticket-detail .ticket-detail-period .period-week { display: inline-block; vertical-align: bottom; padding-bottom: 7px; }
.ticket-detail .ticket-detail-period.end-date, .ticket-detail-info .week_whet  { padding-left: 30px; position: relative; }
.ticket-detail .ticket-detail-period.end-date:before, .ticket-detail-info .week_whet:before  {
    content: '〜';
    font-size: 18px;
    line-height: 0;
    position: absolute;
    left: 6px;
    bottom: 1em;
}
 .ticket-detail-info .week_whet:before {
  font-size: inherit;
  bottom: 0;
  top: 0;
  line-height: 1;
}
/* 会場 */
.ticket-detail .ticket-detail-place {
    clear: left;
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 5px;
}
.ticket-detail .ticket-detail-place,
.ticket-detail .ticket-detail-sheet {
    width: calc(100% - 80px);
    padding-bottom: 2px;
}


/* OPEN/START */
.ticket-detail .ticket-detail-time {
    clear: left;
    font-size: 13px;
    line-height: 1.3;
    margin: 0 0 5px;
}
.ticket-detail .ticket-detail-time li { display: inline-block; }
.ticket-detail .ticket-detail-time .time-title { margin: 0 0.5em 0 0; opacity: 0.4; }
.ticket-detail .ticket-detail-time .time-info { margin: 0 0.5em 0 0; }

/* 座席 */
.ticket-detail .ticket-detail-sheet {
  text-align: left;
  font-size: 13px;
}
.ticket-detail .ticket-detail-sheet.face_box{
  display: flex;
  justify-items: flex-end;
}
.ticket-detail .ticket-detail-sheet.face_box .face_img{
  padding-left: 1rem;
}
.ticket-detail .ticket-detail-sheet.face_box .face_img img{
  width: 80px;
  height: 80px;
}
.ticket-detail .ticket-detail-sheet .sheet-number-s {
    font-size: 18px;
    width: 80%;
    line-height: 1.3;
    margin-bottom: 5px;
}
.ticket-detail .ticket-detail-sheet .sheet-number-s .num { font-size: 18px; padding: 0 2px; }
.ticket-detail .ticket-detail-sheet .sheet-number { font-size: 22px; font-size: 6vw; line-height: 1; margin-bottom: 5px; }
.ticket-detail .ticket-detail-sheet .sheet-number .num { font-size: 22px; font-size: 6vw; padding: 0 2px; }
.ticket-detail .ticket-detail-sheet .sheet-info { font-size: 12px; font-weight: bold; }
.ticket-detail .ticket-detail-sheet .name { font-size: 18px; margin: 8px 0 0; }
.ticket-detail .time-part {
    display: inline-block;
    font-size: 8px;
    text-align: center;
    line-height: 1.2;
    border-radius: 20px;
    border: 1px solid #5c5c5c;
    padding: 5px 7px;
    margin-bottom: 5px;
}
/* 下部ボタン */
.ticket-detail-other {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 3%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
}
.ticket-share > li {
    float: left;
    margin-right: 3%;
    width: 47%;
}
.ticket-detail-other .left { display: inline-block; }
.ticket-detail-other .left .button {
    background: transparent;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 10px 0 0;
    margin-bottom: -2px;
}
.ticket-detail-other .left .button .icon-send{
    width: 25px;
    height: 25px;
}
.ticket-detail-other .right { display: block; float: right; text-align: right; /*margin-right: 2px;*/ }
.ticket-detail-other .right + .right { margin-right: 14px;}
.ticket-detail-other .right .btn-small { width: 170px; }
.ticket-detail-other .button .material-icons {
    font-size: 1.6em;
    line-height: 1;
    margin: 0 0.1em 0 0;
    position: relative;
    top: 0.3em;
}
.ticket-detail-other .memorial,
.ticket-detail-other .passcode {
    width: 32px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #fff;
    border-radius: 18px;
    /*margin: 0 10px;*/
}
.ticket-detail-other .passcode { opacity: 0.8;border: none;}
.ticket-detail-other .memorial ons-button ,
.ticket-detail-other .passcode ons-button { display: block; height: 30px; }
.ticket-detail-other .passcode .icon-passcode,
.ticket-detail-other .memorial .icon-memorial { display: block; width: 100%; height: 16px; margin: 6px 0 0; }
.block-trade-btn {
        text-align: center;
        bottom: 5%;
}

/* サブチケット？ */
.sub-ticket-detail { width: 100%; margin: 0px; }
.sub-ticket-item {
    width: 100%;
    height: 60px;
    background: #FFF;
    border-radius: 10px;
    border-top: 1px solid #e5e5e5;
}
.sub-ticket-item .sub-ticket-logo { width: 15%; text-align: center; padding-left: 20px; }
.sub-ticket-item .sub-ticket-logo .img-sub-ticket { width: auto; height: 30px; }
.sub-ticket-item .sub-ticket-desc { width: 85%; padding: 0 10px 0 14px; text-align: left; }
.sub-ticket-item .sub-ticket-desc .sub-ticket-title { font-size: 11px; font-weight: bold; }
.sub-ticket-item .sub-ticket-desc .sub-ticlet-txt { font-size: 11px; }
.myt-carousel-slide { padding: 0 10px; }
ons-carousel[modifier="myt-carousel"] {
    margin: auto;
    width: 96%;
    height: 78%;
    height: 78vh;
    /* overflow: hidden; */
    overflow: visible;
}
.carousel-item--myt-carousel-item { height: 80vh; padding: 0 1%; }
/* スポーツ系チケット */
.sports-ticket .ticket-sports-mark {
  position: absolute;
  top: -40px;
  right: 15px;
  width: 80px;
  height: 80px;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  background: #FFF;
  z-index: 1;
}
.sports-ticket .ticket-sports-mark .img-sports-mark {
    display: block;
    margin: 10px auto;
    width: 50px;
    height: auto;
}
/* 旧券面 */
.old-ticket .ticket-stamp.top {top: 3%; right: 3%;}
.old-ticket .tour-tit {
    width: 90%;
    position: absolute;
    top: 4%;
    left: 5%;
    font-weight: 600;
    font-size: 14px;
    font-size: 4vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.old-ticket .detail-list {
    position: absolute;
    width: 94%;
    left: 3%;
}
.old-ticket .list-top {top: 22%;}
.old-ticket .list-bottom {top: 64%;}
.old-ticket .detail-list dt {
    margin: 0 0 .75%;
    font-size: 10px;
    font-size: 3vw;
    font-weight: 600;
}
.old-ticket .detail-list dd {
    margin: 0 0 2%;
    font-size: 12px;
    font-size: 3.5vw;
    font-weight: 600;
}
.old-ticket .detail-list .data-large { font-size: 15px; font-size: 4.5vw;}
.old-ticket .detail-list dd.partition {margin-top: -1.75%;}
.old-ticket .detail-list .ticket-detail-time {font-size: inherit;}
.old-ticket .detail-list .time-title { font-size: 10px; font-size: 2.5vw;}
.old-ticket .open-psp {height: 100%; border-radius: 0;}


.myt-nodata-dummy { width: 135px; padding: 0px; margin: 30px auto; }
.myt-nodata-dummy img { width: 100%; height: auto; }
.dummy-img {
    display: table;
    width: 195px;
    height: 195px;
    background: #e4e4e4;
    margin: 35px auto 21px;
}
.dummy-txt {
    display: table-cell;
    color: #a5a5a5;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.myt-start { margin: 0 auto 19px; padding: 0 20px; }
.myt-start .myt-welcome { font-size: 26px; font-weight: bold; text-align: center; }
.myt-start .myt-description { width: 85%; margin: 15px auto 19px; }
.myt-start .myt-description p { font-size: 13px; margin: 0 0 10px; }
.myt-nodata-block {
    width: 250px;
    height: 200px;
    text-align: center;
    color: #FFF;
    margin: auto;
    position: relative;
}
.myt-nodata-block .myt-nodata-title { font-size: 15px; font-weight: bold; margin: 0 0 14px; }
.myt-nodata-block .myt-nodata-txt { font-size: 13px; }
/* ページャー */
.carousel-pager { text-align: center; line-height: 20px; position: relative;}
.carousel-pager li { margin: 0 5px; display: inline-block; opacity: 0.2; }
.carousel-pager li.active { opacity: 1; }
.carousel-pager-controll {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #FFF;
    color: #FFF;
    border-radius:  50%;
}

/* 4.3 チケット受け取り
------------------------------ */
.rcv-container { padding: 45px 5% 80px; color: #1a1a1a; }
.rcv-container .lead {
    color: inherit;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.06em;
    text-align: center;
    margin: 0 0 30px;
}
.rcv-container .rcv-form-list  {
    width: 98%;
    text-align: center;
    margin: 0 auto;
}
.rcv-container .rcv-form-list dt { font-size: 13px; opacity: 1; }
.rcv-container .rcv-form-list dd { margin: 0 0 20px; }
.rcv-container .rcv-form-list input {
    font-size: 26px;
    text-align: center;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.rcv-container .rcv-form-list  input::-webkit-input-placeholder { font-size: 13px; }
.rcv-container .rcv-btn-block { text-align: center; margin: 2em 0 2em; }
.rcv-container .link-txt { margin: 0 0 10px; }
.rcv-error {
    text-align: center;
    font-size: 11px;
    font-size: 2.93333vw;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: .4px;
    color: #d81e4a;
    font-weight: bold;
}

/* 4.4 公演詳細
------------------------------ */
.ticket-detail-head {
    height: 250px;
    position: relative;
}
.ticket-detail-head .tkd-overlay {
  display: block;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 50%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 50%);
  opacity: 0.7;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}
.ticket-detail-head .header {
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.ticket-detail-head .notice { position: absolute; top: 10px; right: 10px; }
.ticket-detail-head .ticket-detail-share {
  position: absolute;
  bottom: -20px;
  right: 20px;
  z-index: 5;
}
.ticket-detail-head .ticket-detail-button-list {
  display: inline-block;
  margin-left: 10px;
}
.ticket-detail-head .ticket-detail-trade { width: 40px; }
.ticket-detail-head .ticket-detail-cover { height: 100%; z-index: 1; overflow: hidden; }
.ticket-detail-head .ticket-detail-cover img { width: 100%; }

.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  overflow: hidden;
  z-index: 3;
}
.header-fixed .display-table {
  position: absolute;
  width: 100%;
  z-index: 3;
}
.header-fixed .display-table > * {
  height: 44px;
  vertical-align: middle;
  text-align: center;
}
.header-fixed .display-table .left,
.header-fixed .display-table .right {
  width: 10%;
}
.header-fixed .display-table .center {
  width: 80%;
  padding: 0 10% 0 0;
}
.header-fixed .display-table .header-fixed-title {
  position: relative;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .5px;
  overflow: hidden;
}
.header-fixed .display-table .header-fixed-title .header-fixed-title-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.header-fixed .display-table .header-fixed-artist {
  position: relative;
  font-size: 10px;
  font-size: 2.66667vw;
  color: #FFF;
  overflow: hidden;
  width: 100%;
}
.header-fixed .display-table .header-fixed-artist .header-fixed-artist-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.header-fixed .header-fixed-cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 44px;
  overflow: hidden;
  padding-top: 50%;
}
.header-fixed .header-fixed-cover .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.header-fixed .header-fixed-cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
/* 詳細 */
.ticket-detail-main .ticket-detail-name { line-height: 1.3; padding: 20px 5%; }
.ticket-detail-main .ticket-detail-name .ticket-detail-subtitle { font-weight: bold; opacity: 0.5; margin: 0 0 10px; }
.ticket-detail-main .ticket-detail-name .ticket-detail-title { font-size: 28px;  margin: 0 0 10px 0; }
.ticket-detail-main .ticket-detail-name .ticket-detail-artist { font-size: 15px; }
.ticket-detail-main .ticket-detail-info { padding: 0 5% 20px; }
.ticket-detail-main .sub-ticket-detail { border-bottom: 2px solid #004893; }
.ticket-detail-main .sub-ticket-detail .sub-ticket-logo { padding-left: 0px; }
.ticket-detail-main .sub-ticket-detail .img-sub-ticket { height: 50px; }
.ticket-detail-main .sub-ticket-detail .sub-ticket-title { margin-bottom: 0px; }
.ticket-detail-main .sub-ticket-detail .sub-ticket-desc { position: relative; }
.ticket-detail-main .sub-ticket-detail .badge {
    position: absolute;
    right: 14px;
    top: 20px;
    background: #004893;
}
.ticket-detail-main .ticket-detail-user { margin: 0 0 30px; }
.ticket-detail-main .list-item__center { padding: 0 0 1px; }
.ticket-detail-main .ticket-user-item {
    width: 100%;
    height: 80px;
    padding: 0px 0px 1px 0px;
    position: relative;
}
.ticket-detail-main .ticket-user-item .desc { display: block; width: 100%; }
.ticket-user-item-wrap { overflow-x: auto;
    padding: 0 0 0 5%;
    box-sizing: border-box; }
.ticket-user-item-wrap .ticket-user-item .button--swipe-btn,
.ticket-user-item-wrap .ticket-user-item .button--swipe-btn:active {
    width: 80px;
    height: 100%;
    background: #333;
    text-align: center;
    vertical-align: middle;
    line-height: 70px;
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
    position: absolute;
}
.ticket-user-item-wrap .ticket-user-item .swipe-button-share,
.ticket-user-item-wrap .ticket-user-item .swipe-button-trade { width: 80px; height: 60px; }
.ticket-detail-main .ticket-user-item .user-desc .user-sheet .user-sheet-desc .sheet-number.display-table { width: 94%; }
.ticket-detail-main .ticket-user-item .user-desc { position: relative; }
.ticket-detail-main .ticket-user-item .user-desc .user-name { padding: 12px 0 0; margin: 0 0 5px; }
.ticket-detail-main .ticket-user-item .user-desc .sheet-place { display: inline-block; }
.ticket-detail-main .ticket-user-item .user-desc .user-sheet .num { font-size: 18px; font-weight: bold; }
.ticket-detail-main .ticket-user-item .user-desc .sheet-number > * { display: table-cell; width: 50%; }
.ticket-detail-main .ticket-user-item .user-desc .sheet-number-left { text-align: left; }
.ticket-detail-main .ticket-user-item .user-desc .sheet-number-right {
  text-align: right;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: .6px;
}
.ticket-detail-main .ticket-user-item .user-desc .sheet-number-right .inline { padding: 0 2px; }
.ticket-detail-main .ticket-user-item .user-desc .user-coupon {
    font-size: 11px;
    font-weight: normal;
    font-weight: bold;
}
.ticket-detail-main .app-number {
  padding: 10px 15px;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
}
.ticket-detail-main .ticket-detail-content {  }
.ticket-detail-main .ticket-detail-content .content-title {
    font-size: 17px;
    font-weight: bold;
    line-height: 22px;
    position: relative;
    padding: 10px 5% 0;
}
.ticket-detail-main .ticket-detail-content .content-title:after {
    display: block;
    margin: 15px 0 0;
    content: " ";
    background: #333;
    width: 15px;
    height: 1px;
}
.ticket-detail-main .ticket-detail-content .content-desc { padding: 10px 5% 20px; }
.ticket-detail-main .performer { padding: 0 0 20px; }
.ticket-detail-main .access dt { font-weight: bold; }
.ticket-detail-main .map { width: 100%; height: 30vh; }
.ticket-detail-main .attention .content-desc { font-size: 11px; line-height: 1.7; }
.ticket-detail-main .attention .content-desc p { text-indent: -1em; margin-left: 10px; }
.ticket-detail-main .share-btn-list-sm { padding: 10px 5%; }
.tck_disp_performer{
    padding: 10px 5%;
}

/* 4.5 友だちに送る
------------------------------ */
.ticket-share .page__content { height: 100%; }
.ticket-share-container {
    width: 100%;
    position: relative;
    color: #1a1a1a;
}
.ticket-share-container .header {
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    padding-top: 0;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
}
.ticket-share-block {
    width: 100%;
    height: calc(100% - 30px);
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 2;
    overflow: hidden;
}
.ticket-share-block ons-carousel {
    width: 60%;
    margin: auto;
    overflow: visible;
    padding: 20px 0;
    box-sizing: border-box;
    /* transform: scale(0.6); */
}
.ticket-share-block .ticket-detail .ticket-detail-top { height: 18vh; }
.ticket-share-block .ticket-detail .ticket-detail-name { font-size: 10px; padding: 0 10px; }
.ticket-share-block .ticket-detail .ticket-detail-bottom {
    width: 100%;
    height: auto;
    padding: 14px;
}
.ticket-share-block .ng-scope:last-child .ticket-detail .ticket-detail-bottom { height: auto; }
.ticket-share-block .ticket-detail .ticket-detail-info { margin: 0; }
.ticket-share-block .ticket-detail .ticket-detail-period .period-year,
.ticket-share-block .ticket-detail .ticket-detail-sheet .sheet-number-s { font-size: 6px; }
.ticket-share-block .ticket-detail .ticket-detail-sheet .sheet-number { font-size: 12px; margin: 0; }
.ticket-share-block .ticket-detail .ticket-detail-sheet .sheet-number-s .num,
.ticket-share-block .ticket-detail .ticket-detail-place,
.ticket-share-block .ticket-detail .ticket-detail-time,
.ticket-share-block .ticket-detail .ticket-detail-sheet .sheet-info { font-size: 8px; margin: 0; }
.ticket-share-block .ticket-detail .ticket-detail-sheet .sheet-number .num,
.ticket-share-block .ticket-detail .ticket-detail-sheet .name { font-size: 10px; margin: 0; }
.ticket-share-block .ticket-detail .ticket-detail-period .period-date { font-size: 20px; }
.ticket-share-block .ticket-detail .ticket-stamp::before { content: none; }

.ticket-share-block .ticket-share-single,
.ticket-share-block .ticket-share-single.active {
    padding: 2px;
}
.ticket-share-block .ng-scope:not(:first-child) .ticket-share-single { margin-top: -12px; }
.ticket-share-block .ticket-detail {
    background: #fff;
    border: solid 2px #ebebeb;
    box-shadow: 0 0 2px #ebebeb;
    border-radius: 10px;
    position: relative;
}
.ticket-share-block .ng-scope:not(:last-child) .ticket-detail {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.ticket-share-block .ticket-detail .select {
    display: none;
    background: #FFF;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0;
    transition: all .3s ease;
}
.ticket-share-block .ticket-detail.active .select { opacity: 0.4; }
.ticket-share-block .ticket-share-check {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 5;
    transition: all .3s ease;
    transform: translateY(-50%) scale(0.8);
}
.ticket-share-block .ticket-share-check.checked {
    transform: translateY(-50%) scale(0.86);
}
/* 背景画像 */
.ticket-share-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.ticket-share-cover .tks-cover-img {
    width: 100%;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}
/* 枚数表示 */
.ticket-share-block .histry-num {
  width: 100%;
  text-align: center;
  font-size: 13px;
  letter-spacing: .5vw;
  position: absolute;
  left: 0;
  bottom: 0;
}
.ticket-share-block .histry-num .num { font-size: 32px; }
.ticket-share-block .carousel-pager {
    width: 100%;
    position: absolute;
    bottom: 60px;
}
.carousel-pager-controll { background: #666; }

/* 同行者に連絡 */
.ticket-share.contact-friend .page__content { background: rgba(0,0,0,0.8);}
.ticket-share.contact-friend .ticket-share-container{ height: 100%;}
.share-list-tit { margin: 0 0 10px; font-weight: bold;}
.share-list-text { margin: 0 0 30px; font-size: 12px;}

.share-icon {
    display: block;
    width: 60px;
    height: 60px;
    background: #000;
    text-align: center;
    line-height: 58px;
    border-radius: 50%;
    margin: auto;
}
.share-icon.line-block { background: #00c300; }
.share-icon.mail-block { background: #1bacf9; }
.share-icon.qr-block { background: #333233; }
.share-icon.user-block { background: #FFF; }
.share-icon.user-block .user { width: 100%; height: auto; }
.share-icon.share-border { border-left: 1px solid #d8d8d8; }
.share-icon.sharemember-block { background: #FF7C60; }


/* 送信 */
.share-send,
.share-send-l {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    color: #FFF;
    margin: auto;
    position: absolute;
    top: inherit;
    left: inherit;
    z-index: 4;
}
.share-send-l {
    /* height: 98%;*/
    height: 100%;
}
.share-send-
.share-send .share-send-head,
.share-send-l .share-send-head {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 15%;
    left: 0;
    z-index: 1;
}
.share-send-l .share-send-head { top: 40%; }
.share-send .share-send-head.owner, .share-send-l .share-send-head.owner { top: 40%; }
.share-send .share-send-title, .share-send-l .share-send-title { font-size: 15px; font-weight: bold; margin: 10px 0 5px; }
.share-send .share-send-text, .share-send-l .share-send-text { font-size: inherit; line-height: 1.5; }
.share-send .share-send-btn,
.share-send-l .share-send-btn {
    width: 140px;
    margin: auto;
    position: absolute;
    top: 27vh;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.share-send .expiration,
.share-send-l .expiration {
    width: 100%;
    text-align: center;
    font-size: 11px;
    position: absolute;
    bottom: 3vh;
    left: 0;
    z-index: 1;
}
.share-send .share-send-body,
.share-send-l .share-send-body {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.sending {
    width: 90px;
    height: 90px;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.send-comp {
    width: 300px;
    height: 350px;
    color: #FFF;
    text-align: center;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.send-comp .display-table > * {
    vertical-align: middle;
    text-align: center;
    height: 350px;
}
.send-comp .send-comp-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .6px;
    margin: 10px 0px;
}
.send-comp .send-comp-text {
    margin: 10px 0px 25px;
    font-size: 11px;
    line-height: 1.3;
}
.send-comp .expiration {
    border: 1px solid #c0c0c0;
    padding: 15px 10px;
    margin: 20px 0px;
    font-size: 11px;
    line-height: 20px;
}
.send-comp .expiration dt {
    margin: 0 0 5px;
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 1.3;
}
.send-comp .expiration .expiration-date {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px;
}
.send-comp .expiration .expiration-date .week {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.7;
}
.send-comp .expiration .expiration-text { font-size: 11px; }
.send-comp .send-comp-btn li { margin: 10px 0px; }
.send-comp .send-comp-btn li .btn-overlay-fill,
.send-comp .send-comp-btn li .btn-overlay-linear {  width: 160px; }

/* onsenui カルーセル不具合対応 */
.carousel-item--tks-carousel-item {
    display:none;
}
.carousel-item--tks-carousel-item.visible  {
    display:block;
}

/* チケット譲渡画面重なりのバグ対応 */
.ng-scope { }

/* シェアメンバー対応 */
.ticket-share-container.sharemember { color: #fff; }
.sharemember .ticket-share-block {
    background: url(/assets/images/icon/icon-send-light.svg) no-repeat center top;
    background-size: 60px;
    text-align: center;
    padding: 60px 10% 0;
}
.sharemember .sharemember-btn-block li { margin: 0 0 3em; }
.sharemember .sharemember-btn-block .tit { font-size: 15px; font-weight: bold; margin: 0 0 14px; }
.sharemember .sharemember-btn-block .txt { margin: 0 0 1em; }
.sharemember .sharemember-btn-block .btn-small { width: 170px; }

/* LV400対応 */
.share-send-l.lv-400 { height: 100%; left:0; top:0; bottom: 0; }
.share-send-l.lv-400 .share-send-body { background: transparent; }
.share-send-l.lv-400 .share-send-head { top: 30%; }
.share-send-l.lv-400 .btn-small { width: 170px; margin: 1em auto; }
.share-send-l.lv-400 .sharemember-txt {
    background: rgba(0,0,0,0.5);
    font-weight: bold;
    border-radius: 10px;
    margin: 1em 4% 0;
    padding: 10px;
}

.qr_box{
  height: calc(100vh - 110px );
  padding: 0 2%;
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
.qr_message{
  font-size: 1.1em;
  text-align: center;
  max-width: 300px;
  padding: 1rem 1.5rem;
}
#qr{
  width: 100%;
  text-align: center;
}

.tks-carousel-item {
    padding-bottom: 10px;
}

/* 4.6 入場チェック
------------------------------ */
.stamp-book {
    width: 98%;
    min-height: 400px;
    /* height: 85%; */
    height: 80vh;
    background: #FFF;
    color: #222;
    text-align: center;
    border-radius: 10px;
    padding: 30px 3%;
    margin: 10px auto 0px;
    position: absolute;
    top: 10px;
    left: 1%;
    overflow: hidden;
}
.stamp-book::before {
    content: '';
    display: block;
    width: 200px;
    height: 200px;
    border: 1px dashed rgba(150, 150, 150, 0.5);
    border-radius: 50%;
    margin: -100px -100px 0 0;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 2;
    -webkit-animation: spin-2d 1.8s linear infinite;
    animation: spin-2d 1.8s linear infinite;
}
.stamp-book-txt {
    font-size: 10px;
    text-align: center;
    letter-spacing: 0;
    padding: 5px 0 0;
}
.stamp-book .stamp-book-tit {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 4px;
    opacity: 0.4;
    margin: 0 0 30px;
}
.stamp-book .stamp-book-face {
    display: block;
    width: 160px;
    height: 200px;
    background: #eee no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 10px;
    position: absolute;
    left: 3%;
    bottom: 10px;
}
.stamp-book .stamp-book-name { font-size: 20px; font-weight: bold; margin: 0 0 10px; }
.stamp-book .stamp-book-sheet { font-size: 22px; }
.stamp-book .staff-only {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 3;
}
.staffonly-input { -webkit-text-security: disc; }
.stamp-book .book-number {
    height: 100px;
    color: #b5b2ae;
    font-size: 90px;
    font-weight: bold;
    line-height: 100px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
}
ons-carousel[modifier="psp-carousel"] { width: 100%; height: 84vh; overflow: hidden; }
/* スタンプ */
.stamp-book .stamp-push {
    width: 500px;
    height: 500px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -250px -250px 0 0;
    z-index: 6;
    opacity: 0.9;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.stamp-book .stamp-push .img-stamp {
    width: 100%;
    height: auto;
}


/* 4.7 メニュー(旧)
------------------------------ */
.menu-up-bg {
    width: 100%;
    height: 220px;
    z-index: 5;
    opacity: 0.95;
}
.menu-down-bg { background-color: #222; }
.area--status {
    color: #fff;
    text-align: center;
    padding: 10px 3%;
/*
    -webkit-animation: statusBox .6s ease 0s 1 forwards;
    animation: statusBox .6s ease 0s 1 forwards;
*/
    padding-bottom: 140px;
}
.area--status .name {
    color: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.06em;
    margin: 0 0 10px;
}
.area--status .user-info-phone { margin: 0 0 5px; }
.area--status .id {
    display: inline-block;
    color: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.04em;
    line-height: 2.6em;
    border: 0.6px solid;
    border-radius: 1.3em;
    padding: 0 1em;
}
.area--panel {
    position: relative;
    padding: 0;
    margin: 0 3%;
    opacity: 1;
    /*  -webkit-perspective: 800;
        perspective: 800;
        -webkit-animation: fadein .4s ease 0.3s 1 forwards;
        animation: fadein .4s ease 0.3s 1 forwards;
    */
}
.area--panel .panel {
    width: 100%;
    background: #fff;
    color: #222;
    box-shadow: 0 0 80px -10px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding: 0 0 15px;
    margin: -120px 0 30px;
    position: absolute;
    left: 0;
    top: 0;
}
/* メニュー（タイル） */
.area--panel .list--tile { text-align: center; padding: 15px 4%;  }
.area--panel .list--tile li {
/*
    width: 33%;
    width: calc(100% / 3);
    float: left;
*/
    width: 32%;
    display: inline-block;
    /* transform: scale(0, 0); */
}
/*
.area--panel .list--tile li:nth-child(1) { -webkit-animation: scale .3s ease 0.3s 1 forwards; animation: scale .3s ease 0.3s 1 forwards; }
.area--panel .list--tile li:nth-child(2) { -webkit-animation: scale .3s ease 0.4s 1 forwards; animation: scale .3s ease 0.4s 1 forwards; }
.area--panel .list--tile li:nth-child(3) { -webkit-animation: scale .3s ease 0.5s 1 forwards; animation: scale .3s ease 0.5s 1 forwards; }
.area--panel .list--tile li:nth-child(4) { -webkit-animation: scale .3s ease 0.6s 1 forwards; animation: scale .3s ease 0.6s 1 forwards; }
.area--panel .list--tile li:nth-child(5) { -webkit-animation: scale .3s ease 0.7s 1 forwards; animation: scale .3s ease 0.7s 1 forwards; }
.area--panel .list--tile li:nth-child(6) { -webkit-animation: scale .3s ease 0.8s 1 forwards; animation: scale .3s ease 0.8s 1 forwards; }
*/
.area--panel .list--tile li a {
    display: block;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}
.area--panel .list--tile span { display: block; }
.area--panel .list--tile svg { width: 40px; height: 40px; }
.area--panel .list--tile svg * {
    fill: none;
    stroke: #000000;
    stroke-width: 2;
    stroke-linecap: butt;
    stroke-miterlimit: 2;
}
.area--panel .list--tile svg .fill,
.area--panel .list--tile svg .fill * {
  fill: #000 !important;
  stroke: none !important;
}
/* メニュー（リスト） */
.area--panel .list--menu { padding: 0 4%; }
.area--panel .list--menu li { border-bottom: 0.5px solid rgba(0, 0, 0, 0.3); }
.area--panel .list--menu li:first-child { border-top: 0.5px solid rgba(0, 0, 0, 0.3); }
.area--panel .list--menu a,
.area--panel .list--menu label {
    display: block;
    color: inherit;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0.05em;
    padding: 14px 0;
}
.area--panel .copyright {
    color: inherit;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-align: center;
    margin: 15px 0 0;
}

/* faqモーダル */
.faq-modal  {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    text-align: center;
}
.faq-modal .modal-content {
    padding: 0;
    position: absolute;
    left: 10%;
    top: 35%;
    z-index: 4;
}
.faq-modal .modal-close {
    position: absolute;
    right: 0;
    top: -30px;
}
.area--panel .faq-modal .list--menu { padding: 0; }
.area--panel .faq-modal .list--menu li { padding: 0 4%; }
.area--panel .faq-modal .list--menu li:first-child { border-top: none; }
.area--panel .faq-modal .list--menu li:last-child { border: none; }


/* 4.7 メニュー(新)
------------------------------ */
.page--menu .page__content{background: #f8f8fb;}
.page--menu .area--menu {padding: 0 4% 20px;}

/* list */
.page--menu .list__tit {
    font-size: 12px;
    color: #999;
    margin-bottom: 1em;
}
.page--menu .list--link {
    margin: 0 -4.4% 30px;
    border-top: 0.5px solid rgba(0, 0, 0, 0.3);
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.3);
}
.page--menu .list--link li {background: #fff;}
.page--menu .list--link a,
.page--menu .list--link label,
.page--menu .list--link li > span {
    display: block;
    color: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.05em;
    padding: 14px 4% 14px 0;
    margin-left: 4%;
    border-top: 0.5px solid rgba(0, 0, 0, 0.3);
    position: relative;
}
.page--menu .list--link li:first-child > * {border: none;}
.page--menu .list--link li span::after {
    content: '未ログイン';
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 13px;
    opacity: .5;
}
.page--menu .list--link li a span::after {content: '未登録'; right: 8%;}
.page--menu [class^="list-"].chevron a::before,
.page--menu [class^="list-"] .chevron a::before {
    content: '';
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border: 1px solid #151515;
    border-top: none;
    border-right: none;
    margin-top: -0.15em;
    position: absolute;
    right: 4%;
    top: 50%;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: .5;
}
.page--menu .icon {margin-right: 10px;}

.page--menu .area--user-status {
    padding: 30px 4%;
    margin: 0 0 40px;
    background: #222;
    color: #fff;
    position: relative;
    text-align: center;
}
.page--menu .area--user-status.status--none{background: #868686;}
.page--menu .area--user-status.status--fc{background: #ea7575;}
.page--menu .area--user-status.status--mobile{background: #49b391;}
.page--menu .area--user-status.status--double{background: #9e935b;}
.page--menu .area--user-status > * {position: relative;}
.page--menu .area--user-status .name { font-size: 20px; font-weight: bold;}
.page--menu .area--user-status .name span {
    display: block;
    margin-top: 4px;
    font-weight: normal;
    font-size: 19px;
    letter-spacing: .05em;
    opacity: .5;
}
.page--menu .area--user-status .txt { opacity: .6; font-size: 15px;}
.page--menu .area--user-status .txt span{
    display: block;
    font-size: 12px;
    margin-top: 4px;
}
.page--menu .ph--qr {margin: 20px 0 12px;}
.page--menu .ph--qr a {line-height: 0;display: inline-block;}
.page--menu .ph--qr canvas { border: 12px solid #fff; outline: solid 3px #000000;}
.page--menu .area--user-status .btn-block {padding: 0 ;}
.page--menu .area--user-status .btn-block a {
    background: rgba(255,255,255,.15);
    border: none;
    padding: 0 30px;
    line-height: 38px;
    font-weight: normal;
}
.page--menu .area--user-status .btn-block a::after { border-width: 1px; top: -2px;}
.page--menu [class^="list-"].chevron .chevron--down a::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all .3s ease;
}
.page--menu [class^="list-"].chevron .chevron--up a::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.page--menu #accordion + div > li:first-child a {border-top: 0.5px solid rgba(0, 0, 0, 0.3);}
.page--menu #accordion + div > li a { margin-left: 12%; margin-left: calc(4% + 32px);}
.page--menu .block--popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}
.page--menu .block--popup .popup__bg{
    position:absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(53, 65, 72, 0.5);
}
.page--menu .block--popup .txt {
    padding: 25px 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}
.page--menu .block--popup .popup__inner {
    position:absolute;
    width: 80%;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.page--menu .block--popup .popup__close {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.75;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 14px 2em;
    color: #fff;
    background: #8BA3B7;
    border-radius: 0 0 9px 9px;
}
.page--menu .block--popup .btn-block { margin: -20px 0 15px;}
.page--menu .block--popup .btn-block a {min-width: 70%;}

/* PAY用のアニメーション */
@-webkit-keyframes movingGrad {
    0%{background-position: 0 0;}
    100%{background-position: 200% 0;}
}
@keyframes movingGrad {
    0%{background-position: 0 0;}
    100%{background-position: 200% 0;}
}
.area--user-status.hasQR::before {
    content:'';
    width: 100%;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    background-size: 200% 200%;
    -webkit-animation: movingGrad 2.5s linear infinite;
    animation: movingGrad 2.5s linear infinite;
}


/* 4.8 お知らせ
------------------------------ */
.information { }
.information .page__content { overflow: scroll; }
.information .header,
.information-detail .header {
    width: 100%;
    height: 42px;
    background: #FFF;
    border-bottom: 0.5px solid #ddd;
    padding-top: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
}
.information .main-container,
.information-detail .main-container { padding: 42px 0 0; }
/* リスト */
.information .information-list { padding: 0; }
.information .information-list li { padding: 0 0 0 15px; position: relative; }
.information .information-list .notice { position: absolute; left: 0; top: 12px; }
.information .information-list a {
    display: block;
    border-bottom: 0.5px solid #ddd;
    padding: 10px 4% 10px 0;
}
.information .information-list .information-list-title { font-weight: bold; line-height: 1.6; margin: 0 0 3px; }
.information .information-list .information-list-date { font-size: 12px; opacity: 0.4; }
.information .information-list .information-list-oval-white { background: #FFF; }
/* 詳細 */
.information-detail .information-detail-title { font-size: 16px; font-weight: bold; padding: 20px 4% 20px; }
.information-detail .information-detail-date { font-size: 13px; padding: 0 4% 20px; opacity: 0.4; }
.information-detail .information-detail-cover { width: 100%; height: auto; }
.information-detail .information-detail-text { font-size: 13px; line-height: 1.8; padding: 20px 4%; }
/* データなし */
.information .nodata,
.information-detail .nodata { text-align: center; padding: 4em 4%; }

/* 4.x ユーザー情報
------------------------------ */
.user-info { }
.user-info .page__content { overflow: scroll; }
.user-info .header {
  width: 100%;
  height: 42px;
  background: #FFF;
  border-bottom: 0.5px solid #ddd;
  padding-top: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
}
.user-info .main-container {
  padding: 42px 4% 0;
}
.section--profile {
  padding: 30px 4% 20px 4%;
}
.section--profile .btn {
  text-align: center;
  margin: 1em 0;
}
.section--profile .btn-main-l {
  -webkit-appearace: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 3.4;
  border-radius: 1.7em;
  padding: 0 1.5em;
  background: #ef0065;
  color: #fff;
  min-width: 75%;
  font-size: 16px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.list-tit {
  color: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.06em;
  margin: 0 0 20px;
}
.list-tit .edit {
  display: inline-block;
  float: right;
  color: #ef0065;
  font-size: 12px;
  text-decoration: none;
  border: 0.5px solid;
  border-radius: 2px;
  padding: 3px 10px;
  margin: -3px 0 0;
}
.list--form {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.3);
  margin: 0 0 30px;
  padding: 0 0 15px;
}
.list--form dt {
  font-size: 11px;
  margin: 0 0 5px;
  opacity: 0.6;
}
.list--form dd {
  margin: 0 0 15px;
}
.list--form dd input[type="text"],
.list--form dd input[type="password"],
.list--form dd input[type="tel"],
.list--form dd input[type="email"],
.list--form dd input[type="date"],
.list--form dd select {
  -webkit-appearance: none;
  display: inline-block;
  width: 100%;
  background: #fff;
  font-size: 16px;
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 10px;
}



/* 4.9 通知設定
------------------------------ */
.notification-list { padding: 0 0 0 4%; }
.notification-list li {
    border-bottom: 1px solid #ddd;
    line-height: 32px;
    padding: 10px 70px 10px 0;
    position: relative;
}
.notification-list .notification-data .notification-switch {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4;
}


/* 4.10 アプリ情報
------------------------------ */
.static-app-head { text-align: center; padding: 20px 0; }
.static-app-head .static-app-img { margin: 20px auto; }
.static-app-head .static-app-title { font-size: 15px; font-weight: bold; padding-bottom: 15px; }
.static-app-head .static-app-version,
.static-app-head .static-app-co  { font-size: 13px; opacity: 0.4; }
.static-app-detail {
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: .5px;
    padding: 0 4% 20px;
}
.static-app-detail .static-app-texthead { margin: 0px 0px 20px; }
.static-app-detail .static-app-texthead .static-app-main { font-weight: bold; }
.static-app-detail .static-app-texthead .static-app-sub { }
.static-app-detail .static-app-textdetail .static-app-text { }
/* 規約？ */
.static-rul-block {
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: .5px;
    padding: 0 4% 20px;
}
.static-rul-block .static-rul-title { font-weight: bold; }
.static-rul-block .static-rul-sub { }


/* 4.11 ログイン
------------------------------ */

.lgn-form { padding: 100px 10% 50px;}
.lgn-form .button--btn-main { background: #FFF; color: #e95384; }
.lgn-form .lgn-form-list li { margin: 10px 0px; }
.lgn-form .lgn-input {
    background: rgba(255, 255, 255, 0.3);
    color: #FFF;
    border: none;
}
.lgn-form .lgn-input:-moz-placeholder { color: inherit; opacity: 0.6; }
.lgn-form .lgn-input::-webkit-input-placeholder { color: inherit; opacity: 0.6; }
.lgn-form .lgn-input:placeholder-shown { color: #fff; opacity: 0.6; }
.lgn-form .lgn-btn-block { margin: 20px 0px; text-align: center; }
.lgn-forget { text-align: center; line-height: 2; }
.logged-in { color: #fff; text-align: center; padding: 100px 10% 50px; }
#changePassShow  {
	position: absolute;
	right: -28px; 
	top: 50%;
	margin-top: -10px;
	background-size: 90px 20px;
	width: 90px;
	height: 20px;
}
#changePassShow.show {
	background-image: url(/assets/images/login/eye-solid.svg);
}
#changePassShow.hide {
	background-image: url(/assets/images/login/eye-slash-solid.svg);
}


#changePassShow  {
	position: absolute;
	right: -28px; 
	top: 50%;
	margin-top: -10px;
	background-size: 90px 20px;
	width: 90px;
	height: 20px;
}
#changePassShow.show {
	background-image: url(/assets/images/login/eye-solid.svg);
}
#changePassShow.hide {
	background-image: url(/assets/images/login/eye-slash-solid.svg);
}


#changePassShow, #changePassConfirmShow  {
    position: absolute;
    right: -28px; 
    top: 50%;
    margin-top: -10px;
    background-size: 90px 20px;
    width: 90px;
    height: 20px;
}
#changePassShow.show, #changePassConfirmShow.show {
    background-image: url(/assets/images/login/eye-solid.svg);
}
#changePassShow.hide, #changePassConfirmShow.hide {
    background-image: url(/assets/images/login/eye-slash-solid.svg);
}

/* 4.12 SMS
------------------------------ */
.sms-container { color: #1a1a1a; }
.sms-form { padding: 20px 4%; }
.sms-form .sms-form-list { text-align: center; margin: 0 0 30px; }
/* .sms-form .sms-form-list li { display: inline-block; padding: 0 2px; } */
.sms-form .sms-form-list li .sms-input {
/*    width: auto;
    max-width: 15em;
*/
    background: transparent;
    font-size: 24px;
    font-weight: bold;
/*    border: none;
    padding: 0;
*/
    position: relative;
    top: 5px;
}
.sms-title { font-size: 14px; margin: 0 0 10px; opacity: 0.7; }
.sms-btn-block { text-align: center; }
.sms-description { margin: 0 20px; padding-top: 40px; }
.sms-description.sms-input-description { padding-top: 15px;}
.sms-description .sms-img-msg { text-align: center; }
.sms-description .sms-img { width: 200px; height: auto; margin-left: 12px;}
.sms-description .sms-main-msg {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}
.sms-img-tel-input { margin-top: 30px}
.sms-description .sms-input-main-msg {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 14px;
    margin-top: 22px;
}
.sms-description .sms-main-msg .phone {
    font-size: 26px;
}
.sms-description .sms-sub-msg {
	font-size: 12px;
	text-align: center;
	margin: 0 0 3px 0;
}
.sms-description .sms-input-sub-msg {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
}
.sms-description .sms-input-sub-msg.sms-call-num { font-size: 12px; line-height: 16.4px; }
.auth-code-list { margin-top: 35px; }
.auth-code-list-items {
    width: 266px;
    height: 62px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
    border: none;
    box-shadow:
        0px 4px 36px -8px rgba(255, 126, 102, 0.19),
        0px 10px 19px -8px rgba(255, 126, 102, 0.19),
        0px 1px 7px 0px rgba(0, 0, 0, 0.08);
}
#auth_val { font-size: 48px; height: 48px; font-weight: 500; text-align: center; margin: 7px; padding: 0; border: none; }
#auth_val::placeholder {
    color: #eaeaea;
    font-weight: 500;
    font-size: 48px;
}
.not-correct-code { text-align: center; margin-top: 10px;}
.code-resend { color: #13408F; font-size: 12px; line-height: 14px; display: block; margin: 35px auto 0; width: fit-content; padding: 0 3px; border-bottom: #13408F 1px dotted; }
.not-receive-btn { display: flex; justify-content: center; align-items: center; margin-top: 115px; }
.not-receive-icon { display: block; width: 20px; margin-right: 4px;}
.not-receive-text { line-height: 13px; }
.button--btn-voice,
.button--btn-incomming-call { width: 257px; background-color: #f9f9f9; font-size: 12px; font-weight: 400; line-height: 14.52px; text-align: center; border-radius: 30px; margin: 16px auto 0; display: block; padding: 12px;}
.sms-err-msg { color: #ff0006; }

.call-block { width: 292px; text-align: center; margin: 60px auto 0; padding: 20px 17px 12px; border: 1.5px #e7e7e7 solid; border-radius: 10px;}
.call-block .call-countdown { font-size: 20px; font-weight: 700; line-height: 23.5px;}
.call-block .call-text { font-size: 12px; line-height: 14.5px; margin-top: 7px;}
.call-block .button--btn-call-auth { width: 100%; margin-top: 24px; padding: 12px; font-size: 12px; font-weight: 400; line-height: 14.5px; border: 1px #d4d4d4 1px; border-radius: 30px; background-color: #f9f9f9; }
.call-block #call-link-back { display: block; font-size: 12px; font-weight: 700; line-height: 14px; margin-top: 30px;}
.ss-main:focus {box-shadow: none;}
.ss-main .ss-values {padding: 8px;}
.ss-values .ss-single {font-size: 16px; color: #007AFF}
.ss-content .ss-search { padding: 10px; }
.ss-content .ss-search input {font-size: 16px;}
.ss-option {font-size: 16px;}

/* 本人確認 */
.identify-container { padding: 40px 4%; color: #1a1a1a; }
.identify-container .btn-block { margin: 0 0 20px; }
.identify-description { text-align: center; margin: 0 0 20px; }
.identify-description .main-msg { font-size: 15px; font-weight: bold; margin: 0 0 10px; }
.identify-description .sub-msg { font-size: 12px; margin: 0 0 3px 0; }
.identify-notice { color: #666; border: 2px solid #ddd; padding: 10px 8px; margin: 20px 0; }
.identify-notice .tit { font-weight: bold; margin: 0 0 10px;}
.identify-notice .txt { font-size: 12px; line-height: 1.5; }
.identify-count { font-weight: bold; text-align: center; margin: 0 0 20px; }
.identify-count em { color: #c00; font-size: 20px; }
.identify-form .tit {font-size: 15px; font-weight: bold; text-align: center; margin: 0 0 20px; }
.identify-form .txt { margin: 0 0 10px; }
.identify-form dt { color: #aaa; font-size: 11px; font-weight: bold; margin: 0 0 5px; }
.identify-form dd { margin: 0 0 10px; }
.identify-modal-wrapper {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    text-align: center;
}
.identify-modal-wrapper .modal-content {
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -125px;
}
.identify-modal-wrapper .button--btn-main { width: 80px; }
/* 制限超過後 */
.identify-error {
    color: #c00;
    border: 1px solid;
    padding: 10px;
    margin: 0 0 30px;
}
.button--btn-call {
    background-color: #83ccd3;
}

.button--btn-call-sub {
    font-size: 12px;
}

.button--btn-back {
    background-color: #333333;
    margin-top: 15px;
}

.remaining,
#countdown {
    font-weight: bold;
    text-align: center;
}

.remaining {
    font-size: 21px;
}

#countdown {
    font-size: 60px;
    color: #ED1A3D;
}

/* 4.13 チュートリアル
------------------------------ */
.ttr-block { height: 100%; }
.ttr-block .carousel-pager {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 90px;
}
.ttr-block ons-carousel[modifier="ttr-carousel"] {
    width: 100%;
    height: 100%;
    height: 100vh;
    color: #FFF;
    text-align: center;
    overflow: inherit;
}
.ttr-block .ttr-logo-block { }
.ttr-block .ttr-title { font-size: 17px; }
.ttr-block .ttr-desc { font-size: 13px; }
.ttr-block .ttr-image-block { margin: 10px auto; }
.ttr-block .ttr-image-block .ttr-image { width: 100%; height: auto; }
.ttr-btn-fixed {
  position: absolute;
  bottom: 2vh;
  left: 0;
  right: 0;
  width: 100%;
}

/* 4.14 モーダル
------------------------------ */
.modal--common-modal { background-color: rgba(0, 0, 0, 0.7); }
.modal-body {
    padding: 10px;
    height: 100%;
    overflow: auto;
    text-align: left;
}
.modal-header {
  position: relative;
  margin: 20px 0px 0px 0px;
  height: 44px;
  font-size: 13px;
  font-size: 3.46667vw;
  display: table;
  width: 100%;
}
.modal-header .modal-header-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.modal-detail {
  border-radius: 10px;
  background: #FFF;
  color: #1a1a1a;
}
ons-button[modifier="modal-close"] {
  background: transparent;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.sub-detail-head { text-align: left; margin-bottom: 20px; padding: 30px 30px 0px; }
.sub-detail-head .sub-detail-subtitle { font-size: 13px; font-weight: bold; opacity: 0.4; }
.sub-detail-head .sub-detail-title { font-size: 22px; }
.sub-detail-description { font-size: 13px; padding: 0px 20px 20px; }
.sub-detail-description .sub-dd { width: 100%; }
.sub-detail-description .sub-dd-left { padding: 10px 0; }
.sub-detail-photo img { width: 100%; height: auto; }
.sub-detail-desc { padding: 20px 4% 20px; }
.sub-detail-desc .sub-detail-strong { font-weight: bold; }

.modal-content {
  margin: auto;
  padding: 20px;
  width: 80%;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  color: #1a1a1a;
  text-align: left;
}
.modal-content .modal-content-title {
  margin: 0 0 1vh 0;
  font-size: 15px;
  font-weight: bold;
}
.modal-content .modal-content-desc { padding: 0 0 2vh; }
.modal-content .modal-content-desc .input-block { border-bottom: 1px solid #d5d5d5; }
.modal-content .modal-content-desc .staffonly-input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0);
  text-align: left;
  font-size: 15px;
  font-size: 4vw;
  color: #1a1a1a;
  font-weight: 600;
  letter-spacing: 2px;
}
.modal-content .modal-content-desc .staffonly-input:-moz-placeholder { color: #c0c0c0; opacity: 0.4; }
.modal-content .modal-content-desc .staffonly-input::-webkit-input-placeholder { color: #c0c0c0; opacity: 0.4; }
.modal-content .modal-content-text { color: #1a1a1a; }
.modal-content .error-contact-link { color: #0066cc; text-decoration: underline; padding-top: 2vh; display: block; }
.modal-content .modal-btn-block { text-align: right; }
.modal-content .modal-btn-block .btn-list { display: inline-block; min-width: 40%; padding-left: 5px; }
.modal-content .modal-btn-block .btn-list ons-button { width: 100%; }

.remodal { background: none; padding: 0; }
.remodal .modal-btn { width: 100px; }
.remodal-overlay { background: rgba(0, 0, 0, 0.6); }
/* オーバーレイ */
.overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.overlay-container { display: none; }
.overlay-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.overlay-wrapper .overlay-content {
    width: 100%;
    height: 100%;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.overlay-wrapper .overlay-content .display-table > * {
    vertical-align: middle;
    text-align: center;
    height: 100vh;
}
.overlay-wrapper .overlay-content-image { margin: 0 0 10px; }
.overlay-wrapper .overlay-content-image .app-logo {
    display: block;
    width: 72px;
    height: 72px;
    margin: auto;
}
.overlay-wrapper .overlay-content-image .info-logo {
    display: block;
    width: 46px;
    height: auto;
    margin: auto;
}
.overlay-wrapper .overlay-content-title { font-size: 15px; font-weight: bold; margin: 0 0 15px; }
.overlay-wrapper .overlay-content-desc { font-size: 13px; }
.overlay-wrapper .display-table > * {
  vertical-align: middle;
  text-align: center;
  height: 350px;
}
.overlay-wrapper .expiration {
  border: 1px solid #c0c0c0;
  padding: 15px 10px;
  margin: 20px 0px;
  font-size: 11px;
  line-height: 20px;
}
.overlay-wrapper .expiration dt { margin: 0 0 5px; }
.overlay-wrapper .expiration .expiration-date { font-size: 15px; font-weight: bold; margin: 0 0 5px; }
.overlay-wrapper .expiration .expiration-text { font-size: 11px; }
.overlay-wrapper .overlay-comp-btn li { margin: 10px 0px; }
.overlay-wrapper .overlay-comp-btn li .btn-overlay-fill,
.overlay-wrapper .overlay-comp-btn li .btn-overlay-linear { max-width: 160px; }
.overlay-content.remind .overlay-content-title { margin: 0 0 5px; }
.overlay-content.remind .overlay-content-desc { margin: 0 0 30px 0; }

/* 4.15 チケット発券スケジュール
------------------------------ */
.schedule { }
.schedule .page__content { overflow: scroll; }
.schedule .header {
    width: 100%;
    height: 42px;
    background: #FFF;
    border-bottom: 0.5px solid #ddd;
    padding-top: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
}
.schedule .main-container { padding: 42px 0 0; }
/* リスト */
.schedule .information-list { padding: 0; }
.schedule .information-list li { padding: 0 0 0 4%; position: relative; }
.schedule .information-list a {
    display: block;
    border-bottom: 0.5px solid #ddd;
    padding: 10px 4% 10px 0;
}
.schedule .information-list .information-list-title { font-weight: bold; line-height: 1.6; margin: 0 0 3px; }

/* 詳細 */
.schedule-detail .schedule-detail-title { font-size: 16px; font-weight: bold; padding: 20px 4%; }
.schedule-detail .schedule-list { padding: 0 4%; margin: 0 0 20px; }
.schedule-detail .schedule-list li {
    border-bottom: 0.5px solid #ddd;
    padding: 6px 4% 10px 0;
}
.schedule-detail .schedule-list li:first-child { border-top: 0.5px solid #ddd; }
.schedule-detail .schedule-list .date {
    float: left;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    padding: 2px 10px 0 0;
    margin: 0;
}
.schedule-detail .schedule-list .date .y {
    color: inherit;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.04em;
    display: block;
    opacity: 0.7;
    display: none;
}
.schedule-detail .schedule-list .date .w {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    font-size: 8px;
    line-height: 1.4em;
    text-align: center;
    border-radius: 50%;
    border: 0.6px solid;
    position: relative;
    top: -4px;
    left: -2px;
}
.schedule-detail .schedule-list .venue { padding: 7px 0 0; }
.schedule-detail .schedule-list .status {
   clear: left;
   font-weight: 600;
   margin: 5px 0 0;
}
.schedule-detail .schedule-list .status.fin { opacity: 0.4; }
.schedule-detail .schedule-list .status.now { color: #ef0065; }
.schedule-detail .txt { padding: 0 4%; }

/* データなし */
.schedule .nodata,
.schedule-detail .nodata { text-align: center; padding: 4em 4%; }



/* ??? マイチケット関連の何か。発券？
------------------------------ */
.start-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 25em;
}
.start-container .logo {
  margin: 0 auto 15px;
  text-align: center;
}
.start-container .logo img {
  width: 50vw;
  height: auto;
  object-fit: contain;
}
.start-container .start-content-title {
  margin: 0 0 15px;
  font-size: 15px;
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: .6px;
  color: #000;
  text-align: center;
}
.start-container .start-content-desc {
  font-size: 11px;
  font-size: 2.93333vw;
  letter-spacing: .5px;
  text-align: center;
  color: #1a1a1a;
}
.start-container .start-content-sub {
  margin: 0 0 13px;
  font-size: 13px;
  font-size: 3.46667vw;
  font-weight: bold;
  letter-spacing: .5px;
  text-align: center;
}
.start-container .btn-block {
  margin: 20px auto 15px;
}

.icon-app-gadge {
  display: block;
  margin: 30px auto;
  width: 170px;
}

.ticketing {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90px;
  height: 90px;
  z-index: 10;
  color: #FFF;
  text-align: center;
}
.ticketing .ticketing-text {
  margin: 10px 0 0 0;
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
}
.no-check-sharemember{
    opacity:0
}
.check-sharemember{
    opacity:1
}
/* 4.16 お名前登録
============================== */
.regist_box .page__content {
    background: rgba(0,0,0,0.8);
}
.regist_sampleimg img{
    position: relative;
    left: 50px;
}
.error_box {
  color: #ff4d00;
  margin-bottom: .5em;
}
.error_box span{
  display: none;
}
.regist_box .modal_ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1em;
}
.regist_box .modal_lead {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 1.5em;
}
.row_box{
  display: flex;
}
.row_box.space_between{
  justify-content: space-between;
}
.row_box.align_center{
  align-items: center;
}
.regist_box .input-block.row_box label{
  width: 48%;
  border: none;
}
.regist_box .input_label {
  padding-bottom: .5em;
}
.regist_box .close_btn {
  background: none;
}
.swal-modal.success_box{
  width: auto;
  min-width: 50%;
  padding: 25px 25px 15px;
  background: rgba(233,83,132,0.85);
}
.swal-modal.success_box .check_icon{
  width: 72px;
  height: 72px;
  margin: 0 auto 15px;
}
.swal-modal.success_box .swal-text{
  font-size: 13px;
  max-width: 100%;
  padding: 0;
}
.swal-text:last-child{
  margin-bottom: 0;
}
.swal-modal.success_box .swal-footer {
  display: none;
}

/* 4.17 電話番号が2桁以下の間違い
　　　　 電話番号が3桁以上の間違い
============================== */
.mistake_tell .bg_gray{
  margin: -45px -5.5% 30px;
  padding: 25px 5%;
}
.mistake_tell .rcv-form-list .rcv-desc{
  font-size: 20px;
  margin: 0;
}
.mistake_tell .sms-img-msg{
  text-align: center;
}
.mistake_tell .sms-img{
  width: 34px;
}
.rcv-container .mistake_tell .lead{
    margin: 0 0 15px;
    font-size: 15px;
}
.agree_description_box{
  padding: 0 5%;
}
.rcv-container .rcv-form-list dt.txt_font-s {
    font-size: 11px;
}
.mistake_tell .main_txt_box p{
  margin-bottom: 1.5rem;
}
.mistake_tell .attntion_list li:before {
  content: "※";
}
.mistake_tell .point_list {
  margin-bottom: 1.5rem;
}
.mistake_tell .point_list li{
  margin-bottom: 0.5rem;
  font-size:14px;
  font-weight: bold;
}

/* 線ボタン */
.mistake_tell .btn-half{
  box-shadow: none;
  margin: 0 2%;
}
.mistake_tell .rcv-btn-block .btn-half:first-child{
    border:1px solid rgb(192,192,192);
    color: #333;
    background: #fff;
}
.mistake_tell .rcv-btn-block .btn-half:last-child{
    background: #333;
    color:#fff;
}
/* 同意button */
input.input_design[type=checkbox] {
  display: none;
}
.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -26px;
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #bebdbd;
  content: '';
  margin: auto;
  border-radius: 2px;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  margin: auto;
  top: -2px;
  bottom: 0;
  left: -20px;
  display: block;
  width: 7px;
  height: 12px;
  border-right: 3px solid #d84300;
  border-bottom: 3px solid #d84300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

/* 4.18 金融機関登録
============================== */

.financial_data_form{
  width: calc(100% - 10% - 10px);
  margin: 0 auto 30px;
}
.main-container.identify-form{ padding: 0 5%; }
.main-container.identify-form .formArea{ margin-bottom: 30px; }
.formArea .formList{ padding: 0 5%; }
.formArea .formList dt{ font-size: 10px; opacity: 0.5; margin-bottom: 2px; }
.formArea .formList dd{ font-size: 14px; margin-bottom: 15px;}
.error-list li{
  color: #f00;
  margin-bottom: .5em;
}

.financial-page--button .area--btn-main,
.financial-page--button .area--btn-sub{
  width: 80%;
  background: none;
  margin: 0 auto 10px;
}

.financial-page--button .area--btn-main .button--btn-main{
  width: 100%;
  display: block;
  line-height: 3.4;
}
.financial-page--button .area--btn-sub .button--btn-sub{
  background: none;
  color: #1a1a1a;
  border: none;
  display: block;
}





/* 4.19 TRADE
============================== */

.block-exhibition{
  padding: 0 5%;
}
.block-exhibition ul{
  line-height: 1.5;
}
.block-exhibition > .txt-list { color: #1a1a1a; }
.block-exhibition li:not(last-of-type){
  margin-bottom: 1em;
}


/* 4.20 アカウント連携
============================== */
.cooperation { color: #fff; text-align: center; padding: 100px 10% 50px; }
.button--btn-cooperation-main { margin-bottom: 1em; width: 100%; }
.button--btn-cooperation-sub { width: 100%; }
.button--btn-collation { font-size: 14px; }
.cooperation .txt { text-align: left; }
.cooperation-btn-block .btn { display: block; }
.cooperation-form-list { margin-bottom: 30px; text-align: left; }
.cooperation-form-list-items { margin-bottom: 10px; }
.cooperation-input-block { display: flex; gap: 10px; }
.cooperation-notice { font-size: 12px;}
.cooperation-zip-code { display: flex; align-items: center; }
.cooperation-zip-code #zip1 { width: 60px; }
.cooperation-zip-code #zip2 { width: 80px; }
.cooperation-zip-code .hyphen { display: inline-block; margin: 0 5px; }
.list-emtgid { margin: 10px 0 20px; }
.list-emtgid-items { border: 1px solid #ddd; border-radius: 5px; border-bottom: none; text-align: left; }
.list-emtgid-items label { display: flex; align-items: center; padding: 15px 5px; gap: 15px; }
.list-emtgid-id { font-weight: bold; font-size: 16px; }
.list-emtgid-mail { color: #b6b6b6; }
.list-emtgid-items:last-child { border: 1px solid #ddd; border-radius: 5px; }
.emtgid-password-block { margin-bottom: 20px; }
.emtgid-password-block label { display: inline-block; margin-bottom: 10px; }
.cooperated-emtgid-block { margin: 20px 0; }
.cooperated-emtgid-txt { color: #787878; }
.cooperated-emtgid-id { font-size: 20px; }


/* 4.99 エラー
------------------------------ */
.main-container.err .erro-message-block .err-desc { text-align: center; padding: 40px 4%; }
.main-container.err .erro-message-block .err-title { font-size: 16px; margin: 0 0 1em; }
.main-container.err .erro-message-block .err-text { }




/******/

#regist_name_success_dialog.swal-overlay.swal-overlay--show-modal {
  opacity: 1;
  pointer-events: auto
}

#regist_name_success_dialog.swal-overlay.swal-overlay--show-modal .swal-modal {
  opacity: 1;
  pointer-events: auto;
  box-sizing: border-box;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: showSweetAlert2 .3s;
  animation: showSweetAlert2 .3s;
  will-change: transform
}
#regist_name_success_dialog.swal-overlay .swal-modal {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 1;
  -webkit-animation: showSweetAlert3 .3s;
  animation: showSweetAlert3 .3s;
  transition: none;
  will-change: transform
}
@-webkit-keyframes showSweetAlert2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes showSweetAlert2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes showSweetAlert3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
}

@keyframes showSweetAlert3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

}

/*スマチケ券面対応(.spticket-areaの配下)*/
.main-container.myt.spticket-area { height: auto; overflow: scroll;}
.spticket-area #myt002carousel li .ticket-detail .ticket-detail-top,.spticket-area #myt002carousel li .ticket-detail .ticket-detail-bottom .date-area,.spticket-area #myt002carousel li .ticket-detail .ticket-detail-bottom .place{ display: none;}
.spticket-area #myt002carousel li:first-child .ticket-detail .ticket-detail-top,.spticket-area #myt002carousel li:first-child .ticket-detail .ticket-detail-bottom .place{ display: block;}
.spticket-area #myt002carousel li:first-child .ticket-detail .ticket-detail-bottom .date-area { display: flex;}
.spticket-area .ticket-detail-wrap .ticket-detail-single .ticket-single .ticket-detail.spticket { border-radius: 10px;}

.spticket-area .ticket-detail-other { background: none; padding: 0 5%;}
.spticket-area .share-send .share-send-body,.spticket-area .share-send-l .share-send-body { border-radius: 0;}

.page__content.page--default-background__content .icon-light { left: 3%; top: 10px;}

/* 特定興行表示(外側に追加した、券面親に.specificがついたらスタイルが当たる想定)*/
.spticket-area .ticket-detail-other .specific-flg-image {
    background-image: url(/assets/images/common/specific_tkt.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    margin: 10px 0 30px;
}
.spticket-area .ticket-detail-other .specific-area {
    color: #fff;
    margin: 10px 0 30px;
    display: block;
    border: 0.5px solid #ffffff70;
    color: #bebdbd;
    border-radius: 3px;
    font-size: 11px;
    display: flex;
}
.spticket-area .ticket-detail-other .specific-area dt {
    font-weight: bold;
    width: 40%;
    padding: 6px 5px 5px;
    text-align: center;
    background-image: linear-gradient(#5d5d5d 33%, rgba(255,255,255,0) 0%);
    background-position: right;
    background-size: 1px 6px;
    background-repeat: repeat-y;
}
.spticket-area .ticket-detail-other .specific-area dd {
    width: 65%;
    padding: 6px 5px 5px 20px;
}
.spticket-area.specific .ticket-detail-other {
    position: relative;
    height: auto;
}
.spticket-area.specific .ticket-detail-other > * { display: block;}
.spticket-area.specific .ticket-detail-other .specific-area { display: flex;}
.spticket-area.specific .container-inner {
    margin-bottom: 20px;
}
.spticket-area.specific .ticket-detail-wrap { height: 69vh;}
.spticket-area .ticket-detail-wrap {
    height: 80vh;
    overflow: scroll;
}
.spticket-area .container-inner {
    margin: 0 5%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.spticket-area .ticket-detail-wrap .ticket-detail-single { position: relative; border-radius: 10px;}
.btn-admission {
    background-image: url(/assets/images/common/btn_nyujo_on.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 120px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 5%;
    top: 10px;
}
.btn-admission.off {
    background-image: url(/assets/images/common/btn_nyujo_off.png);
    pointer-events: none;
}

.ticket-detail.spticket { padding: 0;}
.ticket-detail.spticket .ticket-detail-top { background-color: #ffeff9;}
.ticket-detail.spticket .ticket-detail-name {
    width: 70%;
    height: 100%;
    position: relative;
    padding: 0 0 0 5%;
    margin: 0;
}
.ticket-detail.spticket .main-ticket-name {
    font-size: 18px;
    display: block;
    padding: 13px 5% 0;
    margin: 0 0 10px;
    text-align: center;
    color: #1a1a1a;
    font-weight: bold;
    z-index: 10;
    position: relative;
}
.ticket-detail.spticket .top-flex-wrap {
    display: flex;
    align-items: flex-end;
    margin: 0 0 20px;
}
.ticket-detail.spticket .logo-mark {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/assets/images/common/ph_emtgmark.svg);
    background-size: 40%;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-repeat: no-repeat;
}
.ticket-detail.spticket .ticket-detail-name .ticket-detail-title {
    color: #1a1a1a;
    text-align: left;
    font-size: 15px;
    z-index: 10;
}
.ticket-detail.spticket .ph-artist {
    position: relative;
    z-index: 3;
    width: 100px;
    height: 100px;
    margin: 0 5% 0 auto;
    overflow: hidden;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.ticket-detail.spticket .ph-artist img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ticket-detail.spticket .ticket-stamp {
    background-image: url(/assets/images/common/ph_pass_pink.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 80px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 15px;
    right: 10%;
    z-index: 100;
}
.ticket-detail.spticket .ticket-stamp:before { content: none;}
.ticket-detail.spticket .ticket-detail-top { height: auto; border-radius: 0;}
.ticket-detail.spticket .ticket-detail-bottom {
    border-radius: 0;
    height: auto;
    padding: 0;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-box { padding: 10px 5%;}
.ticket-detail.spticket .ticket-detail-sheet {
    position: relative;
    width: 100%;
    bottom: 0;
}
.ticket-detail.spticket .ticket-detail-bottom .flex-wrap {
    display: flex;
    align-items: flex-end;
    padding: 15px 5% 0 5%;
}
.ticket-detail.spticket .ticket-detail-bottom .flex-wrap .ticket-detail-info {
    width: auto;
    padding-right: 10px;
    position: relative;
}
.ticket-detail.spticket .ticket-detail-bottom .flex-wrap .ticket-detail-info:before {
    content: "";
    display: block;
    width: 1px;
    height: 60%;
    right: 0;
    bottom: 5px;
    position: absolute;
    background: rgba(213, 213, 213, 1);
}
.ticket-detail.spticket .ticket-detail-bottom .flex-wrap .ticket-detail-info .ticket-detail-period { font-family: 'Rubik';}
.ticket-detail.spticket .ticket-detail-bottom .flex-wrap .ticket-detail-info .period-year {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.04em;
    opacity: 1;
    color: #b7b7b7;
}
.ticket-detail.spticket .ticket-detail-bottom .flex-wrap .ticket-detail-info .period-date {
    font-size: 39px;
    letter-spacing: 0.05em;
    font-weight: 300;
}
.ticket-detail.spticket .ticket-detail-bottom .flex-wrap .ticket-detail-info .period-week .icon-week.large {
    background: rgba(128, 128, 128, 1);
    color: #fff;
    font-size: 10px;
    width: 18px;
    height: 18px;
    padding-top: 2px;
    font-weight: bold;
}
.ticket-detail.spticket .ticket-detail-bottom .flex-wrap .partition { margin-left: 10px;}
.ticket-detail.spticket .ticket-detail-bottom .flex-wrap .ticket-detail-time { font-family: 'Roboto', sans-serif; font-size: 15px;}
.ticket-detail.spticket .ticket-detail-bottom .flex-wrap .ticket-detail-time .time-title {
    display: block;
    color: rgba(192, 192, 192, 1);
    font-size: 11px;
    opacity: 1;
    font-weight: 600;
}
.ticket-detail.spticket .ticket-detail-bottom .place { padding: 3px 5% 20px 5%;}
.ticket-detail.spticket .ticket-detail-bottom .place .venue {
    font-size: 13px;
    margin-left: 5px;
    position: relative;
    top: 1px;
    font-weight: bold;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front {
    position: relative;
    background-image: linear-gradient(to right, rgba(195, 193, 193, 1) 33%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 5.5px 1.5px;
    background-repeat: repeat-x;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .sheet-info {
    font-size: 14px;
    margin: 0 0 8px;
    font-weight: 600;
    color: rgba(233, 83, 132, 1);
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .ticket-number-count {
    background-color: #f5f5f5;
    display: inline-block;
    font-family: 'Rubik';
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.3em;
    color: #808080;
    line-height: 1;
    border-radius: 30px;
    padding: 7px 8px 5px 11px;
    position: absolute;
    top: 15px;
    right: 5%;
    z-index: 20;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .sheet-number { font-size: 18px; width: 80%; line-height: 1.3; min-height: 23px;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .sheet-number .sheet-area { margin: 0 0 5px;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .sheet-number .sheet-number-main { font-size: 15px;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .sheet-number .sheet-number-main span { margin: 0 3px 0 15px; font-size: 24px;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .sheet-number .sheet-number-main span:first-of-type { margin-left: 0;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .name { 
    font-size: 11px;
    display: inline-block;
    margin: 0;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .price {
    display: inline-block;
    margin-left: 10px;
    font-weight: bold;
    font-size: 12px;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .share-send,
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .share-send-l {
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .share-send-head {
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    display: flex;
    padding: 0 5%;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .share-send-head .status-icon { width: 12%;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .share-send-head .status-icon [class^="icon-share-"] { width: 34px; height: 34px;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .share-send-head .status-icon .icon-share-accept {
    width: 24px;
    height: 28px;
    background-image: url(/assets/images/common/icon-send_accept.svg);
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .share-send-head .status-icon .icon-share-trade {
    width: 30px;
    height: 25px;
    background-image: url(/assets/images/common/icon-send_trade.svg);
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .share-send-head .share-send-title,
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .share-send-head .share-send-text {
    font-weight: bold;
    font-size: 13px; 
    margin: 0 0 0 10px;
    width: 65%;
    text-align: left;
    line-height: 1.4;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .share-send-head .share-send-text { font-size: 11px;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .distribution .share-send-head .share-send-text { font-size: 13px;}

.ticket-detail.spticket .ticket-detail-bottom .ticket-back { background: #f5f5f5; font-size: 10px; padding: 15px 0 0;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .ticket-back-tit {
    font-weight: bold;
    position: relative;
/*    padding-right: 30px;*/
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .ticket-back-tit .back-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 2;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .ticket-back-tit span {
    width: 23px;
    height: 23px;
    display: block;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    right: 5%;
    margin-top: 5px;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .accordion { position: relative;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .accordion1 .accordion-detail {
    padding: 0 50px 0 5%;
    overflow: hidden;
    /*  height: 100%!important;*/
    /*  display: none;*/
    /*  -webkit-transition: all .3s ease;
    transition: all .3s ease;*/
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .accordion1 .accordion-detail .ticket-back-detail1 {
    display: block;
    padding: 0 0 10px;
    color: #f51c58;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .accordion1 .accordion-detail.open { display: block;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .label-ticket-back {
    font-size: 10px;
    color: rgb(128,128,128);
    font-size: 10px;
    color: #808080;
    font-weight: bold;
    position: absolute;
    bottom: 15px;
    right: 0;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .ticket-back-tit span:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid rgba(51,51,51,1);
    border-right: 2px solid rgba(51,51,51,1);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -6px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .ticket-back-detail2 { display: block; padding: 0 5% 10px;}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back.open .ticket-back-tit span:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -3px;
}
.ticket-detail.spticket .ticket-detail-bottom .ticket-back .ticket-number { padding-top: 20px;}
.ticket-detail.spticket .ticket-detail-bottom .number-ticketArea {
    background: #f5f5f5;
    padding: 10px 5%;
    border-top: 1px solid #ddd;
    font-size: 10px;
    font-weight: bold;
}
.ticket-item .ticket-item-pict .pict-list .ico_spticket {
    width: 60px;
    position: relative;
    top: 4.5px;
    margin-right: 3px;
}


/* saitou add 20201211 */
/* ヘッダー内の「特定興行案内」を表示 */
.header .header-center .specific-flg-image {
    position: absolute;
    top: -5px;
    left: 0;
    width: 112%;
    background-image: url(/assets/images/common/specific_tkt.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
}
/* チケット上部の画像範囲を調整 */
.ticket-detail .ticket-detail-cover img {
    height: 100%;
    object-fit: cover;
}
/* スマチケ上部の背景色を変更 */
.ticket-detail.spticket .ticket-detail-top {
    background-color: #FBCBC1;
}
/* スマチケ上部のロゴマーク画像を変更 */
.ticket-detail.spticket .logo-mark {
    background-image: url(/assets/images/common/fill30.png);
}
/* スマチケ内の文字色を変更 */
.ticket-detail.spticket .ticket-detail-bottom .ticket-front .sheet-info {
    color: rgb(255, 124, 96);
}
/* スマチケ内の「PASS」画像を変更 */
.ticket-detail.spticket .ticket-stamp {
    background-image: url(/assets/images/common/passPink@2x.png);
}
/* モーダル左上の「←」の下が欠ける問題を修正 */
.page__content.page--default-background__content .icon-light {
    top: 0px;
}
/* 「入場画面に進む」ボタンの画像変更 */
.btn-admission {
    background-image: url(/assets/images/common/botanNyujyouOn@2x.png);
}

/* saitou add 20201216 */
/* スタンプ画面の「特定興行案内」を表示 */
.stamp-book .specific-flg-image {
    position: absolute;
    bottom: 10px;
    left: 45%;
    width: 80%;
    background-image: url(/assets/images/common/special_tkt_emtg_entry_2x_2.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    transform: translateX(-50%);
}

/* saitou add 20210106
(ページ処理分けを行えるように「01_concert_inner.blade.php」の「ticket-detail」に「custom」クラスを付与しています)
 */
/* 「顔写真ツアー画面」の写真位置を調整 */
.ticket-detail.custom {
    position: relative;
}
.ticket-detail.custom > .data-large.ng-scope {
    position:absolute;
    right:5%;
    bottom: 10px;
    height: auto !important;
}
.ticket-detail.custom > .data-large.ng-scope > .ng-binding {
    position: absolute;
    color: #fff;
    font-size: 10.5px;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.icon-logo, .icon-staffonly {
    background-color: #fff;
    border-radius: 50%;
    background-image: url(/assets/images/common/icon-staffonly.svg);
    background-size: 80% 80%;
}

/* 「顔写真ツアー画面」の日付部分レイアウト変更 */
.ticket-detail.custom .ticket-detail-period .period-date {
    font-size: 42px;
}
.ticket-detail.custom .ticket-detail-period .period-week {
    position:absolute;
    top:44px;
    left:130px;
    padding-bottom: 0px;
}
.ticket-detail.custom .ticket-detail-period .period-week .icon-week {
    color: #fff;
    padding-top: 1.5px;
    width: 1.7em;
    height: 1.7em;
    line-height: 1.6em;
    border: none;
    background-color: #9095AA;
}

/* 「顔写真ツアー画面」の会場に地図のピンアイコン挿入 */
.ticket-detail.custom .ticket-detail-place:before {
    content:'';
    display:inline-block;
    background: url( "/assets/images/common/iconMap@2x.png" ) center center/contain no-repeat;
    width:16px;
    height:24px;
    margin-right:9px;
    vertical-align:bottom;
}

/* 「顔写真ツアー画面」の時刻レイアウト調整 */
.ticket-detail.custom .ticket-detail-bottom > .partition {
    position:absolute;
    top:31px;
    left:160px;
}
.ticket-detail.custom .ticket-detail-bottom .ticket-detail-time {
    margin: 0;
    padding-left:10px;
    border-left:1px solid #C6C6C6;
}
.ticket-detail.custom .ticket-detail-time li {
    width: 55px;
}
.ticket-detail.custom .ticket-detail-time li > span {
    display:inline-block;
    width:100%;
}
.ticket-detail.custom .ticket-detail-time .time-info {
    margin: 0;
    font-size:16px;
    line-height:1.4;
}

/* 「顔写真ツアー画面」の詳細文言部分調整 */
.ticket-detail.custom .ticket-detail-sheet .sheet-info,
.ticket-detail.custom .ticket-detail-sheet .sheet-number,
.ticket-detail.custom .ticket-detail-sheet .name {
    width: 72%;
    font-size:15px;
}
.ticket-detail.custom .ticket-detail-sheet .sheet-number {
    font-size: 5vw;
    line-height: 1.4;
    margin-bottom: 18px;
}
.ticket-detail.custom .ticket-detail-sheet .name {
    margin-top:4px;
}

/* 「顔写真ツアー画面」のポップアップ上の写真位置を調整 */
.stamp-book .ph-face {
    position: absolute;
    width: 171px;
    height: 208px;
    bottom: 55px;
    left: 18px;
}
.stamp-book .ph-face img {    
    position: absolute;
    object-fit: cover;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
}    
.stamp-book .ph-face .noticeFacePictureMessageOnPicture {
    position:absolute;
    width: 90%;
    color: #fff;
    font-size: 18px;
    text-align:center;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

/* ポップアップメッセージの行間調整 */
.message-popup .modal-content {
    font-size: 16px;
    line-height: 30px;
    padding:45px 10px 15px;
}
.message-popup .modal-content .modal-btn-block {
    margin-top: 30px;
}

/* saitou add 20210118 */
/* 「ひめぎんホール画面」の写真位置を調整 */
.ticket-detail.old-ticket {
    position: relative;
}
.ticket-detail.old-ticket > .data-large.ng-scope {
    position:absolute;
    right:5%;
    bottom: 10px;
    height: auto !important;
}
.ticket-detail.old-ticket > .data-large.ng-scope > .ng-binding {
    position: absolute;
    color: #fff;
    font-size: 10.5px;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.ticket-detail.old-ticket .list-bottom .name,
.ticket-detail.old-ticket .list-bottom .seat {
    width: 70%;
}
/* マイチケットの縦位置を中央に修正 */
.carousel-item--myt-carousel-item .ticket-detail-container .bgFullScreen {
    top:50% !important;
    left:50% !important;
    transform:translate(-50%, -50%);
}

/*スタンプシート色対応*/
.stamp-book .concert-color {
    position: absolute;
    height: 80px;
    width: 100%;
    bottom: 55px;
    margin-left: -3%;
    background-color: transparent;
}



/* 旧チケプラから移植 */
.icon-logo {
    width: 20px;
    height: 20px;
}
.icon-qr {
    width: 32px;
    height: 32px;
}



.ticket-detail.js_tks_check.active_none .ticket-detail-bottom{
  /*color: rgba(0,0,0,0.4);*/
  color: #000;
  background: transparent;
}
.ticket-share-single .ticket_unactive .ticket-detail {
    position: relative;
    overflow: hidden;
    border-color: #999999;
}
.ticket-share-single .ticket_unactive .ticket-detail::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  background: rgba(0, 0, 0, .4);
    backdrop-filter: blur(0.3px);
}
.ticket-detail.js_tks_check.active_none{
  pointer-events: none;
  /*background: rgba(0, 0, 0, .6);
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);*/
}
.ticket-detail.js_tks_check.active .detail_list_txt{
  color: #ff7c60;
}




.list_detail_box{
  display: flex;
}
.ticket-share-block .list_detail_box {
    position: relative;
}




.detail_list_txt{
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 5px;
}
.branch_num{
  margin-right: 10px;
}
.ticket_detail_status{
  margin-right: 10px;
}
.ticket-share-block .ticket_detail_status {
    position: absolute;
    bottom: 12px;
    left: 0;
}
.ticket_detail_status p{
    width: 6em;
    padding: 5px 0;
    border: 1px solid #808080;
    border-radius: 2em;
    text-align: center;
    font-size: 8px;
    line-height: 1;
}
/* sub_box */
.sub_box{
  display: flex;
  align-items: center;
    justify-content: space-between;
}
.ticket-share-single .sub_box {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    width: 86px;
}


.ticket-detail .ticket-detail-sheet .sheet-number-s { font-size: 12px; margin-bottom: 5px; }




.ticket-share-block .ticket_list_box{
    width: calc(100%  - 10%  - 10px);
    margin: auto;
    /*min-height: 100%;*/
}

.ticket-share-single .branch_num {
    width: 3.2em;
}




.ticket-detail_box {
  width: calc(100%  - 10% - 10px );
  margin: 20px auto;
}
.ticket-detail_box .ticket-detail-artist{
  font-size: 10px;
  margin-bottom: 5px;
}
.ticket-detail_box .ticket-detail-title{
  font-size: 16px;
  font-weight: bold;
}
.ticket-detail_box .ticket-detail-data{
  font-size: 12px;
  font-weight: bold;
}
.ticket-detail_box .ticket-detail-data .year, .ticket-detail_box .ticket-detail-data .month, .ticket-detail_box .ticket-detail-data .date{
  font-size: 20px;
}
.ticket-detail_box .ticket-detail-data .week, .ticket-detail_box .ticket-detail-time{
  font-size: 14px;
}
.ticket-detail_box .ticket-detail-place{
  font-size: 10px;
}



.ticket-share-block .ticket-share-check .icon-share-check, .owner_ticket .ticket-share-check .icon-share-check{
  background-image: url(/assets/images/distribution/icon_check_none.svg);

}
.ticket-share-block .ticket-share-check.checked .icon-share-check, .owner_ticket .ticket-share-check.checked .icon-share-check{
  background-image: url(/assets/images/distribution/icon_check.svg);
}
.ticket-share-container .trade-sub-txt.ng-scope{
  margin: 30px calc(5%  + 5px) 0;
}
.ticket-detail .share-send .share-send-head{
  padding-left: 10px;
}
.ticket-detail .share-send .share-send-head .icon-trade-send{
  display: none;
}

/* シェアボタン */
.share-list-container {
    width: 100%;
  background: rgb(245,245,245);
    text-align: center;
  padding: 20px 5%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.share-list-container::before{
    content: "";
    position: absolute;
    background-image: url(/assets/images/distribution/share_bg.png);
    background-size: cover;
    background-position: center;
    top: -25px;
    left: 0;
    right: 0;
    width: 100%;
    height: 25px;
}
.share-list-container .share-list { display: inline-block;transition: all .3s ease; }
.share-list-container .share-list.inactive { opacity: 0.3; }
.share-list-container .share-list li .share-list-name { font-size: 11px; line-height: 1.3; color: #1a1a1a; }

.inactive .share-icon.line-block, .inactive .share-icon.mail-block, .inactive .share-icon.mail-block, .inactive .share-icon.sharemember-block{
  background: rgba(0,0,0,0.5);
}
.share-list-container .share-list li { display: inline-block; padding: 0 0 0 15px; }

.share-list-container .share-list li:first-child{
  padding: 0;
}
.share_txt{
  margin: 25px 0;
  font-size: 11px;
  color: #808080;
}
.share_txt .btn{
  margin-bottom: 10px;
}

.ticket-share-block .share-send{
  top: 0;
  left: 0;
}


.share-send .share-send-title{margin-top: 5px;}




/* 4.5.1 シェアメンバー選択　ダイアログ
------------------------------ */
.select_sharemember_wrap {
  position: relative;
  /*z-index: 99999;*/
  z-index: 9999;
}
.select_sharemember_wrap .owner_ticket li{
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid rgb(235, 235, 235);
  }
.select_sharemember_wrap .header {
  height: auto;
}

.select_sharemember_wrap .page__background {
  background: rgba(0, 0, 0, 0.3);
}

.select_sharemember_wrap .page__content {
/*  height: calc(100vh - 75px);*/
  height: 100%;
  position: absolute;
  width: 100vw;
  bottom: 0;
  top: auto;
/*  border-radius: 8px 8px 0 0;*/
}

.select_sharemember_wrap .block-sharemember {
  padding: 5%;
  overflow: scroll;
  padding-bottom: 100px;
}
.select_sharemember_wrap .block-sharemember .share-member-list{
  padding: 0 0 30px;
}
.btn-nextowner-cancel{
  display: block;
  text-align: center;
  margin-top: 10px;
}
.select_sharemember_wrap .owner_ticket.ticket-count .share-tit{
  font-weight: normal;
  font-size: 12px;
}
.select_sharemember_wrap .owner_ticket.ticket-count li{
  display: flex;
  align-items: center;
}
.select_sharemember_wrap .owner_ticket.ticket-count .icon-share-check{
  width: 40px;
}
.select_sharemember_wrap .owner_ticket.ticket-count .owner_name{
width: calc(100% - 40px);
font-size: 16px;
}
.select_sharemember_wrap .share_table_ttl {
  font-size: 12px;
  border-bottom: 1px solid rgb(235, 235, 235);
  color: rgb(140, 140, 140);
  padding-bottom: 5px;
}

.select_sharemember_wrap .share-member-list li {
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid rgb(235, 235, 235);
}

.select_sharemember_wrap .ticket-count {
  padding-bottom: 30px;
}

.select_sharemember_wrap .ticket-count .share-tit {
  font-weight: bold;
  font-size: 14px;
}

.select_sharemember_wrap .share-member-list label {
  width: 100%;
}

.select_sharemember_wrap .share-member-list input[type="radio"] {
  display: none;
}

.select_sharemember_wrap .share-member-list .icon-share-check {
  background-image: url(/assets/images/distribution/icon_check_none.svg);
}

.select_sharemember_wrap .share-member-list input[type="radio"]:checked+.icon-share-check {
  background-image: url(/assets/images/distribution/icon_check.svg);
}

.select_sharemember_wrap .share-member-list .icon-share-check {
  width: 40px;
}

.select_sharemember_wrap .share-member-list .share_txt_area {
  width: calc(100% - 40px);
}

.select_sharemember_wrap .share-member-list .share_txt_area .name {
  font-size: 16px;
}

.select_sharemember_wrap .share-member-list .share_txt_area .subTxt {
  font-size: 13px;
  color: rgb(155, 155, 155);
}

.select_sharemember_wrap .error {
  color: rgb(233, 83, 132);
  font-size: 11px;
}
.block-share-btn {
  position: fixed;
  bottom: 50px;
  z-index: 100;
  text-align: center;
}
.select_sharemember_wrap .block-share-btn {
  bottom: 0;
  padding: 20px 0;
  height: auto;
}
.select_sharemember_wrap .modalback_btn{
  margin-top: 10px;
  padding: 5px;
}
.select_sharemember_wrap .disabled {
  color: rgb(155, 155, 155);
}

.select_sharemember_wrap .disabled input[type="radio"] {
  display: none;
}

.select_sharemember_wrap .disabled .input-wrap {
  width: 40px;
}

.select_sharemember_wrap .share-member-list .disabled .share_txt_area {
  width: calc(100% - 40px - 6em);
}

.btn_sharecancel_wrap {
  width: 6em;
}

.select_sharemember_wrap .btn_sharecancel {
  font-size: 10px;
  color: rgb(128, 128, 128);
  border: 1px solid rgb(128, 128, 128);
  padding: 0.4rem 1em;
  border-radius: 3px;
}

.select_sharemember_sender .tit{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.select_sharemember_sender.select_sharemember_wrap .block-sharemember{
  padding: 0;
}
.select_sharemember_sender .modal-content{
  background: none;
  box-shadow: none;
  color: #fff;
}
.select_sharemember_sender .share-list-container{
  background: transparent;
  position: relative;
  padding: 30px 0;
}
.select_sharemember_sender .share-list-container::before{
  display: none;
}

.select_sharemember_sender .page__content{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: none;
}
.select_sharemember_sender .share-list-container .share-icon {
  width: 60px;
  height: 60px;
  line-height: 58px;
}
.select_sharemember_sender .share-list-container .share-list li {
  padding: 0 0 0 15px;
}
.select_sharemember_sender .share-list-container .share-list li .share-list-name {
  display: inline-block;
  margin-top: 7px;
}
.select_sharemember_sender .button--page-close{
  display: block;
  width: 50%;
  text-align: center;
  line-height: 2.5;
  margin: 0 auto;
}
.select_sharemember_sender .button--btn-general-outline{
  font-size: 14px;
  border-radius: 60px;
}

/* 4.5.2 出品
------------------------------ */
.exhibition_wrap .page__content {
  height: calc(100vh - 75px);
  position: absolute;
  width: 100vw;
  bottom: 0;
  top: auto;
  border-radius: 8px 8px 0 0;
}

.exhibition_wrap .page__background {
  background: rgba(0, 0, 0, 0.3);
}
.exhibition_wrap .header{

    border-bottom: 1px solid #bebdbd;
}
.exhibition_wrap .header-center{
    padding: 12px 0px 0;
}
.block-exhibition {
  padding: 5%;
  overflow-y: scroll;
  max-height: calc(100vh - 240px );
}

.block-exhibition_footer {
  text-align: center;
  padding: 5% 5% 8% 5%;
  height: auto;
}

.txt_white {
  color: #FFF;
}
.txt_center {
  text-align: center;
}
.regist_box .input_label {
  padding-bottom: .5em;
}

/** 簡単受け取り **/
/* ticket_recieve
============================== */
/* activationList */
/* v2.0.0 チケット簡単受取*/
/* ------------------------------ */
.mb-1em {
  margin-bottom: 1em;
}
.mb-05em {
  margin-bottom: 0.5em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-red {
  color: #FF0000;
}
.rcv-v2-container {
  color: #1a1a1a;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.rcv-v2-menu-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.rcv-v2-container .btn,
.ticket-receive-dialog .btn {
  color: #ffffff;
}
.ticket-receive-dialog {
  color: #1a1a1a;
}
.rcv-v2-container .lead,
.ticket-receive-dialog .lead {
  font-weight: bold;
  font-size: 135%;
}
.rcv-v2-section, .rcv-v2-section-long, .rcv-v2-section-accept, .rcv-v2-section-unmatch, .rcv-v2-section-fc {
  background-color: #F0EEEE;
  padding: 2em 1em;
}
.rcv-v2-section-long, .rcv-v2-section-accept, .rcv-v2-section-unmatch, .rcv-v2-section-fc {
  height: auto;
  flex: 1;
}
.rcv-v2-container .rcv-v2-section:last-child {
  flex-grow: 1;
}
.rcv-v2-section:nth-child(even) {
  background-color: #FFF;
}
.rcv-v2-section.bg-dark-gray {
  background-color: #D9D9D9;
}
.rcv-v2-section .caution,
.ticket-receive-dialog .caution {
  padding: 1.5em 0;
  font-size: 80%;
}
.rcv-v2-section ons-button:nth-of-type(2) {
  margin-top: 1em;
}
.rcv-v2-border-bg{
  background-color: #F0EEEE;
}
.rcv-v2-border {
  width: 100%;
  height: 1px;
  background-color: #666;
}

.rcv-v2-border-bg:has(+ .rcv-v2-section-fc) {
  transform: translateY(-2.8em);
  padding: 2.5em 1.5em 3.5em 1.5em;
  margin: -1.5em 0 -3em 0;
}

@media screen and (max-height: 568px) {
  .rcv-v2-border-bg:has(+ .rcv-v2-section-fc) {
    transform: translateY(-1.4em);
  }
}

.rcv-v2-border-bg:has(+ .rcv-v2-section-unmatch) {
  transform: translateY(-1em);
  padding: 2.5em 1.5em 3.5em 1.5em;
  margin: -1em 0 -3em 0;
}

.bg-black {
  background: #000!important;
  color: #FFF;
}
.bg-orange {
  background: #FF5C00!important;
  color: #FFF;
}
.rcv-v2-frame {
  position: relative;
  text-align: left;
  padding: 0.7em 0.7em;
  border-radius: 5px;
  height: auto;
  font-size: 135%;
  overflow: hidden;
  background: #fff;
  color: #333;
  margin-bottom: 12px;
}
.rcv-v2-frame:not(:first-child) {
  margin-top: 5px;
}

.notice-sector-label {
  position: absolute;
  bottom: 0.3em;
  right: 0.7em;
  padding: 0.25em 0em;
  max-width: 48%;
  text-align: center;
}

.notice-item-label {
  font-size: 68%;
  bottom: 1em;
  right: 2em;
  padding: 0.25em 1em;
  color: #FF5C00;
  border: 1px solid #FF5C00;
  border-radius: 5px;
  margin: 0 1em;
  max-height: 3em;
}

.tel-mismatch-label {
  font-size: 58%;
  position: absolute;
  bottom: 1em;
  right: 10%;
  padding: 0.3em 0.7em;
  color: #FF5C00;
  border: 1px solid #FF5C00;
  border-radius: 5px;
  margin-right: -4%;
  overflow-wrap: break-word;
  max-width: 36%;
  max-height: 22%;
  text-align: center;
  bottom: 4%;
  margin-bottom: 0.3em;
}
@media screen and (max-width: 320px) {
  .tel-mismatch-label {
    padding: 0;
    margin: 0;
    width: 4em;
    max-height: 32%;
    right: 1.4em;
    min-width: 36%;
    bottom: 0.4em;
  }
}
.rcv-v2-item-tiny {
  font-size: 60%;
}
.rcv-v2-item-small-bold {
  font-weight: bold!important;
}
.rcv-v2-item-small, .rcv-v2-item-small-bold {
  font-size: 75%;
}
.rcv-v2-item-large {
  font-weight: bold!important;
}
.rcv-v2-item-large-light, .rcv-v2-item-large {
  font-size: 84%;
}
.concert-date {
  font-size: 80%;
}
/* ticket-detail */
.ticket-detail, .ticket-detail-small {
  font-size: 80%;
  padding: 0;
}
.ticket-detail-small {
  font-size: 60%;
}
.trade_link {
    color: blue; 
    text-decoration: underline;
  }

.rcv-list-container {
	background: #efeff0;
	color: #000;
	-webkit-text-size-adjust: none;
	font-family: -apple-system, Sans-Serif;
	font-size: 13px;
	line-height: 1.6;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.activationList {
        background: tranparent;
        padding: 40px 2% 15px;
}
.activationList figure { width: 64px; line-height: 0; margin: 10px auto 0; }

.activationList .lead {
	/* background: url(../img/icon_receiveticket.png) no-repeat center top; */
		background: url(../images/ticket/myt-ticket-receive.png) no-repeat center top;
	background-size: 64px;
	padding-top: 80px;
	margin: 0 0 25px;
        text-align: center;
}
.activationList .piaCloakNotice {
/*	padding-top: 80px;*/
	width: 100%;
        margin: 0 0 25px;
        text-align: center;
        color: red;
}
.activationList .mainList { margin: 0 0 20px; }
.activationList .mainList li {
	background: #fff;
	border-radius: 3px;
	padding: 15px 0 0;
	margin: 0 0 10px;
}
.activationList p { padding: 0 10px; }
.activationList .name { font-size: 12px; margin: 0 0 5px; }
.activationList .title { font-size: 16px; font-weight: bold; line-height: 1.3em; margin: 0 0 8px; }
.activationList .concertDate { font-size: 18px; font-weight: 300; }
.activationList .place { margin: 0 0 2px; }
.activationList .orderNo {
	color: #888;
	background: url(../images/icon/icon_ticket.png) no-repeat 10px center;
	background-size: 20px 11px;
	padding-left: 35px;
}
.activationList .mainList .rcv-btn-block {
	text-align: center;
	border-top: 1px dashed #ccc;
	padding: 16px 0;
	margin: 10px 0 0;
	width: auto;
	min-width: 200px;
}
.activationList .mainList .rcv-btn-block .btn-small {
        min-width: 50%;
        font-size: 16px;
        line-height: 30px;
        border-radius: 22px;
}
.activationList .mainList .btn {
	text-align: center;
	/*border-top: 1px dashed #ccc;*/
	padding: 8px 0;
	margin: 10px 0 0;
}
/*
.activationList .mainList .btn input {
	display: inline-block;
	width: auto;
	min-width: 200px;
	border-radius: 22px;
	margin: 0;
}*/
.activationList .menuList { margin: 0 -2% 0;}
.activationList .menuList li {
        background: #fff;
        margin: 0 -2% 0;
}
.activationList .errorBox {margin-right: 2%; margin-left: 2%;}
.activationList.pia-cloak-link { padding-top: 0; }

/* menuList
------------------------------ */
.menuList {
	background: #fff;
	border-top: 0.6px solid #c6c6c6;
	border-bottom: 0.6px solid #c6c6c6;
	padding: 0 0 0 4%;
	margin: 0 -4% 15px;
}
.menuList li {
	display:  block;
	font-size: 15px;
	text-decoration: none;
	line-height: 44px;
	border-bottom: 0.6px solid #c6c6c6;
	padding: 0 8% 0 0;
	position: relative;
}
.menuList li.disabled { color: #aaa; }
.menuList li:last-child { border: none; }
.menuList li a,
.menuList li input {
	-webkit-appearance: none;
	display: block;
	font-size: 14px;
	text-decoration: none;
}
.menuList li a::after,
.menuList li input::after {
	content: "\f105";
	color: #424345;
	font-family: FontAwesome;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	right: 4%;
	top: 50%;
	margin-top: -10px;
}
.menuList li .subTxt {
	display: block;
	font-size: 20px;
	line-height: 25px;
	opacity: 0.5;
	position: relative;
	top: -10px;
}
.menuList li .label {
	display:  block;
	font-size: 11px;
	line-height: 1px;
	opacity: 0.5;
	padding-top: 15px;
}
.menuList li .fa-external-link { opacity: 0.5; }

/* v2.0.0 チケット簡単受取・番号受取 ダイアログ*/
/* ------------------------------ */
/* ダイアログ共通 */
.ticket-receive-dialog .dialog {
  width: 90%;
  text-align: center;
  border-radius: 16px;
  background-color: #fff!important;
  max-height: 95%;
  overflow: auto;
}
.ticket-receive-dialog .dialog-container {
  background-color: #FFF;
}
.ticket-receive-dialog .orange {
  background: #FF5C00;
  color: #FFF;
}
.ticket-receive-dialog .dialog-container {
  padding: 1em;
}
.ticket-receive-dialog .checkbox__checkmark:before {
  border-radius: 4px!important;
}
.ticket-receive-dialog .checkbox:after {
  left: -1px;
  border: 2px solid transparent;
}
.ticket-receive-dialog .ticket-info {
  background-color: #F6F6F6;
  padding: 1em;
  margin: 1em 0;
}
.ticket-receive-dialog .checkbox {
  margin: 1em 0;
}
.ticket-receive-dialog input[type="text"],
.ticket-receive-dialog input[type="tel"],
.ticket-receive-dialog input[type="number"] {
  border-top: none;
  border-left: none;
  border-right: none;
}
.ticket-receive-dialog input::placeholder {
  font-size: min(3vw, 50px);
  text-align: center;
}
.ticket-receive-dialog .button--material--flat {
  min-height: auto;
  height: 3em;
  width: 100%;
  padding: 1em 0;
}
.ticket-receive-dialog .ticket-info-overflow {
  max-height: 65vh;
  overflow: scroll;
}
@media screen and (max-height: 568px) {
  .ticket-receive-dialog .ticket-info-overflow {
    max-height: 24vh;
  }
}
.btn-link {
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

/* メンテ
------------------------------ */
.maintenance-container {
  color: black;
  overflow: auto;
  height: 100%;
  text-align: center;
  padding: 12% 10%;
}
.section-separator {
  display: flex;
  align-items: center;
  margin: 56px 10% 16px;
  font-size: 0.875rem;
  color: #ffffff;
  white-space: nowrap;
}
.section-separator::before,
.section-separator::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.section-separator::before { margin-right: 0.5em; }
.section-separator::after  { margin-left: 0.5em; }

.weverse-login-btn {
  display: block;
  margin: 30px auto;
  padding: 16px 20px;
  width: 90%;
  max-width: 280px;
  border-radius: 30px;
  background-color: rgb(8, 204, 202);
  text-align: center;
  font-size: clamp(1rem, 3vw, 1.3rem);
  line-height: 1.2;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}