:root {
    --bottombar_height: 68px;
    --main_color: #F76B1C;
}

html {
    touch-action: manipulation;
}

body {
    -webkit-text-size-adjust: 120% !important;
    text-transform: none;
    background-color: #828282;
}

.back-button__icon {
    fill: var(--main_color);
}

.button {
    background: linear-gradient(to right, var(--main_color), #EC6967);
    display: grid;
    align-items: center;
    min-height: 50px;
    box-shadow: none;
    border-radius: 5px;
}

.pointer {
    cursor: pointer !important;
}

.page--material__background {
    background-color: #f6f6f6;
}

.page__background {
    background-color: #f6f6f6;
}

.toolbar,
.toolbar--material {
    background-color: #f6f6f6;
}

.list-item--material__left:empty,
.list-item--material__center {
    min-height: 55px;
}

ons-icon {
    color: var(--main_color);
}


/*上のバー*/

.toolbar__title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.toolbar {
    border-bottom: 1px solid #8080805e;
    box-shadow: none;
}

.toolbar--material__left:empty,
.toolbar--material__right:empty {
    min-width: 50px;
}

.toolbar--material__left,
.toolbar--material__right {
    min-width: 50px;
}


/*最初のページ*/

#Index .index_page {
    display: flex !important;
    justify-content: center;
    height: 100%;
    align-items: center;
    flex-direction: column;
    text-transform: none;
}


/*  ログインページ  */

#Login .page--material__background,
#Login .page__background {
    background-color: #ffffff;
}

#Login .page__content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login_input {
    margin: 10px 0;
    width: 100%;
    border-bottom: 1px solid #606060 !important;
    
}

.login_button_p {
    display: grid;
    margin-top: 30px;
    justify-content: inherit;
}

.login_button {
    border-radius: 5px;
    box-shadow: none;
    overflow: initial!important;
}

.forget_pwd_btn {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 0.9rem;
    margin: 25px 0;
}

.pwd_eye {
    position: absolute;
    right: 2px;
    top: 19px;
    color: #808080d4;
}

.regist_button {
    width: 50%;
    margin: 0 auto;
    border-radius: 40px;
    background: #ffdfce;
    color: #726863;
    font-size: 0.9rem;
    box-shadow: none;
}


/*スワイプの部分*/

.tabbar__button {
    color: #737373 !important;
    height: var(--bottombar_height) !important;
    padding-bottom: 4px 0 8px 0 !important;
}

.tabbar__button ons-icon {
    color: #808080cf !important;
}

:checked+.tabbar__button {
    color: var(--main_color) !important;
}

:checked+.tabbar__button ons-icon {
    color: var(--main_color) !important;
}

ons-tabbar .tabbar {
    height: var(--bottombar_height);
    background-color: #f2f2f2;
    box-shadow: 0px 1px 20px 1px rgb(42 42 42 / 20%);
}

.tabbar__content {
    bottom: calc(var(--bottombar_height) - 1px);
}

.tabbar--material__border {
    height: 0px !important;
}

.tabbar__border {
    height: 0px !important;
}

.tabbar__icon {
    margin: 6px 0 !important;
}

.ripple__background {
    background: rgb(187 187 187 / 24%) !important;
}


/*ホームページ*/

.homepage_body ons-card {
    height: 142px !important;
    padding: 0 !important;
    margin: 27px 15px;
    display: flex;
    border-radius: 7px;
    box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 12%), -3px -3px 6px rgb(0 0 0 / 12%);
}

.homepage_body ons-card .home_card_left {
    width: 35%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px 0 0 7px;
}

.homepage_body ons-card .home_card_right {
    width: 65%;
    padding: 15px;
}

.homepage_body ons-card .home_card_right .card_show_title {
    border-bottom: solid 1px #808080;
    font-size: larger;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.homepage_body ons-card .home_card_right .card_show_date {
    margin: 8px 0;
}

.homepage_body ons-card .home_card_right .card_show_place {
    font-size: xx-small;
}


/*公演詳細ページ*/

#ShowInfoPage .main_picture {
    width: 100%;
    height: 20%;
    background-position: center;
    background-size: cover;
}

#ShowInfoPage .show_name {
    line-height: 20px;
    background-color: dimgrey;
    color: #ffffff;
    font-size: 15px;
    padding: 11px 11px 11px 15px;
    font-weight: bolder;
}

#ShowInfoPage #show_detail {
    padding: 25px 15px 15px 15px;
}

#ShowInfoPage #show_detail p {
    margin: 0;
    line-height: 20px;
}

#ShowInfoPage .page__content {
    background-color: #efeff469 !important;
}

#ShowInfoPage .card {
    margin: 15px;
    padding: 0px !important;
    border-radius: 5px;
}

#ShowInfoPage .show_date {
    background-color: #80808030;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px 5px 0 0;
}

#ShowInfoPage .big_date {
    font-weight: bolder;
    font-size: x-large;
    margin: 0 5px;
}

#ShowInfoPage .show_day {
    color: #237bca;
}

#ShowInfoPage ons-card p {
    display: flex;
    justify-content: left;
    align-items: center;
}

#ShowInfoPage .acceptable_ticket {
    margin-bottom: 15px;
    border-radius: 7px;
    background-color: #fdf6ed;
    display: flex;
    width: 100%;
}
#ShowInfoPage .on_product_icon{
    border-radius: 7px 0 0 7px;
    background-color: #1CBBF7;
    height: 100%;
    width: 35px;
    align-items: center;
    display: flex;
    justify-content: center;
}

#ShowInfoPage .acceptable_ticket .ticket_status {
    color: var(--main_color);
    font-weight: bolder;
    display: grid;
    align-items: center;
    padding: 10px 0;
    width: 50%;
    border: solid 1px var(--main_color);
    border-radius: 7px 0 0 7px;
    text-align: center;
    border-right: solid 1px var(--main_color);
    line-height: 17px;
}

#ShowInfoPage .acceptable_ticket .ticket_apply_date {
    width: 40%;
    padding: 8px;
    border: solid 1px var(--main_color);
    border-right: none;
    border-left: none;
    display: flex;
    align-items: center;
    line-height: 20px;
    font-size: 13px;
}

#ShowInfoPage .acceptable_ticket .apply_btn {
    background-color: var(--main_color);
    color: #ffffff;
    display: grid;
    align-items: center;
    padding: 0 6px;
    border-radius: 0 7px 7px 0;
    width: 16%;
    text-align: center;
}

#ShowInfoPage .no_accept_ticket {
    margin-bottom: 15px;
    border: solid 1px #efeff469;
    border-radius: 7px;
    background-color: #efeff469;
    display: flex;
    width: 100%;
}

#ShowInfoPage .no_accept_ticket .ticket_status {
    color: #5f5f5fe6;
    font-weight: bolder;
    display: grid;
    align-items: center;
    padding: 10px 0;
    width: calc(28% - 7px);
    text-align: center;
}

#ShowInfoPage .no_accept_ticket .ticket_apply_date {
    width: calc(72% + 7px);
    padding: 0 12px;
    font-size: smaller;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    line-height: 14px;
}


/*会員登録フォームページ*/

#RegisterPage ons-list-header {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
    min-height: 26px;
    line-height: 27px;
}

#RegisterPage ons-list-item {
    padding: 5px 15px 10px 15px;
}

#RegisterPage ons-list-item ons-input ::placeholder {
    font-size: 14px;
}


/*マイページ*/

#MyPage li {
    border-bottom: 1px solid #8080805e !important;
    background-color: #f6f6f6;
    margin: 0;
}

#MyPage .list-item--chevron:before,
#MyPage .list-item__expand-chevron {
    border-color: var(--main_color) !important;
    width: 10px !important;
    height: 10px !important;
}


/*会員情報ページ*/

#UserInfoPage ons-list {
    border-bottom: 1px solid #8080805e !important;
}

#UserInfoPage .list_item,
#UserInfoPage .list_title {
    font-size: 14px !important;
    color: black;
    background-color: #f6f6f6;
}

#UserInfoPage .list_title {
    background-color: #dfdfdf !important;
}

#UserInfoPage .edit_btn {
    padding: 30px;
}

#UserInfoPage .birth_child {
    padding: 0 5px;
}

#UserInfoPage .post_child {
    padding: 0 5px;
}

#UserInfoPage #userinfo_cancel_btn {
    margin: 20px 40px;
    padding: 0;
    border-radius: 40px;
    background: #ffdfce !important;
    color: #726863;
    font-size: 0.9rem;
    box-shadow: none;
}

#UserInfoPage input {
    color: #494949b0 !important;
    background-image: linear-gradient(to top, transparent 1px, #4949494f 1px) !important;
    padding-bottom: 10px;
    height: 32px;
}

#UserInfoPage #ui_full_name ons-input,
#UserInfoPage #ui_full_name_p ons-input {
    width: calc(100% - 10px);
}

#UserInfoPage #ui_birth_year ons-input {
    width: 55px;
}

#UserInfoPage #ui_birth_year ons-input input,
#UserInfoPage #ui_post_3 ons-input input,
#UserInfoPage #ui_post_4 ons-input input {
    padding-left: 7px;
}

#UserInfoPage #ui_birth_month ons-input,
#UserInfoPage #ui_birth_date ons-input {
    width: 30px;
}

#UserInfoPage #ui_birth_month ons-input input,
#UserInfoPage #ui_birth_date ons-input input {
    padding-left: 5px;
}

#UserInfoPage #ui_post_3 ons-input {
    width: 43px;
}

#UserInfoPage #ui_post_4 ons-input {
    width: 54px;
}

#UserInfoPage #ui_post_4 ons-input {
    width: 54px;
}

#UserInfoPage #ui_address1 ons-input,
#UserInfoPage #ui_address2 ons-input,
#UserInfoPage #ui_address3 ons-input {
    width: 90vw;
    margin-top: 10px;
}

#UserInfoPage .list-header--material:not(:first-of-type) {
    padding-top: 8px;
}


/*パスワード変更ページとメール変更ページ*/

#ChangePasswordPage input,
#ChangeMailPage input {
    padding-bottom: 10px;
    height: 32px;
}

#EmailAuthorizationPage .page__content,
#ChangePasswordPage .page__content,
#ChangeMailPage .page__content,
#ResetPasswordMailPage .page__content,
#ResetPasswordPage .page__content {
    display: flex;
    justify-content: center;
    align-items: center;
}


/*チケット＆申込履歴のスワイプページ*/

#TicketSwipePage .tabbar__button {
    color: #808080cf;
    height: 50px !important;
    border-bottom: gray solid 3px;
    background-color: #8080802b;
}

#TicketSwipePage :checked+.tabbar__button {
    color: var(--main_color) !important;
    border-bottom: var(--main_color) solid 3px;
    background-color: unset;
}

#TicketSwipePage ons-tabbar .tabbar {
    height: 50px;
    box-shadow: none;
}

#TicketSwipePage .tabbar__content {
    top: 50px;
    bottom: 0px;
}

#TicketSwipePage .tabbar__label {
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 12px;
}

#TicketSwipePage .ripple__background {
    background: unset !important;
}


/*申込履歴のページ*/

#OrderHistoryPage .oh_order_list {
    padding: 30px 15px 0 15px;
}

#OrderHistoryPage ons-card {
    box-shadow: 0px 4px 12px 1px rgb(0 0 0 / 14%);
    margin: 0 0 30px 0;
    border-radius: 5px;
}

#OrderHistoryPage ons-card h5 {
    font-weight: bolder;
}

#OrderHistoryPage ons-card p {
    display: flex;
    align-items: center;
}

#OrderHistoryPage ons-card .status_parent {
    display: grid;
    justify-content: center;
}

#OrderHistoryPage ons-card .order_status {
    border: solid 1px #5f5f5fe6;
    width: fit-content;
    padding: 4px 35px;
    border-radius: 15px;
    font-weight: bolder;
    color: #5f5f5fe6;
    ;
}

#OrderHistoryPage ons-card .order_status span {
    color: var(--main_color);
}


/*申込詳細ページ*/

#OrderDetailPage ons-card {
    box-shadow: none;
    margin: 30px 20px;
    padding: 0;
    border-radius: 5px;
}

#OrderDetailPage ons-list {
    text-transform: none;
    border-radius: 5px;
}

#OrderDetailPage ons-card .list_title {
    background-color: #80808047 !important;
    color: black;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bolder;
}

#OrderDetailPage ons-card #od_show_name {
    background-color: dimgrey !important;
    color: #ffffff;
    padding: 10px 15px;
    display: flex;
    justify-content: left;
    align-items: center;
    border-radius: 5px 5px 0 0;
    font-weight: bolder;
}

#OrderDetailPage ons-card .od_show_info p {
    width: 100%;
}

#OrderDetailPage ons-card .show_date {
    display: flex;
    align-items: center;
}

#OrderDetailPage ons-card .big_date {
    font-weight: bolder;
    font-size: x-large;
    margin: 0 5px;
}

#OrderDetailPage ons-card .show_day {
    color: #237bca;
}

#OrderDetailPage ons-card #od_payment_info p {
    width: 100%;
    margin: 7px 0;
    font-size: 0.8rem;
    color: gray;
}

#OrderDetailPage ons-card #od_payment_info #od_payment_method {
    padding: 8px 0 12px 0;
    font-size: 1rem;
    color: black;
}

#OrderDetailPage .linepay_bar{
    border: solid gray 2px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px 23px;
    display: flex;
    align-items: center;
    cursor: pointer;
    FONT-SIZE: 20px;
    margin: 0 auto;
    width: fit-content;
}
#OrderDetailPage .linepay_bar img{
    width: 36.6px;
    height: 39px;
}
#OrderDetailPage .linepay_bar .linepay_text{
    line-height: 32.5px;
    font-size: 15px;
    font-weight: 900;
    margin-left: 15px;
}
#OrderDetailPage .ticket_btn {
    margin: 30px 50px;
}

#OrderDetailPage .ticket_btn ons-button {
    box-shadow: none;
}


/*申し込みページ*/

#PurchasePage .toolbar--material__left {
    display: flex;
}

#PurchasePage .toolbar--material__left span {
    color: var(--main_color);
    font-size: 15px;
}

#PurchasePage #type_title {
    text-align: center;
    padding: 15px 0;
    font-size: 20px;
}

#PurchasePage .status_bar {
    background: linear-gradient(to right, var(--main_color), #EC6967);
    display: flex;
    margin: 0 20px;
    border-radius: 15px;
    height: 30px;
    align-items: center;
    color: #ffffff;
    font-size: 10px;
    justify-content: space-between;
    padding: 0 4px;
}

#PurchasePage .status_bar ons-icon {
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    right: 10px;
}

#PurchasePage .status_bar .status_item {
    width: calc(100%/4);
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 15px;
    padding: 4px 0;
    justify-content: center;
}

#PurchasePage .status_bar .status_now {
    color: var(--main_color) !important;
    background: #ffffff !important;
}

#PurchasePage .status_bar .status_now ons-icon {
    color: var(--main_color) !important;
}

#PurchasePage .under_status_bar {
    margin: 25px 20px;
}

#PurchasePage ons-list {
    margin: 0px 20px;
}

#PurchasePage ons-list .list-header--material {
    color: black;
    font-weight: bolder;
}

#PurchasePage ons-list .list-header--material:not(:first-of-type) {
    padding-top: 8px !important;
}

#PurchasePage ons-list .list-item--material__center {
    font-size: larger;
    line-height: 25px;
}

#PurchasePage ons-card {
    border-top: solid 3px var(--main_color);
    margin: 50px 0 0 0;
    box-shadow: none;
    border-radius: unset;
}

#PurchasePage .apply_title {
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    padding: 10px 0;
    color: #656565;
}

#PurchasePage .notice_div p,
#PurchasePage .notice_div span {
    color: var(--main_color);
}

#PurchasePage ons-card ul {
    padding: 0 0 0 16px;
    line-height: 20px;
}

#PurchasePage .apply_form {
    font-size: 15px !important;
}

#PurchasePage .apply_form .item_title {
    font-weight: bolder;
    padding: 17px 0;
}

#PurchasePage .apply_form select {
    margin-bottom: 15px;
    height: 62px !important;
    width: 100%;
    border: solid 1px #616161;
    border-radius: 5px;
    padding: 15px 15px 15px 25px;
    background-position-x: 75vw;
    background-position-y: center;
    background-image:url("../img/arrow_expend.png")
}

#PurchasePage .apply_form #product_payment_method_list_select label{
    display: flex;
    align-items: center;
    padding: 20px 0;
}
#PurchasePage .apply_form #product_payment_method_list_select label img{
    height: 25px;
    width: auto;
    margin-left: 10px;
}
#PurchasePage .apply_form #product_payment_method_list_select label .radio-button--material__checkmark{
    margin-right: 25px;
}
#PurchasePage .apply_form #product_payment_method_list_select label .radio-button--material__checkmark:before{
    border-color:#adadadd1 ;
}
#PurchasePage .apply_form #product_payment_method_list_select label :checked + .radio-button--material__checkmark:before{
    border-color:var(--main_color) !important;
}
#PurchasePage .apply_form #product_payment_method_list_select label .radio-button--material__checkmark::after{
    background:var(--main_color) !important;
}
#PurchasePage .apply_form #product_payment_method_list_select label .radio_text{
    display: flex;
    align-items: center;
}
#PurchasePage .apply_form #product_payment_method_list_select p{
    background-color: #f6f6f6;
    padding: 22px;
    line-height: 26px;
    margin: 0;
}
#PurchasePage .apply_form #product_payment_method_list_select ons-button{
    background: #ffffff;
    color: var(--main_color);
    border: 1px var(--main_color) solid;
    margin-top: 20px;
}

#PurchasePage .btn_space{
    margin: 30px 0px;
    display: flex;
    justify-content: space-between;
}
#PurchasePage .btn_space ons-button:first-child{
    width: 60%;
}
#PurchasePage .btn_space ons-button:last-child{
    width: 100%;
}
#PurchasePage .btn_space #cancel_btn{
    background: #cdcdcdb0;
    color: #5d5d5d;
    margin-right: 20px;
    
}
#PurchasePage iframe{
    width: 100%;
    border: none;
}

#PurchasePage #payjp_card_form{
    margin: 20px 0;
    border: 1px solid black;
}
#PurchasePage #payjp_card_form .list-header--material{
    font-weight: normal;
    padding-left: 25px;
}
#PurchasePage #payjp_card_form .list-header--material:first-child span{
    font-size: 10px;
    float: right;
}
#PurchasePage #payjp_card_form .payjs-outer,#PurchasePage #payjp_card_form #name-form{
    border: 1px solid;
    margin-right: 10px;
    padding: 10px;
    border-radius: 5px;
    height: 19.2px;
    font-size: 1em;
    line-height: 1.2em;
}

#PurchasePage #payjp_card_form .payjs-outer::placeholder,
#PurchasePage #payjp_card_form #name-form::placeholder{
    color: #a5a5a5;
}
#PurchasePage #cvc_help p{
    background-color: #ffffff !important;
    padding: 0px !important;
    line-height: unset !important;
}
#PurchasePage #card_checked{
    border: black solid 1px;
    margin-top: 15px;
    padding: 20px 10px;
}
#PurchasePage #charge_step p {
    margin: 0;
    line-height: 20px;
}
#PurchasePage #charge_url_div .paypay{
    width: 70%;
    height: auto;
    cursor: pointer;
}
#PurchasePage #charge_url_div .linepay_div{
    border: solid gray 2px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px 23px;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
}
#PurchasePage #charge_url_div .linepay_div ons-icon{
    color: gray;
    margin-left: 15px;
}
#PurchasePage #charge_url_div .linepay {
    width: 36.6px;
    height: 39px;
}
#PurchasePage #charge_url_div .linepay_text{
    line-height: 32.5px;
    font-size: 15px;
    font-weight: 900;
    margin-left: 15px;
}
#PurchasePage #purchase_done {
    text-align: center;
    font-size: larger;
}
#PurchasePage #purchase_done ons-list-header {
    padding: 2px 16px !important;
}

#PurchasePage #purchase_done #orderchain_id {
    font-weight: bolder;
}
#PurchasePage #purchase_done .back_button {
    background: #dfdfdf !important;
    color: #6d6d6d;
    width: fit-content;
    margin: 0 auto;
    padding: 0 30px;
}



/*チケットリストページ*/

#AllTicketPage ons-toolbar {
    height: 106px;
    border: none;
}

#AllTicketPage ons-segment {
    box-shadow: none !important;
    width: 335px !important;
    height: 40px;
}

#AllTicketPage .segment--material__button {
    color: #737373;
    background-color: #8080802b;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

:checked+.segment--material__button {
    background-color: var(--main_color) !important;
    color: #ffffff !important;
}


/*チケット共通*/

.at_ticket_list .ticket_background {
    background-color: #ffffff;
    box-shadow: 0px 1px 7px 3px rgb(201 201 201 / 18%);
    margin-bottom: 45px;
    border-radius: 6px;
}

.at_ticket_list .ticket_background p {
    margin: 0px !important;

    font-size: medium;
}

.at_ticket_list .ticket_show {
    padding: 20px 15px;
}

.at_ticket_list .ticket_show_up {
    display: flex;
    justify-content: space-between;
}

.at_ticket_list .ticket_show_down {
    margin-top: 10px !important;
    align-content: space-between;
    display: flex;
    justify-content: space-between;
}

.at_ticket_list .ticket_show_time {
    width: calc( 30% - 10px );
    text-align: center;
}

.at_ticket_list .ticket_show_date {
    margin-right: 10px;
    width: 30%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.at_ticket_list .ticket_show_name {
   
    width: 65%;
    padding-top: 3px;
    display: flex;
    align-items: center;
}

.at_ticket_list .ticket_show_place {
    font-size: unset !important;
    color: #737373;
    width: 65%;
    display: flex;
    align-items: center;
}

.at_ticket_list .ticket_down {
    text-align: center;
    padding: 20px 0;
    position: relative;
}

.at_ticket_list .ticket_down img {
    border: solid 2px var(--main_color);
}

.at_ticket_list .ticket_down_div {
    display: flex;
    justify-content: center;
}

.at_ticket_list .ticket_down_status {
    width: 52%;
    border: solid 1px;
    border-radius: 20px;
    background-color: var(--main_color);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    padding: 3px;
}

.at_ticket_list .ticket_down::before {
    left: -0.5rem;
}

.at_ticket_list .ticket_down::after {
    right: -0.5rem;
}

.at_ticket_list .ticket_down::before,
.at_ticket_list .ticket_down::after {
    content: "";
    position: absolute;
    display: block;
    width: 1rem;
    height: 1rem;
    background: #f6f6f6;
    border-radius: 50%;
    top: -0.5rem;
    box-shadow: inset 0px 0px 3px 10px rgb(201 201 201 / 18%);
}


/*使用済みのチケット*/

.at_ticket_list .ticket_used .ticket_down_status {
    border: none !important;
    color: #737373;
    background-color: #73737329;
}

.at_ticket_list .ticket_used img {
    border: none !important;
}

.at_ticket_list .ticket_used ons-icon {
    color: #737373 !important;
}


/*設定ページ*/

#SettingPage li {
    border-bottom: 1px solid #8080805e !important;
    background-color: #f6f6f6;
    margin: 0;
}

#SettingPage .list-item--chevron:before,
#SettingPage .list-item__expand-chevron {
    border-color: var(--main_color) !important;
    width: 10px !important;
    height: 10px !important;
}

.alert-dialog,
.alert-dialog {
    border-radius: 5px;
}

.alert-dialog-container {
    padding: 0 !important;
}

.alert-dialog-button {
    color: var(--main_color);
}


/*よくあるご質問ページ*/

#FaqPage ons-card {
    margin: 40px 15px;
    padding: 0;
    box-shadow: none;
    border-radius: 5px;
}

#FaqPage .main_title {
    padding: 15px;
    background-color: var(--main_color);
    color: #ffffff;
    border-radius: 5px 5px 0 0;
    font-weight: bolder;
}

#FaqPage .search_background {
    background-color: #ececec;
    padding: 15px;
}

#FaqPage .search_input {
    border: none;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    width: 80%;
}

#FaqPage .search_input::placeholder {
    color: #b3b3b3;
    font-size: smaller;
}

#FaqPage .search_btn {
    background-color: var(--main_color);
    color: #ffffff;
    width: 20%;
    padding: 10px 15px;
    border-radius: 0 5px 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#FaqPage .search_btn ons-icon {
    color: #ffffff !important;
    margin-left: 5px;
    margin-top: 1px;
}

#FaqPage li {
    border-bottom: 1px solid #8080805e !important;
    margin: 0;
}

#FaqPage li ons-icon {
    margin-right: 7px;
}

#FaqPage li .list-item__center {
    padding-right: 10px !important;
}

#FaqPage li .question_title {
    width: calc(100% - 34px);
    line-height: 1.4em;
}

#FaqPage .list-item--material__left:empty,
.list-item--material__center {
    min-height: 62px;
}


/*よくあるご質問詳細ページ*/

#FaqArticlePage ons-card {
    margin: 40px 15px;
    padding: 0 0 10px 0;
    box-shadow: none;
    border-radius: 5px;
}

#FaqArticlePage .main_title {
    padding: 15px;
    background-color: var(--main_color);
    color: #ffffff;
    border-radius: 5px 5px 0 0;
    font-weight: bolder;
    font-size: larger;
}

#FaqArticlePage ons-icon {
    margin-right: 7px;
}

#FaqArticlePage .list-item__center {
    padding-right: 10px !important;
}

#FaqArticlePage .question_title {
    width: calc(100% - 34px);
    line-height: 1.4em;
    font-size: larger;
}

#FaqArticlePage .list-item--material__left:empty,
.list-item--material__center {
    min-height: 62px;
}

#FaqArticlePage #faq_article {
    background-color: #fff7f3;
    margin: 0 15px 15px 15px;
    padding: 15px;
    line-height: 1.5em;
}


/*お問い合わせページ*/

#ContactPage,
#ContactPage .list-header--material,
#ContactPage .list-item--material,
#ContactPage .text-input--material__label {
    font-size: 12px !important;
}

#ContactPage ons-card {
    margin: 40px 15px;
    padding: 0;
    box-shadow: none;
}

#ContactPage .main_title {
    padding: 15px;
    background-color: var(--main_color);
    color: #ffffff;
    border-radius: 5px 5px 0 0;
    font-weight: bolder;
    text-align: center;
}

#ContactPage .contact_intro {
    margin: 30px 16px;
    line-height: 19px;
}

#ContactPage ons-list-header {
    color: black;
    padding-top: 8px !important;
}

#ContactPage ons-input,
#ContactPage ons-select,
#ContactPage textarea {
    width: calc(100% - 10px);
}

#ContactPage .btn_div {
    padding: 0 40px 40px 40px;
}

#ContactPage #contact_cancel_btn {
    margin: 20px 40px;
    border-radius: 40px;
    background: #ffdfce !important;
    color: #726863;
}


/*新規追加ボタン*/

#VendorListPage [name="show_post_page"] {
    width: 120px;
    margin: 15px auto;
}


/*リストの詳細ボタン*/

#VendorListPage ons-card {
    border: solid 0.5px #808080ba;
    border-radius: 7px;
}

#VendorListPage ons-card ons-button {
    background: #ffdfce;
    color: #726863;
    width: 120px;
    margin: auto 0 auto auto;
    border-radius: 40px;
    font-size: 0.9rem;
    box-shadow: none;
}

#VendorAddEventPage .event_name_preview {
    line-height: 20px;
    background-color: dimgrey;
    color: #ffffff;
    font-size: 15px;
    padding: 11px 11px 11px 15px;
    font-weight: bolder;
}

#VendorAddEventPage .event_detail_preview {
    padding: 25px 15px 15px 15px;
    border: solid 1px dimgrey;
}

#VendorAddEventPage .event_detail_preview p {
    margin: 0;
    line-height: 20px;
}

#VendorEventDetailPage #edp_event_name .list-item__center {
    line-height: 20px;
}

#VendorEventDetailPage #edp_event_detail .list-item__center {
    display: block;
}

#VendorEventDetailPage #edp_event_detail p {
    margin: 0;
    line-height: 20px;
}

#VendorEventDetailPage #edp_show_list,
#VendorShowDetailPage #sdp_ticket_list,
#VendorTicketDetailage #tdp_show_list {
    width: 100%;
    padding-right: 10px;
}

#VendorEventDetailPage #edp_show_list ons-card,
#VendorShowDetailPage #sdp_ticket_list ons-card,
#VendorTicketDetailage #tdp_show_list ons-card {
    border: solid 0.5px #808080ba;
    border-radius: 7px;
    margin: 0 0 15px 0 !important;
}

#VendorEventDetailPage #edp_show_list ons-card ons-button,
#VendorShowDetailPage #sdp_ticket_list ons-card ons-button,
#VendorTicketDetailage #tdp_show_list ons-card ons-button {
    background: #ffdfce;
    color: #726863;
    width: 160px;
    margin: auto 0 auto auto;
    border-radius: 40px;
    font-size: 0.9rem;
    box-shadow: none;
}

.sendmail_button {
    border-radius: 5px;
}

.forget_pwd:hover {
    text-decoration: underline;
}

.content_down_toolbar {
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
}

.select select {
    font-size: unset;
}

#addnewpage_body ons-list-header {
    padding-top: 5px;
    font-size: 0.9rem !important;
    padding-bottom: 5px;
}

.display_none {
    display: none !important;
}

.goods_type_list {
    border: solid 0.6px;
    margin: 0 10px 10px 10px;
    border-radius: 9px;
}


.account-icon {
    width: 100px;
    height: 100px;
    border-radius: 50px;
}

.account-name {
    text-align: center;
    font-weight: 900;
    font-size: 20px;
}

.talk-header{
    height: 70px;
    padding: 15px;
}

.page__content{
    padding: 0 20px;
}