.jubilee-2026-0217 html {
box-sizing:border-box;
-webkit-text-size-adjust:100%;
word-break:normal;
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4
}
.jubilee-2026-0217 *,.jubilee-2026-0217 ::before,.jubilee-2026-0217 ::after {
background-repeat:no-repeat;
box-sizing:inherit
}
.jubilee-2026-0217 ::before,.jubilee-2026-0217 ::after {
text-decoration:inherit;
vertical-align:inherit
}
.jubilee-2026-0217 * {
padding:0;
margin:0
}
.jubilee-2026-0217 hr {
overflow:visible;
height:0;
color:inherit
}
.jubilee-2026-0217 details,.jubilee-2026-0217 main {
display:block
}
.jubilee-2026-0217 summary {
display:list-item
}
.jubilee-2026-0217 [hidden] {
display:none
}
.jubilee-2026-0217 abbr[title] {
border-bottom:none;
text-decoration:underline;
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
.jubilee-2026-0217 a {
background-color:rgba(0,0,0,0)
}
.jubilee-2026-0217 a:active,.jubilee-2026-0217 a:hover {
outline-width:0
}
.jubilee-2026-0217 code,.jubilee-2026-0217 kbd,.jubilee-2026-0217 pre,.jubilee-2026-0217 samp {
font-family:monospace,monospace
}
.jubilee-2026-0217 pre {
font-size:1em
}
.jubilee-2026-0217 b,.jubilee-2026-0217 strong {
font-weight:bolder
}
.jubilee-2026-0217 sub,.jubilee-2026-0217 sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
.jubilee-2026-0217 sub {
bottom:-0.25em
}
.jubilee-2026-0217 sup {
top:-0.5em
}
.jubilee-2026-0217 table {
border-color:inherit;
text-indent:0
}
.jubilee-2026-0217 iframe {
border-style:none
}
.jubilee-2026-0217 input {
border-radius:0
}
.jubilee-2026-0217 [type=number]::-webkit-inner-spin-button,.jubilee-2026-0217 [type=number]::-webkit-outer-spin-button {
height:auto
}
.jubilee-2026-0217 [type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
.jubilee-2026-0217 [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
.jubilee-2026-0217 textarea {
overflow:auto;
resize:vertical
}
.jubilee-2026-0217 button,.jubilee-2026-0217 input,.jubilee-2026-0217 optgroup,.jubilee-2026-0217 select,.jubilee-2026-0217 textarea {
font:inherit
}
.jubilee-2026-0217 optgroup {
font-weight:bold
}
.jubilee-2026-0217 button {
overflow:visible
}
.jubilee-2026-0217 button,.jubilee-2026-0217 select {
text-transform:none
}
.jubilee-2026-0217 button,.jubilee-2026-0217 [type=button],.jubilee-2026-0217 [type=reset],.jubilee-2026-0217 [type=submit],.jubilee-2026-0217 [role=button] {
cursor:pointer
}
.jubilee-2026-0217 button::-moz-focus-inner,.jubilee-2026-0217 [type=button]::-moz-focus-inner,.jubilee-2026-0217 [type=reset]::-moz-focus-inner,.jubilee-2026-0217 [type=submit]::-moz-focus-inner {
border-style:none;
padding:0
}
.jubilee-2026-0217 button:-moz-focusring,.jubilee-2026-0217 [type=button]::-moz-focus-inner,.jubilee-2026-0217 [type=reset]::-moz-focus-inner,.jubilee-2026-0217 [type=submit]::-moz-focus-inner {
outline:1px dotted ButtonText
}
.jubilee-2026-0217 button,.jubilee-2026-0217 html [type=button],.jubilee-2026-0217 [type=reset],.jubilee-2026-0217 [type=submit] {
-webkit-appearance:button
}
.jubilee-2026-0217 button,.jubilee-2026-0217 input,.jubilee-2026-0217 select,.jubilee-2026-0217 textarea {
background-color:rgba(0,0,0,0);
border-style:none
}
.jubilee-2026-0217 a:focus,.jubilee-2026-0217 button:focus,.jubilee-2026-0217 input:focus,.jubilee-2026-0217 select:focus,.jubilee-2026-0217 textarea:focus {
outline-width:0
}
.jubilee-2026-0217 select {
-moz-appearance:none;
-webkit-appearance:none
}
.jubilee-2026-0217 select::-ms-expand {
display:none
}
.jubilee-2026-0217 select::-ms-value {
color:currentColor
}
.jubilee-2026-0217 legend {
border:0;
color:inherit;
display:table;
max-width:100%;
white-space:normal;
max-width:100%
}
.jubilee-2026-0217 ::-webkit-file-upload-button {
-webkit-appearance:button;
color:inherit;
font:inherit
}
.jubilee-2026-0217 [disabled] {
cursor:default
}
.jubilee-2026-0217 img {
border-style:none
}
.jubilee-2026-0217 progress {
vertical-align:baseline
}
.jubilee-2026-0217 [aria-busy=true] {
cursor:progress
}
.jubilee-2026-0217 [aria-controls] {
cursor:pointer
}
.jubilee-2026-0217 [aria-disabled=true] {
cursor:default
}
.jubilee-2026-0217 ol,.jubilee-2026-0217 ul,.jubilee-2026-0217 li {
list-style-type:none
}
.jubilee-2026-0217 a {
text-decoration:none
}
.jubilee-2026-0217 a,.jubilee-2026-0217 abbr,.jubilee-2026-0217 acronym,.jubilee-2026-0217 address,.jubilee-2026-0217 applet,.jubilee-2026-0217 article,.jubilee-2026-0217 aside,.jubilee-2026-0217 audio,.jubilee-2026-0217 b,.jubilee-2026-0217 big,.jubilee-2026-0217 blockquote,.jubilee-2026-0217 body,.jubilee-2026-0217 canvas,.jubilee-2026-0217 caption,.jubilee-2026-0217 cite,.jubilee-2026-0217 code,.jubilee-2026-0217 dd,.jubilee-2026-0217 del,.jubilee-2026-0217 details,.jubilee-2026-0217 dfn,.jubilee-2026-0217 div,.jubilee-2026-0217 dl,.jubilee-2026-0217 dt,.jubilee-2026-0217 em,.jubilee-2026-0217 embed,.jubilee-2026-0217 fieldset,.jubilee-2026-0217 figcaption,.jubilee-2026-0217 figure,.jubilee-2026-0217 footer,.jubilee-2026-0217 form,.jubilee-2026-0217 h1,.jubilee-2026-0217 h2,.jubilee-2026-0217 h3,.jubilee-2026-0217 h4,.jubilee-2026-0217 h5,.jubilee-2026-0217 h6,.jubilee-2026-0217 header,.jubilee-2026-0217 hgroup,.jubilee-2026-0217 html,.jubilee-2026-0217 i,.jubilee-2026-0217 iframe,.jubilee-2026-0217 img,.jubilee-2026-0217 ins,.jubilee-2026-0217 kbd,.jubilee-2026-0217 label,.jubilee-2026-0217 legend,.jubilee-2026-0217 li,.jubilee-2026-0217 mark,.jubilee-2026-0217 menu,.jubilee-2026-0217 nav,.jubilee-2026-0217 object,.jubilee-2026-0217 ol,.jubilee-2026-0217 output,.jubilee-2026-0217 p,.jubilee-2026-0217 pre,.jubilee-2026-0217 q,.jubilee-2026-0217 ruby,.jubilee-2026-0217 s,.jubilee-2026-0217 samp,.jubilee-2026-0217 section,.jubilee-2026-0217 small,.jubilee-2026-0217 span,.jubilee-2026-0217 strike,.jubilee-2026-0217 strong,.jubilee-2026-0217 sub,.jubilee-2026-0217 summary,.jubilee-2026-0217 sup,.jubilee-2026-0217 table,.jubilee-2026-0217 tbody,.jubilee-2026-0217 td,.jubilee-2026-0217 tfoot,.jubilee-2026-0217 th,.jubilee-2026-0217 thead,.jubilee-2026-0217 time,.jubilee-2026-0217 tr,.jubilee-2026-0217 tt,.jubilee-2026-0217 ul,.jubilee-2026-0217 var,.jubilee-2026-0217 video {
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
box-sizing:border-box;
color:inherit
}
.jubilee-2026-0217 img {
width:100%
}
.jubilee-2026-0217 svg {
overflow:hidden
}
.jubilee-2026-0217 h1,.jubilee-2026-0217 h2,.jubilee-2026-0217 h3,.jubilee-2026-0217 h4,.jubilee-2026-0217 h5,.jubilee-2026-0217 h6 {
font-weight:normal
}
.jubilee-2026-0217 *:focus {
outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.jubilee-2026-0217 * {
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.jubilee-2026-0217 {
font-size: 12px;
line-height: 1.7;
letter-spacing: .06em;
color: #333333;
width: 100%;
overflow-x: clip;
}
.jubilee-2026-0217 a:hover {
opacity:1
}
.jubilee-2026-0217 .link-btn {
display:block;
text-align:center;
position:relative;
background-color:#667073;
line-height:1.3;
color:#fff;
letter-spacing:.07em;
font-size:14px;
padding:15px 3px
}
.jubilee-2026-0217 .link-btn2 {
display:block;
text-align:center;
position:relative;
background-color:#d7b4b8;
line-height:1.3;
color:#fff;
letter-spacing:.07em;
font-size:14px;
padding:15px 3px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .link-btn {
transition:opacity .3s ease;
max-width:300px;
transition:color .3s ease
}
.jubilee-2026-0217 .link-btn2 {
transition:opacity .3s ease;
max-width:300px;
transition:color .3s ease
}
.jubilee-2026-0217 .link-btn::after {
z-index:1;
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
transition:opacity .3s ease
}
.jubilee-2026-0217 .link-btn2::after {
z-index:1;
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
transition:opacity .3s ease
}
.jubilee-2026-0217 .link-btn:hover {
color:#fff;
opacity:.7;
transition:opacity .3s ease
}
.jubilee-2026-0217 .link-btn2:hover {
color:#fff;
opacity:.7;
transition:opacity .3s ease
}
.jubilee-2026-0217 .link-btn:hover::after {
opacity:1
}
.jubilee-2026-0217 .link-btn2:hover::after {
opacity:1
}
.jubilee-2026-0217 .link-btn:hover .link-btn__icon {
right:8px
}
.jubilee-2026-0217 .link-btn2:hover .link-btn2__icon {
right:8px
}
}
.jubilee-2026-0217 .link-btn.--sm {
font-size:11px
}
.jubilee-2026-0217 .link-btn2.--sm {
font-size:11px
}
.jubilee-2026-0217 .link-btn__inner {
z-index:9;
position:relative;
width:100%;
display:block
}
.jubilee-2026-0217 .link-btn2__inner {
z-index:9;
position:relative;
width:100%;
display:block
}
.jubilee-2026-0217 .link-btn__icon {
position:absolute;
top:24%;
right:15px;
height:8px
}
.jubilee-2026-0217 .link-btn2__icon {
position:absolute;
top:24%;
right:15px;
height:8px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .link-btn__icon {
right:14px;
height:6px
}
.jubilee-2026-0217 .link-btn2__icon {
right:14px;
height:6px
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .link-btn__icon {
transition:right .5s ease
}
.jubilee-2026-0217 .link-btn2__icon {
transition:right .5s ease
}
}
.jubilee-2026-0217 .mv {
width:100%;
position:relative;
overflow:hidden;
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv {
padding: 60px 0;
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv {
padding: 20px 20px 0px;
}
}
.jubilee-2026-0217 .mv__inner {
position: relative;
width: 100%;
padding: 0;
margin: 0 auto;
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv__inner {
max-width: 80.4387569%;
}
}
.jubilee-2026-0217 .mv__pc {
line-height:1;
font-size:0
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv__pc {
display:none
}
}
.jubilee-2026-0217 .mv__pc__box__img {
opacity:0;
translate:0 0;
transition:opacity .8s ease,translate .8s ease;
transition-delay:.8s;
position:relative;
font-size:0;
line-height:1;
width: 45.4545455%;
margin:0 auto 0 0;
}
.jubilee-2026-0217 .mv__pc__box__img_1 {
width:100%;
display:block
}
.jubilee-2026-0217 .mv__pc__box__img_2 {
width:100%;
display:block;
position:absolute;
top:0;
left:0;
height:100%
}
.jubilee-2026-0217 .mv__sp {
line-height:1;
font-size:0
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv__sp {
display:none
}
}
.jubilee-2026-0217 .mv__sp__box__img {
opacity:0;
opacity:0;
translate:0 10px;
transition:opacity .8s ease,translate .8s ease;
transition-delay:.8s;
position:relative;
font-size:0;
line-height:1
}
.jubilee-2026-0217 .mv__sp__box__img_1 {
width:100%;
display:block
}
.jubilee-2026-0217 .mv__sp__box__img_2 {
width:100%;
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.jubilee-2026-0217 .mv__pc,.jubilee-2026-0217 .mv__sp {
opacity:0;
transition:opacity 2s ease
}
.jubilee-2026-0217 .mv__ttl h1,.jubilee-2026-0217 .mv__ttl .mv__ttl__sub__1,.jubilee-2026-0217 .mv__ttl .mv__ttl__sub__2,.jubilee-2026-0217 .mv__ttl .mv-menu__list {
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease
}
.jubilee-2026-0217 .mv__ttl h1 {
transition-delay:1.4s
}
.jubilee-2026-0217 .mv__ttl .mv__ttl__sub__1 {
transition-delay:1.6s
}
.jubilee-2026-0217 .mv__ttl .mv__ttl__sub__2 {
transition-delay:1.8s
}
.jubilee-2026-0217 .mv__ttl .mv-menu__list {
opacity:0;
transition-delay:2s
}
.jubilee-2026-0217 .mv.is-animation .mv__sp,.jubilee-2026-0217 .mv.is-animation .mv__pc {
opacity:1
}
.jubilee-2026-0217 .mv.is-animation .mv__pc__box__img,.jubilee-2026-0217 .mv.is-animation .mv__sp__box__img {
opacity:1;
translate:0 0px
}
/*
.jubilee-2026-0217 .mv.is-animation .mv__pc__box__img_1,.jubilee-2026-0217 .mv.is-animation .mv__sp__box__img_1 {
animation:animation_fade_mv 10s infinite
}
*/
.jubilee-2026-0217 .mv.is-animation .mv__pc__box__img_2,.jubilee-2026-0217 .mv.is-animation .mv__sp__box__img_2 {
opacity:0;
animation:animation_fade_mv 10s infinite;
animation-delay:5s
}
@keyframes animation_fade_mv {
0% {
opacity:0
}
15% {
opacity:1
}
60% {
opacity:1
}
75% {
opacity:0
}
100% {
opacity:0
}
}
.jubilee-2026-0217 .mv.is-animation .mv__ttl h1,.jubilee-2026-0217 .mv.is-animation .mv__ttl__sub__1,.jubilee-2026-0217 .mv.is-animation .mv__ttl__sub__2 {
opacity:1;
translate:0 0px;
filter:blur(0px)
}
.jubilee-2026-0217 .mv.is-animation .mv-menu__list {
opacity:1;
translate:0 0px
}
.jubilee-2026-0217 .mv__ttl {
z-index:9;
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv__ttl {
position: absolute;
width:50%;
height:-moz-fit-content;
height:fit-content;
top:0;
bottom:0;
right:0;
margin: auto;
padding-left: 2%;
padding-right: 6.4090909%;
}
}
/*@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv__ttl {
width:86%;
height:89%;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end
}
}*/
.jubilee-2026-0217 .mv__ttl .mv__ttl__logo {
width: 82.425%;
}
.jubilee-2026-0217 .mv__ttl__img img {
margin:0 auto;
width:74.5%
}
.jubilee-2026-0217 .mv__ttl__img span {
display:block;
line-height:1.4;
font-weight:300;
letter-spacing:.13em;
white-space:nowrap
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv__ttl__img__1 {
font-size:18px;
font-size: 4.8vw;
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv__ttl__img__1 {
font-size:18px;
font-size: 4.8vw;
}
}
@media screen and (min-width: 769px)and (max-width: 768px) {
.jubilee-2026-0217 .mv__ttl__img__1 {
font-size:28px;
font-size: 1.462523vw;
}
}
@media screen and (min-width: 769px)and (min-width: 769px) {
.jubilee-2026-0217 .mv__ttl__img__1 {
font-size:28px;
font-size: 1.462523vw;
}
}
.jubilee-2026-0217 .mv__ttl__img__2 {
margin-top:3.1%
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv__ttl__img__2 {
font-size:18px;
font-size: 4vw;
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv__ttl__img__2 {
font-size:18px;
font-size: 4.8vw;
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv__ttl__img__2 {
margin-top:2.2%
}
}
@media screen and (min-width: 769px)and (max-width: 768px) {
.jubilee-2026-0217 .mv__ttl__img__2 {
font-size:28px;
font-size: 1.462523vw;
}
}
@media screen and (min-width: 769px)and (min-width: 769px) {
.jubilee-2026-0217 .mv__ttl__img__2 {
font-size:28px;
font-size: 1.462523vw;
margin: 30px 0 0 0;
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv__ttl>h1 {
margin-top: 12.225%;
margin-bottom:5.8%
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv__ttl>h1 {
margin-top: 7.465%;
margin-bottom:6%
}
}
.jubilee-2026-0217 .mv__ttl__sub__1 {
letter-spacing:.06em;
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv__ttl__sub__1 {
font-size:20px;
font-size:1.4vw
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv__ttl__sub__1 {
font-size: 15px;
font-size: 4vw;
}
}
.jubilee-2026-0217 .mv__ttl__sub__2 {
letter-spacing:.06em;
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv__ttl__sub__2 {
font-size:15px;
font-size:1.1vw
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv__ttl__sub__2 {
font-size: 15px;
font-size: 3.2vw;
}
}
.jubilee-2026-0217 .mv .mv-menu {
color:#fff;
padding:1.1% 2%;
position:relative
}
.jubilee-2026-0217 .mv .mv-menu::before {
content:"";
position:absolute;
top:-1px;
left:0;
width:100%;
height:1px;
background-color:#fff
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv .mv-menu {
padding:2.8% 2%
}
}
.jubilee-2026-0217 .mv .mv-menu__list {
display:flex;
align-items:center;
justify-content:left;
margin-top:0%
}
.mv-menu__list2 {
display:flex;
align-items:center;
justify-content:center;
margin-top:2%
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv .mv-menu__list {
display:none
}
}
.jubilee-2026-0217 .mv .mv-menu__list>li {
position:relative;
padding:5px 0;
text-wrap:nowrap;
white-space:nowrap
}
.jubilee-2026-0217 .mv .mv-menu__list>li:not(:last-child) {
margin-right:10px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv .mv-menu__list>li:not(:last-child) {
margin-right:40px
}
}
.jubilee-2026-0217 .mv .mv-menu__list>li:not(:last-child)::after {
content:"";
position:absolute;
top:50%;
right:-14px;
margin-top:-7px;
width:1px;
height:10px;
background-color:#fff;
rotate:30deg
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv .mv-menu__list>li:not(:last-child)::after {
margin-top:-11px;
height:25px;
right:-20px
}
}
.jubilee-2026-0217 .mv .mv-menu__list>li>a,.jubilee-2026-0217 .mv .mv-menu__list>li p {
text-decoration:underline;
text-decoration-thickness:1px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv .mv-menu__list>li>a,.jubilee-2026-0217 .mv .mv-menu__list>li p {
font-size:14px;
font-size:3.7vw
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv .mv-menu__list>li>a,.jubilee-2026-0217 .mv .mv-menu__list>li p {
font-size:14px;
font-size:1vw
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv .mv-menu__list>li>a,.jubilee-2026-0217 .mv .mv-menu__list>li p {
text-align:center;
display:block
}
}
@media screen and (max-width: 768px)and (max-width: 768px) {
.jubilee-2026-0217 .mv .mv-menu__list>li>a,.jubilee-2026-0217 .mv .mv-menu__list>li p {
font-size:10px;
font-size:2.7vw
}
}
@media screen and (max-width: 768px)and (min-width: 769px) {
.jubilee-2026-0217 .mv .mv-menu__list>li>a,.jubilee-2026-0217 .mv .mv-menu__list>li p {
font-size:10px;
font-size:.7vw
}
}
.jubilee-2026-0217 .mv .mv-menu__list>li>p {
cursor:pointer
}
.jubilee-2026-0217 .mv .mv-menu__list>li>a {
color:#333333;
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv .mv-menu__list>li>a:hover {
opacity:.7
}
}
.jubilee-2026-0217 .mv .mv-menu__has-child {
position:relative
}
.jubilee-2026-0217 .mv .mv-menu__has-child p:hover {
opacity:.7;
transition:.3s ease
}
.jubilee-2026-0217 .mv .mv-menu__has-child.is-active>ul {
opacity:1;
pointer-events:auto
}
.jubilee-2026-0217 .mv .mv-menu__has-child>ul {
background-color:#fff;
width:124%;
border-radius:0;
overflow:hidden;
z-index:9;
position:absolute;
top:100%;
left:0;
transition:opacity .3s ease;
opacity:1;
opacity:0;
pointer-events:none;
padding:9% 0
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv .mv-menu__has-child>ul {
width:170%
}
}
.jubilee-2026-0217 .mv .mv-menu__has-child>ul>li:not(:last-child) {
position:relative
}
.jubilee-2026-0217 .mv .mv-menu__has-child>ul>li a {
width:100%;
color:#333333;
display:block;
padding:4% 9%;
text-align:left
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv .mv-menu__has-child>ul>li a {
font-size:10px;
font-size:2.7vw
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .mv .mv-menu__has-child>ul>li a {
font-size:10px;
font-size:.7vw
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .mv .mv-menu__has-child>ul>li a {
padding:12% 0
}
}
.jubilee-2026-0217 .mv .mv-menu__has-child>ul>li a:hover {
color:rgba(5,26,31,.3)
}
.jubilee-2026-0217 .mv .mv-menu__toggle {
position:relative
}
.jubilee-2026-0217 .mv .mv-menu__toggle__more {
position:absolute;
top:0;
left:0
}
.jubilee-2026-0217 .mv .mv-menu__toggle__close {
position:absolute;
top:0;
left:0;
opacity:0
}
.jubilee-2026-0217 .collection-menu {
background-color:rgba(5,26,31,.6);
color:#fff;
position:fixed;
z-index:10;
padding:0 18px;
bottom:25px;
bottom:-100%;
transition:1s ease;
left:50%;
transform:translateX(-50%);
width:calc(100% - 40px)
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .collection-menu {
-webkit-backdrop-filter:blur(15px);
backdrop-filter:blur(15px)
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .collection-menu {
max-width:1000px;
padding:0 2%
}
}
.jubilee-2026-0217 .collection-menu .js-accordion__btn {
cursor:pointer;
pointer-events:auto !important
}
.jubilee-2026-0217 .collection-menu__list {
display:flex;
align-items:center;
justify-content:center
}
.jubilee-2026-0217 .collection-menu__list:after {
content:"";
height:100%;
width:100%;
z-index:1;
position:absolute;
left:0;
top:0;
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
z-index:-1
}
.jubilee-2026-0217 .collection-menu__list>li {
position:relative;
padding:5px 0;
letter-spacing:0
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .collection-menu__list>li {
padding:0
}
}
.jubilee-2026-0217 .collection-menu__list>li:not(:last-child) {
margin-right:20px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .collection-menu__list>li:not(:last-child) {
margin-right:40px
}
}
.jubilee-2026-0217 .collection-menu__list>li:not(:last-child)::after {
content:"";
position:absolute;
top:50%;
right:-10px;
margin-top:-7px;
width:.5px;
height:14px;
background-color:#fff;
rotate:0deg
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .collection-menu__list>li:not(:last-child)::after {
margin-top:-11px;
height:25px;
right:-20px
}
}
.jubilee-2026-0217 .collection-menu__list>li>a,.jubilee-2026-0217 .collection-menu__list>li p {
font-size:14px !important;
letter-spacing:.06em
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .collection-menu__list>li>a,.jubilee-2026-0217 .collection-menu__list>li p {
font-size:15px;
font-size:4vw
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .collection-menu__list>li>a,.jubilee-2026-0217 .collection-menu__list>li p {
font-size:15px;
font-size:1.1vw
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .collection-menu__list>li>a,.jubilee-2026-0217 .collection-menu__list>li p {
padding:10px 0
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .collection-menu__list>li>a,.jubilee-2026-0217 .collection-menu__list>li p {
text-decoration:underline;
text-decoration-thickness:.5px;
text-align:center;
display:block
}
}
@media screen and (max-width: 768px)and (max-width: 768px) {
.jubilee-2026-0217 .collection-menu__list>li>a,.jubilee-2026-0217 .collection-menu__list>li p {
font-size:10px;
font-size:2.7vw
}
}
@media screen and (max-width: 768px)and (min-width: 769px) {
.jubilee-2026-0217 .collection-menu__list>li>a,.jubilee-2026-0217 .collection-menu__list>li p {
font-size:10px;
font-size:.7vw
}
}
.jubilee-2026-0217 .collection-menu__list>li>p {
cursor:pointer
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .collection-menu__list>li>a:hover {
opacity:.7
}
}
.jubilee-2026-0217 .collection-menu__has-child {
position:relative
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .collection-menu__has-child:before {
content:"";
position:absolute;
display:block;
height:5px;
width:100%;
top:-5px
}
}
.jubilee-2026-0217 .collection-menu__has-child.is-active>ul {
opacity:1;
pointer-events:auto;
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px)
}
.jubilee-2026-0217 .collection-menu__has-child.is-active>ul li .nav-item-pc.is-active {
color:rgba(5,26,31,.6);
transition:.3s ease
}
.jubilee-2026-0217 .collection-menu__has-child>ul {
width:100%;
width:113px;
overflow:hidden;
z-index:9;
position:absolute;
bottom:46px;
right:0;
transition:opacity .3s ease;
opacity:0;
pointer-events:none;
padding:10px 0;
border:1px solid #dadada;
background-color:rgba(255,255,255,.6)
}
.jubilee-2026-0217 .collection-menu__has-child>ul:after {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
display:block;
filter:blur(10px)
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .collection-menu__has-child>ul {
padding:5px 0
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .collection-menu__has-child>ul {
width:170%
}
}
.jubilee-2026-0217 .collection-menu__has-child>ul>li:not(:last-child) {
position:relative
}
.jubilee-2026-0217 .collection-menu__has-child>ul>li a {
cursor:pointer;
width:100%;
color:##333333;
display:block;
padding:5px 10px;
letter-spacing:0;
font-size:11px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .collection-menu__has-child>ul>li a:hover {
color:rgba(5,26,31,.6);
transition:.3s ease
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .collection-menu__has-child>ul>li a {
padding:12% 0
}
}
.jubilee-2026-0217 .collection-menu__toggle {
position:relative
}
.jubilee-2026-0217 .collection-menu__toggle__more {
position:absolute;
top:0;
left:0
}
.jubilee-2026-0217 .collection-menu__toggle__close {
position:absolute;
top:0;
left:0;
opacity:0
}
.jubilee-2026-0217 .nav-item-pc.is-active {
color:rgba(255,255,255,.5);
transition:.3s ease
}
.jubilee-2026-0217 .lineup-pc-menu.is-active {
color:rgba(255,255,255,.5);
transition:.3s ease
}
.jubilee-2026-0217 .collection-menu__sp {
transition:.3s
}
.jubilee-2026-0217 .collection-menu__sp.is-open .collection-menu__sp__block__list__item {
opacity:1 !important;
transition:.3s ease
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__btn {
font-size:14px;
letter-spacing:.06em;
text-align:center;
padding:13px 0;
cursor:pointer;
pointer-events:auto;
position:relative;
transition:opacity .2s ease-in-out;
z-index:10
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__btn__icon {
position:absolute;
width:12px;
top:50%;
transform:translateY(-50%);
right:20px;
transition:transform .3s
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__inner {
height:0;
overflow:hidden;
opacity:0;
transition:.3s
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__inner.is-open {
height:auto;
opacity:1;
pointer-events:inherit;
z-index:99;
transition:.3s
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .js-accordion__btn__text.fade-out {
opacity:0
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .js-accordion__btn__text.fade-in {
opacity:1
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .collection-menu__sp__block__list {
display:grid;
grid-template-columns:repeat(3, 1fr);
grid-column-gap:11px;
grid-row-gap:15px
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .collection-menu__sp__block__list .collection-menu__sp__block__list__item {
font-size:12px
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .collection-menu__sp__block__list .collection-menu__sp__block__list__item:nth-child(1) {
grid-area:1/1/2/2
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .collection-menu__sp__block__list .collection-menu__sp__block__list__item:nth-child(2) {
grid-area:1/2/2/3
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .collection-menu__sp__block__list .collection-menu__sp__block__list__item:nth-child(3) {
grid-area:1/3/2/4
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .collection-menu__sp__block__list .collection-menu__sp__block__list__item:nth-child(4) {
grid-area:2/1/3/2
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .collection-menu__sp__block__list .collection-menu__sp__block__list__item:nth-child(5) {
grid-area:2/2/3/3
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .collection-menu__sp__block__list .collection-menu__sp__block__list__item:nth-child(6) {
grid-area:2/3/3/4
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .collection-menu__sp__block__list .collection-menu__sp__block__list__item a {
display:block;
width:100%;
letter-spacing:0
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--1 .collection-menu__sp__block__ttl {
font-size:11px;
margin-bottom:15px;
padding-top:22px
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--2 {
border-top:1px solid #fff;
margin-top:15px;
margin-bottom:15px;
padding-top:15px
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--2 .collection-menu__sp__block__list {
display:flex;
justify-content:space-between;
align-items:center
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--2 .collection-menu__sp__block__list .collection-menu__sp__block__list__item {
font-size:11px;
line-height:1.5;
text-align:center;
opacity:0;
transition:.3s ease
}
.jubilee-2026-0217 .collection-menu__sp .collection-menu__sp__block--2 .collection-menu__sp__block__ttl {
font-size:11px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup {
padding-left:20px;
padding-right:20px;
max-width:1040px;
margin:auto;
max-width:940px;
padding-bottom:0
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup {
padding-bottom:60px
}
}
.jubilee-2026-0217 .lineup__header {
font-size:20px;
font-weight:400;
letter-spacing:.05em;
text-align:center;
position:relative;
margin:0 auto 50px;
padding-top:100px;
letter-spacing:.1em
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__header {
padding-top:60px;
margin-bottom:30px
}
}
.jubilee-2026-0217 .lineup__header__inner {
display:inline-block;
color:rgba(0,0,0,0);
background:linear-gradient(to right, #051A1F 50%, rgba(219, 160, 185, 0.3019607843) 50%) 100%;
-webkit-background-clip:text;
background-clip:text;
background-size:200% 100%;
transition:all 1.2s ease
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__header--shadow .lineup__header__inner {
padding:0 27px
}
}
.jubilee-2026-0217 .lineup__section.is-animation .lineup__header {
background-position:0 100%
}
.jubilee-2026-0217 .lineup__section.is-animation .lineup__header__inner {
background-position:0 100%
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup__item-section--facepowder {
padding-left:25px;
padding-right:76px;
margin-bottom:80px
}
.jubilee-2026-0217 .lineup__item-section--facepowder .lineup__product__img {
order:2
}
.jubilee-2026-0217 .lineup__item-section--facepowder .lineup__product__info {
order:1
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__item-section--facepowder {
position:relative;
margin-bottom:60px
}
}
.jubilee-2026-0217 .lineup__product .lineup__product__img {
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease
}
.jubilee-2026-0217 .lineup__product.is-animation .lineup__product__img {
opacity:1;
translate:0 0px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup__product {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
margin:0 auto 0
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup__product--1 {
padding:0 23px 0 74px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__product--2 .lineup__product__info {
order:1
}
.jubilee-2026-0217 .lineup__product--2 .lineup__product__img {
order:2
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup__product--row-reverse .lineup__product__info {
order:1
}
.jubilee-2026-0217 .lineup__product--row-reverse .lineup__product__img {
order:2
}
}
.jubilee-2026-0217 .lineup__product__img {
font-size:0;
position:relative;
display:block
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup__product__img {
width:39%;
max-width:350px
}
.jubilee-2026-0217 .lineup__product__img img {
transition:opacity .3s ease;
opacity:1
}
.jubilee-2026-0217 .lineup__product__img:hover img {
opacity:.7
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__product__img {
padding:0 20px;
margin-bottom:20px
}
}
.jubilee-2026-0217 .lineup__product__img--hover-none:hover img {
opacity:1
}
.jubilee-2026-0217 .lineup__product__img__item {
font-size:0
}
.jubilee-2026-0217 .lineup__product__img__item--1 {
opacity:1
}
.jubilee-2026-0217 .lineup__product__img__item--2 {
z-index:9;
opacity:0;
position:absolute;
top:0;
left:0px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__product__img__item--2 {
left:20px;
width:calc(100% - 40px)
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup__product__info {
width:60%;
max-width:470px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__product__info {
padding:0 21px
}
}
.jubilee-2026-0217 .lineup__product__info__new {
font-size:11px;
border:.5px solid #051a1f;
display:inline-block;
line-height:1;
padding:5px 10px;
letter-spacing:.06em;
margin-bottom:10px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__product__info__new {
padding:5px 10px
}
}
.jubilee-2026-0217 .lineup__product__info__ttl {
font-size:16px;
letter-spacing:.06em;
line-height:1.5;
margin-bottom:10px
}
.jubilee-2026-0217 .lineup__product__info__ttl__small {
font-size:13px
}
.jubilee-2026-0217 .lineup__product__info__ttl+.lineup__product__info__ttl {
margin-top:-4px
}
.jubilee-2026-0217 .lineup__product__info__price {
font-size:12px;
letter-spacing:.12em;
line-height:1.5;
margin-bottom:20px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__product__info__price {
letter-spacing:.02em
}
}
.jubilee-2026-0217 .lineup__product__info__text {
font-size:14px;
line-height:1.5;
margin-bottom:30px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__product__info__text {
line-height:1.64
}
}
.jubilee-2026-0217 .lineup__product__info__text--sm {
font-size:12px;
line-height:1.5;
margin-top:10px;
display:block
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup__product__info__text--sm {
font-size:12px
}
}
.jubilee-2026-0217 .lineup__product__palette {
margin-top:10px
}
.jubilee-2026-0217 .lineup__product__palette__thumb {
width:50px;
margin-right:11px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__product__palette__thumb {
width:50px;
margin-right:13px
}
}
.jubilee-2026-0217 .lineup__product__palette__name {
line-height:1.3
}
.jubilee-2026-0217 .lineup__product__palette>li {
display:flex
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__product__palette>li:not(:last-child) {
margin-bottom:6px
}
}
.jubilee-2026-0217 .lineup__product__palette__link {
display:flex;
align-items:center;
transition:.3s ease
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup__product__palette__link:hover {
opacity:.7;
transition:.3s ease
}
}
.jubilee-2026-0217 .lineup__product__palette__name {
font-size:11px;
line-height:1.5;
letter-spacing:.03em
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup__product__palette__name {
padding-left:4px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .lineup__product__palette__name {
line-height:1.5
}
}
.jubilee-2026-0217 .lineup__product__palette+.link-btn {
margin-top:20px
}
.jubilee-2026-0217 .lineup__product__note {
font-size:14px;
text-decoration:underline;
text-underline-offset:2px;
display:block;
width:-moz-fit-content;
width:fit-content;
margin-top:20px;
line-height:1
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .lineup__product__note {
font-size:12px
}
}
.jubilee-2026-0217 .lineup__product__note:hover {
opacity:.7;
transition:opacity .3s ease
}
.jubilee-2026-0217 .lineup__product__note__inner {
z-index:9;
position:relative;
width:100%;
display:block
}
.jubilee-2026-0217 .lineup__product__note__icon {
position:absolute;
top:24%;
right:-18px;
width:8px;
height:6px
}
/*新規*/
.jubilee-2026-0217 .layering__section--eyeshadow {
padding:0;
padding-top:0
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .layering__section--eyeshadow {
padding-left:20px;
padding-right:20px;
max-width:1040px;
margin:auto;
padding-bottom:0
}
}
.jubilee-2026-0217 .layering__header {
font-size: 16px;
font-weight: 400;
letter-spacing: .05em;
text-align: center;
position: relative;
margin: 0 auto 0;
padding-top: 40px;
letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .layering__header {
padding-top:60px;
margin-bottom:30px
}
}
.jubilee-2026-0217 .layering__header__inner {
display:inline-block;
color:rgba(0,0,0,0);
background:linear-gradient(to right, #051A1F 50%, rgba(219, 160, 185, 0.3019607843) 50%) 100%;
-webkit-background-clip:text;
background-clip:text;
background-size:200% 100%;
transition:all 1.2s ease
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .layering__header--shadow .layering__header__inner {
padding:0 27px
}
}
.jubilee-2026-0217 .layering__section.is-animation .layering__header {
background-position:0 100%
}
.jubilee-2026-0217 .layering__section.is-animation .layering__header__inner {
background-position:0 100%
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .layering__product{
border: 0.5px solid #333333;
}
.jubilee-2026-0217 .layering__product ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
margin:0 auto 0;
padding: 20px;
}
.jubilee-2026-0217 .layering__product ul li{
width: 273.333px;
text-align: center;
margin: 0 20px 0 20px;
}
}
.jubilee-2026-0217 .layering__product__ttl {
font-size: 14px;
line-height: 1.5;
margin-bottom: 15px;
}
.jubilee-2026-0217 .layering__product__text {
font-size: 12px;
letter-spacing: .12em;
line-height: 1.5;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .layering__product{
border: 0.5px solid #333333;
margin:0 21px;
}
.jubilee-2026-0217 .layering__product ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
margin:0 auto 0;
padding: 20px;
}
.jubilee-2026-0217 .layering__product ul li{
width:100%;
text-align: center;
margin: 0;
}
}
/*新規 end*/
.jubilee-2026-0217 .look {
background-color:#f8f0f6;
position:relative;
background-position:top center;
background-repeat:no-repeat;
background-size:cover
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look {
}
}
.jubilee-2026-0217 .look__inner {
z-index:9;
position:relative
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look__inner {
padding-left:33px;
padding-right:33px;
max-width:1001px;
margin:auto;
padding-top:80px;
padding-bottom:80px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__inner {
padding:60px 20px
}
}
.jubilee-2026-0217 .look .look__header {
text-align:center;
margin-bottom:40px;
line-height:1.6;
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look .look__header {
margin-bottom:50px
}
}
.jubilee-2026-0217 .look .look__header.is-animation {
opacity:1;
translate:0 0px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look .look__header {
margin-bottom:40px
}
}
.jubilee-2026-0217 .look .look__header>p {
font-size:16px;
margin-bottom:15px;
letter-spacing:.1em
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look .look__header>p {
font-size:15px;
letter-spacing:.06em;
margin-bottom:7.76px
}
}
.jubilee-2026-0217 .look .look__header h2 {
font-size:18px;
letter-spacing:.1em;
line-height:1.6
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look .look__header h2 {
font-size:18px;
letter-spacing:.1em;
line-height:1.7
}
}
.jubilee-2026-0217 .look__menu {
display:flex;
margin-bottom:51.14px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look__menu {
justify-content:center;
margin-left:52.45px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__menu {
justify-content:space-between;
max-width:335px;
margin:0 auto 51.6px
}
}
.jubilee-2026-0217 .look__menu>li {
transition:opacity .5s ease;
position:relative;
cursor:pointer;
font-size:14px;
letter-spacing:.02em;
color:rgba(255,255,255,.5)
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__menu>li {
font-size:11px;
letter-spacing:0;
line-height:1.7;
text-align:center
}
}
.jubilee-2026-0217 .look__menu>li::before {
content:"";
position:absolute;
bottom:-2px;
left:0;
width:0%;
height:.5px;
background-color:#fff;
transition:width .4s ease
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__menu>li::before {
bottom:-4px
}
}
.jubilee-2026-0217 .look__menu>li:not(:last-child) {
margin-right:25.172px;
position:relative
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__menu>li:not(:last-child) {
margin-right:6.75px
}
}
.jubilee-2026-0217 .look__menu>li:not(:last-child)+li {
margin-left:25.172px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__menu>li:not(:last-child)+li {
margin-left:6.75px
}
}
.jubilee-2026-0217 .look__menu>li:not(:last-child)::after {
content:"";
position:absolute;
top:5px;
right:-24px;
width:.5px;
height:10px;
background-color:#fff
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__menu>li:not(:last-child)::after {
right:-19px;
top:24%;
height:45%
}
}
.jubilee-2026-0217 .look__menu>li.is-active {
color:#fff
}
.jubilee-2026-0217 .look__menu>li.is-active::before {
width:100%
}
.jubilee-2026-0217 .look__pager {
z-index:99;
position:absolute;
top:43%;
width:10%;
height:14vw;
background-color:#051a1f;
display:flex;
align-items:center;
justify-content:center
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look__pager {
display:none
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__pager {
top:37.1%;
width:8%;
height:10.5vw
}
}
.jubilee-2026-0217 .look__pager img {
width:27%
}
.jubilee-2026-0217 .look__pager--left {
left:-20px
}
.jubilee-2026-0217 .look__pager--right {
right:-20px
}
.jubilee-2026-0217 .look__container {
position:relative
}
.jubilee-2026-0217 .look__container .look__main-img {
opacity:0;
translate:0 10px;
transition:opacity .8s ease,translate .8s ease;
transition-delay:.3s
}
.jubilee-2026-0217 .look__container .look__main-img--2 {
transition-delay:.5s
}
.jubilee-2026-0217 .look__container.is-animation .look__main-img {
opacity:1;
translate:0 0px
}
.jubilee-2026-0217 .look__container__item {
opacity:0;
pointer-events:none;
transition:opacity .8s ease
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look__container__item {
display:flex;
justify-content:space-between
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__container__item {
position:relative
}
}
.jubilee-2026-0217 .look__container__item--other {
position:absolute;
top:0;
left:0;
right:0;
margin:auto
}
.jubilee-2026-0217 .look__container__item.is-active {
opacity:1;
pointer-events:auto
}
.jubilee-2026-0217 .look__container__item.is-active .is-slide-active {
pointer-events:auto
}
.jubilee-2026-0217 .look__container__item__box_new {
display:flex;
flex-wrap:wrap
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look__container__item__box_new {
width:45.6%
}
}
.jubilee-2026-0217 .look__container__item__box_new .look__name-group {
width:100%;
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__container__item__box_new .look__name-group {
margin-top: 30px;
margin-bottom: 20px;
}
}
.jubilee-2026-0217 .look__container__item__box {
display:flex;
flex-wrap:wrap
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look__container__item__box {
width:45.6%
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__container__item__box {
opacity:0;
pointer-events:none;
transition:opacity .8s ease
}
.jubilee-2026-0217 .look__container__item__box--other {
position:absolute;
top:0;
left:0
}
.jubilee-2026-0217 .look__container__item__box.is-slide-active {
opacity:1
}
}
.jubilee-2026-0217 .look__container__item__box .look__main-img {
width:100%
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__container__item__box .look__main-img {
order:2
}
}
.jubilee-2026-0217 .look__container__item__box .look__name-group {
width:100%;
color:#333333;
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__container__item__box .look__name-group {
order:1
}
}
.jubilee-2026-0217 .look__container__item__box .look__product {
width:107%
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__container__item__box .look__product {
width:100%;
order:3
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look__main-img {
margin-bottom:30px
}
}
.jubilee-2026-0217 .look__name-group {
text-align:center;
margin-bottom:0px
}
.jubilee-2026-0217 .look__name-group>h3 {
font-size:14px;
line-height:1.7;
letter-spacing:.1em
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__name-group>h3 {
font-size:15px
}
}
.jubilee-2026-0217 .look__product {
display:flex;
align-items:center
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look__product {
position:relative;
left:-13px;
margin-right:-7%
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__product {
padding-top:15px
}
}
.jubilee-2026-0217 .look__product__text {
width:79%;
width:100%;
margin:0 auto
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__product__text {
position:relative;
width:100%
}
}
.jubilee-2026-0217 .look__product__text__ttl {
font-size:12px;
margin-bottom:10px;
text-align:center
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__product__text__ttl {
letter-spacing:.1em;
pointer-events:none;
margin-bottom:0;
line-height:2;
font-size:14px
}
}
.jubilee-2026-0217 .look__product__list {
margin-top:15px
}
.jubilee-2026-0217 .look__product__list__item {
font-size:11px;
display:flex
}
.jubilee-2026-0217 .look__product__list__item:not(:last-child) {
margin-bottom:9px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__product__list__item:not(:last-child) {
margin-bottom:12px
}
}
.jubilee-2026-0217 .look__product__list__item__ttl {
width:108px;
padding-top:2px;
font-size:12px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__product__list__item__ttl {
padding-top:3px
}
}
.jubilee-2026-0217 .look__product__list__item__link {
width:calc(100% - 108px);
line-height:1.6;
font-size:12px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .look__product__list__item__link {
line-height:1.85
}
}
.jubilee-2026-0217 .look__product__list__item__link a {
text-decoration:underline;
display:block
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .look__product__list__item__link a:hover {
opacity:.7;
transition:all .3s ease
}
}
.jubilee-2026-0217 .gift .gift__ttl {
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease;
letter-spacing:.1em
}
.jubilee-2026-0217 .gift .gift__subttl {
text-align:center;
font-size:12px;
line-height:1;
margin-bottom:50px;
letter-spacing:.1em;
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .gift .gift__subttl {
margin-bottom:30px
}
}
.jubilee-2026-0217 .gift .gift__box__img {
opacity:0;
opacity:0;
translate:0 10px;
transition:opacity .8s ease,translate .8s ease;
transition-delay:.8s
}
.jubilee-2026-0217 .gift.is-animation .gift__ttl,.jubilee-2026-0217 .gift.is-animation .gift__subttl {
opacity:1;
translate:0 0px
}
.jubilee-2026-0217 .gift.is-animation .gift__box__img {
opacity:1;
translate:0 0px
}
@keyframes animation_fade_gift {
0% {
opacity:0
}
15% {
opacity:1
}
60% {
opacity:1
}
75% {
opacity:0
}
100% {
opacity:0
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .gift__inner {
padding-left:20px;
padding-right:20px;
max-width:1040px;
margin:auto;
padding-left:145px;
padding-right:145px;
padding-top:80px;
padding-bottom:100px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .gift__inner {
padding:60px 20px
}
}
.jubilee-2026-0217 .gift__ttl {
font-size:16px;
text-align:center;
margin-bottom:50px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .gift__ttl {
font-size:15px;
letter-spacing:.08em;
line-height:1.3
}
}
.jubilee-2026-0217 .gift__item-name {
font-size:14px;
letter-spacing:.06em;
margin-bottom:10px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .gift__item-name {
font-size:16px;
margin-bottom:10px;
line-height:1.5
}
}
.jubilee-2026-0217 .gift__lead {
font-size:12px;
letter-spacing:.06em;
line-height:1.6
}
.jubilee-2026-0217 .gift__note {
margin-top:10px
}
.jubilee-2026-0217 .gift__note>li {
font-size:11px;
line-height:1.5;
letter-spacing:.06em;
position:relative;
padding-left:1.3em
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .gift__note>li {
letter-spacing:.02em;
line-height:1.8
}
}
.jubilee-2026-0217 .gift__note>li::before {
content:"＊";
position:absolute;
top:0;
left:0
}
.jubilee-2026-0217 .gift__note>li a {
text-decoration:underline
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .gift__note>li a:hover {
text-decoration:none
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .gift__box {
display:flex;
align-items:center;
flex-direction:row-reverse;
justify-content:space-between
}
}
.jubilee-2026-0217 .gift__box__img {
position:relative;
font-size:0;
line-height:1
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .gift__box__img {
margin-bottom:30px
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .gift__box__img {
max-width:300px;
width:41%;
margin-left:9.7%
}
}
.jubilee-2026-0217 .gift__box__img_2 {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .gift__box__text {
width:47%
}
}
.jubilee-2026-0217 .advice {
background-color:#eff0f0
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .advice__inner {
padding-left:20px;
padding-right:20px;
max-width:1040px;
margin:auto;
padding:80px 145px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .advice__inner {
padding:60px 20px
}
}
.jubilee-2026-0217 .advice .advice__ttl {
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease
}
.jubilee-2026-0217 .advice .advice__box__img {
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease
}
.jubilee-2026-0217 .advice.is-animation .advice__ttl {
opacity:1;
translate:0 0px
}
.jubilee-2026-0217 .advice.is-animation .advice__box__img {
opacity:1;
translate:0 0px;
transition-delay:.8s
}
@keyframes animation_fade_gift {
0% {
opacity:0
}
15% {
opacity:1
}
60% {
opacity:1
}
75% {
opacity:0
}
100% {
opacity:0
}
}
.jubilee-2026-0217 .advice__ttl {
font-size:16px;
letter-spacing:.1em;
line-height:1.6;
text-align:center;
color:#333333;
margin-bottom:50px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .advice__ttl {
font-size:15px;
margin-bottom:28px
}
}
.jubilee-2026-0217 .advice__ttl__small {
font-size:12px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .advice__box {
display:flex;
align-items:center;
justify-content:space-between
}
}
.jubilee-2026-0217 .advice__box__img {
line-height:1;
font-size:0;
position:relative
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .advice__box__img {
order:2;
width:41.3%;
max-width:300px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .advice__box__img {
margin-bottom:30px
}
}
.jubilee-2026-0217 .advice__box__img__2 {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.jubilee-2026-0217 .advice__box__text {
font-size:12px;
letter-spacing:.15em
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .advice__box__text {
order:1;
width:47%
}
}
.jubilee-2026-0217 .advice__lead {
font-size:13px;
color:#333333;
letter-spacing:.06em;
line-height:1.62
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .advice__lead {
line-height:2
}
}
.jubilee-2026-0217 .advice__note {
font-size:12px;
color:#333333;
letter-spacing:.06em;
line-height:1.8;
border-top:1px solid #333333;
margin-top:30px;
padding-top:30px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .advice__note {
font-size:13px
}
}
.jubilee-2026-0217 .advice .link-btn {
border:1px solid #667073
}
.jubilee-2026-0217 .banner-link {
font-size:0;
padding:80px 20px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .banner-link {
padding:60px 20px
}
}
.jubilee-2026-0217 .banner-link__img {
display:block
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .banner-link__img {
width:600px;
margin:auto;
transition:opacity .3s ease;
opacity:1
}
.jubilee-2026-0217 .banner-link__img:hover {
opacity:.7
}
}
.jubilee-2026-0217 .banner-link__img+.banner-link__img {
margin-top:20px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .banner-link__img+.banner-link__img {
margin-top:50px
}
}
.jubilee-2026-0217 .last-pattern {
width:100%;
height:250px;
font-size:0;
line-height:1;
overflow:hidden
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .last-pattern {
height:150px
}
}
.jubilee-2026-0217 .intro {
color:#333333;
background-color:#d9a9bf;
text-align:center;
position:relative;
background-position:top center;
background-repeat:repeat;
background-size:100% auto;
overflow:hidden;
height:auto;
margin:0 auto;
padding:30px 0
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .intro {
padding:50px 0
}
}
.jubilee-2026-0217 .intro .intro__bg__img {
-o-object-fit:contain;
object-fit:contain
}
.jubilee-2026-0217 .intro .intro__bg__box {
position:absolute
}
.jubilee-2026-0217 .intro .intro__inner {
position:relative;
background-color:rgba(255,255,255,.7)
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .intro .intro__inner {
padding-left:20px;
padding-right:20px;
max-width:1040px;
margin:auto;
max-width:1267px;
padding-top:50px;
padding-bottom:0px;
width:calc(100% - 100px)
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .intro .intro__inner {
padding:40px 18.75px 0;
margin:0 auto;
width:calc(100% - 60px)
}
}
.jubilee-2026-0217 .intro .intro__inner .intro__ttl,.jubilee-2026-0217 .intro .intro__inner .intro__lead {
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease
}
.jubilee-2026-0217 .intro .intro__inner .intro__lead {
transition-delay:.5s
}
.jubilee-2026-0217 .intro .intro__inner .intro__lead p:first-child {
padding-top:0
}
.jubilee-2026-0217 .intro .intro__inner .intro__lead__toggle p:first-child {
padding-top:33px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .intro .intro__inner .intro__lead__toggle p:first-child {
padding-top:21px
}
}
.jubilee-2026-0217 .intro .intro__inner.is-animation .intro__ttl,.jubilee-2026-0217 .intro .intro__inner.is-animation .intro__lead {
opacity:1;
translate:0 0px;
filter:blur(0px)
}
.jubilee-2026-0217 .intro__ttl {
position:relative;
font-size:20px;
line-height:1.8;
margin-bottom:50px;
overflow:hidden;
letter-spacing:.1em
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .intro__ttl {
padding-bottom:22px;
margin-bottom:3px;
letter-spacing:.04em;
font-size:15px;
line-height:1.5
}
}
.jubilee-2026-0217 .intro__ttl__text__small {
font-size:15px;
margin-top:10px;
display:block
}
.jubilee-2026-0217 .intro__lead {
padding-bottom:108px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .intro__lead {
padding-bottom:80px
}
}
.jubilee-2026-0217 .intro__lead p {
font-size:15px;
line-height:2;
padding-top:33px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .intro__lead p {
font-size:12px;
line-height:2;
padding-top:21px;
letter-spacing:.06em
}
}
.jubilee-2026-0217 .intro__lead__toggle {
height:0;
overflow:hidden;
transition:height .5s ease
}
.jubilee-2026-0217 .intro__toggle {
position:absolute;
bottom:40px;
left:0;
right:0;
margin:auto;
color:#333333;
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .intro__toggle {
bottom:55px
}
}
.jubilee-2026-0217 .intro__toggle.is-open .intro__toggle__more {
opacity:0
}
.jubilee-2026-0217 .intro__toggle.is-open .intro__toggle__close {
opacity:1
}
.jubilee-2026-0217 .intro__toggle__more {
position:relative;
transition:opacity .5s ease;
opacity:1;
color:#333333;
}
.jubilee-2026-0217 .intro__toggle__more::before {
content:"+";
text-decoration:none;
color:#333333;
}
.jubilee-2026-0217 .intro__toggle__more__text {
color:#333333;
text-decoration:underline
}
.jubilee-2026-0217 .intro__toggle__close {
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
transition:opacity .5s ease;
opacity:0;
color:#333333;
}
.jubilee-2026-0217 .intro__toggle__close::before {
content:"-";
text-decoration:none;
color:#333333;
}
.jubilee-2026-0217 .intro__toggle__close__text {
text-decoration:underline
}
.jubilee-2026-0217 .section-texture-colors {
padding:0 20px;
background-color:#f8f8f8
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors {
padding-top:50px
}
}
.jubilee-2026-0217 .section-texture-colors .section__inner {
padding-top:50px;
padding-bottom:50px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .section__inner {
max-width:840px;
margin:0 auto;
padding-top:0;
padding-right:20px;
padding-left:20px
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__item__content {
margin-top:30px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__item__content {
margin-top:77.5px;
margin-right:auto;
margin-left:auto
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__title-block {
font-size:15px;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
position:relative;
text-wrap:nowrap;
white-space:nowrap
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__title-block {
font-size:20px
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__ttl {
text-align:center
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__ttl__text {
margin:0 25px;
letter-spacing:.06em;
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__ttl__text.is-animation {
opacity:1;
translate:0 0px
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__ttl__text__small {
font-size:12px;
margin:10px auto 0;
display:block;
text-align:center;
letter-spacing:.06em
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__ttl__text__small {
font-size:14px
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__title__line {
width:100%;
height:1px;
background-color:#051a1f
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__main-img {
display:block;
width:175px;
min-width:175px;
margin:35px auto 0
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__main-img {
order:1;
flex:0 0 200px;
margin-top:12px;
min-width:200px
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__main-img img {
width:100%;
display:block
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid__wrapper {
position:relative;
padding:0 20px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid__wrapper {
display:flex;
justify-content:space-between;
margin-top:60px;
padding:0;
gap:50px
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid {
position:relative
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid {
max-width:250px;
flex:1
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid--1 {
margin-top:25px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid--1 {
margin-top:0
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid>.texture-colors__grid-item:first-of-type .texture-colors__name {
margin-top:0
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid-item__img img {
width:60px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid-item__img img {
width:75px
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid-item {
width:100%
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid-item+.texture-colors__grid-item {
margin-top:30px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid-item+.texture-colors__grid-item {
margin-top:25px
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid-item__img {
text-align:center
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__grid-item__img img {
width:75px;
margin:0 auto
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__name {
font-size:14px;
letter-spacing:.06em;
line-height:1;
display:flex;
align-items:center;
margin-top:10px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__name {
line-height:1.5
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__text {
font-size:11px;
letter-spacing:.06em;
line-height:1.58;
margin-top:15px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__text {
font-size:12px;
margin-top:5px
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__name__en {
font-size:20px;
margin-right:10px
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__name__en--a {
color:#bfa36a
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__name__en--b {
color:#cfc7bf
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__name__en--c {
color:#da7e87
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__name__en--d {
color:#b44b57
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__name__en--e {
color:#da7e87
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__name__en--f {
color:#ed8f7f
}
.jubilee-2026-0217 .section-texture-colors .white-gradient {
position:absolute;
bottom:0px;
width:100%;
height:40%;
background:linear-gradient(to top, #F8F8F8 18%, transparent 100%);
transition:.3s ease
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .white-gradient {
display:none
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__accordion {
max-width:250px;
flex:1
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__accordion__btn {
margin:25px auto 0;
text-decoration:underline;
display:block;
position:relative;
z-index:1;
color:#333333;
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__accordion__btn.is-open {
margin-top:25px
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__accordion__btn.is-open:before {
content:"-"
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__accordion__btn {
margin:30px auto 0;
display:none
}
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__accordion__btn:before {
content:"+";
font-size:12px;
display:block;
position:absolute;
left:-15px;
top:50%;
transform:translateY(-50%);
text-decoration:none
}
.jubilee-2026-0217 .section-texture-colors .texture-colors__accordion--2 {
position:relative
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .section-texture-colors .texture-colors__accordion--2 {
order:2
}
}
.jubilee-2026-0217 .section-texture-colors .js-accordion__content {
transition:max-height .4s ease-in-out
}
.jubilee-2026-0217 .eyeshadow .lineup__section--eyeshadow {
padding:60px 0;
padding-top:0
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .eyeshadow .lineup__section--eyeshadow {
padding-left:20px;
padding-right:20px;
max-width:1040px;
margin:auto;
padding-bottom:68px
}
}
.jubilee-2026-0217 .online-limited {
background-color:#f3e7e5
}
.jubilee-2026-0217 .online-limited .online-limited__ttl,.jubilee-2026-0217 .online-limited .online-limited__subttl {
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease
}
.jubilee-2026-0217 .online-limited .online-limited__box__img {
opacity:0;
opacity:0;
translate:0 10px;
transition:opacity .8s ease,translate .8s ease;
transition-delay:.8s
}
.jubilee-2026-0217 .online-limited.is-animation .online-limited__ttl {
opacity:1;
translate:0 0px;
filter:blur(0px)
}
.jubilee-2026-0217 .online-limited.is-animation .online-limited__subttl {
opacity:1;
translate:0 0px;
filter:blur(0px)
}
.jubilee-2026-0217 .online-limited.is-animation .online-limited__box__img {
opacity:1;
translate:0 0px
}
.jubilee-2026-0217 .online-limited.is-animation .online-limited__box__img_1 {
animation:animation_fade_online-limited 15s infinite
}
.jubilee-2026-0217 .online-limited.is-animation .online-limited__box__img_2 {
opacity:0;
animation:animation_fade_online-limited 15s infinite;
animation-delay:5s
}
.jubilee-2026-0217 .online-limited.is-animation .online-limited__box__img_3 {
opacity:0;
animation:animation_fade_online-limited 15s infinite;
animation-delay:10s
}
@keyframes animation_fade_online-limited {
0% {
opacity:0
}
20% {
opacity:1
}
80% {
opacity:0
}
100% {
opacity:0;
z-index:0
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .online-limited__inner {
padding-left:20px;
padding-right:20px;
max-width:1040px;
margin:auto;
padding-left:170px;
padding-right:100px;
padding-top:80px;
padding-bottom:80px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .online-limited__inner {
padding:50px 20px
}
}
.jubilee-2026-0217 .online-limited__ttl {
font-size:16px;
text-align:center;
margin-bottom:10px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .online-limited__ttl {
letter-spacing:.1em
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .online-limited__ttl {
font-size:15px;
letter-spacing:.1em;
line-height:1.3
}
}
.jubilee-2026-0217 .online-limited__subttl {
font-size:12px;
text-align:center;
letter-spacing:.1em;
line-height:1.5
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .online-limited__subttl {
font-size:13px
}
}
.jubilee-2026-0217 .online-limited__item-name {
font-size:14px;
line-height:1.28;
letter-spacing:.06em;
margin-bottom:10px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .online-limited__item-name {
font-size:14px;
margin-bottom:15px;
line-height:1
}
}
.jubilee-2026-0217 .online-limited__item-price {
font-size:12px;
line-height:1.5;
letter-spacing:.06em;
margin-bottom:7px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .online-limited__item-price {
font-size:11px;
line-height:1;
margin-bottom:10px
}
}
.jubilee-2026-0217 .online-limited__item-text {
font-size:13px;
line-height:1.5;
letter-spacing:.06em
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .online-limited__item-text {
font-size:11px
}
}
.jubilee-2026-0217 .online-limited__item-link {
text-decoration:underline
}
.jubilee-2026-0217 .online-limited__item-link:hover {
opacity:.7;
transition:opacity .3s ease
}
.jubilee-2026-0217 .online-limited__note {
margin-top:13px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .online-limited__note {
margin-top:23px
}
}
.jubilee-2026-0217 .online-limited__note>li {
position:relative;
padding-left:1.3em;
line-height:1.6;
font-size:11px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .online-limited__note>li {
letter-spacing:.02em;
line-height:1.8
}
.jubilee-2026-0217 .online-limited__note>li:not(:last-child) {
margin-bottom:4px
}
}
.jubilee-2026-0217 .online-limited__note>li::before {
content:"※";
position:absolute;
top:0;
left:0
}
.jubilee-2026-0217 .online-limited__note>li a {
text-decoration:underline
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .online-limited__note>li a:hover {
text-decoration:none
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .online-limited__box__wrapper {
width:45%
}
}
.jubilee-2026-0217 .online-limited__box {
margin-top:30px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .online-limited__box {
display:flex;
align-items:center;
margin-top:50px
}
}
.jubilee-2026-0217 .online-limited__box__img {
position:relative;
font-size:0;
line-height:1
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .online-limited__box__img {
margin-bottom:30px
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .online-limited__box__img {
width:39%;
margin-right:9.7%
}
}
.jubilee-2026-0217 .online-limited__box__img_2,.jubilee-2026-0217 .online-limited__box__img_3 {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.jubilee-2026-0217 .online-limited__box__text+.online-limited__box__text {
margin-top:25px
}
.jubilee-2026-0217 .link-btn {
margin-top:30px
}
.jubilee-2026-0217 .obi-parallax {
width:100%;
height:250px;
font-size:0;
line-height:1;
overflow:hidden
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .obi-parallax {
height:150px
}
}
.jubilee-2026-0217 .event .event__ttl {
opacity:0;
translate:0 10px;
transition:opacity 1s ease,translate 1s ease;
letter-spacing:.1em
}
.jubilee-2026-0217 .event .event__box--1 .event__lead--day {
font-size:12px;
line-height:1;
margin-bottom:10px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event .event__box--1 .event__lead--day {
font-size:14px
}
}
.jubilee-2026-0217 .event .event__box--1 .event__lead--sub {
margin-bottom:20px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event .event__box--1 .event__lead--sub {
font-size:14px
}
}
.jubilee-2026-0217 .event .event__box--1 .event__lead.--mb-custom {
margin-bottom:20px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event .event__box--1 .event__lead {
line-height:1
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event .event__box--1 .event__item-ttl {
font-size:13px;
line-height:2
}
}
.jubilee-2026-0217 .event .event__subttl {
text-align:center;
font-size:12px;
line-height:1;
margin-bottom:50px;
letter-spacing:.1em
}
.jubilee-2026-0217 .event .event__box__img {
opacity:0;
opacity:0;
translate:0 10px;
transition:opacity .8s ease,translate .8s ease;
transition-delay:.8s
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .event .event__box__img {
max-width:300px
}
}
.jubilee-2026-0217 .event .event__text {
font-size:13px;
letter-spacing:.06em;
line-height:2
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .event .event__text {
font-size:12px;
line-height:1.6
}
}
.jubilee-2026-0217 .event .event__text--under {
border-top:1px solid #051a1f;
margin-top:20px;
padding-top:20px
}
.jubilee-2026-0217 .event .event__text--link {
text-decoration:underline
}
.jubilee-2026-0217 .event .event__text--link:hover {
opacity:.7;
transition:opacity .3s ease
}
.jubilee-2026-0217 .event.is-animation .event__ttl {
opacity:1;
translate:0 0px
}
.jubilee-2026-0217 .event.is-animation .event__box__img {
opacity:1;
translate:0 0px
}
@keyframes animation_fade_event {
0% {
opacity:0
}
15% {
opacity:1
}
60% {
opacity:1
}
75% {
opacity:0
}
100% {
opacity:0
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .event__inner {
padding-left:20px;
padding-right:20px;
max-width:1040px;
margin:auto;
padding-left:145px;
padding-right:145px;
padding-top:100px;
padding-bottom:100px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event__inner {
padding:60px 20px
}
}
.jubilee-2026-0217 .event__ttl {
font-size:16px;
text-align:center;
margin-bottom:50px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event__ttl {
letter-spacing:.1em;
font-size:15px;
margin-bottom:30px
}
}
.jubilee-2026-0217 .event__item-ttl {
font-size:12px;
letter-spacing:.06em;
margin-bottom:10px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event__item-ttl {
font-size:14px;
line-height:1.6
}
}
.jubilee-2026-0217 .event__item-name {
font-size:14px;
letter-spacing:.06em;
margin-bottom:10px;
line-height:1.4
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event__item-name {
font-size:16px;
margin-bottom:10px;
line-height:1.5
}
}
.jubilee-2026-0217 .event__item-name--top-border {
border-top:1px solid #051a1f;
margin-top:20px;
padding-top:20px
}
.jubilee-2026-0217 .event__lead {
font-size:13px;
letter-spacing:.06em;
line-height:1.6;
margin-bottom:30px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event__lead {
margin-bottom:28px;
line-height:2
}
}
.jubilee-2026-0217 .event__lead--day {
font-size:12px;
line-height:1;
margin-bottom:20px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event__lead--day {
font-size:14px
}
}
.jubilee-2026-0217 .event__note {
letter-spacing:.06em;
margin-top:5px;
font-size:11px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event__note {
font-size:12px;
margin-top:0px
}
}
.jubilee-2026-0217 .event__note>li {
position:relative;
padding-left:1.3em;
line-height:1.6;
font-size:11px
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event__note>li {
letter-spacing:.02em;
line-height:1.8
}
.jubilee-2026-0217 .event__note>li:not(:last-child) {
margin-bottom:4px
}
}
.jubilee-2026-0217 .event__note>li::before {
content:"※";
position:absolute;
top:0;
left:0
}
.jubilee-2026-0217 .event__note>li a {
text-decoration:underline
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .event__note>li a:hover {
text-decoration:none
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .event__box {
display:flex;
align-items:center;
flex-direction:row-reverse;
justify-content:space-between
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .event__box--reverse {
flex-direction:row
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .event__box--reverse .event__box__img {
margin-right:9.7%;
margin-left:0
}
}
.jubilee-2026-0217 .event__box__img {
position:relative;
font-size:0;
line-height:1
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .event__box__img {
margin-bottom:30px
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .event__box__img {
width:41%;
margin-left:9.7%
}
}
.jubilee-2026-0217 .event__box__img_2 {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .event__box__text {
width:47%
}
}
.jubilee-2026-0217 .event__box+.event__box {
margin-top:60px
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .event__box+.event__box {
margin-top:75px
}
}
.jubilee-2026-0217 .movie__inner {
margin:0 auto
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .movie__inner {
padding-left:20px;
padding-right:20px;
max-width:1040px;
margin:auto;
max-width:940px;
padding:100px 20px
}
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .movie__inner {
padding-bottom: 60px;
}
}
.jubilee-2026-0217 .movie iframe {
aspect-ratio:16/9;
width:100%
}
@media screen and (max-width: 768px) {
.jubilee-2026-0217 .is-pc {
display:none
}
}
@media screen and (min-width: 769px) {
.jubilee-2026-0217 .is-sp {
display:none
}
}
.jubilee-2026-0217 .text-space-zero {
letter-spacing:-0.17em
}
/* 追記 */
/* pc */
@media screen and (min-width: 769px) {
.sp{
display: none;
}
.break-line{
flex-basis: 100%;
width: 100%;
height: 0;
}
.makeup-event-title{
font-size: 15px !important;
}
.makeup-event-detail{
font-size: 13px !important;
margin-top: 10px;
margin-bottom: 10px;
}
.makeup-event-date{
font-size: 12px !important;
}
.makeup-event-attention{
font-size: 13px !important;
margin-bottom: 20px;
}
.jubilee-2026-0217 .look__name-group>p {
font-size:14px;
letter-spacing:.1em;
margin-bottom:0px
}
}
/* sp */
@media screen and (max-width: 768px) {
.pc{
display: none;
}
.break-line{
flex-basis: 100%;
width: 100%;
height: 0;
}
.makeup-event-title{
font-size: 15px !important;
}
.makeup-event-detail{
font-size: 13px !important;
margin-top: 10px;
margin-bottom: 10px;
}
.makeup-event-date{
font-size: 12px !important;
}
.makeup-event-attention{
font-size: 13px !important;
margin-bottom: 20px;
}
.jubilee-2026-0217 .look__name-group>p {
font-size:13px;
letter-spacing:.1em;
margin-bottom:0px
}
}