#site_wrap { display:none; }
#site_loader_overlay { background:#ffffff; opacity:1; position:fixed; top:0px; left:0px; width:100%; height:100%; width:100%; height:100vh; z-index:99999; }
#site_loader_overlay.slide_up {
top:-100vh; opacity:0;
-webkit-transition: transition: top 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
transition: top 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
}
#site_loader_overlay.slide_down {
top:100vh; opacity:0;
-webkit-transition: transition: top 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
transition: top 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
}
#site_loader_overlay.slide_left {
left:-100%; opactiy:0;
-webkit-transition: transition: left 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
transition: left 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
}
#site_loader_overlay.slide_right {
left:100%; opactiy:0;
-webkit-transition: transition: left 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
transition: left 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
}
#site_loader_logo { position:relative; width:100%; height:100%; }
#site_loader_logo_inner {
position:absolute; text-align:center; width:100%;
top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#site_loader_overlay.active #site_loader_logo_inner {
opacity:0;
-webkit-transition: all 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s; transition: all 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
#site_loader_logo img.mobile { display:none; }
#site_loader_logo .catch { line-height:1.6; padding:0 50px; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#site_loader_logo_inner .message { text-align:left; margin:30px auto 0; display:table; }
#site_loader_logo.no_logo .message { margin-top:0 !important; }
#site_loader_logo_inner .message.type2 { text-align:center; }
#site_loader_logo_inner .message.type3 { text-align:right; }
#site_loader_logo_inner .message_inner { display:inline; line-height:1.5; margin:0; }
@media screen and (max-width:750px) {
#site_loader_logo.has_mobile_logo img.pc { display:none; }
#site_loader_logo.has_mobile_logo img.mobile { display:inline; }
#site_loader_logo .message { margin:23px auto 0; }
#site_loader_logo .catch { padding:0 20px; }
}
/* ----- animation ----- */
#site_loader_logo .logo_image { opacity:0; }
#site_loader_logo.use_normal_animation .catch { opacity:0; }
#site_loader_logo.use_text_animation .catch span { opacity:0; position:relative; }
#site_loader_logo .message { opacity:0; }
#site_loader_logo.active .logo_image {
-webkit-animation: opacityAnimation 1.4s ease forwards 0.5s;
animation: opacityAnimation 1.4s ease forwards 0.5s;
}
#site_loader_logo img.use_logo_animation {
position:relative;
-webkit-animation: slideUpDown 1.5s ease-in-out infinite 0s;
animation: slideUpDown 1.5s ease-in-out infinite 0s;
}
#site_loader_logo.use_normal_animation.active .catch {
-webkit-animation: opacityAnimation 1.4s ease forwards 0.5s;
animation: opacityAnimation 1.4s ease forwards 0.5s;
}
#site_loader_logo.use_text_animation .catch span.animate {
-webkit-animation: text_animation 0.5s ease forwards 0s;
animation: text_animation 0.5s ease forwards 0s;
}
#site_loader_logo.use_normal_animation.active .message {
-webkit-animation: opacityAnimation 1.4s ease forwards 1.5s;
animation: opacityAnimation 1.4s ease forwards 1.5s;
}
#site_loader_logo.use_text_animation.active .message {
-webkit-animation: opacityAnimation 1.4s ease forwards 2s;
animation: opacityAnimation 1.4s ease forwards 2s;
}
#site_loader_logo_inner .text { display:inline; }
#site_loader_logo_inner .dot_animation_wrap { display:inline; margin:0 0 0 4px; position:absolute; }
#site_loader_logo_inner .dot_animation { display:inline; }
#site_loader_logo_inner i {
width:2px; height:2px; margin:0 4px 0 0; border-radius:100%;
display:inline-block; background:#000;
-webkit-animation: loading-dots-middle-dots 0.5s linear infinite; -ms-animation: loading-dots-middle-dots 0.5s linear infinite; animation: loading-dots-middle-dots 0.5s linear infinite;
}
#site_loader_logo_inner i:first-child {
opacity: 0;
-webkit-animation: loading-dots-first-dot 0.5s infinite; -ms-animation: loading-dots-first-dot 0.5s linear infinite; animation: loading-dots-first-dot 0.5s linear infinite;
-webkit-transform: translate(-4px); -ms-transform: translate(-4px); transform: translate(-4px);
}
#site_loader_logo_inner i:last-child {
-webkit-animation: loading-dots-last-dot 0.5s linear infinite; -ms-animation: loading-dots-last-dot 0.5s linear infinite; animation: loading-dots-last-dot 0.5s linear infinite;
}
@-webkit-keyframes loading-dots-fadein{
100% { opacity:1; }
}
@keyframes loading-dots-fadein{
100% { opacity:1; }
}
@-webkit-keyframes loading-dots-first-dot {
100% { -webkit-transform:translate(6px); -ms-transform:translate(6px); transform:translate(6px); opacity:1; }
}
@keyframes loading-dots-first-dot {
100% {-webkit-transform:translate(6px);-ms-transform:translate(6px); transform:translate(6px); opacity:1; }
}
@-webkit-keyframes loading-dots-middle-dots {
100% { -webkit-transform:translate(6px); -ms-transform:translate(6px); transform:translate(6px) }
}
@keyframes loading-dots-middle-dots {
100% { -webkit-transform:translate(6px); -ms-transform:translate(6px); transform:translate(6px) }
}
@-webkit-keyframes loading-dots-last-dot {
100% { -webkit-transform:translate(6px); -ms-transform:translate(6px); transform:translate(6px); opacity:0; }
}
@keyframes loading-dots-last-dot {
100% { -webkit-transform:translate(6px); -ms-transform:translate(6px); transform:translate(6px); opacity:0; }
}
#site_loader_overlay.active #site_loader_animation {
opacity:0;
-webkit-transition: all 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s; transition: all 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
#site_loader_logo_inner .message { font-size:16px; color:#000000; }
#site_loader_logo_inner i { background:#000000; }
@media screen and (max-width:750px) {
#site_loader_logo_inner .message { font-size:14px; }
}
お知らせ
【南八王子店】ショールーム臨時休業のお知らせ
【ショールーム休業のお知らせ】
平素より当店をご利用いただき誠にありがとうございます。
誠に勝手ながら、下記の日程で【南八王子店】ショールームを臨時休業とさせていただきます。
■休業日:2025年8月13日(水)~ 8月15日(金)
なお、電話受付は通常通り行っております。お気軽にお問い合わせください。
【電話受付時間】
月曜~土曜 9:00 ~ 19:00
日曜・祝日 9:00 ~ 17:00
お客様にはご不便をおかけいたしますが、何卒ご理解賜りますようお願い申し上げます。