@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap");  :root {
--min1600: 1600px;
--max1599: 1599px;
--min1281: 1281px;
--max1280: 1280px;
--min1024: 1024px;
--max1023: 1023px;
--min960: 960px;
--max959: 959px;
--min780: 780px;
--max779: 779px;
--min561: 561px;
--max560: 560px;
--min481: 481px;
--max480: 480px;
--min375: 375px;
--max374: 374px;
}  .box {
max-width: 1600px;
margin: 0 auto;
}          .grecaptcha-badge {
display: none !important;
}
:root {
--easing: cubic-bezier(0.22, 0.61, 0.36, 1);
--textcolor_b: #1d1d1d;
--textcolor_w: #dddddd;
--textcolor_w_sp: #c2c2c2;
}
:root {
--font-family_type1: "游ゴシック体", "Yu Gothic", YuGothic,
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro",
"メイリオ", "Meiryo", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
"Helvetica", "Verdana", sans-serif;
--font-family_type2: "Shippori Mincho B1", serif;
--font-family_type3: Times New Roman, "Times New Roman", Times, "Times", serif;
--font-family_type4: Verdana, "Helvetica Neue", Helvetica, Arial, Roboto,
Avenir, "Open Sans", sans-serif;
}
*,
*::before,
*::after {
border-style: solid;
border-width: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: geometricPrecision;
-webkit-tap-highlight-color: transparent;
}
html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
line-height: 1.15;
}
html {
font-size: 62.5%;
}
body {
font-family: "Hina Mincho", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.1em;
color: var(--textcolor_w);
background: #000;
line-height: 1;
display: block;
text-align: left;
width: 100% !important;
margin: 0px;
padding: 0px;
position: relative;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media only screen and (max-width: 560px) {
body {
color: var(--textcolor_w_sp);
}
}
.ua-safari-7 body,
.ua-safari-8 body,
.ua-safari-9 body,
.ua-safari-10 body {
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
}
@media screen and (max-width: 779px) {
body {
width: 100% !important;
height: 100%;
overflow-x: hidden !important;
}
}
html[lang=en] body {
font-family: var(--font-family_type4);
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
template {
display: none;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
line-height: 100%;
margin: 0px;
padding: 0px;
}
b,
strong {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
object {
pointer-events: none;
}
picture,
img {
max-width: 100%;
height: auto;
border: none;
vertical-align: bottom;
}
audio:not([controls]) {
display: none;
height: 0;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none;
}
svg {
fill: currentColor;
vertical-align: bottom;
}
svg:not(:root) {
overflow: hidden;
}
a {
-webkit-transition: all 30ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 30ms cubic-bezier(0.165, 0.84, 0.44, 1);
text-decoration: none;
}
a,
a:visited,
a:focus,
a:link,
a:active {
color: var(--textcolor_w);
}
@media only screen and (max-width: 560px) {
a,
a:visited,
a:focus,
a:link,
a:active {
color: var(--textcolor_w_sp);
}
}
a:hover {
text-decoration: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
a:hover img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
a:focus {
outline: none;
}
a * {
cursor: pointer;
}
a[href^="tel:"] {
pointer-events: none;
text-decoration: none;
}
@media screen and (max-width: 779px) {
a[href^="tel:"] {
pointer-events: inherit;
text-decoration: underline;
}
}
input[type=email],
input[type=number],
input[type=tel],
input[type=text],
textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance: none;
}
input[type=checkbox]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=text]:focus,
label:focus,
select:focus,
textarea:focus {
outline: 0;
}
select {
font-family: inherit;
}
:-moz-placeholder-shown {
color: #cccccc;
}
:-ms-input-placeholder {
color: #cccccc;
}
:placeholder-shown {
color: #cccccc;
}
::-webkit-input-placeholder {
color: #cccccc;
}
::-moz-placeholder {
color: #cccccc;
}
:-ms-input-placeholder {
color: #cccccc;
}
::-ms-input-placeholder {
color: #cccccc;
}
::placeholder {
color: #cccccc;
}
:-ms-input-placeholder {
color: #cccccc !important;
}
:-moz-placeholder {
color: #cccccc;
}
::-moz-placeholder {
color: #cccccc;
}
::-webkit-input-placeholder {
color: #cccccc;
}
iframe {
width: 100%;
}
input[type=checkbox]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=text]:focus,
label:focus,
textarea:focus {
outline: 0;
}
ruby {
display: inline-table;
border: none;
white-space: nowrap;
vertical-align: text-bottom;
text-align: center;
line-height: 100%;
}
ruby rt {
display: table-header-group;
font-size: 50%;
text-align: center;
line-height: 100%;
}
ruby ruby rt {
display: table-footer-group;
font-size: 50%;
line-height: 100%;
}
ruby rp {
display: none;
}  h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.78;
letter-spacing: 0.1em;
}
p,
a,
li,
dt,
dd,
small,
address,
th,
td {
font-size: clamp(0.95rem, 0.75rem + 0.625vw, 1.45rem);
letter-spacing: 0.1em;
line-height: 1.89;
}
@media screen and (max-width: 480px) {
p,
a,
li,
dt,
dd,
small,
address,
th,
td {
line-height: 1.98;
}
}
@media screen and (min-width: 1024px) {
p,
a,
li,
dt,
dd,
small,
address,
th,
td {
font-size: 1.5rem;
}
}
@media screen and (max-width: 1023px) and (min-width: 561px) {
p,
a,
li,
dt,
dd,
small,
address,
th,
td {
font-size: 1.4rem;
}
}
@media screen and (max-width: 560px) {
p,
a,
li,
dt,
dd,
small,
address,
th,
td {
font-size: 1.4rem;
}
}  :root {
--h1-l: clamp(3.5rem, 2.603rem + 3.83vw, 6rem);
--h1: clamp(2.25rem, 1.263rem + 4.21vw, 5rem);
--h2: clamp(1.75rem, 0.943rem + 3.44vw, 4rem);
--h3: clamp(1.63rem, 1.067rem + 2.4vw, 3.2rem);
--h4: clamp(1.5rem, 1.141rem + 1.53vw, 2.2rem);
--h5: clamp(1.35rem, 1.206rem + 0.61vw, 1.75rem);
--h6: clamp(1.25rem, 1.16rem + 0.38vw, 1.5rem);
--h1-l--sp: clamp(2.8rem, 2.4rem + 2vw, 4rem);
--h1--sp: clamp(2.5rem, 2.267rem + 1.17vw, 3.2rem);
--h2--sp: clamp(2.2rem, 1.909rem + 1.45vw, 2.8rem);
--h3--sp: clamp(2rem, 1.709rem + 1.45vw, 2.6rem);
--h4--sp: clamp(1.75rem, 1.629rem + 0.61vw, 2rem);
--h5--sp: clamp(1.5rem, 1.33rem + 0.85vw, 1.85rem);
--h6--sp: clamp(1.25rem, 1.16rem + 0.38vw, 1.5rem);
}
h1 {
font-size: var(--h1);
}
@media only screen and (max-width: 1023px) {
h1 {
font-size: var(--h1--sp);
}
}
h2 {
font-size: var(--h2);
}
@media only screen and (max-width: 1280px) {
h2 {
font-size: var(--h2--sp);
}
}
h3 {
font-size: var(--h3);
}
@media only screen and (max-width: 1280px) {
h3 {
font-size: var(--h3--sp);
}
}
h4 {
font-size: var(--h4);
}
@media only screen and (max-width: 1280px) {
h4 {
font-size: var(--h4--sp);
}
}
h5 {
font-size: var(--h5);
}
@media only screen and (max-width: 1280px) {
h5 {
font-size: var(--h5--sp);
}
}
h6 {
font-size: var(--h6);
}
@media only screen and (max-width: 1280px) {
h6 {
font-size: var(--h6--sp);
}
}  .cap,
caption {
font-size: 0.8em;
}
nav {
font-size: 0.8em;
}  .head01 {
margin-bottom: 65px;
padding-bottom: 25px;
position: relative;
}
@media only screen and (max-width: 560px) {
.head01 {
margin-bottom: 45px;
}
}
.head01::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 55px;
background: #8b0711;
}
.head01 h2,
.head01 h3 {
font-size: clamp(1.75rem, 1.141rem + 1.53vw, 2.5rem);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media only screen and (max-width: 560px) {
.head01 h2,
.head01 h3 {
font-size: clamp(2rem, 1.758rem + 1.21vw, 2.5rem);
-webkit-transform: translateX(-1px);
transform: translateX(-1px);
}
}
.head02 {
margin-bottom: 80px;
position: relative;
color: #555555;
}
@media only screen and (max-width: 1023px) {
.head02 {
margin-bottom: 65px;
}
}
.head02 h2,
.head02 h3 {
font-size: var(--h4);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
letter-spacing: 0.2em;
}
@media only screen and (max-width: 1280px) {
.head02 h2,
.head02 h3 {
font-size: var(--h4--sp);
}
}
@media only screen and (max-width: 560px) {
.head02 h2,
.head02 h3 {
letter-spacing: 0.12em;
}
}
#loading {
display: none !important;
position: fixed;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
background: #4c0308;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1);
transition: cubic-bezier(0.22, 0.61, 0.36, 1);
-webkit-transition-duration: 1000ms;
transition-duration: 1000ms;
-webkit-transition-property: opacity;
transition-property: opacity;
}
#loading.is-view {
opacity: 1;
-webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1);
transition: cubic-bezier(0.22, 0.61, 0.36, 1);
-webkit-transition-duration: 1000ms;
transition-duration: 1000ms;
-webkit-transition-property: opacity;
transition-property: opacity;
}
#loading .loading-line {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#loading .loading-line .inner {
position: absolute;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
background: white;
}
#loading .loading-line .inner:first-of-type {
-webkit-animation: anim_loader_line_inner-first 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
animation: anim_loader_line_inner-first 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
opacity: 0.3;
}
#loading .loading-line .inner:last-of-type {
-webkit-animation: anim_loader_line_inner-second 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
animation: anim_loader_line_inner-second 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
opacity: 1;
}
@-webkit-keyframes anim_loader_line_inner-first {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
25% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes anim_loader_line_inner-first {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
25% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@-webkit-keyframes anim_loader_line_inner-second {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
25% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
50% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes anim_loader_line_inner-second {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
25% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
50% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
} .loader .loader_line .loader_line_inner {
position: absolute;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
background: white;
} .loader .loader_line .loader_line_inner.loader_line_inner-first {
-webkit-animation: anim_loader_line_inner-first 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
animation: anim_loader_line_inner-first 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
opacity: 0.3;
} .loader .loader_line .loader_line_inner.loader_line_inner-second {
-webkit-animation: anim_loader_line_inner-second 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
animation: anim_loader_line_inner-second 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
opacity: 1;
}
body {
opacity: 1;
-webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1);
transition: cubic-bezier(0.22, 0.61, 0.36, 1);
-webkit-transition-duration: 1000ms;
transition-duration: 1000ms;
-webkit-transition-property: opacity;
transition-property: opacity;
}
body.loaded {
opacity: 0;
-webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1);
transition: cubic-bezier(0.22, 0.61, 0.36, 1);
-webkit-transition-duration: 1000ms;
transition-duration: 1000ms;
-webkit-transition-property: opacity;
transition-property: opacity;
}  .breadcrumbs {
position: absolute;
top: 160px;
right: 25px;
z-index: 2;
-webkit-transform: rotate(90deg) translateX(100%);
transform: rotate(90deg) translateX(100%);
-webkit-transform-origin: right top;
transform-origin: right top;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.breadcrumbs span {
display: block;
max-width: 21em;
overflow: hidden;
font-size: 1.2rem;
text-overflow: ellipsis;
letter-spacing: 0;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.breadcrumbs span::before {
content: "・";
font-size: 1.2rem;
display: inline-block;
margin-right: 10px;
color: rgba(0, 0, 0, 0.4);
}
.breadcrumbs span:first-child::before {
display: none;
}
.breadcrumbs span a {
display: block;
color: rgba(0, 0, 0, 0.4);
}
.breadcrumbs .client {
display: initial;
width: initial;
height: initial;
text-align: initial;
background-color: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
padding: inherit;
font-weight: inherit;
}
.pp_cont {
display: block;
width: 60%;
max-width: 1040px;
margin: 0 auto;
max-width: 720px;
}
@media only screen and (max-width: 560px) {
.pp_cont {
width: 74%;
}
}
.pp_cont h3 {
font-size: 1.8rem;
margin-top: 35px;
margin-bottom: 17px;
border-bottom: 1px dotted #717171;
}
@media only screen and (max-width: 560px) {
.pp_cont h3 {
font-size: 1.6rem;
}
}
.pp_cont p {
font-size: 13px;
font-weight: 400;
}
.pp_cont p a {
color: #0c4085;
}
.pp_cont p span {
display: block;
font-size: 1.4rem;
margin-top: 25px;
}
.pp_cont ul,
.pp_cont ol {
margin-top: 20px;
list-style: auto !important;
padding: 0 0 0 35px;
}
.pp_cont ul li,
.pp_cont ol li {
list-style: auto !important;
font-size: 13px;
color: #dcdcdc;
line-height: 1.65;
margin-bottom: 7px;
font-weight: 400;
}
.pp_cont ul li:last-of-type,
.pp_cont ol li:last-of-type {
margin-bottom: 0;
}  [data-on=se] {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 375px) {
[data-on=se] {
display: block;
visibility: visible;
}
}
[data-on=sp] {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 560px) {
[data-on=sp] {
display: block;
visibility: visible;
}
}
[data-on=tb] {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 1023px) {
[data-on=tb] {
display: block;
visibility: visible;
}
}
[data-on=pc] {
display: block;
visibility: visible;
}
@media only screen and (max-width: 1023px) {
[data-on=pc] {
display: none;
visibility: hidden;
}
}
[data-on=pc-l] {
display: block;
visibility: visible;
}
@media only screen and (max-width: 1280px) {
[data-on=pc-l] {
display: none;
visibility: hidden;
}
}        .link {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
font-size: 1.3rem;
color: #656565 !important;
}
.link::after {
content: "";
display: inline-block;
position: relative;
width: 11px;
height: 11px;
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/ico_link.svg) no-repeat;
background-size: contain;
margin-left: 2px;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.link.b {
color: #0c4085 !important;
}
.link.b::after {
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/ico_link_bl.svg) no-repeat;
background-size: contain;
}
.link.w {
color: #ddd !important;
}
.link.w::after {
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/ico_link_w.svg) no-repeat;
background-size: contain;
}
.link.large {
width: 100%;
height: 100%;
font-size: 1.4rem;
-ms-flex-line-pack: center;
align-content: center;
}
.link.large::after {
width: 13px;
height: 13px;
margin-left: 2px;
-webkit-transform: translateY(3px);
transform: translateY(3px);
}  table {
width: 100%;
border: 0;
text-align: left;
}
table tbody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: none;
margin-bottom: 5px;
position: relative;
padding: 5px 0;
}
@media only screen and (max-width: 560px) {
table tbody tr {
padding: 8px 0;
}
}
table tbody tr:last-of-type {
margin-bottom: 0;
}
table tbody tr td,
table tbody tr th {
font-size: 1.5rem;
border: none;
vertical-align: top;
}
@media only screen and (max-width: 560px) {
table tbody tr td,
table tbody tr th {
font-size: 1.3rem;
line-height: 1.89;
font-weight: normal;
}
}
table tbody tr th {
width: 30%;
}
@media only screen and (max-width: 560px) {
table tbody tr th {
width: 35%;
}
}
table tbody tr td {
width: 70%;
padding: 0 10px 0 25px;
-ms-flex-line-pack: center;
align-content: center;
}
@media only screen and (max-width: 1023px) {
table tbody tr td {
color: #aaaaaa;
}
}
@media only screen and (max-width: 560px) {
table tbody tr td {
width: 65%;
padding: 0 0 0 15px;
}
}  dl {
width: 100%;
border: 0;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
dl dt,
dl dd {
font-size: 1.4rem;
border: none;
vertical-align: top;
}
dl dt {
width: 30%;
-ms-flex-line-pack: center;
align-content: center;
margin-bottom: 4px;
}
dl dd {
width: 70%;
padding-left: 20px;
-ms-flex-line-pack: center;
align-content: center;
margin-bottom: 4px;
}      .cn_form {
display: block;
width: 60%;
max-width: 1040px;
margin: 0 auto;
}
@media only screen and (max-width: 560px) {
.cn_form {
width: 74%;
}
}
.form {     }
.form input[type=text],
.form input[type=password],
.form input[type=datetime],
.form input[type=date],
.form input[type=month],
.form input[type=time],
.form input[type=week],
.form input[type=number],
.form input[type=email],
.form input[type=url],
.form input[type=search],
.form input[type=tel],
.form input[type=color],
.form select,
.form textarea {
color: #fff;
font-family: "Hina Mincho", serif;
font-size: 1.5rem;
}
@media only screen and (max-width: 560px) {
.form input[type=text],
.form input[type=password],
.form input[type=datetime],
.form input[type=date],
.form input[type=month],
.form input[type=time],
.form input[type=week],
.form input[type=number],
.form input[type=email],
.form input[type=url],
.form input[type=search],
.form input[type=tel],
.form input[type=color],
.form select,
.form textarea {
font-size: 1.4rem;
}
}
.form .CF7_table ::-webkit-input-placeholder {
font-family: "Hina Mincho", serif;
color: #555555;
}
.form .CF7_table ::-moz-placeholder {
font-family: "Hina Mincho", serif;
color: #555555;
}
.form .CF7_table :-ms-input-placeholder {
font-family: "Hina Mincho", serif;
color: #555555;
}
.form .CF7_table ::-ms-input-placeholder {
font-family: "Hina Mincho", serif;
color: #555555;
}
.form .CF7_table ::placeholder {
font-family: "Hina Mincho", serif;
color: #555555;
}
.form input[type=text],
.form input[type=password],
.form input[type=datetime],
.form input[type=date],
.form input[type=month],
.form input[type=time],
.form input[type=week],
.form input[type=number],
.form input[type=email],
.form input[type=url],
.form input[type=search],
.form input[type=tel],
.form input[type=color],
.form select,
.form textarea {
display: block;
width: 100%;
height: 45px;
margin-bottom: 0;
padding: 0 1.5rem;
border-radius: 0;
border: 1px solid #404040;
background: transparent;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out;
}
.form table.CF7_table textarea {
resize: vertical;
max-width: 100%;
min-height: 160px;
line-height: 1.5em;
padding: 1.5rem;
overflow: auto;
color: #fff;
}
.form table.CF7_table {
width: 80%;
margin: 0 auto;
border: none !important;
}
@media only screen and (max-width: 1023px) {
.form table.CF7_table {
width: 100%;
}
}
.form table.CF7_table tr {
margin-bottom: 35px;
}
.form table.CF7_table tr th {
border: 1px solid #555555;
background: transparent;
font-size: 15px;
vertical-align: middle;
}
.form table.CF7_table tr th p {
padding-left: 3px;
margin-bottom: 7px;
color: #aaaaaa;
}
.form table.CF7_table tr th.radiottl p {
margin-bottom: 15px;
}
.form table.CF7_table tr,
.form table.CF7_table th,
.form table.CF7_table td {
background: none !important;
border: none !important;
display: block;
text-align: left;
padding: 0;
width: 100%;
}
.form .single .entry-content table.CF7_table,
.form .page .entry-content table.CF7_table {
display: table;
}
.form .CF7_req {
font-size: 0.8em;
padding: 4px 7px;
color: #8b0711;
letter-spacing: 0.1em;
}
.form .CF7_unreq {
font-size: 0.8em;
padding: 4px 7px;
color: #fafafa;
letter-spacing: 0.1em;
}
.form .CF7_btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-align: center;
margin: 0 auto;
}
.form .CF7_btn input {
font-family: "Hina Mincho", serif;
position: relative;
display: block;
width: 100%;
font-weight: normal;
font-size: 2rem;
margin: 0 auto;
-webkit-transition: all 0.5s 0s ease;
transition: all 0.5s 0s ease;
background: transparent;
border: 1px solid #404040;
padding: 25px 75px 27px;
letter-spacing: 0.2em;
color: #aaaaaa;
text-align: center;
border-radius: 0;
}
@media only screen and (max-width: 560px) {
.form .CF7_btn input {
font-size: 1.6rem;
}
}
.form .CF7_btn input:hover {
cursor: pointer;
}
.form .wpcf7-spinner {
width: 0;
margin: 0;
}
.form .wpcf7-not-valid-tip {
font-size: 12px;
font-weight: normal;
color: #aaaaaa;
display: block;
margin-top: 10px;
line-height: 1;
}
.form .wpcf7-list-item-label {
margin: 0 7px 0 2px;
font-weight: normal;
font-size: 13px;
}
.form .screen-reader-response {
display: none;
}
.form .wpcf7-response-output {
width: 100%;
text-align: center;
margin-top: 30px;
line-height: 1.65;
color: #887026;
font-size: 1.5rem;
}
@media only screen and (max-width: 560px) {
.form .wpcf7-response-output {
font-size: 1.3rem;
}
}
.form form tr.confirm {
color: #aaaaaa !important;
}
.form form tr.confirm th,
.form form tr.confirm td {
text-align: center;
}
.form form tr.confirm th {
margin-bottom: 35px;
}
.form form tr.confirm th p {
border-bottom: 1px solid;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
padding: 0 7px;
}
.form form tr.confirm th.sendhead.rc {
color: #170d01;
}
.form form tr.confirm td strong {
display: block;
margin-bottom: -20px;
line-height: 1;
}
.form form tr.confirm td .cap {
display: block;
line-height: 1.75;
}
.form form tr.confirm td .cap a {
color: #aaaaaa !important;
border-bottom: 1px dotted;
padding-bottom: 2px;
}
.form form .recaptcha {
margin-top: 40px;
}
.form form .recaptcha p {
text-align: center;
font-size: 1.3rem !important;
color: #aaaaaa !important;
letter-spacing: 0.01em;
}
@media only screen and (max-width: 560px) {
.form form .recaptcha p {
font-size: 1.1rem !important;
line-height: 2;
}
}
.form form .recaptcha p a {
font-size: 1.3rem !important;
color: #aaaaaa !important;
border-bottom: 1px dotted;
margin: 0 4px;
}
@media only screen and (max-width: 560px) {
.form form .recaptcha p a {
font-size: 1.1rem !important;
}
}
.view[data-view=in] {
opacity: 0;
-webkit-transition: opacity 1000ms ease-out;
transition: opacity 1000ms ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
.view[data-view=in].wao {
opacity: 1;
}
.view[data-view=up] {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
-webkit-transition-delay: 75ms;
transition-delay: 75ms;
}
.view[data-view=up].wao {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.view.d001 {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.view.d0015 {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.view.d002 {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.view.d0025 {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.view.d005 {
-webkit-transition-delay: 800ms;
transition-delay: 800ms;
}
.view.d075 {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.view.d01 {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.view.d0125 {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
.view.d015 {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.view.d02 {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.view.d025 {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
.view.d03 {
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
.view.d04 {
-webkit-transition-delay: 4s;
transition-delay: 4s;
}
.c-anime-hover-slotText {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-anime-hover-slotText .mask {
display: block;
height: 1em;
overflow: hidden;
line-height: 1;
}
.c-anime-hover-slotText .mask > .i {
display: block;
}
:root {
--mask_page-regular: polygon(
99.71% 99.89%,
94.77% 99.89%,
89.8% 99.99%,
84.82% 99.91%,
79.84% 99.87%,
74.86% 99.86%,
69.88% 99.93%,
64.9% 99.9%,
59.92% 99.82%,
54.94% 99.88%,
49.96% 99.87%,
44.98% 99.92%,
40% 99.9%,
35.03% 99.91%,
30.05% 99.88%,
25.07% 99.99%,
20.09% 99.83%,
15.11% 99.91%,
10.13% 99.9%,
5.15% 99.94%,
0.08% 99.93%,
0.32% 98.46%,
0.03% 97.01%,
0.17% 95.56%,
0.31% 94.11%,
0.2% 92.67%,
0.23% 91.22%,
0.31% 89.77%,
0.17% 88.33%,
0.2% 86.88%,
0.16% 85.43%,
0.23% 83.99%,
0.27% 82.54%,
0.09% 81.09%,
0.25% 79.64%,
0.2% 78.2%,
0.09% 76.75%,
0.26% 75.3%,
0.19% 73.86%,
0.05% 72.41%,
0.18% 70.96%,
0.27% 69.51%,
0.2% 68.07%,
0.06% 66.62%,
0.03% 65.17%,
0.14% 63.73%,
0.34% 62.28%,
0.3% 60.83%,
0.1% 59.38%,
0.2% 57.94%,
0.28% 56.49%,
0.19% 55.04%,
0.04% 53.6%,
0.01% 52.15%,
0.23% 50.7%,
0.04% 49.25%,
0.12% 47.81%,
0% 46.36%,
0.31% 44.91%,
0.11% 43.47%,
0.08% 42.02%,
0.29% 40.57%,
0.28% 39.12%,
0.26% 37.68%,
0.29% 36.23%,
0.03% 34.78%,
0.12% 33.33%,
0.08% 31.89%,
0.08% 30.44%,
0.12% 28.99%,
0.32% 27.55%,
0.27% 26.1%,
0.09% 24.65%,
0.32% 23.2%,
0.19% 21.76%,
0.02% 20.31%,
0.3% 18.86%,
0.13% 17.42%,
0.28% 15.97%,
0.08% 14.52%,
0.03% 13.07%,
0.09% 11.63%,
0.2% 10.18%,
0.22% 8.73%,
0.25% 7.28%,
0.16% 5.84%,
0.04% 4.39%,
0.2% 2.94%,
0.01% 1.49%,
0.2% 0.06%,
5.15% 0.1%,
10.12% 0.03%,
15.1% 0.09%,
20.08% 0.05%,
25.06% 0.01%,
30.04% 0.05%,
35.02% 0.02%,
40% 0.06%,
44.98% 0.01%,
49.96% 0.09%,
54.94% 0.09%,
59.92% 0.09%,
64.89% 0.02%,
69.87% 0.06%,
74.85% 0.03%,
79.83% 0.08%,
84.81% 0%,
89.79% 0.01%,
94.77% 0%,
99.86% 0.02%,
99.91% 1.49%,
99.76% 2.94%,
99.73% 4.39%,
99.91% 5.84%,
99.89% 7.28%,
99.64% 8.73%,
99.72% 10.18%,
99.85% 11.62%,
99.88% 13.07%,
99.64% 14.52%,
99.75% 15.96%,
99.73% 17.41%,
99.65% 18.86%,
99.78% 20.31%,
99.73% 21.75%,
99.71% 23.2%,
99.67% 24.65%,
99.86% 26.09%,
99.67% 27.54%,
99.81% 28.99%,
99.74% 30.44%,
99.92% 31.88%,
99.76% 33.33%,
99.83% 34.78%,
99.63% 36.22%,
99.81% 37.67%,
99.73% 39.12%,
99.86% 40.57%,
99.73% 42.01%,
99.84% 43.46%,
99.76% 44.91%,
99.65% 46.35%,
99.84% 47.8%,
99.88% 49.25%,
99.81% 50.7%,
99.76% 52.14%,
99.65% 53.59%,
99.78% 55.04%,
99.8% 56.48%,
99.64% 57.93%,
99.91% 59.38%,
99.91% 60.83%,
99.61% 62.27%,
99.9% 63.72%,
99.73% 65.17%,
99.9% 66.62%,
99.87% 68.06%,
99.67% 69.51%,
99.78% 70.96%,
99.71% 72.4%,
99.65% 73.85%,
99.6% 75.3%,
99.9% 76.75%,
99.67% 78.19%,
99.6% 79.64%,
99.66% 81.09%,
99.9% 82.53%,
99.64% 83.98%,
99.82% 85.43%,
99.65% 86.88%,
99.6% 88.32%,
99.82% 89.77%,
99.84% 91.22%,
99.77% 92.67%,
99.7% 94.11%,
99.86% 95.56%,
99.78% 97.01%,
99.84% 98.46%,
99.71% 99.89%
);
--mask_page-long: polygon(
99.61% 99.96%,
94.69% 99.95%,
89.72% 99.99%,
84.75% 99.97%,
79.77% 99.94%,
74.8% 99.93%,
69.83% 99.99%,
64.86% 99.96%,
59.89% 99.95%,
54.91% 99.95%,
49.94% 99.94%,
44.97% 99.98%,
40% 99.96%,
35.02% 99.97%,
30.05% 99.95%,
25.08% 99.99%,
20.11% 100%,
15.13% 99.97%,
10.16% 99.97%,
5.19% 100%,
0.1% 99.99%,
0.41% 99.07%,
0.04% 98.17%,
0.22% 97.27%,
0.4% 96.37%,
0.25% 95.47%,
0.29% 94.57%,
0.4% 93.67%,
0.21% 92.77%,
0.25% 91.86%,
0.2% 90.96%,
0.3% 90.06%,
0.34% 89.16%,
0.12% 88.26%,
0.33% 87.36%,
0.26% 86.46%,
0.11% 85.56%,
0.33% 84.66%,
0.24% 83.76%,
0.07% 82.86%,
0.23% 81.96%,
0.34% 81.06%,
0.26% 80.16%,
0.08% 79.26%,
0.03% 78.36%,
0.18% 77.46%,
0.43% 76.56%,
0.39% 75.66%,
0.13% 74.76%,
0.25% 73.86%,
0.36% 72.96%,
0.24% 72.06%,
0.05% 71.16%,
0.02% 70.26%,
0.29% 69.36%,
0.06% 68.46%,
0.16% 67.56%,
0% 66.66%,
0.4% 65.76%,
0.14% 64.86%,
0.1% 63.96%,
0.37% 63.06%,
0.35% 62.16%,
0.34% 61.26%,
0.37% 60.36%,
0.04% 59.46%,
0.16% 58.56%,
0.1% 57.66%,
0.11% 56.76%,
0.15% 55.86%,
0.41% 54.96%,
0.34% 54.06%,
0.11% 53.16%,
0.41% 52.26%,
0.24% 51.36%,
0.03% 50.46%,
0.39% 49.55%,
0.17% 48.65%,
0.36% 47.75%,
0.1% 46.85%,
0.04% 45.95%,
0.12% 45.05%,
0.26% 44.15%,
0.28% 43.25%,
0.31% 42.35%,
0.21% 41.45%,
0.06% 40.55%,
0.26% 39.65%,
0.01% 38.75%,
0.27% 37.85%,
0.43% 36.95%,
0.12% 36.05%,
0.4% 35.15%,
0.23% 34.25%,
0.07% 33.35%,
0.21% 32.45%,
0.09% 31.55%,
0.26% 30.65%,
0.07% 29.75%,
0.4% 28.85%,
0.41% 27.95%,
0.4% 27.05%,
0.09% 26.15%,
0.28% 25.25%,
0.14% 24.35%,
0.37% 23.45%,
0.01% 22.55%,
0.04% 21.65%,
0.01% 20.75%,
0.03% 19.85%,
0.02% 18.94%,
0.2% 18.04%,
0.25% 17.14%,
0.01% 16.24%,
0.03% 15.34%,
0.36% 14.44%,
0.26% 13.54%,
0.09% 12.64%,
0.06% 11.74%,
0.35% 10.84%,
0.22% 9.94%,
0.24% 9.04%,
0.35% 8.14%,
0.18% 7.24%,
0.25% 6.34%,
0.27% 5.44%,
0.31% 4.54%,
0.08% 3.64%,
0.33% 2.74%,
0.14% 1.84%,
0.23% 0.94%,
0.06% 0.01%,
5.19% 0.04%,
10.16% 0.02%,
15.13% 0.07%,
20.1% 0.02%,
25.07% 0.04%,
30.05% 0.01%,
35.02% 0.04%,
39.99% 0.02%,
44.96% 0.04%,
49.94% 0.06%,
54.91% 0.02%,
59.88% 0.01%,
64.85% 0.02%,
69.82% 0.03%,
74.8% 0.06%,
79.77% 0.03%,
84.74% 0.03%,
89.72% 0.06%,
94.69% 0%,
99.81% 0.01%,
99.48% 0.94%,
99.85% 1.84%,
99.64% 2.74%,
99.85% 3.64%,
99.81% 4.54%,
99.55% 5.44%,
99.7% 6.34%,
99.6% 7.24%,
99.53% 8.14%,
99.46% 9.04%,
99.85% 9.94%,
99.55% 10.84%,
99.47% 11.74%,
99.54% 12.64%,
99.85% 13.54%,
99.52% 14.44%,
99.75% 15.34%,
99.53% 16.24%,
99.47% 17.14%,
99.74% 18.04%,
99.77% 18.94%,
99.69% 19.84%,
99.6% 20.74%,
99.8% 21.64%,
99.7% 22.54%,
99.77% 23.44%,
99.7% 24.34%,
99.6% 25.24%,
99.62% 26.14%,
99.66% 27.04%,
99.49% 27.94%,
99.48% 28.84%,
99.56% 29.74%,
99.65% 30.64%,
99.61% 31.54%,
99.64% 32.44%,
99.6% 33.35%,
99.84% 34.25%,
99.51% 35.15%,
99.49% 36.05%,
99.83% 36.95%,
99.8% 37.85%,
99.63% 38.75%,
99.78% 39.65%,
99.7% 40.55%,
99.71% 41.45%,
99.52% 42.35%,
99.73% 43.25%,
99.74% 44.15%,
99.65% 45.05%,
99.82% 45.95%,
99.88% 46.85%,
99.77% 47.75%,
99.65% 48.65%,
99.76% 49.55%,
99.52% 50.45%,
99.72% 51.35%,
99.79% 52.25%,
99.5% 53.15%,
99.68% 54.05%,
99.5% 54.95%,
99.87% 55.85%,
99.65% 56.75%,
99.73% 57.65%,
99.85% 58.55%,
99.73% 59.45%,
99.62% 60.35%,
99.48% 61.25%,
99.46% 62.15%,
99.66% 63.05%,
99.7% 63.95%,
99.72% 64.85%,
99.87% 65.75%,
99.49% 66.65%,
99.85% 67.55%,
99.71% 68.45%,
99.48% 69.36%,
99.57% 70.26%,
99.54% 71.16%,
99.62% 72.06%,
99.5% 72.96%,
99.72% 73.86%,
99.7% 74.76%,
99.52% 75.66%,
99.7% 76.56%,
99.82% 77.46%,
99.52% 78.36%,
99.6% 79.26%,
99.8% 80.16%,
99.8% 81.06%,
99.75% 81.96%,
99.57% 82.86%,
99.57% 83.76%,
99.55% 84.66%,
99.69% 85.56%,
99.57% 86.46%,
99.73% 87.36%,
99.85% 88.26%,
99.74% 89.16%,
99.84% 90.06%,
99.45% 90.96%,
99.75% 91.86%,
99.83% 92.76%,
99.52% 93.66%,
99.79% 94.56%,
99.45% 95.46%,
99.5% 96.36%,
99.88% 97.27%,
99.66% 98.17%,
99.49% 99.07%,
99.61% 99.96%
);
--mask_page-inner: polygon(
99.77% 99.9%,
95.82% 99.9%,
91.83% 99.96%,
87.85% 99.93%,
83.86% 99.88%,
79.87% 99.86%,
75.89% 99.94%,
71.9% 99.91%,
67.91% 99.88%,
63.93% 99.88%,
59.94% 99.88%,
55.95% 99.94%,
51.97% 99.9%,
47.98% 99.92%,
43.99% 99.89%,
40.01% 99.95%,
36.02% 99.96%,
32.03% 99.92%,
28.05% 99.91%,
24.06% 99.96%,
20.07% 99.96%,
16.09% 99.86%,
12.1% 99.96%,
8.11% 99.91%,
4.12% 99.86%,
0.15% 99.91%,
0.18% 98.19%,
0.25% 96.47%,
0.13% 94.75%,
0.16% 93.03%,
0.13% 91.31%,
0.19% 89.58%,
0.22% 87.86%,
0.07% 86.14%,
0.21% 84.42%,
0.16% 82.7%,
0.07% 80.98%,
0.21% 79.26%,
0.15% 77.53%,
0.04% 75.81%,
0.15% 74.09%,
0.21% 72.37%,
0.16% 70.65%,
0.05% 68.93%,
0.02% 67.2%,
0.11% 65.48%,
0.27% 63.76%,
0.25% 62.04%,
0.08% 60.32%,
0.16% 58.6%,
0.23% 56.87%,
0.15% 55.15%,
0.03% 53.43%,
0.01% 51.71%,
0.18% 49.99%,
0.04% 48.27%,
0.1% 46.55%,
0% 44.82%,
0.25% 43.1%,
0.08% 41.38%,
0.06% 39.66%,
0.23% 37.94%,
0.22% 36.22%,
0.21% 34.49%,
0.23% 32.77%,
0.03% 31.05%,
0.1% 29.33%,
0.07% 27.61%,
0.07% 25.89%,
0.09% 24.16%,
0.26% 22.44%,
0.21% 20.72%,
0.07% 19%,
0.26% 17.28%,
0.15% 15.55%,
0.02% 13.83%,
0.25% 12.11%,
0.1% 10.39%,
0.23% 8.67%,
0.06% 6.95%,
0.02% 5.22%,
0.07% 3.5%,
0.16% 1.78%,
0.16% 0.07%,
4.12% 0.08%,
8.11% 0.05%,
12.09% 0.01%,
16.08% 0.07%,
20.07% 0%,
24.05% 0.07%,
28.04% 0.11%,
32.02% 0.03%,
36.01% 0.11%,
40% 0.06%,
43.99% 0.02%,
47.97% 0.05%,
51.96% 0.02%,
55.95% 0.07%,
59.93% 0.02%,
63.92% 0.11%,
67.91% 0.11%,
71.89% 0.11%,
75.88% 0.02%,
79.87% 0.07%,
83.85% 0.04%,
87.84% 0.1%,
91.83% 0%,
95.82% 0.01%,
99.9% 0.02%,
99.92% 1.78%,
99.93% 3.5%,
99.81% 5.22%,
99.78% 6.94%,
99.93% 8.66%,
99.92% 10.39%,
99.71% 12.11%,
99.77% 13.83%,
99.88% 15.55%,
99.9% 17.27%,
99.71% 18.99%,
99.8% 20.72%,
99.79% 22.44%,
99.72% 24.16%,
99.83% 25.88%,
99.78% 27.6%,
99.77% 29.32%,
99.74% 31.04%,
99.89% 32.77%,
99.73% 34.49%,
99.85% 36.21%,
99.79% 37.93%,
99.94% 39.65%,
99.81% 41.37%,
99.87% 43.1%,
99.71% 44.82%,
99.85% 46.54%,
99.79% 48.26%,
99.89% 49.98%,
99.79% 51.7%,
99.88% 53.43%,
99.81% 55.15%,
99.72% 56.87%,
99.88% 58.59%,
99.9% 60.31%,
99.85% 62.03%,
99.81% 63.75%,
99.72% 65.48%,
99.82% 67.2%,
99.84% 68.92%,
99.71% 70.64%,
99.93% 72.36%,
99.93% 74.08%,
99.69% 75.81%,
99.92% 77.53%,
99.79% 79.25%,
99.92% 80.97%,
99.9% 82.69%,
99.73% 84.42%,
99.83% 86.14%,
99.77% 87.86%,
99.72% 89.58%,
99.68% 91.3%,
99.92% 93.02%,
99.73% 94.75%,
99.68% 96.47%,
99.73% 98.19%,
99.77% 99.9%
);
--mask_reservation-top: polygon(
99.88% 97.52%,
94.93% 97.38%,
89.94% 98.79%,
84.95% 98.1%,
79.96% 96.99%,
74.97% 96.56%,
69.98% 98.52%,
64.99% 97.69%,
60% 97.08%,
55.01% 97.13%,
50.02% 96.94%,
45.03% 98.37%,
40.04% 97.6%,
35.05% 97.96%,
30.06% 97.2%,
25.07% 98.58%,
20.08% 98.96%,
15.09% 97.98%,
10.1% 97.81%,
5.11% 98.85%,
0.02% 98.48%,
0.15% 77.79%,
0% 58.87%,
0.12% 34.65%,
0.01% 0.35%,
5.11% 1.08%,
10.09% 2.25%,
15.08% 1.3%,
20.07% 1.55%,
25.07% 2.25%,
30.05% 1.06%,
35.04% 1.32%,
40.03% 1%,
45.02% 1.6%,
50.02% 1.88%,
55.01% 0.46%,
60% 1.77%,
64.99% 1.33%,
69.98% 0.4%,
74.97% 1.8%,
79.96% 1.21%,
84.95% 0.15%,
89.94% 1.19%,
94.93% 1.86%,
99.89% 1.26%,
99.94% 20.32%,
99.83% 36.58%,
100% 57.37%,
99.88% 75.63%,
99.88% 97.52%
);
--mask_reservation-bottom: polygon(
99.82% 99.75%,
95.33% 99.73%,
90.79% 99.97%,
86.26% 99.85%,
81.72% 99.86%,
77.19% 99.59%,
72.65% 99.93%,
68.12% 99.78%,
63.59% 99.68%,
59.05% 99.69%,
54.52% 99.66%,
49.98% 99.9%,
45.45% 99.77%,
40.91% 99.83%,
36.38% 99.7%,
31.84% 99.93%,
27.31% 100%,
22.77% 99.83%,
18.24% 99.8%,
13.7% 99.98%,
9.17% 99.98%,
4.63% 99.8%,
0% 99.94%,
0.1% 93.58%,
0.24% 87.36%,
0.12% 81.13%,
0.15% 74.91%,
0.24% 68.68%,
0.1% 62.46%,
0.13% 56.24%,
0.09% 50.01%,
0.16% 43.79%,
0.2% 37.56%,
0.02% 31.34%,
0.18% 25.11%,
0.13% 18.89%,
0.02% 12.66%,
0.18% 6.44%,
0.11% 0.23%,
4.63% 0.06%,
9.17% 0.23%,
13.7% 0.34%,
18.23% 0.26%,
22.77% 0.26%,
27.3% 0.02%,
31.84% 0.17%,
36.37% 0.25%,
40.91% 0.2%,
45.44% 0.12%,
49.97% 0.25%,
54.51% 0.36%,
59.04% 0.24%,
63.58% 0.22%,
68.11% 0%,
72.65% 0.29%,
77.18% 0.04%,
81.72% 0.15%,
86.25% 0.17%,
90.79% 0.22%,
95.33% 0.13%,
99.92% 0.12%,
99.74% 6.43%,
99.75% 12.66%,
99.77% 18.88%,
99.74% 25.11%,
99.99% 31.33%,
99.9% 37.56%,
99.94% 43.78%,
99.94% 50.01%,
99.91% 56.23%,
99.71% 62.45%,
99.76% 68.68%,
99.94% 74.9%,
99.71% 81.13%,
99.84% 87.35%,
100% 93.58%,
99.82% 99.75%
);
--mask_reservation-header-sp: polygon(
85.22% 0%,
77.44% 0.33%,
69.66% 0.88%,
61.88% 1.09%,
54.1% 0.12%,
46.32% 0.54%,
38.54% 0.83%,
30.76% 0.8%,
22.97% 0.9%,
15.19% 0.2%,
7.41% 0.58%,
0% 0.43%,
0% 99.61%,
99.85% 99.61%,
99.85% 0.64%,
93% 0.69%,
85.22% 0%
);
--mask_footer: polygon(
0.18% 0.25%,
4.67% 0.27%,
9.21% 0.03%,
13.74% 0.15%,
18.28% 0.14%,
22.81% 0.41%,
27.34% 0.07%,
31.88% 0.22%,
36.41% 0.32%,
40.95% 0.31%,
45.48% 0.34%,
50.02% 0.1%,
54.55% 0.23%,
59.09% 0.17%,
63.62% 0.3%,
68.16% 0.07%,
72.69% 0%,
77.23% 0.17%,
81.76% 0.2%,
86.3% 0.02%,
90.83% 0.02%,
95.37% 0.21%,
100% 0.06%,
99.9% 6.42%,
99.76% 12.64%,
99.88% 18.87%,
99.85% 25.09%,
99.76% 31.32%,
99.9% 37.54%,
99.87% 43.77%,
99.91% 49.99%,
99.84% 56.21%,
99.8% 62.44%,
99.98% 68.66%,
99.82% 74.89%,
99.87% 81.11%,
99.98% 87.34%,
99.82% 93.56%,
99.89% 99.77%,
95.37% 99.94%,
90.83% 99.77%,
86.3% 99.66%,
81.77% 99.74%,
77.23% 99.74%,
72.7% 99.98%,
68.16% 99.83%,
63.63% 99.75%,
59.09% 99.8%,
54.56% 99.88%,
50.02% 99.75%,
45.49% 99.64%,
40.96% 99.76%,
36.42% 99.78%,
31.89% 100%,
27.35% 99.71%,
22.82% 99.96%,
18.28% 99.85%,
13.75% 99.83%,
9.21% 99.78%,
4.67% 99.87%,
0.08% 99.87%,
0.26% 93.57%,
0.25% 87.34%,
0.23% 81.12%,
0.26% 74.89%,
0.01% 68.67%,
0.1% 62.44%,
0.06% 56.22%,
0.06% 49.99%,
0.09% 43.77%,
0.29% 37.55%,
0.24% 31.32%,
0.06% 25.1%,
0.29% 18.87%,
0.16% 12.65%,
0% 6.42%,
0.18% 0.25%
);
--mask_button-regular: polygon(
0.03% 0.31%,
5.8% 2.4%,
11.32% 1.16%,
16.84% 1.89%,
22.36% 0.8%,
27.88% 0.84%,
33.4% 1.38%,
38.93% 0.98%,
44.45% 0.15%,
49.97% 2.38%,
55.49% 1.35%,
61.01% 0.64%,
66.53% 1.02%,
72.05% 1.11%,
77.57% 1.13%,
83.09% 0.56%,
88.62% 1.38%,
94.14% 1.05%,
99.89% 0.22%,
100% 40.29%,
99.9% 53.18%,
99.94% 74.65%,
99.94% 97.07%,
94.42% 97.62%,
88.62% 97.64%,
83.1% 98.31%,
77.58% 97.2%,
72.06% 98.2%,
66.54% 98.29%,
61.01% 97.96%,
55.49% 96.96%,
49.97% 98.33%,
44.45% 96.82%,
38.93% 98.29%,
33.41% 96.45%,
27.89% 97.33%,
22.37% 97.84%,
16.84% 97.29%,
11.32% 96.51%,
5.8% 97.05%,
0.2% 98.18%,
0.15% 93.35%,
0.1% 76.35%,
0% 45.35%,
0.1% 9.55%,
0% 0.31%
);
--mask_button-search1: polygon(
99.88% 98.27%,
85.44% 96.9%,
71.28% 97.85%,
57.11% 97.29%,
42.95% 98.15%,
28.79% 98.12%,
14.61% 97.68%,
0.36% 97.93%,
0% 65.78%,
0.9% 33.71%,
0.47% 1.73%,
14.82% 1.63%,
28.76% 0.71%,
43.1% 1.93%,
57.09% 1.59%,
71.25% 1.15%,
85.42% 2.32%,
99.65% 1.56%,
100% 33.71%,
99.45% 65.76%,
99.88% 98.27%
);
--mask_button-search2: polygon(
0.13% 0.71%,
14.56% 2.1%,
28.73% 1.12%,
42.89% 1.71%,
57.06% 0.85%,
71.22% 0.88%,
85.39% 1.32%,
99.64% 1.07%,
100% 33.22%,
99.09% 65.27%,
99.53% 97.27%,
85.18% 97.37%,
71.25% 98.27%,
56.89% 97.07%,
42.92% 97.41%,
28.75% 97.85%,
14.58% 96.68%,
0.35% 97.41%,
1.39% 65.29%,
0.54% 33.24%,
0.13% 0.71%
);
--mask_menu1: polygon(
6.45% 0.21%,
49.71% 0.45%,
92.95% 0.66%,
98.47% 0.74%,
99.89% 9.74%,
99.58% 17.76%,
98.32% 25.78%,
97.61% 33.81%,
99.45% 41.83%,
98.68% 49.85%,
98.92% 57.88%,
99.76% 65.9%,
100% 73.92%,
98.42% 81.94%,
96.58% 89.97%,
99.21% 99.38%,
92.95% 99.15%,
49.71% 99.21%,
6.45% 99.38%,
0.32% 99.38%,
1.39% 89.98%,
1.61% 81.96%,
1.76% 73.94%,
2.34% 65.91%,
0.61% 57.89%,
2.45% 49.87%,
0.87% 41.84%,
2.29% 33.82%,
0% 25.79%,
1.95% 17.77%,
1.63% 9.74%,
2.58% 0.21%,
6.45% 0.21%
);
--mask_menu2: polygon(
0% 1.19%,
34.39% 0.95%,
63% 1.12%,
91.61% 0.4%,
96.26% 1.26%,
97.37% 26.89%,
96.5% 49.51%,
96.89% 72.14%,
96.55% 98.22%,
91.61% 98.7%,
63.03% 98.44%,
34.39% 98.07%,
5.79% 97.81%,
0.63% 98.22%,
0% 72.14%,
0.74% 49.52%,
0.03% 26.89%,
0.53% 4.26%,
0% 1.19%
);
--mask_menu3: polygon(
0% 0.64%,
27.87% 0.33%,
49.82% 0.57%,
71.79% 0.72%,
93.76% 0.74%,
100% 1.07%,
99.24% 15.01%,
99.76% 26.7%,
99.87% 38.38%,
98.45% 50.07%,
98.53% 61.76%,
99.39% 73.45%,
98.47% 85.15%,
98.13% 98.69%,
93.76% 99.02%,
71.79% 99.74%,
49.84% 98.97%,
27.87% 99.59%,
5.89% 99.4%,
0.34% 99.74%,
0.61% 85.16%,
0.68% 73.47%,
0.87% 61.79%,
0% 50.1%,
0.26% 38.41%,
0.79% 26.72%,
0.13% 15.02%,
0% 5.99%
);
--mask_menu4: polygon(
0% 0.65%,
27.13% 0.56%,
48.66% 0.62%,
70.21% 0.53%,
97.37% 0.34%,
97.16% 19.21%,
96.55% 34.55%,
96.5% 49.89%,
96.92% 65.24%,
96.47% 80.58%,
96.89% 99.13%,
91.76% 99.42%,
70.21% 99.35%,
48.68% 99.74%,
27.16% 99.92%,
0% 99.75%,
0.21% 95.93%,
0.18% 80.6%,
0.76% 65.26%,
0.05% 49.92%,
0% 34.58%,
0.55% 19.22%,
0.32% 3.88%,
0% 0.65%
);
--mask_menu5: polygon(
6.45% 0.33%,
49.71% 0.58%,
92.95% 0.78%,
98.47% 0.86%,
99.89% 9.83%,
99.58% 17.83%,
98.32% 25.83%,
97.61% 33.83%,
99.45% 41.82%,
98.68% 49.82%,
98.92% 57.82%,
99.76% 65.82%,
100% 73.82%,
98.42% 81.82%,
96.58% 89.82%,
99.21% 99.19%,
92.95% 98.95%,
49.71% 99.02%,
6.45% 99.19%,
0.32% 99.19%,
1.39% 89.82%,
1.61% 81.83%,
1.76% 73.83%,
2.34% 65.83%,
0.61% 57.83%,
2.45% 49.83%,
0.87% 41.83%,
2.29% 33.84%,
0% 25.84%,
1.95% 17.84%,
1.63% 9.84%,
2.58% 0.33%,
6.45% 0.33%
);
--mask_menu6: polygon(
97.95% 0.61%,
50% 0.21%,
6.84% 1.09%,
1.03% 1.17%,
2.05% 15.82%,
1.16% 29.51%,
3.32% 43.21%,
0% 56.9%,
0.79% 70.59%,
0.66% 84.28%,
1.24% 97.97%,
1.18% 99.59%,
50% 99.65%,
97.61% 99.01%,
97.29% 97.97%,
100% 84.29%,
99.42% 70.6%,
97.47% 56.91%,
99.79% 43.22%,
97.18% 29.53%,
98.13% 15.83%,
97.84% 2.14%,
97.95% 0.61%
);
--mask_menu7: polygon(
6.71% 0.52%,
50.29% 0.24%,
98.45% 0.65%,
98.11% 2.51%,
100% 18.34%,
98.66% 34.16%,
99.63% 49.98%,
98.47% 65.81%,
97.95% 81.64%,
99.05% 98.82%,
93.89% 98.82%,
50.29% 99.78%,
6.71% 98.86%,
1.63% 98.72%,
0% 81.65%,
0.13% 65.83%,
1.26% 50%,
2.55% 34.17%,
1.79% 18.34%,
2.71% 0.93%,
6.71% 0.52%
);
--mask_menu1-en: polygon(
0% 92.33%,
0.25% 50.09%,
0.45% 7.84%,
0.53% 2.47%,
9.61% 1.07%,
17.7% 1.37%,
25.79% 2.6%,
33.88% 3.3%,
41.97% 1.49%,
50.05% 2.26%,
58.14% 2.02%,
66.23% 1.19%,
74.33% 0.95%,
82.42% 2.49%,
90.51% 4.3%,
100% 1.72%,
99.76% 7.84%,
99.82% 50.09%,
100% 92.33%,
100% 98.33%,
90.51% 97.28%,
82.42% 97.07%,
74.34% 96.91%,
66.25% 96.33%,
58.16% 98.05%,
50.07% 96.26%,
41.98% 97.79%,
33.89% 96.4%,
25.79% 98.63%,
17.71% 96.72%,
9.62% 97.05%,
0% 96.12%,
0% 92.33%
);
--mask_menu2-en: polygon(
1.44% 98.63%,
1.2% 64.14%,
1.37% 35.44%,
0.66% 6.74%,
1.51% 2.07%,
27.24% 0.95%,
49.95% 1.84%,
72.67% 1.44%,
98.87% 1.77%,
99.35% 6.74%,
99.09% 35.42%,
98.71% 64.12%,
98.45% 92.81%,
98.87% 98.02%,
72.68% 98.63%,
49.98% 97.91%,
27.24% 98.63%,
4.52% 98.12%,
1.44% 98.63%
);
--mask_menu3-en: polygon(
0.31% 98.63%,
0% 71.42%,
0.23% 49.98%,
0.39% 28.51%,
0.39% 7.05%,
0.73% 0.95%,
14.77% 1.7%,
26.52% 1.19%,
38.28% 1.09%,
50.03% 2.49%,
61.8% 2.4%,
73.55% 1.56%,
85.32% 2.44%,
98.95% 2.79%,
99.28% 7.05%,
100% 28.51%,
99.22% 49.95%,
99.85% 71.42%,
99.66% 92.88%,
100% 98.28%,
85.33% 98.05%,
73.57% 97.98%,
61.82% 97.79%,
50.06% 98.63%,
38.3% 98.4%,
26.54% 97.86%,
14.78% 98.49%,
5.68% 98.63%,
0.31% 98.63%
);
--mask_menu4-en: polygon(
0.3% 98.63%,
0.21% 71.42%,
0.28% 49.81%,
0.18% 28.21%,
0% 0.95%,
3.55% 0.95%,
18.95% 1.16%,
34.35% 1.77%,
49.76% 1.81%,
65.16% 1.4%,
80.57% 1.86%,
99.2% 1.42%,
99.5% 6.58%,
99.43% 28.19%,
99.81% 49.79%,
100% 71.4%,
99.83% 98.63%,
95.99% 98.42%,
80.59% 98.44%,
65.19% 97.88%,
49.78% 98.58%,
34.37% 98.63%,
18.96% 98.09%,
3.55% 98.33%,
0.3% 98.63%
);
--mask_menu5-en: polygon(
0% 92.33%,
0.24% 50.09%,
0.45% 7.84%,
0.53% 2.47%,
9.61% 1.07%,
17.69% 1.37%,
25.79% 2.6%,
33.87% 3.3%,
41.97% 1.49%,
50.05% 2.26%,
58.15% 2.02%,
66.23% 1.19%,
74.33% 0.95%,
82.41% 2.49%,
90.51% 4.3%,
100% 1.72%,
99.76% 7.84%,
99.82% 50.09%,
100% 92.33%,
100% 98.33%,
90.52% 97.28%,
82.43% 97.07%,
74.34% 96.91%,
66.24% 96.33%,
58.16% 98.05%,
50.06% 96.26%,
41.98% 97.79%,
33.89% 96.4%,
25.8% 98.63%,
17.71% 96.72%,
9.62% 97.05%,
0% 96.12%,
0% 92.33%
);
--mask_menu6-en: polygon(
0.39% 2.98%,
0% 49.81%,
0.88% 91.93%,
0.95% 97.63%,
15.7% 96.63%,
29.46% 97.51%,
43.23% 95.4%,
57% 98.63%,
70.77% 97.88%,
84.54% 98%,
98.3% 97.42%,
99.92% 97.47%,
100% 49.81%,
99.35% 3.3%,
98.3% 3.6%,
84.54% 0.95%,
70.77% 1.53%,
57.01% 3.42%,
43.24% 1.16%,
29.48% 3.72%,
15.7% 2.79%,
1.93% 3.05%,
0.39% 2.98%
);
--mask_menu7-en: polygon(
0.28% 92.09%,
0% 49.51%,
0.41% 2.47%,
2.28% 2.79%,
18.18% 0.95%,
34.07% 2.26%,
49.97% 1.33%,
65.88% 2.47%,
81.78% 2.98%,
99.04% 1.88%,
99.03% 6.91%,
100% 49.51%,
99.07% 92.09%,
98.93% 97.05%,
81.78% 98.63%,
65.89% 98.51%,
49.99% 97.4%,
34.09% 96.14%,
18.18% 96.88%,
0.7% 95.98%,
0.28% 92.09%
);
--mask_sp-switch: polygon(
2.5% 96.95%,
5.33% 96.78%,
16.67% 98.31%,
28.17% 96.44%,
39.5% 98.81%,
50.83% 98.64%,
62.33% 98.81%,
73.67% 97.46%,
85.17% 98.14%,
96.5% 96.27%,
100% 96.78%,
100% 0%,
1.33% 0%,
1.83% 12.03%,
2.67% 24.07%,
0.33% 36.27%,
0.17% 48.47%,
2% 60.51%,
0% 72.71%,
1.17% 84.92%,
2.5% 96.95%
);
--mask_raito-gold: polygon(
100% 99.81%,
92.8% 99.52%,
85.6% 99.54%,
78.49% 99.21%,
71.38% 99.7%,
64.28% 99.69%,
57.17% 99.43%,
50.06% 99.61%,
42.95% 100%,
35.84% 98.98%,
28.73% 99.45%,
21.62% 99.78%,
14.51% 99.6%,
7.39% 99.56%,
0.27% 99.54%,
0.1% 88.51%,
0.33% 77.51%,
0.23% 66.51%,
0% 55.52%,
0.38% 44.52%,
0.6% 33.52%,
0.32% 22.52%,
0.16% 11.52%,
0.19% 0.37%,
7.39% 0.01%,
14.5% 0.51%,
21.61% 0.06%,
28.72% 0.02%,
35.83% 0.16%,
42.94% 0.62%,
50.05% 0%,
57.16% 0.68%,
64.27% 0.02%,
71.38% 0.85%,
78.49% 0.46%,
85.6% 0.22%,
92.71% 0.47%,
99.69% 0.74%,
99.4% 11.51%,
99.7% 22.51%,
99.5% 33.51%,
99.59% 44.51%,
99.59% 55.51%,
99.6% 66.51%,
99.48% 77.5%,
99.96% 88.5%,
100% 99.81%
);
--mask_raito-silver: polygon(
100% 99.81%,
92.8% 99.52%,
85.6% 99.54%,
78.49% 99.21%,
71.38% 99.7%,
64.28% 99.69%,
57.17% 99.43%,
50.06% 99.61%,
42.95% 100%,
35.84% 98.98%,
28.73% 99.45%,
21.62% 99.78%,
14.51% 99.6%,
7.39% 99.56%,
0.27% 99.54%,
0.1% 88.51%,
0.33% 77.51%,
0.23% 66.51%,
0% 55.52%,
0.38% 44.52%,
0.6% 33.52%,
0.32% 22.52%,
0.16% 11.52%,
0.19% 0.37%,
7.39% 0.01%,
14.5% 0.51%,
21.61% 0.06%,
28.72% 0.02%,
35.83% 0.16%,
42.94% 0.62%,
50.05% 0%,
57.16% 0.68%,
64.27% 0.02%,
71.38% 0.85%,
78.49% 0.46%,
85.6% 0.22%,
92.71% 0.47%,
99.69% 0.74%,
99.4% 11.51%,
99.7% 22.51%,
99.5% 33.51%,
99.59% 44.51%,
99.59% 55.51%,
99.6% 66.5%,
99.48% 77.5%,
99.96% 88.5%,
100% 99.81%
);
--mask_raito-wide: polygon(
0.06% 0.37%,
4.88% 0.88%,
9.63% 0.54%,
14.38% 0.74%,
19.13% 0.43%,
23.88% 0.44%,
28.63% 0.6%,
33.37% 0.48%,
38.12% 0.25%,
42.87% 0.88%,
47.62% 0.59%,
52.37% 0.39%,
57.12% 0.49%,
61.87% 0.52%,
66.62% 0.52%,
71.36% 0.37%,
76.11% 0.6%,
80.86% 0.5%,
85.61% 0.27%,
90.36% 0.65%,
95.11% 0.86%,
99.86% 0.57%,
99.92% 11.55%,
99.92% 22.55%,
100% 33.55%,
99.86% 44.55%,
99.99% 55.55%,
100% 66.55%,
99.96% 77.55%,
99.84% 88.55%,
99.96% 99.77%,
95.12% 99.45%,
90.37% 99.86%,
85.62% 99.34%,
80.87% 99.59%,
76.12% 99.73%,
71.37% 99.58%,
66.62% 99.36%,
61.88% 99.52%,
57.13% 99.82%,
52.38% 99.23%,
47.63% 99.32%,
42.88% 99.32%,
38.13% 99.32%,
33.38% 99.21%,
28.63% 99.69%,
23.88% 99.62%,
19.13% 99.43%,
14.38% 99.22%,
9.63% 99.72%,
4.88% 99.23%,
0.12% 99.58%,
0.02% 88.55%,
0.02% 77.55%,
0.17% 66.55%,
0.11% 55.55%,
0.12% 44.55%,
0% 33.55%,
0.01% 22.55%,
0.18% 11.55%,
0.06% 0.37%
);
--mask_raito-cinema: polygon(
0.06% 0.37%,
4.88% 0.88%,
9.63% 0.54%,
14.38% 0.74%,
19.13% 0.43%,
23.88% 0.44%,
28.63% 0.6%,
33.37% 0.48%,
38.12% 0.25%,
42.87% 0.88%,
47.62% 0.59%,
52.37% 0.39%,
57.12% 0.49%,
61.87% 0.52%,
66.62% 0.52%,
71.36% 0.37%,
76.11% 0.6%,
80.86% 0.5%,
85.61% 0.27%,
90.36% 0.65%,
95.11% 0.86%,
99.86% 0.57%,
99.92% 11.55%,
99.92% 22.55%,
100% 33.55%,
99.86% 44.55%,
99.99% 55.55%,
100% 66.55%,
99.96% 77.55%,
99.84% 88.55%,
99.96% 99.77%,
95.12% 99.45%,
90.37% 99.86%,
85.62% 99.34%,
80.87% 99.59%,
76.12% 99.73%,
71.37% 99.58%,
66.62% 99.36%,
61.88% 99.52%,
57.13% 99.82%,
52.38% 99.23%,
47.63% 99.32%,
42.88% 99.32%,
38.13% 99.32%,
33.38% 99.21%,
28.63% 99.69%,
23.88% 99.62%,
19.13% 99.43%,
14.38% 99.22%,
9.63% 99.72%,
4.88% 99.23%,
0.12% 99.58%,
0.02% 88.55%,
0.02% 77.55%,
0.17% 66.55%,
0.11% 55.55%,
0.12% 44.55%,
0% 33.55%,
0.01% 22.55%,
0.18% 11.55%,
0.06% 0.37%
);
--mask_raito-square: polygon(
0.09% 0.34%,
8.55% 0.85%,
16.84% 0.5%,
25.13% 0.71%,
33.41% 0.4%,
41.7% 0.41%,
49.99% 0.57%,
58.27% 0.45%,
66.56% 0.21%,
74.85% 0.84%,
83.14% 0.55%,
91.43% 0.35%,
99.76% 0.48%,
99.75% 8.77%,
99.74% 17.02%,
99.9% 25.28%,
99.67% 33.53%,
99.77% 41.78%,
100% 50.03%,
99.62% 58.28%,
99.4% 66.54%,
99.68% 74.79%,
99.84% 83.04%,
99.84% 91.3%,
99.94% 99.78%,
91.43% 99.56%,
83.14% 99.84%,
74.85% 99.87%,
66.57% 99.78%,
58.28% 99.49%,
50% 99.87%,
41.71% 99.45%,
33.42% 99.86%,
25.14% 99.35%,
16.85% 99.59%,
8.56% 99.74%,
0.25% 99.58%,
0.46% 91.3%,
0.31% 83.05%,
0% 74.8%,
0.6% 66.55%,
0.5% 58.29%,
0.51% 50.04%,
0.5% 41.79%,
0.61% 33.54%,
0.13% 25.28%,
0.2% 17.03%,
0.39% 8.77%,
0.09% 0.34%
);
--mask_cicle-type1: polygon(
49.93% 99%,
41.41% 96.53%,
33.13% 94.49%,
25.35% 91%,
17.67% 87.02%,
11.46% 81.09%,
7.5% 73.55%,
3.63% 66.17%,
1.28% 58.19%,
0.39% 49.89%,
0.17% 41.43%,
2.59% 33.26%,
6.09% 25.45%,
12.39% 19.47%,
17.57% 12.64%,
24.57% 7.45%,
32.98% 4.89%,
41.39% 3.17%,
49.93% 1.15%,
58.76% 1.51%,
67.15% 4.15%,
74.52% 8.74%,
81.5% 13.53%,
87.57% 19.38%,
92.96% 25.89%,
96.52% 33.51%,
99.46% 41.45%,
100% 49.89%,
99.28% 58.3%,
96.15% 66.15%,
94.04% 74.51%,
87.83% 80.62%,
82.57% 87.49%,
74.87% 91.66%,
66.8% 94.72%,
58.65% 97.66%,
49.93% 99%
);
}
@media screen and (max-width: 779px) {
:root {
--mask_page-regular: polygon(
0.23% 0.02%,
7.84% 0.02%,
15.49% 0%,
23.14% 0.01%,
30.79% 0.03%,
38.44% 0.03%,
46.1% 0%,
53.75% 0.02%,
61.4% 0.02%,
69.05% 0.02%,
76.7% 0.03%,
84.35% 0.01%,
92.01% 0.02%,
99.67% 0.01%,
99.58% 0.81%,
99.76% 1.61%,
99.82% 2.41%,
99.68% 3.21%,
99.66% 4.01%,
99.8% 4.81%,
99.8% 5.61%,
99.49% 6.41%,
99.81% 7.21%,
99.66% 8.01%,
99.5% 8.81%,
99.63% 9.61%,
99.59% 10.41%,
99.5% 11.21%,
99.66% 12.01%,
99.63% 12.81%,
99.67% 13.61%,
99.59% 14.41%,
99.55% 15.2%,
99.74% 16%,
99.56% 16.8%,
99.62% 17.6%,
99.75% 18.4%,
99.56% 19.2%,
99.64% 20%,
99.79% 20.8%,
99.64% 21.6%,
99.55% 22.4%,
99.62% 23.2%,
99.77% 24%,
99.82% 24.8%,
99.69% 25.6%,
99.47% 26.4%,
99.51% 27.2%,
99.73% 28%,
99.63% 28.8%,
99.53% 29.6%,
99.63% 30.39%,
99.8% 31.19%,
99.83% 31.99%,
99.59% 32.79%,
99.8% 33.59%,
99.71% 34.39%,
99.84% 35.19%,
99.5% 35.99%,
99.73% 36.79%,
99.76% 37.59%,
99.53% 38.39%,
99.54% 39.19%,
99.55% 39.99%,
99.53% 40.79%,
99.81% 41.59%,
99.71% 42.39%,
99.76% 43.19%,
99.75% 43.99%,
99.72% 44.79%,
99.49% 45.58%,
99.55% 46.38%,
99.75% 47.18%,
99.49% 47.98%,
99.64% 48.78%,
99.82% 49.58%,
99.51% 50.38%,
99.7% 51.18%,
99.53% 51.98%,
99.76% 52.78%,
99.81% 53.58%,
99.74% 54.38%,
99.62% 55.18%,
99.6% 55.98%,
99.57% 56.78%,
99.67% 57.58%,
99.8% 58.38%,
99.62% 59.18%,
99.84% 59.98%,
99.61% 60.78%,
99.47% 61.58%,
99.74% 62.38%,
99.5% 63.18%,
99.65% 63.97%,
99.79% 64.77%,
99.67% 65.57%,
99.77% 66.37%,
99.62% 67.17%,
99.78% 67.97%,
99.5% 68.77%,
99.49% 69.57%,
99.5% 70.37%,
99.77% 71.17%,
99.6% 71.97%,
99.72% 72.77%,
99.53% 73.57%,
99.84% 74.37%,
99.81% 75.17%,
99.84% 75.97%,
99.82% 76.77%,
99.83% 77.57%,
99.67% 78.37%,
99.63% 79.17%,
99.84% 79.97%,
99.81% 80.77%,
99.54% 81.57%,
99.62% 82.37%,
99.77% 83.16%,
99.8% 83.96%,
99.54% 84.76%,
99.65% 85.56%,
99.64% 86.36%,
99.54% 87.16%,
99.69% 87.96%,
99.63% 88.76%,
99.62% 89.56%,
99.57% 90.36%,
99.78% 91.16%,
99.56% 91.96%,
99.72% 92.76%,
99.64% 93.56%,
99.85% 94.36%,
99.67% 95.16%,
99.75% 95.96%,
99.53% 96.76%,
99.72% 97.56%,
99.63% 98.36%,
99.77% 99.16%,
99.64% 99.96%,
92.01% 99.97%,
84.36% 99.96%,
76.71% 99.95%,
69.06% 99.97%,
61.41% 99.97%,
53.75% 99.97%,
46.1% 99.96%,
38.45% 99.95%,
30.8% 99.96%,
23.15% 99.96%,
15.5% 99.95%,
7.84% 99.98%,
0.07% 99.97%,
0.34% 99.16%,
0.03% 98.36%,
0.21% 97.56%,
0.03% 96.76%,
0.06% 95.96%,
0.28% 95.16%,
0.16% 94.36%,
0.24% 93.56%,
0.3% 92.76%,
0.36% 91.96%,
0.02% 91.16%,
0.28% 90.36%,
0.36% 89.56%,
0.29% 88.77%,
0.03% 87.97%,
0.31% 87.17%,
0.11% 86.37%,
0.3% 85.57%,
0.36% 84.77%,
0.12% 83.97%,
0.1% 83.17%,
0.17% 82.37%,
0.25% 81.57%,
0.07% 80.77%,
0.16% 79.97%,
0.1% 79.17%,
0.16% 78.37%,
0.24% 77.57%,
0.23% 76.77%,
0.19% 75.97%,
0.34% 75.17%,
0.34% 74.37%,
0.28% 73.57%,
0.2% 72.78%,
0.23% 71.98%,
0.21% 71.18%,
0.25% 70.38%,
0.04% 69.58%,
0.33% 68.78%,
0.34% 67.98%,
0.05% 67.18%,
0.07% 66.38%,
0.21% 65.58%,
0.09% 64.78%,
0.15% 63.98%,
0.15% 63.18%,
0.32% 62.38%,
0.14% 61.58%,
0.12% 60.78%,
0.2% 59.98%,
0.05% 59.18%,
0% 58.38%,
0.1% 57.59%,
0.2% 56.79%,
0.1% 55.99%,
0.31% 55.19%,
0.14% 54.39%,
0.08% 53.59%,
0.33% 52.79%,
0.17% 51.99%,
0.33% 51.19%,
0.01% 50.39%,
0.2% 49.59%,
0.14% 48.79%,
0.02% 47.99%,
0.13% 47.19%,
0.23% 46.39%,
0.34% 45.59%,
0.37% 44.79%,
0.19% 43.99%,
0.15% 43.19%,
0.14% 42.39%,
0.01% 41.59%,
0.33% 40.8%,
0.03% 40%,
0.15% 39.2%,
0.35% 38.4%,
0.27% 37.6%,
0.29% 36.8%,
0.23% 36%,
0.33% 35.2%,
0.14% 34.4%,
0.16% 33.6%,
0.32% 32.8%,
0.16% 32%,
0.05% 31.2%,
0.32% 30.4%,
0.24% 29.6%,
0.07% 28.8%,
0.07% 28%,
0.12% 27.2%,
0.27% 26.4%,
0.27% 25.6%,
0.29% 24.8%,
0.16% 24%,
0.27% 23.2%,
0.13% 22.4%,
0.03% 21.6%,
0.12% 20.81%,
0.04% 20.01%,
0.37% 19.21%,
0.11% 18.41%,
0.05% 17.61%,
0.32% 16.81%,
0.08% 16.01%,
0.37% 15.21%,
0.33% 14.41%,
0% 13.61%,
0.19% 12.81%,
0.34% 12.01%,
0.1% 11.21%,
0.2% 10.41%,
0.27% 9.61%,
0.16% 8.81%,
0.06% 8.01%,
0.06% 7.21%,
0.23% 6.41%,
0.36% 5.61%,
0.28% 4.81%,
0.22% 4.01%,
0.13% 3.21%,
0.08% 2.41%,
0.04% 1.61%,
0.05% 0.81%,
0.23% 0.02%
);
--mask_page-long: polygon(
99.63% 99.98%,
92.03% 99.98%,
84.38% 99.99%,
76.73% 99.99%,
69.08% 99.98%,
61.43% 99.97%,
53.77% 99.99%,
46.12% 99.98%,
38.47% 99.98%,
30.82% 99.98%,
23.17% 99.98%,
15.52% 99.99%,
7.86% 99.98%,
0.2% 99.98%,
0.31% 99.62%,
0.1% 99.26%,
0.03% 98.91%,
0.19% 98.55%,
0.21% 98.19%,
0.05% 97.83%,
0.06% 97.47%,
0.4% 97.11%,
0.04% 96.75%,
0.21% 96.39%,
0.39% 96.03%,
0.24% 95.67%,
0.28% 95.31%,
0.39% 94.95%,
0.21% 94.59%,
0.25% 94.23%,
0.2% 93.87%,
0.29% 93.51%,
0.33% 93.15%,
0.12% 92.79%,
0.32% 92.43%,
0.25% 92.07%,
0.11% 91.71%,
0.32% 91.35%,
0.23% 90.99%,
0.07% 90.63%,
0.23% 90.28%,
0.33% 89.92%,
0.25% 89.56%,
0.08% 89.2%,
0.04% 88.84%,
0.18% 88.48%,
0.42% 88.12%,
0.38% 87.76%,
0.13% 87.4%,
0.25% 87.04%,
0.35% 86.68%,
0.24% 86.32%,
0.05% 85.96%,
0.02% 85.6%,
0.28% 85.24%,
0.06% 84.88%,
0.16% 84.52%,
0.01% 84.16%,
0.39% 83.8%,
0.14% 83.44%,
0.1% 83.08%,
0.36% 82.72%,
0.34% 82.36%,
0.33% 82%,
0.36% 81.64%,
0.05% 81.29%,
0.16% 80.93%,
0.1% 80.57%,
0.11% 80.21%,
0.15% 79.85%,
0.4% 79.49%,
0.33% 79.13%,
0.11% 78.77%,
0.4% 78.41%,
0.24% 78.05%,
0.04% 77.69%,
0.38% 77.33%,
0.16% 76.97%,
0.35% 76.61%,
0.1% 76.25%,
0.04% 75.89%,
0.12% 75.53%,
0.25% 75.17%,
0.27% 74.81%,
0.31% 74.45%,
0.2% 74.09%,
0.06% 73.73%,
0.25% 73.37%,
0.01% 73.01%,
0.26% 72.65%,
0.42% 72.3%,
0.12% 71.94%,
0.39% 71.58%,
0.22% 71.22%,
0.07% 70.86%,
0.2% 70.5%,
0.09% 70.14%,
0.26% 69.78%,
0.07% 69.42%,
0.39% 69.06%,
0.4% 68.7%,
0.39% 68.34%,
0.09% 67.98%,
0.27% 67.62%,
0.14% 67.26%,
0.36% 66.9%,
0.01% 66.54%,
0.04% 66.18%,
0.01% 65.82%,
0.03% 65.46%,
0.02% 65.1%,
0.2% 64.74%,
0.24% 64.38%,
0.02% 64.02%,
0.04% 63.66%,
0.35% 63.31%,
0.25% 62.95%,
0.09% 62.59%,
0.06% 62.23%,
0.34% 61.87%,
0.22% 61.51%,
0.24% 61.15%,
0.34% 60.79%,
0.18% 60.43%,
0.24% 60.07%,
0.26% 59.71%,
0.31% 59.35%,
0.08% 58.99%,
0.32% 58.63%,
0.14% 58.27%,
0.23% 57.91%,
0% 57.55%,
0.2% 57.19%,
0.11% 56.83%,
0.36% 56.47%,
0.14% 56.11%,
0.24% 55.75%,
0.08% 55.39%,
0.24% 55.03%,
0.1% 54.67%,
0.21% 54.31%,
0.34% 53.96%,
0.1% 53.6%,
0.06% 53.24%,
0.14% 52.88%,
0.2% 52.52%,
0.33% 52.16%,
0.18% 51.8%,
0.15% 51.44%,
0.35% 51.08%,
0.01% 50.72%,
0.02% 50.36%,
0.38% 50%,
0.03% 49.64%,
0.23% 49.28%,
0.03% 48.92%,
0.07% 48.56%,
0.32% 48.2%,
0.17% 47.84%,
0.27% 47.48%,
0.34% 47.12%,
0.4% 46.76%,
0.03% 46.4%,
0.32% 46.04%,
0.4% 45.68%,
0.32% 45.32%,
0.03% 44.96%,
0.34% 44.61%,
0.12% 44.25%,
0.33% 43.89%,
0.4% 43.53%,
0.13% 43.17%,
0.11% 42.81%,
0.19% 42.45%,
0.28% 42.09%,
0.08% 41.73%,
0.18% 41.37%,
0.11% 41.01%,
0.17% 40.65%,
0.27% 40.29%,
0.25% 39.93%,
0.21% 39.57%,
0.38% 39.21%,
0.38% 38.85%,
0.31% 38.49%,
0.22% 38.13%,
0.26% 37.77%,
0.23% 37.41%,
0.27% 37.05%,
0.04% 36.69%,
0.36% 36.33%,
0.37% 35.97%,
0.05% 35.61%,
0.08% 35.25%,
0.24% 34.9%,
0.1% 34.54%,
0.17% 34.18%,
0.16% 33.82%,
0.35% 33.46%,
0.15% 33.1%,
0.13% 32.74%,
0.22% 32.38%,
0.06% 32.02%,
0% 31.66%,
0.11% 31.3%,
0.22% 30.94%,
0.12% 30.58%,
0.34% 30.22%,
0.16% 29.86%,
0.09% 29.5%,
0.37% 29.14%,
0.19% 28.78%,
0.37% 28.42%,
0.01% 28.06%,
0.22% 27.7%,
0.15% 27.34%,
0.03% 26.98%,
0.15% 26.62%,
0.25% 26.26%,
0.38% 25.9%,
0.41% 25.55%,
0.21% 25.19%,
0.17% 24.83%,
0.15% 24.47%,
0.01% 24.11%,
0.37% 23.75%,
0.03% 23.39%,
0.16% 23.03%,
0.39% 22.67%,
0.3% 22.31%,
0.32% 21.95%,
0.25% 21.59%,
0.37% 21.23%,
0.16% 20.87%,
0.17% 20.51%,
0.35% 20.15%,
0.18% 19.79%,
0.06% 19.43%,
0.35% 19.07%,
0.27% 18.71%,
0.08% 18.35%,
0.08% 17.99%,
0.13% 17.63%,
0.3% 17.27%,
0.3% 16.91%,
0.32% 16.55%,
0.18% 16.19%,
0.29% 15.84%,
0.15% 15.48%,
0.03% 15.12%,
0.13% 14.76%,
0.04% 14.4%,
0.42% 14.04%,
0.13% 13.68%,
0.05% 13.32%,
0.35% 12.96%,
0.08% 12.6%,
0.41% 12.24%,
0.36% 11.88%,
0% 11.52%,
0.21% 11.16%,
0.38% 10.8%,
0.11% 10.44%,
0.22% 10.08%,
0.29% 9.72%,
0.18% 9.36%,
0.07% 9%,
0.06% 8.64%,
0.25% 8.28%,
0.4% 7.92%,
0.31% 7.56%,
0.25% 7.2%,
0.15% 6.84%,
0.09% 6.48%,
0.04% 6.12%,
0.06% 5.76%,
0.25% 5.4%,
0.27% 5.04%,
0.36% 4.69%,
0.24% 4.33%,
0.24% 3.97%,
0.14% 3.61%,
0.35% 3.25%,
0.38% 2.89%,
0.25% 2.53%,
0.21% 2.17%,
0.35% 1.81%,
0.17% 1.45%,
0.37% 1.09%,
0.21% 0.73%,
0.15% 0.37%,
0.27% 0.01%,
7.86% 0%,
15.51% 0.01%,
23.16% 0.01%,
30.81% 0.01%,
38.46% 0.02%,
46.11% 0.02%,
53.77% 0%,
61.42% 0%,
69.07% 0.01%,
76.72% 0%,
84.37% 0%,
92.03% 0.02%,
99.6% 0.01%,
99.76% 0.37%,
99.55% 0.73%,
99.79% 1.09%,
99.47% 1.45%,
99.79% 1.81%,
99.58% 2.17%,
99.47% 2.53%,
99.83% 2.89%,
99.54% 3.25%,
99.73% 3.6%,
99.49% 3.96%,
99.64% 4.32%,
99.59% 4.68%,
99.47% 5.04%,
99.68% 5.4%,
99.59% 5.76%,
99.66% 6.12%,
99.76% 6.48%,
99.52% 6.84%,
99.59% 7.2%,
99.71% 7.56%,
99.89% 7.92%,
99.48% 8.28%,
99.73% 8.64%,
99.48% 9%,
99.49% 9.36%,
99.5% 9.72%,
99.74% 10.08%,
99.5% 10.44%,
99.49% 10.8%,
99.76% 11.16%,
99.53% 11.52%,
99.6% 11.88%,
99.78% 12.23%,
99.71% 12.59%,
99.76% 12.95%,
99.59% 13.31%,
99.57% 13.67%,
99.79% 14.03%,
99.48% 14.39%,
99.72% 14.75%,
99.7% 15.11%,
99.59% 15.47%,
99.55% 15.83%,
99.88% 16.19%,
99.53% 16.55%,
99.49% 16.91%,
99.54% 17.27%,
99.74% 17.63%,
99.64% 17.99%,
99.5% 18.35%,
99.81% 18.71%,
99.85% 19.07%,
99.63% 19.43%,
99.82% 19.79%,
99.88% 20.15%,
99.86% 20.51%,
99.49% 20.87%,
99.76% 21.22%,
99.65% 21.58%,
99.71% 21.94%,
99.6% 22.3%,
99.6% 22.66%,
99.68% 23.02%,
99.64% 23.38%,
99.69% 23.74%,
99.5% 24.1%,
99.89% 24.46%,
99.56% 24.82%,
99.76% 25.18%,
99.87% 25.54%,
99.72% 25.9%,
99.48% 26.26%,
99.56% 26.62%,
99.68% 26.98%,
99.47% 27.34%,
99.77% 27.7%,
99.73% 28.06%,
99.52% 28.42%,
99.53% 28.78%,
99.79% 29.14%,
99.75% 29.5%,
99.49% 29.86%,
99.69% 30.21%,
99.8% 30.57%,
99.7% 30.93%,
99.73% 31.29%,
99.67% 31.65%,
99.62% 32.01%,
99.74% 32.37%,
99.85% 32.73%,
99.47% 33.09%,
99.54% 33.45%,
99.6% 33.81%,
99.75% 34.17%,
99.89% 34.53%,
99.74% 34.89%,
99.62% 35.25%,
99.56% 35.61%,
99.72% 35.97%,
99.56% 36.33%,
99.68% 36.69%,
99.72% 37.05%,
99.77% 37.41%,
99.68% 37.77%,
99.8% 38.13%,
99.7% 38.49%,
99.52% 38.85%,
99.55% 39.2%,
99.81% 39.56%,
99.57% 39.92%,
99.52% 40.28%,
99.65% 40.64%,
99.52% 41%,
99.49% 41.36%,
99.72% 41.72%,
99.5% 42.08%,
99.67% 42.44%,
99.77% 42.8%,
99.49% 43.16%,
99.8% 43.52%,
99.59% 43.88%,
99.55% 44.24%,
99.75% 44.6%,
99.56% 44.96%,
99.47% 45.32%,
99.48% 45.68%,
99.8% 46.04%,
99.7% 46.4%,
99.77% 46.76%,
99.49% 47.12%,
99.53% 47.48%,
99.61% 47.84%,
99.83% 48.2%,
99.61% 48.55%,
99.5% 48.91%,
99.85% 49.27%,
99.49% 49.63%,
99.64% 49.99%,
99.81% 50.35%,
99.66% 50.71%,
99.59% 51.07%,
99.71% 51.43%,
99.71% 51.79%,
99.52% 52.15%,
99.54% 52.51%,
99.57% 52.87%,
99.56% 53.23%,
99.5% 53.59%,
99.69% 53.95%,
99.5% 54.31%,
99.55% 54.67%,
99.69% 55.03%,
99.58% 55.39%,
99.51% 55.75%,
99.76% 56.11%,
99.67% 56.47%,
99.76% 56.83%,
99.67% 57.19%,
99.72% 57.55%,
99.72% 57.91%,
99.88% 58.26%,
99.83% 58.62%,
99.61% 58.98%,
99.5% 59.34%,
99.54% 59.7%,
99.65% 60.06%,
99.85% 60.42%,
99.47% 60.78%,
99.76% 61.14%,
99.57% 61.5%,
99.65% 61.86%,
99.86% 62.22%,
99.89% 62.58%,
99.88% 62.94%,
99.68% 63.3%,
99.59% 63.66%,
99.5% 64.02%,
99.87% 64.38%,
99.72% 64.74%,
99.66% 65.1%,
99.58% 65.46%,
99.61% 65.82%,
99.83% 66.18%,
99.85% 66.54%,
99.72% 66.9%,
99.63% 67.26%,
99.64% 67.61%,
99.5% 67.97%,
99.84% 68.33%,
99.73% 68.69%,
99.76% 69.05%,
99.52% 69.41%,
99.55% 69.77%,
99.47% 70.13%,
99.85% 70.49%,
99.6% 70.85%,
99.56% 71.21%,
99.83% 71.57%,
99.88% 71.93%,
99.72% 72.29%,
99.51% 72.65%,
99.62% 73.01%,
99.6% 73.37%,
99.68% 73.73%,
99.5% 74.09%,
99.84% 74.45%,
99.63% 74.81%,
99.56% 75.17%,
99.81% 75.53%,
99.73% 75.89%,
99.88% 76.25%,
99.59% 76.61%,
99.71% 76.96%,
99.79% 77.32%,
99.72% 77.68%,
99.48% 78.04%,
99.51% 78.4%,
99.85% 78.76%,
99.56% 79.12%,
99.73% 79.48%,
99.64% 79.84%,
99.8% 80.2%,
99.82% 80.56%,
99.65% 80.92%,
99.6% 81.28%,
99.5% 81.64%,
99.71% 82%,
99.6% 82.36%,
99.47% 82.72%,
99.55% 83.08%,
99.71% 83.44%,
99.57% 83.8%,
99.69% 84.16%,
99.57% 84.52%,
99.82% 84.88%,
99.65% 85.24%,
99.89% 85.6%,
99.67% 85.96%,
99.6% 86.32%,
99.53% 86.68%,
99.53% 87.04%,
99.86% 87.39%,
99.72% 87.75%,
99.51% 88.11%,
99.72% 88.47%,
99.59% 88.83%,
99.66% 89.19%,
99.47% 89.55%,
99.63% 89.91%,
99.77% 90.27%,
99.69% 90.63%,
99.49% 90.99%,
99.62% 91.35%,
99.87% 91.71%,
99.62% 92.07%,
99.76% 92.43%,
99.87% 92.79%,
99.78% 93.15%,
99.53% 93.51%,
99.81% 93.87%,
99.82% 94.23%,
99.78% 94.59%,
99.69% 94.95%,
99.67% 95.31%,
99.86% 95.67%,
99.68% 96.03%,
99.66% 96.39%,
99.64% 96.75%,
99.69% 97.11%,
99.71% 97.47%,
99.83% 97.83%,
99.54% 98.19%,
99.74% 98.54%,
99.73% 98.9%,
99.8% 99.26%,
99.79% 99.62%,
99.63% 99.98%
);
--mask_page-inner: polygon(
99.77% 99.9%,
95.82% 99.9%,
91.83% 99.96%,
87.85% 99.93%,
83.86% 99.88%,
79.87% 99.86%,
75.89% 99.94%,
71.9% 99.91%,
67.91% 99.88%,
63.93% 99.88%,
59.94% 99.88%,
55.95% 99.94%,
51.97% 99.9%,
47.98% 99.92%,
43.99% 99.89%,
40.01% 99.95%,
36.02% 99.96%,
32.03% 99.92%,
28.05% 99.91%,
24.06% 99.96%,
20.07% 99.96%,
16.09% 99.86%,
12.1% 99.96%,
8.11% 99.91%,
4.12% 99.86%,
0.15% 99.91%,
0.18% 98.19%,
0.25% 96.47%,
0.13% 94.75%,
0.16% 93.03%,
0.13% 91.31%,
0.19% 89.58%,
0.22% 87.86%,
0.07% 86.14%,
0.21% 84.42%,
0.16% 82.7%,
0.07% 80.98%,
0.21% 79.26%,
0.15% 77.53%,
0.04% 75.81%,
0.15% 74.09%,
0.21% 72.37%,
0.16% 70.65%,
0.05% 68.93%,
0.02% 67.2%,
0.11% 65.48%,
0.27% 63.76%,
0.25% 62.04%,
0.08% 60.32%,
0.16% 58.6%,
0.23% 56.87%,
0.15% 55.15%,
0.03% 53.43%,
0.01% 51.71%,
0.18% 49.99%,
0.04% 48.27%,
0.1% 46.55%,
0% 44.82%,
0.25% 43.1%,
0.08% 41.38%,
0.06% 39.66%,
0.23% 37.94%,
0.22% 36.22%,
0.21% 34.49%,
0.23% 32.77%,
0.03% 31.05%,
0.1% 29.33%,
0.07% 27.61%,
0.07% 25.89%,
0.09% 24.16%,
0.26% 22.44%,
0.21% 20.72%,
0.07% 19%,
0.26% 17.28%,
0.15% 15.55%,
0.02% 13.83%,
0.25% 12.11%,
0.1% 10.39%,
0.23% 8.67%,
0.06% 6.95%,
0.02% 5.22%,
0.07% 3.5%,
0.16% 1.78%,
0.16% 0.07%,
4.12% 0.08%,
8.11% 0.05%,
12.09% 0.01%,
16.08% 0.07%,
20.07% 0%,
24.05% 0.07%,
28.04% 0.11%,
32.02% 0.03%,
36.01% 0.11%,
40% 0.06%,
43.99% 0.02%,
47.97% 0.05%,
51.96% 0.02%,
55.95% 0.07%,
59.93% 0.02%,
63.92% 0.11%,
67.91% 0.11%,
71.89% 0.11%,
75.88% 0.02%,
79.87% 0.07%,
83.85% 0.04%,
87.84% 0.1%,
91.83% 0%,
95.82% 0.01%,
99.9% 0.02%,
99.92% 1.78%,
99.93% 3.5%,
99.81% 5.22%,
99.78% 6.94%,
99.93% 8.66%,
99.92% 10.39%,
99.71% 12.11%,
99.77% 13.83%,
99.88% 15.55%,
99.9% 17.27%,
99.71% 18.99%,
99.8% 20.72%,
99.79% 22.44%,
99.72% 24.16%,
99.83% 25.88%,
99.78% 27.6%,
99.77% 29.32%,
99.74% 31.04%,
99.89% 32.77%,
99.73% 34.49%,
99.85% 36.21%,
99.79% 37.93%,
99.94% 39.65%,
99.81% 41.37%,
99.87% 43.1%,
99.71% 44.82%,
99.85% 46.54%,
99.79% 48.26%,
99.89% 49.98%,
99.79% 51.7%,
99.88% 53.43%,
99.81% 55.15%,
99.72% 56.87%,
99.88% 58.59%,
99.9% 60.31%,
99.85% 62.03%,
99.81% 63.75%,
99.72% 65.48%,
99.82% 67.2%,
99.84% 68.92%,
99.71% 70.64%,
99.93% 72.36%,
99.93% 74.08%,
99.69% 75.81%,
99.92% 77.53%,
99.79% 79.25%,
99.92% 80.97%,
99.9% 82.69%,
99.73% 84.42%,
99.83% 86.14%,
99.77% 87.86%,
99.72% 89.58%,
99.68% 91.3%,
99.92% 93.02%,
99.73% 94.75%,
99.68% 96.47%,
99.73% 98.19%,
99.77% 99.9%
);
--mask_reservation-top: polygon(
0.13% 0.49%,
7.76% 0.54%,
15.43% 0%,
23.1% 0.26%,
30.77% 0.68%,
38.44% 0.85%,
46.11% 0.1%,
53.78% 0.42%,
61.46% 0.65%,
69.13% 0.63%,
76.8% 0.7%,
84.48% 0.15%,
92.15% 0.45%,
99.84% 0.33%,
99.73% 20.08%,
99.93% 39.8%,
99.99% 59.51%,
99.84% 79.24%,
99.82% 98.95%,
92.15% 99.35%,
84.48% 99.35%,
76.81% 98.5%,
69.14% 99.39%,
61.47% 98.95%,
53.8% 98.51%,
46.13% 98.87%,
38.45% 98.77%,
30.78% 98.51%,
23.11% 98.96%,
15.43% 98.87%,
7.76% 98.99%,
0.14% 98.82%,
0.2% 79.24%,
0% 59.52%,
0.19% 39.81%,
0.13% 20.08%,
0.13% 0.49%
);
--mask_reservation-bottom: polygon(
99.61% 99.76%,
92.02% 99.74%,
84.37% 99.89%,
76.71% 99.82%,
69.06% 99.7%,
61.41% 99.65%,
53.76% 99.87%,
46.11% 99.78%,
38.46% 99.71%,
30.81% 99.72%,
23.16% 99.7%,
15.5% 99.85%,
7.85% 99.77%,
0.18% 99.8%,
0.3% 95.04%,
0.07% 90.3%,
0% 85.55%,
0.17% 80.81%,
0.2% 76.06%,
0.02% 71.32%,
0.02% 66.57%,
0.4% 61.82%,
0.01% 57.08%,
0.2% 52.33%,
0.4% 47.59%,
0.24% 42.84%,
0.28% 38.09%,
0.4% 33.35%,
0.2% 28.6%,
0.24% 23.86%,
0.19% 19.11%,
0.29% 14.36%,
0.34% 9.62%,
0.09% 4.87%,
0.28% 0.18%,
7.85% 0.15%,
15.5% 0.05%,
23.15% 0.2%,
30.8% 0.14%,
38.45% 0.02%,
46.1% 0.13%,
53.75% 0.21%,
61.4% 0.15%,
69.06% 0.03%,
76.71% 0%,
84.36% 0.1%,
92.01% 0.27%,
99.53% 0.21%,
99.76% 4.87%,
99.62% 9.61%,
99.51% 14.36%,
99.63% 19.1%,
99.85% 23.85%,
99.88% 28.6%,
99.58% 33.34%,
99.84% 38.09%,
99.73% 42.83%,
99.9% 47.58%,
99.46% 52.33%,
99.75% 57.07%,
99.79% 61.82%,
99.5% 66.56%,
99.52% 71.31%,
99.53% 76.06%,
99.5% 80.8%,
99.85% 85.55%,
99.73% 90.3%,
99.79% 95.04%,
99.61% 99.76%
);
--mask_reservation-header-sp: polygon(
85.22% 0%,
77.44% 0.33%,
69.66% 0.88%,
61.88% 1.09%,
54.1% 0.12%,
46.32% 0.54%,
38.54% 0.83%,
30.76% 0.8%,
22.97% 0.9%,
15.19% 0.2%,
7.41% 0.58%,
0% 0.43%,
0% 99.61%,
99.85% 99.61%,
99.85% 0.64%,
93% 0.69%,
85.22% 0%
);
--mask_footer: polygon(
0.29% 0.14%,
7.89% 0.15%,
15.55% 0%,
23.21% 0.07%,
30.87% 0.19%,
38.53% 0.24%,
46.18% 0.03%,
53.84% 0.12%,
61.5% 0.18%,
69.16% 0.18%,
76.82% 0.2%,
84.48% 0.04%,
92.14% 0.13%,
99.82% 0.09%,
99.7% 4.85%,
99.93% 9.6%,
100% 14.35%,
99.83% 19.1%,
99.8% 23.86%,
99.98% 28.61%,
99.98% 33.36%,
99.59% 38.11%,
99.99% 42.86%,
99.6% 52.36%,
99.76% 57.11%,
99.72% 61.86%,
99.6% 66.61%,
99.8% 71.36%,
99.76% 76.11%,
99.81% 80.87%,
99.71% 85.62%,
99.66% 90.37%,
99.91% 95.12%,
99.72% 99.82%,
92.14% 99.84%,
84.49% 99.94%,
76.83% 99.8%,
69.17% 99.86%,
61.51% 99.97%,
53.85% 99.86%,
46.19% 99.79%,
38.53% 99.84%,
30.87% 99.96%,
23.21% 100%,
15.55% 99.9%,
7.89% 99.73%,
0.36% 99.79%,
0.14% 95.12%,
0.27% 90.37%,
0.39% 85.62%,
0.27% 80.87%,
0.05% 76.12%,
0.02% 71.37%,
0.32% 66.62%,
0.06% 61.87%,
0.17% 57.12%,
0% 52.37%,
0.43% 47.62%,
0.15% 42.87%,
0.11% 38.11%,
0.4% 33.36%,
0.37% 23.86%,
0.4% 19.11%,
0.05% 14.36%,
0.17% 9.61%,
0.11% 4.86%,
0.29% 0.14%
);
--mask_button-regular: polygon(
0.03% 0.07%,
5.8% 0.44%,
11.32% 1.04%,
16.84% 1.78%,
22.36% 0.67%,
27.88% 0.7%,
33.4% 1.26%,
38.92% 0.87%,
44.45% 0%,
49.97% 2.28%,
55.49% 1.22%,
61.01% 0.5%,
66.53% 0.89%,
72.05% 0.98%,
77.57% 1%,
83.1% 0.44%,
88.62% 1.28%,
94.14% 0.93%,
99.89% 0.07%,
99.91% 19.44%,
99.73% 37.96%,
99.9% 56.48%,
99.78% 68.52%,
99.83% 80.56%,
99.94% 98.72%,
94.42% 99.3%,
88.62% 99.3%,
83.1% 99.98%,
77.58% 98.85%,
72.06% 99.87%,
66.54% 99.96%,
61.02% 99.65%,
55.49% 98.61%,
49.97% 100%,
44.45% 98.48%,
38.93% 99.96%,
33.41% 98.09%,
27.89% 98.98%,
22.37% 99.5%,
16.84% 98.96%,
11.32% 98.17%,
5.8% 98.72%,
0.03% 99.85%,
0.06% 93.07%,
0.13% 84.13%,
0% 70.69%,
0% 57.7%,
0.27% 31.48%,
0.03% 17.59%,
0.03% 0.07%
);
--mask_button-search1: polygon(
99.88% 98.27%,
85.44% 96.9%,
71.28% 97.85%,
57.11% 97.29%,
42.95% 98.15%,
28.79% 98.12%,
14.61% 97.68%,
0.36% 97.93%,
0% 65.78%,
0.9% 33.71%,
0.47% 1.73%,
14.82% 1.63%,
28.76% 0.71%,
43.1% 1.93%,
57.09% 1.59%,
71.25% 1.15%,
85.42% 2.32%,
99.65% 1.56%,
100% 33.71%,
99.45% 65.76%,
99.88% 98.27%
);
--mask_button-search2: polygon(
0.13% 0.71%,
14.56% 2.1%,
28.73% 1.12%,
42.89% 1.71%,
57.06% 0.85%,
71.22% 0.88%,
85.39% 1.32%,
99.64% 1.07%,
100% 33.22%,
99.09% 65.27%,
99.53% 97.27%,
85.18% 97.37%,
71.25% 98.27%,
56.89% 97.07%,
42.92% 97.41%,
28.75% 97.85%,
14.58% 96.68%,
0.35% 97.41%,
1.39% 65.29%,
0.54% 33.24%,
0.13% 0.71%
);
--mask_menu1: polygon(
0% 92.33%,
0.25% 50.09%,
0.45% 7.84%,
0.53% 2.47%,
9.61% 1.07%,
17.7% 1.37%,
25.79% 2.6%,
33.88% 3.3%,
41.97% 1.49%,
50.05% 2.26%,
58.14% 2.02%,
66.23% 1.19%,
74.33% 0.95%,
82.42% 2.49%,
90.51% 4.3%,
100% 1.72%,
99.76% 7.84%,
99.82% 50.09%,
100% 92.33%,
100% 98.33%,
90.51% 97.28%,
82.42% 97.07%,
74.34% 96.91%,
66.25% 96.33%,
58.16% 98.05%,
50.07% 96.26%,
41.98% 97.79%,
33.89% 96.4%,
25.79% 98.63%,
17.71% 96.72%,
9.62% 97.05%,
0% 96.12%,
0% 92.33%
);
--mask_menu2: polygon(
1.44% 98.63%,
1.2% 64.14%,
1.37% 35.44%,
0.66% 6.74%,
1.51% 2.07%,
27.24% 0.95%,
49.95% 1.84%,
72.67% 1.44%,
98.87% 1.77%,
99.35% 6.74%,
99.09% 35.42%,
98.71% 64.12%,
98.45% 92.81%,
98.87% 98.02%,
72.68% 98.63%,
49.98% 97.91%,
27.24% 98.63%,
4.52% 98.12%,
1.44% 98.63%
);
--mask_menu3: polygon(
0.31% 98.63%,
0% 71.42%,
0.23% 49.98%,
0.39% 28.51%,
0.39% 7.05%,
0.73% 0.95%,
14.77% 1.7%,
26.52% 1.19%,
38.28% 1.09%,
50.03% 2.49%,
61.8% 2.4%,
73.55% 1.56%,
85.32% 2.44%,
98.95% 2.79%,
99.28% 7.05%,
100% 28.51%,
99.22% 49.95%,
99.85% 71.42%,
99.66% 92.88%,
100% 98.28%,
85.33% 98.05%,
73.57% 97.98%,
61.82% 97.79%,
50.06% 98.63%,
38.3% 98.4%,
26.54% 97.86%,
14.78% 98.49%,
5.68% 98.63%,
0.31% 98.63%
);
--mask_menu4: polygon(
0.3% 98.63%,
0.21% 71.42%,
0.28% 49.81%,
0.18% 28.21%,
0% 0.95%,
3.55% 0.95%,
18.95% 1.16%,
34.35% 1.77%,
49.76% 1.81%,
65.16% 1.4%,
80.57% 1.86%,
99.2% 1.42%,
99.5% 6.58%,
99.43% 28.19%,
99.81% 49.79%,
100% 71.4%,
99.83% 98.63%,
95.99% 98.42%,
80.59% 98.44%,
65.19% 97.88%,
49.78% 98.58%,
34.37% 98.63%,
18.96% 98.09%,
3.55% 98.33%,
0.3% 98.63%
);
--mask_menu5: polygon(
0% 92.33%,
0.24% 50.09%,
0.45% 7.84%,
0.53% 2.47%,
9.61% 1.07%,
17.69% 1.37%,
25.79% 2.6%,
33.87% 3.3%,
41.97% 1.49%,
50.05% 2.26%,
58.15% 2.02%,
66.23% 1.19%,
74.33% 0.95%,
82.41% 2.49%,
90.51% 4.3%,
100% 1.72%,
99.76% 7.84%,
99.82% 50.09%,
100% 92.33%,
100% 98.33%,
90.52% 97.28%,
82.43% 97.07%,
74.34% 96.91%,
66.24% 96.33%,
58.16% 98.05%,
50.06% 96.26%,
41.98% 97.79%,
33.89% 96.4%,
25.8% 98.63%,
17.71% 96.72%,
9.62% 97.05%,
0% 96.12%,
0% 92.33%
);
--mask_menu6: polygon(
0.39% 2.98%,
0% 49.81%,
0.88% 91.93%,
0.95% 97.63%,
15.7% 96.63%,
29.46% 97.51%,
43.23% 95.4%,
57% 98.63%,
70.77% 97.88%,
84.54% 98%,
98.3% 97.42%,
99.92% 97.47%,
100% 49.81%,
99.35% 3.3%,
98.3% 3.6%,
84.54% 0.95%,
70.77% 1.53%,
57.01% 3.42%,
43.24% 1.16%,
29.48% 3.72%,
15.7% 2.79%,
1.93% 3.05%,
0.39% 2.98%
);
--mask_menu7: polygon(
0.28% 92.09%,
0% 49.51%,
0.41% 2.47%,
2.28% 2.79%,
18.18% 0.95%,
34.07% 2.26%,
49.97% 1.33%,
65.88% 2.47%,
81.78% 2.98%,
99.04% 1.88%,
99.03% 6.91%,
100% 49.51%,
99.07% 92.09%,
98.93% 97.05%,
81.78% 98.63%,
65.89% 98.51%,
49.99% 97.4%,
34.09% 96.14%,
18.18% 96.88%,
0.7% 95.98%,
0.28% 92.09%
);
--mask_sp-switch: polygon(
2.5% 96.95%,
5.33% 96.78%,
16.67% 98.31%,
28.17% 96.44%,
39.5% 98.81%,
50.83% 98.64%,
62.33% 98.81%,
73.67% 97.46%,
85.17% 98.14%,
96.5% 96.27%,
100% 96.78%,
100% 0%,
1.33% 0%,
1.83% 12.03%,
2.67% 24.07%,
0.33% 36.27%,
0.17% 48.47%,
2% 60.51%,
0% 72.71%,
1.17% 84.92%,
2.5% 96.95%
);
--mask_raito-gold: polygon(
100% 99.81%,
92.8% 99.52%,
85.6% 99.54%,
78.49% 99.21%,
71.38% 99.7%,
64.28% 99.69%,
57.17% 99.43%,
50.06% 99.61%,
42.95% 100%,
35.84% 98.98%,
28.73% 99.45%,
21.62% 99.78%,
14.51% 99.6%,
7.39% 99.56%,
0.27% 99.54%,
0.1% 88.51%,
0.33% 77.51%,
0.23% 66.51%,
0% 55.52%,
0.38% 44.52%,
0.6% 33.52%,
0.32% 22.52%,
0.16% 11.52%,
0.19% 0.37%,
7.39% 0.01%,
14.5% 0.51%,
21.61% 0.06%,
28.72% 0.02%,
35.83% 0.16%,
42.94% 0.62%,
50.05% 0%,
57.16% 0.68%,
64.27% 0.02%,
71.38% 0.85%,
78.49% 0.46%,
85.6% 0.22%,
92.71% 0.47%,
99.69% 0.74%,
99.4% 11.51%,
99.7% 22.51%,
99.5% 33.51%,
99.59% 44.51%,
99.59% 55.51%,
99.6% 66.51%,
99.48% 77.5%,
99.96% 88.5%,
100% 99.81%
);
--mask_raito-silver: polygon(
100% 99.81%,
92.8% 99.52%,
85.6% 99.54%,
78.49% 99.21%,
71.38% 99.7%,
64.28% 99.69%,
57.17% 99.43%,
50.06% 99.61%,
42.95% 100%,
35.84% 98.98%,
28.73% 99.45%,
21.62% 99.78%,
14.51% 99.6%,
7.39% 99.56%,
0.27% 99.54%,
0.1% 88.51%,
0.33% 77.51%,
0.23% 66.51%,
0% 55.52%,
0.38% 44.52%,
0.6% 33.52%,
0.32% 22.52%,
0.16% 11.52%,
0.19% 0.37%,
7.39% 0.01%,
14.5% 0.51%,
21.61% 0.06%,
28.72% 0.02%,
35.83% 0.16%,
42.94% 0.62%,
50.05% 0%,
57.16% 0.68%,
64.27% 0.02%,
71.38% 0.85%,
78.49% 0.46%,
85.6% 0.22%,
92.71% 0.47%,
99.69% 0.74%,
99.4% 11.51%,
99.7% 22.51%,
99.5% 33.51%,
99.59% 44.51%,
99.59% 55.51%,
99.6% 66.5%,
99.48% 77.5%,
99.96% 88.5%,
100% 99.81%
);
--mask_raito-wide: polygon(
0.06% 0.37%,
4.88% 0.88%,
9.63% 0.54%,
14.38% 0.74%,
19.13% 0.43%,
23.88% 0.44%,
28.63% 0.6%,
33.37% 0.48%,
38.12% 0.25%,
42.87% 0.88%,
47.62% 0.59%,
52.37% 0.39%,
57.12% 0.49%,
61.87% 0.52%,
66.62% 0.52%,
71.36% 0.37%,
76.11% 0.6%,
80.86% 0.5%,
85.61% 0.27%,
90.36% 0.65%,
95.11% 0.86%,
99.86% 0.57%,
99.92% 11.55%,
99.92% 22.55%,
100% 33.55%,
99.86% 44.55%,
99.99% 55.55%,
100% 66.55%,
99.96% 77.55%,
99.84% 88.55%,
99.96% 99.77%,
95.12% 99.45%,
90.37% 99.86%,
85.62% 99.34%,
80.87% 99.59%,
76.12% 99.73%,
71.37% 99.58%,
66.62% 99.36%,
61.88% 99.52%,
57.13% 99.82%,
52.38% 99.23%,
47.63% 99.32%,
42.88% 99.32%,
38.13% 99.32%,
33.38% 99.21%,
28.63% 99.69%,
23.88% 99.62%,
19.13% 99.43%,
14.38% 99.22%,
9.63% 99.72%,
4.88% 99.23%,
0.12% 99.58%,
0.02% 88.55%,
0.02% 77.55%,
0.17% 66.55%,
0.11% 55.55%,
0.12% 44.55%,
0% 33.55%,
0.01% 22.55%,
0.18% 11.55%,
0.06% 0.37%
);
--mask_raito-cinema: polygon(
0.06% 0.37%,
4.88% 0.88%,
9.63% 0.54%,
14.38% 0.74%,
19.13% 0.43%,
23.88% 0.44%,
28.63% 0.6%,
33.37% 0.48%,
38.12% 0.25%,
42.87% 0.88%,
47.62% 0.59%,
52.37% 0.39%,
57.12% 0.49%,
61.87% 0.52%,
66.62% 0.52%,
71.36% 0.37%,
76.11% 0.6%,
80.86% 0.5%,
85.61% 0.27%,
90.36% 0.65%,
95.11% 0.86%,
99.86% 0.57%,
99.92% 11.55%,
99.92% 22.55%,
100% 33.55%,
99.86% 44.55%,
99.99% 55.55%,
100% 66.55%,
99.96% 77.55%,
99.84% 88.55%,
99.96% 99.77%,
95.12% 99.45%,
90.37% 99.86%,
85.62% 99.34%,
80.87% 99.59%,
76.12% 99.73%,
71.37% 99.58%,
66.62% 99.36%,
61.88% 99.52%,
57.13% 99.82%,
52.38% 99.23%,
47.63% 99.32%,
42.88% 99.32%,
38.13% 99.32%,
33.38% 99.21%,
28.63% 99.69%,
23.88% 99.62%,
19.13% 99.43%,
14.38% 99.22%,
9.63% 99.72%,
4.88% 99.23%,
0.12% 99.58%,
0.02% 88.55%,
0.02% 77.55%,
0.17% 66.55%,
0.11% 55.55%,
0.12% 44.55%,
0% 33.55%,
0.01% 22.55%,
0.18% 11.55%,
0.06% 0.37%
);
--mask_raito-square: polygon(
0.09% 0.34%,
8.55% 0.85%,
16.84% 0.5%,
25.13% 0.71%,
33.41% 0.4%,
41.7% 0.41%,
49.99% 0.57%,
58.27% 0.45%,
66.56% 0.21%,
74.85% 0.84%,
83.14% 0.55%,
91.43% 0.35%,
99.76% 0.48%,
99.75% 8.77%,
99.74% 17.02%,
99.9% 25.28%,
99.67% 33.53%,
99.77% 41.78%,
100% 50.03%,
99.62% 58.28%,
99.4% 66.54%,
99.68% 74.79%,
99.84% 83.04%,
99.84% 91.3%,
99.94% 99.78%,
91.43% 99.56%,
83.14% 99.84%,
74.85% 99.87%,
66.57% 99.78%,
58.28% 99.49%,
50% 99.87%,
41.71% 99.45%,
33.42% 99.86%,
25.14% 99.35%,
16.85% 99.59%,
8.56% 99.74%,
0.25% 99.58%,
0.46% 91.3%,
0.31% 83.05%,
0% 74.8%,
0.6% 66.55%,
0.5% 58.29%,
0.51% 50.04%,
0.5% 41.79%,
0.61% 33.54%,
0.13% 25.28%,
0.2% 17.03%,
0.39% 8.77%,
0.09% 0.34%
);
--mask_cicle-type1: polygon(
49.93% 99%,
41.41% 96.53%,
33.13% 94.49%,
25.35% 91%,
17.67% 87.02%,
11.46% 81.09%,
7.5% 73.55%,
3.63% 66.17%,
1.28% 58.19%,
0.39% 49.89%,
0.17% 41.43%,
2.59% 33.26%,
6.09% 25.45%,
12.39% 19.47%,
17.57% 12.64%,
24.57% 7.45%,
32.98% 4.89%,
41.39% 3.17%,
49.93% 1.15%,
58.76% 1.51%,
67.15% 4.15%,
74.52% 8.74%,
81.5% 13.53%,
87.57% 19.38%,
92.96% 25.89%,
96.52% 33.51%,
99.46% 41.45%,
100% 49.89%,
99.28% 58.3%,
96.15% 66.15%,
94.04% 74.51%,
87.83% 80.62%,
82.57% 87.49%,
74.87% 91.66%,
66.8% 94.72%,
58.65% 97.66%,
49.93% 99%
);
}
}  @media only screen and (max-width: 779px) {
#scrollheader,
#ch-scrollheader {
opacity: 1 !important;
pointer-events: auto !important;
}
}
#scrollheader .spmenu,
#ch-scrollheader .spmenu {
display: none;
}
@media only screen and (max-width: 779px) {
#scrollheader .spmenu,
#ch-scrollheader .spmenu {
display: block;
}
#scrollheader .spmenu .hamburger,
#ch-scrollheader .spmenu .hamburger {
cursor: pointer;
line-height: 0;
position: fixed;
z-index: 9999;
top: 0;
right: 0;
background-color: #8b0711;
width: 60px;
height: 60px;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
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;
}
#scrollheader .spmenu .hamburger .in,
#ch-scrollheader .spmenu .hamburger .in {
position: relative;
width: 26px;
height: 18px;
display: inline-block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#scrollheader .spmenu .hamburger .in .hamburger-line,
#ch-scrollheader .spmenu .hamburger .in .hamburger-line {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
border-radius: 4px;
display: inline-block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#scrollheader .spmenu .hamburger .in .hamburger-line:nth-of-type(1),
#ch-scrollheader .spmenu .hamburger .in .hamburger-line:nth-of-type(1) {
top: 0;
}
#scrollheader .spmenu .hamburger .in .hamburger-line:nth-of-type(2),
#ch-scrollheader .spmenu .hamburger .in .hamburger-line:nth-of-type(2) {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#scrollheader .spmenu .hamburger .in .hamburger-line:nth-of-type(3),
#ch-scrollheader .spmenu .hamburger .in .hamburger-line:nth-of-type(3) {
bottom: 0;
}
#scrollheader .spmenu .hamburger.is-noanime .in,
#ch-scrollheader .spmenu .hamburger.is-noanime .in {
-webkit-animation: none;
animation: none;
}
#scrollheader .spmenu .hamburger.is-active .in,
#ch-scrollheader .spmenu .hamburger.is-active .in {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}  .spmenu .menuarea {
width: 100%;
height: 100%;
position: fixed;
right: 0;
pointer-events: none;
-webkit-transition: opacity 0.4s var(--easing) 0s;
transition: opacity 0.4s var(--easing) 0s;
top: 0;
z-index: 200;
opacity: 0;
overflow: scroll;
background: #000;
}
.spmenu .menuarea .wrap {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.spmenu .menuarea .wrap .logo {
width: min(180px, 35vw);
aspect-ratio: 1/1;
margin-bottom: 40px;
}
.spmenu .menuarea .wrap .logo a img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.spmenu .menuarea .wrap nav {
width: 80%;
}
.spmenu .menuarea .wrap nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 20px;
}
@media only screen and (max-width: 779px) {
.spmenu .menuarea .wrap nav ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
width: 80%;
margin: 0 auto;
text-align: center;
gap: 15px;
}
}
.spmenu .menuarea .wrap nav ul li {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 40px;
background: #8b0711;
clip-path: var(--mask_menu1);
}
@media only screen and (max-width: 779px) {
.spmenu .menuarea .wrap nav ul li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
}
.spmenu .menuarea .wrap nav ul li a {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 1.4rem;
width: 100%;
padding: 45% 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;
}
@media only screen and (max-width: 560px) {
.spmenu .menuarea .wrap nav ul li a {
letter-spacing: 0.12em;
}
}
@media only screen and (min-width: 1800px) {
.spmenu .menuarea .wrap nav ul li a {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 779px) {
.spmenu .menuarea .wrap nav ul li a {
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 4px 10px;
font-size: 1.3rem;
}
}
.spmenu .menuarea .wrap nav ul li:nth-of-type(2) {
clip-path: var(--mask_menu2);
}
.spmenu .menuarea .wrap nav ul li:nth-of-type(3) {
clip-path: var(--mask_menu3);
}
.spmenu .menuarea .wrap nav ul li:nth-of-type(4) {
clip-path: var(--mask_menu4);
}
.spmenu .menuarea .wrap nav ul li:nth-of-type(5) {
clip-path: var(--mask_menu5);
}
.spmenu .menuarea .wrap nav ul li:nth-of-type(6) {
clip-path: var(--mask_menu6);
}
@media only screen and (max-width: 1023px) {
.spmenu .menuarea .wrap nav ul li:nth-of-type(6) {
margin-bottom: 0;
}
}
.spmenu .menuarea .wrap nav ul.l {
gap: 28px;
}
@media only screen and (max-width: 1280px) {
.spmenu .menuarea .wrap nav ul.l {
gap: 20px;
}
}
@media only screen and (max-width: 560px) {
.spmenu .menuarea .wrap nav ul.l {
gap: 16px;
}
}
.spmenu .menuarea .wrap nav ul.l li {
width: 40px;
}
@media only screen and (max-width: 779px) {
.spmenu .menuarea .wrap nav ul.l li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
}
.spmenu .menuarea .wrap nav ul.l li a {
color: #fff;
font-size: 1.8rem !important;
}
@media only screen and (min-width: 1800px) {
.spmenu .menuarea .wrap nav ul.l li a {
font-size: 2rem !important;
}
}
@media only screen and (max-width: 1280px) {
.spmenu .menuarea .wrap nav ul.l li a {
font-size: 1.6rem !important;
}
}
@media only screen and (max-width: 779px) {
.spmenu .menuarea .wrap nav ul.l li a {
font-size: 1.4rem !important;
}
}  #scrollheader.is-active .spmenu,
#ch-scrollheader.is-active .spmenu {
pointer-events: auto;
}
#scrollheader.is-active .spmenu .menuarea,
#ch-scrollheader.is-active .spmenu .menuarea {
pointer-events: auto;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
#scrollheader .hamburger,
#ch-scrollheader .hamburger {
opacity: 0;
-webkit-transition: opacity 0.8s ease-out;
transition: opacity 0.8s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity;
}
#scrollheader .hamburger.is-loaded,
#ch-scrollheader .hamburger.is-loaded {
opacity: 1;
}  #lang {
position: fixed;
top: 0;
right: min(55px, 5vw);
z-index: 100000;
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: opacity 0.8s ease-out, -webkit-transform 0.8s var(--easing);
transition: opacity 0.8s ease-out, -webkit-transform 0.8s var(--easing);
transition: opacity 0.8s ease-out, transform 0.8s var(--easing);
transition: opacity 0.8s ease-out, transform 0.8s var(--easing), -webkit-transform 0.8s var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
@media only screen and (max-width: 779px) {
#lang {
-webkit-transform: translatezw(0%);
transform: translatezw(0%);
opacity: 0;
-webkit-transition: opacity 0.8s ease-out;
transition: opacity 0.8s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity;
-webkit-transition-delay: 0;
transition-delay: 0;
}
}
#lang.is-loaded {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
#lang .lang-pc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
@media only screen and (max-width: 779px) {
#lang .lang-pc {
display: none;
visibility: hidden;
pointer-events: none;
}
}
#lang .lang-pc li {
width: 60px;
aspect-ratio: 16/9;
text-align: center;
-ms-flex-line-pack: center;
align-content: center;
color: #a2a2a2;
background: #000000;
-webkit-transition: background 0.4s var(--easing) 0s;
transition: background 0.4s var(--easing) 0s;
}
#lang .lang-pc li a {
display: inline-block;
width: 100%;
height: 100%;
padding-top: 4px;
font-size: 1.3rem;
}
#lang .lang-pc li:hover {
background: #8b0711;
}
#lang .lang-pc li[data-lang=on] {
background: #4c0308;
}
@media only screen and (max-width: 779px) {
#lang {
width: 60px;
height: 60px;
background: #000;
right: 60px;
}
}
#lang .lang-sp {
display: none;
visibility: hidden;
pointer-events: none;
}
@media only screen and (max-width: 779px) {
#lang .lang-sp {
display: block;
visibility: visible;
pointer-events: auto;
}
}
#lang .lang-sp #global-ttl {
position: relative;
font-size: 1.5rem;
-webkit-transform: translateY(5px);
transform: translateY(5px);
text-align: center;
aspect-ratio: 1/1;
width: 80%;
margin: 0 auto;
-ms-flex-line-pack: center;
align-content: center;
}
#lang .lang-sp #global-ttl::after {
content: "";
position: absolute;
bottom: 3px;
left: 47%;
display: block;
margin-top: 8px;
width: 7px;
height: 7px;
margin: 0 auto;
-webkit-transform: rotate(-45deg) translateX(-50%) skew(10deg, 10deg);
transform: rotate(-45deg) translateX(-50%) skew(10deg, 10deg);
border-left: 1px solid #a2a2a2;
border-bottom: 1px solid #a2a2a2;
-webkit-transition: -webkit-transform 0.4s var(--easing) 0s;
transition: -webkit-transform 0.4s var(--easing) 0s;
transition: transform 0.4s var(--easing) 0s;
transition: transform 0.4s var(--easing) 0s, -webkit-transform 0.4s var(--easing) 0s;
}
#lang .lang-sp #global-ttl.is-active {
opacity: 1;
}
#lang .lang-sp #global-ttl.is-active::after {
-webkit-transform: scaleY(-1) rotate(-45deg) translateX(-2px) translateY(-50%) skew(10deg, 10deg);
transform: scaleY(-1) rotate(-45deg) translateX(-2px) translateY(-50%) skew(10deg, 10deg);
}
#lang .lang-sp .global-list {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: absolute;
left: 50%;
bottom: -145px;
padding: 13px 22px;
-webkit-transform: translateX(-50%) translateY(5%);
transform: translateX(-50%) translateY(5%);
-webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
pointer-events: none;
visibility: hidden;
opacity: 0;
background: rgb(0, 0, 0);
}
#lang .lang-sp .global-list li {
margin: 10px 0;
}
#lang .lang-sp .global-list li a {
display: block;
width: 100%;
height: 100%;
font-size: 1.3rem;
text-align: center;
}
#lang .lang-sp .global-list.is-active {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
visibility: visible;
pointer-events: auto;
opacity: 1;
}
#lang .lang-sp.is-change #global-ttl {
color: #acacac;
}  header {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: auto;
}
header .pcmenu {
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;
height: 100%;
padding-right: min(100px, 4.8vw);
padding-left: min(90px, 3.2vw);
padding-top: min(50px, 4.2vw);
}
@media only screen and (max-width: 779px) {
header .pcmenu {
display: none;
visibility: hidden;
pointer-events: none;
}
}
header .pcmenu .logo {
position: relative;
z-index: 2;
width: min(110px, 10vw);
aspect-ratio: 1/1;
}
header .pcmenu .logo a img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
position: absolute;
top: 0;
left: 0;
}
header .pcmenu nav {
padding-top: 15px;
width: 60%;
text-align: right;
}
header .pcmenu nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 20px;
}
@media only screen and (max-width: 779px) {
header .pcmenu nav ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
width: 80%;
margin: 0 auto;
text-align: center;
gap: 15px;
}
}
header .pcmenu nav ul li {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 40px;
background: #8b0711;
clip-path: var(--mask_menu1);
}
@media only screen and (max-width: 779px) {
header .pcmenu nav ul li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
}
header .pcmenu nav ul li a {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 1.4rem;
width: 100%;
padding: 45% 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;
}
@media only screen and (max-width: 560px) {
header .pcmenu nav ul li a {
letter-spacing: 0.12em;
}
}
@media only screen and (min-width: 1800px) {
header .pcmenu nav ul li a {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 779px) {
header .pcmenu nav ul li a {
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 4px 10px;
font-size: 1.3rem;
}
}
header .pcmenu nav ul li:nth-of-type(2) {
clip-path: var(--mask_menu2);
}
header .pcmenu nav ul li:nth-of-type(3) {
clip-path: var(--mask_menu3);
}
header .pcmenu nav ul li:nth-of-type(4) {
clip-path: var(--mask_menu4);
}
header .pcmenu nav ul li:nth-of-type(5) {
clip-path: var(--mask_menu5);
}
header .pcmenu nav ul li:nth-of-type(6) {
clip-path: var(--mask_menu6);
}
@media only screen and (max-width: 1023px) {
header .pcmenu nav ul li:nth-of-type(6) {
margin-bottom: 0;
}
}
header .pcmenu nav ul.l {
gap: 28px;
}
@media only screen and (max-width: 1280px) {
header .pcmenu nav ul.l {
gap: 20px;
}
}
@media only screen and (max-width: 560px) {
header .pcmenu nav ul.l {
gap: 16px;
}
}
header .pcmenu nav ul.l li {
width: 40px;
}
@media only screen and (max-width: 779px) {
header .pcmenu nav ul.l li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
}
header .pcmenu nav ul.l li a {
color: #fff;
font-size: 1.8rem !important;
}
@media only screen and (min-width: 1800px) {
header .pcmenu nav ul.l li a {
font-size: 2rem !important;
}
}
@media only screen and (max-width: 1280px) {
header .pcmenu nav ul.l li a {
font-size: 1.6rem !important;
}
}
@media only screen and (max-width: 779px) {
header .pcmenu nav ul.l li a {
font-size: 1.4rem !important;
}
}
#scrollheader {
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.3s var(--easing), pointer-events 0.3s ease;
transition: opacity 0.3s var(--easing), pointer-events 0.3s ease;
}
#scrollheader.is-hidden {
opacity: 0;
pointer-events: none;
}
#scrollheader.is-change {
opacity: 1;
pointer-events: auto;
}
#scrollheader.is-rehidden {
opacity: 0 !important;
pointer-events: none !important;
}
#ch-scrollheader {
-webkit-transition: opacity 0.3s var(--easing), pointer-events 0.3s ease;
transition: opacity 0.3s var(--easing), pointer-events 0.3s ease;
}
#ch-scrollheader .pcmenu nav {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
#ch-scrollheader.is-loaded .pcmenu nav {
opacity: 1;
-webkit-transform: translate(0%);
transform: translate(0%);
}
#ch-scrollheader.is-hidden {
opacity: 0;
pointer-events: none;
}
#ch-scrollheader.is-rehidden {
opacity: 0 !important;
pointer-events: none !important;
}
footer {
position: relative;
overflow: hidden;
margin-top: 160px;
margin-bottom: 20px;
}
@media only screen and (max-width: 1280px) {
footer {
margin-top: 140px;
}
}
@media only screen and (max-width: 1023px) {
footer {
margin-top: 120px;
}
}
@media only screen and (max-width: 560px) {
footer {
margin-top: 100px;
margin-bottom: 10px;
}
}
footer nav {
width: 100%;
max-width: 2040px;
margin: 0 auto;
}
footer nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 779px) {
footer nav ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
width: 80%;
margin: 0 auto;
text-align: center;
gap: 15px;
}
}
footer nav ul li {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 40px;
background: #8b0711;
clip-path: var(--mask_menu1);
}
@media only screen and (max-width: 779px) {
footer nav ul li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
}
footer nav ul li a {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 1.4rem;
width: 100%;
padding: 45% 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;
}
@media only screen and (max-width: 560px) {
footer nav ul li a {
letter-spacing: 0.12em;
}
}
@media only screen and (min-width: 1800px) {
footer nav ul li a {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 779px) {
footer nav ul li a {
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 4px 10px;
font-size: 1.3rem;
}
}
footer nav ul li:nth-of-type(2) {
clip-path: var(--mask_menu2);
}
footer nav ul li:nth-of-type(3) {
clip-path: var(--mask_menu3);
}
footer nav ul li:nth-of-type(4) {
clip-path: var(--mask_menu4);
}
footer nav ul li:nth-of-type(5) {
clip-path: var(--mask_menu5);
}
footer nav ul li:nth-of-type(6) {
clip-path: var(--mask_menu6);
}
@media only screen and (max-width: 1023px) {
footer nav ul li:nth-of-type(6) {
margin-bottom: 0;
}
}
footer nav ul.l {
gap: 28px;
}
@media only screen and (max-width: 1280px) {
footer nav ul.l {
gap: 20px;
}
}
@media only screen and (max-width: 560px) {
footer nav ul.l {
gap: 16px;
}
}
footer nav ul.l li {
width: 40px;
}
@media only screen and (max-width: 779px) {
footer nav ul.l li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
}
footer nav ul.l li a {
color: #fff;
font-size: 1.8rem !important;
}
@media only screen and (min-width: 1800px) {
footer nav ul.l li a {
font-size: 2rem !important;
}
}
@media only screen and (max-width: 1280px) {
footer nav ul.l li a {
font-size: 1.6rem !important;
}
}
@media only screen and (max-width: 779px) {
footer nav ul.l li a {
font-size: 1.4rem !important;
}
}
footer nav ul li {
opacity: 0;
-webkit-transform: translateY(2rem);
transform: translateY(2rem);
-webkit-transition: opacity 0.8s ease-out, -webkit-transform 0.8s var(--easing);
transition: opacity 0.8s ease-out, -webkit-transform 0.8s var(--easing);
transition: opacity 0.8s ease-out, transform 0.8s var(--easing);
transition: opacity 0.8s ease-out, transform 0.8s var(--easing), -webkit-transform 0.8s var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
footer nav ul li.wao {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
footer nav ul li:nth-of-type(1) {
-webkit-transition-delay: 75ms;
transition-delay: 75ms;
}
footer nav ul li:nth-of-type(2) {
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
footer nav ul li:nth-of-type(3) {
-webkit-transition-delay: 225ms;
transition-delay: 225ms;
}
footer nav ul li:nth-of-type(4) {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
footer nav ul li:nth-of-type(5) {
-webkit-transition-delay: 375ms;
transition-delay: 375ms;
}
footer nav ul li:nth-of-type(6) {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
footer .bg {
width: 100%;
max-width: 2040px;
aspect-ratio: 100/37;
margin: 0 auto;
margin-top: -100px;
position: relative;
z-index: -10;
}
footer .bg::after {
content: "";
position: absolute;
z-index: 1;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0.35)), to(rgb(0, 0, 0)));
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 75%, rgb(0, 0, 0) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media only screen and (max-width: 1280px) {
footer .bg {
margin-top: 0;
}
}
@media only screen and (max-width: 1023px) {
footer .bg {
width: 107%;
aspect-ratio: 100/45;
right: 0;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 560px) {
footer .bg {
width: 130%;
right: 30px;
}
}
footer .bg img {
-o-object-position: bottom right;
object-position: bottom right;
-o-object-fit: contain;
object-fit: contain;
display: block;
width: 100%;
height: 100%;
}
footer .btm {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 35px;
padding-right: 35px;
}
@media only screen and (max-width: 560px) {
footer .btm {
padding-left: 15px;
padding-right: 15px;
}
}
footer .btm p {
width: 50%;
letter-spacing: 0.1em;
font-size: 1.3rem;
color: #aaaaaa;
white-space: nowrap;
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
@media only screen and (max-width: 560px) {
footer .btm p {
font-size: 0.85rem;
}
}
footer .btm .pp {
width: 50%;
text-align: right;
}
footer .btm .pp a {
color: #aaaaaa;
display: inline-block;
font-size: 1.3rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
}
@media only screen and (max-width: 560px) {
footer .btm .pp a {
font-size: 1.1rem;
}
}
.hero {
position: relative;
width: 100%;
height: 100vh;
}
.hero.heromain {
overflow: hidden;
}
.hero .heroMenu {
width: 80%;
max-width: 1600px;
margin: 0 auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 560px) {
.hero .heroMenu {
width: 100%;
}
}
.hero .heroMenu .wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 1023px) {
.hero .heroMenu .wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
}
.hero .heroMenu .wrap .logo {
width: 50%;
text-align: center;
}
@media only screen and (max-width: 1023px) {
.hero .heroMenu .wrap .logo {
width: 90%;
}
}
.hero .heroMenu .wrap .logo img {
width: max(180px, 9vw);
aspect-ratio: 1/1;
margin-bottom: 25px;
}
@media only screen and (max-width: 1023px) {
.hero .heroMenu .wrap .logo img {
width: min(180px, 18vw);
}
}
@media only screen and (max-width: 560px) {
.hero .heroMenu .wrap .logo img {
width: min(160px, 35vw);
}
}
.hero .heroMenu .wrap .logo h2,
.hero .heroMenu .wrap .logo p {
margin: 0 auto;
}
.hero .heroMenu .wrap .logo h2 {
color: #ffffff;
font-size: clamp(1.8rem, 1.371rem + 1.83vw, 3.2rem);
}
@media only screen and (min-width: 1800px) {
.hero .heroMenu .wrap .logo h2 {
font-size: clamp(3.2rem, 2.3rem + 0.9vw, 5rem);
}
}
@media only screen and (max-width: 1280px) {
.hero .heroMenu .wrap .logo h2 {
font-size: clamp(1.8rem, 1.371rem + 1.83vw, 2.4rem);
}
}
.hero .heroMenu .wrap .logo img,
.hero .heroMenu .wrap .logo h2 {
opacity: 0;
-webkit-transform: translateY(2rem);
transform: translateY(2rem);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
.hero .heroMenu .wrap .logo img {
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
.hero .heroMenu .wrap .logo h2 {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.hero .heroMenu .wrap nav {
width: 50%;
position: relative;
margin-top: 100px;
}
@media only screen and (max-width: 1023px) {
.hero .heroMenu .wrap nav {
margin-top: 55px;
right: auto;
}
}
@media only screen and (max-width: 560px) {
.hero .heroMenu .wrap nav {
display: none;
visibility: hidden;
}
}
.hero .heroMenu .wrap nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 779px) {
.hero .heroMenu .wrap nav ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
width: 80%;
margin: 0 auto;
text-align: center;
gap: 15px;
}
}
.hero .heroMenu .wrap nav ul li {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 40px;
background: #8b0711;
clip-path: var(--mask_menu1);
}
@media only screen and (max-width: 779px) {
.hero .heroMenu .wrap nav ul li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
}
.hero .heroMenu .wrap nav ul li a {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 1.4rem;
width: 100%;
padding: 45% 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;
}
@media only screen and (max-width: 560px) {
.hero .heroMenu .wrap nav ul li a {
letter-spacing: 0.12em;
}
}
@media only screen and (min-width: 1800px) {
.hero .heroMenu .wrap nav ul li a {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 779px) {
.hero .heroMenu .wrap nav ul li a {
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 4px 10px;
font-size: 1.3rem;
}
}
.hero .heroMenu .wrap nav ul li:nth-of-type(2) {
clip-path: var(--mask_menu2);
}
.hero .heroMenu .wrap nav ul li:nth-of-type(3) {
clip-path: var(--mask_menu3);
}
.hero .heroMenu .wrap nav ul li:nth-of-type(4) {
clip-path: var(--mask_menu4);
}
.hero .heroMenu .wrap nav ul li:nth-of-type(5) {
clip-path: var(--mask_menu5);
}
.hero .heroMenu .wrap nav ul li:nth-of-type(6) {
clip-path: var(--mask_menu6);
}
@media only screen and (max-width: 1023px) {
.hero .heroMenu .wrap nav ul li:nth-of-type(6) {
margin-bottom: 0;
}
}
.hero .heroMenu .wrap nav ul.l {
gap: 28px;
}
@media only screen and (max-width: 1280px) {
.hero .heroMenu .wrap nav ul.l {
gap: 20px;
}
}
@media only screen and (max-width: 560px) {
.hero .heroMenu .wrap nav ul.l {
gap: 16px;
}
}
.hero .heroMenu .wrap nav ul.l li {
width: 40px;
}
@media only screen and (max-width: 779px) {
.hero .heroMenu .wrap nav ul.l li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
}
.hero .heroMenu .wrap nav ul.l li a {
color: #fff;
font-size: 1.8rem !important;
}
@media only screen and (min-width: 1800px) {
.hero .heroMenu .wrap nav ul.l li a {
font-size: 2rem !important;
}
}
@media only screen and (max-width: 1280px) {
.hero .heroMenu .wrap nav ul.l li a {
font-size: 1.6rem !important;
}
}
@media only screen and (max-width: 779px) {
.hero .heroMenu .wrap nav ul.l li a {
font-size: 1.4rem !important;
}
}
.hero .heroMenu .wrap nav ul li {
opacity: 0;
-webkit-transform: translateY(2rem);
transform: translateY(2rem);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
.hero .heroMenu .wrap nav ul li:nth-of-type(1) {
-webkit-transition-delay: 375ms;
transition-delay: 375ms;
}
.hero .heroMenu .wrap nav ul li:nth-of-type(2) {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
.hero .heroMenu .wrap nav ul li:nth-of-type(3) {
-webkit-transition-delay: 525ms;
transition-delay: 525ms;
}
.hero .heroMenu .wrap nav ul li:nth-of-type(4) {
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.hero .heroMenu .wrap nav ul li:nth-of-type(5) {
-webkit-transition-delay: 675ms;
transition-delay: 675ms;
}
.hero .heroMenu .wrap nav ul li:nth-of-type(6) {
-webkit-transition-delay: 750ms;
transition-delay: 750ms;
}
.hero.heromain.is-loaded .heroMenu .wrap .logo img,
.hero.heromain.is-loaded .heroMenu .wrap .logo h2,
.hero.heromain.is-loaded .heroMenu .wrap .logo p {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.hero.heromain.is-loaded .heroMenu .wrap nav ul li {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.hero .heroSlider {
position: relative;
width: 100%;
height: 100%;
z-index: -1;
}
.hero .heroSlider::after {
content: "";
position: absolute;
z-index: 1;
background: rgba(9, 4, 1, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.hero .heroSlider .slide-media {
position: relative;
opacity: 0;
-webkit-filter: blur(15px);
filter: blur(15px);
-webkit-transition: opacity 800ms ease-out, -webkit-filter 1000ms ease-out;
transition: opacity 800ms ease-out, -webkit-filter 1000ms ease-out;
transition: opacity 800ms ease-out, filter 1000ms ease-out;
transition: opacity 800ms ease-out, filter 1000ms ease-out, -webkit-filter 1000ms ease-out;
}
.hero .heroSlider .slide-media picture {
width: 100%;
height: 100%;
}
.hero .heroSlider .slide-media picture img,
.hero .heroSlider .slide-media picture source {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform 8000ms;
transition: -webkit-transform 8000ms;
transition: transform 8000ms;
transition: transform 8000ms, -webkit-transform 8000ms;
-webkit-transition-delay: 1s;
transition-delay: 1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.hero .heroSlider .swiper-slide[class*=-active] .slide-media {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
pointer-events: auto;
}
.hero .heroSlider .swiper-slide[class*=-active] .slide-media picture img,
.hero .heroSlider .swiper-slide[class*=-active] .slide-media picture source {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scale(1);
transform: scale(1);
}
.heroch {
position: relative;
width: 100%;
height: 85vh;
max-height: 1100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 160px;
}
@media only screen and (min-width: 1800px) {
.heroch {
margin-bottom: 180px;
}
}
@media only screen and (max-width: 1023px) {
.heroch {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 560px) {
.heroch {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1023px) {
.heroch {
height: min(920px, 100vh);
}
}
@media only screen and (max-width: 560px) {
.heroch {
height: max(640px, 82vh);
}
}
.heroch .thum {
width: 100%;
height: 82%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 1023px) {
.heroch .thum {
height: 60%;
}
}
@media only screen and (max-width: 560px) {
.heroch .thum {
height: 65%;
}
}
.heroch .thum .ttl {
width: 35%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 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: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
z-index: 10;
opacity: 0;
-webkit-transition: opacity 1000ms ease-out;
transition: opacity 1000ms ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
@media only screen and (max-width: 1023px) {
.heroch .thum .ttl {
top: 0;
left: min(40px, 20%);
-webkit-transform: translateX(-20px) translateY(-40%);
transform: translateX(-20px) translateY(-40%);
}
}
@media only screen and (max-width: 560px) {
.heroch .thum .ttl {
left: min(20px, 1.9vw);
}
}
.heroch .thum .ttl h1 {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: 10px;
font-size: clamp(3.5rem, 2.603rem + 3.83vw, 6rem);
line-height: 1.2;
}
@media only screen and (max-width: 560px) {
.heroch .thum .ttl h1 {
letter-spacing: 0.12em;
}
}
@media screen and (min-width: 1600px) {
.heroch .thum .ttl h1 {
font-size: clamp(4.5rem, 3.531rem + 4.13vw, 7.2rem);
}
}
@media only screen and (max-width: 560px) {
.heroch .thum .ttl h1 {
margin-left: 2px;
}
}
.heroch .thum .ttl h1 span {
display: inline-block;
font-size: 35%;
margin-bottom: 15px;
letter-spacing: initial;
}
@media only screen and (max-width: 1023px) {
.heroch .thum .ttl h1 span {
font-size: 56%;
}
}
.heroch .thum .ttl p {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
letter-spacing: 0.12em;
}
@media only screen and (max-width: 560px) {
.heroch .thum .ttl p {
letter-spacing: 0.12em;
}
}
@media only screen and (max-width: 560px) {
.heroch .thum .ttl p {
font-size: 1.2rem;
}
}
.heroch .thum figure {
width: 70%;
aspect-ratio: 16/9;
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
-webkit-transition-delay: 75ms;
transition-delay: 75ms;
}
@media only screen and (max-width: 1023px) {
.heroch .thum figure {
width: 100%;
-webkit-transform: translateX(-20px) translateY(0);
transform: translateX(-20px) translateY(0);
}
}
.heroch .thum figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.heroch .thum figure::after {
content: "";
position: absolute;
z-index: 1;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.heroch.is-loaded .thum .ttl {
opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 1023px) {
.heroch.is-loaded .thum .ttl {
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
}
}
.heroch.is-loaded .thum figure {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media only screen and (max-width: 1023px) {
.heroch.is-loaded .thum figure {
width: 100%;
}
}
.heromaguro {
position: relative;
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
margin-bottom: 160px;
}
@media only screen and (min-width: 1800px) {
.heromaguro {
margin-bottom: 180px;
}
}
@media only screen and (max-width: 1023px) {
.heromaguro {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 560px) {
.heromaguro {
margin-bottom: 90px;
}
}
.heromaguro .wrap {
width: 100%;
height: calc(100% + 5px);
position: relative;
}
.heromaguro .wrap::after {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.heromaguro .wrap picture {
width: 100%;
height: 100%;
}
.heromaguro .wrap picture source,
.heromaguro .wrap picture img {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation: ch-mainvisual-anime 10s ease-out;
animation: ch-mainvisual-anime 10s ease-out;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@-webkit-keyframes ch-mainvisual-anime {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ch-mainvisual-anime {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heromaguro .ttl {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
width: 100%;
opacity: 0;
-webkit-transition: opacity 1000ms ease-out;
transition: opacity 1000ms ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.heromaguro .ttl h1 {
font-size: var(--h2);
text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
text-align: center;
color: #aaaaaa;
}
@media only screen and (max-width: 1280px) {
.heromaguro .ttl h1 {
font-size: var(--h2--sp);
}
}
@media only screen and (max-width: 560px) {
.heromaguro .ttl h1 {
font-size: var(--h3);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
text-align: left;
color: #cbcbcb;
}
}
@media only screen and (max-width: 560px) and (max-width: 1280px) {
.heromaguro .ttl h1 {
font-size: var(--h3--sp);
}
}
@media only screen and (max-width: 560px) and (max-width: 560px) {
.heromaguro .ttl h1 {
letter-spacing: 0.12em;
}
}
.heromaguro.is-loaded .ttl {
opacity: 1;
}
.top_lead {
position: relative;
padding: max(140px, 10vw) 0;
}
@media only screen and (max-width: 560px) {
.top_lead {
padding: 140px 0;
}
}
.top_lead .wrap {
display: block;
width: 76%;
max-width: 1420px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 6.5%;
}
@media only screen and (max-width: 560px) {
.top_lead .wrap {
width: 80%;
}
}
@media only screen and (max-width: 1023px) {
.top_lead .wrap {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.top_lead .wrap h2,
.top_lead .wrap p,
.top_lead .wrap a {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #cbcbcb;
}
@media only screen and (max-width: 560px) {
.top_lead .wrap h2,
.top_lead .wrap p,
.top_lead .wrap a {
letter-spacing: 0.12em;
}
}
.top_lead .wrap .head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 560px) {
.top_lead .wrap .head {
position: relative;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 420px;
}
.top_lead .wrap .head::after {
content: "";
position: absolute;
bottom: -30%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100vw;
height: 100%;
z-index: -1;
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/01/toplead_bg.jpg) no-repeat;
background-size: 100% auto;
background-position: bottom;
}
}
.top_lead .wrap .head h2 {
font-size: clamp(2.5rem, 2.267rem + 1.17vw, 3.2rem);
}
@media only screen and (max-width: 560px) {
.top_lead .wrap .head h2 {
font-size: var(--h1);
letter-spacing: 0.04em;
}
}
@media only screen and (max-width: 560px) and (max-width: 1280px) {
.top_lead .wrap .head h2 {
font-size: var(--h1--sp);
}
}
.top_lead .wrap p,
.top_lead .wrap a {
margin-top: 25px;
}
.top_lead .wrap .lead {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
gap: 35px;
}
@media only screen and (max-width: 560px) {
.top_lead .wrap .lead {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
padding: 0 10px;
padding-top: 75px;
margin-bottom: 35px;
}
}
.top_lead .wrap .lead p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
font-size: clamp(1.8rem, 1.728rem + 0.31vw, 2rem);
letter-spacing: 0.12em;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
@media only screen and (max-width: 1280px) {
.top_lead .wrap .lead p {
font-size: clamp(1.5rem, 1.363rem + 0.68vw, 1.8rem);
}
}
@media only screen and (max-width: 560px) {
.top_lead .wrap .lead p {
text-align: center;
font-size: 1.4rem;
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
letter-spacing: inherit;
margin-top: 0;
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
}
.top_lead .wrap .lead p span {
display: block;
margin-left: 20px;
}
@media only screen and (max-width: 560px) {
.top_lead .wrap .lead p span {
margin-left: 0;
margin-bottom: 20px;
}
}
.top_lead .wrap .lead p span:last-of-type {
margin-left: 0;
margin-bottom: 0;
}
.top_lead .wrap .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 560px) {
.top_lead .wrap .btn {
display: block;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 8px;
}
}
@media only screen and (max-width: 560px) {
.top_lead .wrap .btn a {
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
letter-spacing: inherit;
text-align: center;
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
}
.top_lead .wrap .btn span {
font-size: var(--h3);
display: block;
position: relative;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
@media only screen and (max-width: 1280px) {
.top_lead .wrap .btn span {
font-size: var(--h3--sp);
}
}
@media only screen and (max-width: 560px) {
.top_lead .wrap .btn span {
font-size: var(--h4);
line-height: 1.65;
}
}
@media only screen and (max-width: 560px) and (max-width: 1280px) {
.top_lead .wrap .btn span {
font-size: var(--h4--sp);
}
}
.top_lead .wrap .btn span:before {
content: "";
background: #494949;
width: 1px;
height: 100%;
position: absolute;
top: -4px;
right: 0px;
}
@media only screen and (max-width: 560px) {
.top_lead .wrap .btn span:before {
display: none;
}
}
.top_lead .wrap .btn span:last-of-type::after {
content: "";
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/icon_arrow_r.svg) no-repeat;
background-size: contain;
width: 25px;
height: 20px;
position: absolute;
bottom: -40px;
left: 15px;
}
@media only screen and (max-width: 560px) {
.top_lead .wrap .btn span:last-of-type::after {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.top_lead .wrap .head,
.top_lead .wrap .lead,
.top_lead .wrap .btn {
opacity: 0;
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
@media only screen and (max-width: 1023px) {
.top_lead .wrap .head,
.top_lead .wrap .lead,
.top_lead .wrap .btn {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
.top_lead .wrap .head.wao,
.top_lead .wrap .lead.wao,
.top_lead .wrap .btn.wao {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.top_lead .wrap .head {
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.top_lead .wrap .lead {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.top_lead .wrap .btn {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
@media only screen and (max-width: 1023px) {
.top_lead .wrap .head,
.top_lead .wrap .lead,
.top_lead .wrap .btn {
-webkit-transition-delay: 0;
transition-delay: 0;
}
}
.top_shop {
height: min(720px, 70vh);
opacity: 0;
-webkit-transition: opacity 0.8s ease-out;
transition: opacity 0.8s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
@media only screen and (min-width: 1800px) {
.top_shop {
height: max(720px, 45vh);
}
}
@media only screen and (max-width: 1023px) {
.top_shop {
height: min(540px, 70vh);
}
}
@media only screen and (max-width: 560px) {
.top_shop {
width: 100%;
height: auto;
}
}
.top_shop.wao {
opacity: 1;
}
.top_shop ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
@media only screen and (max-width: 560px) {
.top_shop ul {
display: block;
}
}
.top_shop ul li {
width: 50%;
position: relative;
-webkit-transition: width 0.8s var(--easing);
transition: width 0.8s var(--easing);
will-change: width;
overflow: hidden;
}
@media only screen and (max-width: 560px) {
.top_shop ul li {
width: 100%;
aspect-ratio: 4/5;
}
}
.top_shop ul li figure {
position: absolute;
top: 0;
left: 0;
width: 70vw;
height: 100%;
}
.top_shop ul li figure::after {
content: "";
position: absolute;
z-index: 1;
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media only screen and (max-width: 560px) {
.top_shop ul li figure {
width: 100%;
height: 100%;
}
}
.top_shop ul li figure::after {
opacity: 0.6;
-webkit-transition: opacity 0.4s var(--easing) 0s;
transition: opacity 0.4s var(--easing) 0s;
}
.top_shop ul li figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.top_shop ul li a {
display: block;
width: 50%;
height: 50%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-52%);
transform: translateX(-52%);
bottom: 30px;
z-index: 5;
text-align: center;
}
@media only screen and (max-width: 560px) {
.top_shop ul li a {
width: 100%;
height: 100%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
bottom: auto;
}
}
.top_shop ul li a h3 {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
@media only screen and (max-width: 560px) {
.top_shop ul li a h3 {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
bottom: auto;
}
}
@media only screen and (max-width: 560px) {
.top_shop ul li[data-shop=kuromon] {
margin-bottom: 25px;
}
}
.top_shop ul li[data-shop=kuromon] a h3 {
width: 112px;
}
@media only screen and (max-width: 1280px) {
.top_shop ul li[data-shop=kuromon] a h3 {
width: 82px;
}
}
.top_shop ul li[data-shop=kuromon] a h3 img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.top_shop ul li[data-shop=tsukiji] figure {
left: auto;
right: 0;
}
.top_shop ul li[data-shop=tsukiji] a h3 {
width: 110px;
}
@media only screen and (max-width: 1280px) {
.top_shop ul li[data-shop=tsukiji] a h3 {
width: 80px;
}
}
.top_shop ul li[data-shop=tsukiji] a h3 img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.top_shop ul li.is-active {
-webkit-transition: width 0.8s var(--easing);
transition: width 0.8s var(--easing);
}
.top_shop ul li.is-active figure::after {
opacity: 0.2;
}
.top_shop ul li.hovered figure::after {
opacity: 0.95;
}
.top_info {
padding: 80px 0 40px;
}
@media only screen and (max-width: 1023px) {
.top_info {
padding: 100px 0;
overflow: hidden;
}
}
@media only screen and (max-width: 560px) {
.top_info {
padding: 55px 0;
}
}
.top_info .box {
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 560px) {
.top_info .box {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
}
}
.top_info .box ul {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
position: absolute;
left: 3%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 50px;
z-index: 2;
}
@media only screen and (max-width: 1023px) {
.top_info .box ul {
left: 8%;
}
}
@media only screen and (max-width: 560px) {
.top_info .box ul {
position: relative;
-webkit-transform: translateY(-55px);
transform: translateY(-55px);
left: auto;
gap: 30px;
}
}
.top_info .box ul li {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
opacity: 0;
-webkit-transform: translateY(2rem);
transform: translateY(2rem);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
.top_info .box ul li.wao {
opacity: 1;
-webkit-transform: translate(0%);
transform: translate(0%);
}
.top_info .box ul li:first-of-type {
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
@media only screen and (max-width: 560px) {
.top_info .box ul li:first-of-type {
-webkit-transition-delay: 75ms;
transition-delay: 75ms;
}
}
.top_info .box ul li:last-of-type {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
@media only screen and (max-width: 560px) {
.top_info .box ul li:last-of-type {
-webkit-transition-delay: 75ms;
transition-delay: 75ms;
}
}
.top_info .box ul li a {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
}
.top_info .box ul li a h3 {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
font-size: var(--h1-l);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transition: color 0.4s var(--easing) 0s;
transition: color 0.4s var(--easing) 0s;
line-height: 1.4;
text-align: center;
}
@media only screen and (max-width: 1280px) {
.top_info .box ul li a h3 {
font-size: var(--h1-l--sp);
}
}
@media only screen and (max-width: 560px) {
.top_info .box ul li a h3 {
letter-spacing: 0.12em;
}
}
@media only screen and (max-width: 560px) {
.top_info .box ul li a h3 {
font-size: 30px;
height: 135px;
}
}
.top_info .box ul li a p {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
color: #aaaaaa;
font-size: 1.7rem;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transition: color 0.4s var(--easing) 0s;
transition: color 0.4s var(--easing) 0s;
}
@media only screen and (max-width: 560px) {
.top_info .box ul li a p {
letter-spacing: 0.12em;
}
}
@media only screen and (max-width: 560px) {
.top_info .box ul li a p {
font-size: 1.4rem;
}
}
.top_info .box figure {
width: 80%;
aspect-ratio: 3/2;
position: relative;
}
.top_info .box figure::before {
content: "";
position: absolute;
z-index: 1;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0.35)), to(rgb(0, 0, 0)));
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 75%, rgb(0, 0, 0) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.top_info .box figure::after {
content: "";
position: absolute;
z-index: 1;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.35)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.35)), to(rgb(0, 0, 0)));
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 10%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.35) 90%, rgb(0, 0, 0) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media only screen and (max-width: 1023px) {
.top_info .box figure {
width: 90%;
-webkit-transform: translateX(15%);
transform: translateX(15%);
}
}
@media only screen and (max-width: 560px) {
.top_info .box figure {
width: 110%;
-webkit-transform: translateX(5%);
transform: translateX(5%);
}
}
.top_info .box figure img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.top_mv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
}
.top_mv .mv {
width: 80%;
height: min(980px, 75vh);
}
.top_mv .mv::after {
content: "";
position: absolute;
z-index: 1;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0.35)), to(rgb(0, 0, 0)));
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 75%, rgb(0, 0, 0) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media only screen and (min-width: 1800px) {
.top_mv .mv {
height: max(800px, 45vh);
}
}
@media only screen and (max-width: 1023px) {
.top_mv .mv {
width: 100%;
height: min(980px, 45vh);
}
.top_mv .mv::after {
display: none;
}
}
@media only screen and (max-width: 560px) {
.top_mv .mv {
height: min(450px, 38vh);
}
}
.top_mv .mv video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.top_mv .text {
position: absolute;
right: 3%;
top: 0;
width: 40%;
overflow: hidden;
z-index: 2;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
@media only screen and (max-width: 1023px) {
.top_mv .text {
width: 90%;
right: auto;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
}
.top_mv .text.wao {
opacity: 1;
-webkit-transform: translateY(-8%);
transform: translateY(-8%);
}
@media only screen and (max-width: 1023px) {
.top_mv .text.wao {
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
}
.top_mv .text .wrap {
text-align: center;
}
.top_mv .text .wrap h3 {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
font-size: var(--h1-l);
margin-bottom: 20px;
}
@media only screen and (max-width: 560px) {
.top_mv .text .wrap h3 {
letter-spacing: 0.12em;
}
}
@media only screen and (max-width: 1280px) {
.top_mv .text .wrap h3 {
font-size: var(--h1-l--sp);
}
}
@media only screen and (max-width: 1023px) {
.top_mv .text .wrap h3 {
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
letter-spacing: inherit;
text-align: center;
}
}
@media only screen and (max-width: 560px) {
.top_mv .text .wrap h3 {
font-size: var(--h1);
margin-bottom: 0;
}
}
@media only screen and (max-width: 560px) and (max-width: 1280px) {
.top_mv .text .wrap h3 {
font-size: var(--h1--sp);
}
}
.top_mv .text .wrap p {
font-size: 1.8rem;
margin-bottom: 20px;
}
@media only screen and (max-width: 1023px) {
.top_mv .text .wrap p {
font-size: 1.4rem;
margin-bottom: 10px;
}
}
.top_mv .text .wrap a {
display: inline-block;
width: 55px;
height: 55px;
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/icon_play_w.svg) no-repeat center center;
background-size: contain;
position: relative;
}
@media only screen and (max-width: 560px) {
.top_mv .text .wrap a {
width: 40px;
height: 40px;
}
}
.top_mv .text .wrap a::after {
content: "";
position: absolute;
top: 47%;
left: 50%;
width: 120px;
height: 30px;
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/icon_comingsoon.svg) no-repeat center center;
background-size: contain;
z-index: 1;
-webkit-transform: translate(-50%, -50%) skewY(6deg) skewX(-12deg) rotate(350deg);
transform: translate(-50%, -50%) skewY(6deg) skewX(-12deg) rotate(350deg);
}
@media only screen and (max-width: 1023px) {
.top_mv .text .wrap a::after {
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/icon_comingsoon_w.svg) no-repeat center center;
background-size: contain;
}
}
@media only screen and (max-width: 560px) {
.top_mv .text .wrap a::after {
width: 90px;
}
}
.mg_leadblock {
margin-bottom: 120px;
}
@media only screen and (max-width: 1280px) {
.mg_leadblock {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 560px) {
.mg_leadblock {
padding-top: 90px;
position: relative;
}
.mg_leadblock::after {
content: "";
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
width: 75px;
background: #8b0711;
}
}
.mg_leadblock:last-of-type {
margin-bottom: 0;
}
@media only screen and (max-width: 560px) {
.mg_leadblock:last-of-type {
margin-bottom: 120px;
}
}
.mg_leadblock .head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
margin-bottom: 55px;
}
@media only screen and (max-width: 1280px) {
.mg_leadblock .head {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1800px) {
.mg_leadblock .head {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 560px) {
.mg_leadblock .head {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
margin-bottom: 25px;
}
}
.mg_leadblock .head .thum {
width: 80%;
height: min(800px, 85vh);
position: relative;
}
@media only screen and (max-width: 1023px) {
.mg_leadblock .head .thum {
height: min(640px, 50vh);
}
}
@media only screen and (max-width: 560px) {
.mg_leadblock .head .thum {
width: 100%;
height: min(480px, 35vh);
margin-bottom: 55px;
}
}
@media only screen and (max-width: 560px) {
.mg_leadblock .head .thum.cap {
margin-bottom: 30px;
}
}
.mg_leadblock .head .spcap {
display: none;
}
@media only screen and (max-width: 560px) {
.mg_leadblock .head .spcap {
display: block;
width: 60%;
max-width: 1040px;
margin: 0 auto;
display: block;
position: relative;
margin-bottom: 55px;
}
}
@media only screen and (max-width: 560px) and (max-width: 560px) {
.mg_leadblock .head .spcap {
width: 74%;
}
}
.mg_leadblock .head .spcap dl {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.mg_leadblock .head .spcap dl dt,
.mg_leadblock .head .spcap dl dd {
font-size: 1.2rem;
letter-spacing: 0.04em;
}
.mg_leadblock .head .spcap dl dt {
width: 17%;
}
.mg_leadblock .head .spcap dl dd {
width: 83%;
padding-left: 0;
}
.mg_leadblock .head .spcap dl dd .c {
display: block;
}
.mg_leadblock .head .spcap dl dd .c span {
display: inline-block;
}
@media only screen and (max-width: 960px) {
.mg_leadblock .head .spcap dl dd .c span {
display: block;
}
}
.mg_leadblock .head .spcap dl dd .c span:nth-of-type(2) {
position: relative;
margin-left: 5px;
}
@media only screen and (max-width: 960px) {
.mg_leadblock .head .spcap dl dd .c span:nth-of-type(2) {
margin-left: 0;
}
}
.mg_leadblock .head .spcap dl dd .c span:nth-of-type(2)::before {
content: "/";
font-size: 1.3rem;
position: relative;
display: inline-block;
margin-right: 10px;
}
@media only screen and (max-width: 960px) {
.mg_leadblock .head .spcap dl dd .c span:nth-of-type(2)::before {
display: none;
}
}
.mg_leadblock .head .ttl {
width: 20%;
position: absolute;
left: 0;
top: min(40px, 10%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 560px) {
.mg_leadblock .head .ttl {
position: relative;
display: block;
width: 60%;
max-width: 1040px;
margin: 0 auto;
display: block;
}
}
@media only screen and (max-width: 560px) and (max-width: 560px) {
.mg_leadblock .head .ttl {
width: 74%;
}
}
.mg_leadblock .head .ttl h2 {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: var(--h3);
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
letter-spacing: 0.1em;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
@media only screen and (max-width: 560px) {
.mg_leadblock .head .ttl h2 {
letter-spacing: 0.12em;
}
}
@media only screen and (max-width: 1280px) {
.mg_leadblock .head .ttl h2 {
font-size: var(--h3--sp);
}
}
@media only screen and (min-width: 1800px) {
.mg_leadblock .head .ttl h2 {
font-size: var(--h2);
}
}
@media only screen and (min-width: 1800px) and (max-width: 1280px) {
.mg_leadblock .head .ttl h2 {
font-size: var(--h2--sp);
}
}
@media only screen and (max-width: 1023px) {
.mg_leadblock .head .ttl h2 {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
}
@media only screen and (max-width: 560px) {
.mg_leadblock .head .ttl h2 {
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
letter-spacing: inherit;
text-align: center;
-webkit-transform: inherit;
transform: inherit;
line-height: 1.65;
text-align: left;
}
}
.mg_leadblock .copy {
display: block;
width: 60%;
max-width: 1040px;
margin: 0 auto;
}
@media only screen and (max-width: 560px) {
.mg_leadblock .copy {
width: 74%;
}
}
.mg_leadblock .copy .pccap {
display: block;
position: relative;
margin-bottom: 20px;
}
@media only screen and (max-width: 560px) {
.mg_leadblock .copy .pccap {
display: none;
}
}
.mg_leadblock .copy .pccap dl {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.mg_leadblock .copy .pccap dl dt {
width: 17%;
}
.mg_leadblock .copy .pccap dl dd {
width: 83%;
padding-left: 10px;
}
.mg_leadblock .copy .pccap dl dd .c {
display: block;
}
.mg_leadblock .copy .pccap dl dd .c span {
display: inline-block;
}
@media only screen and (max-width: 960px) {
.mg_leadblock .copy .pccap dl dd .c span {
display: block;
}
}
.mg_leadblock .copy .pccap dl dd .c span:nth-of-type(2) {
position: relative;
margin-left: 5px;
}
@media only screen and (max-width: 960px) {
.mg_leadblock .copy .pccap dl dd .c span:nth-of-type(2) {
margin-left: 0;
}
}
.mg_leadblock .copy .pccap dl dd .c span:nth-of-type(2)::before {
content: "/";
font-size: 1.3rem;
position: relative;
display: inline-block;
margin-right: 10px;
}
@media only screen and (max-width: 960px) {
.mg_leadblock .copy .pccap dl dd .c span:nth-of-type(2)::before {
display: none;
}
}
.mg_leadblock .copy p {
text-align: justify;
line-height: 2.3;
}
@media only screen and (min-width: 1800px) {
.mg_leadblock .copy p {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 560px) {
.mg_leadblock .copy p {
line-height: 2;
}
}
.mg_leadblock.rvs .head {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.mg_leadblock.rvs .head .ttl {
left: auto;
right: 0;
}
.mg_leadblock.rvs .head .ttl h2 {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
@media only screen and (max-width: 560px) {
.mg_leadblock.rvs .head .ttl h2 {
-webkit-transform: inherit;
transform: inherit;
}
}
.sp_lead {
margin-bottom: 160px;
}
@media only screen and (max-width: 1280px) {
.sp_lead {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 560px) {
.sp_lead {
margin-bottom: 0;
}
}
.sp_lead .box {
max-width: 2420px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 1280px) {
.sp_lead .box {
display: block;
width: 76%;
max-width: 1420px;
margin: 0 auto;
margin-bottom: 120px;
display: block;
}
}
@media only screen and (max-width: 1280px) and (max-width: 560px) {
.sp_lead .box {
width: 80%;
}
}
@media only screen and (max-width: 1280px) and (max-width: 1280px) {
.sp_lead .box {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 560px) {
.sp_lead .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
margin-bottom: 0;
}
}
.sp_lead .box figure {
width: 50%;
}
@media only screen and (max-width: 1280px) {
.sp_lead .box figure {
width: 100%;
}
}
@media only screen and (max-width: 560px) {
.sp_lead .box figure {
width: 100vw;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.sp_lead .box .text {
width: 50%;
overflow: hidden;
padding-left: max(55px, 5%);
padding-right: max(80px, 8%);
}
@media only screen and (max-width: 1280px) {
.sp_lead .box .text {
width: 100%;
padding-left: max(35px, 6%);
padding-right: max(35px, 6%);
}
}
@media only screen and (max-width: 560px) {
.sp_lead .box .text {
padding-left: 0;
padding-right: 0;
margin-bottom: 90px;
}
}
.sp_lead .box .text h2 {
margin-bottom: 25px;
font-size: clamp(1.8rem, 1.549rem + 1.07vw, 2.5rem);
}
@media only screen and (min-width: 1800px) {
.sp_lead .box .text h2 {
font-size: clamp(2.4rem, 0.839rem + 1.56vw, 3.2rem);
}
}
@media only screen and (max-width: 560px) {
.sp_lead .box .text h2 {
font-size: var(--h3);
}
}
@media only screen and (max-width: 560px) and (max-width: 1280px) {
.sp_lead .box .text h2 {
font-size: var(--h3--sp);
}
}
.sp_lead .box .text p {
max-width: 560px;
}
@media only screen and (min-width: 1800px) {
.sp_lead .box .text p {
font-size: 2rem;
max-width: 660px;
}
}
@media only screen and (max-width: 1280px) {
.sp_lead .box .text p {
max-width: none;
}
}
.sp_lead .box .text p span {
display: block;
margin-bottom: 15px;
}
.sp_lead .box .text p span:last-of-type {
margin-bottom: 0;
}
.sp_kuromondisc {
margin-bottom: 120px;
padding: 140px 0;
}
@media only screen and (min-width: 1800px) {
.sp_kuromondisc {
margin-bottom: 240px;
}
}
@media only screen and (max-width: 1280px) {
.sp_kuromondisc {
padding: 0;
overflow: hidden;
margin-top: -90px;
}
}
@media only screen and (max-width: 560px) {
.sp_kuromondisc {
margin-bottom: 55px;
margin-top: 0;
padding-top: 90px;
}
}
.sp_kuromondisc .box {
position: relative;
}
@media only screen and (max-width: 560px) {
.sp_kuromondisc .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
}
}
.sp_kuromondisc .box::before {
content: "";
width: 45%;
max-width: 540px;
aspect-ratio: 1/1;
position: absolute;
bottom: -60%;
left: -2%;
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/fudemaru_l.svg) no-repeat center center;
background-size: contain;
z-index: -1;
opacity: 0.8;
}
@media only screen and (max-width: 1280px) {
.sp_kuromondisc .box::before {
width: 28%;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (max-width: 560px) {
.sp_kuromondisc .box::before {
width: 90%;
bottom: auto;
top: -8%;
left: -20%;
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
}
.sp_kuromondisc .box figure {
width: 84%;
aspect-ratio: 3/2;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
z-index: -5;
}
.sp_kuromondisc .box figure::after {
content: "";
position: absolute;
z-index: 1;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(85%, rgba(0, 0, 0, 0.35)), to(rgb(0, 0, 0)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 85%, rgb(0, 0, 0) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media only screen and (max-width: 1280px) {
.sp_kuromondisc .box figure {
width: 120%;
position: relative;
-webkit-transform: translateX(-15%);
transform: translateX(-15%);
}
}
.sp_kuromondisc .box figure img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp_kuromondisc .box .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 1280px) {
.sp_kuromondisc .box .wrap {
display: block;
}
}
.sp_kuromondisc .box .wrap .head {
width: 45%;
text-align: center;
-webkit-transform: translateY(-15%);
transform: translateY(-15%);
}
@media only screen and (max-width: 1280px) {
.sp_kuromondisc .box .wrap .head {
width: 100%;
}
}
@media only screen and (max-width: 560px) {
.sp_kuromondisc .box .wrap .head {
-webkit-transform: translateY(5%);
transform: translateY(5%);
padding-bottom: 35px;
}
}
.sp_kuromondisc .box .wrap .head h2 {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
margin-bottom: 35px;
color: #555555;
}
@media only screen and (max-width: 560px) {
.sp_kuromondisc .box .wrap .head h2 {
letter-spacing: 0.12em;
}
}
.sp_kuromondisc .box .wrap .head p {
font-size: var(--h5);
}
@media only screen and (max-width: 1280px) {
.sp_kuromondisc .box .wrap .head p {
font-size: var(--h5--sp);
}
}
@media only screen and (max-width: 560px) {
.sp_kuromondisc .box .wrap .head p {
font-size: 1.5rem;
letter-spacing: 0.01em;
}
}
.sp_menu {
margin-bottom: 120px;
}
@media only screen and (max-width: 1280px) {
.sp_menu {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 560px) {
.sp_menu.tsukiji {
overflow: hidden;
padding-top: 90px;
}
}
.sp_menu.tsukiji .wrap {
position: relative;
}
.sp_menu.tsukiji .wrap::before {
content: "";
width: 52%;
max-width: 640px;
aspect-ratio: 1/1;
position: absolute;
top: -20%;
right: -12%;
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/fudemaru_l.svg) no-repeat center center;
background-size: contain;
z-index: -1;
opacity: 0.8;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
@media only screen and (max-width: 560px) {
.sp_menu.tsukiji .wrap::before {
width: 80%;
top: -2%;
}
}
.sp_menu.tsukiji .wrap .menu.se {
margin-bottom: 55px;
}
@media only screen and (max-width: 560px) {
.sp_menu.tsukiji .wrap .menu.se {
margin-bottom: 35px;
}
}
.sp_menu .wrap {
display: block;
width: 76%;
max-width: 1420px;
margin: 0 auto;
}
@media only screen and (max-width: 560px) {
.sp_menu .wrap {
width: 80%;
}
}
.sp_menu .wrap .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 25px;
}
@media only screen and (max-width: 560px) {
.sp_menu .wrap .menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
gap: 35px;
}
}
.sp_menu .wrap .menu li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.sp_menu .wrap .menu li figure {
position: relative;
}
.sp_menu .wrap .menu li figure::after {
content: "";
position: absolute;
z-index: 1;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(85%, rgba(0, 0, 0, 0.35)), to(rgb(0, 0, 0)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 85%, rgb(0, 0, 0) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sp_menu .wrap .menu li figure img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp_menu .wrap .menu li .name {
position: relative;
z-index: 1;
-webkit-transform: translateY(-15%);
transform: translateY(-15%);
}
.sp_menu .wrap .menu li .name h3,
.sp_menu .wrap .menu li .name h4 {
color: #cbcbcb;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
@media only screen and (max-width: 560px) {
.sp_menu .wrap .menu li .name h3,
.sp_menu .wrap .menu li .name h4 {
letter-spacing: 0.12em;
}
}
.sp_menu .wrap .menu li .name h3:has(span),
.sp_menu .wrap .menu li .name h4:has(span) {
position: relative;
}
.sp_menu .wrap .menu li .name h3:has(span) span,
.sp_menu .wrap .menu li .name h4:has(span) span {
position: absolute;
display: block;
font-size: 1.4rem;
top: 5px;
right: -15px;
}
@media only screen and (max-width: 560px) {
.sp_menu .wrap .menu li .name h3:has(span) span,
.sp_menu .wrap .menu li .name h4:has(span) span {
font-size: 1.2rem;
right: -20px;
}
}
.sp_menu .wrap .menu li .name p {
font-size: 1.4rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
color: #555555;
margin-top: 5px;
}
@media only screen and (max-width: 560px) {
.sp_menu .wrap .menu li .name p {
font-size: 1.3rem;
}
}
.sp_menu .wrap .menu.tr li:nth-of-type(1) {
-webkit-transition-delay: 75ms;
transition-delay: 75ms;
}
.sp_menu .wrap .menu.tr li:nth-of-type(2) {
-webkit-transition-delay: 225ms;
transition-delay: 225ms;
}
.sp_menu .wrap .menu.tr li:nth-of-type(3) {
-webkit-transition-delay: 375ms;
transition-delay: 375ms;
}
@media only screen and (max-width: 560px) {
.sp_menu .wrap .menu.tr li {
-webkit-transition-delay: 0;
transition-delay: 0;
}
}
.sp_menu .wrap .menu.se li:last-of-type {
-webkit-transition-delay: 225ms;
transition-delay: 225ms;
}
@media only screen and (max-width: 560px) {
.sp_menu .wrap .menu.se li:last-of-type {
-webkit-transition-delay: 0;
transition-delay: 0;
}
}
.sp_menu .wrap .menu.se li .name h4 {
font-size: var(--h3);
}
@media only screen and (max-width: 1280px) {
.sp_menu .wrap .menu.se li .name h4 {
font-size: var(--h3--sp);
}
}
@media only screen and (max-width: 560px) {
.sp_menu .wrap .menu.se li .name h4 {
font-size: var(--h2);
}
}
@media only screen and (max-width: 560px) and (max-width: 1280px) {
.sp_menu .wrap .menu.se li .name h4 {
font-size: var(--h2--sp);
}
}
.sp_menu.kuromonsp .saku {
position: relative;
margin-bottom: 80px;
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .saku {
margin-bottom: 55px;
}
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .saku {
margin-bottom: 35px;
}
}
.sp_menu.kuromonsp .saku h3 {
position: absolute;
top: 50%;
left: 50%;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
-webkit-transform: translateY(-50%) translateX(-43%);
transform: translateY(-50%) translateX(-43%);
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .saku h3 {
letter-spacing: 0.12em;
}
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .saku h3 {
font-size: var(--h2);
}
}
@media only screen and (max-width: 560px) and (max-width: 1280px) {
.sp_menu.kuromonsp .saku h3 {
font-size: var(--h2--sp);
}
}
.sp_menu.kuromonsp .saku ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .saku ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.sp_menu.kuromonsp .saku ul li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .saku ul li {
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
width: calc(50% - 10px);
}
}
.sp_menu.kuromonsp .saku ul li img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp_menu.kuromonsp .line {
width: 68%;
margin: 0 auto;
height: 1px;
background: #303030;
margin-bottom: 35px;
position: relative;
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .line {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .line {
display: none;
}
}
.sp_menu.kuromonsp .line span {
position: absolute;
display: block;
background: #303030;
width: 1px;
height: 25px;
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .line span {
height: 1px;
width: 20px;
left: auto;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.sp_menu.kuromonsp .line span:nth-of-type(1) {
left: 0;
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .line span:nth-of-type(1) {
left: auto;
top: 16vh;
}
}
.sp_menu.kuromonsp .line span:nth-of-type(2) {
height: 60px;
left: 50%;
-webkit-transform: translateX(50%) translateY(-35px);
transform: translateX(50%) translateY(-35px);
background: #444444;
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .line span:nth-of-type(2) {
height: 1px;
width: 20px;
left: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
background: #303030;
top: 47vh;
}
}
.sp_menu.kuromonsp .line span:nth-of-type(3) {
right: 0;
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .line span:nth-of-type(3) {
top: 77vh;
}
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .menu {
gap: 0;
}
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .menu li {
width: calc(100% - 15px);
padding-left: 40px;
padding-top: 15px;
position: relative;
margin-left: 25px;
}
.sp_menu.kuromonsp .menu li:before {
content: "";
height: 100%;
width: 1px;
position: absolute;
background: #303030;
top: 0;
left: -10px;
display: block;
}
.sp_menu.kuromonsp .menu li:after {
content: "";
height: 1px;
width: 20px;
position: absolute;
background: #303030;
top: 50%;
left: -10px;
display: block;
}
.sp_menu.kuromonsp .menu li:first-of-type {
padding-top: 25px;
}
.sp_menu.kuromonsp .menu li:last-of-type:before {
content: "";
height: 50%;
}
}
.sp_menu.kuromonsp .menu li:nth-of-type(1) {
-webkit-transition-delay: 75ms;
transition-delay: 75ms;
}
.sp_menu.kuromonsp .menu li:nth-of-type(2) {
-webkit-transition-delay: 225ms;
transition-delay: 225ms;
}
.sp_menu.kuromonsp .menu li:nth-of-type(3) {
-webkit-transition-delay: 375ms;
transition-delay: 375ms;
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .menu li {
-webkit-transition-delay: 0;
transition-delay: 0;
}
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .menu li .name {
position: absolute;
top: 52%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
left: 20px;
}
}
.sp_menu.kuromonsp .menu li figure,
.sp_menu.kuromonsp .menu li .name {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .menu li figure,
.sp_menu.kuromonsp .menu li .name {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.sp_menu.kuromonsp .menu li.wao figure,
.sp_menu.kuromonsp .menu li.wao .name {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
@media only screen and (max-width: 560px) {
.sp_menu.kuromonsp .menu li.wao figure,
.sp_menu.kuromonsp .menu li.wao .name {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
.sp_ig {
margin-bottom: 160px;
}
@media only screen and (max-width: 1280px) {
.sp_ig {
margin-bottom: 90px;
}
}
.sp_ig figure {
width: 100%;
position: relative;
margin-bottom: 80px;
height: min(640px, 75vh);
}
@media only screen and (max-width: 560px) {
.sp_ig figure {
margin-bottom: 55px;
}
}
@media only screen and (max-width: 1023px) {
.sp_ig figure {
height: min(540px, 55vh);
}
}
@media only screen and (max-width: 560px) {
.sp_ig figure {
height: min(480px, 35vh);
margin-bottom: 55px;
}
}
.sp_ig figure::after {
content: "";
position: absolute;
z-index: 1;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.35)), to(rgb(0, 0, 0)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 70%, rgb(0, 0, 0) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sp_ig figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: relative;
}
.sp_ig figure img::after {
content: "";
position: absolute;
z-index: 1;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sp_ig .wrap {
display: block;
width: 76%;
max-width: 1420px;
margin: 0 auto;
}
@media only screen and (max-width: 560px) {
.sp_ig .wrap {
width: 80%;
}
}
.sp_ig .wrap h2 {
position: relative;
z-index: 1;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
color: #555555;
text-align: center;
line-height: 1.2;
font-size: var(--h1);
margin-bottom: 35px;
}
@media only screen and (max-width: 1280px) {
.sp_ig .wrap h2 {
font-size: var(--h1--sp);
}
}
@media only screen and (max-width: 560px) {
.sp_ig .wrap h2 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 560px) {
.sp_ig .wrap h2 {
font-size: 2rem;
}
}
.sp_ig .wrap .feed #sb_instagram .sb_instagram_header h3,
.sp_ig .wrap .feed .sb_instagram_header h3 {
font-size: 1.4rem !important;
}
@media only screen and (max-width: 560px) {
.sp_ig .wrap .feed #sb_instagram .sb_instagram_header h3,
.sp_ig .wrap .feed .sb_instagram_header h3 {
font-size: 1.2rem !important;
}
}
.sp_ig .wrap .feed #sbi_images {
margin-bottom: 35px;
}
@media only screen and (max-width: 560px) {
.sp_ig .wrap .feed #sbi_images {
margin-bottom: 20px;
}
}
.sp_ig .wrap .feed .svg-inline--fa path {
fill: #cbcbcb;
}
.sp_ig .wrap .feed #sb_instagram #sbi_load .sbi_load_btn,
.sp_ig .wrap .feed #sb_instagram .sbi_follow_btn a {
-webkit-transition: all 0.4s var(--easing) 0s !important;
transition: all 0.4s var(--easing) 0s !important;
}
@media only screen and (max-width: 560px) {
.sp_ig .wrap .feed #sb_instagram #sbi_load .sbi_load_btn,
.sp_ig .wrap .feed #sb_instagram #sbi_load .sbi_follow_btn {
display: block;
}
}
@media only screen and (max-width: 560px) {
.sp_ig .wrap .feed #sb_instagram #sbi_load .sbi_follow_btn a {
width: 100%;
}
}
@media only screen and (max-width: 560px) {
.sp_ig .wrap .feed #sb_instagram .sbi_follow_btn a {
margin-top: 15px !important;
}
}
.sp_ig .wrap .feed .sbi_load_btn .sbi_btn_text,
.sp_ig .wrap .feed .sbi_follow_btn span {
font-size: 1.5rem;
letter-spacing: 0.1em;
color: #cbcbcb;
}
@media only screen and (max-width: 560px) {
.sp_ig .wrap .feed .sbi_load_btn .sbi_btn_text,
.sp_ig .wrap .feed .sbi_follow_btn span {
font-size: 1.2rem;
}
}
.sp_info {
margin-bottom: -40px;
}
@media only screen and (max-width: 560px) {
.sp_info {
margin-bottom: 0;
}
}
.sp_info .cont {
margin-bottom: 120px;
}
@media only screen and (max-width: 1280px) {
.sp_info .cont {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 560px) {
.sp_info .cont {
margin-bottom: 0;
}
}
.sp_info .cont .thum {
display: block;
width: 70%;
max-width: 1200px;
margin: 0 auto;
height: max(540px, 35vh);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 35px;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .thum {
width: 74%;
}
}
@media only screen and (max-width: 560px) {
.sp_info .cont .thum {
width: 100%;
margin-bottom: 35px;
display: block;
height: auto;
}
}
.sp_info .cont .thum figure {
width: 84%;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .thum figure {
width: 100%;
aspect-ratio: inherit;
height: max(320px, 35vh);
margin-bottom: 55px;
}
}
.sp_info .cont .thum figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.sp_info .cont .thum .head {
width: 14%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .thum .head {
display: block;
width: 70%;
max-width: 1200px;
margin: 0 auto;
display: block;
}
}
@media only screen and (max-width: 560px) and (max-width: 560px) {
.sp_info .cont .thum .head {
width: 74%;
}
}
.sp_info .cont .thum .head p {
height: 70%;
font-size: var(--h1);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1.4;
}
@media only screen and (max-width: 1280px) {
.sp_info .cont .thum .head p {
font-size: var(--h1--sp);
}
}
@media only screen and (max-width: 560px) {
.sp_info .cont .thum .head p {
letter-spacing: 0.12em;
}
}
@media only screen and (max-width: 560px) {
.sp_info .cont .thum .head p {
width: 84%;
margin: 0 auto;
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px;
}
}
.sp_info .cont .thum .head p span {
display: block;
font-size: 1.5rem;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .thum .head p span {
font-size: 1.2rem;
letter-spacing: 0.01em;
}
}
.sp_info .cont .thum .head ul {
height: 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .thum .head ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.sp_info .cont .thum .head ul li a {
display: block;
width: min(45px, 4vw);
height: min(45px, 4vw);
}
@media only screen and (max-width: 560px) {
.sp_info .cont .thum .head ul li a {
width: max(40px, 4vw);
height: max(40px, 4vw);
}
}
.sp_info .cont .thum .head ul li a img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp_info .cont .thum .head ul li:first-of-type {
margin-bottom: 12px;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .thum .head ul li:first-of-type {
margin-bottom: 0;
margin-right: 20px;
}
}
.sp_info .cont .in {
display: block;
width: 70%;
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .in {
width: 74%;
}
}
.sp_info .cont .in .address {
margin-bottom: 35px;
color: #aaaaaa;
}
@media only screen and (max-width: 1280px) {
.sp_info .cont .in .address {
display: block;
}
}
.sp_info .cont .in .address address {
font-size: var(--h5);
}
@media only screen and (max-width: 1280px) {
.sp_info .cont .in .address address {
font-size: var(--h5--sp);
}
}
@media only screen and (max-width: 560px) {
.sp_info .cont .in .address address {
margin-bottom: 5px;
font-size: 1.5rem;
}
}
.sp_info .cont .in .address p {
font-size: 1.4rem;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .in .address p {
font-size: 1.1rem;
}
}
.sp_info .cont .in .ichiba {
background: #1c1c1c;
padding: 15px 25px;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .in .ichiba {
display: block;
width: 100vw;
position: relative;
background: #600000;
padding: 35px 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.sp_info .cont .in .ichiba dl {
width: 80%;
margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
.sp_info .cont .in .ichiba dl {
width: 74%;
}
}
.sp_info .cont .in .ichiba dl dt {
font-size: var(--h4);
text-align: center;
}
@media only screen and (max-width: 1280px) {
.sp_info .cont .in .ichiba dl dt {
font-size: var(--h4--sp);
}
}
.sp_info .cont .in .ichiba dl dd {
font-size: 1.3rem;
line-height: 1.65;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .in .ichiba dl dd {
text-align: center;
padding: 0;
margin-bottom: 0;
}
}
.sp_info .cont .in .ichiba dl dt,
.sp_info .cont .in .ichiba dl dd {
color: #aaaaaa;
}
@media only screen and (max-width: 560px) {
.sp_info .cont .in .ichiba dl dt,
.sp_info .cont .in .ichiba dl dd {
width: 100%;
text-align: left;
color: #fff;
}
}
.sp_info .map {
width: 100%;
height: max(450px, 35vh);
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.cm_lead {
position: relative;
padding: 0 0 65px;
margin-bottom: 120px;
}
@media only screen and (max-width: 1280px) {
.cm_lead {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 560px) {
.cm_lead {
padding: 0 0 25px;
}
}
.cm_lead:before {
content: "";
width: 100%;
height: 200%;
position: absolute;
top: -40%;
left: 0;
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/pattern.png) center center/contain repeat;
background-size: 10%;
z-index: -5;
opacity: 0.2;
}
.cm_lead::after {
content: "";
position: absolute;
z-index: 1;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(85%, rgba(0, 0, 0, 0.35)), to(rgb(0, 0, 0)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 85%, rgb(0, 0, 0) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cm_lead:after {
height: 160%;
top: -40%;
z-index: -1;
}
.cm_lead .wrap {
display: block;
width: 70%;
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 560px) {
.cm_lead .wrap {
width: 74%;
}
}
@media only screen and (max-width: 560px) {
.cm_lead .wrap {
width: 76%;
}
}
.cm_lead .wrap h2,
.cm_lead .wrap p {
color: #cbcbcb;
}
.cm_lead .wrap h2 {
font-size: var(--h3);
margin-bottom: 80px;
text-align: center;
line-height: 1.75;
opacity: 0;
-webkit-transform: translateY(1.5rem);
transform: translateY(1.5rem);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
@media only screen and (max-width: 1280px) {
.cm_lead .wrap h2 {
font-size: var(--h3--sp);
}
}
.cm_lead .wrap h2.wao {
opacity: 1;
-webkit-transform: translate(0%);
transform: translate(0%);
}
@media only screen and (max-width: 560px) {
.cm_lead .wrap h2 {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
-webkit-transform: translateX(0);
transform: translateX(0);
margin-bottom: 55px;
text-align: left;
}
}
@media only screen and (max-width: 560px) and (max-width: 560px) {
.cm_lead .wrap h2 {
letter-spacing: 0.12em;
}
}
.cm_lead .wrap .lead {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 35px;
}
@media only screen and (max-width: 560px) {
.cm_lead .wrap .lead {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
}
.cm_lead .wrap .lead p {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
text-orientation: upright;
font-feature-settings: initial;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
font-size: clamp(1.8rem, 1.728rem + 0.31vw, 2rem);
letter-spacing: 0.12em;
}
@media only screen and (max-width: 560px) {
.cm_lead .wrap .lead p {
letter-spacing: 0.12em;
}
}
@media only screen and (max-width: 1280px) {
.cm_lead .wrap .lead p {
font-size: clamp(1.5rem, 1.363rem + 0.68vw, 1.8rem);
}
}
@media only screen and (max-width: 560px) {
.cm_lead .wrap .lead p {
text-align: center;
font-size: 1.4rem;
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
letter-spacing: inherit;
margin-top: 0;
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
}
.cm_lead .wrap .lead p span {
display: block;
margin-left: 35px;
line-height: 1.89;
}
@media only screen and (max-width: 1023px) {
.cm_lead .wrap .lead p span {
margin-left: 25px;
}
}
@media only screen and (max-width: 560px) {
.cm_lead .wrap .lead p span {
line-height: inherit;
margin-left: 0;
margin-bottom: 20px;
}
}
.cm_lead .wrap .lead p span:last-of-type {
margin-left: 0;
}
.cm_info {
margin-bottom: 120px;
}
@media only screen and (max-width: 1280px) {
.cm_info {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 560px) {
.cm_info {
margin-bottom: 40px;
}
}
.cm_info .thum {
height: max(640px, 75vh);
margin-bottom: 140px;
}
@media only screen and (max-width: 1280px) {
.cm_info .thum {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1023px) {
.cm_info .thum {
height: min(640px, 55vh);
}
}
@media only screen and (max-width: 560px) {
.cm_info .thum {
height: min(480px, 35vh);
}
}
.cm_info .wrap {
display: block;
width: 70%;
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 560px) {
.cm_info .wrap {
width: 74%;
}
}
@media only screen and (max-width: 560px) {
.cm_info .wrap {
width: 84%;
}
}
.cm_info .wrap table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
.cm_info .wrap table {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
}
.cm_info .wrap table tbody {
width: calc(50% - 20px);
}
@media only screen and (max-width: 1023px) {
.cm_info .wrap table tbody {
width: 100%;
}
}
.cm_info .wrap table tbody .name {
padding: 0;
}
.cm_info .wrap table tbody .name td {
line-height: 1.6;
}
.cm_info .wrap table tbody .name.t {
padding-top: 8px;
}
.cm_info .wrap table tbody .name.n {
padding-bottom: 8px;
}
.cm_group {
margin-bottom: 120px;
}
@media only screen and (max-width: 1280px) {
.cm_group {
margin-bottom: 90px;
}
}
.cm_group .box {
display: block;
width: 70%;
max-width: 1200px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 560px) {
.cm_group .box {
width: 74%;
}
}
@media only screen and (max-width: 560px) {
.cm_group .box {
width: 84%;
}
}
.cm_group .box figure {
width: 50%;
aspect-ratio: 2/3;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
z-index: -1;
}
.cm_group .box figure::after {
content: "";
position: absolute;
z-index: 1;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.35)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.35)), to(rgb(0, 0, 0)));
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 10%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.35) 90%, rgb(0, 0, 0) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media only screen and (max-width: 960px) {
.cm_group .box figure {
width: 80%;
margin-left: auto;
position: relative;
-webkit-transform: inherit;
transform: inherit;
}
}
@media only screen and (max-width: 560px) {
.cm_group .box figure {
width: 94%;
}
}
.cm_group .box figure img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
@media only screen and (max-width: 960px) {
.cm_group .box .wrap {
width: 100%;
margin-top: -75px;
}
}
@media only screen and (max-width: 560px) {
.cm_group .box .wrap {
margin-top: -25px;
}
}
.cm_group .box .wrap ul li {
margin-bottom: 60px;
}
.cm_group .box .wrap ul li:nth-of-type(1) {
-webkit-transition-delay: 75ms;
transition-delay: 75ms;
}
.cm_group .box .wrap ul li:nth-of-type(2) {
-webkit-transition-delay: 75ms;
transition-delay: 75ms;
}
.cm_group .box .wrap ul li:nth-of-type(3) {
-webkit-transition-delay: 75ms;
transition-delay: 75ms;
}
@media only screen and (max-width: 960px) {
.cm_group .box .wrap ul li {
-webkit-transition-delay: 0;
transition-delay: 0;
}
}
.cm_group .box .wrap ul li .head {
position: relative;
margin-bottom: 30px;
}
@media only screen and (max-width: 960px) {
.cm_group .box .wrap ul li .head h3 {
font-size: var(--h4);
}
}
@media only screen and (max-width: 960px) and (max-width: 1280px) {
.cm_group .box .wrap ul li .head h3 {
font-size: var(--h4--sp);
}
}
.cm_group .box .wrap ul li .head .js-maru {
position: absolute;
left: max(-25px, -5%);
top: max(-5px, -5%);
z-index: -1;
width: 70px;
height: 70px;
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/fudemaru.svg) no-repeat center center;
background-size: contain;
}
@media only screen and (max-width: 960px) {
.cm_group .box .wrap ul li .head .js-maru {
width: 45px;
height: 45px;
top: -4px;
}
}
.cm_group .box .wrap ul li table {
width: 60%;
}
@media only screen and (max-width: 1023px) {
.cm_group .box .wrap ul li table {
width: 70%;
}
}
@media only screen and (max-width: 960px) {
.cm_group .box .wrap ul li table {
width: 100%;
}
}
@media only screen and (max-width: 960px) {
.cm_group .box .wrap ul li table tbody tr th {
width: 40%;
}
}
@media only screen and (max-width: 960px) {
.cm_group .box .wrap ul li table tbody tr td {
width: 60%;
}
}
.cm_group .box .wrap ul li table tbody tr.name {
padding: 0;
}
.cm_group .box .wrap ul li table tbody tr.name td {
line-height: 1.6;
}
.cm_group .box .wrap ul li table tbody tr.name.n {
padding-bottom: 8px;
}
.cm_partnership {
display: block;
width: 70%;
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 560px) {
.cm_partnership {
width: 74%;
}
}
@media only screen and (max-width: 560px) {
.cm_partnership {
width: 84%;
}
}
.cm_partnership ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 960px) {
.cm_partnership ul li {
display: block;
}
}
.cm_partnership ul li a {
display: block;
width: 55%;
height: 100%;
-webkit-transition: opacity 0.4s var(--easing) 0s;
transition: opacity 0.4s var(--easing) 0s;
}
@media only screen and (max-width: 960px) {
.cm_partnership ul li a {
width: 100%;
}
}
.cm_partnership ul li a h3 {
font-size: var(--h2);
}
@media only screen and (max-width: 1280px) {
.cm_partnership ul li a h3 {
font-size: var(--h2--sp);
}
}
.cm_partnership ul li a h3 span {
position: relative;
}
.cm_partnership ul li a h3 span::after {
content: "";
width: 18px;
height: 12px;
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/icon_link.svg) no-repeat center center;
background-size: contain;
position: absolute;
right: -25px;
top: 15px;
}
@media only screen and (max-width: 960px) {
.cm_partnership ul li a h3 span::after {
right: -25px;
top: 10px;
width: 13px;
height: 10px;
}
}
.cm_partnership ul li a:hover {
opacity: 0.5;
}
.cm_partnership ul li address {
width: 40%;
color: #555555;
text-decoration: none !important;
}
@media only screen and (max-width: 960px) {
.cm_partnership ul li address {
width: 100%;
font-size: 1.3rem;
}
}
.hs_history {
display: block;
width: 76%;
max-width: 1420px;
margin: 0 auto;
}
@media only screen and (max-width: 560px) {
.hs_history {
width: 80%;
}
}
.hs_history ul li {
padding: 10px 0;
}
@media only screen and (max-width: 560px) {
.hs_history ul li {
padding: 20px 0;
}
}
.hs_history ul li .head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 560px) {
.hs_history ul li .head {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
width: calc(100% - 35px);
margin-left: auto;
position: relative;
}
}
.hs_history ul li .head h2 {
width: 20%;
color: #555555;
}
@media only screen and (max-width: 560px) {
.hs_history ul li .head h2 {
width: 100%;
}
}
.hs_history ul li .head .js-line {
width: 5%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 560px) {
.hs_history ul li .head .js-line {
position: absolute;
left: -30px;
top: 0;
height: 100%;
}
}
.hs_history ul li .head .js-line .js-line-l {
position: absolute;
left: 2px;
top: -10px;
width: 1px;
height: calc(100% + 20px);
background: #1c1c1c;
z-index: -1;
}
@media only screen and (max-width: 560px) {
.hs_history ul li .head .js-line .js-line-l {
top: -20px;
height: calc(100% + 40px);
}
}
.hs_history ul li .head .js-line .js-line-d {
display: inline-block;
width: 5px;
height: 5px;
background: #555555;
border-radius: 9999px;
}
@media only screen and (max-width: 560px) {
.hs_history ul li .head .js-line .js-line-d {
width: 6px;
height: 6px;
}
}
.hs_history ul li .head .line {
width: 15%;
-ms-flex-line-pack: center;
align-content: center;
position: relative;
}
@media only screen and (max-width: 1023px) {
.hs_history ul li .head .line {
width: 10%;
}
}
@media only screen and (max-width: 560px) {
.hs_history ul li .head .line {
display: none;
}
}
.hs_history ul li .head .line::after {
content: "";
position: relative;
width: 100%;
display: inline-block;
border-bottom: 1px dotted #555555;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.hs_history ul li .head .disc {
width: 55%;
padding-left: 55px;
-ms-flex-line-pack: center;
align-content: center;
}
@media only screen and (max-width: 1023px) {
.hs_history ul li .head .disc {
width: 65%;
padding-left: 35px;
}
}
@media only screen and (max-width: 560px) {
.hs_history ul li .head .disc {
width: 100%;
padding-left: 0;
}
}
.hs_history ul li .head h2,
.hs_history ul li .head .disc {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, -webkit-transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing);
transition: opacity 1000ms ease-out, transform 1000ms var(--easing), -webkit-transform 1000ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
.hs_history ul li .head h2 {
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
letter-spacing: -0.01em;
}
.hs_history ul li .head .js-line .js-line-l {
height: 0;
-webkit-transition: height 600ms var(--easing);
transition: height 600ms var(--easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
}
.hs_history ul li .head .js-line .js-line-d {
opacity: 0;
-webkit-transition: opacity 1000ms ease-out;
transition: opacity 1000ms ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
-webkit-transition-delay: 225ms;
transition-delay: 225ms;
}
.hs_history ul li .head .line {
opacity: 0;
-webkit-transition: opacity 1000ms ease-out;
transition: opacity 1000ms ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity, transform;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.hs_history ul li .head .disc {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
@media only screen and (max-width: 560px) {
.hs_history ul li:first-of-type {
padding: 40px 0 0;
}
}
@media only screen and (max-width: 560px) {
.hs_history ul li:first-of-type .js-line .js-line-l {
top: -40px;
height: calc(100% + 60px);
}
}
.hs_history ul li:last-of-type {
margin-bottom: 0;
}
@media only screen and (max-width: 560px) {
.hs_history ul li:last-of-type {
padding: 10px 0 20px;
}
}
.hs_history ul li .cap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.hs_history ul li .cap p {
width: 60%;
padding-left: 55px;
font-size: 1.4rem;
color: #aaaaaa;
}
.hs_history ul li.on .head {
position: relative;
}
.hs_history ul li.on .head .js-maru {
position: absolute;
left: 0;
top: max(-5px, 5%);
z-index: -1;
width: 70px;
height: 70px;
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
background: url(//www.maguroya-kurogin.com/wp-content/themes/kurogin_20250320/assets/img/com/fudemaru.svg) no-repeat center center;
background-size: contain;
opacity: 0;
-webkit-transition: opacity 600ms ease-out;
transition: opacity 600ms ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: opacity;
}
@media only screen and (max-width: 560px) {
.hs_history ul li.on .head .js-maru {
width: 55px;
height: 55px;
left: -10px;
top: -10px;
}
}
.hs_history ul li.on .head h2 {
color: inherit;
}
.hs_history ul li.on .head h2::after {
width: 60px;
}
.hs_history ul li.on .head .js-line .js-line-d {
background: #8b0711;
}
.hs_history ul li.on .head .line::after {
border-bottom: 1px dotted #8b0711;
}
.hs_history ul li.wao .head .js-maru {
opacity: 1;
}
.hs_history ul li.wao .head h2 {
opacity: 1;
-webkit-transform: translate(0%);
transform: translate(0%);
}
.hs_history ul li.wao .head .js-line .js-line-l {
height: calc(100% + 20px);
}
@media only screen and (max-width: 560px) {
.hs_history ul li.wao .head .js-line .js-line-l {
height: calc(100% + 40px);
}
}
.hs_history ul li.wao .head .js-line .js-line-d {
opacity: 1;
}
.hs_history ul li.wao .head .line {
opacity: 1;
}
.hs_history ul li.wao .head .disc {
opacity: 1;
-webkit-transform: translate(0%);
transform: translate(0%);
}
.swiper {
z-index: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper .swiper-wrapper,
.swiper .swiper-slide,
.swiper .slide,
.swiper .slide-media {
width: 100%;
height: 100%;
}
.swiper .swiper-slide {
-webkit-transition-property: opacity, -webkit-transform !important;
transition-property: opacity, -webkit-transform !important;
transition-property: opacity, transform !important;
transition-property: opacity, transform, -webkit-transform !important;
pointer-events: none;
}
.swiper-slide {
pointer-events: none;
margin: 0;
padding: 0;
}
.swiper-slide.is-active {
pointer-events: auto;
}
.swiper-slide .slide {
position: relative;
overflow: hidden;
}
.swiper-slide .slide .slide-media picture img,
.swiper-slide .slide .slide-media picture source {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.parallax {
position: relative;
overflow: hidden;
}
.parallax .parallax-in {
width: 100%;
height: 100%;
-webkit-transform: scale(1.2);
transform: scale(1.2);
position: relative;
}
.parallax .parallax-in [data-parallax=scrollparallax] {
will-change: transform;
-webkit-transition: none;
transition: none;
position: absolute;
top: 10%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}