@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#scrollUp {
width: 40px;
height: 40px;
}
#scrollUp .scroll-top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a,
.wp-pagenavi span {
border: 1px solid var(--wp-pagenavi-border-color, #bfbfbf);
margin: 2px;
padding: 3px 5px;
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
.wp-pagenavi a,
.wp-pagenavi span {
border-color: var(--wp-pagenavi-border-color, #4f4f4f);
}
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
border-color: var(--wp-pagenavi-border-color-current, currentColor);
}
.wp-pagenavi span.current {
font-weight: bold;
}.wc-shortcodes-clearfix:before,
.wc-shortcodes-clearfix:after {
content: "";
display: table;
}
.wc-shortcodes-clearfix:after {
clear: both;
}
.wc-shortcodes-clearfix {
zoom: 1; } .wc-shortcodes-accordion { 
margin-bottom: 20px; 
}
.wc-shortcodes-accordion .wc-shortcodes-accordion-trigger {
display: block;
position: relative;
padding: 0;
border: 1px solid #cccccc;
outline: 0;
margin: 3px 0 0 0; 
}
.wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a {
display: block;
padding: 10px 20px;
cursor: pointer;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a {
padding: 10px 20px 10px 40px;
position: relative;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a:before {
font-family: FontAwesome;
font-weight: normal;
font-size: inherit;
text-decoration: inherit;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; speak: none;
content: "\f105";
margin-right: 0px;
display: inline-block;
line-height: inherit;
position: absolute;
left: 0;
top: 0;
bottom: 0;
padding: 10px 0;
width: 40px;
text-align: center;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a:hover:before {
text-decoration: none;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger.wc-shortcodes-accordion-header-active a:before {
content: "\f107";
}
.wc-shortcodes-accordion .wc-shortcodes-accordion-trigger:first-child {
margin-top: 0; 
}
.wc-shortcodes-accordion .wc-shortcodes-accordion-content-wrapper {
overflow: hidden;
height: 0;
}
.wc-shortcodes-accordion .wc-shortcodes-accordion-content {
padding: 20px;
border: 1px solid #cccccc;
border-top: 0px; 
}
.wc-shortcodes-accordion.wc-shortcodes-accordion-layout-none .wc-shortcodes-accordion-content {
padding: 20px 0;
border-width: 0;
}
.wc-shortcodes-accordion .wc-shortcodes-accordion-content *:last-child {
margin-bottom: 0 
} .wc-shortcodes-toggle {
margin-bottom: 20px; 
}
.wc-shortcodes-toggle .wc-shortcodes-toggle-trigger {
display: block;
position: relative;
padding: 0;
border: 1px solid #cccccc;
outline: 0;
margin: 3px 0 0 0; 
}
.wc-shortcodes-toggle .wc-shortcodes-toggle-trigger a {
display: block;
padding: 10px 20px;
cursor: pointer;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-toggle .wc-shortcodes-toggle-trigger a {
padding: 10px 20px 10px 40px;
position: relative;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-toggle .wc-shortcodes-toggle-trigger a:before {
font-family: FontAwesome;
font-weight: normal;
font-size: inherit;
text-decoration: inherit;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; speak: none;
content: "\f105";
margin-right: 0px;
display: inline-block;
line-height: inherit;
position: absolute;
left: 0;
top: 0;
bottom: 0;
padding: 10px 0;
width: 40px;
text-align: center;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-toggle .wc-shortcodes-toggle-trigger a:hover:before {
text-decoration: none;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-toggle .wc-shortcodes-toggle-trigger.active a:before {
content: "\f107";
}
.wc-shortcodes-toggle .wc-shortcodes-toggle-trigger.active a {
}
.wc-shortcodes-toggle .wc-shortcodes-toggle-trigger:first-child {
margin-top: 0; 
}
.wc-shortcodes-toggle .wc-shortcodes-toggle-container {
overflow: hidden;
padding: 20px;
border: 1px solid #cccccc;
border-top: 0px; 
}
.wc-shortcodes-toggle.wc-shortcodes-toggle-layout-none .wc-shortcodes-toggle-container {
border-width: 0;
padding: 20px 0;
}
.wc-shortcodes-toggle .wc-shortcodes-toggle-container *:last-child {
margin-bottom: 0 
}
.wc-shortcodes-toggle .wc-shortcodes-toggle-content-wrapper {
overflow: hidden;
height: 0;
} .wc-shortcodes-tabs {
margin-bottom: 20px; 
}
.wc-shortcodes-tabs ul.wcs-tabs-nav {
display: block;
margin: 0;
padding: 0;
border-bottom: solid 1px #cccccc; 
}
.wc-shortcodes-tabs ul.wcs-tabs-nav li {
display: block;
width: auto;
padding: 0;
float: left;
margin: 0 0 -1px 0;
outline: none; 
}
.wc-shortcodes-tabs ul.wcs-tabs-nav li a {
display: block;
width: auto;
padding: 10px 20px;
border: 1px solid #cccccc;
border-width: 1px 1px 0 1px;
margin-right: 3px;
outline: none; 
}
.wc-shortcodes-tabs ul.wcs-tabs-nav .wcs-state-active a {
background-color: #ffffff;
border-bottom-width: 0;
border-bottom-color: transparent; 
}
.wc-shortcodes-tabs .tab-content {
background: #ffffff;
padding: 20px;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc; 
}
.wc-shortcodes-tabs .tab-content-wrapper {
overflow: hidden;
}
.wc-shortcodes-tabs .tab-content-wrapper.tab-content-hide {
height: 0;
}
.wc-shortcodes-tabs.wc-shortcodes-tabs-layout-none .tab-content {
padding: 20px 0;
border-width: 0;
}
.wc-shortcodes-tabs .tab-content *:last-child {
margin-bottom: 0 
} .wc-shortcodes-row {
display: block;
width: 100%;
} .wc-shortcodes-one-half { width: 48% }
.wc-shortcodes-one-third { width: 30.66% }
.wc-shortcodes-two-third { width: 65.33% }
.wc-shortcodes-one-fourth { width: 22% }
.wc-shortcodes-three-fourth { width: 74% }
.wc-shortcodes-one-fifth { width: 16.8% }
.wc-shortcodes-two-fifth { width: 37.6% }
.wc-shortcodes-three-fifth { width: 58.4% }
.wc-shortcodes-four-fifth { width: 67.2% }
.wc-shortcodes-one-sixth { width: 13.33% }
.wc-shortcodes-five-sixth { width: 82.67% }
.wc-shortcodes-one-half,
.wc-shortcodes-one-third,
.wc-shortcodes-two-third,
.wc-shortcodes-three-fourth,
.wc-shortcodes-one-fourth,
.wc-shortcodes-one-fifth,
.wc-shortcodes-two-fifth,
.wc-shortcodes-three-fifth,
.wc-shortcodes-four-fifth,
.wc-shortcodes-one-sixth,
.wc-shortcodes-five-sixth {
position: relative;
margin-left: 4%;
margin-bottom: 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wc-shortcodes-column-first {
margin-left: 0!important;
clear: left;
}
@media (max-width: 480px) {
body .wc-shortcodes-one-half,
body .wc-shortcodes-one-third,
body .wc-shortcodes-two-third,
body .wc-shortcodes-three-fourth,
body .wc-shortcodes-one-fourth,
body .wc-shortcodes-one-fifth,
body .wc-shortcodes-two-fifth,
body .wc-shortcodes-three-fifth,
body .wc-shortcodes-four-fifth,
body .wc-shortcodes-one-sixth,
body .wc-shortcodes-five-sixth {
width: 100%;
float: none;
margin-left: 0;
margin-bottom: 20px;
}
} .wc-shortcodes-testimonial { 
margin-bottom: 20px;
}
.wc-shortcodes-testimonial-content { 
position: relative;
float: left;
background: #eeeeee;
padding: 20px;
width: 100%;
}
.wc-shortcodes-testimonial-content:after {
content: "";
position: absolute;
left: 12px;
bottom: -15px;
width: 0px;
height: 0px;
border-bottom: 15px solid rgba(255,255,255,0);
border-top: 15px solid rgba(255,255,255,0);
border-right: 15px solid #eeeeee;
font-size: 0px;
line-height: 0px;
}
.wc-shortcodes-testimonial-content *:last-child {
margin-bottom: 0;
clear: both;
}
.wc-shortcodes-testimonial-author {
float: left;
margin-top: 20px;
margin-left: 15px;
}
.wc-shortcodes-testimonial-right .wc-shortcodes-testimonial-content:after {
right: 12px;
left: auto;
bottom: -15px;
border-left: 15px solid #eeeeee;
border-right-width: 0;
}
.wc-shortcodes-testimonial-right .wc-shortcodes-testimonial-author {
float: right;
margin-right: 15px;
margin-left: 0;
text-align: right;
} .wc-shortcodes-divider {
display: block;
width: 100%;
background: none; 
} .wc-shortcodes-divider.wc-shortcodes-divider-style-image {
border: 0;
height: 10px;
background: url(//teamslash.jp/wp-content/plugins/wc-shortcodes/public/assets/img/circle-border.png) repeat-x center left scroll;
} .wc-shortcodes-divider.wc-shortcodes-divider-style-image2 {
border: 0;
height: 10px;
background: url(//teamslash.jp/wp-content/plugins/wc-shortcodes/public/assets/img/dash-border.png) repeat-x center left scroll;
} .wc-shortcodes-divider.wc-shortcodes-divider-style-image3 {
border: 0;
height: 10px;
background: url(//teamslash.jp/wp-content/plugins/wc-shortcodes/public/assets/img/rustic-border.png) repeat-x center left scroll;
} .wc-shortcodes-divider.wc-shortcodes-divider-style-solid {
border: 0;
height: auto;
background: none;
border-bottom: 1px solid #cccccc;
} .wc-shortcodes-divider.wc-shortcodes-divider-style-dotted {
border: 0;
height: auto;
background: none;
border-bottom: 1px dotted #cccccc;
} .wc-shortcodes-divider.wc-shortcodes-divider-style-dashed {
border: 0;
height: auto;
background: none;
border-bottom: 1px dashed #cccccc;
} .wc-shortcodes-divider.wc-shortcodes-divider-line-double.wc-shortcodes-divider-style-solid {
border: 0;
background: none;
height: 5px;
border-bottom: 1px solid #cccccc;
}
.wc-shortcodes-divider.wc-shortcodes-divider-line-double.wc-shortcodes-divider-style-solid:before {
content: '';
display: block;
width: 100%;
border: 0;
height: auto;
background: none;
border-bottom: 1px solid #cccccc;
} .wc-shortcodes-divider.wc-shortcodes-divider-line-double.wc-shortcodes-divider-style-dotted {
border: 0;
background: none;
height: 5px;
border-bottom: 1px dotted #cccccc;
}
.wc-shortcodes-divider.wc-shortcodes-divider-line-double.wc-shortcodes-divider-style-dotted:before {
content: '';
display: block;
width: 100%;
border: 0;
height: auto;
background: none;
border-bottom: 1px dotted #cccccc;
} .wc-shortcodes-divider.wc-shortcodes-divider-line-double.wc-shortcodes-divider-style-dashed {
border: 0;
background: none;
height: 5px;
border-bottom: 1px dashed #cccccc;
}
.wc-shortcodes-divider.wc-shortcodes-divider-line-double.wc-shortcodes-divider-style-dashed:before {
content: '';
display: block;
width: 100%;
border: 0;
height: auto;
background: none;
border-bottom: 1px dashed #cccccc;
} .wc-shortcodes-spacing {
display: block !important;
height: auto;
margin: 0 !important;
padding: 0 !important;
border: none !important;
outline: none !important;
background: none !important;
} .wc-shortcodes-button {
line-height: 1.3;
margin-right: 10px;
margin-bottom: 20px;
}
.wc-shortcodes-button:visited,
.wc-shortcodes-button {
border: none;
text-decoration: none;
color: #ffffff;
background-color: #428bca;
border: 1px solid #357ebd;
display: inline-block;
padding: 6px 20px;
}
.wc-shortcodes-button:hover {
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
text-decoration: none;
outline: none;
}
.wc-shortcodes-button:active {}
.wc-shortcodes-button-left {
text-align: left;
margin-right: 0px;
margin-left: 0px;
}
.wc-shortcodes-button-center {
text-align: center;
margin-right: 0px;
margin-left: 0px;
}
.wc-shortcodes-button-center .wc-shortcodes-button {
margin-right: 0px;
margin-left: 0px;
}
.wc-shortcodes-button-right {
text-align: right;
}
.wc-shortcodes-button-right .wc-shortcodes-button {
margin-right: 0px;
margin-left: 10px;
}
.wc-shortcodes-button-icon-left {
margin-right: 0.5em;
}
.wc-shortcodes-button-icon-right {
margin-left: 0.5em;
} .wc-shortcodes-button.wc-shortcodes-button-secondary:visited,
.wc-shortcodes-button.wc-shortcodes-button-secondary {
color: #333333;
background-color: #ffffff;
border: 1px solid #cccccc;
}
.wc-shortcodes-button.wc-shortcodes-button-secondary:hover {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
} .wc-shortcodes-button.wc-shortcodes-button-inverse:visited,
.wc-shortcodes-button.wc-shortcodes-button-inverse {
color: #357ebd;
background-color: #e4ecf3;
border: 1px solid #428bca;
}
.wc-shortcodes-button.wc-shortcodes-button-inverse:hover {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
} .wc-shortcodes-button.wc-shortcodes-button-success:visited,
.wc-shortcodes-button.wc-shortcodes-button-success {
color: #ffffff;
background-color: #5cb85c;
border: 1px solid #4cae4c;
}
.wc-shortcodes-button.wc-shortcodes-button-success:hover {
color: #ffffff;
background-color: #47a447;
border-color: #398439;
} .wc-shortcodes-button.wc-shortcodes-button-warning:visited,
.wc-shortcodes-button.wc-shortcodes-button-warning {
color: #ffffff;
background-color: #f0ad4e;
border: 1px solid #eea236;
}
.wc-shortcodes-button.wc-shortcodes-button-warning:hover {
color: #ffffff;
background-color: #ed9c28;
border-color: #d58512;
} .wc-shortcodes-button.wc-shortcodes-button-danger:visited,
.wc-shortcodes-button.wc-shortcodes-button-danger {
color: #ffffff;
background-color: #d9534f;
border: 1px solid #d43f3a;
}
.wc-shortcodes-button.wc-shortcodes-button-danger:hover {
color: #ffffff;
background-color: #d2322d;
border-color: #ac2925;
} .wc-shortcodes-button.wc-shortcodes-button-info:visited,
.wc-shortcodes-button.wc-shortcodes-button-info {
color: #ffffff;
background-color: #5bc0de;
border: 1px solid #46b8da;
}
.wc-shortcodes-button.wc-shortcodes-button-info:hover {
color: #ffffff;
background-color: #39b3d7;
border-color: #269abc;
} .wc-shortcodes-box {
display: block;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
}
.wc-shortcodes-box *:last-child {
margin-bottom: 0;
}
.wc-shortcodes-box *:first-child {
margin-top: 0;
} .wc-shortcodes-box.wc-shortcodes-box-primary {
background-color: #428bca;
border: 1px solid #358ebd;
}
.wc-shortcodes-box.wc-shortcodes-box-primary * {
color: #ffffff;
} .wc-shortcodes-box.wc-shortcodes-box-secondary {
background-color: #ffffff;
border: 1px solid #cccccc;
}
.wc-shortcodes-box.wc-shortcodes-box-secondary * {
color: #333333;
} .wc-shortcodes-box.wc-shortcodes-box-inverse {
background-color: #e4ecf3;
border: 1px solid #428bca;
}
.wc-shortcodes-box.wc-shortcodes-box-inverse * {
color: #357ebd;
} .wc-shortcodes-box.wc-shortcodes-box-success {
background-color: #5cb85c;
border: 1px solid #4cae4c;
}
.wc-shortcodes-box.wc-shortcodes-box-success * {
color: #ffffff;
} .wc-shortcodes-box.wc-shortcodes-box-warning {
background-color: #f0ad4e;
border: 1px solid #eea236;
}
.wc-shortcodes-box.wc-shortcodes-box-warning * {
color: #ffffff;
} .wc-shortcodes-box.wc-shortcodes-box-danger {
background-color: #d9534f;
border: 1px solid #d43f3a;
}
.wc-shortcodes-box.wc-shortcodes-box-danger * {
color: #ffffff;
} .wc-shortcodes-box.wc-shortcodes-box-info {
background-color: #5bc0de;
border: 1px solid #46b8da;
}
.wc-shortcodes-box.wc-shortcodes-box-info * {
color: #ffffff;
} .googlemap {
position: relative;
max-width: inherit;
margin-bottom: 20px;
}
.googlemap .map_canvas {
width: 100%; height: 100%;
}
.googlemap .map_canvas h3 {
margin: 0 0 10px; font-size: 14px;
}
#page .map_canvas img {
max-width: none;
} .wc-shortcodes-social-icons-wrapper {
width: 100%;
margin-bottom: 14px;
line-height: 1;
}
.wc-shortcodes-social-icons {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
line-height: 1;
}
.wc-shortcodes-social-icons.wc-shortcodes-social-icons-align-center {
text-align: center;
}
.wc-shortcodes-social-icons.wc-shortcodes-social-icons-align-center li {
margin-right: 3px;
margin-left: 3px;
}
.wc-shortcodes-social-icons.wc-shortcodes-social-icons-align-right {
text-align: right;
}
.wc-shortcodes-social-icons.wc-shortcodes-social-icons-align-right li {
margin-right: 0;
margin-left: 6px;
}
.wc-shortcodes-social-icons.wc-shortcodes-social-icons-size-medium img {
max-height: 24px;
}
.wc-shortcodes-social-icons.wc-shortcodes-social-icons-size-medium i {
font-size: 14px;
width: 24px;
height: 24px;
line-height: 24px;
}
.wc-shortcodes-social-icons.wc-shortcodes-social-icons-size-small img {
max-height: 16px;
}
.wc-shortcodes-social-icons.wc-shortcodes-social-icons-size-small i {
font-size: 10px;
width: 16px;
height: 16px;
line-height: 16px;
}
.wc-shortcodes-social-icons li {
display: inline-block;
margin-right: 6px;
margin-bottom: 6px;
}
.wc-shortcodes-social-icons li a {
display: block;
line-height: 1;
}
.wc-shortcodes-social-icons li img {
max-height: 48px;
}
.wc-shortcodes-social-icons li i {
font-size: 24px;
width: 48px;
height: 48px;
line-height: 48px;
overflow: hidden;
text-align: center;
vertical-align: middle;
background-color: #999999;
color: #ffffff;
box-sizing: content-box;
padding: 1px;
}
.wc-shortcodes-social-icons li i.fa-facebook { background-color: #305999; }
.wc-shortcodes-social-icons li i.fa-google-plus { background-color: #ee7321; }
.wc-shortcodes-social-icons li i.fa-twitter { background-color: #00a7f1; }
.wc-shortcodes-social-icons li i.fa-pinterest { background-color: #d64800; }
.wc-shortcodes-social-icons li i.fa-instagram { background-color: #b2b2b4; }
.wc-shortcodes-social-icons li i.fa-plus-square { background-color: #00b5fc; }
.wc-shortcodes-social-icons li i.fa-flickr { background-color: #ff6182; }
.wc-shortcodes-social-icons li i.fa-rss { background-color: #facf4c; }
.wc-shortcodes-social-icons li i.fa-envelope { background-color: #ebe180; }
.wc-shortcodes-social-icons li i.fa-dollar { background-color: #d46000; }
.wc-shortcodes-social-icons li i.fa-camera { background-color: #333333; }
.wc-shortcodes-social-icons li i.fa-shopping-cart { background-color: #a5d488; }
.wc-shortcodes-social-icons li i.fa-youtube { background-color: #c74a00; }
.wc-shortcodes-social-icons li i.fa-tumblr { background-color: #426b8a; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight- img { max-height: none; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-10 img { max-height: 10px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-12 img { max-height: 12px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-14 img { max-height: 14px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-16 img { max-height: 16px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-18 img { max-height: 18px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-20 img { max-height: 20px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-22 img { max-height: 22px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-24 img { max-height: 24px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-26 img { max-height: 26px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-28 img { max-height: 28px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-30 img { max-height: 30px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-32 img { max-height: 32px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-34 img { max-height: 34px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-36 img { max-height: 36px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-38 img { max-height: 38px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-40 img { max-height: 40px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-42 img { max-height: 42px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-44 img { max-height: 44px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-46 img { max-height: 46px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-48 img { max-height: 48px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-50 img { max-height: 50px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-52 img { max-height: 52px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-54 img { max-height: 54px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-56 img { max-height: 56px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-58 img { max-height: 58px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-60 img { max-height: 60px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-62 img { max-height: 62px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-64 img { max-height: 64px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-66 img { max-height: 66px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-68 img { max-height: 68px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-70 img { max-height: 70px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-10 i { font-size: 5px; line-height: 10px; height: 10px; width: 10px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-12 i { font-size: 6px; line-height: 12px; height: 12px; width: 12px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-14 i { font-size: 7px; line-height: 14px; height: 14px; width: 14px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-16 i { font-size: 8px; line-height: 16px; height: 16px; width: 16px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-18 i { font-size: 9px; line-height: 18px; height: 18px; width: 18px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-20 i { font-size: 10px; line-height: 20px; height: 20px; width: 20px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-22 i { font-size: 11px; line-height: 22px; height: 22px; width: 22px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-24 i { font-size: 12px; line-height: 24px; height: 24px; width: 24px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-26 i { font-size: 13px; line-height: 26px; height: 26px; width: 26px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-28 i { font-size: 14px; line-height: 28px; height: 28px; width: 28px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-30 i { font-size: 15px; line-height: 30px; height: 30px; width: 30px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-32 i { font-size: 16px; line-height: 32px; height: 32px; width: 32px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-34 i { font-size: 17px; line-height: 34px; height: 34px; width: 34px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-36 i { font-size: 18px; line-height: 36px; height: 36px; width: 36px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-38 i { font-size: 19px; line-height: 38px; height: 38px; width: 38px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-40 i { font-size: 20px; line-height: 40px; height: 40px; width: 40px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-42 i { font-size: 11px; line-height: 42px; height: 42px; width: 42px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-44 i { font-size: 22px; line-height: 44px; height: 44px; width: 44px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-46 i { font-size: 23px; line-height: 46px; height: 46px; width: 46px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-48 i { font-size: 24px; line-height: 48px; height: 48px; width: 48px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-50 i { font-size: 25px; line-height: 50px; height: 50px; width: 50px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-52 i { font-size: 26px; line-height: 52px; height: 52px; width: 52px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-54 i { font-size: 27px; line-height: 54px; height: 54px; width: 54px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-56 i { font-size: 28px; line-height: 56px; height: 56px; width: 56px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-58 i { font-size: 29px; line-height: 58px; height: 58px; width: 58px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-60 i { font-size: 30px; line-height: 60px; height: 60px; width: 60px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-62 i { font-size: 31px; line-height: 62px; height: 62px; width: 62px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-64 i { font-size: 32px; line-height: 64px; height: 64px; width: 64px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-66 i { font-size: 33px; line-height: 66px; height: 66px; width: 66px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-68 i { font-size: 34px; line-height: 68px; height: 68px; width: 68px; }
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-70 i { font-size: 35px; line-height: 70px; height: 70px; width: 70px; }
.wc-shortcodes-social-icons li:first-child {
margin-left: 0;
}
.wc-shortcodes-social-icons li:last-child {
margin-right: 0;
} .wc-shortcodes-share-buttons {
line-height: 1;
}
.wc-shortcodes-share-buttons ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 1;
}
.wc-shortcodes-share-buttons li {
display: inline-block;
margin-right: 0.625em;
}
.wc-shortcodes-share-buttons li a {
display: block;
line-height: 1;
text-decoration: none;
box-shadow: none;
}
.wc-shortcodes-share-buttons li a img {
vertical-align: top;
max-height: 36px;
}
.wc-shortcodes-share-buttons ul li:last-child {
margin-right: 0;
}
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i {
font-size: 20px;
width: 36px;
height: 36px;
line-height: 36px;
overflow: hidden;
text-align: center;
vertical-align: top;
background-color: #999999;
color: #ffffff;
}
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon-text li i {
text-align: center;
}
.wc-shortcodes-share-buttons-format-icon-text li span {
margin-left: 0.3125em;
}
.wc-shortcodes-share-buttons-format-text li a i {
display: none;
}
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-facebook { background-color: #305999; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-google-plus { background-color: #ee7321; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-twitter { background-color: #00a7f1; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-pinterest { background-color: #d64800; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-instagram { background-color: #b2b2b4; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-plus-square { background-color: #00b5fc; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-flickr { background-color: #ff6182; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-rss { background-color: #facf4c; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-envelope { background-color: #ebe180; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-dollar { background-color: #d46000; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-camera { background-color: #333333; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-shopping-cart { background-color: #a5d488; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-youtube { background-color: #c74a00; }
.wc-shortcodes-share-buttons.wc-shortcodes-share-buttons-format-icon li i.fa-tumblr { background-color: #426b8a; } .wc-share-buttons-container {
margin-top: 1.5em;
margin-bottom: 1.5em;
clear: both;
}
.wc-share-buttons-container .share-text {
margin-bottom: 0.3em;
display: none;
}
.wc-share-buttons-container .wc-shortcodes-share-buttons-format-icon-text li {
margin-right: 1em;
padding-top: 0.25em;
padding-bottom: 0.25em;
} .wc-shortcodes-skillbar {
position: relative;
display: block;
margin-bottom: 15px;
width: 100%;
background: #eee;
height: 35px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-transition: 0.4s linear;
-moz-transition: 0.4s linear;
-ms-transition: 0.4s linear;
-o-transition: 0.4s linear;
transition: 0.4s linear;
-webkit-transition-property: width, background-color;
-moz-transition-property: width, background-color;
-ms-transition-property: width, background-color;
-o-transition-property: width, background-color;
transition-property: width, background-color;
}
.wc-shortcodes-skillbar-title {
position: absolute;
top: 0;
left: 0;
font-weight: bold;
font-size: 13px;
color: #fff;
background: #6adcfa;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.wc-shortcodes-skillbar-title span {
display: block;
background: rgba(0,0,0,0.1);
padding: 0 20px;
height: 35px;
line-height: 35px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.wc-shortcodes-skillbar-bar {
height: 35px;
width: 0px;
background: #6adcfa;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.wc-shortcodes-skill-bar-percent {
position: absolute;
right: 10px;
top: 0;
font-size: 11px;
height: 35px;
line-height: 35px;
color: #444;
color: rgba(0,0,0,0.4);
} .wc-shortcodes-pricing {
margin-bottom: 20px;
}
.wc-shortcodes-pricing div {
list-style: none;
}
.wc-shortcodes-pricing > div {
list-style: none;
text-shadow: none;
margin-bottom: 0;
}
.wc-shortcodes-pricing .wc-shortcodes-pricing-header {
background: #428bca;
color: #ffffff;
text-align: center;
padding: 20px 0;
border: 1px solid #357ebd;
}
.wc-shortcodes-pricing .wc-shortcodes-pricing-header h5 {
color: #ffffff;
font-size: 130%;
margin: 0;
padding: 0 20px 20px;
}
.wc-shortcodes-pricing .wc-shortcodes-pricing-cost {
font-size: 170%;
padding-top: 20px;
border-top: 1px solid #357ebd;
}
.wc-shortcodes-pricing .wc-shortcodes-pricing-per {
font-size: 80%;
}
.wc-shortcodes-pricing .wc-shortcodes-pricing-content {
background: #ffffff;
text-align: center;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
}
.wc-shortcodes-pricing .wc-shortcodes-pricing-content ul {
margin: 0;
padding: 0;
list-style: none;
}
.wc-shortcodes-pricing .wc-shortcodes-pricing-content ul li {
margin: 0;
padding: 10px 20px;
border-bottom: 1px solid #eeeeee;
list-style: none;
}
.wc-shortcodes-pricing .wc-shortcodes-pricing-content ul li:nth-child(2n+2) {
background: #f7f7f7;
}
.wc-shortcodes-pricing .wc-shortcodes-pricing-button {
text-align: center;
padding: 20px;
border: 1px solid #eeeeee;
border-top-width: 0;
}
.wc-shortcodes-pricing .wc-shortcodes-pricing-button .wc-shortcodes-button {
float: none;
margin: 0;
} .wc-shortcodes-pricing.wc-shortcodes-pricing-type-secondary .wc-shortcodes-pricing-header {
background: #333333;
color: #ffffff;
border: 1px solid #cccccc;
}
.wc-shortcodes-pricing.wc-shortcodes-pricing-type-secondary .wc-shortcodes-pricing-header h5 {
color: #ffffff;
}
.wc-shortcodes-pricing.wc-shortcodes-pricing-type-secondary .wc-shortcodes-pricing-cost {
border-top: 1px solid #000000;
} .wc-shortcodes-pricing.wc-shortcodes-pricing-type-inverse .wc-shortcodes-pricing-header {
background: #e4ecf3;
color: #357ebd;
border: 1px solid #cccccc;
}
.wc-shortcodes-pricing.wc-shortcodes-pricing-type-inverse .wc-shortcodes-pricing-header h5 {
color: #357ebd;
}
.wc-shortcodes-pricing.wc-shortcodes-pricing-type-inverse .wc-shortcodes-pricing-cost {
border-top: 1px solid #cccccc;
} .wc-shortcodes-highlight-yellow, .wc-shortcodes-highlight-yellow a {
background-color: #fff7a8;
color: #695d43;
}
.wc-shortcodes-highlight-blue, .wc-shortcodes-highlight-blue a {
color: #5091b2;
background: #e9f7fe;
}
.wc-shortcodes-highlight-green, .wc-shortcodes-highlight-green a {
color: #5f9025;
background: #d3e8da;
}
.wc-shortcodes-highlight-red, .wc-shortcodes-highlight-red a {
color: #de5959;
background: #ffe9e9;
}
.wc-shortcodes-highlight-gray, .wc-shortcodes-highlight-gray a {
color: #555555;
background: #f7f7f7;
} .wc-shortcodes-html-wrapper {
margin-bottom: 20px;
}  pre.prettyprint { 
display: block;
background-color: #333;
overflow: auto;
padding: 20px;
white-space: pre;
word-wrap: normal;
}
pre .nocode { background-color: transparent; color: #000 }
pre .str { color: #ffa0a0 } pre .kwd { color: #f0e68c; font-weight: bold }
pre .com { color: #87ceeb } pre .typ { color: #98fb98 } pre .lit { color: #cd5c5c } pre .pun { color: #fff } pre .pln { color: #fff } pre .tag { color: #f0e68c; font-weight: bold } pre .atn { color: #bdb76b; font-weight: bold } pre .atv { color: #ffa0a0 } pre .dec { color: #98fb98 }  ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE }   li.L1,li.L3,li.L5,li.L7,li.L9 { }
@media print {
pre.prettyprint { background-color: transparent; }
pre .str, code .str { color: #060 }
pre .kwd, code .kwd { color: #006; font-weight: bold }
pre .com, code .com { color: #600; font-style: italic }
pre .typ, code .typ { color: #404; font-weight: bold }
pre .lit, code .lit { color: #044 }
pre .pun, code .pun { color: #440 }
pre .pln, code .pln { color: #000 }
pre .tag, code .tag { color: #006; font-weight: bold }
pre .atn, code .atn { color: #404 }
pre .atv, code .atv { color: #060 }
}
pre.pre-scrollable {
max-height: 600px;
}
pre.pre-wrap {
white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .wc-shortcodes-center {
margin: 0 auto;
width: 100%;
}
.wc-shortcodes-center.wc-shortcodes-center-inner-align-center {
text-align: center;
}
.wc-shortcodes-center.wc-shortcodes-center-inner-align-left {
text-align: left;
}
.wc-shortcodes-center.wc-shortcodes-center-inner-align-right {
text-align: right;
} .wc-shortcodes-heading .wc-shortcodes-heading-style1 {
padding-bottom: 20px;
border-bottom: 1px solid #cccccc;
}
.wc-shortcodes-heading.text-align-center {
text-align: center;
}
.wc-shortcodes-heading.text-align-left {
text-align: left;
}
.wc-shortcodes-heading.text-align-right {
text-align: right;
} .wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons {
text-align: center;
}
.wc-shortcodes-social-icons.wc-shortcodes-columns-float-left {
text-align: left;
}
.wc-shortcodes-social-icons.wc-shortcodes-columns-float-right {
text-align: right;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons li {
display: inline-block;
padding: 3px;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-float-left li {
padding-right: 6px;
padding-left: 0;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-float-right li {
padding-right: 0;
padding-left: 6px;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-8 li {
width: 12.5%;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-7 li {
width: 14.28571428%;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-6 li {
width: 16.66666666%;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-5 li {
width: 20%;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-4 li {
width: 25%;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-3 li {
width: 33.33333333%;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-2 li {
width: 50%;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-1 li {
width: 100%;
} .wc-shortcodes-countdown-bg4 {
margin-bottom: 20px;
}
.wc-shortcodes-countdown {
border: 1px solid #ccc;
background-color: #eee;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.wc-shortcodes-countdown.countdown_rtl {
direction: rtl;
}
.wc-shortcodes-countdown.countdown_holding div {
color: #888;
}
.wc-shortcodes-countdown .countdown_row {
clear: both;
width: 100%;
padding: 0px 2px;
text-align: center;
}
.wc-shortcodes-countdown .countdown_show1 .countdown_section {
width: 98%;
}
.wc-shortcodes-countdown .countdown_show2 .countdown_section {
width: 48%;
}
.wc-shortcodes-countdown .countdown_show3 .countdown_section {
width: 32.5%;
}
.wc-shortcodes-countdown .countdown_show4 .countdown_section {
width: 24.5%;
}
.wc-shortcodes-countdown .countdown_show5 .countdown_section {
width: 19.5%;
}
.wc-shortcodes-countdown .countdown_show6 .countdown_section {
width: 16.25%;
}
.wc-shortcodes-countdown .countdown_show7 .countdown_section {
width: 14%;
}
.wc-shortcodes-countdown .countdown_section {
display: inline-block;
font-size: 80%;
text-align: center;
border-right: 1px solid #cccccc;
}
.wc-shortcodes-countdown .countdown_row *:last-child,
.wc-shortcodes-countdown .countdown_row:last-child {
border-width: 0;
}
.wc-shortcodes-countdown .countdown_amount {
font-size: 200%;
}
.wc-shortcodes-countdown .countdown_descr {
display: block;
width: 100%;
}
.wc-shortcodes-countdown .countdown_expired_message {
font-size: 200%;
} .wc-shortcodes-rsvp input[type="text"], 
.wc-shortcodes-rsvp textarea, 
.wc-shortcodes-rsvp select {
width: 100%;
}
.wc-shortcodes-rsvp-align-center {
text-align: center;
}
.wc-shortcodes-rsvp-align-right {
text-align: right;
}
.rsvp-button-align-center .rsvp-button-wrapper {
text-align: center;
}
.rsvp-button-align-center .wc-shortcodes-box {
text-align: center;
}
.rsvp-button-align-right .rsvp-button-wrapper {
text-align: right;
}
.rsvp-button-align-right .wc-shortcodes-box {
text-align: right;
}
.rsvp-button-align-left .rsvp-button-wrapper {
text-align: left;
}
.rsvp-button-align-left .wc-shortcodes-box {
text-align: left;
}
.wc-shortcodes-rsvp .wc-shortcodes-box {
padding-top: 5px;
padding-bottom: 5px;
display: none;
}
.wc-shortcodes-rsvp .rsvp-button {
display: inline-block;
} .wc-shortcodes-posts-wrapper {
overflow-x: hidden;
}
.wc-shortcodes-post-content {
padding: 0 20px;
}
.wc-shortcodes-post-content > *:last-child {
margin-bottom: 20px;
}
.wc-shortcodes-post-border {
border: 1px solid #dddddd;
}
.wc-shortcodes-entry-thumbnail {
margin: 0;
text-align: center;
}
.wc-shortcodes-entry-title {
margin-top: 20px;
margin-bottom: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.wc-shortcodes-entry-meta {
margin-top: 20px;
margin-bottom: 0;
}
.wc-shortcodes-entry-meta-inner { }
.wc-shortcodes-entry-summary {
margin-top: 20px;
margin-bottom: 0;
}
.wc-shortcodes-read-more {
margin-top: 20px;
margin-bottom: 0;
text-align: center;
}
.wc-shortcodes-entry-quote blockquote {
margin-top: 0;
padding: 10px 20px;
}
.wc-shortcodes-footer-entry-meta {
margin-top: 20px;
margin-bottom: 0;
font-size: 80%;
}
.wc-shortcodes-posts {
position: relative;
overflow: hidden;
}
.wc-shortcodes-post-box {
background-color: #ffffff;
margin-bottom: 20px;
padding: 0;
}
.wc-shortcodes-post-box .wc-shortcodes-entry-video > p,
.wc-shortcodes-post-box .twitter-tweet,
.wc-shortcodes-post-box .mejs-container {
margin-top: 0 !important;
}
.wc-shortcodes-posts-layout-masonry {
height: 0;
}
.wc-shortcodes-posts-layout-masonry .wc-shortcodes-post-box {
}
.wc-shortcodes-sep {
padding-left: 5px;
padding-right: 5px;
}
.wc-shortcodes-sep,
.wc-shortcodes-author,
.wc-shortcodes-date {
float: left;
} .wc-shortcodes-posts.wc-shortcodes-posts-no-masonry {
visibility: visible;
} .wc-shortcodes-comments-link {
float: right;
}
.wc-shortcodes-comments-link a {
position: relative;
margin-left: 3px;
padding: 2px 7px;
background-color: #eeeeee;
color: #999999;
line-height: 1;
}
.wc-shortcodes-comments-link a:after {
content: "";
position: absolute;
left: 40%;
bottom: -8px;
width: 0px;
height: 0px;
border-bottom: 8px solid rgba(255,255,255,0);
border-left: 8px solid #eeeeee;
font-size: 0px;
line-height: 0px;
}
.wc-shortcodes-comments-link a,
.wc-shortcodes-comments-link a:hover,
.wc-shortcodes-comments-link a:visited,
.wc-shortcodes-comments-link a:active,
.wc-shortcodes-comments-link a:focus {
color: #999999;
text-decoration: none;
} .wc-shortcodes-filtering {
margin-bottom: 20px;
}
.wc-shortcodes-filtering .tag-divider {
display: inline-block;
padding: 0 7px;
} .wc-shortcodes-post-box.format-gallery .rslides-wrapper {
position: relative;
background-color: #000000;
}
.wc-shortcodes-post-box.format-gallery .rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.wc-shortcodes-post-box.format-gallery .rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
text-align: center;
}
.wc-shortcodes-post-box.format-gallery .rslides li:first-child {
position: relative;
display: block;
float: left;
}
.wc-shortcodes-post-box.format-gallery .rslides img {
display: inline-block;
height: auto;  border: 0;
}
.wc-shortcodes-post-box.format-gallery .rslides_nav {
position: absolute;
top: 50%;
margin-top: -18px;
width: 36px;
height:36px;
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0,0,0,.2);
z-index: 2;
}
.wc-shortcodes-post-box.format-gallery .rslides_nav.prev {
left: 0;
background-image: url(//teamslash.jp/wp-content/plugins/wc-shortcodes/public/assets/img/slide-arrow-left.png);
}
.wc-shortcodes-post-box.format-gallery .rslides_nav.next {
right: 0;
background-image: url(//teamslash.jp/wp-content/plugins/wc-shortcodes/public/assets/img/slide-arrow-right.png);
} .wc-shortcodes-posts-template-borderless .wc-shortcodes-post-border {
border: none;
border-bottom: 1px solid #dddddd;
padding-bottom: 20px;
}
.wc-shortcodes-posts-template-borderless .wc-shortcodes-post-border > *:first-child {
margin-top: 0;
}
.wc-shortcodes-posts-template-borderless .wc-shortcodes-post-border > *:last-child {
margin-bottom: 0;
}
.wc-shortcodes-posts-gutter-space-0 .wc-shortcodes-post-box { margin-bottom: 0px; }
.wc-shortcodes-posts-gutter-space-1 .wc-shortcodes-post-box { margin-bottom: 1px; }
.wc-shortcodes-posts-gutter-space-2 .wc-shortcodes-post-box { margin-bottom: 2px; }
.wc-shortcodes-posts-gutter-space-3 .wc-shortcodes-post-box { margin-bottom: 3px; }
.wc-shortcodes-posts-gutter-space-4 .wc-shortcodes-post-box { margin-bottom: 4px; }
.wc-shortcodes-posts-gutter-space-5 .wc-shortcodes-post-box { margin-bottom: 5px; }
.wc-shortcodes-posts-gutter-space-6 .wc-shortcodes-post-box { margin-bottom: 6px; }
.wc-shortcodes-posts-gutter-space-7 .wc-shortcodes-post-box { margin-bottom: 7px; }
.wc-shortcodes-posts-gutter-space-8 .wc-shortcodes-post-box { margin-bottom: 8px; }
.wc-shortcodes-posts-gutter-space-9 .wc-shortcodes-post-box { margin-bottom: 9px; }
.wc-shortcodes-posts-gutter-space-10 .wc-shortcodes-post-box { margin-bottom: 10px; }
.wc-shortcodes-posts-gutter-space-11 .wc-shortcodes-post-box { margin-bottom: 11px; }
.wc-shortcodes-posts-gutter-space-12 .wc-shortcodes-post-box { margin-bottom: 12px; }
.wc-shortcodes-posts-gutter-space-13 .wc-shortcodes-post-box { margin-bottom: 13px; }
.wc-shortcodes-posts-gutter-space-14 .wc-shortcodes-post-box { margin-bottom: 14px; }
.wc-shortcodes-posts-gutter-space-15 .wc-shortcodes-post-box { margin-bottom: 15px; }
.wc-shortcodes-posts-gutter-space-16 .wc-shortcodes-post-box { margin-bottom: 16px; }
.wc-shortcodes-posts-gutter-space-17 .wc-shortcodes-post-box { margin-bottom: 17px; }
.wc-shortcodes-posts-gutter-space-18 .wc-shortcodes-post-box { margin-bottom: 18px; }
.wc-shortcodes-posts-gutter-space-19 .wc-shortcodes-post-box { margin-bottom: 19px; }
.wc-shortcodes-posts-gutter-space-20 .wc-shortcodes-post-box { margin-bottom: 20px; }
.wc-shortcodes-posts-gutter-space-21 .wc-shortcodes-post-box { margin-bottom: 21px; }
.wc-shortcodes-posts-gutter-space-22 .wc-shortcodes-post-box { margin-bottom: 22px; }
.wc-shortcodes-posts-gutter-space-23 .wc-shortcodes-post-box { margin-bottom: 23px; }
.wc-shortcodes-posts-gutter-space-24 .wc-shortcodes-post-box { margin-bottom: 24px; }
.wc-shortcodes-posts-gutter-space-25 .wc-shortcodes-post-box { margin-bottom: 25px; }
.wc-shortcodes-posts-gutter-space-26 .wc-shortcodes-post-box { margin-bottom: 26px; }
.wc-shortcodes-posts-gutter-space-27 .wc-shortcodes-post-box { margin-bottom: 27px; }
.wc-shortcodes-posts-gutter-space-28 .wc-shortcodes-post-box { margin-bottom: 28px; }
.wc-shortcodes-posts-gutter-space-29 .wc-shortcodes-post-box { margin-bottom: 29px; }
.wc-shortcodes-posts-gutter-space-30 .wc-shortcodes-post-box { margin-bottom: 30px; }
.wc-shortcodes-posts-gutter-space-31 .wc-shortcodes-post-box { margin-bottom: 31px; }
.wc-shortcodes-posts-gutter-space-32 .wc-shortcodes-post-box { margin-bottom: 32px; }
.wc-shortcodes-posts-gutter-space-33 .wc-shortcodes-post-box { margin-bottom: 33px; }
.wc-shortcodes-posts-gutter-space-34 .wc-shortcodes-post-box { margin-bottom: 34px; }
.wc-shortcodes-posts-gutter-space-35 .wc-shortcodes-post-box { margin-bottom: 35px; }
.wc-shortcodes-posts-gutter-space-36 .wc-shortcodes-post-box { margin-bottom: 36px; }
.wc-shortcodes-posts-gutter-space-37 .wc-shortcodes-post-box { margin-bottom: 37px; }
.wc-shortcodes-posts-gutter-space-38 .wc-shortcodes-post-box { margin-bottom: 38px; }
.wc-shortcodes-posts-gutter-space-39 .wc-shortcodes-post-box { margin-bottom: 39px; }
.wc-shortcodes-posts-gutter-space-40 .wc-shortcodes-post-box { margin-bottom: 40px; }
.wc-shortcodes-posts-gutter-space-41 .wc-shortcodes-post-box { margin-bottom: 41px; }
.wc-shortcodes-posts-gutter-space-42 .wc-shortcodes-post-box { margin-bottom: 42px; }
.wc-shortcodes-posts-gutter-space-43 .wc-shortcodes-post-box { margin-bottom: 43px; }
.wc-shortcodes-posts-gutter-space-44 .wc-shortcodes-post-box { margin-bottom: 44px; }
.wc-shortcodes-posts-gutter-space-45 .wc-shortcodes-post-box { margin-bottom: 45px; }
.wc-shortcodes-posts-gutter-space-46 .wc-shortcodes-post-box { margin-bottom: 46px; }
.wc-shortcodes-posts-gutter-space-47 .wc-shortcodes-post-box { margin-bottom: 47px; }
.wc-shortcodes-posts-gutter-space-48 .wc-shortcodes-post-box { margin-bottom: 48px; }
.wc-shortcodes-posts-gutter-space-49 .wc-shortcodes-post-box { margin-bottom: 49px; }
.wc-shortcodes-posts-gutter-space-50 .wc-shortcodes-post-box { margin-bottom: 50px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-0 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 0px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-1 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 1px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-2 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 2px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-3 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 3px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-4 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 4px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-5 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 5px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-6 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 6px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-7 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 7px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-8 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 8px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-9 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 9px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-10 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 10px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-11 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 11px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-12 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 12px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-13 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 13px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-14 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 14px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-15 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 15px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-16 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 16px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-17 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 17px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-18 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 18px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-19 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 19px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-20 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 20px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-21 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 21px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-22 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 22px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-23 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 23px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-24 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 24px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-25 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 25px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-26 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 26px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-27 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 27px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-28 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 28px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-29 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 29px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-30 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 30px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-31 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 31px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-32 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 32px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-33 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 33px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-34 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 34px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-35 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 35px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-36 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 36px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-37 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 37px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-38 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 38px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-39 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 39px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-40 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 40px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-41 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 41px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-42 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 42px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-43 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 43px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-44 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 44px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-45 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 45px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-46 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 46px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-47 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 47px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-48 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 48px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-49 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 49px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-50 .wc-shortcodes-post-box .wc-shortcodes-post-border { margin-right: 50px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-0 { margin-right: 0px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-1 { margin-right: -1px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-2 { margin-right: -2px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-3 { margin-right: -3px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-4 { margin-right: -4px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-5 { margin-right: -5px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-6 { margin-right: -6px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-7 { margin-right: -7px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-8 { margin-right: -8px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-9 { margin-right: -9px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-10 { margin-right: -10px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-11 { margin-right: -11px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-12 { margin-right: -12px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-13 { margin-right: -13px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-14 { margin-right: -14px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-15 { margin-right: -15px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-16 { margin-right: -16px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-17 { margin-right: -17px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-18 { margin-right: -18px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-19 { margin-right: -19px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-20 { margin-right: -20px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-21 { margin-right: -21px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-22 { margin-right: -22px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-23 { margin-right: -23px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-24 { margin-right: -24px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-25 { margin-right: -25px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-26 { margin-right: -26px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-27 { margin-right: -27px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-28 { margin-right: -28px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-29 { margin-right: -29px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-30 { margin-right: -30px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-31 { margin-right: -31px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-32 { margin-right: -32px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-33 { margin-right: -33px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-34 { margin-right: -34px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-35 { margin-right: -35px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-36 { margin-right: -36px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-37 { margin-right: -37px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-38 { margin-right: -38px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-39 { margin-right: -39px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-40 { margin-right: -40px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-41 { margin-right: -41px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-42 { margin-right: -42px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-43 { margin-right: -43px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-44 { margin-right: -44px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-45 { margin-right: -45px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-46 { margin-right: -46px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-47 { margin-right: -47px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-48 { margin-right: -48px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-49 { margin-right: -49px; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-50 { margin-right: -50px; }
.wc-shortcodes-posts-layout-grid .wc-shortcodes-post-box { float: left; }
.wc-shortcodes-posts.wc-shortcodes-posts-layout-grid .wc-shortcodes-post-box { margin-bottom: 50px; }
.wc-shortcodes-posts-template-borderless .wc-shortcodes-post-box .wc-shortcodes-post-border { padding-bottom: 20px; }
@media (min-width: 991px) {
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-2 .wc-shortcodes-post-box { width: 50%; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-3 .wc-shortcodes-post-box { width: 33.33%; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-4 .wc-shortcodes-post-box { width: 25%; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-5 .wc-shortcodes-post-box { width: 20%; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-6 .wc-shortcodes-post-box { width: 16.66%; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-7 .wc-shortcodes-post-box { width: 14.28%; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-8 .wc-shortcodes-post-box { width: 12.5%; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-9 .wc-shortcodes-post-box { width: 11.11%; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-2 .wc-shortcodes-post-box:nth-child(2n+3) { clear: left; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-3 .wc-shortcodes-post-box:nth-child(3n+4) { clear: left; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-4 .wc-shortcodes-post-box:nth-child(4n+5) { clear: left; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-5 .wc-shortcodes-post-box:nth-child(5n+6) { clear: left; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-6 .wc-shortcodes-post-box:nth-child(6n+7) { clear: left; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-7 .wc-shortcodes-post-box:nth-child(7n+8) { clear: left; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-8 .wc-shortcodes-post-box:nth-child(8n+9) { clear: left; }
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-9 .wc-shortcodes-post-box:nth-child(9n+10) { clear: left; }
}
@media (max-width: 990px) {
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-2 .wc-shortcodes-post-box { width: 50%; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-3 .wc-shortcodes-post-box { width: 50%; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-4 .wc-shortcodes-post-box { width: 33.33%; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-5 .wc-shortcodes-post-box { width: 25%; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-6 .wc-shortcodes-post-box { width: 20%; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-7 .wc-shortcodes-post-box { width: 16.66%; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-8 .wc-shortcodes-post-box { width: 14.28%; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-9 .wc-shortcodes-post-box { width: 12.5%; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-2 .wc-shortcodes-post-box:nth-child(2n+3) { clear: left; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-3 .wc-shortcodes-post-box:nth-child(2n+3) { clear: left; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-4 .wc-shortcodes-post-box:nth-child(3n+4) { clear: left; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-5 .wc-shortcodes-post-box:nth-child(4n+5) { clear: left; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-6 .wc-shortcodes-post-box:nth-child(5n+6) { clear: left; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-7 .wc-shortcodes-post-box:nth-child(6n+7) { clear: left; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-8 .wc-shortcodes-post-box:nth-child(7n+8) { clear: left; }
body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-9 .wc-shortcodes-post-box:nth-child(8n+9) { clear: left; }
}
@media (max-width: 767px) {
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-2 .wc-shortcodes-post-box { width: 50%; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-3 .wc-shortcodes-post-box { width: 50%; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-4 .wc-shortcodes-post-box { width: 50%; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-5 .wc-shortcodes-post-box { width: 33.33%; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-6 .wc-shortcodes-post-box { width: 25%; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-7 .wc-shortcodes-post-box { width: 20%; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-8 .wc-shortcodes-post-box { width: 16.66%; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-9 .wc-shortcodes-post-box { width: 14.28%; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-2 .wc-shortcodes-post-box:nth-child(2n+3) { clear: left; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-3 .wc-shortcodes-post-box:nth-child(2n+3) { clear: left; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-4 .wc-shortcodes-post-box:nth-child(2n+3) { clear: left; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-5 .wc-shortcodes-post-box:nth-child(3n+4) { clear: left; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-6 .wc-shortcodes-post-box:nth-child(4n+5) { clear: left; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-7 .wc-shortcodes-post-box:nth-child(5n+6) { clear: left; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-8 .wc-shortcodes-post-box:nth-child(6n+7) { clear: left; }
html body .wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-9 .wc-shortcodes-post-box:nth-child(7n+8) { clear: left; }
}
@media (max-width: 567px) {
html body div.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-2 .wc-shortcodes-post-box,
html body div.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-3 .wc-shortcodes-post-box,
html body div.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-4 .wc-shortcodes-post-box,
html body div.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-5 .wc-shortcodes-post-box,
html body div.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-6 .wc-shortcodes-post-box,
html body div.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-7 .wc-shortcodes-post-box,
html body div.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-8 .wc-shortcodes-post-box,
html body div.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-col-9 .wc-shortcodes-post-box {
width: 100%;
}
html body div.wc-shortcodes-posts.wc-shortcodes-posts-layout-grid .wc-shortcodes-post-box .wc-shortcodes-post-border,
html body div.wc-shortcodes-posts.wc-shortcodes-posts-layout-grid {
margin-right: 0;
}
} .wc-shortcodes-post-slider-wrapper {
height: 0;
overflow: hidden;
position: relative;
}
.wc-shortcodes-post-slider-wrapper .bx-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.wc-shortcodes-post-slide {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #cccccc;
margin: 0 !important;
}
.wc-shortcodes-post-slide-border {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
}
.wc-shortcodes-post-slide-content {
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
border-width: 0;
padding: 1.5em;
}
.wc-shortcodes-post-slide-content .wc-shortcodes-entry-title {
margin-top: 0;
margin-bottom: 0;
}
.wc-shortcodes-post-slide-content .wc-shortcodes-entry-header {
margin-top: 1.5em;
margin-bottom: 1.5em;
} .wc-shortcodes-posts-template-slider1 * {
color: #ffffff !important;
border-color: #ffffff !important;
}
.wc-shortcodes-posts-template-slider1 .wc-shortcodes-read-more > a {
background-color: transparent !important;
}
.wc-shortcodes-posts-template-slider1 .wc-shortcodes-post-slide-button {
padding: 0.625em 0.8125em;
border-width: 2px;
border-style: solid;
text-decoration: none;
display: inline-block;
}  .wc-shortcodes-posts-template-slider2 .wc-shortcodes-post-slide-content-inner {
position: relative;
background-color: #ffffff;
} .wc-shortcodes-post-slide-content-inner {
max-width: 600px;
margin-left: auto;
margin-right: auto;
padding: 1.5em; }
.wc-shortcodes-post-slide-content-inner > *:first-child {
margin-top: 0 !important;
}
.wc-shortcodes-post-slide-content-inner > *:last-child {
margin-bottom: 0 !important;
} .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -30px;
outline: 0;
line-height: 1;
padding: 0 10px;
font-size: 50px;
z-index: 9999;
border: 0px solid #ffffff;
border-radius: 0;
text-align:center;
opacity: 0;
color: #ffffff;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.bx-wrapper .bx-prev {
left: 10px;
left: 0.625rem;
}
.bx-wrapper .bx-prev i {
padding-right: 2px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
}
.bx-wrapper .bx-next {
right: 10px;
right: 0.625rem;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
}
.bx-wrapper:hover .bx-controls-direction a {
opacity: 1;
} .wc-shortcodes-post-slider .wc-shortcodes-read-more {
display: block;
margin-top: 20px;
}
.wc-shortcodes-post-slide-button:hover {
text-decoration: none;
}
.wc-shortcodes-cat-posted-text {
display: none;
}
.wc-shortcodes-post-slider .wc-shortcodes-post-slide a {
text-decoration: none;
box-shadow: none;
}
@media (max-width: 990px) {
.wc-shortcodes-post-slide-content-inner {
max-width: 80%;
}
}
@media (max-width: 767px) {
.wc-shortcodes-post-slider-wrapper .wc-shortcodes-post-slide-content-inner {
max-width: none;
}
.wc-shortcodes-post-slider-wrapper .wc-shortcodes-entry-summary {
display: none;
}
.wc-shortcodes-post-slide-content .wc-shortcodes-entry-header {
margin-bottom: 0;
}
} .wc-shortcodes-collage-wrapper {
overflow: hidden;
}
.wc-shortcodes-collage.wc-shortcodes-collage-template-collage1 {
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column {
width: 50%;
float: left;
height: 100%;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-inner {
height: 100%;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-inner,
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-panel {
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-panel,
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-panel-background {
margin: 0;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-has-link {
cursor: pointer;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-panel-background {
height: 100%;
display: block;
position: relative;
background-size: cover;
background-position: center center;
}
.wc-shortcodes-collage-template-collage1 .post-edit-link {
position: absolute;
bottom: 10px;
right: 10px;
} .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content > *:first-child {
margin-top: 0;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content > *:last-child {
margin-bottom: 0;
} .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-1 .wc-shortcodes-collage-panel-5 {
height: 60%;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-1 .wc-shortcodes-collage-panel-4 {
height: 40%;
} .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-2 .wc-shortcodes-collage-panel-3 {
height: 40%;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-2 .wc-shortcodes-collage-panel-wrapper {
height: 60%;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-2 .wc-shortcodes-collage-panel-inner {
height: 100%;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-2 .wc-shortcodes-collage-panel-1 {
width: 50%;
height: 100%;
float: left;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-2 .wc-shortcodes-collage-panel-2 {
width: 50%;
height: 100%;
float: left;
} .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-panel-content {
position: relative;
text-align: center;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-panel-content-inner {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 567px) {
body #wc-shortcodes-collage.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column {
height: auto;
}
body .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-2 .wc-shortcodes-collage-panel {
width: 100%;
}
body .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-2 .wc-shortcodes-collage-panel,
body .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-2 .wc-shortcodes-collage-panel-wrapper {
height: auto;
float: left;
width: 100%;
}
body #wc-shortcodes-collage.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-panel-inner,
body #wc-shortcodes-collage.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-inner {
padding-right: 0;
}
body .wc-shortcodes-collage.wc-shortcodes-collage-template-collage1,
body .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-panel-wrapper {
margin-right: 0;
}
body .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-2,
body .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-panel-wrapper,
body .wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-column-2 .wc-shortcodes-collage-panel-1 {
padding-top: 0;
}
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-slider-wrapper {
height: 0;
overflow: hidden;
position: relative;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-slider-wrapper .bx-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-slider-wrapper .wc-shortcodes-collage-slider,
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-slider-wrapper .bx-wrapper {
height: 100%;
}
.wc-shortcodes-collage-slider-enabled .wc-shortcodes-collage-panel-5 {
position: relative;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content-style h1,
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content-style h2,
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content-style h3,
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content-style h4,
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content-style h5,
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content-style h6,
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content-style p {
color: inherit;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content-style .wc-shortcodes-collage-button:hover,
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-content-style .wc-shortcodes-collage-button {
border-color: inherit;
color: inherit;
}
.wc-shortcodes-collage-template-collage1 .wc-shortcodes-collage-button {
padding: 0.625em 1.25em;
border-width: 2px;
border-style: solid;
border-color: inherit;
text-decoration: none;
display: inline-block;
}
.wc-shortcodes-collage-button:hover {
text-decoration: none;
} .wc-shortcodes-entry-summary > *:first-child,
.wc-shortcodes-content > *:first-child {
margin-top: 0 !important;
}
.wc-shortcodes-entry-summary > *:last-child,
.wc-shortcodes-content > *:last-child {
margin-bottom: 0 !important;
}
.wc-shortcodes-item {
margin-top: 1.5em;
margin-bottom: 1.5em;
} .wc-shortcodes-image-wrapper {
position: relative;
}
.wc-shortcodes-image-anchor {
}
.wc-shortcodes-image {
}
.wc-shortcodes-image-flag-bg {
position: absolute;
padding: 5px 10px;
background-color: #56ab00;
color: #ffffff;
}
.wc-shortcodes-image-wrapper.alignnone,
.wc-shortcodes-image-wrapper.aligncenter {
margin-bottom: 20px;
} .wc-shortcodes-full-width {
visibility: hidden;
}
.wc-shortcodes-full-width-inner {
margin: 0 auto;
}
.wc-shortcodes-full-width-has-border-color {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.wc-shortcodes-full-width-style-frame {
padding-top: 10px;
padding-bottom: 10px;
background-color: #ffffff;
} .wc-shortcodes-loading::after {
content: " ";
background: url(//teamslash.jp/wp-content/plugins/wc-shortcodes/public/assets/img/ring-alt.svg);
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #f7f7f7;
visibility: visible;
} .wc-shortcodes-image-links-wrapper {
overflow: hidden;
}
.wc-shortcodes-image-links-wrapper-inner {
margin-right: -2em;
display: block;
}
.wc-shortcodes-image-link {
display: block;
float: left;
}
.wc-shortcodes-image-link-columns-1 .wc-shortcodes-image-link {
width: 100%;
}
.wc-shortcodes-image-link-columns-2 .wc-shortcodes-image-link {
width: 50%;
}
.wc-shortcodes-image-link-columns-3 .wc-shortcodes-image-link {
width: 33.333333%;
}
.wc-shortcodes-image-link-columns-4 .wc-shortcodes-image-link {
width: 25%;
}
#wc-shortcodes-image-links.wc-shortcodes-image-link-style-format-column .wc-shortcodes-image-link {
width: 100%;
}
#wc-shortcodes-image-links.wc-shortcodes-image-link-style-format-column .wc-shortcodes-image-link-background-wrapper {
margin-bottom: 2em;
}
#wc-shortcodes-image-links.wc-shortcodes-image-link-style-format-column .wc-shortcodes-image-link:last-child .wc-shortcodes-image-link-background-wrapper {
margin-bottom: 0;
}
.wc-shortcodes-image-link-background-wrapper {
margin-right: 2em;
}
.wc-shortcodes-image-link-background {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.wc-shortcodes-image-link-text {
text-align: center;
display: block;
width: 100%;
position: absolute;
top: 0;
}
.wc-shortcodes-image-link-text-position-center .wc-shortcodes-image-link-text {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.wc-shortcodes-image-link-text-position-bottom .wc-shortcodes-image-link-text {
top: auto;
bottom: 0;
}
.wc-shortcodes-image-link-text-position-under .wc-shortcodes-image-link-text {
top: auto;
bottom: auto;
position: relative;
}
.wc-shortcodes-image-link-text-position-under .wc-shortcodes-image-link-text .wc-shortcodes-image-links-heading {
}
#wc-shortcodes-image-links .wc-shortcodes-image-links-heading {
margin: 0;
padding: 0.7em 1em;
display: inline-block;
background-color: #ffffff;
color: #000000;
}
@media (max-width: 767px) {
#wc-shortcodes-image-links .wc-shortcodes-image-link {
width: 100%;
}
#wc-shortcodes-image-links .wc-shortcodes-image-link-background-wrapper {
margin-right: 0;
margin-bottom: 2em;
}
#wc-shortcodes-image-links .wc-shortcodes-image-links-wrapper-inner {
margin-right: 0;
}
} .wc-shortcodes-featured-posts-content-inner {
overflow: hidden;
}
.wc-shortcodes-featured-posts-content {
margin-bottom: 2.3em;
}
.wc-shortcodes-featured-posts-content:last-child {
margin-bottom: 0;
}
.wc-shortcodes-featured-posts-layout-thumbnail .wcs-fp-post-thumbnail {
width: 100px;
height: 100px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
float: left;
}
.wc-shortcodes-featured-posts-layout-thumbnail .wcs-fp-post-content.wcs-fp-has-post-thumbnail {
padding-left: 1em;
overflow: hidden;
}
.wc-shortcodes-featured-posts .wcs-fp-title {
clear: none;
}
#wc-shortcodes-featured-posts #wc-shortcodes-featured-posts-inner .wcs-fp-title {
margin-top: 0;
margin-bottom: 0;
}
#wc-shortcodes-featured-posts #wc-shortcodes-featured-posts-inner .wc-shortcodes-entry-category {
margin-top: 0;
margin-bottom: 0.4em;
}
#wc-shortcodes-featured-posts .wc-shortcodes-featured-posts-layout-showcase .wcs-fp-post-thumbnail {
margin-bottom: 0.4em;
}
.wc-shortcodes-featured-posts-layout-showcase .wcs-fp-post-content {
text-align: center;
}
.wc-shortcodes-featured-posts-layout-showcase .wcs-fp-post-thumbnail {
width: 100%;
padding-bottom: 100%;
height: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.wc-shortcodes-featured-posts-layout-showcase .wcs-fp-post-thumbnail-wrapper {
max-width: 400px;
margin: 0 auto;
} .wc-shortcodes-call-to-action-wrapper-inner {
display: table;
width: 100%;
}
.wc-shortcodes-call-to-action-wrapper .wcs-call-to-action-container {
display: table-cell;
vertical-align: middle;
}
.wc-shortcodes-call-to-action-wrapper .wcs-call-to-action-image-inner2 {
display: inline-block;
}
.wc-shortcodes-call-to-action-image-position-left .wcs-call-to-action-image-inner {
text-align: left;
}
.wc-shortcodes-call-to-action-image-position-center .wcs-call-to-action-image-inner {
text-align: center;
}
.wc-shortcodes-call-to-action-image-position-right .wcs-call-to-action-image-inner {
text-align: right;
}
.wc-shortcodes-call-to-action-text-position-left .wcs-call-to-action-content-wrapper {
float: left;
}
.wc-shortcodes-call-to-action-text-position-center .wcs-call-to-action-content-wrapper {
margin-left: auto;
margin-right: auto;
}
.wc-shortcodes-call-to-action-text-position-right .wcs-call-to-action-content-wrapper {
float: right;
}
.wcs-call-to-action-content-wrapper *:first-child {
margin-top: 0;
}
.wcs-call-to-action-content-wrapper *:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
#wc-shortcodes-call-to-action.wc-shortcodes-call-to-action-side-padding.wc-shortcodes-call-to-action-wrapper .wc-shortcodes-call-to-action-wrapper-inner {
padding: 0 20px !important;
}
#wc-shortcodes-call-to-action.wc-shortcodes-call-to-action-wrapper .wc-shortcodes-call-to-action-wrapper-inner,
#wc-shortcodes-call-to-action.wc-shortcodes-call-to-action-wrapper .wcs-call-to-action-container {
width: 100% !important;
display: block;
}
#wc-shortcodes-call-to-action.wc-shortcodes-call-to-action-wrapper .wcs-call-to-action-container:first-child {
margin-bottom: 3em;
}
#wc-shortcodes-call-to-action.wc-shortcodes-call-to-action-wrapper .wcs-call-to-action-text-inner,
#wc-shortcodes-call-to-action.wc-shortcodes-call-to-action-wrapper .wcs-call-to-action-image-inner {
margin: 0 !important;
}
#wc-shortcodes-call-to-action.wc-shortcodes-call-to-action-text-position-right .wcs-call-to-action-content-wrapper {
float: none;
margin: 0 auto;
}
#wc-shortcodes-call-to-action.wc-shortcodes-call-to-action-wrapper .wcs-call-to-action-container .wcs-call-to-action-image-inner {
text-align: center;
}
}
   @import url("https://fonts.googleapis.com/css2?family=Zen+Antique+Soft&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Train+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy&display=swap");
html {
font-size: 62.5%;
}
body {
font-size: 1.6rem;
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 400;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
letter-spacing: 1px;
height: 100%;
overflow: visible;
}
body.mobile {
overflow-x: hidden;
}
b, strong, .bold {
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
img {
vertical-align: bottom;
}
#wrapper {
padding: 0;
width: 100%;
overflow: visible;
padding-top: 105px;
}
.post img {
border: none !important;
padding: 0;
margin: 0 !important;
vertical-align: bottom;
}
.home #content, .archive #content, .single #content, #content.wide {
padding: 0;
width: 100%;
}
.post {
margin-bottom: 0;
padding: 0;
}
.post p {
padding: 0;
}
.post h2 span {
padding: 0;
}
.post h2:after {
content: none;
}
body.error404 .wide {
width: 90%;
margin: 0 auto;
text-align: center;
padding: 70px 0 0 0 !important;
}
#breadcrumb ul li span span {
display: none;
}
.post .linkBtn .ajax-loader {
display: none;
}
body.home #wrapper #content {
float: none;
}
ul.postlist {
margin: 0;
text-align: left;
}
ul.postlist li {
margin: 0;
padding: 0;
}
ul.postlist .post_text {
width: 100%;
margin: 0;
}
ul.post4b {
margin: 0;
padding: 0;
background: none;
}
.post4b li {
margin: 0;
padding: 0;
border-bottom: none !important;
}
.post4b img {
max-width: 100%;
}
body.home h2 {
background: transparent;
margin: 0;
padding: 0;
color: #fff;
}
i.fa-brands {
font-style: normal;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pc_none {
display: none;
}
a#scrollUp {
z-index: 5 !important;
} #header {
position: fixed;
width: 100%;
z-index: 100;
}
#header .inner {
width: 100%;
}  #hbNav {
position: relative;
}
.menu-trigger, .menu-trigger span {
display: inline-block;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10;
}
.menu-trigger {
position: absolute;
width: 65px;
height: 14px;
top: 50%;
right: 0;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 20;
}
.menu-trigger p.menutr {
position: absolute;
bottom: -82%;
font-size: 80%;
color: #f8d4da;
z-index: 3;
}
#menu-trigger.active p.menutr {
display: none;
}
.menu-trigger span {
position: absolute;
width: 100%;
height: 2px;
background-color: #000000;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
bottom: 0;
} .menu-trigger-fix, .menu-trigger-fix span {
display: inline-block;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 13;
}
.menu-trigger-fix {
position: fixed;
width: 30px;
height: 27px;
left: 83%;
top: 65px;
}
.menu-trigger-fix span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #111;
border-radius: 0px;
}
.menu-trigger-fix span:nth-of-type(1) {
top: 0;
}
.menu-trigger-fix span:nth-of-type(2) {
bottom: 0;
} #menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(5px) rotate(-45deg);
-ms-transform: translateY(5px) rotate(-45deg);
transform: translateY(5px) rotate(-45deg);
background-color: #fff;
}
#menu-trigger.active span:nth-of-type(2) {
background: #fff;
-webkit-transform: translateY(-5px) rotate(45deg);
-ms-transform: translateY(-5px) rotate(45deg);
transform: translateY(-5px) rotate(45deg);
} #all {
position: relative;
width: 100%;
height: 100%;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
z-index: 2;
} .overlay {
content: '';
visibility: hidden;
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
z-index: 5;
}
.overlay::after {
content: "";
visibility: hidden;
position: fixed;
top: 40%;
left: 0;
display: block;
width: 100%;
height: 50px;
color: rgba(255, 255, 255, 0);
font-size: 40px;
font-weight: bold;
text-align: center;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.side-open .overlay {
visibility: visible;
cursor: pointer;
background: rgba(0, 0, 0, .7);
}
.side-open .overlay::after {
visibility: visible;
color: rgba(255, 255, 255, .8);
} #right-panel {
width: 100%;
height: 100vh;
right: 0;
background: url(//teamslash.jp/wp-content/uploads/bg_black.png) center repeat;
background-size: 128px;
padding: 0;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
z-index: 10;
top: 0;
text-align: left;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
opacity: 0;
}
.hbMenuttl {
color: #fff;
font-family: 'Spartan';
font-size: calc(3.5rem + (1vw - 1.92rem) * 0.6472); font-weight: 700;
margin-bottom: 25px;
}
.hbmenuWrap dl dt a, .hbmenuWrap dl dd a {
color: #fff;
}
.hbMenuBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #3e3e3e;
gap: 40px;
}
.hbmenu_inner .hbmenuWrap:last-of-type {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hbmenuWrap dl dt {
margin-bottom: 20px;
}
.hbMenuBox dl dt {
display: inline-block;
font-family: 'Spartan';
font-size: calc(2rem + (1vw - 1.92rem) * 0.1294); font-weight: 600;
color: #fff;
position: relative;
border-bottom: 2px solid;
padding-bottom: 2px;
}
.hbmenuWrap dl dd {
font-size: 1.4rem;
font-weight: bold;
position: relative;
margin-bottom: 10px;
color: #fff;
}
.hbmenuWrap dl dd:before {
content: '-';
-webkit-margin-end: 5px;
margin-inline-end: 5px;
color: #fff;
}
.hbmenuWrap.wrap02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
}
.hbmenuWrap.wrap02 dl dt {
margin-bottom: 20px;
}
.hbmenuWrap.wrap02 dl dt a {
font-family: 'Spartan';
font-size: 1.6rem;
font-weight: 700;
color: #fff;
padding-bottom: 2px;
} .side-open #right-panel {
opacity: 1.0;
pointer-events: auto;
padding: 0 10%;
} #header-layout {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px 3.125% 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.headlogo img {
max-height: 65px;
}
nav#gNav {
margin: 0 120px 0 auto;
}
ul.gNav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
}
li.gNav-item a {
font-family: 'Spartan';
font-weight: 500;
font-size: 1.4rem;
}
@media screen and (max-width: 1200px) {
ul.gNav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
li.gNav-item a {
font-size: 1.2rem;
}
.menu-trigger {
width: 50px;
cursor: pointer;
}
#menu-trigger.active span:nth-of-type(2) {
-webkit-transform: translateY(-6px) rotate(45deg);
-ms-transform: translateY(-6px) rotate(45deg);
transform: translateY(-6px) rotate(45deg);
}
}
@media print, screen and (max-width: 1023px) {
ul.gNav-list {
display: none;
}
.hbmenu_inner {
overflow-y: scroll;
max-height: calc( 100vh - 85px - 64px );
}
.mobile #header-layout {
padding: 30px 6% 0;
}
}
@media screen and (max-width: 959px) {
.hbmenu_inner {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.hbMenuBox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.hbmenuWrap.wrap02 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hbmenuWrap.wrap02 dl {
width: calc((100% - 80px) / 3);
}
}
@media screen and (max-width: 750px) {
#header {
text-align: initial;
}
}
@media screen and (max-width: 559px) {
.side-open #right-panel {
padding: 0 8%;
}
.mobile #header-layout {
padding: 20px 6% 0;
}
.menu-trigger {
width: 40px;
height: 10px;
}
.headlogo img {
max-height: 40px;
}
.pc_none {
display: block;
}
#menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(5px) rotate(-45deg);
-ms-transform: translateY(5px) rotate(-45deg);
transform: translateY(5px) rotate(-45deg);
}
#menu-trigger.active span:nth-of-type(2) {
-webkit-transform: translateY(-3px) rotate(45deg);
-ms-transform: translateY(-3px) rotate(45deg);
transform: translateY(-3px) rotate(45deg);
}
.hbmenuWrap dl dt {
margin-bottom: 15px;
}
.hbmenuWrap.wrap01 dl dd {
font-size: 1.3rem;
}
.hbmenuWrap.wrap02 dl dt {
margin-bottom: 15px;
}
.hbmenuWrap.wrap02 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hbmenuWrap.wrap02 dl {
width: calc((100% - 40px) / 2);
}
.hbmenuWrap.wrap02 dl dd {
font-size: 1.1rem;
}
} #keyvisual {
position: relative;
}
.keyvisual_inner {
padding-top: 160px;
}
.kv-read.sonosaki {
position: absolute;
width: 11.66666666666667%;
max-width: 224px;
top: 30vh;
left: -20px;
}
.kv-text {
position: absolute;
right: 7%;
top: 160px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.kv-text p {
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
}
.kv-text p:nth-of-type(1) {
font-size: calc(1.5rem + (1vw - 1.92rem) * 0.1942); font-weight: bold;
letter-spacing: 0.5rem;
line-height: 2.2;
}
.kv-text p:nth-of-type(2) {
font-size: calc(2.3rem + (1vw - 1.92rem) * 0.4531); font-weight: bold;
letter-spacing: 0.5rem;
line-height: 1.9;
margin-right: 15px;
}
.kv-circle_img {
position: relative;
}
.kvface-read01 {
position: absolute;
width: 25.72916666666667%;
max-width: 494px;
left: 11.45833333333333%;
bottom: -5%;
}
.kvface-read02 {
position: absolute;
width: 25.72916666666667%;
max-width: 494px;
right: 11%;
bottom: -5%;
}
.kvface-woman {
position: absolute;
bottom: 0;
left: 50%;
width: 52.08333333333333%;
max-width: 1000px;
-webkit-transform: translate3d(-50%, 1px, 0);
transform: translate3d(-50%, 1px, 0);
text-align: center;
}
.kv-butterfly {
position: absolute;
width: 10%;
max-width: 192px;
left: 25%;
top: 10%;
}
.kv-movie {
position: relative;
z-index: -1;
}
div#n2-ss-2-align {
width: 52.083333%;
max-width: 1000px;
margin: 0px auto;
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
div#n2-ss-5 .n2-ss-slider-2 {
background-color: initial !important;
}
div#n2-ss-5 .n2-style-101dc56f5ae9a4601369d7b41db615b5-heading:Hover, div#n2-ss-5 .n2-style-101dc56f5ae9a4601369d7b41db615b5-heading:ACTIVE, div#n2-ss-5 .n2-style-101dc56f5ae9a4601369d7b41db615b5-heading:FOCUS {
background: initial !important;
} div#n2-ss-5 .n2-ss-slide {
border-radius: 0 !important;
}
.kv-movie_inner {
position: relative;
width: 52.083333vw;
height: 52.083333vw;
max-width: 1000px;
margin: 0px auto;
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.kv-movie_inner video {
position: absolute;
width: auto;
height: 100%;
opacity: 0;
-webkit-animation: change-img-anim 30s infinite;
animation: change-img-anim 30s infinite;
}
.kv_video:nth-of-type(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.kv_video:nth-of-type(2) {
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
.kv_video:nth-of-type(3) {
-webkit-animation-delay: 20s;
animation-delay: 20s;
}
@-webkit-keyframes change-img-anim {
0%{ opacity: 0;}
10%{ opacity: 1;}
90%{ opacity: 1;}
100%{ opacity: 0;}
}
@keyframes change-img-anim {
0%{ opacity: 0;}
10%{ opacity: 1;}
90%{ opacity: 1;}
100%{ opacity: 0;}
}
a.scroll-line {
position: absolute;
right: 3%;
bottom: 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-family: 'Spartan';
font-size: 1rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.2rem;
text-transform: uppercase;
text-decoration: none;
overflow: hidden;
display: inline-block;
padding: 0px 0 110px;
}
a.scroll-line:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 100px;
background: #000;
-webkit-animation: sdl 1.7s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 1.7s cubic-bezier(1, 0, 0, 1) infinite;
}
a.scroll-line:before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 100px;
background: #ccc;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
50% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
50.1% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
50% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
50.1% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@media screen and (max-width: 1300px) {
.kv-text {
right: 3%;
top: 18%;
}
.kv-text p:nth-of-type(1) {
line-height: 1.6;
}
.kv-text p:nth-of-type(2) {
line-height: 1.6;
}
}
@media screen and (max-width: 1024px) {
#keyvisual {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.keyvisual_inner {
padding-top: 0;
} .kv-circle_img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.kvface-woman {
left: 50%;
width: 80vw;
max-width: 2000px;
-webkit-transform: translate3d(-50%, 1px, 0);
transform: translate3d(-50%, 1px, 0);
} .kv-movie_inner {
width: 80vw;
height: 80vw;
max-width: 2000px !important;
margin: 0px auto;
}
.kvface-read01 {
position: absolute;
width: 32%;
max-width: 494px;
left: 24%;
bottom: 5%;
z-index: 1;
}
.kvface-read02 {
position: absolute;
width: 32%;
max-width: 494px;
right: 6%;
bottom: 5%;
z-index: 1;
}
.kv-read.sonosaki {
position: absolute;
width: 20%;
max-width: 224px;
top: auto;
left: auto;
bottom: 22%;
right: 3%;
z-index: 1;
}
.kv-text {
left: 6%;
top: 16%;
right: auto;
}
.kv-butterfly {
left: 8%;
top: 30%;
}
}
@media screen and (max-width: 559px) {
.kv-text {
display: none;
}
.kv-movie_inner {
width: 110vw;
height: 110vw;
}
.kvface-woman {
width: 110vw;
}
.kv-read.sonosaki {
width: 26%;
bottom: 17%;
right: 3%;
}
.kvface-read01 {
width: 40%;
left: 10%;
bottom: 5%;
}
.kvface-read02 {
width: 40%;
right: 6%;
bottom: 5%;
}
a.scroll-line {
display: none;
}
} #footers {
background: #fcfcfc;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 900px;
clear: both;
}
#footers .inners {
max-width: 1600px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
width: 90%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer_top {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom:5vw;
}
.footer_logo {
width: 16.60561660561661%;
max-width: 136px;
}
.footer_logo img {
width: 100%;
}
.foot_navup {
margin-bottom:2.5vw;
}
.foot_navup p.navttl {
font-family: 'Spartan';
font-size: 2.4rem;
font-weight: 700;
margin-bottom: 20px;
}
.foot_navup .navbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
}
.foot_navup dl dt {
display: inline-block;
margin-bottom: 20px;
font-family: 'Spartan';
font-size: 1.6rem;
font-weight: 600;
color: #666;
position: relative;
border-bottom: 2px solid;
padding-bottom: 2px;
}
.foot_st dl dd {
font-size: 1.2rem;
font-weight: bold;
position: relative;
margin-bottom: 8px;
}
.foot_st dl dd:last-of-type {
margin: 0;
}
.foot_st dl dd:before {
content: '-';
-webkit-margin-end: 2px;
margin-inline-end: 2px;
}
.foot_navbot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
margin-bottom: 5vw;
}
.foot_navbot dl dt {
font-family: 'Spartan';
font-weight: 700;
margin-bottom: 15px;
}
.footer_bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.footer_bottom ul {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
.footer_bottom ul li {
font-size: 1rem;
font-family: 'Spartan';
font-weight: 700;
}
.footer_bottom ul li a {
color: #888;
}
ul.foots_sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
ul.foots_sns li {
position: relative;
font-family: 'FontAwesome';
font-size: 2rem;
font-style: normal;
border: 1px solid #000;
border-radius: 50%;
width: 37px;
height: 37px;
}
ul.foots_sns li i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.foots_btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.foots_btns .linkbb {
width: 296px;
height: 65px;
text-align: center;
border-radius: 32.5px;
}
.foots_btns .linkbb a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%;
font-weight: bold;
font-size: 1.8rem;
position: relative;
}
.foots_btns .contbtns {
border: 1px solid #000;
margin-bottom: 15px;
}
.foots_btns .cussupbtns {
background: #45c9ce;
margin-bottom: 20px;
}
.foots_btns .cussupbtns a {
color: #fff;
}
.foots_btns .contbtns a:before {
content: '\f0e0';
font-family: 'Font Awesome 5 Free';
-webkit-margin-end: 5px;
margin-inline-end: 5px;
font-size: 1.9rem;
}
.foots_btns .cussupbtns a:before {
content: '\f590';
font-family: 'Font Awesome 5 Free';
-webkit-margin-end: 8px;
margin-inline-end: 8px;
font-size: 2rem;
}
.foottels p.tels {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 2.8rem;
font-weight: bold;
font-family: 'Spartan';
line-height: 1;
margin-bottom: 4px;
}
.foottels p.tels img {
width: 38px;
height: 25px;
margin-right: 5px;
}
.foottels p.times {
font-size: 1.2rem;
font-weight: bold;
}
p.copylights {
font-family: 'Spartan';
font-size: 1rem;
font-weight: 600;
color: #999;
}
@media screen and (max-width: 1300px) {
.foot_st {
width: 100%;
}
.footer_contact {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer_bottom {
width: 50%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.foottels p.times {
text-align: center;
}
.footer_bottom ul {
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: 4rem;
}
}
@media screen and (max-width: 1200px) {
#footers {
padding: 10vw 0 5vw;
}
}
@media screen and (max-width: 959px) {
#footers {
height: auto;
min-height: initial;
padding: 8vw 0 5vw;
}
.foot_st {
display: none;
}
}
@media screen and (max-width: 767px) {
.footer_contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.footer_bottom {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer_bottom ul {
margin-top: 6rem;
margin-bottom: 2rem;
gap: 40px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}  #bodycopy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 16rem 0 0;
height: 100vh;
}
.bodycopy_inner p {
font-size: calc(4rem + (1vw - 1.92rem) * 1.2945); line-height: 1.6;
font-weight: bold;
letter-spacing: 0.2rem;
text-align: center;
}
.bodycopy_inner p.catch-en {
font-family: 'Philosopher';
font-size: calc(5.5rem + (1vw - 1.92rem) * 1.6181); letter-spacing: 0.3rem;
font-weight: normal;
margin: 4rem 0 2rem;
line-height: 1.0;
}
.bodycopy_inner p.catch-en span {
font-family: 'Spartan';
font-size: 60%;
display: inline-block;
padding: 0 5px;
}
.bodycopy_inner p.catch-en b {
font-family: 'Sorts Mill Goudy', serif;
font-weight: 400;
letter-spacing: 0.1rem;
}
.bodycopy_inner p.catch-jp {
font-family: 'Zen Antique Soft';
font-size: calc(10rem + (1vw - 1.92rem) * 3.2362); line-height: 1;
font-weight: normal;
letter-spacing: -0.3rem;
}
.bodycopy_inner p.catch-jp span {
display: inline-block;
-webkit-margin-start: -5%;
margin-inline-start: -5%;
-webkit-margin-end: -10%;
margin-inline-end: -10%;
} .bkbg {
background: url(//teamslash.jp/wp-content/uploads/bg_black.png);
}
#top_works , #top_service , #top_recruit {
position: relative;
padding: 25vw 0 8vw;
}
.top_inners {
width: 80%;
max-width: 1300px;
margin: 0 auto;
padding-bottom: 8vw;
}
.mttls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
right: 10.15625%;
top: calc(14rem + (1vw - 1.92rem) * 4.5307); gap: 10px;
z-index: 1;
}
.mttls h2 {
font-size: calc(8rem + (1vw - 1.92rem) * 2.5890); display: inline-block;
font-weight: bold;
}
.mttls h2 span {
display: block;
color: rgba(0, 0, 0, .0);
-webkit-text-stroke: 1px #fff;
}
.mttls h2 b {
background: -webkit-gradient(linear, left top, left bottom, from(#d7ca77), to(#39a96b));
background: -o-linear-gradient(top, #d7ca77, #39a96b);
background: linear-gradient(180deg, #d7ca77, #39a96b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mttls p.entxts {
text-align: right;
font-family: 'Spartan';
font-size: calc(1.6rem + (1vw - 1.92rem) * 0.3883); color: #fff;
letter-spacing: 0.2rem;
line-height: 1;
}
.works_tbox .cliptxts {
position: absolute;
left: -160px;
top: 250px;
}
.works_tbox video.bkmask {
-webkit-clip-path: url(#svgPath);
clip-path: url(#svgPath);
width: 100%;
}
clipPath#svgPath text {
font-size: 42rem;
font-weight: 100;
letter-spacing: -8rem;
}
.masktxts {
position: absolute;
left: calc((8rem + (1vw - 1.92rem) * 2.5890) * -1); top: 13vw;
}
.masktxts p.txts {
font-size: calc(42rem + (1vw - 1.92rem) * 18.7702); font-weight: 100;
letter-spacing: calc((8rem + (1vw - 1.92rem) * 3.8835) * -1);
font-family: 'Spartan';
line-height: 1.2; width: 105%; color: #000;
opacity: .5;
} #top_service .masktxts p.txts , #top_recruit .masktxts p.txts {
color: #fff;
opacity: .5;
}
#top_service .mttls h2 span , #top_recruit .mttls h2 span {
display: block;
color: rgba(0, 0, 0, .0);
-webkit-text-stroke: 1px #000;
}
#top_service .mttls p.entxts , #top_recruit .mttls p.entxts {
color: #000;
}
.works_tbox p.reads {
position: relative;
z-index: 5;
color: #fff;
font-size: calc(5rem + (1vw - 1.92rem) * 1.6181); line-height: 1.5;
font-weight: bold;
letter-spacing: 0.3rem;
margin-bottom: 3vw;
}
.works_tbox .txtsbox {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 50px;
position: relative;
z-index: 5;
padding-left: 4vw;
}
.works_tbox .txtsbox p.txts {
font-size: calc(1.6rem + (1vw - 1.92rem) * 0.1294); line-height: 2.5;
letter-spacing: 0.2rem;
}
.works_caption_type {
font-size: 1.2rem;
padding: 1rem 0;
}
.n2-ss-slider-pipeline { }
#top_service .works_tbox p.reads , #top_recruit .works_tbox p.reads {
color: #000;
}
#top_service .works_tbox .txtsbox p.txts , #top_recruit .works_tbox .txtsbox p.txts {
color: #000;
}
.circlebtn {
width: 105px;
height: 105px;
border: 1px solid #000;
border-radius: 50%;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.circlebtn.bklink {
border: 1px solid #fff;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.circlebtn a {
color: #000;
text-align: center;
font-family: 'Spartan';
font-size: 1.4rem;
line-height: 1.5;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
}
.circlebtn.bklink a {
color: #fff;
}
.btn_spBlock {
display: none;
}
#works_btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#works_btns ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
width: 80%;
max-width: 1100px;
}
#works_btns ul li {
width: 46%;
max-width: 500px;
margin-bottom: 0;
}
#works_btns h2 {
margin-top: -30px;
text-align: center;
font-size: calc(2.2rem + (1vw - 1.92rem) * 0.2589); letter-spacing: 0.2rem;
margin-bottom: 30px;
color: #fff;
}
#works_btns h2 span {
display: block;
font-family: 'Spartan';
font-size: calc(6rem + (1vw - 1.92rem) * 1.2945); font-weight: 600;
margin-bottom: 5px;
letter-spacing: 0;
}
#works_btns p.txts {
line-height: 2.1;
letter-spacing: 0.2rem;
color: #fff;
}
#works_lists {
width: 90%;
max-width: 1500px;
margin: 0 auto;
padding: 4vw 0 0;
position: relative;
} #works_lists ul {
max-width: 1460px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
position: relative;
}
.n2-ss-slider .n2-ss-item-image-content picture {
aspect-ratio: 16 / 9;
overflow: hidden;
}
.post4b_text {
padding-top: 20px;
}
.post4b_text p.cat_names {
font-size: 1.2rem;
line-height: 1;
}
.post4b_text p.cat_names a {
color: #14d300;
}
.post4b_text h2 {
padding-top: 10px !important;
padding-bottom: 2px !important;
}
.post4b_text h2 a {
font-size: 1.8rem;
}
.post4b_text p.tag_names {
font-size: 1.2rem;
color: #666;
}
@media screen and (max-width: 1200px) {
#top_works , #top_service , #top_recruit {
padding: 20vw 0 10vw;
}
.works_tbox .txtsbox {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 1024px) {
.circlebtn {
width: 90px;
height: 90px;
}
.circlebtn a {
font-size: 1.2rem;
}
.works_tbox .txtsbox {
padding-left: 0;
width: 100%;
}
.works_tbox .txtsbox p.txts br {
display: none;
}
#bodycopy {
margin: 0 0 18vw 0;
height: auto;
}
}
@media screen and (max-width: 959px) {
.top_inners {
width: 90%;
}
.mttls {
right: 5%;
}
}
@media screen and (max-width: 767px) {
#works_btns ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#works_btns ul li {
width: 100%;
margin-bottom: 2rem;
}
#works_btns ul li figure {
width: 90%;
margin: 0 auto;
}
.btn_spBlock {
display: block;
margin: 3rem 5% 0 auto;
}
.btn_spNone {
display: none;
}
.masktxts p.txts {
display: none;
}
.mttls {
top: 6rem;
}
#works_btns h2 {
margin-bottom: 2rem;
}
}
@media screen and (max-width: 559px) {
#top_works , #top_service , #top_recruit {
padding: 14rem 0 8rem;
}
.top_inners {
padding: 0 0 2rem 0;
position: relative;
}
.mttls {
right: 5%;
gap: 5px;
}
.circlebtn {
width: 70px;
height: 70px;
}
.circlebtn a {
font-size: 1rem;
}
.works_tbox .txtsbox p.txts {
line-height: 2.0;
}
.works_tbox p.reads {
margin-bottom: 2rem;
}
} #top_service .inners {
padding: 460px 0 240px 300px;
position: relative;
}
#top_service .mttls h2 b {
background: -webkit-gradient(linear, left top, left bottom, from(#ffb696), to(#ff7a95));
background: -o-linear-gradient(top, #ffb696, #ff7a95);
background: linear-gradient(180deg, #ffb696, #ff7a95);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#service-lists ul {
width: 90%;
max-width: 1500px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#service-lists ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
width: calc(100% / 4);
position: relative;
z-index: 0;
overflow: hidden;
}
#service-lists ul li .plan_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#service-lists ul li .plan_bg {
content: '';
position: absolute;
left: 0;
bottom: 0;
-webkit-transform: skewY(-28deg);
-ms-transform: skewY(-28deg);
transform: skewY(-28deg);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
z-index: -1;
width: 100%;
height: 89%;
overflow-y: hidden;
}
#service-lists ul li.plan01 .plan_bg {
background: #a1a500;
}
#service-lists ul li.plan01 .plan_bg:after {
position: absolute;
content: "";
background: url(//teamslash.jp/wp-content/uploads/planbg01_pat.png) no-repeat center;
background-size: 602px auto;
width: 100%;
height: 100%;
-webkit-transform: skewY(28deg);
-ms-transform: skewY(28deg);
transform: skewY(28deg);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
#service-lists ul li.plan02 .plan_bg {
background: #e5bdd6;
}
#service-lists ul li.plan02 .plan_bg:after {
position: absolute;
content: "";
background: url(//teamslash.jp/wp-content/uploads/planbg02.png) no-repeat left bottom;
background-size: 210px auto;
width: 100%;
height: 100%;
-webkit-transform: skewY(28deg);
-ms-transform: skewY(28deg);
transform: skewY(28deg);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
#service-lists ul li.plan03 .plan_bg {
background: #45c9ce;
}
#service-lists ul li.plan03 .plan_bg:after {
position: absolute;
content: "";
background: url(//teamslash.jp/wp-content/uploads/planbg03_pat.png) no-repeat top center;
background-size: 501px auto;
width: 100%;
height: 100%;
-webkit-transform: skewY(28deg);
-ms-transform: skewY(28deg);
transform: skewY(28deg);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
bottom: -50%;
}
#service-lists ul li.plan04 .plan_bg {
background: #dd4c3d;
}
#service-lists ul li.plan04 .plan_bg:after {
position: absolute;
content: "";
background: url(//teamslash.jp/wp-content/uploads/planbg04_pat.png) no-repeat center bottom;
background-size: 1062px auto;
width: 100%;
height: 100%;
-webkit-transform: skewY(28deg);
-ms-transform: skewY(28deg);
transform: skewY(28deg);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
#service-lists h3 {
padding: 0;
margin: 0;
font-size: 1.6rem;
text-align: left;
letter-spacing: 0;
}
#service-lists h3:before {
display: none;
}
#service-lists h3 span {
font-family: 'Spartan';
font-weight: 400;
letter-spacing: -0.05rem;
display: block;
font-size: 3rem;
padding: 0 0 10px 0;
position: relative;
}
#service-lists h3 span:before {
content: '';
position: absolute;
background: #a1a500;
width: 30px;
height: 2px;
left: 0;
bottom: -35px;
}
#service-lists li.plan01 h3 {
color: #a1a500;
}
#service-lists li.plan02 h3 {
color: #e5bdd6;
}
#service-lists li.plan03 h3 {
color: #45c9ce;
}
#service-lists li.plan04 h3 {
color: #dd4c3d;
}
#service-lists li.plan02 h3 span:before {
background: #e3a6cd;
}
#service-lists li.plan03 h3 span:before {
background: #45c9ce;
}
#service-lists li.plan04 h3 span:before {
background: #dd4c3d;
}
#service-lists ul li .plan_ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#service-lists ul li .plan_number {
color: #a1a500;
font-size: 10rem;
font-family: 'Spartan';
font-weight: 600;
line-height: 1;
}
#service-lists ul li.plan02 .plan_number {
color: #e5bdd6;
}
#service-lists ul li.plan03 .plan_number {
color: #45c9ce;
}
#service-lists ul li.plan04 .plan_number {
color: #dd4c3d;
}
#service-lists ul li figure {
position: relative;
z-index: 5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4rem 2rem;
}
#service-lists ul li p.txts {
color: #000;
font-size: calc(1.6rem + (1vw - 1.92rem) * 0.1294); line-height: 1.8;
font-weight: bold;
position: relative;
z-index: 5;
} #service-lists ul li .planlinks {
margin-top: auto;
padding-top: calc(6rem + (1vw - 1.92rem) * 1.9417); text-align: right;
position: relative;
z-index: 5;
}
#service-lists ul li .planlinks a {
font-family: 'Spartan';
font-size: 1.2rem;
font-weight: 700;
}
@media screen and (min-width: 1921px) {
#service-lists h3 {
font-size: 1.6rem;
}
#service-lists h3 span {
font-size: 3rem;
}
#service-lists ul li .plan_number {
font-size: 10rem;
}
}
@media screen and (min-width: 1025px) {
#service-lists h3 {
font-size: calc(1.6rem + (1vw - 1.92rem) * 0.4464); }
#service-lists h3 span {
font-size: calc(3rem + (1vw - 1.92rem) * 1.1161); }
#service-lists ul li .plan_number {
font-size: calc(10rem + (1vw - 1.92rem) * 5.5804); }
}
@media screen and (max-width: 1024px) {
#service-lists ul li {
width: calc(100% / 2);
}
#service-lists ul li:nth-child(-n+2) {
margin-bottom: 4rem;
}
#service-lists ul li .plan_bg {
height: 86%;
}
#service-lists ul li .plan_number {
font-size: calc(10rem + (1vw - 1.02rem) * 11.7188); }
}
@media screen and (max-width: 767px) {
#service-lists ul {
width: 80%;
}
#service-lists ul li {
width: 100%;
}
#service-lists ul li:nth-child(-n+3) {
margin-bottom: 3rem;
}
#service-lists ul li .plan_number {
font-size: calc(10rem + (1vw - 0.77rem) * 7.6531); }
#service-lists ul li figure {
padding: 2rem 4rem;
}
} #top_article {
position: relative;
}
#top_article h2 {
font-family: 'Spartan';
font-size: calc(5rem + (1vw - 1.92rem) * 1.5534); font-weight: 700;
text-align: center;
line-height: 1.2;
margin-bottom: 2vw;
letter-spacing: .08rem;
}
nav.tart_nav {
width: 90%;
position: relative;
max-width: 1500px;
margin: 0 auto;
}
nav.tart_nav ul {
margin: 60px 0 6vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 120px;
position: relative;
}
nav.tart_nav ul li {
margin: 0;
font-family: 'Spartan';
font-size: calc(1.2rem + (1vw - 1.92rem) * 0.1294); font-weight: 600;
}
nav.tart_nav ul li a {
color: #fff;
}
nav.tart_nav ul:before {
content: '';
background: #fff;
width: 700px;
position: absolute;
height: 1px;
bottom: -25px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.article_links {
border: 1px solid #ccc;
position: absolute;
top: -180px;
right: 0;
}
.article_listWrap {
width: 90%;
max-width: 1500px;
margin: 0 auto;
}
.article_list {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.article_list .stickyitem {
position: sticky;
top: 6rem;
width: 56%;
}
.article_list .rightWrap {
width: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px 0;
}
.article_list .rightWrap .items {
width: 47.5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.article_list .rightWrap .items a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.article_list .rightWrap .items a .item_body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.article_list .item_imgs img {
width: 100%;
height: auto;
}
.article_list .stickyitem p.item_ttls {
font-size: calc(3.4rem + (1vw - 1.92rem) * 1.2153); line-height: 1.4;
font-weight: bold;
padding: 40px 0 30px;
letter-spacing: 0.2rem;
}
.article_list .item_metas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: calc(1.1rem + (1vw - 1.92rem) * 0.0647); color: #fff;
font-family: 'Spartan';
line-height: 1;
margin-top: auto;
}
.article_list .stickyitem .item_metas {
font-size: calc(1.3rem + (1vw - 1.92rem) * 0.1942); }
.article_list .item_metas p.item_cats {
color: #fff;
border-right: 1px solid #fff;
padding-right: 15px;
margin-right: 15px;
}
.article_list .rightWrap p.item_ttls {
font-size: calc(1.8rem + (1vw - 1.92rem) * 0.3236); font-weight: bold;
padding: 20px 0 20px;
line-height: 1.3;
letter-spacing: 0.2rem;
}
.article_list p.item_ttls {
color: #fff;
}
#top_article > .copys {
color: #fff;
text-align: center;
margin: 0 auto 70px;
line-height: 2;
letter-spacing: 0.3em;
font-size: calc(1.6rem + (1vw - 1.92rem) * 0.1294);
width: 90%;
max-width: 1100px;
}
@media screen and (min-width: 1921px) {
.article_list .stickyitem p.item_ttls {
font-size: 3.4rem;
}
.article_list .rightWrap p.item_ttls {
font-size: 2rem;
}
}
@media screen and (max-width: 1024px) {
nav.tart_nav ul {
margin: 40px 0 100px;
gap: 60px;
}
nav.tart_nav ul:before {
width: 450px;
}
}
@media screen and (max-width: 959px) {
.article_list .stickyitem {
margin-bottom: 4rem;
}
.article_list .stickyitem p.item_ttls {
font-size: calc(2.4rem + (1vw - 0.77rem) * 1.5306); }
.article_list .rightWrap p.item_ttls {
font-size: calc(1.8rem + (1vw - 0.77rem) * 1.0204); }
.article_list .stickyitem {
position: initial;
width: 100%;
}
.article_list .rightWrap {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.article_links {
position: relative;
top: 0;
}
#top_article > .copys p {
text-align: left;
}
#top_article > .copys p br {
display: none;
}
#top_article > .copys {
margin-bottom: 4rem;
}
}
@media screen and (max-width: 559px) {
.article_list .stickyitem {
margin-bottom: 3rem;
}
.article_list .rightWrap {
gap: 30px 0;
}
.article_list .item_metas p.item_cats {
padding-right: 5px;
margin-right: 5px;
}
.article_list .stickyitem p.item_ttls {
padding: 30px 0 20px;
}
.article_list .rightWrap p.item_ttls {
padding: 20px 0 10px;
}
#top_article h2 {
margin-bottom: 2rem;
}
} #top_recruit .top_inners {
position: relative;
padding-bottom: 0;
}
#top_recruit .mttls h2 b {
background: -webkit-gradient(linear, left top, left bottom, from(#8353d7), to(#8ed9e7));
background: -o-linear-gradient(top, #8353d7, #8ed9e7);
background: linear-gradient(180deg, #8353d7, #8ed9e7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} #top_cta ul {
margin: 0 auto;
max-width: 1600px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#top_cta ul li {
margin: 0;
width: 50%;
position: relative;
padding: 0 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#top_cta ul li h2 {
font-size: calc(1.8rem + (1vw - 1.92rem) * 0.2589); font-weight: bold;
margin-bottom: 50px;
}
#top_cta ul li h2 span {
font-family: 'Spartan';
font-size: calc(5rem + (1vw - 1.92rem) * 1.5534); display: block;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
letter-spacing: .08rem;
}
#top_cta ul li p.copys {
font-size: calc(3rem + (1vw - 1.92rem) * 0.7767); font-weight: bold;
line-height: 1.4;
margin-bottom: 20px;
color: #fff;
}
#top_cta ul li p.txts {
line-height: 1.8;
color: #fff;
font-size: calc(1.6rem + (1vw - 1.92rem) * 0.1294);
}
#top_cta ul li:first-of-type:before {
content: '';
position: absolute;
background: #fff;
width: 1px;
height: 120%;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#top_article , #top_cta {
padding: 8vw 0;
}
.top_cta_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: 100%;
}
.top_cta_inner_txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: start;
align-self: flex-start;
}
#top_cta .circlebtn {
margin-left: 3rem;
}
@media screen and (max-width: 1200px) {
#top_article , #top_cta {
padding: 10vw 0;
}
#top_cta ul li p.copys br {
display: none;
}
#top_cta ul li p.txts br {
display: none;
}
#top_cta ul li:first-of-type:before {
height: 100%;
}
}
@media screen and (max-width: 1024px) {
.top_cta_inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#top_cta .circlebtn {
margin-left: 0;
margin-top: 3rem;
}
}
@media screen and (max-width: 767px) {
#top_cta ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#top_cta ul li {
width: 90%;
margin: 0 auto;
padding: 0;
}
#top_cta ul li:first-child .top_cta_inner {
margin-bottom: 10vw;
padding-bottom: 10vw;
border-bottom: 1px solid #fff;
}
#top_cta ul li:first-of-type:before {
display: none;
}
.top_cta_ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#top_cta .circlebtn {
margin: 0 0 0 auto;
}
#top_cta ul li h2 {
margin-bottom: 4rem;
}
#top_cta ul li h2 span {
margin-bottom: 0.5rem;
}
#top_article , #top_cta {
padding: 8rem 0;
}
}  .lowEntrys #breadcrumb {
width: 100%;
}
.lowEntrys #breadcrumb ul {
width: 100%;
}
.lowEntrys #breadcrumb ul li, .lowEntrys #breadcrumb ul li a {
color: #aaa;
}
.lowEntrys #breadcrumb ul li:first-of-type {
margin-left: 0;
}
.lowPage > .inners {
max-width: 1500px;
margin: 0 auto;
padding-bottom: 140px;
width: 100%;
}
.wp-pagenavi {
text-align: center;
margin: 60px 0 0;
}
.wp-pagenavi span.pages {
display: none;
}
.wp-pagenavi span, .wp-pagenavi a {
display: inline-block;
padding: 10px 16px;
margin: 0 6px;
background: #111;
border: none;
color: #fff;
}
.wp-pagenavi span.current {
background: #fff;
border: 1px solid #ccc;
color: #000;
}
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink {
color: #000;
background: transparent;
}
.wp-pagenavi a:hover {
opacity: 0.8;
text-decoration: underline;
}
.zoomIn img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
}
.zoomIn a:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.mask {
display: block;
line-height: 0;
overflow: hidden;
}
a.decoline:hover {
text-decoration: underline;
}
.opa_s {
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.opa_s:hover {
opacity: 0.8;
} #wrapper-full {
padding-top: 105px;
}
#lowContact p.info {
font-size: 1.7rem;
line-height: 1.8;
}
#lowContact p.info span {
color: #c6001e;
}
.lowFormBox {
margin-top: 50px;
}
.wpcf7-form {
padding: 0;
}
.wpcf7-form span.musts {
color: #c6001e;
-webkit-padding-start: 3px;
padding-inline-start: 3px;
}
.wpcf7-form dt {
font-size: 1.6rem;
color: #333;
padding: 0 0 10px;
}
.wpcf7-form dd {
margin-bottom: 38px;
padding: 0;
}
.wpcf7-form dd:last-of-type {
margin: 0;
}
.wpcf7-form .linkBtn {
margin: 50px auto 0;
width: 560px;
display: block;
padding: 0;
height: 90px;
border-radius: 45px;
background: #222;
}
.wpcf7-form .linkBtn input[type="submit"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
font-size: 1.8rem;
font-family: 'Yu Gothic';
font-weight: bold;
}
.post .linkBtn::after {
content: none;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {
height: 50px;
margin: 0;
border-radius: 0;
padding: 0 10px;
border: none;
background: #f5f5f5;
font-size: 90%;
}
textarea {
height: auto;
padding: 10px;
}
.wpcf7-form select option {
font-size: 1.8rem;
}
::-webkit-input-placeholder {
color: #bbb;
}
::-moz-placeholder {
color: #bbb;
}
:-ms-input-placeholder {
color: #bbb;
}
::-ms-input-placeholder {
color: #bbb;
}
::placeholder {
color: #bbb;
}
dd.select_dd {
position: relative;
}
dd.select_dd:before {
content: '\f107';
font-family: 'FontAwesome';
color: #111;
position: absolute;
z-index: 5;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 140%;
pointer-events: none;
}
dd.select_dd select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.contactus_pp {
margin-top: 70px;
}
.contactus_pp p.info {
margin-bottom: 8px;
}
.contactus_pp p.info a {
font-weight: bold;
text-decoration: underline;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.contactus_pp p.info a:hover {
opacity: 0.6;
}
@media (max-width:768px) {
.wpcf7-form .linkBtn {
width: 100%;
margin-top: 40px;
}
.wpcf7-form dt {
padding-bottom: 5px;
}
.wpcf7-form dd {
margin-bottom: 20px;
}
} section.privacy-policy-area .anchor-point {
margin-top: -70px;
padding-top: 70px;
}
section.privacy-policy-area p + h2, section.privacy-policy-area div.anchor-point + h2 {
margin-top: 20px;
}
section.privacy-policy-area ol + h2, section.privacy-policy-area div.anchor-point + h2 {
margin-top: 35px;
}
section.privacy-policy-area ol.circle {
position: relative;
margin: 10px 0 0 0;
}
section.privacy-policy-area ol.circle li {
list-style: none;
margin: 0;
padding-left: 25px;
margin-bottom: 5px
}
section.privacy-policy-area ol.circle li span {
position: absolute;
left: 0;
}
section.privacy-policy-area ol.circle {
margin-top: 10px;
}
section.privacy-policy-area ol.lower li {
list-style: lower-roman;
padding-left: 5px;
}
section.privacy-policy-area ol.lower {
margin-left: 18px;
}
section.privacy-policy-area ul.desc li {
list-style: disc;
margin-left: 16px;
margin-bottom: 0;
padding: 5px 0;
border: none;
}
section.privacy-policy-area h2 {
background: #222;
color: #fff;
padding: 18px 20px;
line-height: 1.5;
font-size: 2rem;
}
section.privacy-policy-area ol {
margin-top: 10px;
margin-bottom: 0;
}
section.privacy-policy-area ol li {
margin-bottom: 5px;
}
section.privacy-policy-area ol li:last-of-type {
margin: 0;
}
section.privacy-policy-area ul {
margin-top: 10px;
}
@media (max-width: 767px) {
section.privacy-policy-area li {
font-size: 0.8rem;
}
.post section.privacy-policy-area ol {
margin-left: 15px;
}
section.privacy-policy-area ol.circle {
margin-left: 0;
}
section.privacy-policy-area ol.circle li {
padding-left: 15px;
}
section.privacy-policy-area ol.lower li {
padding-left: 5px;
}
} #wrapper.article_wraps {
max-width: 1440px;
margin: 0 auto;
padding-bottom: 120px;
display: flow-root;
}
#wrapper.article_wraps #content {
float: left;
width: 1060px;
padding: 0;
}
.lowcat_mttls {
margin: 100px auto 50px;
position: relative;
}
.lowcat_mttls .ttls {
font-size: 2.1rem;
font-weight: bold;
margin-bottom: 20px;
}
.lowcat_mttls .ttls span {
font-family: 'Spartan';
font-size: 4rem;
font-weight: 600;
line-height: 1;
vertical-align: middle;
padding-right: 15px;
}
#wrapper.article_wraps #breadcrumb {
padding: 0;
}
#wrapper.article_wraps #breadcrumb ul {
max-width: 100%;
margin: 0;
padding: 0;
}
#sidebar {
float: right;
width: 330px;
padding: 0;
font-size: 100%;
}
nav.articles_navi {
position: relative;
margin: 0 0 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 60px;
}
nav.articles_navi ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 28px;
line-height: 1;
margin: 0;
position: relative;
font-size: 1.3rem;
font-weight: 600;
-webkit-margin-start: 50px;
margin-inline-start: 50px;
letter-spacing: 0.2rem;
}
nav.articles_navi ul:before {
content: '\f009';
font-family: 'FontAwesome';
position: absolute;
left: -50px;
}
nav.articles_navi ul li {
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
position: relative;
}
nav.articles_navi ul li a:after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 1px;
background: #333;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
nav.articles_navi ul li a {
position: relative;
}
nav.articles_navi ul li a:after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 1px;
background: #333;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
nav.articles_navi ul li a:hover::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.article_lowlists ul.post2b {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
gap: 40px;
padding: 0;
}
.article_lowlists ul.post2b li {
margin: 0;
width: calc((100% - 80px) / 3);
border: none !important;
background: #fff;
-webkit-box-shadow: 5px 5px 10px 5px rgb(0 0 0 / 5%);
box-shadow: 5px 5px 10px 5px rgb(0 0 0 / 5%);
}
.post2b span.mask {
aspect-ratio: 16 / 9;
}
.post2b img {
max-width: 100%;
height: 100%;
border: none !important;
padding: 0;
}
.article_lowlists .post2b_text {
padding: 20px 20px 30px;
border-radius: 0 0 10px 10px;
}
.article_lowlists h2.item_ttls {
padding: 0;
background: transparent;
margin: 0 0 20px;
}
.article_lowlists h2.item_ttls a {
font-size: 1.7rem;
letter-spacing: 0.2rem;
line-height: 1.5;
}
#content .item_meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #999;
font-family: 'Spartan';
font-size: 1.1rem;
font-weight: 500;
margin-bottom: 10px;
line-height: 1;
}
#content .item_meta p.item_cats a {
font-weight: 800;
color: #333;
padding-right: 10px;
border-right: 1px solid #999;
margin-right: 10px;
}
.article_lowlists .item_tags span {
font-size: 1rem;
border-radius: 0;
padding: 3px;
background: #111;
}
.article_lowlists .item_tags span a {
color: #fff;
}
.article_lowlists .item_tags span:before {
content: none;
}
.custom-html-widget {
padding: 40px;
border: 1px solid #ccc;
}
.side_contact p.sttls {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
}
.side_contact p.sttls span {
display: block;
font-family: 'Spartan';
font-weight: 800;
font-size: 1.9rem;
line-height: 1;
padding-bottom: 3px;
}
.side_contact p.side_tel {
font-family: 'Spartan';
font-size: 2.3rem;
font-weight: 600;
line-height: 1;
margin-bottom: 15px;
}
.side_contact .linkbtns {
background: #000;
}
.side_contact .linkbtns a {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 1.4rem;
padding: 12px 0;
}
#searchform span {
position: relative;
padding-left: 30px;
}
#searchform span:before {
content: '\f002';
font-family: 'FontAwesome';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#searchform input[type="text"] {
border: 1px solid #ccc;
width: 220px;
background: transparent;
font-size: 1.2rem;
height: 28px;
}
@media (max-width:1600px) {
#wrapper.article_wraps {
width: 90%;
}
#wrapper.article_wraps #content {
width: calc(100% - 350px);
}
.article_lowlists ul.post2b {
gap: 30px;
}
.article_lowlists ul.post2b li {
width: calc((100% - 60px) / 3);
}
#sidebar {
width: 310px;
}
}
@media (max-width:1360px) {
#wrapper.article_wraps #content {
width: calc(100% - 310px);
}
.article_lowlists ul.post2b {
gap: 20px;
}
.article_lowlists ul.post2b li {
width: calc((100% - 40px) / 3);
}
#sidebar {
width: 280px;
}
.custom-html-widget {
padding: 40px 30px;
}
}
@media (max-width:1024px) {
#wrapper.article_wraps #content {
float: none;
width: 100%;
}
#sidebar {
width: 100%;
float: none;
margin-top: 60px;
}
}
@media (max-width:768px) {
.lowcat_mttls .ttls span {
line-height: 1.2;
font-size: 4.7rem;
padding: 0;
display: block;
}
#wrapper.article_wraps {
padding-bottom: 40px;
}
#wrapper.article_wraps #breadcrumb {
display: none;
}
.lowcat_mttls {
margin: 0 auto 30px;
}
nav.articles_navi {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 30px;
margin-bottom: 40px;
}
nav.articles_navi ul {
gap: 18px;
-webkit-margin-start: 40px;
margin-inline-start: 40px;
}
nav.articles_navi ul:before {
left: -40px;
}
form#searchform {
width: 100%;
}
#searchform span {
display: block;
width: 100%;
}
#searchform input[type="text"] {
width: 100%;
}
.article_lowlists ul.post2b li {
width: 100%;
}
#content .post2b_img {
max-width: 100%;
padding: 0;
}
#content .post2b_img img {
max-width: 100%;
}
#content .post2b_text70 {
width: 100%;
padding: 20px;
}
.article_lowlists h2.item_ttls a {
font-size: 1.6rem;
}
.wp-pagenavi {
margin-top: 40px;
}
#sidebar {
margin-top: 40px;
}
.custom-html-widget {
padding: 30px;
}
} body.single #wrapper.article_wraps .lowcat_mttls {
padding-bottom: 70px;
margin-bottom: 80px;
}
body.single #wrapper.article_wraps .lowcat_mttls:before {
content: '';
background: #e5e5e5;
width: 100vw;
height: 1px;
position: absolute;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
header.single_heads {
margin-bottom: 45px;
}
header.single_heads h1 {
text-align: left;
padding: 0;
font-size: 3.8rem;
margin-bottom: 30px;
line-height: 1.4;
}
body.single .post {
position: relative;
border-bottom: 1px solid #ccc;
padding-bottom: 120px;
}
.pagenav {
height: auto;
margin: 0;
}
header.single_heads .item_meta {
margin-bottom: 12px;
}
.single .post img {
margin-bottom: 30px !important;
}
.single .post h2 {
background: #222;
color: #fff;
margin: 50px 0 30px;
padding: 40px 30px;
line-height: 1.4;
font-size: 2.5rem;
}
.single .post h3 {
margin: 20px 0 15px;
border: 1px solid #ccc;
padding: 30px 20px;
font-size: 1.8rem;
line-height: 1.4;
}
.single .post h3:before {
content: '';
background: #222;
width: 2px;
height: 50%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.single .post h4 {
font-weight: bold;
border-left: 3px solid #1a1a1a;
border-bottom: none;
margin-block: 35px 15px;
font-size: 1.8rem;
padding-inline-start: 15px;
}
.single .post p {
line-height: 2.5;
font-size: 1.7rem;
}
.relatedlists.listarticle.singles {
width: 100%;
margin: 120px 0 0;
}
.relatedlists.listarticle.singles ul li {
width: 31%;
}
.relatedlists.listworks.singles {
margin: 80px 0 0;
}
.relatedlists.listworks.singles ul li {
width: 31%;
}
.article_lowlists .post ul {
margin: 25px 0;
}
.article_lowlists .post ul li {
margin-bottom: 1.5em;
padding: 1.5em;
border: 2px solid;
box-sizing: border-box;
}
.article_lowlists .post ul li b {
font-size: 110%;
}
.article_lowlists .post a {
text-decoration: underline;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.article_lowlists .post a:hover {
opacity: 0.6;
}
.single table th {
color: inherit;
font-weight: bold;
}
.single table td {
color: inherit;
}
.blogbtn {
background: #000;
width: 70%;
margin: 80px auto 0;
border-radius: 40px;
}
.blogbtn a {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
padding: 30px 0;
font-size: 1.8rem;
font-weight: bold;
}
@media (max-width:1600px) {
header.single_heads h1 {
font-size: 3.5rem;
}
}
@media (max-width:1024px) {
.article_wraps aside#sidebar {
margin-top: 80px;
}
}
@media (max-width:768px) {
body.single #wrapper.article_wraps .lowcat_mttls {
padding-bottom: 30px;
margin-bottom: 40px;
}
header.single_heads h1 {
font-size: 2.8rem;
}
.single .post h2 {
font-size: 1.8rem;
padding: 30px 20px;
}
body.single .post {
padding-bottom: 60px;
}
.single .post p {
font-size: 1.5rem;
}
.relatedlists.listarticle.singles {
margin-top: 80px;
}
.relatedlists.listworks.singles {
margin-top: 40px;
}
.article_wraps aside#sidebar {
margin-top: 50px;
}
} ul.s_resultlist {
margin-top: 30px;
border-top: 1px solid #ddd;
padding-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
ul.s_resultlist li a {
font-size: 2.2rem;
font-weight: bold;
position: relative;
margin-left: 20px;
}
ul.s_resultlist li a:before {
content: '\f105';
font-family: 'FontAwesome';
position: absolute;
left: -20px;
font-size: 80%;
}
ul.s_resultlist li a:after {
content: '';
background: #111;
width: 100%;
height: 1px;
bottom: -5px;
left: 0;
position: absolute;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
ul.s_resultlist li a:hover::after {
opacity: 1;
} #wrapper.works_wraps {
padding-bottom: 0;
overflow: hidden;
}
#wrapper.works_wraps .lowcat_mttls {
width: 1440px;
margin-bottom: 80px;
}
#wrapper.works_wraps .lowcat_mttls .ttls span {
display: block;
margin-bottom: 10px;
}
#wrapper.works_wraps #content {
float: none;
width: 100%;
}
#works_archive > .inners {
width: 1440px;
margin: 0 auto;
}
ul.workslist {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(337.5px,1fr));
gap: 45px 30px;
}
ul.workslist li figure {
overflow-y: hidden;
display: block;
margin-bottom: 25px;
aspect-ratio: 1 / 0.7;
-webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
ul.workslist li figure img {
width: 100%;
height: auto;
display: block;
}
ul.workslist h2 {
font-size: 1.4rem;
position: relative;
line-height: 1.4;
}
ul.workslist h2 a {
color: #333;
}
.works_footnavi {
background: #191b1f;
margin-top: 120px;
}
.works_footnavi .inners {
width: 1440px;
margin: 0 auto;
padding: 100px 0;
}
.wfn_box:not(:last-of-type) {
margin-bottom: 30px;
}
.wfn_box h3 {
color: #fff;
font-size: 1.5rem;
margin-bottom: 7px;
}
.wfn_box ul.wfn_tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wfn_box ul.wfn_tags li {
background: #fff;
font-size: 1.4rem;
padding: 2px 10px;
font-weight: bold;
line-height: 1.6;
}
figure.works_sinpic {
width: 100%;
overflow-y: hidden;
max-height: 900px;
margin-bottom: 120px;
-webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
figure.works_sinpic img {
width: 100%;
height: auto;
}
.works_sinttls {
margin-bottom: 70px;
}
.works_sinttls h1 {
font-size: 4.2rem;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.2;
}
p.works_sintype span a {
font-size: 1.7rem;
color: #666;
}
.works_sindescription {
margin-bottom: 40px;
}
.works_sindescription h2 {
font-size: 2.4rem;
margin-bottom: 20px;
font-weight: bold;
}
.works_sindescription p.txts {
line-height: 1.9;
font-size: 1.6rem;
letter-spacing: 0.2rem;
}
section.works_sindetail {
margin-bottom: 80px;
}
section.works_sindetail dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 0;
}
section.works_sindetail dt {
width: 10%;
font-weight: bold;
}
section.works_sindetail dd {
width: 90%;
}
.works_sinsubcap ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.works_sinsubcap ul li:first-of-type {
width: 60%;
}
.works_sinsubcap ul li img {
width: 100%;
-webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.works_sinbtns {
margin: 100px auto 0;
}
.works_sinbtns .sublinks {
width: 500px;
border: 2px solid #ccc;
margin: 0 auto 30px;
}
.works_sinbtns .sublinks a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
padding: 20px 0;
font-weight: bold;
font-size: 1.7rem;
}
.works_sinbtns .ctalinks {
width: 720px;
background: #111;
margin: 0 auto;
}
.works_sinbtns .ctalinks a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
color: #fff;
font-weight: bold;
font-size: 2.2rem;
padding: 32px 0;
}
.relatedlists {
text-align: center;
}
.relatedlists.listworks {
margin: 160px 0 130px;
}
.relatedlists h3 {
font-size: 3.2rem;
font-weight: bold;
margin-bottom: 60px;
}
.relatedlists ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.relatedlists ul li {
width: 23%;
text-align: left;
}
.relatedlists ul li figure {
margin-bottom: 22px;
aspect-ratio: 16 / 9;
overflow: hidden;
-webkit-box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}
.relatedlists ul li figure img {
width: 100%;
height: auto;
}
p.worklist_tag {
font-size: 1.3rem;
margin-bottom: 5px;
line-height: 1.3;
}
.relatedlists ul li h4 {
font-weight: bold;
font-size: 1.7rem;
margin-bottom: 8px;
}
.relatedlists.listarticle {
margin: 140px auto;
width: 1440px;
}
@media (max-width:1600px) {
#wrapper.works_wraps .lowcat_mttls {
width: 90%;
margin-bottom: 60px;
}
#works_archive > .inners {
width: 90%;
}
.works_footnavi .inners {
width: 90%;
}
section.relatedlists.listarticle {
width: 90%;
}
}
@media (max-width:768px) {
#wrapper.works_wraps .lowcat_mttls {
margin-bottom: 40px;
padding-bottom: 20px;
}
#wrapper.works_wraps .lowcat_mttls:before {
content: '';
position: absolute;
background: #ddd;
height: 1px;
width: 100vw;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
#wrapper.works_wraps .lowcat_mttls .ttls span {
margin-bottom: 5px;
}
#wrapper.works_wraps #breadcrumb {
display: none;
}
ul.workslist {
gap: 30px;
}
ul.workslist li {
width: 100%;
}
ul.workslist li figure {
margin-bottom: 20px;
}
.works_footnavi {
margin-top: 40px;
}
.works_footnavi .inners {
padding: 40px 0;
}
.wfn_box:not(:last-of-type) {
margin-bottom: 20px;
}
.works_sindescription h2 {
line-height: 1.3;
}
.relatedlists h3 {
margin-bottom: 40px;
font-size: 2.6rem;
}
.relatedlists ul {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.relatedlists.listarticle.singles ul li {
width: 100%;
}
.relatedlists.listworks.singles ul li {
width: 100%;
}
.works_sinttls h1 {
font-size: 2.8rem;
margin-bottom: 5px;
}
.works_sinttls {
margin-bottom: 30px;
}
figure.works_sinpic {
aspect-ratio: 16 / 9;
margin-bottom: 50px;
}
section.works_sindetail dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
}
section.works_sindetail dt, section.works_sindetail dd {
width: 100%;
}
section.works_sindetail dd:not(:last-of-type) {
margin-bottom: 10px;
}
.works_sindescription p.txts {
line-height: 1.7;
font-size: 1.5rem;
}
.works_sinsubcap ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px 0;
}
.works_sinsubcap ul li:first-of-type {
width: 100%;
}
.works_sinsubcap > ul li:not(:first-of-type) {
width: 46%;
}
section.works_sindetail {
margin-bottom: 50px;
}
.works_sinbtns {
margin-top: 60px;
}
.works_sinbtns .sublinks {
width: 80%;
margin-bottom: 20px;
}
.works_sinbtns .ctalinks {
width: 100%;
}
.relatedlists.listworks {
margin: 70px 0 0;
}
.relatedlists ul li {
width: 100%;
}
section.relatedlists.listarticle {
margin: 60px auto;
}
} figure.works_sinpic.solutionsingle {
margin-bottom: 60px;
}
.solutionworks_subimg {
margin-bottom: 80px;
}
.solutionworks_subimg ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.solutionworks_subimg ul li {
width: calc((100% - 60px) / 4);
overflow-y: hidden;
-webkit-box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
aspect-ratio: 16 / 9;
}
.solutionworks_subimg ul li img {
width: 100%;
height: auto;
}
.works_sinfaq {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 35px;
}
.works_sinfaq dl dt {
background: #222;
color: #fff;
margin-bottom: 17px;
padding: 20px;
font-size: 1.8rem;
font-weight: bold;
position: relative;
}
.works_sinfaq dl dt:before {
content: 'Q.';
font-family: 'Spartan';
padding-right: 10px;
display: inline-block;
}
.works_sinfaq dl dd p {
line-height: 1.6;
font-size: 1.6rem;
}
section.works_sindetail.solutionsingle {
margin-bottom: 70px;
}
@media (max-width:768px) {
figure.works_sinpic.solutionsingle {
aspect-ratio: 16 / 9;
margin-bottom: 30px;
}
.solutionworks_subimg ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.solutionworks_subimg ul li {
width: calc((100% - 20px) / 2);
}
.solutionworks_subimg {
margin-bottom: 40px;
}
section.works_sindetail.solutionsingle {
margin-bottom: 50px;
}
.works_sinfaq dl dt {
font-size: 1.6rem;
}
.works_sinfaq dl dd p {
font-size: 1.5rem;
line-height: 1.4;
}
.works_sinfaq {
gap: 25px;
}
}canvas.vanta-canvas {
position: fixed !important;
width: 100% !important;
height: 100vh !important;
z-index: -1 !important;
}
#luxy {
top: 0;
}
#curtain_canvas{
display: contents;
} p.under-construction {
position: absolute;
bottom: min(5vw, 54px);
right: min(5vw, 54px);
} .hbMenuttl a{
color:#ffffff;
}#header {
top: 0;
}
#bodycopy01 .read-movie {
right: auto;
top: auto;
bottom: 0;
left: 35%;
transform: translateY(30%);
}
#bodycopy01 p.bc-reads span.change_font {
font-size: 7.5rem;
font-family: 'Train One';
font-weight: normal;
line-height: 0.8;
}
#works_btns {
margin-top: 0;
display: flex;
justify-content: center;
align-items: center;
} #keyvisual {
opacity: 1;
z-index: 20;
}
.home #wrapper {
padding-top: 0;
}
body.home .height_100vh, #footer {
width: 100%;
height: 100vh;
box-sizing: border-box;
}
#curtain_canvas { position: fixed;
width: 100%;
height: 100vh;
z-index: -1;
}
#curtain_canvas canvas,
#curtain_canvas .curtain_plane {
width: 100%;
height: 100%;
}
.curtain_plane { position: fixed;
z-index: -1;
}
.curtain_plane img {
display: block;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.no-curtains .curtain_plane {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}@import url("https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Train+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Antique+Soft&display=swap"); body {
counter-reset: number 0 number2 0 number3 0 number4 0;
}
em {
font-style: normal;
}
#wrapper-full {
padding-top: 105px;
overflow: hidden;
}
.lowheadttls {
display: flex;
justify-content: space-between;
padding: 120px 0 0;
max-width: 1300px;
margin: 0 auto 80px;
width: 85%;
}
.lowheadttls:before {
content: none;
}
.lowheadttls h1 {
width: 66%;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-size: 2rem;
font-weight: 700;
margin-bottom: 0;
color: #000;
letter-spacing: .12em;
}
.lowheadttls h1 span {
font-family: inherit;
}
.lowheadttls h1 .mh {
display: block;
min-height: calc(28.4rem + 28px);
}
.lowheadttls h1 .num {
display: block;
margin: 0 0 28px;
font-weight: 600;
font-size: inherit;
line-height: 1;
letter-spacing: normal;
}
.lowheadttls h1 .hyphen {
display: inline;
margin: 0 4px;
font-weight: 400;
font-size: inherit;
letter-spacing: normal;
}
.lowheadttls h1 .num::before {
content: '/';
margin-right: 3px;
font-weight: 900;
}
.lowheadttls h1 .en {
display: block;
font-family: 'Spartan';
font-size: 5rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 0;
letter-spacing: .08rem;
}
.lowheadttls h1 .en.big {
font-size: 8rem;
line-height: 1.4625;
letter-spacing: .12rem;
}
.lowheadttls h1 .ja {
display: block;
margin: 0;
font-size: inherit;
line-height: 1.5;
letter-spacing: .12em;
}
@media screen and (max-width: 1023px) {
.lowheadttls {
flex-direction: column;
padding: 100px 0 0;
margin: 0 auto 60px;
width: 88%;
}
.lowheadttls h1 {
width: 100%;
margin: 0 0 10px;
font-size: 1.8rem;
}
.lowheadttls h1 .mh {
min-height: calc(18.9rem + 36px);
}
.lowheadttls h1 .num {
margin: 0 0 24px;
}
.lowheadttls h1 .en {
font-size: 4rem;
margin-bottom: 12px;
}
.lowheadttls h1 .en.big {
font-size: 6rem;
line-height: 1.2;
}
}
@media screen and (max-width: 767px) {
.lowheadttls {
padding: 60px 0 0;
margin: 0 auto 20px;
}
.lowheadttls h1 {
min-height: calc(12.1rem + 24px);
margin: 0 0 15px;
font-size: 1.5rem;
}
.lowheadttls h1 .mh {
min-height: calc(12.1rem + 24px);
}
.lowheadttls h1 .num {
margin: 0 0 16px;
}
.lowheadttls h1 .en {
font-size: 2.6rem;
line-height: 1.4;
margin-bottom: 8px;
}
.lowheadttls h1 .en.big {
font-size: 3rem;
line-height: 1.4;
}
} #breadcrumb {
width: 34%;
padding: 0;
color: inherit;
}
#breadcrumb ul {
max-width: 100%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: -7px 0 -7px auto;
padding: 0;
overflow: hidden;
}
#breadcrumb ul li,
#breadcrumb ul li a {
color: #000;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 600;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.12em;
}
#breadcrumb ul li a {
color: #acacac;
}
#breadcrumb ul li {
margin: 7px;
}
#breadcrumb ul li:nth-child(even) {
font-weight: 400;
letter-spacing: -0.1em;
}
#breadcrumb ul li span span {
display: inline;
}
#breadcrumb ul li span.num,
#breadcrumb ul li span.ja {
display: none;
}
@media screen and (max-width: 1023px) {
#breadcrumb {
width: 100%;
}
#breadcrumb ul {
max-width: 100%;
margin: -3px 0 -3px auto;
}
#breadcrumb ul li {
margin: 0 3px;
}
#breadcrumb ul li:nth-child(even) {
letter-spacing: -0.5em;
margin-right: calc(.5em + 3px);
}
}
@media screen and (max-width: 767px) {
#breadcrumb ul {
margin: -2px 0;
}
#breadcrumb ul li {
margin: 2px 3px;
}
#breadcrumb ul li:nth-child(even) {
letter-spacing: -0.5em;
margin-right: calc(.5em + 3px);
}
}
.on-sp {
display: none;
}
.mt-230 {
margin-top: min(calc(230 / 1800 * 100vw), 230px);
}
.mt-200 {
margin-top: min(calc(200 / 1600 * 100vw), 200px);
}
.mt-125 {
margin-top: min(calc(125 / 1200 * 100vw), 125px);
}
.mt-80 {
margin-top: min(calc(80 / 1200 * 100vw), 80px);
}
.pb-0 {
padding: 0 !important;
}
.page:not(.home) .inners {
max-width: 1500px;
width: 85%;
margin: 0 auto;
padding-bottom: 0 !important;
}
.inners-s {
max-width: 1300px;
width: 85%;
margin: 0 auto;
}
.inners-s-side {
max-width: 1360px;
width: 85%;
margin: 0 auto;
}
.inners-ss {
max-width: 1100px;
width: 85%;
margin: 0 auto;
}
.content-s {
max-width: calc(800px + 30px);
}
@media screen and (max-width: 1023px) {
.page:not(.home) .inners {
width: 88%;
}
.inners-s {
width: 88%;
}
.inners-ss {
width: 88%;
}
}
@media screen and (max-width: 767px) {
.on-sp {
display: block;
}
.mt-230 {
margin-top: max(calc(230 / 1600 * 100vw), 50px);
}
.mt-200 {
margin-top: max(calc(200 / 1600 * 100vw), 45px);
}
.mt-125 {
margin-top: max(calc(125 / 1200 * 100vw), 40px);
}
.mt-80 {
margin-top: max(calc(80 / 1200 * 100vw), 40px);
}
}
.lowPage {
position: relative;
padding-bottom: min(calc(140 / 1200 * 100vw), 140px);
}
.lowPage .txts {
font-size: 1.6rem;
line-height: 2.2 !important;
letter-spacing: .08em;
}
.lowPage .narrow {
line-height: 2.2 !important;
}
.post .train {
margin: 0;
padding: 0;
font-family: 'Train One', cursive;
font-weight: 400;
}
.post .mincho {
margin: 0;
padding: 0;
font-family: 'Zen Antique Soft', serif;
font-weight: 400;
}
.post .spartan {
margin: 0;
padding: 0;
font-family: 'Spartan', sans-serif;
font-weight: 400;
}
.post .philosopher {
margin: 0;
padding: 0;
font-family: 'Philosopher', serif;
font-weight: 400;
}
.post .goudy {
margin: 0;
padding: 0;
font-family: 'Sorts Mill Goudy', serif;
font-weight: 400;
}
.post .under_line {
display: block;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
padding: 0 0 .2em;
text-align: center;
}
.post .under_line::before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #000;
width: 100%;
height: 2px;
z-index: 1;
}
@media screen and (max-width: 767px) {
.lowPage {
padding-bottom: max(calc(140 / 1200 * 100vw), 45px);
}
.lowPage .txts {
font-size: 1.4rem;
line-height: 2 !important;
}
.lowPage .txts br {
display: none;
}
li {
font-size: 1.4rem;
}
}
.note {
width: fit-content;
margin-left: auto;
font-size: 1.4rem;
}
.post .kome {
padding-left: 1em;
text-indent: -1em;
} .bg_design {
background-image: url(//teamslash.jp/wp-content/uploads/feature_img07.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
padding: min(calc(160 / 1400 * 100vw), 160px) 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) { _::-webkit-full-page-media,
_:future,
:root .bg_design {
background-attachment: scroll;
}
}
.post .design_ttl {
background: none;
border: none;
margin: 0 0 45px;
padding: 0;
font-weight: 700;
font-size: 5.5rem;
text-align: center;
line-height: 1.3846;
letter-spacing: .08em;
}
.post .design_ttl .middle {
font-size: 4rem;
letter-spacing: .08em;
}
.post .design_ttl .small {
display: table;
border: 1px solid #000;
margin: 0 auto 22px;
padding: 1em 1em .8em;
font-size: 1rem;
line-height: 1;
letter-spacing: 0.1em;
}
.post .design_ttl .big {
display: inline;
font-size: 6.5rem;
}
@media screen and (max-width: 1023px) {
.post .design_ttl {
margin: 0 0 30px;
font-size: 4.5rem;
}
.post .design_ttl .middle {
font-size: 3.2rem;
}
.post .design_ttl .small {
margin: 0 auto 18px;
}
}
@media screen and (max-width: 767px) {
.bg_design {
padding: max(calc(160 / 1400 * 100vw), 40px) 0;
}
.post .design_ttl {
margin: 0 0 15px;
font-size: 3rem;
}
.post .design_ttl .middle {
font-size: 2.4rem;
}
.post .design_ttl .small {
margin: 0 auto 18px;
padding: 1em .8em .8em;
}
} .bg_black {
background: url(//teamslash.jp/wp-content/uploads/bg_black.png);
padding: min(calc(120 / 1200 * 100vw), 120px) 0;
color: #fff;
}
@media screen and (max-width: 767px) {
.bg_black { padding: max(calc(120 / 1200 * 100vw), 35px) 0; }
} .bg_image {
position: relative;
background-color: #fff;
padding: min(calc(120 / 1200 * 100vw), 120px) 0;
overflow: hidden;
z-index: 1;
}
.bg_image::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(//teamslash.jp/wp-content/uploads/wp_kv.jpg);
background-repeat: repeat-y;
background-position: right top;
background-size: 100% auto;
background-attachment: fixed;
-ms-filter: blur(8px);
filter: blur(8px);
opacity: .6;
z-index: -1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) { _::-webkit-full-page-media,
_:future,
:root .bg_image::before {
background-attachment: scroll;
}
}
@media screen and (max-width: 767px) {
.bg_image { padding: max(calc(120 / 1200 * 100vw), 35px) 0; }
} .link_area {
overflow: hidden;
z-index: 1;
}
.link_area a {
display: block;
position: relative;
}
.link_area_bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
.link_area_bg img {
max-width: none;
width: 100%;
height: 100%;
opacity: 1 !important;
object-fit: cover;
transition: transform .5s, filter .5s;
will-change: transform, filter;
}
.link_area a:hover .link_area_bg img {
transform: scale(1.02);
-webkit-filter: blur(10px);
filter: blur(10px);
}
.link_area_content {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: min(calc(600 / 1600 * 100vw), 600px);
min-height: 270px;
padding: 8vw 0;
z-index: 1;
}
.link_area_content::after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #000;
opacity: .5;
z-index: -1;
}
.post .link_ttl_arrow {
position: relative;
width: fit-content;
margin: 0 auto;
padding: 0 min(calc(80px + (1vw - 19.2px) * 2.2321), 80px); color: #fff;
}
.link_ttl_arrow::after {
font-family: FontAwesome;
content: '\f178';
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: min(calc(2.2rem + (1vw - 1.92rem) * 0.6138), 2.2rem); right: 0;
border: 1px solid #fff;
border-radius: 100%;
max-width: 56px;
max-height: 56px;
width: calc(56px + (1vw - 19.2px) * 1.5625);
height: calc(56px + (1vw - 19.2px) * 1.5625); font-size: 22px;
font-size: min(calc(22px + (1vw - 19.2px) * 0.6138), 22px); line-height: 1;
transform: translateY(-50%);
} _::-webkit-full-page-media,
_:future,
:root .link_ttl_arrow::after {
transform: translateY(-40%);
}
.post .link_ttl {
background: none;
margin: 0 auto;
padding: 0;
color: inherit;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: 6rem;
font-size: min(calc(6rem + (1vw - 1.92rem) * 1.6741), 6rem); letter-spacing: 0.05em;
text-align: center;
word-break: break-all;
}
.post .link_ttl .en {
display: block;
}
.post .link_ttl .ja {
display: block;
margin-top: .5em;
font-size: 2.6rem;
}
@media screen and (max-width: 1023px) {     .link_area_content { height: calc(450 / 1023 * 100vw); } .post .link_ttl_arrow {   }
.link_ttl_arrow::after {       }
.post .link_ttl {   } .post .link_ttl .ja { font-size: 2rem;
}
}
@media screen and (max-width: 767px) {     .link_area_content { height: calc(220 / 375 * 100vw);
min-height: 200px;  } .post .link_ttl_arrow { padding: 0 calc(5.4rem + (1vw - 0.77rem) * 3.5714);  }
.link_ttl_arrow::after { top: calc(1.45rem + (1vw - 0.77rem) * 0.9247);  width: calc(40px + (1vw - 7.7px) * 2.5510);
height: calc(40px + (1vw - 7.7px) * 2.5510);    }
.post .link_ttl { font-size: calc(4rem + (1vw - 0.77rem) * 2.5510);  } .post .link_ttl .ja { font-size: 1.8rem;
}
} .menu_box_bg {
position: relative;
padding-bottom: 200px;
padding-bottom: min(14.2857vw, 200px);
z-index: 5;
}
.menu_box_bg::before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 383px;
height: min(27.3571vw, 383px);
background-color: #212121;
margin: 0 calc(50% - 50vw);
z-index: -1;
}
.menu_box {
display: flex;
flex-wrap: wrap;
margin-top: 80px;
gap: 40px;
}
.menu_box_item-2 {
width: calc(50% - (40px / 2));
}
.menu_box_item-3 {
width: calc(33.3333% - (80px / 3));
}
.menu_box_item>a {
display: block;
height: 100%;
}
.menu_box_item>a img {
opacity: 1 !important;
}
.menu_box_item_content {
position: relative;
overflow: hidden;
height: 100%;
min-height: 489px;
min-height: min(30vw, 489px);
padding: 60px;
padding: min(5vw, 54px);
color: #fff;
z-index: 5;
}
.menu_box_item_bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: transform .3s ease-in-out;
z-index: -1;
}
.menu_box_item>a:hover .menu_box_item_bg {
transform: scale(1.1);
}
.menu_box_item_bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post .menu_box_ttl {
background: none;
margin: 0 0 20px;
padding: 0;
color: #fff;
color: inherit;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: 2.6rem;
line-height: 1.4615 !important;
letter-spacing: .08em;
word-break: break-all;
}
.post .menu_box_ttl .num {
display: block;
margin: 0 0 .4em;
font-weight: 500;
font-size: 1.2rem;
line-height: 1;
letter-spacing: normal;
}
.post .menu_box_ttl .hyphen {
margin: 0 3px;
}
.post .menu_box_ttl .en {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
border-bottom: 1px solid #fff;
}
.post .menu_box_ttl .ja {
display: block;
margin-top: .9em;
font-size: 1.4rem;
line-height: 1.5 !important;
letter-spacing: .12em;
}
.menu_box .txts {
font-weight: 700;
}
@media screen and (max-width: 1279px) {
.menu_box>* {
width: calc(50% - (40px / 2));
}
}
@media screen and (max-width: 1023px) {
.menu_box_bg {
padding-bottom: 120px;
padding-bottom: min(14.2857vw, 200px);
}
.menu_box {
margin-top: 60px;
gap: 30px;
}
.menu_box>* {
width: calc(50% - (30px / 2));
}
.menu_box_item_content {
min-height: 0;
padding: 5.3333vw;
}
.post .menu_box_ttl {
margin: 0 0 15px;
padding: 0;
font-size: 2.4rem; }
.post .menu_box_ttl .ja {
font-size: 1.3rem;
}
}
@media screen and (max-width: 767px) {
.menu_box_bg {
padding-bottom: 40px;
padding-bottom: min(14.2857vw, 200px);
}
.menu_box_bg::before {
height: 32vw;
height: min(32vw, 383px);
}
.menu_box {
flex-direction: column;
max-width: 500px;
margin: 30px auto 0;
}
.menu_box>* {
width: 100%;
min-height: 0%;
}
.menu_box_item_content {
min-height: 0;
min-height: min(62vw, 300px);
padding: 6.6666vw;
}
.post .menu_box_ttl {
margin: 0 0 12px;
padding: 0;
font-size: 2rem; }
} .lowLead {
display: flex;
align-items: flex-start;
}
.low_lead_image {
width: 50%;
}
.low_lead_image img {
max-width: none;
width: 100%;
}
.low_lead_txtsbox {
width: 50%;
margin-top: 12.5%;
padding: 0 5% 0 80px;
}
.lead_txts {
font-weight: 700;
font-size: calc(7.5rem + (1vw - 1.92rem) * 2.2321); line-height: 1.3333;
letter-spacing: .08em;
}
.lead_txts-s {
margin: 0 0 20px;
font-weight: 700; font-size: calc(4.5rem + (1vw - 1.92rem) * 1.8973);  line-height: 1.4444;
letter-spacing: 0.08em;
}
.sub_lead_txts {
font-weight: 700;
font-size: 2.4rem;
line-height: 1.5;
letter-spacing: .08em;
}
.sub_lead_txts .small {
margin: 0 5px;
font-size: 1.8rem;
}
@media screen and (max-width: 1400px) {
.low_lead_txtsbox {
padding: 0 5%;
}
}
@media screen and (max-width: 1023px) {
.lowLead {
flex-direction: column;
}
.low_lead_image {
width: 60%;
min-height: 0%;
}
.low_lead_txtsbox {
width: 100%;
margin-top: 60px;
padding: 0 6%;
}
.lead_txts {
font-weight: 700;
font-size: calc(7rem + (1vw - 1.02rem) * 7.8431); }
.lead_txts-s { font-size: calc(4.5rem + (1vw - 1.92rem) * 1.1161);  }
.sub_lead_txts {
margin-top: .5em;
font-size: 2.2rem;
}
.sub_lead_txts .small {
font-size: 1.7rem;
}
}
@media screen and (max-width: 767px) {
.low_lead_image {
width: 88%;
}
.low_lead_txtsbox {
margin-top: 35px;
padding: 0 6%;
}
.lead_txts {
font-size: calc(5rem + (1vw - 0.77rem) * 5.1020); line-height: 1.45;
}
.lead_txts-s {
margin: 0 0 18px;
font-size: calc(3.5rem + (1vw - 0.77rem) * 3.8265); line-height: 1.65;
}
.sub_lead_txts {
font-size: 1.6rem;
}
.sub_lead_txts .small {
font-size: 1.4rem;
}
} .low_lead_bg_txts {
position: absolute;
top: calc(-75 / 1920 * 100vw);
left: 39%;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 100;
font-size: calc(260 / 1920 * 100vw);
color: #fff;
line-height: 1;
letter-spacing: -0.04em;
z-index: -1;
opacity: .5;
}
.low_lead_bg_txts.line-2 {
top: calc(-150 / 1920 * 100vw);
}
.bg_txts {
position: fixed;
top: 50%;
left: 55.2083%;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: calc(140 / 1920 * 100vw);
color: #fff;
line-height: 1;
letter-spacing: .16em;
transform: translateY(-50%);
z-index: -1;
opacity: 0;
visibility: hidden;
transition: opacity .5s, visibility .5s;
}
.bg_txts.active {
opacity: 1;
visibility: visible;
opacity: .5;
}
@media screen and (max-width: 767px) {
.low_lead_bg_txts {
display: none;
}
.low_lead_bg_txts.line-2 {
top: -110px;
}
.bg_txts {
display: none !important;
}
} .fade {
height: 0;
visibility: hidden;
text-align: center;
font-size: 100px;
line-height: 1.2;
}
.fade.active {
height: auto;
visibility: visible;
}
.fadeout.active {
height: 0;
visibility: hidden;
}
@media screen and (max-width: 767px) {
.fade {
font-size: 30px;
}
} .side_txts_wrap {
position: relative;
padding-right: 30px;
}
.side_txts_wrap_both {
padding-left: 30px;
}
.side_txts {
position: absolute;
top: 1em;
right: 1px;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: .18em;
line-height: 1;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
@media screen and (max-width: 1023px) {
.side_txts_wrap {
padding-right: 25px;
}
.side_txts_wrap_both {
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
.side_txts_wrap {
padding-right: 16px;
}
} .white_box {
background-color: rgba(255, 255, 255, .5);
border-radius: 20px;
padding: 80px;
box-shadow: 0px 0px 68px 0px rgba(0, 0, 0, 0.1);
}
.post .white_box_ttl {
position: relative;
margin: 0 0 15px;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: 5.4rem;
font-size: min(calc(5.4rem + (1vw - 1.60rem) * 2.4306), 5.4rem); line-height: 1.2222;
letter-spacing: 0.05em;
}
.post .white_box_ttl .en {
display: block;
margin: 0;
padding: 0;
word-break: break-all;
}
.post .white_box_ttl .ja {
display: block;
margin: .16em 0 0;
padding: 0; font-size: min(calc(2.2rem + (1vw - 1.60rem) * 0.6944), 2.2rem); }
.post .white_box_ttl-s {
font-size: 4rem;
font-size: min(calc(4rem + (1vw - 1.60rem) * 1.3889), 4rem); line-height: 1.25;
}
.post .white_box_ttl-s .ja {
margin-top: 0.2em;
font-size: min(calc(1.8rem + (1vw - 1.60rem) * 0.3472), 1.8rem); }
.post .white_box_ttl_quotation {
position: relative;
background: none;
border: none;
margin: 0 0 25px;
padding: 0;
font-weight: 700;
font-size: 3.2rem;
line-height: 1.375;
letter-spacing: .08em;
}
.post .white_box_ttl_quotation::before {
content: '';
display: block;
position: absolute;
top: -30px;
left: -20px;
background-image: url(//teamslash.jp/wp-content/uploads/d_quotation.png);
background-repeat: no-repeat;
background-size: contain;
width: 32px;
height: 30px;
}
.post .white_box_ttl_line {
margin: 0 0 15px;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: min(calc(6.5rem + (1vw - 1.40rem) * 2.6596), 6.5rem); line-height: 1.2;
letter-spacing: 0.08em;
}
.post .white_box_ttl_line .line {
display: block;
border-bottom: 1px solid #000;
margin: 0 0 8px;
padding: 0 0 .15em;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: 600;
font-size: 1.4rem;
line-height: 1.5;
letter-spacing: 0.08em;
}
.post .white_box_ttl_line .big {
display: block;
margin: 0;
padding: 0;
}
.post .white_box_ttl_underline {
background: none;
margin: 0 0 min(calc(45 / 1400 * 100vw), 45px);
padding: 0;
font-weight: 700;
font-size: 4.5rem;
font-size: min(calc(4.5rem + (1vw - 1.40rem) * 3.4574), 4.5rem);
text-decoration: underline;
text-underline-offset: .28em;
text-decoration-thickness: 2px;
line-height: 1.6666; }
.spacing>*+* {
margin-top: 50px;
}
@media screen and (max-width: 1023px) {
.white_box {
padding: 8vw;
}
.post .white_box_ttl {
position: relative;
margin: 0 0 15px;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: 5.4rem;
font-size: min(calc(5.4rem + (1vw - 1.60rem) * 2.4306), 5.4rem); line-height: 1.2222;
letter-spacing: .1em;
}
.post .white_box_ttl .en {
display: block;
margin: 0;
padding: 0;
}
.post .white_box_ttl .ja {
display: block;
margin: 0;
padding: 0;
font-size: min(calc(2.2rem + (1vw - 1.60rem) * 0.6944), 2.2rem); }
.post .white_box_ttl_quotation {
font-size: 3rem;
line-height: 1.4;
}
.post .white_box_ttl_line {
margin: 0 0 12px;
}
.post .white_box_ttl_line .line {
margin: 0 0 14px;
font-size: 1.3rem;
}
.post .white_box_ttl_underline { margin: 0 0 30px; font-size: 3.2rem;  line-height: 1.7; }
.spacing>*+* {
margin-top: 40px;
}
}
@media screen and (max-width: 767px) {
.white_box {
padding: 7vw 6.8vw;
}
.post .white_box_ttl {
font-size: 2.4rem;
line-height: 1.35;
letter-spacing: .1em;
}
.post .white_box_ttl .en {
display: block;
margin: 0;
padding: 0;
}
.post .white_box_ttl .ja {
display: block;
margin: 0;
padding: 0;
font-size: min(calc(2.2rem + (1vw - 1.60rem) * 0.6944), 2.2rem); }
.post .white_box_ttl_quotation {
margin: 0 0 20px;
padding: 10px 0 0;
font-size: 1.8rem;
line-height: 1.5;
}
.post .white_box_ttl_quotation::before {
top: -10px;
left: -10px;
width: calc(32px * .6);
height: calc(30px * .6);
}
.post .white_box_ttl_line {
margin: 0 0 13px;
font-size: calc(4.5rem + (1vw - 0.77rem) * 4.3367); line-height: 1.2;
}
.post .white_box_ttl_line .line {
margin: 0 0 10px;
font-size: 1.1rem;
}
.post .white_box_ttl_underline { margin: 0 0 20px; font-size: 2.2rem;  line-height: 1.8; }
.spacing>*+* {
margin-top: 30px;
}
} .num_box {
position: relative;
}
.num_box::before {
counter-increment: number 1;
content: counter(number, decimal-leading-zero);
position: absolute;
top: 0;
left: 65px;
color: transparent;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 600;
font-size: 54px;
-webkit-text-stroke: 1px #000;
text-stroke: 1px #000;
line-height: 1;
transform: translateY(-38%);
}
@media screen and (max-width: 1023px) {
.num_box::before {
left: 7.5vw;
font-size: 50px; }
}
@media screen and (max-width: 767px) {
.num_box {
padding-top: calc(5vw + 18px);
}
.num_box::before {
left: 6.5vw;
font-size: 35px; }
} .black_line_box {
border: 2px solid #000;
padding: 90px 100px 100px 120px;
}
.post .black_line_box_ttl {
background: none;
margin: 0 0 25px;
padding: 0;
font-weight: 700;
font-size: 2.4rem;
text-align: center;
line-height: 1.5;
letter-spacing: 0.06em;
}
.post .black_line_box_ttl .en {
display: block;
font-family: 'Spartan';
}
.post .black_line_box_ttl .ja {
display: block;
margin-top: 8px;
font-size: 1.6rem;
}
@media screen and (max-width: 1023px) {
.black_line_box {
padding: 9vw;
}
.post .black_line_box_ttl { margin: 0 0 20px; font-size: 2.2rem; line-height: 1.6; } .post .black_line_box_ttl .ja { font-size: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.black_line_box {
padding: 8vw 6vw 6.5vw;
}
.post .black_line_box_ttl { margin: 0 0 15px; font-size: 1.8rem; line-height: 1.7; } .post .black_line_box_ttl .ja { font-size: 1.4rem;
}
} .post .number_list {
margin: 0;
}
.post .number_list li {
position: relative;
border-bottom: 1px solid #000;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0;
padding-bottom: .05em;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: 3rem;
padding-left: 5rem;
line-height: 1.3333;
letter-spacing: .08em;
}
.post .number_list li::before {
counter-increment: number2 1;
content: counter(number2, decimal-leading-zero) '.';
position: absolute;
top: 1.2rem;
left: 0;
color: #fff;
font-weight: 700;
font-size: 1.9rem;
-webkit-text-stroke: 1px #000;
text-stroke: 1px #000;
letter-spacing: 0.04em;
}
.post .number_list li+li {
margin-top: 28px;
}
@media screen and (max-width: 1023px) {
.post .number_list li {
font-size: 2.4rem;
padding-left: 4.5rem;
}
.post .number_list li::before {
top: .8rem;
font-size: 1.8rem; }
.post .number_list li+li {
margin-top: 25px;
}
}
@media screen and (max-width: 767px) {
.post .number_list li {
padding-bottom: .15em;
font-size: 1.8rem;
padding-left: 3.2rem;
}
.post .number_list li::before {
top: .5rem;
font-size: 1.3rem; }
.post .number_list li+li {
margin-top: 18px;
}
} .post .check_list {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0; }
.post .check_list li {
width: 30%;
margin: 0;
padding: 0 0 0 1.6em;
font-weight: 500;
text-indent: -1.6em;
line-height: 1.5;
}
.post .check_list li:nth-child(n+4) {
margin-top: .6em;
}
.post .check_list li:not(:nth-child(3n+1)) {
margin-left: 5%;
}
.post .check_list li::before {
font-family: FontAwesome;
content: '\f00c';
margin-right: 0.5em;
}
@media screen and (max-width: 1023px) { .post .check_list li {
width: 48%; }
.post .check_list li:nth-child(n+3) {
margin-top: .6em;
}
.post .check_list li:not(:nth-child(3n+1)) {
margin-left: 0;
}
.post .check_list li:not(:nth-child(2n+1)) {
margin-left: 4%;
} }
@media screen and (max-width: 767px) {
.post .check_list { flex-direction: column;   }
.post .check_list li {
width: 100%; }
.post .check_list li:nth-child(n+2) {
margin-top: .75em;
} .post .check_list li:not(:nth-child(2n+1)) {
margin-left: 0;
} } .on-sp {
display: none;
}
.on-tab {
display: none;
}
@media screen and (max-width: 1023px) {
.on-tab {
display: block;
}
.off-tab {
display: none;
}
}
@media screen and (max-width: 767px) {
.on-sp {
display: block;
}
.off-sp {
display: none;
}
} @-webkit-keyframes fadeIn {
from {
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
to {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@keyframes fadeIn {
from {
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
to {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
-webkit-filter: blur(10px);
filter: blur(10px);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
-webkit-filter: blur(10px);
filter: blur(10px);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-filter: blur(0);
filter: blur(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@media screen and (max-width: 767px) {
.fadeInUp {
animation-delay: 0s !important;
}
} .post h2:before {
content: none;
}
.post h3::before {
content: none;
}
.post .line_ttl {
display: flex;
align-items: flex-end;
background: none;
border-bottom: 1px solid #000;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 0 80px;
padding: 0 5vw 0 10.625vw;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: 4rem;
text-align: left;
line-height: 1.375;
letter-spacing: 0.08em;
}
.post .line_ttl_white {
border-bottom: 1px solid #fff;
color: #fff;
}
.post .line_ttl .small {
flex-shrink: 0;
display: block;
margin-right: 25px;
margin-bottom: .8em;
font-size: 1rem;
letter-spacing: 0.1em;
vertical-align: middle;
}
@media screen and (max-width: 1023px) {
.post .line_ttl {
margin: 0 0 55px;
font-size: 3.2rem;
}
}
@media screen and (max-width: 767px) {
.post .line_ttl {
margin: 0 0 30px;
padding: 0 6vw;
font-size: 2.4rem;
}
.post .line_ttl-sp {
display: block;
padding-bottom: .2em;
}
.post .line_ttl .small {
margin-right: 15px;
}
}
.post .underline_ttl {
position: relative;
background: none;
margin: 0 0 23px;
padding: 0 0 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: 2.6rem;
text-align: center;
line-height: 1.3846;
letter-spacing: 0.06em;
}
.post .underline_ttl .small {
padding: 0;
font-size: 2rem;
}
.post .underline_ttl::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
background-color: #000;
width: 50px;
height: 1px;
transform: translateX(-50%);
}
@media screen and (max-width: 1023px) {
.post .underline_ttl { font-size: 2.2rem; line-height: 1.5; }
.post .underline_ttl .small {
font-size: 1.8rem;
} }
@media screen and (max-width: 767px) {
.post .underline_ttl { margin: 0 0 16px;
padding: 0 0 12px; font-size: 1.8rem; line-height: 1.6; }
.post .underline_ttl .small {
font-size: 1.6rem;
} }
.post .normal_ttl {
position: relative;
background: none;
margin: 0 0 23px;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: 4rem;
text-align: center;
line-height: 1.3;
letter-spacing: 0.08em;
}
@media screen and (max-width: 1023px) {
.post .normal_ttl { margin: 0 0 18px; font-size: 3.5rem; line-height: 1.5; }
}
@media screen and (max-width: 767px) {
.post .normal_ttl { margin: 0 0 15px; font-size: 2.8rem; line-height: 1.65; }
} .circlebtn {
overflow: hidden;
z-index: 5;
}
.circlebtn a {
transition: color .3s;
}
.circlebtn a:hover {
color: #fff;
}
.circlebtn.bklink a:hover {
color: #000;
}
.circlebtn::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
background: #000;
border-radius: 100%;
width: 105%;
height: 105%;
transform: translate(-50%, -50%) scale(0);
transition: transform .3s;
z-index: -1;
}
.circlebtn:hover::before {
transition: transform .25s;
}
.circlebtn.bklink::before {
background-color: #fff;
}
.circlebtn:hover::before {
transform: translate(-50%, -50%) scale(1);
}
.commonbtn {
display: flex;
max-width: 296px;
width: 100%;
height: auto !important;
min-height: 65px;
border: 1px solid #000;
background-color: #000;
border-radius: 300px;
color: #fff;
font-weight: 700;
font-size: 1.6rem;
text-align: center;
margin: 0 auto;
transition: color .4s, background-color .4s;
}
.commonbtn-short {
max-width: 200px;
}
.commonbtn-s {
font-size: 1.4rem;
}
.commonbtn-500 {
font-weight: 500;
}
.commonbtn a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto !important;
padding: .8em 2em;
color: inherit !important;
}
.commonbtn .en {
display: inline-block;
font-weight: 500;
font-family: 'Spartan';
transform: translateY(.18em);
}
.commonbtn:hover {
background-color: #fff !important;
color: #000 !important;
}
.external a::after {
display: inline-block;
font-family: FontAwesome;
content: '\f35d';
margin-left: 6px;
font-size: 1.8rem;
transform: translateY(-.08em);
}
.nolink {
pointer-events: none;
}
@media screen and (max-width: 767px) {
.commonbtn { max-width: 260px; min-height: 54px;  font-size: 1.3rem; }
.commonbtn-short {
max-width: 200px;
}
.commonbtn-s {
font-size: 1.2rem;
}
.commonbtn a {   } .external a::after { font-size: 1.5rem; }
.foots_btns .linkbb a {
font-size: 1.5rem;
}
} .mission_image {
max-width: 407px;
margin: 0 auto 55px;
}
.lowMission .txts {
letter-spacing: .05em;
}
.vision_txtsbox {
margin-bottom: 25px;
}
.post .vision_txts {
font-weight: 700;
font-size: 3rem;
text-align: center;
line-height: 1.7666;
}
.vision_lead {
font-size: calc(11rem + (1vw - 1.92rem) * 3.3482); line-height: 1;
}
.vision_lead p {
letter-spacing: -.04em;
}
.vision_lead .ls {
letter-spacing: -.15em;
}
.vision_lead .ls-b {
letter-spacing: -.4em;
}
@media screen and (max-width: 1023px) {
.mission_image {
margin: 0 auto 45px;
}
.vision_txtsbox {
margin-bottom: 20px;
}
.post .vision_txts {
font-size: 2.6rem;
}
}
@media screen and (max-width: 767px) {
.mission_image {
margin: 0 auto 35px;
}
.vision_txtsbox {
margin-bottom: 15px;
}
.post .vision_txts {
font-size: 1.8rem;
}
.vision_lead {
font-size: calc(7rem + (1vw - 0.77rem) * 7.6531); }
} .feature_role_image {
max-width: 590px;
margin-top: 90px;
margin-left: 16px;
}
.feature_outcome_image {
margin-top: 50px;
}
.lowOutComeFlow .inners-s {
padding-left: 64px;
}
.post .solution_list {
margin: 0;
}
.post .solution_list li {
width: calc(90.6957% + 30px);
margin: 0;
}
.post .solution_list li+li {
margin-top: 80px;
}
.post .solution_list li:nth-child(odd) {
margin-left: auto;
}
.post .solution_list .white_box_ttl .ja {
position: absolute;
top: min(calc(1.5rem + (1vw - 1.60rem) * 0.5208), 1.5rem); }
.post .solution_list .white_box_ttl .sympathy_ja {
left: min(calc(19.2rem + (1vw - 1.60rem) * 6.9444), 19.2rem); }
.post .solution_list .white_box_ttl .chance_ja {
left: min(calc(19.6rem + (1vw - 1.60rem) * 6.9444), 19.6rem); }
.post .solution_list .white_box_ttl .business_ja {
left: min(calc(11.2rem + (1vw - 1.60rem) * 3.4722), 11.2rem); }
.solution_list_flex {
display: flex;
justify-content: space-between;
}
.solution_list_description {
max-width: 550px;
width: 55%;
}
.solution_list_image-1 {
max-width: 303px;
width: calc(303 / 850 * 100%);
margin: 10px 5px 0 0;
}
.solution_list_image-2 {
max-width: 301px;
width: calc(301 / 850 * 100%);
margin: 19px 13px 0 0;
}
.solution_list_image-3 {
max-width: 327px;
width: calc(327 / 850 * 100%);
margin: -2px 11px 0 0;
}
.lowSolution {
padding-right: 3%;
}
.solution_box {
max-width: calc(1401px + 30px);
width: 82%;
}
.solution_box_bg {
position: relative;
background-image: url(//teamslash.jp/wp-content/uploads/feature_img06.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: min(calc(155 / 1600 * 100vw), 155px) 9.6354vw min(calc(155 / 1600 * 100vw), 155px) 0;
color: #fff;
z-index: 5;
}
.solution_box_bg::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .6);
z-index: -1;
}
.lowSolution .txtsbox {
padding: 0 0 0 10.625vw;
}
.lowDesignValue {
background-image: url(//teamslash.jp/wp-content/uploads/feature_img07.png);
background-repeat: no-repeat;
background-size: cover;
padding-bottom: min(calc(170 / 1400 * 100vw), 170px);
}
.scrollwrap {
overflow: scroll;
}
.lowDesignValue .txtsbox {
text-align: center;
}
.whats_slash_flex {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
.whats_slash_logo {
max-width: 151px;
min-height: 0%;
margin-right: 12.7853%;
}
.post .whats_slash_ttl {
background: none;
border: none;
margin: 0 0 25px;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
font-size: 3.5rem;
letter-spacing: 0.1em;
line-height: 1.3;
}
.post .design_value_copy {
font-size: calc(8rem + (1vw - 1.40rem) * 2.6596);
font-weight: 400; text-align: center;
line-height: .9;
letter-spacing: normal;
}
.post .design_value_copy.under_line {
padding-bottom: .15em;
}
.post .design_value_copy .spartan {
font-weight: 200;
font-size: .625em;
}
@media screen and (max-width: 1400px) {
.solution_list_image {
margin-top: calc(10.5rem + 15px);
}
.post .solution_list .white_box_ttl .ja {
margin-right: calc(50% - 50vw);
}
}
@media screen and (max-width: 1023px) {
.feature_role_image {
margin-top: 60px;
}
.feature_outcome_image {
margin-top: 40px;
}
.lowOutComeFlow .inners-s {
padding-left: 40px;
}
.post .solution_list li {
width: calc(90.6957% + 25px);
}
.post .solution_list li+li {
margin-top: 60px;
}
.post .solution_list .white_box_ttl .ja {
position: absolute;
top: min(calc(1.5rem + (1vw - 1.60rem) * 0.5208), 1.5rem); }
.post .solution_list .white_box_ttl .sympathy_ja {
left: min(calc(19.2rem + (1vw - 1.60rem) * 6.9444), 19.2rem); }
.post .solution_list .white_box_ttl .chance_ja {
left: min(calc(19.6rem + (1vw - 1.60rem) * 6.9444), 19.6rem); }
.post .solution_list .white_box_ttl .business_ja {
left: min(calc(11.2rem + (1vw - 1.60rem) * 3.4722), 11.2rem); }
.solution_list_flex {
flex-direction: column;
}
.solution_list_description {
max-width: none;
width: 100%;
}
.solution_list_image {
margin: 40px auto 0;
}
.solution_list_image-1 {
width: 92.6605%;
}
.solution_list_image-2 {
width: 92.0489%;
}
.solution_list_image-3 {
width: 100%;
}
.solution_box {
width: 85%;
}
.whats_slash_flex {
flex-direction: column-reverse;
}
.whats_slash_logo {
margin: 0 0 40px;
}
.post .whats_slash_ttl {
margin: 0 0 20px;
font-size: 3.2rem;
text-align: center;
}
}
@media screen and (max-width: 959px) {
.post .design_value_copy {
font-size: 8rem;
}
.post .design_value_copy.under_line {
padding-bottom: 0;
}
.post .design_value_copy.under_line::before {
content: none;
}
.design_value_copy span {
display: block;
}
.design_value_copy span+span {
margin-top: .1em !important;
}
.post .design_value_copy .spartan {
margin-top: .3em !important;
}
}
@media screen and (max-width: 767px) {
.feature_role_image {
margin-top: 30px;
}
.feature_outcome_image {
margin-top: 30px;
}
.lowOutComeFlow .inners-s {
padding-left: 0;
}
.lowOutComeFlow .line_ttl {
margin-bottom: 40px;
}
.post .solution_list li {
width: 100%;
}
.post .solution_list li+li {
margin-top: 45px;
}
.post .solution_list .white_box_ttl .ja {
position: static;
margin-top: 10px;
font-size: 1.3rem;
}
.solution_list_flex {
flex-direction: column;
}
.solution_list_description {
max-width: none;
width: 100%;
}
.solution_list_image {
margin: 25px auto 0;
}
.solution_box {
width: 100%;
}
.solution_box_bg {
padding: max(calc(155 / 1600 * 100vw), 40px) 6vw max(calc(155 / 1600 * 100vw), 40px) 0;
}
.lowSolution .txtsbox {
padding: 0 0 0 6vw;
}
.lowDesignValue .txtsbox {
text-align: left;
}
.whats_slash_flex {
flex-direction: column-reverse;
}
.whats_slash_logo {
max-width: 100px;
margin: 0 0 35px;
}
.post .whats_slash_ttl {
margin: 0 0 15px;
font-size: 2.2rem;
}
.post .design_value_copy {
font-size: calc(8rem + (1vw - 0.77rem) * 5.1020); }
} .lowWebProductionAbout .white_box {
position: relative;
margin-top: -100px;
padding: 60px 100px;
}
.lowWebProductionAbout .white_box .white_box_ttl_underline {
padding-top: 5px;
}
.lowWebProductionAbout .white_box .txts.big {
margin-bottom: .7em;
font-weight: 700;
font-size: 3rem;
font-size: min(calc(3rem + (1vw - 1.40rem) * 1.3298), 3rem);
line-height: 1.3333 !important; }
.web_production_about_flex {
display: flex;
justify-content: space-between;
}
.web_production_about_description {
width: 55.663%;
}
.web_production_about_image {
max-width: 400px;
width: 36.3636%;
}
.lowWebProductionAbout .black_line_box {
padding: 60px 100px;
}
.lowWebProductionAbout .black_line_box .txtsbox {
margin: 0 0 40px;
text-align: center;
}
.lowProblemSolving .design_ttl {
margin-bottom: 35px;
color: inherit;
}
.lowProblemSolving .txtsbox {
margin: 0 0 60px;
text-align: center;
}
.post .solving_list {
display: flex;
margin: 0 -10px;
}
.post .solving_list li {
width: 33.3333%;
margin: 0;
padding: 0 10px;
}
.solving_list_item {
height: 100%;
padding-top: calc(57 / 353 * 100%);
}
.white_item {
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 20px;
height: 100%;
padding: 0 11.3314% 8%;
}
.solving_list_image {
margin: 0 auto 28px;
order: 1;
}
.solving_list_image-1 {
margin-top: calc(-57 / 273 * 100%);
max-width: 257px;
width: 95.1851%;
}
.solving_list_image-2 {
margin-top: calc(-33 / 273 * 100%);
max-width: 232px;
width: 82.9259%;
}
.solving_list_image-3 {
margin-top: calc(-50 / 273 * 100%);
max-width: 270px;
}
.solving_list .underline_ttl {
order: 2;
}
.solving_list .txtsbox {
margin: 0;
color: #111;
text-align: left;
order: 3;
}
.solving_list .txts {
font-size: 1.4rem;
line-height: 2.1428 !important;
}
.lowWebProductionPlan {
position: relative;
}
.lowWebProductionPlan .txtsbox {
margin-bottom: 40px;
text-align: center;
}
.post .plan_list {
display: flex;
flex-wrap: wrap;
margin: -20px;
}
.post .plan_list li {
width: 50%;
margin: 0;
padding: 20px;
}
.plan_list_item {
display: flex;
flex-direction: column;
position: relative;
background-repeat: no-repeat;
height: 100%;
padding: 80px 11.1111%;
overflow: hidden;
z-index: 2;
}
.plan_list_item::before {
content: '';
display: block;
position: absolute;
z-index: -2;
}
.plan_list_item::after {
position: absolute;
right: -.11em;
bottom: -.2em;
counter-increment: number3 1;
content: counter(number3);
color: #fff;
font-family: 'Spartan';
font-weight: 700;
font-size: min(calc(300 / 1600 * 100vw), 300px);
line-height: 1;
z-index: -1;
}
.plan_list_entry {
background-color: #a1a500;
}
.plan_list_entry::before {
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(//teamslash.jp/wp-content/uploads/planbg01_pat.png);
background-size: cover;
background-position: right top;
pointer-events: none;
}
.plan_list_entry::after {
right: .02em;
color: #bbbf2b;
pointer-events: none;
}
.plan_list_semi {
background-color: #efcbe1;
}
.plan_list_semi::before {
left: 0;
top: 25%;
bottom: 0;
background-image: url(//teamslash.jp/wp-content/uploads/planbg02.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left bottom;
width: calc(338 / 630 * 100%);
opacity: .7;
z-index: -1;
}
.plan_list_semi::after {
right: -.14em;
color: #f2e0eb;
}
.plan_list_basic {
background-color: #45c9ce;
}
.plan_list_basic::before {
left: 0;
top: 10%;
bottom: 0;
background-image: url(//teamslash.jp/wp-content/uploads/planbg03_pat.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
width: calc(501 / 630 * 100%);
transform: translateX(-19.2%);
z-index: -1;
}
.plan_list_basic::after {
color: #77d8dc;
}
.plan_list_premium {
background-color: #dd4c3d;
}
.plan_list_premium::before {
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: url(//teamslash.jp/wp-content/uploads/planbg04_pat.png);
background-repeat: no-repeat;
background-size: 168.5714% auto;
background-position: right 35% top 63%;
z-index: -1;
}
.plan_list_premium::after {
right: -.15em;
color: #e2786d;
}
.post .plan_list_ttl {
background: none;
max-width: 342px;
width: 90%;
margin: 0 auto 30px;
padding: 0;
}
.plan_list_tag { width: fit-content;
border-radius: 300px;
margin: 0 auto 30px;
padding: .37em 1.4375em .17em;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, 'Spartan', "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 700;
line-height: 1.6;
text-align: center;
}
.plan_list_tag .en {
display: inline-block;
font-weight: 400;
letter-spacing: normal;
transform: translateY(.05em);
}
.plan_list_tag .en::after {
content: '|';
margin: 0 4px;
}
.plan_list_tag_entry {
background-color: #626400;
}
.plan_list_tag_semi {
background-color: #d03696;
}
.plan_list_tag_basic {
background-color: #0f9ba0;
}
.plan_list_tag_premium {
background-color: #b53d30;
}
.plan_list_item .txtsbox {
text-align: left;
letter-spacing: 0.06em;
}
.plan_list_item .txts.big {
margin-bottom: .3em;
font-weight: 700;
font-size: 2.6rem;
line-height: 1.6 !important;
letter-spacing: 0.02em;
}
.plan_list_item .commonbtn {
margin-top: auto;
}
.lowWebProductionFlow .txtsbox {
margin-bottom: 70px;
text-align: center;
}
.post .flow_list {
display: flex;
justify-content: space-between;
margin: 0 0 45px;
}
.post .flow_list li {
position: relative;
list-style: none;
width: 25%;
margin: 0;
padding-top: 40px;
z-index: 1;
}
.post .flow_list li::before {
position: absolute;
right: .18em;
bottom: -.21em;
counter-increment: number4 1;
content: counter(number4);
color: #fff;
font-family: 'Spartan';
font-weight: 700;
font-size: min(calc(140 / 1023 * 100vw), 140px);
line-height: 1;
z-index: -1;
}
.flow_list_item {
height: 100%;
padding: 50px 9.8571% 55px;
border-left: 1px dashed #000;
}
.flow_list li:nth-child(4n) .flow_list_item {
border-right: 1px dashed #000;
}
.post .flow_list_ttl {
position: relative;
margin: 0 0 23px;
padding: 0 0 1rem;
font-size: 2.2rem;
line-height: 1.6;
letter-spacing: 0.06em;
}
.post .flow_list_ttl::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
width: 100%;
height: 5px;
}
.post .flow_list_ttl .step {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: -90px;
left: 0;
background-color: #000;
border-radius: 100%;
width: 70px;
height: 70px;
margin: 0;
padding: 4px 0 0;
color: #fff;
font-family: 'Spartan';
font-weight: 500;
font-size: 10px;
line-height: 1;
}
.post .flow_list_ttl .step .num {
display: block;
margin: 5px 0 0;
padding: 0;
font-weight: 700;
font-size: 26px;
letter-spacing: normal;
}
.flow_list_item .txtsbox {
margin: 0;
}
.flow_list_item .txts {
font-size: 1.4rem;
text-align: left;
line-height: 1.8571 !important;
letter-spacing: 0.06em;
}
.qa_accordion {
margin-bottom: 60px;
}
.lowWebProductionQa .commonbtn { margin: 0 auto;
} .lowWebProductionQa .vision_accordion {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-size: inherit;
}
.lowWebProductionQa .vision_accordion+.vision_accordion {
margin-top: 22px;
}
.lowWebProductionQa .accordion_heading {
display: flex;
align-items: flex-start;
position: relative;
border: none !important;
border-bottom: 1px solid #000 !important;
border-radius: 0;
background: none !important;
width: 100%;
margin: 0;
padding: 8px 50px 8px 20px !important;
color: #111;
font-family: inherit;
font-weight: 700 !important;
font-size: 2rem;
line-height: 1.6;
}
.lowWebProductionQa .accordion_heading::after {
content: '';
display: block;
position: absolute;
top: calc(50% - 6px);
right: 20px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #000 transparent transparent transparent;
}
.lowWebProductionQa .ui-accordion-header-active {
margin-bottom: 0;
}
.lowWebProductionQa .ui-accordion-header-active::after {
transform-origin: center;
transform: rotate(180deg);
}
.lowWebProductionQa .accordion_content,
.lowWebProductionQa .ui-accordion .ui-accordion-content {
position: relative;
border: none;
border-radius: 0;
background: none !important;
width: 100%;
padding: 0 !important;
font-family: inherit !important;
}
.lowWebProductionQa .accordion_content_inner {
max-width: 100%;
width: 100%;
padding: 20px 20px 0;
}
.lowWebProductionQa .accordion_heading::before {
position: static;
content: "Q.";
width: auto;
height: auto;
margin-right: 8px;
font-family: 'Spartan';
font-weight: 700;
font-size: 26px;
}
.lowWebProductionQa .ui-accordion .ui-accordion-content * {
line-height: 1.75;
}
.lowWebProductionQa .ui-accordion .ui-accordion-content figure,
.lowWebProductionQa .ui-accordion .ui-accordion-content table {
margin-bottom: 1rem;
}
@media screen and (max-width: 1400px) {
.lowWebProductionAbout .white_box { padding: 60px 80px;
} .lowWebProductionAbout .white_box .txts.big {   }  .web_production_about_image { width: 40%;
}
.lowWebProductionAbout .black_line_box {
padding: 60px 80px;
}      .white_item { padding: 0 10% 8%;
}  .solving_list .underline_ttl { font-size: calc(2.6rem + (1vw - 1.40rem) * 1.5957); }      .plan_list_item { padding: 60px 10%; }   .post .plan_list_ttl { width: 85%; }    .plan_list_item .txts.big { font-size: 2.4rem; }               }
@media screen and (max-width: 1023px) {
.lowWebProductionAbout .white_box {
max-width: 600px; margin: -100px auto 0;
padding: 6vw 8vw;
} .lowWebProductionAbout .white_box .txts.big { font-size: 2.4rem;
line-height: 1.5 !important;
}
.web_production_about_flex { flex-direction: column; }
.web_production_about_description {
width: 100%;
margin-bottom: 40px;
}
.web_production_about_image {
max-width: 300px;
width: 92%;
margin: 0 auto;
transform: translateX(-5%);
}
.lowWebProductionAbout .black_line_box {
padding: 8vw 8vw;
}
.lowWebProductionAbout .black_line_box .txtsbox {
margin: 0 0 35px; }
.lowProblemSolving .design_ttl {
margin-bottom: 30px; }
.lowProblemSolving .txtsbox {  }
.post .solving_list { flex-wrap: wrap;
justify-content: center; }
.post .solving_list li {
width: 50%;  } .white_item {  }  .solving_list .underline_ttl { font-size: 2.2rem;
}
.solving_list .txtsbox {
margin: 0; }  .lowWebProductionPlan .txtsbox {
margin-bottom: 35px; }
.post .plan_list { margin: -10px;
}
.post .plan_list li { padding: 10px;
}
.plan_list_item { padding: 6vw 8%; }   .post .plan_list_ttl { width: 88%;
margin: 0 auto 25px; }
.plan_list_tag { margin: 0 auto 20px;
padding: .37em 1.2em .17em; font-size: 1.4rem; }   .plan_list_item .txts.big { font-size: 2.2rem;
line-height: 1.65 !important; } .lowWebProductionFlow .txtsbox {
margin-bottom: 50px; }
.post .flow_list { flex-wrap: wrap;
margin: 0 0 40px;
}
.post .flow_list li { width: 50%;  }
.post .flow_list li:nth-child(n+3) {
margin-top: 2%;
}       .flow_list_item .txtsbox {
margin: 0;
} .qa_accordion {
margin-bottom: 55px;
}
.lowWebProductionQa .commonbtn a {  font-size: 1.7rem;
}  .lowWebProductionQa .vision_accordion+.vision_accordion {
margin-top: 20px;
}
.lowWebProductionQa .accordion_heading { padding: 8px 50px 8px 15px !important; font-size: 1.8rem;
line-height: 1.65;
}    .lowWebProductionQa .accordion_content_inner { padding: 18px 15px 0;
}
.lowWebProductionQa .accordion_heading::before { margin-right: 8px; font-size: 24px;
transform: translateY(-2px);
} }
@media screen and (max-width: 767px) {
.lowWebProductionAbout .kv {
margin: 0 -20vw;
}
.lowWebProductionAbout .white_box {  margin: -10vw auto 0;
padding: 7vw 6.8vw;
} .lowWebProductionAbout .white_box .txts.big { font-size: 1.8rem;
line-height: 1.6 !important;
}
.web_production_about_flex {   }
.web_production_about_description { margin-bottom: 25px;
}
.web_production_about_image { width: 92%; transform: translateX(0);
}
.lowWebProductionAbout .black_line_box {
padding: 8vw 6.5vw;
}
.lowWebProductionAbout .black_line_box .txtsbox {
margin: 0 0 20px;
text-align: left;
}
.lowProblemSolving .design_ttl {  }
.lowProblemSolving .txtsbox {
margin: 0 0 15px;
text-align: left;
}
.post .solving_list {  margin: 0;
}
.post .solving_list li {
width: 100%; padding: 0 10px;
} .white_item { padding: 0 8vw 6vw;
}
.solving_list_image { order: 1;
} .solving_list .underline_ttl { font-size: 2rem;
}
.solving_list .txtsbox {
margin: 0; }  .lowWebProductionPlan .txtsbox {
margin-bottom: 20px;
text-align: left;
}
.post .plan_list { max-width: 600px;
margin: 0 auto;
}
.post .plan_list li {
width: 100%; padding: 0;
}
.post .plan_list li+li {
margin-top: 30px;
}
.plan_list_item { padding: 8vw 6.5vw 10vw; } .plan_list_item::after { font-size: max(calc(300 / 1600 * 100vw), 150px); } .plan_list_semi { padding-top: 2vw;
}  .plan_list_basic {  }  .plan_list_premium { padding-top: 7vw;
}
.plan_list_premium::before {
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: url(https://teamslash.jp/struct/wp-content/uploads/planbg04_pat.png);
background-repeat: no-repeat;
background-size: 168.5714% auto;
background-position: right 35% top 63%;
z-index: -1;
}
.plan_list_premium::after {
right: -.15em;
color: #e2786d;
}
.post .plan_list_ttl {  margin: 0 auto 20px; }
.plan_list_tag { margin: 0 auto 20px;  font-size: 1.3rem; }   .plan_list_tag_semi { margin-top: -8vw;
}
.plan_list_tag_basic { margin-top: -3vw;
}
.plan_list_tag_premium { margin-top: -6vw;
} .plan_list_item .txts.big {
margin-bottom: .4em; font-size: 2rem;
line-height: 1.7 !important; } .lowWebProductionFlow .txtsbox {
margin-bottom: 35px;
text-align: left;
}
.post .flow_list {  margin: 0 0 20px;
}
.post .flow_list li { width: 100%; padding-top: 30px; }
.post .flow_list li:nth-child(n+3) {
margin-top: 2%;
}
.post .flow_list li::before { font-size: max(calc(140 / 1023 * 100vw), 80px); }
.flow_list_item { padding: 50px 6.5vw 5.5vw; border-right: 1px dashed #000;
} .post .flow_list_ttl { font-size: 2rem; } .post .flow_list_ttl .step { top: -75px;
left: 0; width: 60px;
height: 60px;   }
.post .flow_list_ttl .step .num { font-size: 24px; }
.flow_list_item .txtsbox {
margin: 0;
} .lowWebProductionQa .white_box {
padding-bottom: 9vw;
}
.qa_accordion {
margin-bottom: 30px;
}
.lowWebProductionQa .commonbtn a {  font-size: 1.6rem;
}  .lowWebProductionQa .vision_accordion+.vision_accordion {
margin-top: 12px;
}
.lowWebProductionQa .accordion_heading { padding: 6px 30px 6px 5px !important; font-size: 1.5rem;
line-height: 1.75;
}
.lowWebProductionQa .accordion_heading::after { right: 5px; }   .lowWebProductionQa .accordion_content_inner { padding: 12px 5px 0;
font-size: 14px;
}
.lowWebProductionQa .accordion_heading::before { margin-right: 6px; font-size: 20px; } } .post .creative_list {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.post .creative_list li {
margin: 0;
}
.post .creative_list li+li {
margin-top: 85px;
}
.post .creative_list .w100 {
width: 100%;
}
.post .creative_list .w50 {
width: 50%;
}
.post .creative_list .side_txts_wrap,
.post .creative_list .white_box {
height: 100%;
} .creative_list_content {
position: relative;
min-height: 500px;
}
.creative_list .white_box_ttl {
margin-bottom: 50px;
} .creative_list_content .white_box_ttl {
width: 50.4385%;
margin-bottom: 42px;
}
.creative_list_content .txtsbox {
width: 50.4385%;
}
.creative_list_content .commonbtn {
margin: 50px 0 0;
}
.creative_list_image-1 {
position: absolute;
top: 20%;
right: 0;
max-width: 515px;
width: 45.1754%;  }
.creative_list .txts.big {
margin: 0 0 .8em;
font-weight: 700;
font-size: 2.6rem;
line-height: 1.7 !important;
letter-spacing: 0.04em;
}
.creative_list_image-2,
.creative_list_image-3 {
height: min(calc(299 / 1500 * 100vw), 299px);
margin: 0 auto 15px;
}
.creative_list_image-2 img {
width: 100%;
height: 100%; transform: translateX(-1.6279%);
object-fit: contain;
}
.creative_list_image-3 img {
width: 100%;
height: 87.0967%; transform: translateY(10px) translateX(2.7906%);
object-fit: contain;
}
.creative_list_image-4,
.creative_list_image-5 {
height: min(calc(310 / 1500 * 100vw), 310px);
margin: 0 auto 50px;
}
.creative_list_image-4 img {
width: 100%;
height: 100%;
transform: translateX(-1.6279%);
object-fit: contain;
}
.creative_list_image-5 img {
width: 100%;
height: 87.0967%;
transform: translateY(5px) translateX(6.279%);
object-fit: contain;
}
.lowsCreativeContact .black_line_box {
padding: 80px 100px;
}
.lowsCreativeContact .menu_box_ttl {
text-align: center;
letter-spacing: .04em;
}
.lowsCreativeContact .black_line_box .txtsbox {
margin-bottom: 50px;
text-align: center;
}
.lowsCreativeContact .black_line_box .contbtns {
margin-bottom: 0;
}
@media screen and (max-width: 1400px) {  .w50 .white_box {
padding-left: 4.5vw;
padding-right: 4.5vw;
}
.w100 .white_box {
padding-left: 6.5vw;
padding-right: 6.5vw;
} }
@media screen and (max-width: 1279px) { .post .creative_list { max-width: calc(800px + 30px); }
.post .creative_list li {  }
.post .creative_list li.fadeInUp {
animation-delay: 0s !important;
}
.post .creative_list li:nth-child(odd) {
margin-left: auto;
} .post .creative_list .w100 {
width: calc(90.6957% + 30px);
}
.post .creative_list .w50 {
width: calc(90.6957% + 30px);
} .w50 .white_box {
padding-left: 80px;
padding-right: 80px;
}
.w100 .white_box {
padding-left: 80px;
padding-right: 80px;
}
.creative_list_content { min-height: 0;
} .creative_list_content .white_box_ttl {
width: 100%; }
.creative_list_content .txtsbox {
width: 100%;
} .creative_list_image-1 {
position: static;  width: 100%;
margin: 0 auto;
transform: translateX(3%);
} .creative_list_image-2,
.creative_list_image-3 { height: 299px; } .creative_list_image-4,
.creative_list_image-5 { height: 310px; }      }
@media screen and (max-width: 1023px) { .post .creative_list {   }
.post .creative_list li {  } .post .creative_list li+li {
margin-top: 65px;
}   .w50 .white_box {
padding-left: 8vw;
padding-right: 8vw;
}
.w100 .white_box {
padding-left: 8vw;
padding-right: 8vw;
}
.creative_list_content {  }
.creative_list .white_box_ttl {
margin-bottom: 35px;
}
.creative_list_content .white_box_ttl {
width: 100%; }
.creative_list_content .txtsbox {
width: 100%;
}
.creative_list_content .commonbtn {
margin: 45px 0 0;
}
.creative_list_image-1 {   width: 90%;
margin: 0 auto; } .creative_list_image-2,
.creative_list_image-3 {   }
.creative_list_image-2 {
margin: 0 auto 15px;
}
.creative_list_image-3 {
height: calc(299px * .8709);
margin: 0 auto 15px;
}
.creative_list_image-2 img { transform: none; }
.creative_list_image-3 img { transform: none; }
.creative_list_image-4,
.creative_list_image-5 {   }
.creative_list_image-4 {
height: 300px;
margin: 0 auto;
padding-top: 10px;
}
.creative_list_image-5 {
height: calc(300px * .8709);
margin: 0 auto 45px;
}
.creative_list_image-4 img { transform: none; }
.creative_list_image-5 img { height: 100%;
transform: none; }
.lowsCreativeContact .black_line_box {
padding: 8vw 10vw;
} .lowsCreativeContact .black_line_box .txtsbox {
margin-bottom: 40px; } }
@media screen and (max-width: 767px) { .post .creative_list {   }
.post .creative_list li { width: 100%;
} .post .creative_list li+li {
margin-top: 45px;
}
.post .creative_list .w100 {
width: 100%;
}
.post .creative_list .w50 {
width: 100%;
} .w50 .white_box {
padding-left: 6.8vw;
padding-right: 6.8vw;
}
.w100 .white_box {
padding-left: 6.8vw;
padding-right: 6.8vw;
}
.creative_list_content {  }
.creative_list .white_box_ttl {
margin-bottom: 25px;
}
.creative_list_content .white_box_ttl {
width: 100%; }
.creative_list_content .txtsbox {
width: 100%;
}
.creative_list_content .commonbtn {
margin: 30px 0 0;
}
.creative_list_image-1 {   width: 100%;
margin: 0 auto 5px; }
.creative_list .txts.big {  font-size: 1.8rem;
line-height: 1.75 !important; }
.creative_list_image-2,
.creative_list_image-3 { width: 100%;
height: auto; }
.creative_list_image-2 {
margin: 0 auto 10px;
padding-top: 5px;
}
.creative_list_image-3 {
height: auto;
margin: -5px auto 32px;
}
.creative_list_image-2 img {   }
.creative_list_image-3 img {   }
.creative_list_image-4,
.creative_list_image-5 {   width: 100%;
height: auto;
}
.creative_list_image-4 { margin: 0 auto -10px;
padding-top: 15px;
}
.creative_list_image-5 { margin: 0 auto 32px;
}
.creative_list_image-4 img {   }
.creative_list_image-5 img {   }
.lowsCreativeContact .black_line_box {
padding: 8vw 6vw;
}
.lowsCreativeContact .menu_box_ttl {
margin-bottom: 25px; }
.lowsCreativeContact .black_line_box .txtsbox {
margin-bottom: 30px;
text-align: left;
} } a#scrollUp {
background: transparent;
opacity: 1;
}
#scrollUp {
bottom: 0 !important;
right: 0 !important;
border-radius: 0 !important;
width: 100px;
height: 100px;
}
.scroll-top {
display: block;
position: relative;
background-color: #000;
height: 100%;
transition: opacity .3s;
}
.scroll-top:hover {
opacity: .8;
}
.scroll-top::before,
.scroll-top::after {
content: '';
display: block;
position: absolute;
top: calc(50% - 5px);
background-color: #fff;
border-radius: 10px;
width: 20px;
height: 2px;
}
.scroll-top::before {
left: calc(50% - 20px);
transform-origin: right top;
transform: rotate(-37deg);
}
.scroll-top::after {
left: 50%;
transform-origin: left top;
transform: rotate(37deg);
}
.icon-up-open {
display: none;
}
@media screen and (max-width: 1024px) {
.mobile #scrollUp {
bottom: 64px !important;
}
}
@media screen and (max-width: 1023px) {
#scrollUp {
width: 80px;
height: 80px;
}
}
@media screen and (max-width: 767px) {
#scrollUp {
width: 50px;
height: 50px;
}
.scroll-top::before,
.scroll-top::after {
top: calc(50% - 4px);
width: 12px;
}
.scroll-top::before {
left: calc(50% - 12px);
}
} .foot_st a {
transition: opacity .3s;
}
.foot_st a:hover {
opacity: .6;
}
.foots_btns .linkbb {
transition: background-color .4s, color .5s;
}
.foots_btns .linkbb:hover {
background-color: #000;
}
.foots_btns .cussupbtns:hover {
background-color: #f8a109;
}
.foots_btns .linkbb:hover a {
color: #fff;
}
ul.foots_sns li {
transition: background-color .4s, color .5s;
}
ul.foots_sns li:hover {
background-color: #000;
color: #fff;
}
ul.foots_sns li a {
color: inherit;
}.image_auth_jp_quiz { display: none;
}
.image_auth_jp_description { display: none;
} .image_auth_jp_quiz.loaded {
display: inline-block;
}
.image_auth_jp_description.loaded {
display: block;
} .image_auth_jp_error_message {
display: none;
padding: 10px;
margin: 5px 0;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 4px;
color: #721c24;
font-size: 14px;
text-align: center;
}
.image_auth_jp_error_message.show {
display: block;
}