@charset "utf-8";

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body , h1 , h2 , h3 , h4 , h5 ,
input[type=text],input[type=email],input[type=button], input[type=submit] , select , option , textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif !important;
}

.wf-active body , .wf-active h1 , .wf-active h2 , .wf-active h3 , .wf-active h4 , .wf-active h5 ,
.wf-active input[type=text], .wf-active input[type=email], .wf-active input[type=button], .wf-active input[type=submit] ,
.wf-active select , .wf-active option , .wf-active textarea ,
.wf-active .toolbar-button , .wf-active .list  ,
.wf-active .alert-dialog-content , .wf-active .alert-dialog-title ,
.wf-active .alert-dialog-content--material , .wf-active .alert-dialog-title--material ,
.wf-active .toolbar--material__center , .wf-active .toolbar--material__left , .wf-active .toolbar--material__right {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans CJK JP" , "Noto Sans JP" , Roboto , sans-serif !important;
}

a {
  text-decoration : none;
}

a.button , a:visited.button , a:hover.button {
  color:#fff;
}

img {
  max-width:100%;
  height:auto;
}

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

.w100 {
  width:100%;
}

.bg-white {
  background-color:#fff;
}

.text-ccc {
  color:#ccc !important;
}

#header-menu .list .list-item__center {
  padding:0px;
}
#header-menu .list .list-item__center a {
  padding:12px 6px 12px 0;
}

#header-menu .list .list-item--material__center {
  padding:0px;
}

#header-menu .list .list-item--material__center a {
    padding:14px 6px 14px 0;
}

#header-menu .list .list-item a {
  width :100%;
  height:100%;
  text-align:left;
}

.toolbar , .toolbar__item {
  min-height : 44px;
  height : auto;
}

.toolbar , .bottom-bar {
  white-space : normal;
}

.toolbar--material__center, .toolbar--material__left, .toolbar--material__right {
  min-height : 56px;
  height : auto;
}

.toolbar--material__center {
  text-align:center;
}

.bottom-bar a {
  color : #fff;
}

.description , #copyright {
  line-height : 44px;
  font-size : 12px;
  color : #666;
}

.admin-bar .toolbar , .admin-bar ons-toolbar , .admin-bar #header-menu {
  margin-top:32px;
}

.admin-bar .container-fluid {
  top:96px !important;
  margin-top:66px !important;
  margin-bottom:96px;
}

@media screen and (max-width: 782px) {
  .admin-bar .toolbar , .admin-bar ons-toolbar , .admin-bar #header-menu {
    margin-top:46px !important;
  }

  .admin-bar .container-fluid {
    top:96px !important;
    margin-top:66px !important;
    margin-bottom:96px;
  }

}

.toolbar__center {
    width:60%
  }

.toolbar__left {
    width:19%;
}

.toolbar__right {
  width:21%;
}

@media screen and (max-width: 575px) {
  .site-title {
    font-size: 19px;
  }

  .toolbar__center {
    width:70%
  }

  .toolbar__left {
    width:16%;
  }

  .toolbar__right {
    width:14%;
  }

  .page__content h2 , .page--material__content h2 {
    font-size : 20px;
  }

}

@media screen and (max-width: 480px) {
  .site-title {
    font-size: 18px;
  }

  .toolbar__center {
    width:80%
  }

  .toolbar__left {
    min-width:12%;
    width:12%;
  }

  .toolbar__right {
    min-width:8%;
    width:8%;
  }

  .page__content h2 , .page--material__content h2 {
    font-size : 18px;
  }

}

@media screen and (max-width: 380px) {
  .site-title {
    font-size: 16px;
  }

  .toolbar__center {
    width:80%
  }

  .toolbar__left {
    min-width:12%;
    width:12%;
  }

  .toolbar__right {
    min-width:8%;
    width:8%;
  }

  .page__content h2 , .page--material__content h2 {
    font-size : 12px;
  }

  .fa-4x {
    font-size: 3em;
  }

}

@media screen and (max-width: 320px) {
  .site-title {
    font-size: 13px;
  }

  .toolbar__center {
    width:80%
  }

  .toolbar__left {
    min-width:12%;
    width:12%;
  }

  .toolbar__right {
    min-width:8%;
    width:8%;
  }

  .description , #copyright {
    font-size:10px;
  }

  .page__content h2 , .page--material__content h2 {
    font-size : 11px;
  }

  .fa-4x {
    font-size: 2em;
  }

}

.site-title {
  font-weight : bold;
  display : inline-flex;
  align-items:center;
}

.toolbar .custom-logo-link , .toolbar .custom-logo {
  max-height : 44px;
  max-width : 44px;
  margin-right: 10px;
}

.page-id-2375 .page__content {
  top:27px !important;
}

.page-id-2375 .page--material__content {
  top:37px !important;
}

.bottom-bar {
  min-height : 44px;
  height : auto;
}

.page-title {
  line-height : 33px;
  font-size : 15px;
}

.container-fluid {
  margin-top:66px !important;
  // margin-bottom:96px;
}

.logged-in .container-fluid {
  margin-bottom:96px;
}

ons-input , ons-radio , ons-checkbox , ons-search-input {
  display: flex;
  padding: 0px 5px;
  margin-bottom: 15px;
}

.radio-button--material__checkmark {
  margin-right: 5px;
}

.button--material, .button--material--flat {
  text-transform:none;
}

.list .list-header {
  display : flex !important;
}

.list .list-item {
  display : flex !important;
  width:100%;
}

.list--inset .list-header {
  background-image:none;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 999px #fff inset;
}

.formError .formErrorContent {
  padding : 10px 15px !important;
  border : none !important;
  font-weight:bold;
}

.formError .formErrorArrow div {
    border : none !important;
}

.succeeded-dialog {
  border-top : 15px solid green;
}

.succeeded-dialog .alert-dialog-title {
  color : green;
}

.errors-dialog {
  border-top : 15px solid red;
}

.errors-dialog .alert-dialog-title {
  color : red;
}

.notice-dialog {
  border-top : 15px solid orange;
  width:75%;
}

.notice-dialog .alert-dialog-title {
  color : orange;
}

.notice-dialog ons-progress-circular {
  width : 64px;
  height : 64px;
  margin: 15px 0px 30px 0px;
}

#pwa_toast {
  bottom:auto;
  top: 120px;
}

#bottom_toast {
  margin-bottom: 120px;
}

#wpg-login {
  width : 100%;
  margin:0px;
}

#google {
  background-color:#db4a39;
}

#facebook {
  background-color:#305097;
}

#twitter {
  background-color:#00aced;
}

#line {
  background-color:#00b900;
}

#delete_btn , #no_btn {
  background-color:red;
  cursor: pointer;
}

.alert-dialog-button {
  cursor: pointer;
}

#account_delete {
  color:red;
}

#card-errors {
  margin-top:10px;
  color:red;
}

@media (display-mode: standalone) {
  #pwa_toast {
    display:none !important;
  }
}

#mw_wp_form_mw-wp-form-671 ul {
  padding:20px 0px;
  margin-bottom :20px;
}

#mw_wp_form_mw-wp-form-671 ul li {
  padding:14px;
}

#mw_wp_form_mw-wp-form-671 ul li ons-input {
  width:100%;
}

.mw_wp_form_input ul li:nth-child(3) , .mw_wp_form_input ul li:nth-child(4) {
  display:none;
}

.mw_wp_form_confirm ul li:nth-child(5) {
  display:none;
}

.page-id-2936 .page__background {
  background-color:#fff;
}

.page-id-2936 #qrcode {
  text-align:center;
}

.page-id-2936 #qrcode canvas {
  max-width:512px;
  width:100%;
}

.page-id-2936.admin-bar .container-fluid {
  top:0px !important;
  margin-top:96px !important;
  margin-bottom: 0px !important;
}

.page-id-2936 .bottom-bar {
  background-color:#fff;
  min-height:auto;
}

#forgot_pass .button {
  white-space:normal;
}

#qrcode canvas {
  max-width:256px;
  width:100%;
}

@media screen and (max-width: 320px) {
  #qrcode canvas {
    max-width:160px;
  }

  #qrcode + .h2 {
    font-size:1.25rem;
  }
}

input[type="submit"] , input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

ol li {
  margin-top :var(--space-1);
  margin-bottom :var(--space-1);
}

ol li ol {
  list-style:lower-alpha;
}

#pp + ol {
  list-style:decimal;
}

#pp + ol li ol {
  list-style:lower-alpha;
}

#pp + ol li ol li ol {
  list-style:lower-roman;
}

#managed .list-item__center {
  justify-content:center;
  color:#777;
}

#post-2190 {
  overflow-y:scroll !important;
}

.notification-success {
  background : #009908;
}

.ons-ios-scroll.ons-ios-scroll-fix .page__content {
  overflow-y:auto !important;
}