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