@import url("http://fonts.googleapis.com/earlyaccess/notosansjp.css");
@-webkit-keyframes image-pulse {
0% {
-webkit-transform: scale(1.01); }
100% {
-webkit-transform: scale(1.15); } }
@-moz-keyframes image-pulse {
0% {
-moz-transform: scale(1.01); }
100% {
-moz-transform: scale(1.15); } }
@keyframes image-pulse {
0% {
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01); }
100% {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15); } }
@-webkit-keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadein-images {
0% {
opacity: 0; }
100% {
opacity: 0.6; } }
@-moz-keyframes fadein-images {
0% {
opacity: 0; }
100% {
opacity: 0.6; } }
@keyframes fadein-images {
0% {
opacity: 0; }
100% {
opacity: 0.6; } }  .loader {
margin: 100px auto;
font-size: 25px;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
-webkit-animation: load5 1.1s infinite ease;
animation: load5 1.1s infinite ease;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
}
@keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
} html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
body {
margin: 0;
padding: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; } body,
button,
input,
select,
textarea {
color: #72727e;
font-family: 'Noto Sans JP','Ubuntu', sans-serif; font-size: 100%;
font-weight: 300;
line-height: 1.25; }
h1, h2, h3, h4, h5, h6, form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"], .comment-form label { font-size: 1em;
clear: both;
text-transform: uppercase;
line-height: 1;
color: #333;
font-weight: 100;
}
@media (max-width: 800px) {
h1, h2, h3, h4, h5, h6, form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"], .comment-form label {
word-wrap: break-word; } }
@media (min-width: 1600px) {
h1, h2, h3, h4, h5, h6, form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"], .comment-form label {
font-size: 1.5em; } }
@media (max-width: 800px) {
h1, h2, h3, h4, h5, h6 {
word-wrap: break-word; } }
.site-main h1 {
font-size: 160%; }
@media (max-width: 800px) {
.site-main h1 {
font-size: 140%em; } }
.site-main h2 {
font-size: 2.25em;
margin: 0 auto 14px;
}
@media (max-width: 800px) {
.site-main h2 {
font-size: 1.5em; } }
.site-main h3 {
font-size: 1.5em;
letter-spacing: 0.0501777168em; }
@media (max-width: 800px) {
.site-main h3 {
font-size: 1.286em; } }
.site-main h4 {
font-size: 1em;
letter-spacing: 0.0877914952em; }
.site-main h5 {
font-size: 0.8573333333em;
letter-spacing: 0.0877914952em; }
.site-main h6 {
font-size: 0.6666666667em;
letter-spacing: 0.1316872428em; }
@media (min-width: 1100px) {
.site-main h1, .site-main h2 {
-webkit-transition: font-size 0.2s ease-in-out;
-moz-transition: font-size 0.2s ease-in-out;
transition: font-size 0.2s ease-in-out; } }
.sidebar h2 {
color: #333; }
p {
margin-bottom: 1em; }
strong {
font-weight: 600; }
dfn, cite, em, i {
font-style: italic; }
blockquote {
margin: 0 0 1em;
font-style: italic;
font-size: 1.5em;
line-height: 1.286em;
color: #eb6e78; }
blockquote cite,
blockquote cite a {
color: #a1a1a9; }
address {
margin: 0 0 1em; }
pre {
background: #f3f3f4;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1.929em;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.6666666667em;
background: #f3f3f4;
padding: 0.2962962963em 0.6666666667em; }
abbr, acronym {
border-bottom: 1px dotted #a1a1a9;
cursor: help; }
mark, ins {
background: #fff9c0;
text-decoration: none; }
big {
font-size: 125%; } html {
box-sizing: border-box; }
html,
body {
width: 100%;
overflow-x: hidden; }
*,
*:before,
*:after { box-sizing: inherit; }
::selection { background: #ed7d86;
color: #fdf1f2;
text-shadow: 0 1px 1px #bc5860; }
::-moz-selection { background: #ed7d86;
color: #fdf1f2;
text-shadow: 0 1px 1px #bc5860; }
body {
background: #fff; }
blockquote, q {
quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after {
content: ""; }
hr {
background-color: #666;
border: 0;
height: 2px;
}
ul, ol {
margin: 0 0 1em 1em; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1em; }
dt {
font-weight: bold;
margin-top: 20px; }
dd {
margin: 0 1em 0.2em; }
img {
height: auto; max-width: 100%;
vertical-align: bottom; }
table {
margin: 0 0 1.5em;
width: 100%;
clear: both; }
table tr th {
text-align: left;
background: #ddd;
border: 1px solid #ccc;
padding: 0.1975308642em 0.4444444444em; }
table tr td {
border: 1px solid #ccc;
padding: 0.1975308642em 0.4444444444em; } form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"] {
font-size: 0.6666666667em;
letter-spacing: 0.1316872428em;
color: #fdf1f2;
text-shadow: 0 0 0 transparent;
border-style: solid;
border-width: 1px 1px 3px;
border-color: #eb6e78 #d4636c #bc5860;
border-radius: 3px;
background: #eb6e78;
padding: 0.8573333333em 1.286em;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
form button:hover,
form input[type="button"]:hover,
form input[type="reset"]:hover,
form input[type="submit"]:hover {
background: #ef8b93;
border-color: #ef8b93 #ed7d86 #d4636c;
color: #fff;
text-shadow: 0 1px 1px #bc5860;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
form button:active,
form input[type="button"]:active,
form input[type="reset"]:active,
form input[type="submit"]:active {
background: #d4636c;
border-color: #bc5860 #bc5860 #bc5860;
border-width: 3px 1px 1px; }
form button:focus,
form input[type="button"]:focus,
form input[type="reset"]:focus,
form input[type="submit"]:focus {
outline: none;
box-shadow: 0 0 1px 4px #f7c5c9;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
box-sizing: border-box;
color: #72727e;
border: 1px solid #d0d0d4;
border-radius: 3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #434353;
outline: none;
box-shadow: 0 0 1px 4px #e8e8ea;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
.sidebar input[type="text"]:focus, .sidebar
input[type="email"]:focus, .sidebar
input[type="url"]:focus, .sidebar
input[type="password"]:focus, .sidebar
input[type="search"]:focus, .sidebar
textarea:focus {
box-shadow: 0 0 1px 4px rgba(232, 232, 234, 0.3); }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 0.2962962963em 0.4444444444em; }
textarea {
padding: 0.2962962963em 0.4444444444em;
width: 100%; }
.post-password-form {
background: #f3f3f4;
padding: 3.375em 2.25em; }
.post-password-form p {
max-width: 300px;
margin-right: auto;
margin-left: auto; }
.post-password-form p:first-child {
font-size: 0.6666666667em;
text-transform: uppercase;
letter-spacing: 0.0501777168em;
line-height: 1.5em;
text-transform: none; }
.post-password-form label {
font-family: "Montserrat", sans-serif;
font-size: 0.6666666667em;
clear: both;
text-transform: uppercase;
line-height: 1;
font-size: 0.6666666667em;
color: #d0d0d4; }
.post-password-form input[type="password"] {
display: block;
margin-bottom: 0.6666666667em;
width: 100%; }
.post-password-form input[type="submit"] {
display: block; } #page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 77%;
z-index:500;
}
#page-top a {
background: #ccc;
text-decoration: none;
color: #fff;
width: 100px;
padding: 30px 0;
text-align: center;
display: block;
border-radius: 10px;
}
#page-top a:hover {
text-decoration: none;
background: #ef4747;
}  a {
color: #eb6e78;
-webkit-transition-property: color, text-decoration, opacity;
-moz-transition-property: color, text-decoration, opacity;
transition-property: color, text-decoration, opacity;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
a:visited {
color: #ed7d86; }
a:hover, a:focus, a:active {
color: #434353;
-webkit-transition-property: color, text-decoration, opacity;
-moz-transition-property: color, text-decoration, opacity;
transition-property: color, text-decoration, opacity;
-webkit-transition-duration: 0.05s;
-moz-transition-duration: 0.05s;
transition-duration: 0.05s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
a:focus {
outline: thin dotted; }
a:hover, a:active {
outline: 0; }  .no-js .sidebar-toggle {
display: none; }
.sidebar-toggle {
-webkit-animation: fadein 0.3s ease-out 0.3s backwards;
-moz-animation: fadein 0.3s ease-out 0.3s backwards;
animation: fadein 0.3s ease-out 0.3s backwards;
display: block;
content: "";
display: table;
box-shadow: 0 0 0 transparent;
text-shadow: 0 0 0 transparent;
border: 0 none;
border-radius: 0;
padding: 0;
outline: 0;
font-size: 1em;
background: transparent;
position: absolute;
top: 20px;
right: 10px;
margin: -1em 0 0;
padding: 1.286em 1em 1.5em;
z-index: 9999; }
.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {
display: block;
width: 1.5em;
height: 3px;
border-radius: 1px;
line-height: 1;
background: rgba(232, 232, 234, 0.7); }
.sidebar-toggle span {
text-indent: -9999px;
-webkit-transition-property: color, background, opacity, width;
-moz-transition-property: color, background, opacity, width;
transition-property: color, background, opacity, width;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.sidebar-toggle span:before, .sidebar-toggle span:after {
content: '';
position: absolute;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
top: 1.286em;
-webkit-transition-property: color, background, opacity, width;
-moz-transition-property: color, background, opacity, width;
transition-property: color, background, opacity, width;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.sidebar-toggle span:before {
margin-top: -8px;
width: 1.286em; }
.sidebar-toggle span:after {
margin-top: 8px;
width: 1em; }
.sidebar-toggle:hover {
background: transparent;
box-shadow: 0 0 0 transparent;
text-shadow: 0 0 0 transparent;
border: 0 none; }
.sidebar-toggle:hover span {
-webkit-transition-property: color, background, opacity, width;
-moz-transition-property: color, background, opacity, width;
transition-property: color, background, opacity, width;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
background: #fff; }
.sidebar-toggle:hover span:before, .sidebar-toggle:hover span:after {
-webkit-transition-property: color, background, opacity, width;
-moz-transition-property: color, background, opacity, width;
transition-property: color, background, opacity, width;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
width: 1.5em;
background: #fff; }
.sidebar-toggle:active, .sidebar-toggle:visited, .sidebar-toggle:focus {
box-shadow: 0 0 0 transparent; }
.sidebar-toggled .sidebar-toggle {
position: fixed;
top: 0;
margin-top: 0;
z-index: 9999;
border: 0 none;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition-property: color, background, opacity, -webkit-transform;
-moz-transition-property: color, background, opacity, -moz-transform;
transition-property: color, background, opacity, transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.sidebar-toggled .sidebar-toggle span {
background: transparent;
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out; }
.sidebar-toggled .sidebar-toggle span:before, .sidebar-toggled .sidebar-toggle span:after {
width: 1.5em;
margin-top: 0;
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transition-property: color, background, opacity, -webkit-transform;
-moz-transition-property: color, background, opacity, -moz-transform;
transition-property: color, background, opacity, transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
background: #333;
height: 4px; }
.sidebar-toggled .sidebar-toggle span:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.sidebar-toggled .sidebar-toggle span:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sidebar-toggled .sidebar-toggle:hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transition-property: color, background, opacity, -webkit-transform;
-moz-transition-property: color, background, opacity, -moz-transform;
transition-property: color, background, opacity, transform;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.sidebar-toggled .sidebar-toggle:hover span:before, .sidebar-toggled .sidebar-toggle:hover span:after {
background: #eb6e78; }
.sidebar-toggled.admin-bar .sidebar-toggle {
top: 32px; }
@media (max-width: 800px) {
.sidebar-toggled.admin-bar .sidebar-toggle {
top: 42px; } }
.sidebar-closed .sidebar-toggle span {
-webkit-animation: fadein 0.3s ease-out 0.4s backwards;
-moz-animation: fadein 0.3s ease-out 0.4s backwards;
animation: fadein 0.3s ease-out 0.4s backwards; }
.sidebar-closed .sidebar-toggle.fixed {
position: fixed;
right:-6px;
} .nav-menu {
padding: 0;
margin: 0;
list-style: none; }
.site-header .header-navigation {
position: absolute;
display: block;
right: 0;
width: 70%;
text-align: right;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1316872428em;
line-height: 1;
opacity: 1; }
@media (max-width: 800px) {
.site-header .header-navigation {
width: 20%; } }
.site-header .header-navigation a {
display: block;
width: 100%;
font-size: 0.6666666667em;
letter-spacing: 0.1316872428em;
color: rgba(200,200,200,1);
text-decoration: none; }
.site-header .header-navigation a:hover {
color: #fff; }
.site-header .header-navigation .menu-header-container {
-webkit-animation: fadein 0.3s ease-out 1s backwards;
-moz-animation: fadein 0.3s ease-out 1s backwards;
animation: fadein 0.3s ease-out 1s backwards;
position: relative;
right: 3.375em;
opacity: 1;
z-index: 200;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.site-header .header-navigation .menu-header-container ul {
list-style: none;
margin: 0;
padding-left: 0;
text-align: right;
line-height: 0; }
.site-header .header-navigation .menu-header-container ul li, .site-header .header-navigation .menu-header-container ul a {
line-height: 1;
margin: 0;
padding: 0; }
.site-header .header-navigation .menu-header-container ul li > ul {
display: none; }
.site-header .header-navigation .menu-header-container ul li {
display: inline-block;
position: relative;
padding: 0;
margin: 0 0.1975308642em; }
.site-header .header-navigation .menu-header-container ul li a {
padding: 0 0 1em 0.4444444444em; }
.sidebar-toggled .site-header .header-navigation .menu-header-container {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.sidebar-closed .site-header .header-navigation .menu-header-container {
-webkit-animation: fadein 0.3s ease-out 0.5s backwards;
-moz-animation: fadein 0.3s ease-out 0.5s backwards;
animation: fadein 0.3s ease-out 0.5s backwards; }
@media (max-width: 800px) {
.site-header .header-navigation .menu-header-container {
display: none; } } .site-header .header-navigation-top {
position: absolute;
display: block;
right: 0;
width: 70%;
text-align: right;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1316872428em;
line-height: 1;
opacity: 1; }
@media (max-width: 800px) {
.site-header .header-navigation-top {
width: 20%; } }
.site-header .header-navigation-top a {
display: block;
width: 100%;
font-size: 0.6666666667em;
letter-spacing: 0.1316872428em;
color: rgba(232, 232, 234, 0.7);
text-decoration: none; }
.site-header .header-navigation-top a:hover {
color: #fff; }
.site-header .header-navigation-top .menu-header-container {
-webkit-animation: fadein 0.3s ease-out 1s backwards;
-moz-animation: fadein 0.3s ease-out 1s backwards;
animation: fadein 0.3s ease-out 1s backwards;
position: relative;
right: 3.375em;
opacity: 1;
z-index: 200;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.site-header .header-navigation-top .menu-header-container ul {
list-style: none;
margin: 0;
padding-left: 0;
text-align: right;
line-height: 0; }
.site-header .header-navigation-top .menu-header-container ul li, .site-header .header-navigation-top .menu-header-container ul a {
line-height: 1;
margin: 0;
padding: 0; }
.site-header .header-navigation-top .menu-header-container ul li > ul {
display: none; }
.site-header .header-navigation-top .menu-header-container ul li {
display: inline-block;
position: relative;
padding: 0;
margin: 0 0.1975308642em; }
.site-header .header-navigation-top .menu-header-container ul li a {
padding: 0 0 1em 0.4444444444em; }
.sidebar-toggled .site-header .header-navigation-top .menu-header-container {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.sidebar-closed .site-header .header-navigation-top .menu-header-container {
-webkit-animation: fadein 0.3s ease-out 0.5s backwards;
-moz-animation: fadein 0.3s ease-out 0.5s backwards;
animation: fadein 0.3s ease-out 0.5s backwards; }
@media (max-width: 800px) {
.site-header .header-navigation-top .menu-header-container {
display: none; } }
#cw_sidebar_logo a img{width:399px;}
@media (max-width: 800px) {
#cw_sidebar_logo a img{width:100%;}
}
.sidebar .main-navigation {
padding-bottom: 2.25em;
margin-top: 0;
font-family: "Montserrat", sans-serif;
font-size: 1em ;
clear: both;
text-transform: uppercase;
line-height: 1;
font-weight: bold; }
.sidebar .main-navigation h2 {
display: none; }
.sidebar .main-navigation .sub-menu {
padding-left: 1em;
border-left: 2px solid #eb6e78; }
.sidebar .main-navigation .sub-menu a {
font-size: 1em; padding: 1em 0; }
.sidebar .main-navigation .sub-menu a:hover {
opacity: 1; }
.sidebar .main-navigation li {
padding: 0;
margin: 0; }
.sidebar .main-navigation a {
display: block;
padding: 1.286em 0; }
.comment-navigation .nav-previous a, .comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
display: inline-block;
text-decoration: none;
font-family: "Montserrat", sans-serif;
font-size: 0.6666666667em;
clear: both;
text-transform: uppercase;
line-height: 1; }
.comment-navigation .nav-previous, .comment-navigation .nav-next,
.posts-navigation .nav-previous,
.posts-navigation .nav-next,
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 50%; }
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left; }
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right; }
.site-main .comment-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden; }
.comment-navigation .nav-next,
.post-navigation .nav-next {
text-align: right; }
.posts-navigation .nav-previous {
padding-right: 1em;
text-align: right; }
.posts-navigation .nav-next {
padding-left: 1em;
text-align: left; }  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
background-color: #f3f3f4;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #141428;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em; }
.alignright {
display: inline;
float: right;
margin-left: 1.5em; }
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
blockquote.alignright, blockquote.alignleft {
width: 14.64834375em; }
blockquote.alignleft {
margin-left: 0; }
blockquote.alignright {
margin-right: 0; } .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table; }
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both; } .site {
position: relative;
width: 100%; } .site-header {
position: relative;
top: 0;
left: 0;
width: 100%;
padding: 1em 1em 1.286em;
margin-bottom: 0;
background: rgba(80,80,80,1);
z-index: 3000; } .site-header.fixed {
position:fixed;
top:0;
}
.sidebar-toggled .site-header .sidebar-toggle {
position:absolute;
top:-8px;
right:22.5em
}
.site-header-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 1em 1em 1.286em;
margin-bottom: 0;
background: rgba(0,0,0,0);
z-index: 8000; } .site-header-top.fixed {
position:fixed;
top:0;
}
.site-branding {
-webkit-animation: fadein 0.3s ease-out 0.3s backwards;
-moz-animation: fadein 0.3s ease-out 0.3s backwards;
animation: fadein 0.3s ease-out 0.3s backwards;
position: relative;
width: 30%;
float: left;
color: #fff;
z-index: 1000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.site-branding h1 {
font-size: 0.6666666667em;
letter-spacing: 0.1316872428em;
margin: 0 0 0.4444444444em; }
.site-branding h1 a {
color: #666;
text-decoration: none;
font-size:180%; }
.site-branding h1 a:hover {
color: #ef4747; }
.site-branding h2 {
font-family: "Karla", sans-serif;
font-size: 0.6666666667em;
font-weight: 400;
font-style: italic;
text-transform: none;
letter-spacing: 0.0877914952em;
margin: 0;
color: #666; }
@media (max-width: 800px) {
.site-branding {
width: 80%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; } }
.sidebar-toggled .site-branding {
width: 100%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
#bland_logo{
overflow: hidden;
margin: 0;
padding:0;
text-align: center;
bottom: 60px;
left: 0;
position:absolute;
}
#bland_logo li{
width: 15%;
margin: 20px 2%;
list-style-type: none;
display: inline-block;
}
@media (max-width: 800px) {
#bland_logo li {
width: 30%;
margin: 5px 5%;
}
} #header_wrapper{position: relative;}
#sp_nav_btn{
position: absolute;
top: 0;
right: 0;
}
#sp_nav_btn a{display:block;width:30px;height: 30px;}
.hm_btn1{top: 0px;}
.hm_btn2{top: 10px;}
.hm_btn3{top: 20px;}
.hm_btn1,.hm_btn2,.hm_btn3{
width:100%;
height: 5px;
background-color: #ccc;
display: block;
position: absolute;
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; border: solid 1px #333;
}
.menuclick1
{ top:14px;
-o-transform: rotate(405deg);
-moz-transform: rotate(405deg);
-webkit-transform: rotate(405deg);
-ms-transform: rotate(405deg);
transform: rotate(405deg); }
.menuclick2
{ opacity:0;}
.menuclick3
{ top:14px;
-o-transform: rotate(-405deg);
-moz-transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
-ms-transform: rotate(-405deg);
transform: rotate(-405deg); } .cw_scroll{
width: 6%;
position: absolute;
margin: auto;
right: 0;
left: 0;
bottom: 0;
padding:1%;
animation:scrollDown 1s ease-in 0s infinite alternate;
-webkit-animation:scrollDown 1s ease-in 0s infinite alternate;
}
@keyframes scrollDown {
0%{opacity:0;margin-bottom: 10px;}
100%{opacity:1;margin-bottom: 0;}
}
@-moz-keyframes scrollDown {
0%{opacity:0;margin-bottom: 10px;}
100%{opacity:1;margin-bottom: 0;}
}
@-webkit-keyframes scrollDown {
0%{opacity:0;margin-bottom: 10px;}
100%{opacity:1;margin-bottom: 0;}
}
.site-header-image {
-webkit-animation: fadein 2s ease-out backwards;
-moz-animation: fadein 2s ease-out backwards;
animation: fadein 2s ease-out backwards;
position: relative;
overflow: hidden;
line-height: 0;
width:50%;
height: auto;
text-align: right;
}
.site-header-image.coverwork-top {
width:100%;
height:100%;
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/coverwork_top.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
}
.header-info{
width: 90%;
margin: 0 auto;
color: #fff;
}
.header-info h2{
color:#fff;
}
.header-info h2 span{
display: block;
border-top: solid 1px #fff;
margin: 6px 0 0;
padding: 6px 0 0;
font-size: 75%;
text-align: right;
}
.black_text{
color: #000;
}
.header-info.black_text h2 {
color: #000;
}
.header-info.black_text h2 span{
border-top: solid 1px #000;
}
#cw_brand{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/brand_back.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
padding: 20px 0;
background-attachment: fixed;
}
#cw_brand #slider{
width: 90%;
margin: 40px auto;
}
.swiper-wrapper{
display:flex;
flex-wrap: wrap;
}
.site-header-image .brand-inner{
width: 50%;
padding: 20px;
margin: 20px;
color: #fff;
display: inline-block;
}
.site-header-image .brand-inner img{
height: 120px;
display: block;
margin: 5px auto;
width: 100%;
}
.site-header-image .brand-inner h3{
color: #fff;
font-weight: bold;
text-align: left;
}
.site-header-image .brand-inner p{
line-height: 1.25;
text-align: left;
}
#thumbs img{}
.site-header-image.coverwork {
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/coverwork.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
}
.site-header-image.raid {
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/raid.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
}
.site-header-image.bisline {
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/bisline.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
}
.site-header-image.ang {
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/ang.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
}
.site-header-image.daysy {
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/daysy.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
}
.site-header-image.gear {
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/gear.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
}
.site-header-image.trevento {
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/trevento.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
}
.site-header-image.shinyei {
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/shinyei.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
}
#cw_company{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/company_back.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
padding: 40px 0;
}
.cw_company {
position: relative;
}
.cw_company p{
font-family: 'Noto Serif',serif;
font-size: 240%;
font-weight: bold;
}
.cw_company p span{
font-size: 130%;
}
a.cw_btn{
display: inline-block;
text-decoration: none;
background-color: #000;
color: #fff;
padding: 16px 24px;
float: right;
border: solid 1px #fff;
}
a.cw_btn:hover{
color:#ed7d86;
}
.m40-0-20{
margin: 40px 0 20px;
}
#cw_service{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/service_back.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
padding: 20px 0;
background-attachment: fixed;
} .service_inner ul {
margin: 0;
padding: 0;
display: flex;
}
.service_inner ul li {
list-style-type: none;
flex-grow: 1;
}
.service_inner ul li a {
font-size: 1em;
font-weight: bold;
color: #666;
text-decoration: none;
display: block;
padding: 9%;
text-align: center;
width: 100%;
background: #999;
}
.service_inner ul li a:hover{
color:#ed7d86;
background: #666;
}
.service_inner ul li a.tab_current {
background: #000;
color: #fff;
}
#service_contents{
clear:both;
}
#service_contents div {
background:#000;
display: flex;
align-items: center;
}
#service_contents p{
margin-top:20px;
line-height:2em;
color:#fff;
padding: 5%;
width: 50%;
}
#service_contents strong {
font-size: 2em;
font-weight: bold;
color: #c15757;
text-decoration: underline;
} .footer_white {
width:100%;
}
#map-canvas {
height:55vh
}
.cw_brand_logo{
width: 50%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
}
.cw_brand_concept {
width: 50%;
height: 100vh;
position: absolute; right: 0;
}
.cw_brand_concept:after {
clear:both;
}
.cw_brand_logo_inner,.cw_brand_concept div{
position: absolute;
top: 0;
left: 0;
bottom:0;
right:0;
margin:auto;
}
.cw_brand_concept div{
border-left: solid 1px #fff;
}
.entry-content .cw_brand_logo_inner {
height:30vh;
}
.entry-content .cw_brand_logo_inner img {
width:60%;
display:block;
margin:0 auto;
float:none;
}
.cw_brand_concept div{
height:30vh;
padding:0 10%;
}
.cw_brand_concept div h3{
color:#fff;
font-size: 200%;
}
.entry-content .cw_brand_concept div p{
line-height: 1.25;
margin:0;
color:#fff;
text-justify: auto;
text-align: justify;
}
.entry-content p.cw_to_itemlist a {
opacity: 1;
line-height: 1;
position: absolute;
bottom: 200px;
right: 0px;
margin: 0px 5% 0px 0px;
border: solid 1px #fff;
border-radius: 10px;
padding: 1% 3%;
text-decoration: none;
color: #fff;
background-color: rgba(0,0,0,0.2);
display:block;
}
.entry-content p.cw_to_itemlist a:hover {
background-color: #ef4747;
}
@media (max-width: 800px){
.cw_brand_logo {
width:100%;
height:50vh;
}
.cw_brand_concept {
width:100%;
height:50vh;
bottom:0;
}
.entry-content .cw_brand_logo_inner {
top:25vh;
}
.cw_brand_concept div h3 {
font-size:140%;
margin:20px 0 8px;
font-weight: bold;
}
.cw_brand_concept div.bfont h3{
color: #333;
}
.cw_brand_concept div.bfont p{
color: #333;
}
.entry-content .cw_brand_logo_inner img{
width:80%;
}
.cw_brand_concept div{
border:none;
bottom:25vh;
}
.entry-content p.cw_to_itemlist a {
bottom:10vh;
}
.footer_white {
height:90vh;
}
#map-canvas {
height:90vh;
}
.swiper-wrapper {
display: block;
}
.site-header-image {
width: 100%;
}
.site-header-image .brand-inner {
width: 100%;
margin: 0;
background-color: rgba(0,0,0,0.5);
}
.site-header-image .brand-inner img {
width: 100%;
height: 100px;
margin: 10px auto;
}
.cw_itroduction,#cw_brand #slider {
width: 96%;
}
#cw_company{
background-position: bottom center;
background-size:contain;
}
.entry-content .company_inner p:first-child{
font-size:140%;
margin: 15vh 0;
}
#service_contents div{
display: block;
overflow: hidden;
}
#service_contents p{
margin: 0;
padding: 1% 5%;
}
.cw_scroll{
width: 20%;
}
#cw_brand{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/brand_back_sp.jpg);
background-attachment:scroll;
}
#cw_service{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/service_back_sp.jpg);
background-attachment:scroll;
}
#service_contents p{
width:100%;
}
} .site-header-image .section-image {
position: relative;
width: auto;
height: 920px;
opacity: 0.6;
-webkit-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
-moz-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
background-size: cover;
-webkit-background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block; }
.featured-image .site-header-image {
height: 70vh; }
@media (max-width: 800px) {
.featured-image .site-header-image {
height: 100vh; } }
@media (min-width: 1100px) {
.featured-image .site-header-image {
height: 100vh; } }
.head_title_inside { overflow: hidden;
}
.head_title_inside a {
display: block; }
.head_title_inside a img{
float:none;
width:40%;
display: block;
animation:fadeIn 2.4s ease-in 0.2s 1 normal;
-webkit-animation:fadeIn 2.4s ease-in 0.2s 1 normal;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
@keyframes fadeIn {
0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn {
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadeIn {
0%{opacity:0;}
100%{opacity:1;}
} svg {
width: 40%;
position: absolute;
top: 1px;
left: 0;
bottom: 0;
right: 0;
margin: auto;  
}
path,polygon,rect {
fill: rgba(255,255,255,0); stroke:#fff;
stroke-width:1;
stroke-dasharray: 2000;
stroke-dashoffset:2000;
-webkit-animation: DASH 5s ease-in-out alternate forwards;
animation: DASH 5s ease-in-out alternate forwards;
-webkit-animation:DASH 5s ease-in-out 0s forwards;
animation:DASH 5s ease-in-out 0s forwards;
}
@keyframes DASH{
0%{stroke-dashoffset:2000;}
100%{stroke-dashoffset:0;}
}
@-moz-keyframes DASH{
0%{stroke-dashoffset:2000;}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes DASH{
0%{stroke-dashoffset:2000;}
100%{stroke-dashoffset:0;}
} .head_title_inside li{
float:left;
width:20%;
list-style-type:none;
}
.head_title_inside li img.cw_bland{
}
.content-area {
padding: 0;
margin: 0;
max-width: 100%; }
@media (min-width: 1400px) {
.content-area {
font-size: 1.286em;
width:100% } }
.site-header-image #primary-top {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
text-align: center;
line-height: 1.25;
color: #fff;
width: 100%;
padding: 1em 0;
background: rgba(50,50,50,0.6);
}
.site-header-image #primary-top .hentry {
margin:0;
padding:0;
}
.site-header-image #primary-top .entry-content {
margin:0;
}
.site-header-image #primary-top .entry-content #company_description p {
margin:0;
}
.site-header-image #primary-top .entry-header .entry-title {
margin:0 auto 20px;
color:#fff;
}
.site-header-image #primary {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 80%;
text-align: center;
line-height: 1.25;
color:#fff;
}
.site-header-image #primary header.entry-header h1{
color:#fff;
margin: 0 0 10px;
}
@media (max-width: 800px) { svg {
width: 80%;
}
.site-header-image #primary {
position: absolute;
top: 50%;
left: 0%;
transform: translate(0%, -50%);
max-width: 100%;
text-align: center;
line-height: 1.25;
color: #fff;
}
.site-header-image #primary header.entry-header h1 {
color: #fff;
font-size: 140%;
margin: 0 auto;
}
} .cw_block-art {
overflow:hidden;
}
.cw_block-art .entry-content, .cw_archive_itemlists .entry-content {
width:30%;
margin: 20px 0;
}
.cw_block-art .entry-content .entry-content_inner h1, .cw_archive_itemlists .entry-content h1{
font-size:90%;
margin:0;
padding: 10px 0;
}
.cw_block-art .entry-content a {
width:100%;
}
.cw_block-art .entry-content a img {
width:40%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
#cw_itemblock .entry-content a img, .cw_archive_itemlists .entry-content a img {
width:100%;
position: relative;
}
.entry-content {
position: relative;
}
.entry-content_inner {
height: 92px;
}
.entry-content h1 {
font-size:100%;
margin: 0;
}
.entry-content h1 a{
color: #333;
text-decoration:none;
font-weight: bold;
}
.entry-content h1 a:hover{
color: #ef4747;
}
.entry-content p {
margin: 10px 0;
}
.entry-content .cw_archive_word p{
clear:both;
font-size: 84%;
}
.entry-content .cw_archive_word p{
margin: 0;
}
@media (max-width: 800px) {
.entry-content a img {
width:80%;
}
.entry-content .str-img_inner a img{
width: 100%;
}
}
@media (min-width: 1240px){
.entry-content .cw_archive_word p{
}
} .entry-header.companyinfo {
height:30vh;
padding:0;
background:url(http://coverwork.jp/wp-content/themes/magnus/hp_img/rain.jpg) 50% 0% no-repeat;
background-size:1920px auto;
background-attachment: fixed;
}
.entry-content #company_description p{
margin:0 0 10px;
}
.sticky {
display: block; }
.hentry {
margin: 0 ;
padding: 0 ;
border-bottom: 4px solid #f3f3f4; }
.hentry:last-child {
border-bottom: none; }
.byline,
.updated:not(.published) {
display: none; }
.single .byline,
.group-blog .byline {
display: inline; }
.page-content,
.entry-content,
.entry-summary {
margin: 0; }
.page-content p:first-child,
.entry-content p:first-child,
.entry-summary p:first-child {
margin-top: 0; }
.page-content p:last-child,
.entry-content p:last-child,
.entry-summary p:last-child {
margin-bottom: 0; }
.page-links {
clear: both;
margin: 0 0 1.5em; }
.entry-header .entry-title {
-ms-word-wrap: break-word;
word-wrap: break-word;
margin-bottom: 0.2962962963em;
width:60%;
margin:0 auto;
padding: 10px 0;
color: #fff;
font-size: 250%; }
.entry-header .entry-title a {
text-decoration: none;
color: #eb6e78; }
.entry-header .entry-title a:hover {
color: #434353; }
.type-post .entry-header{
background-color: #000000;
padding: 120px 0;
}
.type-post .entry-header h1.entry-title {}
.type-post .entry-header .entry-meta{
width: 60%;
margin: 0 auto;
}
.cw_archive_word p a{
color: #72727e;
text-decoration:none;
}
.cw_archive_word p a:hover{
color: #ef4747;
}
.entry-header img {}
#cw_innerpp{
width: 60%;
margin: 40px auto;
}
#cw_innerpp .center_img{
display: block;
margin: 20px auto;
}
#cw_innerpp h2{
border-left: double 6px #666666;
border-right: double 6px #666666;
padding: 20px;
}
@media (max-width: 800px) { .entry-content_inner { }
.entry-content p {
font-size:15px;
}
.entry-content h1 {
font-size:90%;
margin: 0 0 10px 16px;
}
}
.entry-content #cw_item_detail .cw_item_inner {
float: left;
width: 70%;
}
.entry-header .entry-meta,
.entry-footer {
font-size: 0.6666666667em;
text-transform: uppercase;
letter-spacing: 0.0501777168em;
line-height: 1.5em;
color: #d0d0d4; }
.entry-header .entry-meta a,
.entry-footer a {
text-decoration: none;
color: #a1a1a9; }
.entry-header .entry-meta a:hover,
.entry-footer a:hover {
color: #eb6e78; }
.entry-header .entry-meta span,
.entry-footer span {
margin-right: 1em;
display: inline-block; }
.post-navigation {
margin: 0 0 2.25em;
padding: 0 0 2.25em;
border-bottom: 4px solid #f3f3f4; }
.post-navigation a {
text-decoration: none; }
#page #colophon_top { width: 100%;
background: transparent none repeat scroll 0% 0%;
}
.cw_block_inner {
width:60%;
margin:0 auto;
}
.cw_block_inner.cw_pd {
padding: 80px 0;
}
.cw_block_inner.cw_pd h2 {
padding: 20px 0 40px;
}
.cw_block_inner.cw_pd p {
padding: 20px 0 40px;
}
.cw_block_inner.cw_pd a img{
display: block;
margin: 0 auto;
text-align: center;
}
#cw_company_page{
color: #333;
}
.cw_description_inner{
width: 60%;
margin: 0 auto;
padding: 100px 0 60px;
}
.cw_description_inner h2{
text-align: center;
}
.cw_description_inner.cw_pd h2,
.cw_description_inner.cw_ct h2{
text-align: center;
line-height: 1.25;
}
.cw_description_inner.cw_pd h2 span,
.cw_description_inner.cw_ct h2 span{
display: block;
text-indent: 0;
}
.entry-content .cw_description_inner p{
width: 72%;
margin: 60px auto;
line-height: 1.5;
}
.entry-content .cw_description_inner.cw_pd p,
.entry-content .cw_description_inner.cw_ct p{
width: 84%;
}
.entry-content .cw_description_inner.cw_pd img{
padding: 20px 40px 60px;
}
.entry-content .cw_description_inner p#cw_desc_bottom{
width: 100%;
text-align: right;
font-size: 180%;
font-family: serif;
font-weight: bold;
}
.descrip-img{
width: 30px;
display:inline;
} .cw_comserv_inner{
overflow: hidden;
padding: 60px 0;
}
.number_1{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/cinfo_back_2.svg);background-color:rgb(206,215,210);}
.number_2{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/cinfo_back_3.svg);background-color:rgb(222,221,221);}
.number_3{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/cinfo_back_4.svg);background-color:rgb(190,190,190);}
.number_4{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/cinfo_back_5.svg);background-color:rgb(206,213,195);}
.number_5{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/cinfo_back_1.svg);background-color:rgb(226,223,211);}
.devback_1{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/dev_back_1.jpg);padding: 180px 0;}
.devback_2{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/dev_back_2.jpg);padding: 180px 0;}
.devback_3{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/dev_back_3.jpg);padding: 180px 0;}
.cw_comserv_inner{
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
background-attachment: fixed;
}
.site-main .cw_comserv_inner h2{
text-align: center;
font-weight: bold;
padding: 60px 0;
}
.site-main .cw_comserv_inner h2 span{
display: block;
font-weight: lighter;
}
.site-main .cw_comserv_inner.cw_ct h2{
color:#fff;
border-top: solid 2px #fff;
}
.site-main #cw_itemicon .cw_comserv_inner.cw_ct h2{
color:#666;
border-top: solid 2px #666;
}
.cw_comserv_part h3,
.cw_comserv_part p{
color: #fff;
}
.cw_comserv_part h3{
font-weight: bold;
}
.cw_comserv_part{
position: relative;
overflow: hidden;
-webkit-transition: all 2s;
-webkit-transform: translate(0, 0);
transition: all 2s;
transform: translate(0, 0);
opacity: 1;
-webkit-clip-path: polygon(0 0, 100% 12%, 100% 88%, 0% 100%);
clip-path: polygon(0 0, 100% 12%, 100% 88%, 0% 100%);
background-color: #000;
padding: 80px 5% 80px 14%;
width: 80%;
}
.cw_comserv_part-ct{
position: relative;
overflow: hidden;
-webkit-transition: all 2s;
-webkit-transform: translate(0, 0);
transition: all 2s;
transform: translate(0, 0);
opacity: 1;
}
.cw_comserv_part.right{
-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
padding: 80px 14% 80px 5%;
float: right;
}
.cw_comserv_part.move-in,
.cw_comserv_part-ct.move-in{
-webkit-transform: translate(-80px, 0);
transform: translate(-80px, 0);
opacity: 0;
}
.cw_comserv_part.right.move-in,
.cw_comserv_part-ct.right.move-in{
-webkit-transform: translate(80px, 0);
transform: translate(80px, 0);
opacity: 0;
}
#str-img{overflow: hidden;}
#str-img h3{
color: #fff;
font-weight: bold;
border-bottom: solid 2px #fff;
padding: 0 20px 9px;
width: 20%;
margin: 0 auto 40px;
text-align: center;
}
.str-img_inner{
overflow: hidden;
}
.str-img_inner.width-70{
width: 70%;
float: left;
}
.str-img_inner.width-30{
width: 30%;
}
.str-img_inner a {
display: block;
overflow: hidden;
height: auto;
}
.str-img_inner.imgw50 a{
width: 50%;
float: left;
}
ul.icon-table{
display: flex;
flex-wrap: wrap;
overflow: hidden;
width: 60%;
margin: 0 auto;
list-style-type: none;
padding: 0;
}
ul.icon-table li{
width: 25%;
padding: 5%;
text-align: center;
margin: 20px 0;
}
ul.icon-table li a img{
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
ul.icon-table li:hover a img{
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
ul.icon-table li span{
display: block;
padding: 10px 0;
}
.entry-content p.en388{
width: 60%;
margin:0px auto;
}
img.en388{
display: block;
width: 60%;
margin:40px auto;
}
#cw_itemicon .cw_description_inner{
padding: 100px 0 0;
}
#cw_itemicon .cw_comserv_inner{
padding: 0;
} .page-header.related-business div.cw_isimage{
background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/related-business.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
background-attachment: fixed;
}
.page-header.customize div.cw_isimage{
background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/ct_top.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
background-attachment: fixed;
}
#cw_customize,
#cw_strategy{
background-color: #000;
color:#fff;
margin: 0;
padding: 0;
}
#cw_customize .cw_description_inner h2,
#cw_strategy .cw_description_inner h2 {
color: #fff;
line-height: 1.25;
}
#cw_strategy .cw_description_inner h2 span{
display: block;
}
ul.order_flow {
display: flex;
list-style: none;
margin: 0;
padding: 0;
justify-content: center;
-webkit-justify-content: center;
}
ul.order_flow li {
padding: 40px 3%;
border: solid 1px #fff;
text-align: center;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
margin: 40px 20px;
position: relative;
}
ul.order_flow li:after{
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #fff;
right: -33px;
top: 45%;
}
ul.order_flow li:last-child:after{
border-color: transparent;
}
.entry-content .cw_comserv_part-ct p{
width: 48%;
margin: 0 auto 60px;
}
.method img {
width: 52%;
display: block;
margin: 0 auto;
padding: 60px 40px;
}
.cw-character{
display: flex;
flex-wrap: wrap;
margin: 60px 0 0;
justify-content: center;
}
.entry-content .cw-character a img{
display: block;
width:280px;
margin: 2% 1%;
}
.color-sample{
width: 80%;
display: block;
margin: 40px auto;
}
.cw_comserv_part-ct .note{
width: 84%;
margin: 20px auto;
list-style: none;
}
.p-position{
display: flex;
width: 84%;
justify-content: center;
-webkit-justify-content: center;
margin: 20px auto;
}
.p-position div img{
width: 90%;
}
.p-position div ul{
margin: 0 0 20px;
}
.page-header.sales-strategy div.cw_isimage{
background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/str_topback.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
background-attachment: fixed;
}
img#simroom_logo{
display: block;
width: 500px;
margin: 60px auto 0px;
border-top: solid 4px #fff;
border-bottom: solid 4px #fff;
padding: 50px 0;
}
.entry-content .sim_room .cw_comserv_part-ct p{
width: 100%;
margin: 0 auto 20px;
}
#simroom_img{overflow: hidden;}
#simroom_img a{
display: block;
float: left;
width: 33%;
padding: 10px;
}
.entry-content #simroom_img a img{width: 100%;}
#cw_lsystem .cw_description_inner {padding: 50px 0 60px;}
dl.lsystem dt{
font-weight: lighter;
margin-top: 20px;
background-repeat: no-repeat;
background-position: center left;
padding: 20px 100px;
font-size: 150%;
color: #fff;
border-radius: 40px 0 40px 40px / 40px 0 40px 40px;
background-size:contain;
}
.ls-use-item dl.o-layer dt,
dt.o-layer{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/data/layering-system/outer-t.svg);
background-color: #c7501b;
}
.ls-use-item dl.m-layer dt,
dt.m-layer{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/data/layering-system/middle-t.svg);
background-color: #4eb66e;
}
.ls-use-item dl.i-layer dt,
dt.i-layer{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/data/layering-system/inner-t.svg);
background-color: #00a0e9;
}
.ls-use-item dl.p-layer dt{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/data/layering-system/pants-t.svg);
background-color: #727171;
}
dl.lsystem dd {
margin: 1em 1em 2em;
} #post_page h2,
.pics h5{
max-width:1080px;
margin: 0 auto;
}
#inquiry_page h2 span,#cuc_company_page h2 span,
#post_page h2 span,
.pics h5 span {
padding: 40px 20px 5px;
display: inline-block;
}
.pics h5 span{
font-size: 2.25em;
}
#inquiry_page h2 p,#cuc_company_page h2 p,
#post_page h2 p,
.pics h5 p {
border-top: solid 1px #333;
text-align: right;
font-size: 28px;
padding: 5px 0;
width: 100%;
}
#post_wrapper .pp_note p{
text-align: right;
}
#post_wrapper{
max-width: 1080px;
margin: 20px auto;}
#post_wrapper p{
width: 94%;
margin: 2% auto;
text-align: justify; text-justify: inter-ideograph; }
ul.usage_disc{
width: 88%;
margin: 10px auto;
list-style-type: disc;
}
.usage_disc li.note_isback {
list-style: none;
border: solid 1px #333;
padding: 20px 10px;
font-size: 160%;
background-color: #e60012;
color: #fff;
text-align: center;
}
ul.usage_list{
width: 91%;
margin: 10px auto;
list-style-type: decimal;
}
@media (max-width: 800px) {
ul.usage_disc{
width: 91%;
margin: 10px 0 10px 0;
}
.usage_disc li.note_isback {
font-size: 110%;
margin-right: 8%;
}
ul.usage_list{
width: 91%;
margin: 10px 0 10px 0;
}
#post_wrapper h3,
#post_wrapper h4{
padding: 0 0 0 10px;
}
ul.icon-table{
width: 96%;
}
ul.icon-table li{
width: 33%;
padding: 0;
margin: 10px 0;
}
.entry-content p.en388{
width: 84%;
margin:0px auto;
}
img.en388{
display: block;
width: 90%;
margin:40px auto;
}
#cw_itemicon .cw_description_inner{
padding: 80px 0 60px;
}
} @media (max-width: 800px) {
.number_1{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/cinfo_back_2_900.svg);background-attachment: scroll;}
.number_2{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/cinfo_back_3_900.svg);background-attachment: scroll;}
.number_3{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/cinfo_back_4.svg);background-attachment: scroll;}
.number_4{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/cinfo_back_5_900.svg);background-attachment: scroll;}
.number_5{background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/cinfo_back_1_900.svg);background-attachment: scroll;}
.cw_block_inner {
width:90%;
}
.cw_description_inner{
width: 96%;
}
.cw_description_inner h2{
text-align: left;
font-weight: bold;
font-size: 1.6em;
}
.cw_description_inner h2 span{
display: block;
text-indent: 1em;
line-height: 1.6;
}
.entry-content .cw_description_inner p{
width: 88%;
}
.entry-content .cw_description_inner p#cw_desc_bottom{
width: 96%;
font-size: 150%;
}
.cw_description_inner{
padding: 80px 0 60px;
}
.cw_comserv_part{
width: 92%;
}
.site-main .cw_comserv_inner h2{
padding: 30px 0 12px;
}
.cw_comserv_inner{
padding: 20px 0;
}
.entry-content .cw_description_inner.cw_pd img{
padding: 0px 20px 10px;
}
.page-header.customize div.cw_isimage{
background-attachment: scroll;
}
.p-position{
flex-wrap: wrap;
}
ul.order_flow{
flex-wrap: wrap;
}
ul.order_flow li{
width: 100%;
margin: 30px 20px;
}
ul.order_flow li::after{
border-width: 20px 20px 0px 20px;
border-color: #fff transparent transparent transparent;
right: 45%;
bottom: -44px;
top: auto;
}
.entry-content .cw_comserv_part-ct p{
width: 90%;
}
.entry-content .method a img{
width:92%;
padding: 52px 0px;
}
.cw_comserv_part-ct .note{
margin: 0 auto;
padding: 0;
}
#simroom_img a{padding: 0;}
#str-img h3{width: 64%;}
.cw_description_inner h2 span{text-indent: 0;}
.entry-content .cw_description_inner p{
width: 90%;
margin: 0 auto;
}
} .cwitems_themes {
width: 100%;
overflow: hidden;
margin:0 auto;
}
.cwitems_themes .entry-header {
overflow: hidden;
margin:0 auto;
padding: 40px 0 20px;
background-color:#222;
}
.cwitems_themes .entry-header h1{
color: #fff;
width: 60%;
margin:0 auto;
}
.cwitems_themes .entry-header .entry-meta{
width: 60%;
margin: 0px auto;
}
.cwitems_themes .entry-header .entry-meta a{
color:#ef4747;
}
.cwitems_themes .entry-content {
padding: 30px 0 0;
}
.entry-content #cw_item_detail,
.entry-content #func_note,
.entry-content #usage_note,
.desc_wrapper {
overflow: hidden;
width: 60%;
margin: 0 auto;
border-bottom: solid 1px #ccc;
padding-bottom: 40px;
}
#cw_item_detail .cw_item_detail_inner {
overflow: hidden;
width: 50%;
float: left;
}
#cw_item_detail .cw_item_desc_inner { width: 48%;
float: right;
}
.cw_item_desc_inner .cw_item_desc_detail,
.cw_item_desc_inner #cw_item_desc {
margin: 20px 0px;
}
.cw_item_desc_inner .cw_item_desc_detail p span{
color:#ef4747;
}
#cw_item_detail .cw_item_desc_inner ul,#cw_item_detail .cw_item_desc_inner ul li{
margin:0;
padding:0;
}
#cw_item_detail .cw_item_desc_inner ul {
overflow: hidden;
list-style-type:none;
}
#cw_item_detail .cw_item_desc_inner ul li{
float:left;
width: 15%;
margin: 10px 1% 10px 0;
}
#cw_item_detail .cw_item_desc_inner ul li a img{
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
#cw_item_detail .cw_item_desc_inner ul li:hover a img{
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
#cw_item_detail .cw_item_desc_inner p.note{
clear: both;
}
#cw_item_detail .cw_item_desc_inner ul.en388 li{
text-align: center;
font-weight: bold;
color: #000;
font-size: 125%;
}
.cw_item_desc_inner table.cw_item_jan {
margin: 0 auto 1.5em;
width: 100%;
clear: both;
}
#size_table{
overflow: hidden;
width: 60%;
margin: 40px auto;
}
img.brand-logo{
margin-bottom: 10px;
}
img.brand-logo.bisline{
width: 30%;
}
#func_note .title,
.desc_wrapper .title{padding: 6%;}
#func_note description img{}
#func_note description p{}
#usage_note .title,
.desc_wrapper .title{
text-align: center;
padding: 40px 0 10px;
font-size: 200%;
font-weight: bold;
}
#usage_note img{padding: 6%;}
#usage_note ul{
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style-type: none;
}
#usage_note ul li{width: 33%;}
.desc_wrapper img{
display: block;
width: 50%;
margin: 20px auto;
}
.desc_wrapper .img_desc_box.left{
display: flex;
flex-direction: row-reverse;
background-color: #c9c9c9;
padding: 40px;
}
.desc_wrapper .img_desc_box.right{
display: flex;
padding: 40px;
}
.entry-content .desc_wrapper .img_desc_box .inbox{
padding: 0 5%;
}
.entry-content .desc_wrapper .img_desc_box .inbox p{
font-size: 120%;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.desc_wrapper .img_desc_box img {
margin: 0;
}
span.soft_type{
display: inline-block;
padding: 6px 10px;
background-color: #09f;
color: #fff;
border-radius: 8px;
}
span.hard_type{
display: inline-block;
padding: 6px 10px;
background-color: #c00;
color: #fff;
border-radius: 8px;
}
.entry-content p.desc_p{
width: 60%;
margin: 0 auto;
}
.entry-content span.desc_p{
display:block;
width: 60%;
margin: 0 auto;
text-align: center;
}
.img_desc_box.three{
display: flex;
}
.img_desc_box.three div{
text-align: center;
}
.img_desc_box.three div img{
width: 90%;
margin: 0 auto;
}
@media (max-width:800px){
.cwitems_themes .entry-header span{
display:block;
}
.cwitems_themes .entry-header {
width:100%;
}
.cwitems_themes .entry-header h1,.cwitems_themes .entry-header .entry-meta {
width:90%;
}
.entry-content #cw_item_detail,
.entry-content #func_note,
.entry-content #usage_note,
.desc_wrapper {
width:90%;
}
#cw_item_detail .cw_item_detail_inner {
float:none;
width:100%;
}
#cw_item_detail .cw_item_detail_inner img, #cw_item_detail .cw_item_desc_inner ul li img{
width:100%;
}
#cw_item_detail .cw_item_desc_inner{
float: none;
width: 100%;
}
.entry-content a img.brand-logo{
width: 100%;
padding: 20px 0 0;
}
#cw_item_detail .cw_item_desc_inner ul li{width:18%;}
#size_table{width:90%;}
.desc_wrapper img{width:90%;}
.desc_wrapper .img_desc_box.left
,.desc_wrapper .img_desc_box.right{padding: 10px;}
.entry-content .desc_wrapper .img_desc_box .inbox{padding: 0 0 0 5%;}
.entry-content .desc_wrapper .img_desc_box.right .inbox{padding: 0 5% 0 0;}
} .pagenation {
margin: 3em auto;
width:90%;
text-align: center;
}
.pagenation:after, .pagenation ul:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.pagenation ul {
margin: 0;
padding: 0;
display: inline-block;
}
.pagenation li {
float: left;
list-style: none outside none;
margin: 1em 2px;
}
.pagenation li:first-child {
margin-left: 0;
}
.pagenation li.active {
background-color: #ef4747;
border-radius: 3px;
color: #FFFFFF;
cursor: not-allowed;
padding: 10px 20px;
}
.pagenation li a {
background: none repeat scroll 0 0 #CCCCCC;
border-radius: 3px;
color: #FFFFFF;
display: block;
padding: 10px 20px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
background-color: #444444;
color: #FFFFFF;
opacity: 0.8;
transition-duration: 500ms;
transition-property: all;
transition-timing-function: ease;
}
@media (max-width:768px){
.pagenation li.prev, .pagenation li.next {
float: none;
margin: 0 auto;
clear: both;
}
} .cwitems_themes .wp1s-caption-wrapper.wp1s-caption-type-4.wp1s-caption-bottomcenter {
margin: 0;
width: 100%;
left: 0;
bottom: 0;
padding: 10px 0 0;
}
@media (max-width:768px){
.cwitems_themes .wp1s-resposive .wp1s-main-wrapper .wp1s-caption-wrapper.wp1s-caption-type-4.wp1s-caption-bottomcenter {
margin: 0;
width: 100%;
left: 0;
bottom: 0;
padding: 10px 0 0;
}
} .cwitems_themes .yarpp-related {
margin:20px 0 0;
background-color: #222;
overflow: hidden;
}
.cwitems_themes .yarpp-related h3{
font-weight: lighter;
font-size: 180%;
padding: 20px 0;
color: #ef4747;
width: 60%;
margin: 0 auto;
}
.cwitems_themes .yarpp-thumbnails-horizontal {
width: 60%;
margin: 0px auto;
padding: 40px 0px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.cwitems_themes .yarpp-thumbnails-horizontal a {
border:none;
width: 20%;
height: auto;
margin: 0;
text-align: center;
}
.cwitems_themes .yarpp-thumbnails-horizontal a img{
display: inline-block;
}
.cwitems_themes .yarpp-thumbnails-horizontal a span {
font-weight: lighter;
font-size: 72%;
}
.cwitems_themes .yarpp-related .no_relationitem {
width:60%;
margin:20px auto 40px;
}
@media (max-width:800px) {
.cwitems_themes .yarpp-related {
margin:0;
padding:0;
}
.cwitems_themes .yarpp-related .yarpp-thumbnails-horizontal a{
width: 48%;
height: auto;
margin:10px 1%;
}
.cwitems_themes .yarpp-related .yarpp-thumbnails-horizontal a img{
height:auto;
margin:0 auto;
}
.cwitems_themes .yarpp-related .yarpp-thumbnails-horizontal a span{
margin:0 auto;
display:block;
height:54px;
font-size: 74%;
}
.cwitems_themes .yarpp-related h3 , .cwitems_themes .yarpp-thumbnails-horizontal {
width:90%;
}
.cwitems_themes .yarpp-thumbnails-horizontal{
justify-content: space-between;
}
} .cw_block_inner table{
width:100%;
margin:20px auto;
}
.cw_block_inner table caption {
background-color: rgb(153, 153, 153);
border: 1px solid rgb(153, 153, 153);
padding: 20px 0px;
color: #fff;
}
.cw_block_inner table tr th {
padding: 20px 0px 20px 20px;
width:18%;
}
.cw_block_inner table tr td {
padding: 20px 0px 20px 20px;
}
@media (max-width: 800px) {
.cw_block_inner table tr th {
width:100%;
display:block;
padding: 10px 0px 10px 10px;
}
.cw_block_inner table tr td {
width:100%;
display:block;
padding: 20px 0px 20px 10px;
}
} #cw_catalog_page {
overflow: hidden;
background:url(http://coverwork.jp/wp-content/themes/magnus/hp_img/cw_wall-c.jpg) 0 0 / cover repeat fixed;
}
#cw_catalog_page .cw_cat_wrap{
width: 60%;
margin: 40px auto;
overflow: hidden;
}
#cw_catalog_page .cw_cat_wrap img{
float: left;
width:30%;
overflow: hidden;
}
#cw_catalog_page .cat_desc {
float: left;
background-color: #000;
width:70%;
position:relative; }
#cw_catalog_page .cat_desc:after {
content:"";
width:0;
height:0;
border-width:10px 10px 10px 0;
border-color:transparent #000 transparent transparent;
position:absolute;
border-style:solid;
top:50%;
left:-10px;
}
#cw_catalog_page .cat_desc .cat_desc_inner{
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
width: 60%;
height: 366px;
text-align: center;
}
#cw_catalog_page .cat_desc .cat_desc_inner img{
width: 60%;
float: none;
}
#cw_catalog_page .cat_desc .cat_desc_inner h2{
margin:16px auto;
color:#72727e;
}
#cw_catalog_page .cat_desc .cat_desc_inner h2 span{
color: #eb6e78;
padding: 0 10px;
}
#cw_catalog_page .cat_desc .cat_desc_inner p{
margin:0;
font-size:80%;
padding: 2px 0;
}
.dl_block{
width: 60%;
margin: 0 auto;
}
.dl_block ul li {
overflow: hidden;
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 20px 0;
align-items: flex-start;
}
.dl_block ul li img {
width: 26%;
border: solid 1px #ccc;
}
div.dl_desc {
width: 72%;
position: relative;
}
div.dl_desc h3 {
margin: 0 auto 10px;
font-weight: 300;
}
div.dl_desc p {
margin: 2px auto;
width: 100%;
}
div.dl_desc .dl_btn{
position: relative;
width: 200px;
text-align: center;
float: right;
}
div.dl_desc .dl_btn p{
text-align: right;
}
div.dl_desc .dl_btn a{
display: block;
background-color: rgb(44,53,76);
padding: 10px 16px;
color: #fff;
transition: background-color 0.5s;
}
div.dl_desc .dl_btn a:hover{
background-color: rgb(230,0,18);
transition: background-color 0.8s;
}
p.note {
font-weight: bold;
font-size: 86%;
}
p.note span {
color:#f00;
}
@media (max-width:800px){
#cw_catalog_page .cw_cat_wrap{
width:100%;
margin:0 auto;
}
#cw_catalog_page .cat_desc .cat_desc_inner img{
width:80%;
}
#cw_catalog_page .cat_desc .cat_desc_inner h2{
margin:6px;
}
#cw_catalog_page .cat_desc .cat_desc_inner{
width:100%;
}
#cw_catalog_page .cw_cat_wrap img{
float: none;
width: 100%;
}
#cw_catalog_page .cat_desc{
float: none;
width: 100%;
}
.dl_block{width: 96%;}
.dl_block ul{
margin: 0;
padding: 0;
}
div.dl_desc{
width: 100%;
}
div.dl_desc .dl_btn{
text-align: center;
margin: 20px 0;
position: relative;
}
.dl_block ul li img{width: 100%;}
} .cw_originalitem_wrap{
width: 60%;
margin: 0px auto;
}
.cw_originalitem_wrap ul, .cw_originalitem_wrap ul li{
margin: 0;
padding: 0;
list-style: none;
}
.cw_original_art {
margin: 0px 0px 40px;
overflow: hidden;
}
#cw_process {
overflow:hidden;
}
#cw_process li {
width:20%;
float:left;
background-color: #ccc;
padding: 6px;
}
#cw_process li.cw_one {
animation: one 2s ease 0s 1 backwards;
-webkit-animation: one 2s ease 0s 1 backwards;
}
#cw_process li.cw_two {
animation: one 2s ease 2s 1 backwards;
-webkit-animation: one 2s ease 2s 1 backwards;
}
#cw_process li.cw_three {
animation: one 2s ease 4s 1 backwards;
-webkit-animation: one 2s ease 4s 1 backwards;
}
#cw_process li.cw_four {
animation: one 2s ease 6s 1 backwards;
-webkit-animation: one 2s ease 6s 1 backwards;
}
#cw_process li.cw_five {
animation: one 2s ease 8s 1 forwards;
-webkit-animation: one 2s ease 8s 1 forwards;
}
@keyframes one {
0%{
background-color:#ccc;
color:#72727e;
}
100%{
background-color:#ef4747;
color:#fff;
}
}
@-webkit-keyframes one {
0%{
background-color:#ccc;
color:#72727e;
}
100%{
background-color:#ef4747;
color:#fff;
}
}
#cw_process li.cw_one.arrow:before {
animation: borderc 2s ease 0s 1 backwards;
-webkit-animation: borderc 2s ease 0s 1 backwards;
}
#cw_process li.cw_two.arrow:before {
animation: borderc 2s ease 2s 1 backwards;
-webkit-animation: borderc 2s ease 2s 1 backwards;
}
#cw_process li.cw_three.arrow:before {
animation: borderc 2s ease 4s 1 backwards;
-webkit-animation: borderc 2s ease 4s 1 backwards;
}
#cw_process li.cw_four.arrow:before {
animation: borderc 2s ease 6s 1 backwards;
-webkit-animation: borderc 2s ease 6s 1 backwards;
}
@keyframes borderc {
0%{border-color:#ccc transparent transparent;}
100%{border-color:#ef4747 transparent transparent;}
}
@-webkit-keyframes borderc {
0%{border-color:#ccc transparent transparent;}
100%{border-color:#ef4747 transparent transparent;}
}
#cw_process li p.process_title{
text-align:center;
height: 64px;
padding: 14px 0;
margin: 0;
}
#cw_process li span.process_desc{
font-size:80%;
display: block;
height: 100px;
padding: 16px 0;
}
#cw_sample_img ul{
overflow:hidden;
}
#cw_sample_img ul li{
float:left;
width:31%;
margin:0 1%;
}
#cw_sample_img ul li img{
width:100%;
display:block;
margin:0 auto;
}
#cw_sample_img ul li p{
font-size: 88%;
}
.to_form_page {
overflow: hidden;
margin: 60px 0px 40px;
}
.to_form_page p{
padding:20px 0;
text-align: center;
}
.to_form_page a{
text-decoration: none;
display: block;
padding: 40px 20px;
background-color: rgb(239, 71, 71);
color: rgb(255, 255, 255);
text-align: center;
width: 400px;
margin: 0px auto;
}
@media (max-width:1200px){
.cw_originalitem_wrap{
width:90%;
}
.to_form_page a {
width:90%;
}
}
@media (max-width:980px){
#cw_process li {
float: none;
width: 100%;
text-align: center;
}
#cw_process li p.process_title {
height:auto;
font-size:140%;
}
#cw_process li span.process_desc {
height:auto;
font-size:100%;
}
#cw_process li.arrow {
border-bottom:solid 1px #999;
position:relative;
}
#cw_process li.arrow:before {
content:"";
position: absolute;
z-index:2;
border-width:9px 9px 0 9px;
border-color:#ccc transparent transparent;
border-style:solid;
left:50.2%;
top:100%;
width: 0;
height: 0;
}
#cw_process li.arrow:after {
content:"";
position: absolute;
z-index:1;
border-width:10px 10px 0 10px;
border-color:#999 transparent transparent;
border-style:solid;
left:50%;
top:100%;
width: 0;
height: 0;
}
} #static_page {
width: 60%;
margin: 40px auto 60px;
}
#mw_wp_form_mw-wp-form-13 {
width: 60%;
margin: 10px auto 40px;
}
.form_inner_write input{
width:100%;
}
#contact_form_inner{
margin: 20px auto 40px;
}
.form_inner_box {
margin: 20px 0px;
}
.form_inner_write{
margin:8px 0;
}
.form_inner_write .mwform-tel-field input[type="text"] {
width:28%;
}
#form_buttons {
margin: 20px auto 62px;
text-align: center;
}
#form_buttons input[type="submit"]{
display: inline-block;
padding: 24px 9%;
font-size: 120%;
margin: 0 10px;
}
#mw_wp_form_mw-wp-form-13 .error{
display: block;
padding: 10px;
} .mw_wp_form_confirm .form_inner_list{
background-color: rgb(204, 204, 204);
padding: 20px 0px 20px 20px;
}
.mw_wp_form_confirm .form_inner_write{
padding: 20px 0px 20px 20px;
}
@media (max-width:800px){
#static_page {
width:90%;
}
#mw_wp_form_mw-wp-form-13 {
width:90%;
}
} .blog-home-content .site-main {
overflow: hidden;
background: #141428; }
.blog-home-content .section-image {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.6;
background-size: cover;
-webkit-background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.blog-home-content article {
-webkit-animation: fadein 2s ease-out backwards;
-moz-animation: fadein 2s ease-out backwards;
animation: fadein 2s ease-out backwards;
position: relative;
width: 50%;
height: 32vw;
margin: 0;
padding: 0;
float: left;
border-bottom: 0;
overflow: hidden; }
@media (max-width: 800px) {
.blog-home-content article {
width: 100%;
height: 100vh;
float: none; } }
.blog-home-content article:first-child {
width: 100%;
height: 100vh; }
.blog-home-content article:first-child .section-image {
-webkit-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
-moz-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate; }
.blog-home-content article:last-child {
clear: right; }
.blog-home-content article .section-inner {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
-webkit-transition: width 0.4s ease-in-out;
-moz-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out; }
.blog-home-content article .entry-header {
padding: 0 1em;
margin: 0 auto;
max-width: 38.443359375em;
font-size: 0.6666666667em;
text-align: center; }
@media (min-width: 1400px) {
.blog-home-content article .entry-header {
font-size: 0.8573333333em; } }
@media (max-width: 800px) {
.blog-home-content article .entry-header {
font-size: 1em; } }
.blog-home-content article .entry-header .entry-title {
margin-top: 0;
margin-bottom: 0.2962962963em; }
.blog-home-content article .entry-header .entry-title a {
text-decoration: none;
color: white; }
.blog-home-content article .entry-header .entry-title a:hover {
color: #eb6e78; }
.blog-home-content article:first-child .entry-header {
font-size: 1em; }
@media (min-width: 1400px) {
.blog-home-content article:first-child .entry-header {
font-size: 1.286em; } }
.blog-home-content .posts-navigation {
padding: 1em;
margin: 1em auto 0;
max-width: 38.443359375em; }  .archive .page-header,
.search-results .page-header { position:relative;
text-align: center;
color: #a1a1a9;
width:100%; }
.archive .page-header .page-title,
.search-results .page-header .page-title {
font-size: 1.5em;
color: #d0d0d4;
margin: 0; }
.archive .page-header .page-description,
.search-results .page-header .page-description {
font-style: italic;
font-size: 0.6666666667em;
letter-spacing: 0.0501777168em; }
.archive .page-header .page-description p,
.search-results .page-header .page-description p {
margin: 0.4444444444em 0 0; }
header.search {
background-image:url(http://coverwork.jp/wp-content/themes/magnus/img/h_banner_search.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
background-attachment: fixed;
height: 40vh;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
header.search h1 {
font-size: 200%;
font-weight: bold;
}
.page-header img {
height: 360px;
position: relative;
padding: 60px 0;
}
.cw_block-art,
.cw_archive_itemlists{
width:60%;
margin:0 auto;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cw_block-art:after,
.cw_archive_itemlists:after{
content:"";
display: block;
width:30%;
}
.page-header div.cw_isimage {
background: url(http://coverwork.jp/wp-content/themes/magnus/hp_img/rain.jpg) center center / cover no-repeat scroll;
position:relative;
top:0;
width:100%;
height:40vh;
margin:0;
}
.page-header.product-development div{
background: url(http://coverwork.jp/wp-content/themes/magnus/img/develop_topback.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
padding: 20px 0;
background-attachment: fixed;
}
.page-header.info_item-icon div{
background: url(http://coverwork.jp/wp-content/themes/magnus/img/icon_page_top.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
padding: 20px 0;
background-attachment: fixed;
}
.page-header.company div.cw_isimage{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/company_page_top.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
position:relative;
padding: 20px 0;
}
.page-header.layering-system div.cw_isimage{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/data/layering-system/ls-header-banner.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size:1903px 520px;
-webkit-background-size:1903px 520px;
position:relative;
padding: 20px 0;
}
.page-header.dl-img div.cw_isimage{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/dl-page_top.jpg);
}
.page-header div.cw_isimage h1{
position: absolute;
bottom: 20vh;
text-align: center;
width: 100%;
font-size: 200%;
color:#fff;
margin:0;
}
.arch_top{
background-repeat: no-repeat;
background-position: center -200px;
background-size:cover;
-webkit-background-size:cover;
position:relative;
padding: 100px 0;
background-attachment: fixed;
}
#cw_coverworkback{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/h_banner_cw.jpg);
}
#cw_raidback{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/h_banner_raid.jpg);
}
#cw_bislineback{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/h_banner_bisline.jpg);
}
#cw_angback{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/h_banner_ang.jpg);
}
#cw_daysyback{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/h_banner_daysy.jpg);
}
#cw_gearback {
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/h_banner_gear.jpg);
}
#cw_treventoback{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/h_banner_trevento.jpg);
}
#cw_Shinyeiback{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/h_banner_shinyei.jpg);
}
header.page-cate-header{
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
-webkit-background-size: contain;
position: relative;
padding: 7.5%;
background-attachment: fixed;
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/coverwork_top.jpg);
display: flex;
justify-content: center;
align-items: center;
}
header.page-cate-header h1{
color: #ffffff;
font-weight: 700;
font-size: 5vw;
text-shadow: 1px 1px 2px #000;
}
body.term-glove-rubber header.page-cate-header,
body.term-glove-nitrile header.page-cate-header,
body.term-glove-fullcoat header.page-cate-header,
body.term-glove-polyurethane header.page-cate-header,
body.term-glove-working header.page-cate-header,
body.term-aqueous-polyurethane header.page-cate-header,
body.term-leather-glove header.page-cate-header,
body.term-glove-sewing header.page-cate-header,
body.term-glove-cotton-work header.page-cate-header,
body.term-grove-protection-against-cold header.page-cate-header{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/category-header/h-glove.jpg);
}
body.term-goods-cool header.page-cate-header,
body.term-goods-towels header.page-cate-header,
body.term-goods-protection-against-cold header.page-cate-header,
body.term-arm-cover header.page-cate-header,
body.term-goods-ang header.page-cate-header,
body.term-goods-nonwoven-fabric header.page-cate-header,
body.term-belt header.page-cate-header{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/category-header/h-goods.jpg);
}
body.term-safty-goods header.page-cate-header{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/category-header/h-safety.jpg);
}
body.term-rain-wear header.page-cate-header{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/category-header/h-rain.jpg);
}
body.term-wear header.page-cate-header{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/category-header/h-wear.jpg);
}
body.term-apron header.page-cate-header{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/category-header/h-apron.jpg);
}
body.term-supporters header.page-cate-header{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/category-header/h-support.jpg);
}
body.term-socks header.page-cate-header{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/category-header/h-socks.jpg);
}
body.term-boots header.page-cate-header{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/category-header/h-boots.jpg);
}
.page-description p{
background-color: #000;
margin: 0 0 20px;
padding: 24px;
text-align: center;
color: #fff;
font-size: 150%;
} #cw_lsystem{
text-align: justify;
}
.ls-inner {
font-size: 80%;
}
.site-main h2.black_h{
margin: 0;
background-color: #000;
padding: 20px;
color: #fff;
}
.black_h span{
display: block;
width: 60%;
margin: 0 auto;
text-align:center;
}
.ls-inner h2 span {
font-size: 50%;
display: block;
text-align: right;
border-top: solid 1px #999;
margin: 10px 0 0;
padding: 5px 0 0;
}
.ls-wrapper{
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/data/layering-system/ls-back-letter.svg);
background-color: #333;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
-webkit-background-size: cover;
position: relative;
background-attachment: fixed;
}
.ls-wrapper.b-gray{
background-color: #ccc;
}
.ls-back{
position: relative;
width: 60%;
display: flex;
margin: 0 auto;
justify-content: space-between;
}
.ls-inner{
width: 45%;
background-color: #fff;
padding: 20px 20px 0;
margin: 30px 0;
}
.ls-inner table{
width: 60%;
margin: 20px auto;
}
.ls-inner table tr th{
border: none;
background-color: #fff;
font-weight: lighter;
width: 35%;
}
.ls-inner table tr td{
border: none;
text-align: center;
}
.ls-inner table tr td img{
max-width: 50px;
width: 100%;
}
.ls-use-item dl{
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
.ls-use-item dl a{
display: block;
}
.ls-use-item dl a img {
display:block;
margin: 0 auto;
}
.ls-img-inner{
position: relative;
margin: 30px 0; }
.ls-use-item dl dt{
font-weight: lighter;
margin: 50px 0 10px;
background-repeat: no-repeat;
background-position: center left;
padding: 10px 60px;
font-size: 120%;
color: #fff;
border-radius: 20px 0 20px 20px / 20px 0 20px 20px;
background-size: contain;
}
.ls-use-item dl dd p.close{
display:none;
}
.ls-icon-btn ul li{
width: 60px;
height: auto;
list-style: none;
padding: 0;
margin: 0;
}
.ls-icon-btn ul li a{
display:block;
}
.outer-btn,
.middle-btn,
.inner-btn,
.pants-btn{
position: absolute;
}
.ls-icon-btn.no1 .outer-btn{top: 8%; left:25%;}
.ls-icon-btn.no1 .middle-btn{top: 16%; left:55%;}
.ls-icon-btn.no1 .inner-btn{top: 34%; left:38%;}
.ls-icon-btn.no1 .pants-btn{top: 58%; left:38%;}
.ls-icon-btn.no2 .outer-btn{top: 8%; left:23%;}
.ls-icon-btn.no2 .middle-btn{top: 16%; left:55%;}
.ls-icon-btn.no2 .inner-btn{top: 34%; left:40%;}
.ls-icon-btn.no2 .pants-btn{top: 58%; left:38%;}
.ls-icon-btn.no3 .outer-btn{top: 8%; left:58%;}
.ls-icon-btn.no3 .middle-btn{top: 16%; left:20%;}
.ls-icon-btn.no3 .inner-btn{top: 22%; left:40%;}
.ls-icon-btn.no3 .pants-btn{top: 65%; left:30%;}
.ls-icon-btn.no4 .outer-btn{top: 8%; left:64%;}
.ls-icon-btn.no4 .middle-btn{top: 16%; left:28%;}
.ls-icon-btn.no4 .inner-btn{top: 2%; left:41%;}
.ls-icon-btn.no4 .pants-btn{top: 65%; left:38%;}
.ls-icon-btn.no5 .outer-btn{top: 31%; left:16%;}
.ls-icon-btn.no5 .middle-btn{top: 54%; left:48%;}
.ls-icon-btn.no5 .inner-btn{top: 13%; left:38%;}
.ls-icon-btn.no6 .outer-btn{top: 31%; left:16%;}
.ls-icon-btn.no6 .middle-btn{top: 54%; left:48%;}
.ls-icon-btn.no6 .inner-btn{top: 13%; left:38%;}
.ls-icon-btn.no7 .outer-btn{top: 18%; left:70%;}
.ls-icon-btn.no7 .middle-btn{top: 40%; left:43%;}
.ls-icon-btn.no7 .inner-btn{top: 16%; left:4%;}
.ls-icon-btn.no8 .outer-btn{top: 30%; left:65%;}
.ls-icon-btn.no8 .middle-btn{top: 54%; left:40%;}
.ls-icon-btn.no8 .inner-btn{top: 3%; left:39%;}
.ls-icon-btn.no9 .outer-btn{top: 26%; left:63%;}
.ls-icon-btn.no9 .middle-btn{top: 52%; left:30%;}
.ls-icon-btn.no9 .inner-btn{top: 18%; left:38%;}
.ls-modal-back {
position: fixed;
z-index: 1;
width: 100vh;
height: 100vh;
background-color: #000;
top: 0;
left: 0;
} section.not-found{
height: 100vh;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
section.not-found header{
font-size: 400%;
padding: 30px;
}
section.not-found header h1{
padding: 0;
margin: 0;
}
section.not-found .page-content form{
text-align: center;
} @media (max-width: 1536px) {
.cw_block_inner table tr th { padding: 20px 0px 20px 10px;
}
.cw_block_inner table tr td {
padding: 20px 0px 20px 10px;
}
.entry-content .cw_description_inner p{
width: 98%;
}
.cw_block_inner{
width: 90%;
}
.arch_top{
background-attachment: scroll;
background-position: center center;
}
.page-header img{
width: 80%;
}
.cw_scroll{
width:10%;
}
.head_title_inside a img{
width: 75%;
}
#service_contents div{ overflow: hidden;
}
.cw_comserv_inner.cw_pd,
.page-header.customize div.cw_isimage,
.page-header.sales-strategy div.cw_isimage,
header.search{
background-attachment: scroll;
}
}
@media (max-width:800px){
#cw_archive-wrapper,.cw_archive_itemlists{
width:100%;
min-width:100%;
}
.cw_block-art .entry-content, .cw_archive_itemlists .entry-content {
width:48%;
}
.page-header img {height:auto;}
header.search {-webkit-background-size: cover;background-attachment: scroll;}
.arch_top{
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
background-attachment: scroll;
position:relative;
padding: 20px 0;
}
header.page-cate-header{
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
-webkit-background-size:cover;
background-attachment: scroll;
position:relative;
padding: 35% 0;
}
.page-header.info_item-icon div,
.page-header.product-development div{
background-attachment: scroll;
}
.cw_block-art,
.cw_archive_itemlists{
width:98%;
}
.site-main h2.black_h{font-size:120%;}
.ls-wrapper {
background-image: url(http://coverwork.jp/wp-content/themes/magnus/img/data/layering-system/ls-back-letter-sp.svg);
background-attachment: scroll;
}
.ls-back{
width: 100%;
}
.ls-use-item dl dd p.close{
display:block;
cursor: pointer;
margin: 20px auto;
width: 80%;
text-align: center;
background-color: #999;
color: #fff;
padding: 20px 0;
}
.ls-use-item dl dd p.close:hover{
background: #ef4747;
}
.ls-inner {
width: 100%; margin: auto;
top:0;
right: 0;
bottom: 0;
left: 0;
z-index: 9000;
position: fixed;
overflow-y: scroll;
background-color:rgba(255,255,255,1);
min-height:auto ;
}
.ls-img-inner {width: 50%;margin:20px auto;}
.ls-icon-btn.no1 .outer-btn {top: 5%; left: 17%;}
.ls-icon-btn.no1 .middle-btn{top: 16%; left: 50%;}
.ls-icon-btn.no1 .inner-btn{top: 33%; left: 32%;}
.ls-icon-btn ul li{width: 72px;}
.entry-header .entry-title,
.type-post .entry-header .entry-meta,
#cw_innerpp{
width: 96%;
}
header.page-cate-header h1{
text-shadow: 1px 1px 2px #000;
font-size: 8vw;
}
}  .comments-area {
margin: 5.0625em 0 2.25em; }
.comment-list {
margin: 0 0 2.25em;
padding: 0;
list-style: none;
content: "";
display: table; }
.comment-list .children {
list-style: none;
margin: 0;
padding-left: 0;
border-left: 4px solid #f3f3f4; }
.comment-list .children > li {
padding-left: calc(32px + 0.8em); }
.comment-body {
margin: 2.25em 0; }
.comment-author .avatar {
float: left;
width: 32px;
height: 32px;
margin: 0 0.6666666667em 0 0;
border-radius: 100%; }
.comment-metadata,
.pingback .edit-link {
font-size: 0.6666666667em;
text-transform: uppercase;
letter-spacing: 0.0501777168em;
line-height: 1.5em; }
.comment-metadata a,
.pingback .edit-link a {
text-decoration: none;
color: #a1a1a9; }
.comment-metadata a:hover,
.pingback .edit-link a:hover {
color: #eb6e78; }
.comment-metadata {
margin-bottom: 1em; }
.comment-metadata .edit-link,
.pingback .edit-link {
margin-left: 1em; }
.comment-list .reply a {
font-size: 0.6666666667em;
text-transform: uppercase;
letter-spacing: 0.0501777168em;
line-height: 1.5em; }
.comment-content ul,
.comment-content ol {
margin: 0 0 1.6em 1.3333em; }
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0; }
.comment-content > :first-child {
margin-top: 0; }
.comment-content > :last-child {
margin-bottom: 0; }
.comment-content a {
word-wrap: break-word; }
.bypostauthor {
display: block; }
.comment-reply-title small {
font-size: 0.6666666667em;
text-transform: uppercase;
letter-spacing: 0.0501777168em;
line-height: 1.5em; }
@media (min-width: 800px) {
.comment-form-author,
.comment-form-email,
.comment-form-url {
width: 32%;
float: left;
margin-right: 2%; }
.comment-form-url {
margin-right: 0; }
.comment-form-comment {
clear: both; } }
.comment-form label {
display: block;
font-size: 0.6666666667em;
letter-spacing: 0.0877914952em;
color: #d0d0d4;
padding: 0 0 0.4444444444em; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width: 100%; }
.form-submit {
content: "";
display: table;
width: 100%; }
.form-submit input[type="submit"] {
float: right; }
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
font-size: 0.6666666667em;
letter-spacing: 0.0877914952em; }
.comment-form-comment {
margin-bottom: 0; }
.form-allowed-tags {
margin-top: 0;
margin-bottom: 2.25em; }
.form-allowed-tags code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
.form-submit {
margin-bottom: 0; }
.required {
color: #eb6e78; }
.no-comments {
font-size: 0.6666666667em;
text-transform: uppercase;
letter-spacing: 0.0501777168em;
line-height: 1.5em;
text-align: center;
color: #d0d0d4;
border-top: 4px solid #f3f3f4;
border-bottom: 4px solid #f3f3f4;
padding: 1em 0; } .site-footer {
padding: 1em 1em 1.286em;
margin: 0;
background: #f3f3f4;
color: #d0d0d4; }
.site-footer .site-info {
list-style: none;
margin: 0;
padding: 0;
text-align: center; }
.site-footer .site-info li {
display: inline-block;
text-transform: uppercase;
font-size: 0.5715555556em;
letter-spacing: 0.0501777168em;
margin: 0 0.6666666667em; }
.site-footer a {
display: inline-block;
color: #b9b9bf;
text-decoration: none; }
.site-footer a:hover {
color: #eb6e78; } .error404 {
background: #eb6e78; }
.error404 .site-main {
position: relative;
height: 100vh;
margin: 0;
padding: 5.0625em 0 0; }
.error404 .not-found {
position: absolute;
top: 45%;
-webkit-transform: translateY(-45%);
-moz-transform: translateY(-45%);
-ms-transform: translateY(-45%);
-o-transform: translateY(-45%);
transform: translateY(-45%);
width: 100vw; }
.error404 .not-found .page-header,
.error404 .not-found .page-content {
padding: 0 1em;
margin: 0 auto;
max-width: 38.443359375em;
color: white; }
.error404 article {
position: relative;
height: 100vh;
margin: 0;
padding: 0;
border-bottom: 0;
background: #141428;
overflow: hidden; }
.error404 article:nth-child(even) {
background: rgba(20, 20, 40, 0.95); }
.error404 article .section-inner {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100vw; }
.error404 article .entry-header {
padding: 0 1em;
margin: 0 auto;
max-width: 38.443359375em; }
@media (min-width: 1400px) {
.error404 article .entry-header {
font-size: 1.286em; }
.error404 article .entry-header.sidebar-toggled {
font-size: 1em; } }
.error404 article .entry-header .entry-title {
margin-top: 0;
margin-bottom: 0.2962962963em; }
.error404 article .entry-header .entry-title a {
text-decoration: none;
color: white; }
.error404 article .entry-header .entry-title a:hover {
color: #eb6e78; }
.error404.header-image .site-header-image {
display: none; }
.error404 .site-content,
.search-no-results .site-content {
padding-bottom: 100px; }
.error404 .site-footer,
.search-no-results .site-footer {
position: fixed;
bottom: 0;
width: 100%; } .drawer-nav {
background: url(http://coverwork.jp/wp-content/themes/magnus/hp_img/concreat_360.jpg) ;
}
.drawer-nav a{
color:#333;
text-decoration:none;
}
.drawer-nav a:hover{
color:#ef4747;
}
.drawer-nav a img {
width: 90%;
display: block;
margin: 20px auto;
}
.drawer-nav ul,.drawer-nav ul li {
margin:0;
padding:0;
}
.drawer-nav ul {
list-style-type:none;
font-size: 120%;
}
.drawer-nav ul li {
padding: 10px 0px;
}
.drawer-nav ul li ul#menu-header-menu{
padding:0 0 0 10px;
}
.drawer-nav ul.sub-menu {
border-left:solid 2px #ef4747;
padding: 0 0 0 14px;
margin: 5px 0 0 5px;
}
.drawer-nav ul.sub-menu li{
padding:5px 0;
font-size: 80%;
}
aside.widget {
width:100%;
margin:0 auto;
}
aside.widget h2{
font-size:120%;
color: #999;
}
aside#recent-posts-2 ul,aside#archives-2 ul,aside#categories-2 ul{
padding: 0;
margin: 0;
margin: 0 -20px;
}   .widget {
margin: 0;
padding: 1.2em 0;  }
.widget select, .widget input {
max-width: 100%; }
@media (max-width: 800px) {
.widget {
padding: 1.5em 0; } } .widget_search .search-field {
width: 100%; }
.widget_search .search-submit {
display: none; }  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer {
display: block; } .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; } embed,
iframe,
object {
max-width: 100%; }
figure {
margin: 1em 0; } .wp-caption {
margin-bottom: 1em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption .wp-caption-text {
margin: 0.4444444444em 0; }
.wp-caption-text {
font-size: 0.6666666667em;
text-transform: uppercase;
letter-spacing: 0.0501777168em;
line-height: 1.5em;
text-transform: none;
text-align: center; } .gallery {
margin-bottom: 1.5em; }
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-3 .gallery-item {
max-width: 33.33%; }
.gallery-columns-4 .gallery-item {
max-width: 25%; }
.gallery-columns-5 .gallery-item {
max-width: 20%; }
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
.gallery-caption {
display: block; }.yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default, .yarpp-thumbnail-title {
display: inline-block;
*display: inline;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
border: 1px solid rgba(127,127,127,0.1);
width: 130px;
height: 170px;
margin: 5px;
margin-left: 0px;
vertical-align: top;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: 120px;
height: 120px;
margin: 5px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
display: block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
font-size: 1em;
max-height: 2.8em;
line-height: 1.4em;
margin: 7px;
margin-top: 0px;
width: 120px;
text-decoration: inherit;
overflow: hidden;
}
.yarpp-thumbnail-default {
overflow: hidden;
}
.yarpp-thumbnail-default > img {
min-height: 120px;
min-width: 120px;
}#n2-ss-662 .n2-ow,
#n2-ss-662 .n2-ow-all * {
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
}
#n2-ss-662 .n2-ow,
#n2-ss-662 .n2-ow:before,
#n2-ss-662 .n2-ow:after,
#n2-ss-662 .n2-ow-all *,
#n2-ss-662 .n2-ow-all *:before,
#n2-ss-662 .n2-ow-all *:after {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#n2-ss-662 a.n2-ow,
#n2-ss-662 .n2-ow-all a {
border: 0;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
#n2-ss-662 a.n2-ow,
#n2-ss-662 a.n2-ow:focus,
#n2-ss-662 .n2-ow-all a,
#n2-ss-662 .n2-ow-all a:focus {
outline: none !important;
transition: none 0s;
box-shadow: none;
}
#n2-ss-662 h1.n2-ow,
#n2-ss-662 h2.n2-ow,
#n2-ss-662 h3.n2-ow,
#n2-ss-662 h4.n2-ow,
#n2-ss-662 h5.n2-ow,
#n2-ss-662 h6.n2-ow,
#n2-ss-662 p.n2-ow,
#n2-ss-662 .n2-ow-all h1,
#n2-ss-662 .n2-ow-all h2,
#n2-ss-662 .n2-ow-all h3,
#n2-ss-662 .n2-ow-all h4,
#n2-ss-662 .n2-ow-all h5,
#n2-ss-662 .n2-ow-all h6,
#n2-ss-662 .n2-ow-all p {
margin: 0;
padding-left: 0;
padding-right: 0;
height: auto;
width: auto;
border: 0;
box-shadow: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
#n2-ss-662 img.n2-ow,
#n2-ss-662 .n2-ow-all img {
width: auto;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: transparent;
background: none;
padding: 0;
margin: 0;
border: 0;
vertical-align: top;
}
#n2-ss-662 ul.n2-ow,
#n2-ss-662 li.n2-ow,
#n2-ss-662 img.n2-ow,
#n2-ss-662 a.n2-ow,
#n2-ss-662 p.n2-ow,
#n2-ss-662 ol.n2-ow,
#n2-ss-662 textarea.n2-ow,
#n2-ss-662 input.n2-ow,
#n2-ss-662 button.n2-ow {
-moz-transition: none 0s;
-webkit-transition: none 0s;
-o-transition: none 0s;
transition: none 0s;
}
div#n2-ss-662 {
z-index: 3;
margin: 0px 0px 0px 0px;
position: relative;
text-align: left;
}
[dir="rtl"] div#n2-ss-662 {
text-align: right;
}
div#n2-ss-662 :focus {
outline: none;
}
[dir="rtl"] div#n2-ss-662 .n2-ss-slide-background {
text-align: left;
}
div#n2-ss-662.n2-ss-load-fade {
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
div#n2-ss-662.n2-ss-load-fade.n2-ss-loaded {
opacity: 1;
position: relative;
}
div#n2-ss-662 .unselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
div#n2-ss-662.n2notransition * {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
div#n2-ss-662 .n2noselftransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
div#n2-ss-662 .n2-ss-slide {
text-align: center;
}
div#n2-ss-662 .n2-ss-slide,
div#n2-ss-662 .n2-ss-canvas {
position: relative;
}
div#n2-ss-662 .n2-ss-slide,
div#n2-ss-662 .n2-ss-canvas {
overflow: hidden !important;
}
div#n2-ss-662 .n2-ss-slide-background,
div#n2-ss-662 .n2-ss-slide-background * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: left;
}
div#n2-ss-662 .n2-ss-slide-background {
z-index: 10;
}
div#n2-ss-662 .n2-ss-slide-background img {
max-width: none;
display: none;
width: 0;
height: 0;
}
div#n2-ss-662 .n2-ss-background-image {
width: 100%;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
div#n2-ss-662 [data-mode="fill"] .n2-ss-background-image {
background-size: cover;
}
div#n2-ss-662 [data-mode="fit"] .n2-ss-background-image {
background-size: contain;
}
div#n2-ss-662 [data-mode="simple"] .n2-ss-background-image {
background-size: cover;
}
div#n2-ss-662 [data-mode="stretch"] .n2-ss-background-image {
background-size: 100% 100%;
}
div#n2-ss-662 [data-mode="center"] .n2-ss-background-image {
background-position: 50% 50%;
}
div#n2-ss-662 [data-mode="tile"] .n2-ss-background-image {
background-repeat: repeat;
}
div#n2-ss-662 [data-mode="fixed"] .n2-ss-background-image {
background-size: cover;
}
div#n2-ss-662 .n2-ss-slide-background-video {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
z-index: 2;
}
div#n2-ss-662 .n2-ss-slide-background-video.n2-active {
visibility: visible;
}
div#n2-ss-662 .n2-ss-layers-container {
visibility: hidden;
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
z-index: 20;
}
div#n2-ss-662 [onclick].n2-ss-layers-container {
visibility: visible;
}
div#n2-ss-662 .n2-ss-slide {
-webkit-perspective: 1500px;
perspective: 1500px;
}
.n2-ucbrowser div#n2-ss-662 .n2-ss-slide {
-webkit-perspective: initial;
}
div#n2-ss-662 .n2-ss-layers-container > * {
visibility: visible;
}
div#n2-ss-662 .n2-ss-layer {
position: absolute;
outline: 1px solid RGBA(0,0,0,0);
z-index: 1;
}
div#n2-ss-662 .n2-ss-layer-parallax,
div#n2-ss-662 .n2-ss-layer-mask,
div#n2-ss-662 .n2-ss-layer-rotation {
width: 100%;
height: 100%;
}
div#n2-ss-662 .n2-ss-layer-content .n2-ss-layer-parallax,
div#n2-ss-662 .n2-ss-layer-content .n2-ss-layer-mask,
div#n2-ss-662 .n2-ss-layer-content .n2-ss-layer-rotation,
div#n2-ss-662 .n2-ss-layer-row .n2-ss-layer-parallax,
div#n2-ss-662 .n2-ss-layer-row .n2-ss-layer-mask,
div#n2-ss-662 .n2-ss-layer-row .n2-ss-layer-rotation {
height: auto;
flex-grow: 1;
}
div#n2-ss-662 .n2-ss-layer.n2-ss-layer-needsize .n2-ss-layer-parallax,
div#n2-ss-662 .n2-ss-layer.n2-ss-layer-needsize .n2-ss-layer-mask,
div#n2-ss-662 .n2-ss-layer.n2-ss-layer-needsize .n2-ss-layer-rotation {
height: 100%;
}
div#n2-ss-662 .n2-ss-layer[data-type="col"] > .n2-ss-layer-parallax,
div#n2-ss-662 .n2-ss-layer[data-type="content"] > .n2-ss-layer-parallax,
div#n2-ss-662 .n2-ss-layer[data-type="col"] > .n2-ss-layer-mask,
div#n2-ss-662 .n2-ss-layer[data-type="content"] > .n2-ss-layer-mask,
div#n2-ss-662 .n2-ss-layer[data-type="col"] > .n2-ss-layer-rotation,
div#n2-ss-662 .n2-ss-layer[data-type="content"] > .n2-ss-layer-rotation,
div#n2-ss-662 .n2-ss-layer[data-type="col"] > .n2-ss-layer-parallax > .n2-ss-layer-rotation,
div#n2-ss-662 .n2-ss-layer[data-type="content"] > .n2-ss-layer-parallax > .n2-ss-layer-rotation,
div#n2-ss-662 .n2-ss-layer[data-type="col"] > .n2-ss-layer-mask > .n2-ss-layer-rotation,
div#n2-ss-662 .n2-ss-layer[data-type="content"] > .n2-ss-layer-mask > .n2-ss-layer-rotation {
display: flex;
flex-direction: column;
}
div#n2-ss-662 .n2-ss-layer-group {
visibility: hidden;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
div#n2-ss-662 .n2-ss-layer-group > * {
visibility: visible;
}
div#n2-ss-662 .n2-ss-layer-group > .n2-ss-layer-parallax {
visibility: hidden;
}
div#n2-ss-662 .n2-ss-layer-group > .n2-ss-layer-parallax > * {
visibility: visible;
}
div#n2-ss-662.n2-ss-mobile .n2-ss-slider-1,
div#n2-ss-662.n2-ss-tablet .n2-ss-slider-1 {
background-attachment: scroll !important;
}
div#n2-ss-662 .n2-ss-widget {
position: relative;
display: none;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1;
z-index: 12;
font-size: 16px;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
opacity: 1;
}
div#n2-ss-662 .n2-ss-widget.n2-ss-widget-hidden {
opacity: 0 !important;
z-index: -1;
pointer-events: none;
}
div#n2-ss-662.n2-ss-tablet .n2-ss-widget {
font-size: 14px;
}
div#n2-ss-662.n2-ss-mobile .n2-ss-widget {
font-size: 12px;
}
div#n2-ss-662 .n2-ss-tablet,
div#n2-ss-662 .n2-ss-mobile,
div#n2-ss-662.n2-ss-tablet .n2-ss-desktop,
div#n2-ss-662.n2-ss-mobile .n2-ss-desktop {
display: none;
}
div#n2-ss-662 .n2-ss-desktop,
div#n2-ss-662.n2-ss-desktop .n2-ss-desktop,
div#n2-ss-662.n2-ss-tablet .n2-ss-tablet,
div#n2-ss-662.n2-ss-mobile .n2-ss-mobile {
display: block;
}
div#n2-ss-662.n2-ss-desktop .n2-ss-widget-display-desktop,
div#n2-ss-662.n2-ss-tablet .n2-ss-widget-display-tablet,
div#n2-ss-662.n2-ss-mobile .n2-ss-widget-display-mobile {
display: block;
}
div#n2-ss-662 .n2-ss-desktop.n2-ib,
div#n2-ss-662.n2-ss-desktop .n2-ss-desktop.n2-ib,
div#n2-ss-662.n2-ss-tablet .n2-ss-tablet.n2-ib,
div#n2-ss-662.n2-ss-mobile .n2-ss-mobile.n2-ib {
display: inline-block;
}
div#n2-ss-662.n2-ss-desktop .n2-ss-widget-display-desktop.n2-ib,
div#n2-ss-662.n2-ss-tablet .n2-ss-widget-display-tablet.n2-ib,
div#n2-ss-662.n2-ss-mobile .n2-ss-widget-display-mobile.n2-ib {
display: inline-block;
}
div#n2-ss-662 .n2-ss-widget-always {
-webkit-transform: translate3d(0,0,0);
}
div#n2-ss-662 div.n2-ss-widget-display-hover {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
div#n2-ss-662.n2-hover .n2-ss-widget-display-hover {
opacity: 1;
}
div#n2-ss-662 .n2-ss-static-slide {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 25;
visibility: hidden;
-webkit-backface-visibility: hidden;
}
div#n2-ss-662 .n2-ss-static-slide .n2-ss-section-outer,
div#n2-ss-662 .n2-ss-static-slide div[data-type="content"],
div#n2-ss-662 .n2-ss-static-slide div[data-type="content"] div.n2-ss-section-main-content {
visibility: hidden;
}
div#n2-ss-662 .n2-ss-static-slide .n2-ss-layer,
div#n2-ss-662 .n2-ss-static-slide > div,
div#n2-ss-662 .n2-ss-static-slide div[data-type="content"] > div,
div#n2-ss-662 .n2-ss-static-slide .n2-ss-section-main-content > div {
visibility: visible;
}
div#n2-ss-662 .n2-ss-shape-divider {
position: absolute;
left: 0;
width: 100%;
height: 100px;
pointer-events: none;
z-index: 13;
}
div#n2-ss-662 .n2-ss-shape-divider-inner {
height: 100%;
}
div#n2-ss-662 .n2-ss-shape-divider svg {
display: block;
height: 100%;
width: 100%;
}
div#n2-ss-662 .n2-ss-shape-divider-top {
top: 0;
}
div#n2-ss-662 .n2-ss-shape-divider-top.n2-ss-flip-horizontal {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
div#n2-ss-662 .n2-ss-shape-divider-bottom {
bottom: 0;
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
div#n2-ss-662 .n2-ss-shape-divider-bottom.n2-ss-flip-horizontal {
-webkit-transform: scale(-1);
transform: scale(-1);
}
div#n2-ss-662 .n2-ss-shape-divider .n2-ss-divider-start {
visibility: hidden;
}
div#n2-ss-662 .n2-ss-shape-divider.n2-ss-divider-animate .n2-ss-divider-start {
visibility: visible;
}
div#n2-ss-662 .n2-ss-shape-divider.n2-ss-divider-animate .n2-ss-divider-end {
visibility: hidden;
}
div#n2-ss-662 video.n2-ow {
max-width: none;
}
div#n2-ss-662 iframe.n2-ow {
max-width: none;
display: block;
}
div#n2-ss-662 .n2-ss-item-iframe {
height: 100%;
}
div#n2-ss-662 .n2-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
div#n2-ss-662 .n2-grabbing {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
div#n2-ss-662 .n2-video-play {
width: 48px;
height: 48px;
margin-left: -24px;
margin-top: -24px;
position: absolute;
left: 50%;
top: 50%;
}
div#n2-ss-662 form.n2-ow {
margin: 0;
border: 0;
padding: 0;
}
div#n2-ss-662 .n2-fake-input,
div#n2-ss-662 input.n2-ow {
height: auto;
width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
line-height: 1;
font-size: 13px;
font-family: Arial;
box-shadow: none;
}
div#n2-ss-662 input.n2-ow:focus {
outline: 0;
}
div#n2-ss-662 .n2-fake-input,
div#n2-ss-662 input.n2-ow[placeholder] {
overflow: hidden;
text-overflow: clip;
}
div#n2-ss-662 input.n2-ow::-moz-placeholder,
div#n2-ss-662 input.n2-ow:-moz-placeholder {
text-overflow: clip;
color: inherit;
}
div#n2-ss-662 input.n2-ow::-webkit-input-placeholder,
div#n2-ss-662 input.n2-ow::placeholder {
color: inherit;
}
div#n2-ss-662 table.n2-ow {
table-layout: auto;
margin: 0;
}
div#n2-ss-662 .n2-ow .n2-ss-thumbnail-type {
width: 48px;
height: 48px;
margin-left: -24px;
margin-top: -24px;
position: absolute;
left: 50%;
top: 50%;
}
div#n2-ss-662 .n2-ss-icon-normal {
display: inline-block;
}
div#n2-ss-662 .n2-ss-icon-hover,
div#n2-ss-662 .n2-ss-icon-has-hover:HOVER .n2-ss-icon-normal {
display: none;
}
div#n2-ss-662 .n2-ss-icon-has-hover:HOVER .n2-ss-icon-hover {
display: inline-block;
}
div#n2-ss-662 .n2-ss-section-main-content .n2-ss-layer {
position: relative;
}
div#n2-ss-662 .n2-ss-section-main-content .n2-ss-item {
float: none;
}
div#n2-ss-662 .n2-ss-section-main-content > .n2-ss-layer[data-type="row"] {
width: 100%;
}
div#n2-ss-662 .n2-ss-section-main-content > .n2-ss-layer[data-type="row"].n2-ss-autowidth {
width: auto;
}
div#n2-ss-662 .n2-ss-layer[data-type="row"].n2-ss-stretch-layer {
display: flex;
flex: 1 1 auto;
}
div#n2-ss-662 .n2-ss-layer[data-type="row"].n2-ss-stretch-layer > .n2-ss-layer-mask {
display: flex;
}
div#n2-ss-662 .n2-ss-layer-row {
box-sizing: border-box;
display: flex;
}
div#n2-ss-662 .n2-ss-layer[data-type="row"].n2-ss-stretch-layer .n2-ss-layer-row {
height: auto;
width: 100%;
}
div#n2-ss-662 .n2-ss-layer-row > .n2-ss-layer {
box-sizing: border-box;
position: relative;
width: 1px;
flex: 1 1 auto;
}
div#n2-ss-662 .n2-ss-layer-row.n2-ss-row-wrapped {
flex-wrap: wrap;
}
div#n2-ss-662 .n2-ss-layer-row > .n2-ss-layer[data-r="0"] {
margin-top: 0 !important;
}
div#n2-ss-662 .n2-ss-layer-row > .n2-ss-row-break {
display: none;
width: 100%;
flex: 0 0 auto;
}
div#n2-ss-662 .n2-ss-layer-row.n2-ss-row-wrapped > .n2-ss-row-break {
display: block;
}
[dir="ltr"] div#n2-ss-662 .n2-ss-layer-row > .n2-ss-layer {
margin-left: 0 !important;
}
[dir="ltr"] div#n2-ss-662 .n2-ss-layer-row > .n2-ss-layer.n2-ss-last-in-row {
margin-right: 0 !important;
}
[dir="ltr"] div#n2-ss-662 .n2-ss-layer-row > .n2-ss-layer:last-child {
margin-right: 0;
}
[dir="rtl"] div#n2-ss-662 .n2-ss-layer-row > .n2-ss-layer {
margin-right: 0 !important;
}
[dir="rtl"] div#n2-ss-662 .n2-ss-layer-row > .n2-ss-layer.n2-ss-last-in-row {
margin-left: 0 !important;
}
[dir="rtl"] div#n2-ss-662 .n2-ss-layer-row > .n2-ss-layer:last-child {
margin-left: 0;
}
div#n2-ss-662 .n2-ss-layer-row .n2-ss-item {
float: none;
}
div#n2-ss-662 .n2-ss-layer-row .n2-ss-layer {
position: relative;
}
div#n2-ss-662 .n2-ss-layer-content .n2-ss-layer {
width: auto;
}
div#n2-ss-662 .n2-ss-section-outer {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
height: 100%;
}
div#n2-ss-662 .n2-ss-layer[data-type="content"] {
position: relative;
width: 100%;
height: 100%;
}
div#n2-ss-662 .n2-ss-section-main-content {
display: flex;
justify-content: center;
flex-direction: column;
}
div#n2-ss-662 .n2-ss-section-main-content .n2-ss-layer {
min-height: 1px;
}
div#n2-ss-662 .n2-ss-layer-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
box-sizing: border-box;
position: relative;
min-height: 100%;
height: 40px;
}
div#n2-ss-662 .n2-ss-layer-content .n2-ss-layer-needsize {
width: 100%;
}
div#n2-ss-662 .n2-ss-layer-content[data-alignitems="stretch"] {
align-items: stretch;
}
div#n2-ss-662 .n2-ss-layer-content[data-alignitems="flex-start"] {
align-items: flex-start;
}
div#n2-ss-662 .n2-ss-layer-content[data-alignitems="center"] {
align-items: center;
}
div#n2-ss-662 .n2-ss-layer-content[data-alignitems="flex-end"] {
align-items: flex-end;
}
div#n2-ss-662 .n2-ss-layer-content[data-verticalalign="flex-start"] {
justify-content: flex-start;
}
div#n2-ss-662 .n2-ss-layer-content[data-verticalalign="center"] {
justify-content: center;
}
div#n2-ss-662 .n2-ss-layer-content[data-verticalalign="flex-end"] {
justify-content: flex-end;
}
div#n2-ss-662 .n2-ss-layer-content[data-verticalalign="space-around"] {
justify-content: space-around;
}
div#n2-ss-662 .n2-ss-layer-content[data-verticalalign="space-between"] {
justify-content: space-between;
}
div#n2-ss-662 .n2-ss-layer[data-type="col"] {
display: flex;
flex-flow: column;
order: 10;
}
div#n2-ss-662 .n2-ss-layer[data-type="col"].n2-ss-has-maxwidth {
align-self: stretch;
}
div#n2-ss-662 .n2-ss-layer-col {
box-sizing: border-box;
position: relative;
width: 100%;
height: auto;
flex: 1 1 auto;
}
div#n2-ss-662 .n2-ss-layer-col > .n2-ss-layer {
flex: 0 0 auto;
}
div#n2-ss-662 .n2-ss-section-main-content-calc {
min-height: 0;
height: auto;
}
div#n2-ss-662 .n2-ss-autowidth > .n2-ss-layer-row > .n2-ss-layer {
width: auto !important;
}
div#n2-ss-662 [data-csstextalign="left"] {
text-align: left;
}
div#n2-ss-662 [data-csstextalign="center"] {
text-align: center;
}
div#n2-ss-662 [data-csstextalign="right"] {
text-align: right;
}
div#n2-ss-662 .n2-ss-layer.n2-ss-has-maxwidth[data-pm="normal"] {
width: 100%;
}
div#n2-ss-662 [data-csstextalign="left"] .n2-ss-has-maxwidth,
div#n2-ss-662 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="center"]):not([data-csstextalign="right"]):not([data-csstextalign="inherit"]) .n2-ss-has-maxwidth,
div#n2-ss-662 [data-csstextalign="left"] .n2-ss-autowidth,
div#n2-ss-662 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="center"]):not([data-csstextalign="right"]):not([data-csstextalign="inherit"]) .n2-ss-autowidth {
align-self: flex-start;
}
div#n2-ss-662 [data-csstextalign="center"] .n2-ss-has-maxwidth,
div#n2-ss-662 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="left"]):not([data-csstextalign="right"]):not([data-csstextalign="inherit"]) .n2-ss-has-maxwidth,
div#n2-ss-662 [data-csstextalign="center"] .n2-ss-autowidth,
div#n2-ss-662 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="left"]):not([data-csstextalign="right"]):not([data-csstextalign="inherit"]) .n2-ss-autowidth {
align-self: center;
}
div#n2-ss-662 [data-csstextalign="right"] .n2-ss-has-maxwidth,
div#n2-ss-662 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="left"]):not([data-csstextalign="center"]):not([data-csstextalign="inherit"]) .n2-ss-has-maxwidth,
div#n2-ss-662 [data-csstextalign="right"] .n2-ss-autowidth,
div#n2-ss-662 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="left"]):not([data-csstextalign="center"]):not([data-csstextalign="inherit"]) .n2-ss-autowidth {
align-self: flex-end;
}
div#n2-ss-662 .n2-ss-layer-content > [data-cssselfalign="left"],
div#n2-ss-662 .n2-ss-has-maxwidth[data-cssselfalign="left"],
div#n2-ss-662 .n2-ss-autowidth[data-cssselfalign="left"] {
align-self: flex-start !important;
}
div#n2-ss-662 .n2-ss-layer-content > [data-cssselfalign="center"],
div#n2-ss-662 .n2-ss-has-maxwidth[data-cssselfalign="center"],
div#n2-ss-662 .n2-ss-autowidth[data-cssselfalign="center"] {
align-self: center !important;
}
div#n2-ss-662 .n2-ss-layer-content > [data-cssselfalign="right"],
div#n2-ss-662 .n2-ss-has-maxwidth[data-cssselfalign="right"],
div#n2-ss-662 .n2-ss-autowidth[data-cssselfalign="right"] {
align-self: flex-end !important;
}
div#n2-ss-662 .n2-ss-layer-inline {
flex-direction: row;
flex-wrap: wrap;
}
div#n2-ss-662 .n2-ss-img-wrapper,
div#n2-ss-662 .n2-ss-img-wrapper img {
line-height: 0;
}
div#n2-ss-662 .n2-ss-item-iframe-wrapper {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
height: 100%;
}
div#n2-ss-662 .n2i {
vertical-align: top;
}
.n2-clear {
clear: both;
}
.n2-in-fullscreen * {
-webkit-animation-name: initial;
animation-name: initial;
}
.n2-in-fullscreen [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) {
opacity: 1;
}
.n2-ss-align {
position: relative;
z-index: 0;
overflow: hidden;
}
.n2-ss-align.n2-ss-slider-align-visible {
overflow: visible;
}
div#n2-ss-662 .n2-ss-background-animation {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
div#n2-ss-662 .n2-ss-background-animation .n2-ss-slide-background {
z-index: auto;
}
div#n2-ss-662 .n2-ss-background-animation img {
max-width: none;
}
div#n2-ss-662 .n2-ss-background-animation .n2-3d-side {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
background: #333;
outline: 1px solid rgba(0,0,0,0);
}
div#n2-ss-662 .n2-ss-background-animation .n2-ff-3d,
div#n2-ss-662 .n2-ss-background-animation .tile {
outline: 1px solid rgba(0,0,0,0);
}
div#n2-ss-662 {
width: 640px;
float: left;
}
html[dir="rtl"] div#n2-ss-662 {
float: right;
}
div#n2-ss-662 .n2-ss-slider-1 {
position: relative;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
height: 640px;
border-style: solid;
border-width: 0px;
border-color: #3E3E3E;
border-color: RGBA(62,62,62,1);
border-radius: 0px;
background-clip: padding-box;
background-repeat: repeat;
background-position: 50% 50%;
background-size: cover;
background-attachment: scroll;
}
div#n2-ss-662 .n2-ss-slider-background-video-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
div#n2-ss-662 .n2-ss-slider-2 {
position: relative;
width: 100%;
height: 100%;
}
.x-firefox div#n2-ss-662 .n2-ss-slider-2 {
opacity: 0.99999;
}
div#n2-ss-662 .n2-ss-slider-3 {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
outline: 1px solid rgba(0,0,0,0);
z-index: 10;
}
div#n2-ss-662 .n2-ss-slide-backgrounds,
div#n2-ss-662 .n2-ss-slider-3 > .n-particles-js-canvas-el,
div#n2-ss-662 .n2-ss-slider-3 > .n2-ss-divider {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
div#n2-ss-662 .n2-ss-slide-backgrounds {
z-index: 10;
}
div#n2-ss-662 .n2-ss-slider-3 > .n-particles-js-canvas-el {
z-index: 12;
}
div#n2-ss-662 .n2-ss-slide-backgrounds > * {
overflow: hidden;
}
div#n2-ss-662 .n2-ss-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
display: block;
-webkit-backface-visibility: hidden;
}
div#n2-ss-662 .n2-ss-layers-container {
position: relative;
width: 640px;
height: 640px;
}
div#n2-ss-662 .n2-ss-parallax-clip > .n2-ss-layers-container {
position: absolute;
right: 0;
}
div#n2-ss-662 .n2-ss-slide-active {
z-index: 21;
}
div#n2-ss-662 .nextend-arrow {
cursor: pointer;
overflow: hidden;
line-height: 0 !important;
z-index: 20;
}
div#n2-ss-662 .nextend-arrow img {
position: relative;
min-height: 0px;
min-width: 0px;
vertical-align: top;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: inline;
}
div#n2-ss-662 .nextend-arrow img.n2-arrow-hover-img {
display: none;
}
div#n2-ss-662 .nextend-arrow:HOVER img.n2-arrow-hover-img {
display: inline;
}
div#n2-ss-662 .nextend-arrow:HOVER img.n2-arrow-normal-img {
display: none;
}
div#n2-ss-662 .nextend-arrow-animated {
overflow: hidden;
}
div#n2-ss-662 .nextend-arrow-animated > div {
position: relative;
}
div#n2-ss-662 .nextend-arrow-animated .n2-active {
position: absolute;
}
div#n2-ss-662 .nextend-arrow-animated-fade {
transition: background 0.3s, opacity 0.4s;
}
div#n2-ss-662 .nextend-arrow-animated-horizontal > div {
transition: all 0.4s;
left: 0;
}
div#n2-ss-662 .nextend-arrow-animated-horizontal .n2-active {
top: 0;
}
div#n2-ss-662 .nextend-arrow-previous.nextend-arrow-animated-horizontal:HOVER > div,
div#n2-ss-662 .nextend-arrow-next.nextend-arrow-animated-horizontal .n2-active {
left: -100%;
}
div#n2-ss-662 .nextend-arrow-previous.nextend-arrow-animated-horizontal .n2-active,
div#n2-ss-662 .nextend-arrow-next.nextend-arrow-animated-horizontal:HOVER > div {
left: 100%;
}
div#n2-ss-662 .nextend-arrow.nextend-arrow-animated-horizontal:HOVER .n2-active {
left: 0;
}
div#n2-ss-662 .nextend-arrow-animated-vertical > div {
transition: all 0.4s;
top: 0;
}
div#n2-ss-662 .nextend-arrow-animated-vertical .n2-active {
left: 0;
}
div#n2-ss-662 .nextend-arrow-animated-vertical .n2-active {
top: -100%;
}
div#n2-ss-662 .nextend-arrow-animated-vertical:HOVER > div {
top: 100%;
}
div#n2-ss-662 .nextend-arrow-animated-vertical:HOVER .n2-active {
top: 0;
}
div#n2-ss-662 .nextend-bar-horizontal div * {
display: inline;
vertical-align: middle;
}
div#n2-ss-662 .nextend-thumbnail-default,
div#n2-ss-662 .nextend-thumbnail-inner {
overflow: hidden;
}
div#n2-ss-662 .n2-ss-thumb-image {
background-position: center center;
background-size: cover;
display: inline-block;
width: 100%;
height: auto;
}
div#n2-ss-662 .nextend-thumbnail-inner {
width: 100%;
height: 100%;
}
div#n2-ss-662 .nextend-thumbnail-button {
position: absolute;
z-index: 2;
transition: all 0.4s;
opacity: 0;
cursor: pointer;
}
div#n2-ss-662 .nextend-thumbnail-vertical .nextend-thumbnail-button {
left: 50%;
margin-left: -13px !important;
}
div#n2-ss-662 .nextend-thumbnail-vertical .nextend-thumbnail-previous {
top: -26px;
}
div#n2-ss-662 .nextend-thumbnail-vertical .nextend-thumbnail-previous.n2-active {
top: 10px;
opacity: 1;
}
div#n2-ss-662 .nextend-thumbnail-vertical .nextend-thumbnail-next {
bottom: -26px;
}
div#n2-ss-662 .nextend-thumbnail-vertical .nextend-thumbnail-next.n2-active {
bottom: 10px;
opacity: 1;
}
div#n2-ss-662 .nextend-thumbnail-horizontal .nextend-thumbnail-button {
top: 50%;
margin-top: -13px !important;
transform: rotateZ(-90deg);
}
div#n2-ss-662 .nextend-thumbnail-horizontal .nextend-thumbnail-previous {
left: -26px;
}
div#n2-ss-662 .nextend-thumbnail-horizontal .nextend-thumbnail-previous.n2-active {
left: 10px;
opacity: 1;
}
div#n2-ss-662 .nextend-thumbnail-horizontal .nextend-thumbnail-next {
right: -26px;
}
div#n2-ss-662 .nextend-thumbnail-horizontal .nextend-thumbnail-next.n2-active {
right: 10px;
opacity: 1;
}
div#n2-ss-662 .nextend-thumbnail-default .nextend-thumbnail-scroller {
position: relative;
float: left;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
white-space: nowrap;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
div#n2-ss-662 .nextend-thumbnail-horizontal .nextend-thumbnail-scroller {
flex-direction: column;
}
div#n2-ss-662 .nextend-thumbnail-horizontal .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir {
flex-direction: row;
}
div#n2-ss-662 .nextend-thumbnail-vertical .nextend-thumbnail-scroller {
flex-direction: row;
}
div#n2-ss-662 .nextend-thumbnail-vertical .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir {
flex-direction: column;
}
div#n2-ss-662 .nextend-thumbnail-scroller.n2-align-content-start {
align-content: flex-start;
}
div#n2-ss-662 .nextend-thumbnail-scroller.n2-align-content-center {
align-content: center;
}
div#n2-ss-662 .nextend-thumbnail-scroller.n2-align-content-end {
align-content: flex-end;
}
div#n2-ss-662 .nextend-thumbnail-scroller.n2-align-content-space-around {
align-content: space-around;
}
div#n2-ss-662 .nextend-thumbnail-scroller.n2-align-content-space-between {
align-content: space-between;
}
div#n2-ss-662 .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir {
align-content: inherit;
}
div#n2-ss-662 .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir.n2-align-content-start {
justify-content: flex-start;
}
div#n2-ss-662 .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir.n2-align-content-center {
justify-content: center;
}
div#n2-ss-662 .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir.n2-align-content-end {
justify-content: flex-end;
}
div#n2-ss-662 .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir.n2-align-content-space-around {
justify-content: space-around;
}
div#n2-ss-662 .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir.n2-align-content-space-between {
justify-content: space-between;
}
html[dir="rtl"] div#n2-ss-662 .nextend-thumbnail-default .nextend-thumbnail-scroller {
position: relative;
float: right;
}
div#n2-ss-662 .nextend-thumbnail-default .nextend-thumbnail-scroller > div {
position: relative;
flex: 0 0 auto;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
cursor: pointer;
}
div#n2-ss-662 .nextend-thumbnail-default .nextend-thumbnail-scroller > div.n2-active {
cursor: default;
}
div#n2-ss-662 .nextend-thumbnail-default .n2-ss-caption {
display: inline-block;
white-space: normal;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
overflow: hidden;
}
div#n2-ss-662 .nextend-thumbnail-default .n2-caption-overlay {
position: absolute;
}
div#n2-ss-662 .nextend-thumbnail-default .n2-caption-overlay div {
float: left;
clear: left;
}
div#n2-ss-662 .nextend-thumbnail-horizontal .n2-ss-caption {
display: block;
}
div#n2-ss-662 .nextend-thumbnail-vertical .n2-caption-after,
div#n2-ss-662 .nextend-thumbnail-vertical .n2-caption-before {
height: 100%;
}
div#n2-ss-662 .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple{background: #000000;background: RGBA(0,0,0,0.67);opacity:1;padding:20px 20px 20px 20px ;box-shadow: none;border-width: 0px;border-style: solid;border-color: #000000; border-color: RGBA(0,0,0,1);border-radius:0px;}
div#n2-ss-662 .n2-font-160f3fbf4fe58b5a701ceff068b6fb4d-simple{font-family: 'Montserrat';color: #ffffff;font-size:87.5%;text-shadow: none;line-height: 1.3;font-weight: normal;font-style: normal;text-decoration: none;text-align: left;letter-spacing: normal;word-spacing: normal;text-transform: none;vertical-align: middle;}
div#n2-ss-662 .n2-font-5694dc379f9df4552c5ac191154451f0-simple{font-family: 'Montserrat';color: #ffffff;font-size:87.5%;text-shadow: none;line-height: 1.3;font-weight: normal;font-style: italic;text-decoration: none;text-align: left;letter-spacing: normal;word-spacing: normal;text-transform: none;vertical-align: middle;}
div#n2-ss-662 .n2-style-8c39bd1b5d1c821102353bb13550e669-simple{background: #242424;opacity:1;padding:3px 3px 3px 3px ;box-shadow: none;border-width: 0px;border-style: solid;border-color: #000000; border-color: RGBA(0,0,0,1);border-radius:0px;}
div#n2-ss-662 .n2-style-0d7e6147d938756e488febb9fea88b5d-dot{background: #000000;background: RGBA(0,0,0,0);opacity:1;padding:0px 0px 0px 0px ;box-shadow: none;border-width: 0px;border-style: solid;border-color: #ffffff; border-color: RGBA(255,255,255,0);border-radius:0px;opacity: 0.4;
margin: 3px;
transition: all 0.4s;
background-size: cover;}
div#n2-ss-662 .n2-style-0d7e6147d938756e488febb9fea88b5d-dot.n2-active, div#n2-ss-662 .n2-style-0d7e6147d938756e488febb9fea88b5d-dot:HOVER{border-width: 0px;border-style: solid;border-color: #ffffff; border-color: RGBA(255,255,255,0.8);opacity: 1;}