@charset "UTF-8";
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}
 *,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
ul,
ol,
ul[role=list],
ol[role=list] {
list-style: none;
padding: 0;
}
html:focus-within {
scroll-behavior: smooth;
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
img,
picture {
max-width: 100%;
display: block;
}
input,
button,
textarea,
select {
font: inherit;
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
-webkit-transition-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(https://parco-scs.com/wp-content/themes/parco-scramble/css/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
font-weight: normal;
font-style: normal;
src: url(https://parco-scs.com/wp-content/themes/parco-scramble/css/fonts/slick.eot);
src: url(https://parco-scs.com/wp-content/themes/parco-scramble/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://parco-scs.com/wp-content/themes/parco-scramble/css/fonts/slick.woff) format("woff"), url(https://parco-scs.com/wp-content/themes/parco-scramble/css/fonts/slick.ttf) format("truetype"), url(https://parco-scs.com/wp-content/themes/parco-scramble/css/fonts/slick.svg#slick) format("svg");
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
opacity: 0.75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: "slick";
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 0.75;
color: black;
} .slick-dotted.slick-slider {
margin-bottom: 0px;
} html {
position: relative;
font-size: 10px;
height: -webkit-fill-available;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 500;
font-style: normal;
color: #090000;
font-size: calc(0.645vw + 8px);
letter-spacing: 0.2em;
--vh: 1vh;
}
@media screen and (max-width: 600px) {
html {
font-size: 4.2666666667vw;
}
}
body {
color: #090000;
font-size: 0.40625rem;
min-height: 100vh;
min-height: -webkit-fill-available;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
}
body * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#wrap {
overflow: hidden;
width: 100%;
}
img {
max-width: 100%;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
a {
text-decoration: none;
color: #090000;
}
p {
word-wrap: break-word;
}
p img {
vertical-align: bottom;
max-width: 100%;
}
ul,
ol {
margin: 0;
}
::-moz-selection {
background: #7c847d;
color: #fff;
}
::selection {
background: #7c847d;
color: #fff;
}
.cfi.cfi01 {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: opacity 800ms ease, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 800ms ease, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 800ms ease;
transition: transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 800ms ease, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cfi.cfi01.frame-in {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.cfi.cfi02 {
opacity: 0;
-webkit-transform: translateX(25px);
transform: translateX(25px);
-webkit-transition: opacity 800ms ease, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 800ms ease, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 800ms ease;
transition: transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 800ms ease, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cfi.cfi02.frame-in {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.cfi.cfi03 {
opacity: 0;
-webkit-transition: opacity 800ms ease-in-out;
transition: opacity 800ms ease-in-out;
}
.cfi.cfi03.frame-in {
opacity: 1;
}
@-webkit-keyframes movecheck {
from {
background-position: center left 0rem;
}
to {
background-position: center left-1.125rem;
}
}
@keyframes movecheck {
from {
background-position: center left 0rem;
}
to {
background-position: center left-1.125rem;
}
}
@-webkit-keyframes movefinger {
from {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@keyframes movefinger {
from {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
.wrap {
position: relative;
padding-top: 0.5625rem;
}
.wrap .noise-overlay {
content: "";
width: 100%;
height: 100%;
background: url(//parco-scs.com/wp-content/themes/parco-scramble/images/noise.gif) repeat left top/150px;
opacity: 0.25;
mix-blend-mode: multiply;
position: absolute;
top: 0;
left: 0;
z-index: 20001;
pointer-events: none;
}
@media screen and (max-width: 600px) {
.wrap .noise-overlay {
opacity: 0.2;
}
}
.wrap::before, .wrap::after {
content: "";
height: 0.5625rem;
display: block;
width: 100%;
border: 1px solid #000;
background-color: #fff;
background: -webkit-gradient(linear, left top, right top, color-stop(0.5rem, #fff), color-stop(0.5rem, #000), color-stop(1.125rem, #000));
background: linear-gradient(90deg, #fff 0.5rem, #000 0.5rem, #000 1.125rem);
background-size: 1.125rem 100%;
-webkit-animation: movecheck 2s linear infinite both;
animation: movecheck 2s linear infinite both;
background-position: center left 1.125rem;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
}
.wrap::after {
top: auto;
bottom: 0;
}
.wrap.lity-hidden::before, .wrap.lity-hidden::after, .wrap.lity-hidden .header, .wrap.lity-hidden .navToggleBtn {
z-index: 1000;
}
.mainArea {
width: 100%;
max-width: 23.4375rem;
margin: 0 auto;
position: relative;
--bar-height: 1;
}
@media screen and (min-width: 601px) {
.mainArea::before, .mainArea::after {
content: "";
display: block;
position: fixed;
top: 0;
height: 100%;
width: 1px;
z-index: 1000;
background: #000;
-webkit-transform: scaleY(var(--bar-height));
transform: scaleY(var(--bar-height));
}
.mainArea::before {
left: calc(50vw - 11.71875rem - 1px);
-webkit-transform-origin: top center;
transform-origin: top center;
}
.mainArea::after {
right: calc(50vw - 11.71875rem - 1px);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
}
@media screen and (max-width: 600px) {
.mainArea {
max-width: 100%;
}
}
.sideArea01,
.sideArea02 {
position: fixed;
top: 0;
height: 100%;
width: calc((100% - 23.4375rem) * 0.5);
}
@media screen and (max-width: 600px) {
.sideArea01,
.sideArea02 {
display: none;
}
}
.sideArea01 {
left: 0;
}
.sideArea01 .txts {
font-size: 0.6875rem;
position: absolute;
left: 4%;
top: 40%;
max-width: 50%;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 500;
font-style: normal;
z-index: 10;
}
.sideArea01 .txts img {
width: 80%;
height: auto;
margin-bottom: max(1.25rem, 5vh);
}
.sideArea01 .tapes .tape {
position: absolute;
z-index: 0;
width: 200%;
height: 3.125rem;
}
.sideArea01 .tapes .tape:nth-child(1) {
background-color: #3840f8;
right: 5%;
top: -30%;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.sideArea01 .tapes .tape:nth-child(2) {
background-color: #daff03;
right: 5%;
top: 20%;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.sideArea01 .tapes .tape:nth-child(3) {
background-color: #02996c;
right: 75%;
top: 80%;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
.sideArea01 .tapes .tape:nth-child(4) {
background-color: #ef228d;
right: 15%;
top: 90%;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.sideArea01 .deco img {
position: absolute;
z-index: 10;
}
.sideArea01 .deco img:nth-child(1) {
width: 40%;
top: 5%;
left: 4%;
}
.sideArea01 .deco img:nth-child(2) {
width: 20%;
max-height: 65vh;
-o-object-fit: contain;
object-fit: contain;
top: 15%;
right: 2%;
}
.sideArea01 .deco img:nth-child(3) {
width: 20%;
left: 5%;
bottom: 15%;
}
.sideArea01 .deco img:nth-child(4) {
width: 75%;
right: 2%;
bottom: 5%;
}
.sideArea02 {
right: 0;
overflow: hidden;
}
.sideArea02 .txts {
position: absolute;
right: 4%;
top: 6%;
width: 45%;
text-align: right;
}
.sideArea02 .txts .name {
font-size: 0.625rem;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
}
.sideArea02 .txts .catch {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
font-size: 0.625rem;
line-height: 0.75rem;
padding-top: 1em;
}
.sideArea02 .txts .catch span {
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 500;
font-style: normal;
text-transform: lowercase;
}
.sideArea02 .nav {
font-size: 1.25rem;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
line-height: 2.5;
position: absolute;
left: 8%;
top: 40%;
}
.sideArea02 .nav a {
display: block;
}
.sideArea02 .nav a:not(.insta) {
-webkit-transition: opacity ease 200ms;
transition: opacity ease 200ms;
}
@media screen and (min-width: 601px) {
.sideArea02 .nav a:not(.insta):hover {
opacity: 0.6;
}
}
.sideArea02 .nav .insta {
margin-top: 2rem;
padding: 0.5rem;
width: 3rem;
height: 3rem;
border-radius: 100vmax;
border: 2px solid #000;
-webkit-transition: background-color ease 200ms;
transition: background-color ease 200ms;
}
.sideArea02 .nav .insta img {
-webkit-transition: -webkit-filter ease 200ms;
transition: -webkit-filter ease 200ms;
transition: filter ease 200ms;
transition: filter ease 200ms, -webkit-filter ease 200ms;
width: 100%;
}
@media screen and (min-width: 601px) {
.sideArea02 .nav .insta:hover {
background: #000;
}
.sideArea02 .nav .insta:hover img {
-webkit-filter: invert(1);
filter: invert(1);
}
}
.sideArea02 .badges img {
position: absolute;
z-index: 20;
}
.sideArea02 .badges img:nth-child(1) {
top: 9%;
left: 8%;
width: 26%;
z-index: 21;
-webkit-animation: movefinger 1s linear infinite both alternate;
animation: movefinger 1s linear infinite both alternate;
}
.sideArea02 .badges img:nth-child(2) {
top: 20%;
left: 25%;
width: 32%;
-webkit-filter: drop-shadow(0.2rem 0.4rem 0 #000);
filter: drop-shadow(0.2rem 0.4rem 0 #000);
}
.sideArea02 .badges img:nth-child(3) {
top: 75%;
left: 70%;
width: 35%;
}
.sideArea02 .tapes .tape {
width: 200%;
-webkit-transform-origin: left top;
transform-origin: left top;
height: 2.5rem;
position: absolute;
z-index: 0;
}
.sideArea02 .tapes .tape:nth-child(1) {
background: #ef228d;
top: 50%;
left: 90%;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
.sideArea02 .tapes .tape:nth-child(2) {
background: #0b43b0;
top: 98%;
left: 30%;
-webkit-transform: rotate(165deg);
transform: rotate(165deg);
} @media screen and (min-width: 769px) {
.lt-tbminNone {
display: none !important;
}
.st-tbmin {
display: none !important;
}
.tbmin {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.st-tbminNone {
display: none !important;
}
.lt-tbmin {
display: none !important;
}
}
@media screen and (min-width: 1025px) {
.lt-tbltNone {
display: none !important;
}
.st-tblt {
display: none !important;
}
.tblt {
display: none !important;
}
}
@media screen and (max-width: 1024px) {
.st-tbltNone {
display: none !important;
}
}
@media screen and (min-width: 601px) {
.lt-spNone {
display: none !important;
}
.st-sp {
display: none !important;
}
}
@media screen and (max-width: 600px) {
.st-spNone {
display: none !important;
}
.lt-sp {
display: none !important;
}
.tblt {
display: none !important;
}
.tbmin {
display: none !important;
}
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
.tbltNone {
display: none !important;
}
}    .anchor {
padding-top: 12rem;
margin-top: -12rem;
} .videoContainer {
position: relative;
}
.videoContainer video {
display: block;
width: 100%;
}
.videoContainer .icon {
position: absolute;
z-index: 1;
width: 2.5rem;
height: 2.75rem;
bottom: 0.3125rem;
right: 0.3125rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #fff;
border: none;
background: transparent;
cursor: pointer;
}
.videoContainer .icon::before {
content: "";
display: block;
position: absolute;
z-index: 0;
border-radius: 100vmax;
background-color: rgba(51, 51, 51, 0.75);
width: 60%;
height: 60%;
left: 20%;
top: 20%;
}
.videoContainer .icon svg {
position: absolute;
width: 40%;
height: 40%;
top: 30%;
left: 30%;
fill: #fff;
z-index: 1;
}
.videoContainer .icon .icon-unmuted {
opacity: 0;
}
.videoContainer .icon.soundon .icon-muted {
opacity: 0;
}
.videoContainer .icon.soundon .icon-unmuted {
opacity: 1;
}
.videoContainer .playfullscreen {
position: absolute;
top: calc(50% - 1.25rem);
left: 5%;
width: 90%;
height: 3.125rem;
pointer-events: none;
opacity: 0;
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;
z-index: 10;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 100vmax;
color: #fff;
border: 2px solid #fff;
background: transparent;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.0625rem;
text-shadow: 2px 1px 0 #000;
cursor: pointer;
-webkit-transition: opacity 200ms, background-color 200ms;
transition: opacity 200ms, background-color 200ms;
}
.videoContainer.focus .playfullscreen, .videoContainer:not(.touch-active):hover .playfullscreen {
opacity: 1;
pointer-events: auto;
}
.videoContainer.focus .playfullscreen:hover, .videoContainer:not(.touch-active):hover .playfullscreen:hover {
background-color: rgba(51, 51, 51, 0.75);
}
.pager {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
border-style: solid;
border-width: 1px 0 0;
border-color: #000;
position: relative;
}
.pager .nav-links {
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;
}
.pager .nav-links a,
.pager .nav-links span {
font-family: termina, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: ease 200ms;
transition: ease 200ms;
text-decoration: none;
font-size: 0.75rem;
letter-spacing: 0.1em;
}
.pager .nav-links a:not(.dots):not(.next):not(.prev),
.pager .nav-links span:not(.dots):not(.next):not(.prev) {
margin: 0 0.25rem;
}
@media screen and (max-width: 600px) {
.pager .nav-links a:not(.dots):not(.next):not(.prev),
.pager .nav-links span:not(.dots):not(.next):not(.prev) {
margin: 0 0.25rem;
}
}
.pager .nav-links a.dots,
.pager .nav-links span.dots {
width: 3rem;
background: transparent;
}
@media screen and (max-width: 600px) {
.pager .nav-links a.dots,
.pager .nav-links span.dots {
width: 2em;
}
}
@media screen and (max-width: 600px) {
.pager .nav-links a,
.pager .nav-links span {
width: 2em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 3.5rem;
line-height: 3.5rem;
}
}
.pager .nav-links .back a {
width: 11.875rem;
height: 2.5rem;
margin: 0 auto;
border-radius: 100vmax;
font-size: 0.75rem;
line-height: 1;
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;
gap: 0.5rem;
border: 1px solid #000;
}
.pager .nav-links .back a:after {
content: "";
display: block;
height: 0.5em;
width: 0.5em;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pager .nav-links .next,
.pager .nav-links .prev {
background: transparent;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
}
.pager .nav-links .next a,
.pager .nav-links .next span,
.pager .nav-links .prev a,
.pager .nav-links .prev span {
width: auto;
}
.pager .nav-links .next:empty,
.pager .nav-links .prev:empty {
display: none;
}
.pager .nav-links .prev {
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1em;
height: 2em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 600px) {
.pager .nav-links .prev {
gap: 0.5em;
}
}
.pager .nav-links .prev::before {
content: "";
display: block;
width: 0.8em;
height: 0.8em;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
border-style: solid;
border-width: 1px 1px 0 0;
border-color: #000;
}
.pager .nav-links .next {
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1em;
height: 2em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 600px) {
.pager .nav-links .next {
gap: 0.5em;
}
}
.pager .nav-links .next::after {
content: "";
display: block;
width: 0.8em;
height: 0.8em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-style: solid;
border-width: 1px 1px 0 0;
border-color: #000;
}
.pager .nav-links a {
position: relative;
}
@media screen and (min-width: 769px) {
.pager .nav-links a {
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.pager .nav-links a:hover {
opacity: 0.6;
}
}
.pager .nav-links .current,
.pager .nav-links .inactive {
color: rgba(9, 0, 0, 0.3);
}
.breadcrumbs {
max-width: 120rem;
margin: 0 auto 5rem;
width: calc(100% - 10rem);
position: relative;
z-index: 10;
font-size: 1.3rem;
line-height: 2.3333333;
letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
.breadcrumbs {
overflow: hidden;
overflow-x: scroll;
white-space: nowrap;
margin-bottom: 2.5rem;
padding-bottom: 2.5rem;
}
}
.breadcrumbs a {
color: #a9b79e;
}
@media screen and (min-width: 601px) {
.breadcrumbs a {
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.breadcrumbs a:hover {
opacity: 0.65;
text-decoration: underline;
}
}
.breadcrumbs .current-item {
font-weight: 600;
}
@media screen and (max-width: 600px) {
.breadcrumbs {
font-size: 1.196rem;
}
}
@media screen and (max-width: 600px) {
.breadcrumbs {
width: calc(100% - 3rem);
margin-bottom: 4rem;
}
}
.grecaptcha-badge {
visibility: hidden;
} .header {
position: sticky;
z-index: 9999;
top: 0.5625rem;
left: 0;
width: 100%;
overflow: hidden;
padding: 1.25rem 0;
background: #fff;
border-bottom: 3px double #000;
}
.header__logo {
display: block;
width: 9.78125rem;
margin: 0 auto;
}
.header__logo img {
display: block;
}
@media screen and (min-width: 601px) {
.header__logo {
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
will-change: opacity;
}
.header__logo:hover {
opacity: 0.6;
}
}
.header__ig {
display: block;
width: 1.5625rem;
height: 1.5625rem;
top: calc(50% - 0.78125rem);
right: 1.25rem;
position: absolute;
}
@media screen and (min-width: 601px) {
.header__ig {
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
will-change: opacity;
}
.header__ig:hover {
opacity: 0.6;
}
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.navToggleBtn {
position: absolute;
z-index: 10001;
top: 3.8125rem;
left: calc(50% - 10.9375rem);
width: 3.125rem;
height: 3.125rem;
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.navToggleBtn.fixed {
position: fixed;
top: 1.5625rem;
}
@media screen and (min-width: 601px) {
.navToggleBtn {
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
border-radius: 100vmax;
}
.navToggleBtn:hover {
opacity: 0.6;
}
}
.navToggleBtn .open {
position: absolute;
top: -10%;
left: -10%;
width: 120%;
height: 120%;
opacity: 1;
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.navToggleBtn .open::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/btn_menu.svg);
background-size: contain;
background-repeat: no-repeat;
-webkit-animation: rotation 3s linear infinite both;
animation: rotation 3s linear infinite both;
}
.navToggleBtn .close {
position: absolute;
top: -10%;
left: -10%;
width: 120%;
height: 120%;
opacity: 0;
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.navToggleBtn .close::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/btn_close.svg);
background-size: contain;
background-repeat: no-repeat;
-webkit-animation: rotation 3s linear infinite both;
animation: rotation 3s linear infinite both;
}
.navToggleBtn .bar {
position: absolute;
width: 0.9375rem;
height: 0.9375rem;
top: calc(50% - 0.46875rem);
left: calc(50% - 0.46875rem);
}
.navToggleBtn .bar::before, .navToggleBtn .bar::after,
.navToggleBtn .bar span {
content: "";
display: block;
border-radius: 100vmax;
height: 2px;
width: 100%;
background: #ef228d;
position: absolute;
left: 0;
top: calc(50% - 1px);
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.navToggleBtn .bar::before {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
@supports (translate: 0px -3px) {
.navToggleBtn .bar::before {
-webkit-transform: none;
transform: none;
translate: 0px -3px;
}
}
.navToggleBtn .bar::after {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
@supports (translate: 0px 3px) {
.navToggleBtn .bar::after {
-webkit-transform: none;
transform: none;
translate: 0px 3px;
}
}
.navToggleBtn.is-open .open {
opacity: 0;
}
.navToggleBtn.is-open .close {
opacity: 1;
}
.navToggleBtn.is-open .bar span {
opacity: 0;
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
}
.navToggleBtn.is-open .bar::before {
-webkit-transition: translate 200ms, rotate 200ms 200ms;
transition: translate 200ms, rotate 200ms 200ms;
-webkit-transform: translate(0, 0) rotate(30deg);
transform: translate(0, 0) rotate(30deg);
}
@supports (translate: 0px 3px) {
.navToggleBtn.is-open .bar::before {
-webkit-transform: none;
transform: none;
translate: 0px 0px;
rotate: 30deg;
}
}
.navToggleBtn.is-open .bar::after {
-webkit-transition: translate 200ms, rotate 200ms 200ms;
transition: translate 200ms, rotate 200ms 200ms;
-webkit-transform: translate(0, 0) rotate(-30deg);
transform: translate(0, 0) rotate(-30deg);
}
@supports (translate: 0px 3px) {
.navToggleBtn.is-open .bar::after {
-webkit-transform: none;
transform: none;
translate: 0px 0px;
rotate: -30deg;
}
}
.drawer {
position: fixed;
width: 100%;
max-width: 23.4375rem;
left: min(0, 50% - 10.15625rem);
top: 0;
background-color: #000;
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/nav_bottom.svg);
background-size: 90% auto;
background-position: center bottom;
background-repeat: no-repeat;
height: 100%;
z-index: 10000;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
pointer-events: none;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
}
.drawer.is-active {
-webkit-clip-path: inset(0 0% 0 0);
clip-path: inset(0 0% 0 0);
pointer-events: auto;
}
.drawer .txts {
color: #c8c8c8;
width: 50%;
padding: 3.125rem 1.5625rem 5.625rem 0.78125rem;
margin: 0 0 0 auto;
}
.drawer .name {
text-align: right;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
}
.drawer .catch {
text-align: right;
text-transform: uppercase;
padding-top: 1em;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 400;
font-style: normal;
}
.drawer .catch span {
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 500;
font-style: normal;
}
.drawer .nav {
padding-left: 1.5625rem;
font-size: 1.25rem;
width: 70%;
}
.drawer .nav a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
color: #fff;
margin-bottom: 1em;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.drawer .nav a:not(.insta) {
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.drawer .nav a:not(.insta):after {
content: "";
width: 1em;
height: 1em;
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/arrow.svg);
background-repeat: no-repeat;
background-size: contain;
-webkit-filter: invert(1);
filter: invert(1);
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
@media screen and (min-width: 601px) {
.drawer .nav a:not(.insta):hover {
translate: 0.33rem 0;
opacity: 0.6;
}
.drawer .nav a:not(.insta):hover::after {
translate: -0.33rem 0;
}
}
.drawer .nav .insta {
margin-top: 3rem;
padding: 0.75rem;
width: 3rem;
height: 3rem;
border-radius: 100vmax;
border: 1px solid #fff;
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.drawer .nav .insta img {
-webkit-filter: invert(1);
filter: invert(1);
-webkit-transition: ease 200ms;
transition: ease 200ms;
width: 100%;
}
@media screen and (min-width: 601px) {
.drawer .nav .insta:hover {
background: #fff;
}
.drawer .nav .insta:hover img {
-webkit-filter: invert(0);
filter: invert(0);
}
}
.drawer .bottom {
padding-right: 1.5625rem;
position: absolute;
bottom: 18%;
right: 0;
color: #c8c8c8;
width: 50%;
font-size: 0.8125rem;
} .footer__upper {
padding: 3.125rem 0;
}
.footer__logo {
display: block;
width: 11.875rem;
margin: 0 1.5625rem 2.5rem auto;
}
.footer__desc p {
padding-left: 1.5625rem;
text-transform: uppercase;
}
.footer__desc p.name {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.9375rem;
padding-bottom: 1em;
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/footer_underline.svg);
background-repeat: no-repeat;
background-position: bottom 0.25rem right 50%;
background-size: auto 0.75rem;
width: 75%;
white-space: nowrap;
}
.footer__desc p.txt {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.9375rem;
}
.footer__desc p.txt span {
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 500;
font-style: normal;
}
.footer__lower {
background: #1a1a1a;
color: #fff;
padding: 2.5rem 0 0;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__lower ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1em;
font-size: 0.8125rem;
}
.footer__lower ul a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
width: 9.375rem;
text-transform: uppercase;
color: #fff;
}
@media screen and (min-width: 601px) {
.footer__lower ul a {
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 200ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 200ms;
}
.footer__lower ul a:hover {
translate: 0.33rem 0;
opacity: 0.6;
}
.footer__lower ul a:hover::after {
translate: -0.33rem 0;
}
}
.footer__lower ul a img {
width: 0.9375rem;
-webkit-filter: invert(1);
filter: invert(1);
}
.footer__line {
background: #fff;
padding: 0.3125rem 0.625rem;
width: 100%;
margin-top: 2.5rem;
overflow: hidden;
}
.footer__line img {
display: block;
height: 2.125rem;
width: auto;
max-width: unset;
-webkit-animation: ribbonMove01 linear 6s infinite alternate both;
animation: ribbonMove01 linear 6s infinite alternate both;
}
.footer__copy {
color: #fff;
text-align: center;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 3.125rem;
font-size: 0.625rem;
white-space: nowrap;
padding-bottom: 0.5625rem;
} .headerTicker {
background: #02996c;
white-space: nowrap;
overflow: hidden;
color: #fff;
letter-spacing: 0.06em;
}
.headerTicker span {
display: block;
padding: 0 0.5em;
line-height: 2.40625rem;
font-size: 0.6875rem;
}
.headerTicker__inner:not(.slick-initialized) {
opacity: 0;
height: 2.40625rem;
}
.kv {
min-height: min(100vh, 40.625rem);
width: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.025);
position: relative;
}
.kv__inner {
position: relative;
z-index: 10;
}
.kv .parco {
padding: 1.5625rem 1.40625rem 0.75em 0;
text-align: right;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.75rem;
}
.kv .parco img {
width: 9.09375rem;
display: block;
margin: 0 0 0 auto;
}
.kv .txt01 {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
font-size: 0.625rem;
line-height: 0.6875rem;
padding-right: 1.5625rem;
padding-bottom: 0;
text-align: right;
}
.kv .txt01 span {
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 500;
font-style: normal;
text-transform: lowercase;
}
.kv .shops {
white-space: nowrap;
}
.kv .shops li {
display: inline-block;
padding: 0.9375rem 0.3125rem;
-webkit-filter: drop-shadow(0.3125rem 0.3125rem 0 #f8ea21);
filter: drop-shadow(0.3125rem 0.3125rem 0 #f8ea21);
}
.kv .shops li img {
height: 7.5rem;
}
.kv .bg img {
position: absolute;
}
.kv .bg img[src*=kv_txt01] {
width: 7.28125rem;
top: 1.875rem;
left: 9.15625rem;
}
.kv .bg img[src*=kv_txt02] {
width: 4.34375rem;
top: 4.5625rem;
right: 0.3125rem;
}
.kv .bg img[src*=kv_txt03] {
width: 20.3125rem;
bottom: 1.5625rem;
left: 1.5625rem;
}
.kv .kvMagazineArea {
position: relative;
padding-left: 3.125rem;
margin-bottom: 4.6875rem;
}
.kv .kvMagazineArea__desc {
position: absolute;
left: 1.5625rem;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
white-space: nowrap;
top: 0.78125rem;
font-size: 0.75rem;
letter-spacing: 0.25em;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
font-weight: 700;
}
.kv .kvMagazineArea__desc span {
-webkit-text-combine: horizontal; -ms-text-combine-horizontal: all; text-combine-upright: all; }
.kv .kvMagazineArea__slider .slick-dots {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
bottom: -0.625rem;
padding: 0 1.25rem;
}
.kv .kvMagazineArea__slider .slick-dots li {
width: 0.75rem;
height: 0.75rem;
margin: 0;
}
.kv .kvMagazineArea__slider .slick-dots li button {
font-size: 0;
padding: 0;
width: 0.625rem;
height: 0.625rem;
}
.kv .kvMagazineArea__slider .slick-dots li button::before {
content: "";
width: 0.375rem;
height: 0.375rem;
border-radius: 100vmax;
border: 1px solid;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.kv .kvMagazineArea__slider .slick-dots li.slick-active button::before {
background: currentColor;
}
#scrolldown {
position: absolute;
z-index: 100;
width: 5.9375rem;
height: 5.9375rem;
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
right: 0.625rem;
bottom: 3.75rem;
-webkit-transition: ease 400ms;
transition: ease 400ms;
display: block;
border-radius: 100vmax;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
#scrolldown img {
display: block;
width: 100%;
}
#scrolldown::after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100vmax;
}
#scrolldown:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
@-webkit-keyframes ribbonMove01 {
from {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0);
}
to {
-webkit-transform: translate(-30%, 0);
transform: translate(-30%, 0);
}
}
@keyframes ribbonMove01 {
from {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0);
}
to {
-webkit-transform: translate(-30%, 0);
transform: translate(-30%, 0);
}
}
@-webkit-keyframes ribbonMove02 {
from {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0);
}
to {
-webkit-transform: translate(30%, 0);
transform: translate(30%, 0);
}
}
@keyframes ribbonMove02 {
from {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0);
}
to {
-webkit-transform: translate(30%, 0);
transform: translate(30%, 0);
}
}
.ribbon {
position: relative;
height: 16.25rem;
width: 100%;
top: -3.75rem;
margin-bottom: -6.25rem;
z-index: 100;
overflow: hidden;
}
.ribbon .line01 {
display: block;
padding: 0.625rem 1.25rem;
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
-webkit-transform-origin: left top;
transform-origin: left top;
z-index: 20;
position: absolute;
}
.ribbon .line01::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #3840f8;
}
.ribbon .line01 img {
width: 29.78125rem;
max-width: unset;
position: relative;
z-index: 10;
-webkit-animation: ribbonMove01 linear 3s -1.5s infinite alternate both;
animation: ribbonMove01 linear 3s -1.5s infinite alternate both;
}
.ribbon .line02 {
display: block;
padding: 0.625rem 1.25rem;
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
-webkit-transform-origin: right top;
transform-origin: right top;
position: absolute;
top: 2.5rem;
right: 0;
z-index: 10;
}
.ribbon .line02::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f8ea21;
}
.ribbon .line02 img {
width: 41.34375rem;
max-width: unset;
position: relative;
z-index: 10;
-webkit-animation: ribbonMove02 linear 3s infinite alternate both;
animation: ribbonMove02 linear 3s infinite alternate both;
} @-webkit-keyframes wave01 {
0%, 100% {
-webkit-transform: translate(0, 0.2em);
transform: translate(0, 0.2em);
}
50% {
-webkit-transform: translate(0, -0.2em);
transform: translate(0, -0.2em);
}
}
@keyframes wave01 {
0%, 100% {
-webkit-transform: translate(0, 0.2em);
transform: translate(0, 0.2em);
}
50% {
-webkit-transform: translate(0, -0.2em);
transform: translate(0, -0.2em);
}
}
@-webkit-keyframes wave02 {
0%, 100% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
50% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
}
@keyframes wave02 {
0%, 100% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
50% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
}
@-webkit-keyframes catchWave {
from {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.05, 1);
transform: scale(1.05, 1);
}
}
@keyframes catchWave {
from {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.05, 1);
transform: scale(1.05, 1);
}
}
.concept {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
position: relative;
overflow: hidden;
}
.concept__ttl {
font-size: 2.25rem;
text-transform: uppercase;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-align: center;
position: relative;
letter-spacing: 0.2em;
padding-left: 0.2em;
margin-bottom: 0.5rem;
}
.concept__ttl p {
width: 100%;
display: block;
}
.concept__ttl p:nth-child(1) {
position: relative;
z-index: 3;
color: #fff;
-webkit-text-stroke: #000 1px;
}
.concept__ttl p:nth-child(1) span:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.concept__ttl p:nth-child(1) span:nth-child(1) i {
-webkit-animation-delay: -1.332s;
animation-delay: -1.332s;
}
.concept__ttl p:nth-child(1) span:nth-child(2) {
-webkit-animation-delay: 0.2857142857s;
animation-delay: 0.2857142857s;
}
.concept__ttl p:nth-child(1) span:nth-child(2) i {
-webkit-animation-delay: -1.1891428571s;
animation-delay: -1.1891428571s;
}
.concept__ttl p:nth-child(1) span:nth-child(3) {
-webkit-animation-delay: 0.5714285714s;
animation-delay: 0.5714285714s;
}
.concept__ttl p:nth-child(1) span:nth-child(3) i {
-webkit-animation-delay: -1.0462857143s;
animation-delay: -1.0462857143s;
}
.concept__ttl p:nth-child(1) span:nth-child(4) {
-webkit-animation-delay: 0.8571428571s;
animation-delay: 0.8571428571s;
}
.concept__ttl p:nth-child(1) span:nth-child(4) i {
-webkit-animation-delay: -0.9034285714s;
animation-delay: -0.9034285714s;
}
.concept__ttl p:nth-child(1) span:nth-child(5) {
-webkit-animation-delay: 1.1428571429s;
animation-delay: 1.1428571429s;
}
.concept__ttl p:nth-child(1) span:nth-child(5) i {
-webkit-animation-delay: -0.7605714286s;
animation-delay: -0.7605714286s;
}
.concept__ttl p:nth-child(1) span:nth-child(6) {
-webkit-animation-delay: 1.4285714286s;
animation-delay: 1.4285714286s;
}
.concept__ttl p:nth-child(1) span:nth-child(6) i {
-webkit-animation-delay: -0.6177142857s;
animation-delay: -0.6177142857s;
}
.concept__ttl p:nth-child(1) span:nth-child(7) {
-webkit-animation-delay: 1.7142857143s;
animation-delay: 1.7142857143s;
}
.concept__ttl p:nth-child(1) span:nth-child(7) i {
-webkit-animation-delay: -0.4748571429s;
animation-delay: -0.4748571429s;
}
.concept__ttl p:nth-child(n+2) {
position: absolute;
}
.concept__ttl p:nth-child(2) {
color: #f62629;
top: 0.05em;
left: 0.05em;
z-index: 2;
}
.concept__ttl p:nth-child(2) span:nth-child(1) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.concept__ttl p:nth-child(2) span:nth-child(1) i {
-webkit-animation-delay: -1.232s;
animation-delay: -1.232s;
}
.concept__ttl p:nth-child(2) span:nth-child(2) {
-webkit-animation-delay: 0.3857142857s;
animation-delay: 0.3857142857s;
}
.concept__ttl p:nth-child(2) span:nth-child(2) i {
-webkit-animation-delay: -1.0891428571s;
animation-delay: -1.0891428571s;
}
.concept__ttl p:nth-child(2) span:nth-child(3) {
-webkit-animation-delay: 0.6714285714s;
animation-delay: 0.6714285714s;
}
.concept__ttl p:nth-child(2) span:nth-child(3) i {
-webkit-animation-delay: -0.9462857143s;
animation-delay: -0.9462857143s;
}
.concept__ttl p:nth-child(2) span:nth-child(4) {
-webkit-animation-delay: 0.9571428571s;
animation-delay: 0.9571428571s;
}
.concept__ttl p:nth-child(2) span:nth-child(4) i {
-webkit-animation-delay: -0.8034285714s;
animation-delay: -0.8034285714s;
}
.concept__ttl p:nth-child(2) span:nth-child(5) {
-webkit-animation-delay: 1.2428571429s;
animation-delay: 1.2428571429s;
}
.concept__ttl p:nth-child(2) span:nth-child(5) i {
-webkit-animation-delay: -0.6605714286s;
animation-delay: -0.6605714286s;
}
.concept__ttl p:nth-child(2) span:nth-child(6) {
-webkit-animation-delay: 1.5285714286s;
animation-delay: 1.5285714286s;
}
.concept__ttl p:nth-child(2) span:nth-child(6) i {
-webkit-animation-delay: -0.5177142857s;
animation-delay: -0.5177142857s;
}
.concept__ttl p:nth-child(2) span:nth-child(7) {
-webkit-animation-delay: 1.8142857143s;
animation-delay: 1.8142857143s;
}
.concept__ttl p:nth-child(2) span:nth-child(7) i {
-webkit-animation-delay: -0.3748571429s;
animation-delay: -0.3748571429s;
}
.concept__ttl p:nth-child(3) {
color: #000;
top: 0.1em;
left: 0.1em;
z-index: 1;
}
.concept__ttl p:nth-child(3) span:nth-child(1) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.concept__ttl p:nth-child(3) span:nth-child(1) i {
-webkit-animation-delay: -1.132s;
animation-delay: -1.132s;
}
.concept__ttl p:nth-child(3) span:nth-child(2) {
-webkit-animation-delay: 0.4857142857s;
animation-delay: 0.4857142857s;
}
.concept__ttl p:nth-child(3) span:nth-child(2) i {
-webkit-animation-delay: -0.9891428571s;
animation-delay: -0.9891428571s;
}
.concept__ttl p:nth-child(3) span:nth-child(3) {
-webkit-animation-delay: 0.7714285714s;
animation-delay: 0.7714285714s;
}
.concept__ttl p:nth-child(3) span:nth-child(3) i {
-webkit-animation-delay: -0.8462857143s;
animation-delay: -0.8462857143s;
}
.concept__ttl p:nth-child(3) span:nth-child(4) {
-webkit-animation-delay: 1.0571428571s;
animation-delay: 1.0571428571s;
}
.concept__ttl p:nth-child(3) span:nth-child(4) i {
-webkit-animation-delay: -0.7034285714s;
animation-delay: -0.7034285714s;
}
.concept__ttl p:nth-child(3) span:nth-child(5) {
-webkit-animation-delay: 1.3428571429s;
animation-delay: 1.3428571429s;
}
.concept__ttl p:nth-child(3) span:nth-child(5) i {
-webkit-animation-delay: -0.5605714286s;
animation-delay: -0.5605714286s;
}
.concept__ttl p:nth-child(3) span:nth-child(6) {
-webkit-animation-delay: 1.6285714286s;
animation-delay: 1.6285714286s;
}
.concept__ttl p:nth-child(3) span:nth-child(6) i {
-webkit-animation-delay: -0.4177142857s;
animation-delay: -0.4177142857s;
}
.concept__ttl p:nth-child(3) span:nth-child(7) {
-webkit-animation-delay: 1.9142857143s;
animation-delay: 1.9142857143s;
}
.concept__ttl p:nth-child(3) span:nth-child(7) i {
-webkit-animation-delay: -0.2748571429s;
animation-delay: -0.2748571429s;
}
.concept__ttl span {
display: inline-block;
-webkit-animation: wave01 4s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite both;
animation: wave01 4s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite both;
}
.concept__ttl span i {
display: inline-block;
-webkit-animation: wave02 4s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite both;
animation: wave02 4s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite both;
font-style: normal;
}
.concept__catch {
padding: 1.5625rem;
}
.concept__catch .en {
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: start;
-ms-flex-align: start;
align-items: flex-start;
}
.concept__catch .en .row {
display: block;
margin-bottom: 0.1875rem;
padding: 0.375rem 0.625rem 0.25rem;
position: relative;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.5625rem;
line-height: 1.1;
}
.concept__catch .en .row::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #ebf219;
border: 1px solid #000;
width: 100%;
height: 100%;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-animation: catchWave 1.4s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite both alternate;
animation: catchWave 1.4s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite both alternate;
}
.concept__catch .en .row span {
display: block;
position: relative;
z-index: 1;
color: #fff;
-webkit-text-stroke: #000 1px;
text-shadow: 0.125rem 0.09375rem 0 #000;
}
.concept__catch .en .row:nth-child(even)::before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.concept__catch .jp {
margin-top: 0.625rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.75rem;
line-height: 1.8;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.16em;
}
.concept__catch .jp span {
display: block;
margin-right: 0.1875rem;
border: 1px solid #000;
padding: 0 0.4em;
}
.concept__txt {
font-size: 0.8125rem;
text-align: center;
line-height: 1;
padding-top: 2em;
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;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
}
.concept__txt span {
display: block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, transparent), color-stop(33%, #f8ea21), color-stop(66%, #f8ea21), color-stop(66%, transparent));
background: linear-gradient(transparent 33%, #f8ea21 33%, #f8ea21 66%, transparent 66%);
opacity: 0;
-webkit-transform: translate(0, 1.2rem);
transform: translate(0, 1.2rem);
-webkit-transition: opacity ease 800ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
transition: opacity ease 800ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms, opacity ease 800ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms, opacity ease 800ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
}
.concept__txt span:not(:last-child) {
margin-bottom: 1.5em;
}
.concept__txt.frame-in span {
opacity: 1;
-webkit-transform: translate(0, 0em);
transform: translate(0, 0em);
}
.concept__txt.frame-in span:nth-child(1) {
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
.concept__txt.frame-in span:nth-child(2) {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.concept__txt.frame-in span:nth-child(3) {
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.concept__txt.frame-in span:nth-child(4) {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.concept__txt.frame-in span:nth-child(5) {
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
}
.concept__txt.frame-in span:nth-child(6) {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.concept__txt.frame-in span:nth-child(7) {
-webkit-transition-delay: 350ms;
transition-delay: 350ms;
}
.concept__txt.frame-in span:nth-child(8) {
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.concept__txt.frame-in span:nth-child(9) {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
.concept__txt.frame-in span:nth-child(10) {
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
.concept__fig {
position: relative;
padding: 5.625rem;
width: 100%;
}
.concept__fig .txt {
display: block;
width: 7.1875rem;
margin: 0 auto;
opacity: 0;
-webkit-transition: ease 400ms;
transition: ease 400ms;
}
.concept__fig .txt.frame-in {
opacity: 1;
}
.concept .draw {
position: absolute;
}
.concept .draw01 {
width: 5rem;
left: 90%;
top: 3%;
}
.concept .draw02 {
width: 17.5rem;
right: 80%;
top: 29%;
}
.concept .draw03 {
width: 2.875rem;
left: 80%;
bottom: 47%;
z-index: 1;
}
.concept .tape {
position: absolute;
}
.concept .tape01 {
width: 13.4375rem;
right: 90%;
top: -8%;
}
.concept .tape02 {
width: 14.375rem;
left: 87%;
top: 26%;
z-index: 1;
}
.concept .tape03 {
width: 13.4375rem;
left: 90%;
top: 25%;
}
.concept .tape04 {
width: 13.4375rem;
left: 75%;
bottom: 35%;
}
.concept .tape05 {
width: 12.5rem;
right: 88%;
bottom: -2%;
}
.concept .snap {
position: absolute;
}
.concept .snap01 {
width: 10rem;
right: 50%;
top: 20%;
-webkit-filter: drop-shadow(0rem 0rem 0 #5a00ff);
filter: drop-shadow(0rem 0rem 0 #5a00ff);
rotate: -5deg;
translate: -0.5rem -0.25rem;
opacity: 0;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 200ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 200ms;
}
.concept .snap01.frame-in {
-webkit-filter: drop-shadow(-0.46875rem -0.625rem 0 #5a00ff);
filter: drop-shadow(-0.46875rem -0.625rem 0 #5a00ff);
rotate: 0deg;
translate: 0rem 0rem;
opacity: 1;
}
.concept .snap02 {
width: 8.84375rem;
left: 55%;
bottom: 33%;
z-index: 1;
border-radius: 100vmax;
-webkit-box-shadow: 0rem 0 0 #02996c;
box-shadow: 0rem 0 0 #02996c;
opacity: 0;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 250ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 250ms;
}
.concept .snap02.frame-in {
opacity: 1;
-webkit-box-shadow: 8.84375rem 0 0 #02996c;
box-shadow: 8.84375rem 0 0 #02996c;
}
.concept .snap03 {
width: 12.34375rem;
left: 10%;
bottom: 4%;
rotate: 25deg;
opacity: 0;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 300ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 300ms;
}
.concept .snap03.frame-in {
rotate: 0deg;
opacity: 1;
}
.concept .badge {
position: absolute;
z-index: 20;
}
.concept .badge01 {
width: 4.6875rem;
left: 10%;
top: 15%;
rotate: 5deg;
opacity: 0;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 200ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 200ms;
}
.concept .badge01.frame-in {
rotate: 0deg;
opacity: 1;
}
.concept .badge02 {
width: 7.4375rem;
left: 20%;
top: 55%;
z-index: 1;
-webkit-filter: drop-shadow(0rem 0rem 0 #000);
filter: drop-shadow(0rem 0rem 0 #000);
rotate: 25deg;
translate: -0.5rem 0.5rem;
opacity: 0;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 200ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 200ms;
}
.concept .badge02.frame-in {
-webkit-filter: drop-shadow(0.15625rem 0.3125rem 0 #000);
filter: drop-shadow(0.15625rem 0.3125rem 0 #000);
rotate: 0deg;
translate: 0rem 0rem;
opacity: 1;
}
.concept .badge03 {
width: 7.78125rem;
left: 51%;
bottom: 15%;
rotate: -10deg;
opacity: 0;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 200ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 200ms;
}
.concept .badge03.frame-in {
rotate: 0deg;
opacity: 1;
} @-webkit-keyframes kanbanLayer02 {
0% {
opacity: 0;
}
33%, 100% {
opacity: 1;
}
}
@keyframes kanbanLayer02 {
0% {
opacity: 0;
}
33%, 100% {
opacity: 1;
}
}
@-webkit-keyframes kanbanLayer03 {
0% {
opacity: 0;
}
66%, 100% {
opacity: 1;
}
}
@keyframes kanbanLayer03 {
0% {
opacity: 0;
}
66%, 100% {
opacity: 1;
}
}
@-webkit-keyframes moreWink {
0%, 55%, 85% {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/more_icon01.png);
background-repeat: no-repeat;
background-size: contain;
}
70%, 100% {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/more_icon02.png);
background-repeat: no-repeat;
background-size: contain;
}
}
@keyframes moreWink {
0%, 55%, 85% {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/more_icon01.png);
background-repeat: no-repeat;
background-size: contain;
}
70%, 100% {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/more_icon02.png);
background-repeat: no-repeat;
background-size: contain;
}
}
.shoplist {
overflow: hidden;
padding-top: 3.75rem;
}
.shoplist__ttl {
position: relative;
width: calc(100% - 2.5rem);
left: -0.3125rem;
margin-bottom: 1.5625rem;
}
.shoplist__ttl .layer {
background: #ff511a;
border: 1px solid #000;
text-transform: uppercase;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 2.25rem;
line-height: 1;
padding: 0.2em;
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;
padding-left: 2.5rem;
color: #fff;
-webkit-text-stroke: #000 1px;
}
.shoplist__ttl .layer .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 15rem;
gap: 0.3em;
}
.shoplist__ttl .layer .row:after {
content: "";
height: 0.11em;
width: 5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: 1px solid #000;
}
.shoplist__ttl .layer .row:nth-child(2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.shoplist__ttl .layer:nth-child(1) {
position: relative;
z-index: 3;
}
.shoplist__ttl .layer:nth-child(2) {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0.46875rem;
left: -0.9375rem;
-webkit-animation: kanbanLayer02 2s steps(1) both infinite;
animation: kanbanLayer02 2s steps(1) both infinite;
}
.shoplist__ttl .layer:nth-child(3) {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0.9375rem;
left: -1.875rem;
-webkit-animation: kanbanLayer03 2s steps(1) both infinite;
animation: kanbanLayer03 2s steps(1) both infinite;
}
.shoplist__intro {
text-align: center;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.8125rem;
line-height: 2;
}
.shoplist__cate {
margin-top: 1.25rem;
}
.shoplist .subheader {
padding-top: 1.875rem;
}
.shoplist .subheader__ttl {
padding: 0.9375rem 0;
background: var(--theme-cl, #f8ea21);
border-style: solid;
border-width: 1px 0 1px;
border-color: #000;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
font-size: 1.5625rem;
white-space: nowrap;
}
.shoplist .subheader__ttl:not(.slick-initialized) {
opacity: 0;
}
.shoplist .subheader__ttl span {
display: inline-block;
max-width: unset;
padding: 0 0.4em;
}
.shoplist .subheader__ttl .slick-center {
color: #fff;
-webkit-text-stroke: #000 1px;
}
.shoplist .subheader__subttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 0.625rem;
}
.shoplist .subheader__subttl span {
display: block;
background: var(--theme-cl, #f8ea21);
border-width: 1px 1px 1px 0;
border-style: solid;
border-color: #000;
padding: 0.15625rem 0.625rem 0.15625rem 1.5625rem;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.6875rem;
}
.shoplist__list {
counter-reset: shopnum;
}
.shoplist__list .shop {
position: relative;
counter-increment: shopnum;
padding-top: 2.5rem;
}
.shoplist__list .shop.pop {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/cate_bg_pop.svg);
background-repeat: no-repeat;
background-size: 105% auto;
background-position: center top 35%;
}
.shoplist__list .shop.sound {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/cate_bg_sound.svg);
background-repeat: no-repeat;
background-size: 105% auto;
background-position: center top 35%;
}
.shoplist__list .shop:not(:last-child) {
padding-bottom: 2.5rem;
}
.shoplist__list .shop:not(:last-child)::after {
content: "";
position: absolute;
left: 1.5625rem;
width: calc(100% - 3.125rem);
height: 2px;
bottom: 0;
background-color: #000;
}
.shoplist__list .shop::before {
content: "No.0" counter(shopnum);
position: absolute;
top: 3.125rem;
left: 1.5625rem;
z-index: 10;
font-family: termina, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.5625rem;
color: #fff;
-webkit-text-stroke: #000 1px;
text-shadow: -0.1em 0.05em 0 #000;
text-transform: uppercase;
}
.shoplist__list .shop .fig {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-right: 0.3125rem;
position: relative;
left: -0.3125rem;
}
.shoplist__list .shop .fig img {
display: block;
width: var(--img-w);
max-width: 80%;
height: auto;
-webkit-filter: drop-shadow(0.46875rem 0.46875rem 0 var(--theme-cl));
filter: drop-shadow(0.46875rem 0.46875rem 0 var(--theme-cl));
}
.shoplist__list .shop .name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.3125rem;
position: relative;
z-index: 20;
top: -1.875rem;
padding-left: 1.5625rem;
}
.shoplist__list .shop .name span {
padding: 0.75em 1em 0.75em calc(1em + 0.375rem);
line-height: 1;
position: relative;
z-index: 10;
color: rgba(0, 0, 0, 0.01);
-webkit-transition: color cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
transition: color cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
}
.shoplist__list .shop .name span::before {
content: "";
border-style: solid;
border-width: 1px 1px 1px 0.375rem;
border-color: #000;
background: #fff;
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
z-index: -1;
-webkit-transition: width cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
transition: width cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
}
.shoplist__list .shop .name span:nth-child(1) {
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.shoplist__list .shop .name span:nth-child(1)::before {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.shoplist__list .shop .name span:nth-child(2) {
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
.shoplist__list .shop .name span:nth-child(2)::before {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.shoplist__list .shop .name .en {
font-size: 1.125rem;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
}
.shoplist__list .shop .name .jp {
font-size: 0.8125rem;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
padding: 0.5em 1em 0.5em calc(1em + 0.375rem);
}
.shoplist__list .shop.frame-in .name span {
color: black;
}
.shoplist__list .shop.frame-in .name span::before {
width: 100%;
}
.shoplist__list .shop:nth-child(even)::before {
left: auto;
right: 1.5625rem;
}
.shoplist__list .shop:nth-child(even) .fig {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.shoplist__list .shop .btn {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.8125rem;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
letter-spacing: 0.2em;
color: #000;
}
.shoplist__list .shop .btn .icon {
display: block;
width: 1.875rem;
height: 1.875rem;
border-radius: 100vmax;
margin-left: 0.5em;
border: 1px solid #000;
background-color: var(--theme-cl);
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/more_icon01.png);
-webkit-animation: moreWink 3s steps(1) infinite both;
animation: moreWink 3s steps(1) infinite both;
background-repeat: no-repeat;
background-size: contain;
}
.shoplist__list .shop .btn:disabled .icon {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/more_icon02.png);
-webkit-animation: none;
animation: none;
-webkit-filter: saturate(0) brightness(1.2) opacity(0.5);
filter: saturate(0) brightness(1.2) opacity(0.5);
}
@media screen and (min-width: 601px) {
.shoplist__list .shop .btn:not(:disabled) {
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.shoplist__list .shop .btn:not(:disabled):hover {
opacity: 0.6;
}
}
.shoplist__list .shop .btn__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 1.5625rem;
}
.shopModal {
position: fixed;
z-index: 10001;
width: 100%;
max-width: 23.4375rem;
left: min(0, 50% - 10.15625rem);
top: 0;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(0, 0, 0, 0.5);
display: none;
opacity: 0;
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
}
.shopModal__inner {
width: calc(100% - 3.125rem);
height: auto;
background: #fff;
padding: 2.8125rem 1.25rem 1.25rem;
border: 1px solid #000;
position: relative;
-webkit-box-shadow: 0.78125rem 0.9375rem 0 #000;
box-shadow: 0.78125rem 0.9375rem 0 #000;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
translate: 0 1rem;
opacity: 0;
}
.shopModal .name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.3125rem;
position: relative;
z-index: 20;
top: 0;
padding-left: 0;
margin-bottom: 1.5625rem;
}
.shopModal .name span {
padding: 0.75em 1em 0.75em calc(1em + 0.375rem);
line-height: 1;
position: relative;
z-index: 10;
color: rgba(0, 0, 0, 0.01);
-webkit-transition: color cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
transition: color cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
}
.shopModal .name span::before {
content: "";
border-style: solid;
border-width: 1px 1px 1px 0.375rem;
border-color: #000;
background: #fff;
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
z-index: -1;
-webkit-transition: width cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
transition: width cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
}
.shopModal .name span:nth-child(1) {
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.shopModal .name span:nth-child(1)::before {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.shopModal .name span:nth-child(2) {
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
.shopModal .name span:nth-child(2)::before {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.shopModal .name .en {
font-size: 1rem;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
}
.shopModal .name .jp {
font-size: 0.75rem;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
padding: 0.5em 1em 0.5em calc(1em + 0.375rem);
}
.shopModal__fig {
border: 1px solid #000;
height: 25vh;
width: 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;
}
.shopModal__fig img {
display: block;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.shopModal__txt {
margin-top: 1.5625rem;
height: 25vh;
overflow: hidden;
overflow-y: scroll;
font-size: 0.75rem;
}
.shopModal__txt p {
margin-bottom: 1em;
}
.shopModal__close {
position: absolute;
width: 2.5rem;
height: 2.5rem;
bottom: 100%;
left: -1px;
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #000;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0;
background: #ef228d;
}
.shopModal__close::before, .shopModal__close::after {
content: "";
height: 2px;
width: 80%;
left: 10%;
top: calc(50% - 1px);
background-color: #000;
position: absolute;
}
.shopModal__close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.shopModal__close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.shopModal.is-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shopModal.is-active.is-open {
opacity: 1;
}
.shopModal.is-active.is-open .shopModal__inner {
translate: 0 0rem;
opacity: 1;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.shopModal.is-active .name span {
color: black;
}
.shopModal.is-active .name span::before {
width: 100%;
}
@-webkit-keyframes dot01 {
0% {
opacity: 0;
}
25%, 100% {
opacity: 1;
}
}
@keyframes dot01 {
0% {
opacity: 0;
}
25%, 100% {
opacity: 1;
}
}
@-webkit-keyframes dot02 {
0% {
opacity: 0;
}
50%, 100% {
opacity: 1;
}
}
@keyframes dot02 {
0% {
opacity: 0;
}
50%, 100% {
opacity: 1;
}
}
@-webkit-keyframes dot03 {
0% {
opacity: 0;
}
75%, 100% {
opacity: 1;
}
}
@keyframes dot03 {
0% {
opacity: 0;
}
75%, 100% {
opacity: 1;
}
}
.event {
padding-top: 1.25rem;
padding-bottom: 0.625rem;
}
.event + .event {
margin-top: 1.25rem;
}
.event .date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -0.3125rem;
}
.event .date__inner {
padding: 0.625rem 1.25rem 0.625rem 2.8125rem;
font-family: termina, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.1875rem;
line-height: 1.2;
letter-spacing: 0.06em;
position: relative;
z-index: 1;
}
.event .date__inner::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #000;
z-index: 0;
}
.event .date__inner::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0.25rem;
left: 0.25rem;
background-color: #fff;
border: 1px solid #000;
z-index: -1;
}
.event .date__inner .from,
.event .date__inner .to {
display: block;
position: relative;
z-index: 1;
color: #fff;
margin: 0;
padding: 0;
}
.event .date__inner .to {
padding-left: 1em;
}
.event .thumb {
width: calc(100% - 3.125rem);
margin: 1.5625rem auto 2.8125rem;
position: relative;
}
.event .thumb::before {
content: "";
display: block;
position: absolute;
top: 0.625rem;
left: 0.625rem;
height: 100%;
width: 100%;
border: 2px solid #000;
z-index: 0;
background: var(--theme-cl);
}
.event .thumb img {
display: block;
border: 2px solid #000;
position: relative;
}
.event .subttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 1.5625rem;
margin: 0.25rem 0;
}
.event .subttl span {
display: block;
background: #fff;
color: #000;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.75rem;
line-height: 1.5;
padding: 0.625rem 0.9375rem;
border: 1px solid;
}
.event .ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 1.5625rem;
}
.event .ttl span {
display: block;
background: #000;
color: #fff;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.125rem;
line-height: 1.5;
padding: 0.625rem 0.9375rem;
}
.event .desc {
padding: 1.5625rem;
font-size: 0.75rem;
line-height: 38/24;
}
.event .desc p:not(:last-child) {
margin-bottom: 2em;
}
.event .desc mark {
background: #1a1a1a;
padding: 0.1em 0;
color: #fff;
}
.event .desc a {
text-decoration: underline;
}
.event .desc a:hover {
text-decoration: none;
}
.event .detail {
padding: 1.5625rem 2.1875rem 3.125rem;
font-size: 0.75rem;
background: repeating-linear-gradient(rgba(0, 0, 0, 0.08) 0px, rgba(0, 0, 0, 0.08) 1px, transparent 1px, transparent 0.5625rem), repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0px, rgba(0, 0, 0, 0.08) 1px, transparent 1px, transparent 0.5625rem);
background-size: 0.59375rem 0.59375rem;
background-repeat: repeat;
background-position: center top;
}
.event .detail dl {
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
}
.event .detail dl:not(:last-child) {
margin-bottom: 1.5625rem;
}
.event .detail dl dt {
width: 5.15625rem;
height: 1.40625rem;
border: 2px solid #000;
background-color: #1fcd6a;
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;
border-radius: 100vmax;
margin-bottom: 0.9375rem;
}
.event .detail dl dd {
letter-spacing: 0.16em;
}
.event .detail dl dd p:not(:last-child) {
margin-bottom: 1em;
}
.event .btn {
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;
width: 100%;
margin-top: -1.5625rem;
-webkit-filter: drop-shadow(0.25rem 0.125rem 0 #000);
filter: drop-shadow(0.25rem 0.125rem 0 #000);
}
.event .btn a:not(.ig) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 100vmax;
border: 2px solid #000;
background: #fff;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 2.8125rem;
width: 15.625rem;
position: relative;
font-size: 0.75rem;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.event .btn a:not(.ig)::after {
content: "";
height: 1.875rem;
width: 1.875rem;
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/icon_external.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 0.46875rem;
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
@media screen and (min-width: 601px) {
.event .btn a:not(.ig):hover {
background-color: #000;
color: #fff;
}
.event .btn a:not(.ig):hover::after {
-webkit-filter: invert(1);
filter: invert(1);
}
}
.event .btn a.ig {
display: block;
width: 3rem;
height: 3rem;
border-radius: 100vmax;
padding: 0.5rem;
background: #fff;
border: 2px solid #000;
margin-left: 1rem;
}
@media screen and (min-width: 601px) {
.event .btn a.ig {
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.event .btn a.ig img {
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.event .btn a.ig:hover {
background: #000;
}
.event .btn a.ig:hover img {
-webkit-filter: invert(1);
filter: invert(1);
}
} @-webkit-keyframes btnRotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes btnRotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes notationBlinker {
0%, 49% {
color: #000;
}
50%, 100% {
color: #fff;
}
}
@keyframes notationBlinker {
0%, 49% {
color: #000;
}
50%, 100% {
color: #fff;
}
}
.campaign {
border-style: solid;
border-width: 1px 0;
border-color: #000;
background-color: #ef228d;
padding: 3.75rem 1.5625rem 2.8125rem;
margin-top: 1.5625rem;
}
.campaign__ttl {
text-transform: uppercase;
text-align: center;
font-size: 1.875rem;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
color: #fff;
-webkit-text-stroke: #000 1px;
text-shadow: 0.15625rem 0.15625rem 0 #000;
margin-bottom: 1.5625rem;
}
.campaign__num {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-align: center;
text-transform: uppercase;
font-size: 0.9375rem;
-webkit-text-stroke: #000 1px;
color: #fff;
margin-bottom: 0.5em;
}
.campaign__leadTtl {
background: #000;
color: #fff;
text-align: center;
padding: 0.5rem 0.25rem;
font-size: 1.0625rem;
margin-bottom: 0.9375rem;
}
.campaign__lead {
font-size: 0.8125rem;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
margin-bottom: 1.40625rem;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
.campaign__lead strong {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.5625rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding: 0.4em 0;
gap: 0.4em;
}
.campaign__lead strong span {
color: #fff;
-webkit-text-stroke: #000 1px;
}
.campaign__lead strong span i {
font-size: 0.8em;
color: #000;
display: inline-block;
margin-right: 0.1em;
}
.campaign__desc {
text-align: center;
font-size: 0.6875rem;
line-height: 1.6;
white-space: nowrap;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
margin-bottom: 0.625rem;
position: relative;
}
@supports (text-shadow: 1px 1px #000) {
.campaign__desc {
text-shadow: 1px 1px #000;
color: #fff;
}
}
.campaign__desc::before, .campaign__desc::after {
content: "";
height: 105%;
width: 1px;
display: block;
position: absolute;
background: #000;
-webkit-transform-origin: top;
transform-origin: top;
top: 0;
}
.campaign__desc::before {
left: -2.5%;
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.campaign__desc::after {
right: -2.5%;
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
.campaign__fig01 {
margin-bottom: 1.5625rem;
}
.campaign__fig01 img {
display: block;
max-width: 100%;
}
.campaign__fig02 {
margin-bottom: 1.5625rem;
}
.campaign__fig02 div {
background: #fff;
border-radius: 0.625rem;
border: 2px solid #000;
margin-top: 1.25rem;
}
.campaign__fig02 img {
display: block;
max-width: 100%;
}
.campaign__detail {
border-radius: 0.625rem;
border: 2px solid #000;
background-color: #fff;
padding: 1.875rem 0.9375rem;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.75rem;
margin-bottom: 2.5rem;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
.campaign__detail dl:not(:last-child) {
margin-bottom: 2.34375rem;
}
.campaign__detail dl dt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.78125rem;
}
.campaign__detail dl dt span {
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;
background: #000;
width: 5.15625rem;
height: 1.4375rem;
border-radius: 100vmax;
color: #fff;
}
.campaign__detail dl dd p:not(:last-child) {
margin-bottom: 1.5em;
}
.campaign__detail .btns {
max-width: 12.5rem;
margin: 0 auto 0.78125rem;
}
.campaign__detail .btns a {
display: block;
margin-top: 0.3125rem;
border: 2px solid #000;
-webkit-box-shadow: 1px 1px 0 #000;
box-shadow: 1px 1px 0 #000;
border-radius: 0.25rem;
}
@media screen and (min-width: 601px) {
.campaign__detail .btns a {
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.campaign__detail .btns a:hover {
-webkit-transform: transform(1px, 1px);
transform: transform(1px, 1px);
-webkit-box-shadow: 0 0 0 #000;
box-shadow: 0 0 0 #000;
background-color: rgba(239, 34, 141, 0.25);
}
}
.campaign__notation {
font-size: 0.8125rem;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
text-align: center;
-webkit-animation: notationBlinker 1.5s steps(1) infinite both;
animation: notationBlinker 1.5s steps(1) infinite both;
} .topnews {
padding-top: 4.0625rem;
}
.topnews__ttl {
text-align: center;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.875rem;
letter-spacing: 0.18em;
text-transform: uppercase;
-webkit-text-stroke: #000 1px;
color: #fff;
text-shadow: 0.05em 0.05em 0 #000;
margin-bottom: 2.34375rem;
}
.topnews__link {
padding: 2.5rem;
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;
border-style: solid;
border-width: 1px 0;
border-color: #000;
background: #f8ea21;
font-size: 1rem;
}
.topnews__link span {
text-transform: uppercase;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
}
.topnews__link span img {
display: block;
width: 1.4375rem;
margin: 0 0 0 0.5em;
}
@media screen and (min-width: 601px) {
.topnews__link {
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
will-change: opacity;
}
.topnews__link:hover {
opacity: 0.6;
}
.topnews__link:hover span {
letter-spacing: 0.3em;
}
}
.newslist {
padding: 0 1.5625rem 2.5rem;
}
.newslist li {
padding-bottom: 0.9375rem;
}
.newslist li:not(:last-child) {
border-bottom: 1px solid #000;
}
.newslist li:not(:first-child) {
margin-top: 1.5625rem;
}
.newslist .data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 0.5rem;
margin-bottom: 1.5625rem;
}
.newslist .date {
font-family: termina, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.1em;
}
.newslist .cate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.newslist .cate a {
display: block;
border-radius: 100vmax;
background: #000;
color: #fff;
line-height: 1;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.1em;
padding: 0.5em 1.5em;
font-size: 0.6875rem;
text-transform: uppercase;
}
@media screen and (min-width: 601px) {
.newslist .cate a {
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
will-change: opacity;
}
.newslist .cate a:hover {
opacity: 0.6;
}
}
.newslist .ttl {
font-size: 0.75rem;
line-height: 1.5;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
}
@media screen and (min-width: 601px) {
.newslist .ttl a {
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
will-change: opacity;
}
.newslist .ttl a:hover {
opacity: 0.6;
text-decoration: underline;
}
} .intro {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 20000;
background-color: #fff;
}
.intro__inner {
opacity: 0;
}
.intro .txts {
font-size: 1.125rem;
position: absolute;
left: 4%;
top: 40%;
max-width: 50%;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
z-index: 10;
}
.intro .txts img {
width: 80%;
height: auto;
margin-bottom: max(1.25rem, 5vh);
}
.intro .tapes .tape {
position: absolute;
z-index: 0;
width: 200%;
height: 3.125rem;
opacity: 0.8;
}
.intro .tapes .tape:nth-child(1) {
background-color: #3840f8;
right: 75%;
top: 85%;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(70deg);
transform: rotate(70deg);
}
.intro .tapes .tape:nth-child(2) {
background-color: #daff03;
right: 5%;
top: 20%;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.intro .tapes .tape:nth-child(3) {
background-color: #02996c;
right: 25%;
top: 88%;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
.intro .tapes .tape:nth-child(4) {
background-color: #ef228d;
right: -5%;
top: 30%;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.intro .tapes .tape:nth-child(5) {
background-color: #5800a2;
right: 10%;
top: 2%;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(335deg);
transform: rotate(335deg);
}
.intro .tapes .tape:nth-child(6) {
background-color: #f8ea21;
right: 50%;
top: 32%;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(-150deg);
transform: rotate(-150deg);
}
.intro .deco img {
position: absolute;
z-index: 10;
-o-object-fit: contain;
object-fit: contain;
}
.intro .deco img:nth-child(1) {
max-width: 40%;
max-height: 15vh;
top: 5%;
left: 0%;
}
.intro .deco img:nth-child(2) {
max-width: 20%;
max-height: 65vh;
top: 15%;
right: 2%;
}
.intro .deco img:nth-child(3) {
max-width: 20%;
max-height: 20vh;
left: 0%;
bottom: 15%;
}
.intro .deco img:nth-child(4) {
max-width: 75%;
max-height: 15vh;
right: 0%;
bottom: 5%;
}
.intro .shops {
height: min(40vh, 50vw);
width: min(40vh, 50vw);
left: calc(50% - min(20vh, 25vw));
top: calc(50% - min(20vh, 25vw));
position: absolute;
}
.intro .shops li {
position: absolute;
}
.intro .shops li img {
-webkit-filter: drop-shadow(0.5rem 0.5rem 0 #f8ea21);
filter: drop-shadow(0.5rem 0.5rem 0 #f8ea21);
} .newsSingle {
padding: 4.0625rem 1.5625rem 0;
}
.newsSingle__areattl {
text-align: center;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.875rem;
letter-spacing: 0.18em;
text-transform: uppercase;
-webkit-text-stroke: #000 1px;
color: #fff;
text-shadow: 0.05em 0.05em 0 #000;
margin-bottom: 2.34375rem;
}
.newsSingle__header {
position: relative;
padding-bottom: 0.9375rem;
}
.newsSingle__header::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background: #000;
width: 0%;
-webkit-transition: width cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 400ms;
transition: width cubic-bezier(0.165, 0.84, 0.44, 1) 600ms 400ms;
}
.newsSingle__header.frame-in::after {
width: 100%;
}
.newsSingle__header .data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 0.5rem;
margin-bottom: 1.5625rem;
}
.newsSingle__header .date {
font-family: termina, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.1em;
}
.newsSingle__header .cate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.newsSingle__header .cate a {
display: block;
border-radius: 100vmax;
background: #000;
color: #fff;
line-height: 1;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.1em;
padding: 0.5em 1.5em;
font-size: 0.6875rem;
text-transform: uppercase;
}
@media screen and (min-width: 601px) {
.newsSingle__header .cate a {
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
will-change: opacity;
}
.newsSingle__header .cate a:hover {
opacity: 0.6;
}
}
.newsSingle__header .ttl {
font-size: 0.8125rem;
line-height: 1.5;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
}
.newsSingle__kv {
margin: 0.9375rem 0;
border: 1px solid #000;
}
.newsSingle__kv img {
height: auto;
}
.newsSingle__content {
font-size: 0.75rem; }
.newsSingle__content h2 {
padding-bottom: 1em;
margin-bottom: 1em;
margin-top: 2.5em;
border-bottom: 1px solid;
}
.newsSingle__content a {
text-decoration: underline;
}
.newsSingle__content [target=_blank]:after {
display: inline-block;
content: url(//parco-scs.com/wp-content/themes/parco-scramble/images/icon_external_gn.svg);
width: 1em;
height: 1em;
margin-left: 0.25em;
margin-right: 0.25em;
position: relative;
bottom: -0.2em;
}
.newsSingle__content p {
margin: 2.5em 0;
}
.newsSingle__content p + p {
margin-top: -1em;
}
.newsSingle__content strong,
.newsSingle__content b {
font-weight: bold;
}
.newsSingle__content mark {
background: rgba(169, 183, 158, 0.5);
}
.newsSingle__content li:not(:last-child) {
margin-bottom: 0.5em;
}
.newsSingle__content ul,
.newsSingle__content ol {
margin: 2.5em 0;
padding-left: 3rem;
}
.newsSingle__content ul li {
list-style-type: disc;
}
.newsSingle__content ol li {
list-style-type: decimal;
}
.newsSingle__content blockquote {
background: #e8e7e6;
padding: 4rem;
position: relative;
}
@media screen and (max-width: 600px) {
.newsSingle__content blockquote {
padding: 4rem 2rem;
}
}
.newsSingle__content blockquote:before {
content: "“";
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
position: absolute;
font-size: 10rem;
top: -2rem;
left: 1rem;
line-height: 1;
}
.newsSingle__content blockquote p {
font-style: italic;
margin: 0;
}
.newsSingle__content img {
height: auto;
}
.newsSingle__content .wp-block-image img {
margin: 0 auto;
}
.newsSingle__content .wp-block-image figcaption {
font-size: 1.5rem;
line-height: 2.3333333;
letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
.newsSingle__content .wp-block-image figcaption {
font-size: 1.2rem;
}
}
.newsSingle__content .wp-embedded-content {
width: 100%;
}
.newsArchive {
padding: 4.0625rem 1.5625rem 0;
}
.newsArchive__areattl {
text-align: center;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.875rem;
letter-spacing: 0.18em;
text-transform: uppercase;
-webkit-text-stroke: #000 1px;
color: #fff;
text-shadow: 0.05em 0.05em 0 #000;
margin-bottom: 2.34375rem;
}
.newsArchive__list li {
padding-bottom: 0.9375rem;
}
.newsArchive__list li:not(:last-child) {
border-bottom: 1px solid #000;
}
.newsArchive__list li:not(:first-child) {
margin-top: 1.5625rem;
}
.newsArchive__list li .data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 0.5rem;
margin-bottom: 1.5625rem;
}
.newsArchive__list li .date {
font-family: termina, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.1em;
}
.newsArchive__list li .cate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.newsArchive__list li .cate a {
display: block;
border-radius: 100vmax;
background: #000;
color: #fff;
line-height: 1;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.1em;
padding: 0.5em 1.5em;
font-size: 0.6875rem;
text-transform: uppercase;
}
@media screen and (min-width: 601px) {
.newsArchive__list li .cate a {
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
will-change: opacity;
}
.newsArchive__list li .cate a:hover {
opacity: 0.6;
}
}
.newsArchive__list li .ttl {
font-size: 0.8125rem;
line-height: 1.5;
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
}
@media screen and (min-width: 601px) {
.newsArchive__list li .ttl a {
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
will-change: opacity;
}
.newsArchive__list li .ttl a:hover {
opacity: 0.6;
text-decoration: underline;
}
} .page-single__body {
position: relative;
max-width: 120rem;
width: calc(100% - 10rem);
margin: 0 auto;
position: relative;
padding-bottom: 10rem; }
@media screen and (max-width: 600px) {
.page-single__body {
width: calc(100% - 8rem);
}
}
.page-single__body h2 {
padding-bottom: 1em;
margin-bottom: 1em;
margin-top: 2.5em;
border-bottom: 1px solid;
}
.page-single__body a {
text-decoration: underline;
}
.page-single__body [target=_blank]:after {
display: inline-block;
content: url(//parco-scs.com/wp-content/themes/parco-scramble/images/icon_external_gn.svg);
width: 1em;
height: 1em;
margin-left: 0.25em;
margin-right: 0.25em;
position: relative;
bottom: -0.2em;
}
.page-single__body p {
margin: 2.5em 0;
}
.page-single__body p + p {
margin-top: -1em;
}
.page-single__body strong,
.page-single__body b {
font-weight: bold;
}
.page-single__body mark {
background: rgba(169, 183, 158, 0.5);
}
.page-single__body li:not(:last-child) {
margin-bottom: 0.5em;
}
.page-single__body ul,
.page-single__body ol {
margin: 2.5em 0;
padding-left: 3rem;
}
.page-single__body ul li {
list-style-type: disc;
}
.page-single__body ol li {
list-style-type: decimal;
}
.page-single__body blockquote {
background: #e8e7e6;
padding: 4rem;
position: relative;
}
@media screen and (max-width: 600px) {
.page-single__body blockquote {
padding: 4rem 2rem;
}
}
.page-single__body blockquote:before {
content: "“";
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
position: absolute;
font-size: 10rem;
top: -2rem;
left: 1rem;
line-height: 1;
}
.page-single__body blockquote p {
font-style: italic;
margin: 0;
}
.page-single__body img {
height: auto;
}
.page-single__body .wp-block-image img {
margin: 0 auto;
}
.page-single__body .wp-block-image figcaption {
font-size: 1.5rem;
line-height: 2.3333333;
letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
.page-single__body .wp-block-image figcaption {
font-size: 1.2rem;
}
}
.page-single__body .wp-embedded-content {
width: 100%;
} .magazineHead {
position: relative;
overflow: hidden;
margin-bottom: 1.5625rem;
}
.magazineHead__img {
padding: 3.75rem 6.5625rem 2.5rem 0;
width: 100%;
}
.magazineHead__img img {
position: relative;
width: 102.5%;
left: -2.5%;
height: auto;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
opacity: 0;
translate: 0 3rem;
}
.magazineHead__balloon {
position: absolute;
width: 11.25rem;
height: 4.375rem;
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/event_bottom_balloon.png);
background-repeat: no-repeat;
background-size: contain;
background-position: top left;
left: 45%;
top: 6.875rem;
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;
padding-bottom: 0.625rem;
font-size: 0.96875rem;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.06em;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
opacity: 0;
translate: 0 3rem;
}
.magazineHead__balloon span i:nth-child(1) {
-webkit-animation: dot01 2s steps(1) infinite both;
animation: dot01 2s steps(1) infinite both;
}
.magazineHead__balloon span i:nth-child(2) {
-webkit-animation: dot02 2s steps(1) infinite both;
animation: dot02 2s steps(1) infinite both;
}
.magazineHead__balloon span i:nth-child(3) {
-webkit-animation: dot03 2s steps(1) infinite both;
animation: dot03 2s steps(1) infinite both;
}
.magazineHead__ttl {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
text-align: center;
font-size: 1.875rem;
-webkit-text-stroke: 1px #000;
color: #fff;
text-shadow: 0 2px 0 #000;
}
.magazineHead__copy {
text-align: center;
font-weight: 700;
font-size: 0.8125rem;
line-height: 2;
margin-top: 1em;
}
.magazineHead.frame-in img {
opacity: 1;
translate: 0 0rem;
}
.magazineHead.frame-in .magazineHead__balloon {
opacity: 1;
translate: 0 0rem;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.magazineList {
width: 100%;
overflow: hidden;
}
.magazineList__pager {
width: calc(100% - 3.125rem);
margin: 1.5625rem auto;
}
.edition + .edition {
margin-top: 1.5625rem;
}
.edition__header {
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;
padding: 1.5625rem 1.5625rem 0.78125rem;
position: relative;
margin-bottom: 1.5625rem;
}
.edition__header::after {
content: "";
display: block;
height: 1px;
width: calc(100% - 3.125rem);
bottom: 0;
left: 1.5625rem;
background-color: #ccc;
position: absolute;
}
.edition__header .no {
display: block;
margin-right: 0.625rem;
width: 2.5rem;
}
.edition__header .person {
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: end;
-ms-flex-align: end;
align-items: flex-end;
}
.edition__header .person__position {
font-size: 0.6875rem;
font-weight: 700;
line-height: 1.5;
}
.edition__header .person__name {
font-size: 1.40625rem;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
word-break: keep-all;
line-height: 1;
}
.edition__desc {
padding: 0 1.5625rem;
margin-bottom: 1.5625rem;
white-space: normal;
font-size: 0.75rem;
font-weight: 700;
line-height: 36/24;
}
.edition__video {
margin: 0;
}
.magazineArticleList {
white-space: nowrap;
padding-bottom: 1.25rem;
}
.magazineArticleList .slick-list {
overflow: visible;
}
.magazineArticleList .slick-arrow {
position: absolute;
top: 50%;
width: 3.125rem;
height: 3.125rem;
z-index: 1000;
}
.magazineArticleList .slick-arrow.slick-disabled {
opacity: 0;
pointer-events: none;
}
@media screen and (max-width: 600px) {
.magazineArticleList .slick-arrow {
opacity: 0;
}
}
.magazineArticleList .slick-arrow::before {
position: absolute;
display: block;
content: "";
width: 0.9375rem;
height: 0.9375rem;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #000;
z-index: 10;
top: 1.09375rem;
left: 1.09375rem;
}
.magazineArticleList .slick-arrow::after {
content: "";
width: 100%;
height: 100%;
border-radius: 100vmax;
background: #fff;
position: absolute;
top: 0;
left: 0;
opacity: 0.75;
}
.magazineArticleList .slick-prev {
left: 0.625rem;
}
.magazineArticleList .slick-prev::before {
-webkit-transform: translateX(15%) rotate(-135deg);
transform: translateX(15%) rotate(-135deg);
}
.magazineArticleList .slick-next {
right: 0.625rem;
}
.magazineArticleList .slick-next::before {
-webkit-transform: translateX(-15%) rotate(45deg);
transform: translateX(-15%) rotate(45deg);
}
.magazineArticleListItem {
white-space: normal;
display: inline-block;
padding-left: 2.5rem;
}
.magazineArticleListItem__inner {
position: relative;
width: 16.40625rem;
}
.magazineArticleListItem__badge {
position: absolute;
z-index: 10;
-webkit-transition: opacity 400ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
transition: opacity 400ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
transition: opacity 400ms, transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
transition: opacity 400ms, transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
opacity: 0;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.magazineArticleListItem__frame {
position: absolute;
width: 16.40625rem;
height: 15.375rem;
bottom: -0.25rem;
left: -0.25rem;
border-width: 0.25rem;
border-style: solid;
border-color: #000;
background-color: #fff;
z-index: 0;
}
.magazineArticleListItem__frame::before, .magazineArticleListItem__frame::after {
content: "";
display: block;
position: absolute;
background-color: var(--shadow-cl, #000);
z-index: 0;
}
.magazineArticleListItem__frame::before {
top: -0.25rem;
right: -0.75rem;
height: 15.375rem;
width: 0.5rem;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: skewY(25deg);
transform: skewY(25deg);
}
.magazineArticleListItem__frame::after {
left: -0.25rem;
bottom: -0.5rem;
height: 0.25rem;
width: 16.40625rem;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: skewX(65deg);
transform: skewX(65deg);
}
.magazineArticleListItem__main {
overflow: hidden;
width: 15.90625rem;
height: 20.1875rem;
position: relative;
z-index: 1;
}
.magazineArticleListItem__main img {
display: block;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom center;
object-position: bottom center;
width: 100%;
height: 100%;
margin: 0 auto;
-webkit-filter: drop-shadow(0.375rem 0 0 var(--shadow-cl, #000));
filter: drop-shadow(0.375rem 0 0 var(--shadow-cl, #000));
}
.magazineArticleListItem__txts {
position: absolute;
bottom: 2.5rem;
z-index: 20;
left: -1.25rem;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.magazineArticleListItem__label {
position: absolute;
width: 15.375rem;
padding: 0.625rem 1.25rem;
top: 100%;
right: 0;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 10;
letter-spacing: 0.02em;
font-weight: bold;
font-size: 0.75rem;
}
.magazineArticleListItem__label span {
font-size: 1rem;
display: inline-block;
padding-left: 0.25em;
}
.magazineArticleListItem__title {
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: start;
-ms-flex-align: start;
align-items: flex-start;
--font-size-adjust: 1;
font-size: calc(var(--font-size-adjust) * 1.3125rem);
font-weight: 500;
letter-spacing: 0.2em;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
white-space: nowrap;
position: relative;
}
.magazineArticleListItem__title::before, .magazineArticleListItem__title::after {
content: "";
display: block;
position: absolute;
z-index: 10;
width: 0.9em;
height: 0.9em;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
opacity: 0;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
}
.magazineArticleListItem__title::before {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/dquote01.png);
bottom: 90%;
left: 1.25%;
}
.magazineArticleListItem__title::after {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/dquote02.png);
top: 90%;
right: 1.25%;
}
.magazineArticleListItem__title span {
display: block;
padding: 0 0.35em;
background: #000;
color: #fff;
line-height: 1.2;
-webkit-transition: ease 800ms;
transition: ease 800ms;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
-webkit-transform: skewX(-12deg) translateX(5%);
transform: skewX(-12deg) translateX(5%);
}
.magazineArticleListItem__title span:nth-child(even) {
-ms-flex-item-align: end;
align-self: flex-end;
}
.magazineArticleListItem__name {
margin: 0 1.25rem 0.78125rem auto;
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: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: end;
align-self: flex-end;
}
.magazineArticleListItem__name > div {
border: 2px solid #000;
background: #fff;
margin-bottom: -4px;
position: relative;
padding: 0.1em 0.5em;
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #000));
background: linear-gradient(90deg, #fff 50%, #000 50%);
background-size: 200% 100%;
background-repeat: no-repeat;
background-position: 100% 0;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
-webkit-transition: ease 400ms;
transition: ease 400ms;
}
.magazineArticleListItem__name .position {
margin-left: -1.25rem;
font-size: 0.59375rem;
z-index: 1;
font-weight: 700;
letter-spacing: 0.1em;
}
.magazineArticleListItem__name .name {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.875rem;
text-transform: uppercase;
}
.magazineArticleListItem .btn {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.625rem;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
letter-spacing: 0.2em;
color: #000;
background: #fff;
padding: 0.75em 1.5em;
}
.magazineArticleListItem .btn .icon {
display: block;
width: 1.5625rem;
height: 1.5625rem;
border-radius: 100vmax;
margin-left: 0.5em;
border: 1px solid #000;
background-color: var(--shadow-cl);
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/more_icon01.png);
-webkit-animation: moreWink 3s steps(1) infinite both;
animation: moreWink 3s steps(1) infinite both;
background-repeat: no-repeat;
background-size: contain;
}
.magazineArticleListItem .btn:disabled .icon {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/more_icon02.png);
-webkit-animation: none;
animation: none;
-webkit-filter: saturate(0) brightness(1.2) opacity(0.5);
filter: saturate(0) brightness(1.2) opacity(0.5);
}
@media screen and (min-width: 601px) {
.magazineArticleListItem .btn:not(:disabled) {
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.magazineArticleListItem .btn:not(:disabled):hover {
opacity: 0.6;
}
}
.magazineArticleListItem .btn__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
z-index: 20;
bottom: -0.9375rem;
left: -0.625rem;
-webkit-transition: -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 600ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
transition: -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 600ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
transition: clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 600ms, transform cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
transition: clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 600ms, transform cubic-bezier(0.165, 0.84, 0.44, 1) 600ms, -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 600ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
-webkit-clip-path: inset(100% 0 0);
clip-path: inset(100% 0 0);
-webkit-transform: translateY(25%);
transform: translateY(25%);
}
.magazineArticleListItem.slick-active.frame-in .magazineArticleListItem__title span {
-webkit-clip-path: inset(0 0% 0 0);
clip-path: inset(0 0% 0 0);
-webkit-transform: skewX(-8deg) translateX(0%);
transform: skewX(-8deg) translateX(0%);
-webkit-transition-duration: 1200ms;
transition-duration: 1200ms;
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.magazineArticleListItem.slick-active.frame-in .magazineArticleListItem__title span:nth-child(even) {
-webkit-transition-delay: 800ms;
transition-delay: 800ms;
}
.magazineArticleListItem.slick-active.frame-in .magazineArticleListItem__title::before, .magazineArticleListItem.slick-active.frame-in .magazineArticleListItem__title::after {
opacity: 1;
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
-webkit-transition-duration: 600ms;
transition-duration: 600ms;
}
.magazineArticleListItem.slick-active.frame-in .magazineArticleListItem__name > div {
-webkit-clip-path: inset(0 0% 0 0);
clip-path: inset(0 0% 0 0);
background-position: 0% 0;
-webkit-transition: background-position 800ms cubic-bezier(0.165, 0.84, 0.44, 1) calc(400ms + var(--delay, 0ms)), -webkit-clip-path 800ms cubic-bezier(0.165, 0.84, 0.44, 1) calc(100ms + var(--delay, 0ms));
transition: background-position 800ms cubic-bezier(0.165, 0.84, 0.44, 1) calc(400ms + var(--delay, 0ms)), -webkit-clip-path 800ms cubic-bezier(0.165, 0.84, 0.44, 1) calc(100ms + var(--delay, 0ms));
transition: clip-path 800ms cubic-bezier(0.165, 0.84, 0.44, 1) calc(100ms + var(--delay, 0ms)), background-position 800ms cubic-bezier(0.165, 0.84, 0.44, 1) calc(400ms + var(--delay, 0ms));
transition: clip-path 800ms cubic-bezier(0.165, 0.84, 0.44, 1) calc(100ms + var(--delay, 0ms)), background-position 800ms cubic-bezier(0.165, 0.84, 0.44, 1) calc(400ms + var(--delay, 0ms)), -webkit-clip-path 800ms cubic-bezier(0.165, 0.84, 0.44, 1) calc(100ms + var(--delay, 0ms));
}
.magazineArticleListItem.slick-active.frame-in .magazineArticleListItem__name > div.position {
--delay: 100ms;
}
.magazineArticleListItem.slick-active.frame-in .magazineArticleListItem__badge {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: opacity ease 800ms 200ms, -webkit-transform ease 5000ms 100ms;
transition: opacity ease 800ms 200ms, -webkit-transform ease 5000ms 100ms;
transition: opacity ease 800ms 200ms, transform ease 5000ms 100ms;
transition: opacity ease 800ms 200ms, transform ease 5000ms 100ms, -webkit-transform ease 5000ms 100ms;
}
.magazineArticleListItem.slick-active.frame-in .btn__container {
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
-webkit-clip-path: inset(0 0 0%);
clip-path: inset(0 0 0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.magazineArticleListItem.posttype-soulmate {
--shadow-cl: #ebf219;
}
.magazineArticleListItem.posttype-soulmate .magazineArticleListItem__badge {
bottom: 8.75rem;
left: -2.5rem;
width: 8.125rem;
}
.magazineArticleListItem.posttype-fav {
--shadow-cl: #ff511a;
}
.magazineArticleListItem.posttype-fav .magazineArticleListItem__badge {
bottom: 13.28125rem;
left: -1.25rem;
width: 4.0625rem;
}
.magazineSingle__mv {
padding-top: 2.5rem;
position: relative;
}
.magazineSingle__mv .label {
position: absolute;
top: 1.875rem;
font-weight: 700;
font-size: 0.6875rem;
padding: 0.2em 0.5em 0.2em 1.5625rem;
border-style: solid;
border-width: 1px 1px 1px 0;
letter-spacing: 0.04em;
z-index: 10;
}
.magazineSingle__mv .label--soulmate {
background: #ebf219;
}
.magazineSingle__mv .label--fav {
background: #ff511a;
}
.magazineSingle__mv .label::before {
content: "#";
}
.magazineSingle__mv img {
height: auto;
max-width: 100%;
display: block;
-o-object-fit: contain;
object-fit: contain;
max-height: 21.5625rem;
}
.magazineSingle__title {
position: relative;
z-index: 1;
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: start;
-ms-flex-align: start;
align-items: flex-start;
--font-size-adjust: 1;
font-size: calc(var(--font-size-adjust) * 1.3125rem);
font-weight: 500;
letter-spacing: 0.2em;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
white-space: nowrap;
position: relative;
width: calc(100% - 3.125rem);
margin: -2.1875rem auto 0.625rem;
}
.magazineSingle__title::before, .magazineSingle__title::after {
content: "";
display: block;
position: absolute;
z-index: 10;
width: 0.9em;
height: 0.9em;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
opacity: 0;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
}
.magazineSingle__title::before {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/dquote01.png);
bottom: 80%;
left: -2.5%;
}
.magazineSingle__title::after {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/dquote02.png);
top: 80%;
right: -2.5%;
}
.magazineSingle__title span {
display: block;
padding: 0 0.5em;
background: #000;
color: #fff;
line-height: 1.2;
-webkit-transition: ease 800ms;
transition: ease 800ms;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
-webkit-transform: skewX(-12deg) translateX(5%);
transform: skewX(-12deg) translateX(5%);
}
.magazineSingle__title span:nth-child(even) {
-ms-flex-item-align: end;
align-self: flex-end;
}
.magazineSingle__title.frame-in span {
-webkit-clip-path: inset(0 0% 0 0);
clip-path: inset(0 0% 0 0);
-webkit-transform: skewX(-8deg) translateX(0%);
transform: skewX(-8deg) translateX(0%);
-webkit-transition-duration: 1200ms;
transition-duration: 1200ms;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.magazineSingle__title.frame-in span:nth-child(even) {
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.magazineSingle__title.frame-in::before, .magazineSingle__title.frame-in::after {
opacity: 1;
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
}
.magazineSingle__data {
color: #666666;
padding: 0.78125rem 0 0.9375rem;
border-bottom: 1px solid currentColor;
width: calc(100% - 3.125rem);
margin: 0 auto;
letter-spacing: 0.06em;
font-weight: 700;
}
.magazineSingle__data .date {
display: block;
font-family: termina, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.625rem;
}
.magazineSingle__data .no {
font-family: termina, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.625rem;
}
.magazineSingle__data .name {
font-size: 0.625rem;
letter-spacing: 0.08em;
}
.magazineSingle__introduction {
width: calc(100% - 3.125rem);
margin: 0 auto;
}
.magazineSingle__introduction .txt {
padding: 1.5625rem 0.625rem 0;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.16em;
line-height: 1.75;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
.magazineSingle__introduction .desc {
position: relative;
padding-top: 1.25rem;
padding-bottom: 1.5625rem;
}
.magazineSingle__introduction .desc::after {
content: "";
height: 4px;
border-style: solid;
border-width: 1px 0;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
position: absolute;
bottom: 0;
left: 0;
}
.magazineSingle__introduction .desc__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0.9375rem;
}
.magazineSingle__introduction .desc__header::after {
content: "";
height: 4px;
border-style: solid;
border-width: 1px 0;
width: 50%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.magazineSingle__introduction .desc__ttl {
-ms-flex-negative: 0;
flex-shrink: 0;
letter-spacing: 0.04em;
font-size: 0.6875rem;
letter-spacing: 0.06em;
padding-right: 0.5em;
}
.magazineSingle__introduction .desc__ttl strong,
.magazineSingle__introduction .desc__ttl .strong {
padding: 0.25em 0.5em;
margin-right: 0.25em;
border: 1px solid;
font-size: 0.75rem;
letter-spacing: 0.04em;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
.magazineSingle__introduction .desc__ttl strong span,
.magazineSingle__introduction .desc__ttl .strong span {
-webkit-text-stroke: #000 1px;
color: #fff;
font-size: 0.875rem;
-webkit-transform: skewX(-8deg);
transform: skewX(-8deg);
display: inline-block;
margin-right: 0.2em;
}
.magazineSingle__introduction .desc__ttl--soulmate strong,
.magazineSingle__introduction .desc__ttl--soulmate .strong {
background-color: #ebf219;
}
.magazineSingle__introduction .desc__ttl--fav strong,
.magazineSingle__introduction .desc__ttl--fav .strong {
background-color: #ff511a;
}
.magazineSingle__introduction .desc__detail {
font-size: 0.625rem;
letter-spacing: 0.09em;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
line-height: 1.6;
font-weight: 700;
padding: 0 0.625rem;
}
.magazineSingle__body {
overflow: hidden;
}
.magazineSingle__body > p {
margin: 2em auto;
width: calc(100% - 3.125rem);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.16em;
line-height: 1.75;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
.magazineSingle__body--soulmate > h2 {
display: inline-block;
margin: 2em auto 0 1.5625rem;
background-color: #1a1a1a;
color: #fff;
padding: 0.25em 0.5em 0.25em 0;
font-size: 0.9375rem;
line-height: 1.1666666667;
letter-spacing: 0.1em;
-webkit-box-shadow: 0 0 0 100vmax #000;
box-shadow: 0 0 0 100vmax #000;
-webkit-clip-path: inset(0 0 0 -100vmax);
clip-path: inset(0 0 0 -100vmax);
max-width: calc(100% - 3.125rem);
}
.magazineSingle__body--fav > h2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 2em auto 0 1.5625rem;
padding: 0.25em 0.5em 0.25em 0;
font-size: 0.9375rem;
line-height: 1.1666666667;
letter-spacing: 0.1em;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
max-width: calc(100% - 3.125rem);
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.magazineSingle__body--fav > h2::before, .magazineSingle__body--fav > h2::after {
content: "";
display: block;
height: 0.85em;
width: 0.85em;
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.magazineSingle__body--fav > h2::before {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/dquote01red.png);
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-transform: translate(-25%, -25%);
transform: translate(-25%, -25%);
margin-left: -0.3125rem;
margin-right: 0.25em;
}
.magazineSingle__body--fav > h2::after {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/dquote02red.png);
-ms-flex-item-align: end;
align-self: flex-end;
-webkit-transform: translate(25%, 25%);
transform: translate(25%, 25%);
margin-left: 0.25em;
}
.magazineSingle__credit {
margin: 2em auto;
width: calc(100% - 3.125rem);
font-size: 0.625rem;
font-weight: 600;
letter-spacing: 0.16em;
line-height: 1.75;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
font-family: termina, sans-serif;
font-weight: 600;
font-style: normal;
color: #666;
}
.magazineSingle__credit p:not(:last-of-type) {
margin-bottom: 1em;
}
.magazineSingle__related {
padding: 1.5625rem;
overflow: hidden;
}
.magazineSingle__related__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1.5625rem;
}
.magazineSingle__related__header .ttl {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-align: center;
text-transform: uppercase;
font-size: 1.25rem;
color: #fff;
-webkit-text-stroke: #000 1px;
letter-spacing: 0.14em;
text-shadow: 2px 1px 0 #000;
margin-bottom: 0.75em;
line-height: 1;
}
.magazineSingle__related__header .desc {
color: #fff;
background: #000;
font-size: 0.625rem;
letter-spacing: 0.1em;
line-height: 1.1;
}
.magazineSingle__back {
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;
margin-top: 1.5625rem;
}
.magazineSingle__back a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.9375rem;
text-transform: uppercase;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 3.125rem;
border-radius: 100vmax;
color: #000;
border-color: #000;
border-width: 1px;
border-style: solid;
letter-spacing: 0.16em;
padding: 0 1em 0 2em;
}
.magazineSingle__back a::after {
content: "";
display: block;
width: 0.6em;
height: 0.6em;
border-style: solid;
border-width: 1px 1px 0 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 1em;
}
@media screen and (min-width: 601px) {
.magazineSingle__back a {
-webkit-transition: ease 200ms;
transition: ease 200ms;
}
.magazineSingle__back a:hover {
background-color: #000;
color: #fff;
}
}
.magazineSingle .profile {
width: calc(100% - 3.125rem);
margin: 0 auto;
padding: 1.5625rem 0;
}
.magazineSingle .profile__ttl {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
font-size: 1.125rem;
letter-spacing: 0.14em;
line-height: 1;
}
.magazineSingle .profile__inner {
border-width: 0.15625rem;
border-style: solid;
margin-top: -0.3125rem;
padding: 1.25rem 0.625rem;
position: relative;
}
.magazineSingle .profile__inner::before, .magazineSingle .profile__inner::after {
content: "";
display: block;
position: absolute;
background-color: var(--shadow-cl, #000);
z-index: 0;
}
.magazineSingle .profile__inner::before {
top: -0.15625rem;
right: -0.65625rem;
height: calc(100% + 0.3125rem + 0.5px);
width: 0.5rem;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: skewY(25deg);
transform: skewY(25deg);
}
.magazineSingle .profile__inner::after {
left: -0.15625rem;
bottom: -0.40625rem;
height: 0.25rem;
width: calc(100% + 0.3125rem + 0.5px);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: skewX(65deg);
transform: skewX(65deg);
}
.magazineSingle .profile__upper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.magazineSingle .profile__middle {
padding: 0.9375rem 0;
font-weight: 700;
font-size: 0.625rem;
line-height: 1.6;
letter-spacing: 0.18em;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
.magazineSingle .profile__lower {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.magazineSingle .profile__lower .offcial {
position: relative;
text-decoration: none;
font-size: 0.625rem;
font-weight: 700;
padding-bottom: 0.3125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
letter-spacing: 0.18em;
}
@media screen and (min-width: 601px) {
.magazineSingle .profile__lower .offcial {
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
}
.magazineSingle .profile__lower .offcial:hover {
opacity: 0.6;
}
}
.magazineSingle .profile__lower .offcial::after {
content: "";
display: block;
height: 1em;
width: 1em;
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/icon_external_gn.svg);
background-repeat: no-repeat;
background-size: contain;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.magazineSingle .profile__lower .offcial::before {
content: "";
display: block;
height: 1px;
width: 100%;
z-index: 1;
mix-blend-mode: difference;
background-color: #000;
bottom: 0;
left: 0;
position: absolute;
}
.magazineSingle .profile__lower .sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto;
}
.magazineSingle .profile__lower .sns a {
width: 1.875rem;
margin-left: 0.3125rem;
}
@media screen and (min-width: 601px) {
.magazineSingle .profile__lower .sns a {
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
}
.magazineSingle .profile__lower .sns a:hover {
opacity: 0.6;
}
}
.magazineSingle .profile__name {
margin: 0 auto;
font-weight: 700;
}
.magazineSingle .profile__name .position {
letter-spacing: 0.1em;
font-size: 0.625rem;
}
.magazineSingle .profile__name .name {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
font-size: 0.875rem;
}
.magazineSingle .profile__img {
width: 5.625rem;
margin-left: auto;
}
.magazineSingle .profile__img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.magazineSingle .myfavorite {
width: calc(100% - 3.125rem);
padding: 1.25rem 2.5rem;
margin: 0.625rem auto;
position: relative;
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: start;
-ms-flex-align: start;
align-items: flex-start;
}
.magazineSingle .myfavorite::before, .magazineSingle .myfavorite::after {
content: "";
display: block;
width: 1.9375rem;
height: 1.5625rem;
position: absolute;
z-index: 1;
background-size: contain;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 400ms, -webkit-transform ease 400ms;
transition: opacity 400ms, -webkit-transform ease 400ms;
transition: transform ease 400ms, opacity 400ms;
transition: transform ease 400ms, opacity 400ms, -webkit-transform ease 400ms;
}
.magazineSingle .myfavorite::before {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/dquote01large.svg);
left: -0.3125rem;
top: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.magazineSingle .myfavorite::after {
background-image: url(//parco-scs.com/wp-content/themes/parco-scramble/images/dquote02large.svg);
bottom: 0;
right: -0.3125rem;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.magazineSingle .myfavorite.frame-in::before, .magazineSingle .myfavorite.frame-in::after {
opacity: 1;
-webkit-transform: translate(0, 0%);
transform: translate(0, 0%);
-webkit-transition: opacity 400ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms;
transition: opacity 400ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms, opacity 400ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms, opacity 400ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms;
}
.magazineSingle .myfavorite__upper {
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.16em;
line-height: 48/28;
padding-bottom: 0.15625rem;
margin-bottom: 0.625rem;
position: relative;
color: rgba(0, 0, 0, 0.1);
-webkit-transition: color 400ms;
transition: color 400ms;
}
.magazineSingle .myfavorite__upper::after {
content: "";
display: block;
height: 1px;
width: 100%;
-webkit-transform-origin: center;
transform-origin: center;
background-color: currentColor;
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
.magazineSingle .myfavorite__upper.frame-in {
color: black;
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
}
.magazineSingle .myfavorite__upper.frame-in::after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.magazineSingle .myfavorite__position, .magazineSingle .myfavorite__name strong {
border: 1px solid #000;
-webkit-text-stroke: #000 1px;
color: #fff;
background-color: #ff511a;
padding: 0.3125rem 0.625rem;
display: block;
font-weight: 700;
letter-spacing: 0.2em;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
position: relative;
-webkit-transform: translate(0, 101%);
transform: translate(0, 101%);
-webkit-clip-path: inset(0 0 100%);
clip-path: inset(0 0 100%);
-webkit-transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms, -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms, -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms, clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms, clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 400ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 400ms, -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
}
.magazineSingle .myfavorite__position::after, .magazineSingle .myfavorite__name strong::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #ff511a;
width: 100%;
height: 100%;
-webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(33%, rgba(255, 255, 255, 0)), color-stop(66%, white));
-webkit-mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 33%, white 66%);
mask-image: -webkit-gradient(linear, left top, right top, color-stop(33%, rgba(255, 255, 255, 0)), color-stop(66%, white));
mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 33%, white 66%);
-webkit-mask-size: 300%;
mask-size: 300%;
-webkit-mask-position: 100%;
mask-position: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-transition: -webkit-mask-position 400ms;
transition: -webkit-mask-position 400ms;
transition: mask-position 400ms;
transition: mask-position 400ms, -webkit-mask-position 400ms;
}
.magazineSingle .myfavorite__position {
--font-size-adjust:1;
font-size: calc( 1.09375rem * var(--font-size-adjust) );
margin-bottom: -1px;
}
.magazineSingle .myfavorite__position.frame-in {
-webkit-transform: translate(0, 0%);
transform: translate(0, 0%);
-webkit-clip-path: inset(0 0 0%);
clip-path: inset(0 0 0%);
-webkit-transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms;
transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms;
}
.magazineSingle .myfavorite__position.frame-in::after {
-webkit-mask-position: 0%;
mask-position: 0%;
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.magazineSingle .myfavorite__position + .myfavorite__name {
--delay: 800ms;
}
.magazineSingle .myfavorite__name {
--font-size-adjust:1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-size: 0.875rem;
width: 100%;
--delay: 400ms;
}
.magazineSingle .myfavorite__name.frame-in strong {
-webkit-transform: translate(0, 0%);
transform: translate(0, 0%);
-webkit-clip-path: inset(0 0 0%);
clip-path: inset(0 0 0%);
-webkit-transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms;
transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms, -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms 0ms;
-webkit-transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms calc(var(--delay) * 0.2), -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms calc(var(--delay) * 0.2);
transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms calc(var(--delay) * 0.2), -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms calc(var(--delay) * 0.2);
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms calc(var(--delay) * 0.2), clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms calc(var(--delay) * 0.2);
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms calc(var(--delay) * 0.2), clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms calc(var(--delay) * 0.2), -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 800ms calc(var(--delay) * 0.2), -webkit-clip-path cubic-bezier(0.165, 0.84, 0.44, 1) 800ms calc(var(--delay) * 0.2);
}
.magazineSingle .myfavorite__name.frame-in strong::after {
-webkit-mask-position: 0%;
mask-position: 0%;
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
-webkit-transition-delay: var(--delay);
transition-delay: var(--delay);
}
.magazineSingle .myfavorite__name.frame-in span {
-webkit-transition: opacity 800ms 0ms;
transition: opacity 800ms 0ms;
-webkit-transition: opacity 800ms var(--delay);
transition: opacity 800ms var(--delay);
opacity: 1;
}
.magazineSingle .myfavorite__name strong {
font-size: calc( 1.65625rem * var(--font-size-adjust) );
}
.magazineSingle .myfavorite__name span {
display: inline-block;
margin-left: 1em;
padding-bottom: 0.3125rem;
border-bottom: 1px solid;
letter-spacing: 0.16em;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
opacity: 0;
-webkit-transition: opacity ease 400ms;
transition: opacity ease 400ms;
}
.magazineMovie {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
.magazineMovie__ttl {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-align: center;
text-transform: uppercase;
font-size: 1.25rem;
color: #fff;
-webkit-text-stroke: #000 1px;
letter-spacing: 0.14em;
text-shadow: 2px 1px 0 #000;
margin-bottom: 0.75em;
line-height: 1;
}
.shareArticle {
padding: 3.125rem 0;
}
.shareArticle__ttl {
font-family: anisette-std, dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 600;
font-style: normal;
text-align: center;
text-transform: uppercase;
font-size: 1.25rem;
color: #fff;
-webkit-text-stroke: #000 1px;
letter-spacing: 0.14em;
text-shadow: 2px 1px 0 #000;
margin-bottom: 0.75em;
line-height: 1;
margin-bottom: 1.875rem;
}
.shareArticle__links {
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;
}
.shareArticle__links a {
display: block;
width: 3.125rem;
margin: 0 0.625rem;
}
@media screen and (min-width: 601px) {
.shareArticle__links a {
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
}
.shareArticle__links a:hover {
opacity: 0.6;
}
}
.magazineArchive {
padding-top: 3.125rem;
}
.wp-embed,
.ogp-embed {
text-decoration: none;
color: #404040;
border-radius: 4px;
border: 0;
-webkit-box-shadow: 0 0 5px 1px rgba(51, 51, 51, 0.1), 1px 1px 8px rgba(51, 51, 51, 0.3);
box-shadow: 0 0 5px 1px rgba(51, 51, 51, 0.1), 1px 1px 8px rgba(51, 51, 51, 0.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
font-size: 16px;
}
.wp-embed-featured-image,
.ogp-embed-featured-image {
display: block;
width: 100px;
margin: 0;
}
.wp-embed-featured-image img,
.ogp-embed-featured-image img {
vertical-align: bottom;
width: 100px;
max-width: 100%;
height: auto;
}
@supports (aspect-ratio: 1/1) {
.wp-embed-featured-image img,
.ogp-embed-featured-image img {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
}
}
.wp-embed-heading,
.ogp-embed-heading {
display: block;
padding: 8px 8px 8px 16px;
}
@media screen and (min-width: 769px) {
.wp-embed:link,
.ogp-embed:link {
-webkit-transition: ease 400ms;
transition: ease 400ms;
}
.wp-embed:link:hover,
.ogp-embed:link:hover {
-webkit-box-shadow: 0 0 3px 0px rgba(51, 51, 51, 0.1), 0px 0px 4px rgba(51, 51, 51, 0.15);
box-shadow: 0 0 3px 0px rgba(51, 51, 51, 0.1), 0px 0px 4px rgba(51, 51, 51, 0.15);
opacity: 0.9;
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
}*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
ul,
ol,
ul[role=list],
ol[role=list] {
list-style: none;
padding: 0;
}
html:focus-within {
scroll-behavior: smooth;
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
img,
picture {
max-width: 100%;
display: block;
}
input,
button,
textarea,
select {
font: inherit;
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
-webkit-transition-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} .imageRow {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
--margin-adjust-top: 1;
--margin-adjust-bottom: 1;
margin-top: calc( 5em * var(--margin-adjust-top) );
margin-bottom: calc( 5em * var(--margin-adjust-bottom) );
}
.imageRow img {
display: block;
height: auto;
max-width: 100%;
}
.imageRow.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.imageRow.align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.imageRow.align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.cmnSlider {
margin: 5em 0;
padding-bottom: 25px;
}
.cmnSlider figure {
display: block;
padding: 0 0.25rem;
}
.cmnSlider img {
display: block;
max-width: 22rem;
max-height: 14rem;
-o-object-fit: contain;
object-fit: contain;
}
.cmnSlider .slick-dots li button:before {
font-size: 0;
background-color: #000;
height: 2px;
top: 10px;
-webkit-transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
border-radius: 100vmax;
will-change: all;
}
.cmnSlider .slick-dots li.slick-active button:before {
width: 8px;
height: 8px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
top: 7px;
left: 7px;
-webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}