#top .l-article_middle-figure figure { width: 40vw; margin: 0px auto; max-width: 800px; min-height: 20px; height: inherit; }
@media only screen and (max-width: 750px){
#top .l-article_middle-figure figure { width: 60vw; }
}
#top .hidden { display: none; }
#top.pattern-b .hidden { display: block; }
body { --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--duotone--dark-grayscale: none; --wp--preset--duotone--grayscale: none; --wp--preset--duotone--purple-yellow: none; --wp--preset--duotone--blue-red: none; --wp--preset--duotone--midnight: none; --wp--preset--duotone--magenta-yellow: none; --wp--preset--duotone--purple-green: none; --wp--preset--duotone--blue-orange: none; --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; }
input.hidden { display: none; }
.dashicons-hidden::before { content: ""; }
.dashicons-media-interactive::before { content: ""; }
.dashicons-menu-alt::before { content: ""; }
.dashicons-menu-alt2::before { content: ""; }
.dashicons-menu-alt3::before { content: ""; }
.dashicons-menu::before { content: ""; }
.dashicons-open-folder::before { content: ""; }
.dashicons-welcome-widgets-menus::before { content: ""; }
.fvfld .loading_img { position: absolute; top: 10px; right: -24px; }
.c-font-bold, b { font-family: "BIZ UDPGothic", sans-serif; font-weight: 700; }
a .c-hov { position: relative; transform: translateY(0px); transition: transform 0.4s cubic-bezier(0.6, 0.25, 0, 1); }
a .c-hov, a .c-hov::after { display: inline-block; padding: 0.25em 0px; }
a .c-hov::after { bottom: 0px; content: attr(data-txt); left: 0px; position: absolute; transform: translateY(104%); }
a:hover .c-hov { transform: translateY(-104%); transition: transform 0.6s cubic-bezier(0.6, 0.25, 0, 1); }
.c-btn-middle a { font-size: 0.733333rem; }
.c-btn-middle_inr::after { top: calc(50% - 4px); }
.c-btn-small a { font-size: 0.733333rem; }
.c-card-hov figure, .c-card-hov_fig { overflow: hidden; transform: scale(1); transition: transform 0.75s cubic-bezier(0, 0.15, 0.3, 1); will-change: transform; }
.c-card-hov a:hover .c-card-hov_fig, .c-card-hov a:hover figure { transform: scale(0.95); }
.s-usces { line-height: 1.5; padding-top: 48px !important; }
.s-usces input[type="button"], .s-usces input[type="submit"] { background-color: rgb(240, 131, 0); border: 1px solid rgb(220, 216, 208); border-radius: 6px; color: rgb(31, 44, 92); cursor: pointer; font-size: 1.2rem; font-weight: 700; margin: 10px 0px; padding: 28px 0px 23px; transition: opacity 0.3s; width: auto; }
.s-usces input[type="button"]:focus, .s-usces input[type="submit"]:focus { border-radius: 6px; outline: none; border: 1px solid rgb(31, 44, 92) !important; }
.s-usces input[type="button"]:hover, .s-usces input[type="submit"]:hover { opacity: 0.7; }
.s-usces .step_block { margin: 0px auto 32px; max-width: 900px; width: 100%; }
.s-usces .error_message { color: rgb(240, 131, 0); font-weight: 700; }
.s-usces .no_cart { padding: 60px 0px; text-align: center; }
.s-usces #previouscart { appearance: none; background: none; border: 1px solid rgb(31, 44, 92); border-radius: 6px; color: rgb(31, 44, 92); cursor: pointer; display: inline-block; font-family: "BIZ UDPGothic", sans-serif; font-size: 15px; font-weight: 700; padding: 12px 48px; }
.s-usces .customer_form tr.hidden { position: absolute; visibility: hidden; }
.s-usces .send { margin: 48px 0px 24px; text-align: center; }
.s-usces .send.horizontal { flex-wrap: wrap; justify-content: space-between; margin-left: auto; margin-right: auto; }
@media (min-width: 750px){
.s-usces .send.horizontal { display: flex; width: 75%; }
}
.s-usces .send.horizontal input { margin-bottom: 1rem; margin-left: auto; margin-right: auto; width: 100%; }
@media (min-width: 750px){
.s-usces .send.horizontal input { margin-bottom: 3rem; width: 41.6667%; }
}
.s-usces .send.horizontal input { white-space: pre-wrap; }
.s-usces .send input[type="submit"].to_customerinfo_button { margin-top: 0px; }
.s-usces .member_submenu { display: flex; flex-wrap: wrap; margin-bottom: 40px; }
.s-usces .member_submenu li { text-align: center; }
.s-usces .member_submenu li::before { display: none; }
.s-usces .member_submenu li a { border: 0px; display: block; }
.s-usces .header_explanation { font-size: 1rem; }
@media only screen and (max-width: 1200px){
.c-item-name { font-size: calc(12.5448px + 0.121065vw); }
.c-ttl-max { font-size: calc(31.7476px + 4.85437vw); }
.c-ttl-large { font-size: calc(36.3107px + 3.64078vw); }
.s-usces { margin: 0px 4vw !important; width: auto !important; }
.s-usces input[type="email"], .s-usces input[type="submit"], .s-usces input[type="tel"], .s-usces input[type="text"] { font-size: calc(13.0896px + 0.242131vw); }
.s-usces input[type="submit"] { font-size: calc(12.1792px + 0.484262vw); }
}
@media only screen and (max-width: 750px){
.c-item-name { font-size: 0.866667rem; }
.c-btn-large { max-width: none; width: 206px; }
.c-btn-large a { height: 83px; margin: 4px 6px 4px 7px; }
.c-btn-large_outline { max-width: none; top: 0px; width: 206px; }
.c-btn-middle a { height: 63px; }
.c-cover { height: 27px; mask-image: url("../img/a5d8f8b52ca.png"); top: calc(-18px + 81.28vh); }
.s-usces { margin: 4vw !important; padding-top: 8px !important; }
.s-usces input[type="submit"] { margin: 0px 0px 5px; padding: 18px 0px 17px; }
.s-usces #previouscart { font-size: 12px; }
.s-usces .header_explanation { font-size: calc(10px + 0.8vw); }
}
@media only screen and (max-width: 375px){
.c-item-name { line-height: 1.38462; }
.c-btn-large a { font-size: calc(10px + 0.266667vw); }
.c-ttl-max { font-size: calc(10px + 10.6667vw); line-height: 0.8; }
.c-ttl-max .min { margin-top: 24px; transform: scale(0.9); transform-origin: center center; }
.c-ttl-large { font-size: calc(10px + 10.6667vw); }
.c-ttl-large .min { margin-top: 24px; transform: scale(0.9); transform-origin: center center; }
.s-usces button, .s-usces input[type="email"], .s-usces input[type="password"], .s-usces input[type="submit"], .s-usces input[type="tel"], .s-usces input[type="text"], .s-usces select, .s-usces textarea { font-size: calc(10px + 1.06667vw); }
}
#escott-dialog, #escott-dialog .ui-dialog-titlebar, .c-bk, .default_background { background-color: rgb(227, 224, 217); background-image: url("../img/a4bc273774f.jpg"); background-position: 0px 0px; background-repeat: repeat; background-size: 300px 300px; }
abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0px; font: inherit; margin: 0px; padding: 0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }
html { text-size-adjust: 100%; font-size: 15px; overflow-y: scroll; }
body { font-feature-settings: "palt"; -webkit-font-smoothing: antialiased; color: rgb(31, 44, 92); font-family: "BIZ UDPGothic", sans-serif; font-size: 1rem; font-style: normal; font-variant-ligatures: none; font-weight: 400; letter-spacing: 0.02em; line-height: 1.86; min-width: 320px; overflow: hidden; overflow-wrap: break-word; text-align: left; }
main { position: relative; transition: margin-top 0.05s; }
ol, ol li, ul, ul li { list-style: none; }
dl, h1, h2, h3, h4, h5, h6, li, ol, p, ul { clear: none; }
img { backface-visibility: hidden; border: none; height: auto; line-height: 1em; max-width: 100%; overflow: hidden; vertical-align: bottom; }
a, img { margin: 0px; padding: 0px; }
a { color: rgb(31, 44, 92); text-decoration: none; transition: opacity 0.3s; }
a:hover { opacity: 0.7; }
a:focus { outline: auto; }
* { box-sizing: border-box; }
.js-lazyload { min-height: 1px; }
@media only screen and (max-width: 750px){
.pc { display: none; }
}
.sp { display: none; }
@media only screen and (max-width: 750px){
.sp { display: inline; }
}
.l-loader { left: 0px; opacity: 1; top: 0px; width: 100%; z-index: 100000; position: fixed !important; }
.l-all-wrapper, .l-loader { height: 100%; overflow: hidden; }
@keyframes anime-slide1 { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@keyframes anime-slide2 { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-200%); }
}
.l-attention2 { position: relative; }
.l-attention2 .nolink, .l-attention2 a { align-items: center; background-color: rgb(31, 44, 92); color: rgb(227, 224, 217); display: flex; font-size: 0.8rem; letter-spacing: 0.02em; line-height: 1.45455; overflow: hidden; width: 100%; }
.l-attention2_inner { padding: 7px 60px 7px 75px; width: auto; }
@media only screen and (max-width: 750px){
.l-attention2_inner { padding: 10px 37px 10px 10px; }
}
.l-attention2_close { cursor: pointer; height: 100%; position: absolute; right: 0px; top: 0px; width: 36px; }
.l-attention2_close img { margin: 8px 0px 0px 10px; vertical-align: top; }
.l-contents-intro { margin-bottom: 170px; padding: 169px 0px 0px; position: relative; }
@media only screen and (max-width: 750px){
.l-contents-intro { margin-bottom: 98px; padding-top: 107px; }
}
.l-contents-intro_inr { display: flex; flex-wrap: wrap; width: 100%; }
@media only screen and (max-width: 750px){
.l-contents-intro_inr { display: block; }
}
.l-contents-intro_block { width: 26.56%; }
@media only screen and (max-width: 750px){
.l-contents-intro_block { margin: 0px auto; width: 80.8vw; }
}
.l-contents-intro_fig-block1 { width: 36.72%; }
@media only screen and (max-width: 750px){
.l-contents-intro_fig-block1 { width: auto; }
}
.l-contents-intro_fig-block2 { align-self: flex-end; width: 36.72%; }
@media only screen and (max-width: 750px){
.l-contents-intro_fig-block2 { width: auto; }
}
.l-contents-intro_ttl { font-size: 7.33333rem; letter-spacing: -0.04em; line-height: 0.745455; margin-bottom: 66px; text-align: center; white-space: nowrap; }
@media only screen and (max-width: 1200px){
.l-contents-intro_ttl { font-size: calc(22.6877px + 7.26392vw); }
}
@media only screen and (max-width: 750px){
.l-contents-intro_ttl { margin-bottom: 56px; }
}
@media only screen and (max-width: 375px){
.l-contents-intro_ttl { font-size: calc(10px + 10.6667vw); line-height: 0.8; }
}
.l-contents-intro_dtl { font-size: 1.06667rem; line-height: 2.375; margin-bottom: 59px; text-align: center; }
@media only screen and (max-width: 1200px){
.l-contents-intro_dtl { font-size: calc(13.0896px + 0.242131vw); }
}
@media only screen and (max-width: 860px){
.l-contents-intro_dtl { letter-spacing: normal; margin-left: -10px; margin-right: -10px; }
}
@media only screen and (max-width: 750px){
.l-contents-intro_dtl { letter-spacing: 0.02em; margin-bottom: 36px; margin-left: 0px; margin-right: 0px; }
}
@media only screen and (max-width: 375px){
.l-contents-intro_dtl { font-size: calc(10px + 1.06667vw); line-height: 2.14286; }
}
.l-contents-intro_btn { margin: 0px auto; max-width: 265px; width: 100%; }
@media only screen and (max-width: 750px){
.l-contents-intro_btn { width: 235px; }
.l-contents-intro_btn a { height: 82px !important; }
}
.l-contents-intro_fig01, .l-contents-intro_fig02, .l-contents-intro_fig03, .l-contents-intro_fig04, .l-contents-intro_fig05 { position: relative; }
@media only screen and (max-width: 750px){
.l-contents-intro_fig01, .l-contents-intro_fig02, .l-contents-intro_fig03, .l-contents-intro_fig04, .l-contents-intro_fig05 { position: absolute; top: 108px; }
}
.l-contents-intro_fig01 { height: 33.5938vw; margin-top: 117px; width: 23.4375vw; }
@media only screen and (max-width: 750px){
.l-contents-intro_fig01 { height: 26.6667vw; left: 0px; margin-top: 0px; transform: translateY(-28%); width: 18.6667vw; }
}
.l-contents-intro_fig02 { height: 19.5312vw; transform: translate(105%, -40%); width: 14.0625vw; }
@media only screen and (max-width: 750px){
.l-contents-intro_fig02 { height: 15.4667vw; transform: translate(105%, 55.72%); width: 11.2vw; }
}
.l-contents-intro_fig03 { height: 28.4375vw; margin-left: auto; transform: translateY(1.8%); width: 23.4375vw; }
@media only screen and (max-width: 750px){
.l-contents-intro_fig03 { height: 24.5333vw; right: 0px; transform: translateY(23.73%); width: 20vw; }
}
.l-contents-intro_fig04 { height: 35.1562vw; margin-top: 81px; width: 25vw; }
@media only screen and (max-width: 750px){
.l-contents-intro_fig04 { height: 29.8667vw; margin-top: 0px; transform: translateY(-25%); width: 21.3333vw; }
}
.l-contents-intro_fig05 { height: 35.1562vw; margin-left: auto; transform: translateY(5.74%); width: 25vw; }
@media only screen and (max-width: 750px){
.l-contents-intro_fig05 { bottom: 0px; height: 29.8667vw; right: 0px; transform: translateY(-157%); width: 21.3333vw; }
}
.l-contents-large-group { padding: 0px 0px 128px; position: relative; text-align: center; }
@media only screen and (max-width: 750px){
.l-contents-large-group { padding-bottom: 65px; }
}
.l-contents-large-group_inr { color: rgb(227, 224, 217); padding: 130px 0px 125px; position: relative; z-index: 1; }
.l-contents-large-group_inr figure { margin: -68px auto -7.8125vw; position: relative; width: 14.8438vw; z-index: 1; }
.l-contents-large-group_inr figure img { width: 100%; }
@media only screen and (max-width: 750px){
.l-contents-large-group_inr { padding: 85px 0px 80px; }
.l-contents-large-group_inr figure { margin: -9.06667vw auto -27.2vw; width: 42.6667vw; }
}
.l-contents-large-group_bk { background-color: rgb(0, 0, 0); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
.l-contents-large-group_bk::after { background-color: rgba(0, 0, 0, 0.4); content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
@media only screen and (max-width: 750px){
.l-contents-large-group .c-para { left: calc(50% - 640px); max-width: none; width: 1280px; }
}
.l-contents-large-group_block { margin: 0px auto; min-width: 493px; position: relative; width: 42.3438vw; z-index: 1; }
@media only screen and (max-width: 750px){
.l-contents-large-group_block { min-width: 0px; width: 80.8vw; }
}
.l-contents-large-group_ttl { font-size: 7.33333rem; letter-spacing: -0.03em; line-height: 1.1; position: relative; z-index: 2; }
@media only screen and (max-width: 1200px){
.l-contents-large-group_ttl { font-size: calc(37.2397px + 6.05327vw); }
}
@media only screen and (max-width: 375px){
.l-contents-large-group_ttl { font-size: calc(10px + 13.3333vw); }
}
.l-contents-large-group_sbttl { font-size: 1.6rem; line-height: 1.58333; margin-bottom: 32px; position: relative; z-index: 2; }
.l-contents-large-group_sbttl br { display: none; }
@media only screen and (max-width: 1200px){
.l-contents-large-group_sbttl { font-size: calc(24px + 0vw); }
}
@media only screen and (max-width: 750px){
.l-contents-large-group_sbttl { margin-bottom: 20px; }
}
@media only screen and (max-width: 375px){
.l-contents-large-group_sbttl { font-size: calc(10px + 3.73333vw); line-height: 1.33333; }
}
@media only screen and (max-width: 750px){
.l-contents-large-group_sbttl br { display: inline; }
}
.l-contents-large-group p { letter-spacing: -0.06em; line-height: 2; margin: 0px 4.76562vw; position: relative; z-index: 2; }
@media only screen and (max-width: 1200px){
.l-contents-large-group p { font-size: calc(11.0896px + 0.242131vw); }
}
@media only screen and (max-width: 750px){
.l-contents-large-group p { margin-bottom: 36px; }
}
@media only screen and (max-width: 375px){
.l-contents-large-group p { font-size: calc(10px + 0.533333vw); letter-spacing: 0.02em; line-height: 1.83333; }
}
.l-contents-large-group_btn { bottom: 129px; position: absolute; right: 9.375vw; text-align: right; }
.l-contents-large-group_btn .c-btn-small_inr { line-height: 1.27; }
@media only screen and (max-width: 860px){
.l-contents-large-group_btn { bottom: 90px; }
}
@media only screen and (max-width: 750px){
.l-contents-large-group_btn { position: static; }
.l-contents-large-group_btn .c-btn-small { margin: 0px auto; }
}
.l-contents-large-group_list { margin: -40px 0px 0px; position: relative; z-index: 2; }
.l-contents-large-group_list .c-item-name { margin: 26px 0px 0px; }
.l-contents-large-group_list ul { display: flex; flex-wrap: wrap; margin: 0px auto; width: 81.25vw; }
.l-contents-large-group_list li { margin-right: 5.585%; width: 24.42%; }
.l-contents-large-group_list li:nth-of-type(2) { width: 35.57%; }
.l-contents-large-group_list li:nth-of-type(2) .c-item-name { font-size: 1.2rem; margin: 26px 0px 0px; }
.l-contents-large-group_list li:nth-of-type(3) { margin-right: 0px; width: 28.84%; }
.l-contents-large-group_list li img { width: 100%; }
@media only screen and (max-width: 750px){
.l-contents-large-group_list { margin: -33px 0px 0px; }
.l-contents-large-group_list ul { display: block; margin-left: 9.6vw; width: auto; }
.l-contents-large-group_list li { margin-right: 0px; width: auto; }
.l-contents-large-group_list li:nth-of-type(2) { width: auto; }
}
@media only screen and (max-width: 1200px){
.l-contents-large-group_list li:nth-of-type(2) .c-item-name { font-size: calc(10.724px + 0.605327vw); }
}
@media only screen and (max-width: 750px){
.l-contents-large-group_list li:nth-of-type(2) .c-item-name { font-size: 0.866667rem; }
}
.l-contents-large-group_list-btn { margin: 28px auto 0px; width: 81.25vw; }
.l-contents-large-group_list-btn .c-btn-small { margin-left: auto; }
@media only screen and (max-width: 750px){
.l-contents-large-group_list-btn { margin-top: 40px; }
.l-contents-large-group_list-btn .c-btn-small { margin: 0px auto; }
}
.l-contents-care { padding-bottom: 220px; width: 100vw; }
@media only screen and (max-width: 750px){
.l-contents-care { padding-bottom: 70px; width: auto; }
}
.l-contents-care_inr { align-items: flex-start; display: flex; flex-wrap: wrap; }
.l-contents-care_inr > figure { height: 53.125vw; position: relative; width: 50%; }
@media only screen and (max-width: 750px){
.l-contents-care_inr { display: block; }
.l-contents-care_inr > figure { height: 85.8667vw; margin-right: 19.4667vw; width: auto; }
}
.l-contents-care_dtl { background-color: rgb(31, 44, 92); color: rgb(227, 224, 217); font-size: 0.866667rem; line-height: 1.84615; padding: 131px 10.9375vw 130px; text-align: center; transform: translate(-9.375vw, 5.46875vw); width: 50%; }
.l-contents-care_dtl p { margin: 26px 0px 35px; }
@media only screen and (max-width: 860px){
.l-contents-care_dtl { padding: 131px 3.125vw 130px; }
}
@media only screen and (max-width: 750px){
.l-contents-care_dtl { margin: -53.8667vw 0px 0px 9.6vw; padding: 60px 8.26667vw 55px; position: relative; transform: none; width: auto; z-index: 1; }
}
@media only screen and (max-width: 1200px){
.l-contents-care_dtl p { font-size: calc(11.0896px + 0.242131vw); }
}
@media only screen and (max-width: 750px){
.l-contents-care_dtl p { margin: 21px 0px 25px; }
}
@media only screen and (max-width: 375px){
.l-contents-care_dtl p { font-size: calc(10px + 0.533333vw); line-height: 1.66667; }
}
.l-contents-care_ttl { font-size: 5.33333rem; line-height: 0.7375; white-space: nowrap; }
.l-contents-care_ttl .min { display: block; font-size: 0.666667rem; letter-spacing: 0.02em; line-height: 1; margin-bottom: 26px; }
@media only screen and (max-width: 1200px){
.l-contents-care_ttl { font-size: calc(36.3438px + 3.63196vw); }
}
@media only screen and (max-width: 375px){
.l-contents-care_ttl { font-size: calc(10px + 10.6667vw); line-height: 0.78; }
}
@media only screen and (max-width: 750px){
.l-contents-care_ttl .min { margin-bottom: 20px; transform: scale(0.9); transform-origin: center center; }
}
.l-contents-care_btn { margin: 0px auto; width: 228px; }
@media only screen and (max-width: 750px){
.l-contents-care_btn { width: 193px; }
}
.l-footer { background-color: rgb(31, 44, 92); color: rgb(227, 224, 217); pointer-events: auto; }
.l-footer_join { padding: 147px 9.375vw 100px; position: relative; }
.l-footer_join::after { background-image: url("../img/a98a5303fab.png"); background-position: center top; background-repeat: no-repeat; background-size: 100%; bottom: -30px; content: ""; display: block; height: 50px; left: 0px; position: absolute; width: 100%; }
@media only screen and (max-width: 750px){
.l-footer_join { padding: 94px 9.6vw 80px; }
.l-footer_join::after { left: 50%; transform: translateX(-50%); width: 1280px; }
}
.l-footer_join-bk { z-index: 0; }
.l-footer_join-bk, .l-footer_join-bk::after { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.l-footer_join-bk::after { background-color: rgba(0, 0, 0, 0.4); content: ""; display: block; }
@media only screen and (max-width: 750px){
.l-footer_join-bk-pc { display: none; }
}
.l-footer_join-bk-sp { display: none; }
@media only screen and (max-width: 750px){
.l-footer_join-bk-sp { display: inline; }
}
.l-footer_join-inr { position: relative; z-index: 1; }
@media only screen and (max-width: 750px){
.l-footer_join-inr { width: auto; }
}
.l-footer_join-ttl { font-size: 7.33333rem; line-height: 1.06; margin-bottom: 40px; position: relative; }
.l-footer_join-ttl .up { display: inline-block; line-height: 0.85; transform: translateY(-1.4em); }
.l-footer_join-ttl .min { display: block; font-size: 0.666667rem; letter-spacing: 0.02em; line-height: 2; margin-bottom: 8px; }
@media only screen and (max-width: 1200px){
.l-footer_join-ttl { font-size: calc(37.2397px + 6.05327vw); }
}
@media only screen and (max-width: 375px){
.l-footer_join-ttl { font-size: calc(10px + 13.3333vw); }
}
@media only screen and (max-width: 750px){
.l-footer_join-ttl .min { margin-bottom: 10px; transform: scale(0.9); transform-origin: left center; }
}
.l-footer_join-dtl { font-size: 0.933333rem; line-height: 1.71429; margin-top: -180px; width: 30.3125vw; }
@media only screen and (max-width: 1200px){
.l-footer_join-dtl { font-size: calc(11.0896px + 0.242131vw); margin-top: -120px; }
}
@media only screen and (max-width: 750px){
.l-footer_join-dtl { margin-top: -106px; width: auto; }
}
@media only screen and (max-width: 375px){
.l-footer_join-dtl { font-size: calc(10px + 0.533333vw); line-height: 1.66667; }
}
.l-footer_join-dtl-att { font-size: 0.666667rem; line-height: 1.2; margin-top: 11px; }
@media only screen and (max-width: 750px){
.l-footer_join-dtl-att { margin-top: 15px; transform: scale(0.9); transform-origin: left center; }
}
.l-footer_join-btn1 { margin-top: 39px; position: relative; z-index: 1; }
.l-footer_join-btn1 .c-btn-large, .l-footer_join-btn1 .c-btn-large_outline { max-width: 280px; min-width: 184px; width: 280px; }
@media only screen and (max-width: 750px){
.l-footer_join-btn1 { margin-top: 34px; }
.l-footer_join-btn1 .c-btn-large { width: 202px; }
.l-footer_join-btn1 .c-btn-large_outline { top: 0px; width: 202px; }
}
.l-footer_join-btn2 { display: table; margin-left: auto; position: relative; transform: translateY(-86%); z-index: 2; }
.l-footer_join-btn2 .c-btn-small_arrow { right: 15px; }
@media only screen and (max-width: 1200px){
.l-footer_join-btn2 { margin-top: 20px; transform: none; }
}
@media only screen and (max-width: 750px){
.l-footer_join-btn2 { margin: 34px 0px 0px; width: 69.3333vw; }
}
.l-footer_join-ttl-fig1 { align-items: center; display: flex; flex-wrap: wrap; float: right; height: 1em; margin-left: 23px; margin-top: -1.45em; max-width: 196px; position: relative; width: 15.3125vw; z-index: 1; }
.l-footer_join-ttl-fig1 img { vertical-align: top; }
@media only screen and (max-width: 1200px){
.l-footer_join-ttl-fig1 { vertical-align: -0.18em; }
}
@media only screen and (max-width: 750px){
.l-footer_join-ttl-fig1 { margin-left: 10px; max-height: none; max-width: 137px; width: 27.4667vw; }
}
.l-footer_join-ttl-fig2 { bottom: 0.18em; position: absolute; right: 0px; transform: translate(50%, 50%); z-index: -1 !important; }
.l-footer_join-ttl-fig2, .l-footer_join-ttl-fig2 .c-ico-circle { display: block; height: 60px; width: 60px; }
@media only screen and (max-width: 750px){
.l-footer_join-ttl-fig2 { height: 44px; right: -1px; width: 44px; }
.l-footer_join-ttl-fig2 .c-ico-circle { height: 44px; width: 44px; }
}
.l-footer .c-ttl-divide { display: inline-block; }
.l-footer .c-btn-small_arrow { background-image: url("../img/a968b7842c2.svg") !important; background-size: 13px 13px !important; }
.l-footer_inr { margin: 0px auto; padding: 122px 0px 92px; position: relative; width: 81.25vw; }
@media only screen and (max-width: 750px){
.l-footer_inr { padding: 63px 9.6vw 49px; width: auto; }
}
.l-footer_nav { font-size: 4.66667rem; line-height: 0.885714; text-align: right; }
.l-footer_nav a { color: rgb(227, 224, 217); }
@media only screen and (max-width: 1200px){
.l-footer_nav { font-size: calc(40.8959px + 2.42131vw); }
}
@media only screen and (max-width: 750px){
.l-footer_nav { margin-bottom: 43px; text-align: left; }
}
@media only screen and (max-width: 375px){
.l-footer_nav { font-size: calc(10px + 10.6667vw); line-height: 0.88; }
}
.l-footer_logo { bottom: 175px; left: 12px; position: absolute; width: 220px; }
@media only screen and (max-width: 750px){
.l-footer_logo { margin-bottom: 50px; max-width: 140px; position: static; width: 37.3333vw; }
}
.l-footer_btm-nav { font-size: 0.8rem; margin-left: auto; margin-top: 1rem; text-align: right; width: 52.3438vw; }
.l-footer_btm-nav a { color: rgb(119, 125, 149); }
@media only screen and (max-width: 1200px){
.l-footer_btm-nav { font-size: calc(10.5448px + 0.121065vw); }
}
@media only screen and (max-width: 750px){
.l-footer_btm-nav { margin-bottom: 25px; text-align: left; width: auto; }
}
@media only screen and (max-width: 375px){
.l-footer_btm-nav { font-size: calc(10px + 0.533333vw); }
}
.l-footer_btm-nav-primary { display: inline-block; margin-bottom: 6px; vertical-align: top; }
.l-footer_btm-nav-primary li { display: inline-block; line-height: 1; margin-right: 9px; }
.l-footer_btm-nav-primary li:last-child { margin-right: 0px; }
@media only screen and (max-width: 750px){
.l-footer_btm-nav-primary { margin-bottom: 66px; }
.l-footer_btm-nav-primary li { display: block; line-height: 1.9; margin-right: 0px; }
}
.l-footer_btm-nav-sns { display: inline-block; margin-left: 4.6875vw; vertical-align: middle; }
@media only screen and (max-width: 750px){
.l-footer_btm-nav-sns { margin-left: 0px; }
}
.l-footer footer { bottom: 106px; color: rgb(119, 125, 149); font-size: 0.666667rem; left: 0px; letter-spacing: normal; line-height: 1; position: absolute; transform: scale(0.7); transform-origin: left center; }
@media only screen and (max-width: 750px){
.l-footer footer { position: static; transform: scale(0.6); width: 140%; }
}
.js-megadrop-btn { cursor: pointer; position: relative; }
.js-megadrop-btn:hover::before { content: ""; display: block; height: 100px; left: -10%; position: absolute; top: 0px; width: 120%; }
.l-header-group { left: 0px; position: fixed; top: 0px; transform: translateY(0px); width: 100%; z-index: 10000; }
.l-header-group header { height: 69px; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%) scale(1); width: 140px; z-index: 10; }
.l-header-group header a { display: block; height: 69px; width: 140px; }
@media only screen and (max-width: 860px){
.l-header-group header { height: 59.14px; width: 120px; }
}
@media only screen and (max-width: 750px){
.l-header-group header { height: 49.28px; padding-top: 20px; width: 100px; }
}
@media only screen and (max-width: 860px){
.l-header-group header a { height: 59.14px; width: 120px; }
}
@media only screen and (max-width: 750px){
.l-header-group header a { height: 49.28px; width: 100px; }
}
.js-megadrop--active .l-header-group, .js-search--active .l-header-group { transform: translateY(0px) !important; }
.js-loaderclose.js-megadrop--active .l-header-group::before, .js-loaderclose.js-search--active .l-header-group::before { opacity: 1; }
.l-all-cover { background-color: rgba(0, 0, 0, 0.5); display: none; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 8; }
@media only screen and (max-width: 750px){
.l-all-cover { display: none; }
}
.l-nav_wrapper { align-items: center; display: flex; flex-wrap: wrap; height: 89px; position: relative; width: 100%; }
@media (min-width: 1024px){
.l-nav_wrapper { height: 150px; }
}
.l-nav_primary { color: rgb(227, 224, 217); display: none; font-size: 0.733333rem; letter-spacing: normal; line-height: 1; margin: 0px auto; max-width: 1280px; }
@media (min-width: 1024px){
.l-nav_primary { display: block; }
}
.l-nav_primary a { color: rgb(227, 224, 217); }
.l-nav_primary a:hover { opacity: 1; }
.l-nav_primary ul { left: 4.6875vw; position: absolute; top: 50%; transform: translateY(-50%); }
.l-nav_primary li { display: inline-block; margin-right: 28px; position: relative; vertical-align: middle; }
.l-nav_primary li::after { background-color: rgb(227, 224, 217); bottom: -6px; content: ""; display: block; height: 1px; left: 0px; position: absolute; transform: scaleX(0); transform-origin: right top; transition: transform 0.6s cubic-bezier(0.6, 0.25, 0, 1); width: 100%; }
.l-nav_primary li.js-current::after, .l-nav_primary li:hover::after { transform: scaleX(1); transform-origin: left top; }
.l-nav_secondary { color: rgb(227, 224, 217); display: none; font-size: 0.733333rem; letter-spacing: normal; line-height: 1; margin: 0px auto; max-width: 1280px; }
@media (min-width: 1024px){
.l-nav_secondary { display: block; }
}
.l-nav_secondary a { color: rgb(227, 224, 217); }
.l-nav_secondary a:hover { opacity: 1; }
.l-nav_secondary ul { position: absolute; right: 2.34375vw; top: 50%; transform: translateY(-50%); }
.l-nav_secondary li { display: inline-block; margin-right: 28px; position: relative; vertical-align: middle; }
.l-nav_secondary li::after { background-color: rgb(227, 224, 217); bottom: -6px; content: ""; display: block; height: 1px; left: 0px; position: absolute; transform: scaleX(0); transform-origin: right top; transition: transform 0.6s cubic-bezier(0.6, 0.25, 0, 1); width: 100%; }
.l-nav_secondary li.js-current::after, .l-nav_secondary li:hover::after { transform: scaleX(1); transform-origin: left top; }
.l-nav_secondary .search { cursor: pointer; width: 14px; }
.l-nav_secondary .search::after { display: none; transform: none; transition: none; }
.l-nav_secondary .search:hover::after { transform: none; transition: none; }
.l-nav_secondary .cart-num { font-size: 0.733333rem; text-align: center; width: 38px; }
.l-nav_secondary .cart-num::after { display: none; transform: none; transition: none; }
.l-nav_secondary .cart-num:hover::after { transform: none; transition: none; }
.l-nav_secondary .cart-num a { border: 1px solid rgb(227, 224, 217); border-radius: 50%; display: block; height: 24px; }
.l-nav_secondary .cart-num-count { line-height: 22px; }
.js-megadrop--active .l-nav_nav-cover, .js-search--active .l-nav_nav-cover { opacity: 1; pointer-events: auto; }
.l-nav_megadrop { left: 0px; max-height: calc(-104px + 100vh); overflow-y: scroll; pointer-events: none; position: absolute; width: 100%; }
.js-megadrop--active .l-nav_megadrop { pointer-events: auto; }
.l-nav_megadrop-inr { background-image: url("../img/a4bc273774f.jpg"); background-position: 0px 0px; background-repeat: repeat; background-size: 300px 300px; padding: 0px 9.375vw; position: relative; transform: scaleY(0); transform-origin: center top; transition: transform 0.2s cubic-bezier(0.55, 0.01, 0.45, 1) 0.2s; }
.js-megadrop--active .l-nav_megadrop-inr { transform: scale(1); transition: transform 0.3s cubic-bezier(0.55, 0.01, 0.45, 1); }
.l-nav_megadrop-inr::after { background-color: rgb(220, 216, 208); content: ""; display: block; height: 1px; left: -9.375vw; margin: 0px -9.375vw; position: absolute; top: 0px; width: 118.75vw; }
.l-nav_megadrop-inr p { font-size: 1.86667rem; line-height: 1; margin-bottom: 20px; }
.l-nav_megadrop-inr2 { display: flex; flex-wrap: wrap; opacity: 0; padding: 0px 0px 79px; transform: translateY(30px); transition: transform 0.2s cubic-bezier(0.55, 0.01, 0.45, 1), opacity 0.1s cubic-bezier(0.55, 0.01, 0.45, 1); width: auto; }
.js-megadrop--active .l-nav_megadrop-inr2 { opacity: 1; transform: translateY(0px); transition: transform 0.3s cubic-bezier(0.55, 0.01, 0.45, 1) 0.2s, opacity 0.3s cubic-bezier(0.55, 0.01, 0.45, 1) 0.2s; }
.l-nav_megadrop-main { flex: 1 1 0%; margin-right: 12.9688vw; padding: 43px 0px 0px; }
.l-nav_megadrop-main > ul { border-bottom: 1px solid rgb(191, 188, 180); display: flex; flex-wrap: wrap; font-size: 1.06667rem; padding: 0px 0px 29px; }
.l-nav_megadrop-main > ul li { margin-right: 0.29%; width: 33.14%; }
.l-nav_megadrop-main > ul li:nth-of-type(3n) { margin-right: 0px; }
.l-nav_megadrop-main a { display: block; }
@media only screen and (max-width: 1200px){
.l-nav_megadrop-main > ul { font-size: calc(10.1792px + 0.484262vw); }
}
.l-nav_megadrop-fig { display: block; margin-bottom: 18px; }
.l-nav_megadrop-side { padding: 46px 0px 0px; width: 150px; }
.l-nav_megadrop-side p { font-size: 1.46667rem; margin-bottom: 23px; }
.l-nav_megadrop-side ul { font-size: 0.666667rem; }
.l-nav_megadrop-side li { margin-bottom: 27px; }
.l-nav_megadrop-side li .l-nav_megadrop-fig { margin-bottom: 7px; }
.l-nav_megadrop-side a { display: block; }
.l-nav_search { left: 0px; pointer-events: none; position: absolute; width: 100%; }
.js-search--active .l-nav_search { pointer-events: auto; }
.l-nav_search-inr { background-image: url("../img/a4bc273774f.jpg"); background-position: 0px 0px; background-repeat: repeat; background-size: 300px 300px; padding: 0px 9.375vw; position: relative; transform: scaleY(0); transform-origin: center top; transition: transform 0.2s cubic-bezier(0.55, 0.01, 0.45, 1) 0.2s; }
.js-search--active .l-nav_search-inr { transform: scale(1); transition: transform 0.3s cubic-bezier(0.55, 0.01, 0.45, 1); }
.l-nav_search-inr::after { background-color: rgb(220, 216, 208); content: ""; display: block; height: 1px; left: -9.375vw; margin: 0px -9.375vw; position: absolute; top: 0px; width: 118.75vw; }
.l-nav_search-inr p { font-size: 1.86667rem; line-height: 1; margin-bottom: 24px; }
.l-nav_search-inr2 { display: flex; flex-wrap: wrap; opacity: 0; padding: 1px 0px 91px; transform: translateY(30px); transition: transform 0.2s cubic-bezier(0.55, 0.01, 0.45, 1), opacity 0.1s cubic-bezier(0.55, 0.01, 0.45, 1); width: auto; }
.js-search--active .l-nav_search-inr2 { opacity: 1; transform: translateY(0px); transition: transform 0.3s cubic-bezier(0.55, 0.01, 0.45, 1) 0.2s, opacity 0.3s cubic-bezier(0.55, 0.01, 0.45, 1) 0.2s; }
.l-nav_search-field { padding: 60px 0px 52px; position: relative; width: 100%; }
.l-nav_search-field .search_box form { position: relative; }
.l-nav_search-field .search_box input[type="text"] { background-color: rgb(220, 216, 208); border-radius: 6px; line-height: 1; padding: 30px 20px 30px 75px; }
.l-nav_search-field .search_box input[type="text"]:focus { outline: none; }
.l-nav_search-field .search_box button { cursor: pointer; height: 100%; left: 0px; position: absolute; top: 0px; width: 75px; z-index: 1; }
.l-nav_search-field .search_box button svg { height: 15px; margin-left: 18px; margin-top: 3px; width: 14px; }
.l-nav_search-btm { display: flex; flex-wrap: wrap; margin: 0px auto; position: relative; width: 81.25vw; }
.l-nav_search-btm p { font-size: 1.73333rem; line-height: 1; margin-bottom: 21px; width: 100%; }
.l-nav_search-sub { margin-right: 8.59375vw; width: 51.875vw; }
.l-nav_search-sub ul { display: flex; flex-wrap: wrap; }
.l-nav_search-sub li { margin-right: 0.305%; width: 33.13%; }
.l-nav_search-sub li:nth-of-type(3n) { margin-right: 0px; }
.l-nav_search-side { display: flex; flex: 1 1 0%; flex-wrap: wrap; font-size: 0.866667rem; margin-top: -6px; }
.l-nav_search-side ul { padding-right: 18px; width: 50%; }
.l-nav_search-side li { margin-bottom: 6px; }
.js-loaderclose .l-header-group { transition: transform 0.6s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-loaderclose .l-header-group::before { background-image: url("../img/a4bc273774f.jpg"); background-position: 0px 0px; background-repeat: repeat; background-size: 300px 300px; content: ""; display: block; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.6s cubic-bezier(0.55, 0.01, 0.45, 1); width: 100%; }
.js-loaderclose .l-nav_wrapper { transition: height 0.6s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-loaderclose .l-nav_primary, .js-loaderclose .l-nav_primary a, .js-loaderclose .l-nav_secondary, .js-loaderclose .l-nav_secondary a { transition: color 0.6s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-loaderclose .l-nav_secondary .cart-num a { transition: border-color 0.6s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-loaderclose .l-nav_secondary .cart-num-count { transition: color 0.6s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-loaderclose .l-nav-sp_nav-icon svg rect, .js-loaderclose .l-nav_secondary .search svg path { transition: fill 0.6s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-loaderclose .l-nav-sp_nav-cart .cart-num-count { transition: color 0.6s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-loaderclose .l-nav-sp_nav-cart .cart-num a { transition: border-color 0.6s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-megadrop--active::before, .js-search--active::before, body:not(.js-nav-sp--active) .l-header-group--blue::before { opacity: 1; }
.js-megadrop--active img.white, .js-search--active img.white, body:not(.js-nav-sp--active) .l-header-group--blue img.white { opacity: 0; pointer-events: none; }
.js-megadrop--active img.blue, .js-search--active img.blue, body:not(.js-nav-sp--active) .l-header-group--blue img.blue { opacity: 1; pointer-events: auto; }
.js-megadrop--active .l-nav_primary, .js-megadrop--active .l-nav_primary a, .js-megadrop--active .l-nav_secondary, .js-megadrop--active .l-nav_secondary a, .js-search--active .l-nav_primary, .js-search--active .l-nav_primary a, .js-search--active .l-nav_secondary, .js-search--active .l-nav_secondary a, body:not(.js-nav-sp--active) .l-header-group--blue .l-nav_primary, body:not(.js-nav-sp--active) .l-header-group--blue .l-nav_primary a, body:not(.js-nav-sp--active) .l-header-group--blue .l-nav_secondary, body:not(.js-nav-sp--active) .l-header-group--blue .l-nav_secondary a { color: rgb(31, 44, 92); }
.js-megadrop--active .l-nav_primary li::after, .js-megadrop--active .l-nav_secondary li::after, .js-search--active .l-nav_primary li::after, .js-search--active .l-nav_secondary li::after, body:not(.js-nav-sp--active) .l-header-group--blue .l-nav_primary li::after, body:not(.js-nav-sp--active) .l-header-group--blue .l-nav_secondary li::after { background-color: rgb(31, 44, 92); }
.js-megadrop--active .cart-num a, .js-search--active .cart-num a, body:not(.js-nav-sp--active) .l-header-group--blue .cart-num a { border: 1px solid rgb(31, 44, 92); }
.js-megadrop--active .l-nav-sp_nav-icon svg rect, .js-megadrop--active .search svg path, .js-search--active .l-nav-sp_nav-icon svg rect, .js-search--active .search svg path, body:not(.js-nav-sp--active) .l-header-group--blue .l-nav-sp_nav-icon svg rect, body:not(.js-nav-sp--active) .l-header-group--blue .search svg path { fill: rgb(31, 44, 92); }
.js-megadrop--active .l-nav-sp_nav-cart .cart-num-count, .js-search--active .l-nav-sp_nav-cart .cart-num-count, body:not(.js-nav-sp--active) .l-header-group--blue .l-nav-sp_nav-cart .cart-num-count { color: rgb(31, 44, 92); }
.js-megadrop--active .l-nav-sp_nav-cart .cart-num a, .js-search--active .l-nav-sp_nav-cart .cart-num a, body:not(.js-nav-sp--active) .l-header-group--blue .l-nav-sp_nav-cart .cart-num a { border-color: rgb(31, 44, 92); }
.js-megadrop--active .l-nav_wrapper, .js-search--active .l-nav_wrapper, .l-header-group--min .l-nav_wrapper { height: 104px; }
@media only screen and (max-width: 750px){
.js-megadrop--active .l-nav_wrapper, .js-search--active .l-nav_wrapper, .l-header-group--min .l-nav_wrapper { height: 66px; }
}
.js-megadrop--active header img, .js-search--active header img, .l-header-group--min header img { transform: scale(0.642857); }
.l-nav-sp { color: rgb(227, 224, 217); display: block; height: 100%; left: 0px; position: fixed; top: 0px; transform: translateX(-100%); transition: transform 0.3s cubic-bezier(0.55, 0.01, 0.45, 1); width: 100%; z-index: 8; }
@media (min-width: 1024px){
.l-nav-sp { display: none; }
}
.js-nav-sp--active .l-nav-sp { transform: translateX(0px); }
.l-nav-sp_wrapper { inset: 0px; display: block; position: absolute; width: 100%; }
@media (min-width: 1024px){
.l-nav-sp_wrapper { display: none; }
}
.l-nav-sp_cover { background-color: rgb(31, 44, 92); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.l-nav-sp_nav-icon { align-items: center; cursor: pointer; display: flex; flex-wrap: wrap; height: 40px; justify-content: center; left: 8.26667vw; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; z-index: 10; }
@media (min-width: 1024px){
.l-nav-sp_nav-icon { display: none; }
}
.l-nav-sp_nav-icon .default svg { height: 13px; width: 30px; }
.l-nav-sp_nav-icon .close { display: none; }
.l-nav-sp_nav-icon .close svg { height: 12px; width: 12px; }
.js-nav-sp--active .l-nav-sp_nav-icon .close { display: inline; }
@media (min-width: 1024px){
.js-nav-sp--active .l-nav-sp_nav-icon .close { display: none; }
}
.js-nav-sp--active .l-nav-sp_nav-icon .default { display: none; }
.l-nav-sp_nav-cart { display: block; position: absolute; right: 9.6vw; top: 50%; transform: translateY(-50%); width: 34px; z-index: 10; }
@media (min-width: 1024px){
.l-nav-sp_nav-cart { display: none; }
}
.l-nav-sp_nav-cart .cart-num { font-size: 0.666667rem; text-align: center; width: 34px; }
.l-nav-sp_nav-cart .cart-num a { border: 1px solid rgb(227, 224, 217); border-radius: 50%; color: rgb(227, 224, 217); display: block; height: 21px; }
.l-nav-sp_nav-cart .cart-num-count { line-height: 19px; }
.l-nav-sp_open { padding: 0px 9.6vw; position: relative; }
.l-nav-sp_open a { color: rgb(227, 224, 217); }
.l-nav-sp_open-inner { height: 100%; transition: padding-top 0.2s; }
.l-nav-sp_open-inner2 { height: 100%; overflow-y: scroll; }
.l-nav-sp_primary { font-size: 3.33333rem; line-height: 0.88; margin: 26px 0px 60px; }
.l-nav-sp_secondary { font-size: 0.733333rem; margin-bottom: 50px; }
.l-nav-sp_secondary a { color: rgb(119, 125, 149); }
.l-nav-sp_sns { margin-bottom: 70px; }
.l-nav-sp_search-field { padding: 0px 0px 86px; position: relative; width: 100%; }
.l-nav-sp_search-field .search_box { color: rgb(227, 224, 217); }
.l-nav-sp_search-field .search_box form { position: relative; }
.l-nav-sp_search-field .search_box input[type="text"] { background-color: rgb(24, 35, 77); border-radius: 6px; color: rgb(227, 224, 217); line-height: 1; padding: 18px 20px 18px 48px; }
.l-nav-sp_search-field .search_box input[type="text"]:focus { outline: none; }
.l-nav-sp_search-field .search_box input::-webkit-input-placeholder { color: rgb(24, 35, 77); }
.l-nav-sp_search-field .search_box button { cursor: pointer; height: 100%; left: 0px; position: absolute; top: 0px; width: 48px; z-index: 1; }
.l-nav-sp_search-field .search_box button svg { height: 15px; width: 14px; }
.l-footer--min { position: relative; }
.l-footer--min::after { background-image: url("../img/a98a5303fab.png"); background-position: center top; background-repeat: no-repeat; background-size: 100%; content: ""; display: block; height: 50px; left: 0px; position: absolute; top: -23px; width: 100%; }
@media only screen and (max-width: 750px){
.l-footer--min::after { left: 50%; transform: translateX(-50%); width: 1280px; }
}
.l-und_wrap { padding-top: 150px; pointer-events: auto; position: relative; z-index: 2; }
.js-loaderclose .l-und_wrap { transition: padding-top 0.2s; }
@media only screen and (max-width: 750px){
.l-und_wrap { padding-top: 90px; }
}
.l-content-item-choice2 { display: flex; flex-wrap: wrap; margin: 0px 9.375vw; padding-bottom: 167px; }
@media only screen and (max-width: 750px){
.l-content-item-choice2 { display: block; margin: 0px 0px 0px 9.6vw; padding-bottom: 100px; }
}
.l-content-item-choice2_ttl { margin-right: 3.125vw; width: 23.75vw; }
@media only screen and (max-width: 750px){
.l-content-item-choice2_ttl { margin-bottom: 40px; margin-right: 0px; width: auto; }
}
.l-content-item-choice2 .c-ttl-large { line-height: 0.74; }
.l-content-item-choice2 .c-ttl-large .min { margin-top: 26px; }
@media only screen and (max-width: 1200px){
.l-content-item-choice2 .c-ttl-large { font-size: calc(-7.37864px + 7.28155vw); }
}
@media only screen and (max-width: 750px){
.l-content-item-choice2 .c-ttl-large { font-size: calc(36.3107px + 3.64078vw); }
.l-content-item-choice2 .c-ttl-large .min { margin-top: 23px; }
}
@media only screen and (max-width: 375px){
.l-content-item-choice2 .c-ttl-large .min { transform-origin: left top; }
}
.l-content-item-choice2_featured-slide { flex: 1 1 0%; }
.l-content-item-choice2_featured-slide ul { display: flex; flex-wrap: wrap; }
.l-content-item-choice2_featured-slide li { margin-right: 4.745%; text-align: center; width: 30.17%; }
.l-content-item-choice2_featured-slide li:nth-of-type(3) { margin-right: 0px; }
.l-content-item-choice2_featured-slide li .c-item-name { margin-top: 27px; }
.l-content-item-choice2_featured-slide li a { display: block; }
.l-content-item-choice2_featured-slide li img { width: 100%; }
@media only screen and (max-width: 750px){
.l-content-item-choice2_featured-slide li { margin-right: 0px; width: auto; }
.l-content-item-choice2_featured-slide li .c-item-name { margin-top: 26px; }
}
.l-pagenation { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; line-height: 1; margin-top: 148px; width: 100%; }
.l-pagenation > .next { margin: 0px 20px 0px auto; width: 41px; }
.l-pagenation > .prev { margin: 0px auto 0px 20px; transform: rotate(180deg); width: 41px; }
@media only screen and (max-width: 1200px){
.l-pagenation { font-size: calc(11.0896px + 0.242131vw); }
}
@media only screen and (max-width: 750px){
.l-pagenation { margin: 69px 2.36% 0px; min-height: 27px; width: 95.28%; }
}
@media only screen and (max-width: 375px){
.l-pagenation { font-size: calc(10px + 0.533333vw); }
}
.l-pagenation_num { display: inline-block; margin: 0px 16px; vertical-align: middle; }
.l-pagenation_num.disp { border-bottom: 1px solid rgb(31, 44, 92); }
@media only screen and (max-width: 750px){
.l-pagenation_num { margin: 0px 10px; }
}
.l-article { font-size: 1.06667rem; line-height: 2; margin-bottom: 192px; padding-top: 117px; }
@media only screen and (max-width: 1200px){
.l-article { font-size: calc(13.0896px + 0.242131vw); }
}
@media only screen and (max-width: 750px){
.l-article { margin: 0px 9.6vw 110px; padding-top: 92px; }
}
@media only screen and (max-width: 375px){
.l-article { font-size: calc(10px + 1.06667vw); line-height: 1.85714; }
}
.l-article h2, .l-article_ttl { font-family: "BIZ UDPGothic", sans-serif; font-size: 1.86667rem; font-weight: 700; line-height: 1.42857; margin: 0px auto 48px; text-align: center; width: 54.6875vw; }
.l-article p { margin: 0px auto 123px; width: 54.6875vw; }
@media only screen and (max-width: 1200px){
.l-article h2, .l-article_ttl { font-size: calc(19.2688px + 0.726392vw); }
}
@media only screen and (max-width: 750px){
.l-article h2, .l-article_ttl { margin: 0px 0px 31px; text-align: left; width: auto; }
}
@media only screen and (max-width: 375px){
.l-article h2, .l-article_ttl { font-size: calc(10px + 3.2vw); line-height: 1.45455; }
}
@media only screen and (max-width: 750px){
.l-article p { margin: 0px 0px 63px; width: auto; }
}
.l-article_middle-figure { margin: 0px 7.5vw 140px; }
.l-article_middle-figure img { width: 100%; }
@media only screen and (max-width: 750px){
.l-article_middle-figure { margin: 0px -9.6vw 65px; }
.l-article_middle-figure figure { height: 88vw; }
.l-article_middle-figure img { height: 100%; object-fit: cover; object-position: center center; }
}
.js-fadein .js-loader { animation: 1s ease 0s 1 normal both running anime-loader-fadein; }
.js-ready .js-loader { height: 0px; opacity: 1; }
@keyframes anime-loader-fadein { 
  0% { height: 100%; opacity: 1; }
  99% { height: 100%; opacity: 0; }
  100% { height: 0px; opacity: 0; }
}
@keyframes anime-loader-fadeout { 
  0% { height: 100%; opacity: 0; }
  100% { height: 100%; opacity: 1; }
}
button, input[type="checkbox"], input[type="email"], input[type="password"], input[type="radio"], input[type="submit"], input[type="tel"], input[type="text"], select, textarea { appearance: none; background: none transparent; border: none; border-radius: 0px; color: rgb(31, 44, 92); display: block; font-family: "BIZ UDPGothic", sans-serif; font-size: 1.06667rem; font-weight: 400; line-height: normal; width: 100%; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgb(31, 44, 92); }
.c-form-select-ui.opened .c-form-select-trigger { border: 1px solid rgb(31, 44, 92); }
.c-form-select-ui.opened .c-form-select-trigger::after { transform: rotate(-135deg); }
.c-form-select-ui.opened .custom-options { opacity: 1; pointer-events: all; transform: translateY(0px); visibility: visible; }
.s-item-detail_scrollcart .c-form-select-ui.opened .custom-options { top: -15px; transform: translateY(-100%); }
.s-top_loader { align-items: center; background-color: rgb(227, 224, 217); display: flex; flex-wrap: wrap; height: 100%; justify-content: center; left: 0px; opacity: 1; overflow: hidden; top: 0px; width: 100%; z-index: 100000; position: fixed !important; }
@keyframes anime-toploader { 
  0% { height: 100%; opacity: 1; }
  99% { height: 100%; opacity: 0; }
  100% { height: 0px; opacity: 0; }
}
.s-top_main-visual { height: 100vh; left: 0px; min-height: 600px; position: fixed; top: 0px; width: 100%; z-index: 0; }
.s-top_main-visual figure { height: 100%; position: relative; z-index: 0; }
.s-top_main-visual figure::after { background-color: rgba(0, 0, 0, 0.5); content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
.s-top_main-visual figure img, .s-top_main-visual figure video { height: 100%; left: 0px; object-fit: cover; object-position: center center; position: absolute; top: 0px; width: 100%; }
@media only screen and (max-width: 750px){
.s-top_main-visual { height: 81.28vh; min-height: 560px; }
}
.s-top_main-visual-ttl { bottom: 63px; color: rgb(227, 224, 217); font-size: 12rem; left: 9.84375vw; letter-spacing: -0.04em; line-height: 0.7; position: absolute; }
@media only screen and (max-width: 1200px){
.s-top_main-visual-ttl { font-size: calc(19.9274px + 13.3172vw); left: 5.3125vw; }
}
@media only screen and (max-width: 750px){
.s-top_main-visual-ttl { bottom: 25.9852vh; left: 12.5333vw; line-height: 0.73; }
}
@media only screen and (max-width: 375px){
.s-top_main-visual-ttl { font-size: calc(10px + 16vw); }
}
@media only screen and (max-width: 750px) and (max-height: 690px){
.s-top_main-visual-ttl { bottom: 186px; }
}
.s-top_main-visual-ttl--1 { margin-left: 16.7969vw; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(3) { margin-left: -11px; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(4) { margin-left: -12px; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(5) { margin-left: -11px; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(6) { margin-left: -13px; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(7) { margin-left: -10px; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(8), .s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(9) { margin-left: -11px; }
@media only screen and (max-width: 750px){
.s-top_main-visual-ttl--1 { margin-left: 9.6vw; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(3) { margin-left: -9px; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(4) { margin-left: -10px; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(5) { margin-left: -9px; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(6) { margin-left: -11px; }
.s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(7), .s-top_main-visual-ttl--1 .txt-wrapper:nth-of-type(8) { margin-left: -9px; }
}
.s-top_main-visual-ttl--2 { margin-top: -0.1em; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(2) { margin-left: -12px; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(3) { margin-left: -11px; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(4) { margin-left: -17px; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(5) { margin-left: -22px; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(6) { margin-left: -21px; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(7) { margin-left: -10px; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(8), .s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(9) { margin-left: -11px; }
@media only screen and (max-width: 750px){
.s-top_main-visual-ttl--2 .txt-wrapper:first-of-type { margin-left: -11px; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(2) { margin-left: -10px; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(4) { margin-left: -11px; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(5), .s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(6) { margin-left: -14px; }
.s-top_main-visual-ttl--2 .txt-wrapper:nth-of-type(9) { margin-left: -9px; }
}
.s-top_main-visual-ttl--3 { margin-left: 26.0156vw; margin-top: -0.1em; }
.s-top_main-visual-ttl--3 .txt-wrapper:nth-of-type(4) { margin-left: -12px; }
.s-top_main-visual-ttl--3 .txt-wrapper:nth-of-type(5) { margin-left: -11px; }
.s-top_main-visual-ttl--3 .txt-wrapper:nth-of-type(6) { margin-left: -9px; }
@media only screen and (max-width: 750px){
.s-top_main-visual-ttl--3 { margin-left: 36vw; }
.s-top_main-visual-ttl--3 .txt-wrapper:nth-of-type(3), .s-top_main-visual-ttl--3 .txt-wrapper:nth-of-type(4), .s-top_main-visual-ttl--3 .txt-wrapper:nth-of-type(5) { margin-left: -10px; }
}
.s-top_main-visual-ttl-row .txt-wrapper { display: inline-block; margin-left: -9px; min-width: 0.3em; overflow: hidden; padding-bottom: 1px; padding-right: 9px; position: relative; }
.s-top_main-visual-ttl-row .txt { display: inline-block; transform: translateY(105%); transition: transform 1s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-loaderclose .s-top_main-visual-ttl-row .txt { transform: translateY(0px); }
.s-top_main-visual-dtl { bottom: 243px; color: rgb(227, 224, 217); font-size: 0.666667rem; left: calc(746px + 9.21875vw); letter-spacing: 0px; line-height: 1.55556; opacity: 0; position: absolute; transition: opacity 1s cubic-bezier(0.55, 0.01, 0.45, 1); white-space: nowrap; width: 294px; }
.s-top_main-visual-dtl .sp-br { display: none; }
.s-top_main-visual-dtl span { display: block; transform: scale(0.9); transform-origin: left center; }
@media only screen and (max-width: 1200px){
.s-top_main-visual-dtl { bottom: 20vw; left: 66.6667vw; }
}
@media only screen and (max-width: 1080px){
.s-top_main-visual-dtl { bottom: 20.8333vw; }
}
@media only screen and (max-width: 970px){
.s-top_main-visual-dtl { bottom: 21.5464vw; }
}
@media only screen and (max-width: 860px){
.s-top_main-visual-dtl { bottom: 20.9302vw; left: 69.7674vw; white-space: normal; width: 230px; }
}
@media only screen and (max-width: 810px){
.s-top_main-visual-dtl { bottom: 21.9753vw; }
}
@media only screen and (max-width: 750px){
.s-top_main-visual-dtl { bottom: 18.9655vh; left: auto; right: 0px; text-align: center; width: 100%; }
}
@media only screen and (max-height: 600px) and (min-width: 981px){
.s-top_main-visual-dtl { top: 345px; }
}
@media only screen and (max-width: 750px) and (max-height: 690px){
.s-top_main-visual-dtl { bottom: 135px; top: auto; }
}
@media only screen and (max-width: 750px){
.s-top_main-visual-dtl .sp-br { display: inline; }
}
@media only screen and (max-width: 860px){
.s-top_main-visual-dtl .pc-br { display: none; }
}
@media only screen and (max-width: 750px){
.s-top_main-visual-dtl .pc-br { display: none; }
.s-top_main-visual-dtl span { transform: scale(0.8); transform-origin: center center; }
}
.js-loaderclose .s-top_main-visual-dtl { opacity: 1; }
.s-top_main-visual-circle { height: 80px; left: 27.9688vw; opacity: 0; position: absolute; top: calc(-67px + 100vh); transition: opacity 1s cubic-bezier(0.55, 0.01, 0.45, 1); width: 80px; }
@media only screen and (max-width: 750px){
.s-top_main-visual-circle { height: 16vw; left: 9.86667vw; max-height: 80px; max-width: 80px; top: calc(-40px + 81.28dvh); width: 16vw; }
}
@media only screen and (max-width: 750px) and (max-height: 690px){
.s-top_main-visual-circle { top: 510px; }
}
@media only screen and (max-height: 600px) and (min-width: 751px){
.s-top_main-visual-circle { top: 533px; }
}
.js-loaderclose .s-top_main-visual-circle { opacity: 1; }
.s-top_main-visual-btn { bottom: 76px; font-size: 0.8rem; line-height: 1; min-width: 166px; opacity: 0; position: absolute; right: 9.375vw; transition: opacity 1s cubic-bezier(0.55, 0.01, 0.45, 1); }
.s-top_main-visual-btn .c-btn-large_outline { min-width: 166px; }
@media only screen and (max-width: 1200px){
.s-top_main-visual-btn { bottom: 30px; }
}
@media only screen and (max-width: 980px){
.s-top_main-visual-btn { right: 30px; }
}
@media only screen and (max-width: 750px){
.s-top_main-visual-btn { bottom: 6.15764vh; right: 50%; transform: translateX(50%); }
}
@media only screen and (max-width: 750px) and (max-height: 690px){
.s-top_main-visual-btn { bottom: 43px; }
}
.js-loaderclose .s-top_main-visual-btn { opacity: 1; }
.s-top_main-contents { pointer-events: auto; }
.s-top_main-contents-mainghost { height: 100vh; pointer-events: none; position: relative; width: 100%; }
@media only screen and (max-width: 750px){
.s-top_main-contents-mainghost { height: 81.28vh; }
}
@media only screen and (max-height: 600px){
.s-top_main-contents-mainghost { height: 600px; }
}
@media only screen and (max-width: 750px) and (max-height: 690px){
.s-top_main-contents-mainghost { height: 560px; }
}
.s-top_featured { display: flex; flex-wrap: wrap; margin: 0px 0px 170px; padding-left: 9.375vw; position: relative; width: 100%; }
@media only screen and (max-width: 750px){
.s-top_featured { display: block; margin-bottom: 97px; padding-bottom: 66px; padding-left: 9.6vw; width: auto; }
}
.s-top_featured-intro { flex: 1 1 0%; }
.s-top_featured-slide { margin-top: 10px; position: relative; width: 68.1%; }
.s-top_featured-slide img { width: 100%; }
.s-top_featured-slide .slick-nav_arrow { bottom: -26px; height: 60px; }
@media only screen and (max-width: 750px){
.s-top_featured-slide { margin-top: 0px; width: 100%; }
}
.s-top_featured-slide-progress { background-color: rgb(191, 188, 180); bottom: 3px; height: 1px; left: 0px; position: absolute; width: 70%; }
@media only screen and (max-width: 750px){
.s-top_featured-slide-progress { display: none; }
}
.s-top_featured-slide-progress-bar { background-color: rgb(31, 44, 92); height: 1px; transform-origin: left top; transition: transform 0.5s cubic-bezier(0.55, 0.01, 0.45, 1); width: 100%; }
.s-top_featured-ttl { font-size: 5.33333rem; line-height: 1; margin-bottom: 11.0938vw; white-space: nowrap; }
.s-top_featured-ttl .min { display: block; font-size: 0.666667rem; letter-spacing: 0.02em; line-height: 2; margin-top: -2px; }
@media only screen and (max-width: 1200px){
.s-top_featured-ttl { font-size: calc(36.3438px + 3.63196vw); }
}
@media only screen and (max-width: 1040px){
.s-top_featured-ttl { font-size: 3.7rem; }
}
@media only screen and (max-width: 750px){
.s-top_featured-ttl { margin-bottom: 34px; }
}
@media only screen and (max-width: 375px){
.s-top_featured-ttl { font-size: calc(10px + 10.6667vw); line-height: 0.8; }
}
@media only screen and (max-width: 750px){
.s-top_featured-ttl .min { margin-top: 9px; transform: scale(0.9); transform-origin: left top; }
.s-top_featured-btn { bottom: 0px; left: 0px; position: absolute; width: 100%; }
.s-top_featured-btn .c-btn-small { margin: 0px auto; }
}
.s-top_behind { margin: 7px auto 0px; padding-bottom: 170px; position: relative; width: 81.25vw; }
@media only screen and (max-width: 750px){
.s-top_behind { margin: 29px 0px 0px 9.6vw; padding-bottom: 96px; width: auto; }
}
.s-top_behind-ttl { font-size: 6rem; line-height: 0.733333; margin-bottom: 63px; white-space: nowrap; width: 34.375vw; }
.s-top_behind-ttl .min { display: block; font-size: 0.666667rem; letter-spacing: 0.02em; line-height: 2; margin-top: 19px; }
@media only screen and (max-width: 1200px){
.s-top_behind-ttl { font-size: calc(31.7918px + 4.84262vw); }
}
@media only screen and (max-width: 750px){
.s-top_behind-ttl { margin-bottom: 35px; width: auto; }
}
@media only screen and (max-width: 375px){
.s-top_behind-ttl { font-size: calc(10px + 10.6667vw); line-height: 0.76; }
}
@media only screen and (max-width: 750px){
.s-top_behind-ttl .min { margin-top: 12px; }
}
.s-top_behind-list ul { display: flex; flex-wrap: wrap; }
.s-top_behind-list li { margin: -104px 3.84% 0px 0px; position: relative; width: 24.045%; }
.s-top_behind-list li:first-of-type { margin: 0px 9.61% 0px 0px; width: 38.46%; }
.s-top_behind-list li .ttl { display: block; font-size: 2.4rem; letter-spacing: -0.02em; line-height: 1; margin: 33px 0px 19px; }
.s-top_behind-list li .dtl { display: block; font-size: 0.8rem; line-height: 1.66667; }
@media only screen and (max-width: 750px){
.s-top_behind-list ul { display: block; }
.s-top_behind-list li, .s-top_behind-list li:first-of-type { margin: 0px; width: auto; }
}
@media only screen and (max-width: 1200px){
.s-top_behind-list li .ttl { font-size: calc(30.1792px + 0.484262vw); }
}
@media only screen and (max-width: 750px){
.s-top_behind-list li .ttl { font-size: calc(23.9572px + 2.13904vw); margin: 30px 0px 18px; }
}
@media only screen and (max-width: 375px){
.s-top_behind-list li .ttl { font-size: calc(10px + 5.86667vw); line-height: 0.9375; }
}
@media only screen and (max-width: 750px){
.s-top_behind-list li .dtl { margin-right: 9.06667vw; }
}
.s-top_behind-btn { bottom: 170px; position: absolute; right: 0px; }
@media only screen and (max-width: 1200px){
.s-top_behind-btn { bottom: 140px; }
}
@media only screen and (max-width: 750px){
.s-top_behind-btn { margin-left: -9.6vw; margin-top: 38px; position: static; }
.s-top_behind-btn .c-btn-small { margin: 0px auto; }
}
.s-top_instagram { padding-bottom: 170px; position: relative; text-align: center; }
.s-top_instagram figure { overflow: hidden; position: absolute; }
.s-top_instagram figure img { object-fit: cover; object-position: center center; }
@media only screen and (max-width: 750px){
.s-top_instagram { padding: 42.6667vw 0px 58.9333vw; }
}
.s-top_instagram_1 { height: 21.0938vw; left: 14.8438vw; top: 0px; width: 14.8438vw; }
@media only screen and (max-width: 750px){
.s-top_instagram_1 { height: 32.8vw; left: 38.6667vw; top: 0px; width: 22.9333vw; }
}
.s-top_instagram_2 { height: 11.7188vw; left: 0px; top: 15.3906vw; width: 11.7188vw; }
@media only screen and (max-width: 750px){
.s-top_instagram_2 { height: 22.4vw; left: 5.33333vw; top: 15.7333vw; width: 22.4vw; }
}
.s-top_instagram_3 { height: 8.59375vw; left: 19.5312vw; top: 25.7812vw; width: 14.0625vw; }
@media only screen and (max-width: 750px){
.s-top_instagram_3 { height: 16.2667vw; left: auto; right: 5.33333vw; top: 18.9333vw; width: 26.6667vw; }
}
.s-top_instagram_4 { height: 7.8125vw; right: 8.59375vw; top: 1.5625vw; width: 13.2812vw; }
@media only screen and (max-width: 750px){
.s-top_instagram_4 { inset: auto auto 28vw 6.4vw; height: 15.2vw; width: 25.6vw; }
}
.s-top_instagram_5 { height: 20.3125vw; right: 16.4062vw; top: 12.5vw; width: 14.8438vw; }
@media only screen and (max-width: 750px){
.s-top_instagram_5 { bottom: 18.6667vw; height: 29.6vw; right: 37.0667vw; top: auto; width: 21.8667vw; }
}
.s-top_instagram_6 { height: 8.59375vw; right: 0px; top: 18.4375vw; width: 10.1562vw; }
@media only screen and (max-width: 750px){
.s-top_instagram_6 { bottom: 30.4vw; height: 16vw; right: 9.33333vw; top: auto; width: 18.6667vw; }
}
.s-top_instagram-inr { margin: 0px auto; padding: 5.70312vw 0px 6.71875vw; width: 29.6875vw; }
@media only screen and (max-width: 750px){
.s-top_instagram-inr { padding: 0px; width: auto; }
}
.s-top_instagram-ttl { font-size: 5.33333rem; line-height: 0.7375; margin-bottom: 36px; white-space: nowrap; }
.s-top_instagram-ttl .min { display: block; font-size: 0.666667rem; letter-spacing: 0.02em; line-height: 2; margin-bottom: 19px; transform: scale(0.9); transform-origin: center center; }
@media only screen and (max-width: 1200px){
.s-top_instagram-ttl { font-size: calc(36.3438px + 3.63196vw); }
}
@media only screen and (max-width: 750px){
.s-top_instagram-ttl { margin: 0px 0px 28px; }
}
@media only screen and (max-width: 375px){
.s-top_instagram-ttl { font-size: calc(10px + 10.6667vw); line-height: 0.76; }
}
@media only screen and (max-width: 750px){
.s-top_instagram-ttl .min { margin-bottom: 15px; }
}
.s-top_instagram-btn { margin: 0px auto; width: 228px; }
.s-top_instagram-btn .c-btn-middle_inr::after { transform: rotate(-45deg); }
@media only screen and (max-width: 750px){
.s-top_instagram-btn { width: 193px; }
}
*, ::after, ::before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }
body .outline { outline-style: none; }
.mx-\[7\.6vw\] { margin-left: 7.6vw; margin-right: 7.6vw; }
.mx-auto { margin-left: auto; margin-right: auto; }
.-mb-1 { margin-bottom: -0.25rem; }
.mb-12 { margin-bottom: 3rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-2\.5 { margin-bottom: 0.625rem; }
.mb-20 { margin-bottom: 5rem; }
.mb-24 { margin-bottom: 6rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-9 { margin-bottom: 2.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-2\.5 { margin-left: 0.625rem; }
.ml-4 { margin-left: 1rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-4 { margin-right: 1rem; }
.mr-8 { margin-right: 2rem; }
.mt-2 { margin-top: 0.5rem; }
.block { display: block; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.w-2\/3 { width: 66.6667%; }
.w-full { width: 100%; }
.basis-1\/2 { flex-basis: 50%; }
.basis-1\/3 { flex-basis: 33.3333%; }
.basis-1\/4 { flex-basis: 25%; }
.basis-2\/3, .basis-4\/6 { flex-basis: 66.6667%; }
.basis-full { flex-basis: 100%; }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.content-start { align-content: flex-start; }
.items-center { align-items: center; }
.border-b { border-bottom-width: 1px; }
.border-solid { border-style: solid; }
.border-\[\#1F2C5C\] { --tw-border-opacity: 1; border-color: rgb(31 44 92/var(--tw-border-opacity)); }
.py-2 { padding-bottom: 0.5rem; padding-top: 0.5rem; }
.py-4 { padding-bottom: 1rem; padding-top: 1rem; }
.py-8 { padding-bottom: 2rem; padding-top: 2rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pl-3\.5 { padding-left: 0.875rem; }
.pl-5 { padding-left: 1.25rem; }
.pr-2 { padding-right: 0.5rem; }
.pt-32 { padding-top: 8rem; }
.text-center { text-align: center; }
.text-\[\.5rem\] { font-size: 0.5rem; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.font-bold { font-weight: 700; }
.leading-5 { line-height: 1.25rem; }
.leading-\[2\.5\] { line-height: 2.5; }
.outline { outline-style: solid; }
.animate-once { --tw-animate-iteration: 1; animation-iteration-count: var(--tw-animate-iteration); }
.animate-ease-out { --tw-animate-easing: cubic-bezier(0,0,0.2,1); animation-timing-function: var(--tw-animate-easing); }
body { overflow: visible; }
.c-font-bold, b { font-family: "BIZ UDPGothic", sans-serif; font-weight: 700; }
.c-font-normal { font-family: "BIZ UDPGothic", sans-serif; font-weight: 400; }
.c-font-gr { font-family: "Zen Kaku Gothic Antique", sans-serif; font-style: normal; font-weight: 700; }
.c-font-en { font-family: "Zen Kaku Gothic New", sans-serif; font-style: normal; font-weight: 300; letter-spacing: -0.03em; }
.c-ib { display: inline-block; }
::selection { background-color: rgba(201, 201, 201, 0.3); }
@keyframes disp-block { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes circle-rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.c-ico-circle { animation: 20s linear 0s infinite normal none running circle-rotation; display: block; transform-origin: center center; z-index: 1; }
.c-ico-circle img { vertical-align: top; width: 100%; }
.c-item-name { display: block; font-size: 0.933333rem; line-height: 1.42857; }
@media only screen and (max-width: 1200px){
.c-item-name { font-size: calc(12.5448px + 0.121065vw); }
}
@media only screen and (max-width: 750px){
.c-item-name { font-size: 0.866667rem; }
}
@media only screen and (max-width: 375px){
.c-item-name { line-height: 1.38462; }
}
.c-item-price { line-height: 1; margin-top: 12px; }
.c-item-price, .c-item-soldout { display: block; font-size: 0.666667rem; }
.c-item-soldout { transform: scale(0.8); transform-origin: center center; }
.c-ttl-divide { display: block; }
.c-ttl-divide:first-child { margin-top: 0px; }
@keyframes c-str1 { 
  0% { stroke-dashoffset: 1102px; opacity: 1; }
  40% { stroke-dashoffset: 1102px; opacity: 0; }
  50% { stroke-dashoffset: 1653px; opacity: 1; }
  100% { stroke-dashoffset: 2204px; }
}
@keyframes c-str2 { 
  0% { stroke-dashoffset: 1180px; opacity: 1; }
  40% { stroke-dashoffset: 1180px; opacity: 0; }
  50% { stroke-dashoffset: 1770px; opacity: 1; }
  100% { stroke-dashoffset: 2360px; }
}
@keyframes c-str3 { 
  0% { stroke-dashoffset: 196px; opacity: 1; }
  40% { stroke-dashoffset: 196px; opacity: 0; }
  50% { stroke-dashoffset: 294px; opacity: 1; }
  100% { stroke-dashoffset: 392px; }
}
.c-btn-large { max-width: 240px; width: 18.75vw; }
.c-btn-large a { align-items: center; background-color: rgb(240, 131, 0); border-radius: 50%; display: flex; flex-wrap: wrap; font-size: 0.8rem; height: 99px; justify-content: center; line-height: 1; margin: 4px 6px 4px 7px; position: relative; }
.c-btn-large a:hover { opacity: 1; }
@media only screen and (max-width: 750px){
.c-btn-large { max-width: none; width: 206px; }
.c-btn-large a { height: 83px; margin: 4px 6px 4px 7px; }
}
@media only screen and (max-width: 375px){
.c-btn-large a { font-size: calc(10px + 0.266667vw); }
}
.c-btn-large_inr { display: inline-block; overflow: hidden; padding-right: 22px; position: relative; }
.c-btn-large_inr::after { background-image: url("../img/a33c8b10771.svg"); background-position: 0px center; background-repeat: no-repeat; background-size: 100%; content: ""; display: block; height: 8px; position: absolute; right: 0px; top: calc(50% - 4px); width: 12px; }
.c-btn-large_outline { height: 100%; left: -7px; max-width: 240px; position: absolute; top: 0px; width: 18.75vw; }
.c-btn-large_outline svg { fill: none; stroke-dasharray: 551px; stroke-dashoffset: 1653px; height: 100%; transition: stroke-dashoffset 0.4s cubic-bezier(0.55, 0.01, 0.45, 1) 0.5s; width: 100%; }
@media only screen and (max-width: 750px){
.c-btn-large_outline { max-width: none; top: 0px; width: 206px; }
}
.js-loaderclose .c-btn-large_outline svg { stroke-dashoffset: 1102px; transition: none; }
.c-btn-large:hover svg { animation: 0.6s cubic-bezier(0.2, 0.8, 0.5, 0.9) 0s 1 normal none running c-str1; }
.s-item-detail_item-cart-btn .c-hov, .s-item-detail_item-trying_inr .c-hov, a .c-hov { display: inline-block; padding: 0.25em 0px; position: relative; transform: translateY(0px); transition: transform 0.4s cubic-bezier(0.6, 0.25, 0, 1); }
.s-item-detail_item-cart-btn .c-hov::after, .s-item-detail_item-trying_inr .c-hov::after, a .c-hov::after { bottom: 0px; content: attr(data-txt); display: inline-block; left: 0px; padding: 0.25em 0px; position: absolute; transform: translateY(104%); }
.s-item-detail_item-accept:hover .c-hov, .s-item-detail_item-cart-btn:hover .c-hov, .s-item-detail_item-trying:hover .c-hov, a:hover .c-hov { transform: translateY(-104%); transition: transform 0.6s cubic-bezier(0.6, 0.25, 0, 1); }
.c-btn-middle a { align-items: center; border-radius: 50%; display: flex; flex-wrap: wrap; font-size: 0.933333rem; height: 102px; justify-content: center; line-height: 1; position: relative; }
.c-btn-middle a:hover { opacity: 1; }
.c-btn-middle a:hover .c-btn-middle_outline svg path:first-of-type { animation: 0.6s cubic-bezier(0.2, 0.8, 0.5, 0.9) 0s 1 normal none running c-str2; }
@media only screen and (max-width: 750px){
.c-btn-middle a { height: 63px; }
}
.c-btn-middle_inr { display: inline-block; overflow: hidden; padding-right: 22px; position: relative; }
.c-btn-middle_inr::after { background-image: url("../img/a33c8b10771.svg"); background-position: 0px center; background-repeat: no-repeat; background-size: 100%; bottom: calc(50% - 0.32em); content: ""; display: block; height: 8px; position: absolute; right: 0px; width: 12px; }
.c-btn-middle_outline { left: 0px; position: absolute; top: 0px; }
.c-btn-middle_outline, .c-btn-middle_outline svg { height: 100%; width: 100%; }
.c-btn-middle_outline svg path:first-of-type { fill: none; stroke-dasharray: 590px; stroke-dashoffset: 1180px; height: 100%; width: 100%; }
.c-btn-middle--w .c-btn-middle_inr::after { background-image: url("../img/afbb26e2d77.svg"); }
.c-btn-small { display: table; }
.c-btn-small a { display: inline-block; font-size: 0.933333rem; line-height: 1; position: relative; }
.c-btn-small a:hover { opacity: 1; }
.c-btn-small a:hover .c-btn-small_outline svg path:first-of-type { animation: 0.6s cubic-bezier(0.2, 0.8, 0.5, 0.9) 0s 1 normal none running c-str3; }
.c-btn-small_inr { display: inline-block; overflow: hidden; padding-left: 55px; position: relative; }
.c-btn-small_arrow { background-image: url("../img/a33c8b10771.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: 12px 8px; display: block; height: 25px; left: 0px; position: absolute; top: calc(50% - 12px); width: 41px; }
.c-btn-small_outline { display: block; }
.c-btn-small_outline, .c-btn-small_outline svg { height: 100%; width: 100%; }
.c-btn-small_outline svg path:first-of-type { fill: none; stroke-dasharray: 98px; stroke-dashoffset: 196px; height: 100%; transition: stroke-dashoffset 0.4s cubic-bezier(0.55, 0.01, 0.45, 1); width: 100%; }
.c-btn-small--w .c-btn-small_arrow { background-image: url("../img/afbb26e2d77.svg"); }
.c-btn-small--r .c-btn-small_inr { padding-left: 0px; padding-right: 61px; }
.c-btn-small--r .c-btn-small_arrow { left: auto; right: 0px; }
.c-cover { height: 33.5px; left: 0px; mask-image: url("../img/a28671d57d0.png"); mask-position: center top; mask-size: 100% 100%; top: calc(-16px + 100vh); width: 100%; position: absolute !important; }
@media only screen and (max-width: 750px){
.c-cover { height: 27px; mask-image: url("../img/a5d8f8b52ca.png"); top: calc(-18px + 81.28vh); }
}
@media only screen and (max-height: 600px){
.c-cover { top: 582px; }
}
@media only screen and (max-width: 750px) and (max-height: 690px){
.c-cover { top: 542px; }
}
.c-bk { background-color: rgb(227, 224, 217); background-image: url("../img/a4bc273774f.jpg"); background-position: 0px 0px; background-repeat: repeat; background-size: 300px 300px; position: relative; }
@keyframes anime-noise { 
  0% { transform: translate3d(0px, 9%, 0px); }
  20% { transform: translate3d(-8%, 2%, 0px); }
  40% { transform: translate3d(-2%, 7%, 0px); }
  60% { transform: translate3d(2%, 5%, 0px); }
  80% { transform: translate3d(-9%, 1%, 0px); }
  100% { transform: translate3d(-3%, 3%, 0px); }
}
.c-para { overflow: hidden; }
.c-para img { height: auto; left: 0px; position: absolute; top: 50%; transform: translate3d(0px, -50%, 0px); width: 100%; }
.c-ttl-max { font-size: 6rem; line-height: 0.755556; text-align: center; }
.c-ttl-max .min { display: block; font-size: 0.666667rem; letter-spacing: 0.02em; margin-top: 28px; }
@media only screen and (max-width: 1200px){
.c-ttl-max { font-size: calc(31.7476px + 4.85437vw); }
}
@media only screen and (max-width: 375px){
.c-ttl-max { font-size: calc(10px + 10.6667vw); line-height: 0.8; }
.c-ttl-max .min { margin-top: 24px; transform: scale(0.9); transform-origin: center center; }
}
.c-ttl-large { font-size: 5.33333rem; line-height: 0.775; }
.c-ttl-large .min { display: block; font-size: 0.666667rem; letter-spacing: 0.02em; margin-top: 28px; }
@media only screen and (max-width: 1200px){
.c-ttl-large { font-size: calc(36.3107px + 3.64078vw); }
}
@media only screen and (max-width: 375px){
.c-ttl-large { font-size: calc(10px + 10.6667vw); }
.c-ttl-large .min { margin-top: 24px; transform: scale(0.9); transform-origin: center center; }
}
.c-card-hov_fig { display: block; }
.c-card-hov figure, .c-card-hov_fig { overflow: hidden; }
.c-card-hov figure, .c-card-hov img, .c-card-hov_fig { transform: scale(1); transition: transform 0.75s cubic-bezier(0, 0.15, 0.3, 1); will-change: transform; }
.c-card-hov img { width: 100%; }
.c-card-hov a:hover { opacity: 1 !important; }
.c-card-hov a:hover .c-card-hov_fig, .c-card-hov a:hover figure { transform: scale(0.95); }
.c-card-hov a:hover img { transform: scale(1.1); }
.c-size8-right { display: inline-block; font-size: 0.666667rem; transform: scale(0.8); transform-origin: right center; }
.js-loaded .l-header { transition: top 1s cubic-bezier(0.55, 0.085, 0, 0.99), height 1s cubic-bezier(0.55, 0.085, 0, 0.99), background-color 1s cubic-bezier(0.55, 0.085, 0, 0.99); }
.l-header.js-header--hidden { background-color: rgb(255, 255, 255); height: 72px; top: -72px; }
@media only screen and (max-width: 860px){
.js-nav-sp--active .l-nav { height: 100%; opacity: 1; transition: opacity 1s cubic-bezier(0.55, 0.085, 0, 0.99), height; }
}
.l-nav_pc ul a.js-current::after { transform: scaleX(1); }
.js-loaded .l-nav_pc-download-inner { transition: padding 1s cubic-bezier(0.55, 0.085, 0, 0.99), height 1s cubic-bezier(0.55, 0.085, 0, 0.99); }
.js-header--hidden .l-nav_pc-download-inner { height: 72px; padding: 30px 0px 0px; }
@media only screen and (max-width: 860px){
.js-nav-sp--active .l-nav-sp-btn a::before { left: 8px; transform: translateY(20px) rotate(45deg); width: 23px; background-color: rgb(255, 255, 255) !important; }
.js-nav-sp--active .l-nav-sp-btn a::after { left: 8px; transform: translateY(20px) rotate(-45deg); width: 23px; background-color: rgb(255, 255, 255) !important; }
}
.l-slider, .l-slider-4item, .l-slider-5item { padding-bottom: 77px; text-align: center; width: 100%; }
.l-slider *, .l-slider-4item *, .l-slider-5item * { outline: none !important; }
.l-slider figure, .l-slider-4item figure, .l-slider-5item figure { margin-bottom: 25px; overflow: hidden; }
.l-slider figure img, .l-slider-4item figure img, .l-slider-5item figure img { width: 100%; }
@media only screen and (max-width: 750px){
.l-slider { padding-bottom: 0px; }
.l-slider figure { margin-bottom: 23px; }
}
.l-slider_block-ttl { margin-bottom: 12px; }
@media only screen and (max-width: 750px){
.l-slider_block-ttl { margin-bottom: 14px; }
}
.l-slider-3item a { display: block; }
.l-slider-3item figure { overflow: hidden; }
.l-slider-3item figure img, .l-slider-item-slide-large { width: 100%; }
.s-item-archives { margin-left: 4.6875vw; padding: 80px 0px; position: relative; width: 85.9375vw; }
@media only screen and (max-width: 1280px){
.s-item-archives { padding: calc(-64.9057px + 11.3208vw) 0px; }
}
@media only screen and (max-width: 750px){
.s-item-archives { display: block; margin: 0px; padding: 40px 0px; width: auto; }
}
.s-item-archives_nav { bottom: 20px; left: 4.6875vw; position: fixed; width: 15.625vw; z-index: 5; }
.s-item-archives_nav.s-item-archives_nav--pc { display: block; transition: top 0.6s cubic-bezier(0.55, 0.01, 0.45, 1), opacity 0.2s; }
.s-item-archives_nav.s-item-archives_nav--sp { display: none; }
.s-item-archives_nav-media li.item-txt { margin-left: 1rem; position: relative; }
.s-item-archives_nav-media li.item-txt::before { background-image: url("../img/a33c8b10771.svg"); background-position: 0px center; background-repeat: no-repeat; background-size: 100%; content: ""; display: block; height: 8px; margin-left: -1rem; position: absolute; top: calc(50% - 4px); width: 12px; }
@media only screen and (max-width: 750px){
.s-item-archives_nav { border-top: none; bottom: auto; left: auto; margin: 21px 9.06667vw 30px; padding: 0px 1px; position: relative; top: auto; width: auto; height: auto !important; }
.s-item-archives_nav.s-item-archives_nav--pc { display: none !important; }
.s-item-archives_nav.s-item-archives_nav--sp { display: block !important; }
}
.s-item-archives_nav-inr { border-top: 1px solid rgb(191, 188, 180); height: 100%; padding-top: 16px; position: relative; }
@media only screen and (max-width: 750px){
.s-item-archives_nav-inr { border-top: none; height: auto; position: static !important; }
.s-item-archives_nav-inr .simplebar-wrapper { overflow: visible !important; }
.s-item-archives_nav-inr .simplebar-mask { overflow: visible !important; position: static !important; }
.s-item-archives_nav-inr .simplebar-content-wrapper { overflow: visible !important; padding-right: 0px !important; }
.s-item-archives_nav-inr .simplebar-offset { position: static !important; }
.s-item-archives_nav-inr .simplebar-content { display: block !important; }
.s-item-archives_nav-inr .simplebar-placeholder, .s-item-archives_nav-inr .simplebar-track { display: none !important; }
}
.s-item-archives_nav-ttl { font-size: 1.86667rem; line-height: 1; margin-bottom: 37px; position: relative; }
.s-item-archives_nav-ttl .icon { margin-right: 22px; }
.s-item-archives_nav-ttl .icon img { vertical-align: 0px; width: 16px; }
@media only screen and (max-width: 1200px){
.s-item-archives_nav-ttl { font-size: calc(25.0896px + 0.242131vw); }
}
@media only screen and (max-width: 750px){
.s-item-archives_nav-ttl { border-bottom: 1px solid rgb(191, 188, 180); cursor: pointer; height: 40px; margin-bottom: 0px; transition: border-bottom 0.3s; }
.s-item-archives_nav-ttl::after { border-right: 1px solid rgb(31, 44, 92); border-bottom: 1px solid rgb(31, 44, 92); border-image: initial; border-left: none; border-top: none; content: ""; display: block; height: 5px; position: absolute; right: 10px; top: 9px; transform: rotate(45deg); transition: top 0.3s, transform 0.3s cubic-bezier(0.19, 0.82, 0.27, 1); width: 5px; }
}
@media only screen and (max-width: 750px) and (max-width: 750px){
.s-item-archives_nav-ttl::after { right: 13px; top: 9px; }
}
@media only screen and (max-width: 375px){
.s-item-archives_nav-ttl { font-size: calc(10px + 4.26667vw); }
}
@media only screen and (max-width: 750px){
.s-item-archives_nav-ttl .icon { margin-right: 19px; }
.s-item-archives_nav-ttl.filter-open { border-bottom: none; transition: border-bottom; }
.s-item-archives_nav-ttl.filter-open::after { top: 12px; transform: rotate(-135deg); }
}
.s-item-archives_nav-ttl-sub { display: none; font-size: 0.8rem; letter-spacing: 0.02em; position: absolute; right: 33px; top: 9px; }
@media only screen and (max-width: 750px){
.s-item-archives_nav-ttl-sub { display: inline-block; }
}
.s-item-archives_nav-subttl { font-size: 1.33333rem; line-height: 1; margin-bottom: 15px; }
@media only screen and (max-width: 1200px){
.s-item-archives_nav-subttl { font-size: calc(17.0896px + 0.242131vw); }
}
@media only screen and (max-width: 750px){
.s-item-archives_nav-subttl { margin-bottom: 20px; }
}
@media only screen and (max-width: 375px){
.s-item-archives_nav-subttl { font-size: calc(10px + 2.13333vw); }
}
.s-item-archives_nav-filter::before { display: none; }
@media only screen and (max-width: 750px){
.s-item-archives_nav-filter::before { background-image: url("../img/a4bc273774f.jpg"); background-position: 0px 0px; background-repeat: repeat; background-size: 300px; display: block; }
.s-item-archives_nav-filter { border-bottom: 1px solid rgb(191, 188, 180); left: 0px; margin: 0px -9.06667vw; opacity: 1; padding: 8vw 9.06667vw 39px; position: absolute; top: 40px; transform: scaleY(0); transform-origin: center top; transition: opacity 0.5s, transform 0.5s cubic-bezier(0.19, 0.82, 0.27, 1); width: calc(100% + 18.12vw); z-index: 1; }
.s-item-archives_nav-filter > * { opacity: 0; transition: opacity 0.1s cubic-bezier(0.6, 0.25, 0, 1); }
.s-item-archives_nav-filter.open { opacity: 1; transform: scaleY(1); transition: opacity 0.6s, transform 0.6s cubic-bezier(0.19, 0.82, 0.27, 1); }
.s-item-archives_nav-filter.open > * { opacity: 1; transition: opacity 0.3s cubic-bezier(0.6, 0.25, 0, 1) 0.46s; }
#backnumbers .s-media-archives_back_number.open { opacity: 1; transform: scaleY(1); transition: opacity 0.6s, transform 0.6s cubic-bezier(0.19, 0.82, 0.27, 1); }
#backnumbers .s-media-archives_back_number.open > * { opacity: 1; transition: opacity 0.3s cubic-bezier(0.6, 0.25, 0, 1) 0.46s; }
#backnumbers h4.open span.txt::after { top: 50%; transform: rotate(225deg); }
}
.s-item-archives_nav-new .current a { border-bottom: 1px solid rgb(31, 44, 92); }
.s-item-archives_nav-new .current a .c-hov { transform: none; transition: none; }
.s-item-archives_nav-new .current a .c-hov::after { transform: none; }
.s-item-archives_nav-filter01 .current a { border-bottom: 1px solid rgb(31, 44, 92); }
.s-item-archives_nav-filter01 .current a .c-hov { transform: none; transition: none; }
.s-item-archives_nav-filter01 .current a .c-hov::after { transform: none; }
.s-item-archives_nav-filter02 { font-size: 0.666667rem; margin: 0px 0px 0px 9px; }
.s-item-archives_nav-filter02 li { line-height: 1.4; margin-bottom: 9px; }
.s-item-archives_nav-filter02 li img { width: 100%; }
.s-item-archives_nav-filter02 .current .txt { border-bottom: 1px solid rgb(31, 44, 92); }
@media only screen and (max-width: 750px){
.s-item-archives_nav-filter02 { display: flex; flex-wrap: wrap; }
.s-item-archives_nav-filter02 li { margin: 0px 6.8% 10px 0px; width: 27.2%; }
}
.s-item-archives_list { margin-bottom: 200px; margin-left: 23.4375vw; }
@media only screen and (max-width: 750px){
.s-item-archives_list { margin: 0px 7.6vw 117px; }
}
.s-item-archives_list-group { gap: 3.04688vw 5%; display: grid; grid-template-columns: repeat(4, 1fr); }
@media only screen and (max-width: 750px){
.s-item-archives_list-group { gap: unset; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
}
.s-item-archives_list-itemname { font-size: 0.8rem; letter-spacing: normal; line-height: 1.33333; margin-bottom: 5px; }
@media only screen and (max-width: 1200px){
.s-item-archives_list-itemname { font-size: calc(10.5448px + 0.121065vw); }
}
@media only screen and (max-width: 375px){
.s-item-archives_list-itemname { font-size: calc(10px + 0.266667vw); }
}
.s-item-archives_list-item-colorchip { margin-bottom: 13px; }
.s-item-archives_list-item-colorchip ul { font-size: 0px; text-align: center; }
.s-item-archives_list-item-colorchip li { background-clip: padding-box; border: 6px solid transparent; border-radius: 50%; cursor: pointer; display: inline-block; height: 20px; margin: 0px 1px; position: relative; width: 20px; }
.s-item-archives_list-item-colorchip li:hover { background-color: rgb(0, 0, 0); }
.s-item-archives_list-item-colorchip li.col-current::before { border: 1px solid rgb(191, 188, 180); border-radius: 50%; content: ""; display: block; height: 14px; left: -4px; position: absolute; top: -4px; width: 14px; z-index: 1; }
.s-item-archives_list-item-colorchip li.outline::after { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; box-sizing: border-box; content: ""; display: block; height: 8px; left: 0px; position: absolute; top: 0px; width: 8px; z-index: 1; }
.s-item-archives_list-block { text-align: center; }
.s-item-archives_list-block a { display: block; }
.s-item-archives_list-block .c-item-price { font-size: 0.666667rem; line-height: 1.6; margin: 0px; transform: none; }
@media only screen and (max-width: 750px){
.s-item-archives_list-block { margin: 0px 2.36% 7.46667vw; width: 45.28%; }
}
.s-item-archives_list-block-fig-a { margin-bottom: 17px; padding-top: 128.235%; position: relative; }
.s-item-archives_list-block-fig-a figure { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.s-item-archives_list-block-fig-a figure img { width: 100%; }
.s-item-archives_list-block-fig-a figure figcaption { background-color: rgb(240, 131, 0); border-radius: 50%; bottom: 5px; display: inline-block; font-size: 0.666667rem; left: 3px; line-height: 1; padding: 8px 14px; position: absolute; transform: scale(0.8); transform-origin: center center; }
@media only screen and (max-width: 750px){
.s-item-archives_list-block-fig-a { margin-bottom: 14px; }
.s-item-archives_list-block-fig-a figure figcaption { bottom: 6px; left: 4px; padding: 8px 13px; }
}
.s-item-archives_list-block:first-of-type { grid-area: 1 / 1 / 3 / 3; }
.s-item-archives_list-block:nth-of-type(2) { grid-area: 1 / 3 / 2 / 4; }
.s-item-archives_list-block:nth-of-type(3) { grid-area: 1 / 4 / 2 / 5; }
.s-item-archives_list-block:nth-of-type(4) { grid-area: 2 / 3 / 3 / 4; }
.s-item-archives_list-block:nth-of-type(5) { grid-area: 2 / 4 / 3 / 5; }
.s-item-archives_list-block:nth-of-type(6) { grid-area: 3 / 1 / 4 / 2; }
.s-item-archives_list-block:nth-of-type(7) { grid-area: 3 / 2 / 4 / 3; }
.s-item-archives_list-block:nth-of-type(8) { grid-area: 3 / 3 / 4 / 4; }
.s-item-archives_list-block:nth-of-type(9) { grid-area: 3 / 4 / 4 / 5; }
.s-item-archives_list-block:nth-of-type(10) { grid-area: 4 / 3 / 6 / 5; }
.s-item-archives_list-block:nth-of-type(11) { grid-area: 4 / 1 / 5 / 2; }
.s-item-archives_list-block:nth-of-type(12) { grid-area: 4 / 2 / 5 / 3; }
.s-item-archives_list-block:nth-of-type(13) { grid-area: 5 / 1 / 6 / 2; }
.s-item-archives_list-block:nth-of-type(14) { grid-area: 5 / 2 / 6 / 3; }
.s-item-archives_list-block:nth-of-type(15) { grid-area: 6 / 1 / 7 / 2; }
.s-item-archives_list-block:nth-of-type(16) { grid-area: 6 / 2 / 7 / 3; }
.s-item-archives_list-block:nth-of-type(17) { grid-area: 6 / 3 / 7 / 4; }
.s-item-archives_list-block:nth-of-type(18) { grid-area: 6 / 4 / 7 / 5; }
.s-item-archives_list-block:nth-of-type(19) { grid-area: 7 / 1 / 9 / 3; }
.s-item-archives_list-block:nth-of-type(20) { grid-area: 7 / 3 / 8 / 4; }
.s-item-archives_list-block:nth-of-type(21) { grid-area: 7 / 4 / 8 / 5; }
.s-item-archives_list-block:nth-of-type(22) { grid-area: 8 / 3 / 9 / 4; }
.s-item-archives_list-block:nth-of-type(23) { grid-area: 8 / 4 / 9 / 5; }
.s-item-archives_list-block:nth-of-type(24) { grid-area: 9 / 1 / 10 / 2; }
.s-item-archives_list-block:nth-of-type(25) { grid-area: 9 / 2 / 10 / 3; }
.s-item-archives_list-block:nth-of-type(26) { grid-area: 9 / 3 / 10 / 4; }
.s-item-archives_list-block:nth-of-type(27) { grid-area: 9 / 4 / 10 / 5; }
.s-item-archives_list-block:nth-of-type(28) { grid-area: 10 / 3 / 12 / 5; }
.s-item-archives_list-block:nth-of-type(29) { grid-area: 10 / 1 / 11 / 2; }
.s-item-archives_list-block:nth-of-type(30) { grid-area: 10 / 2 / 11 / 3; }
.s-item-archives_list-block:nth-of-type(31) { grid-area: 11 / 1 / 12 / 2; }
.s-item-archives_list-block:nth-of-type(32) { grid-area: 11 / 2 / 12 / 3; }
.s-item-archives_list-block:first-of-type .c-size8-right, .s-item-archives_list-block:nth-of-type(10) .c-size8-right, .s-item-archives_list-block:nth-of-type(19) .c-size8-right, .s-item-archives_list-block:nth-of-type(28) .c-size8-right { transform: none; }
.s-item-archives_list-block:first-of-type .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-itemname { font-size: 1.33333rem; margin-bottom: 9px; }
.s-item-archives_list-block:first-of-type .c-item-price, .s-item-archives_list-block:nth-of-type(10) .c-item-price, .s-item-archives_list-block:nth-of-type(19) .c-item-price, .s-item-archives_list-block:nth-of-type(28) .c-item-price { font-size: 0.8rem; margin: 0px; }
.s-item-archives_list-block:first-of-type .s-item-archives_list-block-fig-a figure, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-block-fig-a figure, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-block-fig-a figure, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-block-fig-a figure { margin-bottom: 29px; }
.s-item-archives_list-block:first-of-type .s-item-archives_list-block-fig-a figure figcaption, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-block-fig-a figure figcaption, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-block-fig-a figure figcaption, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-block-fig-a figure figcaption { bottom: 12px; left: 12px; padding: 10px 14px; transform: none; }
.s-item-archives_list-block:first-of-type .s-item-archives_list-item-colorchip, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-item-colorchip, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-item-colorchip, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-item-colorchip { margin-bottom: 19px; }
.s-item-archives_list-block:first-of-type .s-item-archives_list-item-colorchip li, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-item-colorchip li, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-item-colorchip li, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-item-colorchip li { height: 22px; width: 22px; }
.s-item-archives_list-block:first-of-type .s-item-archives_list-item-colorchip li.col-current::before, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-item-colorchip li.col-current::before, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-item-colorchip li.col-current::before, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-item-colorchip li.col-current::before { content: ""; display: block; height: 16px; left: -4px; position: absolute; top: -4px; width: 16px; z-index: 1; }
.s-item-archives_list-block:first-of-type .s-item-archives_list-item-colorchip li.outline::after, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-item-colorchip li.outline::after, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-item-colorchip li.outline::after, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-item-colorchip li.outline::after { content: ""; display: block; height: 10px; width: 10px; z-index: 1; }
@media only screen and (max-width: 750px){
.s-item-archives_list-block:first-of-type, .s-item-archives_list-block:nth-of-type(10), .s-item-archives_list-block:nth-of-type(19), .s-item-archives_list-block:nth-of-type(28) { margin: 0px 2.36% 9.33333vw; width: 95.28%; }
}
@media only screen and (max-width: 1200px){
.s-item-archives_list-block:first-of-type .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-itemname { font-size: calc(12.724px + 0.605327vw); }
}
@media only screen and (max-width: 750px){
.s-item-archives_list-block:first-of-type .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-itemname { margin-bottom: 6px; }
}
@media only screen and (max-width: 375px){
.s-item-archives_list-block:first-of-type .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-itemname, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-itemname { font-size: calc(10px + 1.33333vw); }
}
@media only screen and (max-width: 750px){
.s-item-archives_list-block:first-of-type .s-item-archives_list-block-fig-a figure, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-block-fig-a figure, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-block-fig-a figure, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-block-fig-a figure { margin-bottom: 23px; }
.s-item-archives_list-block:first-of-type .s-item-archives_list-block-fig-a figure figcaption, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-block-fig-a figure figcaption, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-block-fig-a figure figcaption, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-block-fig-a figure figcaption { bottom: 14px; left: 14px; padding: 10px 13px; }
.s-item-archives_list-block:first-of-type .s-item-archives_list-item-colorchip, .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-item-colorchip, .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-item-colorchip, .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-item-colorchip { margin-bottom: 16px; }
}
.s-item-detail_item-detail-nav li.current { color: rgb(31, 44, 92); }
.s-item-detail_item-detail-nav li.current::after { transform: scaleX(1); }
.js-history-sticky { display: none; font-size: 6rem; left: 10.1562vw; line-height: 0.755556; position: fixed; top: 120px; transition: opacity 0.13s; z-index: 1000; }
@media only screen and (max-width: 1200px){
.js-history-sticky { font-size: calc(31.7918px + 4.84262vw); }
}
@media only screen and (max-width: 980px){
.js-history-sticky { display: none !important; }
}
.js-history-sticky--hidden .js-history-sticky { opacity: 0; }
.js-history-sticky--abs { display: block; }
@media only screen and (max-width: 980px){
.js-history-sticky--abs { display: block !important; }
}
.p-history-archive .c-cover { top: calc(-56px + 100vh); }
.p-history-archive .s-top_main-contents-mainghost { height: calc(-40px + 100vh); }
.p-history-archive .s-top_main-visual { height: calc(-40px + 100vh); min-height: 0px; }
.p-history-archive .s-top_main-visual::after { background-color: rgba(0, 0, 0, 0.3); content: ""; display: block; height: 105vh; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
.p-history-archive .s-top_main-visual-ttl { font-size: 9.33333rem; margin-bottom: 55px; position: static; }
.p-history-archive .s-top_main-visual-dtl { font-size: 0.933333rem; letter-spacing: 0.02em; line-height: 1.85714; position: static; width: auto; }
.p-history-archive .s-top_main-visual-circle { height: 80px; left: auto; opacity: 1; position: absolute; right: 9.53125vw; top: calc(-90px + 100vh); transition: opacity 1s cubic-bezier(0.55, 0.01, 0.45, 1); width: 80px; }
.p-history-archive .l-contents-intro { margin-bottom: 190px; }
.p-history-archive .l-contents-intro_ttl { margin-bottom: 73px; }
.p-history-archive .l-contents-intro_dtl { font-size: 1.33333rem; line-height: 2.4; margin-bottom: 54px; position: relative; z-index: 1; }
.p-history-archive .l-contents-intro_dtl::before { left: 0px; top: -0.8em; }
.p-history-archive .l-contents-intro_dtl::after, .p-history-archive .l-contents-intro_dtl::before { background-image: url("../img/a696ff10b33.svg"); background-position: 0px 0px; background-repeat: no-repeat; background-size: 100% 100%; content: ""; display: block; height: 52px; position: absolute; width: 67px; z-index: -1; }
.p-history-archive .l-contents-intro_dtl::after { bottom: -0.8em; right: 2.2em; transform: rotate(180deg); }
.p-history-archive .l-contents-care { padding-bottom: 250px; }
@media only screen and (max-width: 750px){
.p-history-archive .c-cover { top: calc(-11px + 81.28vh); }
}
@media only screen and (max-width: 750px) and (max-height: 520px){
.p-history-archive .c-cover { top: 420px; }
}
@media only screen and (max-width: 750px){
.p-history-archive .s-top_main-contents-mainghost { height: 81.28vh; }
}
@media only screen and (max-width: 750px) and (max-height: 520px){
.p-history-archive .s-top_main-contents-mainghost { height: 430px; }
}
@media only screen and (max-width: 750px){
.p-history-archive .s-top_main-visual { height: 81.28vh; min-height: 430px; }
}
@media only screen and (max-width: 1200px){
.p-history-archive .s-top_main-visual-ttl { font-size: calc(46.8668px + 7.74818vw); }
}
@media only screen and (max-width: 750px){
.p-history-archive .s-top_main-visual-ttl { margin-bottom: 26px; }
}
@media only screen and (max-width: 375px){
.p-history-archive .s-top_main-visual-ttl { font-size: calc(10px + 17.6vw); }
}
@media only screen and (max-width: 1200px){
.p-history-archive .s-top_main-visual-dtl { font-size: calc(11.0896px + 0.242131vw); }
}
@media only screen and (max-width: 375px){
.p-history-archive .s-top_main-visual-dtl { font-size: calc(10px + 0.533333vw); }
}
@media only screen and (max-width: 750px){
.p-history-archive .s-top_main-visual-circle { height: 16vw; max-height: 80px; max-width: 80px; right: 9.86667vw; top: calc(-50px + 81.28vh); width: 16vw; }
}
@media only screen and (max-width: 750px) and (max-height: 520px){
.p-history-archive .s-top_main-visual-circle { top: 390px; }
}
@media only screen and (max-width: 750px){
.p-history-archive .l-contents-intro { margin-bottom: 146px; }
.p-history-archive .l-contents-intro_ttl { margin-bottom: 50px; }
.p-history-archive .l-contents-intro_fig-block2 { position: relative; }
.p-history-archive .l-contents-intro_block { text-align: center; }
}
@media only screen and (max-width: 1200px){
.p-history-archive .l-contents-intro_dtl { font-size: calc(11.2621px + 0.728155vw); }
}
@media only screen and (max-width: 860px){
.p-history-archive .l-contents-intro_dtl { margin-left: -10px; margin-right: -10px; }
}
@media only screen and (max-width: 750px){
.p-history-archive .l-contents-intro_dtl { display: inline-block; margin-bottom: 44px; margin-left: 0px; margin-right: 0px; }
}
@media only screen and (max-width: 375px){
.p-history-archive .l-contents-intro_dtl { font-size: calc(10px + 1.6vw); line-height: 2.5; }
}
@media only screen and (max-width: 750px){
.p-history-archive .l-contents-intro_dtl::before { content: ""; display: block; height: 46px; left: 1.5em; top: -1.1em; width: 60px; }
.p-history-archive .l-contents-intro_dtl::after { content: ""; display: block; height: 46px; right: 3.2em; width: 60px; }
}
@media only screen and (max-width: 750px){
.p-history-archive .l-contents-care { padding-bottom: 121px; }
}
.s-history_main-ttl { left: 0px; position: absolute; text-align: center; top: calc(50% + 6.1vh); transform: translateY(-50%); width: 100%; z-index: 1; }
@media only screen and (max-width: 750px){
.s-history_main-ttl { top: calc(50% + 3.5vh); }
}
@media only screen and (max-width: 750px) and (max-height: 520px){
.s-history_main-ttl { top: 50%; }
}
.s-history_histories { padding: 18.9062vw 0px 170px 10.1562vw; position: relative; }
.s-history_histories::before { background-image: url("../img/a524272f1d6.svg"); background-position: center top; background-repeat: no-repeat; background-size: 100%; content: ""; display: block; height: 27.1094vw; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; }
@media only screen and (max-width: 980px){
.s-history_histories { padding-left: 0px; }
}
@media only screen and (max-width: 750px){
.s-history_histories { padding: 37.0667vw 0px 100px; }
.s-history_histories::before { background-position: 38% 31%; background-size: 270%; content: ""; display: block; height: 51.7333vw; width: 100%; }
}
.s-history_histories-inr { display: flex; flex-wrap: wrap; position: relative; width: 100%; }
@media only screen and (max-width: 980px){
.s-history_histories-inr { display: block; width: auto; }
}
.s-history_histories-ttl { margin-top: -5px; padding-right: 20px; width: 36.7188vw; }
.s-history_histories-ttl .c-ttl-large { font-size: 6rem; line-height: 0.755556; }
@media only screen and (max-width: 980px){
.s-history_histories-ttl { margin-bottom: 42px; padding-right: 0px; width: auto; }
}
@media only screen and (max-width: 1200px){
.s-history_histories-ttl .c-ttl-large { font-size: calc(31.7918px + 4.84262vw); }
}
@media only screen and (max-width: 980px){
.s-history_histories-ttl .c-ttl-large { text-align: center; }
}
@media only screen and (max-width: 375px){
.s-history_histories-ttl .c-ttl-large { font-size: calc(10px + 10.6667vw); line-height: 0.8; }
}
@media only screen and (max-width: 750px){
.s-history_histories-ttl .c-ttl-large .min { margin-top: 14px; }
}
.s-history_histories-dtl { flex: 1 1 0%; }
.s-history_histories-dtl .l-contents-large-group_ttl { font-size: 6rem; }
.s-history_histories-dtl .l-contents-large-group { margin-bottom: 1px; padding-bottom: 0px; }
.s-history_histories-dtl .l-contents-large-group_btn { margin: 35px 0px 0px; position: static; }
.s-history_histories-dtl .l-contents-large-group_btn .c-btn-small { margin: 0px auto; }
.s-history_histories-dtl .l-contents-large-group_inr { padding: 130px 0px 87px; }
@media only screen and (max-width: 1200px){
.s-history_histories-dtl .l-contents-large-group_ttl { font-size: calc(46.3438px + 3.63196vw); }
}
@media only screen and (max-width: 375px){
.s-history_histories-dtl .l-contents-large-group_ttl { font-size: calc(10px + 13.3333vw); }
}
@media only screen and (max-width: 750px){
.s-history_histories-dtl .l-contents-large-group_inr { padding: 85px 0px 78px; }
}
.s-product_slider-inr.js-cardmotion-active:hover img { transform: scale(1); }
.p-journal .c-cover { top: calc(-219px + 100vh); }
.p-journal .s-top_main-contents-mainghost { height: calc(-200px + 100vh); }
.p-journal .s-top_main-visual { height: calc(-200px + 100vh); min-height: 0px; }
.p-journal .s-top_main-visual::after { background-color: rgba(0, 0, 0, 0.3); content: ""; display: block; height: 105vh; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
.p-journal .s-top_main-visual-ttl { font-size: 8rem; line-height: 1.1; margin-bottom: -4px; position: static; }
.p-journal .s-top_main-visual-dtl { font-size: 0.933333rem; letter-spacing: 0.02em; line-height: 1.85714; position: static; width: auto; }
.p-journal .s-top_main-visual-circle { height: 80px; left: auto; opacity: 1; position: absolute; right: 9.375vw; top: calc(-250px + 100vh); transition: opacity 1s cubic-bezier(0.55, 0.01, 0.45, 1); width: 80px; }
.p-journal .l-pagenation { margin: 0px auto; padding: 28px 0px 200px; width: 81.25vw; }
@media only screen and (max-width: 750px){
.p-journal .c-cover { top: calc(-35px + 71.92vh); }
}
@media only screen and (max-width: 750px) and (max-height: 550px){
.p-journal .c-cover { top: 380px; }
}
@media only screen and (max-width: 750px){
.p-journal .s-top_main-contents-mainghost { height: calc(-21px + 71.92vh); }
}
@media only screen and (max-width: 750px) and (max-height: 550px){
.p-journal .s-top_main-contents-mainghost { height: 396px; }
}
@media only screen and (max-width: 750px){
.p-journal .s-top_main-visual { height: 71.92vh; min-height: 396px; }
}
@media only screen and (max-width: 1200px){
.p-journal .s-top_main-visual-ttl { font-size: calc(55.9709px + 5.32688vw); }
}
@media only screen and (max-width: 375px){
.p-journal .s-top_main-visual-ttl { font-size: calc(10px + 17.6vw); }
}
@media only screen and (max-width: 1200px){
.p-journal .s-top_main-visual-dtl { font-size: calc(11.0896px + 0.242131vw); }
}
@media only screen and (max-width: 375px){
.p-journal .s-top_main-visual-dtl { font-size: calc(10px + 0.533333vw); line-height: 1.83333; }
}
@media only screen and (max-width: 750px){
.p-journal .s-top_main-visual-circle { height: 16vw; max-height: 80px; max-width: 80px; top: calc(-72px + 71.92vh); width: 16vw; }
}
@media only screen and (max-width: 750px) and (max-height: 550px){
.p-journal .s-top_main-visual-circle { top: 350px; }
}
@media only screen and (max-width: 750px){
.p-journal .l-pagenation { margin: 0px 9.6vw; padding: 54px 0px 120px; width: auto; }
.l-pagenation { font-size: 1rem; }
}
.s-journal_main-ttl { left: 0px; position: absolute; text-align: center; top: calc(50% + 3.9vh); transform: translateY(-50%); width: 100%; z-index: 1; }
@media only screen and (max-width: 750px){
.s-journal_main-ttl { top: 50%; }
}
@media only screen and (max-width: 750px) and (max-height: 520px){
.s-journal_main-ttl { top: 50%; }
}
.s-journal_sort-wrap { margin: 0px auto 48px; padding-top: 97px; width: 81.25vw; }
@media only screen and (max-width: 750px){
.s-journal_sort-wrap { margin: 0px 9.6vw 30px; padding-top: 66px; width: auto; }
}
.s-journal_sort { font-size: 0.933333rem; line-height: 1.2; position: relative; text-align: right; }
.s-journal_sort ul { background-color: rgb(220, 216, 208); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 8px; opacity: 0; padding: 17px 0px 18px; position: absolute; right: 0px; text-align: left; top: 34px; transform: scaleY(0); transform-origin: center top; transition: opacity 0.3s, transform 0.3s cubic-bezier(0.19, 0.82, 0.27, 1); width: 240px; z-index: 1; }
.s-journal_sort ul.open { opacity: 1; transform: scaleY(1); transition: opacity 0.5s, transform 0.5s cubic-bezier(0.19, 0.82, 0.27, 1); }
.s-journal_sort ul.open li { opacity: 1; }
.s-journal_sort ul li { display: block; opacity: 0; transition: opacity 0.3s cubic-bezier(0.6, 0.25, 0, 1) 0.46s; }
.s-journal_sort ul li.current { background-color: rgb(227, 224, 217); }
.s-journal_sort ul li a { display: block; padding: 13px 2.34375vw 12px; transition: background-color 0.4s; }
.s-journal_sort ul li a:hover { background-color: rgb(227, 224, 217); opacity: 1; }
@media only screen and (max-width: 1200px){
.s-journal_sort { font-size: calc(12.5448px + 0.121065vw); }
}
@media only screen and (max-width: 375px){
.s-journal_sort { font-size: calc(10px + 0.8vw); }
}
@media only screen and (max-width: 750px){
.s-journal_sort ul { padding: 10px 0px; width: 194px; }
.s-journal_sort ul li a { padding: 11px 20px; }
}
.s-journal_sort-ttl { display: inline-block; letter-spacing: normal; margin: 0px 16px 0px 0px; position: relative; }
@media only screen and (max-width: 375px){
.s-journal_sort-ttl { transform: scale(0.7); }
}
.s-journal_sort-this { cursor: pointer; display: inline-block; font-size: 1.06667rem; padding-right: 30px; position: relative; }
.s-journal_sort-this::after { border-top: 1px solid rgb(31, 44, 92); border-right: 1px solid rgb(31, 44, 92); border-image: initial; border-bottom: none; border-left: none; content: ""; display: block; height: 5px; position: absolute; right: 0px; top: calc(50% - 3px); transform: rotate(135deg); transform-origin: center center; transition: top 0.4s, transform 0.4s cubic-bezier(0.19, 0.82, 0.27, 1); width: 5px; }
.s-journal_sort-this.btncurrent::after { top: 50%; transform: rotate(-45deg); }
@media only screen and (max-width: 1200px){
.s-journal_sort-this { font-size: calc(13.0896px + 0.242131vw); }
}
@media only screen and (max-width: 375px){
.s-journal_sort-this { font-size: calc(10px + 1.06667vw); }
}
.s-journal_list { display: flex; flex-wrap: wrap; margin: 0px auto; width: 81.25vw; }
@media only screen and (max-width: 375px){
.s-journal_list { display: block; margin: 0px 9.6vw; width: auto; }
}
.s-journal_block { margin: 0px 6.74% 114px 0px; width: 28.84%; }
.s-journal_block:nth-of-type(3n) { margin-right: 0px; }
.s-journal_block .sbttl { display: block; font-size: 0.733333rem; letter-spacing: 0.02em; line-height: 1.81818; margin-bottom: 7px; }
.s-journal_block .ttl { font-size: 2.4rem; letter-spacing: -0.02em; line-height: 1; margin-bottom: 17px; }
.s-journal_block p { font-size: 0.8rem; line-height: 1.66667; }
.s-journal_block figure { margin-bottom: 36px; overflow: hidden; }
.s-journal_block a { display: block; }
.s-journal_block a:hover { opacity: 1; }
@media only screen and (max-width: 750px){
.s-journal_block { margin: 0px 6.74% 46px 0px; width: 46.63%; }
}
@media only screen and (max-width: 375px){
.s-journal_block { margin: 0px 0px 46px; width: auto; }
}
@media only screen and (max-width: 750px){
.s-journal_block:nth-of-type(3n) { margin-right: 6.74%; }
}
@media only screen and (max-width: 375px){
.s-journal_block:nth-of-type(3n) { margin-right: 0px; }
}
@media only screen and (max-width: 750px){
.s-journal_block:nth-of-type(2n) { margin-right: 0px; }
}
@media only screen and (max-width: 1200px){
.s-journal_block .sbttl { font-size: calc(9.54479px + 0.121065vw); }
}
@media only screen and (max-width: 750px){
.s-journal_block .sbttl { margin-bottom: 4px; }
}
@media only screen and (max-width: 375px){
.s-journal_block .sbttl { font-size: calc(10px + 0vw); }
}
@media only screen and (max-width: 1200px){
.s-journal_block .ttl { font-size: calc(33.0896px + 0.242131vw); }
}
@media only screen and (max-width: 750px){
.s-journal_block .ttl { margin-bottom: 10px; }
}
@media only screen and (max-width: 375px){
.s-journal_block .ttl { font-size: calc(10px + 6.4vw); line-height: 1; }
}
@media only screen and (max-width: 1200px){
.s-journal_block p { font-size: calc(10.5448px + 0.121065vw); }
}
@media only screen and (max-width: 375px){
.s-journal_block p { font-size: calc(10px + 0.266667vw); line-height: 1.63636; }
}
@media only screen and (max-width: 750px){
.s-journal_block figure { margin-bottom: 22px; }
}
.p-journal-detail .c-cover { top: calc(-219px + 100vh); }
.p-journal-detail .s-top_main-contents-mainghost { height: calc(-200px + 100vh); }
.p-journal-detail .s-top_main-visual { height: calc(-200px + 100vh); min-height: 0px; }
.p-journal-detail .s-top_main-visual:not(.no-bg)::after { background-color: rgba(0, 0, 0, 0.3); content: ""; display: block; height: 105vh; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
.p-journal-detail .s-top_main-visual-ttl { font-size: 6rem; margin-bottom: -4px; position: static; }
.p-journal-detail .s-top_main-visual-ttl .s-top_main-visual-ttl-row { display: block; }
.p-journal-detail .s-top_main-visual-dtl { font-size: 1.33333rem; letter-spacing: 0.02em; line-height: 1.85714; margin-top: 32px; position: static; width: auto; }
.p-journal-detail .s-top_main-visual-circle { height: 80px; left: auto; opacity: 1; position: absolute; right: 9.375vw; top: calc(-250px + 100vh); transition: opacity 1s cubic-bezier(0.55, 0.01, 0.45, 1); width: 80px; }
.p-journal-detail .l-article { margin-bottom: -3px; }
@media only screen and (max-width: 750px){
.p-journal-detail .c-cover { top: calc(-35px + 71.92vh); }
}
@media only screen and (max-width: 750px) and (max-height: 550px){
.p-journal-detail .c-cover { top: 380px; }
}
@media only screen and (max-width: 750px){
.p-journal-detail .s-top_main-contents-mainghost { height: calc(-21px + 71.92vh); }
}
@media only screen and (max-width: 750px) and (max-height: 550px){
.p-journal-detail .s-top_main-contents-mainghost { height: 396px; }
}
@media only screen and (max-width: 750px){
.p-journal-detail .s-top_main-visual { height: 71.92vh; min-height: 396px; }
}
@media only screen and (max-width: 1200px){
.p-journal-detail .s-top_main-visual-ttl { font-size: calc(46.3438px + 3.63196vw); }
}
@media only screen and (max-width: 750px){
.p-journal-detail .s-top_main-visual-ttl { padding: 0px 20px; }
}
@media only screen and (max-width: 375px){
.p-journal-detail .s-top_main-visual-ttl { font-size: calc(10px + 13.3333vw); }
}
@media only screen and (max-width: 1200px){
.p-journal-detail .s-top_main-visual-dtl { font-size: calc(12.724px + 0.605327vw); }
}
@media only screen and (max-width: 750px){
.p-journal-detail .s-top_main-visual-dtl { margin-top: 12px; }
}
@media only screen and (max-width: 375px){
.p-journal-detail .s-top_main-visual-dtl { font-size: calc(10px + 1.33333vw); line-height: 1.86667; }
}
@media only screen and (max-width: 750px){
.p-journal-detail .s-top_main-visual-circle { height: 16vw; max-height: 80px; max-width: 80px; top: calc(-72px + 71.92vh); width: 16vw; }
}
@media only screen and (max-width: 750px) and (max-height: 550px){
.p-journal-detail .s-top_main-visual-circle { top: 350px; }
}
@media only screen and (max-width: 750px){
.p-journal-detail .l-article { margin-bottom: 108px; }
.p-journal-detail .l-content-item-choice2 { padding-bottom: 118px; }
}
.s-journal-detail_main-ttl { left: 0px; position: absolute; text-align: center; top: calc(50% + 3.2vh); transform: translateY(-50%); width: 100%; z-index: 1; }
.s-journal-detail_main-ttl .txt { padding-bottom: 0.2em; }
.s-journal-detail_main-ttl .s-top_main-visual-ttl-row { margin-top: -0.1em; }
@media only screen and (max-width: 750px){
.s-journal-detail_main-ttl { top: calc(50% - 1.2vh); }
}
@media only screen and (max-width: 750px) and (max-height: 520px){
.s-journal-detail_main-ttl { top: 50%; }
}
.s-journal-detail_related { border-bottom: 1px solid rgb(191, 188, 180); margin-bottom: 100px; padding-bottom: 100px; }
.s-journal-detail_related .s-journal_block { margin-bottom: 0px; }
@media only screen and (max-width: 750px){
.s-journal-detail_related { border-bottom: none; margin: -10px 0px 69px; padding-bottom: 70px; position: relative; }
.s-journal-detail_related::after { background-color: rgb(191, 188, 180); bottom: 0px; content: ""; display: block; height: 1px; left: 9.6vw; position: absolute; width: 80.8vw; }
.s-journal-detail_related .s-journal_block { margin: 0px; }
.s-journal-detail_related .s-journal_block p { margin-right: 10.1333vw; }
.s-journal-detail_related .s-journal_block figure { margin-bottom: 26px; }
.s-journal-detail_related .s-journal_block .ttl { margin-bottom: 17px; }
.s-journal-detail_related .s-journal_block .sbttl { display: none; }
.s-journal-detail_related .s-journal_list { margin: 0px 0px 0px 9.6vw; width: auto; }
}
.s-journal-detail_related-ttl { margin-bottom: 80px; }
@media only screen and (max-width: 750px){
.s-journal-detail_related-ttl { margin: 0px 0px 41px 9.6vw; }
.s-journal-detail_related-ttl .c-ttl-max { text-align: left; }
.s-journal-detail_related-ttl .c-ttl-max .min { margin-top: 14px; transform-origin: left top; }
}
.s-shop_nav--sp .js-shopactive-list-main.current { border-bottom: 0px; }
.p-shop .c-cover { top: calc(-219px + 100vh); }
.p-shop .s-top_main-contents-mainghost { height: calc(-200px + 100vh); }
.p-shop .s-top_main-visual { height: calc(-200px + 100vh); min-height: 0px; }
.p-shop .s-top_main-visual::after { background-color: rgba(0, 0, 0, 0.3); content: ""; display: block; height: 105vh; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
.p-shop .s-top_main-visual-ttl { font-size: 8rem; line-height: 1.1; margin-bottom: -4px; position: static; }
.p-shop .s-top_main-visual-dtl { font-size: 0.933333rem; letter-spacing: 0.02em; line-height: 1.85714; position: static; width: auto; }
.p-shop .s-top_main-visual-circle { height: 80px; left: auto; opacity: 1; position: absolute; right: 9.375vw; top: calc(-250px + 100vh); transition: opacity 1s cubic-bezier(0.55, 0.01, 0.45, 1); width: 80px; }
@media only screen and (max-width: 750px){
.p-shop .c-cover { top: calc(-35px + 71.92vh); }
}
@media only screen and (max-width: 750px) and (max-height: 550px){
.p-shop .c-cover { top: 380px; }
}
@media only screen and (max-width: 750px){
.p-shop .s-top_main-contents-mainghost { height: calc(-21px + 71.92vh); }
}
@media only screen and (max-width: 750px) and (max-height: 550px){
.p-shop .s-top_main-contents-mainghost { height: 396px; }
}
@media only screen and (max-width: 750px){
.p-shop .s-top_main-visual { height: 71.92vh; min-height: 396px; }
}
@media only screen and (max-width: 1200px){
.p-shop .s-top_main-visual-ttl { font-size: calc(55.9709px + 5.32688vw); }
}
@media only screen and (max-width: 375px){
.p-shop .s-top_main-visual-ttl { font-size: calc(10px + 17.6vw); }
}
@media only screen and (max-width: 1200px){
.p-shop .s-top_main-visual-dtl { font-size: calc(11.0896px + 0.242131vw); }
}
@media only screen and (max-width: 375px){
.p-shop .s-top_main-visual-dtl { font-size: calc(10px + 0.533333vw); line-height: 1.83333; }
}
@media only screen and (max-width: 750px){
.p-shop .s-top_main-visual-circle { height: 16vw; max-height: 80px; max-width: 80px; top: calc(-72px + 71.92vh); width: 16vw; }
}
@media only screen and (max-width: 750px) and (max-height: 550px){
.p-shop .s-top_main-visual-circle { top: 350px; }
}
.s-shop_main-ttl { left: 0px; position: absolute; text-align: center; top: calc(50% + 3.9vh); transform: translateY(-50%); width: 100%; z-index: 1; }
@media only screen and (max-width: 750px){
.s-shop_main-ttl { top: 50%; }
}
@media only screen and (max-width: 750px) and (max-height: 520px){
.s-shop_main-ttl { top: 50%; }
}
.s-shop_nav { bottom: 20px; left: 4.6875vw; position: fixed; width: 15.625vw; z-index: 10; }
.s-shop_nav .current { border-bottom: 1px solid rgb(31, 44, 92); }
.s-shop_nav--pc { transition: top 0.6s cubic-bezier(0.55, 0.01, 0.45, 1), opacity 0.2s; }
@media only screen and (max-width: 750px){
.s-shop_nav--pc { display: none; }
}
.js-shopsticky-abs .s-shop_nav--pc, .s-shop_nav--abs { height: 0px; overflow: hidden; pointer-events: none; }
.s-shop_nav--abs { bottom: auto; position: absolute; top: 107px; }
@media only screen and (max-width: 750px){
.s-shop_nav--abs { display: none; }
}
.js-shopsticky-abs .s-shop_nav--abs { height: auto; overflow: visible; pointer-events: auto; }
.s-shop_nav--sp { display: none; }
@media only screen and (max-width: 750px){
.s-shop_nav--sp { display: block; margin: 0px; padding: 14px 0px 52px; position: static; width: auto; }
}
.s-shop_nav-primary { font-size: 0.866667rem; line-height: 1.3; }
.s-shop_nav-primary li { margin-bottom: 15px; }
@media only screen and (max-width: 1200px){
.s-shop_nav-primary { font-size: calc(11.5448px + 0.121065vw); }
}
@media only screen and (max-width: 375px){
.s-shop_nav-primary { font-size: calc(10px + 0.533333vw); }
}
@media only screen and (max-width: 750px){
.s-shop_nav-primary li { display: inline-block; margin-right: 1.5em; }
.s-shop_nav-primary li:last-child { margin-right: 0px; }
}
.s-shop_nav-secondary { margin: 16px 0px 44px 1.2em; }
.s-shop_nav-ttl { border-top: 1px solid rgb(191, 188, 180); font-size: 1.86667rem; line-height: 2; margin-bottom: 21px; }
@media only screen and (max-width: 1200px){
.s-shop_nav-ttl { font-size: calc(25.0896px + 0.242131vw); }
}
@media only screen and (max-width: 750px){
.s-shop_nav-ttl { margin-bottom: 16px; }
}
@media only screen and (max-width: 375px){
.s-shop_nav-ttl { font-size: calc(10px + 4.26667vw); }
}
.s-shop_nav-inr { height: 100%; position: relative; }
.s-shop_inr { padding: 107px 9.375vw 0px 28.125vw; position: relative; }
@media only screen and (max-width: 750px){
.s-shop_inr { padding: 67px 9.6vw 0px; }
}
.s-shop_ttl { font-size: 1.86667rem; margin-bottom: 30px; }
@media only screen and (max-width: 1200px){
.s-shop_ttl { font-size: calc(19.2688px + 0.726392vw); }
}
@media only screen and (max-width: 750px){
.s-shop_ttl { margin-bottom: 31px; }
}
@media only screen and (max-width: 375px){
.s-shop_ttl { font-size: calc(10px + 3.2vw); line-height: 1.36364; }
}
.s-shop_list { display: flex; flex-wrap: wrap; padding: 0px 0px 32px; width: 100%; }
@media only screen and (max-width: 375px){
.s-shop_list { display: block; padding: 0px 0px 30px; width: auto; }
}
.s-shop_block { margin: 0px 5% 60px 0px; width: 30%; }
.s-shop_block .ttl { font-size: 1.13333rem; line-height: 1.29412; margin-bottom: 14px; }
.s-shop_block p { font-size: 0.733333rem; line-height: 1.45455; }
@media only screen and (max-width: 750px){
.s-shop_block { margin: 0px 5% 33px 0px; width: 47.5%; }
}
@media only screen and (max-width: 375px){
.s-shop_block { margin: 0px 0px 33px; width: auto; }
}
@media only screen and (max-width: 1200px){
.s-shop_block .ttl { font-size: calc(15.5448px + 0.121065vw); }
}
@media only screen and (max-width: 750px){
.s-shop_block .ttl { margin-bottom: 7px; }
}
@media only screen and (max-width: 375px){
.s-shop_block .ttl { font-size: calc(10px + 1.6vw); line-height: 1.375; }
}
.s-other { margin: 0px auto; padding: 93px 0px 162px; width: 62.5vw; }
@media only screen and (max-width: 750px){
.s-other { margin: 0px 9.6vw; padding: 66px 0px 85px; width: auto; }
}
.s-other_ttl { border-bottom: 1px solid rgb(191, 188, 180); font-size: 1.86667rem; line-height: 1.42857; margin-bottom: 63px; padding-bottom: 22px; }
@media only screen and (max-width: 1200px){
.s-other_ttl { font-size: calc(19.2688px + 0.726392vw); }
}
@media only screen and (max-width: 750px){
.s-other_ttl { margin-bottom: 37px; padding-bottom: 15px; }
}
@media only screen and (max-width: 375px){
.s-other_ttl { font-size: calc(10px + 3.2vw); }
}
.s-other_subttl { font-size: 1.2rem; line-height: 1.55556; margin-bottom: 5px; }
@media only screen and (max-width: 1200px){
.s-other_subttl { font-size: calc(13.6344px + 0.363196vw); }
}
@media only screen and (max-width: 375px){
.s-other_subttl { font-size: calc(10px + 1.33333vw); }
}
.s-other p { font-size: 1.06667rem; line-height: 1.75; margin-bottom: 55px; }
.s-other ul { margin-bottom: 56px; }
.s-other ul li { padding-left: 1em; position: relative; }
.s-other ul li::before { content: "・"; display: block; left: 0px; position: absolute; top: 0px; width: 1em; }
.s-other a { border-bottom: 1px solid rgb(31, 44, 92); }
@media only screen and (max-width: 1200px){
.s-other p { font-size: calc(13.0896px + 0.242131vw); }
}
@media only screen and (max-width: 750px){
.s-other p { margin-bottom: 50px; }
}
@media only screen and (max-width: 375px){
.s-other p { font-size: calc(10px + 1.06667vw); line-height: 1.85714; }
}
@media only screen and (max-width: 750px){
.s-other ul { margin-bottom: 52px; }
}
.s-other p + ul { margin-top: -24px; }
@media only screen and (max-width: 750px){
.s-other p + ul { margin-top: -28px; }
}
.s-login_wrap { background-color: rgb(31, 44, 92); color: rgb(227, 224, 217); display: flex; flex-wrap: wrap; min-height: 100vh; pointer-events: auto; }
.s-login_wrap .error_message { color: rgb(240, 131, 0); font-size: 0.8rem; text-align: center; }
.s-login_wrap a { border-bottom: 1px solid rgb(227, 224, 217); color: rgb(227, 224, 217); }
.s-login_wrap label { color: rgb(227, 224, 217); display: block; font-size: 0.866667rem; font-weight: 700; margin-bottom: 6px; }
.s-login_wrap input.hidden { display: none; }
.s-login_wrap input[type="password"], .s-login_wrap input[type="text"] { background-color: rgb(24, 35, 77); border: 1px solid rgb(24, 35, 77); border-radius: 6px; color: rgb(227, 224, 217); margin-bottom: 14px; padding: 14px 20px; }
.s-login_wrap input[type="text"]:focus { border: 1px solid rgb(227, 224, 217); border-radius: 6px; outline: none; }
.s-login_wrap input[type="password"] { margin-bottom: 18px; }
.s-login_wrap input[type="password"]:focus { border: 1px solid rgb(227, 224, 217); border-radius: 6px; outline: none; }
.s-login_wrap .forgetmenot { margin-bottom: 14px; }
.s-login_wrap .forgetmenot input { display: none; }
.s-login_wrap .forgetmenot input + label { cursor: pointer; display: inline-block; font-size: 0.733333rem; min-height: 20px; padding: 0px 0px 0px 30px; position: relative; vertical-align: middle; }
.s-login_wrap .forgetmenot input[type="checkbox"] + label::before { background-color: rgb(24, 35, 77); border-radius: 6px; content: ""; display: block; height: 20px; left: 0px; position: absolute; top: 0px; width: 20px; }
.s-login_wrap .forgetmenot input[type="checkbox"] + label::after { border-bottom: 2px solid rgb(227, 224, 217); border-left: 2px solid rgb(227, 224, 217); border-image: initial; border-right: none; border-top: none; content: ""; display: block; height: 6px; left: 4px; opacity: 0; position: absolute; top: 4px; transform: rotate(-45deg); transform-origin: center center; transition: opacity 0.2s ease-out; width: 12px; }
.s-login_wrap .forgetmenot input[type="checkbox"]:checked + label::after { opacity: 1; }
.s-login_wrap input[type="submit"] { background-color: rgb(240, 131, 0); border-radius: 6px; color: rgb(31, 44, 92); cursor: pointer; font-size: 1.06667rem; font-weight: 700; margin-bottom: 12px; padding: 16px 0px; transition: opacity 0.4s; }
.s-login_wrap input[type="submit"]:hover { opacity: 0.7; }
.s-login_wrap .loginbox_msg { font-size: 0.8rem; font-weight: 700; text-align: center; }
.s-login_wrap .loginbox_msg li:nth-of-type(2)::before { content: "まだ会員登録がお済みでない方"; display: block; font-size: 0.8rem; line-height: 1.5; margin: 28px 0px 16px; }
.s-login_wrap .btn_typeB { border: 1px solid rgb(227, 224, 217); border-radius: 6px; display: block; font-size: 0.933333rem; line-height: 1; margin: 0px auto; max-width: 270px; padding: 17px 0px 14px; }
.s-login_wrap .btn_typeB:hover { opacity: 1; }
@media only screen and (max-width: 750px){
.s-login_wrap { display: block; }
.s-login_wrap input[type="password"], .s-login_wrap input[type="text"] { margin-bottom: 5px; }
.s-login_wrap input[type="submit"] { padding: 16px 0px; }
.s-login_wrap .loginbox_msg { text-align: left; }
.s-login_wrap .loginbox_msg li:nth-of-type(2)::before { margin: 20px 0px 20px 9.06667vw; width: 90px; }
.s-login_wrap .btn_typeB { background-color: rgb(227, 224, 217); border: none; color: rgb(31, 44, 92); max-width: none; padding: 17px 0px 16px; text-align: center; width: auto; }
}
.s-login_figure { position: relative; width: calc(50% + 0vw); }
.s-login_figure::after { background-color: rgba(0, 0, 0, 0.4); content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.s-login_figure img { height: 100%; object-fit: cover; object-position: center center; width: 100%; }
@media only screen and (max-width: 750px){
.s-login_figure { display: none; }
}
.s-login_form { align-self: center; flex: 1 1 0%; padding: 150px 9.375vw 106px; transition: padding-top 0.2s; }
@media only screen and (max-width: 750px){
.s-login_form { padding: 130px 9.6vw 117px; }
}
.s-login_form-ttl { color: rgb(227, 224, 217); font-size: 4.66667rem; line-height: 0.885714; margin-bottom: 23px; text-align: center; }
.s-login_form-ttl .min { display: block; font-size: 0.666667rem; font-weight: 700; letter-spacing: 0.02em; margin-top: 1px; }
@media only screen and (max-width: 1200px){
.s-login_form-ttl { font-size: calc(40.8959px + 2.42131vw); }
}
@media only screen and (max-width: 750px){
.s-login_form-ttl { margin-bottom: 60px; margin-top: 10px; text-align: left; }
}
@media only screen and (max-width: 375px){
.s-login_form-ttl { font-size: calc(10px + 10.6667vw); line-height: 0.88; }
.s-login_form-ttl .min { transform: scale(0.9); transform-origin: left top; }
}
.p-search .s-item-archives_list-block:first-of-type .s-item-archives_list-item-colorchip li.col-current::before, .p-search .s-item-archives_list-block:nth-of-type(10) .s-item-archives_list-item-colorchip li.col-current::before, .p-search .s-item-archives_list-block:nth-of-type(19) .s-item-archives_list-item-colorchip li.col-current::before, .p-search .s-item-archives_list-block:nth-of-type(28) .s-item-archives_list-item-colorchip li.col-current::before { content: ""; display: block; height: 14px; width: 14px; }
.js-loaded .anime-slideup.js-scrollaction-active { opacity: 1; transform: translateY(0px); }
#luxy { pointer-events: none; }
.js-intersectionfadeout_wrap { height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; transition: height 0.2s; width: 100%; }
.js-intersectionfadeout_inner { background-color: rgb(0, 0, 0); height: 100%; left: 0px; position: relative; top: 0px; width: 100%; }
.js-intersectionfadeout_inner::after { background-color: rgb(0, 0, 0); content: ""; height: 100%; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 1.2s 0.3s; width: 100%; }
.js-loaderclose .js-intersectionfadeout_inner::after { opacity: 0; }
.js-intersectionfadeout_body { height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; transition: top 0.2s; width: 100%; }
.js-textrowmotion-wrapper { display: inline-block; margin-bottom: -0.2em; margin-right: -0.03em; min-width: 0.3em; overflow: hidden; padding-bottom: 0.2em; padding-right: 0.03em; position: relative; }
.js-textrowmotion-txt { display: inline-block; transform: translateY(126%); transition: transform 1s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-textrowmotion-active .js-textrowmotion-txt { transform: translateY(0px); }
.js-cardmotion-target { opacity: 0; transform: translate3d(100%, 0px, 0px); transition: opacity 1s cubic-bezier(0.55, 0.01, 0.45, 1), transform 1s cubic-bezier(0.55, 0.01, 0.45, 1); }
.js-cardmotion.js-cardmotion-active .js-cardmotion-target { opacity: 1; transform: translateZ(0px); }
.js-cardmotion-target figure { overflow: hidden; }
.js-cardmotion-target figure, .js-cardmotion-target img { transform: scale(1); transition: transform 0.75s cubic-bezier(0, 0.15, 0.3, 1); will-change: transform; }
.js-cardmotion-target:hover figure { transform: scale(0.95); }
.js-cardmotion-target:hover img { transform: scale(1.1); }
.js-cardmotion-target.slick-cloned:not(.slick-cloned-animation) { opacity: 1 !important; transform: translateZ(0px) !important; }
.js-spnavdivider { height: 100vh; left: 0px; pointer-events: none; position: absolute; top: -100vh; width: 100%; }
[data-simplebar] { place-content: flex-start; align-items: flex-start; flex-flow: column wrap; position: relative; }
.simplebar-wrapper { height: inherit; max-height: inherit; max-width: inherit; overflow: hidden; width: inherit; }
.simplebar-mask { direction: inherit; overflow: hidden; z-index: 0; height: auto !important; width: auto !important; }
.simplebar-mask, .simplebar-offset { inset: 0px; margin: 0px; padding: 0px; position: absolute; }
.simplebar-offset { box-sizing: inherit !important; direction: inherit !important; resize: none !important; }
.simplebar-content-wrapper { direction: inherit; display: block; height: 100%; max-height: 100%; max-width: 100%; overflow: auto; position: relative; visibility: visible; width: auto; box-sizing: border-box !important; }
.simplebar-content::after, .simplebar-content::before { content: " "; display: table; }
.simplebar-placeholder { max-height: 100%; max-width: 100%; pointer-events: none; width: 100%; }
.simplebar-height-auto-observer-wrapper { flex-basis: 0px; flex-grow: inherit; flex-shrink: 0; float: left; height: 100%; margin: 0px; max-height: 1px; max-width: 1px; overflow: hidden; padding: 0px; pointer-events: none; position: relative; width: inherit; z-index: -1; box-sizing: inherit !important; }
.simplebar-height-auto-observer { box-sizing: inherit; display: block; height: 1000%; left: 0px; min-height: 1px; min-width: 1px; opacity: 0; top: 0px; width: 1000%; z-index: -1; }
.simplebar-height-auto-observer, .simplebar-track { overflow: hidden; pointer-events: none; position: absolute; }
.simplebar-track { bottom: 0px; right: 0px; z-index: 1; }
.simplebar-scrollbar { min-height: 10px; position: absolute; right: 2px; width: 6px; }
.simplebar-scrollbar::before { background: rgb(31, 44, 92); border-radius: 4px; content: ""; left: 0px; opacity: 0; position: absolute; right: 0px; transition: opacity 0.4s linear; }
.simplebar-track.simplebar-vertical { top: 0px; width: 11px; }
.simplebar-track.simplebar-vertical .simplebar-scrollbar::before { bottom: 2px; top: 2px; }
.simplebar-track.simplebar-horizontal { height: 11px; left: 0px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { height: 7px; left: 0px; min-height: 0px; min-width: 10px; right: auto; top: 2px; width: auto; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { height: 100%; left: 2px; right: 2px; }
.slick-slider { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; touch-action: pan-y pinch-zoom; user-select: none; }
.slick-list, .slick-slider { display: block; position: relative; }
.slick-list { margin: 0px; overflow: hidden; padding: 0px; }
.slick-list:focus { outline: none; }
.slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0px); }
.slick-track { display: block; left: 0px; margin-left: auto; margin-right: auto; position: relative; top: 0px; }
.slick-track::after, .slick-track::before { content: ""; display: table; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-arrow.slick-hidden { display: none; }
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { bottom: -25px; display: block; list-style: none; margin: 0px; padding: 0px; position: absolute; text-align: center; width: 100%; }
.slick-dots li { display: inline-block; margin: 0px 5px; padding: 0px; position: relative; }
.slick-dots li, .slick-dots li button { cursor: pointer; height: 20px; width: 20px; }
.slick-dots li button { background: transparent; border: 0px; color: transparent; display: block; font-size: 0px; line-height: 0px; outline: none; padding: 5px; }
.slick-dots li button:focus, .slick-dots li button:hover { outline: none; }
.slick-dots li button:focus::before, .slick-dots li button:hover::before { opacity: 1; }
.slick-dots li button::before { -webkit-font-smoothing: antialiased; color: rgb(0, 0, 0); content: "•"; font-family: "Zen Maru Gothic", sans-serif; font-size: 6px; height: 20px; left: 0px; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0px; width: 20px; }
.slick-dots li.slick-active button::before { color: rgb(0, 0, 0); opacity: 0.75; }
.l-slider .slick-list { padding-right: 4.76562vw; }
.l-slider .slick-slide { padding-right: 2.57812vw; }
.l-slider .slick-slide img { width: 100%; }
@media only screen and (max-width: 750px){
.l-slider .slick-list, .l-slider-5item .slick-list { padding-right: 29.6vw; }
.l-slider .slick-slide { padding-right: 9.06667vw; }
}
.l-slider-item-slide-large .slick-dots .slick-active button::before { background-color: rgb(31, 44, 92); opacity: 1; }
@keyframes hover-arrow01 { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(100%); }
}
@keyframes hover-arrow02 { 
  0% { transform: translateX(-100%); }
  10% { transform: translateX(-100%); }
  100% { transform: translateX(0px); }
}
.slick-nav_arrow { align-items: center; bottom: -2.03125vw; cursor: pointer; display: flex; flex-wrap: wrap; height: 4.6875vw; justify-content: center; line-height: 0; max-height: 60px; max-width: 60px; overflow: hidden; position: absolute; transform-origin: center center; width: 4.6875vw; }
.slick-nav_arrow img { height: 10px; width: 13px; }
.slick-nav_prev { right: 12.1875vw; transform: rotate(180deg); }
.slick-nav_next { right: 7.34375vw; }
.slick-nav_arrow:hover::before { animation: 1s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 normal none running hover-arrow01; }
.slick-nav_arrow:hover::after { animation: 1s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 normal none running hover-arrow02; }
.slick-nav_count-current { margin-right: 10px; }
@media only screen and (max-width: 750px){
.l-contents-intro, .s-top_featured { padding-top: 92px; }
}
.s-top_featured { margin-bottom: 0px; }
.l-contents-intro, .s-top_featured { padding-top: 117px; }
.l-journal-nav li { display: inline-block; margin-right: 1.5rem; position: relative; vertical-align: middle; }
.l-journal-nav li::after { background-color: rgb(31, 44, 92); bottom: 0px; content: ""; display: block; height: 1px; left: 0px; position: absolute; transform: scaleX(0); transform-origin: right top; transition: transform 0.6s cubic-bezier(0.6, 0.25, 0, 1); width: 100%; }
.l-journal-nav li.js-current::after, .l-journal-nav li:hover::after { transform: scaleX(1); transform-origin: left top; }
.s-item_nav-img-set-ttl { --tw-text-opacity: 1; color: rgb(241 245 249/var(--tw-text-opacity)); }
.s-item_nav-category-list { list-style: "-"; margin-left: 1.25rem; }
.s-item_nav-ttl { cursor: pointer; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 0px; }
.current a { border-bottom: 1px solid rgb(31, 44, 92); }
.current .s-item_nav-category-background a span { border-bottom: 1px solid rgb(255, 255, 255); }
.current-child div span { border-bottom: 1px solid rgb(31, 44, 92); }
.new a { color: rgb(240, 131, 0); }
.s-item_nav-subttl { cursor: pointer; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 0.75rem; text-indent: 0.25rem; }
.s-item_nav-line { margin-top: 0.75rem; }
.s-item_nav-line, .s-item_nav-ttl-border { border-bottom: 1px solid rgb(191, 188, 180); }
.s-item-nav-parent { position: relative; transition: border-bottom 0.3s; }
.s-item-nav-parent::after { border-right: 1px solid rgb(31, 44, 92); border-bottom: 1px solid rgb(31, 44, 92); border-image: initial; border-left: none; border-top: none; content: ""; display: block; height: 5px; position: absolute; right: 10px; transform: rotate(45deg); transition: top 0.3s, transform 0.3s cubic-bezier(0.19, 0.82, 0.27, 1); width: 5px; }
.s-item-nav-parent.open { transition: border-bottom; }
.s-item-nav-parent.open::after { transform: rotate(-135deg); }
.s-item-nav-parent2 { position: relative; transition: border-bottom 0.3s; }
.s-item-nav-parent2::before { border-right: 1px solid rgb(31, 44, 92); border-bottom: 1px solid rgb(31, 44, 92); border-image: initial; border-left: none; border-top: none; content: ""; display: block; height: 5px; left: 0px; position: absolute; transform: rotate(45deg); transition: top 0.3s, transform 0.3s cubic-bezier(0.19, 0.82, 0.27, 1); width: 5px; }
.s-item-nav-parent2.open { transition: border-bottom; }
.s-item-nav-parent2.open::before { transform: rotate(-135deg); }
.s-item_nav-category-background { background-position: 50% center; background-repeat: no-repeat; background-size: cover; margin-bottom: 0.125rem; }
.s-item_nav-ttl-border-none { border-style: none; border-bottom-width: initial; border-bottom-color: initial; transition: border-bottom; }
.s-item_nav-spacial { margin-bottom: 1.5rem; }
.s-item_nav-sub { margin-left: 0.5rem; }
.gnav_categorys { padding-bottom: 0.5rem !important; }
.gnav_feature-title { font-size: 1.5rem !important; margin-bottom: 10px !important; }
.gnav_sidenav-aginggallery { padding-top: 13px !important; }
.s-item-archives_nav-subttl-margin { margin-bottom: 10px !important; }
.s-item_nav-sub-width-full { width: 100% !important; }
.s-item_nav-sub-width-pc { width: 70% !important; }
.l-gnav_item-menu { height: calc(-104px + 100vh); overflow-y: scroll; padding-bottom: 79px; }
#vmd .s-journal_main-ttl .s-top_main-visual-ttl, #vmd_tshirt .s-journal_main-ttl .s-top_main-visual-ttl { line-height: 0.85; margin-bottom: 1.5rem; }
#vmd .s-journal_main-ttl .s-top_main-visual-ttl-row, #vmd_tshirt .s-journal_main-ttl .s-top_main-visual-ttl-row { display: block; margin-top: -0.1em; }
#vmd .s-top_main-contents .ttl, #vmd_tshirt .s-top_main-contents .ttl { font-size: 1.5rem; line-height: 1.25; }
#vmd .s-journal-detail_related, #vmd_tshirt .s-journal-detail_related { border: none; margin-bottom: 0px; }
#vmd_tshirt.l-content-item-lineup { margin: 0px 9.375vw; padding-bottom: 7rem; }
@media (min-width: 750px){
#vmd_tshirt.l-content-item-lineup { padding-bottom: 11rem; }
}
#vmd_tshirt.l-content-item-lineup { display: flex; flex-wrap: wrap; }
#vmd_tshirt .l-content-item-choice2_featured-slide li { margin-right: 1.5%; width: 23.875%; }
#vmd_tshirt .l-content-item-choice2_featured-slide li:nth-of-type(4n) { margin-right: 0px; }
#vmd_tshirt .l-content-item-choice2_featured-slide li .c-item-name { margin-top: 2rem; }
#vmd_tshirt .l-content-item-choice2_featured-slide li .c-item-price, #vmd_tshirt .l-content-item-choice2_featured-slide li .c-item-soldout { margin-bottom: 2rem; margin-top: 1rem; }
@media only screen and (max-width: 750px){
#vmd_tshirt .l-content-item-choice2_featured-slide li { margin-right: 5%; width: 47.5%; }
#vmd_tshirt .l-content-item-choice2_featured-slide li:nth-of-type(2n) { margin-right: 0px; }
}
#vmd_tshirt .c-item-price, #vmd_tshirt .c-item-soldout { font-size: 0.75rem; line-height: 1rem; }
[id^="itempage_banner"] .slick-dots { bottom: 0px; margin-top: 0.5rem; position: relative; }
@media (min-width: 640px){
[id^="itempage_banner"] .slick-dots { margin-top: 1rem; }
}
[id^="itempage_banner"] .slick-dots li { height: 5.5vw; width: 16.5vw; }
@media (min-width: 750px){
[id^="itempage_banner"] .slick-dots li { height: 4vw; width: 12vw; }
}
[id^="itempage_banner"] .slick-dots li { margin: 0px; }
[id^="itempage_banner"] .slick-dots li:not(:last-child) { margin-right: 0.575vw; }
@media (min-width: 750px){
[id^="itempage_banner"] .slick-dots li:not(:last-child) { margin-right: 0.625vw; }
}
[id^="itempage_banner"] .slick-dots li button, [id^="itempage_banner"] .slick-dots li button > img { height: 100%; margin: 0px; padding: 0px; width: 100%; }
.s-usces .send.horizontal { justify-content: center; }
@keyframes show { 
  0% { height: 0px; opacity: 0; }
  100% { height: calc(30px + 2rem); opacity: 1; }
}
@keyframes flip-down { 
  0% { transform: rotateX(-90deg); transform-origin: center top; }
  100% { transform: rotateX(0deg); transform-origin: center top; }
}
.intersect\:animate-flip-down:not([no-intersect]) { animation: flip-down var(--tw-animate-duration,1s) var(--tw-animate-easing,ease) var(--tw-animate-delay,0s) var(--tw-animate-iteration,1) var(--tw-animate-fill,both); }
@media (min-width: 640px){
.sm\:block { display: block; }
.sm\:hidden { display: none; }
.sm\:basis-1\/2 { flex-basis: 50%; }
.sm\:basis-1\/4 { flex-basis: 25%; }
.sm\:basis-2\/5 { flex-basis: 40%; }
.sm\:basis-3\/5 { flex-basis: 60%; }
}
@media (min-width: 750px){
.md\:mx-0 { margin-left: 0px; margin-right: 0px; }
.md\:block { display: block; }
.md\:hidden { display: none; }
.md\:w-\[62\.5vw\] { width: 62.5vw; }
}
@media (min-width: 1024px){
.lg\:block { display: block; }
.lg\:hidden { display: none; }
}
@-webkit-keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
:where([data-cl-s~="s10"]) .fa-folder-open::before { content: ""; }
:where([data-cl-s~="s10"]) .fa-folder-open-o::before { content: ""; }
:where([data-cl-s~="s10"]) .fa-ellipsis-h::before { content: ""; }
:where([data-cl-s~="s10"]) .fa-ellipsis-v::before { content: ""; }
:where([data-cl-s~="s10"]) .fa-openid::before { content: ""; }
:where([data-cl-s~="s10"]) .fa-opencart::before { content: ""; }
:where([data-cl-s~="s10"]) .fa-envelope-open::before { content: ""; }
:where([data-cl-s~="s10"]) .fa-envelope-open-o::before { content: ""; }
:where([data-cl-s~="s10"]) .fa-shower::before { content: ""; }
:where([data-cl-s~="s10"]) .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }
:where([data-cl-s~="s10"]) .sr-only-focusable:active, :where([data-cl-s~="s10"]) .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; }
.clone-wordmark { font-weight: 700; font-size: 1.15em; line-height: 1.1; letter-spacing: -0.01em; white-space: nowrap; color: inherit !important; text-decoration: none !important; }
a:has(> .clone-wordmark), a:has(.clone-wordmark) { color: inherit !important; text-decoration: none !important; }
img, svg, video, canvas, iframe, table { max-width: 100%; }
img, video { height: auto; }
@media (max-width: 768px){
html { max-width: 100%; }
body { overflow-x: clip; max-width: 100%; }
}
.clone-imgtext { display: inline-block; font-weight: 700; line-height: 1.3; font-size: 1.05em; }
.clone-offcanvas { display: none !important; }
.clone-offcanvas.clone-open { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 40px; display: block !important; position: fixed !important; inset: 0px auto 0px 0px !important; width: min(86vw, 360px) !important; height: 100% !important; overflow: auto !important; z-index: 2147483000 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }
.clone-offcanvas.clone-open * { transform: none !important; }
.clone-offcanvas.clone-open [class*="panel"] { position: static !important; }
.clone-bg-veil { box-shadow: rgba(255, 255, 255, 0.84) 0px 0px 0px 100vmax inset !important; }
.clone-form-note { margin: 1em 0px; padding: 0.9em 1.1em; border-radius: 8px; background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.12); color: inherit; font-size: 0.95em; line-height: 1.45; }
.clone-form-note[data-state="error"] { background: rgba(190, 40, 40, 0.08); }
.clone-contact { margin: 1.2em 0px; line-height: 1.7; font-size: 0.95em; }
.clone-contact a { color: inherit; }