/*

sophieetchocolat.jp
shop.sophieetchocolat.jp
ver 3.0

- var
- html
- responsive
- view
- utility
- parts
- svg icon
- layout
- header
- sidebar
- footer
- home
- article list
- article qa
- post
- product
- how to order
- about us
- option

z-index:
1020 .menu-toggle
1000 .global-nav
 500 body.is-menu:after
 100 .global-header__branding
  50 .social-link

*/
/* var */
:root {
  --width-max: 1000px;
  --width-md: 60%;
  --width-sm: 76%;
  --font-ja: "Noto Sans JP", sans-serif;
  --font-en: "Urbanist", sans-serif;
  --color-brand: #231815;
  --color-text: #423634;
  --color-text-gray: #beb2aa;
  --color-text-pink: #F74992;
  --color-text-blue: #39bbac;
  --color-text-yellow: #f0ff00;
  --color-bg: #FDFBF7;
  --color-bg-secondary: #faf7f1;
  --color-bg-gray: #F2EEE8;
  --color-bg-dark: #c4b7aa;
  --color-bg-beige: #F0E8CF;
  --color-bg-pink: #FDEDEE;
  --color-bg-blue: #e5f5ef;
  --color-border: #ded6c8;
  --color-border-pink: #ECC6D4;
  --color-border-blue: #52CDB4;
  --img-logo: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 400"><path d="M618.6,357.31h20.47l-29.6-122.37h-18.26l-29.6,122.37h20.47l7.09-32.67h22.09l7.33,32.67ZM593.16,306.32l6.88-31.71,7.12,31.71h-14Z"/><path d="M10.12,377.03c-4.89-10.01-5.12-18.86-5.12-19.79v-81.52c0-.93.23-9.78,5.12-19.79,6.76-13.51,20.03-20.96,37.03-20.96s30.28,7.45,37.03,20.96c4.89,10.02,5.12,18.86,5.12,19.79v10.25h-23.29v-10.25c0-3.72-2.33-20.26-18.86-20.26s-19.1,16.77-19.1,20.26v81.52c0,3.49,2.56,20.5,19.1,20.5s18.86-16.77,18.86-20.5v-10.25h23.29v10.25c0,.93-.23,9.78-5.12,19.79-6.75,13.51-20.03,20.96-37.03,20.96s-30.28-7.45-37.03-20.96"/><polygon points="187.13 234.97 187.13 397.99 163.84 397.99 163.84 318.58 125.87 318.58 125.87 397.99 102.81 397.99 102.81 234.97 125.87 234.97 125.87 298.09 163.84 298.09 163.84 234.97 187.13 234.97"/><path d="M205.75,377.03c-4.89-10.01-5.12-18.86-5.12-19.79v-81.51c0-.93.23-9.78,5.12-19.8,6.76-13.51,20.03-20.96,37.03-20.96s30.28,7.45,37.03,20.96c4.89,10.02,5.12,18.87,5.12,19.8v81.51c0,.93-.23,9.78-5.12,19.79-6.75,13.51-20.03,20.96-37.03,20.96s-30.28-7.45-37.03-20.96M223.69,357.24c0,3.49,2.56,20.5,19.1,20.5s18.87-16.77,18.87-20.5v-81.51c0-3.73-2.33-20.26-18.87-20.26s-19.1,16.77-19.1,20.26v81.51Z"/><path d="M303.57,377.03c-4.89-10.01-5.12-18.86-5.12-19.79v-81.52c0-.93.23-9.78,5.12-19.79,6.76-13.51,20.03-20.96,37.03-20.96s30.28,7.45,37.03,20.96c4.89,10.02,5.12,18.86,5.12,19.79v10.25h-23.29v-10.25c0-3.72-2.33-20.26-18.86-20.26s-19.1,16.77-19.1,20.26v81.52c0,3.49,2.56,20.5,19.1,20.5s18.86-16.77,18.86-20.5v-10.25h23.29v10.25c0,.93-.23,9.78-5.12,19.79-6.75,13.51-20.03,20.96-37.03,20.96s-30.28-7.45-37.03-20.96"/><path d="M401.38,377.03c-4.89-10.01-5.12-18.86-5.12-19.79v-81.51c0-.93.23-9.78,5.12-19.8,6.75-13.51,20.03-20.96,37.03-20.96s30.28,7.45,37.03,20.96c4.89,10.02,5.12,18.87,5.12,19.8v81.51c0,.93-.23,9.78-5.12,19.79-6.75,13.51-20.03,20.96-37.03,20.96s-30.28-7.45-37.03-20.96M419.31,357.24c0,3.49,2.56,20.5,19.1,20.5s18.87-16.77,18.87-20.5v-81.51c0-3.73-2.33-20.26-18.87-20.26s-19.1,16.77-19.1,20.26v81.51Z"/><polygon points="548.4 377.73 548.4 397.99 494.07 397.99 494.07 234.96 517.13 234.96 517.13 377.73 548.4 377.73"/><path d="M66.02,53.01v-10.25c0-3.73-2.33-20.26-18.86-20.26s-19.1,16.77-19.1,20.26v10.25c.23,1.86,2.8,14.21,22.82,20.96,37.97,12.81,38.43,38.9,38.43,40.06v10.25c0,.93-.23,9.78-5.12,19.79-6.75,13.51-20.03,20.96-37.03,20.96s-30.28-7.45-37.03-20.96c-4.89-10.01-5.12-18.86-5.12-19.79v-10.25h23.06v10.25c0,3.49,2.56,20.5,19.1,20.5s18.86-16.77,18.86-20.5v-10.01c0-1.17-2.33-13.74-22.59-20.96C6.86,80.49,5,54.18,5,53.01v-10.25c0-.93.23-9.78,5.12-19.8C16.88,9.46,30.16,2.01,47.16,2.01s30.28,7.45,37.03,20.96c4.89,10.02,5.12,18.86,5.12,19.8v10.25h-23.29Z"/><path d="M107.87,144.08c-4.89-10.02-5.12-18.86-5.12-19.8V42.77c0-.93.23-9.78,5.12-19.8,6.76-13.51,20.03-20.96,37.03-20.96s30.28,7.45,37.03,20.96c4.89,10.02,5.12,18.87,5.12,19.8v81.51c0,.93-.23,9.78-5.12,19.8-6.75,13.51-20.03,20.96-37.03,20.96s-30.28-7.45-37.03-20.96M125.81,124.28c0,3.49,2.56,20.5,19.1,20.5s18.87-16.77,18.87-20.5V42.77c0-3.73-2.33-20.26-18.87-20.26s-19.1,16.77-19.1,20.26v81.51Z"/><path d="M284.88,47.89c0,45.65-41.22,45.88-42.15,45.88h-19.1v71.27h-23.06V2.01h42.16c1.16,0,11.41.24,21.19,5.82,9.32,5.59,20.96,17.24,20.96,40.06M261.59,47.89c0-11.41-3.03-18.63-9.32-22.36-5.12-3.03-9.55-3.03-9.55-3.03h-19.1v50.77h19.1c.23,0,4.89-.23,10.01-3.26,6.05-3.73,8.85-11.18,8.85-22.13"/><polygon points="381.06 2.01 381.06 165.04 357.78 165.04 357.78 85.63 319.81 85.63 319.81 165.04 296.75 165.04 296.75 2.01 319.81 2.01 319.81 65.13 357.78 65.13 357.78 2.01 381.06 2.01"/><rect x="404.31" y="144.75" width="102" height="20.29"/><rect x="561.62" y="377.7" width="133.38" height="20.29"/><rect x="404.31" y="2.01" width="20.68" height="122.45"/><polygon points="444.37 2.01 506.31 2.01 506.31 19.64 465.87 19.64 465.87 47.7 497 47.7 497 65.59 465.87 65.59 465.87 106.82 506.31 106.82 506.31 124.46 444.37 124.46 444.37 2.01"/><g><polygon points="545.88 2.01 611.07 2.01 611.07 22.24 569.17 22.24 569.17 65.1 601.76 65.1 601.76 85.6 569.17 85.6 569.17 144.8 611.07 144.8 611.07 165.04 545.88 165.04 545.88 2.01"/><polygon points="622.81 2.01 695 2.01 695 22.24 670.44 22.24 670.44 165.04 647.38 165.04 647.38 22.24 622.81 22.24 622.81 2.01"/></g><polygon points="630.31 234.95 695 234.95 695 252.58 672.39 252.58 672.58 357.31 653.11 357.31 652.91 252.58 630.31 252.58 630.31 234.95"/></svg>');
  --img-logo-row: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 120"><g><path d="M46.31,38.34v-7.27c0-2.65-1.66-14.38-13.39-14.38s-13.56,11.9-13.56,14.38v7.27c.17,1.32,1.99,10.09,16.2,14.88,26.95,9.09,27.28,27.61,27.28,28.43v7.28c0,.66-.16,6.94-3.64,14.05-4.79,9.59-14.22,14.88-26.28,14.88s-21.49-5.29-26.29-14.88c-3.47-7.11-3.64-13.39-3.64-14.05v-7.28h16.37v7.28c0,2.48,1.82,14.55,13.56,14.55s13.39-11.9,13.39-14.55v-7.11c0-.83-1.66-9.76-16.04-14.88C4.32,57.85,3,39.16,3,38.34v-7.27c0-.66.17-6.94,3.64-14.05C11.43,7.42,20.86,2.13,32.92,2.13s21.49,5.29,26.28,14.88c3.47,7.11,3.64,13.39,3.64,14.05v7.27h-16.53Z"/><path d="M76.02,102.98c-3.47-7.11-3.64-13.39-3.64-14.05V31.06c0-.66.17-6.94,3.64-14.05,4.8-9.59,14.22-14.88,26.29-14.88s21.49,5.29,26.29,14.88c3.47,7.11,3.64,13.39,3.64,14.05v57.86c0,.66-.17,6.94-3.64,14.05-4.79,9.59-14.22,14.88-26.29,14.88s-21.49-5.29-26.29-14.88M88.75,88.92c0,2.48,1.82,14.55,13.56,14.55s13.39-11.9,13.39-14.55V31.06c0-2.65-1.66-14.38-13.39-14.38s-13.56,11.9-13.56,14.38v57.86Z"/><path d="M201.66,34.7c0,32.4-29.26,32.57-29.92,32.57h-13.56v50.59h-16.37V2.13h29.92c.82,0,8.1.17,15.04,4.13,6.62,3.97,14.88,12.24,14.88,28.44M185.13,34.7c0-8.1-2.15-13.23-6.62-15.87-3.64-2.15-6.78-2.15-6.78-2.15h-13.56v36.04h13.56c.17,0,3.47-.17,7.11-2.31,4.3-2.65,6.28-7.94,6.28-15.71"/><polygon points="269.94 2.13 269.94 117.85 253.4 117.85 253.4 61.49 226.46 61.49 226.46 117.85 210.09 117.85 210.09 2.13 226.46 2.13 226.46 46.94 253.4 46.94 253.4 2.13 269.94 2.13"/><rect x="286.43" y="103.45" width="72.4" height="14.4"/><rect x="286.43" y="2.13" width="14.68" height="86.92"/><polygon points="314.87 2.13 358.84 2.13 358.84 14.65 330.13 14.65 330.13 34.56 352.23 34.56 352.23 47.26 330.13 47.26 330.13 76.53 358.84 76.53 358.84 89.05 314.87 89.05 314.87 2.13"/></g><g><polygon points="386.92 2.13 433.2 2.13 433.2 16.5 403.45 16.5 403.45 46.92 426.59 46.92 426.59 61.47 403.45 61.47 403.45 103.49 433.2 103.49 433.2 117.85 386.92 117.85 386.92 2.13"/><polygon points="441.53 2.13 492.77 2.13 492.77 16.5 475.34 16.5 475.34 117.86 458.97 117.86 458.97 16.5 441.53 16.5 441.53 2.13"/></g><g><path d="M942.77,88.99h14.53l-21.01-86.86h-12.96l-21.01,86.86h14.53l5.03-23.19h15.68l5.2,23.19ZM924.71,52.8l4.89-22.51,5.05,22.51h-9.94Z"/><path d="M510.87,102.99c-3.47-7.11-3.64-13.39-3.64-14.05V31.08c0-.66.17-6.94,3.64-14.05,4.8-9.59,14.22-14.88,26.29-14.88s21.49,5.29,26.28,14.88c3.47,7.11,3.64,13.39,3.64,14.05v7.28h-16.53v-7.28c0-2.64-1.66-14.38-13.39-14.38s-13.56,11.9-13.56,14.38v57.86c0,2.48,1.82,14.55,13.56,14.55s13.39-11.9,13.39-14.55v-7.28h16.53v7.28c0,.66-.17,6.94-3.64,14.05-4.79,9.59-14.22,14.88-26.28,14.88s-21.49-5.29-26.29-14.88"/><polygon points="636.5 2.15 636.5 117.87 619.97 117.87 619.97 61.5 593.02 61.5 593.02 117.87 576.66 117.87 576.66 2.15 593.02 2.15 593.02 46.95 619.97 46.95 619.97 2.15 636.5 2.15"/><path d="M649.72,102.99c-3.47-7.11-3.64-13.39-3.64-14.05V31.08c0-.66.17-6.94,3.64-14.05,4.8-9.59,14.22-14.88,26.29-14.88s21.49,5.29,26.29,14.88c3.47,7.11,3.64,13.39,3.64,14.05v57.86c0,.66-.17,6.94-3.64,14.05-4.79,9.59-14.22,14.88-26.29,14.88s-21.49-5.29-26.29-14.88M662.45,88.94c0,2.48,1.82,14.55,13.56,14.55s13.39-11.9,13.39-14.55V31.08c0-2.65-1.66-14.38-13.39-14.38s-13.56,11.9-13.56,14.38v57.86Z"/><path d="M719.16,102.99c-3.47-7.11-3.64-13.39-3.64-14.05V31.08c0-.66.17-6.94,3.64-14.05,4.8-9.59,14.22-14.88,26.29-14.88s21.49,5.29,26.28,14.88c3.47,7.11,3.64,13.39,3.64,14.05v7.28h-16.53v-7.28c0-2.64-1.66-14.38-13.39-14.38s-13.56,11.9-13.56,14.38v57.86c0,2.48,1.82,14.55,13.56,14.55s13.39-11.9,13.39-14.55v-7.28h16.53v7.28c0,.66-.17,6.94-3.64,14.05-4.79,9.59-14.22,14.88-26.28,14.88s-21.49-5.29-26.29-14.88"/><path d="M788.59,102.99c-3.47-7.11-3.64-13.39-3.64-14.05V31.08c0-.66.17-6.94,3.64-14.05,4.79-9.59,14.22-14.88,26.28-14.88s21.49,5.29,26.29,14.88c3.47,7.11,3.64,13.39,3.64,14.05v57.86c0,.66-.17,6.94-3.64,14.05-4.79,9.59-14.22,14.88-26.29,14.88s-21.49-5.29-26.28-14.88M801.31,88.94c0,2.48,1.82,14.55,13.56,14.55s13.39-11.9,13.39-14.55V31.08c0-2.65-1.66-14.38-13.39-14.38s-13.56,11.9-13.56,14.38v57.86Z"/><polygon points="892.94 103.48 892.94 117.87 854.38 117.87 854.38 2.14 870.74 2.14 870.74 103.48 892.94 103.48"/><rect x="902.32" y="103.46" width="94.68" height="14.4"/><polygon points="951.08 2.13 997 2.13 997 14.65 980.95 14.65 981.09 88.99 967.26 88.99 967.13 14.65 951.08 14.65 951.08 2.13"/></g></svg>');
  --img-icon-howto: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M32,3.1C16.06,3.1,3.1,16.06,3.1,32s12.96,28.9,28.9,28.9,28.9-12.96,28.9-28.9S47.94,3.1,32,3.1ZM32,55.4c-12.9,0-23.4-10.5-23.4-23.4s10.5-23.4,23.4-23.4,23.4,10.5,23.4,23.4-10.5,23.4-23.4,23.4Z"/><path d="M31.91,40.44c-.86,0-1.59.31-2.19.92-.6.62-.9,1.36-.9,2.23s.3,1.57.91,2.18c.61.61,1.33.91,2.18.91s1.61-.3,2.23-.9c.61-.6.92-1.33.92-2.19s-.3-1.63-.9-2.24c-.6-.61-1.35-.91-2.25-.91Z"/><path d="M38.86,19.59c-1.75-1.52-4.1-2.28-7.06-2.28-1.45,0-2.73.21-3.86.62-1.13.41-2.14,1.04-3.05,1.9-.76.7-1.34,1.47-1.75,2.3-.41.83-.61,1.63-.61,2.41s.21,1.44.63,1.89c.42.46,1.01.68,1.77.68,1.22,0,2.19-.72,2.92-2.17.18-.36.32-.62.42-.79.38-.68.88-1.18,1.48-1.52.6-.33,1.33-.5,2.17-.5,1.14,0,2.04.35,2.71,1.05.67.7,1,1.64,1,2.81,0,1.37-.92,2.8-2.77,4.3-.63.51-1.09.92-1.4,1.21-.65.61-1.16,1.29-1.52,2.02-.36.73-.54,1.45-.54,2.15,0,.81.24,1.43.71,1.88.47.45,1.15.67,2.02.67.54,0,1-.12,1.38-.36.38-.24.68-.59.88-1.05.03-.05.12-.35.3-.88s.39-.98.66-1.33c.35-.45.99-1.02,1.94-1.73.95-.7,1.61-1.25,1.98-1.65.82-.88,1.39-1.74,1.72-2.57.33-.83.49-1.83.49-2.98,0-2.55-.87-4.58-2.62-6.1Z"/></svg>');
  --img-icon-acc: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M32,29.06c-6.29,0-11.42-5.12-11.42-11.42s5.12-11.42,11.42-11.42,11.42,5.12,11.42,11.42-5.12,11.42-11.42,11.42ZM32,11.73c-3.26,0-5.92,2.65-5.92,5.92s2.65,5.92,5.92,5.92,5.92-2.65,5.92-5.92-2.65-5.92-5.92-5.92Z"/><path d="M52.53,59.17H11.47c-1.52,0-2.75-1.23-2.75-2.75,0-12.83,10.44-23.28,23.28-23.28s23.28,10.44,23.28,23.28c0,1.52-1.23,2.75-2.75,2.75ZM14.44,53.67h35.13c-1.33-8.5-8.7-15.03-17.56-15.03s-16.24,6.53-17.56,15.03Z"/></svg>');
  --img-icon-cart: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M58.03,6.17h-8.58c-1.13,0-2.14.73-2.49,1.8l-3.66,11.17H6.77c-.83,0-1.62.4-2.11,1.07s-.64,1.54-.39,2.33l6.4,20.47c.34,1.09,1.35,1.84,2.5,1.84h25.35c1.13,0,2.14-.73,2.49-1.8l10.35-31.65h6.68c1.45,0,2.62-1.17,2.62-2.62s-1.17-2.62-2.62-2.62ZM36.61,39.62H15.09l-4.76-15.24h31.27l-4.98,15.24Z"/><path d="M39.24,48.36c-3.28,0-5.93,2.66-5.93,5.93s2.66,5.93,5.93,5.93,5.93-2.66,5.93-5.93-2.66-5.93-5.93-5.93Z"/><path d="M14.16,48.36c-3.28,0-5.93,2.66-5.93,5.93s2.66,5.93,5.93,5.93,5.93-2.66,5.93-5.93-2.66-5.93-5.93-5.93Z"/></svg>');
  --img-icon-cart-fill: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M58.03,6.17h-8.58c-1.13,0-2.14.73-2.49,1.8l-3.66,11.17H6.77c-.83,0-1.62.4-2.11,1.07s-.64,1.54-.39,2.33l6.4,20.47c.34,1.09,1.35,1.84,2.5,1.84h25.35c1.13,0,2.14-.73,2.49-1.8l10.35-31.65h6.68c1.45,0,2.62-1.17,2.62-2.62s-1.17-2.62-2.62-2.62Z"/>  <path d="M39.24,48.36c-3.28,0-5.93,2.66-5.93,5.93s2.66,5.93,5.93,5.93,5.93-2.66,5.93-5.93-2.66-5.93-5.93-5.93Z"/>  <path d="M14.16,48.36c-3.28,0-5.93,2.66-5.93,5.93s2.66,5.93,5.93,5.93,5.93-2.66,5.93-5.93-2.66-5.93-5.93-5.93Z"/></svg>');
  --img-logo-ig: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="m32,5.76c8.54,0,9.55.03,12.93.19,2.03.02,4.04.4,5.94,1.1,1.38.52,2.63,1.33,3.66,2.39,1.06,1.03,1.88,2.28,2.39,3.66.71,1.9,1.08,3.91,1.1,5.94.16,3.37.19,4.38.19,12.93s-.03,9.55-.19,12.93c-.02,2.03-.4,4.04-1.1,5.94-1.07,2.79-3.28,5-6.07,6.07-1.9.71-3.91,1.08-5.94,1.1-3.37.16-4.38.19-12.93.19s-9.55-.03-12.93-.19c-2.03-.02-4.04-.4-5.94-1.1-1.38-.52-2.63-1.33-3.66-2.39-1.06-1.03-1.88-2.28-2.39-3.66-.71-1.9-1.08-3.91-1.1-5.94-.16-3.38-.19-4.39-.19-12.93s.03-9.55.19-12.93c.02-2.03.4-4.04,1.1-5.94.52-1.38,1.33-2.63,2.39-3.66,1.03-1.06,2.28-1.88,3.66-2.39,1.9-.71,3.91-1.08,5.94-1.1,3.37-.16,4.38-.19,12.93-.19m.02-5.79c-8.69,0-9.78.04-13.19.2-2.66.05-5.28.55-7.77,1.49-2.14.8-4.07,2.06-5.67,3.69-1.63,1.6-2.89,3.53-3.69,5.67-.93,2.49-1.43,5.12-1.49,7.77-.16,3.4-.19,4.5-.19,13.18s.04,9.78.2,13.19c.05,2.66.55,5.28,1.49,7.77.8,2.14,2.06,4.07,3.69,5.67,1.6,1.63,3.53,2.89,5.67,3.69,2.49.93,5.12,1.43,7.77,1.49,3.41.15,4.5.19,13.19.19s9.78-.04,13.2-.19c2.66-.05,5.28-.56,7.77-1.49,4.3-1.67,7.69-5.06,9.36-9.36.93-2.49,1.43-5.12,1.49-7.77.15-3.41.19-4.5.19-13.19s-.04-9.78-.2-13.19c-.05-2.66-.55-5.28-1.49-7.77-1.66-4.3-5.06-7.7-9.36-9.36-2.49-.93-5.12-1.43-7.77-1.49-3.41-.16-4.5-.19-13.19-.19"/><path d="m32,15.59c-9.07,0-16.43,7.36-16.43,16.43s7.36,16.43,16.43,16.43,16.43-7.36,16.43-16.43h0c0-9.07-7.35-16.43-16.42-16.43h0m0,27.1c-5.89,0-10.67-4.78-10.67-10.67s4.77-10.67,10.67-10.67,10.67,4.78,10.67,10.67c-.01,5.88-4.78,10.64-10.67,10.64"/><path d="m49.08,11.08c2.12,0,3.84,1.72,3.84,3.84s-1.72,3.84-3.84,3.84-3.84-1.72-3.84-3.84c0-2.12,1.71-3.84,3.83-3.84,0,0,0,0,0,0"/></svg>');
  --img-search: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M56.15,52.28l-11.35-11.44c2.72-3.55,4.35-7.96,4.35-12.77,0-11.61-9.44-21.05-21.05-21.05S7.06,16.47,7.06,28.08s9.44,21.05,21.05,21.05c4.82,0,9.26-1.65,12.81-4.39l11.32,11.41c.54.54,1.25.81,1.95.81s1.4-.27,1.94-.8c1.08-1.07,1.08-2.81.02-3.89ZM12.56,28.08c0-8.57,6.98-15.55,15.55-15.55s15.55,6.98,15.55,15.55-6.98,15.55-15.55,15.55-15.55-6.98-15.55-15.55Z"/></svg>');
  --img-line-wave: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632.95 30"><path d="M0,0v10c9.89,0,14.83,5,19.78,10s9.89,10,19.78,10,14.83-5,19.78-10,9.89-10,19.78-10,14.83,5,19.78,10,9.89,10,19.78,10,14.83-5,19.78-10,9.89-10,19.78-10,14.83,5,19.78,10,9.89,10,19.78,10,14.83-5,19.78-10,9.89-10,19.78-10,14.83,5,19.78,10,9.89,10,19.78,10,14.84-5,19.78-10,9.89-10,19.78-10,14.83,5,19.78,10,9.89,10,19.78,10,14.83-5,19.78-10,9.89-10,19.78-10,14.83,5,19.78,10,9.89,10,19.78,10,14.84-5,19.78-10,9.89-10,19.78-10,14.84,5,19.78,10,9.89,10,19.78,10,14.84-5,19.78-10c4.95-5,9.89-10,19.78-10s14.84,5,19.78,10,9.89,10,19.78,10,14.84-5,19.78-10,9.89-10,19.78-10V0c-14.07,0-21.48,7.49-26.89,12.97-4.82,4.88-7.19,7.03-12.67,7.03s-7.85-2.16-12.67-7.03c-5.41-5.47-12.83-12.97-26.89-12.97s-21.48,7.5-26.89,12.97c-4.82,4.88-7.19,7.03-12.67,7.03s-7.85-2.16-12.67-7.03c-5.41-5.47-12.83-12.97-26.89-12.97s-21.48,7.5-26.89,12.97c-4.82,4.88-7.19,7.03-12.67,7.03s-7.85-2.16-12.67-7.03c-5.41-5.47-12.83-12.97-26.89-12.97s-21.48,7.5-26.89,12.97c-4.82,4.88-7.18,7.03-12.67,7.03s-7.85-2.16-12.67-7.03c-5.41-5.47-12.83-12.97-26.89-12.97s-21.48,7.5-26.89,12.97c-4.82,4.88-7.19,7.03-12.67,7.03s-7.85-2.16-12.67-7.03c-5.41-5.47-12.83-12.97-26.89-12.97s-21.48,7.5-26.89,12.97c-4.82,4.88-7.18,7.03-12.67,7.03s-7.85-2.16-12.67-7.03c-5.41-5.47-12.82-12.97-26.89-12.97s-21.48,7.5-26.89,12.97c-4.82,4.88-7.18,7.03-12.67,7.03s-7.85-2.16-12.67-7.03c-5.41-5.47-12.82-12.97-26.89-12.97s-21.48,7.5-26.89,12.97c-4.82,4.88-7.18,7.03-12.67,7.03s-7.85-2.16-12.67-7.03C21.48,7.5,14.06,0,0,0"/></svg>');
  --img-line-dashed: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 4"><path d="M83,4h-6c-1.1,0-2-.9-2-2s.9-2,2-2h6c1.1,0,2,.9,2,2s-.9,2-2,2ZM68,4h-6c-1.1,0-2-.9-2-2s.9-2,2-2h6c1.1,0,2,.9,2,2s-.9,2-2,2ZM53,4h-6c-1.1,0-2-.9-2-2s.9-2,2-2h6c1.1,0,2,.9,2,2s-.9,2-2,2ZM38,4h-6c-1.1,0-2-.9-2-2s.9-2,2-2h6c1.1,0,2,.9,2,2s-.9,2-2,2ZM23,4h-6c-1.1,0-2-.9-2-2s.9-2,2-2h6c1.1,0,2,.9,2,2s-.9,2-2,2ZM8,4H2c-1.1,0-2-.9-2-2S.9,0,2,0h6c1.1,0,2,.9,2,2s-.9,2-2,2Z"/></svg>');
  --img-line-dashed-v: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 90"><path d="M0,83v-6c0-1.1.9-2,2-2s2,.9,2,2v6c0,1.1-.9,2-2,2s-2-.9-2-2ZM0,68v-6c0-1.1.9-2,2-2s2,.9,2,2v6c0,1.1-.9,2-2,2s-2-.9-2-2ZM0,53v-6c0-1.1.9-2,2-2s2,.9,2,2v6c0,1.1-.9,2-2,2s-2-.9-2-2ZM0,38v-6c0-1.1.9-2,2-2s2,.9,2,2v6c0,1.1-.9,2-2,2s-2-.9-2-2ZM0,23v-6c0-1.1.9-2,2-2s2,.9,2,2v6c0,1.1-.9,2-2,2s-2-.9-2-2ZM0,8V2C0,.9.9,0,2,0s2,.9,2,2v6c0,1.1-.9,2-2,2s-2-.9-2-2Z"/></svg>');
}

/* html */
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-ja);
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.07em;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
body:after {
  display: none;
}

@media (max-width: 1024px) {
  body.is-menu {
    position: relative;
    background-color: var(--color-bg-pink);
    overflow: hidden;
  }
  body.is-menu:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: var(--color-bg-pink);
    z-index: 500;
    pointer-events: none;
  }
}
input {
  font-family: var(--font-ja);
  font-weight: 400;
}

div, p, ul, ol, li, table, th, td, tr, form, input, textarea, select, dl, dt, dd, blockquote, pre, fieldset {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6, strong, b {
  font-weight: 500;
}

br {
  letter-spacing: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
}

a {
  color: var(--color-text-pink);
  text-decoration: none;
}

a:hover {
  color: var(--color-text-blue);
}

@media (hover: hover) {
  a {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
}
a:focus {
  outline: none;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

::-moz-selection {
  background-color: var(--color-bg-pink);
}

::selection {
  background-color: var(--color-bg-pink);
}

/* responsive */
.pc,
.pc-block {
  display: block;
}

.pc-inline {
  display: inline;
}

.pc-inline-block {
  display: inline-block;
}

.mobile,
.mobile-inline,
.mobile-inline-block {
  display: none;
}

@media (max-width: 768px) {
  .mobile,
  .mobile-block {
    display: block;
  }
  .mobile-inline {
    display: inline;
  }
  .mobile-inline-block {
    display: inline-block;
  }
  .pc,
  .pc-block,
  .pc-inline,
  .pc-inline-block {
    display: none;
  }
}
/* view */
.view--heading {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: opacity 0.7s, transform 0.7s;
  transition: opacity 0.7s, transform 0.7s, -webkit-transform 0.7s;
}

.view--heading.is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.view--fadein {
  opacity: 0;
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
}

.view--fadein.is-visible {
  opacity: 1;
}

/* utility */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.clearboth {
  clear: both;
}

.separate:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.separate {
  clear: both;
}

.separate hr {
  display: none;
}

.floatright,
.alignright {
  float: right;
  padding: 0;
  margin: 2px 0 10px 20px;
}

.floatleft,
.alignleft {
  float: left;
  padding: 0;
  margin: 2px 20px 10px 0;
}

.en {
  font-family: var(--font-en);
  letter-spacing: 0.05em;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-baseline {
  vertical-align: baseline;
}

.align-bottom {
  vertical-align: bottom;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 1024px) {
  .floatright,
  .alignright,
  .floatleft,
  .alignleft {
    float: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 auto 15px;
  }
}
/* parts */
.icon-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}

.icon-text__icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--color-text);
  vertical-align: middle;
  position: relative;
  top: -0.1em;
}

a:hover .icon-text {
  color: var(--color-text-pink);
}
a:hover .icon-text__icon {
  background-color: var(--color-text-pink);
}

@media (hover: hover) {
  .icon-text {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .icon-text__icon {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}
/* svg icon */
.img-logo {
  -webkit-mask: var(--img-logo) no-repeat center/contain;
          mask: var(--img-logo) no-repeat center/contain;
}

.img-logo-row {
  -webkit-mask: var(--img-logo-row) no-repeat center/contain;
          mask: var(--img-logo-row) no-repeat center/contain;
}

.img-icon-howto {
  -webkit-mask: var(--img-icon-howto) no-repeat center/contain;
          mask: var(--img-icon-howto) no-repeat center/contain;
}

.img-icon-acc {
  -webkit-mask: var(--img-icon-acc) no-repeat center/contain;
          mask: var(--img-icon-acc) no-repeat center/contain;
}

.img-icon-cart {
  -webkit-mask: var(--img-icon-cart) no-repeat center/contain;
          mask: var(--img-icon-cart) no-repeat center/contain;
}

.img-logo-ig {
  -webkit-mask: var(--img-logo-ig) no-repeat center/contain;
          mask: var(--img-logo-ig) no-repeat center/contain;
}

/* layout */
.outline {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 10px;
}

.is-home .outline {
  max-width: 100%;
  padding: 0;
}

#main {
  width: 700px;
  min-height: 350px;
  float: right;
}

@media (max-width: 1024px) {
  .outline {
    width: auto;
    margin: 0 auto;
    padding: 0;
  }
  #content {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
  }
  #main {
    width: 80%;
    margin: 0 auto 20px;
    float: none;
  }
}
/* header */
.global-header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 60px 60px 80px;
  gap: 30px;
}

.is-home .global-header__container {
  padding: 60px 60px 0;
  margin-bottom: -40px;
}

.global-header__branding {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  width: 100%;
  max-width: 450px;
  line-height: 0;
  z-index: 100;
}
.global-header__branding a {
  display: block;
  color: var(--color-text);
}
.global-header__branding .img-logo {
  display: none;
  width: 640px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 700/400;
  background-color: var(--color-brand);
}
.global-header__branding .img-logo-row {
  display: inline-block;
  width: 100%;
  max-width: 420px;
  aspect-ratio: 1000/120;
  background-color: var(--color-brand);
}
.global-header__branding a:hover .img-logo,
.global-header__branding a:hover .img-logo-row {
  background-color: var(--color-text-pink);
}
@media (hover: hover) {
  .global-header__branding .img-logo,
  .global-header__branding .img-logo-row {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}

.branding-logo {
  display: block;
}

.branding-text {
  color: var(--color-text);
}

.branding-name-ja {
  display: block;
  margin-top: 0.7rem;
  margin-left: 0.25em;
  line-height: 1.4;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  white-space: nowrap;
}

.branding-catchcopy {
  display: none;
}
.branding-catchcopy .line {
  display: block;
}

a:hover .branding-text {
  color: var(--color-text-pink);
}

@media (hover: hover) {
  .branding-text {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
}
.branding-home {
  display: none;
}

.global-nav-pc a {
  color: var(--color-text);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.global-nav-pc__container {
  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;
  gap: 30px;
}

.global-nav-pc__menu,
.global-nav-pc__icon {
  list-style: none;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2rem;
}

.global-nav-pc__icon {
  gap: 1.5rem;
}
.global-nav-pc__icon a,
.global-nav-pc__icon .menu-pict {
  display: inline-block;
  width: 28px;
  height: 28px;
}

.global-nav-pc__menu li {
  position: relative;
  display: inline-block;
  font-family: var(--font-en);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  overflow: visible;
  white-space: nowrap;
  -webkit-transform: translateY(0.07rem);
          transform: translateY(0.07rem);
}
.global-nav-pc__menu li a {
  position: relative;
  display: block;
  color: var(--color-text);
}
.global-nav-pc__menu li a:hover {
  color: var(--color-text-pink);
}
.global-nav-pc__menu .is-current a:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% - 3px);
  height: 3.5px;
  margin-top: 0.7rem;
  background-color: var(--color-text);
}
.global-nav-pc__menu .is-current a:hover {
  color: var(--color-text) !important;
}

@media (hover: hover) {
  .global-nav-pc__menu li a {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
}
.onlineshop .menu-label {
  position: relative;
  display: block;
}

.onlineshop .menu-label:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  padding-top: 12px;
  width: 145px;
  height: 22px;
  background-color: var(--color-text);
  -webkit-mask: var(--img-line-wave) no-repeat left bottom;
          mask: var(--img-line-wave) no-repeat left bottom;
  -webkit-mask-size: auto 9px;
          mask-size: auto 9px;
}

.onlineshop a:hover {
  color: var(--color-text-pink);
}
.onlineshop a:hover .menu-label:after {
  -webkit-transform: translate(-50%, -3px);
          transform: translate(-50%, -3px);
  background-color: var(--color-text-pink);
}

@media (hover: hover) {
  .onlineshop a {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .onlineshop .menu-label:after {
    -webkit-transition: background-color 0.2s, -webkit-transform 0.2s;
    transition: background-color 0.2s, -webkit-transform 0.2s;
    transition: background-color 0.2s, transform 0.2s;
    transition: background-color 0.2s, transform 0.2s, -webkit-transform 0.2s;
  }
}
.global-nav-pc__icon li {
  width: 28px;
  height: 28px;
}

.global-nav-pc__icon .menu-pict {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  background-color: var(--color-text);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.global-nav-pc__icon a:hover .menu-pict {
  background-color: var(--color-text-pink);
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

@media (hover: hover) {
  .global-nav-pc__icon .menu-pict {
    -webkit-transition: background-color 0.2s, -webkit-transform 0.2s;
    transition: background-color 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, background-color 0.2s;
    transition: transform 0.2s, background-color 0.2s, -webkit-transform 0.2s;
  }
}
.menu-toggle {
  all: unset;
  display: none;
}

.menu-icon {
  display: none;
}

.global-nav {
  display: none;
  opacity: 0;
  position: fixed;
  inset: 0;
  z-index: 1000;
  background-color: var(--color-bg-pink);
  contain: paint;
  -webkit-transition: none;
  transition: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.global-nav__container {
  position: absolute;
  inset: 0;
  padding: 0 2rem 2rem;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.global-nav__header {
  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;
  padding: 40px 0 30px;
}

.global-nav__shop {
  margin-bottom: 1rem;
}

.global-nav__shop a {
  position: relative;
  display: block;
}

.global-nav__shop a:before,
.global-nav__shop a:after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background-color: var(--color-text);
  -webkit-mask: var(--img-line-wave) repeat-x center;
          mask: var(--img-line-wave) repeat-x center;
  -webkit-mask-size: auto 10px;
          mask-size: auto 10px;
}

.global-nav__shop-ttl {
  position: relative;
  display: block;
  padding: 1.5rem 2rem 1.5rem 1.5rem;
  text-align: center;
  font-family: var(--font-en);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--color-text);
}

.global-nav__shop-ttl:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 12px;
  height: 12px;
  border-top: 3px var(--color-text) solid;
  border-right: 3px var(--color-text) solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.global-nav__shop a:hover .global-nav__shop-ttl {
  color: var(--color-text-pink);
}
.global-nav__shop a:hover .global-nav__shop-ttl:after {
  border-color: var(--color-text-pink);
}

@media (hover: hover) {
  .global-nav__shop-ttl {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .global-nav__shop-ttl:after {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
  }
}
.global-nav__cat-menu {
  padding: 1rem 0.75rem;
}

.global-nav__cat-menu ul {
  list-style: none;
}

.global-nav__cat-menu li {
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: var(--color-text);
  margin-bottom: 1rem;
}

.global-nav__cat-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  color: var(--color-text);
}

.global-nav__cat-menu .thumb {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: var(--color-bg-pink);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.global-nav__cat-menu .thumb img {
  mix-blend-mode: multiply;
}

.global-nav__cat-menu a:hover {
  color: var(--color-text-pink);
}
.global-nav__cat-menu a:hover .thumb {
  -webkit-transform: translate(-2px, -2px);
          transform: translate(-2px, -2px);
}

.global-nav__icon {
  list-style: none;
  padding: 1rem;
}

.global-nav__icon li {
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--color-text);
  margin-bottom: 1.5rem;
}

.global-nav__icon li:last-child {
  margin-bottom: 0;
}

.global-nav__icon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.7rem;
  color: var(--color-text);
}

.global-nav__icon .menu-pict {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-color: var(--color-text);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.global-nav__icon a:hover {
  color: var(--color-text-pink);
}
.global-nav__icon a:hover .menu-pict {
  background-color: var(--color-text-pink);
}

.global-nav__form {
  margin-bottom: 1rem;
}

.global-nav__form input {
  all: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  width: 100%;
  padding: 10px 15px 10px 50px;
  font-size: 1rem;
  border: 2px var(--color-border-pink) solid;
  border-radius: 100px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.search-wrapper {
  position: relative;
}

.search-wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background-color: var(--color-text);
  -webkit-mask: var(--img-search) no-repeat center/contain;
          mask: var(--img-search) no-repeat center/contain;
}

.global-nav__menu {
  list-style: none;
  padding: 1rem;
}

.global-nav__menu li {
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: var(--color-text);
  margin-bottom: 1rem;
}
.global-nav__menu a {
  color: var(--color-text);
}
.global-nav__menu .is-current a {
  color: var(--color-text-gray);
}
.global-nav__menu a:hover {
  color: var(--color-text-pink);
}

.global-nav__menu--content li {
  font-size: 1rem;
  font-weight: 600;
}

.global-nav__menu li:last-child {
  margin-bottom: 0;
}

.global-nav__separate {
  margin: 0;
  padding: 0;
  border: none;
  height: 0;
  background: none;
  display: block;
  width: 100%;
  height: 8px;
  margin: 1rem 0;
  background-color: var(--color-text);
  -webkit-mask: var(--img-line-wave) repeat-x left center;
          mask: var(--img-line-wave) repeat-x left center;
  -webkit-mask-size: auto 8px;
          mask-size: auto 8px;
}

.global-nav__social {
  padding: 1rem;
  font-family: var(--font-en);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--color-text);
  margin-bottom: 1rem;
}

.global-nav__social a {
  color: var(--color-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}

.global-nav__social .menu-pict {
  position: relative;
  top: -0.01em;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-color: var(--color-text);
}

.global-nav__social a:hover {
  color: var(--color-text-pink);
}
.global-nav__social a:hover .menu-pict {
  background-color: var(--color-text-pink);
}

@media (hover: hover) {
  .global-nav__social .menu-pict {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}
.global-side-nav {
  display: none;
}
.global-side-nav .global-nav__shop {
  border-top: 2px var(--color-border) solid;
  border-bottom: 2px var(--color-border) solid;
}
.global-side-nav .global-nav__shop a:before,
.global-side-nav .global-nav__shop a:after {
  display: none;
}
.global-side-nav .global-nav__shop-ttl {
  padding: 1.2rem 2rem 1.05rem 0.5rem;
  text-align: left;
  font-size: 0.95rem;
  font-weight: 700;
}
.global-side-nav .global-nav__shop-ttl:after {
  right: 1rem;
  width: 10px;
  height: 10px;
  border-top: 2px var(--color-text) solid;
  border-right: 2px var(--color-text) solid;
}
.global-side-nav .global-nav__cat-menu {
  padding: 1rem 0.5rem;
}
.global-side-nav .global-nav__cat-menu li {
  font-size: 0.8rem;
}
.global-side-nav .global-nav__cat-menu .thumb {
  background-color: var(--color-bg);
}
.global-side-nav .global-nav__icon {
  list-style: none;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.global-side-nav .global-nav__icon li {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 1.2rem;
}
.global-side-nav .global-nav__icon li:last-child {
  margin-bottom: 0;
}
.global-side-nav .global-nav__icon .menu-pict {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-color: var(--color-text);
}
.global-side-nav .global-nav__form input {
  border: 2px var(--color-border) solid;
}
.global-side-nav .global-nav__menu {
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.global-side-nav .global-nav__menu--content li {
  font-size: 0.9rem;
}
.global-side-nav .global-nav__menu li:last-child {
  margin-bottom: 0;
}
.global-side-nav .global-nav__separate {
  margin: 0;
  padding: 0;
  border: none;
  height: 0;
  background: none;
  margin: 1rem 0;
  background-color: transparent;
  -webkit-mask: none;
          mask: none;
  border-top: 1px var(--color-border) solid;
}
.global-side-nav .global-nav__social {
  padding: 1.5rem 0.5rem;
  margin: 0;
  border-top: 1px var(--color-border) solid;
}

#sidebar .global-side-nav {
  display: block;
}

@media (min-width: 1025px) {
  #shop #sidebar .global-nav__shop {
    display: none;
  }
  #shop #sidebar .global-nav__cat-menu {
    padding-top: 0;
  }
}
.is-home .global-header__branding {
  max-width: 280px;
  margin-right: 3rem;
}
.is-home .branding-logo .img-logo {
  display: inline-block;
}
.is-home .branding-logo .img-logo-row {
  display: none;
}
.is-home .branding-text {
  position: absolute;
  bottom: 100%;
  left: 100%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  margin-left: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.is-home .branding-text:after {
  content: "";
  position: absolute;
  bottom: -31px;
  left: 0;
  height: 2.5px;
  width: 175px;
  background-color: var(--color-text);
}
.is-home a:hover .branding-text:after {
  background-color: var(--color-text-pink);
}
@media (hover: hover) {
  .is-home .branding-text:after {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}
.is-home .branding-name-ja {
  font-size: 0.7rem;
  margin-top: 0.5rem;
  margin-left: 0.15em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.is-home .branding-catchcopy {
  display: block;
  margin-left: 0.15em;
  font-family: var(--font-en);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.17em;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (max-width: 1200px) {
  .is-home .branding-text {
    margin-left: 1.5rem;
  }
  .is-home .branding-text:after {
    display: none;
  }
  .is-home .branding-catchcopy {
    display: none;
  }
}

@media (max-width: 1024px) {
  .global-header__container,
  .is-home .global-header__container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px 0;
  }
  .global-header__branding,
  .is-home .global-header__branding {
    max-width: 180px;
    margin-right: 0;
  }
  .branding-logo .img-logo {
    display: inline-block;
  }
  .branding-logo .img-logo-row {
    display: none;
  }
  .branding-text,
  .is-home .branding-text {
    position: static;
    display: block;
    -webkit-transform: none;
            transform: none;
    margin-left: 0;
  }
  .branding-text:after {
    display: none;
  }
  .branding-name-ja,
  .is-home .branding-name-ja {
    display: block;
    text-align: center;
    margin-top: 0.7rem;
    margin-left: 0;
    font-weight: 800;
    letter-spacing: 0.2em;
    white-space: nowrap;
  }
  .global-nav__header .branding-home {
    position: relative;
    display: block;
    margin-top: 1rem;
    padding-right: 0.75rem;
    text-align: center;
    font-family: var(--font-en);
    font-size: 0.9rem;
    font-weight: 800;
  }
  .global-nav__header .branding-home-arr {
    display: inline-block;
    position: relative;
    top: -0.05em;
    width: 9px;
    height: 9px;
    margin-right: 0.2rem;
    border-top: 2px var(--color-text) solid;
    border-left: 2px var(--color-text) solid;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  .global-nav__header a:hover .branding-home {
    color: var(--color-text-pink);
  }
  .global-nav__header a:hover .branding-home-arr {
    border-color: var(--color-text-pink);
  }
}
@media (max-width: 1024px) and (hover: hover) {
  .global-nav__header .branding-home {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .global-nav__header .branding-home-arr {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
  }
}
@media (max-width: 1024px) {
  .global-nav-pc {
    display: none;
  }
  .menu-icon {
    position: absolute;
    display: block;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
  }
  .menu-icon a {
    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;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .menu-icon__pict {
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    background-color: var(--color-text);
  }
  .is-menu .global-nav {
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.5s, display 0.5s allow-discrete;
    transition: opacity 0.5s, display 0.5s allow-discrete;
  }
  @starting-style {
    .is-menu .global-nav {
      opacity: 0;
    }
  }
  .menu-toggle {
    display: inline-block;
    position: fixed;
    top: 30px;
    left: 28px;
    cursor: pointer;
    width: 52px;
    height: 52px;
    text-align: center;
    opacity: 1;
    z-index: 1020;
    border-radius: 50%;
    background-color: var(--color-brand);
  }
  .menu-toggle__desc {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 50px;
    margin-top: 7px;
    margin-left: -25px;
    font-family: var(--font-en);
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.15em;
    padding-left: 0.1em;
    text-align: center;
    color: var(--color-text);
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .menu-hamburger {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 22px;
    height: 2px;
    margin: -1px 0 0 -11px;
  }
  .menu-hamburger:before,
  .menu-hamburger:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--color-bg);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  .menu-hamburger:before {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  .menu-hamburger:after {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  .is-menu .menu-hamburger:before {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
    background-color: var(--color-bg-pink);
  }
  .is-menu .menu-hamburger:after {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
    background-color: var(--color-bg-pink);
  }
  .is-menu .menu-toggle__desc {
    opacity: 0;
  }
  .global-side-nav,
  .is-home .global-side-nav {
    display: block;
    margin: 0 10% 1rem;
  }
}
@media (max-width: 576px) {
  .global-header__container {
    padding: 40px 0;
  }
  .is-home .global-header__container {
    padding: 40px 0 0;
    margin-bottom: 0;
  }
  .global-header__branding,
  .is-home .global-header__branding {
    max-width: 135px;
    margin-right: 0;
  }
  .branding-name-ja,
  .is-home .branding-name-ja {
    margin-top: 0.7rem;
    font-size: 0.65rem;
  }
}
/* sidebar */
#sidebar {
  width: 200px;
  float: left;
  overflow: hidden;
}

.page-heading {
  width: 200px;
  float: left;
  margin-bottom: 3.5rem;
  line-height: 0;
}

.page-heading__container {
  display: block;
  text-align: center;
  color: var(--color-text);
}
.page-heading__container:before, .page-heading__container:after {
  content: "";
  display: inline-block;
  width: 190px;
  height: 4px;
  background-color: var(--color-brand);
  -webkit-mask: var(--img-line-dashed) repeat-x left center;
          mask: var(--img-line-dashed) repeat-x left center;
  -webkit-mask-size: auto 4px;
          mask-size: auto 4px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.page-heading__container:after {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

a.page-heading__container:hover {
  color: var(--color-text-pink);
}
a.page-heading__container:hover:before, a.page-heading__container:hover:after {
  background-color: var(--color-text-pink);
}

@media (hover: hover) {
  .page-heading__container:before,
  .page-heading__container:after {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}
.page-heading__text {
  display: block;
  padding: 1.3rem 1.2rem 1rem 0;
  font-size: 1.85rem;
  font-family: var(--font-en);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.content-ttl {
  float: left;
  margin-bottom: 20px;
}

.content-ttl img {
  vertical-align: bottom;
}

#shop .content-ttl,
#qa .content-ttl {
  margin-top: -30px;
}

#news .content-ttl,
#diary .content-ttl {
  margin-top: -20px;
}

@media (max-width: 1024px) {
  #sidebar {
    width: 100%;
    float: none;
    margin-top: 3rem;
  }
  .page-heading {
    float: none;
    width: 160px;
    position: relative;
    margin: -0.5rem auto 2rem;
    text-align: center;
  }
  .page-heading__container {
    width: auto;
    display: inline-block;
    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;
    gap: 2rem;
  }
  .page-heading__container:before, .page-heading__container:after {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 3px;
    height: 64px;
    background-color: var(--color-text);
    -webkit-mask: var(--img-line-dashed-v) repeat-y center top;
            mask: var(--img-line-dashed-v) repeat-y center top;
    -webkit-mask-size: 3px auto;
            mask-size: 3px auto;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  .page-heading__container:after {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  .page-heading__container:hover:before {
    background-color: var(--color-text);
  }
  .page-heading.is-post {
    margin: 0 auto 2rem;
    width: 80%;
    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;
    gap: 10px;
    white-space: nowrap;
  }
  .page-heading.is-post:before, .page-heading.is-post:after {
    content: "";
    display: block;
    width: 100%;
    height: 1.5px;
    background-color: var(--color-border);
  }
  .page-heading.is-post .page-heading__container {
    color: var(--color-text);
  }
  .page-heading.is-post .page-heading__container:before, .page-heading.is-post .page-heading__container:after {
    display: none;
  }
  .page-heading__text {
    display: block;
    padding: 0 0 0 0.2em;
    font-size: 1.5rem;
  }
  .is-post .page-heading__text {
    padding: 0 0 0 0.2em;
    font-size: 0.75rem;
    letter-spacing: 0.2em;
  }
}
/* footer */
.global-footer {
  position: relative;
  width: 100%;
  padding: 100px 7%;
  margin-right: auto;
  margin-left: auto;
}

.global-footer a {
  color: var(--color-text);
}

.global-footer a:hover {
  color: var(--color-text-pink);
}

.global-footer__container {
  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;
  gap: 40px;
  max-width: var(--width-max);
  margin: 0 auto;
}

.global-footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}

.global-footer__logo .img-logo {
  display: inline-block;
  width: 110px;
  height: auto;
  background-color: var(--color-brand);
  vertical-align: middle;
  aspect-ratio: 700/400;
}

.global-footer__logo a:hover .img-logo {
  background-color: var(--color-text-pink);
}

@media (hover: hover) {
  .global-footer__logo .img-logo {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}
.global-footer__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.global-footer__logo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.global-footer__nav {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 15px;
}

.global-footer__list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.global-footer__list li {
  white-space: nowrap;
  font-family: var(--font-en);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0.15em;
}

.global-footer__list .menu-sub {
  font-size: 0.7rem;
  font-weight: 600;
}

.global-footer__copyright {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-family: var(--font-en);
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1em;
}

.global-footer__pageup {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
}

.global-footer__pageup a {
  display: inline-block;
  padding: 2px;
  color: var(--color-text);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.icon-pageup {
  display: inline-block;
  padding: 7px 2px 2px 4px;
  border-top: 2.5px var(--color-text) solid;
  font-family: var(--font-en);
  font-size: 0.95rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: 2px;
  -webkit-transition: border-color 0.2s, -webkit-transform 0.2s;
  transition: border-color 0.2s, -webkit-transform 0.2s;
  transition: border-color 0.2s, transform 0.2s;
  transition: border-color 0.2s, transform 0.2s, -webkit-transform 0.2s;
}

.global-footer__pageup a:hover {
  color: var(--color-text-pink);
}
.global-footer__pageup a:hover .icon-pageup {
  border-color: var(--color-text-pink);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}

@media (max-width: 1024px) {
  .global-footer {
    padding: 0 calc(10% + 0.5rem) 50px;
  }
  .global-footer__container {
    gap: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .global-footer__logo .img-logo {
    width: 100px;
  }
  .global-footer__menu {
    display: block;
  }
  .global-footer__list {
    display: none;
  }
  .global-footer__copyright {
    margin-top: 1rem;
    font-size: 0.6rem;
    font-weight: 600;
  }
}
/* home */
.home-container {
  max-width: var(--width-max);
  margin-right: auto;
  margin-left: auto;
}

.home-hero {
  margin: 0 auto 80px;
  width: 100%;
  padding: 100px 0;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.home-hero__scroll {
  position: fixed;
  bottom: 70px;
  right: calc(100vw - 35px);
  font-family: var(--font-en);
  font-weight: 700;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: 0.15em;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  pointer-events: none;
  z-index: 40;
}

.home-hero__scroll.is-visible {
  pointer-events: auto;
}

.home-hero__scroll.is-hide {
  pointer-events: none;
}

.home-hero__scroll a {
  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;
  gap: 10px;
  color: var(--color-text);
  opacity: 0;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  -webkit-transition: opacity 0.8s 2s, -webkit-transform 0.8s 2s;
  transition: opacity 0.8s 2s, -webkit-transform 0.8s 2s;
  transition: opacity 0.8s 2s, transform 0.8s 2s;
  transition: opacity 0.8s 2s, transform 0.8s 2s, -webkit-transform 0.8s 2s;
}

.home-hero__scroll.is-active a {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  pointer-events: auto;
}

.home-hero__scroll.is-hide a {
  opacity: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  pointer-events: none;
}

.home-hero__scroll img {
  width: 46px;
  height: auto;
}

.images-wrap {
  margin: 150px auto auto;
  width: 100%;
  padding: 50px 0;
  overflow: hidden;
  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;
}

.images-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 76%;
  max-width: var(--width-max);
}

.is-home .swiper-container {
  position: relative;
}
.is-home .swiper-slide {
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 1024px) {
  .is-home .swiper-slide {
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
  }
}
.is-home .swiper-inner {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 150%;
}
.is-home a.swiper-inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  z-index: 2;
  border: 10px transparent solid;
  border-right-color: var(--color-brand);
  border-bottom-color: var(--color-brand);
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.is-home a.swiper-inner:hover:after {
  opacity: 1;
  border-right-color: var(--color-text-yellow);
  border-bottom-color: var(--color-text-yellow);
}
.is-home .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  z-index: 1;
}
.is-home .swiper-inner.is-loaded img {
  opacity: 1;
}
.is-home .swiper-inner.is-broken {
  background: url(../images/pict_default_v.jpg) no-repeat center center;
  background-size: cover;
}
.is-home .swiper-inner.is-broken .swiper-lazy-preloader,
.is-home .swiper-inner.is-broken img {
  display: none;
}
.is-home .swiper-slide-active,
.is-home .swiper-slide-next {
  opacity: 1;
  pointer-events: auto;
}
.is-home .swiper-slide-left .swiper-inner {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.is-home .swiper-slide-right .swiper-inner {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}
.is-home .swiper-lazy-preloader {
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  border-width: 2px;
  --swiper-preloader-color: var(--color-bg-dark);
}
.is-home .swiper-button-prev,
.is-home .swiper-button-next {
  --swiper-navigation-size: 24px;
  --swiper-navigation-sides-offset: -50px;
  --swiper-navigation-color: var(--color-text);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.is-home .swiper-button-prev {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.is-home .swiper-button-next {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}
.is-home .swiper-button-prev:hover,
.is-home .swiper-button-next:hover {
  --swiper-navigation-color: var(--color-text-pink);
}

body.is-home.is-loaded .swiper-inner {
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}

@media (max-width: 1024px) {
  body.is-home.is-loaded .swiper-inner {
    -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
  }
}
.link-shop {
  position: absolute;
  top: -100px;
  right: -70px;
  display: block;
  width: 140px;
  height: 140px;
  z-index: 3;
  -webkit-transition-delay: 0.6s !important;
          transition-delay: 0.6s !important;
}

.link-shop a {
  display: block;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}

.link-shop a:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.link-shop img {
  width: 100%;
  height: auto;
}

.text-iloveyou {
  position: absolute;
  top: -70px;
  left: 54%;
  display: block;
  width: 30%;
  max-width: 240px;
  z-index: 2;
  pointer-events: none;
}

.text-iloveyou img {
  width: 100%;
  height: auto;
}

.text-catchphrase {
  position: absolute;
  bottom: -100px;
  left: -70px;
  display: block;
  width: 30%;
  max-width: 250px;
  z-index: 2;
  pointer-events: none;
}

.text-catchphrase img {
  width: 100%;
  height: auto;
}

.home-shop {
  background-color: var(--color-bg-secondary);
  padding-top: 100px;
  padding-bottom: 100px;
  margin-bottom: 100px;
  border-top: 1px #f5f0e7 solid;
  border-bottom: 1px #f5f0e7 solid;
}

.home-shop__container {
  width: 80%;
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 50px;
}

.home-sidebar {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24%;
  max-width: 240px;
  float: none;
  overflow: hidden;
}

.home-sidebar .category {
  list-style: none;
  margin-bottom: 20px;
  border-top: 1px var(--color-border) dashed;
}

.home-sidebar .category li {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 1px var(--color-border) dashed;
  background: none;
  font-size: 75%;
  font-weight: 600;
  line-height: 1.4em;
  letter-spacing: 0.2em;
}

.home-sidebar .category li a {
  width: 100%;
  color: var(--color-text);
  padding-top: 12px;
  padding-bottom: 12px;
  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;
  gap: 15px;
}

.home-sidebar .category li a:hover {
  color: var(--color-text-pink);
}

.home-sidebar .category li .thumb {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 36px;
  height: 36px;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}

.home-sidebar .category li a:hover .thumb {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-transform: translate(-2px, -2px);
          transform: translate(-2px, -2px);
}

.home-sidebar .category li .thumb img {
  width: 36px;
  height: 36px;
  vertical-align: middle;
  mix-blend-mode: multiply;
}

.home-sidebar .category li .title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.home-shop h2 {
  margin-bottom: 40px;
  font-family: var(--font-en);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.2em;
}

.home-shop__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.home-shop__item-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 25px;
  width: 100%;
}

.home-shop__item-list .article {
  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;
  font-size: 1rem;
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.home-shop__item-list.is-visible .article {
  opacity: 1;
}

.home-shop__item-list.is-visible .article:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.home-shop__item-list.is-visible .article:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.home-shop__item-list.is-visible .article:nth-child(3) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.home-shop__item-list.is-visible .article:nth-child(4) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.home-shop__item-list.is-visible .article:nth-child(5) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.home-shop__item-list.is-visible .article:nth-child(6) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.home-shop__item-list.is-visible .article:nth-child(7) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.home-shop__item-list.is-visible .article:nth-child(8) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.home-shop__item-list .article::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.home-shop__item-list .article a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.home-shop__item-list .article a:hover {
  opacity: 0.8;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.home-shop__item-list .article:nth-of-type(1) {
  grid-area: 1/1/3/3;
}

.home-shop__item-list .article:nth-of-type(2) {
  grid-area: 1/3/2/4;
}

.home-shop__item-list .article:nth-of-type(3) {
  grid-area: 2/3/3/4;
}

.home-shop__item-list .article:nth-of-type(4) {
  grid-area: 1/4/3/6;
}

.home-shop__item-list .article:nth-of-type(5) {
  grid-area: 3/1/5/3;
}

.home-shop__item-list .article:nth-of-type(6) {
  grid-area: 3/3/5/5;
}

.home-shop__item-list .article:nth-of-type(7) {
  grid-area: 3/5/4/6;
}

.home-shop__item-list .article:nth-of-type(8) {
  grid-area: 4/5/5/6;
}

.home-shop__item-list .flg {
  display: none;
}

.home-shop__item-list .thumb {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  z-index: 1;
}

.home-shop__item-list .title,
.home-shop__item-list .price {
  display: none;
}

@media (max-width: 1200px) {
  .home-shop__item-list {
    gap: 2vw;
  }
}
@media (max-width: 1024px) {
  .home-shop h2 {
    font-size: 1.1rem;
  }
  .home-shop__item-list {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
  .home-shop__item-list {
    gap: 18px;
  }
  .home-shop__item-list .article:nth-of-type(1) {
    grid-area: 1/1/3/3;
  }
  .home-shop__item-list .article:nth-of-type(2) {
    grid-area: 1/3/2/4;
  }
  .home-shop__item-list .article:nth-of-type(3) {
    grid-area: 2/3/3/4;
  }
  .home-shop__item-list .article:nth-of-type(4) {
    grid-area: 3/1/4/2;
  }
  .home-shop__item-list .article:nth-of-type(5) {
    grid-area: 4/1/5/2;
  }
  .home-shop__item-list .article:nth-of-type(6) {
    grid-area: 3/2/5/4;
  }
  .home-shop__item-list .article:nth-of-type(7) {
    display: none !important;
  }
  .home-shop__item-list .article:nth-of-type(8) {
    display: none !important;
  }
}
.home-shop__link {
  text-align: center;
  margin-top: 80px;
}

.link-shop-button {
  display: inline-block;
  background-color: var(--color-brand);
  padding: 18px;
  min-width: 320px;
  font-weight: 600;
  color: var(--color-bg-secondary) !important;
  text-decoration: none !important;
  font-family: var(--font-en);
  line-height: 1.4;
  font-size: 20px;
  letter-spacing: 0.2em;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.link-shop-button:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}

.home-article {
  padding: 0 10% 100px;
}

.home-article h2 {
  margin-bottom: 60px;
  font-family: var(--font-en);
  line-height: 1.6;
  font-weight: 700;
  font-size: 1.3rem;
  letter-spacing: 0.15em;
}

.home-article__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3.5%;
  row-gap: 50px;
  width: 100%;
}

.home-article__list .article {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 31%;
          flex: 0 0 31%;
  opacity: 0;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}

@media (max-width: 1024px) {
  .home-article__list {
    gap: 6%;
    row-gap: 50px;
  }
  .home-article__list .article {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
            flex: 0 0 47%;
  }
}
.home-article__list.is-visible .article {
  opacity: 1;
}

.home-article__list.is-visible .article:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.home-article__list.is-visible .article:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.home-article__list.is-visible .article:nth-child(3) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.home-article__list.is-visible .article:nth-child(4) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.home-article__list.is-visible .article:nth-child(5) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.home-article__list.is-visible .article:nth-child(6) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.home-article__list .article a {
  display: block;
  color: var(--color-text);
  text-decoration: none;
}

.article__thumb {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 40%;
  margin-bottom: 20px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.home-article__list .article a:hover .article__thumb {
  opacity: 0.8;
}

.article__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.article__ttl {
  margin-bottom: 6px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.7;
}

.article__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  font-family: var(--font-en);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.07em;
  line-height: 1.6;
  color: var(--color-text-blue);
}

.home-article__link {
  text-align: center;
  margin-top: 80px;
  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;
  gap: 35px;
}

.link-button {
  display: inline-block;
  padding: 6px 0 6px 0.2em;
  border-bottom: 3.5px var(--color-text) solid;
  font-weight: 700;
  color: var(--color-text) !important;
  text-decoration: none !important;
  font-family: var(--font-en);
  line-height: 1.4;
  font-size: 21px;
  letter-spacing: 0.2em;
  -webkit-transition: color 0.2s, border-color 0.2s;
  transition: color 0.2s, border-color 0.2s;
}

.link-button:hover {
  color: var(--color-text-blue) !important;
  border-color: var(--color-text-blue) !important;
}

.link-button--diary:hover {
  color: var(--color-text-pink) !important;
  border-color: var(--color-text-pink) !important;
}

.home-about {
  background-color: var(--color-bg-dark);
}

.home-about__container {
  position: relative;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 480px;
}

.home-about__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 68%;
  height: 100%;
  z-index: 1;
}

.home-about__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  pointer-events: none;
}

.home-about__text {
  position: relative;
  padding: 80px 80px 80px 0;
  width: 36%;
  margin-left: auto;
  color: var(--color-text-yellow);
  z-index: 2;
}

.home-about__text :last-child {
  margin-bottom: 0 !important;
}

.home-about h2 {
  margin-bottom: 25px;
  font-family: var(--font-en);
  line-height: 1.6;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.17em;
}

.home-about__text p {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 20px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.07em;
}

.home-about__text p.home-about__catchphrase {
  font-size: 18px;
  font-weight: 600;
}

.home-about .link-button {
  color: var(--color-text-yellow) !important;
  border-color: var(--color-text-yellow);
  font-size: 18px;
}

.home-about .link-button:hover {
  color: var(--color-bg) !important;
  border-color: var(--color-bg) !important;
}

.social-link {
  position: fixed;
  bottom: 50%;
  left: 10px;
  -webkit-transform: rotate(90deg) translateX(-50%);
          transform: rotate(90deg) translateX(-50%);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  z-index: 50;
  -webkit-transition-delay: 1.2s !important;
          transition-delay: 1.2s !important;
}

.social-link a {
  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;
  gap: 10px;
  padding: 12px 19px 9px 20px;
  border: 2.5px var(--color-text) solid;
  border-bottom: 0;
}

.social-link__icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.social-link__icon .menu-pict {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: var(--color-text);
}

.social-link a:hover .menu-pict {
  background-color: var(--color-text-pink);
}

.social-link__ttl {
  text-transform: uppercase;
  font-family: var(--font-en);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--color-text);
}

.social-link a:hover {
  border-color: var(--color-text-pink);
}

.social-link a:hover .social-link__ttl {
  color: var(--color-text-pink);
}

@media (hover: hover) {
  .social-link a {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
  }
  .social-link__icon .menu-pict {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .social-link__ttl {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
}
.home-footer__container {
  padding: 0 7%;
}

.home-footer .sidebar-ttl,
.home-footer .general-list {
  display: none;
}

@media (max-width: 1024px) {
  .home-hero {
    margin-bottom: 60px;
    padding: 80px 0;
  }
  .images-container {
    max-width: 540px;
  }
  .text-iloveyou {
    top: -40px;
    left: -4%;
    width: 55%;
  }
  .text-catchphrase {
    bottom: -90px;
    left: -10%;
    display: block;
    width: 50%;
  }
  .link-shop {
    top: -70px;
    right: -60px;
    width: 140px;
    height: 140px;
  }
  .is-home .swiper-slide-next {
    opacity: 0;
    pointer-events: none;
  }
  .is-home .swiper-slide-left .swiper-inner {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .is-home .swiper-slide-right .swiper-inner {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .is-home .home-hero .swiper-button-prev,
  .is-home .home-hero .swiper-button-next {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    --swiper-navigation-size: 20px;
    --swiper-navigation-sides-offset: 0;
  }
  .is-home .home-hero .swiper-button-prev {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    bottom: -50px;
    right: 60px;
    left: auto;
    top: auto;
  }
  .is-home .home-hero .swiper-button-next {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    bottom: -50px;
    right: 15px;
    left: auto;
    top: auto;
  }
  .home-about {
    margin-bottom: 3rem;
  }
  .home-about__thumb {
    width: 55%;
  }
  .home-about__container {
    min-height: 0;
  }
  .home-about__text {
    padding: 70px 50px 70px 0;
    width: 50%;
  }
}
@media (max-width: 768px) {
  .home-container,
  .images-container,
  .home-shop__container,
  .home-article__container {
    width: var(--width-md);
  }
  .home-hero {
    padding: 80px 0;
  }
  .text-iloveyou {
    top: -30px;
    max-width: 180px;
  }
  .link-shop {
    top: -70px;
    right: -60px;
    width: 130px;
    height: 130px;
  }
  .home-shop {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
  .home-shop__container {
    display: block;
  }
  .home-shop .home-sidebar {
    display: none;
  }
  .home-sidebar {
    width: 100%;
    max-width: 100%;
  }
  #home-footer-sidebar h2 {
    margin-bottom: 15px;
    font-family: var(--font-en);
    line-height: 1.6;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.15em;
  }
  #home-footer-sidebar #sidebar {
    margin-bottom: 30px;
    width: 100%;
  }
  .home-shop__link {
    margin-top: 40px;
  }
  .home-article {
    padding: 0 0 50px;
  }
  .home-article h2 {
    margin-bottom: 40px;
    font-size: 1.1rem;
  }
  .home-article__list {
    row-gap: 40px;
  }
  .home-article__list .article {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .home-article__list .article:nth-child(n+4) {
    display: none;
  }
  .home-article__link {
    margin-top: 45px;
    margin-bottom: 20px;
    gap: 30px;
  }
  .link-button {
    font-size: 18px;
  }
  .home-about__thumb {
    width: 60%;
  }
  .home-about__text {
    padding: 60px 50px 60px 0;
    width: 45%;
  }
  .home-about h2 {
    margin-bottom: 20px;
  }
  .home-about__text p {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .home-about__text p.home-about__catchphrase {
    font-size: 16px;
  }
  .social-link {
    position: absolute;
    top: 350px;
    bottom: auto;
  }
  .home-footer #footer {
    width: 100%;
  }
  .home-footer {
    padding: 45px 0 0;
  }
  .home-footer .sidebar-ttl {
    display: block;
    margin-top: 0;
  }
  .home-footer__nav-shop {
    margin-bottom: 20px;
  }
  .home-footer__nav-shop ul {
    list-style: none;
  }
  .home-footer__nav-shop li {
    position: relative;
    font-size: 70%;
    line-height: 1.4em;
  }
  .home-footer__nav-shop li a,
  .home-footer__nav-shop li a:visited {
    display: block;
    color: var(--color-text);
  }
  .home-footer__nav-shop li a:hover {
    color: var(--color-text-pink);
  }
  .home-footer__nav-shop .category {
    margin-bottom: 25px;
  }
  .home-footer__nav-shop .category li {
    font-size: 80%;
    margin-bottom: 0;
  }
  .home-footer__nav-shop .category li a {
    padding: 10px 2px;
    gap: 13px;
  }
  .home-footer__nav-shop .category li .thumb img {
    width: 32px;
    height: 32px;
  }
  .home-footer__nav-shop .general-list {
    display: block;
    border: 1px var(--color-border) solid;
    border-radius: 3px;
  }
  .home-footer__nav-shop .general-list li {
    border-bottom: 1px var(--color-border) solid;
    font-size: 70%;
  }
  .home-footer__nav-shop .general-list li:last-child {
    border-bottom: 0;
  }
  .home-footer__nav-shop .general-list li a {
    display: block;
    padding: 12px 15px;
  }
}
@media (max-width: 576px) {
  .home-container,
  .home-shop__container,
  .home-article__container {
    width: var(--width-sm);
  }
  .home-hero {
    margin: 0 auto 30px;
    padding: 70px 0 100px;
  }
  .images-container {
    width: 76%;
  }
  .home-hero__scroll {
    display: none;
  }
  .text-catchphrase {
    bottom: -100px;
    left: -10%;
    display: block;
    width: 65%;
  }
  .link-shop {
    top: -65px;
    right: -25px;
    width: 120px;
    height: 120px;
  }
  .link-shop-button {
    padding: 20px 0;
    width: var(--width-sm);
    min-width: 0;
    font-size: 18px;
  }
  .home-about__thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 90%;
  }
  .home-about__text {
    padding: 0;
    width: 80%;
    margin: -70px auto 50px;
  }
}
/* article list */
#article-list:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#article-list {
  margin-bottom: 20px;
  position: relative;
  width: 700px;
}

#article-list h1,
#article-list h2 {
  position: relative;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
  letter-spacing: 0.05em;
}

#article-list h1.en,
#article-list h2.en {
  font-size: 1.45rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#article-list h1 a,
#article-list h2 a {
  color: var(--color-text);
}

#article-list h1 a:hover,
#article-list h2 a:hover {
  color: var(--color-text-pink);
}

#article-list .article-list__ttl {
  background: none;
  font-size: 90%;
  margin-top: 0;
  margin-bottom: 15px;
  padding: 0;
  color: var(--color-text-blue);
  letter-spacing: 0.15em;
}

#article-list .article-list__ttl .en {
  letter-spacing: 0.15em;
}

#article-list .article-list__ttl small {
  font-size: 10px;
  letter-spacing: 0.15em;
}

#article-list p {
  margin-bottom: 20px;
  font-size: 75%;
  line-height: 1.8em;
}

.article-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 30px;
}

#article-list .article {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc((100% - 90px) / 4);
          flex: 0 1 calc((100% - 90px) / 4);
  vertical-align: top;
  position: relative;
}

#article-list .article a {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

#article-list .soldout .flg {
  display: block;
  width: 50px;
  height: auto;
  line-height: 1em;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 12px;
}

#article-list .soldout .flg img {
  width: 100%;
  height: auto;
}

#article-list .thumb {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

#article-list a:hover .thumb {
  opacity: 0.8;
}

#article-list .thumb img {
  vertical-align: bottom;
  height: 150px;
}

#article-list .title {
  display: block;
  width: 150px;
  font-size: 72%;
  font-weight: 500;
  line-height: 1.7em;
  letter-spacing: 0.04em;
  word-break: break-all;
  color: var(--color-text);
}

#shop #article-list .title {
  font-size: 68%;
  font-weight: 400;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

#shop #article-list .title img {
  display: none !important;
}

#shop #article-list .has-label .title img {
  display: inline !important;
}

#shop #article-list .has-label.has-label--new .title img {
  display: none !important;
}

#shop #article-list .has-label--new:before {
  content: "NEW";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 34px;
  height: 34px;
  padding-top: 1px;
  padding-left: 1px;
  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-radius: 50%;
  background-color: var(--color-text-pink);
  font-size: 10px;
  font-family: var(--font-en);
  font-weight: 600;
  line-height: 1;
  color: var(--color-bg);
  z-index: 20;
  pointer-events: none;
  -webkit-animation: spin 0.6s ease-in-out forwards;
          animation: spin 0.6s ease-in-out forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

#shop #article-list .soldout.has-label--new:before {
  display: none;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#article-list .price,
#article-list .text {
  display: block;
  width: 150px;
  font-size: 68%;
  line-height: 1.8;
  color: var(--color-text);
  word-break: break-all;
}

#article-list .price {
  font-family: var(--font-en);
  font-size: 85%;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 3px;
}

#article-list .article:not(#article-first) .text {
  margin-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

#article-list a:hover .title,
#article-list a:hover .price,
#article-list a:hover .text {
  color: var(--color-text-pink);
}

@media (hover: hover) {
  #article-list .title,
  #article-list .price,
  #article-list .text {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
}
#article-list #article-first {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding-bottom: 40px;
  width: 100%;
  background: url("../images/line_first_bot.gif") no-repeat left bottom;
}

#article-list #article-first .thumb {
  float: left;
  width: 470px;
  overflow: hidden;
  height: auto;
  padding-bottom: 0;
}

#article-list #article-first .thumb a {
  width: 470px;
  overflow: hidden;
}

#article-list #article-first .thumb img {
  width: auto;
  height: auto;
  max-width: 470px;
}

#article-list #article-first .text {
  float: right;
  width: 200px;
}

#article-list #article-first .text p {
  margin-bottom: 5px;
  font-size: 100%;
  width: 200px !important;
}

#article-list #article-first .text p.title {
  font-weight: 500;
  font-size: 120%;
  width: 200px;
  margin-bottom: 15px;
}

#article-list #article-first .text p.title img {
  margin-bottom: 8px;
}

#article-list #article-first .text p.title a,
#article-list #article-first .text p.title a:visited {
  color: var(--color-text);
  width: 200px;
}

#article-list #article-first .text p.readmore {
  margin-top: 15px;
}

#article-list #article-first .text p.title a:hover {
  color: var(--color-text-blue);
}

#article-list #article-first .text,
#article-list #article-first a:hover .text {
  background: none;
  padding-bottom: 0;
}

#article-list p.sort {
  margin-top: -44px;
  margin-bottom: 35px;
  text-align: right;
  font-family: var(--font-en);
  font-size: 75%;
  line-height: 1.4em;
  letter-spacing: 0.12em;
}

@media (max-width: 1024px) {
  #article-list #article-first {
    display: none;
  }
  #article-list {
    width: auto;
  }
  #article-list h1,
  #article-list h2 {
    text-align: center;
    margin: 3rem 0 3.5rem;
  }
  #article-list .article-list__ttl {
    margin: 0 0 5px;
  }
  #article-list p.sort {
    margin: 1rem 0 2rem;
    text-align: center;
    font-size: 75%;
    line-height: 1.4em;
    letter-spacing: 0.08em;
  }
  .sort__ttl {
    display: none;
  }
  .sort__list {
    display: block;
  }
  .article-container {
    gap: 40px;
  }
  #article-list .article {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% - 120px) / 4);
            flex: 0 1 calc((100% - 120px) / 4);
  }
  #article-list.article-list--related .article:nth-of-type(n+3) {
    display: none;
  }
  #article-list .article a {
    width: 100%;
  }
  #article-list .thumb {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  }
  #article-list .title {
    width: auto;
  }
  #article-list .price,
  #article-list .text {
    width: auto;
  }
}
@media (max-width: 768px) {
  .article-container {
    gap: 40px;
  }
  #article-list .article {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% - 80px) / 3);
            flex: 0 1 calc((100% - 80px) / 3);
  }
}
@media (max-width: 575px) {
  .article-container {
    gap: 10%;
    row-gap: 30px;
  }
  #article-list .article {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 45%;
            flex: 0 1 45%;
  }
}
/* article qa */
#article-qa:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#article-qa {
  margin-bottom: 30px;
}

#article-qa h2 {
  font-size: 80%;
  padding: 0 0 25px 10px;
  background: url("../images/line.gif") no-repeat left bottom;
}

#article-qa .article {
  padding-top: 10px;
  padding-bottom: 13px;
  background: url("../images/line.gif") no-repeat left bottom;
}

#article-qa .article:first-child {
  padding-top: 20px;
  background: url("../images/line.gif") no-repeat left top, url("../images/line.gif") no-repeat left bottom;
}

#article-qa h3 {
  padding: 18px 0 15px 60px;
  font-size: 75%;
  line-height: 1.6em;
  min-height: 20px;
  background: url("../images/icon_q.gif") no-repeat 15px 10px;
}

#article-qa p {
  padding: 15px 0 20px 60px;
  font-size: 75%;
  line-height: 1.6em;
  min-height: 20px;
  background: url("../images/icon_a.gif") no-repeat 15px 10px;
}

/* post */
.post:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.post {
  width: 700px;
  margin-bottom: 20px;
}

.post [id] {
  scroll-margin-top: 30px;
}

.post h1,
.post h2 {
  position: relative;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 2rem;
  letter-spacing: 0.05em;
}

.post h3 {
  font-size: 85%;
  margin-top: 20px;
  margin-bottom: 16px;
  padding: 20px 0 15px 35px;
  color: var(--color-text-blue);
  background: url(../images/icon_crown2.gif) no-repeat 0 15px;
}

.post h3:first-child {
  margin-top: 0;
}

.post h4 {
  padding: 5px 0 5px 25px;
  margin-bottom: 16px;
  font-size: 80%;
  background: url(../images/icon_crown_s.gif) no-repeat 0 7px;
}

.post h5 {
  margin-top: 20px;
  margin-bottom: 7px;
  color: var(--color-text-blue);
  font-size: 80%;
}

.post h6 {
  margin-bottom: 7px;
  font-size: 75%;
}

.post p {
  font-size: 0.8rem;
  line-height: 2.1;
  margin-bottom: 1rem;
}

.post .p-sm {
  font-size: 0.7rem;
  line-height: 1.9;
}

.post img {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

.post .text > figure {
  margin-bottom: 16px;
}

.post table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px 0;
  width: 100%;
  border-top: 1px var(--color-border-blue) dashed;
}

.post table th {
  padding: 8px 15px;
  background: var(--color-bg-blue);
  font-size: 75%;
  line-height: 1.6em;
  font-weight: 500;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px var(--color-border-blue) dashed;
  white-space: nowrap;
}

.post table td {
  padding: 8px 15px;
  font-size: 75%;
  line-height: 1.6em;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px var(--color-border-blue) dashed;
}

.post table td.price {
  text-align: right;
  white-space: nowrap;
  font-weight: 500;
  width: 80px;
}

.post ul,
.post ol {
  margin: 20px 0 20px 20px;
  padding-left: 20px;
}

.post ul ul,
.post ol ol,
.post ul ol,
.post ol ul {
  margin: 10px 0 10px 15px;
  padding-left: 15px;
}

.post li {
  font-size: 75%;
  line-height: 1.8em;
  margin-bottom: 5px;
}

.post li li {
  font-size: 100%;
}

.post dl:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.post dl {
  width: 100%;
  margin: 0 0 10px;
  border-bottom: 1px #B8DEC2 dashed;
}

.post dt {
  width: 180px;
  float: left;
  clear: left;
  margin-bottom: 10px;
  padding: 10px 20px 0 0;
  font-size: 75%;
  font-weight: 500;
  line-height: 1.8em;
  text-align: right;
  border-top: 1px #B8DEC2 dashed;
}

.post dd {
  width: 500px;
  float: left;
  margin-bottom: 10px;
  padding: 10px 0 0;
  font-size: 75%;
  line-height: 1.8em;
  border-top: 1px #B8DEC2 dashed;
}

.post blockquote {
  margin: 0 0 20px;
  padding: 5px 0 0 20px;
  border-left: 4px #E4DBDA solid;
}

.post blockquote p,
.post blockquote li {
  line-height: 1.6em;
}

pre {
  margin: 0 0 20px;
}

.post .bgwrap {
  background: var(--color-bg-pink);
  margin: 20px 0;
  padding: 16px 20px 1px;
}

.post .bgwrap ul,
.post .bgwrap ol {
  margin-top: 0;
  margin-bottom: 10px;
}

.post .text {
  float: left;
  width: 500px;
  overflow: hidden;
}

.text__sup {
  margin: 20px 0;
}

.post .text dt {
  width: 120px;
}

.post .text dd {
  width: 360px;
}

.post .meta {
  position: relative;
  float: right;
  width: 150px;
  height: 100%;
  overflow: hidden;
}

.post .meta h3 {
  margin-top: 2px;
  margin-bottom: 15px;
  padding: 0;
  font-family: var(--font-en);
  font-size: 70%;
  background: none;
  border-bottom: 0;
}

.post .meta ul,
.post .meta ol {
  list-style: none;
  margin: 0 0 20px;
  padding-left: 0;
}

.post .meta li {
  position: relative;
  margin-bottom: 10px;
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 1.4em;
  padding-left: 15px;
}

.post .meta li:before {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 7px;
  height: 1px;
  background-color: var(--color-text);
}

.post .meta p {
  margin-bottom: 20px;
  font-size: 75%;
  font-weight: normal;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

.post .meta a,
.post .meta a:visited {
  color: var(--color-text);
}

.post .meta a:hover {
  color: var(--color-text-pink);
}

.post .meta.is-sticky {
  position: sticky;
  top: 40px;
}

.indent-wrap {
  margin: 0 0 30px 25px;
}

.post hr {
  clear: both;
  height: 0;
  margin: 20px 0;
  padding: 0;
  border: 0;
  border-top: 1px var(--color-border) dashed;
}

#shop .post hr {
  margin: 40px 0 20px;
}

.post .list-logo img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}

.post .h-sub {
  margin-top: 20px;
  margin-bottom: 5px;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 11px;
}

@media (max-width: 1024px) {
  .post [id] {
    scroll-margin-top: 120px;
  }
  .post ul,
  .post ol {
    margin: 20px 0;
  }
  .indent-wrap {
    margin: 0 0 30px;
  }
  .post {
    width: auto;
    margin-bottom: 20px;
  }
  .post h1,
  .post h2,
  .post h3,
  .post h4,
  .post h5,
  .post h6 {
    font-weight: 600;
    letter-spacing: 0.07em;
  }
  .post h1,
  .post h2 {
    font-size: 1.05rem;
    line-height: 1.7;
    text-align: center;
    padding-top: 0;
  }
  .post h1:before,
  .post h2:before {
    display: none;
  }
  .post img {
    max-width: 100%;
    height: auto;
  }
  .post p.wide {
    margin-right: -12.5%;
    margin-left: -12.5%;
  }
  .post dt {
    float: none;
    width: auto;
    padding: 0;
    margin-bottom: 5px;
  }
  .post dd {
    float: none;
    width: auto;
    padding: 0;
    margin-bottom: 10px;
    word-break: break-word;
  }
  .post table th {
    padding: 6px 10px;
    font-weight: 500;
    white-space: normal;
    min-width: 50px;
  }
  .post table td {
    padding: 6px 10px;
    word-break: break-word;
  }
  .post .text {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
  .post .text dl {
    border-bottom: 0;
  }
  .post .text dt {
    width: auto;
    float: none;
    padding: 0;
    text-align: left;
    border-top: 0;
    margin-bottom: 5px;
  }
  .post .text dd {
    width: auto;
    float: none;
    padding: 5px 0 0;
    margin-bottom: 20px;
  }
  .post .meta {
    float: none;
    width: auto;
    margin: 20px 0;
  }
  .post .meta h3 {
    margin-bottom: 10px;
  }
  .post .meta li:before {
    display: none;
  }
  .post .meta.is-sticky {
    position: static;
    top: auto;
  }
}
.nav-page:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.nav-page {
  clear: both;
  width: 700px;
  line-height: 1em;
}

.nav-page img {
  vertical-align: bottom;
}

.nav-page .next {
  float: right;
  width: 56px;
}

.nav-page .prev {
  float: left;
  width: 56px;
}

.nav-page .text {
  margin-top: 3px;
  text-align: center;
  font-size: 80%;
  font-family: var(--font-en);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: var(--color-text-gray);
}

#nav-articlefooter:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#nav-articlefooter {
  width: 700px;
  margin-top: 30px;
}

#nav-articlefooter dt {
  width: 150px;
  clear: left;
  float: left;
  margin-bottom: 15px;
  font-size: 70%;
  line-height: 1.8em;
}

#nav-articlefooter dt img {
  margin-top: 2px;
  vertical-align: baseline;
}

#nav-articlefooter dd:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#nav-articlefooter dd {
  width: 550px;
  float: left;
  margin-bottom: 15px;
  font-size: 80%;
  line-height: 2.4;
  overflow: hidden;
}

#nav-articlefooter dd ul {
  list-style: none;
  display: inline;
}

#nav-articlefooter dd li {
  float: left;
  display: block;
  margin-right: 10px;
  margin-bottom: 5px;
}

#nav-articlefooter dd li a,
#nav-articlefooter dd li a:visited {
  display: inline-block;
  padding: 5px 12px;
  line-height: 1.2;
  background-color: var(--color-bg-beige);
  color: var(--color-text);
  white-space: nowrap;
  border-radius: 100px;
  font-family: var(--font-en);
  font-weight: 400;
}

#nav-articlefooter dd li a:hover {
  background-color: var(--color-text-pink);
  color: var(--color-bg);
}

@media (hover: hover) {
  #nav-articlefooter dd li a {
    -webkit-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
  }
}
@media (max-width: 1024px) {
  .nav-page,
  #nav-articlefooter {
    width: auto;
  }
  #nav-articlefooter {
    margin-bottom: 20px;
  }
  #nav-articlefooter dt {
    width: auto;
    clear: left;
    float: none;
    margin-bottom: 10px;
  }
  #nav-articlefooter dt img {
    margin-top: 0;
  }
  #nav-articlefooter dd {
    width: auto;
    float: none;
    margin-bottom: 30px;
  }
  #nav-articlefooter dd ul {
    display: list-item;
  }
}
/* product */
#product h2 .productid {
  display: block;
  width: 100px;
  margin: 15px 10px 0 0;
  float: right;
  color: var(--color-text-gray);
  font-family: var(--font-en);
  font-size: 80%;
  font-weight: normal;
  line-height: 2em;
  text-align: right;
  letter-spacing: 1px;
}

#product h2 .category {
  font-size: 80%;
  line-height: 2em;
  letter-spacing: 1px;
  font-weight: normal;
}

#product h2 .category a,
#product h2 .category a:visited {
  color: var(--color-text-gray);
}

#product h2 .category a:hover {
  color: var(--color-text-pink);
}

#product h2 img {
  vertical-align: middle;
  margin-right: 5px !important;
}

.product-form:after {
  content: "";
  display: block;
  clear: both;
}

#product ul.pict:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#product ul.pict {
  margin: 0;
  list-style: none;
  width: 700px;
  margin-bottom: 20px;
  padding-left: 0;
}

#product ul.pict li {
  float: left;
  width: 80px;
  overflow: hidden;
  margin-bottom: 20px;
  text-align: center;
}

#product ul.pict li img {
  height: 80px;
  width: auto;
  vertical-align: bottom;
}

#product ul.pict li.mainpict {
  float: left;
  width: 600px;
  margin-right: 20px;
  position: relative;
}

#product ul.pict li.mainpict img {
  width: 600px;
  height: auto;
}

#product ul.pict li.mainpict .flg img {
  display: block;
  width: 115px;
  height: 100px;
  line-height: 1em;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 20px;
}

#product ul.pict .subpict {
  display: block;
  margin: 0;
  width: 100%;
  height: 0;
  padding-bottom: 96%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#product .text {
  font-size: 75%;
  line-height: 2.2em;
}

#product .text h3 {
  background: url(../images/icon_crown.gif) no-repeat 0 0;
  margin-bottom: 0;
  padding: 3px 0 3px 30px;
  border-bottom: 0;
  font-size: 100%;
}

#product .text p,
#product .text li,
#product .text dt,
#product .text dd,
#product .text th,
#product .text td {
  font-size: 100%;
}

.main-product {
  overflow: visible !important;
}

.shop-heading {
  float: left;
  width: 200px;
  display: block;
  margin-bottom: 2rem;
}

.shop-heading a {
  margin: 0 auto;
  width: 160px;
  height: 160px;
  padding-left: 0.1em;
  padding-top: 0.3em;
  border-radius: 50%;
  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;
  background-color: var(--color-brand);
  color: var(--color-bg);
  text-align: center;
  font-size: 1.5rem;
  font-family: var(--font-en);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.4;
}

.shop-heading a:hover {
  background-color: var(--color-text-pink);
}

@media (hover: hover) {
  .shop-heading a {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}
.product-heading {
  padding: 0 20px;
  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;
  gap: 40px;
  margin-bottom: 1rem;
}

.product-heading:before,
.product-heading:after {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 4px;
  height: 85px;
  background-color: var(--color-text);
  -webkit-mask: var(--img-line-dashed-v) repeat-y center top;
          mask: var(--img-line-dashed-v) repeat-y center top;
  -webkit-mask-size: 3.8px auto;
          mask-size: 3.8px auto;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.product-heading:after {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.product-heading__cat {
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  letter-spacing: 0.15em;
}

.product-heading__name {
  padding-top: 0 !important;
  margin-bottom: 0.5rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.6;
  text-align: center;
}

.product-heading__name:before {
  display: none !important;
}

.product-heading__id {
  text-align: center;
  font-size: 0.7rem;
  letter-spacing: 0.07em;
  color: var(--color-text-gray);
}

#product .product-name img {
  display: none !important;
}

#product.has-label .product-name img {
  display: inline !important;
}

#product.has-label.has-label--new .product-name img {
  display: none !important;
}

.product-photo {
  position: relative;
  margin-bottom: 20px;
}

#product.has-label--new .product-photo:before {
  content: "NEW";
  position: absolute;
  top: -16px;
  right: -16px;
  width: 48px;
  height: 48px;
  padding-top: 1px;
  padding-left: 1px;
  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-radius: 50%;
  background-color: var(--color-text-pink);
  font-size: 13px;
  font-family: var(--font-en);
  font-weight: 600;
  line-height: 1;
  color: var(--color-bg);
  z-index: 20;
  pointer-events: none;
  -webkit-animation: spin 0.6s ease-in-out forwards;
          animation: spin 0.6s ease-in-out forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

#product.soldout.has-label--new .product-photo:before {
  display: none;
}

.product-photo__soldout {
  position: absolute;
  top: 35px;
  left: 40px;
  z-index: 2;
}

.product-photo__soldout img {
  width: 120px;
  height: 120px;
}

.product-photo .swiper-slide {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 66%;
  background-color: var(--color-bg-pink);
}
.product-photo .swiper-lazy-preloader {
  --swiper-preloader-color: var(--color-text-pink);
  width: 24px !important;
  height: 24px !important;
  margin-left: -12px !important;
  margin-top: -12px !important;
  border-width: 3px !important;
}
.product-photo .swiper-photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  font-size: 10px;
  color: var(--color-bg-pink);
}
.product-photo .swiper-button-next,
.product-photo .swiper-button-prev {
  --swiper-navigation-size: 30px;
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 25px;
  --swiper-navigation-color: var(--color-text-pink);
}

.product-thumb {
  margin-bottom: 40px;
}
.product-thumb .swiper-thumb {
  width: 100%;
}
.product-thumb .swiper-thumb .swiper-slide {
  width: 200px;
  max-width: 200px;
  overflow: hidden;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.product-thumb .swiper-slide__img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.product-thumb .swiper-thumb .swiper-slide-thumb-active {
  opacity: 0.3;
  cursor: auto;
}
.product-thumb .swiper-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-thumb .swiper-wrapper,
.product-thumb .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.product-cart {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 240px;
  border-top: 2px var(--color-border) solid;
  padding-top: 20px;
}

.product-cart dl {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0;
  margin-bottom: 10px;
}

.product-cart dt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
  font-size: 75%;
  font-weight: 600;
  padding: 5px 15px 5px 0;
  margin: 0;
  color: var(--color-text);
  text-align: left;
  line-height: 1.4em;
  white-space: nowrap;
  border: 0;
  letter-spacing: 0.07em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.product__ttl-img {
  height: 12px !important;
  width: auto !important;
}

.product-cart dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 65%;
          flex: 1 1 65%;
  padding: 10px 0;
  margin: 0;
  font-size: 85%;
  font-weight: 400;
  text-align: right;
  line-height: 1.4em;
  border: 0;
}

.product-cart dl dd.price {
  font-size: 110%;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-family: var(--font-en);
}

.product-cart dl dd.qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-cart dl dd.qty img {
  width: 16px !important;
  height: auto !important;
}

.product-cart dl dd.qty img:hover {
  opacity: 0.7;
}

.qty__input {
  margin-right: 8px;
  margin-left: 8px;
}

.qty__input input {
  font-size: 16px;
  width: 40px !important;
  height: 32px;
  text-align: center;
  padding: 5px;
  line-height: 1.2em;
  letter-spacing: 1px;
  border: 1px solid var(--color-border);
  background: white;
  border-radius: 3px;
  color: var(--color-text);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.product-cart dl dd select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text);
  background-color: white;
  background-image: var(--bs-form-select-bg-img);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px #b5a68f solid;
  border-radius: 3px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.qty__unit {
  margin-left: 10px;
  font-size: 90%;
  line-height: 1.6;
}

.product-cart input:focus,
.product-cart select:focus {
  outline: 0;
}

.product-cart .addtocart {
  margin-top: 20px;
  margin-bottom: 20px;
}

.product-cart .addtocart__btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  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;
  text-align: center;
  width: 100%;
  background-color: var(--color-brand);
  padding: 16px 5px 16px 0;
  color: var(--color-bg);
  font-size: 15px;
  letter-spacing: 0.05em;
  font-weight: bold;
}

.product-cart .addtocart__btn:before {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-color: var(--color-bg);
  -webkit-mask: var(--img-icon-cart-fill) no-repeat center/contain;
          mask: var(--img-icon-cart-fill) no-repeat center/contain;
}

.product-cart .addtocart__btn:active {
  opacity: 0.7;
}

@media (hover: hover) {
  .product-cart dl dd.qty img {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .product-cart .addtocart__btn {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .product-cart .addtocart__btn:hover {
    background-color: var(--color-text-pink);
  }
  .product-cart .addtocart__btn:active {
    opacity: 0.7;
  }
}
.product-cart .addtocart__soldout {
  display: block;
  width: 100%;
  background-color: var(--color-bg-gray);
  padding: 18px 0;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: center;
  color: var(--color-text-blue);
  pointer-events: none;
}

.product-cart__feature {
  margin-bottom: 20px;
  border: 1px var(--color-border) solid;
  padding: 12px 10px 12px 17px;
  line-height: 1.8;
  font-size: 75%;
  font-weight: 400;
  letter-spacing: 0.03em;
}

.text-center {
  text-align: center;
}

.text-pink {
  color: var(--color-text-pink);
}

.product-cart__link-option {
  text-align: right;
  font-size: 72%;
  line-height: 1.6em;
  letter-spacing: 0.03em;
  margin-bottom: 20px;
}

.product-cart p {
  font-size: 70%;
  line-height: 1.6em;
  margin-bottom: auto;
}

.product-cart__link {
  text-align: center;
  font-size: 72%;
  line-height: 1.6em;
  letter-spacing: 0.03em;
  margin-bottom: 20px;
}

.product-cart__link a {
  color: var(--color-text);
  text-decoration: underline;
}

.product-cart__link a:hover {
  color: var(--color-text-pink);
}

.product-text {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 420px;
  overflow: hidden;
  font-size: 82%;
  line-height: 2;
  letter-spacing: 0.03em;
}

.product-text h3,
.product-text h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 105%;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin: 0 0 20px;
  padding: 0 !important;
  color: var(--color-text-blue);
  background: none;
}

.product-text h4 {
  font-size: 100%;
  margin-bottom: 10px;
}

.product-text h3:before {
  content: "";
  position: relative;
  top: -3px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/icon_crown.gif) no-repeat center center;
  background-size: contain;
  margin-right: 10px;
}

.product-text h3:not(:first-child),
.product-text h4:not(:first-child) {
  margin-top: 30px;
}

.btn-back {
  margin-top: 20px;
}

.btn-back a {
  position: relative;
  display: inline-block;
  padding: 10px 0 9px 22px;
  font-weight: 600;
  font-size: 95%;
}

.btn-back a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2.5px var(--color-text-pink) solid;
  border-left: 2.5px var(--color-text-pink) solid;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.btn-back a:hover:before {
  border-color: var(--color-text-blue);
}

@media (hover: hover) {
  .btn-back a:before {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
  }
}
@media (max-width: 1024px) {
  .shop-heading {
    float: none;
    width: 160px;
    position: relative;
    margin: 0 auto 2rem;
    text-align: center;
    width: 80%;
    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;
    gap: 10px;
    white-space: nowrap;
  }
  .shop-heading:before, .shop-heading:after {
    content: "";
    display: block;
    width: 100%;
    height: 1.5px;
    background-color: var(--color-border);
  }
  .shop-heading a {
    position: relative;
    margin: auto;
    width: auto;
    height: auto;
    padding: 0.5rem 0.3rem 0.45rem;
    padding: 0 0 0 0.2em;
    border-radius: 0;
    display: inline-block;
    font-size: 0.75rem;
    letter-spacing: 0.2em;
    background-color: transparent;
    color: var(--color-text);
  }
  .shop-heading a:hover {
    background: none;
    color: var(--color-text-pink);
  }
  .product-photo {
    margin-right: -12.5%;
    margin-left: -12.5%;
  }
  #product.has-label--new .product-photo:before {
    top: 1.5rem;
    right: 1.5rem;
    width: 46px;
    height: 46px;
    padding-left: 2px;
    font-size: 13px;
    font-weight: 700;
    -webkit-animation: spin 0.6s ease-in-out forwards;
            animation: spin 0.6s ease-in-out forwards;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
  }
  .product-photo .swiper-slide {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
  }
  #product ul.pict {
    margin: 0 -10px;
    list-style: none;
    width: auto;
  }
  #product ul.pict li {
    float: left;
    width: 33.3%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #product ul.pict li.mainpict {
    float: none;
    width: 100%;
    margin: 0 0 20px;
    padding: 0 10px;
  }
  #product ul.pict li.mainpict img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #product ul.pict li.mainpict .flg img {
    width: 69px;
    height: 60px;
  }
  #product ul.pict .subpict {
    display: block;
    margin: 0;
    width: 100%;
    height: 0;
    padding-bottom: 96%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #product .text {
    font-size: 80%;
    line-height: 2em;
  }
  #product .text h3 {
    background: url(../images/icon_crown.gif) no-repeat 0 7px;
    margin-bottom: 5px;
    padding: 10px 0 10px 30px;
    border-bottom: 0;
    font-size: 110%;
  }
  .product-photo__soldout {
    top: 20px;
    left: 20px;
  }
  .product-photo__soldout img {
    width: 90px;
    height: 90px;
  }
  .swiper-photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
  .swiper-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .product-info {
    display: block;
  }
  .product-cart {
    width: auto;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px #918678 solid;
  }
  .product-text {
    width: auto;
    margin-bottom: 40px;
  }
  .product-text h3:before {
    width: 20px;
    height: 20px;
  }
  .product-cart dt {
    padding: 5px 15px 5px 0;
    margin: 0;
  }
  .product-cart dd {
    padding: 10px 0;
    margin: 0;
  }
  .product-cart dl dd.qty img {
    width: 20px !important;
  }
  .qty__input {
    margin-right: 12px;
    margin-left: 12px;
  }
  .product-cart .addtocart__btn {
    padding: 20px 5px 20px 0;
    font-size: 15px;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
}
@media (max-width: 575px) {
  .product-heading {
    padding: 0;
    gap: 25px;
  }
  .product-heading:before,
  .product-heading:after {
    width: 3.5px;
    height: 88px;
    -webkit-mask-size: 3.5px auto;
            mask-size: 3.5px auto;
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  .product-heading:after {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  .product-heading__name {
    padding-top: 0 !important;
    margin-bottom: 0.5rem !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    line-height: 1.6;
    text-align: center;
    min-width: 160px;
  }
}
/* how to order */
@media (max-width: 1024px) {
  #nav-scroll ul {
    border: 1px var(--color-border) solid;
    border-radius: 5px;
    font-size: 0;
    letter-spacing: -0.4em;
  }
  #nav-scroll li {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    font-size: 11px;
    letter-spacing: 0.1em;
    border-right: 1px var(--color-border) solid;
    border-bottom: 1px var(--color-border) solid;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #nav-scroll li:nth-child(even) {
    border-right: 0;
  }
  #nav-scroll li:last-child,
  #nav-scroll li:nth-last-child(2):nth-child(odd) {
    border-bottom: 0;
  }
  #nav-scroll a {
    position: relative;
    display: block;
    padding: 12px 10px;
    color: var(--color-text);
  }
  #nav-scroll a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    width: 5px;
    height: 5px;
    border-top: 1px var(--color-text) solid;
    border-right: 1px var(--color-text) solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
  }
}
/* about us */
#about .post h1,
#about .post h2 {
  padding: 0;
  background: none;
}

#about .post h3 {
  padding: 0;
  margin-bottom: 20px;
  background: none;
  border-bottom: 0;
}

#about .post p {
  margin-left: 30px;
}

#about .post ul {
  margin-left: 40px;
}

#about .post p.pict {
  margin: 0;
  width: 256px;
  float: right;
}

#about .post dl {
  width: 390px;
  margin-left: 30px;
  padding-bottom: 0;
}

#about .post dt {
  width: 100px;
}

#about .post dd {
  width: 270px;
}

#about .en {
  color: var(--color-text-gray);
}

@media (max-width: 1024px) {
  #about .content-ttl img {
    top: -52px;
    left: 9%;
  }
  #about .post {
    background: none;
  }
  #about .post h1,
  #about .post h2 {
    background: none;
  }
  #about .post h3 {
    padding: 0;
    margin-bottom: 20px;
    background: none;
    border-bottom: 0;
  }
  #about .post p {
    margin-left: 0;
  }
  #about .post ul {
    margin-left: 0;
  }
  #about .post p.pict {
    margin: 0 0 20px;
    width: 100%;
    text-align: center;
    float: none;
  }
  #about .post dl {
    width: 100%;
    margin-left: 0;
  }
  #about .post dt {
    width: 30%;
    clear: left;
    float: left;
    margin-bottom: 0;
    padding: 10px 20px 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.6;
  }
  #about .post dd {
    width: 65%;
    float: left;
    margin-bottom: 0;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.6;
  }
}
/* option */
#optionpage {
  width: 100%;
  padding: 20px 30px;
  background: none;
  opacity: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#optionpage h2 {
  font-size: 90%;
}

#optionpage p {
  text-align: center;
  font-weight: 500;
}

#optionpage p.close {
  letter-spacing: 0.15em;
}

#optionpage p.close a {
  display: inline-block;
  background-color: var(--color-text-blue);
  line-height: 1.5;
  padding: 5px 30px;
  color: var(--color-bg);
}

#optionpage p.close a:hover {
  background-color: var(--color-text-pink);
  color: var(--color-bg);
}

@media (hover: hover) {
  #optionpage p.close a {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}