/*
Theme Name: mwp theme
Theme URI: http://www.design-inc.jp/
Description: mwp theme
Author: Design Inc.
Author URI: http://www.design-inc.jp/
Version: 1.23.1
*/

/* base
------------------------------------------*/
*,
*:before,
*:after {
  outline: none;
  box-sizing: border-box;
}
.preload * {
  transition: none !important;
}
html {
  font-size: 62.5%;
  background: var(--body-color-bg);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  line-height: 1.3;
}
a,
button {
  color: inherit;
  text-decoration: none;
  user-select: none;
}
@media (hover: hover) {
  a,
  button {
    transition: all 0.2s linear;
  }
  a:hover,
  button:hover {
    opacity: 0.6;
  }
}
ul,
ol {
  list-style: none;
}
table th,
table td {
  text-align: left;
  vertical-align: top;
}
img {
  position: relative;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  backface-visibility: hidden;
  transition: all 0.2s linear;
}
iframe {
  width: 100%;
}
::placeholder {
  color: #bbb;
}

/* js plugin
------------------------------------------*/

/* Luminous */
.lum-lightbox {
  z-index: 10000;
}
.lum-previous-button:after,
.lum-next-button:after {
  box-shadow: none;
}
@media (max-width: 460px) {
  .lum-lightbox-inner img {
    max-width: 98%;
    max-height: 98%;
  }
}

/* Swiper */
.swiper-pagination .swiper-pagination-bullet {
  background: var(--text-color);
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: var(--main-color);
}

/* Google Material Symbols
------------------------------------------*/
.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 20;
}