/** Shopify CDN: Minification failed Line 223:18 Unexpected "focus" **/ @charset "utf-8"; :root { --vw: 1vw; --header-height: 0px; --header-innerheight: 0px; --drawer-top: 0px; --hbg-top-offset: 0; --hbg-left-offset: 0; } /* _reset_sp */ *, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-width: 0; } html { height: 100%; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 14px; vertical-align: baseline; background: transparent; } body { line-height: 1; -webkit-text-size-adjust: none; height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; } a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted inherit; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } small { font-size: 12px; } input, select { vertical-align: middle; margin: 0px; } body { color: #555; background: #fff; font-size: 14px; line-height: 1.5; font-family: 'ヒラギノ角ゴ ProN W6', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; min-width: 320px; } img { max-width: 100%; vertical-align: bottom; } input[type='text'], input[type='search'], input[type='number'], input[type='tel'], input[type='email'], input[type='password'], textarea, select { border: 1px solid #ccc; min-height: 20px; max-width: 90%; } textarea { font-size: 1em; padding: 1px; border: 1px solid #ccc; border-radius: 5px; } input[type='text'], input[type='search'], input[type='number'], input[type='tel'], input[type='email'], input[type='password'] { height: 1em; padding: 0.6em; margin: 5px 0; border: 1px solid #ccc; border-radius: 5px; } input[type='text']focus, input[type='search']focus, input[type='number']focus, input[type='tel']focus, input[type='email']focus, input[type='password']focus { border: none; } select { border-radius: 5px; height: 28px; line-height: 28px; } button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a, a:link, a:visited { text-decoration: none; color: #555; } /* pageloading_sp */ #pageloading { z-index: 9999; position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; background: #fff; } #pageloading .pageloading_logo { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: -25%; -webkit-animation: b 3s ease 0s 1 normal; animation: b 3s ease 0s 1 normal; } #pageloading .pageloading_logo span { overflow: hidden; display: block; width: 100%; height: 100%; font-size: 0; line-height: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; background-image: url('/img/usr/loading_text/img_message2211.png'); } #pageloading .pageloading_copy { display: block; -webkit-animation: c 2s ease 0s 1 normal; animation: c 2s ease 0s 1 normal; position: absolute; left: 50%; bottom: 38.5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 35.73333%; } #pageloading .pageloading_copy span { overflow: hidden; display: block; width: 100%; height: 0; padding-bottom: 7.46269%; font-size: 0; line-height: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22268px%22%20height%3D%2220px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(200%2C%20200%2C%20200)%22%20d%3D%22M266.709%2C12.703%20C266.325%2C13.471%20265.794%2C14.059%20265.116%2C14.467%20C264.438%2C14.875%20263.667%2C15.079%20262.803%2C15.079%20C261.903%2C15.079%20261.135%2C14.857%20260.499%2C14.413%20C259.863%2C13.969%20259.419%2C13.381%20259.167%2C12.649%20L259.167%2C19.669%20L257.115%2C19.669%20L257.115%2C5.035%20L259.167%2C5.035%20L259.167%2C7.339%20C259.419%2C6.607%20259.863%2C6.019%20260.499%2C5.575%20C261.135%2C5.131%20261.903%2C4.909%20262.803%2C4.909%20C263.667%2C4.909%20264.438%2C5.113%20265.116%2C5.521%20C265.794%2C5.929%20266.325%2C6.517%20266.709%2C7.285%20C267.093%2C8.053%20267.285%2C8.953%20267.285%2C9.985%20C267.285%2C11.029%20267.093%2C11.935%20266.709%2C12.703%20ZM264.369%2C7.591%20C263.817%2C7.003%20263.085%2C6.709%20262.173%2C6.709%20C261.597%2C6.709%20261.081%2C6.844%20260.625%2C7.114%20C260.169%2C7.384%20259.809%2C7.768%20259.545%2C8.266%20C259.281%2C8.764%20259.149%2C9.337%20259.149%2C9.985%20C259.149%2C10.645%20259.281%2C11.221%20259.545%2C11.713%20C259.809%2C12.205%20260.169%2C12.586%20260.625%2C12.856%20C261.081%2C13.126%20261.597%2C13.261%20262.173%2C13.261%20C263.085%2C13.261%20263.817%2C12.970%20264.369%2C12.388%20C264.921%2C11.806%20265.197%2C11.005%20265.197%2C9.985%20C265.197%2C8.977%20264.921%2C8.179%20264.369%2C7.591%20ZM252.259%2C3.325%20C251.863%2C3.325%20251.541%2C3.217%20251.296%2C3.001%20C251.050%2C2.785%20250.927%2C2.503%20250.927%2C2.155%20C250.927%2C1.807%20251.050%2C1.519%20251.296%2C1.291%20C251.541%2C1.063%20251.863%2C0.949%20252.259%2C0.949%20C252.655%2C0.949%20252.972%2C1.063%20253.213%2C1.291%20C253.453%2C1.519%20253.573%2C1.807%20253.573%2C2.155%20C253.573%2C2.503%20253.453%2C2.785%20253.213%2C3.001%20C252.972%2C3.217%20252.655%2C3.325%20252.259%2C3.325%20ZM251.233%2C16.717%20L251.233%2C5.035%20L253.303%2C5.035%20L253.303%2C16.735%20C253.303%2C18.691%20252.319%2C19.669%20250.351%2C19.669%20L249.379%2C19.669%20L249.379%2C17.869%20L250.081%2C17.869%20C250.477%2C17.869%20250.767%2C17.782%20250.954%2C17.608%20C251.140%2C17.434%20251.233%2C17.137%20251.233%2C16.717%20ZM245.333%2C12.685%20L247.655%2C12.685%20L247.655%2C14.953%20L245.333%2C14.953%20L245.333%2C12.685%20ZM240.201%2C14.467%20C239.433%2C14.875%20238.569%2C15.079%20237.609%2C15.079%20C236.649%2C15.079%20235.788%2C14.875%20235.026%2C14.467%20C234.264%2C14.059%20233.664%2C13.468%20233.226%2C12.694%20C232.788%2C11.920%20232.569%2C11.017%20232.569%2C9.985%20C232.569%2C8.953%20232.788%2C8.053%20233.226%2C7.285%20C233.664%2C6.517%20234.264%2C5.929%20235.026%2C5.521%20C235.788%2C5.113%20236.649%2C4.909%20237.609%2C4.909%20C238.569%2C4.909%20239.433%2C5.113%20240.201%2C5.521%20C240.969%2C5.929%20241.569%2C6.517%20242.001%2C7.285%20C242.433%2C8.053%20242.649%2C8.953%20242.649%2C9.985%20C242.649%2C11.029%20242.433%2C11.935%20242.001%2C12.703%20C241.569%2C13.471%20240.969%2C14.059%20240.201%2C14.467%20ZM240.138%2C8.158%20C239.868%2C7.660%20239.511%2C7.291%20239.067%2C7.051%20C238.623%2C6.811%20238.137%2C6.691%20237.609%2C6.691%20C237.081%2C6.691%20236.595%2C6.811%20236.151%2C7.051%20C235.707%2C7.291%20235.350%2C7.660%20235.080%2C8.158%20C234.810%2C8.656%20234.675%2C9.265%20234.675%2C9.985%20C234.675%2C10.717%20234.810%2C11.329%20235.080%2C11.821%20C235.350%2C12.313%20235.707%2C12.679%20236.151%2C12.919%20C236.595%2C13.159%20237.081%2C13.279%20237.609%2C13.279%20C238.137%2C13.279%20238.623%2C13.159%20239.067%2C12.919%20C239.511%2C12.679%20239.868%2C12.313%20240.138%2C11.821%20C240.408%2C11.329%20240.543%2C10.717%20240.543%2C9.985%20C240.543%2C9.265%20240.408%2C8.656%20240.138%2C8.158%20ZM226.539%2C14.188%20C225.993%2C13.678%20225.720%2C12.829%20225.720%2C11.641%20L225.720%2C6.781%20L224.298%2C6.781%20L224.298%2C5.035%20L225.720%2C5.035%20L225.720%2C2.569%20L227.790%2C2.569%20L227.790%2C5.035%20L230.184%2C5.035%20L230.184%2C6.781%20L227.790%2C6.781%20L227.790%2C11.677%20C227.790%2C12.241%20227.895%2C12.631%20228.105%2C12.847%20C228.315%2C13.063%20228.684%2C13.171%20229.212%2C13.171%20L230.202%2C13.171%20L230.202%2C14.953%20L228.942%2C14.953%20C227.886%2C14.953%20227.085%2C14.698%20226.539%2C14.188%20ZM219.661%2C14.467%20C218.893%2C14.875%20218.029%2C15.079%20217.069%2C15.079%20C216.109%2C15.079%20215.248%2C14.875%20214.486%2C14.467%20C213.724%2C14.059%20213.124%2C13.468%20212.686%2C12.694%20C212.248%2C11.920%20212.029%2C11.017%20212.029%2C9.985%20C212.029%2C8.953%20212.248%2C8.053%20212.686%2C7.285%20C213.124%2C6.517%20213.724%2C5.929%20214.486%2C5.521%20C215.248%2C5.113%20216.109%2C4.909%20217.069%2C4.909%20C218.029%2C4.909%20218.893%2C5.113%20219.661%2C5.521%20C220.429%2C5.929%20221.029%2C6.517%20221.461%2C7.285%20C221.893%2C8.053%20222.109%2C8.953%20222.109%2C9.985%20C222.109%2C11.029%20221.893%2C11.935%20221.461%2C12.703%20C221.029%2C13.471%20220.429%2C14.059%20219.661%2C14.467%20ZM219.598%2C8.158%20C219.328%2C7.660%20218.971%2C7.291%20218.527%2C7.051%20C218.083%2C6.811%20217.597%2C6.691%20217.069%2C6.691%20C216.541%2C6.691%20216.055%2C6.811%20215.611%2C7.051%20C215.167%2C7.291%20214.810%2C7.660%20214.540%2C8.158%20C214.270%2C8.656%20214.135%2C9.265%20214.135%2C9.985%20C214.135%2C10.717%20214.270%2C11.329%20214.540%2C11.821%20C214.810%2C12.313%20215.167%2C12.679%20215.611%2C12.919%20C216.055%2C13.159%20216.541%2C13.279%20217.069%2C13.279%20C217.597%2C13.279%20218.083%2C13.159%20218.527%2C12.919%20C218.971%2C12.679%20219.328%2C12.313%20219.598%2C11.821%20C219.868%2C11.329%20220.003%2C10.717%20220.003%2C9.985%20C220.003%2C9.265%20219.868%2C8.656%20219.598%2C8.158%20ZM206.775%2C9.391%20C206.775%2C8.527%20206.559%2C7.858%20206.127%2C7.384%20C205.695%2C6.910%20205.101%2C6.673%20204.345%2C6.673%20C203.541%2C6.673%20202.902%2C6.928%20202.428%2C7.438%20C201.954%2C7.948%20201.717%2C8.695%20201.717%2C9.679%20L201.717%2C14.953%20L199.665%2C14.953%20L199.665%2C9.391%20C199.665%2C8.527%20199.449%2C7.858%20199.017%2C7.384%20C198.585%2C6.910%20197.991%2C6.673%20197.235%2C6.673%20C196.431%2C6.673%20195.792%2C6.928%20195.318%2C7.438%20C194.844%2C7.948%20194.607%2C8.695%20194.607%2C9.679%20L194.607%2C14.953%20L192.555%2C14.953%20L192.555%2C5.035%20L194.607%2C5.035%20L194.607%2C7.105%20C194.859%2C6.385%20195.279%2C5.833%20195.867%2C5.449%20C196.455%2C5.065%20197.145%2C4.873%20197.937%2C4.873%20C198.765%2C4.873%20199.482%2C5.077%20200.088%2C5.485%20C200.694%2C5.893%20201.135%2C6.481%20201.411%2C7.249%20C201.699%2C6.505%20202.161%2C5.923%20202.797%2C5.503%20C203.433%2C5.083%20204.153%2C4.873%20204.957%2C4.873%20C206.133%2C4.873%20207.072%2C5.245%20207.774%2C5.989%20C208.476%2C6.733%20208.827%2C7.795%20208.827%2C9.175%20L208.827%2C14.953%20L206.775%2C14.953%20L206.775%2C9.391%20ZM186.687%2C12.649%20C186.423%2C13.381%20185.973%2C13.969%20185.337%2C14.413%20C184.701%2C14.857%20183.933%2C15.079%20183.033%2C15.079%20C182.169%2C15.079%20181.398%2C14.875%20180.720%2C14.467%20C180.042%2C14.059%20179.511%2C13.471%20179.127%2C12.703%20C178.743%2C11.935%20178.551%2C11.029%20178.551%2C9.985%20C178.551%2C8.953%20178.743%2C8.053%20179.127%2C7.285%20C179.511%2C6.517%20180.042%2C5.929%20180.720%2C5.521%20C181.398%2C5.113%20182.169%2C4.909%20183.033%2C4.909%20C183.933%2C4.909%20184.701%2C5.131%20185.337%2C5.575%20C185.973%2C6.019%20186.423%2C6.607%20186.687%2C7.339%20L186.687%2C5.035%20L188.739%2C5.035%20L188.739%2C14.953%20L186.687%2C14.953%20L186.687%2C12.649%20ZM186.291%2C8.266%20C186.027%2C7.768%20185.667%2C7.384%20185.211%2C7.114%20C184.755%2C6.844%20184.239%2C6.709%20183.663%2C6.709%20C182.751%2C6.709%20182.022%2C7.000%20181.476%2C7.582%20C180.930%2C8.164%20180.657%2C8.965%20180.657%2C9.985%20C180.657%2C11.005%20180.930%2C11.806%20181.476%2C12.388%20C182.022%2C12.970%20182.751%2C13.261%20183.663%2C13.261%20C184.239%2C13.261%20184.755%2C13.126%20185.211%2C12.856%20C185.667%2C12.586%20186.027%2C12.205%20186.291%2C11.713%20C186.555%2C11.221%20186.687%2C10.645%20186.687%2C9.985%20C186.687%2C9.337%20186.555%2C8.764%20186.291%2C8.266%20ZM173.265%2C9.391%20C173.265%2C8.527%20173.049%2C7.858%20172.617%2C7.384%20C172.185%2C6.910%20171.591%2C6.673%20170.835%2C6.673%20C170.031%2C6.673%20169.392%2C6.928%20168.918%2C7.438%20C168.444%2C7.948%20168.207%2C8.695%20168.207%2C9.679%20L168.207%2C14.953%20L166.155%2C14.953%20L166.155%2C9.391%20C166.155%2C8.527%20165.939%2C7.858%20165.507%2C7.384%20C165.075%2C6.910%20164.481%2C6.673%20163.725%2C6.673%20C162.921%2C6.673%20162.282%2C6.928%20161.808%2C7.438%20C161.334%2C7.948%20161.097%2C8.695%20161.097%2C9.679%20L161.097%2C14.953%20L159.045%2C14.953%20L159.045%2C5.035%20L161.097%2C5.035%20L161.097%2C7.105%20C161.349%2C6.385%20161.769%2C5.833%20162.357%2C5.449%20C162.945%2C5.065%20163.635%2C4.873%20164.427%2C4.873%20C165.255%2C4.873%20165.972%2C5.077%20166.578%2C5.485%20C167.184%2C5.893%20167.625%2C6.481%20167.901%2C7.249%20C168.189%2C6.505%20168.651%2C5.923%20169.287%2C5.503%20C169.923%2C5.083%20170.643%2C4.873%20171.447%2C4.873%20C172.623%2C4.873%20173.562%2C5.245%20174.264%2C5.989%20C174.966%2C6.733%20175.317%2C7.795%20175.317%2C9.175%20L175.317%2C14.953%20L173.265%2C14.953%20L173.265%2C9.391%20ZM153.177%2C12.649%20C152.913%2C13.381%20152.463%2C13.969%20151.827%2C14.413%20C151.191%2C14.857%20150.423%2C15.079%20149.523%2C15.079%20C148.659%2C15.079%20147.888%2C14.875%20147.210%2C14.467%20C146.532%2C14.059%20146.001%2C13.471%20145.617%2C12.703%20C145.233%2C11.935%20145.041%2C11.029%20145.041%2C9.985%20C145.041%2C8.953%20145.233%2C8.053%20145.617%2C7.285%20C146.001%2C6.517%20146.532%2C5.929%20147.210%2C5.521%20C147.888%2C5.113%20148.659%2C4.909%20149.523%2C4.909%20C150.423%2C4.909%20151.191%2C5.131%20151.827%2C5.575%20C152.463%2C6.019%20152.913%2C6.607%20153.177%2C7.339%20L153.177%2C5.035%20L155.229%2C5.035%20L155.229%2C14.953%20L153.177%2C14.953%20L153.177%2C12.649%20ZM152.781%2C8.266%20C152.517%2C7.768%20152.157%2C7.384%20151.701%2C7.114%20C151.245%2C6.844%20150.729%2C6.709%20150.153%2C6.709%20C149.241%2C6.709%20148.512%2C7.000%20147.966%2C7.582%20C147.420%2C8.164%20147.147%2C8.965%20147.147%2C9.985%20C147.147%2C11.005%20147.420%2C11.806%20147.966%2C12.388%20C148.512%2C12.970%20149.241%2C13.261%20150.153%2C13.261%20C150.729%2C13.261%20151.245%2C13.126%20151.701%2C12.856%20C152.157%2C12.586%20152.517%2C12.205%20152.781%2C11.713%20C153.045%2C11.221%20153.177%2C10.645%20153.177%2C9.985%20C153.177%2C9.337%20153.045%2C8.764%20152.781%2C8.266%20ZM134.945%2C19.669%20L137.087%2C14.719%20L132.911%2C5.035%20L135.215%2C5.035%20L138.185%2C12.325%20L140.939%2C5.035%20L143.225%2C5.035%20L137.231%2C19.669%20L134.945%2C19.669%20ZM129.146%2C3.325%20C128.750%2C3.325%20128.432%2C3.217%20128.192%2C3.001%20C127.951%2C2.785%20127.832%2C2.503%20127.832%2C2.155%20C127.832%2C1.807%20127.951%2C1.519%20128.192%2C1.291%20C128.432%2C1.063%20128.750%2C0.949%20129.146%2C0.949%20C129.542%2C0.949%20129.863%2C1.063%20130.109%2C1.291%20C130.354%2C1.519%20130.478%2C1.807%20130.478%2C2.155%20C130.478%2C2.503%20130.354%2C2.785%20130.109%2C3.001%20C129.863%2C3.217%20129.542%2C3.325%20129.146%2C3.325%20ZM123.251%2C3.325%20C122.855%2C3.325%20122.534%2C3.217%20122.288%2C3.001%20C122.042%2C2.785%20121.919%2C2.503%20121.919%2C2.155%20C121.919%2C1.807%20122.042%2C1.519%20122.288%2C1.291%20C122.534%2C1.063%20122.855%2C0.949%20123.251%2C0.949%20C123.647%2C0.949%20123.965%2C1.063%20124.205%2C1.291%20C124.445%2C1.519%20124.565%2C1.807%20124.565%2C2.155%20C124.565%2C2.503%20124.445%2C2.785%20124.205%2C3.001%20C123.965%2C3.217%20123.647%2C3.325%20123.251%2C3.325%20ZM122.225%2C16.717%20L122.225%2C5.035%20L124.295%2C5.035%20L124.295%2C16.735%20C124.295%2C18.691%20123.311%2C19.669%20121.343%2C19.669%20L120.371%2C19.669%20L120.371%2C17.869%20L121.073%2C17.869%20C121.469%2C17.869%20121.760%2C17.782%20121.946%2C17.608%20C122.132%2C17.434%20122.225%2C17.137%20122.225%2C16.717%20ZM116.395%2C9.391%20C116.395%2C8.503%20116.166%2C7.816%20115.711%2C7.330%20C115.254%2C6.844%20114.631%2C6.601%20113.839%2C6.601%20C113.022%2C6.601%20112.368%2C6.862%20111.877%2C7.384%20C111.384%2C7.906%20111.139%2C8.671%20111.139%2C9.679%20L111.139%2C14.953%20L109.087%2C14.953%20L109.087%2C1.633%20L111.139%2C1.633%20L111.139%2C7.213%20C111.402%2C6.469%20111.846%2C5.893%20112.471%2C5.485%20C113.094%2C5.077%20113.814%2C4.873%20114.631%2C4.873%20C115.783%2C4.873%20116.706%2C5.245%20117.403%2C5.989%20C118.098%2C6.733%20118.447%2C7.795%20118.447%2C9.175%20L118.447%2C14.953%20L116.395%2C14.953%20L116.395%2C9.391%20ZM103.336%2C14.467%20C102.567%2C14.875%20101.703%2C15.079%20100.744%2C15.079%20C99.783%2C15.079%2098.922%2C14.875%2098.161%2C14.467%20C97.398%2C14.059%2096.798%2C13.468%2096.361%2C12.694%20C95.922%2C11.920%2095.704%2C11.017%2095.704%2C9.985%20C95.704%2C8.953%2095.922%2C8.053%2096.361%2C7.285%20C96.798%2C6.517%2097.398%2C5.929%2098.161%2C5.521%20C98.922%2C5.113%2099.783%2C4.909%20100.744%2C4.909%20C101.703%2C4.909%20102.567%2C5.113%20103.336%2C5.521%20C104.103%2C5.929%20104.704%2C6.517%20105.136%2C7.285%20C105.568%2C8.053%20105.784%2C8.953%20105.784%2C9.985%20C105.784%2C11.029%20105.568%2C11.935%20105.136%2C12.703%20C104.704%2C13.471%20104.103%2C14.059%20103.336%2C14.467%20ZM103.273%2C8.158%20C103.003%2C7.660%20102.645%2C7.291%20102.202%2C7.051%20C101.757%2C6.811%20101.271%2C6.691%20100.744%2C6.691%20C100.215%2C6.691%2099.729%2C6.811%2099.286%2C7.051%20C98.841%2C7.291%2098.485%2C7.660%2098.215%2C8.158%20C97.945%2C8.656%2097.810%2C9.265%2097.810%2C9.985%20C97.810%2C10.717%2097.945%2C11.329%2098.215%2C11.821%20C98.485%2C12.313%2098.841%2C12.679%2099.286%2C12.919%20C99.729%2C13.159%20100.215%2C13.279%20100.744%2C13.279%20C101.271%2C13.279%20101.757%2C13.159%20102.202%2C12.919%20C102.645%2C12.679%20103.003%2C12.313%20103.273%2C11.821%20C103.543%2C11.329%20103.678%2C10.717%20103.678%2C9.985%20C103.678%2C9.265%20103.543%2C8.656%20103.273%2C8.158%20ZM85.635%2C19.669%20L87.777%2C14.719%20L83.601%2C5.035%20L85.905%2C5.035%20L88.875%2C12.325%20L91.629%2C5.035%20L93.915%2C5.035%20L87.921%2C19.669%20L85.635%2C19.669%20ZM79.643%2C14.467%20C78.964%2C14.875%2078.194%2C15.079%2077.330%2C15.079%20C76.430%2C15.079%2075.661%2C14.857%2075.026%2C14.413%20C74.389%2C13.969%2073.946%2C13.381%2073.694%2C12.649%20L73.694%2C19.669%20L71.642%2C19.669%20L71.642%2C5.035%20L73.694%2C5.035%20L73.694%2C7.339%20C73.946%2C6.607%2074.389%2C6.019%2075.026%2C5.575%20C75.661%2C5.131%2076.430%2C4.909%2077.330%2C4.909%20C78.194%2C4.909%2078.964%2C5.113%2079.643%2C5.521%20C80.320%2C5.929%2080.851%2C6.517%2081.236%2C7.285%20C81.619%2C8.053%2081.812%2C8.953%2081.812%2C9.985%20C81.812%2C11.029%2081.619%2C11.935%2081.236%2C12.703%20C80.851%2C13.471%2080.320%2C14.059%2079.643%2C14.467%20ZM78.896%2C7.591%20C78.343%2C7.003%2077.611%2C6.709%2076.700%2C6.709%20C76.124%2C6.709%2075.607%2C6.844%2075.152%2C7.114%20C74.695%2C7.384%2074.335%2C7.768%2074.072%2C8.266%20C73.807%2C8.764%2073.676%2C9.337%2073.676%2C9.985%20C73.676%2C10.645%2073.807%2C11.221%2074.072%2C11.713%20C74.335%2C12.205%2074.695%2C12.586%2075.152%2C12.856%20C75.607%2C13.126%2076.124%2C13.261%2076.700%2C13.261%20C77.611%2C13.261%2078.343%2C12.970%2078.896%2C12.388%20C79.447%2C11.806%2079.724%2C11.005%2079.724%2C9.985%20C79.724%2C8.977%2079.447%2C8.179%2078.896%2C7.591%20ZM65.891%2C14.467%20C65.122%2C14.875%2064.258%2C15.079%2063.299%2C15.079%20C62.338%2C15.079%2061.477%2C14.875%2060.716%2C14.467%20C59.953%2C14.059%2059.353%2C13.468%2058.916%2C12.694%20C58.477%2C11.920%2058.259%2C11.017%2058.259%2C9.985%20C58.259%2C8.953%2058.477%2C8.053%2058.916%2C7.285%20C59.353%2C6.517%2059.953%2C5.929%2060.716%2C5.521%20C61.477%2C5.113%2062.338%2C4.909%2063.299%2C4.909%20C64.258%2C4.909%2065.122%2C5.113%2065.891%2C5.521%20C66.658%2C5.929%2067.259%2C6.517%2067.691%2C7.285%20C68.123%2C8.053%2068.339%2C8.953%2068.339%2C9.985%20C68.339%2C11.029%2068.123%2C11.935%2067.691%2C12.703%20C67.259%2C13.471%2066.658%2C14.059%2065.891%2C14.467%20ZM65.828%2C8.158%20C65.558%2C7.660%2065.200%2C7.291%2064.757%2C7.051%20C64.312%2C6.811%2063.826%2C6.691%2063.299%2C6.691%20C62.770%2C6.691%2062.284%2C6.811%2061.841%2C7.051%20C61.396%2C7.291%2061.040%2C7.660%2060.770%2C8.158%20C60.500%2C8.656%2060.365%2C9.265%2060.365%2C9.985%20C60.365%2C10.717%2060.500%2C11.329%2060.770%2C11.821%20C61.040%2C12.313%2061.396%2C12.679%2061.841%2C12.919%20C62.284%2C13.159%2062.770%2C13.279%2063.299%2C13.279%20C63.826%2C13.279%2064.312%2C13.159%2064.757%2C12.919%20C65.200%2C12.679%2065.558%2C12.313%2065.828%2C11.821%20C66.098%2C11.329%2066.233%2C10.717%2066.233%2C9.985%20C66.233%2C9.265%2066.098%2C8.656%2065.828%2C8.158%20ZM53.004%2C9.391%20C53.004%2C8.503%2052.776%2C7.816%2052.320%2C7.330%20C51.864%2C6.844%2051.240%2C6.601%2050.448%2C6.601%20C49.632%2C6.601%2048.978%2C6.862%2048.486%2C7.384%20C47.994%2C7.906%2047.748%2C8.671%2047.748%2C9.679%20L47.748%2C14.953%20L45.696%2C14.953%20L45.696%2C1.633%20L47.748%2C1.633%20L47.748%2C7.213%20C48.012%2C6.469%2048.456%2C5.893%2049.080%2C5.485%20C49.704%2C5.077%2050.424%2C4.873%2051.240%2C4.873%20C52.392%2C4.873%2053.316%2C5.245%2054.012%2C5.989%20C54.708%2C6.733%2055.056%2C7.795%2055.056%2C9.175%20L55.056%2C14.953%20L53.004%2C14.953%20L53.004%2C9.391%20ZM37.503%2C8.959%20C37.809%2C9.067%2038.244%2C9.187%2038.808%2C9.319%20C39.552%2C9.487%2040.155%2C9.661%2040.617%2C9.841%20C41.079%2C10.021%2041.475%2C10.306%2041.805%2C10.696%20C42.135%2C11.086%2042.300%2C11.617%2042.300%2C12.289%20C42.300%2C13.117%2041.985%2C13.789%2041.355%2C14.305%20C40.725%2C14.821%2039.876%2C15.079%2038.808%2C15.079%20C37.572%2C15.079%2036.573%2C14.791%2035.811%2C14.215%20C35.049%2C13.639%2034.590%2C12.835%2034.434%2C11.803%20L36.432%2C11.803%20C36.492%2C12.343%2036.732%2C12.781%2037.152%2C13.117%20C37.572%2C13.453%2038.124%2C13.621%2038.808%2C13.621%20C39.300%2C13.621%2039.687%2C13.492%2039.969%2C13.234%20C40.251%2C12.976%2040.392%2C12.649%2040.392%2C12.253%20C40.392%2C11.905%2040.284%2C11.629%2040.068%2C11.425%20C39.852%2C11.221%2039.582%2C11.062%2039.258%2C10.948%20C38.934%2C10.834%2038.490%2C10.717%2037.926%2C10.597%20C37.206%2C10.429%2036.621%2C10.261%2036.171%2C10.093%20C35.721%2C9.925%2035.337%2C9.652%2035.019%2C9.274%20C34.701%2C8.896%2034.542%2C8.383%2034.542%2C7.735%20C34.542%2C6.895%2034.857%2C6.214%2035.487%2C5.692%20C36.117%2C5.170%2036.990%2C4.909%2038.106%2C4.909%20C39.270%2C4.909%2040.203%2C5.206%2040.905%2C5.800%20C41.607%2C6.394%2042.036%2C7.189%2042.192%2C8.185%20L40.248%2C8.185%20C40.164%2C7.645%2039.933%2C7.210%2039.555%2C6.880%20C39.177%2C6.550%2038.676%2C6.385%2038.052%2C6.385%20C37.536%2C6.385%2037.137%2C6.508%2036.855%2C6.754%20C36.573%2C7.000%2036.432%2C7.333%2036.432%2C7.753%20C36.432%2C8.065%2036.534%2C8.317%2036.738%2C8.509%20C36.942%2C8.701%2037.197%2C8.851%2037.503%2C8.959%20ZM23.893%2C10.399%20C23.929%2C11.419%2024.211%2C12.175%2024.739%2C12.667%20C25.267%2C13.159%2025.921%2C13.405%2026.701%2C13.405%20C27.385%2C13.405%2027.964%2C13.231%2028.438%2C12.883%20C28.912%2C12.535%2029.203%2C12.073%2029.311%2C11.497%20L31.507%2C11.497%20C31.375%2C12.193%2031.099%2C12.811%2030.679%2C13.351%20C30.259%2C13.891%2029.713%2C14.314%2029.041%2C14.620%20C28.369%2C14.926%2027.619%2C15.079%2026.791%2C15.079%20C25.831%2C15.079%2024.982%2C14.875%2024.244%2C14.467%20C23.506%2C14.059%2022.927%2C13.471%2022.507%2C12.703%20C22.087%2C11.935%2021.877%2C11.029%2021.877%2C9.985%20C21.877%2C8.953%2022.087%2C8.053%2022.507%2C7.285%20C22.927%2C6.517%2023.506%2C5.929%2024.244%2C5.521%20C24.982%2C5.113%2025.831%2C4.909%2026.791%2C4.909%20C27.763%2C4.909%2028.612%2C5.110%2029.338%2C5.512%20C30.064%2C5.914%2030.622%2C6.466%2031.012%2C7.168%20C31.402%2C7.870%2031.597%2C8.653%2031.597%2C9.517%20C31.597%2C9.853%2031.573%2C10.147%2031.525%2C10.399%20L23.893%2C10.399%20ZM29.194%2C7.834%20C28.948%2C7.396%2028.612%2C7.072%2028.186%2C6.862%20C27.760%2C6.652%2027.295%2C6.547%2026.791%2C6.547%20C25.987%2C6.547%2025.315%2C6.793%2024.775%2C7.285%20C24.235%2C7.777%2023.941%2C8.503%2023.893%2C9.463%20L29.527%2C9.463%20C29.551%2C8.815%2029.440%2C8.272%2029.194%2C7.834%20ZM16.590%2C9.391%20C16.590%2C8.503%2016.362%2C7.816%2015.906%2C7.330%20C15.450%2C6.844%2014.826%2C6.601%2014.034%2C6.601%20C13.218%2C6.601%2012.564%2C6.862%2012.072%2C7.384%20C11.580%2C7.906%2011.334%2C8.671%2011.334%2C9.679%20L11.334%2C14.953%20L9.282%2C14.953%20L9.282%2C1.633%20L11.334%2C1.633%20L11.334%2C7.213%20C11.598%2C6.469%2012.042%2C5.893%2012.666%2C5.485%20C13.290%2C5.077%2014.010%2C4.873%2014.826%2C4.873%20C15.978%2C4.873%2016.902%2C5.245%2017.598%2C5.989%20C18.294%2C6.733%2018.642%2C7.795%2018.642%2C9.175%20L18.642%2C14.953%20L16.590%2C14.953%20L16.590%2C9.391%20ZM2.513%2C14.188%20C1.967%2C13.678%201.694%2C12.829%201.694%2C11.641%20L1.694%2C6.781%20L0.272%2C6.781%20L0.272%2C5.035%20L1.694%2C5.035%20L1.694%2C2.569%20L3.764%2C2.569%20L3.764%2C5.035%20L6.158%2C5.035%20L6.158%2C6.781%20L3.764%2C6.781%20L3.764%2C11.677%20C3.764%2C12.241%203.869%2C12.631%204.079%2C12.847%20C4.289%2C13.063%204.658%2C13.171%205.186%2C13.171%20L6.176%2C13.171%20L6.176%2C14.953%20L4.916%2C14.953%20C3.860%2C14.953%203.059%2C14.698%202.513%2C14.188%20ZM130.172%2C14.953%20L128.120%2C14.953%20L128.120%2C5.035%20L130.172%2C5.035%20L130.172%2C14.953%20Z%22%2F%3E%3C%2Fsvg%3E'); } @-webkit-keyframes b { 0% { top: -5px; opacity: 0; } to { top: -15%; opacity: 1; } } @keyframes b { 0% { top: -5px; opacity: 0; } to { top: -15%; opacity: 1; } } @-webkit-keyframes c { 0% { opacity: 0; } to { opacity: 1; } } @keyframes c { 0% { opacity: 0; } to { opacity: 1; } } /* _lazyload */ .lazyload img { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lazyloaded img { opacity: 1 !important; } /* _body */ body { color: #000; background: #fff; font-size: 14px; line-height: 1.5; font-family: 'Roboto', YuGothic, 'Yu Gothic Medium', 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Droid Sans', sans-serif; min-width: 320px; } .wrapper_ { width: 100%; height: 100%; padding-top: 0; } .on_scroll .wrapper_, .is_hide .wrapper_ { padding-top: var(--header-height, 0); } .img-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .img-center img { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; max-height: 100%; max-width: 100%; width: auto; height: auto; } /* _SmBnLink */ #SmBnLink { width: 100%; height: 70px; background: #1d1d1d; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #SmBnLink img { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; max-height: 100%; max-width: 100%; width: auto; height: auto; } @media only screen and (max-width: 374px) { #SmBnLink { height: calc((70 / 375) * 100vw); } } /* _header */ #header { position: relative; z-index: 100; } .header_container { position: relative; top: 0; z-index: 1; width: 100%; background: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateY(0); transform: translateY(0); } .on_scroll .header_container { background: #fff; } .on_scroll #SmBnLink, .on_scroll .news_block { display: none; } .on_scroll .header_container, .is_hide .header_container { position: fixed; } .is_hide .header_container { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .on_loading .header_container { -webkit-transform: none; transform: none; } .news_block { font-size: 0.9rem; text-align: center; padding: 10px 0; letter-spacing: 2px; border-bottom: 1px solid #b2b2b2; } @media screen and (max-width: 40em) { .news_block { font-size: 2.8125vw; } } .header_inner { padding-block: 18px; padding-inline: 15px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); place-content: center; } .header_menu, .header_misc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 13px; } .header_misc { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header_logo { width: 115px; height: 26px; margin-inline: auto; display: -ms-grid; display: grid; place-content: center; } .header_logo img { aspect-ratio: 115/26; } .header_menu_link, .header_misc_link { width: 18px; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .header_menu_link img, .header_misc_link img { width: 100%; aspect-ratio: 1/1; } .cart_count { position: absolute; top: 4px; font-size: clamp(0.563rem, 0.834rem, 0.75rem); } .header_hamburger { position: relative; width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; gap: 7px; cursor: pointer; -webkit-box-sizing: content-box; box-sizing: content-box; } .header_hamburger.is_open .hamburger_line { position: absolute; width: 50%; } .header_hamburger.is_open .line_top { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .header_hamburger.is_open .line_bottom { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .hamburger_line { width: 100%; height: 1px; background: #000; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; } /* _grovalnavi */ /* _header_tags_sp */ h1#resultHeader.h1 { padding-block: 20px; -webkit-padding-start: 15px; padding-inline-start: 15px; font-size: 16px; font-weight: bold; text-align: left; overflow-x: scroll; scrollbar-width: none; } /* _top_body_pattern_a_sp */ .mv .swiper-pagination { width: 100%; height: 38px; padding: 0 calc((15 / 375) * 100vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: static; -webkit-box-sizing: border-box; box-sizing: border-box; } .mv .swiper-pagination-bullet { position: relative; width: 20%; height: 2px; border-radius: 0; background-color: rgba(157, 157, 157, 0.2); opacity: 1; } .mv .swiper-pagination-bullet::before { content: ''; position: absolute; display: block; top: 0; left: 0; width: 0; height: 100%; background-color: #000; } .mv .swiper-pagination-bullet-active::before { -webkit-animation: paginationActive 5s linear forwards; animation: paginationActive 5s linear forwards; } .mv_swiper { width: 100%; aspect-ratio: 1/1; overflow: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .mv_swiper.swiper-initialized { opacity: 1; } .mv_swiper_slide img { width: 100%; aspect-ratio: 1/1; } @-webkit-keyframes paginationActive { 100% { width: 100%; } } @keyframes paginationActive { 100% { width: 100%; } } /* _breadcrumb_sp */ div.breadcrumb_ { text-align: center; letter-spacing: -0.4em; padding-top: 0px; } div.breadcrumb_ ul li { display: inline-block; letter-spacing: normal; } div.breadcrumb_ ul li + li { padding-left: 14px; position: relative; } div.breadcrumb_ ul li + li.genre_gender_bread:after { content: '-'; display: block; position: absolute; left: 5px; top: 0; } div.navitopicpath_ { margin-top: -130px; } .products_:not(:has(#items)) div.navitopicpath_ { margin: 80px 0 0; } li.genre_category_bread { max-width: 100%; word-wrap: break-word; } /* _brand_intro_sp */ .brand-intro { min-height: 210px; height: auto; padding-top: 60px; padding-bottom: 20px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; } .brand-intro * { -webkit-box-sizing: border-box; box-sizing: border-box; } .brand-intro__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; padding-left: 25px; padding-right: 25px; } .brand-intro__logo { margin-bottom: 60px; text-align: center; } .brand-intro__content, .brand-intro__logo { -ms-flex-negative: 0; flex-shrink: 0; } .brand-intro__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .brand-intro__ttl { font-size: 11px; font-weight: 700; margin-bottom: 8px; text-align: center; } .brand-intro__name { display: block; text-align: center; margin-bottom: 5px; font-family: Poppins, sans-serif; font-size: 22px; font-weight: 700; line-height: 1; color: #000; margin-left: -5px; margin-right: -5px; } .brand-intro__read { display: block; font-size: 12px; letter-spacing: 0.08em; text-align: center; } .brand-intro__txt { font-size: 12px; line-height: 1.666; letter-spacing: 0.04em; } .brand-intro__txt p:not(:last-child) { margin-bottom: 1em; } .brand-intro__txt:not(:last-of-type) { margin-bottom: 30px; } .brand-intro-openBtn { display: none; text-align: center; padding: 15px 0; } .brand-intro-openBtn p { display: inline-block; color: #000; font-size: 13px; text-decoration: none; padding: 0 0 6px; position: relative; } .brand-intro-openBtn p::after { content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; bottom: 0; left: 0; } .brand-intro.visited .brand-intro__logo { margin-bottom: 20px; } .brand-intro.visited .brand-intro__content { display: none; } .brand-intro.visited .brand-intro-openBtn { display: block; } /* _filter_sort_area */ .filter_sort_area { width: 100%; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .filter_sort_area.is_active { z-index: 100; } .filter_sort_area + .message_ { margin-top: 40px; text-align: center; } .filter_search_btn, .filter_sort_btn { width: 50%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; font-size: 1.2rem; z-index: 10; } @media screen and (max-width: 40em) { .filter_search_btn, .filter_sort_btn { font-size: 3.75vw; } } .filter_search_btn { color: #000; background: #dcdcdc; font-family: 'Roboto', sans-serif; } .filter_sort_btn { color: #fff; background: #000; } .filter_search_btn:after { content: ''; display: inline-block; width: 7px; height: 7px; position: absolute; top: calc(50% - 2px); right: 1em; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .filter_search_btn.is_active:after { border-top: 1px solid #000; border-right: 1px solid #000; top: calc(50% - 6px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .filter_sort_btn:before, .filter_sort_btn:after { content: ''; display: block; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; right: 1em; } .filter_sort_btn:before { top: calc(50% - 6px); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .filter_sort_btn:after { bottom: calc(50% - 6px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .filter_search_body, .filter_sort_body { display: none; position: absolute; z-index: 10; top: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #dcdcdc; z-index: 1000; } .filter_search_body.is_active, .filter_sort_body.is_active { position: absolute; top: 50px; display: block; } .filter_search_body.is_active_filter, .filter_sort_body.is_active_filter { position: fixed; height: 90vh; background: transparent; display: block; z-index: 100000; } .filter_search_body.is_active_filter #searchForm, .filter_sort_body.is_active_filter #searchForm { background: #dcdcdc; overflow: scroll; height: 90vh; } .filter_search_body { background: #dcdcdc; top: -90vh; } .filter_sort_body { background: #333; z-index: 1001; } .filter_bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0; z-index: 100; pointer-events: none; -webkit-transition: 0.3s all; transition: 0.3s all; } .filter_bg.is_active { pointer-events: auto; opacity: 0.5; } .filter_search_inner { padding: 10px 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #dcdcdc; text-align: center; } .filter_search_inner .search_body { padding: 0; } .filter_sort_inner { display: -ms-grid; display: grid; -ms-grid-columns: 50% 50%; grid-template-columns: 50% 50%; -ms-grid-rows: (38px) [3]; grid-template-rows: repeat(3, 38px); padding: 18px 25px; } .filter_sort_inner .filter_sort_input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; font-size: 14px; font-family: 'Roboto', sans-serif; color: #fff; position: relative; } .filter_sort_inner .filter_sort_input span { display: block; padding-left: 20px; } .filter_sort_inner .filter_sort_input:before { content: ''; width: 12px; height: 12px; display: inline-block; border-radius: 0; border: 1px solid #c7c7c7; background: #fff; position: absolute; top: calc(50% - 8px); left: 0; -webkit-box-sizing: content-box; box-sizing: content-box; } .filter_sort_inner .filter_sort_input.is_active:after { content: ''; display: block; width: 17px; height: 1px; border-radius: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); background: #000; position: absolute; top: calc(50% - 2px); left: -1px; } footer .filter_btn { position: fixed; width: 50px; height: 50px; right: 15px; bottom: 90px; background-image: url('/img/usr/category/filter.png'); background-color: #222; background-size: contain; background-position: center; z-index: 1002; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); border: 1px solid #222; border-radius: 50%; } /* _current-filter */ .current-filter { position: relative; background: #fff; z-index: 1; padding: 20px 10px; } .current-filter__brand { margin-bottom: 7px; text-align: center; text-align: center; font-size: 20px; font-family: 'Roboto', sans-serif; } .current-filter__sort { font-size: 15px; font-weight: 700; letter-spacing: 0.04em; text-align: center; display: none; } .current-filter__sort span { font-weight: 400; letter-spacing: 0.06em; } /* _products_dynamicTags_sp */ .products_dynamicTags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 15px; margin-bottom: 15px; gap: 5px; } .products_dynamicTags:not(:has(.dynamicTag)) { display: none; } .products_dynamicTags_head { font-size: 11px; white-space: nowrap; } .products_dynamicTags_body { width: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; font-size: 13px; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; } .products_dynamicTags_body::-webkit-scrollbar { display: none; } .dynamicTag { width: auto; height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5em 0.75em; background: #fff; border: 1px solid #ccc; border-radius: 2px; cursor: pointer; font-size: 11px; color: #3e3e3e; white-space: nowrap; opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .dynamicTag:hover { opacity: 0.7; } .dynamicTag_delete { width: 12px; height: 12px; margin-right: 0.25em; position: relative; } .dynamicTag_delete::before, .dynamicTag_delete::after { content: ''; display: block; width: 12px; height: 1px; background: #808080; position: absolute; top: calc(50% - 4px); } .dynamicTag_delete::before { left: calc(50% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .dynamicTag_delete::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; left: auto; right: calc(50% - 4px); } .dynamicTag_name { padding-top: 1px; line-height: 1; font-size: 11px; white-space: nowrap; } /* _search_tags_sp */ .item_misc .search_tag { margin-bottom: 24px; } .item_misc .search_tag_line { padding-left: 6px; } .search_tag { width: 100%; height: 22px; margin-bottom: 24px; overflow: hidden; } .search_tag_line { width: 100%; height: 100%; padding-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; } .search_tag_line::-webkit-scrollbar { display: none; } a.search_tag_item { height: 100%; padding: 0 0.75em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 11px; color: #3e3e3e; background: #e8e8e8; border-radius: 2px; white-space: nowrap; line-height: 1; } a.search_tag_item:link, a.search_tag_item:visited { color: #3e3e3e; } a.search_tag_item:hover { background: #fff; } /* _item_detail_photos_sp */ .item_detail_block_ { padding-top: 20px; border-bottom: 1px solid #eee; position: relative; } .item_detail_photos_ { width: 100%; height: calc((424 / 375) * 100vw); position: relative; } .item_detail_photos_ ul { width: 100%; height: calc((372 / 375) * 100vw); display: none; } .item_detail_photos_ ul.slick-initialized { display: block; } .item_detail_photos_ li { height: calc((372 / 375) * 100vw); margin: 0 10px; } .item_detail_photos_ li a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .item_detail_photos_ li a img { display: block; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; max-height: 100%; max-width: 100%; height: auto !important; width: auto !important; } .item_detail_photos_ li::not(:first-child) { display: none; } .item_detail_photos_ .slick-prev, .item_detail_photos_ .slick-next { font-size: 0; line-height: 0; position: absolute; bottom: 0; top: 0; margin: auto 0; z-index: 1; display: block; width: 40px; height: 40px; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .item_detail_photos_ .slick-prev::after, .item_detail_photos_ .slick-next::after { content: ''; width: 20px; height: 20px; position: absolute; top: 50%; border: 0px; border-top: solid 1px #000; border-right: solid 1px #000; } .item_detail_photos_ .slick-prev { left: 10px; } .item_detail_photos_ .slick-prev::after { -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); left: 50%; } .item_detail_photos_ .slick-next { right: 10px; } .item_detail_photos_ .slick-next::after { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); right: 50%; } .item_detail_photos_ .slick-counter { position: absolute; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; color: #939393; } .item_detail_photos_ .slick-counter .total::before { content: '/'; margin: 0 1px; } .item_detail_inner_ { width: 100%; padding: 20px calc((25 / 375) * 100vw) 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .item_detail_inner_ .item_icon_block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .item_detail_inner_ .item_icon { width: 100px; height: 25px; margin-right: 10px; margin-bottom: 5px; } .item_detail_inner_ .item_icon img { width: auto; height: 100%; -o-object-fit: contain; object-fit: contain; } .item_detail_inner_ .item_icon.icon_new { width: auto; } .item_detail_block_ .item_icon_block { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .item_detail_block_ .item_icon_block:empty { height: 0; } .item_detail_block_ .item_icon { width: calc(((151 / 2) / 375) * 100vw); height: calc(((39 / 2) / 375) * 100vw); margin-right: calc((7 / 375) * 100vw); margin-bottom: 5px; } .item_detail_block_ .item_icon:nth-child(4n) { margin-right: 0; } .item_detail_block_ .item_photos_icon { width: calc((75 / 375) * 100vw); height: calc(((83 / 2) / 375) * 100vw); position: absolute; top: 0; right: calc(10% + 5px); z-index: 10; } .item_detail_block_ .item_photos_icon img { width: 100%; height: 100%; } .item_detail_photos_ .icon2_.js_invitation_prepended { position: absolute; width: 15% !important; top: 15px; left: 60px; z-index: 10; } .item_detail_photos_ .icon3_.js_invitation_prepended { position: absolute; width: 65px; top: 15px; left: 60px; z-index: 10; } .item_brand_logo_ { width: 50px; min-height: 25px; margin: 25px 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .item_brand_logo_ img { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; max-height: 100%; max-width: 100%; width: auto; height: auto; } .item_detail_btns .item_add_wish_ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .item_detail_btns .item_addwish_btn { background-size: cover; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22item_addwish_heart%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042.52%2042.52%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f6f6f6%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M29.24%2C5.2c-3.38%2C0-6.34%2C1.79-7.98%2C4.48-1.64-2.69-4.6-4.48-7.98-4.48-5.16%2C0-9.36%2C4.18-9.36%2C9.8%2C0%2C4.2%2C2.9%2C8.55%2C5.14%2C11.06%2C3.03%2C3.4%2C5.88%2C6.11%2C12.2%2C11.26%2C6.32-5.15%2C9.17-7.86%2C12.2-11.26%2C2.24-2.51%2C5.13-6.86%2C5.14-11.06%2C0-5.62-4.2-9.8-9.36-9.8Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-filter: invert(100%) sepia(7%) saturate(368%) hue-rotate(295deg) brightness(113%) contrast(80%); filter: invert(100%) sepia(7%) saturate(368%) hue-rotate(295deg) brightness(113%) contrast(80%); opacity: 0.2; } .item_detail_btns .item_addwish_btn.is_active { opacity: 1; } .item_detail_btns .item_addwish_btn_img { display: none; } .item_detail_btns .item_add_wish_ { width: calc(100% - ((280 / 375) * 100vw)); height: calc((65 / 375) * 100vw); position: static; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .item_detail_btns a.item_addwish_btn { position: static; width: calc((28 / 375) * 100vw); height: calc((26.5 / 375) * 100vw); } .item_detail_btns a.item_addwish_btn:after { content: none; } .model_item_ .item_icon_grid { display: none; } /* visumo_video */ .video { position: relative; } .video div { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .video div video { width: 100%; height: 100%; } .vjs-loading-spinner { margin: 0 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } /* paidy-promotional-messaging */ ._paidy-promotional-messaging { width: auto !important; margin-left: -16px !important; } /* _products_sp */ .top_products { margin-block: 30px 60px; padding: 0 0 5px; } .newarrival_slider, .bestseller_slider { width: 100%; min-height: calc((369 / 375) * 100vw); overflow: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .newarrival_slider.swiper-initialized, .bestseller_slider.swiper-initialized { padding: 5px 5px 5px 0; opacity: 1; } .newarrival_slider_wapper, .bestseller_slider_wapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-sizing: border-box; box-sizing: border-box; } /* _products_sp */ .products_ { margin-top: 40px; padding: 0 5px; } .products_:has(.search_tag) { margin-top: 24px; } .products_:not(:has(.items)) { margin: 0; padding: 0; } .items { display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [2]; grid-template-columns: repeat(2, 1fr); gap: 5px; } /* _contents_head_sp */ .products_head { margin-top: 30px; margin-bottom: 7px; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contents_head_title { font-size: 1.4rem; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; letter-spacing: 1px; font-family: 'Roboto', sans-serif; font-weight: 500; } @media screen and (max-width: 40em) { .contents_head_title { font-size: 4.375vw; } } .contents_head_link { font-size: 0.9rem; font-family: 'Roboto', sans-serif; font-weight: 600; line-height: 1.1; letter-spacing: 0.025em; padding-bottom: 1px; border-bottom: 1px solid #000; } @media screen and (max-width: 40em) { .contents_head_link { font-size: 2.8125vw; } } /* _item_sp */ .swiper-slide.item_ { height: auto; } .item_ { height: auto; position: relative; background: #fff; -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.2); font-family: 'Roboto', sans-serif; } .item_inner { height: 100%; padding-bottom: 10px; } .item_icons { margin-top: 10px; padding-inline: 7px; height: 4vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .item_icons img { display: block; margin-right: 5px; height: 100%; } .item_icons.variation_icons.not_display { display: none; } .item_icon { display: block; margin-right: 7px; height: 100%; } .item_photo_ { position: relative; display: block; padding: 0 10px; aspect-ratio: 153/199; } .item_photo_img { display: -ms-grid; display: grid; place-content: center; position: relative; -webkit-tap-highlight-color: transparent; aspect-ratio: 216/324; } .item_photo_img img { aspect-ratio: 216/299; width: 100%; -o-object-fit: contain; object-fit: contain; } .item_detail { display: block; min-height: 50px; padding: 0 10px; font-size: 0.9rem; } @media screen and (max-width: 40em) { .item_detail { font-size: 2.8125vw; } } .item_name, .item_price_, .item_status { margin-bottom: 0.75em; font-size: 0.9rem; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; letter-spacing: 0.05em; } @media screen and (max-width: 40em) { .item_name, .item_price_, .item_status { font-size: 2.8125vw; } } .item_name { line-height: 1.3; } .item_price_, .item_status { margin-top: 5px; } .item_price_--sale { text-decoration: line-through; } .item_price_--sale strong { display: inline-block; margin-left: 0.75em; text-decoration: none; color: #0e1164; font-weight: 700; font-size: 110%; } .item_misc { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .item_color_ { width: calc(100% - 40px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; } .color_ { width: 4.266666666666667vw; height: 4.266666666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .color_.is_selected { border: 1px solid #221c1c; border-radius: 3px; pointer-events: none; } .color_ img { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; max-height: 100%; max-width: 100%; width: auto; height: auto; border: 2px solid #fff; border-radius: 3px; aspect-ratio: 1/1; } .color_white { border: none; } .color_white img { outline: 1px solid #dcdcdc; outline-offset: -3px; } .item_logo { width: 10.4vw; height: 10.4vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .item_logo img { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; max-height: 100%; max-width: 100%; width: auto; height: auto; } /* _addwish_btn_sp */ .item_addwish_btn, .staff_favorite_btn { width: 32px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 5px; right: 0; z-index: 1; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .item_addwish_btn:after, .staff_favorite_btn:after { content: ''; display: block; width: 4.8vw; height: 4.266666666666667vw; background-size: cover; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22item_addwish_heart%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042.52%2042.52%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f6f6f6%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M29.24%2C5.2c-3.38%2C0-6.34%2C1.79-7.98%2C4.48-1.64-2.69-4.6-4.48-7.98-4.48-5.16%2C0-9.36%2C4.18-9.36%2C9.8%2C0%2C4.2%2C2.9%2C8.55%2C5.14%2C11.06%2C3.03%2C3.4%2C5.88%2C6.11%2C12.2%2C11.26%2C6.32-5.15%2C9.17-7.86%2C12.2-11.26%2C2.24-2.51%2C5.13-6.86%2C5.14-11.06%2C0-5.62-4.2-9.8-9.36-9.8Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-filter: invert(100%) sepia(7%) saturate(368%) hue-rotate(295deg) brightness(113%) contrast(80%); filter: invert(100%) sepia(7%) saturate(368%) hue-rotate(295deg) brightness(113%) contrast(80%); opacity: 0.2; } .item_addwish_btn.is_active:after, .staff_favorite_btn.is_active:after { opacity: 1; } /* _staff_favorite_btn_sp */ .staff_favorite_btn { width: 26px; height: auto; aspect-ratio: 1/1; position: absolute; bottom: 5%; right: 5%; z-index: 1; cursor: pointer; background-color: #b7b9b9; -webkit-mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; mask-image: url("data:image/svg+xml;utf8,"); mask-size: cover; mask-repeat: no-repeat; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; opacity: 1; } .staff_favorite_btn:after { content: none; } .staff_favorite_btn.is_active { background-color: #000; opacity: 1; } /* _pagenation */ .pagination_ { text-align: center; padding: 0 24px; letter-spacing: -0.4em; margin-top: 0; margin-bottom: 160px; } .pagination_ li { display: inline-block; font-size: 16px; letter-spacing: normal; margin: 0 3px; } .pagination_ li span, .pagination_ li a { color: #c9c9c9; padding: 4px; text-decoration: none; } .pagination_ li.active_ { padding: 4px; border-bottom: 2px solid #000; } .pagination_ li.prev_ { float: left; margin: 0; } .pagination_ li.prev_ a { padding-left: 16px; position: relative; left: 0; top: 6px; font-size: 16px; color: #000; } .pagination_ li.prev_ a:after { content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 1px #000; border-right: solid 1px #000; -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); position: absolute; top: 50%; left: 0; } .pagination_ li.next_ { float: right; margin: 0; } .pagination_ li.next_ a { padding-right: 16px; position: relative; right: 0; top: 6px; color: #000; } .pagination_ li.next_ a:after { content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 1px #000; border-right: solid 1px #000; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 0; } .pagination_ li.next_:after { content: ''; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } .pagination_ li.prev_:after { content: ''; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } /* _tags */ .tags { margin-top: 40px; background: #fff; padding-bottom: 40px; } .tags__ttl { text-align: center; font-size: 14px; font-family: Poppins, sans-serif; letter-spacing: 0.005em; color: #3b3c3c; margin-bottom: 0.75em; } .tags__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 42px; padding-right: 42px; } .tags__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-size: 10px; letter-spacing: 0.005em; color: #3b3c3c; line-height: 1; padding: 0.5em 0.9em 0.4em 0.9em; background: #f0f0f0; margin-bottom: 5px; } .tags__item:not(:last-child) { margin-right: 5px; } /* _search_body_sp */ .search_body { width: 100%; margin: 0 auto; padding: 15px calc((30 / 375) * 100vw) 40px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .search_body * { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .search_body input[type='radio'], .search_body input[type='checkbox'] { opacity: 0.00001; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; margin: 0; background: #fff; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; position: relative; } .search_body input[type='radio'] + label, .search_body input[type='checkbox'] + label { display: inline-block; position: relative; margin: 0; padding: 8px 2px 8px 25px; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 1.4; } .search_body input[type='radio'] + label:before, .search_body input[type='checkbox'] + label:before { content: ''; width: 12px; height: 12px; display: inline-block; border-radius: 0; border: 1px solid #c7c7c7; position: absolute; top: calc(50% - 8px); left: 0; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: none; box-shadow: none; } .search_body input[type='radio']:checked + label:after, .search_body input[type='checkbox']:checked + label:after { content: ''; display: block; width: 17px; height: 1px; border-radius: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); background: #000; position: absolute; top: calc(50% - 2px); left: -1px; } .search_body input[type='radio'] + .isLarge, .search_body input[type='checkbox'] + .isLarge { font-weight: 500; } .search_body input[type='text'] { width: 100%; max-width: 100%; height: 38px; min-height: auto; padding: 0 0.6em 0 27px; margin: 0; border: 1px solid #c7c7c7; border-radius: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 10px; color: #555; background: #fff; } .search_body input[type='text']::-webkit-input-placeholder { font-size: 10px; color: #9c9c9c; } .search_body input[type='text']::-moz-placeholder { font-size: 10px; color: #9c9c9c; } .search_body input[type='text']:-ms-input-placeholder { font-size: 10px; color: #9c9c9c; } .search_body input[type='text']::-ms-input-placeholder { font-size: 10px; color: #9c9c9c; } .search_body input[type='text']::placeholder { font-size: 10px; color: #9c9c9c; } .search_body input[type='text']:focus { border: 1px solid #c7c7c7; background: #fff; font-size: 10px; color: #555; } .search_keyword_form { position: relative; } .search_keyword_form:after { content: ''; display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; width: 11px; height: 13px; background-image: url('/img/usr/search/search_glass.png'); position: absolute; top: 12px; left: 10px; } input.search_keyword { width: 100%; } .search_item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search_block { width: 100%; margin: 0 auto 10px; } .search_block { min-height: 38px; } .search_block_ttl { width: 100%; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 11px; font-weight: 600; line-height: 1; } .search_block_body { width: 100%; height: auto; } .search_aco { position: relative; } .search_aco_ttl { width: 100%; height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 calc((15 / 375) * 100vw); border: 1px solid #c7c7c7; font-size: 10px; cursor: pointer; background: #fff; } .search_aco_ttl::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 6px 4.5px 0 4.5px; border-color: #000 transparent transparent transparent; } .search_aco_ttl.is_open::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .search_aco_ttl span { width: 93%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 10px; } .search_aco_body { display: none; width: 100%; height: auto; position: absolute; z-index: 1; } .search_aco_body.is_active { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 0; left: 0; z-index: 100000; padding: 15px calc((15 / 375) * 100vw); } .search_aco_body.is_active .search_aco { margin: 20px 0; } .search_aco_body.is_active .search_aco + .search_btns { margin: 40px 0 25px; } .search_aco_body.is_active .search_aco_body { position: static; } .search_aco_body.is_active .search_aco_body .search_aco_body_inr { background: #f5f5f5; } .search_aco_body.is_active .search_aco_body_inr { width: 100%; height: auto; padding: 20px calc((25 / 375) * 100vw); background: #fff; opacity: 1; display: block; position: relative; z-index: 1000; overflow-y: scroll; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-overflow-scrolling: touch; will-change: transform; position: relative; background: #fff; } .search_aco_body.is_active .search_aco_body_line { width: 100%; } .search_aco_body.is_active .search_aco_body_inr_ttl { font-size: 11px; } .search_aco_body.is_active .search_item { width: 100%; } .search_aco_body.is_active .modal_bg { display: block; } .search_aco_body.is_active .search_btns { margin: 25px 0; } .search_aco_body.is_active .search_btn_clear { width: calc((100 / 375) * 100vw); } .search_aco_body.is_active .search_btn_submit { width: calc((190 / 375) * 100vw); } .search_block .search_aco_body.is_active.is_floatbtn .search_aco_body_inr { padding: 20px calc((25 / 375) * 100vw); } .search_block .search_aco_body.is_active.is_floatbtn .search_btns { position: sticky; bottom: 50px; z-index: 9999; margin: 0; width: 100%; -webkit-transform: translateY(50px); transform: translateY(50px); background: #fff; } .search_block .search_aco_body.is_active.is_floatbtn .search_btns:after { content: ''; display: block; width: 100%; height: 20px; background: #fff; position: absolute; left: 0; bottom: -20px; z-index: 0; } .is_fixed { position: fixed; width: 100%; height: 100%; left: 0; } .search_aco_body_head { text-align: center; font-size: 13px; margin-bottom: 15px; } .modal_clase_btn { position: absolute; top: 0; right: 0; width: 60px; height: 60px; } .modal_clase_btn::before, .modal_clase_btn::after { content: ''; display: block; width: 20px; height: 1px; background: #000; position: absolute; top: calc(50% - 9px); } .modal_clase_btn::before { left: calc(50% - 5px); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .modal_clase_btn::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; left: auto; right: calc(50% - 10px); } .modal_bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; z-index: 100; } .search_aco_body_inr { width: 100%; padding: 21px 0 21px calc((25 / 375) * 100vw); background: #f5f5f5; } .search_ttl, .isLarge { font-weight: 500; } .search_aco_body_inr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search_item { width: 49%; } .search_block__category .search_aco_body_inr { height: 690px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search_block__category .search_aco_body_line { width: 50%; } .search_block__category .search_ttl, .search_block__category .search_item { width: 100%; } .search_block__category .search_ttl { margin: 10px 0 4px; } .search_block__color .search_block_body { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 2px; margin: 0 -15px; } .search_block__color .search_block_body .search_item { width: 32px; height: 32px; margin-left: 15px; margin-bottom: 15px; border-radius: 4px; } .search_block__color .search_block_body .search_item .search_item_popup { display: none !important; } .search_block__color .search_block_body input[type='checkbox'] + label { padding: 0; font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; } .search_block__color .search_block_body input[type='checkbox'] + label.color_white:before { background-image: url('/img/usr/search/color/white.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_black:before { background-image: url('/img/usr/search/color/black.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_gray:before { background-image: url('/img/usr/search/color/gray.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_grey:before { background-image: url('/img/usr/search/color/gray.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_green:before { background-image: url('/img/usr/search/color/green.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_khaki:before { background-image: url('/img/usr/search/color/green.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_beige:before { background-image: url('/img/usr/search/color/beige.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_navy:before { background-image: url('/img/usr/search/color/navy.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_red:before { background-image: url('/img/usr/search/color/red.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_blue:before { background-image: url('/img/usr/search/color/blue.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_silver:before { background-image: url('/img/usr/search/color/silver.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_gold:before { background-image: url('/img/usr/search/color/gold.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_other:before { background-image: url('/img/usr/search/color/other.png'); } .search_block__color .search_block_body input[type='checkbox'] + label.color_other:after { content: 'その他'; display: block; position: absolute; top: 50%; } .search_block__color .search_block_body input[type='checkbox'] + label:before { width: 32px; height: 32px; border-radius: 4px; top: 0; left: 0; cursor: pointer; display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; } .search_block__color .search_block_body input[type='checkbox']:checked + label:after { width: 45px; height: 1px; top: 16px; left: -5px; background: #c7c7c7; } .search_btns { width: 100%; margin: 45px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search_btns button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 45px; border-radius: 4px; text-align: center; font-size: 13px; font-weight: 600; letter-spacing: 3px; } .search_btns .search_btn_clear { width: calc((112 / 375) * 100vw); color: #3c3c3c; background: #ebebeb; } .search_btns .search_btn_submit { width: calc((198 / 375) * 100vw); color: #fff; background: #000; } .search_back_btn { display: none; margin: 15px 0; padding-left: 1.5em; font-size: 15px; position: relative; } .search_back_btn:before { content: ''; display: block; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; position: absolute; left: 3px; top: 9px; -webkit-transform: rotate(315deg); transform: rotate(315deg); } .search_close_btn { width: 50px; height: 50px; margin: 0 auto; background-image: url('/img/usr/search/close.png'); background-size: 80%; background-repeat: no-repeat; background-position: center; } .page-search .search_close_btn { display: none; } .page-search .filter_search_body .search_close_btn { display: block; } .page-search .unit_center { margin-top: 60px; } .page-search .topic_list { margin: 30px 0; padding: 0 calc((15 / 375) * 100vw); } .page-search .topic_list .topic_items { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .page-search h2.topic_list_head { margin: 30px 0; font-size: 16px; text-align: center; } .search_block__price .search_block_body { height: auto; margin: 5px 0 15px; } .search_body .noUi-target { border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; } .search_body .noUi-horizontal { height: 23px; padding: 11px 0 11px 10px; } .search_body .noUi-horizontal:before { content: ''; display: block; width: 100%; height: 1px; background: #b9b9b9; position: absolute; top: 11px; left: 0; } .search_body .noUi-horizontal .noUi-base { width: calc(100% - 14px); } .search_body .noUi-horizontal .noUi-origin { border-radius: 12px; } .search_body .noUi-horizontal .noUi-handle { width: 24px; height: 24px; left: -10px; top: -10px; border: 1px solid #050505; border-radius: 12px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } .search_body .noUi-horizontal .noUi-handle:before, .search_body .noUi-horizontal .noUi-handle:after { content: none; } .search_body .input_wrap { margin: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search_body .input_wrap .input_bar { width: calc((23.5 / 375) * 100vw); height: 1px; background: #a6a6a6; } .search_body .input_wrap .input_left, .search_body .input_wrap .input_right { color: #000; } .search_body .input_wrap .input_left input[type='number'], .search_body .input_wrap .input_right input[type='number'] { font-size: 13px; background: #fff; } .search_body .input_wrap .input_left span, .search_body .input_wrap .input_right span { font-size: calc((9 / 375) * 100vw); color: #3c3c3c; } .search_body .input_wrap input[type='number'] { width: 113px; height: 38px; margin: 0; padding: 0 1em; text-align: right; border-radius: 0; border: none; pointer-events: none; } .search_body .input_wrap input[type='number']::-webkit-input-placeholder { color: #000; } .search_body .input_wrap input[type='number']::-moz-placeholder { color: #000; } .search_body .input_wrap input[type='number']:-ms-input-placeholder { color: #000; } .search_body .input_wrap input[type='number']::-ms-input-placeholder { color: #000; } .search_body .input_wrap input[type='number']::placeholder { color: #000; } .search_body .input_wrap input[type='number']::-webkit-inner-spin-button, .search_body .input_wrap input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; -moz-appearance: textfield; } .filter_search_body .search_body .input_wrap .input_left input[type='number'], .filter_search_body .search_body .input_wrap .input_right input[type='number'] { background: none; } /* _search_suggest_sp */ body { position: relative; } .search_suggest { width: 100%; height: auto; position: absolute; top: 37px; left: 0; z-index: 10; text-align: left; } .search_suggest a, .search_suggest a:link, .search_suggest a:visited { text-decoration: none; } .search_suggest_inner { display: none; max-height: 63vh; overflow-y: auto; background: #f9f9f9; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; } .search_suggest_inner.is_active { display: block; } .search_suggest_item:not(:has(.search_suggest_content)) { display: none; } .search_suggest_head { padding: 9px 21px; font-size: 12px; background: #e8e8e8; } .search_suggest_body { background: #f9f9f9; padding: 10px 0 20px; } .search_suggest_body:empty { display: none; } .search_suggest_body div { font-size: 11px; } .search_suggest_content { padding: 5px 5px 5px 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: 0.2s opacity; transition: 0.2s opacity; } .search_suggest_content:hover { opacity: 0.6; } .search_suggest_content_name { word-break: break-all; } .search_suggest_content_img { width: 45px; height: 60px; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search_suggest_content_img img { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; max-height: 100%; max-width: 100%; width: auto; height: auto; } .search_suggest_content_misc { width: calc(100% - 55px); } .search_suggest_content_name { word-break: break-all; } #goods_hashtag .search_suggest_body, #suggest_hashtag .search_suggest_body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; padding: 15px 12px; } #goods_hashtag .search_suggest_content, #suggest_hashtag .search_suggest_content { width: auto; height: 21px; line-height: 21px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0.75em; font-size: 11px; color: #3e3e3e; background: #fff; border-radius: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #goods_hashtag .search_suggest_content:hover, #suggest_hashtag .search_suggest_content:hover { color: #fff; background: #7e7e7e; opacity: 1; } /* _recommend_sp */ .recommend_container { width: 100%; margin: 50px 0 55px; } .reco_ttl { margin: 20px 0; text-align: center; font-size: 16px; font-weight: 600; } .reco_slider_wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-sizing: border-box; box-sizing: border-box; } .reco_slider_container { position: relative; width: 100%; min-height: calc((355 / 375) * 100vw); overflow: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .reco_slider_container.swiper-initialized { padding: 5px 5px 5px 0; opacity: 1; } .reco_slider_container .swiper-button-prev, .reco_slider_container .swiper-button-next { display: none; } .reco_slider_container .swiper-pagination { width: 100%; margin: calc((35 / 375) * 100vw) 0 0; padding: 0 calc((15 / 375) * 100vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: static; -webkit-box-sizing: border-box; box-sizing: border-box; } .reco_slider_container .swiper-pagination.swiper-pagination-lock { display: none; } .reco_slider_container .swiper-pagination-bullet { width: 30px; height: 2px; margin: 0 2.5px; border-radius: 0; } .reco_slider_container .swiper-pagination-bullet-active { background: #000; } .reco_slider_container .reco_slider_container { position: relative; } .reco_slider_slide.swiper-slide { height: auto; } @media screen and (max-width: 320px) { .reco_slider .swiper-pagination { margin: calc((15 / 375) * 100vw) 0 0; } } /* _coordinate_slide_wrap_sp */ .coordination_container, .coordinate_slide_wrap { width: 100%; min-height: calc((455 / 375) * 100vw); overflow: hidden; display: block; margin: 0 auto; padding-top: 50px; opacity: 0; -webkit-transition: opacity 0.7s ease 0s; transition: opacity 0.7s ease 0s; } .coordination_container.lazyloaded, .coordinate_slide_wrap.lazyloaded { opacity: 1; } .coordination_container.no_data, .coordinate_slide_wrap.no_data { display: none; } .coordinate_slide_head, .coordination_slide_head { font-size: 18px; font-weight: bold; text-align: center; padding: 0 calc((10 / 375) * 100vw) 26px; } .coordination_slider, .coordinate_slides { padding-left: 20px; } .coordinate_slide_img { aspect-ratio: 512/683; position: relative; } .coordinate_slide_img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .staff_misc { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-top: 10px; } .staff_img { width: caLc(9.333333333333334vw); height: caLc(9.333333333333334vw); border-radius: 50%; overflow: hidden; } .staff_data { width: calc(100% - ((35 / 375) * 100vw)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: calc((5 / 375) * 100vw); } .staff_data a { text-decoration: none; } .staff_data_name { font-size: 10px; color: #000; } .staff_data_name span { display: block; margin-top: 0.1em; margin-left: 0; font-size: 10px; } a.staff_data_shop { padding-top: 2px; font-size: calc((8 / 375) * 100vw); color: #898989; text-decoration: underline; line-height: 1.4; } .coordinate_slides_link { padding: 45px 0 30px; text-align: center; } .coordinate_slides_link a { position: relative; display: inline-block; color: #000; padding: 0 0 6px; text-decoration: none; font-size: 13px; } .coordinate_slides_link a::after { content: ' '; display: block; width: 100%; height: 1px; background: #000; position: absolute; left: 0; bottom: 0; } .coordinate_slide.has_video .coordinate_slide_img { z-index: 0; } .coordinate_slide.has_video .coordinate_slide_img:before { content: ''; display: block; width: 16%; aspect-ratio: 1/1; background-image: url('/img/usr/icon/icon_circle_play.png'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 5%; right: 5%; z-index: 1; } /* _play_img */ .play_photo_ img { aspect-ratio: 512/683; -o-object-fit: cover; object-fit: cover; } /* _footer_pagetop_sp */ .footer_pagetop { width: 65px; margin-block: 75px; margin-inline: auto; } .footer_pagetop img { width: 100%; aspect-ratio: 65/25; } /* _footer_sp */ footer { text-align: left; } .footer_block { background: #000; } .footer_search_unit_text { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-inline: 20px; padding-block: 20px; font-size: 1rem; } @media screen and (max-width: 40em) { .footer_search_unit_text { font-size: 3.125vw; } } .footer_search_unit_text:after { content: ''; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .footer_search_unit_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #484848; padding-block: 20px; } .footer_search_unit_link:after { content: ''; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .footer_search_unit_block { border-bottom: 1px solid #484848; } .footer_search_unit_block .togglemenu_brand_unit, .footer_search_unit_block .togglemenu_item_unit { padding-inline: 20px; } .footer_wrapper { width: 100%; padding-inline: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer_top_unit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 69px; } .footer_top_unit_block_inner { height: 240px; } .footer_top_unit_text { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.9rem; margin-bottom: 16px; color: #fff; } @media screen and (max-width: 40em) { .footer_top_unit_text { font-size: 2.8125vw; } } .text_white .footer_top_unit_text { color: #fff; } .footer_bottom_unit_block { padding-top: 33px; } .footer_bottom_unit_title { color: #fff; font-size: 1rem; margin-bottom: 10px; } @media screen and (max-width: 40em) { .footer_bottom_unit_title { font-size: 3.125vw; } } .footer_sns_unit, .footer_download_unit { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer_sns_unit_link, .footer_download_unit_link { margin-right: 30px; } .footer_external_link { margin-bottom: 10px; } .footer_sns_unit_text, .footer_download_unit_text, .footer_external_text { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; } @media screen and (max-width: 40em) { .footer_sns_unit_text, .footer_download_unit_text, .footer_external_text { font-size: 3.125vw; } } .footer_external_text { letter-spacing: 0.7px; margin-bottom: 10px; font-family: 'Optima', sans-serif; } .footer_download_unit_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theShop_icon { -webkit-box-shadow: 0px 0px 7px rgba(150, 150, 150, 0.502); box-shadow: 0px 0px 7px rgba(150, 150, 150, 0.502); border-radius: 8px; } .link_icon:after { content: url('/img/usr/common/link_icon.svg'); width: 9px; height: 16px; margin-left: 8px; } .arrow_icon:after { content: ''; background: url('/img/usr/common/arrow_icon.svg') no-repeat center/contain; width: 18px; height: 14px; margin-left: 1em; } .footer_copyright_unit { padding-block: 40px; } .copyright_text { color: #484848; font-size: 0.7rem; padding: 10px 0; } @media screen and (max-width: 40em) { .copyright_text { font-size: 2.1875vw; } } .footer_copyright_item { text-align: center; } .footer_copyright_item img { width: 100px; aspect-ratio: 200/45; } /* _globalnavi_sp */ body.is_drawer_open { overflow: hidden; } .globalnavi { position: fixed; top: var(--drawer-top); left: 0; z-index: 10000; width: 100%; height: 100%; -ms-scroll-chaining: chained; overscroll-behavior: auto; visibility: hidden; opacity: 0; -webkit-transition: left 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; transition: left 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; } .globalnavi.is_open { visibility: visible; opacity: 1; } .globalnavi.is_open .globalnavi_bg { visibility: visible; opacity: 1; } .globalnavi.is_open .globalnavi_inner { right: 0; } .globalnavi_bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; visibility: hidden; background-color: rgba(17, 17, 17, 0.63); opacity: 0; } .globalnavi_inner { position: absolute; top: 0; right: -100%; z-index: 1; height: calc(100dvh - var(--drawer-top)); width: 325px; padding-block: 50px 60px; padding-inline: 20px; overflow-y: scroll; -ms-scroll-chaining: none; overscroll-behavior: none; background-color: #fff; -webkit-transition: right 0.3s ease; transition: right 0.3s ease; background: #000; color: #fff; font-family: 'Roboto', sans-serif; } .globalnavi_close { position: fixed; left: 285px; top: 18px; z-index: 10; width: 27px; height: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; gap: 7px; cursor: pointer; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0; } .globalnavi_close.is_open { position: absolute; opacity: 0.5; } .globalnavi_close.is_open .globalnavi_close_line { position: absolute; } .globalnavi_close.is_open .line_top { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .globalnavi_close.is_open .line_bottom { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .globalnavi_close_line { width: 100%; height: 1px; background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; } .globalnavi_close_line.line_top { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .globalnavi_close_line.line_bottom { -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* _globalnavi_contets_sp */ [data-browse-mode='P'] .globalnavi_top { margin-top: 60px; } .globalnavi_content_unit { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .globalnavi_content_unit.swiper { opacity: 0; } .globalnavi_content_unit.swiper-initialized { opacity: 1; } .globalnavi_content { margin-block: 20px 0; opacity: 1; } .globalnavi_content:empty { margin-block: 0; } .globalnavi_content_head { padding-block: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .globalnavi_content_title { font-size: clamp(0.563rem, 0.834rem, 0.75rem); } a.globalnavi_content_link { display: inline-block; position: relative; font-size: clamp(0.438rem, 0.622rem, 0.563rem); font-weight: 400; line-height: 1.1; padding-bottom: 1px; padding-right: 11px; color: #fff; } a.globalnavi_content_link:after { content: ''; display: block; width: 6px; height: 6px; border-right: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; right: 0px; } [data-browse-mode='P'] .globalnavi_content_list-prev, [data-browse-mode='P'] .globalnavi_content_list-next { position: absolute; top: 0; bottom: 0; width: 37px; background-color: rgba(0, 0, 0, 0.85); z-index: 1; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; cursor: pointer; } [data-browse-mode='P'] .globalnavi_content_list-prev.swiper-button-disabled, [data-browse-mode='P'] .globalnavi_content_list-next.swiper-button-disabled { visibility: hidden; opacity: 0; } [data-browse-mode='P'] .globalnavi_content_list-prev::after, [data-browse-mode='P'] .globalnavi_content_list-next::after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 19px; height: 19px; border-left: 1px solid #fff; border-top: 1px solid #fff; } [data-browse-mode='P'] .globalnavi_content_list-prev { left: 0; } [data-browse-mode='P'] .globalnavi_content_list-prev::after { -webkit-transform: translate(-50%, -50%) translateX(3px) rotate(-45deg) skew(-15deg, -15deg); transform: translate(-50%, -50%) translateX(3px) rotate(-45deg) skew(-15deg, -15deg); } [data-browse-mode='P'] .globalnavi_content_list-next { right: 0; } [data-browse-mode='P'] .globalnavi_content_list-next::after { -webkit-transform: translate(-50%, -50%) translateX(-3px) rotate(135deg) skew(-15deg, -15deg); transform: translate(-50%, -50%) translateX(-3px) rotate(135deg) skew(-15deg, -15deg); } .globalnavi_content_list_item { display: -ms-grid; display: grid; place-content: center; aspect-ratio: 13/18; background: #fff; } .globalnavi_content_list_item img { width: 100%; aspect-ratio: 13/18; -o-object-fit: cover; object-fit: cover; } .globalnavi_customerinfo_wrap { margin-block: 22px 44px; padding-inline: 20px; aspect-ratio: 36/15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-size: cover; color: #241f1d; } .globalnavi_customerinfo_wrap.is_bronze { background-image: url('/img/customerinfo/bg_bronze.png'); } .globalnavi_customerinfo_wrap.is_silver { background-image: url('/img/customerinfo/bg_silver.png'); } .globalnavi_customerinfo_wrap.is_gold { background-image: url('/img/customerinfo/bg_gold.png'); } .globalnavi_customerinfo_wrap.is_platinum { background-image: url('/img/customerinfo/bg_platinum.png'); } .globalnavi_customerinfo_wrap.is_black { background-image: url('/img/customerinfo/bg_black.png'); } .globalnavi_customerinfo_wrap.is_black .globalnavi_customerinfo_name { color: #fff; } .globalnavi_customerinfo_wrap.is_guest { display: block; margin-block: 0; padding-inline: 0; text-align: center; } [data-browse-mode='S'] .globalnavi_customerinfo_name { padding-top: 9px; margin-bottom: 13px; } .globalnavi_customerinfo_name { padding-top: 5px; margin-bottom: 19px; font-size: clamp(0.625rem, 0.897rem, 0.813rem); } .globalnavi_customerinfo_point { line-height: 1.1; font-size: clamp(1.875rem, 4.603rem, 3.75rem); -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; } [data-browse-mode='P'] a.globalnavi_customerinfo_login { height: 66px; } [data-browse-mode='S'] a.globalnavi_customerinfo_login { height: 57px; } a.globalnavi_customerinfo_login { width: 100%; background: #1f1f1f; display: -ms-grid; display: grid; place-content: center; border: 1px solid #898989; font-size: 12px; color: #fff; } [data-browse-mode='P'] a.globalnavi_customerinfo_resist { margin-top: 35px; } [data-browse-mode='S'] a.globalnavi_customerinfo_resist { margin-top: 18px; } a.globalnavi_customerinfo_resist { display: inline-block; padding-bottom: 2px; font-size: 12px; color: #fff; text-decoration: underline; text-underline-offset: 5px; } .globalnavi_menu { margin-block: 30px 0; text-align: left; } .globalnavi_menu .is_indented { text-indent: 1em; } .globalnavi_menu__color_gray { margin-top: 30px; text-align: left; } .globalnavi_menu__color_gray a.globalnavi_menu_item { color: #898989; } a.globalnavi_menu_item { display: block; padding-block: clamp(1.25rem, 1.891rem, 1.688rem); font-size: clamp(0.563rem, 0.834rem, 0.75rem); color: #fff; border-bottom: 1px solid rgba(225, 225, 225, 0.5); } .globalnavi_search { margin-block: 30px 0; } .globalnavi_search_unit { border-bottom: 1px solid rgba(225, 225, 225, 0.5); } .globalnavi_search_unit_text { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-block: clamp(1.25rem, 1.891rem, 1.688rem); font-size: clamp(0.563rem, 0.834rem, 0.75rem); } .globalnavi_search_unit_text:after { content: ''; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .globalnavi_menu_list .togglemenu_item_list { border-bottom: 1px solid rgba(225, 225, 225, 0.5); } .globalnavi_menu_list .togglemenu_item_name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-block: clamp(1.25rem, 1.891rem, 1.688rem); font-size: clamp(0.563rem, 0.834rem, 0.75rem); cursor: pointer; } .globalnavi_menu_list .togglemenu_item_name:after { content: ''; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-right: 10px; } .globalnavi_menu_list .togglemenu_item_name.onToggle:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .globalnavi_menu_list .togglemenu_item_name.opened:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .globalnavi_bottom { padding-block: 60px; } .globalnavi_sns_unit { width: 220px; margin-inline: auto; display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [4]; grid-template-columns: repeat(4, 1fr); } .globalnavi_sns_unit_link { width: 23px; height: 23px; } .globalnavi_sns_unit_img { width: 100%; opacity: 0.5; aspect-ratio: 1/1; } /* _toggleitem_tree */ .togglemenu_brand_unit, .togglemenu_item_unit, .togglemenu_underItem_unit { display: none; padding-bottom: 20px; } .togglemenu_underItem_unit { padding-inline: 20px; } .togglemenu_brand_list:last-child { width: 50%; border-top: 1px solid #484848; padding-top: 0.75em; margin-top: 0.75em; } a.togglemenu_item_name, span.togglemenu_item_name { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } a.togglemenu_item_name, a.togglemenu_brand_name, a.togglemenu_underItem_name, span.togglemenu_item_name, span.togglemenu_brand_name, span.togglemenu_underItem_name { display: -webkit-box; display: -ms-flexbox; display: flex; padding-block: 1.5em; font-size: clamp(0.563rem, 0.834rem, 0.75rem); color: #fff; } span.togglemenu_underItem_name { margin-block: 15px; } .onToggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .onToggle:after { content: ''; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-right: 10px; } .onToggle.opened:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } /* _item_stock_sp */ a.item_stock_ { width: 100%; height: 17px; padding: 0px 10px 0px; display: inline-block; font-size: 0.8rem; font-weight: 700; text-decoration: underline; cursor: pointer; } @media screen and (max-width: 40em) { a.item_stock_ { font-size: 2.5vw; } } /* _item_stock */ .unit_center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #searchcontainer .unit_center { margin: 30px 0; } a.btn_square_type01 { width: calc((345 / 375) * 100vw); height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #000; color: #fff; font-size: 1.2rem; } @media screen and (max-width: 40em) { a.btn_square_type01 { font-size: 3.75vw; } } /* _topic_items */ .topic_items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .topic_items:after { display: block; content: ''; width: calc((345 / 375) * 100vw); height: 0; } .topic_item { margin-bottom: 55px; } .page-search .topic_item { width: calc((345 / 375) * 100vw); } a.topic_item_link { display: block; text-decoration: none; } .topic_item_img_inner { width: calc((345 / 375) * 100vw); height: calc((345 / 375) * 100vw); margin-bottom: 17px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #f3f3f3; } .topic_item_img_inner img { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; max-height: 100%; max-width: 100%; width: auto; height: auto; z-index: 1; } .topic_item_img_inner .img_bg { position: absolute; top: 0; left: 0; width: calc((345 / 375) * 100vw); height: calc((345 / 375) * 100vw); overflow: hidden; z-index: 0; display: none; } .topic_item_img_inner .img_bg img { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-filter: blur(3px); filter: blur(3px); } .topic_item_date { margin-bottom: 15px; font-size: 12px; } .topic_item_ttl { margin-bottom: 15px; font-size: 16px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .topic_item_readmore { color: #9d9d9d; font-size: 12px; line-height: 1; -webkit-transition: all 0.5s; transition: all 0.5s; } .topic_item_readmore:after { content: ''; display: inline-block; width: 4px; height: 4px; margin-left: 5px; border: 1px solid; border-color: #9d9d9d #9d9d9d transparent transparent; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }