html {
  min-width: 320px;
  height: 100vh;
  /* height: calc(var(--htmlvh, 1vh) * 100); */
  min-height: 400px;
  /* for iOS */
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-all !important;
}

@media (min-height: 400px) {
  html {
    overflow: hidden;
  }
}

body {
  height: 100vh;
  /* height: calc(var(--bodyvh, 1vh) * 100); */
  min-height: 400px;
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #fbcfe8;
  --tw-gradient-stops: var(--tw-gradient-from),
    var(--tw-gradient-to, rgba(251, 207, 232, 0));
  --tw-gradient-to: #bfdbfe;
  /* for iOS */
  overflow: hidden;
}

/* for iOS */
.scroll-grid-content-wrapper {
  height: 100%;
}
/* for iOS */
.scroll-content-wrapper {
  height: auto;
}

/* for iOS */
.ios-scroll-element {
  height: calc(100% + 2px);
}

/* for iOS */
#sidebar .sidebar-content .ios-scroll-element {
  height: calc(100vh - 46px + 2px) !important;
}

.my-bg {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(56 48 163 / var(--tw-bg-opacity)) !important;
}

.responsive-text span {
  display: inline-block;
}

select {
  overflow-x: hidden !important;
}

/* ボタンのローディング表示
********************************************************************/

.is-loading {
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.1) 50%,
    transparent 0%
  );
  background-size: 200% 50%;
  background-position: right bottom;
  -webkit-animation: loading 0.5s linear;
  animation: loading 0.5s linear;
}

@keyframes loading {
  0% {
    background-position: right bottom;
  }
  100% {
    background-position: left bottom;
  }
}

/* autofill-color対処(GoogleChrome, firefox) 
********************************************************************/

input:-webkit-autofill {
  /* chrome */
  animation-name: onAutoFillStart;
  transition: background-color 50000s ease-in-out 0s;
}

input {
  /* firefox */
  filter: none;
}

input:autofill {
  /* firefox */
  background: #fff;
}

/* 画像表示対応(GoogleChrome) 
********************************************************************/

/* img {
  image-rendering: -webkit-optimize-contrast;
} */

/* aタグ対応(safari) 
********************************************************************/

a[type="button"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* aタグ対応（bootstrap）
********************************************************************/
a {
  color: inherit;
  text-decoration: inherit;
}

/* bootstrap調整
********************************************************************/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

/* 標準テキスト */
.text-theme {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}

/* 標準ボーダー */
.border-theme {
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / var(--tw-border-opacity));
}

/* レスポンシブボタン */

.btn-responsive {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

@media (min-width: 640px) {
  .btn-responsive {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
  }
}

/* 標準ボタン */

.btn-theme {
  color: #fff;
  background-color: #3830a3;
  border-color: #3830a3;
}

.btn-theme:hover {
  color: #fff;
  background-color: #2e2787;
  border-color: #2b247d;
}

.btn-check:focus + .btn-theme,
.btn-theme:focus {
  color: #fff;
  background-color: #2e2787;
  border-color: #2b247d;
  box-shadow: 0 0 0 0.25rem rgba(72, 66, 161, 0.5);
}

.btn-check:checked + .btn-theme,
.btn-check:active + .btn-theme,
.btn-theme:active,
.btn-theme.active,
.show > .btn-theme.dropdown-toggle {
  color: #fff;
  background-color: #2b247d;
  border-color: #282173;
}

.btn-check:checked + .btn-theme:focus,
.btn-check:active + .btn-theme:focus,
.btn-theme:active:focus,
.btn-theme.active:focus,
.show > .btn-theme.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(72, 66, 161, 0.5);
}

.btn-theme:disabled,
.btn-theme.disabled {
  color: #fff;
  background-color: #3830a3;
  border-color: #3830a3;
}

.btn-indigo {
  color: #fff;
  background-color: #3830a3;
  border-color: #3830a3;
}

.btn-indigo:hover {
  color: #fff;
  background-color: #2e2787;
  border-color: #2b247d;
}

.btn-check:focus + .btn-indigo,
.btn-indigo:focus {
  color: #fff;
  background-color: #2e2787;
  border-color: #2b247d;
  box-shadow: 0 0 0 0.25rem rgba(72, 66, 161, 0.5);
}

.btn-check:checked + .btn-indigo,
.btn-check:active + .btn-indigo,
.btn-indigo:active,
.btn-indigo.active,
.show > .btn-indigo.dropdown-toggle {
  color: #fff;
  background-color: #2b247d;
  border-color: #282173;
}

.btn-check:checked + .btn-indigo:focus,
.btn-check:active + .btn-indigo:focus,
.btn-indigo:active:focus,
.btn-indigo.active:focus,
.show > .btn-indigo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(72, 66, 161, 0.5);
}

.btn-indigo:disabled,
.btn-indigo.disabled {
  color: #fff;
  background-color: #3830a3;
  border-color: #3830a3;
}

/* LINE用ボタン */

.btn-line {
  color: #fff;
  background-color: #06c755;
  border-color: #06c755;
}

.btn-line:hover {
  color: #fff;
  background-color: #05ab49;
  border-color: #05a145;
}

.btn-check:focus + .btn-line,
.btn-line:focus {
  color: #fff;
  background-color: #059640;
  border-color: #05a145;
  box-shadow: 0 0 0 0.25rem rgba(41, 194, 103, 0.5);
}

.btn-check:checked + .btn-line,
.btn-check:active + .btn-line,
.btn-line:active,
.btn-line.active,
.show > .btn-line.dropdown-toggle {
  color: #fff;
  background-color: #05a145;
  border-color: #048f3d;
}

.btn-check:checked + .btn-line:focus,
.btn-check:active + .btn-line:focus,
.btn-line:active:focus,
.btn-line.active:focus,
.show > .btn-line.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(41, 194, 103, 0.5);
}

.btn-line:disabled,
.btn-line.disabled {
  color: #fff;
  background-color: #06c755;
  border-color: #06c755;
}

/* アウトラインボタン */

.btn-outline-white {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-white:hover {
  color: #3830a3;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-check:focus + .btn-outline-white,
.btn-outline-white:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}

.btn-check:checked + .btn-outline-white,
.btn-check:active + .btn-outline-white,
.btn-outline-white:active,
.btn-outline-white.active,
.btn-outline-white.dropdown-toggle.show {
  color: #3830a3;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-check:checked + .btn-outline-white:focus,
.btn-check:active + .btn-outline-white:focus,
.btn-outline-white:active:focus,
.btn-outline-white.active:focus,
.btn-outline-white.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}

.btn-outline-white:disabled,
.btn-outline-white.disabled {
  color: #3830a3;
  background-color: transparent;
}

.btn-outline-theme {
  color: #3830a3;
  border-color: #3830a3;
}

.btn-outline-theme:hover {
  color: #f8f9fa;
  background-color: #3830a3;
  border-color: #3830a3;
}

.btn-check:focus + .btn-outline-theme,
.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 18, 463, 0.2);
}

.btn-check:checked + .btn-outline-theme,
.btn-check:active + .btn-outline-theme,
.btn-outline-theme:active,
.btn-outline-theme.active,
.btn-outline-theme.dropdown-toggle.show {
  color: #f8f9fa;
  background-color: #3830a3;
  border-color: #3830a3;
}

.btn-check:checked + .btn-outline-theme:focus,
.btn-check:active + .btn-outline-theme:focus,
.btn-outline-theme:active:focus,
.btn-outline-theme.active:focus,
.btn-outline-theme.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 18, 463, 0.2);
}

.btn-outline-theme:disabled,
.btn-outline-theme.disabled {
  color: #3830a3;
  background-color: transparent;
}

.btn-outline-indigo {
  color: #3830a3;
  border-color: #3830a3;
}

.btn-outline-indigo:hover {
  color: #f8f9fa;
  background-color: #3830a3;
  border-color: #3830a3;
}

.btn-check:focus + .btn-outline-indigo,
.btn-outline-indigo:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 18, 463, 0.2);
}

.btn-check:checked + .btn-outline-indigo,
.btn-check:active + .btn-outline-indigo,
.btn-outline-indigo:active,
.btn-outline-indigo.active,
.btn-outline-indigo.dropdown-toggle.show {
  color: #f8f9fa;
  background-color: #3830a3;
  border-color: #3830a3;
}

.btn-check:checked + .btn-outline-indigo:focus,
.btn-check:active + .btn-outline-indigo:focus,
.btn-outline-indigo:active:focus,
.btn-outline-indigo.active:focus,
.btn-outline-indigo.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 18, 463, 0.2);
}

.btn-outline-indigo:disabled,
.btn-outline-indigo.disabled {
  color: #3830a3;
  background-color: transparent;
}

/* アウトラインボタン(チェックボックスタイプ) */
.btn-outline-theme.btn-check-type:hover {
  color: #3830a3;
  background-color: transparent;
}

.btn-check:checked + .btn-outline-theme.btn-check-type,
.btn-check:active + .btn-outline-theme.btn-check-type,
.btn-outline-theme.btn-check-type:active,
.btn-outline-theme.btn-check-type.active,
.btn-outline-theme.btn-check-type.dropdown-toggle.show {
  color: #f8f9fa !important;
  background-color: #3830a3 !important;
}

.btn-outline-indigo.btn-check-type:hover {
  color: #3830a3;
  background-color: transparent;
}

.btn-check:checked + .btn-outline-indigo.btn-check-type,
.btn-check:active + .btn-outline-indigo.btn-check-type,
.btn-outline-indigo.btn-check-type:active,
.btn-outline-indigo.btn-check-type.active,
.btn-outline-indigo.btn-check-type.dropdown-toggle.show {
  color: #f8f9fa !important;
  background-color: #3830a3 !important;
}

/* 文字リンク */

.link-theme {
  color: #3830a3;
}

.link-theme:hover,
.link-primary:focus {
  color: #665dd9;
}

.link-indigo {
  color: #3830a3;
}

.link-indigo:hover,
.link-primary:focus {
  color: #665dd9;
}

/* select2 */
.select2-search__field {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #ffffff;
}

/* loghtbox2 */
.lb-nav {
  pointer-events: none;
}
.lb-dataContainer {
  min-width: 320px;
}

.lb-prev,
.lb-next {
  pointer-events: auto;
}

/* bootstrap */
.tooltip-inner {
  text-align: left !important;
}

/* boostrap 選択中のモーダルタブ */
.nav-tabs .nav-item .nav-link.active {
  font-weight: bold !important;
}

/* header-navigationの自治会サポ！についてdropdown */
.a-header-navigation.dropdown-toggle::after {
  display: none;
}