@charset "UTF-8";
@charset "UTF-8";


html, body {
width: 100%;
margin: 0;
padding: 0;
font-size: 62.5%;
height: auto;
}
body {
width: 100%;
margin: 0;
color: #000;
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 500;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
.pc {
display: none !important;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
color: inherit;
}
img {
max-width: 100%;
height: auto;
}
#wrapper {
background: #fff;
}
p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
}
strong {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
font-weight: bold;
}
#loader-bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #f4f4f4;
z-index: 1;
}
#loader {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin-top: -30px;
margin-left: -30px;
text-align: center;
color: #fff;
z-index: 2;
}
.fulfilling-bouncing-circle-spinner, .fulfilling-bouncing-circle-spinner * {
box-sizing: border-box;
}
.fulfilling-bouncing-circle-spinner {
height: 60px;
width: 60px;
position: relative;
animation: fulfilling-bouncing-circle-spinner-animation infinite 4000ms ease;
}
.fulfilling-bouncing-circle-spinner .orbit {
height: 60px;
width: 60px;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
border: calc(60px * 0.03) solid #ec7b3f;
animation: fulfilling-bouncing-circle-spinner-orbit-animation infinite 4000ms ease;
}
.fulfilling-bouncing-circle-spinner .circle {
height: 60px;
width: 60px;
color: #ff1d5e;
display: block;
border-radius: 50%;
position: relative;
border: calc(60px * 0.1) solid #ec7b3f;
animation: fulfilling-bouncing-circle-spinner-circle-animation infinite 4000ms ease;
transform: rotate(0deg) scale(1);
}
@keyframes fulfilling-bouncing-circle-spinner-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes fulfilling-bouncing-circle-spinner-orbit-animation {
0% {
transform: scale(1);
}
50% {
transform: scale(1);
}
62.5% {
transform: scale(0.8);
}
75% {
transform: scale(1);
}
87.5% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
@keyframes fulfilling-bouncing-circle-spinner-circle-animation {
0% {
transform: scale(1);
border-color: transparent;
border-top-color: inherit;
}
16.7% {
border-color: transparent;
border-top-color: initial;
border-right-color: initial;
}
33.4% {
border-color: transparent;
border-top-color: inherit;
border-right-color: inherit;
border-bottom-color: inherit;
}
50% {
border-color: inherit;
transform: scale(1);
}
62.5% {
border-color: inherit;
transform: scale(1.4);
}
75% {
border-color: inherit;
transform: scale(1);
opacity: 1;
}
87.5% {
border-color: inherit;
transform: scale(1.4);
}
100% {
border-color: transparent;
border-top-color: inherit;
transform: scale(1);
}
}
.home .wp_social_bookmarking_light, .home .wp_social_bookmarking_light_clear {
display: none;
}
.fadein {
opacity: 0;
transform: translate(0, 100px);
transition: all 1s;
}
.fadein.active {
opacity: 1;
transform: translate(0, 0);
}
.header {
display: flex;
align-items: center;
width: 100%;
height: 70px;
background: #fff;
}
.header .inner {
padding: 0 0 0 2%;
}
.header .inner .header-logogroup p {
font-size: 10px;
padding: 3px 2% 5px;
}
.header .inner .header-logogroup .logo-wrap {
display: flex;
align-items: center;
padding: 5px 0;
height: 70px;
}
.header .inner .header-logogroup p.logo-txt {
padding: 0 0 0 16px;
text-align: center;
color: #ff5700;
line-height: 1.3;
font-size: 12px;
margin-top: 0;
}
.header .inner h1 img {
width: 150px;
height: auto;
}
.header .inner::after {
content: "";
clear: both;
display: block;
}
.header .hdr-tel a {
display: block;
width: 50px;
height: 50px;
position: absolute;
top: 5px;
right: 70px;
background: #e00;
border-radius: 5px;
}
.header .hdr-tel a img {
width: 44px;
height: 44px;
margin: 3px;
}
.des {
color: #fff;
background: #8e8e89;
font-size: 10px;
font-size: 1rem;
padding: 3px 15px;
}
.main-image {
width: 100%;
height: auto;
position: relative;
margin-bottom: 32px;
background-image: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/main-bg01.jpg);
background-size: auto 600px;
background-repeat: no-repeat;
background-position: 50% 0;
}
.main-image img {
width: 100%;
height: auto;
}
.main-image .top-main-slider img {
display: none !important;
}
.main-image .top-main-slider img ~ img {
display: block !important;
}
.top-main-slider {
position: relative;
padding-bottom: 30px;
}
.top-main-slider .flex-control-nav {
bottom: 0;
}
.top-main-slider .flex-direction-nav .flex-prev,
.top-main-slider .flex-direction-nav .flex-next {
opacity: 0;
}
.main-image p.float {
position: absolute;
width: 80%;
height: auto;
font-size: 8vw;
left: 4%;
bottom: 4%;
}
.main-under {
margin: 0 auto;
width: 92%;
height: auto;
}
.main-under .wrap h2 img {
width: 97px;
height: auto;
margin-bottom: 10px;
}
.main-under .wrap .box, .main-under .wrap-u .box {
display: flex;
position: relative;
padding-bottom: 4%;
margin-bottom: 4%;
border-bottom: 1px dashed #afafaf;
}
.main-under .wrap .box.reverse, .main-under .wrap-u .box.reverse {
flex-direction: row-reverse;
}
.main-under .wrap .box {
align-items: center;
}
.main-under .wrap .box .image, .main-under .wrap-u .box .image {
width: 70px;
height: auto;
margin-right: 10px;
}
.main-under .wrap .box.reverse .image, .main-under .wrap-u .box.reverse .image {
margin-right: 0;
margin-left: 10px;
}
.main-under .wrap .box p, .main-under .wrap-u .box p {
width: calc(100% - 80px);
font-size: 12px;
line-height: 1.3;
}
.main-under .wrap .box p span.t {
color: #ed6d3b;
}
.main-under .wrap .box p span.n {
color: #e2b500;
}
.main-under .wrap-u .box p span.k {
color: #009ae2;
}
.main-under .wrap-u .box p span.i {
color: #ff5ccc;
}
.main-under .wrap .box p span.name, .main-under .wrap-u .box p span.name {
font-size: 12px;
}
.main-under .wrap .box .image img {
width: 100%;
height: auto;
}
.bnr-slide {
padding: 40px 15px 24px;
background-image: url(//www.m-paint.net/wp-content/themes/default/assets/img/common/bg.jpg);
overflow: hidden;
}
.corona {
padding: 60px 15px;
text-align: center;
position: relative;
overflow: hidden;
}
.corona img.left {
position: absolute;
left: 0;
top: 60px;
width: 28px;
height: auto;
}
.corona img.right {
position: absolute;
left: 50%;
margin-left: 30%;
top: 8px;
width: 79px;
height: auto;
}
.corona h2 {
font-size: 21px;
font-size: 2.1rem;
font-weight: bold;
margin-bottom: 40px;
position: relative;
display: inline-block;
}
.corona h2 img {
position: absolute;
top: -20px;
left: -40px;
width: 66px;
height: auto;
}
.corona p {
line-height: 2;
margin-bottom: 48px;
text-align: left;
}
.corona a {
display: block;
padding: 20px 8%;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.corona a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 10px;
transition: 0.3s;
}
.corona a::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.corona a:hover {
background: #b1b1b0;
}
.corona a:hover::after {
right: 5px;
}
.center-bnr {
padding: 24px 15px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/common/bg.jpg);
}
.center-bnr img {
width: 100%;
height: auto;
margin: 0 auto;
}
.license {
text-align: center;
padding: 16px 0;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/license-bg.png);
}
.license .inner {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
padding: 32px 15px 16px;
}
.license .inner h2 {
margin-bottom: 32px;
}
.license .inner img {
margin: 0 auto;
}
.reason {
text-align: center;
position: relative;
padding: 70px 0;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/section-reason-bg.png);
}
.reason h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
display: inline-block;
margin: 0 auto 32px;
}
.reason h2 img {
margin: 0 auto 8px;
line-height: 1;
width: 100.5px;
height: auto;
}
.reason h2 img.reason-text {
width: 44px;
height: auto;
position: absolute;
top: 40px;
left: -20px;
}
.reason h2 span {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding-left: 20px;
}
.reason .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 15px;
margin: 0 auto 40px;
}
.reason .wrap .box {
width: 100%;
height: 20vw;
display: flex;
background: #fff;
position: relative;
margin-bottom: 24px;
align-items: center;
}
.reason .wrap .box img.corner {
width: 41px;
height: auto;
position: absolute;
left: 0;
top: 0;
}
.reason .wrap .box .image {
width: 30%;
height: 100%;
background-position: center;
background-size: cover;
}
.reason .wrap .box p {
width: 70%;
padding: 12px;
font-size: 14px;
font-size: 1.4rem;
text-align: left;
}
.reason a {
display: block;
width: 92%;
margin: 0 auto;
padding: 20px 8%;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.reason a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.reason a::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.reason a:hover {
background: #b1b1b0;
}
.reason a:hover::after {
right: 10px;
}
@media screen and (max-width: 374px) {
.reason .wrap .box p {
font-size: 13px;
font-size: 1.3rem;
}
}
#review {
text-align: center;
position: relative;
padding: 70px 0;
background-image: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/review-bg.png);
}
#review .loop {
width: 100%;
height: 40px;
position: absolute;
bottom: 0;
background-image: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/review-loop-sp.png);
background-repeat: repeat-x;
}
#review h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
display: inline-block;
margin: 0 auto 44px;
padding: 0;
}
#review h2::before {
content: none;
}
#review h2 img#review-text {
width: 52px;
height: auto;
position: absolute;
top: -25px;
left: -20px;
}
#review h2 span {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
}
#review .wrap {
display: flex;
justify-content: space-between;
padding: 0 15px;
}
#review .wrap .box {
width: 48%;
background: #fff;
margin: 0;
}
#review .wrap .box p.title {
text-align: center;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
line-height: 1;
margin-bottom: 16px;
padding: 20px 0;
background: #EA5404;
}
#review .wrap .box .star {
text-align: center;
margin-bottom: 16px;
}
#review .wrap .box .star p {
margin-bottom: 8px;
color: #ffd200;
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
}
#review .wrap .box .star img {
width: 60%;
height: auto;
margin: 0 auto;
}
#review .wrap .box a {
width: 92%;
margin: 0 auto;
display: block;
padding: 2%;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
margin-bottom: 24px;
}
#review .wrap .box a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 10px;
transition: 0.3s;
}
#review .wrap .box a::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
#review .wrap .box a:hover {
background: #b1b1b0;
}
#review .wrap .box a:hover::after {
right: 5px;
}
.about {
text-align: center;
position: relative;
padding: 70px 0 32px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/common/bg.jpg);
}
.about h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
display: inline-block;
margin: 0 auto 32px;
}
.about h2 img {
margin: 0 auto 8px;
line-height: 1;
width: 100.5px;
height: auto;
}
.about h2 img.painting-text {
width: 52px;
height: auto;
position: absolute;
top: 40px;
left: -20px;
}
.about h2 span {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding-left: 20px;
}
.about p.intro {
padding: 0 15px;
font-size: 14px;
font-size: 1.4rem;
text-align: left;
margin-bottom: 24px;
line-height: 2;
}
.about .wrap {
width: 92%;
margin: 0 auto;
background: #fff;
}
.about .wrap .image {
width: 100%;
margin-bottom: 16px;
}
.about .wrap .image img {
width: 100%;
height: auto;
}
.about .wrap .txt ul {
padding-bottom: 24px;
}
.about .wrap .txt ul li {
text-align: left;
list-style-type: none;
margin-bottom: 16px;
padding: 0 8px;
}
.about .wrap .txt ul li a {
font-size: 16px;
font-size: 1.6rem;
}
.about .wrap .txt ul li a:hover {
color: #ec6400;
}
.about .wrap .txt ul li a span {
color: #ccc;
}
.about .wrap .txt ul li:nth-last-of-type(1) {
margin-bottom: 0;
}
.works {
text-align: center;
position: relative;
padding: 32px 15px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/works-bg.png);
}
.works h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
display: inline-block;
margin: 0 auto 32px;
}
.works h2 img {
margin: 0 auto;
line-height: 1;
width: 100.5px;
height: auto;
margin-bottom: 8px;
}
.works h2 img.works-text {
width: 32px;
height: auto;
position: absolute;
top: 44px;
left: 9px;
}
.works h2 span {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding-left: 20px;
}
.works p.intro {
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 24px;
line-height: 2;
}
.works .flexslider2 {
margin-bottom: 80px;
position: relative;
}
.works .flexslider2 ul.slides li a {
display: block;
padding: 10px;
background: 0;
width: 92%;
margin: 0 auto;
background: #fff;
text-decoration: none;
position: relative;
}
.works .flexslider2 ul.slides li a .image {
width: 100%;
height: 182px;
background-size: cover;
background-position: center;
margin-bottom: 16px;
overflow: hidden;
position: relative;
z-index: 10;
}
.works .flexslider2 ul.slides li a .image img {
transition: 0.5s;
}
.works .flexslider2 ul.slides li a p.title {
text-align: left;
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
transition: 0.3s;
}
.works .flexslider2 ul.slides li a p.date {
color: #868686;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
}
.works .flexslider2 ul.slides li a:hover .overley {
opacity: 1;
}
.works .flexslider2 ul.slides li a:hover .image img {
transform: scale(1.1, 1.1);
}
.works .flexslider2 ul.slides li a:hover p.title {
color: #ec6400;
}
.works a.btn {
display: block;
width: 92%;
margin: 0 auto;
padding: 20px 8%;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.works a.btn::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.works a.btn::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.works a.btn:hover {
background: #b1b1b0;
}
.works a.btn:hover::after {
right: 10px;
}
.voice {
text-align: center;
position: relative;
padding: 32px 15px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/common/bg.jpg);
}
.voice h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
display: inline-block;
margin: 0 auto 32px;
}
.voice h2 img {
margin: 0 auto;
line-height: 1;
width: 100.5px;
height: auto;
margin-bottom: 8px;
}
.voice h2 img.voice-text {
width: 30px;
height: auto;
position: absolute;
top: 42px;
left: -17px;
}
.voice h2 span {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding-left: 10px;
}
.voice p.intro {
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 32px;
line-height: 2;
}
.voice .flexslider2 {
margin-bottom: 80px;
position: relative;
}
.voice .flexslider2 ul.slides li a {
display: block;
padding: 10px;
background: 0;
width: 92%;
margin: 0 auto;
background: #fff;
text-decoration: none;
position: relative;
}
.voice .flexslider2 ul.slides li a .image {
width: 100%;
height: 182px;
background-size: cover;
margin-bottom: 16px;
overflow: hidden;
position: relative;
z-index: 10;
background-position: top;
}
.voice .flexslider2 ul.slides li a .image img {
transition: 0.5s;
}
.voice .flexslider2 ul.slides li a p.title {
text-align: left;
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
transition: 0.3s;
}
.voice .flexslider2 ul.slides li a p.date {
color: #868686;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
}
.voice .flexslider2 ul.slides li a:hover .overley {
opacity: 1;
}
.voice .flexslider2 ul.slides li a:hover .image img {
transform: scale(1.1, 1.1);
}
.voice .flexslider2 ul.slides li a:hover p.title {
color: #ec6400;
}
.voice a.btn {
display: block;
padding: 20px 8%;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.voice a.btn::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.voice a.btn::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.voice a.btn:hover {
background: #b1b1b0;
}
.voice a.btn:hover::after {
right: 10px;
}
.greetings {
text-align: center;
position: relative;
padding: 32px 15px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/works-bg.png);
}
.greetings h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
display: inline-block;
margin: 0 auto 32px;
}
.greetings h2 img {
margin: 0 auto;
line-height: 1;
width: 100.5px;
height: auto;
margin-bottom: 8px;
}
.greetings h2 img.greetings-text {
width: 30px;
height: auto;
position: absolute;
top: 42px;
left: -17px;
}
.greetings h2 span {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding-left: 10px;
}
.greetings .wrap .image {
max-width: 80%;
margin: 0 auto 30px;
}
.greetings .wrap .txt {
margin-bottom: 30px;
}
.greetings p {
text-align: left;
margin: 0 auto;
font-size: 16px;
line-height: 2;
max-width: 860px;
}
.greetings a.btn {
display: block;
padding: 20px 8%;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
margin: 30px auto 10px;
}
.greetings a.btn::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.greetings a.btn::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.greetings a.btn:hover {
background: #b1b1b0;
}
.greetings a.btn:hover::after {
right: 10px;
}
.greetings .wrap .news {
margin-bottom: 60px;
}
.greetings .wrap .news h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
margin: 0 auto;
}
.greetings .wrap .news h2 img.news-text {
width: 38px;
height: auto;
position: absolute;
top: -19px;
left: 31%;
}
.greetings .wrap .news dl {
padding: 30px 0 15px;
border-bottom: 1px dotted #ccc;
}
.greetings .wrap .news dl dt {
font-size: 14px;
font-size: 1.4rem;
color: #999;
text-align: left;
}
.greetings .wrap .news dl dd {
color: #151515;
font-size: 14px;
font-size: 1.4rem;
text-align: left;
}
.greetings .wrap .news dl:first-of-type {
border-top: 1px solid #666;
padding-top: 16px;
}
.greetings .wrap .news dl:nth-last-of-type(1) {
border-bottom: 1px solid #666;
margin-bottom: 24px;
}
.greetings .wrap .news a.btn {
display: block;
width: 92%;
margin: 0 auto;
padding: 20px 8%;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.greetings .wrap .news a.btn::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.greetings .wrap .news a.btn::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.greetings .wrap .news a.btn:hover {
background: #b1b1b0;
}
.greetings .wrap .news a.btn:hover::after {
right: 10px;
}
.seminar {
text-align: center;
position: relative;
padding: 32px 15px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/seminar-bg.jpg);
background-size: cover;
position: relative;
z-index: 0;
overflow: hidden;
}
.seminar::before {
z-index: -1;
content: '';
display: inline-block;
background-image: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/seminar-bg2.png);
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 684px;
position: absolute;
top: 0;
left: 52%;
}
.seminar h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
display: inline-block;
margin: 0 auto 48px;
}
.seminar h2 img {
margin: 0 auto;
line-height: 1;
width: 100.5px;
height: auto;
margin-bottom: 8px;
}
.seminar h2 img.seminar-text {
width: 52px;
height: auto;
position: absolute;
top: 40px;
left: -12px;
}
.seminar h2 span {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding-left: 10px;
}
.seminar .seminar-list {
margin: 0 auto 32px;
padding: 6% 4%;
background: #fff;
}
.seminar .seminar-list dl {
padding: 15px 0;
margin-bottom: 16px;
border-bottom: 1px dotted #ccc;
}
.seminar .seminar-list dl dt {
text-align: left;
color: #999;
font-size: 14px;
font-size: 1.4rem;
}
.seminar .seminar-list dl dd {
text-align: left;
color: #404040;
font-size: 14px;
font-size: 1.4rem;
}
.seminar .seminar-list dl dd a {
text-decoration: none;
}
.seminar .seminar-list dl dd a:hover {
color: #ec6400;
}
.seminar .seminar-list dl:nth-last-of-type(1) {
margin-bottom: 0;
border-bottom: none;
}
.seminar a.btn {
display: block;
padding: 20px 40px;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
margin-bottom: 40px;
}
.seminar a.btn::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.seminar a.btn::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.seminar a.btn:hover {
background: #b1b1b0;
}
.seminar a.btn:hover::after {
right: 10px;
}
.seminar p.intro {
margin-bottom: 40px;
text-align: left;
}
.seminar p.intro a {
text-decoration: underline;
}
.seminar a.bnr img {
margin: 0 auto;
}
.seminar a.bnr:hover img {
opacity: 0.7;
}
.vid_wrap {
margin:30px 0 100px;
}
.webseminar {
text-align: center;
padding: 32px 15px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/webseminar-bg-sp.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: right bottom;
}
.webseminar h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
display: inline-block;
margin: 0 auto 48px;
}
.webseminar h2 img {
margin: 0 auto;
line-height: 1;
width: 100.5px;
height: auto;
margin-bottom: 8px;
}
.webseminar h2 img.webseminar-text {
width: 79px;
height: auto;
position: absolute;
top: 40px;
left: -25px;
}
.webseminar h2 span {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding-left: 10px;
}
.webseminar p {
font-size: 14px;
font-size: 1.4rem;
text-align: left;
font-weight: normal;
margin-bottom: 56px;
}
.webseminar a.btn {
display: inline-block;
padding: 20px 8%;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.webseminar a.btn::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 10px;
transition: 0.3s;
}
.webseminar a.btn::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.webseminar a.btn:hover {
background: #b1b1b0;
}
.webseminar a.btn:hover::after {
right: 5px;
}
.manten-people {
padding: 32px 15px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/common/bg.jpg);
}
.manten-people .wrap {
margin: 0 auto 24px;
}
.manten-people .wrap h2 {
font-size: 21px;
font-size: 2.1rem;
}
.manten-people .wrap h2 img {
width: 82px;
height: auto;
}
.manten-people .wrap .inner-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.manten-people .wrap .inner-wrap a {
width: 32%;
}
.manten-people .wrap .inner-wrap a img {
width: 100%;
height: auto;
transition: 0.3s;
}
.manten-people .wrap .inner-wrap a:hover img {
transform: scale(1.1, 1.1);
}
.bnr-area {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.bnr-area a {
display: block;
width: 48%;
margin-bottom: 4%;
transition: 0.3s;
}
.bnr-area a:hover {
transform: translateY(-10px);
}
.news-area {
padding: 60px 15px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/news-bg-sp.png);
}
.news-area .wrap {
margin: 0 auto;
}
.news-area .wrap .news {
text-align: center;
margin-bottom: 60px;
}
.news-area .wrap .news h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
margin: 0 auto;
border-bottom: 1px solid #666;
padding-bottom: 16px;
}
.news-area .wrap .news h2 img.news-text {
width: 38px;
height: auto;
position: absolute;
top: -19px;
left: 31%;
}
.news-area .wrap .news dl {
padding: 30px 0 15px;
border-bottom: 1px dotted #ccc;
}
.news-area .wrap .news dl dt {
font-size: 14px;
font-size: 1.4rem;
color: #999;
text-align: left;
}
.news-area .wrap .news dl dd {
color: #151515;
font-size: 14px;
font-size: 1.4rem;
text-align: left;
}
.news-area .wrap .news dl:nth-last-of-type(1) {
border-bottom: 1px solid #666;
margin-bottom: 36px;
}
.news-area .wrap .news a.btn {
display: block;
width: 92%;
margin: 0 auto;
padding: 20px 8%;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.news-area .wrap .news a.btn::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.news-area .wrap .news a.btn::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.news-area .wrap .news a.btn:hover {
background: #b1b1b0;
}
.news-area .wrap .news a.btn:hover::after {
right: 10px;
}
.news-area .wrap .area {
text-align: center;
}
.news-area .wrap .area h2 {
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
margin: 0 auto;
border-bottom: 1px solid #666;
padding-bottom: 20px;
}
.news-area .wrap .area h2 img {
margin: 0 auto;
line-height: 1;
}
.news-area .wrap .area h2 img.area-text {
width: 36px;
height: auto;
position: absolute;
top: -15px;
left: 30%;
}
.news-area .wrap .area .box {
padding: 24px 0;
border-bottom: 1px solid #666;
}
.news-area .wrap .area .box .area-map {
margin: 0 auto;
width: 100%;
height: auto;
min-height: 267px;
padding: 24px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/area-image.png) right bottom no-repeat rgba(255, 255, 255, 0.4);
background-size: 70%;
}
.news-area .wrap .area .box .area-map h3 {
margin-bottom: 16px;
font-size: 20px;
font-size: 2rem;
color: #ec6400;
text-align: left;
}
.news-area .wrap .area .box .area-map p {
font-size: 14px;
font-size: 1.4rem;
text-align: left;
}
.activity {
padding: 16% 0 0;
text-align: center;
}
.activity h2 {
display: inline-block;
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
text-align: left;
margin: 0 auto 24px;
}
.activity h2 img {
margin: 0 auto;
line-height: 1;
}
.activity h2 img.activity-text {
width: 52px;
height: auto;
position: absolute;
top: -26px;
left: 0;
}
.activity .wrap {
display: flex;
margin: 0 auto 32px;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 15px;
}
.activity .wrap a {
width: 48%;
height: auto;
display: block;
margin-bottom: 24px;
}
.activity .wrap a img {
transition: 0.3s;
}
.activity .wrap a:nth-of-type(3n) {
margin-right: 0;
}
.activity .wrap a:hover img {
opacity: 0.8;
transform: translateY(-10px);
}
.activity .out-link {
margin: 0 auto;
padding: 10% 4% 66px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}
.activity .out-link h3 {
display: inline-block;
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
margin-bottom: 24px;
}
.activity .out-link h3 img {
margin: 0 auto;
line-height: 1;
}
.activity .out-link h3 img.link-text {
width: 31px;
height: auto;
position: absolute;
top: -20px;
left: -10px;
}
.activity .out-link .wrap {
display: flex;
justify-content: space-between;
}
.activity .out-link .wrap a {
width: 48%;
display: block;
margin-bottom: 4%;
}
.activity .out-link .wrap a img {
transition: 0.3s;
}
.activity .out-link .wrap a:hover img {
transform: translateX(10px);
}
.activity .out-link .wrap a:nth-last-of-type(1) {
margin-bottom: 0;
}
.cv {
padding: 70px 0;
text-align: center;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/works-bg.png);
}
.cv h2 {
display: inline-block;
text-align: center;
font-size: 21px;
font-size: 2.1rem;
position: relative;
text-align: left;
margin: 0 auto 24px;
}
.cv h2 img {
margin: 0 auto;
line-height: 1;
}
.cv h2 img.contact-text {
width: 54px;
height: auto;
position: absolute;
top: -26px;
left: 0;
}
.cv .cv-tel {
text-align: center;
margin: 0 auto 32px;
}
.cv .cv-tel img {
margin: 0 auto;
}
.cv p.intro {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 24px;
}
.cv a.btn {
display: block;
width: 92%;
margin: 0 auto;
padding: 20px 8px;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.cv a.btn::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.cv a.btn::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.cv a.btn:hover {
background: #b1b1b0;
}
.cv a.btn:hover::after {
right: 10px;
}
.page-top {
text-align: center;
padding: 8px 0;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.page-top a {
display: flex;
align-items: center;
text-decoration: none;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
font-family: 'Lato', sans-serif;
}
.page-top a:hover {
color: #ec6400;
}
.page-top a img {
margin-right: 8px;
} .box-2column {
margin-bottom: 4%;
}
.box-2column .box {
width: 100%;
height: auto;
}
.box-2column .box .image {
width: 100%;
height: 80vw;
background: #ccc;
overflow: hidden;
margin-bottom: 16px;
}
.box-2column .box p.title {
font-size: 17px;
font-size: 1.7rem;
font-weight: bold;
margin-bottom: 8px !important;
} .box-3column {
margin-bottom: 4%;
}
.box-3column .box {
width: 100%;
margin-bottom: 10%;
}
.box-3column .box .image {
width: 100%;
height: 60vw;
background: #ccc;
overflow: hidden;
margin-bottom: 16px;
}
.box-3column .box p.title {
font-size: 17px;
font-size: 1.7rem;
font-weight: bold;
margin-bottom: 8px !important;
} .box-4column {
margin-bottom: 4%;
}
.box-4column .box {
width: 100%;
}
.box-4column .box .image {
width: 100%;
height: 13vw;
background: #ccc;
overflow: hidden;
margin-bottom: 16px;
}
.box-4column .box p.title {
font-size: 17px;
font-size: 1.7rem;
font-weight: bold;
margin-bottom: 8px !important;
} .box-2column-card {
margin-bottom: 4%;
}
.box-2column-card .box {
width: 100%;
display: flex;
margin-bottom: 4%;
}
.box-2column-card .box .image {
width: 30%;
margin-right: 2%;
height: 20vw;
background: #ccc;
overflow: hidden;
}
.box-2column-card .box .txt {
width: 68%;
}
.box-2column-card .box .txt p {
font-size: 13px;
font-size: 1.3rem;
}
.box-2column-card .box .txt p.title {
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 4px !important;
}
.for-list, .for-top {
text-align: center;
margin: 40px auto;
}
.for-list a, .for-top a {
display: inline-block;
padding: 20px 90px;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.for-list a::after, .for-top a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.for-list a::before, .for-top a::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.for-list a:hover, .for-top a:hover {
background: #b1b1b0;
}
.for-list a:hover::after, .for-top a:hover::after {
right: 10px;
}
.contact-form a {
color: #ec6400;
}
.for-contact a {
display: block;
width: 280px;
margin: 0 auto 40px;
padding: 15px 0;
text-align: center;
color: #fff;
background: #b5b5b5;
font-size: 16px;
border-radius: 5px;
text-decoration: none;
box-shadow: 2px 3px 2px #aaa;
}
.for-contact a:hover {
background: #e8e8e8;
} .logo {
width: 45%;
height: auto;
float: left;
}
.logo img {
max-height: 35px;
}
.header .logo img {
width: 150px;
height: auto;
max-height: none;
}
.u-main {
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/u-main-bg.jpg);
background-size: cover;
background-position: center;
text-align: center;
}
.u-main h1, .u-main .page-title {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 35px;
font-size: 3.5rem;
font-weight: bold;
display: inline-block;
padding: 0 15px;
}
.page-id-13992 .u-main h1 {
font-size: 26px;
font-size: 2.6rem;
}
@media screen and (max-width:374px) {
.page-id-13992 .u-main h1 {
font-size: 22px;
font-size: 2.2rem;
}
}
.u-main h1 span, .u-main .page-title span {
position: absolute;
left: 2%;
top: -30px;
}
.blog .u-main h1 span, .single .u-main .page-title span {
position: absolute;
top: -30px;
left: 30%;
}
.page-id-14417 .u-main h1 span {
position: absolute;
top: -30px;
left: 2%;
}
.single .u-main .page-title span.seminar-title {
position: absolute;
left: 2%;
top: 30px;
}
.single .u-main .page-title .works-title {
top: 47px;
left: 16%;
}
.page-id-1321 .u-main h1 span {
left: 20%;
}
.page-id-40 .u-main h1 span {
top: -20px;
left: 20%;
}
.page-id-5720 .u-main h1 span {
top: -20px;
left: 2%;
}
.page-id-1321 .u-main h1 span {
top: -30px;
left: 8%;
}
.page-id-9831 .u-main h1 span {
top: 32px;
left: 8%;
}
.page-id-13984 .u-main h1 span, .page-id-13997 .u-main h1 span {
top: 32px;
left: 2%;
} .boss-blog-main {
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
background-size: cover;
background-position: center;
text-align: center;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/boss-blog-bg.jpg);
position: relative;
}
.boss-blog-main img.boss-image {
display: none;
}
.boss-blog-main h1, .boss-blog-main .page-title {
color: #fff;
}
.boss-blog-main .page-title .boss_blog img {
margin: 0 auto 24px;
}  .diary-main {
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
background-size: cover;
background-position: center;
text-align: center;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/diary-bg.jpg);
position: relative;
}
.diary-main h1, .diary-main .page-title {
color: #fff;
} .single-works .u-main .page-title, .single-voice .u-main .page-title, .post-type-archive-voice .u-main h1, .post-type-archive-works .u-main h1, .archive .u-main h1 {
position: relative;
font-size: 35px;
font-size: 3.5rem;
font-weight: bold;
margin-top: 0;
display: inline-block;
line-height: 1.8;
}
.page-id-9831 .u-main h1 {
font-size: 28px;
font-size: 2.8rem;
}
.single-voice .u-main .page-title img, .u-main h1 img, .u-main .page-title img {
margin: 0 auto 3px;
}
.single-work .u-main .page-title span, .single-voice .u-main .page-title span, .u-main h1 span {
top: 50px;
left: 20%;
}
.page-id-9831 .u-main h1 span, .page-id-13984 .u-main h1 span, {
top: 31px;
left: 10%;
}
.post-type-archive-works .u-main h1 span.archive .u-main h1 span {
top: 50px;
}
.u-main h1 span.recruit, .u-main h1 span.menu {
top: -20px;
}
.u-main h1 span.point, .u-main h1 span.diy, .u-main h1 span.line {
top: -26px;
left: 2%;
}
.u-main h1 span.staff {
top: -24px;
left: 10%;
}
.u-main h1 span.seminar-title {
top: 30px;
left: 2%;
}
.u-main h1 span.paint {
top: -26px;
left: 20%;
}
.u-main h1 span.drone {
top: -26px;
left: 2%;
}
.u-main .page-title span.small, .u-main h1 span.small {
position: static;
left: inherit;
top: inherit;
font-size: 18px;
display: block;
margin-top: -10px;
}
.u-wrap {
padding: 16px 15px;
}
.u-wrap p#breadcrumbs {
margin-bottom: 24px;
}
.u-wrap p#breadcrumbs a, .u-wrap p#breadcrumbs span {
color: #000;
font-size: 13px;
}
.u-contents {
margin: 0 auto;
}
.u-contents h2 {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
position: relative;
padding: 8px 0 32px 30px;
}
.u-contents h2::before {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/u-h2-bg.png);
position: absolute;
left: 0;
top: 0;
}
.u-contents h2.has-text-align-center::before {
content: none;
}
.u-contents h2.has-text-align-center {
padding: 0;
}
.u-contents h2:nth-of-type(1) {
margin-top: 0;
}
.u-contents h3 {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 32px;
position: relative;
padding: 0;
}
.u-contents h3::before {
content: "";
width: 42px;
height: 4px;
background: #ec6400;
position: absolute;
bottom: -10px;
border-radius: 3px;
}
.u-contents h4 {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
margin: 16px 0;
color: #5db5da;
}
.u-contents p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
margin-bottom: 16px;
}
.u-contents figure img {
max-width: 100%;
height: auto;
margin-bottom: 16px;
}
.u-contents ul {
margin: 16px 0;
}
.u-contents ul li {
font-size: 14px;
font-weight: bold;
list-style: none;
margin: 0 0 16px;
line-height: 1.5;
padding: 0;
}
.u-contents ul li::before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
background-color: #ccc;
border-radius: 50%;
margin-right: 8px;
}
.page-id-5720 .u-contents ul li::before {
content: inherit;
}
.u-contents table {
border: 2px solid #eee;
margin: 24px 0;
}
.u-contents table tr {
width: 100%;
background: #fff;
}
.u-contents table tr td {
font-size: 14px;
font-size: 1.4rem;
padding: 15px;
border-right: 2px solid #eee;
border-bottom: 2px solid #eee;
line-height: 1.5;
}
.u-contents table tr td:nth-of-type(1) {
font-weight: bold;
}
.u-contents table tr td:nth-last-of-type(1) {
border-right: none;
}
.u-contents table tr:nth-last-of-type(1) td {
border-bottom: 0;
}
.u-contents blockquote {
position: relative;
padding: 40px 10px 10px 15px;
box-sizing: border-box;
font-style: italic;
color: #464646;
margin: 24px 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.u-contents blockquote:before {
display: inline-block;
position: absolute;
top: 0px;
left: 17px;
content: "\f10d";
font-family: FontAwesome;
color: #ccc;
font-size: 35px;
line-height: 1;
font-weight: 900;
}
.u-contents blockquote:after {
display: inline-block;
position: absolute;
bottom: -8px;
right: 17px;
content: "\f10e";
font-family: FontAwesome;
color: #ccc;
font-size: 26px;
line-height: 1;
font-weight: 900;
}
.u-contents blockquote p {
padding: 0;
margin: 10px 0;
line-height: 1.7;
font-weight: bold;
}
.u-contents blockquote cite {
display: block;
text-align: right;
color: #888888;
font-size: 0.9em;
}
.u-wrap {
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/common/bg.jpg);
padding-bottom: 60px;
}
.seminar-bnr {
text-align: center;
padding: 24px 15px;
background: #dee5e7;
}
.seminar-bnr a img {
margin: 0 auto;
}
.cv-link {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 24px auto 40px;
}
.cv-link a {
display: block;
width: 48%;
margin-bottom: 8px;
}
.cv-link a img {
width: auto;
height: 26vw;
transition: 0.3s;
margin: 0 auto;
}
.cv-link a img:hover {
transform: translateY(-10px);
}
.u-cv {
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/common/u-cv-bg.png);
background-size: cover;
}
.u-cv .manten-people {
background: none;
} .reason-wrap .box {
background: #fff;
position: relative;
padding: 6%;
margin-bottom: 40px;
}
.reason-wrap .box img.number {
position: absolute;
left: 0;
top: 0;
}
.reason-wrap .box p.title {
font-size: 20px;
font-weight: bold;
margin-bottom: 16px;
}
.reason-wrap .box .image {
width: 100%;
margin-bottom: 8px;
}
.reason-wrap .box .image img {
max-width: 100%;
height: auto;
margin: 0 auto;
}
.reason-wrap .box .txt {
height: auto;
font-size: 14px;
line-height: 2;
}
.reason-wrap .box .txt a {
margin: 16px 0;
display: block;
padding: 8px 40px;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.reason-wrap .box .txt a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.reason-wrap .box .txt a::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.reason-wrap .box .txt a:hover {
background: #b1b1b0;
}
.reason-wrap .box .txt a:hover::after {
right: 10px;
}
.reason-wrap .box .staff {
margin: 10px auto calc(-6% - 2px) auto;
} .painting-wrap a {
display: block;
width: 100%;
background: #fff;
margin-right: 30px;
margin-bottom: 40px;
text-decoration: none;
padding-bottom: 4%;
}
.painting-wrap a:hover {
opacity: 0.7;
background: #ccc;
}
.painting-wrap .box .image {
width: 100%;
height: auto;
margin-bottom: 16px;
}
.painting-wrap .box .image img {
width: 100%;
height: auto;
}
.painting-wrap .box p {
width: 92%;
font-size: 16px;
margin: 0 auto 24px;
}
.painting-wrap .box span {
display: block;
text-align: right;
padding-right: 2%;
display: flex;
justify-content: flex-end;
} .page-id-37 .u-contents {
width: 100%;
}
.pickup {
width: 100%;
background-blend-mode: soft-light;
background-color: #f7f7f7;
background-image: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/pickup-bg.png);
padding: 40px 2% 20px;
margin-bottom: 80px;
}
.pickup .inner .box {
padding: 6% 4%;
background: #fff;
position: relative;
}
.pickup .inner .box:nth-of-type(1) {
padding-bottom: 40%;
}
.pickup .inner .box img {
position: absolute;
right: -5px;
bottom: -28px;
}
.pickup .inner .box img.flaot-best {
position: absolute;
top: 0px;
left: -20px;
}
.pickup .inner .box:nth-of-type(3) {
background-image: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/img-painting.png);
background-repeat: no-repeat;
background-position: right bottom;
}
.type-wrap {
display: flex;
}
.type-wrap ul {
width: 50%;
}
.pickup h3 {
margin-top: 0;
}
.pickup .inner .box {
margin-bottom: 16px;
}
.pickup .inner .box ul li {
margin-bottom: 20px;
line-height: 1.5;
}
.pickup .inner a:hover {
color: #ec6400;
}
p.sub-title {
color: #ec6400;
font-size: 21px;
}
.paint-cont-inner article {
margin-bottom: 40px;
}
.paint-cont-inner .box dl {
background: #fff;
align-items: center;
}
.paint-cont-inner .box dl dt {
text-align: center;
padding: 20px 0;
text-align: center;
position: relative;
}
.paint-cont-inner .box dl dt img {
margin: 0 auto;
}
.paint-cont-inner .box dl dt:after {
content: "";
display: block;
width: 1px;
height: 68%;
margin-top: 10%;
background: #ccc;
position: absolute;
right: 0;
top: 10%;
}
.paint-cont-inner .box dl dd {
padding: 4%;
}
.paint-cont-inner .box dl dd li {
padding-left: 1.3em;
font-size: 14px;
font-weight: bold;
list-style: none;
margin: 0 0 16px;
line-height: 1.5; text-indent: -1.3em;
}
}
.paint-cont-inner article {
margin-bottom: 64px;
}
p.blue {
color: #5db5da;
font-size: 18px;
margin-bottom: 16px;
}
.paint-cont-inner figure img {
margin: 0 auto 40px;
}
.paint-cont-inner .wrap {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.paint-cont-inner .wrap .image {
text-align: center;
font-size: 13px;
margin-bottom: 16px;
}
.paint-cont-inner .wrap .image img {
margin: 0 auto:
}
.paint-cont-inner .wrap .txt {
padding-bottom: 16px;
}
.paint-cont-inner .wrap .txt p {
margin-bottom: 40px;
}
.paint-cont-inner .wrap .txt p:nth-last-of-type(1) {
margin-bottom: 0;
}
.prize .wrap {
margin-bottom: 40px;
display: block;
}
.prize .wrap .image {
text-align: center;
margin-bottom: 16px;
}
.prize .wrap .image img {
margin: 0 auto;
}
.prize .wrap .txt p.title {
color: #ec6400;
margin-bottom: 16px;
font-size: 18px;
font-weight: bold;
}
.image-area {
text-align: center;
}
.image-area img {
margin: 0 auto 40px;
}
.summarize {
margin-top: 80px;
}
.summarize p {
margin-bottom: 40px;
}
.summarize p:nth-last-of-type(1) {
margin-bottom: 0;
padding-bottom: 60px;
} .point p {
margin-bottom: 24px;
line-height: 2;
}
.point .point-main {
margin-bottom: 60px;
}
.point .point-wrap {
margin-bottom: 60px;
}
.point .point-wrap .image {
width: 240px;
height: 280px;
margin: 0 auto 24px;
}
.point .point-wrap .txt {}
.point .point-wrap2 {
margin-bottom: 60px;
}
.point .point-wrap2 img {
margin: 0 auto 24px;
}
.merit {
background: #fff;
padding: 6%;
margin-bottom: 40px;
}
.merit p, .caution-point p {
color: #5db5da;
font-size: 18px;
font-weight: bold;
}
.merit .box {
margin-bottom: 24px;
}
.caution-point {
background: #fff;
padding: 6%;
margin-bottom: 40px;
}
.u-contents .caution-point ul li::before {
content: inherit;
}
.point figure img {
margin: 0 auto 40px;
}
.merit2 {
background: #fff;
padding: 56px 40px;
margin-bottom: 40px;
}
.merit2 p {
color: #5db5da;
font-size: 18px;
font-weight: bold;
}
.merit2 .box {
width: 100%;
} .news-list {
width: 100%;
margin-bottom: 60px;
}
.news-list dl {
margin-bottom: 24px;
border-bottom: 1px solid #ccc;
}
.greetings .news-list dl {
margin-bottom: 0;
}
.news-list dl dt {
padding: 8px 8px 0;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
}
.news-list dl dd {
padding: 8px;
font-size: 15px;
font-size: 1.5rem;
}
.news-list dl dd a {
text-decoration: none;
color: #e00;
font-weight: bold;
}
.news-list dl dd a:hover {
color: #b5b5b5;
}
.news-thumbnail {
display: block;
margin-bottom: 10px;
aspect-ratio: 16/9;
overflow: hidden;
}
.news-thumbnail img {
object-fit: cover;
width: 100%;
height: 100%;
vertical-align: bottom;
}
.news-date {
display: block;
margin-bottom: 5px;
}
.news-card-2 .wrap .box, .news-card-3 .wrap .box, .news-card-4 .wrap .box {
width: 100%;
margin-bottom: 40px;
}
.news-card-2 .wrap .box .image, .news-card-3 .wrap .box .image, .news-card-4 .wrap .box .image {
width: 100%;
height: 55.7vw;
background: #ccc;
margin-bottom: 16px;
}
.news-card-2 .wrap .box p.title, .news-card-3 .wrap .box p.title, .news-card-4 .wrap .box p.title {
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.5;
margin-bottom: 8px;
}
.news-card-2 .wrap .box p, .news-card-3 .wrap .box p, .news-card-4 .wrap .box p {
font-size: 14px;
font-size: 1.4rem;
}
.news-card-2 .wrap .box:nth-of-type(2n), .news-card-3 .wrap .box:nth-of-type(2n), .news-card-4 .wrap .box:nth-of-type(2n) {
margin-right: 0;
}
.news-media-1 .wrap .box, .news-media-2 .wrap .box {
width: 100%;
margin-bottom: 32px;
}
.news-media-1 .wrap .box .image, .news-media-2 .wrap .box .image {
width: 100%;
height: 55.7vw;
margin-right: 2%;
background: #ccc;
margin-bottom: 8px;
}
.news-media-1 .wrap .box .txt, .news-media-2 .wrap .box .txt {
width: 100%;
}
.news-media-1 .wrap .box .txt p.title, .news-media-2 .wrap .box .txt p.title {
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 8px;
}
.news-media-1 .wrap .box .txt p, .news-media-2 .wrap .box .txt p {
font-size: 13px;
font-size: 1.3rem;
}
.wp-pagenavi {
text-align: center;
margin: 40px auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wp-pagenavi span, .wp-pagenavi a {
display: block;
width: 30px;
height: 30px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #ec6400;
border: 1px solid #e00;
margin: 0 4px;
line-height: 30px;
padding: 0 !important;
}
.wp-pagenavi a.first {
width: 4em;
}
.wp-pagenavi span.nextpostslink, .wp-pagenavi a.nextpostslink {
border: none;
}
.wp-pagenavi span.pages, .wp-pagenavi a.pages {
display: none;
}
.wp-pagenavi span.current, .wp-pagenavi a.current {
color: #fff;
background: #333;
}
.wp-pagenavi a:hover {
color: #b5b5b5;
border-color: #b5b5b5;
} .single-contents h1 {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
margin-bottom: 32px;
}
.single-contents p.date {
text-align: right;
}
.single-contents h2 {
font-size: 19px;
font-size: 1.9rem;
font-weight: bold;
margin: 40px 0 32px;
position: relative;
}
.single-contents h2::before {
content: "";
width: 42px;
height: 4px;
background: #ec6400;
position: absolute;
bottom: -12px;
}
.single-contents h2:nth-of-type(1) {
margin-top: 0;
}
.single-contents h3 {
font-size: 18px;
font-size: 1.8rem;
margin: 24px 0;
color: #ec6400;
}
.single-contents h4 {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
margin: 16px 0;
color: #5db5da;
}
.single-contents p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
margin-bottom: 16px;
}
.single-contents figure img, .single-contents img {
max-width: 100%;
height: auto;
margin-bottom: 16px;
}
.single-contents ul {
margin: 16px 0;
}
.single-contents ul li {
font-size: 14px;
font-weight: bold;
list-style: none;
margin: 0 0 16px;
line-height: 1.5;
padding: 0;
}
.single-contents ul li::before {
content: ""; width: 10px; height: 10px; display: inline-block; background-color: #ccc; border-radius: 50%;
margin-right: 8px; }
.single-contents table {
border: 2px solid #eee;
margin: 24px 0;
}
.single-contents table a {
color: #ec6400;
}
.single-contents table a:hover {
text-decoration: none;
}
.single-contents table tr {
width: 100%;
background: #fff;
}
.single-contents table tr td {
font-size: 14px;
font-size: 1.4rem;
padding: 15px;
border-right: 2px solid #eee;
border-bottom: 2px solid #eee;
line-height: 1.5;
}
.single-contents table tr td:nth-of-type(1) {
font-weight: bold;
}
.single-contents table tr td:nth-last-of-type(1) {
border-right: none;
}
.single-contents table tr:nth-last-of-type(1) td {
border-bottom: 0;
}
.single-contents blockquote {
position: relative;
padding: 40px 10px 10px 15px;
box-sizing: border-box;
font-style: italic;
color: #464646;
margin: 24px 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.single-contents blockquote:before {
display: inline-block;
position: absolute;
top: 0px;
left: 17px;
content: "\f10d";
font-family: FontAwesome;
color: #ccc;
font-size: 35px;
line-height: 1;
font-weight: 900;
}
.single-contents blockquote:after {
display: inline-block;
position: absolute;
bottom: -8px;
right: 17px;
content: "\f10e";
font-family: FontAwesome;
color: #ccc;
font-size: 26px;
line-height: 1;
font-weight: 900;
}
.single-contents blockquote p {
padding: 0;
margin: 10px 0;
line-height: 1.7;
font-weight: bold;
}
.single-contents blockquote cite {
display: block;
text-align: right;
color: #888888;
font-size: 0.9em;
}
.single-contents p.cat a {
display: inline-block;
padding: 5px 10px;
margin-right: 8px;
background: #ec6400;
color: #fff;
text-align: center;
font-size: 13px;
text-decoration: none;
}
.next-prev {
margin: 60px auto;
}
.next-prev .prev {
float: left;
padding: 16px;
color: #ec6400;
font-size: 14px;
border-radius: 5px;
width: 46%;
}
.next-prev .prev:hover {
background: #b1b1b0;
color: #ccc;
}
.next-prev .next {
float: right;
padding: 16px;
color: #ec6400;
font-size: 14px;
border-radius: 5px;
width: 46%;
text-align: right;
}
.next-prev .next :hover {
background: #b1b1b0;
color: #ccc;
}
.next-prev::after {
content: "";
clear: both;
display: block;
line-height: 0;
}
.single-contents .for-list {
text-align: center;
margin: 40px auto;
}
.single-contents .for-list a {
display: inline-block;
padding: 20px 90px;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.single-contents .for-list a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.single-contents .for-list a::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.single-contents .for-list a:hover {
background: #b1b1b0;
}
.single-contents .for-list a:hover::after {
right: 10px;
} .page-id-13984 .u-contents {
width: 100%;
}
.flow-wrap .inner {
margin: 0 auto 60px;
}
.flow-wrap .inner p {
line-height: 2.2;
}
.flow-step {
background-color: #e9e8df;
background-image: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/flow-step-bg.png);
background-repeat: repeat-x;
background-position: left 120px;
}
.flow-step .inner {
margin: 0 auto;
padding: 40px 15px;
}
.flow-step .inner .wrap .box {
padding: 6% 4%;
background-size: contain;
background: #fff;
margin-bottom: 24px;
}
.flow-step .inner .wrap .arrow {
margin-bottom: 24px;
text-align: center;
}
.flow-step .inner .wrap .arrow img {
margin: 0 auto;
}
.flow-step .inner .wrap .box p.title {
color: #ec6400;
font-weight: bold;
font-size: 21px;
margin-bottom: 16px;
}
.flow-step .inner h3 {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 54px;
position: relative;
padding: 0;
color: #000;
}
.flow-step .inner h3::before {
content: "";
width: 42px;
height: 4px;
background: #ec6400;
position: absolute;
bottom: -10px;
border-radius: 3px;
}
.flow-step .inner .wrap .box li a:hover {
color: #ec6400;
}
.flow-step .inner .wrap .box p a {
font-size: 16px;
}
.flow-detail {
margin: 40px auto;
background: #fff;
padding: 40px 32px;
}
.flow-detail p.title {
position: relative;
padding-left: 88px;
color: #ec6400;
font-weight: bold;
font-size: 21px;
}
.flow-detail p.title img {
position: absolute;
top: -8px;
left: -32px;
}
.flow-detail .wrap {
border-bottom: 1px dotted #ccc;
padding-bottom: 32px;
margin: 56px auto 24px;
}
.flow-detail .no-wrap {
padding-bottom: 32px;
margin: 24px auto;
border-bottom: 1px dotted #ccc;
}
.flow-detail .wrap .txt {
line-height: 2.2;
}
.flow-detail .wrap .txt p.title, .flow-detail .no-wrap p.title, .flow-detail p.last-title {
font-size: 24px;
color: #000;
font-weight: bold;
padding-left: 0;
}
.flow-detail .wrap .image {}
.flow-detail .no-wrap .image img {
margin: 16px auto;
}
.flow-detail .no-wrap ul {
margin: 16px 0 32px;
}
.flow-detail .arrow {
margin: 24px auto 0;
}
.flow-detail .arrow img {
margin: 0 auto;
}
.flow-detail p.caution {
margin-bottom: 16px;
}
.flow-detail p.point, .flow-detail p.point2, .flow-detail p.point3, .flow-detail p.point4, .flow-detail p.next {
text-align: center;
margin: 64px auto 0;
position: relative;
font-weight: bold;
}
.flow-detail p.point img {
position: absolute;
left: 0;
top: -36px;
}
.flow-detail p.point2 img {
position: absolute;
left: 0;
top: -40px;
}
.flow-detail p.point3 img {
position: absolute;
left: 0;
top: -32px;
}
.flow-detail p.point4 img {
position: absolute;
left: 0;
top: -32px;
}
.flow-detail p.next img {
position: absolute;
left: 0;
top: -32px;
}
.last-no-wrap {
border-bottom: none !important;
padding-bottom: 0 !important;
}
.last-arrow {
margin: 0 auto;
}
.last-arrow img {
margin: -50px auto 0;
} .works-wrap {
margin: 24px auto 60px;
}
.works-wrap a {
display: block;
padding: 10px;
background: 0;
margin: 0 auto 32px;
background: #fff;
text-decoration: none;
position: relative;
}
.works-wrap a:nth-of-type(3) {
margin-right: 0;
}
.works-wrap a .overley {
display: none;
}
.works-wrap a .image {
width: 100%;
height: 50vw;
background-size: cover;
background-position: center;
margin-bottom: 16px;
overflow: hidden;
position: relative;
z-index: 10;
border: 2px solid #ccc;
}
.works-wrap a .image img {
transition: 0.5s;
width: 100%;
height: auto;
}
.works-wrap a p.title {
text-align: left;
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
transition: 0.3s;
color: #ec6400;
}
.works-wrap a p.date {
color: #868686;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
}
.works-wrap a:hover .overley {
opacity: 1;
}
.works-wrap a:hover .image img {
transform: scale(1.1, 1.1);
}
.works-wrap a:hover p.title {
color: #ec6400;
}
.before-after {
align-items: center;
margin: 80px 0 60px;
}
.before-after .left {
position: relative;
}
.before-after .left p, .before-after .right p {
text-align: center;
margin: 16px auto;
font-size: 18px;
font-weight: bold;
}
.before-after .left img {
max-width: 100%;
}
.before-after .left img.works-before {
position: absolute;
top: -34px;
left: -2%;
}
.before-after .left p {
text-align: center;
}
.before-after .center {
width: 100%;
text-align: center;
margin: 40px auto;
}
.before-after .center img {
transform: rotate(90deg);
margin: 0 auto;
}
.before-after .right {
position: relative;
}
.before-after .right p {
text-align: center;
}
.before-after .right img {
max-width: 100%;
}
.before-after .right img.works-after {
position: absolute;
top: -34px;
left: -2%;
}
.works-data {
margin-bottom: 40px;
}
.works-data dl {
background: #fff;
margin-bottom: 8px;
}
.works-data dl dt {
padding: 4%;
font-size: 14px;
font-weight: bold;
position: relative;
border-bottom: 1px dotted #ccc;
}
.works-data dl dd {
padding: 4%;
font-size: 14px;
border-bottom: 1px dotted #ccc;
}
.detail-wrap .box {
margin-bottom: 24px;
}
.detail-wrap .box .image {
width: 100%;
height: 50vw;
background-size: cover;
background-position: center center;
margin-bottom: 8px;
}
.detail-wrap .box p {
text-align: left;
font-size: 13px;
font-weight: bold;
}
.customer-image {
margin-bottom: 32px;
}
.customer-image .image {
width: 200px;
height: 200px;
background-size: cover;
background-position: center center;
margin: 0 auto;
}
.work_anc_img {
margin-bottom: 32px;
}
.work_anc_img img {
max-width: 100%;
height: auto;
margin: 0 auto;
} .blog-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blog-list a {
display: block;
width: 100%;
margin-bottom: 32px;
}
.blog-list a p.cat span {
display: inline-block;
margin-bottom: 8px;
font-size: 12px;
padding: 3px 5px;
margin-right: 8px;
background: #ec6400;
color: #fff;
text-align: center;
}
.blog-list .box .image {
width: 100%;
height: 60vw;
background-size: cover;
background-position: center;
margin: 0 auto 8px;
}
.blog-list .box p.title {
font-size: 15px;
line-height: 1.5;
margin-bottom: 8px;
color: #151515;
font-weight: bold;
}
.blog-list .box p.date {
font-size: 12px;
color: #868686;
} .voice-main {
margin-bottom: 32px;
}
.voice-main .image, .voice-main .image2 {
width: 92%;
margin: 0 auto;
background: #fff;
}
.voice-img {
text-align: center;
}
.voice-img img {
max-width: 100%;
height: auto;
margin: 0 auto;
}
.voice-txt {
margin: 16px 0;
}
.voice-txt .wp_social_bookmarking_light, .voice-txt .wp_social_bookmarking_light_clear {
display: none !important;
}
.voice-wrap {
margin: 60px auto;
}
.voice-wrap a {
display: block;
padding: 10px;
background: 0;
margin: 0 auto 32px;
background: #fff;
text-decoration: none;
position: relative;
}
.voice-wrap a:nth-of-type(3) {
margin-right: 0;
}
.voice-wrap a .overley {
display: none;
}
.voice-wrap a .image {
width: 100%;
height: 50vw;
background-size: cover;
background-position: center;
margin-bottom: 16px;
overflow: hidden;
position: relative;
z-index: 10;
border: 2px solid #ccc;
}
.voice-wrap a .image img {
transition: 0.5s;
width: 100%;
height: auto;
}
.voice-wrap a p.title {
text-align: left;
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
transition: 0.3s;
color: #ec6400;
}
.voice-wrap a p.date {
color: #868686;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
}
.voice-wrap a:hover .overley {
opacity: 1;
}
.voice-wrap a:hover .image img {
transform: scale(1.1, 1.1);
}
.voice-wrap a:hover p.title {
color: #ec6400;
} .page-id-14002 .u-contents {
width: 100%;
}
.cost-link {
width: 100%;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/coast-ink-bg.png), url(//www.m-paint.net/wp-content/themes/default/assets/img/common/bg.jpg);
background-blend-mode: overlay;
padding: 4%;
margin-bottom: 60px;
}
.cost-link a {
display: block;
widows: 90%;
text-align: center;
background: #fff;
padding: 16px 40px;
font-size: 16px;
position: relative;
color: #333;
margin: 0 auto 16px;
text-decoration: none;
}
.cost-link a:nth-of-type(3) {
margin-bottom: 0;
}
.cost-link a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.cost-link a:hover {
background: #ccc;
}
.cost-link a:hover::after {
right: 10px;
}
.cost-cont {
margin: 0 auto;
}
.cost-cont dl {
display: flex;
align-items: center;
width: 100%;
margin: 0 auto 6px;
padding: 12px 0;
background: #fff;
}
.cost-cont dl.first {
background: #edece4;
}
.cost-cont dt {
width: calc(100% / 3);
padding: 2%;
font-size: 14px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
border-left: 2px solid #d0d0d0;
}
.cost-cont dl dt:nth-of-type(1), .cost-cont dl dd:nth-of-type(1) {
border-left: none;
}
.cost-cont dd {
width: calc(100% / 3);
padding: 2%;
font-size: 14px;
border-left: 2px solid #d0d0d0;
background: #fff;
text-align: center;
}
.cost-cont p {
margin-bottom: 40px;
}
.wrap-why {
width: 100%;
margin: 0 auto 54px;
padding: 4%;
background: #fff;
}
.wrap-why .txt {
margin-bottom: 32px;
}
.wrap-why .txt p.title {
font-size: 21px;
color: #ec6400;
margin-bottom: 8px;
}
.wrap-why .txt a:hover {
color: #ec6400;
}
.image-wrap {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto 40px;
}
.image-wrap img {
max-width: 48%;
height: auto;
margin: 0 auto;
}
.cost-cont .differnce h3 {
margin-bottom: 54px;
}
.cost-cont .differnce p {
margin-bottom: 24px;
line-height: 2.3;
}
.cost-cont .differnce p.last {
margin-bottom: 64px;
}
.cost-cont .differnce p.iro-title {
color: #ec6400;
margin-bottom: 32px;
font-size: 21px;
}
.cost-cont p a, .cost-cont .differnce p a, .cost-cont .differnce li a {
color: #ec6400;
}
.cost-cont .differnce .wrap-why li a {
color: #333;
}
.cost-cont .differnce .wrap-why li a:hover {
color: #ec6400;
} .diy-main {
margin-bottom: 32px;
}
.diy-main .image, .diy-main .image2 {
width: 92%;
margin: 0 auto;
background: #fff;
}
.diy-main .image2 a:hover img {
opacity: 0.7;
}
.diy-gallery {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin: 0 auto 48px;
flex-wrap: wrap;
}
.diy-gallery img {
width: 48%;
max-width: 238px;
margin-bottom: 16px;
}
.diy-cont p.last {
margin-bottom: 64px;
}
.osusume {
margin-bottom: 64px;
}
.osusume p img {
display: inline-block;
margin-right: 8px;
}
.osusume p {
font-weight: bold;
}
.osusume p .yellow {
background: -webkit-linear-gradient(transparent 60%, #ffff66 60%);
background: -o-linear-gradient(transparent 60%, #ffff66 60%);
background: linear-gradient(transparent 60%, #ffff66 60%);
}
.diy-cont .lesson dl {
margin: 0 auto 6px;
padding: 2%;
display: flex;
background: #fff;
}
.diy-cont .lesson dt {
width: 24%;
padding: 4% 2%;
font-size: 14px;
font-weight: bold;
display: flex;
align-items: center;
}
.diy-cont .lesson dd {
width: 76%;
padding: 4%;
font-size: 14px;
border-left: 2px solid #d0d0d0;
}
.diy-cont .lesson dl:nth-last-of-type(1) {
margin-bottom: 64px;
}
.for-reserve {
text-align: center;
margin-bottom: 100px;
}
.for-reserve a {
display: block;
width: 90%;
margin: 0 auto;
padding: 12px 0;
background: #d71317;
text-align: center;
color: #fff;
border: 3px solid #fff;
border-radius: 30px;
font-size: 20px;
font-weight: bold;
position: relative;
text-decoration: none;
transition: 0.3s;
box-shadow: 3px 3px 3px #bbb;
}
.for-reserve a:after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/icon-white-arrow.png);
position: absolute;
left: 90%;
top: 14px;
transition: 0.3s;
}
.for-reserve a:hover {
transform: translateX(10px);
}
.for-reserve a:hover::after {
left: 95%;
} .drone-cont-inner .wrap .box {
width: 100%;
height: auto;
padding: 6% 4%;
background: #fff;
border-radius: 10px;
position: relative;
}
.drone-cont-inner .wrap .box .image {
margin-top: 24px;
}
.drone-cont-inner .wrap img.center-arrow {
margin: 24px auto;
transform: rotate(90deg)
}
.drone-cont-inner .wrap .box .drone {
width: 150px;
height: auto;
position: absolute;
right: -3%;
top: -10%;
}
.drone-cont-inner .wrap .box ul {
margin-bottom: 50px;
}
.drone-cont-inner .wrap .box ul li {
line-height: 2;
}
.drone-cont-inner .wrap .box dl {
display: flex;
margin-bottom: 16px;
}
.drone-cont-inner .wrap .box dl dt {
margin-right: 16px;
font-size: 36px;
color: #5db5da;
font-family: "roboto";
}
.drone-cont-inner .wrap .box dl dd {
font-size: 16px;
padding-top: 13px;
}
.drone-cont-inner .wrap .box dl dd .yellow {
background: linear-gradient(transparent 60%, #ff6 60%);
}
.drone-movie {
margin: 60px auto;
}
.drone-movie .box {
width: 100%;
height: auto;
margin-bottom: 32px;
}
.drone-movie .box p.title {
font-size: 18px;
color: #ec6400;
text-align: left;
}
.drone-movie video {
width: 100%;
height: auto;
}
.tenken {
margin-bottom: 60px;
}
.tenken p {
line-height: 2;
}
.tenken .wrap .txt span {
font-size: 12px;
margin-bottom: 16px;
}
.moushikomi {
margin-bottom: 60px;
}
.moushikomi p {
line-height: 2;
}
.moushikomi .wrap .txt span.caption {
font-size: 12px;
display: block;
margin-bottom: 16px;
}
.moushikomi .wrap .txt span.yellow {
font-size: 14px;
background: linear-gradient(transparent 60%, #ff6 60%);
}
.another-caption {
padding: 4%;
background: #fff;
} .bactakleen-cont-inner {
margin-bottom: 40px;
}
.bactakleen-cont-inner p {
line-height: 2;
}
.kleenpservice {
margin-bottom: 60px;
}
.kleenpservice .wrap {
margin-bottom: 32px;
}
.kleenpservice .wrap .txt {
margin-bottom: 24px;
}
.kleenpservice .wrap .txt p {
line-height: 2;
}
.kleenpservice .wrap .txt .yellow {
background: linear-gradient(transparent 60%, #ff6 60%);
}
.kleenpservice .wrap .txt a {
color: #ec6400;
font-size: 14px;
}
.kleenpservice .wrap .image {
width: 100%;
}
.kleenpservice .wrap .image img {
margin: 0 auto;
}
.kleenpservice .for-quote {
text-align: center;
margin-bottom: 60px;
}
.kleenpservice .for-quote a {
display: block;
padding: 20px 0;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.for-quote a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.for-quote a::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.kleenpservice .image2 img {
margin: 0 auto 16px;
max-width: 100%;
height: auto;
}
.kleenproduct .wrap {
margin-bottom: 40px;
}
.kleenproduct .txt p.title {
font-size: 21px;
color: #ec6400;
margin-bottom: 24px;
}
.kleenproduct .txt {
margin-bottom: 24px;
}
.kleenproduct .wrap .image img {
margin: 0 auto;
max-width: 100%;
height: auto;
}
.wrap2 {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.wrap2 .box {
width: 48%;
margin: 0 4% 24px 0;
}
.wrap2 .box:nth-child(even) {
margin-right: 0;
}
.wrap2 .box li {
font-size: 13px;
line-height: 1.5;
margin-bottom: 8px;
}
.other-pro {
border: 2px solid #71cd67;
border-radius: 10px;
padding: 6%;
margin-bottom: 60px;
background: #fff;
}
.other-pro .image img {
margin: 0 auto 32px;
}
.other-pro p.title {
color: #ec6400;
font-size: 21px;
margin-bottom: 24px;
text-align: center;
}
.other-pro p {
font-size: 16px;
margin-bottom: 24px;
}
.other-pro p.caption {
font-size: 14px;
margin-bottom: 0;
}
.situation {
margin-bottom: 60px;
}
.situation ul {
margin-bottom: 32px;
}
.situation li::before {
content: inherit !important;
}
.situation li img {
display: inline-block;
margin-right: 8px;
}
.situation .wrap .txt {
margin-bottom: 24px;
}
.situation .wrap .txt p {
line-height: 2;
}
.situation .image img {
margin: 0 auto;
max-width: 100%;
height: auto;
}
.comparison {
margin-bottom: 60px;
}
.table-wrap {
width: 100%;
overflow-x: scroll;
}
.comparison table {
width: 800px;
}
.comparison table th {
border-right: 2px solid #fff;
}
.comparison table th {
font-size: 18px;
padding: 8px 0;
text-align: center;
}
.comparison table td {
font-size: 20px;
padding: 8px 0;
text-align: center;
}
.comparison table th {
background: #ecebe2;
font-weight: bold;
}
.comparison table tbody tr:nth-of-type(1) {
color: #ec6400;
}
.safety {
margin-bottom: 60px;
}
.safety p {
line-height: 2;
}
.safety .wrap img {
margin-bottom: 24px;
} .greeting {
margin-bottom: 80px;
}
.greeting .wrap {
margin-bottom: 40px;
}
.greeting .wrap .image a {
width: 218px;
display: block;
padding: 12px 0;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
position: relative;
text-decoration: none;
transition: 0.3s;
margin-top: 16px;
}
.greeting .wrap .image a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.greeting .wrap .image a::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.greeting .wrap .txt {
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
}
.greeting .wrap .txt p.name {
margin: 24px 0 32px;
text-align: right;
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
}
.greeting .wrap .txt p.name span {
font-size: 13px;
font-size: 1.3rem;
}
.greeting .wrap .image {
width: 100%;
height: auto;
}
#philosophy {
margin-bottom: 60px;
}
#philosophy .image {
text-align: center;
vertical-align: middle;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/company01-bg.png) center top no-repeat;
background-size: contain;
padding: 30px 0;
margin-bottom: 30px;
}
#philosophy p {
margin: auto;
font-size: 20px;
font-weight: bold;
line-height: 2;
}
.history {
margin-bottom: 80px;
}
.history dl {
display: flex;
border-right: 2px solid #aaa;
border-left: 2px solid #aaa;
border-bottom: 2px solid #aaa;
align-items: center;
line-height: 0;
}
.history dl dt {
width: 22%;
padding: 4% 2%;
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
border-right: 2px solid #aaa;
background: #d8f5cd;
line-height: 1.5;
}
.history dl dd {
width: 78%;
padding: 2%;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.5;
}
.history dl:nth-of-type(1) {
border-top: 2px solid #aaa;
}
.shoplist {
margin-bottom: 60px;
}
.shoplist .map iframe {
width: 100%;
}
.company-profile {
margin-bottom: 104px;
}
.company-profile dl {
display: flex;
align-items: center;
border-bottom: 1px solid #ccc;
}
.company-profile dl:nth-of-type(1) {
border-top: 3px solid #ccc;
}
.company-profile dl dt {
width: 26%;
padding: 4% 2%;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.5;
}
.company-profile dl dd {
width: 74%;
padding: 2%;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.5;
}
.company-profile .com-image {
margin: 32px auto;
}
.company-profile .map {
margin: 0 auto;
position: relative;
width: 100%;
padding-top: 56.25%;
}
.company-profile .map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
} .menu-cont-inner:first-of-type {
margin-bottom: 40px;
}
.menu-main .image {
margin: 0 auto 40px;
text-align: center;
}
.menu-main .image img {
margin: 0 auto;
}
.menu-cont dl {
margin: 0 auto 6px;
padding: 2%;
display: flex;
background: #fff;
}
.menu-cont dl:nth-of-type(1) {
background: #fff;
}
.menu-cont dt {
width: 24%;
padding: 4% 2%;
font-size: 14px;
font-weight: bold;
display: flex;
align-items: center;
}
.menu-cont dd {
width: 76%;
padding: 4%;
font-size: 14px;
border-left: 2px solid #d0d0d0;
} .staff-list {
margin: 0 auto;
}
.staff-list .box {
position: relative;
margin-bottom: 40px;
}
.staff-list .box .image {
width: 92%;
height: 71vw;
overflow: hidden;
margin-bottom: 16px;
margin: 0 auto 16px;
}
.staff-list .box .image img {
width: 100%;
height: auto;
}
.staff-list .box p.name {
font-size: 18px;
line-height: 1.5;
font-weight: bold;
}
.staff-list .box p.name span {
font-size: 13px;
display: block;
font-weight: normal;
}
.staff-list .box p {
font-size: 16px;
}
.staff-list .box img.balloon {
position: absolute;
left: 23%;
top: 78vw;
} .recruit-contents {
margin-bottom: 48px;
}
.recruit-main {
margin-bottom: 32px;
}
.recruit-main .image, .recruit-main .image2 {
width: 92%;
margin: 0 auto;
background: #fff;
}
.job-cat dl {
margin: 0 auto 6px;
padding: 2%;
display: flex;
background-color: rgba(255, 255, 255, 0.8);
}
.job-cat dl:nth-of-type(1), .job-cat dl:nth-of-type(1) dt, .job-cat dl:nth-of-type(1) dd {
background: #edece4;
}
.job-cat dt {
width: 24%;
padding: 4% 2%;
font-size: 14px;
font-weight: bold;
display: flex;
align-items: center;
background-color: rgba(255, 255, 255, 0.8);
}
.job-cat dd {
width: 76%;
padding: 4%;
font-size: 14px;
border-left: 2px solid #d0d0d0;
background-color: rgba(255, 255, 255, 0.8);
}
.page-id-73 .movie {
width: 100%;
height: 0;
position: relative;
padding-top: 56.25%;
overflow: hidden;
margin-bottom: 40px;
}
.page-id-73 .movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
} .faq-list dl {
margin-bottom: 32px;
}
.faq-list dl dt {
background: #f1f1f1;
font-size: 14px;
padding-bottom: 8px;
display: flex;
}
.faq-list dl dt span {
font-size: 36px;
margin: 0 13px;
font-weight: bold;
vertical-align: sub;
font-family: 'Roboto', sans-serif;
}
.faq-list dl dd {
font-size: 14px;
display: flex;
}
.faq-list dl dd span {
font-size: 36px;
margin: 0 13px;
color: #ed6d3b;
font-weight: bold;
vertical-align: sub;
font-family: 'Roboto', sans-serif;
}
.faq-list dl dt p, .faq-list dl dd p {
margin-top: 16px;
} .company-menu {
padding: 0 15px;
justify-content: space-between;
margin: 0 auto 64px;
}
.company-menu .menu {
margin-top: 40px;
}
.company-menu a:hover {
color: #ec6400;
}
.greeting .wrap .image {
width: 218px;
margin: 0 auto 24px;
}
.greeting p {
font-size: 16px;
line-height: 2;
}
.greeting p.name {
text-align: right;
}
.greeting p.name img {
margin-left: 16px;
display: inline-block;
vertical-align: middle;
}
#history {
margin-bottom: 72px;
}
#history h2 {
font-size: 1.9rem;
font-weight: bold;
position: relative;
padding: 8px 0 32px 30px;
}
#history h2::before {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/u-h2-bg.png);
position: absolute;
left: 0;
top: 0;
}
#history dl, #result dl {
display: block;
background: none;
border-left: 1px solid #000;
border-bottom: 1px dotted #ccc;
}
#history dl dt, #result dl dt {
padding: 10px 4% 24px 11%;
font-size: 16px;
}
#history dl dd, #result dl dd {
padding: 10px 4% 24px;
font-size: 16px;
}
#history dl dt, #result dl dt {
font-weight: bold;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/prof-list.png);
background-repeat: no-repeat;
background-position: left 34%;
}
.profile {
background: #efeee5;
padding: 70px 2%;
margin-bottom: 72px;
}
.profile h2 {
font-size: 1.9rem;
font-weight: bold;
position: relative;
padding: 8px 0 32px 30px;
}
#history h2::before {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/u-h2-bg.png);
position: absolute;
left: 0;
top: 0;
}
.profile dl {
display: block;
background: none;
border-left: 1px solid #fff;
border-bottom: 1px dotted #fff;
}
.profile dl dt {
padding: 10px 4% 24px 11%;
font-size: 16px;
}
.profile dl dd {
padding: 10px 4% 24px;
font-size: 16px;
}
.profile dl dt {
font-weight: bold;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/prf-list2.png);
background-repeat: no-repeat;
background-position: left 34%;
}
#co-data {
margin: 0 auto 60px;
}
#co-data table {
margin: 0 auto;
border-collapse: collapse;
}
#co-data table tr {
border-bottom: none;
margin-bottom: 8px;
}
#co-data table th {
width: 20%;
padding: 10px 0;
text-align: center;
font-size: 14px;
font-weight: bold;
position: relative;
}
#co-data table th::after {
content: "";
width: 1px;
height: 80%;
background: #dfdfdf;
position: absolute;
right: 0;
top: 10%;
}
#co-data table td {
width: 80%;
padding: 16px 4%;
font-size: 14px;
font-weight: normal;
}
#co-data table td span {
padding: 10px 0;
display: block;
border-top: 1px solid #ccc;
}
#co-data table td > span:first-child {
border-top: none;
}
.manten-point h3 {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
position: relative;
padding: 0;
margin: 0 0 24px;
color: #333;
}
.manten-point h3:before {
content: "";
width: 42px;
height: 4px;
background: #ec6400;
position: absolute;
bottom: -10px;
border-radius: 3px;
}
.manten-point .wrap .box {
width: 100%;
padding: 4%;
background: #fff;
margin: 0 auto 40px;
}
.manten-point .wrap .box p.title {
font-size: 24px;
margin-bottom: 16px;
}
.manten-point .wrap .box p {
margin-bottom: 0;
}
.result-main {
margin-bottom: 32px;
}
.result-main img {
margin: 0 auto;
}
.shikaku p {
margin-bottom: 32px;
}
.shikaku .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 70px;
}
.shikaku .wrap img {
width: 48%;
height: auto;
margin-bottom: 16px;
}
.shikaku .wrap img.box:nth-of-type(5) {
margin-right: none;
}
#result {
margin-bottom: 60px;
}
#result .wrap {
margin: 0 auto 40px;
}
#result .wrap .txt {
font-size: 16px;
line-height: 2;
margin-bottom: 32px;
}
#result .wrap .txt span.or {
color: #ec6400;
}
#result .wrap .image img {
width: 100%;
height: auto;
}
#result p {
font-size: 16px;
}
#result table {
margin: 0 auto 40px;
border-collapse: collapse;
}
#result table tr {
border-bottom: none;
margin-bottom: 8px;
}
#result table th {
width: 28%;
padding: 4%;
text-align: center;
font-size: 14px;
font-weight: bold;
position: relative;
}
#result table th::after {
content: "";
width: 1px;
height: 72%;
background: #dfdfdf;
position: absolute;
right: 0;
top: 10%;
}
#result table td {
width: 80%;
padding: 4%;
font-size: 14px;
font-weight: normal;
}
#result table td span {
padding: 10px 0;
display: block;
}
#result table td span:nth-of-type(1) {
border-bottom: 1px solid #ccc;
}
.social-activities-main {
margin-bottom: 40px;
}
.social-activities-main img {
margin: 0 auto;
}
#social-activities .wrap .txt {
font-size: 16px;
line-height: 2;
}
#social-activities .wrap .txt a {
color: #ec6400;
}
#social-activities p.txt {
margin: 0 auto 24px;
font-size: 16px;
}
#social-activities .wrap {
margin: 32px auto;
}
#social-activities .wrap img, #social-activities .wrap .image img {
max-width: 100%;
height: auto;
margin: 0 auto 32px;
}
#social-activities .wrap .txt {
margin-top: 42px;
}
#social-activities .wrap .txt p {
margin-bottom: 24px;
font-size: 16px;
}
#social-activities .txt .or {
display: block;
margin-bottom: 40px;
color: #ec6400;
}
#social-activities .wrap .txt ul {
margin-bottom: 32px;
}
#social-activities .wrap .txt li::before {
content: inherit;
}
#social-activities figure img {
margin: 0 auto 24px;
} .post-type-archive-seminar .u-wrap {
padding: 0;
}
.post-type-archive-seminar .u-contents {
width: 100%;
}
.seminar-cont-wrap {
width: 100%;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/seminar-cont-bg.png);
}
.seminar-cont-wrap .inner {
margin: 0 auto;
padding: 40px 15px;
}
.seminar-link {
margin: 0 auto;
padding: 30px 0;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/seminar-link-bg.png);
}
.seminar-link a {
display: block;
width: 92%;
padding: 12px 24px;
text-align: center;
font-size: 16px;
position: relative;
text-decoration: none;
margin: 0 auto 24px;
background: #fff;
}
.seminar-link a:hover {
background: #b3a1a1;
color: #fff;
}
.seminar-link a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/icon-orange.png);
margin-left: 32px;
}
post-type-archive-seminar .u-contents .inner {
width: 92%;
margin: 0 auto;
padding: 70px;
background:
}
.seminar-cont-wrap p span.red {
color: #e00;
}
.seminar-wrap {
width: 92%;
margin: 0 auto 60px;
}
.seminar-wrap a {
display: block;
background: 0;
margin: 0 auto 32px;
text-decoration: none;
position: relative;
}
.seminar-wrap a:nth-of-type(3n) {
margin-right: 0;
}
.seminar-wrap a .overley {
position: absolute;
top: 0px;
left: 50%;
width: 270px;
height: 189px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(237, 113, 0, 0.8);
opacity: 0;
transition: 0.3s;
z-index: 100;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.seminar-wrap a .image {
max-width: 270px;
max-height: 189px;
background-size: cover;
background-position: center;
margin: 0 auto 16px;
overflow: hidden;
position: relative;
z-index: 10;
border: 2px solid #ccc;
background: #fff;
}
.seminar-wrap a .image img {
transition: 0.5s;
width: 100%;
height: auto;
}
.seminar-wrap a p.title {
text-align: left;
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
transition: 0.3s;
}
.seminar-wrap a p.date {
color: #868686;
font-size: 14px;
font-size: 1.4rem;
text-align: left;
font-weight: bold;
}
p.place {
color: #ec6400;
font-size: 13px;
font-weight: bold;
}
.seminar-wrap a:hover .overley {
opacity: 1;
}
.seminar-wrap a:hover .image img {
transform: scale(1.1, 1.1);
}
.seminar-wrap a:hover p.title {
color: #ec6400;
}
.online-seimnar-wrap .inner {
margin: 0 auto;
padding: 70px 15px;
}
.online-seimnar-wrap p.caution {
font-size: 12px;
margin-bottom: 40px;
}
.online-seimnar-wrap p.aisatu {
margin-bottom: 24px;
}
.online-seimnar-wrap .image {
margin-bottom: 40px;
}
.online-seimnar-wrap .wrap {
margin-bottom: 40px;
}
.online-seimnar-wrap .wrap img {
margin: 0 auto 24px;
}
.online-seimnar-wrap dl {
margin: 0 auto 16px;
padding: 12px 0;
background: #fff;
}
.online-seimnar-wrap dl:nth-last-of-type(1) {
margin-bottom: 60px;
}
.online-seimnar-wrap dl dd:nth-of-type(1) {
font-weight: bold;
border-bottom: 2px solid #d0d0d0;
}
.online-seimnar-wrap dl dd:nth-of-type(2) {
text-align: left;
border-bottom: 2px solid #d0d0d0;
}
.online-seimnar-wrap dd {
padding: 16px 24px;
font-size: 16px;
background: #fff;
text-align: center;
}
.online-seimnar-wrap dd a {
color: #ec6400;
font-weight: bold;
}
.u-wrap .wp_social_bookmarking_light {
margin-top: 30px;
padding: 30px 0 !important;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/sns-bg.png);
background-size: cover;
font-size: 16px;
font-weight: bold;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.wp_social_bookmarking_light::before {
content: "シェアをお願いします。";
display: block;
text-align: center;
width: 100%;
margin-bottom: 16px;
}
.wp_social_bookmarking_light iframe {
margin: 0;
}
.wsbl_twitter {
width: auto !important;
}
.single-seminar iframe {
width: 100%;
height: 400px;
} .staff-list {
width: 100%;
margin: 0 auto;
}
.staff-list .box {
width: 100%;
position: relative;
margin-bottom: 60px;
}
.staff-list .box .left {
width: 100%;
}
.staff-list .box .image {
width: 100%;
height: 250px;
margin-bottom: 16px;
}
.staff-list .box table {
border-collapse: collapse;
border: none;
}
.staff-list .box table tr {
background: none;
}
.staff-list .box table th {
padding: 8px 16px;
font-size: 14px;
width: 45%;
text-align: left;
}
.staff-list .box table td {
padding: 8px;
border-left: 1px dotted #aaa;
font-size: 14px;
width: 55%;
border-bottom: none;
}
.staff-list .box .right {
width: 100%;
}
.staff-list .box .left p.name {
display: inline-block;
font-size: 24px;
align-items: center;
line-height: 1.3;
font-weight: bold;
}
.staff-list .box .left .takayama {
margin-bottom: 24px;
}
.staff-list .box .left .position {
display: block;
color: #c8020e;
font-size: 14px;
}
.staff-list .box .left .position-o {
display: block;
color: #ec6400;
font-size: 14px;
}
.staff-list .box .left .position-b {
display: block;
color: #5db5da;
font-size: 14px;
}
.staff-list .box .left .position-g {
display: block;
color: #71cd67;
font-size: 14px;
}
.staff-list .box .left .position-y {
display: block;
color: #f3df14;
font-size: 14px;
}
.staff-list .box .left .kana {
font-size: 14px;
font-weight: normal;
}
.yurai {
margin-bottom: 40px;
}
.yurai span {
font-weight: bold;
}
.yurai dl dt {
font-size: 14px;
}
.yurai dl dd {
font-size: 14px;
}
.staff-list .box .right .comment {
padding: 40px 26px 20px;
background: #fff;
position: relative;
}
.staff-list .box .right .comment img {
position: absolute;
top: -10px;
left: -5px;
} .line-cont .main {
margin-bottom: 54px;
}
.line-cont .main .image, .line-cont .main .image2 {
width: 92%;
margin: 0 auto;
background: #fff;
}
.line-cont .main .image2 p.title {
margin-bottom: 0;
}
.line-cont .main .image2 .btn-wrap {
display: flex;
padding: 22px 0;
line-height: 0;
justify-content: center;
}
.line-cont .main .image2 .btn-wrap .btn {
width: 100%;
}
.line-cont .main .image2 .btn-wrap a {
display: block;
}
.line-cont .main .image2 .btn-wrap a img {
margin: 0 auto;
}
.line-cont .onayami ul.onayami-list {
padding-left: 24px;
}
.line-cont .onayami .onayami-image {
margin: 24px auto 64px;
}
.step-image {
text-align: center;
margin-bottom: 64px;
}
.step-image img {
margin: 0 auto 16px;
}
.step-title {
padding-bottom: 10px;
margin-bottom: 32px;
border-bottom: 2px solid #00bb00;
font-size: 20px;
}
.step-title img {
display: inline-block;
margin-right: 16px;
vertical-align: middle;
}
.detail-step .wrap {
margin-bottom: 64px;
}
.detail-step .wrap .txt, .detail-step .wrap .image2 {
margin: 0 auto;
}
.detail-step .wrap .txt {
font-size: 14px;
line-height: 2.3;
margin-bottom: 16px;
}
.detail-step .wrap .image2 {
background: #fff;
}
.detail-step .wrap .image2 p.title {
margin-bottom: 0;
}
.detail-step .wrap .image2 .btn-wrap {
display: flex;
padding: 22px 0;
line-height: 0;
justify-content: center;
}
.detail-step .wrap .image2 .btn-wrap .btn {
width: 50%;
}
.detail-step .wrap .image2 .btn-wrap a {
display: block;
}
.detail-step .wrap .image2 .btn-wrap a img {
margin: 0 auto;
}
.detail-step p.title {
color: #ec6400;
font-size: 18px;
margin-bottom: 32px;
}
.step2-wrap {
margin: 40px auto;
}
.step2-wrap img {
width: 90%;
margin: 0 auto 24px;
}
.example {
padding: 4% 6%;
font-size: 16px;
line-height: 2.3;
background: #fff;
margin-bottom: 40px;
}
.detail-step p.last {
margin-bottom: 60px;
}
.waiting-image {
margin-bottom: 40px;
}
.waiting-image img {
width: 80%;
height: auto;
margin: 0 auto 16px;
} .l-privacy .p--definition dt {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
margin-bottom: 16px;
font-weight: bold;
}
.l-privacy .p--definition dd {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
margin-bottom: 32px;
}
.l-privacy p.company-name {
font-size: 16px;
font-size: 1.6rem;
}
.l-privacy p.company-name:first-line {
font-size: 18px;
font-size: 1.8rem;
}
.page-id-5720 .wp_social_bookmarking_light {
display: none;
} .u-contents .contact {
margin: 0 auto;
text-align: center;
position: relative;
}
.u-contents .contact .wp_social_bookmarking_light {
display: none;
}
.u-contents .contact h2 {
text-align: center;
font-size: 20px;
font-size: 2rem;
position: relative;
display: inline-block;
margin: 0 auto 60px;
padding: 0;
}
.u-contents .contact h2::before {
content: inherit;
}
.u-contents .contact h2 span {
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
padding-left: 20px;
}
.u-contents .contact h2 img {
margin: 0 auto 32px;
line-height: 1;
}
.u-contents .contact h2 img.contact-text {
position: absolute;
width: 54px;
height: auto;
top: 70px;
left: 0px;
}
.u-contents .contact p.intro {
text-align: left;
font-size: 16px;
line-height: 2.2;
margin-bottom: 60px;
}
p.contact-intro {
text-align: center;
margin-bottom: 40px;
}
.tel-area {
background: #fff;
padding: 4%;
text-align: center;
}
.tel-area p {
font-size: 16px;
margin-bottom: 24px;
text-align: left;
}
p.free {
font-family: 'Roboto', sans-serif;
font-weight: 700;
display: flex;
justify-content: center;
font-size: 24px;
align-items: center;
line-height: 1;
margin-bottom: 8px;
}
p.free img {
margin-right: 8px;
}
p.hour {
font-weight: bold;
text-align: center;
}
p.contact-intro {
text-align: left;
margin-bottom: 40px;
font-size: 15px;
font-size: 1.5rem;
}
.contact-form {
margin: 40px 0;
}
.contact-form dl:first-child {
border-top: 1px solid #333;
}
.contact-form dl {
margin-bottom: 16px;
border-top: 1px solid #ccc;
}
.contact-form dl dt {
padding: 4%;
font-size: 15px;
font-size: 1.5rem;
width: 100%;
text-align: left;
font-weight: bold;
}
.contact-form dl dt span {
padding: 3px 6px;
text-align: center;
color: #fff;
font-size: 12px;
font-size: 1.2rem;
margin-right: 8px;
}
.contact-form dl dt span.required {
background: #e00;
}
.contact-form dl dt span.any {
background: #aaa;
}
.contact-form dl dd {
padding: 4%;
font-size: 16px;
font-size: 1.6rem;
width: 100%;
text-align: left;
}
.contact-form dl dd input, .contact-form dl dd textarea {
border: 1px solid #ccc;
font-size: 16px;
font-size: 1.6rem;
}
.contact-form dl dd input[type="text"], .contact-form dl dd input[type="email"] {
width: 100%;
padding: 8px 5px;
margin-bottom: 8px;
font-size: 16px;
font-size: 1.6rem;
border: none;
}
.contact-form dl dd input.zip {
width: 30%;
font-size: 16px;
font-size: 1.6rem;
border: none;
}
.contact-form dl dd input[type="tel"] {
width: 40%;
padding: 5px;
margin-bottom: 8px;
font-size: 16px;
font-size: 1.6rem;
border: none;
}
.contact-form dl dd textarea {
width: 100%;
padding: 5px;
font-size: 16px;
font-size: 1.6rem;
border: none;
}
.contact-form dl dd span {
font-size: 13px;
color: #aaa;
}
.contact-form dl dd label {
margin-right: 16px;
}
.contact-form dl:nth-last-of-type(1) {
margin-bottom: 32px;
}
.contact-form dl dd span.mwform-checkbox-field-text {
color: #000;
font-size: 16px;
}
.contact-form dl dd span.mwform-checkbox-fiel {
margin-bottom: 16px;
}
.contact-form .poricy-agree {
text-align: center;
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 24px;
}
.contact-form .poricy-agree input {
margin-right: 8px;
}
.contact-form input[type="submit"] {
display: block;
width: 100%;
padding: 10px 15px;
margin: 0 auto 32px;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
-webkit-appearance: none;
}
.contact-form input[type="submit"]:hover {
background: #b5b5b5;
}
.contact-form input.return {
display: block;
width: 60%;
padding: 10px 15px;
margin: 0 auto;
text-align: center;
background: #aaa;
color: #000;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
-webkit-appearance: none;
}
.contact-form input.return:hover {
background: #b5b5b5;
}
h2.thanks-txt {
Width: 100%;
text-align: left;
font-size: 19px;
font-size: 1.9rem;
font-weight: bold;
Margin: 0 auto 24px;
line-height: 1.5;
}
p.thanks-sub {
Width: 100%;
text-align: left;
font-size: 16px;
font-size: 1.6rem;
Margin: 0 auto 16px;
} p.notfound {
font-size: 15px;
text-align: center;
padding: 0 15px;
margin: 24px auto 40px;
}
p.notfound span {
Font-size: 18px;
Font-weight: bold;
Margin-bottom: 24px;
display: block;
}
.fortop {
text-align: center;
margin-bottom: 40px;
}
.fortop a {
display: block;
width: 230px;
padding: 12px;
text-align: center;
color: #fff;
background: #e00;
border: 1px solid #e00;
margin: 24px auto;
font-size: 14px;
color: #fff !important;
text-decoration: none;
}
footer {
background-color: #EA5404;
}
footer .inner {
padding: 30px 15px;
margin: 0 auto;
}
footer .inner .footer-logo {
width: 100%;
padding: 0;
}
footer .inner .f-nav {
margin: 0;
position: relative;
width: 50%;
}
footer .inner .f-nav ul {
display: flex;
flex-wrap: wrap;
}
footer .inner .f-nav ul li {
width: 33.333%;
padding: 15px;
list-style: none;
}
footer .inner .f-nav ul li a {
font-size: 15px;
font-size: 1.5rem;
}
footer .inner .f-nav ul li a:hover {
color: #fff;
}
footer .copyright {
text-align: center;
font-size: 12px;
font-size: 1.2rem;
display: block;
color: #fff;
padding: 10px 15px;
margin-bottom: 100px;
border-top: 1px solid #fff;
font-family: Roboto, Arial, Helvetica, Tahoma, Verdana;
}
footer .copyright-contact {
margin-bottom: 0;
}
.ftr-fix-sp {
width: 100%;
position: fixed;
bottom: 0;
z-index: 9998;
}
.ftr-fix-sp ul {
display: flex;
list-style: none;
}
.ftr-fix-sp ul li {
width: calc(100% / 3); font-size: 14px;
}
.ftr-fix-sp ul li a {
display: flex;
padding: 12px 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: #fff;
font-size: 15px;
font-size: 1.5rem;
font-family: 'Lato', sans-serif;
}
.ftr-fix-sp ul li:nth-of-type(1) a {
background: #06c253;
}
.ftr-fix-sp ul li:nth-of-type(2) a {
background: #EA5404;
}
.ftr-fix-sp ul li:nth-last-of-type(1) a {
background: #c82c2e;
}
.ftr-fix-sp ul li a span {
display: block;
font-size: 14px;
font-size: 1.4rem;
}
#gnav {
padding: 15px 0 0;
background: #fff;
overflow-y: scroll;
}
#gnav a {
color: #222;
text-decoration: none;
}
#gnav a:hover, #gnav a.stay {
background-color: #ec6400;
}
#gnav .tpoint-sp {
text-align: center;
}
#gnav .tpoint-sp img {
display: inline-block;
padding: 8px 0 12px;
}
#gnav .header-contact-sp {
display: flex;
justify-content: center;
align-items: center;
padding: 12px auto 30px;
}
#gnav .header-contact-sp p {
font-size: 13px;
line-height: 1.4;
}
#gnav .header-contact-sp p a {
text-decoration: none;
display: block;
text-align: center;
padding: 0 12px;
font-weight: bold;
font-size: 12px;
} #mm-blocker {
background: rgba(0, 0, 0, 0.5);
} .sp-navi {
background: #f90;
box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
width: 100%;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.sp-navi li {
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.1);
width: 20%;
position: relative;
}
.pc-spn,
.pc-gnav-wrap {
display: none !important;
}
.spn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 60px;
height: 60px;
position: absolute;
right: 0;
top: 5px;
color: #fff !important;
display: block;
font-size: 10px;
line-height: 1.1;
text-align: center;
padding: 11px 0 10px;
border: none;
background-color: #fff;
}
.spn:not(#gnav-open)::before {
display: block;
font-family: 'taga-koutsuu';
font-size: 2rem;
margin: 0 0 5px;
}
.sp-navi li:nth-child(1) a.spn::before {
content: '\e801';
}
.sp-navi li:nth-child(2) a.spn::before {
content: '\e803';
}
.sp-navi li:nth-child(3) a.spn::before {
content: '\f15c';
}
.sp-navi li:nth-child(4) a.spn::before {
content: '\e800';
}
.mainnav-sub li {
background: #ff5555;
}
#page_top {
position: fixed;
bottom: 30px;
right: 5%;
width: 50px;
height: 50px;
border-radius: 25px;
background: rgba(191, 127, 63, 0.8);
}
#page_top a {
display: block;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 15px;
color: #fff;
text-align: center;
}
.menu-wrap nav {
display: none;
}
.menu-wrap nav ul {
margin: 0;
background: #fff;
display: flex;
flex-wrap: wrap;
padding: 16px 16px 8px 16px;
}
.menu-wrap nav ul li {
text-indent: 0;
padding: 0;
margin: 0 24px 8px 0;
}
.menu-wrap nav ul li:before {
content: none;
}
.menu-wrap nav ul li a {
transition: 0.2s;
}
.menu-wrap nav ul li a:hover {
color: #ec6400;
}
.menu-wrap .nav-open {
padding: 8px 16px;
color: #fff;
font-size: 20px;
background: #8e8e89;
position: relative;
margin-bottom: 0;
position: relative;
margin-top: 16px;
}
.menu-wrap .nav-open::before {
content: "＋";
position: absolute;
right: 10px;
color: #c82c2e;
font-size: 26px;
top: 2px;
}
.menu-wrap .nav-open.active::before {
content: "－";
}
.menu-wrap .nav-open::after {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.works-menu-wrap ul li {
list-style: none;
margin-bottom: 16px;
}
.works-menu-wrap ul li a {
display: block;
width: 92%;
margin: 0 auto;
padding: 12px 8%;
text-align: center;
background: #8e8e89;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
position: relative;
text-decoration: none;
transition: 0.3s;
}
.works-menu-wrap ul li a::after {
content: url(//www.m-paint.net/wp-content/themes/default/assets/img/top/icon-arrow-right.png);
position: absolute;
right: 20px;
transition: 0.3s;
}
.works-menu-wrap ul li a::before {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
background-color: #c82c2e;
}
.works-menu-wrap ul li a:hover {
background: #b1b1b0;
}
.works-menu-wrap ul li a:hover::after {
right: 10px;
}
.description-wrap {
margin-bottom: 16px;
}
.bnr-slide2 .flexslider3 {
position: relative;
}
.home .flex-direction-nav a { 
width: 48px;
height: 48px;
}
.home .bnr-slide2 .flex-direction-nav a { 
width: 48px;
height: 48px;
}
.home .bnr-slide2 .flex-direction-nav .flex-prev {
margin: -20px 0 0 -30px;
}
.home .bnr-slide2 .flex-direction-nav .flex-next {
margin: -20px -10px 0 0;
} .page-bath-remake .u-main h1 {
font-size: 2rem;
}
.page-bath-remake .u-main h1 span {
position: initial;
font-size: 2.5rem;
}
.remake-merit-contents {
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/br-img01.jpg);
background-size: cover;
padding: 40px 0;
width: 100vw;
margin-left: -15px;
background-position: right;
}
.remake-merit {
margin: 0 auto;
}
.remake-merit h2 {
font-size: 3rem;
font-weight: bold;
text-align: center;
margin-bottom: 32px;
}
.remake-merit .remake-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.remake-merit .remake-list li {
width: 90%;
background: #fff;
border-radius: 15px;
padding: 5px 10px;
}
.remake-merit .remake-list li h3 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 10px;
line-height: 2;
}
.cont-big strong {
font-size: 2rem;
}
.ba-block .wp-block-column:first-child {
position: relative;
margin-bottom: 50px;
}
.ba-block .wp-block-column:first-child::before {
content: "";
width: 30px;
height: 25px;
background: #ec6400;
position: absolute;
display: block;
right: calc(50% - 15px);
bottom: -30px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
} .t-pink {
color: #FF008C;
}
.page-roller-stone .u-wrap {
background: none;
padding: 0;
}
.u-contents.u-rs {
width: 100%;
padding-bottom: 0;
}
.main-movie {
width: 100%;
z-index: 0;
margin-bottom: 20px;
}
.main-movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.rs-intro {
margin-bottom: 40px;
}
.rs-wrap {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.rs-cont01 {
display: flex;
gap: 20px;
align-items: center;
margin-bottom: 40px;
flex-direction: column;
}
.rs-cont01 .p-main {
text-align: center;
font-size: 1.5rem;
margin-bottom: 20px;
font-weight: bold;
}
.rs-cont01 .p-main img {
display: inline;
vertical-align: bottom;
width: 150px;
}
.rs-cont01 div:first-child img {
width: 70%;
margin: 0 auto;
} 
.rs-about-wrap {
padding-top: 48px;
padding-bottom: 48px;
background-color: #F1F1F1;
}
.rs-about-wrap .inner {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.rs-about-wrap h2 {
background-color: #fff;
padding: 8px;
font-size: 2rem;
font-weight: bold;
text-align: center;
margin-bottom: 64px;
}
.rs-about-wrap h2:before {
content: none;
}
.about-cont-wrap {
display: flex;
gap: 20px;
margin-bottom: 40px;
flex-direction: column;
}
.about-cont-wrap h3 {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 20px;
color: #FF008C;
border-left: 2px solid #000;
font-weight: normal;
}
.rs-about-wrap h3:before {
content: none;
}
.rs-cv-wrap {
background-color: #e5e5e5;
padding-top: 48px;
padding-bottom: 48px;
}
.rs-cv-wrap .inner {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.rs-cv-wrap .inner p {
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.rs-cv-wrap .inner p img {
display: inline;
}
.rs-works {
padding: 48px 0;
width: 100%;
}
.rs-works h2 {
width: 90%;
max-width: 1200px;
margin: 0 auto;
background-color: #FF008C;
color: #fff;
padding: 8px;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.rs-works h2:before {
content: none;
}
.rs-works h2:before {
content: none;
}
.rs-works .slide-wrap .slide {
width: 100%;
height: 225px;
position: relative;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/rs-works.jpg) repeat-x 0 0;
background-size: auto 100%;
padding: 0;
pointer-events: none;
animation-duration: 150s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: scr_imgs;
}
@keyframes scr_imgs {
0% { background-position: 0 0; }
100% { background-position: -4462px 0; }
}
.slide-wrap {
margin: 40px 0;
}
.rs-company {
padding-top: 48px;
padding-bottom: 48px;
background-color: #F1F1F1;
}
.rs-company .inner {
width: 90%;
max-width: 1200px;
margin: 0 auto 80px;
}
.rs-company h2 {
background-color: #fff;
padding: 8px;
font-size: 2rem;
font-weight: bold;
text-align: center;
margin-bottom: 64px;
}
.rs-company h2:before {
content: none;
}
.rs-company dl {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.rs-company dl dt {
padding-top: 25px;
padding-bottom: 10px;
border-top: 1px solid #fff;
width: 100%;
text-align: center;
font-size: 1.6rem;
font-weight: bold;
}
.rs-company dl dd {
padding-top: 10px;
padding-bottom: 25px;
width: 100%;
text-align: center;
font-size: 1.6rem;
}
.rs-company dl {
border-bottom: 1px solid #fff;
}
.rs-tv {
background-color: #000;
padding: 48px 0;
}
.rs-tv h2 {
width: 90%;
max-width: 1200px;
margin: 0 auto;
background-color: #fff;
color: #FF008C;
padding: 8px;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.rs-tv h2:before {
content: none;
}
.tv-wrap {
display: flex;
justify-content: center;
gap: 15px;
margin: 30px 5%;
flex-direction: column;
}
.tv-wrap .tv-box {
width: 28%;
}
.rs-btn {
border: 1px solid;
padding: 14px;
display: block;
width: 250px;
text-align: center;
text-decoration: none;
font-size: 1.6rem;
margin: 0 auto;
transition: .2s;
}
.rs-tv .rs-btn {
color: #fff;
}
.search-result > article + article {
margin-top: 40px;
}
.search-result > article > p {
margin-top: 0;
}
.u-contents .search-result h2 {
padding-bottom: 15px;
}  .gw-feature{
padding: 10px;
margin: 0 auto 14px;
border-radius: 28px;
max-width: 800px;
}
.u-contents .gw-ba figure img{
margin-bottom: 0;
} .ecocute-lead p,
.ecocute-lead strong{
font-size: 1.6rem;
}
.ecocute-text-orange{
color: #ec6400;
}
.ecocute-unerline{
text-decoration: underline #ec6400;
}
.ecocute-marker strong{
display: inline-block;
background:linear-gradient(transparent 60%, #ecc400 60%);
font-size: 2rem;
}
.ecocute-main{
background-color: #D2ECFB;
padding: 20px 20px;
}
.ecocute-caution{
font-size: 1.2rem !important;
margin-top: -10px;
}
.ecocute-energy span{
padding: 0 8px;
border: 1px solid #333;
}
.ecocute-cost-ttl{
font-size: 2.4rem !important;
background: rgb(236,100,0);
background: linear-gradient(90deg, rgba(236,100,0,1) 0%, rgba(246,246,246,1) 100%);
padding: 10px 2rem;
font-weight: bold;
}
.ecocute-line{
border-radius: 40px;
max-width: 700px;
margin: 0 auto;
background-color: #06C755;
text-align: center;
font-size: 2rem;
}
.ecocute-line a{
text-decoration: none;
color: #fff;
padding: 22px;
width: 100%;
display: inline-block;
line-height: 1;
} .page-contact__inner{
background-color: #fff2cc;
border: 2px solid #a6a6a6;
border-radius: 40px;
padding: 22px 22px 30px;
max-width: 700px;
margin: 0 auto;
}
.page-contact__head{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-contact__logo{
max-width: 200px;
}
.page-contact .page-contact__ttl{
font-size: 2rem;
margin-bottom: 0;
margin-top: 3px;
}
.page-contact .page-contact__tel{
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
margin-top: 20px;
}
.page-contact__tel-icon{
margin-right: 10px;
max-width: 56px;
}
.page-contact__tel-num{
color: #4472c4;
font-weight: bold;
font-size: 3.2rem;
line-height: 1;
margin-bottom: 3px;
}
.page-contact__tel-text{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.page-contact__tel-hour{
font-size: 1.2rem;
}
.page-contact__mail{
display: flex;
align-items: center;
justify-content: center;
background-color: #f2f2f2;
border: 2px solid #4472c4;
border-radius: 70px;
padding: 10px;
text-decoration: none;
max-width: 490px;
margin: 20px auto 0;
}
.page-contact__mail-icon{
margin-right: 10px;
max-width: 56px;
}
.page-contact__mail-text{
font-size: 1.6rem;
color: #4472c4;
line-height: 1;
}
.ecocute-marker::before{
display: none;
}
.ecocute-main_top h3::before{
display: none;
}
.ecocute-preparation h4{
color: #000;
margin-bottom: 4px;
}
.u-contents .ecocute-h4-bl{
color: #000;
margin-bottom: 4px;
}
.u-contents .ecocute-cost-ttl::before{
display: none;
}
.gw-list h3{
margin-bottom: 2px;
}
.gw-list h3::before{
display: none;
}
.page-gattowall .u-main h1{
font-size: 2.6rem;
} .page-renovation .p-renovation__title {
font-size: 1.8rem;
font-weight: bold;
}
.page-renovation .p-renovation__MenuTitle {
position: relative;
margin: 0 auto 16px;
width: fit-content;
font-size: 2rem;
}
.page-renovation .p-renovation__MenuTitle::before {
content: "";
width: 1px;
height: 50px;
background: #000;
position: absolute;
display: block;
top: 24px;
left: -10px;
transform: rotate(-35deg);
}
.page-renovation .p-renovation__MenuTitle::after {
content: "";
width: 1px;
height: 50px;
background: #000;
position: absolute;
display: block;
top: 24px;
right: -10px;
transform: rotate(35deg);
}
.max-contents {
margin: 0 auto 0 -15px;
width: 100vw;
padding: 30px 0;
}
.max-contents .u-contents {
padding: 0 15px;
}
.bk-gray {
background: #e4e4e4;
}
.bk-green {
background: #e5efdb;
}
.page-renovation figcaption {
text-align: center;
font-size: 1.6rem;
}
.page-renovation .point-inner {
padding: 20px;
}
.page-renovation .point-inner h2 {
width: fit-content;
margin: 0 auto;
padding: 0 50px;
}
.page-renovation .point-inner .wp-block-columns {
margin: 30px auto 30px;
}
.page-renovation .point-inner .wp-block-column {
border: 2px solid;
}
.page-renovation .point-inner .wp-block-column h3 {
background: #e4e4e4;
width: fit-content;
margin: -14px auto 0;
padding: 0 8px;
}
.page-renovation .point-inner .wp-block-column h3::before {
content:none;
}
.page-renovation .point-inner .wp-block-column p {
margin: 10px 20px 10px;
}
.works-box a {
text-decoration: none;
background: #fff;
display: block;
padding: 15px 15px;
transition: .2s;
}
.works-box.bk-gray a {
background: #e4e4e4;
}
.works-box a:hover {
opacity: .7;
}
.page-renovation .renovation-title-last {
font-size: 2.8rem;
font-weight: bold;
padding: 1.5em 0;
}
.page-renovation .mechanism-inner {
padding: 20px;
}
.page-renovation dl {
display: flex;
border-bottom: 1px solid;
width: fit-content;
padding: 5px 8px;
font-size: 1.6rem;
gap: 30px;
}
.page-renovation dt {
padding-right: 20px;
}
.page-renovation .rain-list {
width: fit-content;
margin: 16px auto;
}
.page-renovation .rain-list li {
width: fit-content;
}
.page-renovation .check-list li::before {
content: "";
width: 24px;
height: 24px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/icon-check2.png);
display: inline-block;
margin-right: 8px;
vertical-align: bottom;
}
.page-renovation .rain-list li::before {
content: "";
width: 17px;
height: 23px;
background: url(//www.m-paint.net/wp-content/themes/default/assets/img/page/icon-rain.png);
display: inline-block;
margin-right: 8px;
vertical-align: bottom;
background-size: contain;
} .u-contents .frs-title {
font-size: 1.6rem;
font-weight: bold;
}
.ml1em {
text-indent: -1em;
margin-left: 1em;
}
.top-movie-container {
width: 100%;
margin: 30px 0;
padding: 0 15px;
}
.top-movie-list__item {
width: 100%;
border: 1px solid #8E8E8A;
}
.top-movie-list__item a {
display: block;
aspect-ratio: 109/76;
overflow: hidden;
}
.top-movie-list__item a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.com-btn-wrap {
display: flex;
justify-content: center;
margin: 30px auto 0;
}
.com-btn {
display: inline-block;
padding: 15px 15px;
width: 100%;
text-align: center;
background: #EA5406;
color: #fff;
font-size: 1.6rem;
position: relative;
text-decoration: none;
border-radius: 60px;
transition: all 0.3s;
}
.com-slider {
position: relative;
padding-bottom: 30px;
}
.com-slider .flex-control-nav {
bottom: 0;
}
.mm-hidden {
display: none;
}
.mm-wrapper {
overflow-x: hidden;
position: relative
}
.mm-menu {
box-sizing: border-box;
background: inherit;
display: block;
padding: 0;
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0
}
.children {
display: none;
padding: 10px 0 10px 10px;
background: rgba(0, 0, 0, .05);
}
.mm-panels li a {
display: block;
padding: 8px 25px;
font-size: 14px; position: relative;
}
li#acMenu a:after {
content: '';
border-top: 2px solid transparent;
border-left: 2px solid transparent;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
transform: rotate(135deg);
right: 23px;
left: auto;
border-color: rgba(255, 255, 255, .6);
}
li#acMenu .active:after {
transform: rotate(225deg);
right: 19px;
}
.mm-panels,
.mm-panels > .mm-panel {
background: inherit;
border-color: inherit;
box-sizing: border-box;
margin: 0; z-index: 0
}
.mm-panels,
.mm-panel{
overflow-y: scroll;
}
.mm-panel {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left
}
.mm-panel.mm-opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-panel.mm-subopened {
-webkit-transform: translate(-30%, 0);
-ms-transform: translate(-30%, 0);
transform: translate(-30%, 0);
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0)
}
.mm-panel.mm-highest {
z-index: 1
}
.mm-panel.mm-noanimation {
-webkit-transition: none !important;
transition: none !important
}
.mm-panel.mm-noanimation.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-panels > .mm-panel {
overflow-x: hidden;
overflow-y: scroll;
padding: 0 20px
}
.mm-panels > .mm-panel.mm-hasnavbar {
padding-top: 40px
}
.mm-panels > .mm-panel:not(.mm-hidden) {
display: block
}
.mm-panels > .mm-panel:after,
.mm-panels > .mm-panel:before {
content: '';
display: block;
height: 20px
}
.mm-vertical .mm-panel {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important
}
.mm-listview .mm-vertical .mm-panel,
.mm-vertical .mm-listview .mm-panel {
display: none;
padding: 10px 0 10px 10px
}
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after,
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
border-color: transparent
}
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
display: block
}
.mm-listview > li.mm-vertical > .mm-next,
.mm-vertical .mm-listview > li > .mm-next {
box-sizing: border-box;
height: 40px;
bottom: auto
}
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after,
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
right: 19px
}
.mm-btn {
box-sizing: border-box;
width: 40px;
height: 40px;
position: absolute;
top: 0;
z-index: 1
}
.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before {
content: '';
border: 2px solid transparent;
display: block;
width: 5px;
height: 5px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.mm-clear:before,
.mm-close:before {
border-right: none;
border-bottom: none;
right: 18px
}
.mm-clear:after,
.mm-close:after {
border-left: none;
border-top: none;
right: 25px
}
.mm-next:after,
.mm-prev:before {
content: '';
border-top: 2px solid transparent;
border-left: 2px solid transparent;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0;
bottom: 0
}
.mm-prev:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 23px;
right: auto
}
.mm-next:after {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
right: 23px;
left: auto
}
.mm-navbar {
border-bottom: 1px solid;
border-color: inherit;
text-align: center;
line-height: 20px;
height: 40px;
padding: 0 40px;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0
}
.mm-navbar > * {
display: block;
padding: 10px 0
}
.mm-navbar a,
.mm-navbar a:hover {
text-decoration: none
}
.mm-navbar .mm-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.mm-navbar .mm-btn:first-child {
left: 0
}
.mm-navbar .mm-btn:last-child {
text-align: right;
right: 0
}
.mm-panel .mm-navbar {
display: none
}
.mm-panel.mm-hasnavbar .mm-navbar {
display: block
}
.mm-listview,
.mm-listview > li {
list-style: none;
display: block;
padding: 0;
margin: 0;
}
.mm-listview {
font: inherit;
font-size: 14px;
line-height: 20px;
display: flex;
flex-wrap: wrap;
}
.mm-listview a,
.mm-listview a:hover {
text-decoration: none
}
.mm-listview > li {
position: relative;
width:50%;
}
.mm-listview > li,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before,
.mm-listview > li:after {
border-color: inherit
}
.mm-listview > li > a,
.mm-listview > li > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: inherit;
display: block;
padding: 8px 0;
margin: 0;
text-align: center;
font-size: 3.2vw;
font-weight: bold;
font-family: 'Lato', sans-serif;
letter-spacing: 0.1em;
}
.mm-listview > li > a span{
display: block;
font-size: 10px;
font-weight: normal;
letter-spacing: 0;
}
.mm-listview > li:not(.mm-divider):after {
content: '';
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0
}
.mm-listview > li:not(.mm-divider):after {
left: 20px
}
.mm-listview .mm-next {
background: rgba(3, 2, 1, 0);
width: 50px;
padding: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 2
}
.mm-listview .mm-next:before {
content: '';
border-left-width: 1px;
border-left-style: solid;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0
}
.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
margin-right: 50px
}
.mm-listview .mm-next.mm-fullsubopen {
width: 100%
}
.mm-listview .mm-next.mm-fullsubopen:before {
border-left: none
}
.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
padding-right: 50px;
margin-right: 0
}
.mm-panels > .mm-panel > .mm-listview {
margin: 20px 0;
overflow-y: scroll;
}
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
margin-top: -20px;
}
.mm-menu {
background: #f3f3f3;
border-color: rgba(0, 0, 0, .1);
color: rgba(0, 0, 0, .75)
}
.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
color: rgba(0, 0, 0, .3)
}
.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
border-color: rgba(255, 255, 255, .6)
}
.mm-menu .mm-listview {
border-color: rgba(255, 255, 255, .3)
}
.mm-menu .mm-listview > li .mm-next:after {
border-color: rgba(255, 255, 255, .6)
}
.mm-menu .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(255, 255, 255, .8);
tap-highlight-color: rgba(255, 255, 255, .8)
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
background: rgba(255, 255, 255, .5)
}
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
background: rgba(0, 0, 0, .05)
}
.mm-menu .mm-divider {
background: rgba(0, 0, 0, .05)
}
.mm-page {
box-sizing: border-box;
position: relative
}
.mm-slideout {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
z-index: 1
}
.tpoint-sp,
.header-contact-sp{
width: 100% !important;
padding-top: 24px!important;
}
html.mm-opened {
overflow-x: hidden;
position: relative
}
html.mm-blocking {
overflow: hidden
}
html.mm-blocking body {
overflow: hidden
}
html.mm-background .mm-page {
background: inherit
}
#mm-blocker {
background: rgba(3, 2, 1, 0);
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2
}
html.mm-blocking #mm-blocker {
display: block
}
.mm-menu.mm-offcanvas {
z-index: 0;
display: none;
position: fixed
}
.mm-menu.mm-offcanvas.mm-opened {
display: block
}
.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
z-index: 10
}
.mm-menu.mm-offcanvas {
width: 80%;
min-width: 140px;
max-width: 440px
}
html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width:550px) {
html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
-webkit-transform: translate(440px, 0);
-ms-transform: translate(440px, 0);
transform: translate(440px, 0);
-webkit-transform: translate3d(440px, 0, 0);
transform: translate3d(440px, 0, 0)
}
}

.mm-sronly {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important
}
.mm-menu .mm-listview.mm-border-none > li:after,
.mm-menu .mm-listview > li.mm-border-none:after,
.mm-menu.mm-border-none .mm-listview > li:after {
content: none
}
.mm-menu .mm-listview.mm-border-full > li:after,
.mm-menu .mm-listview > li.mm-border-full:after,
.mm-menu.mm-border-full .mm-listview > li:after {
left: 0 !important
}
.mm-menu .mm-listview.mm-border-offset > li:after,
.mm-menu .mm-listview > li.mm-border-offset:after,
.mm-menu.mm-border-offset .mm-listview > li:after {
right: 20px
}
.mm-menu.mm-offcanvas.mm-fullscreen {
width: 100%;
min-width: 140px;
max-width: 10000px
}
html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
@media all and (max-width:140px) {
html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width:10000px) {
html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
-webkit-transform: translate(10000px, 0);
-ms-transform: translate(10000px, 0);
transform: translate(10000px, 0);
-webkit-transform: translate3d(10000px, 0, 0);
transform: translate3d(10000px, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
@media all and (max-width:140px) {
html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width:10000px) {
html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-10000px, 0);
-ms-transform: translate(-10000px, 0);
transform: translate(-10000px, 0);
-webkit-transform: translate3d(-10000px, 0, 0);
transform: translate3d(-10000px, 0, 0)
}
}
.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,
.mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
height: 100%;
min-height: 140px;
max-height: 10000px
}
.mm-menu.mm-fx-menu-zoom {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease
}
html.mm-opened .mm-menu.mm-fx-menu-zoom {
-webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
transform: scale(.7, .7) translate3d(-30%, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center
}
html.mm-opening .mm-menu.mm-fx-menu-zoom {
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1) translate3d(0, 0, 0)
}
html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom {
-webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
transform: scale(.7, .7) translate3d(30%, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center
}
html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom {
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1) translate3d(0, 0, 0)
}
.mm-menu.mm-fx-menu-slide {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease
}
html.mm-opened .mm-menu.mm-fx-menu-slide {
-webkit-transform: translate(-30%, 0);
-ms-transform: translate(-30%, 0);
transform: translate(-30%, 0);
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0)
}
html.mm-opening .mm-menu.mm-fx-menu-slide {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide {
-webkit-transform: translate(30%, 0);
-ms-transform: translate(30%, 0);
transform: translate(30%, 0);
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0)
}
html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu.mm-fx-menu-fade {
opacity: 0;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease
}
html.mm-opening .mm-menu.mm-fx-menu-fade {
opacity: 1
}
.mm-menu .mm-fx-panels-none.mm-panel,
.mm-menu.mm-fx-panels-none .mm-panel {
-webkit-transition-property: none;
transition-property: none
}
.mm-menu .mm-fx-panels-none.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-none .mm-panel.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu .mm-fx-panels-zoom.mm-panel,
.mm-menu.mm-fx-panels-zoom .mm-panel {
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
transform: scale(1.5, 1.5) translate3d(100%, 0, 0)
}
.mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened,
.mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened {
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1) translate3d(0, 0, 0)
}
.mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened {
-webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
transform: scale(.7, .7) translate3d(-30%, 0, 0)
}
.mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.mm-menu .mm-fx-panels-slide-up.mm-panel,
.mm-menu.mm-fx-panels-slide-up .mm-panel {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened,
.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li {
-webkit-transition: none .4s ease;
transition: none .4s ease
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(1) {
-webkit-transition-delay: 50ms;
transition-delay: 50ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(2) {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(3) {
-webkit-transition-delay: 150ms;
transition-delay: 150ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(4) {
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(5) {
-webkit-transition-delay: 250ms;
transition-delay: 250ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(6) {
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(7) {
-webkit-transition-delay: 350ms;
transition-delay: 350ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(8) {
-webkit-transition-delay: .4s;
transition-delay: .4s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(9) {
-webkit-transition-delay: 450ms;
transition-delay: 450ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(10) {
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(11) {
-webkit-transition-delay: 550ms;
transition-delay: 550ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(12) {
-webkit-transition-delay: .6s;
transition-delay: .6s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(13) {
-webkit-transition-delay: 650ms;
transition-delay: 650ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(14) {
-webkit-transition-delay: .7s;
transition-delay: .7s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(15) {
-webkit-transition-delay: 750ms;
transition-delay: 750ms
}
.mm-menu.mm-fx-listitems-slide .mm-listview > li {
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
transform: translate(50%, 0);
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
opacity: 0
}
html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview > li {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
.mm-menu.mm-fx-listitems-fade .mm-listview > li {
-webkit-transition-property: opacity;
transition-property: opacity;
opacity: 0
}
html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview > li {
opacity: 1
}
.mm-menu.mm-fx-listitems-drop .mm-listview > li {
-webkit-transition-property: opacity, top;
transition-property: opacity, top;
opacity: 0;
top: -25%
}
html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview > li {
opacity: 1;
top: 0
}
html.mm-iconbar body {
overflow-x: hidden
}
html.mm-iconbar .mm-page {
background: inherit;
min-height: 100vh
}
html.mm-iconbar .mm-slideout {
box-sizing: border-box;
padding-right: 60px;
-webkit-transform: translate(60px, 0);
-ms-transform: translate(60px, 0);
transform: translate(60px, 0);
-webkit-transform: translate3d(60px, 0, 0);
transform: translate3d(60px, 0, 0)
}
.mm-menu.mm-iconbar {
display: block
}
.mm-menu .mm-panels > .mm-panel.mm-listview-justify:after,
.mm-menu .mm-panels > .mm-panel.mm-listview-justify:before,
.mm-menu.mm-listview-justify .mm-panels > .mm-panel:after,
.mm-menu.mm-listview-justify .mm-panels > .mm-panel:before {
content: none;
display: none
}
.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview,
.mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
margin-top: 0;
margin-bottom: 0
}
.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li,
.mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
min-height: 40px
}
.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li:not(.mm-divider),
.mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > a:not(.mm-next),
.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > span,
.mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > a:not(.mm-next),
.mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > span {
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.mm-listview-small .mm-listview > li > a:not(.mm-next),
.mm-listview-small .mm-listview > li > span {
padding: 7px 10px 7px 20px
}
.mm-listview-small .mm-listview > li.mm-vertical > .mm-next,
.mm-listview-small .mm-vertical > .mm-listview > li > .mm-next {
height: 34px
}
.mm-listview-large .mm-listview > li > a:not(.mm-next),
.mm-listview-large .mm-listview > li > span {
padding: 15px 10px 15px 20px
}
.mm-listview-large .mm-listview > li.mm-vertical > .mm-next,
.mm-listview-large .mm-vertical > .mm-listview > li > .mm-next {
height: 50px
}
.mm-listview-huge .mm-listview > li > a:not(.mm-next),
.mm-listview-huge .mm-listview > li > span {
padding: 20px 10px 20px 20px
}
.mm-listview-huge .mm-listview > li.mm-vertical > .mm-next,
.mm-listview-huge .mm-vertical > .mm-listview > li > .mm-next {
height: 60px
}
.mm-listview .mm-divider {
text-overflow: ellipsis;
white-space: nowrap;
overflow-x: hidden;
font-size: 10px;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px
}
.mm-listview .mm-spacer {
padding-top: 40px
}
.mm-listview .mm-spacer > .mm-next {
top: 40px
}
.mm-listview .mm-spacer.mm-divider {
padding-top: 25px
}
.mm-listview .mm-inset {
list-style: inside disc;
padding: 0 10px 15px 40px;
margin: 0
}
.mm-listview .mm-inset > li {
padding: 5px 0
}
.mm-menu .mm-listview.mm-multiline > li > a,
.mm-menu .mm-listview.mm-multiline > li > span,
.mm-menu .mm-listview > li.mm-multiline > a,
.mm-menu .mm-listview > li.mm-multiline > span,
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span {
text-overflow: clip;
white-space: normal
}
.mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
opacity: 0
}
html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
opacity: .3;
-webkit-transition: opacity .4s ease .4s;
transition: opacity .4s ease .4s
}
.mm-menu.mm-opened.mm-pagedim ~ #mm-blocker {
background: inherit
}
.mm-menu.mm-opened.mm-pagedim-white ~ #mm-blocker {
background: #fff
}
.mm-menu.mm-opened.mm-pagedim-black ~ #mm-blocker {
background: #000
}
.mm-menu.mm-popup {
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease;
opacity: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
height: 80%;
min-height: 140px;
max-height: 880px;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.mm-menu.mm-popup.mm-opened ~ .mm-slideout {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
z-index: 0
}
.mm-menu.mm-popup.mm-opened ~ #mm-blocker {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
z-index: 1
}
html.mm-opening .mm-menu.mm-popup {
opacity: 1
}
.mm-menu.mm-offcanvas.mm-right {
left: auto
}
html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width:550px) {
html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-440px, 0);
-ms-transform: translate(-440px, 0);
transform: translate(-440px, 0);
-webkit-transform: translate3d(-440px, 0, 0);
transform: translate3d(-440px, 0, 0)
}
}
html.mm-front .mm-slideout {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
z-index: 0
}
html.mm-front #mm-blocker {
z-index: 1
}
html.mm-front .mm-menu.mm-offcanvas {
z-index: 2
}
.mm-menu.mm-offcanvas.mm-front,
.mm-menu.mm-offcanvas.mm-next {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-front.mm-right,
.mm-menu.mm-offcanvas.mm-next.mm-right {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-top {
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
.mm-menu.mm-offcanvas.mm-bottom {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
width: 100%;
min-width: 100%;
max-width: 100%
}
.mm-menu.mm-offcanvas.mm-bottom {
top: auto
}
html.mm-opening .mm-menu.mm-offcanvas.mm-front,
html.mm-opening .mm-menu.mm-offcanvas.mm-next {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
height: 80%;
min-height: 140px;
max-height: 880px
}
.mm-menu.mm-shadow-page:after {
content: "";
display: block;
width: 20px;
height: 120%;
position: absolute;
left: 100%;
top: -10%;
z-index: 100;
-webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%)
}
.mm-menu.mm-shadow-page.mm-right:after {
left: auto;
right: 100%
}
.mm-menu.mm-shadow-page.mm-front:after,
.mm-menu.mm-shadow-page.mm-next:after {
content: none;
display: none
} .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
.mm-menu.mm-theme-dark {
background: #333;
border-color: rgba(0, 0, 0, .15);
color: rgba(255, 255, 255, .8)
}
.mm-menu.mm-theme-dark .mm-navbar a,
.mm-menu.mm-theme-dark .mm-navbar > * {
color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-theme-dark .mm-btn:after,
.mm-menu.mm-theme-dark .mm-btn:before {
border-color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-theme-dark .mm-listview {
border-color: rgba(0, 0, 0, .15)
}
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
border-color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(0, 0, 0, .1);
tap-highlight-color: rgba(0, 0, 0, .1)
}
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
background: rgba(0, 0, 0, .1)
}
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
background: rgba(255, 255, 255, .05)
}
.mm-menu.mm-theme-dark .mm-divider {
background: rgba(255, 255, 255, .05)
}
.mm-menu.mm-theme-dark label.mm-check:before {
border-color: rgba(255, 255, 255, .8)
}
.mm-menu.mm-theme-dark em.mm-counter {
color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-theme-dark .mm-fixeddivider span {
background: rgba(255, 255, 255, .05)
}
.mm-menu.mm-keyboardfocus a:focus {
background: rgba(0, 0, 0, .1)
}
.mm-menu.mm-shadow-page.mm-theme-dark:after {
box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}
.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) {
box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}
.mm-menu.mm-theme-dark .mm-search input {
background: rgba(255, 255, 255, .3);
color: rgba(255, 255, 255, .8)
}
.mm-menu.mm-theme-dark .mm-noresultsmsg {
color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-theme-dark .mm-indexer a {
color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover {
background: rgba(0, 0, 0, .1)
}
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
background: rgba(0, 0, 0, .1)
}
.mm-menu.mm-theme-dark label.mm-toggle {
background: rgba(0, 0, 0, .15)
}
.mm-menu.mm-theme-dark label.mm-toggle:before {
background: #333
}
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963
}
.mm-menu.mm-theme-white {
background: #fff;
border-color: rgba(0, 0, 0, .1);
color: rgba(0, 0, 0, .6)
}
.mm-menu.mm-theme-white .mm-navbar a,
.mm-menu.mm-theme-white .mm-navbar > * {
color: rgba(0, 0, 0, .3)
}
.mm-menu.mm-theme-white .mm-btn:after,
.mm-menu.mm-theme-white .mm-btn:before {
border-color: rgba(0, 0, 0, .3)
}
.mm-menu.mm-theme-white .mm-listview {
border-color: rgba(0, 0, 0, .1)
}
.mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
border-color: rgba(0, 0, 0, .3)
}
.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(0, 0, 0, .05);
tap-highlight-color: rgba(0, 0, 0, .05)
}
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
background: rgba(0, 0, 0, .05)
}
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
background: rgba(0, 0, 0, .05)
}
.mm-menu.mm-theme-white .mm-divider {
background: rgba(0, 0, 0, .05)
}
.mm-menu.mm-theme-white label.mm-check:before {
border-color: rgba(0, 0, 0, .6)
}
.mm-menu.mm-theme-white em.mm-counter {
color: rgba(0, 0, 0, .3)
}
.mm-menu.mm-theme-white .mm-fixeddivider span {
background: rgba(0, 0, 0, .05)
}
.mm-menu.mm-keyboardfocus a:focus {
background: rgba(0, 0, 0, .05)
}
.mm-menu.mm-shadow-page.mm-theme-white:after {
box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}
.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) {
box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}
.mm-menu.mm-theme-white .mm-search input {
background: rgba(0, 0, 0, .05);
color: rgba(0, 0, 0, .6)
}
.mm-menu.mm-theme-white .mm-noresultsmsg {
color: rgba(0, 0, 0, .3)
}
.mm-menu.mm-theme-white .mm-indexer a {
color: rgba(0, 0, 0, .3)
}
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover {
background: rgba(0, 0, 0, .05)
}
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
background: rgba(0, 0, 0, .05)
}
.mm-menu.mm-theme-white label.mm-toggle {
background: rgba(0, 0, 0, .1)
}
.mm-menu.mm-theme-white label.mm-toggle:before {
background: #fff
}
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963
}
.mm-menu.mm-theme-black {
background: #000;
border-color: rgba(255, 255, 255, .2);
color: rgba(255, 255, 255, .6)
}
.mm-menu.mm-theme-black .mm-navbar a,
.mm-menu.mm-theme-black .mm-navbar > * {
color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-theme-black .mm-btn:after,
.mm-menu.mm-theme-black .mm-btn:before {
border-color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-theme-black .mm-listview {
border-color: rgba(255, 255, 255, .2)
}
.mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
border-color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(255, 255, 255, .3);
tap-highlight-color: rgba(255, 255, 255, .3)
}
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
background: rgba(255, 255, 255, .3)
}
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
background: rgba(255, 255, 255, .2)
}
.mm-menu.mm-theme-black .mm-divider {
background: rgba(255, 255, 255, .2)
}
.mm-menu.mm-theme-black label.mm-check:before {
border-color: rgba(255, 255, 255, .6)
}
.mm-menu.mm-theme-black em.mm-counter {
color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-theme-black .mm-fixeddivider span {
background: rgba(255, 255, 255, .2)
}
.mm-menu.mm-keyboardfocus a:focus {
background: rgba(255, 255, 255, .3)
}
.mm-menu.mm-shadow-page.mm-theme-black:after {
content: none;
display: none
}
.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) {
box-shadow: false
}
.mm-menu.mm-theme-black .mm-search input {
background: rgba(255, 255, 255, .3);
color: rgba(255, 255, 255, .6)
}
.mm-menu.mm-theme-black .mm-noresultsmsg {
color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-theme-black .mm-indexer a {
color: rgba(255, 255, 255, .4)
}
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover {
background: rgba(255, 255, 255, .3)
}
.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
background: rgba(255, 255, 255, .3)
}
.mm-menu.mm-theme-black label.mm-toggle {
background: rgba(255, 255, 255, .2)
}
.mm-menu.mm-theme-black label.mm-toggle:before {
background: #000
}
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963
}
.mm-menu .mm-tileview.mm-listview:after,
.mm-menu.mm-tileview .mm-listview:after {
content: '';
display: block;
clear: both
}
.mm-menu .mm-tileview.mm-listview > li,
.mm-menu.mm-tileview .mm-listview > li {
width: 50%;
height: 0;
padding: 50% 0 0 0;
float: left;
position: relative
}
.mm-menu .mm-tileview.mm-listview > li:after,
.mm-menu.mm-tileview .mm-listview > li:after {
left: 0;
top: 0;
border-right-width: 1px;
border-right-style: solid;
z-index: -1
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs,
.mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
width: 12.5%;
padding-top: 12.5%
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-s,
.mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
width: 25%;
padding-top: 25%
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-l,
.mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
width: 75%;
padding-top: 75%
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl,
.mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
width: 100%;
padding-top: 100%
}
.mm-menu .mm-tileview.mm-listview > li > a,
.mm-menu .mm-tileview.mm-listview > li > span,
.mm-menu.mm-tileview .mm-listview > li > a,
.mm-menu.mm-tileview .mm-listview > li > span {
line-height: 1px;
text-align: center;
padding: 50% 10px 0 10px;
margin: 0;
position: absolute;
top: 0;
right: 1px;
bottom: 1px;
left: 0
}
.mm-menu .mm-tileview.mm-listview > li > .mm-next,
.mm-menu.mm-tileview .mm-listview > li > .mm-next {
width: auto
}
.mm-menu .mm-tileview.mm-listview > li > .mm-next:after,
.mm-menu .mm-tileview.mm-listview > li > .mm-next:before,
.mm-menu.mm-tileview .mm-listview > li > .mm-next:after,
.mm-menu.mm-tileview .mm-listview > li > .mm-next:before {
content: none;
display: none
}
.mm-menu.mm-tileview .mm-panel {
padding-left: 0;
padding-right: 0
}
.mm-menu.mm-tileview .mm-panel:after {
content: none;
display: none
}
.mm-menu.mm-tileview .mm-listview {
margin: 0
}
html.mm-widescreen body {
position: relative
}
html.mm-widescreen #mm-blocker {
display: none !important
}
html.mm-widescreen .mm-slideout {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
width: 70% !important;
margin-left: 30% !important
}
html.mm-widescreen .mm-page {
background: inherit;
box-sizing: border-box
}
html.mm-widescreen.mm-blocking,
html.mm-widescreen.mm-blocking body {
overflow: auto
}
.mm-menu.mm-widescreen {
border-right-width: 1px;
border-right-style: solid;
display: block !important;
width: 30% !important;
min-width: 0 !important;
max-width: none !important;
top: 0 !important;
right: auto !important;
bottom: 0 !important;
left: 0 !important;
z-index: 100 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important
}
.mm-menu.mm-widescreen.mm-pageshadow:after {
content: none;
display: none
}
.mm-menu.mm-autoheight {
-webkit-transition: none .4s ease;
transition: none .4s ease;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.mm-menu.mm-autoheight:not(.mm-offcanvas) {
position: relative
}
.mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened,
.mm-menu.mm-measureheight .mm-panel:not(.mm-vertical) {
display: block !important
}
.mm-menu.mm-measureheight .mm-panels > .mm-panel {
bottom: auto !important;
height: auto !important
}
.mm-columns {
-webkit-transition-property: width;
transition-property: width
}
.mm-columns .mm-panels > .mm-panel {
right: auto;
-webkit-transition-property: width, -webkit-transform;
transition-property: width, -webkit-transform;
transition-property: width, transform;
transition-property: width, transform, -webkit-transform
}
.mm-columns .mm-panels > .mm-panel.mm-opened,
.mm-columns .mm-panels > .mm-panel.mm-subopened {
border-left: 1px solid;
border-color: inherit;
display: block !important
}
.mm-columns .mm-panels > .mm-columns-0 {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-columns-0 .mm-panels > .mm-panel {
z-index: 0
}
.mm-columns-0 .mm-panels > .mm-panel else {
width: 100%
}
.mm-columns-0 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-columns-0 {
width: 80%;
min-width: 140px;
max-width: 0
}
html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width:0px) {
html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width:0px) {
html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.mm-columns .mm-panels > .mm-columns-1 {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.mm-columns-1 .mm-panels > .mm-panel {
z-index: 1;
width: 100%
}
.mm-columns-1 .mm-panels > .mm-panel else {
width: 100%
}
.mm-columns-1 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
-webkit-transform: translate(200%, 0);
-ms-transform: translate(200%, 0);
transform: translate(200%, 0);
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-columns-1 {
width: 80%;
min-width: 140px;
max-width: 440px
}
html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width:550px) {
html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
-webkit-transform: translate(440px, 0);
-ms-transform: translate(440px, 0);
transform: translate(440px, 0);
-webkit-transform: translate3d(440px, 0, 0);
transform: translate3d(440px, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width:550px) {
html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-440px, 0);
-ms-transform: translate(-440px, 0);
transform: translate(-440px, 0);
-webkit-transform: translate3d(-440px, 0, 0);
transform: translate3d(-440px, 0, 0)
}
}
.mm-columns .mm-panels > .mm-columns-2 {
-webkit-transform: translate(200%, 0);
-ms-transform: translate(200%, 0);
transform: translate(200%, 0);
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0)
}
.mm-columns-2 .mm-panels > .mm-panel {
z-index: 2;
width: 50%
}
.mm-columns-2 .mm-panels > .mm-panel else {
width: 100%
}
.mm-columns-2 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
-webkit-transform: translate(300%, 0);
-ms-transform: translate(300%, 0);
transform: translate(300%, 0);
-webkit-transform: translate3d(300%, 0, 0);
transform: translate3d(300%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-columns-2 {
width: 80%;
min-width: 140px;
max-width: 880px
}
html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width:1100px) {
html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
-webkit-transform: translate(880px, 0);
-ms-transform: translate(880px, 0);
transform: translate(880px, 0);
-webkit-transform: translate3d(880px, 0, 0);
transform: translate3d(880px, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width:1100px) {
html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-880px, 0);
-ms-transform: translate(-880px, 0);
transform: translate(-880px, 0);
-webkit-transform: translate3d(-880px, 0, 0);
transform: translate3d(-880px, 0, 0)
}
}
.mm-columns .mm-panels > .mm-columns-3 {
-webkit-transform: translate(300%, 0);
-ms-transform: translate(300%, 0);
transform: translate(300%, 0);
-webkit-transform: translate3d(300%, 0, 0);
transform: translate3d(300%, 0, 0)
}
.mm-columns-3 .mm-panels > .mm-panel {
z-index: 3;
width: 33.34%
}
.mm-columns-3 .mm-panels > .mm-panel else {
width: 100%
}
.mm-columns-3 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
-webkit-transform: translate(400%, 0);
-ms-transform: translate(400%, 0);
transform: translate(400%, 0);
-webkit-transform: translate3d(400%, 0, 0);
transform: translate3d(400%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-columns-3 {
width: 80%;
min-width: 140px;
max-width: 1320px
}
html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width:1650px) {
html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
-webkit-transform: translate(1320px, 0);
-ms-transform: translate(1320px, 0);
transform: translate(1320px, 0);
-webkit-transform: translate3d(1320px, 0, 0);
transform: translate3d(1320px, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width:1650px) {
html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-1320px, 0);
-ms-transform: translate(-1320px, 0);
transform: translate(-1320px, 0);
-webkit-transform: translate3d(-1320px, 0, 0);
transform: translate3d(-1320px, 0, 0)
}
}
.mm-columns .mm-panels > .mm-columns-4 {
-webkit-transform: translate(400%, 0);
-ms-transform: translate(400%, 0);
transform: translate(400%, 0);
-webkit-transform: translate3d(400%, 0, 0);
transform: translate3d(400%, 0, 0)
}
.mm-columns-4 .mm-panels > .mm-panel {
z-index: 4;
width: 25%
}
.mm-columns-4 .mm-panels > .mm-panel else {
width: 100%
}
.mm-columns-4 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
-webkit-transform: translate(500%, 0);
-ms-transform: translate(500%, 0);
transform: translate(500%, 0);
-webkit-transform: translate3d(500%, 0, 0);
transform: translate3d(500%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-columns-4 {
width: 80%;
min-width: 140px;
max-width: 1760px
}
html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width:2200px) {
html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
-webkit-transform: translate(1760px, 0);
-ms-transform: translate(1760px, 0);
transform: translate(1760px, 0);
-webkit-transform: translate3d(1760px, 0, 0);
transform: translate3d(1760px, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width:2200px) {
html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
-webkit-transform: translate(-1760px, 0);
-ms-transform: translate(-1760px, 0);
transform: translate(-1760px, 0);
-webkit-transform: translate3d(-1760px, 0, 0);
transform: translate3d(-1760px, 0, 0)
}
}
.mm-columns.mm-offcanvas.mm-bottom,
.mm-columns.mm-offcanvas.mm-top {
width: 100%;
max-width: 100%;
min-width: 100%
}
html.mm-opening .mm-columns.mm-offcanvas.mm-front,
html.mm-opening .mm-columns.mm-offcanvas.mm-next {
-webkit-transition-property: width, min-width, max-width, -webkit-transform;
transition-property: width, min-width, max-width, -webkit-transform;
transition-property: width, min-width, max-width, transform;
transition-property: width, min-width, max-width, transform, -webkit-transform
}
em.mm-counter {
font: inherit;
font-size: 14px;
font-style: normal;
text-indent: 0;
line-height: 20px;
display: block;
margin-top: -10px;
position: absolute;
right: 45px;
top: 50%
}
em.mm-counter + a.mm-next {
width: 90px
}
em.mm-counter + a.mm-next + a,
em.mm-counter + a.mm-next + span {
margin-right: 90px
}
em.mm-counter + a.mm-fullsubopen {
padding-left: 0
}
em.mm-counter + a.mm-fullsubopen + a,
em.mm-counter + a.mm-fullsubopen + span {
padding-right: 90px
}
.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a,
.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span {
padding-right: 90px
}
.mm-vertical > .mm-counter {
top: 12px;
margin-top: 0
}
.mm-vertical.mm-spacer > .mm-counter {
margin-top: 40px
}
.mm-nosubresults > .mm-counter {
display: none
}
.mm-menu em.mm-counter {
color: rgba(0, 0, 0, .3)
}
.mm-divider > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0;
line-height: 25px
}
.mm-divider.mm-opened a.mm-next:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mm-collapsed:not(.mm-uncollapsed) {
display: none
}
.mm-fixeddivider {
background: inherit;
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-fixeddivider:after {
content: none !important;
display: none !important
}
.mm-hasdividers .mm-fixeddivider {
display: block
}
.mm-menu .mm-fixeddivider span {
background: rgba(0, 0, 0, .05)
}
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
-webkit-transition-duration: 0s;
transition-duration: 0s
}
.mm-menu.mm-dropdown {
box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
height: 80%
}
html.mm-dropdown .mm-slideout {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
z-index: 0
}
html.mm-dropdown #mm-blocker {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
z-index: 1
}
html.mm-dropdown .mm-menu {
z-index: 2
}
html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu.mm-dropdown {
display: none
}
.mm-menu.mm-tip:before {
content: '';
background: inherit;
box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
display: block;
width: 15px;
height: 15px;
position: absolute;
z-index: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mm-menu.mm-tipleft:before {
left: 22px
}
.mm-menu.mm-tipright:before {
right: 22px
}
.mm-menu.mm-tiptop:before {
top: -8px
}
.mm-menu.mm-tipbottom:before {
bottom: -8px
}
.mm-iconpanel .mm-panels > .mm-panel {
-webkit-transition-property: left, -webkit-transform;
transition-property: left, -webkit-transform;
transition-property: transform, left;
transition-property: transform, left, -webkit-transform
}
.mm-iconpanel .mm-panels > .mm-panel.mm-opened,
.mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
border-left: 1px solid;
border-color: inherit;
display: block !important
}
.mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-iconpanel .mm-panel.mm-iconpanel-0 {
left: 0
}
.mm-iconpanel .mm-panel.mm-iconpanel-1 {
left: 40px
}
.mm-iconpanel .mm-panel.mm-iconpanel-2 {
left: 80px
}
.mm-iconpanel .mm-panel.mm-iconpanel-3 {
left: 120px
}
.mm-iconpanel .mm-panel.mm-iconpanel-4 {
left: 160px
}
.mm-iconpanel .mm-panel.mm-iconpanel-5 {
left: 200px
}
.mm-iconpanel .mm-panel.mm-iconpanel-6 {
left: 240px
}
.mm-subblocker {
background: inherit;
opacity: 0;
display: block;
max-height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 3;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease
}
.mm-subopened .mm-subblocker {
opacity: .6;
bottom: -100000px
}
.mm-keyboardfocus a:focus {
outline: 0
}
.mm-menu.mm-keyboardfocus a:focus {
background: rgba(255, 255, 255, .5)
}
.mm-navbars-bottom,
.mm-navbars-top {
background: inherit;
border-color: inherit;
border-width: 0;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
z-index: 3
}
.mm-navbars-bottom > .mm-navbar,
.mm-navbars-top > .mm-navbar {
border: none;
padding: 0;
position: relative;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-navbars-top {
border-bottom-style: solid;
border-bottom-width: 1px;
top: 0
}
.mm-navbars-bottom {
border-top-style: solid;
border-top-width: 1px;
bottom: 0
}
.mm-navbar.mm-hasbtns {
padding: 0 40px
}
.mm-navbar[class*=mm-navbar-content-] > * {
box-sizing: border-box;
display: block;
float: left
}
.mm-navbar .mm-breadcrumbs {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
text-align: left;
padding: 0 0 0 17px
}
.mm-navbar .mm-breadcrumbs > * {
display: inline-block;
padding: 10px 3px
}
.mm-navbar .mm-breadcrumbs > a {
text-decoration: underline
}
.mm-navbar.mm-hasbtns .mm-breadcrumbs {
margin-left: -40px
}
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
margin-left: 0;
padding-left: 0
}
.mm-hasnavbar-top-1 .mm-panels {
top: 40px
}
.mm-hasnavbar-top-2 .mm-panels {
top: 80px
}
.mm-hasnavbar-top-3 .mm-panels {
top: 120px
}
.mm-hasnavbar-top-4 .mm-panels {
top: 160px
}
.mm-hasnavbar-bottom-1 .mm-panels {
bottom: 40px
}
.mm-hasnavbar-bottom-2 .mm-panels {
bottom: 80px
}
.mm-hasnavbar-bottom-3 .mm-panels {
bottom: 120px
}
.mm-hasnavbar-bottom-4 .mm-panels {
bottom: 160px
}
.mm-navbar-size-2 {
height: 80px
}
.mm-navbar-size-3 {
height: 120px
}
.mm-navbar-size-4 {
height: 160px
}
.mm-navbar-content-2 > * {
width: 50%
}
.mm-navbar-content-3 > * {
width: 33.33%
}
.mm-navbar-content-4 > * {
width: 25%
}
.mm-navbar-content-5 > * {
width: 20%
}
.mm-navbar-content-6 > * {
width: 16.67%
}
.mm-menu.mm-rtl {
direction: rtl
}
.mm-menu.mm-rtl.mm-offcanvas {
right: auto
}
.mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.mm-menu.mm-rtl .mm-panel.mm-subopened {
-webkit-transform: translate(30%, 0);
-ms-transform: translate(30%, 0);
transform: translate(30%, 0);
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0)
}
.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
left: auto;
right: 0
}
.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
right: auto;
left: 0
}
.mm-menu.mm-rtl .mm-navbar .mm-next:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 23px;
right: auto
}
.mm-menu.mm-rtl .mm-navbar .mm-prev:before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
right: 23px;
left: auto
}
.mm-menu.mm-rtl .mm-listview > li:not(.mm-divider)::after {
left: 0;
right: 20px
}
.mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next),
.mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) {
padding-left: 10px;
padding-right: 20px !important;
margin-right: 0 !important
}
.mm-menu.mm-rtl .mm-listview .mm-next {
right: auto;
left: 0
}
.mm-menu.mm-rtl .mm-listview .mm-next:before {
left: auto;
right: 0
}
.mm-menu.mm-rtl .mm-listview .mm-next:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 23px;
right: auto
}
.mm-menu.mm-rtl .mm-listview .mm-next + a,
.mm-menu.mm-rtl .mm-listview .mm-next + span {
margin-left: 50px
}
.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a,
.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span {
padding-left: 50px
}
.mm-menu.mm-rtl em.mm-counter {
left: 45px;
right: auto
}
.mm-menu.mm-rtl em.mm-counter + a.mm-next + a,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + span {
margin-left: 90px
}
.mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a,
.mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span {
padding-left: 90px
}
.mm-menu.mm-rtl label.mm-check,
.mm-menu.mm-rtl label.mm-toggle {
left: 20px;
right: auto !important
}
.mm-menu.mm-rtl label.mm-toggle + a,
.mm-menu.mm-rtl label.mm-toggle + span {
padding-left: 80px
}
.mm-menu.mm-rtl label.mm-check + a,
.mm-menu.mm-rtl label.mm-check + span {
padding-left: 60px
}
.mm-menu.mm-rtl a.mm-next + label.mm-check,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle {
left: 60px
}
.mm-menu.mm-rtl a.mm-next + label.mm-check + a,
.mm-menu.mm-rtl a.mm-next + label.mm-check + span,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + a,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
margin-left: 50px
}
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + a,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
padding-left: 70px
}
.mm-menu.mm-rtl a.mm-next + label.mm-check + a,
.mm-menu.mm-rtl a.mm-next + label.mm-check + span {
padding-left: 50px
}
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle {
left: 100px
}
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span {
margin-left: 90px
}
.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
left: 0
}
.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel {
-webkit-transition-property: right, -webkit-transform;
transition-property: right, -webkit-transform;
transition-property: transform, right;
transition-property: transform, right, -webkit-transform
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 {
right: 0
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
right: 40px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
right: 80px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
right: 120px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
right: 160px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
right: 200px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
right: 240px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
border-left: none;
border-right: 1px solid;
border-color: inherit
}
.mm-search,
.mm-search input {
box-sizing: border-box
}
.mm-search {
height: 40px;
padding: 7px 10px 0 10px;
position: relative
}
.mm-search input {
border: none !important;
outline: 0 !important;
box-shadow: none !important;
border-radius: 4px;
font: inherit;
font-size: 14px;
line-height: 26px;
display: block;
box-sizing: border-box;
width: 100%;
height: 26px;
min-height: 26px;
max-height: 26px;
margin: 0;
padding: 0 10px
}
.mm-search input::-ms-clear {
display: none
}
.mm-search .mm-clear,
.mm-search .mm-next {
right: 0
}
.mm-panel > .mm-search {
width: 100%;
position: absolute;
top: 0;
left: 0
}
.mm-panel.mm-hassearch {
padding-top: 40px
}
.mm-panel.mm-hassearch.mm-hasnavbar {
padding-top: 80px
}
.mm-panel.mm-hassearch.mm-hasnavbar > .mm-search {
top: 40px
}
.mm-noresultsmsg {
text-align: center;
font-size: 21px;
padding: 40px 0
}
.mm-noresults .mm-indexer {
display: none !important
}
li.mm-nosubresults > a.mm-next {
display: none
}
li.mm-nosubresults > a.mm-next + a,
li.mm-nosubresults > a.mm-next + span {
padding-right: 10px
}
.mm-menu .mm-search input {
background: rgba(0, 0, 0, .05);
color: rgba(0, 0, 0, .75)
}
.mm-menu .mm-noresultsmsg {
color: rgba(0, 0, 0, .3)
}
.mm-indexer {
background: inherit;
text-align: center;
font-size: 12px;
box-sizing: border-box;
width: 20px;
position: absolute;
top: 0;
bottom: 0;
right: -100px;
z-index: 15;
-webkit-transition: right .4s ease;
transition: right .4s ease;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-indexer a {
text-decoration: none;
display: block;
height: 3.85%
}
.mm-indexer ~ .mm-panel.mm-hasindexer {
padding-right: 40px
}
.mm-hasindexer .mm-indexer {
right: 0
}
.mm-hasindexer .mm-fixeddivider {
right: 20px
}
.mm-menu .mm-indexer a {
color: rgba(0, 0, 0, .3)
}
.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a,
.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span,
.mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen),
.mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a,
.mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span,
.mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
-webkit-transition: background .4s ease;
transition: background .4s ease
}
.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover {
background: rgba(255, 255, 255, .5)
}
.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
background: rgba(255, 255, 255, .5)
}
input.mm-check,
input.mm-toggle {
position: absolute;
left: -10000px
}
label.mm-check,
label.mm-toggle {
margin: 0;
position: absolute;
top: 50%;
z-index: 2
}
label.mm-check:before,
label.mm-toggle:before {
content: '';
display: block
}
label.mm-toggle {
border-radius: 30px;
width: 50px;
height: 30px;
margin-top: -15px
}
label.mm-toggle:before {
border-radius: 30px;
width: 28px;
height: 28px;
margin: 1px
}
input.mm-toggle:checked ~ label.mm-toggle:before {
float: right
}
label.mm-check {
width: 30px;
height: 30px;
margin-top: -15px
}
label.mm-check:before {
border-left: 3px solid;
border-bottom: 3px solid;
width: 40%;
height: 20%;
margin: 25% 0 0 20%;
opacity: .1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
input.mm-check:checked ~ label.mm-check:before {
opacity: 1
}
li.mm-vertical label.mm-check,
li.mm-vertical label.mm-toggle {
bottom: auto;
margin-top: 0
}
li.mm-vertical label.mm-toggle {
top: 5px
}
li.mm-vertical label.mm-check {
top: 5px
}
label.mm-check,
label.mm-toggle {
right: 20px
}
label.mm-toggle + a,
label.mm-toggle + span {
padding-right: 80px
}
label.mm-check + a,
label.mm-check + span {
padding-right: 60px
}
a.mm-next + label.mm-check,
a.mm-next + label.mm-toggle {
right: 60px
}
a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span,
a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
margin-right: 50px
}
a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
padding-right: 70px
}
a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
padding-right: 50px
}
em.mm-counter + a.mm-next + label.mm-check,
em.mm-counter + a.mm-next + label.mm-toggle {
right: 100px
}
em.mm-counter + a.mm-next + label.mm-check + a,
em.mm-counter + a.mm-next + label.mm-check + span,
em.mm-counter + a.mm-next + label.mm-toggle + a,
em.mm-counter + a.mm-next + label.mm-toggle + span {
margin-right: 90px
}
.mm-menu label.mm-toggle {
background: rgba(0, 0, 0, .1)
}
.mm-menu label.mm-toggle:before {
background: #f3f3f3
}
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963
}
.mm-menu label.mm-check:before {
border-color: rgba(0, 0, 0, .75)
}
.menubtnIn {
display: block;
margin: 5px auto;
height: 26px;
width: 32px;
}
.menubtnIn span {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
position: absolute;
bottom: 8px;
left: 0;
right: 0;
}
.menubtnIn::before {
box-shadow: 0 12px 0 #8e8e89;
height: 3px;
transform-origin: left top 0;
width: 32px;
border-radius: 3px;
}
.menubtnIn::after {
height: 3px;
width: 32px;
transform-origin: left bottom 0;
top: 40px;
border-radius: 3px;
}
.menubtnIn::before, .menubtnIn::after {
background: #8e8e89 none repeat scroll 0 0;
content: "";
display: block;
position: absolute;
transition: box-shadow 0.2s linear 0s, transform 0.4s ease 0.2s;
}
.mm-opened .menubtnIn::before {
box-shadow: 0 0 0 transparent;
transform: rotate(45deg) translate3d(4px, -4px, 0px);
}
.mm-opened .menubtnIn::after {
transform: rotate(-45deg) translate3d(5px, 3px, 0px);
} .mm-panels {
-webkit-overflow-scrolling: scroll;
overflow-scrolling: scroll;
overflow-y: scroll;
}