@charset "UTF-8";
/* Scss Document */
/*=============================================================
 レイアウト設定
=============================================================*/
.error-message {
  color: #dc3545!important;
}

/*--------------------------------------------------------------------
チケット使用確認
---------------------------------------------------------------------*/
.ticket-btn-area {
  margin-top:50px;
  margin-bottom:0;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.ticket-btn-area .message {
  font-weight:bold;
  margin-bottom:20px;
}

@media print, screen and (min-width: 575.9px) {
.btn-tc-checkin {
  margin-right:30px;
}}
@media print, screen and (max-width: 576px) {
.btn-tc-checkin {
  margin-bottom:15px;
}}

/*--------------------------------------------------------------------
会員登録
---------------------------------------------------------------------*/
.reg-body {
  background-color:white;
}
.reg-header {
  background-color: white; 
  position: flow-root; 
  left: 0; 
  top: 0; 
  width: 100%; 
  margin: 0 auto; 
  z-index: 6 !important; 
  transition: .5s; 
/*    position: relative; */
}
.reg-header:after {
    content: "\000A";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    position: relative;
}

@media screen and (min-width: 767.9px) {
.reg-flex-box {
  padding: 0 2vw; 
  margin: 0 auto;  
  max-width: 1260px;
   min-width: 60%; 
   height: 100px; 
   letter-spacing: 0.2em;
}}

.reg-flex-box {
  margin: 0 auto;  
   line-height: 1.5; 
   transition: .5s;
   align-items: center; 
   justify-content: space-between; 
/*   display: block; */
   display: flex;
   -webkit-box-pack: justify; 
   flex-flow: row wrap;
   position: relative;
}
.reg-flex-box:after {
    content: "\000A";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    position: relative;
}

.reg-h1 {
  font-size:1.2vw; 
  position: relative; 
  z-index: 2; 
  display: flex; 
  align-items: center;
  text-align: left; 
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight:700;
  line-height: 1.25;
  font-style: normal;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 767.9px) {
  .reg-h1 {
      letter-spacing: 0.2em; 
  line-height: 1.5;
  font-size: 16px;
}}

@media screen and (max-width: 767.9px) {
  .reg-h1 {
    margin-top:9px;
    line-height: 1.25;
    display: flex;
    align-items: center;
    font-size: 2.5vw;
    text-align: left; }}

@media screen and (min-width: 767.9px) and (max-width: 1170px){
body .view-tab {
    display: block; }}

body .view-tab {
    display: none;
}

@media screen and (min-width: 767.9px) and (max-width: 1169.9px) {
  .reg-logo-img {
    width: 5vw;
    height: auto;
    margin-right: 1vw; }}

@media screen and (max-width: 767.9px) {
.reg-logo-img {
    width: auto;
    height: 40px;
    margin-right: 3vw;}}

@media screen and (min-width: 1169.9px) {
.reg-logo-img {
    width: auto;
    height: 55px;
    margin-right: 10px;}}


@media screen and (max-width: 767.9px){
.reg-logo-img {
    margin-left: 5vw;
    line-height: 1.25;
    display: flex;
    align-items: center;
    font-size: 2.5vw;
    text-align: left; }}

.register-logo {
  position: relative;
}

.reg-rtn-btn {
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
  padding: 10px 20px 10px 20px;
  width: 160px;
  display: block;
  letter-spacing: 0.05em;
  background: #545454;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-align:center;
}
.reg-rtn-btn:hover {
  opacity:0.8;
  color:#fff;
}
@media screen and (max-width: 770px) {
  .reg-rtn-btn {
    margin-top: 36px;
    margin-bottom: 24px;
    padding: 8px 16px 8px 16px;
    width: 120px;
    font-size: 12px;
  }
}
.wrapper {
  overflow:auto;
  width:100%;
  background-color: white;
}
.content-wrapper {
  overflow:auto;
  height:auto;
}
.content-header{
/*  display:flow-root; */
  display:block;
  position:relative;
}
.error {
  text-align:center;
  margin:0 auto 30px auto;
}
body.register-page .register-logo {
  font-size: 24px !important;
}
.card-footer {
  margin-top: 20px; /* パスワード入力欄からの間隔を設定 */
}