@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@900&family=Zen+Maru+Gothic:wght@500;700&display=swap");
@charset "utf-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button {
display: block;
cursor: pointer;
font-family: "Helvetica Neue", YakuHanJP, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
*[data-font="inter"] {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
*[data-font="zen-maru-gothic"] {
font-family: "Zen Maru Gothic", sans-serif;
font-style: normal;
}
*[data-font="noto-sans"] {
font-family: "Inter", "Noto Sans JP";
font-optical-sizing: auto;
font-weight: 900;
font-style: normal;
}
*[data-font="dela"] {
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Nan';
src: url("../fonts/NaNJaune-MidiMedium.woff2") format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
*[data-font="nan"] {
font-family: 'Nan', sans-serif;
}
*[data-fontweight="regular"] {
font-weight: 400;
}
*[data-fontweight="medium"] {
font-weight: 500;
}
*[data-fontweight="semibold"] {
font-weight: 600;
}
*[data-fontweight="bold"] {
font-weight: 700;
}
*[data-fontweight="extrabold"] {
font-weight: 800;
}
*[data-fontweight="black"] {
font-weight: 900;
}
@-webkit-keyframes brightnessFade {
0% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(1);
filter: brightness(1);
}
40%, 60% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(4);
filter: brightness(4);
}
100% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(1);
filter: brightness(1);
}
}
@keyframes brightnessFade {
0% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(1);
filter: brightness(1);
}
40%, 60% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(4);
filter: brightness(4);
}
100% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(1);
filter: brightness(1);
}
}
@-webkit-keyframes rotate360 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate360 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes circleFloating {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
20% {
-webkit-transform: translate(3%, -2%);
transform: translate(3%, -2%);
}
40% {
-webkit-transform: translate(-2%, 3%);
transform: translate(-2%, 3%);
}
55% {
-webkit-transform: translate(4%, -6%);
transform: translate(4%, -6%);
}
70% {
-webkit-transform: translate(2%, 2%);
transform: translate(2%, 2%);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes circleFloating {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
20% {
-webkit-transform: translate(3%, -2%);
transform: translate(3%, -2%);
}
40% {
-webkit-transform: translate(-2%, 3%);
transform: translate(-2%, 3%);
}
55% {
-webkit-transform: translate(4%, -6%);
transform: translate(4%, -6%);
}
70% {
-webkit-transform: translate(2%, 2%);
transform: translate(2%, 2%);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes loopTxtX {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes loopTxtX {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes fadeOut {
from {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@-webkit-keyframes ytBgTxtScrollX {
from {
background-position: left 0 top 0;
}
to {
background-position: left -2130px top 0;
}
}
@keyframes ytBgTxtScrollX {
from {
background-position: left 0 top 0;
}
to {
background-position: left -2130px top 0;
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
@font-face {
font-family: 'slick';
font-weight: normal;
font-style: normal;
}
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}
.slick-prev:before,
.slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: '←';
}
[dir='rtl'] .slick-prev:before {
content: '→';
}
.slick-next {
right: -25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: '→';
}
[dir='rtl'] .slick-next:before {
content: '←';
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: 0.25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
color: #000;
}
*[data-txtcolor="koshimizu"] {
color: #cda5ff;
}
*[data-txtcolor="kuramochi"] {
color: #eb4682;
}
*[data-txtcolor="shishido"] {
color: #ffd728;
}
*[data-txtcolor="sophia"] {
color: #c8c3dc;
}
*[data-txtcolor="ishigami"] {
color: #e6325f;
}
*[data-txtcolor="kaburaki"] {
color: #198caa;
}
*[data-txtcolor="igarashi"] {
color: #ff8c3c;
}
*[data-txtcolor="gray1"] {
color: #656567;
}
*[data-bgcolor="koshimizu"] {
background: #cda5ff;
}
*[data-bgcolor="kuramochi"] {
background: #eb4682;
}
*[data-bgcolor="shishido"] {
background: #ffd728;
}
*[data-bgcolor="sophia"] {
background: #c8c3dc;
}
*[data-bgcolor="ishigami"] {
background: #e6325f;
}
*[data-bgcolor="kaburaki"] {
background: #198caa;
}
*[data-bgcolor="igarashi"] {
background: #ff8c3c;
}
.md-layout {
margin: 0;
}
.md-colorgroup {
display: -ms-flexbox;
display: flex;
}
.md-colorgroup[data-size="header"] .deco {
width: 100%;
display: block;
height: 6px;
}
@media screen and (max-width: 1360px) {
.md-colorgroup[data-size="header"] .deco {
height: 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.md-colorgroup[data-size="header"] .deco {
height: 1.492537313432836vw;
}
}
@media screen and (max-width: 768px) {
.md-colorgroup[data-size="spnav"] {
-ms-flex-pack: justify;
justify-content: space-between;
width: 35.32338308457712vw;
}
}
@media screen and (max-width: 768px) {
.md-colorgroup[data-size="spnav"] .deco {
display: block;
height: auto;
aspect-ratio: 1/1;
width: 2.487562189054727vw;
}
}
.md-colorgroup[data-size="goods"] {
-ms-flex-pack: justify;
justify-content: space-between;
width: 429px;
}
@media screen and (max-width: 1360px) {
.md-colorgroup[data-size="goods"] {
width: 31.544117647058826vw;
}
}
@media screen and (max-width: 768px) {
.md-colorgroup[data-size="goods"] {
width: 35.32338308457712vw;
}
}
.md-colorgroup[data-size="goods"] .deco {
height: auto;
aspect-ratio: 1/1;
width: 15px;
}
@media screen and (max-width: 1360px) {
.md-colorgroup[data-size="goods"] .deco {
width: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.md-colorgroup[data-size="goods"] .deco {
width: 2.487562189054727vw;
}
}
.md-colorgroup[data-size="loader"] {
-ms-flex-pack: justify;
justify-content: space-between;
width: 177px;
}
@media screen and (max-width: 1360px) {
.md-colorgroup[data-size="loader"] {
width: 13.014705882352942vw;
}
}
@media screen and (max-width: 768px) {
.md-colorgroup[data-size="loader"] {
width: 35.32338308457712vw;
}
}
.md-colorgroup[data-size="loader"] .deco {
height: auto;
aspect-ratio: 1/1;
width: 15px;
}
@media screen and (max-width: 1360px) {
.md-colorgroup[data-size="loader"] .deco {
width: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.md-colorgroup[data-size="loader"] .deco {
width: 2.487562189054727vw;
}
}
@media print, screen and (min-width: 769px) {
.md-colorgroup[data-size="squaregroup"] {
gap: 0 12px;
}
}
@media screen and (max-width: 1360px) {
.md-colorgroup[data-size="squaregroup"] {
gap: 0 0.882352941176471vw;
}
}
.md-colorgroup[data-size="squaregroup"] .deco {
height: auto;
aspect-ratio: 1/1;
width: 15px;
}
@media screen and (max-width: 1360px) {
.md-colorgroup[data-size="squaregroup"] .deco {
width: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.md-colorgroup[data-size="squaregroup"] .deco {
width: 3.73134328358209vw;
}
}
.md-colorgroup[data-size="interval"] .deco {
width: 100%;
height: 124px;
}
@media screen and (max-width: 1360px) {
.md-colorgroup[data-size="interval"] .deco {
height: 9.117647058823529vw;
}
}
@media screen and (max-width: 768px) {
.md-colorgroup[data-size="interval"] .deco {
height: 10.447761194029852vw;
}
}
.md-logo {
display: block;
}
.md-logo img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
}
.md-ttl__section {
position: relative;
}
.md-ttl__section[data-type="contact"] em:after {
background-image: url("../images/_common/icon/navicon_contact_white.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: 72% auto;
}
.md-ttl__section[data-type="goods"] em:after {
background-color: #fff;
background-image: url("../images/_common/icon/navicon_goods.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: 84% auto;
}
.md-ttl__section[data-type="attention"] em:after {
background-color: #fff;
background-image: url("../images/_common/icon/navicon_attention.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: 80% auto;
}
.md-ttl__section[data-txtcolor="gray"] em {
background: linear-gradient(90deg, #282828 0%, #55555f 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.md-ttl__section[data-icon="hidden"]:before {
display: none;
}
.md-ttl__section:before {
content: "";
display: block;
height: auto;
line-height: 1;
margin-inline: auto;
aspect-ratio: 1/1;
margin-bottom: 24px;
background-image: url("../images/_common/icon/icon_kira.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 40px;
}
@media screen and (max-width: 1360px) {
.md-ttl__section:before {
margin-bottom: 1.764705882352941vw;
}
}
@media screen and (max-width: 768px) {
.md-ttl__section:before {
margin-bottom: 0vw;
}
}
@media screen and (max-width: 1360px) {
.md-ttl__section:before {
width: 2.941176470588236vw;
}
}
@media screen and (max-width: 768px) {
.md-ttl__section:before {
width: 9.950248756218906vw;
}
}
.md-ttl__section em {
position: relative;
display: block;
width: -webkit-fit-content;
width: fit-content;
line-height: 1.2;
margin-inline: auto;
font-size: 72px;
font-size: 7.2rem;
}
@media screen and (max-width: 1360px) {
.md-ttl__section em {
font-size: 5.294117647058823vw !important;
}
}
@media screen and (max-width: 768px) {
.md-ttl__section em {
font-size: 10.447761194029852vw !important;
}
}
.md-ttl__section em:after {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
height: auto;
background-color: #282828;
border-radius: 100%;
aspect-ratio: 1/1;
width: 30px;
}
@media screen and (max-width: 1360px) {
.md-ttl__section em:after {
width: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.md-ttl__section em:after {
width: 5.970149253731344vw;
}
}
@media print, screen and (min-width: 769px) {
.md-ttl__section em:after {
-webkit-transform: translate(140%, 60%);
transform: translate(140%, 60%);
}
}
@media screen and (max-width: 1360px) {
.md-ttl__section em:after {
-webkit-transform: translate(140%, 40%);
transform: translate(140%, 40%);
}
}
.md-btn__youtube {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
box-sizing: border-box;
}
@media print, screen and (min-width: 769px) {
.md-btn__youtube {
gap: 0 6px;
}
}
@media screen and (max-width: 1360px) {
.md-btn__youtube {
gap: 0 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.md-btn__youtube {
gap: 0 2.487562189054727vw;
}
}
.md-btn__youtube .icon {
height: auto;
display: block;
background: #000;
border-radius: 100%;
aspect-ratio: 1/1;
width: 30px;
background-image: url("../images/_common/sns/yt.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (max-width: 1360px) {
.md-btn__youtube .icon {
width: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.md-btn__youtube .icon {
width: 7.462686567164179vw;
}
}
.md-btn__youtube .ttl {
display: block;
line-height: 1;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1360px) {
.md-btn__youtube .ttl {
font-size: 1.323529411764706vw !important;
}
}
@media screen and (max-width: 768px) {
.md-btn__youtube .ttl {
font-size: 4.477611940298508vw !important;
}
}
@media print, screen and (min-width: 769px) {
.md-btn__youtube .ttl {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
.md-btn__links,
.md-btn__trigger {
position: relative;
margin: 0;
padding: 0;
border-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
color: #fff;
padding-top: 24px;
padding-bottom: 24px;
}
@media screen and (max-width: 1360px) {
.md-btn__links,
.md-btn__trigger {
padding-top: 1.764705882352941vw;
}
}
@media screen and (max-width: 768px) {
.md-btn__links,
.md-btn__trigger {
padding-top: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.md-btn__links,
.md-btn__trigger {
padding-bottom: 1.764705882352941vw;
}
}
@media screen and (max-width: 768px) {
.md-btn__links,
.md-btn__trigger {
padding-bottom: 4.477611940298508vw;
}
}
@media print, screen and (min-width: 769px) {
.md-btn__links,
.md-btn__trigger {
gap: 0 6px;
border-radius: 3px;
}
.md-btn__links:hover:after,
.md-btn__trigger:hover:after {
background: #656567;
}
}
@media screen and (max-width: 1360px) {
.md-btn__links,
.md-btn__trigger {
gap: 0 0.441176470588235vw;
border-radius: 0.220588235294118vw;
}
}
@media screen and (max-width: 768px) {
.md-btn__links,
.md-btn__trigger {
gap: 0 1.492537313432836vw;
border-radius: 0.995024875621891vw;
}
}
.md-btn__links[data-rainbow="1"],
.md-btn__trigger[data-rainbow="1"] {
background-image: url("../images/_common/btn/webp/btn_bg_rainbow_001.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.md-btn__links[data-rainbow="2"],
.md-btn__trigger[data-rainbow="2"] {
background-image: url("../images/_common/btn/webp/btn_bg_rainbow_002.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.md-btn__links[data-round="on"],
.md-btn__trigger[data-round="on"] {
border-radius: 72px;
}
.md-btn__links[data-round="on"]:after,
.md-btn__trigger[data-round="on"]:after {
border-radius: 72px;
}
.md-btn__links[data-font="nan"],
.md-btn__trigger[data-font="nan"],
.md-btn__links[data-font="noto-sans"],
.md-btn__trigger[data-font="noto-sans"] {
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1360px) {
.md-btn__links[data-font="nan"],
.md-btn__trigger[data-font="nan"],
.md-btn__links[data-font="noto-sans"],
.md-btn__trigger[data-font="noto-sans"] {
font-size: 1.323529411764706vw !important;
}
}
@media screen and (max-width: 768px) {
.md-btn__links[data-font="nan"],
.md-btn__trigger[data-font="nan"],
.md-btn__links[data-font="noto-sans"],
.md-btn__trigger[data-font="noto-sans"] {
font-size: 3.73134328358209vw !important;
}
}
.md-btn__links[data-font="nan"][data-size="m"],
.md-btn__trigger[data-font="nan"][data-size="m"],
.md-btn__links[data-font="noto-sans"][data-size="m"],
.md-btn__trigger[data-font="noto-sans"][data-size="m"] {
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 1360px) {
.md-btn__links[data-font="nan"][data-size="m"],
.md-btn__trigger[data-font="nan"][data-size="m"],
.md-btn__links[data-font="noto-sans"][data-size="m"],
.md-btn__trigger[data-font="noto-sans"][data-size="m"] {
font-size: 1.102941176470588vw !important;
}
}
@media screen and (max-width: 768px) {
.md-btn__links[data-font="nan"][data-size="m"],
.md-btn__trigger[data-font="nan"][data-size="m"],
.md-btn__links[data-font="noto-sans"][data-size="m"],
.md-btn__trigger[data-font="noto-sans"][data-size="m"] {
font-size: 3.73134328358209vw !important;
}
}
.md-btn__links[data-font="nan"] > span,
.md-btn__trigger[data-font="nan"] > span {
-webkit-transform: translateY(-0.1em);
transform: translateY(-0.1em);
}
.md-btn__links[target="_blank"] > span:after,
.md-btn__trigger[target="_blank"] > span:after {
content: "";
height: auto;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
background-image: url("../images/_common/icon/arrow_blank.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 10px;
aspect-ratio: 1/1;
}
@media screen and (max-width: 1360px) {
.md-btn__links[target="_blank"] > span:after,
.md-btn__trigger[target="_blank"] > span:after {
width: 0.735294117647059vw;
}
}
@media screen and (max-width: 768px) {
.md-btn__links[target="_blank"] > span:after,
.md-btn__trigger[target="_blank"] > span:after {
width: 2.487562189054727vw;
}
}
.md-btn__links[data-type="map"]:before,
.md-btn__trigger[data-type="map"]:before {
display: block;
background-image: url("../images/_common/icon/navicon_map.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.md-btn__links[data-type="change"],
.md-btn__trigger[data-type="change"] {
transition-duration: 0.6s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.md-btn__links[data-type="change"]:before,
.md-btn__trigger[data-type="change"]:before {
display: block;
background-image: url("../images/_common/icon/icon_change.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-animation: rotate360 2s 0s infinite linear forwards;
animation: rotate360 2s 0s infinite linear forwards;
}
.md-btn__links[data-type="change"].is__clicked,
.md-btn__trigger[data-type="change"].is__clicked {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(0.5);
filter: brightness(0.5);
-webkit-transform: scale(0.95);
transform: scale(0.95);
pointer-events: none;
}
.md-btn__links[data-type="change"].is__clicked:before,
.md-btn__trigger[data-type="change"].is__clicked:before {
-webkit-animation: rotate360 1s 0s infinite linear forwards;
animation: rotate360 1s 0s infinite linear forwards;
}
.md-btn__links[data-type="goods"]:before,
.md-btn__trigger[data-type="goods"]:before {
display: block;
border-radius: 100%;
border: solid 1px #fff;
box-sizing: border-box;
background-image: url("../images/_common/icon/navicon_goods_white.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: 72% auto;
}
.md-btn__links[data-type="music"]:before,
.md-btn__trigger[data-type="music"]:before {
display: block;
background-image: url("../images/_common/icon/navicon_music.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.md-btn__links[data-type="entry"]:before,
.md-btn__trigger[data-type="entry"]:before {
display: block;
background-image: url("../images/_common/icon/navicon_entry.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.md-btn__links[data-type="comingsoon"],
.md-btn__trigger[data-type="comingsoon"] {
background: #656567;
pointer-events: none;
font-family: 'Nan', sans-serif;
}
.md-btn__links[data-type="comingsoon"]:before,
.md-btn__trigger[data-type="comingsoon"]:before,
.md-btn__links[data-type="comingsoon"]:after,
.md-btn__trigger[data-type="comingsoon"]:after {
display: none;
}
.md-btn__links[data-type="comingsoon"] span,
.md-btn__trigger[data-type="comingsoon"] span {
position: relative;
-webkit-transform: translateY(-0.1em);
transform: translateY(-0.1em);
}
.md-btn__links[data-type="comingsoon"] span:after,
.md-btn__trigger[data-type="comingsoon"] span:after {
display: none;
}
.md-btn__links:before,
.md-btn__trigger:before {
content: "";
display: block;
height: auto;
z-index: 2;
display: none;
will-change: filter;
aspect-ratio: 1/1;
width: 24px;
}
@media screen and (max-width: 1360px) {
.md-btn__links:before,
.md-btn__trigger:before {
width: 1.764705882352941vw;
}
}
@media screen and (max-width: 768px) {
.md-btn__links:before,
.md-btn__trigger:before {
width: 5.970149253731344vw;
}
}
@media print, screen and (min-width: 769px) {
.md-btn__links:before,
.md-btn__trigger:before {
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: unset;
}
}
.md-btn__links:after,
.md-btn__trigger:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 4px);
height: calc(100% - 4px);
background: #282828;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media print, screen and (min-width: 769px) {
.md-btn__links:after,
.md-btn__trigger:after {
border-radius: 2px;
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: unset;
}
}
@media screen and (max-width: 1360px) {
.md-btn__links:after,
.md-btn__trigger:after {
border-radius: 0.147058823529412vw;
}
}
.md-btn__links > span,
.md-btn__trigger > span {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
z-index: 2;
will-change: filter;
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: unset;
}
@media print, screen and (min-width: 769px) {
.md-btn__links > span,
.md-btn__trigger > span {
gap: 0 0.2em;
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
@media screen and (max-width: 768px) {
.md-btn__links > span,
.md-btn__trigger > span {
gap: 0 0.2em;
}
}
.md-links {
margin: 0;
}
.md-item__infoset[data-labelcolor="blue"] > dt {
background: #198caa;
}
.md-item__infoset > dt {
width: -webkit-fit-content;
width: fit-content;
background: #282828;
border-radius: 3px;
line-height: 1;
font-weight: 700;
color: #fff;
margin-bottom: 6px;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 1360px) {
.md-item__infoset > dt {
margin-bottom: 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.md-item__infoset > dt {
margin-bottom: 1.990049751243781vw;
}
}
@media screen and (max-width: 1360px) {
.md-item__infoset > dt {
padding-top: 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.md-item__infoset > dt {
padding-top: 0.995024875621891vw;
}
}
@media screen and (max-width: 1360px) {
.md-item__infoset > dt {
padding-left: 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.md-item__infoset > dt {
padding-left: 1.990049751243781vw;
}
}
@media screen and (max-width: 1360px) {
.md-item__infoset > dt {
padding-right: 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.md-item__infoset > dt {
padding-right: 1.990049751243781vw;
}
}
@media screen and (max-width: 1360px) {
.md-item__infoset > dt {
padding-bottom: 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.md-item__infoset > dt {
padding-bottom: 1.243781094527363vw;
}
}
@media screen and (max-width: 1360px) {
.md-item__infoset > dt {
font-size: 0.882352941176471vw !important;
}
}
@media screen and (max-width: 768px) {
.md-item__infoset > dt {
font-size: 2.487562189054727vw !important;
}
}
.md-item__infoset > dd {
font-weight: 700;
line-height: 1.4;
font-size: 20px;
font-size: 2rem;
}
@media screen and (max-width: 1360px) {
.md-item__infoset > dd {
font-size: 1.470588235294118vw !important;
}
}
@media screen and (max-width: 768px) {
.md-item__infoset > dd {
font-size: 4.477611940298508vw !important;
}
}
@media screen and (max-width: 768px) {
.md-item__infoset > dd em {
padding-right: 0.05em;
font-size: 5.970149253731344vw !important;
}
}
.md-item__infoset > dd small {
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 1360px) {
.md-item__infoset > dd small {
font-size: 1.102941176470588vw !important;
}
}
@media screen and (max-width: 768px) {
.md-item__infoset > dd small {
font-size: 3.73134328358209vw !important;
}
}
.md-item__infoset > dd .md-li__attention {
margin-top: 6px;
}
@media screen and (max-width: 1360px) {
.md-item__infoset > dd .md-li__attention {
margin-top: 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.md-item__infoset > dd .md-li__attention {
margin-top: 2.487562189054727vw;
}
}
.md-li__simple {
list-style-type: disc;
font-size: 13px;
font-size: 1.3rem;
}
@media screen and (max-width: 1360px) {
.md-li__simple {
font-size: 0.955882352941177vw !important;
}
}
@media screen and (max-width: 768px) {
.md-li__simple {
font-size: 2.985074626865672vw !important;
}
}
.md-li__simple > li {
margin-left: 1.5em;
overflow-wrap: anywhere;
word-break: normal;
line-break: strict;
}
.md-li__simple > li:not(:last-child) {
margin-bottom: 0.6em;
}
.md-li__attention > li {
line-height: 1.6;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
overflow-wrap: anywhere;
word-break: normal;
line-break: strict;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 1360px) {
.md-li__attention > li {
font-size: 0.882352941176471vw !important;
}
}
@media screen and (max-width: 768px) {
.md-li__attention > li {
font-size: 2.487562189054727vw !important;
}
}
.md-li__attention > li:not(:last-child) {
margin-bottom: 0.75em;
}
.md-li__attention > li:before {
content: "※";
width: 1.2em;
}
.md-li__attention > li p {
width: calc(100% - 1.2em);
}
a {
color: #d8d8d8;
outline: none !important;
text-decoration: none;
}
html {
font-size: 62.5%;
}
body {
font-family: "Helvetica Neue", YakuHanJP, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 10px;
font-size: 1rem;
line-height: 1.8;
font-weight: normal;
background: #eee;
color: #282828;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
body[data-navopen="true"] {
pointer-events: none;
overflow: hidden;
min-height: 100%;
height: 100%;
}
::selection {
background: #a2ffa2;
color: #000;
}
@media screen and (max-width: 768px) {
.is-pc {
display: none !important;
}
}
@media print, screen and (min-width: 769px) {
.is-sp {
display: none !important;
}
}
img {
max-width: 100%;
}
svg {
width: 100% !important;
height: auto !important;
}
.l-header {
position: relative;
}
.l-footer {
position: relative;
background: #fff;
z-index: 2;
margin-top: 120px;
padding-top: 74px;
padding-bottom: 96px;
}
@media screen and (max-width: 1360px) {
.l-footer {
margin-top: 8.823529411764707vw;
}
}
@media screen and (max-width: 768px) {
.l-footer {
margin-top: 17.910447761194032vw;
}
}
@media screen and (max-width: 1360px) {
.l-footer {
padding-top: 5.441176470588236vw;
}
}
@media screen and (max-width: 768px) {
.l-footer {
padding-top: 17.910447761194032vw;
}
}
@media screen and (max-width: 1360px) {
.l-footer {
padding-bottom: 7.058823529411764vw;
}
}
@media screen and (max-width: 768px) {
.l-footer {
padding-bottom: 23.880597014925375vw;
}
}
@media print, screen and (min-width: 769px) {
.l-footer {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (max-width: 1360px) {
.l-footer {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.l-footer {
padding-left: 0;
padding-right: 0;
}
}
.l-footer:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
display: block;
z-index: 1;
background: linear-gradient(88deg, #cda5ff 0%, #ffd728 15.38%, #198caa 31.25%, #ff8c3c 48.08%, #e6325f 62.02%, #c8c3dc 75.96%, #e6325f 100%);
}
.l-footer__inner {
position: relative;
z-index: 2;
}
.l-footer__inner .foot--share > header {
line-height: 1;
letter-spacing: 0.2em;
text-align: center;
margin-bottom: 15px;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 1360px) {
.l-footer__inner .foot--share > header {
margin-bottom: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.l-footer__inner .foot--share > header {
margin-bottom: 3.73134328358209vw;
}
}
@media screen and (max-width: 1360px) {
.l-footer__inner .foot--share > header {
font-size: 0.882352941176471vw !important;
}
}
@media screen and (max-width: 768px) {
.l-footer__inner .foot--share > header {
font-size: 2.985074626865672vw !important;
}
}
@media print, screen and (min-width: 769px) {
.l-footer__inner .foot--share > header {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
.l-footer__inner .foot--share > nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (min-width: 769px) {
.l-footer__inner .foot--share > nav {
gap: 0 15px;
}
}
@media screen and (max-width: 1360px) {
.l-footer__inner .foot--share > nav {
gap: 0 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.l-footer__inner .foot--share > nav {
gap: 0 3.73134328358209vw;
}
}
.l-footer__inner .foot--share > nav > a {
display: block;
width: 48px;
}
@media screen and (max-width: 1360px) {
.l-footer__inner .foot--share > nav > a {
width: 3.529411764705882vw;
}
}
@media screen and (max-width: 768px) {
.l-footer__inner .foot--share > nav > a {
width: 11.940298507462687vw;
}
}
@media print, screen and (min-width: 769px) {
.l-footer__inner .foot--share > nav > a {
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: unset;
}
.l-footer__inner .foot--share > nav > a:hover {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
}
.l-footer__inner .foot--share > nav > a picture {
display: block;
}
.l-footer__inner .foot--share > nav > a picture img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
aspect-ratio: 1/1;
}
.l-footer__inner .foot--credit {
padding-top: 42px;
}
@media screen and (max-width: 1360px) {
.l-footer__inner .foot--credit {
padding-top: 3.088235294117647vw;
}
}
@media screen and (max-width: 768px) {
.l-footer__inner .foot--credit {
padding-top: 10.447761194029852vw;
}
}
.l-footer__inner .foot--credit > .nijisanji {
margin-inline: auto;
display: block;
width: 182px;
}
@media screen and (max-width: 1360px) {
.l-footer__inner .foot--credit > .nijisanji {
width: 13.382352941176471vw;
}
}
@media screen and (max-width: 768px) {
.l-footer__inner .foot--credit > .nijisanji {
width: 45.27363184079602vw;
}
}
@media print, screen and (min-width: 769px) {
.l-footer__inner .foot--credit > .nijisanji {
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: unset;
}
.l-footer__inner .foot--credit > .nijisanji:hover {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
}
.l-footer__inner .foot--credit .copyright {
text-align: center;
margin-top: 42px;
}
@media screen and (max-width: 1360px) {
.l-footer__inner .foot--credit .copyright {
margin-top: 3.088235294117647vw;
}
}
@media screen and (max-width: 768px) {
.l-footer__inner .foot--credit .copyright {
margin-top: 10.447761194029852vw;
}
}
.l-footer__inner .foot--credit .copyright > p {
font-size: 10px;
font-size: 1rem;
}
@media screen and (max-width: 1360px) {
.l-footer__inner .foot--credit .copyright > p {
font-size: 0.735294117647059vw !important;
}
}
@media screen and (max-width: 768px) {
.l-footer__inner .foot--credit .copyright > p {
font-size: 2.487562189054727vw !important;
}
}
@media print, screen and (min-width: 769px) {
.l-footer__inner .foot--credit .copyright > p {
line-height: 1.5;
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
@media screen and (max-width: 768px) {
.l-footer__inner .foot--credit .copyright > p {
line-height: 1.8;
}
}
.l-footer__inner .foot--credit .copyright > p:not(:last-child) {
margin-bottom: 18px;
}
@media screen and (max-width: 1360px) {
.l-footer__inner .foot--credit .copyright > p:not(:last-child) {
margin-bottom: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.l-footer__inner .foot--credit .copyright > p:not(:last-child) {
margin-bottom: 2.985074626865672vw;
}
}
.l-footer__inner .foot--credit .copyright > p[data-font="nan"] {
letter-spacing: 0.05em;
}
.l-interval {
line-height: 1;
overflow: hidden;
}
.l-interval__inner .dateloop--inner,
.l-interval__inner .ttlloop--inner {
line-height: 1;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.l-interval__inner .dateloop--item,
.l-interval__inner .ttlloop--item {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.l-interval__inner .dateloop--item span,
.l-interval__inner .ttlloop--item span {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-left: 8px;
padding-right: 8px;
}
.l-interval__inner .dateloop {
margin-bottom: 15px;
}
@media screen and (max-width: 1360px) {
.l-interval__inner .dateloop {
margin-bottom: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.l-interval__inner .dateloop {
margin-bottom: 0.746268656716418vw;
}
}
.l-interval__inner .dateloop--item {
-webkit-animation: loopTxtX 10s 0s infinite linear forwards;
animation: loopTxtX 10s 0s infinite linear forwards;
}
.l-interval__inner .dateloop--item span {
font-size: 20px;
font-size: 2rem;
}
@media screen and (max-width: 1360px) {
.l-interval__inner .dateloop--item span {
font-size: 1.470588235294118vw !important;
}
}
@media screen and (max-width: 768px) {
.l-interval__inner .dateloop--item span {
font-size: 3.73134328358209vw !important;
}
}
.l-interval__inner .ttlloop {
margin-bottom: 36px;
}
@media screen and (max-width: 1360px) {
.l-interval__inner .ttlloop {
margin-bottom: 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.l-interval__inner .ttlloop {
margin-bottom: 3.73134328358209vw;
}
}
.l-interval__inner .ttlloop--item {
-webkit-animation: loopTxtX 20s 0s infinite linear forwards;
animation: loopTxtX 20s 0s infinite linear forwards;
}
.l-interval__inner .ttlloop--item span {
font-size: 96px;
font-size: 9.6rem;
}
@media screen and (max-width: 1360px) {
.l-interval__inner .ttlloop--item span {
font-size: 7.058823529411764vw !important;
}
}
@media screen and (max-width: 768px) {
.l-interval__inner .ttlloop--item span {
font-size: 14.925373134328359vw !important;
}
}
#Wrap {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@media screen and (max-width: 768px) {
#Wrap {
overflow: hidden;
}
}
@media print, screen and (min-width: 769px) {
#Wrap #Main {
overflow: hidden;
}
}
#Wrap .l-main {
position: relative;
z-index: 2;
}
.l-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
}
.l-loader.is__loaded {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(2) contrast(300%);
filter: brightness(2) contrast(300%);
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.l-loader .bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1;
}
@media print, screen and (min-width: 769px) {
.l-loader .bg {
background-image: url("../images/_common/bg/webp/bg_rainbow_pc.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 768px) {
.l-loader .bg {
background-image: url("../images/_common/bg/webp/bg_rainbow_sp.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
}
.l-loader__inner {
position: relative;
width: 100%;
height: 100%;
z-index: 2;
box-sizing: border-box;
}
.l-loader__inner .md-colorgroup,
.l-loader__inner .contents,
.l-loader__inner > footer {
position: absolute;
z-index: 2;
}
@media print, screen and (min-width: 769px) {
.l-loader__inner .md-colorgroup {
top: 60px;
}
}
@media screen and (max-width: 1360px) {
.l-loader__inner .md-colorgroup {
top: 2.941176470588236vw;
}
}
@media screen and (max-width: 768px) {
.l-loader__inner .md-colorgroup {
top: 7.462686567164179vw;
left: 5.970149253731343%;
}
}
.l-loader__inner .contents {
top: 50%;
width: 100%;
}
@media print, screen and (min-width: 769px) {
.l-loader__inner .contents {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
gap: 0 72px;
}
}
@media screen and (max-width: 1360px) {
.l-loader__inner .contents {
gap: 0 5.294117647058823vw;
}
}
.l-loader__inner .contents > header {
font-size: 30px;
font-size: 3rem;
}
@media screen and (max-width: 1360px) {
.l-loader__inner .contents > header {
font-size: 2.205882352941177vw !important;
}
}
@media screen and (max-width: 768px) {
.l-loader__inner .contents > header {
font-size: 4.477611940298508vw !important;
}
}
@media screen and (max-width: 768px) {
.l-loader__inner .contents > header {
position: fixed;
top: 50%;
left: 5.970149253731343%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media screen and (max-width: 768px) {
.l-loader__inner .contents > aside {
position: fixed;
left: 5.970149253731343%;
bottom: 7.462686567164179vw;
}
}
.l-loader__inner .contents > aside > p {
line-height: 1;
}
.l-loader__inner .contents > aside > p:nth-child(1) {
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1360px) {
.l-loader__inner .contents > aside > p:nth-child(1) {
font-size: 1.323529411764706vw !important;
}
}
@media screen and (max-width: 768px) {
.l-loader__inner .contents > aside > p:nth-child(1) {
font-size: 2.985074626865672vw !important;
}
}
.l-loader__inner .contents > aside > p:nth-child(2) {
margin-top: 15px;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 1360px) {
.l-loader__inner .contents > aside > p:nth-child(2) {
margin-top: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.l-loader__inner .contents > aside > p:nth-child(2) {
margin-top: 1.990049751243781vw;
}
}
@media screen and (max-width: 1360px) {
.l-loader__inner .contents > aside > p:nth-child(2) {
font-size: 0.882352941176471vw !important;
}
}
@media screen and (max-width: 768px) {
.l-loader__inner .contents > aside > p:nth-child(2) {
font-size: 2.487562189054727vw !important;
}
}
@media print, screen and (min-width: 769px) {
.l-loader__inner .contents > aside > p:nth-child(2) {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
gap: 0 18px;
}
}
@media screen and (max-width: 1360px) {
.l-loader__inner .contents > aside > p:nth-child(2) {
gap: 0 1.323529411764706vw;
}
}
.l-loader__inner .contents > aside > p:nth-child(2) > span {
display: block;
}
@media screen and (max-width: 768px) {
.l-loader__inner .contents > aside > p:nth-child(2) > span:not(:last-child) {
margin-bottom: 0.497512437810945vw;
}
}
@media print, screen and (min-width: 769px) {
.l-loader__inner > footer {
bottom: 60px;
}
}
@media screen and (max-width: 768px) {
.l-loader__inner > footer {
display: none;
}
}
@media print, screen and (min-width: 769px) and (min-width: 769px) {
.l-loader__inner {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (min-width: 769px) and (max-width: 1360px) {
.l-loader__inner {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (min-width: 769px) and (max-width: 768px) {
.l-loader__inner {
padding-left: 0;
padding-right: 0;
}
}
.nav-headernav {
box-sizing: border-box;
line-height: 1;
z-index: 9;
padding-top: 30px;
}
@media print, screen and (min-width: 769px) {
.nav-headernav {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (max-width: 1360px) {
.nav-headernav {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.nav-headernav {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 1360px) {
.nav-headernav {
padding-top: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.nav-headernav {
padding-top: 0vw;
}
}
@media print, screen and (min-width: 769px) {
.nav-headernav {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
width: 100%;
}
}
.nav-headernav__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (min-width: 769px) {
.nav-headernav__inner > header span {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
@media screen and (max-width: 768px) {
.nav-trigger {
margin: 0;
padding: 0;
background: none;
border-style: none;
display: block;
position: fixed;
right: 3.731343283582089%;
bottom: 5.970149253731344vw;
z-index: 99;
pointer-events: auto;
cursor: pointer;
border-radius: 100%;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
width: 13.432835820895523vw;
transition-duration: 0.6s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
.nav-trigger > picture {
position: relative;
}
@media screen and (max-width: 768px) {
.nav-trigger > picture {
display: block;
}
}
@media screen and (max-width: 768px) {
.nav-trigger > picture:after {
content: "CLOSE";
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #fff;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 2;
line-height: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
font-size: 2.487562189054727vw !important;
font-family: 'Nan', sans-serif;
}
}
@media screen and (max-width: 768px) {
.nav-trigger > picture img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
aspect-ratio: 1/1;
transition-duration: 0.6s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
@media screen and (max-width: 768px) {
.nav-trigger[data-status="navopened"] {
right: 50%;
background: #282828;
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
}
@media screen and (max-width: 768px) {
.nav-trigger[data-status="navopened"] > picture:after {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
@media screen and (max-width: 768px) {
.nav-trigger[data-status="navopened"] > picture img {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.nav-links {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
.nav-links {
-ms-flex-align: center;
align-items: center;
gap: 0 6px;
}
}
@media screen and (max-width: 1360px) {
.nav-links {
gap: 0 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.nav-links {
-ms-flex-direction: column;
flex-direction: column;
gap: 0.2em 0;
}
}
.nav-links > a {
color: #282828;
line-height: 1;
padding-top: 8px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 1360px) {
.nav-links > a {
padding-top: 0.588235294117647vw;
}
}
@media screen and (max-width: 768px) {
.nav-links > a {
padding-top: 0vw;
}
}
@media screen and (max-width: 1360px) {
.nav-links > a {
padding-left: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.nav-links > a {
padding-left: 0vw;
}
}
@media screen and (max-width: 1360px) {
.nav-links > a {
padding-right: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.nav-links > a {
padding-right: 0vw;
}
}
@media screen and (max-width: 1360px) {
.nav-links > a {
padding-bottom: 0.735294117647059vw;
}
}
@media screen and (max-width: 768px) {
.nav-links > a {
padding-bottom: 0vw;
}
}
@media screen and (max-width: 1360px) {
.nav-links > a {
font-size: 1.102941176470588vw !important;
}
}
@media screen and (max-width: 768px) {
.nav-links > a {
font-size: 10.447761194029852vw !important;
}
}
@media print, screen and (min-width: 769px) {
.nav-links > a {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
border-radius: 50px;
gap: 0 3px;
text-box: trim-both cap alphabetic;
leading-trim: both;
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.nav-links > a:hover {
background: #282828;
color: #fff;
}
.nav-links > a:hover:before {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(10);
filter: brightness(10);
}
}
@media screen and (max-width: 1360px) {
.nav-links > a {
border-radius: 3.676470588235294vw;
gap: 0 0.220588235294118vw;
}
}
@media screen and (max-width: 768px) {
.nav-links > a {
border-radius: 0;
display: block;
}
}
.nav-links > a:before {
width: 18px;
}
@media screen and (max-width: 1360px) {
.nav-links > a:before {
width: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.nav-links > a:before {
width: 4.477611940298508vw;
}
}
@media print, screen and (min-width: 769px) {
.nav-links > a:before {
content: "";
display: block;
height: auto;
aspect-ratio: 1/1;
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
@media screen and (max-width: 768px) {
.nav-links > a:before {
display: none;
}
}
.nav-links > a[data-type="about"]:before {
background-image: url("../images/_common/icon/navicon_about.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.nav-links > a[data-type="cast"]:before {
background-image: url("../images/_common/icon/navicon_cast.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.nav-links > a[data-type="ticket"]:before {
background-image: url("../images/_common/icon/navicon_ticket.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.nav-links > a[data-type="goods"]:before {
background-image: url("../images/_common/icon/navicon_goods.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.nav-links > a[data-type="attention"]:before {
background-image: url("../images/_common/icon/navicon_attention.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.nav-links > a[data-type="contact"]:before {
background-image: url("../images/_common/icon/navicon_contact.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.nav-spnav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 8;
}
}
@media screen and (max-width: 768px) {
.nav-spnav.is__close--animation {
-webkit-animation: fadeOut 0.6s 0s linear forwards;
animation: fadeOut 0.6s 0s linear forwards;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="hidden"] {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
pointer-events: none;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
pointer-events: auto;
background: #fff;
transition-duration: 0.8s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .bg {
-webkit-transform: translateX(0);
transform: translateX(0);
transition-duration: 0.5s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(1);
filter: brightness(1);
-webkit-transform: translateY(0);
transform: translateY(0);
transition-duration: 0.5s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(1) {
transition-delay: 0s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(2) {
transition-delay: 0.05s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(3) {
transition-delay: 0.1s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(4) {
transition-delay: 0.15s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(5) {
transition-delay: 0.2s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(6) {
transition-delay: 0.25s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(7) {
transition-delay: 0.3s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(8) {
transition-delay: 0.35s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(9) {
transition-delay: 0.4s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(10) {
transition-delay: 0.45s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(11) {
transition-delay: 0.5s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(12) {
transition-delay: 0.55s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(13) {
transition-delay: 0.6s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(14) {
transition-delay: 0.65s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(15) {
transition-delay: 0.7s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(16) {
transition-delay: 0.75s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(17) {
transition-delay: 0.8s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(18) {
transition-delay: 0.85s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(19) {
transition-delay: 0.9s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(20) {
transition-delay: 0.95s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(21) {
transition-delay: 1s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(22) {
transition-delay: 1.05s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(23) {
transition-delay: 1.1s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(24) {
transition-delay: 1.15s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(25) {
transition-delay: 1.2s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(26) {
transition-delay: 1.25s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(27) {
transition-delay: 1.3s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(28) {
transition-delay: 1.35s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(29) {
transition-delay: 1.4s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .md-colorgroup .deco:nth-child(30) {
transition-delay: 1.45s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > header > h4 {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
letter-spacing: 0.1em;
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translateX(0);
transform: translateX(0);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(0);
filter: blur(0);
transition-duration: 0.7s;
transition-delay: 0.6s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(1) {
transition-delay: 0.2s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(2) {
transition-delay: 0.25s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(3) {
transition-delay: 0.3s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(4) {
transition-delay: 0.35s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(5) {
transition-delay: 0.4s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(6) {
transition-delay: 0.45s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(7) {
transition-delay: 0.5s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(8) {
transition-delay: 0.55s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(9) {
transition-delay: 0.6s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(10) {
transition-delay: 0.65s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(11) {
transition-delay: 0.7s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(12) {
transition-delay: 0.75s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(13) {
transition-delay: 0.8s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(14) {
transition-delay: 0.85s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(15) {
transition-delay: 0.9s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(16) {
transition-delay: 0.95s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(17) {
transition-delay: 1s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(18) {
transition-delay: 1.05s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(19) {
transition-delay: 1.1s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(20) {
transition-delay: 1.15s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(21) {
transition-delay: 1.2s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(22) {
transition-delay: 1.25s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(23) {
transition-delay: 1.3s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(24) {
transition-delay: 1.35s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(25) {
transition-delay: 1.4s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(26) {
transition-delay: 1.45s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(27) {
transition-delay: 1.5s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(28) {
transition-delay: 1.55s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(29) {
transition-delay: 1.6s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .nav-links a:nth-child(30) {
transition-delay: 1.65s;
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .snslinks,
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > nav .share {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transition-duration: 0.7s;
transition-delay: 0.8s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
@media screen and (max-width: 768px) {
.nav-spnav[data-status="show"] .nav-spnav__inner .contents > footer {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
letter-spacing: 0em;
transition-duration: 1s;
transition-delay: 0.5s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
@media screen and (max-width: 768px) {
.nav-spnav .bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
background-image: url("../images/_common/bg/webp/bg_rainbow_sp.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner {
position: relative;
z-index: 2;
padding-top: 7.462686567164179vw;
padding-bottom: 7.462686567164179vw;
padding-left: 5.970149253731343%;
padding-right: 5.970149253731343%;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .md-colorgroup .deco {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateY(60%);
transform: translateY(60%);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(2);
filter: brightness(2);
will-change: filter;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents {
position: relative;
margin-top: 10.447761194029852vw;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > header {
margin-bottom: 5.970149253731344vw;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > header > h4 {
font-weight: 500;
line-height: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
letter-spacing: 0.4em;
font-size: 2.487562189054727vw !important;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > nav .nav-links a {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(10px);
filter: blur(10px);
will-change: filter;
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > nav .snslinks {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
margin-top: 5.970149253731344vw;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > nav .snslinks {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
margin-top: 5.970149253731344vw;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > nav .snslinks .md-btn__youtube {
-ms-flex-pack: start;
justify-content: flex-start;
color: #000;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > nav .share {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
gap: 0 1.492537313432836vw;
margin-top: 4.477611940298508vw;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > nav .share > header {
letter-spacing: 0.2em;
font-size: 2.487562189054727vw !important;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > nav .share > nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
gap: 0 1.492537313432836vw;
}
}
.nav-spnav__inner .contents > nav .share > nav > a {
display: block;
}
.nav-spnav__inner .contents > nav .share > nav > a > picture {
display: block;
}
.nav-spnav__inner .contents > nav .share > nav > a > picture img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > footer {
position: absolute;
right: 0;
top: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
gap: 0.8em 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
letter-spacing: 0.1em;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > footer span,
.nav-spnav__inner .contents > footer small {
display: block;
line-height: 1;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > footer span {
font-size: 2.985074626865672vw !important;
}
}
@media screen and (max-width: 768px) {
.nav-spnav__inner .contents > footer small {
font-size: 2.487562189054727vw !important;
}
}
/* ========================================================
Top
======================================================== */
@media print, screen and (min-width: 769px) {
.l-fv {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (max-width: 1360px) {
.l-fv {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.l-fv {
padding-left: 0;
padding-right: 0;
}
}
.l-fv__inner .main {
padding-top: 42px;
}
@media screen and (max-width: 1360px) {
.l-fv__inner .main {
padding-top: 3.088235294117647vw;
}
}
@media screen and (max-width: 768px) {
.l-fv__inner .main {
padding-top: 0vw;
}
}
.l-fv__inner .main .vis {
position: relative;
}
@media print, screen and (min-width: 769px) {
.l-fv__inner .main .vis {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
}
}
.l-fv__inner .main .vis--ttl {
z-index: 2;
}
@media print, screen and (min-width: 769px) {
.l-fv__inner .main .vis--ttl {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 4.259634888438134%;
width: 59.91379310344828%;
}
}
@media screen and (max-width: 768px) {
.l-fv__inner .main .vis--ttl {
position: relative;
width: 94.02985074626866%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
margin-inline: auto;
}
}
.l-fv__inner .main .vis--ttl picture {
will-change: filter;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: drop-shadow(0 0 6px #fff) drop-shadow(0 0 10px #fff) drop-shadow(0 0 10px #fff);
filter: drop-shadow(0 0 6px #fff) drop-shadow(0 0 10px #fff) drop-shadow(0 0 10px #fff);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.l-fv__inner .main .vis--wrap {
margin-bottom: 0;
position: relative;
z-index: 1;
}
@media print, screen and (min-width: 769px) {
.l-fv__inner .main .vis--wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.l-fv__inner .main .vis--wrap div {
margin-bottom: 0 !important;
vertical-align: bottom;
}
@media screen and (max-width: 768px) {
.l-fv__inner .main .vis--wrap .slick-slide.slick-active .img picture img,
.l-fv__inner .main .vis--wrap .slick-slide.slick-current .img picture img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(1) contrast(100%) blur(0) !important;
filter: brightness(1) contrast(100%) blur(0) !important;
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
}
@media print, screen and (min-width: 769px) {
.l-fv__inner .main .vis--wrap .img {
width: 50%;
}
}
@media print, screen and (min-width: 769px) {
.l-fv__inner .main .vis--wrap .img:nth-child(1) picture img {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
}
@media print, screen and (min-width: 769px) {
.l-fv__inner .main .vis--wrap .img:nth-child(2) picture img {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
}
.l-fv__inner .main .vis--wrap .img picture {
overflow: hidden;
display: block;
}
.l-fv__inner .main .vis--wrap .img picture img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
will-change: filter;
}
@media screen and (max-width: 768px) {
.l-fv__inner .main .vis--wrap .img picture img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
transition-duration: 2.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
}
@media screen and (max-width: 768px) {
.l-fv__inner .main .vis--wrap .img[data-type="s"] picture img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(10) contrast(300%) blur(10px);
filter: brightness(10) contrast(300%) blur(10px);
}
}
@media screen and (max-width: 768px) {
.l-fv__inner .main .vis--wrap .img[data-type="b"] picture img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(0) contrast(300%) blur(10px);
filter: brightness(0) contrast(300%) blur(10px);
}
}
@media screen and (max-width: 768px) {
.l-fv__inner .main .vs-ui {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
margin-inline: auto;
width: 57.21393034825871vw;
}
}
@media screen and (max-width: 768px) {
.l-fv__inner .main .vs-ui > button {
width: 100%;
}
}
.common-settings#About {
position: relative;
margin-top: 140px;
margin-bottom: 84px;
}
@media screen and (max-width: 1360px) {
.common-settings#About {
margin-top: 10.294117647058824vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About {
margin-top: 8.955223880597016vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#About {
margin-bottom: 6.176470588235294vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About {
margin-bottom: 14.925373134328359vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (max-width: 1360px) {
.common-settings#About {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.common-settings#About {
padding-left: 0;
padding-right: 0;
}
}
.common-settings#About.is__scrolled .inner-section .bg {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transition-duration: 1.2s;
transition-delay: 0.4s;
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
@media print, screen and (min-width: 769px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="koshimizu"] {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="koshimizu"] {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="shishido"] {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="shishido"] {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="kaburaki"] {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="kaburaki"] {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="igarashi"] {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="igarashi"] {
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="ishigami"] {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="ishigami"] {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="sophia"] {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="sophia"] {
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="kuramochi"] {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg[data-bgcolor="kuramochi"] {
-webkit-transform: rotate(14deg);
transform: rotate(14deg);
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(1) {
transition-delay: 0.4s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(2) {
transition-delay: 0.48s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(3) {
transition-delay: 0.56s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(4) {
transition-delay: 0.64s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(5) {
transition-delay: 0.72s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(6) {
transition-delay: 0.8s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(7) {
transition-delay: 0.88s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(8) {
transition-delay: 0.96s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(9) {
transition-delay: 1.04s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(10) {
transition-delay: 1.12s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(11) {
transition-delay: 1.2s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(12) {
transition-delay: 1.28s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(13) {
transition-delay: 1.36s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(14) {
transition-delay: 1.44s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(15) {
transition-delay: 1.52s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(16) {
transition-delay: 1.6s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(17) {
transition-delay: 1.68s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(18) {
transition-delay: 1.76s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(19) {
transition-delay: 1.84s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(20) {
transition-delay: 1.92s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(21) {
transition-delay: 2s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(22) {
transition-delay: 2.08s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(23) {
transition-delay: 2.16s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(24) {
transition-delay: 2.24s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(25) {
transition-delay: 2.32s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(26) {
transition-delay: 2.4s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(27) {
transition-delay: 2.48s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(28) {
transition-delay: 2.56s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(29) {
transition-delay: 2.64s;
}
}
@media screen and (max-width: 768px) {
.common-settings#About.is__scrolled .inner-section .bg:nth-child(30) {
transition-delay: 2.72s;
}
}
.common-settings#About.is__scrolled .inner-section .about {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
transform: scale(1);
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: unset;
}
.common-settings#About .inner-section {
position: relative;
}
.common-settings#About .inner-section .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform-origin: center center;
transform-origin: center center;
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .bg {
border-radius: 3px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .bg {
border-radius: 0.220588235294118vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .bg {
border-radius: 0.746268656716418vw;
}
}
.common-settings#About .inner-section .bg[data-bgcolor="koshimizu"] {
z-index: 7;
}
.common-settings#About .inner-section .bg[data-bgcolor="shishido"] {
z-index: 6;
}
.common-settings#About .inner-section .bg[data-bgcolor="kaburaki"] {
z-index: 5;
}
.common-settings#About .inner-section .bg[data-bgcolor="igarashi"] {
z-index: 4;
}
.common-settings#About .inner-section .bg[data-bgcolor="ishigami"] {
z-index: 3;
}
.common-settings#About .inner-section .bg[data-bgcolor="sophia"] {
z-index: 2;
}
.common-settings#About .inner-section .bg[data-bgcolor="kuramochi"] {
z-index: 1;
}
.common-settings#About .inner-section .about {
position: relative;
background: #fff;
z-index: 8;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(1.05);
transform: scale(1.05);
padding-top: 114px;
padding-bottom: 160px;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about {
padding-top: 8.382352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about {
padding-top: 18.905472636815922vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about {
padding-bottom: 11.764705882352942vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about {
padding-bottom: 14.925373134328359vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about {
border-radius: 3px;
}
}
.common-settings#About .inner-section .about--main {
position: relative;
max-width: 1200px;
box-sizing: border-box;
margin-inline: auto;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main {
width: 88.23529411764706%;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main {
width: 100% !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__header,
.common-settings#About .inner-section .about--main__block {
margin-inline: auto;
width: 84.07960199004975%;
}
}
.common-settings#About .inner-section .about--main__header {
position: absolute;
top: 0;
right: 0;
width: 177px;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__header {
width: 13.014705882352942vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__header {
width: 0vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__header {
-webkit-transform: translate(15px, -24px);
transform: translate(15px, -24px);
}
}
.common-settings#About .inner-section .about--main__block:not(:last-child) {
margin-bottom: 60px;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block:not(:last-child) {
margin-bottom: 4.411764705882353vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block:not(:last-child) {
margin-bottom: 8.955223880597016vw;
}
}
.common-settings#About .inner-section .about--main__block > header {
margin-bottom: 30px;
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > header {
margin-bottom: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > header {
margin-bottom: 1.492537313432836vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > header {
font-size: 1.102941176470588vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > header {
font-size: 2.487562189054727vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > header {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > header {
line-height: 1;
}
}
.common-settings#About .inner-section .about--main__block > .l > .livettl {
font-size: 60px;
font-size: 6rem;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .livettl {
font-size: 4.411764705882353vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livettl {
font-size: 9.950248756218906vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .livettl {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livettl {
line-height: 1.2;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate {
padding-top: 2.487562189054727vw;
}
}
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl {
line-height: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl:not(:last-child) {
margin-bottom: 30px;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl:not(:last-child) {
margin-bottom: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl:not(:last-child) {
margin-bottom: 2.985074626865672vw;
}
}
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl dt {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl dt {
width: 25.166666666666664%;
gap: 0 33px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl dt {
gap: 0 2.426470588235294vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl dt {
-ms-flex-pack: center;
justify-content: center;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
background: #656567;
width: 7.100591715976331%;
box-sizing: border-box;
padding-top: 1.492537313432836vw;
padding-left: 0.995024875621891vw;
padding-bottom: 1.492537313432836vw;
}
}
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl dt > h2 {
font-size: 60px;
font-size: 6rem;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl dt > h2 {
font-size: 4.411764705882353vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl dt > h2 {
font-size: 3.73134328358209vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl dt > h2 {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl dt > h2 {
color: #fff;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl dt:after {
content: "";
display: block;
height: 1px;
-ms-flex-positive: 1;
flex-grow: 1;
background: #282828;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 73.66666666666667%;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd {
width: 89.64497041420118%;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
}
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1;
}
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 time,
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 span,
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 strong {
display: block;
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 time,
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 span,
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 strong {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 time {
font-size: 60px;
font-size: 6rem;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 time {
font-size: 4.411764705882353vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 time {
font-size: 10.447761194029852vw !important;
}
}
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 span {
font-size: 36px;
font-size: 3.6rem;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 span {
font-size: 2.647058823529412vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 span {
font-size: 3.73134328358209vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h3 span {
-webkit-transform: translateY(50%);
transform: translateY(50%);
padding-left: 1.243781094527363vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h4 {
padding-top: 1.492537313432836vw;
}
}
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h4 strong {
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h4 strong {
font-size: 1.764705882352941vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h4 strong {
font-size: 3.73134328358209vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h4 strong:before {
content: "[";
}
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .livedate > dl > dd > h4 strong:after {
content: "]";
}
}
.common-settings#About .inner-section .about--main__block > .l > .place {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .place {
gap: 0 24px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .place {
gap: 0 1.764705882352941vw;
}
}
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl {
line-height: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl {
gap: 0 12px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl {
gap: 0 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl {
gap: 0 1.492537313432836vw;
}
}
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl em,
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl small {
display: block;
}
@media print, screen and (min-width: 769px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl em,
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl small {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl em {
font-size: 60px;
font-size: 6rem;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl em {
font-size: 4.411764705882353vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl em {
font-size: 10.447761194029852vw !important;
}
}
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl small {
font-size: 30px;
font-size: 3rem;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl small {
font-size: 2.205882352941177vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl small {
font-size: 3.73134328358209vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .place--ttl small {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
}
.common-settings#About .inner-section .about--main__block > .l > .place > .md-btn__links {
padding-top: 15px;
padding-bottom: 15px;
width: 256px;
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .md-btn__links {
padding-top: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .md-btn__links {
padding-top: 2.985074626865672vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .md-btn__links {
padding-bottom: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .md-btn__links {
padding-bottom: 2.985074626865672vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .md-btn__links {
width: 18.823529411764707vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .md-btn__links {
width: 63.681592039801vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#About .inner-section .about--main__block > .l > .place > .md-btn__links {
width: 100%;
margin-top: 3.73134328358209vw;
}
}
.common-settings#Attention {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
margin-top: 72px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention {
margin-top: 5.294117647058823vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention {
margin-top: 7.462686567164179vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Attention {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention {
padding-left: 0;
padding-right: 0;
}
}
.common-settings#Attention.is__scrolled {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.common-settings#Attention .inner-section {
overflow: hidden;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section {
padding-top: 0.294117647058824vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section {
padding-top: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section {
padding-left: 0.294117647058824vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section {
padding-left: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section {
padding-right: 0.294117647058824vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section {
padding-right: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section {
padding-bottom: 0.294117647058824vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section {
padding-bottom: 0vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Attention .inner-section {
border-radius: 6px;
background-image: url("../images/_common/bg/webp/bg_attention_pc.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section {
border-radius: 0.441176470588235vw;
}
}
.common-settings#Attention .inner-section .attention {
position: relative;
background: #282828;
padding-top: 112px;
padding-bottom: 0px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention {
padding-top: 8.23529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention {
padding-top: 16.417910447761194vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention {
padding-bottom: 0vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention {
padding-bottom: 17.910447761194032vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Attention .inner-section .attention {
border-radius: 2px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention {
border-radius: 0.147058823529412vw;
}
}
.common-settings#Attention .inner-section .attention:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
background: url("../images/_common/bg/webp/bg_texture.webp") left top repeat;
background-size: 132px auto;
z-index: 1;
}
.common-settings#Attention .inner-section .attention--header,
.common-settings#Attention .inner-section .attention--main {
position: relative;
z-index: 2;
color: #fff;
max-width: 1200px;
box-sizing: border-box;
margin-inline: auto;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--header,
.common-settings#Attention .inner-section .attention--main {
width: 88.23529411764706%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--header,
.common-settings#Attention .inner-section .attention--main {
width: 100% !important;
}
}
.common-settings#Attention .inner-section .attention--header {
margin-bottom: 60px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--header {
margin-bottom: 4.411764705882353vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--header {
margin-bottom: 7.462686567164179vw;
}
}
.common-settings#Attention .inner-section .attention--main {
padding-bottom: 120px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main {
padding-bottom: 8.823529411764707vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main {
padding-bottom: 0vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main {
padding-left: 5.970149253731343%;
padding-right: 5.970149253731343%;
}
}
.common-settings#Attention .inner-section .attention--main__block {
border: solid 0 #656567;
border-width: 1px 0 0 0;
margin-inline: auto;
transition-duration: 0.7s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@media print, screen and (min-width: 769px) {
.common-settings#Attention .inner-section .attention--main__block {
width: 69.5%;
}
}
.common-settings#Attention .inner-section .attention--main__block:last-child {
border-bottom: solid 1px #656567;
}
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
background: rgba(255,255,255,0.05);
box-sizing: border-box;
margin-bottom: 24px;
padding-top: 12px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 15px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
margin-bottom: 1.764705882352941vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
margin-bottom: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
padding-top: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
padding-top: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
padding-left: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
padding-left: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
padding-right: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
padding-right: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
padding-bottom: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] {
padding-bottom: 4.477611940298508vw;
}
}
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] > button .icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.common-settings#Attention .inner-section .attention--main__block[data-status="opened"] > button .icon--inner:after {
width: 0;
}
.common-settings#Attention .inner-section .attention--main__block > button {
margin: 0;
padding: 0;
width: 100%;
background: none;
border-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
color: #fff;
font-weight: 700;
padding-top: 24px;
padding-bottom: 24px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > button {
padding-top: 1.764705882352941vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > button {
padding-top: 3.73134328358209vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > button {
padding-bottom: 1.764705882352941vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > button {
padding-bottom: 3.73134328358209vw;
}
}
.common-settings#Attention .inner-section .attention--main__block > button h4 {
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > button h4 {
font-size: 1.323529411764706vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > button h4 {
font-size: 3.73134328358209vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Attention .inner-section .attention--main__block > button h4 {
width: 91.12709832134293%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > button h4 {
width: 92.09039548022598%;
letter-spacing: -0.02em;
}
}
.common-settings#Attention .inner-section .attention--main__block > button h4 small {
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > button h4 small {
font-size: 1.102941176470588vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > button h4 small {
font-size: 2.985074626865672vw !important;
}
}
.common-settings#Attention .inner-section .attention--main__block > button .icon {
height: auto;
aspect-ratio: 1/1;
transition-duration: 0.7s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@media print, screen and (min-width: 769px) {
.common-settings#Attention .inner-section .attention--main__block > button .icon {
width: 3.597122302158273%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > button .icon {
width: 5.084745762711865%;
}
}
.common-settings#Attention .inner-section .attention--main__block > button .icon--inner {
position: relative;
width: 100%;
height: 100%;
}
.common-settings#Attention .inner-section .attention--main__block > button .icon--inner:before,
.common-settings#Attention .inner-section .attention--main__block > button .icon--inner:after {
content: "";
position: absolute;
display: block;
background: #d9d9d9;
transition-duration: 0.7s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.common-settings#Attention .inner-section .attention--main__block > button .icon--inner:before {
top: 0;
left: 50%;
width: 1px;
height: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.common-settings#Attention .inner-section .attention--main__block > button .icon--inner:after {
top: 50%;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.common-settings#Attention .inner-section .attention--main__block > .l {
display: none;
padding-top: 12px;
padding-bottom: 42px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l {
padding-top: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l {
padding-top: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l {
padding-bottom: 3.088235294117647vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l {
padding-bottom: 0vw;
}
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l {
padding-left: 18px;
padding-right: 18px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l {
padding-left: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l {
padding-left: 3.73134328358209vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l {
padding-right: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l {
padding-right: 0vw;
}
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l:not(:last-child) {
margin-bottom: 30px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l:not(:last-child) {
margin-bottom: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l:not(:last-child) {
margin-bottom: 5.970149253731344vw;
}
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l a {
color: #ff8c3c;
text-decoration: underline;
}
@media print, screen and (min-width: 769px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l a:hover {
text-decoration: none;
}
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l .md-li__attention {
border-top: dotted 1px #656567;
padding-top: 18px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .md-li__attention {
padding-top: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .md-li__attention {
padding-top: 4.477611940298508vw;
}
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l > article {
line-height: 2;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l > article {
font-size: 1.029411764705882vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l > article {
font-size: 2.985074626865672vw !important;
}
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l .subtitle {
font-weight: 700;
background: rgba(0,0,0,0.3);
padding: 0.4em 0.8em;
line-height: 1;
width: -webkit-fit-content;
width: fit-content;
margin-bottom: 12px;
font-size: 13px;
font-size: 1.3rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .subtitle {
margin-bottom: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .subtitle {
margin-bottom: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .subtitle {
font-size: 0.955882352941177vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .subtitle {
font-size: 2.985074626865672vw !important;
}
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l .subtitle:not(:last-child) {
margin-bottom: 0.85em;
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l .subtxt {
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .subtxt {
font-size: 0.882352941176471vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .subtxt {
font-size: 2.736318407960199vw !important;
}
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l .subtxt:not(:last-child) {
margin-bottom: 1.2em;
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl:not(:last-child) {
border-bottom: dotted 1px #656567;
margin-bottom: 12px;
padding-bottom: 12px;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl:not(:last-child) {
margin-bottom: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl:not(:last-child) {
margin-bottom: 2.985074626865672vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl:not(:last-child) {
padding-bottom: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl:not(:last-child) {
padding-bottom: 2.985074626865672vw;
}
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl > dt {
margin-bottom: 0.5em;
color: #ffd728;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl > dt {
font-size: 0.882352941176471vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl > dt {
font-size: 2.736318407960199vw !important;
}
}
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl > dd {
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl > dd {
font-size: 1.029411764705882vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Attention .inner-section .attention--main__block > .l > .l .faq > dl > dd {
font-size: 2.985074626865672vw !important;
}
}
.l-visualchange {
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@media print, screen and (min-width: 769px) {
.l-visualchange {
position: absolute;
top: 36px;
right: 0;
width: 16.49175412293853%;
max-width: 220px;
z-index: 2;
}
}
@media screen and (max-width: 768px) {
.l-visualchange {
position: fixed;
left: 50%;
bottom: 7.462686567164179vw;
z-index: 9;
width: 54.72636815920398vw;
}
}
@media screen and (max-width: 768px) {
.l-visualchange[data-status="show"] {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@media screen and (max-width: 768px) {
.l-visualchange[data-status="hidden"] {
-webkit-transform: translate(-50%, 180%);
transform: translate(-50%, 180%);
}
}
.l-visualchange > button {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
@media screen and (max-width: 1360px) {
.l-visualchange > button {
padding-top: 0.735294117647059vw;
}
}
@media screen and (max-width: 768px) {
.l-visualchange > button {
padding-top: 2.985074626865672vw;
}
}
@media screen and (max-width: 1360px) {
.l-visualchange > button {
padding-bottom: 0.735294117647059vw;
}
}
@media screen and (max-width: 768px) {
.l-visualchange > button {
padding-bottom: 2.985074626865672vw;
}
}
.common-settings#Cast {
position: relative;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(2);
filter: brightness(2);
margin-bottom: 54px;
padding-top: 160px;
padding-bottom: 120px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast {
margin-bottom: 3.970588235294118vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast {
margin-bottom: 10.447761194029852vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Cast {
padding-top: 11.764705882352942vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast {
padding-top: 13.432835820895523vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Cast {
padding-bottom: 8.823529411764707vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast {
padding-bottom: 11.940298507462687vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Cast {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast {
padding-left: 0;
padding-right: 0;
}
}
.common-settings#Cast.is__scrolled {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(1);
filter: brightness(1);
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco--inner > picture {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(1) contrast(100%) blur(0);
filter: brightness(1) contrast(100%) blur(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(1) .deco--inner > picture {
transition-delay: 0.5s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(2) .deco--inner > picture {
transition-delay: 0.6s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(3) .deco--inner > picture {
transition-delay: 0.7s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(4) .deco--inner > picture {
transition-delay: 0.8s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(5) .deco--inner > picture {
transition-delay: 0.9s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(6) .deco--inner > picture {
transition-delay: 1s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(7) .deco--inner > picture {
transition-delay: 1.1s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(8) .deco--inner > picture {
transition-delay: 1.2s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(9) .deco--inner > picture {
transition-delay: 1.3s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(10) .deco--inner > picture {
transition-delay: 1.4s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(11) .deco--inner > picture {
transition-delay: 1.5s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(12) .deco--inner > picture {
transition-delay: 1.6s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(13) .deco--inner > picture {
transition-delay: 1.7s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(14) .deco--inner > picture {
transition-delay: 1.8s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(15) .deco--inner > picture {
transition-delay: 1.9s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(16) .deco--inner > picture {
transition-delay: 2s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(17) .deco--inner > picture {
transition-delay: 2.1s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(18) .deco--inner > picture {
transition-delay: 2.2s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(19) .deco--inner > picture {
transition-delay: 2.3s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(20) .deco--inner > picture {
transition-delay: 2.4s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(21) .deco--inner > picture {
transition-delay: 2.5s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(22) .deco--inner > picture {
transition-delay: 2.6s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(23) .deco--inner > picture {
transition-delay: 2.7s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(24) .deco--inner > picture {
transition-delay: 2.8s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(25) .deco--inner > picture {
transition-delay: 2.9s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(26) .deco--inner > picture {
transition-delay: 3s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(27) .deco--inner > picture {
transition-delay: 3.1s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(28) .deco--inner > picture {
transition-delay: 3.2s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(29) .deco--inner > picture {
transition-delay: 3.3s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup .deco:nth-child(30) .deco--inner > picture {
transition-delay: 3.4s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transition-duration: 1.2s;
transition-delay: 0.5s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(1) {
transition-delay: 0.5s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(2) {
transition-delay: 0.6s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(3) {
transition-delay: 0.7s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(4) {
transition-delay: 0.8s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(5) {
transition-delay: 0.9s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(6) {
transition-delay: 1s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(7) {
transition-delay: 1.1s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(8) {
transition-delay: 1.2s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(9) {
transition-delay: 1.3s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(10) {
transition-delay: 1.4s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(11) {
transition-delay: 1.5s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(12) {
transition-delay: 1.6s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(13) {
transition-delay: 1.7s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(14) {
transition-delay: 1.8s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(15) {
transition-delay: 1.9s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(16) {
transition-delay: 2s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(17) {
transition-delay: 2.1s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(18) {
transition-delay: 2.2s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(19) {
transition-delay: 2.3s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(20) {
transition-delay: 2.4s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(21) {
transition-delay: 2.5s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(22) {
transition-delay: 2.6s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(23) {
transition-delay: 2.7s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(24) {
transition-delay: 2.8s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(25) {
transition-delay: 2.9s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(26) {
transition-delay: 3s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(27) {
transition-delay: 3.1s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(28) {
transition-delay: 3.2s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(29) {
transition-delay: 3.3s;
}
.common-settings#Cast.is__scrolled .inner-section .cast--lineup > ul li:nth-child(30) {
transition-delay: 3.4s;
}
.common-settings#Cast:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../images/_common/bg/webp/bg_black_noise.webp") left top repeat;
background-size: 320px auto;
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.common-settings#Cast[data-theme="s"]:before {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup .deco {
-webkit-animation: brightnessFade 1s 0.5s alternate cubic-bezier(0.77, 0, 0.175, 1) forwards;
animation: brightnessFade 1s 0.5s alternate cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li .castimg--inner:before {
background: #fff;
-webkit-animation: brightnessFade 1s alternate cubic-bezier(0.77, 0, 0.175, 1);
animation: brightnessFade 1s alternate cubic-bezier(0.77, 0, 0.175, 1);
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li .castimg--inner picture[data-type="s"] {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translateY(0);
transform: translateY(0);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(0);
filter: blur(0);
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li .castimg--inner picture[data-type="b"] {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
pointer-events: none;
-webkit-transform: translateY(10%);
transform: translateY(10%);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(10px);
filter: blur(10px);
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li .castname--ja {
color: #282828 !important;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li .castname--en {
background: #fff;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(1) .castimg--inner picture[data-type="s"] {
transition-delay: 0s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(2) .castimg--inner picture[data-type="s"] {
transition-delay: 0.1s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(3) .castimg--inner picture[data-type="s"] {
transition-delay: 0.2s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(4) .castimg--inner picture[data-type="s"] {
transition-delay: 0.3s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(5) .castimg--inner picture[data-type="s"] {
transition-delay: 0.4s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(6) .castimg--inner picture[data-type="s"] {
transition-delay: 0.5s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(7) .castimg--inner picture[data-type="s"] {
transition-delay: 0.6s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(8) .castimg--inner picture[data-type="s"] {
transition-delay: 0.7s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(9) .castimg--inner picture[data-type="s"] {
transition-delay: 0.8s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(10) .castimg--inner picture[data-type="s"] {
transition-delay: 0.9s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(11) .castimg--inner picture[data-type="s"] {
transition-delay: 1s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(12) .castimg--inner picture[data-type="s"] {
transition-delay: 1.1s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(13) .castimg--inner picture[data-type="s"] {
transition-delay: 1.2s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(14) .castimg--inner picture[data-type="s"] {
transition-delay: 1.3s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(15) .castimg--inner picture[data-type="s"] {
transition-delay: 1.4s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(16) .castimg--inner picture[data-type="s"] {
transition-delay: 1.5s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(17) .castimg--inner picture[data-type="s"] {
transition-delay: 1.6s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(18) .castimg--inner picture[data-type="s"] {
transition-delay: 1.7s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(19) .castimg--inner picture[data-type="s"] {
transition-delay: 1.8s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(20) .castimg--inner picture[data-type="s"] {
transition-delay: 1.9s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(21) .castimg--inner picture[data-type="s"] {
transition-delay: 2s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(22) .castimg--inner picture[data-type="s"] {
transition-delay: 2.1s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(23) .castimg--inner picture[data-type="s"] {
transition-delay: 2.2s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(24) .castimg--inner picture[data-type="s"] {
transition-delay: 2.3s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(25) .castimg--inner picture[data-type="s"] {
transition-delay: 2.4s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(26) .castimg--inner picture[data-type="s"] {
transition-delay: 2.5s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(27) .castimg--inner picture[data-type="s"] {
transition-delay: 2.6s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(28) .castimg--inner picture[data-type="s"] {
transition-delay: 2.7s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(29) .castimg--inner picture[data-type="s"] {
transition-delay: 2.8s;
}
.common-settings#Cast[data-theme="s"] .inner-section .cast--lineup ul li:nth-child(30) .castimg--inner picture[data-type="s"] {
transition-delay: 2.9s;
}
.common-settings#Cast[data-theme="b"]:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--header__ttl .main {
color: #fff;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--header__ttl .sub {
color: #fff;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup .deco {
-webkit-animation: brightnessFade 1s 0.5s alternate cubic-bezier(0.77, 0, 0.175, 1) forwards;
animation: brightnessFade 1s 0.5s alternate cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li .castimg--inner:before {
background: linear-gradient(61deg, #282828 0%, #55555f 100%);
-webkit-animation: brightnessFade 1s alternate cubic-bezier(0.77, 0, 0.175, 1);
animation: brightnessFade 1s alternate cubic-bezier(0.77, 0, 0.175, 1);
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li .castimg--inner picture[data-type="s"] {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
pointer-events: none;
-webkit-transform: translateY(10%);
transform: translateY(10%);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(10px);
filter: blur(10px);
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li .castimg--inner picture[data-type="b"] {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translateY(0);
transform: translateY(0);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(0);
filter: blur(0);
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li .castname--en {
background: #282828;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(1) .castimg--inner picture[data-type="b"] {
transition-delay: 0s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(2) .castimg--inner picture[data-type="b"] {
transition-delay: 0.1s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(3) .castimg--inner picture[data-type="b"] {
transition-delay: 0.2s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(4) .castimg--inner picture[data-type="b"] {
transition-delay: 0.3s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(5) .castimg--inner picture[data-type="b"] {
transition-delay: 0.4s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(6) .castimg--inner picture[data-type="b"] {
transition-delay: 0.5s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(7) .castimg--inner picture[data-type="b"] {
transition-delay: 0.6s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(8) .castimg--inner picture[data-type="b"] {
transition-delay: 0.7s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(9) .castimg--inner picture[data-type="b"] {
transition-delay: 0.8s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(10) .castimg--inner picture[data-type="b"] {
transition-delay: 0.9s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(11) .castimg--inner picture[data-type="b"] {
transition-delay: 1s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(12) .castimg--inner picture[data-type="b"] {
transition-delay: 1.1s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(13) .castimg--inner picture[data-type="b"] {
transition-delay: 1.2s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(14) .castimg--inner picture[data-type="b"] {
transition-delay: 1.3s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(15) .castimg--inner picture[data-type="b"] {
transition-delay: 1.4s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(16) .castimg--inner picture[data-type="b"] {
transition-delay: 1.5s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(17) .castimg--inner picture[data-type="b"] {
transition-delay: 1.6s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(18) .castimg--inner picture[data-type="b"] {
transition-delay: 1.7s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(19) .castimg--inner picture[data-type="b"] {
transition-delay: 1.8s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(20) .castimg--inner picture[data-type="b"] {
transition-delay: 1.9s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(21) .castimg--inner picture[data-type="b"] {
transition-delay: 2s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(22) .castimg--inner picture[data-type="b"] {
transition-delay: 2.1s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(23) .castimg--inner picture[data-type="b"] {
transition-delay: 2.2s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(24) .castimg--inner picture[data-type="b"] {
transition-delay: 2.3s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(25) .castimg--inner picture[data-type="b"] {
transition-delay: 2.4s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(26) .castimg--inner picture[data-type="b"] {
transition-delay: 2.5s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(27) .castimg--inner picture[data-type="b"] {
transition-delay: 2.6s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(28) .castimg--inner picture[data-type="b"] {
transition-delay: 2.7s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(29) .castimg--inner picture[data-type="b"] {
transition-delay: 2.8s;
}
.common-settings#Cast[data-theme="b"] .inner-section .cast--lineup ul li:nth-child(30) .castimg--inner picture[data-type="b"] {
transition-delay: 2.9s;
}
.common-settings#Cast .inner-section {
position: relative;
max-width: 1334px;
margin-inline: auto;
}
.common-settings#Cast .inner-section .cast {
position: relative;
}
.common-settings#Cast .inner-section .cast .circle {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: auto;
box-sizing: border-box;
aspect-ratio: 1/1;
width: 986px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast .circle {
width: 72.5vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast .circle {
width: 0vw;
}
}
.common-settings#Cast .inner-section .cast .circle--inner {
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
border: dashed 1px #282828;
border-radius: 100%;
-webkit-animation: circleFloating 2s 0s infinite cubic-bezier(1, 0, 0, 1) forwards;
animation: circleFloating 2s 0s infinite cubic-bezier(1, 0, 0, 1) forwards;
}
.common-settings#Cast .inner-section .cast .circle[data-num="1"] .circle--inner {
border-color: #cda5ff;
-webkit-animation-duration: 3.2s;
animation-duration: 3.2s;
}
.common-settings#Cast .inner-section .cast .circle[data-num="2"] .circle--inner {
border-color: #ffd728;
-webkit-animation-duration: 4.2s;
animation-duration: 4.2s;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.common-settings#Cast .inner-section .cast .circle[data-num="3"] .circle--inner {
border-color: #198caa;
-webkit-animation-duration: 3.8s;
animation-duration: 3.8s;
}
.common-settings#Cast .inner-section .cast .circle[data-num="4"] .circle--inner {
border-color: #ff8c3c;
-webkit-animation-duration: 4.2s;
animation-duration: 4.2s;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.common-settings#Cast .inner-section .cast .circle[data-num="5"] .circle--inner {
border-color: #e6325f;
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
.common-settings#Cast .inner-section .cast .circle[data-num="6"] .circle--inner {
border-color: #c8c3dc;
-webkit-animation-duration: 4.5s;
animation-duration: 4.5s;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.common-settings#Cast .inner-section .cast .circle[data-num="7"] .circle--inner {
border-color: #eb4682;
-webkit-animation-duration: 3.2s;
animation-duration: 3.2s;
}
.common-settings#Cast .inner-section .cast--header {
margin-bottom: 18px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--header {
margin-bottom: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--header {
margin-bottom: 3.73134328358209vw;
}
}
.common-settings#Cast .inner-section .cast--header__ttl {
position: relative;
width: -webkit-fit-content;
width: fit-content;
margin-inline: auto;
}
.common-settings#Cast .inner-section .cast--header__ttl > * {
display: block;
}
.common-settings#Cast .inner-section .cast--header__ttl .icon {
position: absolute;
top: 0;
left: 0;
height: auto;
background-color: #282828;
border-radius: 100%;
-webkit-transform: translate(-150%, 50%);
transform: translate(-150%, 50%);
aspect-ratio: 1/1;
background-image: url("../images/_common/icon/navicon_cast_white.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: 74% auto;
width: 30px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--header__ttl .icon {
width: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--header__ttl .icon {
width: 7.462686567164179vw;
}
}
.common-settings#Cast .inner-section .cast--header__ttl .main {
line-height: 1;
color: #282828;
font-size: 96px;
font-size: 9.6rem;
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--header__ttl .main {
font-size: 7.058823529411764vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--header__ttl .main {
font-size: 17.910447761194032vw !important;
}
}
.common-settings#Cast .inner-section .cast--header__ttl .sub {
position: absolute;
top: 0;
right: 0;
font-weight: 500;
-webkit-transform: translate(100%, 20%);
transform: translate(100%, 20%);
font-size: 15px;
font-size: 1.5rem;
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--header__ttl .sub {
font-size: 1.102941176470588vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--header__ttl .sub {
font-size: 2.985074626865672vw !important;
}
}
.common-settings#Cast .inner-section .cast--lineup {
position: relative;
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 1;
background: url("../images/cast/bg_kira_sp.svg") left top repeat-y;
background-size: 100% auto;
}
}
.common-settings#Cast .inner-section .cast--lineup .deco {
position: absolute;
height: auto;
z-index: 8;
pointer-events: none;
will-change: filter;
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="1"] {
width: 120px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="1"] {
width: 8.823529411764707vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="1"] {
width: 20.398009950248756vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="1"] {
left: 50%;
bottom: 0;
-webkit-transform: translate(111px, 74%);
transform: translate(111px, 74%);
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="1"] {
top: 111.94029850746269vw;
right: 0;
-webkit-transform: translate(40%, 0);
transform: translate(40%, 0);
}
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="1"] .deco--inner picture {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(2px);
filter: blur(2px);
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="2"] {
width: 264px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="2"] {
width: 19.411764705882355vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="2"] {
width: 24.875621890547265vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="2"] {
right: 0;
bottom: 0;
-webkit-transform: translate(36px, 0);
transform: translate(36px, 0);
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="2"] {
top: 37.3134328358209vw;
left: 0;
-webkit-transform: translate(-20%, 0);
transform: translate(-20%, 0);
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="2"] .deco--inner picture {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(6px);
filter: blur(6px);
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="2"] .deco--inner picture {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(3px);
filter: blur(3px);
}
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="3"] {
width: 102px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="3"] {
width: 7.5vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="3"] {
width: 9.950248756218906vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="3"] {
top: 0;
right: 0;
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="3"] {
top: 0;
left: 2.487562189054727%;
-webkit-transform: translate(0, -60%);
transform: translate(0, -60%);
}
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="3"] .deco--inner picture {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(2px);
filter: blur(2px);
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="4"] {
width: 116px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="4"] {
width: 8.529411764705882vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="4"] {
width: 26.865671641791046vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="4"] {
top: 300px;
right: 0;
-webkit-transform: translate(15%, 0);
transform: translate(15%, 0);
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="4"] {
bottom: 0vw;
right: 0;
}
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="4"] .deco--inner picture {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(4px);
filter: blur(4px);
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="5"] {
top: 0;
width: 84px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="5"] {
width: 6.176470588235294vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="5"] {
width: 14.925373134328359vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="5"] {
left: 0;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="5"] {
right: 0;
-webkit-transform: translate(40%, 0);
transform: translate(40%, 0);
}
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="5"] .deco--inner picture {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(2px);
filter: blur(2px);
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="6"] {
width: 158px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="6"] {
width: 11.617647058823529vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="6"] {
width: 20.895522388059703vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="6"] {
left: 0;
bottom: 42px;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="6"] {
right: 0;
bottom: 49.75124378109453vw;
-webkit-transform: translate(30%, 0);
transform: translate(30%, 0);
}
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="6"] .deco--inner picture {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(2px);
filter: blur(2px);
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="7"] {
width: 250px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="7"] {
width: 18.38235294117647vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="7"] {
width: 38.308457711442784vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="7"] {
left: 0;
bottom: 272px;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="7"] {
left: 0;
bottom: 29.850746268656717vw;
-webkit-transform: translate(-40%, 0);
transform: translate(-40%, 0);
}
}
.common-settings#Cast .inner-section .cast--lineup .deco[data-num="7"] .deco--inner picture {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(4px);
filter: blur(4px);
}
.common-settings#Cast .inner-section .cast--lineup .deco--inner picture {
display: block;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(1.2) contrast(500%) blur(20px);
filter: brightness(1.2) contrast(500%) blur(20px);
will-change: filter;
-webkit-transform: translateY(20%);
transform: translateY(20%);
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.common-settings#Cast .inner-section .cast--lineup .deco--inner picture img {
width: 100%;
height: auto;
vertical-align: bottom;
will-change: filter;
aspect-ratio: 1/1;
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup .deco--inner picture img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: drop-shadow(12px 16px 12px rgba(0,0,0,0.25));
filter: drop-shadow(12px 16px 12px rgba(0,0,0,0.25));
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.common-settings#Cast .inner-section .cast--lineup ul {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
z-index: 2;
margin-inline: auto;
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup ul {
width: 95.83333333333334%;
gap: 0 2.39880059970015%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul {
gap: 2.238805970149254vw 3.482587064676617%;
padding-left: 5.970149253731343%;
padding-right: 5.970149253731343%;
}
}
.common-settings#Cast .inner-section .cast--lineup ul > li {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup ul > li {
width: 22.938530734632685%;
-webkit-transform: translateX(15%);
transform: translateX(15%);
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li {
width: 48.0225988700565%;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup ul > li:nth-child(n+5) {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.common-settings#Cast .inner-section .cast--lineup ul > li[data-cast="koshimizu"] .castimg--inner:after {
background-color: #cda5ff;
}
.common-settings#Cast .inner-section .cast--lineup ul > li[data-cast="shishido"] .castimg--inner:after {
background-color: #ffd728;
}
.common-settings#Cast .inner-section .cast--lineup ul > li[data-cast="kaburaki"] .castimg--inner:after {
background-color: #198caa;
}
.common-settings#Cast .inner-section .cast--lineup ul > li[data-cast="igarashi"] .castimg--inner:after {
background-color: #ff8c3c;
}
.common-settings#Cast .inner-section .cast--lineup ul > li[data-cast="ishigami"] .castimg--inner:after {
background-color: #e6325f;
}
.common-settings#Cast .inner-section .cast--lineup ul > li[data-cast="sophia"] .castimg--inner:after {
background-color: #c8c3dc;
}
.common-settings#Cast .inner-section .cast--lineup ul > li[data-cast="kuramochi"] .castimg--inner:after {
background-color: #eb4682;
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg {
position: relative;
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner {
position: relative;
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner:before,
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: auto;
display: block;
aspect-ratio: 306/228;
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner:before,
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner:after {
border-radius: 42px 6px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner:before,
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner:after {
border-radius: 3.088235294117647vw 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner:before,
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner:after {
border-radius: 7.462686567164179vw 1.492537313432836vw;
}
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner:before {
z-index: 2;
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner:after {
z-index: 1;
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner picture {
position: relative;
display: block;
z-index: 3;
will-change: filter;
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner picture[data-type="s"] {
position: relative;
z-index: 3;
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner picture[data-type="b"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner picture img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner picture img {
aspect-ratio: 612/662;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--inner picture img {
aspect-ratio: 510/552;
}
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns {
position: absolute;
right: 0;
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
z-index: 7;
-webkit-transform: translateX(30%);
transform: translateX(30%);
width: 42px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns {
width: 3.088235294117647vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns {
width: 7.462686567164179vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns {
gap: 12px 0;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns {
gap: 0.882352941176471vw 0;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns {
gap: 1.492537313432836vw 0;
}
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns > a {
display: block;
will-change: filter;
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns > a {
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: unset;
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns > a:hover {
-webkit-transform: scale(1.06);
transform: scale(1.06);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(0.5);
filter: brightness(0.5);
}
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns > a picture {
display: block;
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castimg--sns > a picture img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
aspect-ratio: 1/1;
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castname {
text-align: center;
padding-top: 18px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname {
padding-top: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname {
padding-top: 3.73134328358209vw;
}
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--ja {
font-weight: 700;
line-height: 1;
font-size: 24px;
font-size: 2.4rem;
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--ja {
font-size: 1.764705882352941vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--ja {
font-size: 3.482587064676617vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--ja {
font-family: "Zen Maru Gothic", sans-serif;
font-style: normal;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--ja {
font-family: "Inter", "Noto Sans JP";
font-optical-sizing: auto;
font-weight: 900;
font-style: normal;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--ja[data-txtcolor="sophia"] {
letter-spacing: -0.08em;
}
}
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
display: block;
width: -webkit-fit-content;
width: fit-content;
line-height: 1;
border-radius: 30px;
margin-inline: auto;
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
font-size: 10px;
font-size: 1rem;
margin-top: 12px;
padding-top: 5px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 6px;
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
font-size: 0.735294117647059vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
font-size: 2.487562189054727vw !important;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
margin-top: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
margin-top: 1.990049751243781vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
padding-top: 0.367647058823529vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
padding-top: 1.243781094527363vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
padding-left: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
padding-left: 2.985074626865672vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
padding-right: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
padding-right: 2.985074626865672vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
padding-bottom: 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Cast .inner-section .cast--lineup ul > li .castname--en {
padding-bottom: 1.492537313432836vw;
}
}
.common-settings#Contact {
padding-top: 96px;
}
@media screen and (max-width: 1360px) {
.common-settings#Contact {
padding-top: 7.058823529411764vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact {
padding-top: 10.447761194029852vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Contact {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact {
padding-left: 0;
padding-right: 0;
}
}
.common-settings#Contact .inner-section .contact {
max-width: 1200px;
box-sizing: border-box;
margin-inline: auto;
}
@media screen and (max-width: 1360px) {
.common-settings#Contact .inner-section .contact {
width: 88.23529411764706%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact {
width: 100% !important;
}
}
.common-settings#Contact .inner-section .contact--header {
margin-bottom: 60px;
}
@media screen and (max-width: 1360px) {
.common-settings#Contact .inner-section .contact--header {
margin-bottom: 4.411764705882353vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--header {
margin-bottom: 8.955223880597016vw;
}
}
.common-settings#Contact .inner-section .contact--nav {
margin-bottom: 120px;
}
@media screen and (max-width: 1360px) {
.common-settings#Contact .inner-section .contact--nav {
margin-bottom: 8.823529411764707vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--nav {
margin-bottom: 16.417910447761194vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
gap: 0 18px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Contact .inner-section .contact--nav {
gap: 0 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--nav {
padding-left: 5.970149253731343%;
padding-right: 5.970149253731343%;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--nav > dl {
width: 34%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--nav > dl:not(:last-child) {
margin-bottom: 8.955223880597016vw;
}
}
.common-settings#Contact .inner-section .contact--nav > dl > dt {
text-align: center;
font-weight: 700;
line-height: 1;
margin-bottom: 24px;
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Contact .inner-section .contact--nav > dl > dt {
margin-bottom: 1.764705882352941vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--nav > dl > dt {
margin-bottom: 3.73134328358209vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Contact .inner-section .contact--nav > dl > dt {
font-size: 1.102941176470588vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--nav > dl > dt {
font-size: 3.73134328358209vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--nav > dl > dt {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--nav > dl > dd .md-btn__links {
width: 100%;
}
}
.common-settings#Contact .inner-section .contact--logos {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--logos {
gap: 0 36px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Contact .inner-section .contact--logos {
gap: 0 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--logos {
gap: 5.472636815920398vw 2.487562189054727vw;
padding-left: 5.970149253731343%;
padding-right: 5.970149253731343%;
}
}
.common-settings#Contact .inner-section .contact--logos > header {
-ms-flex-order: 1;
order: 1;
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--logos > header {
width: 32.666666666666664%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--logos > header {
width: 100%;
}
}
.common-settings#Contact .inner-section .contact--logos:before {
content: "";
-ms-flex-order: 2;
order: 2;
box-sizing: border-box;
border: solid 0 #282828;
height: auto;
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--logos:before {
border-width: 1px 0;
width: 4%;
aspect-ratio: 48/19;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--logos:before {
border-width: 0 1px;
aspect-ratio: 19/30;
width: 4.726368159203981vw;
}
}
.common-settings#Contact .inner-section .contact--logos > ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-order: 3;
order: 3;
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--logos > ul {
width: 42.833333333333336%;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--logos > ul > li {
width: 47.081712062256805%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--logos > ul > li {
width: 48.58757062146893%;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--logos > ul > li:nth-child(1) > picture img {
width: 85.9504132231405%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--logos > ul > li:nth-child(1) > picture img {
width: 86.04651162790698%;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--logos > ul > li:nth-child(2) > picture img {
width: 92.14876033057851%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--logos > ul > li:nth-child(2) > picture img {
width: 92.44186046511628%;
}
}
.common-settings#Contact .inner-section .contact--logos > ul > li > header {
text-align: center;
line-height: 1;
margin-bottom: 10px;
}
@media screen and (max-width: 1360px) {
.common-settings#Contact .inner-section .contact--logos > ul > li > header {
margin-bottom: 0.735294117647059vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--logos > ul > li > header {
margin-bottom: 1.492537313432836vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--logos > ul > li > header {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
.common-settings#Contact .inner-section .contact--logos > ul > li > header > h4 {
line-height: 1;
font-size: 10px;
font-size: 1rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Contact .inner-section .contact--logos > ul > li > header > h4 {
font-size: 0.735294117647059vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Contact .inner-section .contact--logos > ul > li > header > h4 {
font-size: 2.487562189054727vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Contact .inner-section .contact--logos > ul > li > header > h4 {
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
.common-settings#Contact .inner-section .contact--logos > ul > li > picture {
width: 100%;
height: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
aspect-ratio: 242/112;
}
.common-settings#Goods {
position: relative;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
background: #282828;
margin-bottom: 72px;
padding-top: 115px;
padding-bottom: 96px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods {
margin-bottom: 5.294117647058823vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods {
margin-bottom: 7.462686567164179vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods {
padding-top: 8.455882352941178vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods {
padding-top: 20.895522388059703vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods {
padding-bottom: 7.058823529411764vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods {
padding-bottom: 14.925373134328359vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods {
padding-left: 0;
padding-right: 0;
}
}
.common-settings#Goods.is__scrolled {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.common-settings#Goods .md-colorgroup {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.common-settings#Goods:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../images/_common/bg/webp/bg_texture.webp") left top repeat;
background-size: 134px auto;
z-index: 1;
opacity: 0.1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.common-settings#Goods .inner-section {
position: relative;
z-index: 2;
color: #fff;
}
.common-settings#Goods .inner-section .goods {
max-width: 1200px;
box-sizing: border-box;
margin-inline: auto;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods {
width: 88.23529411764706%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods {
width: 100% !important;
}
}
.common-settings#Goods .inner-section .goods--header {
margin-bottom: 48px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--header {
margin-bottom: 3.529411764705882vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--header {
margin-bottom: 7.462686567164179vw;
}
}
.common-settings#Goods .inner-section .goods--header .md-ttl__section:before {
display: none;
}
.common-settings#Goods .inner-section .goods--imgs {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--imgs {
gap: 18px 2.666666666666667%;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--imgs {
gap: 1.323529411764706vw 2.666666666666667%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--imgs {
gap: 2.487562189054727vw;
}
}
.common-settings#Goods .inner-section .goods--imgs > picture {
display: block;
}
.common-settings#Goods .inner-section .goods--imgs > picture img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
object-fit: contain;
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--imgs > picture img {
border-radius: 6px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--imgs > picture img {
border-radius: 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--imgs > picture img {
border-radius: 0.746268656716418vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--imgs > picture[data-pcsize="full"] {
width: 85.33333333333334%;
}
}
.common-settings#Goods .inner-section .goods--imgs > picture[data-pcsize="full"] img {
aspect-ratio: 16/9;
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--imgs > picture[data-pcsize="half"] {
width: 48.66666666666667%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--imgs > picture[data-pcsize="half"] {
width: 79.60199004975125%;
margin-inline: auto;
}
}
.common-settings#Goods .inner-section .goods--imgs > picture[data-pcsize="half"] img {
aspect-ratio: 1/1;
}
.common-settings#Goods .inner-section .goods--nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 42px;
padding-top: 60px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--nav {
margin-bottom: 3.088235294117647vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--nav {
margin-bottom: 5.970149253731344vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--nav {
padding-top: 4.411764705882353vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--nav {
padding-top: 13.432835820895523vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--nav {
gap: 12px 1.333333333333333%;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--nav {
gap: 0.882352941176471vw 1.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--nav {
gap: 2.985074626865672vw 3.482587064676617%;
padding-left: 5.970149253731343%;
padding-right: 5.970149253731343%;
}
}
.common-settings#Goods .inner-section .goods--nav > a {
line-height: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
box-sizing: border-box;
border: 1px solid #fff;
border-radius: 3px;
background: #656567;
font-weight: 700;
color: #fff;
gap: 0 0.2em;
padding-top: 18px;
padding-bottom: 18px;
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--nav > a {
padding-top: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--nav > a {
padding-top: 2.985074626865672vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--nav > a {
padding-bottom: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--nav > a {
padding-bottom: 2.985074626865672vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--nav > a {
font-size: 1.102941176470588vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--nav > a {
font-size: 2.985074626865672vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--nav > a {
width: 24%;
transition-duration: 0.3s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.common-settings#Goods .inner-section .goods--nav > a:hover {
background: #a2ffa2;
color: #000;
}
.common-settings#Goods .inner-section .goods--nav > a:hover:after {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(0);
filter: brightness(0);
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--nav > a {
width: 48.0225988700565%;
}
}
.common-settings#Goods .inner-section .goods--nav > a:after {
content: "";
display: block;
height: auto;
-webkit-transform: translateY(12%);
transform: translateY(12%);
aspect-ratio: 1/1;
background-image: url("../images/_common/icon/arrow_bottom_white.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 15px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--nav > a:after {
width: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--nav > a:after {
width: 2.985074626865672vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--nav > a:after {
transition-duration: 0.3s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details {
padding-left: 5.970149253731343%;
padding-right: 5.970149253731343%;
}
}
.common-settings#Goods .inner-section .goods--details__block {
border-radius: 6px;
border: 1px solid #656567;
padding-top: 42px;
padding-left: 36px;
padding-right: 36px;
padding-bottom: 42px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block {
padding-top: 3.088235294117647vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block {
padding-top: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block {
padding-left: 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block {
padding-left: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block {
padding-right: 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block {
padding-right: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block {
padding-bottom: 3.088235294117647vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block {
padding-bottom: 7.462686567164179vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--details__block {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block {
border-radius: 1.492537313432836vw;
}
}
.common-settings#Goods .inner-section .goods--details__block:not(:last-child) {
margin-bottom: 24px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block:not(:last-child) {
margin-bottom: 1.764705882352941vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block:not(:last-child) {
margin-bottom: 4.477611940298508vw;
}
}
.common-settings#Goods .inner-section .goods--details__block--img {
width: 100%;
margin-bottom: 36px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block--img {
margin-bottom: 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--img {
margin-bottom: 5.970149253731344vw;
}
}
.common-settings#Goods .inner-section .goods--details__block--img picture {
display: block;
background: rgba(0,0,0,0.2);
}
.common-settings#Goods .inner-section .goods--details__block--img picture:not(:last-child) {
margin-bottom: 15px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block--img picture:not(:last-child) {
margin-bottom: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--img picture:not(:last-child) {
margin-bottom: 2.487562189054727vw;
}
}
.common-settings#Goods .inner-section .goods--details__block--img picture img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--details__block--img picture img {
object-fit: contain;
aspect-ratio: 16/9;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--img picture img {
border-radius: 0.746268656716418vw;
}
}
.common-settings#Goods .inner-section .goods--details__block--header {
width: 100%;
margin-bottom: 36px;
padding-top: 0px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block--header {
margin-bottom: 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--header {
margin-bottom: 5.970149253731344vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block--header {
padding-top: 0vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--header {
padding-top: 2.985074626865672vw;
}
}
.common-settings#Goods .inner-section .goods--details__block--header .num {
margin-bottom: 0.6em;
display: block;
line-height: 1;
letter-spacing: 0.1em;
font-size: 10px;
font-size: 1rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block--header .num {
font-size: 0.735294117647059vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--header .num {
font-size: 2.487562189054727vw !important;
}
}
.common-settings#Goods .inner-section .goods--details__block--header .ttl {
font-weight: 700;
line-height: 1.5;
font-size: 30px;
font-size: 3rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block--header .ttl {
font-size: 2.205882352941177vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--header .ttl {
font-size: 5.970149253731344vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--details__block--info {
width: 50%;
}
}
.common-settings#Goods .inner-section .goods--details__block--info > section .md-item__infoset:not(:last-child) {
margin-bottom: 24px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block--info > section .md-item__infoset:not(:last-child) {
margin-bottom: 1.764705882352941vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--info > section .md-item__infoset:not(:last-child) {
margin-bottom: 4.477611940298508vw;
}
}
.common-settings#Goods .inner-section .goods--details__block--info > section .md-item__infoset > dd .md-li__attention {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.common-settings#Goods .inner-section .goods--details__block--nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 36px;
padding-bottom: 36px;
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block--nav {
padding-top: 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--nav {
padding-top: 7.462686567164179vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Goods .inner-section .goods--details__block--nav {
padding-bottom: 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--nav {
padding-bottom: 0vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--details__block--nav {
width: 48.40425531914894%;
box-sizing: border-box;
background: rgba(255,255,255,0.05);
border-radius: 6px;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--nav {
width: 100%;
}
}
.common-settings#Goods .inner-section .goods--details__block--nav .md-btn__links {
margin-inline: auto;
}
@media print, screen and (min-width: 769px) {
.common-settings#Goods .inner-section .goods--details__block--nav .md-btn__links {
width: 78.75457875457876%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Goods .inner-section .goods--details__block--nav .md-btn__links {
width: 100%;
}
}
.common-settings#Ticket {
padding-top: 96px;
padding-bottom: 154px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket {
padding-top: 7.058823529411764vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket {
padding-top: 20.895522388059703vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket {
padding-bottom: 11.323529411764707vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket {
padding-bottom: 16.417910447761194vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket {
padding-left: 0;
padding-right: 0;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket {
background-image: url("../images/ticket/webp/bg_ticket_pc.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-position: center top;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket {
background-image: url("../images/ticket/webp/bg_ticket_sp.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-position: center top;
}
}
.common-settings#Ticket .inner-section .ticket {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translate(0, 50px);
transform: translate(0, 50px);
max-width: 1200px;
box-sizing: border-box;
margin-inline: auto;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket {
width: 88.23529411764706%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket {
width: 100% !important;
}
}
.common-settings#Ticket .inner-section .ticket.is__scrolled {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.common-settings#Ticket .inner-section .ticket:not(:last-child) {
margin-bottom: 96px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket:not(:last-child) {
margin-bottom: 7.058823529411764vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket:not(:last-child) {
margin-bottom: 20.895522388059703vw;
}
}
.common-settings#Ticket .inner-section .ticket--header {
position: relative;
margin-bottom: 48px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--header {
margin-bottom: 3.529411764705882vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--header {
margin-bottom: 3.73134328358209vw;
}
}
.common-settings#Ticket .inner-section .ticket--header__enttl {
position: relative;
width: -webkit-fit-content;
width: fit-content;
margin-inline: auto;
}
.common-settings#Ticket .inner-section .ticket--header__enttl:before {
content: "";
position: absolute;
top: 0;
left: 50%;
display: block;
height: auto;
-webkit-transform: translate(-50%, -80%);
transform: translate(-50%, -80%);
aspect-ratio: 1/1;
margin-inline: auto;
background-image: url("../images/_common/icon/icon_kira.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 40px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--header__enttl:before {
width: 2.941176470588236vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--header__enttl:before {
width: 8.955223880597016vw;
}
}
.common-settings#Ticket .inner-section .ticket--header__enttl > h2 {
font-size: 72px;
font-size: 7.2rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--header__enttl > h2 {
font-size: 5.294117647058823vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--header__enttl > h2 {
font-size: 10.447761194029852vw !important;
}
}
.common-settings#Ticket .inner-section .ticket--header__enttl > h2 span {
background: linear-gradient(90deg, #282828 0%, #55555f 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.common-settings#Ticket .inner-section .ticket--header__subttl {
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--header__subttl {
font-size: 0.882352941176471vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--header__subttl {
font-size: 2.985074626865672vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--header__subttl {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: right;
line-height: 1.8;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--header__jattl {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--header__jattl {
line-height: 1;
margin-top: 5.970149253731344vw;
}
}
.common-settings#Ticket .inner-section .ticket--header__jattl > h3 {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--header__jattl > h3 {
gap: 0 12px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--header__jattl > h3 {
gap: 0 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--header__jattl > h3 {
gap: 0 1.492537313432836vw;
-ms-flex-pack: center;
justify-content: center;
}
}
.common-settings#Ticket .inner-section .ticket--header__jattl > h3[data-type="ticket1"]:before {
background-image: url("../images/_common/icon/navicon_ticket_white.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: 82% auto;
}
.common-settings#Ticket .inner-section .ticket--header__jattl > h3:before {
content: "";
display: block;
height: auto;
background-color: #282828;
border-radius: 100%;
aspect-ratio: 1/1;
width: 36px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--header__jattl > h3:before {
width: 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--header__jattl > h3:before {
width: 5.970149253731344vw;
}
}
.common-settings#Ticket .inner-section .ticket--header__jattl > h3 > em {
font-weight: 700;
letter-spacing: 0.2em;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--header__jattl > h3 > em {
font-size: 0.882352941176471vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--header__jattl > h3 > em {
font-size: 2.985074626865672vw !important;
}
}
.common-settings#Ticket .inner-section .ticket--main {
position: relative;
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main {
padding-left: 5.970149253731343%;
padding-right: 5.970149253731343%;
}
}
.common-settings#Ticket .inner-section .ticket--main .l:not(:last-child) {
margin-bottom: 30px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l:not(:last-child) {
margin-bottom: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l:not(:last-child) {
margin-bottom: 5.970149253731344vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block:not(:last-child) {
margin-bottom: 30px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block:not(:last-child) {
margin-bottom: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block:not(:last-child) {
margin-bottom: 5.970149253731344vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt {
padding-right: 64px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt {
padding-right: 4.705882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt {
padding-right: 0vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt[data-status="opened"] .js--ticketopen {
display: none;
}
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt[data-status="closed"] .tkt--details {
display: none;
}
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt--details {
padding-bottom: 0px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt--details {
padding-bottom: 0vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt--details {
padding-bottom: 7.462686567164179vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt--details__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket1"] .l--block .tkt--details .l {
width: 48.31460674157304%;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket2"] {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 36px 0;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket2"] {
gap: 2.647058823529412vw 0;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket2"] .l--block {
width: 48.833333333333336%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket2"] .l--block:not(:last-child) {
margin-bottom: 5.970149253731344vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket2"] .l--block .tkt--details {
padding-bottom: 0px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket2"] .l--block .tkt--details {
padding-bottom: 0vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l[data-type="ticket2"] .l--block .tkt--details {
padding-bottom: 4.477611940298508vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block {
position: relative;
}
.common-settings#Ticket .inner-section .ticket--main .l--block[data-status="end"] .tkt--header {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block[data-status="end"] .tkt--header {
-ms-flex-align: center;
align-items: center;
gap: 0 12px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block[data-status="end"] .tkt--header {
gap: 0 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block[data-status="end"] .tkt--header {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block[data-status="end"] .tkt--header > h4 {
-ms-flex-order: 2;
order: 2;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block[data-status="end"] .tkt--header:after {
display: block;
background: #656567;
color: #fff;
font-weight: 700;
padding: 0.5em 0.8em;
line-height: 1;
width: -webkit-fit-content;
width: fit-content;
font-size: 10px;
font-size: 1rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block[data-status="end"] .tkt--header:after {
font-size: 0.735294117647059vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block[data-status="end"] .tkt--header:after {
font-size: 2.487562189054727vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block[data-status="end"] .tkt--header:after {
content: "受付は終了しました";
border-radius: 3px;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block[data-status="end"] .tkt--header:after {
content: "受付終了";
border-radius: 0.746268656716418vw;
-ms-flex-order: 1;
order: 1;
margin-bottom: 1.492537313432836vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block[data-bgrainbow="1"]:after {
background-image: url("../images/_common/bg/webp/rainbow_001.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.common-settings#Ticket .inner-section .ticket--main .l--block[data-bgrainbow="2"]:after {
background-image: url("../images/_common/bg/webp/rainbow_002.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.common-settings#Ticket .inner-section .ticket--main .l--block:before,
.common-settings#Ticket .inner-section .ticket--main .l--block:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 6px 3px 3px 3px;
box-sizing: border-box;
}
.common-settings#Ticket .inner-section .ticket--main .l--block:before {
top: 0;
left: 0;
background: #fff;
z-index: 2;
}
.common-settings#Ticket .inner-section .ticket--main .l--block:after {
top: 4px;
left: 4px;
}
.common-settings#Ticket .inner-section .ticket--main .l--block .price,
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt,
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
position: relative;
z-index: 3;
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price,
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt,
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
width: 90.3954802259887%;
margin-inline: auto;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .price {
color: #282828;
padding-top: 72px;
padding-left: 64px;
padding-bottom: 72px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price {
padding-top: 5.294117647058823vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price {
padding-top: 7.462686567164179vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price {
padding-left: 4.705882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price {
padding-left: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price {
padding-bottom: 5.294117647058823vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price {
padding-bottom: 7.960199004975125vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price {
line-height: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price {
text-align: center;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h3 {
font-weight: 700;
padding-right: 36px;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h3 {
padding-right: 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h3 {
padding-right: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h3 {
font-size: 1.323529411764706vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h3 {
font-size: 2.985074626865672vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h3 {
margin-bottom: 0.85em;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h4 {
line-height: 1;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h4 em {
font-weight: 700;
font-size: 30px;
font-size: 3rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h4 em {
font-size: 2.205882352941177vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h4 em {
font-size: 7.462686567164179vw !important;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h4 small {
font-weight: 700;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h4 small {
font-size: 1.323529411764706vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h4 small {
font-size: 4.477611940298508vw !important;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h5 {
font-weight: 700;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h5 {
font-size: 1.323529411764706vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h5 {
font-size: 2.985074626865672vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price > h5 {
padding-top: 0.55em;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .price .option {
font-weight: 700;
padding-left: 42px;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price .option {
padding-left: 3.088235294117647vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price .option {
padding-left: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price .option {
font-size: 0.882352941176471vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price .option {
font-size: 2.487562189054727vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .price .option {
padding-top: 2.985074626865672vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
padding-top: 60px;
padding-left: 64px;
padding-right: 64px;
padding-bottom: 60px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
padding-top: 4.411764705882353vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
padding-top: 7.462686567164179vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
padding-left: 4.705882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
padding-left: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
padding-right: 4.705882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
padding-right: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
padding-bottom: 4.411764705882353vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice {
padding-bottom: 7.462686567164179vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl {
font-weight: 700;
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl {
text-align: center;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl:not(:last-child) {
position: relative;
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl:not(:last-child) {
margin-bottom: 4.975124378109453vw;
padding-bottom: 4.975124378109453vw;
}
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl:not(:last-child):after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
display: block;
height: 1px;
background: #656567;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 4.477611940298508vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl > dt {
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl > dt {
font-size: 1.323529411764706vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl > dt {
font-size: 2.487562189054727vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl > dt {
width: 26.96629213483146%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl > dt {
line-height: 1;
margin-bottom: 2.487562189054727vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl > dd {
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl > dd {
font-size: 1.764705882352941vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl > dd {
font-size: 4.477611940298508vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl > dd {
width: 73.03370786516854%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .onlineprice > dl > dd {
line-height: 1.4;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt {
padding-top: 60px;
padding-bottom: 60px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt {
padding-top: 4.411764705882353vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt {
padding-top: 7.462686567164179vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt {
padding-bottom: 4.411764705882353vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt {
padding-bottom: 7.462686567164179vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--header {
position: relative;
padding-left: 64px;
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--header {
padding-left: 4.705882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--header {
padding-left: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--header {
font-size: 1.764705882352941vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--header {
font-size: 4.975124378109453vw !important;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--header:before {
width: 40px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--header:before {
width: 2.941176470588236vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--header:before {
width: 5.970149253731344vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--header:before {
content: "";
position: absolute;
top: 50%;
left: 0;
display: block;
height: 1px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: linear-gradient(88deg, #cda5ff 0%, #ffd728 15.38%, #198caa 31.25%, #ff8c3c 48.08%, #e6325f 62.02%, #c8c3dc 75.96%, #e6325f 100%);
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--header span {
font-weight: 900;
color: #282828;
background: linear-gradient(transparent 70%, #a2ffa2 70%);
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
margin: 0;
padding: 0;
border-radius: 100px;
border: solid 1px #282828;
line-height: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: none;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #282828;
margin-top: 0px;
padding-top: 10px;
padding-bottom: 12px;
width: 252px;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
margin-top: 0vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
margin-top: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
padding-top: 0.735294117647059vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
padding-top: 2.487562189054727vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
padding-bottom: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
padding-bottom: 2.487562189054727vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
width: 18.529411764705884vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
width: 45.77114427860697vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
font-size: 1.323529411764706vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
font-size: 3.73134328358209vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
text-box: trim-both cap alphabetic;
leading-trim: both;
gap: 0 3px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
gap: 0 0.220588235294118vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn {
gap: 0 0.746268656716418vw;
margin-inline: auto;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn:after {
content: "";
display: block;
height: auto;
-webkit-transform: translateY(15%);
transform: translateY(15%);
aspect-ratio: 1/1;
background-image: url("../images/_common/icon/arrow_bottom.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 15px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn:after {
width: 1.102941176470588vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--openbtn:after {
width: 2.985074626865672vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details {
width: 100%;
box-sizing: border-box;
padding-top: 36px;
padding-left: 64px;
padding-right: 64px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details {
padding-top: 2.647058823529412vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details {
padding-top: 4.477611940298508vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details {
padding-left: 4.705882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details {
padding-left: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details {
padding-right: 4.705882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details {
padding-right: 0vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="normal"] .links {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="normal"] .links {
width: 45.50561797752809%;
gap: 6px 0;
}
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="normal"] .links {
gap: 0.441176470588235vw 0;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="normal"] .links {
gap: 1.492537313432836vw 0;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album {
width: 45.50561797752809%;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album > dl {
width: 48.148148148148145%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album > dl {
width: 46.875%;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album > dl > dd {
margin-bottom: 12px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album > dl > dd {
margin-bottom: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album > dl > dd {
margin-bottom: 1.492537313432836vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album > dl > dd > picture {
display: block;
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album > dl > dd > picture img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
aspect-ratio: 1/1;
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album > dl > dt {
text-align: center;
font-weight: 700;
line-height: 1;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album > dl > dt {
font-size: 0.882352941176471vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details[data-type="album"] .album > dl > dt {
font-size: 2.487562189054727vw !important;
}
}
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details .l--items:not(:last-child) {
margin-bottom: 20px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details .l--items:not(:last-child) {
margin-bottom: 1.470588235294118vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details .l--items:not(:last-child) {
margin-bottom: 5.970149253731344vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details .l--items > nav[data-pccolumn="2"] {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details .l--items > nav[data-pccolumn="2"] > .md-btn__links {
width: 49%;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .l--block .tkt--details .l--items > nav[data-pccolumn="2"] > .md-btn__links:not(:last-child) {
margin-bottom: 1.492537313432836vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .tikclose {
position: absolute;
left: 50%;
bottom: 0;
margin: 0;
padding: 0;
background: none;
border-style: none;
display: block;
cursor: pointer;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 84px;
}
@media screen and (max-width: 1360px) {
.common-settings#Ticket .inner-section .ticket--main .tikclose {
width: 6.176470588235294vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#Ticket .inner-section .ticket--main .tikclose {
width: 20.895522388059703vw;
}
}
.common-settings#Ticket .inner-section .ticket--main .tikclose picture {
display: block;
}
.common-settings#Ticket .inner-section .ticket--main .tikclose picture img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom;
aspect-ratio: 336/168;
}
.common-settings#TopYt {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
margin-bottom: 82px;
padding-top: 30px;
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt {
margin-bottom: 6.029411764705882vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt {
margin-bottom: 0vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt {
padding-top: 2.205882352941177vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt {
padding-top: 0vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#TopYt {
padding-left: 3.968253968253968%;
padding-right: 3.968253968253968%;
}
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt {
padding-left: 3.333333333333333%;
padding-right: 3.333333333333333%;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt {
padding-left: 5.970149253731343%;
padding-right: 5.970149253731343%;
}
}
.common-settings#TopYt.is__scrolled {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.common-settings#TopYt.is__scrolled .inner-section .yt--main {
-webkit-transform: scale(1);
transform: scale(1);
transition-duration: 1.2s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.common-settings#TopYt.is__scrolled .inner-section .yt--main > header {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition-duration: 0.6s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.common-settings#TopYt .inner-section {
position: relative;
padding-top: 90px;
padding-bottom: 90px;
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section {
padding-top: 6.61764705882353vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section {
padding-top: 8.955223880597016vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section {
padding-bottom: 6.61764705882353vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section {
padding-bottom: 17.910447761194032vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#TopYt .inner-section {
background-image: url("../images/youtube/webp/bg_youtube_pc.webp");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 6px;
}
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section {
border-radius: 0.441176470588235vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section {
border-radius: 1.492537313432836vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#TopYt .inner-section:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 76px;
background: url("../images/youtube/loop_txt.svg") left top repeat-x;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
background-size: 2130px auto;
-webkit-animation: ytBgTxtScrollX 30s 0s alternate linear forwards;
animation: ytBgTxtScrollX 30s 0s alternate linear forwards;
}
}
.common-settings#TopYt .inner-section .yt {
position: relative;
z-index: 2;
max-width: 1200px;
box-sizing: border-box;
margin-inline: auto;
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section .yt {
width: 88.23529411764706%;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section .yt {
width: 100% !important;
}
}
.common-settings#TopYt .inner-section .yt--main {
-webkit-transform: scale(1.08);
transform: scale(1.08);
margin-inline: auto;
}
@media print, screen and (min-width: 769px) {
.common-settings#TopYt .inner-section .yt--main {
color: #fff;
width: 36.5%;
}
}
.common-settings#TopYt .inner-section .yt--main > header {
line-height: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
margin-bottom: 18px;
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section .yt--main > header {
margin-bottom: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section .yt--main > header {
margin-bottom: 3.73134328358209vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section .yt--main > header {
font-size: 1.102941176470588vw !important;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section .yt--main > header {
font-size: 2.985074626865672vw !important;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#TopYt .inner-section .yt--main > header {
gap: 0 3px;
text-box: trim-both cap alphabetic;
leading-trim: both;
}
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section .yt--main > header {
gap: 0 0.220588235294118vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section .yt--main > header {
gap: 0 0.746268656716418vw;
color: #000;
}
}
.common-settings#TopYt .inner-section .yt--main > header:before,
.common-settings#TopYt .inner-section .yt--main > header:after {
content: "";
display: block;
height: auto;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
aspect-ratio: 1/1;
background-image: url("../images/_common/icon/icon_kira.svg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 12px;
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section .yt--main > header:before,
.common-settings#TopYt .inner-section .yt--main > header:after {
width: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section .yt--main > header:before,
.common-settings#TopYt .inner-section .yt--main > header:after {
width: 2.985074626865672vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#TopYt .inner-section .yt--main > header:before,
.common-settings#TopYt .inner-section .yt--main > header:after {
will-change: filter;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(10);
filter: brightness(10);
}
}
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
background: #000;
border: solid 1px #cd201f;
color: #fff;
padding-top: 18px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 18px;
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
padding-top: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
padding-top: 3.73134328358209vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
padding-left: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
padding-left: 2.985074626865672vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
padding-right: 0.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
padding-right: 2.985074626865672vw;
}
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
padding-bottom: 1.323529411764706vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
padding-bottom: 3.73134328358209vw;
}
}
@media print, screen and (min-width: 769px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
border-radius: 80px;
transition-duration: 0.3s;
transition-delay: 0s;
transition-timing-function: unset;
}
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube:hover {
background: #cd201f;
}
}
@media screen and (max-width: 1360px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
border-radius: 5.882352941176471vw;
}
}
@media screen and (max-width: 768px) {
.common-settings#TopYt .inner-section .yt--main > nav .md-btn__youtube {
border-radius: 19.900497512437813vw;
}
}
/* ========================================================
Pages
======================================================== */