/*
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.9.0
*/

/* base
------------------------------------------*/
*,
*:before,
*:after {
  outline: none;
  box-sizing: border-box;
}
.preload * {
  transition: none !important;
}
html {
  font-size: 62.5%;
  background: var(--body-color-bg);
}
body,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
table,
td,
th,
input,
textarea,
select,
label,
button {
  color: var(--text-color);
  font-size: 1.6rem;
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "YuGothic",
    "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo",
    sans-serif;
  font-weight: 500;
  line-height: 1.6;
  word-break: break-all;
  word-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.3;
}
a,
button {
  color: inherit;
  text-decoration: none;
  user-select: none;
}
.hover {
  cursor: pointer;
}
.pc a,
.pc button,
.pc .hover {
  transition: all 0.2s linear;
}
.pc a:hover,
.pc button:hover,
.pc .hover: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;
}
.serif {
  font-family: "Times New Roman", "YuMincho", "Yu Mincho",
    "Hiragino Mincho ProN", "MS PMincho", serif;
}
.en {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "YuGothic",
    "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo",
    sans-serif;
}

/* 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%;
  }
}