@charset "UTF-8";
   @import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;600&display=swap");
.t__min {
font-family: "Shippori Mincho", serif !important;
} svg {
fill: currentColor;
}   @keyframes scrollDown {
0% {
transform: translateY(0rem);
}
15% {
transform: translateY(1rem);
}
30% {
transform: translateY(0rem);
}
45% {
transform: translateY(1rem);
}
60% {
transform: translateY(0rem);
}
100% {
transform: translateY(0rem);
}
}
@keyframes loopCl {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes loopClRv {
from {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
}
header {
-webkit-tap-highlight-color: transparent;
}
header #upper_Head {
background-color: #fcfcfc;
position: fixed;
z-index: 990;
border-bottom: 1px solid #e8e8e8;
transition: all 0.3s ease;   }
@media screen and (min-width: 280px) {
header #upper_Head {
width: 100%;
max-width: 100% !important;
height: 5rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head {
width: calc(100% - 80px);
max-width: calc(100% - 80px) !important;
height: 6rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head {
width: 100%;
max-width: 900px !important;
height: 6rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head {
width: 100%;
max-width: 900px !important;
height: 6rem;
}
}
@media screen and (min-width: 280px) {
header #upper_Head.head_hide {
transform: translateY(-100%);
}
}
@media screen and (min-width: 600px) {
header #upper_Head.head_hide {
transform: translateY(-100%);
}
}
@media screen and (min-width: 1025px) {
header #upper_Head.head_hide {
transform: translateY(0);
}
}
@media screen and (min-width: 1441px) {
header #upper_Head.head_hide {
transform: translateY(0);
}
}
header #upper_Head.head_show {
transform: translateY(0);
}
header #upper_Head .logo {
position: absolute;
width: 6rem;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.6s;
overflow: hidden;
}
header #upper_Head .logo a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
overflow: hidden;
}
header #upper_Head #header_floor_Info {
display: flex;
align-items: center;
position: absolute;
top: 0;
z-index: 100;
max-width: 82%;
}
@media screen and (min-width: 280px) {
header #upper_Head #header_floor_Info {
left: 1.4rem;
height: 5rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head #header_floor_Info {
left: 1.8rem;
height: 6rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head #header_floor_Info {
left: 2rem;
height: 6rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head #header_floor_Info {
left: 2rem;
height: 6rem;
}
}
header #upper_Head #header_floor_Info .header_floor_Wrap {
display: flex;
align-items: center;
}
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link {
display: block;
line-height: 1;
}
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link span {
color: #262626;
font-weight: 600;
letter-spacing: 0.05em;
}
@media screen and (min-width: 280px) {
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link span {
font-size: min(4vw, 1.6rem);
}
}
@media screen and (min-width: 600px) {
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link span {
font-size: min(4vw, 1.8rem);
}
}
@media screen and (min-width: 1025px) {
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link span {
font-size: min(4vw, 2.2rem);
}
}
@media screen and (min-width: 1441px) {
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link span {
font-size: min(4vw, 2.2rem);
}
}
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link span.F_number {
text-align: left;
}
@media screen and (min-width: 280px) {
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link span .s_title {
font-size: min(3vw, 1.3rem);
}
}
@media screen and (min-width: 600px) {
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link span .s_title {
font-size: min(3vw, 1.4rem);
}
}
@media screen and (min-width: 1025px) {
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link span .s_title {
font-size: min(3vw, 1.8rem);
}
}
@media screen and (min-width: 1441px) {
header #upper_Head #header_floor_Info .header_floor_Wrap .floor_top_link span .s_title {
font-size: min(3vw, 1.8rem);
}
}
header #upper_Head #gift_Selection {
position: absolute;
top: 0;
z-index: 100;
}
@media screen and (min-width: 280px) {
header #upper_Head #gift_Selection {
left: 1.4rem;
height: 5rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head #gift_Selection {
left: 1.8rem;
height: 6rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head #gift_Selection {
left: 2rem;
height: 6rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head #gift_Selection {
left: 2rem;
height: 6rem;
}
}
header #upper_Head #gift_Selection .gift_title_Wrap {
display: flex;
align-items: center;
height: 100%;
}
header #upper_Head #gift_Selection .gift_title_Wrap .gift_title {
color: #262626;
font-weight: 600;
letter-spacing: 0.05em;
cursor: pointer;
}
@media screen and (min-width: 280px) {
header #upper_Head #gift_Selection .gift_title_Wrap .gift_title {
font-size: 1.6rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head #gift_Selection .gift_title_Wrap .gift_title {
font-size: 1.8rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head #gift_Selection .gift_title_Wrap .gift_title {
font-size: 2.2rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head #gift_Selection .gift_title_Wrap .gift_title {
font-size: 2.2rem;
}
}
header #upper_Head #single_page_back {
position: absolute;
top: 0;
z-index: 100;
}
@media screen and (min-width: 280px) {
header #upper_Head #single_page_back {
left: 1.4rem;
height: 5rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head #single_page_back {
left: 1.8rem;
height: 6rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head #single_page_back {
left: 2rem;
height: 6rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head #single_page_back {
left: 2rem;
height: 6rem;
}
}
header #upper_Head #single_page_back .single_pb_Wrap {
display: flex;
align-items: center;
height: 100%;
}
header #upper_Head #single_page_back .single_pb_Wrap .pb_title {
color: #262626;
font-weight: 600;
letter-spacing: 0.05em;
}
@media screen and (min-width: 280px) {
header #upper_Head #single_page_back .single_pb_Wrap .pb_title {
font-size: 1.6rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head #single_page_back .single_pb_Wrap .pb_title {
font-size: 1.8rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head #single_page_back .single_pb_Wrap .pb_title {
font-size: 2.2rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head #single_page_back .single_pb_Wrap .pb_title {
font-size: 2.2rem;
}
}
header #upper_Head .cat_accordion_container {
line-height: 1;
margin-left: 1rem;
}
header #upper_Head .cat_accordion_container .cat_accordion_Wrap {
cursor: pointer;
}
header #upper_Head .cat_accordion_container .cat_accordion_title {
display: flex;
align-items: center;
}
header #upper_Head .cat_accordion_container .cat_accordion_title .category {
letter-spacing: 0.08rem;
font-weight: 600;
}
@media screen and (min-width: 280px) {
header #upper_Head .cat_accordion_container .cat_accordion_title .category {
font-size: 1.3rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .cat_accordion_container .cat_accordion_title .category {
font-size: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .cat_accordion_container .cat_accordion_title .category {
font-size: 1.7rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .cat_accordion_container .cat_accordion_title .category {
font-size: 1.7rem;
}
}
header #upper_Head .cat_accordion_container .cat_accordion_title::after {
content: "";
display: block;
margin-left: 1rem;
background: url(//246select.sndbx.work/views/themes/246/images/pd.png) no-repeat center center;
background-size: contain;
transition: all 0.6s;
}
@media screen and (min-width: 280px) {
header #upper_Head .cat_accordion_container .cat_accordion_title::after {
width: 0.8rem;
height: 0.8rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .cat_accordion_container .cat_accordion_title::after {
width: 1rem;
height: 1rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .cat_accordion_container .cat_accordion_title::after {
width: 1.2rem;
height: 1.2rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .cat_accordion_container .cat_accordion_title::after {
width: 1.2rem;
height: 1.2rem;
}
}
header #upper_Head .cat_accordion_container .cat_accordion_title.open::after {
transform: rotate(180deg);
}
header #upper_Head .cat_accordion_container .cat_accordion_content {
display: none;
position: absolute;
transform: translate(0, 0);
background-color: #fcfcfc;
color: #262626;
}
@media screen and (min-width: 280px) {
header #upper_Head .cat_accordion_container .cat_accordion_content {
top: 5rem;
left: -2rem;
width: 100vw;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .cat_accordion_container .cat_accordion_content {
top: 6rem;
left: -3rem;
width: calc(100vw - 80px);
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .cat_accordion_container .cat_accordion_content {
top: 6rem;
left: -3rem;
width: 900px;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .cat_accordion_container .cat_accordion_content {
top: 6rem;
left: -3rem;
width: 900px;
}
}
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap {
width: 100%;
display: grid;
gap: 1rem;
}
@media screen and (min-width: 280px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap {
padding: 2rem 2rem 3rem;
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 600px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap {
padding: 2rem 3rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap {
padding: 2rem 3rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap {
padding: 2rem 3rem;
grid-template-columns: repeat(3, 1fr);
}
}
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
padding: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
color: #888888;
letter-spacing: 0.08em;
}
@media screen and (min-width: 280px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a {
height: 2rem;
font-size: 1.3rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a {
height: 2rem;
font-size: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a {
height: 3rem;
font-size: 1.7rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a {
height: 3rem;
font-size: 1.7rem;
}
}
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a::after {
content: "";
display: block;
margin-left: 1.5rem;
background: url(//246select.sndbx.work/views/themes/246/images/pd.png) no-repeat center center;
background-size: contain;
transform: rotate(-90deg);
}
@media screen and (min-width: 280px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a::after {
width: 0.7rem;
height: 0.7rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a::after {
width: 1rem;
height: 1rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a::after {
width: 1rem;
height: 1rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a::after {
width: 1rem;
height: 1rem;
}
}
@media screen and (min-width: 280px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a:hover {
opacity: 1;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a:hover {
opacity: 1;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a:hover {
opacity: 0.6;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a:hover {
opacity: 0.6;
}
}
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a:active {
transform: scale(0.9);
}
header #upper_Head .cat_accordion_container .cat_accordion_content .cat_contentWrap a.active {
color: #262626;
font-weight: 600;
}
header #upper_Head .lang_accordion_container {
height: 100%;
position: absolute;
top: 0;
line-height: 1;
z-index: 100;
}
@media screen and (min-width: 280px) {
header #upper_Head .lang_accordion_container {
width: 7rem;
height: 5rem;
left: 1rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .lang_accordion_container {
width: 8rem;
height: 6rem;
left: 1rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .lang_accordion_container {
width: 8rem;
height: 6rem;
left: 2rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .lang_accordion_container {
width: 8rem;
height: 6rem;
left: 2rem;
}
}
header #upper_Head .lang_accordion_container .lang_accordion_Wrap {
width: 100%;
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
header #upper_Head .lang_accordion_container .lang_icon {
width: 3rem;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
header #upper_Head .lang_accordion_container .lang_icon svg {
height: auto;
stroke: #262626;
stroke-width: 1.5px;
overflow: visible;
}
@media screen and (min-width: 280px) {
header #upper_Head .lang_accordion_container .lang_icon svg {
width: 1.8rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .lang_accordion_container .lang_icon svg {
width: 2rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .lang_accordion_container .lang_icon svg {
width: 2rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .lang_accordion_container .lang_icon svg {
width: 2rem;
}
}
header #upper_Head .lang_accordion_container button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
padding: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
color: #888888;
letter-spacing: 0.05em;
transition: all 0.3s ease;
}
header #upper_Head .lang_accordion_container button.active {
color: #262626;
font-weight: 600;
}
header #upper_Head .lang_accordion_container .lang_accordion_title {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 0.02rem;
}
header #upper_Head .lang_accordion_container .lang_accordion_title button {
display: none;
pointer-events: none;
}
@media screen and (min-width: 280px) {
header #upper_Head .lang_accordion_container .lang_accordion_title button {
font-size: 1.6rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .lang_accordion_container .lang_accordion_title button {
font-size: 1.8rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .lang_accordion_container .lang_accordion_title button {
font-size: 2.2rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .lang_accordion_container .lang_accordion_title button {
font-size: 2.2rem;
}
}
header #upper_Head .lang_accordion_container .lang_accordion_title button.active {
display: block;
}
header #upper_Head .lang_accordion_container .lang_accordion_title::after {
content: "";
display: block;
margin-left: 0.3rem;
background: url(//246select.sndbx.work/views/themes/246/images/pd.png) no-repeat center center;
background-size: contain;
transition: all 0.6s;
}
@media screen and (min-width: 280px) {
header #upper_Head .lang_accordion_container .lang_accordion_title::after {
width: 0.8rem;
height: 0.8rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .lang_accordion_container .lang_accordion_title::after {
width: 1.2rem;
height: 1.2rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .lang_accordion_container .lang_accordion_title::after {
width: 1.2rem;
height: 1.2rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .lang_accordion_container .lang_accordion_title::after {
width: 1.2rem;
height: 1.2rem;
}
}
header #upper_Head .lang_accordion_container .lang_accordion_title.open::after {
transform: rotate(180deg);
}
header #upper_Head .lang_accordion_container .lang_accordion_content {
display: none;
position: absolute;
transform: translate(0, 0);
background-color: #fcfcfc;
color: #262626;
}
@media screen and (min-width: 280px) {
header #upper_Head .lang_accordion_container .lang_accordion_content {
top: 5rem;
left: -1rem;
width: 100vw;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .lang_accordion_container .lang_accordion_content {
top: 6rem;
left: -1rem;
width: calc(100vw - 80px);
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .lang_accordion_container .lang_accordion_content {
top: 6rem;
left: -2rem;
width: 900px;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .lang_accordion_container .lang_accordion_content {
top: 6rem;
left: -2rem;
width: 900px;
}
}
header #upper_Head .lang_accordion_container .lang_accordion_content .lang_contentWrap {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media screen and (min-width: 280px) {
header #upper_Head .lang_accordion_container .lang_accordion_content .lang_contentWrap {
padding: 2rem 2rem 3rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .lang_accordion_container .lang_accordion_content .lang_contentWrap {
padding: 2rem 3rem 3rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .lang_accordion_container .lang_accordion_content .lang_contentWrap {
padding: 2rem 3rem 3rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .lang_accordion_container .lang_accordion_content .lang_contentWrap {
padding: 2rem 3rem 3rem;
}
}
header #upper_Head .lang_accordion_container .lang_accordion_content .lang_contentWrap button {
width: 50%;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media screen and (min-width: 280px) {
header #upper_Head .lang_accordion_container .lang_accordion_content .lang_contentWrap button {
font-size: 1.1rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head .lang_accordion_container .lang_accordion_content .lang_contentWrap button {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head .lang_accordion_container .lang_accordion_content .lang_contentWrap button {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head .lang_accordion_container .lang_accordion_content .lang_contentWrap button {
font-size: 1.4rem;
}
}
header #upper_Head #__actionMenu {
display: flex;
height: 100%;
position: absolute;
top: 0;
right: 1rem;
line-height: 1;
}
header #upper_Head #__actionMenu .action_icon_Wrap {
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 280px) {
header #upper_Head #__actionMenu .action_icon_Wrap {
width: 4rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head #__actionMenu .action_icon_Wrap {
width: 6rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head #__actionMenu .action_icon_Wrap {
width: 6rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head #__actionMenu .action_icon_Wrap {
width: 6rem;
}
}
header #upper_Head #__actionMenu a.menu_icon,
header #upper_Head #__actionMenu button.menu_icon {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
-webkit-touch-callout: none;
border-style: none;
outline: none;
background: transparent;
padding: 0;
width: 100%;
height: 100%;
transition: all 0.3s;
}
header #upper_Head #__actionMenu a.menu_icon.like svg,
header #upper_Head #__actionMenu button.menu_icon.like svg {
display: block;
fill: #262626;
width: auto;
}
@media screen and (min-width: 280px) {
header #upper_Head #__actionMenu a.menu_icon.like svg,
header #upper_Head #__actionMenu button.menu_icon.like svg {
height: 1.7rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head #__actionMenu a.menu_icon.like svg,
header #upper_Head #__actionMenu button.menu_icon.like svg {
height: 2rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head #__actionMenu a.menu_icon.like svg,
header #upper_Head #__actionMenu button.menu_icon.like svg {
height: 2rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head #__actionMenu a.menu_icon.like svg,
header #upper_Head #__actionMenu button.menu_icon.like svg {
height: 2rem;
}
}
header #upper_Head #__actionMenu a.menu_icon.bell svg,
header #upper_Head #__actionMenu button.menu_icon.bell svg {
display: block;
fill: #262626;
width: auto;
}
@media screen and (min-width: 280px) {
header #upper_Head #__actionMenu a.menu_icon.bell svg,
header #upper_Head #__actionMenu button.menu_icon.bell svg {
height: 1.8rem;
}
}
@media screen and (min-width: 600px) {
header #upper_Head #__actionMenu a.menu_icon.bell svg,
header #upper_Head #__actionMenu button.menu_icon.bell svg {
height: 2.2rem;
}
}
@media screen and (min-width: 1025px) {
header #upper_Head #__actionMenu a.menu_icon.bell svg,
header #upper_Head #__actionMenu button.menu_icon.bell svg {
height: 2.2rem;
}
}
@media screen and (min-width: 1441px) {
header #upper_Head #__actionMenu a.menu_icon.bell svg,
header #upper_Head #__actionMenu button.menu_icon.bell svg {
height: 2.2rem;
}
}
header #upper_Head #__actionMenu a:hover,
header #upper_Head #__actionMenu button:hover {
opacity: 0.7;
}
header #upper_Head #__actionMenu a:active,
header #upper_Head #__actionMenu button:active {
transform: scale(0.9);
}
header #second_Head {
background-color: #fcfcfc;
position: fixed;
z-index: 99;
height: 4rem;
width: 100%;
display: flex;
align-items: center;
}
@media screen and (min-width: 280px) {
header #second_Head {
top: 5rem;
padding: 0 1.4rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head {
top: 6rem;
padding: 0 1.8rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head {
top: 6rem;
padding: 0 2rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head {
top: 6rem;
padding: 0 2rem;
}
}
header #second_Head .price_order {
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
height: 3rem;
border: 1px solid #e8e8e8;
border-radius: 3px;
cursor: pointer;
}
header #second_Head .price_order h2 {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
width: 100%;
height: 100%;
padding: 0 0.8rem;
}
@media screen and (min-width: 280px) {
header #second_Head .price_order h2 {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head .price_order h2 {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .price_order h2 {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .price_order h2 {
font-size: 1.4rem;
}
}
@media screen and (min-width: 280px) {
header #second_Head .price_order h2 svg {
width: 1.8rem;
height: 1.8rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head .price_order h2 svg {
width: 2rem;
height: 2rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .price_order h2 svg {
width: 2rem;
height: 2rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .price_order h2 svg {
width: 2rem;
height: 2rem;
}
}
header #second_Head .price_order h2 .sort_icon {
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
}
@media screen and (min-width: 280px) {
header #second_Head .price_order h2 .sort_icon {
margin-right: 0.3rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head .price_order h2 .sort_icon {
margin-right: 0.5rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .price_order h2 .sort_icon {
margin-right: 0.5rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .price_order h2 .sort_icon {
margin-right: 0.5rem;
}
}
header #second_Head .price_order h2 .close_icon {
position: absolute;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
header #second_Head .price_order h2 span {
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
}
header #second_Head .price_order h2.open .sort_icon {
opacity: 0;
visibility: hidden;
}
header #second_Head .price_order h2.open .close_icon {
opacity: 1;
visibility: visible;
}
header #second_Head .price_order h2.open span {
opacity: 0;
visibility: hidden;
}
header #second_Head .price_order .price_order_list {
display: none;
position: absolute;
width: 100%;
top: 4rem;
right: 0;
transform: translate(0, 0);
background-color: #fcfcfc;
color: #262626;
}
@media screen and (min-width: 280px) {
header #second_Head .price_order .price_order_list {
padding: 2rem 3rem;
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head .price_order .price_order_list {
padding: 3rem;
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .price_order .price_order_list {
padding: 3rem;
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .price_order .price_order_list {
padding: 3rem;
font-size: 1.4rem;
}
}
header #second_Head .price_order .price_order_list > li {
text-align: right;
}
header #second_Head .price_order .price_order_list > li:not(:last-child) {
margin-bottom: 2rem;
}
header #second_Head .price_order .price_order_list > li a {
white-space: nowrap;
text-align: right;
cursor: pointer;
}
header #second_Head .price_order .price_order_list > li a:hover {
opacity: 0.5;
}
header #second_Head .gender_Tab {
height: 4rem;
margin-right: auto;
}
header #second_Head .gender_Tab .gender_nav_wrap {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
height: 100%;
}
header #second_Head .gender_Tab .gender_nav_wrap .gender_nav_item {
flex: 1 1 auto;
text-align: center;
}
@media screen and (min-width: 280px) {
header #second_Head .gender_Tab .gender_nav_wrap .gender_nav_item {
width: 100px;
}
}
@media screen and (min-width: 600px) {
header #second_Head .gender_Tab .gender_nav_wrap .gender_nav_item {
width: 115px;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .gender_Tab .gender_nav_wrap .gender_nav_item {
width: 130px;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .gender_Tab .gender_nav_wrap .gender_nav_item {
width: 130px;
}
}
header #second_Head .gender_Tab .gender_nav_wrap .gender_nav_item .gender_nav_link {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
height: 100%;
text-decoration: none;
color: #999999;
font-size: 1.2rem;
}
header #second_Head .gender_Tab .gender_nav_wrap .gender_nav_item .gender_nav_link.active {
border-bottom: 2px solid #262626;
font-weight: 600;
color: #262626;
}
header #second_Head .header_gift_info {
height: 4rem;
margin-right: auto;
}
header #second_Head .header_gift_info .for_whom {
height: 100%;
display: flex;
align-items: center;
}
header #second_Head .header_gift_info .for_whom span {
margin-right: 5px;
font-weight: 400;
letter-spacing: 0.05em !important;
}
@media screen and (min-width: 280px) {
header #second_Head .header_gift_info .for_whom span {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head .header_gift_info .for_whom span {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .header_gift_info .for_whom span {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .header_gift_info .for_whom span {
font-size: 1.4rem;
}
}
header #second_Head .header_gift_info .for_whom .cut_name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 0;
}
@media screen and (min-width: 280px) {
header #second_Head .header_gift_info .for_whom .cut_name {
max-width: 150px;
}
}
@media screen and (min-width: 600px) {
header #second_Head .header_gift_info .for_whom .cut_name {
max-width: 300px;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .header_gift_info .for_whom .cut_name {
max-width: 500px;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .header_gift_info .for_whom .cut_name {
max-width: 500px;
}
}
header #second_Head .open_gift_info {
margin-left: auto;
height: 3rem;
width: 3rem;
position: relative;
border: 1px solid #e8e8e8;
border-radius: 3px;
}
header #second_Head .open_gift_info .plus_icon {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;  }
header #second_Head .open_gift_info .plus_icon:after, header #second_Head .open_gift_info .plus_icon:before {
content: "";
position: absolute;
background-color: #262626;
transition: transform 0.25s ease-out;
}
header #second_Head .open_gift_info .plus_icon:before {
width: 1px;
height: 15px;
}
header #second_Head .open_gift_info .plus_icon:after {
width: 15px;
height: 1px;
}
@media screen and (min-width: 280px) {
header #second_Head .open_gift_info .plus_icon:hover {
opacity: 1;
}
}
@media screen and (min-width: 600px) {
header #second_Head .open_gift_info .plus_icon:hover {
opacity: 1;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .open_gift_info .plus_icon:hover {
opacity: 0.6;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .open_gift_info .plus_icon:hover {
opacity: 0.6;
}
}
@media screen and (min-width: 280px) {
header #second_Head .open_gift_info .plus_icon:active {
opacity: 0.6;
}
}
@media screen and (min-width: 600px) {
header #second_Head .open_gift_info .plus_icon:active {
opacity: 0.6;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .open_gift_info .plus_icon:active {
opacity: 1;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .open_gift_info .plus_icon:active {
opacity: 1;
}
}
header #second_Head .open_gift_info.active .plus_icon:before {
transform: rotate(90deg);
}
header #second_Head .open_gift_info.active .plus_icon:after {
transform: rotate(180deg);
}
header #second_Head .gift_info_content {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: block;
position: absolute;
width: 100%;
top: 4rem;
right: 0;
transform: translate(0, 0);
background-color: #fcfcfc;
color: #262626;
}
header #second_Head .gift_info_content._open ~ main #conWrap #post_list_wrap {
padding-top: 50rem !important;
}
header #second_Head .gift_info_content._open .gi_list_Wrap {
padding-bottom: 1.5rem;
transition: padding-top 0.3s ease-out;
}
header #second_Head .gift_info_content._open .gi_list_Wrap .gi_list_item {
line-height: 2;
opacity: 1;
visibility: visible;
transition: line-height 0.3s ease-out, opacity 0.1s linear 0.1s, visibility 0.1s linear 0.1s;
}
header #second_Head .gift_info_content._open .gi_list_Wrap .gi_list_item .box_text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
line-height: 1;
opacity: 1;
visibility: visible;
transition: padding-top 0.3s ease-out, padding-bottom 0.3s ease-out, line-height 0.3s ease-out, opacity 0.1s linear 0.1s, visibility 0.1s linear 0.1s;
}
header #second_Head .gift_info_content .gi_list_Wrap {
width: 100%;
padding-bottom: 0;
transition: padding-top 0.3s ease-out;
}
@media screen and (min-width: 280px) {
header #second_Head .gift_info_content .gi_list_Wrap {
padding-left: 1.4rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head .gift_info_content .gi_list_Wrap {
padding-left: 1.8rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .gift_info_content .gi_list_Wrap {
padding-left: 2rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .gift_info_content .gi_list_Wrap {
padding-left: 2rem;
}
}
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item {
display: flex;
align-items: center;
overflow-x: auto;
line-height: 0;
opacity: 0;
visibility: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
transition: line-height 0.3s ease-out, opacity 0.1s linear, visibility 0.1s linear;
}
@media screen and (min-width: 280px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item {
font-size: 1.4rem;
}
}
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item::-webkit-scrollbar {
display: none;
}
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .sticky {
font-weight: 600;
position: sticky;
top: 0;
left: 0;
background: none;
flex-shrink: 0;
}
@media screen and (min-width: 280px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .sticky {
width: 85px;
}
}
@media screen and (min-width: 600px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .sticky {
width: 95px;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .sticky {
width: 100px;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .sticky {
width: 100px;
}
}
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .sticky::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fcfcfc;
z-index: -1;
}
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .sticky::after {
content: ":";
position: absolute;
top: 0;
right: 0;
padding: 0 0.5rem;
}
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .box_text {
display: table;
color: #fcfcfc;
background-color: #999999;
border-radius: 3px;
padding: 0 1rem;
line-height: 0;
opacity: 1;
visibility: visible;
margin-right: 0.5rem;
letter-spacing: 0;
white-space: nowrap;
transition: padding-top 0.3s ease-out, padding-bottom 0.3s ease-out, line-height 0.3s ease-out, opacity 0.1s linear 0.1s, visibility 0.1s linear 0.1s;
}
@media screen and (min-width: 280px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .box_text {
font-size: 1rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .box_text {
font-size: 1rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .box_text {
font-size: 1.2rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .box_text {
font-size: 1.2rem;
}
}
header #second_Head .gift_info_content .gi_list_Wrap .gi_list_item .box_text wbr {
display: none;
}
header #second_Head .open_gift_filter {
display: flex;
align-items: center;
justify-content: center;
margin-left: 1rem;
height: 3rem;
border: 1px solid #fcfcfc;
border-radius: 3px;
overflow: hidden;
}
header #second_Head .open_gift_filter button {
display: flex;
align-items: center;
justify-content: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: #262626;
-webkit-tap-highlight-color: rgba(200, 200, 200, 0.4);
width: auto;
padding: 0 0.8rem;
height: 100%;
transition: all 0.3s ease;
cursor: pointer;
}
header #second_Head .open_gift_filter button svg {
fill: #fcfcfc;
}
@media screen and (min-width: 280px) {
header #second_Head .open_gift_filter button svg {
width: 1.8rem;
height: 1.8rem;
margin-right: 0.3rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head .open_gift_filter button svg {
width: 2rem;
height: 2rem;
margin-right: 0.5rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .open_gift_filter button svg {
width: 2rem;
height: 2rem;
margin-right: 0.5rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .open_gift_filter button svg {
width: 2rem;
height: 2rem;
margin-right: 0.5rem;
}
}
header #second_Head .open_gift_filter button span {
font-weight: 400;
line-height: 1;
color: #fcfcfc;
}
@media screen and (min-width: 280px) {
header #second_Head .open_gift_filter button span {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
header #second_Head .open_gift_filter button span {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .open_gift_filter button span {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .open_gift_filter button span {
font-size: 1.4rem;
}
}
@media screen and (min-width: 280px) {
header #second_Head .open_gift_filter button:hover {
opacity: 1;
}
}
@media screen and (min-width: 600px) {
header #second_Head .open_gift_filter button:hover {
opacity: 1;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .open_gift_filter button:hover {
opacity: 0.6;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .open_gift_filter button:hover {
opacity: 0.6;
}
}
@media screen and (min-width: 280px) {
header #second_Head .open_gift_filter button:active {
opacity: 0.6;
}
}
@media screen and (min-width: 600px) {
header #second_Head .open_gift_filter button:active {
opacity: 0.6;
}
}
@media screen and (min-width: 1025px) {
header #second_Head .open_gift_filter button:active {
opacity: 1;
}
}
@media screen and (min-width: 1441px) {
header #second_Head .open_gift_filter button:active {
opacity: 1;
}
} .head_Pageback {
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
border: 1px solid #999999;
border-radius: 3px;
overflow: hidden;
aspect-ratio: 1;
margin-right: 1rem;
}
.head_Pageback.nosp {
margin-right: 0;
}
.head_Pageback .head_Pageback_btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.head_Pageback .head_Pageback_btn .pageback_icon {
display: inline-block;
vertical-align: middle;
color: #262626;
line-height: 1;
border: 2px solid #262626;
border-left: 0 !important;
border-bottom: 0 !important;
box-sizing: border-box;
transform: translateX(25%) rotate(-135deg);
}
@media screen and (min-width: 280px) {
.head_Pageback .head_Pageback_btn .pageback_icon {
width: 1rem;
height: 1rem;
}
}
@media screen and (min-width: 600px) {
.head_Pageback .head_Pageback_btn .pageback_icon {
width: 1.1rem;
height: 1.1rem;
}
}
@media screen and (min-width: 1025px) {
.head_Pageback .head_Pageback_btn .pageback_icon {
width: 1.2rem;
height: 1.2rem;
}
}
@media screen and (min-width: 1441px) {
.head_Pageback .head_Pageback_btn .pageback_icon {
width: 1.2rem;
height: 1.2rem;
}
}
.head_Close_btn {
-webkit-tap-highlight-color: transparent;
position: absolute;
top: 0;
right: 1rem;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
}
@media screen and (min-width: 280px) {
.head_Close_btn {
width: 5rem;
height: 5rem;
}
}
@media screen and (min-width: 600px) {
.head_Close_btn {
width: 6rem;
height: 6rem;
}
}
@media screen and (min-width: 1025px) {
.head_Close_btn {
width: 6rem;
height: 6rem;
}
}
@media screen and (min-width: 1441px) {
.head_Close_btn {
width: 6rem;
height: 6rem;
}
}
.head_Close_btn .close_btn_Wrap {
position: absolute;
transform: rotate(-45deg);
cursor: pointer;
}
@media screen and (min-width: 280px) {
.head_Close_btn .close_btn_Wrap {
width: 18px;
height: 15px;
}
}
@media screen and (min-width: 600px) {
.head_Close_btn .close_btn_Wrap {
width: 18px;
height: 15px;
}
}
@media screen and (min-width: 1025px) {
.head_Close_btn .close_btn_Wrap {
width: 22px;
height: 20px;
}
}
@media screen and (min-width: 1441px) {
.head_Close_btn .close_btn_Wrap {
width: 22px;
height: 20px;
}
}
.head_Close_btn .close_btn_Wrap .bar {
padding: 0;
background-color: #262626;
display: block;
position: absolute;
}
@media screen and (min-width: 280px) {
.head_Close_btn .close_btn_Wrap .bar {
width: 18px;
height: 1px;
top: 7px;
}
}
@media screen and (min-width: 600px) {
.head_Close_btn .close_btn_Wrap .bar {
width: 18px;
height: 1px;
top: 7px;
}
}
@media screen and (min-width: 1025px) {
.head_Close_btn .close_btn_Wrap .bar {
width: 22px;
height: 2px;
top: 9px;
}
}
@media screen and (min-width: 1441px) {
.head_Close_btn .close_btn_Wrap .bar {
width: 22px;
height: 2px;
top: 9px;
}
}
.head_Close_btn .close_btn_Wrap .bar.bar2 {
right: 0;
transform: rotate(90deg) translateX(0px);
background-color: #262626;
} .cat_accordion_overlay,
.lang_accordion_overlay {
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
background: rgba(34, 34, 34, 0.2);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 99;
}
.cat_accordion_overlay .white_overlay,
.lang_accordion_overlay .white_overlay {
position: relative;
width: 100%;
background: #fcfcfc;
z-index: 100;
}
@media screen and (min-width: 280px) {
.cat_accordion_overlay .white_overlay,
.lang_accordion_overlay .white_overlay {
height: 5rem;
}
}
@media screen and (min-width: 600px) {
.cat_accordion_overlay .white_overlay,
.lang_accordion_overlay .white_overlay {
height: 6rem;
}
}
@media screen and (min-width: 1025px) {
.cat_accordion_overlay .white_overlay,
.lang_accordion_overlay .white_overlay {
height: 6rem;
}
}
@media screen and (min-width: 1441px) {
.cat_accordion_overlay .white_overlay,
.lang_accordion_overlay .white_overlay {
height: 6rem;
}
}
.cat_accordion_overlay .white_overlay::before,
.lang_accordion_overlay .white_overlay::before {
content: "";
width: 0;
height: 1px;
position: absolute;
bottom: 0;
background-color: #262626;
transition: width 0.3s ease;
}
@media screen and (min-width: 280px) {
.cat_accordion_overlay .white_overlay::before,
.lang_accordion_overlay .white_overlay::before {
left: 2rem;
}
}
@media screen and (min-width: 600px) {
.cat_accordion_overlay .white_overlay::before,
.lang_accordion_overlay .white_overlay::before {
left: 2rem;
}
}
@media screen and (min-width: 1025px) {
.cat_accordion_overlay .white_overlay::before,
.lang_accordion_overlay .white_overlay::before {
left: 3rem;
}
}
@media screen and (min-width: 1441px) {
.cat_accordion_overlay .white_overlay::before,
.lang_accordion_overlay .white_overlay::before {
left: 3rem;
}
}
.cat_accordion_overlay.show,
.lang_accordion_overlay.show {
opacity: 1;
visibility: visible;
}
@media screen and (min-width: 280px) {
.cat_accordion_overlay.show .white_overlay::before,
.lang_accordion_overlay.show .white_overlay::before {
width: calc(100% - 4rem);
left: 2rem;
}
}
@media screen and (min-width: 600px) {
.cat_accordion_overlay.show .white_overlay::before,
.lang_accordion_overlay.show .white_overlay::before {
width: calc(100% - 4rem);
left: 2rem;
}
}
@media screen and (min-width: 1025px) {
.cat_accordion_overlay.show .white_overlay::before,
.lang_accordion_overlay.show .white_overlay::before {
width: calc(100% - 6rem);
left: 3rem;
}
}
@media screen and (min-width: 1441px) {
.cat_accordion_overlay.show .white_overlay::before,
.lang_accordion_overlay.show .white_overlay::before {
width: calc(100% - 6rem);
left: 3rem;
}
} .drawer { }
.drawer button.drawer-close {
-webkit-tap-highlight-color: transparent;
position: absolute;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
background-color: transparent;
flex-wrap: wrap;
border: none;
opacity: 0;
visibility: hidden;
transform: translate(0, 0);
transition: all 0.6s;
z-index: 1501;
}
@media screen and (min-width: 280px) {
.drawer button.drawer-close {
width: 3.5rem;
height: 3.5rem;
top: 2rem;
right: 2rem !important;
}
}
@media screen and (min-width: 600px) {
.drawer button.drawer-close {
width: 4rem;
height: 4rem;
top: 3rem;
right: 3rem !important;
}
}
@media screen and (min-width: 1025px) {
.drawer button.drawer-close {
width: 4rem;
height: 4rem;
top: 3rem;
right: 3rem !important;
}
}
@media screen and (min-width: 1441px) {
.drawer button.drawer-close {
width: 4rem;
height: 4rem;
top: 3rem;
right: 3rem !important;
}
}
.drawer .close_icon {
position: absolute;
width: 25px;
height: 15px;
transform: rotate(-45deg);
}
.drawer .close_icon .bar {
padding: 0;
background-color: #262626;
display: block;
transition: all 500ms cubic-bezier(0.17, 0.935, 0.305, 1);
position: absolute;
}
@media screen and (min-width: 280px) {
.drawer .close_icon .bar {
height: 1px;
}
}
@media screen and (min-width: 600px) {
.drawer .close_icon .bar {
height: 1px;
}
}
@media screen and (min-width: 1025px) {
.drawer .close_icon .bar {
height: 2px;
}
}
@media screen and (min-width: 1441px) {
.drawer .close_icon .bar {
height: 2px;
}
}
.drawer .close_icon .bar.bar2 {
width: 25px;
top: 7px;
}
.drawer .close_icon .bar.bar3 {
width: 25px;
top: 7px;
right: 0;
transform: rotate(90deg) translateX(0px);
background-color: #262626;
}
.drawer.drawer-open button.drawer-close {
opacity: 1;
visibility: visible;
} .drawer--right {  }
.drawer--right .drawer-nav::-webkit-scrollbar {
display: none;
}
.drawer--right .drawer-nav {
height: 100vh;
height: 100dvh;
z-index: 991 !important;
visibility: hidden;
transition: all 300ms ease;
left: 0;
top: 0;
padding: 0;
background-color: transparent;
opacity: 0;
scroll-behavior: smooth;
-ms-overflow-style: none;
scrollbar-width: none; }
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav {
padding-left: 0;
width: 100%;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav {
padding-left: 80px;
width: 580px;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav {
padding-left: 200px;
width: 700px;
}
.drawer--right .drawer-nav.is-segment {
padding-left: clamp(200px, calc((100px + (100vw - 900px) / 2)), 450px);
width: clamp(700px, calc((600px + (100vw - 900px) / 2)), 950px);
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav {
padding-left: 200px;
width: 700px;
}
.drawer--right .drawer-nav.is-segment {
padding-left: clamp(200px, calc((100px + (100vw - 900px) / 2)), 450px);
width: clamp(700px, calc((600px + (100vw - 900px) / 2)), 950px);
}
}
.drawer--right .drawer-nav .backSwipe {
display: none;
}
.drawer--right .drawer-nav .floor_guide_wrap {
width: 200%;
height: 100%;
position: relative;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
overflow: hidden; }
.drawer--right .drawer-nav .floor_guide_wrap .slide-left {
transform: translateX(-100%);
}
.drawer--right .drawer-nav .floor_guide_wrap .slide-right {
transform: translateX(100%);
}
.drawer--right .drawer-nav .floor_guide_wrap .brandListButton {
color: #262626;
background-color: transparent;
border: none;
border-bottom: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8;
width: 100%;
height: 6rem;
margin-bottom: 2rem;
padding: 1rem 0 1rem 1rem;
cursor: pointer;
display: flex;
align-items: center;
font-weight: 600;
font-size: 1.8rem;
justify-content: space-between;
}
.drawer--right .drawer-nav .floor_guide_wrap .brandListButton svg {
width: 2.5rem;
height: auto;
fill: #262626;
}
.drawer--right .drawer-nav .floor_guide_wrap .tb_Wrap {
position: relative;
transition: transform 0.35s ease-in-out;
width: 100%;
overflow-y: scroll;
}
.drawer--right .drawer-nav .floor_guide_wrap .gf_Wrap {
position: relative;
transition: transform 0.35s ease-in-out;
width: 100%;
overflow-y: scroll;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation {  }
.drawer--right .drawer-nav .floor_guide_wrap .navigation li a {
-webkit-tap-highlight-color: transparent;
pointer-events: none;
line-height: 1.2;
color: #262626;
position: relative;
display: block;
transition: all 0.1s ease-in-out;
transform-origin: left 50% 0;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation li a:hover {
opacity: 0.6;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation li a:hover::after {
display: block;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation li a:hover::after {
display: block;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation li a:hover::after {
display: none;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation li a:hover::after {
display: none;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation li a:active {
transform: scale(0.95);
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list {
position: relative;
width: 100%;
background-color: #e8e8e8;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list {
padding: 2rem 2rem 10rem 2rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list {
padding: 3rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list {
padding: 3rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list {
padding: 3rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .sticky_bumper {
width: 100%;
background-color: #e8e8e8;
position: sticky;
top: 0;
z-index: 1;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .sticky_bumper {
height: 2rem;
margin-top: -2rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .sticky_bumper {
height: 3rem;
margin-top: -3rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .sticky_bumper {
height: 3rem;
margin-top: -3rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .sticky_bumper {
height: 3rem;
margin-top: -3rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .backToFloorsButton {
color: #262626;
background-color: #e8e8e8;
position: sticky;
z-index: 1;
border: none;
border-bottom: 1px solid #fcfcfc;
width: 100%;
height: 5rem;
padding: 0;
margin-bottom: 2rem;
cursor: pointer;
display: flex;
align-items: center;
font-weight: 600;
font-size: 1.8rem;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .backToFloorsButton {
top: 2rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .backToFloorsButton {
top: 3rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .backToFloorsButton {
top: 3rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .backToFloorsButton {
top: 3rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .backToFloorsButton svg {
width: 2.5rem;
height: auto;
fill: #262626;
margin-right: 1rem;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Fade {
width: 100%;
opacity: 0;
transition: all 300ms;
transform: translate(10px, 10px);
position: relative;
filter: blur(4px);
will-change: filter;
padding-left: 0.5rem;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Fade {
margin-bottom: 1rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Fade {
margin-bottom: 1rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Fade {
margin-bottom: 2rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Fade {
margin-bottom: 2rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Fade:last-child {
margin-bottom: 0;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brandlink_arrow {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: 0;
z-index: 1;
-webkit-tap-highlight-color: rgba(200, 200, 200, 0.4);
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brandlink_arrow {
width: 35px;
height: 35px;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brandlink_arrow {
width: 40px;
height: 40px;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brandlink_arrow {
width: 40px;
height: 40px;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brandlink_arrow {
width: 40px;
height: 40px;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brandlink_arrow::after {
content: "";
display: block;
background: url(//246select.sndbx.work/views/themes/246/images/pd.png) no-repeat center center;
background-size: contain;
transition: all 0.6s;
text-align: center;
transform: rotate(270deg);
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brandlink_arrow::after {
width: 1rem;
height: 0.8rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brandlink_arrow::after {
width: 1rem;
height: 1.2rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brandlink_arrow::after {
width: 1rem;
height: 1.2rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brandlink_arrow::after {
width: 1rem;
height: 1.2rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap {
display: flex;
align-items: center;
width: 100%;
flex-wrap: wrap;
position: relative;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name {
font-weight: 600;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
padding-left: 20px;
width: 100%;
height: 30px;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name {
font-size: 1.3rem !important;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name {
font-size: 1.4rem !important;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name {
font-size: 1.5rem !important;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name {
font-size: 1.5rem !important;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background-color: #fcfcfc;
height: 100%;
width: 5px;
transition: all 0.5s ease;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name span.comingsoon {
font-size: 1rem;
color: #999999;
font-weight: 400;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name span.__sitemenu {
color: #262626;
font-weight: 600;
padding-left: 1rem;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name span.__sitemenu {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name span.__sitemenu {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name span.__sitemenu {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name span.__sitemenu {
font-size: 1.4rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name .s_title {
display: inline-block;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name .s_title {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name .s_title {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name .s_title {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.brand_list .brand_Wrap a.brand_Name .s_title {
font-size: 1.4rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors {
position: relative;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors {
width: 100%;
padding: 3rem 2rem 4rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors {
width: 500px;
padding: 3rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors {
width: 500px;
padding: 5rem 4rem 4rem 3rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors {
width: 500px;
padding: 5rem 4rem 4rem 3rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title {
display: flex;
align-items: center;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title {
padding-left: 1rem;
margin-bottom: 2rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title {
padding-left: 1rem;
margin-bottom: 2rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title {
padding-left: 1rem;
margin-bottom: 3rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title {
padding-left: 1rem;
margin-bottom: 3rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p {
display: flex;
align-items: center;
cursor: pointer;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p svg {
display: inline-block;
color: #262626;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p svg {
width: 30px;
height: 15px;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p svg {
width: 40px;
height: 20px;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p svg {
width: 40px;
height: 20px;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p svg {
width: 40px;
height: 20px;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p span {
margin-left: 1rem;
color: #262626;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.5;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p span {
font-size: 1.3rem !important;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p span {
font-size: 1.5rem !important;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p span {
font-size: 1.5rem !important;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .gf_title p span {
font-size: 1.5rem !important;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade {
width: 100%;
opacity: 0;
transition: all 300ms;
transform: translate(10px, 10px);
position: relative;
filter: blur(4px);
will-change: filter;
margin-bottom: 2rem;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade:last-child {
margin-bottom: 0;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade:last-child::after {
display: none;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade::after {
content: "";
position: absolute;
right: 0;
bottom: -1rem;
border-bottom: 1px solid;
border-bottom-color: #e8e8e8;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade::after {
left: 50px;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade::after {
left: 52.5px;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade::after {
left: 55px;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade::after {
left: 55px;
}
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(2) {
padding-bottom: 1.5rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(2) {
padding-bottom: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(2) {
padding-bottom: 1.5rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(2) {
padding-bottom: 1.5rem;
}
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(n+3) {
padding: 0.8rem 1rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(n+3) {
padding: 0.8rem 1rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(n+3) {
padding: 0.8rem 1rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(n+3) {
padding: 0.8rem 1rem;
}
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(n+3) a {
font-size: 1.1rem !important;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(n+3) a {
font-size: 1.2rem !important;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(n+3) a {
font-size: 1.3rem !important;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(n+3) a {
font-size: 1.3rem !important;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Fade#floor_menu_office .shops__item:nth-child(n+3) a::before {
content: "-";
margin-right: 3px;
color: #262626;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: 0;
z-index: 1;
-webkit-tap-highlight-color: rgba(200, 200, 200, 0.4);
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link {
width: 35px;
height: 35px;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link {
width: 40px;
height: 40px;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link {
width: 40px;
height: 40px;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link {
width: 40px;
height: 40px;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link::after {
content: "";
display: block;
background: url(//246select.sndbx.work/views/themes/246/images/pd.png) no-repeat center center;
background-size: contain;
transition: all 0.6s;
text-align: center;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link::after {
width: 1rem;
height: 0.8rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link::after {
width: 1rem;
height: 1.2rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link::after {
width: 1rem;
height: 1.2rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link::after {
width: 1rem;
height: 1.2rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .menu_floor_link.open::after {
transform: rotate(180deg);
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap {
display: flex;
align-items: center;
width: 100%;
flex-wrap: wrap;
position: relative;
flex-direction: row-reverse;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap.current > a::after {
display: none;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .floor_icon {
position: absolute;
right: 0;
height: 2rem;
width: 2rem;
display: flex;
align-items: center;
justify-content: center;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .floor_icon img {
height: 100%;
width: auto;
-o-object-fit: contain;
object-fit: contain;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list {
display: none;
background: transparent;
width: 100%;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list {
padding: 1rem 0 1rem 6rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list {
padding: 1rem 0 1rem 6.5rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list {
padding: 1rem 0 1rem 7rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list {
padding: 1rem 0 1rem 7rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list .shops__item {
color: #262626;
padding: 1rem;
opacity: 0;
transform: translate(10px, 0px);
transition: all 300ms ease;
filter: blur(4px);
will-change: filter;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list .shops__item a {
font-weight: 300;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list .shops__item a {
font-size: 1.2rem !important;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list .shops__item a {
font-size: 1.3rem !important;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list .shops__item a {
font-size: 1.4rem !important;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list .shops__item a {
font-size: 1.4rem !important;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .shops__list.open li.shops__item {
opacity: 1 !important;
transform: translate(0px, 0px) !important;
filter: blur(0px) !important;
will-change: filter;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .floor_No {
color: #262626;
font-weight: 600;
letter-spacing: 0;
height: 35px;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
line-height: 1;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .floor_No {
width: 14%;
font-size: 2.1rem !important;
padding-right: 20px;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .floor_No {
width: 13%;
font-size: 2.2rem !important;
padding-right: 20px;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .floor_No {
width: 13%;
font-size: 2.4rem !important;
padding-right: 20px;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .floor_No {
width: 13%;
font-size: 2.4rem !important;
padding-right: 20px;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .floor_No::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
background-color: #e8e8e8;
height: 100%;
width: 5px;
transition: all 0.5s ease;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap .floor_No.open::after {
background-color: #262626;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name {
font-weight: 600;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
padding-left: 15px;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name {
width: 86%;
height: 35px;
font-size: 1.6rem !important;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name {
width: 87%;
height: 40px;
font-size: 1.7rem !important;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name {
width: 87%;
height: 40px;
font-size: 1.8rem !important;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name {
width: 87%;
height: 40px;
font-size: 1.8rem !important;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name.office_flex {
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name.main_Floor {
background: linear-gradient(135deg, rgb(38, 38, 38), 45%, rgb(150, 150, 150), 55%, rgb(38, 38, 38));
background-size: 260% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: textShine 2.5s ease-in infinite alternate;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name.main_Floor {
font-size: 2rem !important;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name.main_Floor {
font-size: 2.1rem !important;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name.main_Floor {
font-size: 2.2rem !important;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name.main_Floor {
font-size: 2.2rem !important;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name span.comingsoon {
font-size: 1rem;
color: #999999;
font-weight: 400;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name span.__sitemenu {
color: #262626;
font-weight: 600;
padding-left: 1rem;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name span.__sitemenu {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name span.__sitemenu {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name span.__sitemenu {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap a.floor_Name span.__sitemenu {
font-size: 1.4rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap.studio_246 .floor_No {
height: 60px;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap.studio_246 .floor_No::after {
background-color: #262626;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap.studio_246 a.floor_Name {
color: #fcfcfc;
background-color: #262626;
height: 60px;
font-weight: 600;
text-transform: uppercase;
animation: flicker 1.5s infinite alternate;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap.studio_246 a.floor_Name {
font-size: 2rem !important;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap.studio_246 a.floor_Name {
font-size: 2.1rem !important;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap.studio_246 a.floor_Name {
font-size: 2.2rem !important;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap.studio_246 a.floor_Name {
font-size: 2.2rem !important;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.grandfloors .floor_Wrap.studio_246 a.floor_Name span.comingsoon {
color: #fcfcfc;
}
@keyframes flicker {
0%, 100%, 19%, 21%, 23%, 25%, 54%, 56% {
text-shadow: -0.2rem -0.2rem 1rem #fcfcfc, 0.2rem 0.2rem 1rem #fcfcfc;
}
20%, 24%, 55% {
text-shadow: none;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.small_Menu {
position: relative;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.small_Menu {
width: 100%;
padding: 0 2rem 5rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.small_Menu {
width: 500px;
padding: 0 3rem 5rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.small_Menu {
width: 500px;
padding: 0 4rem 5rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.small_Menu {
width: 500px;
padding: 0 4rem 5rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.small_Menu .subM_flex {
display: flex;
align-items: center;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.small_Menu .subM_flex a {
display: flex;
align-items: center;
justify-content: center;
width: 33.3333333333%;
font-size: 1rem;
letter-spacing: 0.02em;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion {
position: relative;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion {
width: 100%;
padding: 0 2rem 20rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion {
width: 500px;
padding: 0 3rem 15rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion {
width: 500px;
padding: 0 4rem 15rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion {
width: 500px;
padding: 0 4rem 15rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .lanG_toggle {
display: none;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .lanG_toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .lanG_toggle:checked + .title + .lanG_list {
max-height: 300px;
opacity: 1 !important;
visibility: visible;
transform: translate(0px, 0px) !important;
filter: blur(0px) !important;
will-change: filter;
transition: all 500ms;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .option {
position: relative;
margin-bottom: 1em;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .lanG_list,
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .title {
backface-visibility: hidden;
transition: all 300ms ease;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .title {
border-bottom: solid 1px #e8e8e8;
padding: 1em;
display: block;
font-weight: 600;
color: #888888;
line-height: 1;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .title {
font-size: 1rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .title {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .title {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .title {
font-size: 1.3rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .title::after, .drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation.language_accordion .title::after {
transform: rotate(90deg);
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation .lanG_list {
max-height: 0;
overflow: hidden;
visibility: hidden;
margin: 2rem 1rem;
opacity: 0;
transform: translate(10px, 0px);
filter: blur(4px);
will-change: filter;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation .lanG_list button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
padding: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
display: flex;
align-items: center;
justify-content: flex-start;
color: #888888;
letter-spacing: 0.05em;
transition: all 0.3s ease;
}
@media screen and (min-width: 280px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation .lanG_list button {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation .lanG_list button {
font-size: 1.2rem;
}
}
@media screen and (min-width: 1025px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation .lanG_list button {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
.drawer--right .drawer-nav .floor_guide_wrap .navigation .lanG_list button {
font-size: 1.4rem;
}
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation .lanG_list button.active {
color: #262626;
font-weight: 600;
}
.drawer--right .drawer-nav .floor_guide_wrap .navigation .lanG_list button:hover {
opacity: 0.6;
}
.drawer--right.drawer-open .drawer-nav {
visibility: visible;
opacity: 1;
background-color: #fcfcfc;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
left: 0;
}
.drawer--right.drawer-open .drawer-nav .floor_guide_wrap .navigation li a {
pointer-events: all;
}
.drawer--right.drawer-open .drawer-nav .floor_guide_wrap .navigation.grandfloors li.brand_Fade, .drawer--right.drawer-open .drawer-nav .floor_guide_wrap .navigation.grandfloors li.floor_Fade, .drawer--right.drawer-open .drawer-nav .floor_guide_wrap .navigation.brand_list li.brand_Fade, .drawer--right.drawer-open .drawer-nav .floor_guide_wrap .navigation.brand_list li.floor_Fade {
opacity: 1 !important;
transform: translate(0px, 0px) !important;
transition: 1s 0.2s cubic-bezier(0.17, 0.935, 0.305, 1) !important;
filter: blur(0px) !important;
will-change: filter;
}
.drawer--right.drawer-open .drawer-nav .floor_guide_wrap .scroll_notice {
visibility: visible;
}
.drawer--right.drawer-open .drawer-overlay {
display: none !important;
} .like_add_n_wrap,
.like_delete_n_wrap,
.like_login_n_wrap {
position: fixed;
display: flex;
align-items: center; width: 100%;
z-index: 3000;
bottom: 0;
left: 50%;
opacity: 0;
transition: all 500ms ease;
filter: blur(4px);
will-change: filter;
}
@media screen and (min-width: 280px) {
.like_add_n_wrap,
.like_delete_n_wrap,
.like_login_n_wrap {
height: 5rem;
margin: 0 0 2rem;
justify-content: center;
transform: translate(-50%, 7rem);
}
}
@media screen and (min-width: 600px) {
.like_add_n_wrap,
.like_delete_n_wrap,
.like_login_n_wrap {
height: 6rem;
margin: 0 0 2rem;
justify-content: center;
transform: translate(-50%, 7rem);
}
}
@media screen and (min-width: 1025px) {
.like_add_n_wrap,
.like_delete_n_wrap,
.like_login_n_wrap {
height: 6rem;
margin: 0 0 2rem 1rem;
justify-content: flex-start;
transform: translate(-50%, 8rem);
}
}
@media screen and (min-width: 1441px) {
.like_add_n_wrap,
.like_delete_n_wrap,
.like_login_n_wrap {
height: 6rem;
margin: 0 0 2rem 1rem;
justify-content: flex-start;
transform: translate(-50%, 8rem);
}
}
.like_add_n_wrap.notify_Show,
.like_delete_n_wrap.notify_Show,
.like_login_n_wrap.notify_Show {
opacity: 1 !important;
transform: translate(-50%, 0rem) !important;
filter: blur(0px) !important;
will-change: filter;
}
.like_add_n_wrap .like_notify_add,
.like_add_n_wrap .like_notify_delete,
.like_add_n_wrap .like_notify_login,
.like_delete_n_wrap .like_notify_add,
.like_delete_n_wrap .like_notify_delete,
.like_delete_n_wrap .like_notify_login,
.like_login_n_wrap .like_notify_add,
.like_login_n_wrap .like_notify_delete,
.like_login_n_wrap .like_notify_login {
height: 100%;
background-color: rgba(38, 38, 38, 0.98);
border-radius: 3px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 280px) {
.like_add_n_wrap .like_notify_add,
.like_add_n_wrap .like_notify_delete,
.like_add_n_wrap .like_notify_login,
.like_delete_n_wrap .like_notify_add,
.like_delete_n_wrap .like_notify_delete,
.like_delete_n_wrap .like_notify_login,
.like_login_n_wrap .like_notify_add,
.like_login_n_wrap .like_notify_delete,
.like_login_n_wrap .like_notify_login {
width: 95%;
max-width: 95%;
}
}
@media screen and (min-width: 600px) {
.like_add_n_wrap .like_notify_add,
.like_add_n_wrap .like_notify_delete,
.like_add_n_wrap .like_notify_login,
.like_delete_n_wrap .like_notify_add,
.like_delete_n_wrap .like_notify_delete,
.like_delete_n_wrap .like_notify_login,
.like_login_n_wrap .like_notify_add,
.like_login_n_wrap .like_notify_delete,
.like_login_n_wrap .like_notify_login {
width: 95%;
max-width: 95%;
}
}
@media screen and (min-width: 1025px) {
.like_add_n_wrap .like_notify_add,
.like_add_n_wrap .like_notify_delete,
.like_add_n_wrap .like_notify_login,
.like_delete_n_wrap .like_notify_add,
.like_delete_n_wrap .like_notify_delete,
.like_delete_n_wrap .like_notify_login,
.like_login_n_wrap .like_notify_add,
.like_login_n_wrap .like_notify_delete,
.like_login_n_wrap .like_notify_login {
width: 40%;
max-width: 45rem;
}
}
@media screen and (min-width: 1441px) {
.like_add_n_wrap .like_notify_add,
.like_add_n_wrap .like_notify_delete,
.like_add_n_wrap .like_notify_login,
.like_delete_n_wrap .like_notify_add,
.like_delete_n_wrap .like_notify_delete,
.like_delete_n_wrap .like_notify_login,
.like_login_n_wrap .like_notify_add,
.like_login_n_wrap .like_notify_delete,
.like_login_n_wrap .like_notify_login {
width: 40%;
max-width: 45rem;
}
}
.like_add_n_wrap .like_notify_add .leftbox,
.like_add_n_wrap .like_notify_delete .leftbox,
.like_add_n_wrap .like_notify_login .leftbox,
.like_delete_n_wrap .like_notify_add .leftbox,
.like_delete_n_wrap .like_notify_delete .leftbox,
.like_delete_n_wrap .like_notify_login .leftbox,
.like_login_n_wrap .like_notify_add .leftbox,
.like_login_n_wrap .like_notify_delete .leftbox,
.like_login_n_wrap .like_notify_login .leftbox {
display: flex;
justify-content: center;
flex-direction: column;
position: absolute;
left: 0;
height: 100%;
width: 75%;
padding-left: 2rem;
}
.like_add_n_wrap .like_notify_add .rightbox,
.like_add_n_wrap .like_notify_delete .rightbox,
.like_add_n_wrap .like_notify_login .rightbox,
.like_delete_n_wrap .like_notify_add .rightbox,
.like_delete_n_wrap .like_notify_delete .rightbox,
.like_delete_n_wrap .like_notify_login .rightbox,
.like_login_n_wrap .like_notify_add .rightbox,
.like_login_n_wrap .like_notify_delete .rightbox,
.like_login_n_wrap .like_notify_login .rightbox {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
height: 100%;
padding-right: 2rem;
}
.like_add_n_wrap .like_notify_add .rightbox a,
.like_add_n_wrap .like_notify_delete .rightbox a,
.like_add_n_wrap .like_notify_login .rightbox a,
.like_delete_n_wrap .like_notify_add .rightbox a,
.like_delete_n_wrap .like_notify_delete .rightbox a,
.like_delete_n_wrap .like_notify_login .rightbox a,
.like_login_n_wrap .like_notify_add .rightbox a,
.like_login_n_wrap .like_notify_delete .rightbox a,
.like_login_n_wrap .like_notify_login .rightbox a {
-webkit-tap-highlight-color: transparent;
transition: all 0s;
}
.like_add_n_wrap .like_notify_add .rightbox a:hover,
.like_add_n_wrap .like_notify_delete .rightbox a:hover,
.like_add_n_wrap .like_notify_login .rightbox a:hover,
.like_delete_n_wrap .like_notify_add .rightbox a:hover,
.like_delete_n_wrap .like_notify_delete .rightbox a:hover,
.like_delete_n_wrap .like_notify_login .rightbox a:hover,
.like_login_n_wrap .like_notify_add .rightbox a:hover,
.like_login_n_wrap .like_notify_delete .rightbox a:hover,
.like_login_n_wrap .like_notify_login .rightbox a:hover {
opacity: 1;
}
.like_add_n_wrap .like_notify_add .rightbox a:active,
.like_add_n_wrap .like_notify_delete .rightbox a:active,
.like_add_n_wrap .like_notify_login .rightbox a:active,
.like_delete_n_wrap .like_notify_add .rightbox a:active,
.like_delete_n_wrap .like_notify_delete .rightbox a:active,
.like_delete_n_wrap .like_notify_login .rightbox a:active,
.like_login_n_wrap .like_notify_add .rightbox a:active,
.like_login_n_wrap .like_notify_delete .rightbox a:active,
.like_login_n_wrap .like_notify_login .rightbox a:active {
opacity: 0.6;
}
.like_add_n_wrap .like_notify_add p.notify_text,
.like_add_n_wrap .like_notify_delete p.notify_text,
.like_add_n_wrap .like_notify_login p.notify_text,
.like_delete_n_wrap .like_notify_add p.notify_text,
.like_delete_n_wrap .like_notify_delete p.notify_text,
.like_delete_n_wrap .like_notify_login p.notify_text,
.like_login_n_wrap .like_notify_add p.notify_text,
.like_login_n_wrap .like_notify_delete p.notify_text,
.like_login_n_wrap .like_notify_login p.notify_text {
color: #fcfcfc;
line-height: 1.4;
}
@media screen and (min-width: 280px) {
.like_add_n_wrap .like_notify_add p.notify_text,
.like_add_n_wrap .like_notify_delete p.notify_text,
.like_add_n_wrap .like_notify_login p.notify_text,
.like_delete_n_wrap .like_notify_add p.notify_text,
.like_delete_n_wrap .like_notify_delete p.notify_text,
.like_delete_n_wrap .like_notify_login p.notify_text,
.like_login_n_wrap .like_notify_add p.notify_text,
.like_login_n_wrap .like_notify_delete p.notify_text,
.like_login_n_wrap .like_notify_login p.notify_text {
font-size: 1.1rem;
}
}
@media screen and (min-width: 600px) {
.like_add_n_wrap .like_notify_add p.notify_text,
.like_add_n_wrap .like_notify_delete p.notify_text,
.like_add_n_wrap .like_notify_login p.notify_text,
.like_delete_n_wrap .like_notify_add p.notify_text,
.like_delete_n_wrap .like_notify_delete p.notify_text,
.like_delete_n_wrap .like_notify_login p.notify_text,
.like_login_n_wrap .like_notify_add p.notify_text,
.like_login_n_wrap .like_notify_delete p.notify_text,
.like_login_n_wrap .like_notify_login p.notify_text {
font-size: 1.2rem;
}
}
@media screen and (min-width: 1025px) {
.like_add_n_wrap .like_notify_add p.notify_text,
.like_add_n_wrap .like_notify_delete p.notify_text,
.like_add_n_wrap .like_notify_login p.notify_text,
.like_delete_n_wrap .like_notify_add p.notify_text,
.like_delete_n_wrap .like_notify_delete p.notify_text,
.like_delete_n_wrap .like_notify_login p.notify_text,
.like_login_n_wrap .like_notify_add p.notify_text,
.like_login_n_wrap .like_notify_delete p.notify_text,
.like_login_n_wrap .like_notify_login p.notify_text {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1441px) {
.like_add_n_wrap .like_notify_add p.notify_text,
.like_add_n_wrap .like_notify_delete p.notify_text,
.like_add_n_wrap .like_notify_login p.notify_text,
.like_delete_n_wrap .like_notify_add p.notify_text,
.like_delete_n_wrap .like_notify_delete p.notify_text,
.like_delete_n_wrap .like_notify_login p.notify_text,
.like_login_n_wrap .like_notify_add p.notify_text,
.like_login_n_wrap .like_notify_delete p.notify_text,
.like_login_n_wrap .like_notify_login p.notify_text {
font-size: 1.3rem;
}
}
.like_add_n_wrap .like_notify_add p.notify_text a.need_login,
.like_add_n_wrap .like_notify_delete p.notify_text a.need_login,
.like_add_n_wrap .like_notify_login p.notify_text a.need_login,
.like_delete_n_wrap .like_notify_add p.notify_text a.need_login,
.like_delete_n_wrap .like_notify_delete p.notify_text a.need_login,
.like_delete_n_wrap .like_notify_login p.notify_text a.need_login,
.like_login_n_wrap .like_notify_add p.notify_text a.need_login,
.like_login_n_wrap .like_notify_delete p.notify_text a.need_login,
.like_login_n_wrap .like_notify_login p.notify_text a.need_login {
color: #fcfcfc;
text-decoration: underline;
text-underline-offset: 3px;
}
.like_add_n_wrap .like_notify_add p.close_text,
.like_add_n_wrap .like_notify_delete p.close_text,
.like_add_n_wrap .like_notify_login p.close_text,
.like_delete_n_wrap .like_notify_add p.close_text,
.like_delete_n_wrap .like_notify_delete p.close_text,
.like_delete_n_wrap .like_notify_login p.close_text,
.like_login_n_wrap .like_notify_add p.close_text,
.like_login_n_wrap .like_notify_delete p.close_text,
.like_login_n_wrap .like_notify_login p.close_text {
color: #fcfcfc;
line-height: 1.2;
}
@media screen and (min-width: 280px) {
.like_add_n_wrap .like_notify_add p.close_text,
.like_add_n_wrap .like_notify_delete p.close_text,
.like_add_n_wrap .like_notify_login p.close_text,
.like_delete_n_wrap .like_notify_add p.close_text,
.like_delete_n_wrap .like_notify_delete p.close_text,
.like_delete_n_wrap .like_notify_login p.close_text,
.like_login_n_wrap .like_notify_add p.close_text,
.like_login_n_wrap .like_notify_delete p.close_text,
.like_login_n_wrap .like_notify_login p.close_text {
font-size: 1.15rem;
}
}
@media screen and (min-width: 600px) {
.like_add_n_wrap .like_notify_add p.close_text,
.like_add_n_wrap .like_notify_delete p.close_text,
.like_add_n_wrap .like_notify_login p.close_text,
.like_delete_n_wrap .like_notify_add p.close_text,
.like_delete_n_wrap .like_notify_delete p.close_text,
.like_delete_n_wrap .like_notify_login p.close_text,
.like_login_n_wrap .like_notify_add p.close_text,
.like_login_n_wrap .like_notify_delete p.close_text,
.like_login_n_wrap .like_notify_login p.close_text {
font-size: 1.25rem;
}
}
@media screen and (min-width: 1025px) {
.like_add_n_wrap .like_notify_add p.close_text,
.like_add_n_wrap .like_notify_delete p.close_text,
.like_add_n_wrap .like_notify_login p.close_text,
.like_delete_n_wrap .like_notify_add p.close_text,
.like_delete_n_wrap .like_notify_delete p.close_text,
.like_delete_n_wrap .like_notify_login p.close_text,
.like_login_n_wrap .like_notify_add p.close_text,
.like_login_n_wrap .like_notify_delete p.close_text,
.like_login_n_wrap .like_notify_login p.close_text {
font-size: 1.35rem;
}
}
@media screen and (min-width: 1441px) {
.like_add_n_wrap .like_notify_add p.close_text,
.like_add_n_wrap .like_notify_delete p.close_text,
.like_add_n_wrap .like_notify_login p.close_text,
.like_delete_n_wrap .like_notify_add p.close_text,
.like_delete_n_wrap .like_notify_delete p.close_text,
.like_delete_n_wrap .like_notify_login p.close_text,
.like_login_n_wrap .like_notify_add p.close_text,
.like_login_n_wrap .like_notify_delete p.close_text,
.like_login_n_wrap .like_notify_login p.close_text {
font-size: 1.35rem;
}
}
#loading_notify {
position: fixed;
z-index: 10000;
display: block;
top: 0;
transform: translate(-50%, -1rem);
background-color: rgba(38, 38, 38, 0.98);
border-radius: 5px;
margin-top: 0.65rem;
color: #fcfcfc;
line-height: 1.4;
padding: 1rem 2rem;
opacity: 0;
transition: all 200ms ease;
visibility: hidden;
filter: blur(2px);
will-change: filter;
}
@media screen and (min-width: 280px) {
#loading_notify {
left: 50%;
font-size: 1.1rem;
}
}
@media screen and (min-width: 600px) {
#loading_notify {
left: calc(50% + 40px);
font-size: 1.2rem;
}
}
@media screen and (min-width: 1025px) {
#loading_notify {
left: calc(50% + 100px);
font-size: 1.3rem;
}
}
@media screen and (min-width: 1441px) {
#loading_notify {
left: calc(50% + 100px);
font-size: 1.3rem;
}
}
#loading_notify.notify_Show {
visibility: visible;
opacity: 1 !important;
transform: translate(-50%, 0) !important;
filter: blur(0px) !important;
will-change: filter;
}
.about_navWrap {
position: fixed;
z-index: 980;
background-color: rgba(252, 252, 252, 0.8);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
height: 4rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
transition: all 0.3s ease;
}
@media screen and (min-width: 280px) {
.about_navWrap {
width: 100%;
max-width: 100% !important;
top: 5rem;
}
}
@media screen and (min-width: 600px) {
.about_navWrap {
width: calc(100% - 80px);
max-width: calc(100% - 80px) !important;
top: 6rem;
}
}
@media screen and (min-width: 1025px) {
.about_navWrap {
width: 100%;
max-width: 900px !important;
top: 6rem;
}
}
@media screen and (min-width: 1441px) {
.about_navWrap {
width: 100%;
max-width: 900px !important;
top: 6rem;
}
}
@media screen and (min-width: 280px) {
.about_navWrap._hide {
transform: translateY(-5rem);
}
}
@media screen and (min-width: 600px) {
.about_navWrap._hide {
transform: translateY(-6rem);
}
}
@media screen and (min-width: 1025px) {
.about_navWrap._hide {
transform: translateY(0);
}
}
@media screen and (min-width: 1441px) {
.about_navWrap._hide {
transform: translateY(0);
}
}
.about_navWrap._show {
transform: translateY(0);
}
.about_navWrap .about_navItem {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.about_navWrap .about_navItem .ttls_ {
position: relative;
display: flex;
align-items: center;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.05em;
color: #262626;
padding: 0 1rem;
height: 100%;
}
.about_navWrap .about_navItem .ttls_::after {
position: absolute;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #000000;
bottom: -1px;
transform: scale(0, 1);
transform-origin: center top;
transition: transform 0.3s;
}
@media screen and (min-width: 280px) {
.about_navWrap .about_navItem .ttls_:hover::after {
transform: scale(0, 1);
}
}
@media screen and (min-width: 600px) {
.about_navWrap .about_navItem .ttls_:hover::after {
transform: scale(0, 1);
}
}
@media screen and (min-width: 1025px) {
.about_navWrap .about_navItem .ttls_:hover::after {
transform: scale(1, 1);
}
}
@media screen and (min-width: 1441px) {
.about_navWrap .about_navItem .ttls_:hover::after {
transform: scale(1, 1);
}
}
.about_navWrap .about_navItem .ttls_._on {
font-weight: 600;
}
.about_navWrap .about_navItem .ttls_._on::after {
transform: scale(1, 1);
}