/** Shopify CDN: Minification failed

Line 3088:0 Unexpected "}"

**/
/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ================================================ color */
:root {
  --color-key: 186, 228, 182;
  --color-bgGray: 247, 247, 247;
  --color-borderGray: 181, 181, 181;
  --color-borderGray-2: 181, 181, 181;
  --color-textGray: 91, 91, 91;
  --color-red: 230, 0, 18;
}

/* ================================================ body */
body {
  font-family: YakuHanJP, "yu-gothic-pr6n", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8;
  color: rgba(var(--color-textGray), 1);
  background-color: rgba(var(--color-bgGray), 1);
}

a, a:link, a:visited, a:hover {
  color: rgba(var(--color-textGray), 1);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

/* ============================================================== font */
/* --------------------------------------- emoji */
@font-face {
  font-family: MyFontFamily;
  src: local("Hiragino Kaku Gothic ProN"), local("Meiryo");
}
@font-face {
  font-family: MyFontFamily;
  font-weight: bold;
  src: local("Hiragino Kaku Gothic ProN"), local("Meiryo Bold");
}
@font-face {
  font-family: MyFontFamily;
  src: local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Apple Color Emoji"), local("Noto Color Emoji"), local("Noto Emoji");
  unicode-range: U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2122, U+2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FA, U+24C2, U+25AA-25AB, U+25B6, U+25C0, U+25FB-25FE, U+2600-2604, U+260E, U+2611, U+2614-2615, U+2618, U+261D, U+2620, U+2622-2623, U+2626, U+262A, U+262E-262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267B, U+267F, U+2692-2697, U+2699, U+269B-269C, U+26A0-26A1, U+26AA-26AB, U+26B0-26B1, U+26BD-26BE, U+26C4-26C5, U+26C8, U+26CE-26CF, U+26D1, U+26D3-26D4, U+26E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733-2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763-2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50, U+2B55, U+3030, U+303D, U+3297, U+3299, U+FE0F, U+1F004, U+1F0CF, U+1F170-1F171, U+1F17E-1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201-1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250-1F251, U+1F300-1F321, U+1F324-1F393, U+1F396-1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F-1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595-1F596, U+1F5A4-1F5A5, U+1F5A8, U+1F5B1-1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB-1F6EC, U+1F6F0, U+1F6F3-1F6F8, U+1F910-1F93A, U+1F93C-1F93E, U+1F940-1F945, U+1F947-1F94C, U+1F950-1F96B, U+1F980-1F997, U+1F9C0, U+1F9D0-1F9E6, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}
@font-face {
  font-family: MyFontFamily;
  font-weight: bold;
  src: local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Apple Color Emoji"), local("Noto Color Emoji"), local("Noto Emoji");
  unicode-range: U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2122, U+2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FA, U+24C2, U+25AA-25AB, U+25B6, U+25C0, U+25FB-25FE, U+2600-2604, U+260E, U+2611, U+2614-2615, U+2618, U+261D, U+2620, U+2622-2623, U+2626, U+262A, U+262E-262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267B, U+267F, U+2692-2697, U+2699, U+269B-269C, U+26A0-26A1, U+26AA-26AB, U+26B0-26B1, U+26BD-26BE, U+26C4-26C5, U+26C8, U+26CE-26CF, U+26D1, U+26D3-26D4, U+26E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733-2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763-2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50, U+2B55, U+3030, U+303D, U+3297, U+3299, U+FE0F, U+1F004, U+1F0CF, U+1F170-1F171, U+1F17E-1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201-1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250-1F251, U+1F300-1F321, U+1F324-1F393, U+1F396-1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F-1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595-1F596, U+1F5A4-1F5A5, U+1F5A8, U+1F5B1-1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB-1F6EC, U+1F6F0, U+1F6F3-1F6F8, U+1F910-1F93A, U+1F93C-1F93E, U+1F940-1F945, U+1F947-1F94C, U+1F950-1F96B, U+1F980-1F997, U+1F9C0, U+1F9D0-1F9E6, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}
.emoji {
  font-family: MyFontFamily, sans-serif;
  line-height: 1;
}

/* --------------------------------------- yugo */
.font-yugo {
  font-family: YakuHanJP, "yu-gothic-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* --------------------------------------- safiro medium */
@font-face {
  font-family: "safiromedium";
  src: url("//33club.jp/cdn/shop/t/117/assets/safiro-medium-webfont.eot?v=156499223659964025631723074944");
  src: url("//33club.jp/cdn/shop/t/117/assets/safiro-medium-webfont.eot?%23iefix&v=156499223659964025631723074944") format("embedded-opentype"), url("//33club.jp/cdn/shop/t/117/assets/safiro-medium-webfont.woff2?v=19818228950596141751723074944") format("woff2"), url("//33club.jp/cdn/shop/t/117/assets/safiro-medium-webfont.woff?v=166010225956331341051723074944") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.font-safiro-m {
  font-family: YakuHanJP, "safiromedium";
}

.font-style-italic {
  font-style: italic;
}

/* --------------------------------------- safiro  */
@font-face {
  font-family: "safiroregular";
  src: url("//33club.jp/cdn/shop/t/117/assets/safiro-regular-webfont.eot?v=147388668094180688861723074943");
  src: url("//33club.jp/cdn/shop/t/117/assets/safiro-regular-webfont.eot?%23iefix&v=147388668094180688861723074943") format("embedded-opentype"), url("//33club.jp/cdn/shop/t/117/assets/safiro-regular-webfont.woff2?v=126278965360471191341723074942") format("woff2"), url("//33club.jp/cdn/shop/t/117/assets/safiro-regular-webfont.woff2?v=126278965360471191341723074942") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.font-safiro-r {
  font-family: YakuHanJP, "safiroregular";
}

/* ============================================================================================== common */
.mask {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  -webkit-mask-box-position: center center;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  -webkit-mask-box-size: 100% auto;
}

/* ------------------------------------------ grid */
.grid {
  padding-left: 30px;
  padding-right: 30px;
}

.gridInner {
  padding-left: 80px;
  padding-right: 80px;
  max-width: 1306px;
  margin-left: auto;
  margin-right: auto;
}

/* ------------------------------------------ globalLogo */
.globalLogo {
  position: relative;
  width: 57px;
}

.globalLogo__inner, a.globalLogo__inner {
  position: relative;
  height: 0;
  padding-top: 75.4385964912%;
}

.globalLogo__icon {
  text-indent: -9999px;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/globalLogo.svg?v=10836664995492943011723074943);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/globalLogo.svg?v=10836664995492943011723074943);
  background-color: #000;
}

/* ============================================================================================== fixBox */
.fixBox {
  position: fixed;
  width: 100%;
  height: 140px;
  top: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
  pointer-events: none;
}
.fixBox::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - 70px);
  background-color: rgba(var(--color-key), 1);
  z-index: 1;
}

/* ============================================================================================== headerNews */
.headerNews {
  position: absolute;
  width: 100%;
  height: 40px;
  top: 0;
  left: 0;
  z-index: 2;
}

.headerNews__inenr {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.headerNewsBlock {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
/*  transform: translateY(-100px);*/
}

/* ------------------------------------------ headerNews__title */
.headerNews__title {
  position: relative;
  align-self: center;
}

.headerNews__title--p {
  font-size: 15px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
  background-color: black;
  border-bottom-right-radius: 10px;
}

/* ------------------------------------------ headerNews__detail */
.headerNews__detail {
  width: calc(100% - 75px);
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}

.headerNews__detail--text {
  display: inline-block;
  font-size: 13px;
  padding-right: 20px;
}

/* ============================================================================================== header */
.header {
  position: absolute;
  width: calc(100% + 4px);
  height: 100px;
  left: -2px;
  top: 40px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray), 1);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  z-index: 3;
  margin-bottom: -30px;
}
.header::before, .header::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 30px;
  height: 30px;
  top: auto;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 2;
}
.header::before {
  background-image: url(//33club.jp/cdn/shop/t/117/assets/header__borderCover--left.svg?v=47639752519207465471723074943);
}
.header::after {
  left: auto;
  right: 0;
  background-image: url(//33club.jp/cdn/shop/t/117/assets/header__borderCover--right.svg?v=14626125494785170921723074943);
}

/* ------------------------------------------ headerBg */
.headerBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - 30px);
  background-color: #fff;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  z-index: 1;
}

/* ------------------------------------------ headerBottomBorder */
.headerBottomBorder {
  position: absolute;
  width: calc(100% + 4px);
  height: 30px;
  left: -2px;
  bottom: 0;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray), 1);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  z-index: 3;
  pointer-events: none;
}

/* ------------------------------------------ headerSection */
.headerSection {
  position: relative;
  height: 100%;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}

/* ------------------------------------------ headerSection */
.h1.globalLogo {
  top: 12px;
  margin-left: auto;
  margin-right: auto;
  pointer-events: all;
}

/* ============================================================== dateBlock */
.dateBlock {
  position: absolute;
  height: 70px;
  left: 30px;
  top: 0;
  display: flex;
  white-space: nowrap;
}

/* ------------------------------------------ date */
.date {
  align-self: center;
}

.date--day {
  margin-left: 10px;
  margin-right: 10px;
}

/* ------------------------------------------ date text */
.dateYear, .dateMonth, .dateWeek, .dateWeek__sub {
  font-size: 14px;
  line-height: 1;
  text-align: center;
}

.dateDay {
  font-size: 44px;
  line-height: 1;
}

/* ============================================================== messageBlock */
.messageBlock {
  position: absolute;
  height: 70px;
  left: 225px;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ------------------------------------------ messageText */
.message {
  position: relative;
  background-color: rgba(var(--color-bgGray), 1);
  border-radius: 9999px;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.messageText__wrapper {
  display: inline-block;
}

/* ------------------------------------------ messageText */
.messageText {
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}
.messageText .emoji {
  align-self: center;
  font-size: 24px;
  padding-right: 0.4em;
}

/* ============================================================== btnIcon */
.btnIcon {
  position: absolute;
  width: 24px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.btnIconInner {
  padding-top: 100%;
  background-color: rgba(var(--color-textGray), 1);
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btnIcon--account .btnIconInner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/btnIcon--account.svg?v=64986458155245921231723074943);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/btnIcon--account.svg?v=64986458155245921231723074943);
}

.btnIcon--heart .btnIconInner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/btnIcon--heart.svg?v=111071860839620081161723074942);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/btnIcon--heart.svg?v=111071860839620081161723074942);
}

.btnIcon--heartSelected .btnIconInner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/btnIcon--heartSelected.svg?v=148105572710134692131723074944);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/btnIcon--heartSelected.svg?v=148105572710134692131723074944);
}

.btnIcon--cart .btnIconInner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/btnIcon--cart.svg?v=183578611447344440631723074942);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/btnIcon--cart.svg?v=183578611447344440631723074942);
}

/* ============================================================== headerBtn num */
.headerBtn__num {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  font-size: 0;
  transform: translate(6px, -50%);
  pointer-events: none;
}

.headerBtn__num--target {
  display: inline-block;
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  background-color: rgba(var(--color-textGray), 1);
  border-radius: 9999px;
}

/* ============================================================== headerBtn */
.headerBtn {
  position: absolute;
  width: 70px;
  height: 36px;
  top: 17px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray), 1);
  border-radius: 9999px;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  pointer-events: all;
}

/* ------------------------------------------ menuBtn */
.menuBtn {
  right: 30px;
  background-color: rgba(var(--color-textGray), 1);
  cursor: pointer;
}

.menuBtn__inner {
  position: absolute;
  width: 21px;
  height: 1px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.menuBtn__inner::before, .menuBtn__inner::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.menuBtn__inner::before {
  transform: translateY(-4px);
}
.menuBtn__inner::after {
  transform: translateY(4px);
}

/* ------------------------------------------ headerBtn__cart */
.headerBtn__cart {
  right: 110px;
}

/* ------------------------------------------ headerBtn__favorite */
.headerBtn__favorite {
  right: 190px;
}

/* ------------------------------------------ headerBtn__account */
.headerBtn__account {
  right: 270px;
}

/* ============================================================================================== wrapper */
.wrapper {
  position: relative;
  padding-top: 140px;
  background-color: rgba(var(--color-bgGray), 1);
  z-index: 9;
}

.wrapper.active {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

/* ============================================================================================== contentsHeader */
.contentsHeader {
  position: relative;
  top: -8px;
}

.CHinner {
  position: relative;
}

.CHlogo {
  position: absolute;
  left: 0;
}

.CHlogo__inner {
  height: 30px;
  font-size: 24px;
  white-space: nowrap;
}

/* ============================================================================================== nav */
.navList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

/* ------------------------------------------ navLink */
.navTarget {
  margin: 0 10px;
}
.navTarget.selected .textEleWrapper::before {
  width: 0;
}
.navTarget.selected .textEleWrapper::after {
  opacity: 0;
}
.navTarget.selected .navLink::after {
  opacity: 1;
}

/* ------------------------------------------ navLink */
.navLink {
  position: relative;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.navLink::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - 23px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  top: calc(50% - 2px);
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--color-textGray), 1);
  border-radius: 9999px;
  opacity: 0;
}

/* ------------------------------------------ navText */
.navText {
  position: relative;
}
.navText .textEle {
  font-size: 20px;
}

/* ============================================================================================== textEle Wrapper */
.textEleWrapper {
  position: relative;
  display: inline-block;
}
.textEleWrapper::before, .textEleWrapper::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 2px;
  top: auto;
  bottom: 0;
  background-color: rgba(var(--color-textGray), 1);
  z-index: 1;
}
.textEleWrapper::before {
  left: auto;
  right: 0;
}
.textEleWrapper::after {
  width: 0;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.textEleWrapper.underlineNone::before, .textEleWrapper.underlineNone::after {
  display: none;
}

/* ------------------------------------------ textEle */
.textEle {
  position: relative;
  display: inline-block;
  min-width: 0.2em;
  line-height: 1;
  z-index: 2;
}
.textEle::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: auto;
  bottom: -3px;
  height: 50%;
  background-color: rgba(var(--color-bgGray), 1);
  opacity: 0;
}
.textEle > span {
  display: block;
  position: relative;
  z-index: 2;
}

/* ------------------------------------------ data-textElm */
.textEle[data-textElm=p]::after {
  width: 50%;
  opacity: 1;
}

.textEle[data-textElm=g]::after {
  opacity: 1;
}

.textEle[data-textElm=j]::after {
  opacity: 1;
}

.textEle[data-textElm=""]::before {
  opacity: 0;
}

/* ------------------------------------------ js--text--target */
.js--text--target {
  font-size: 0;
  white-space: nowrap;
}

/* ============================================================================================== itemBlock */
.itemColumn {
  width: calc(100% + 60px);
  display: flex;
  flex-wrap: wrap;
}
.itemColumn .itemBlock {
  width: 240px;
  margin-right: 60px;
  margin-bottom: 70px;
}

/* ------------------------------------------ itemBlock link */
.itemBlock__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1680px;
  z-index: 2;
}

/* ============================================================== itemThum */
.itemThum {
  position: relative;
  padding-top: 133.3333333333%;
  border-radius: 1680px;
  background-color: white;
  overflow: hidden;
  z-index: 1;
  border-width: 2px;
  border-style: solid;
  overflow: hidden;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  border-color: rgba(var(--color-key), 0);
}

/* ------------------------------------------ itemThum inner */
.itemThum__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 70%;
  z-index: 1;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.6s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

.thumImg, img.thumImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============================================================== itemBlock */
.itemBlock {
  position: relative;
}

.itemBlock__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

/* ============================================================== itemBlock__info */
.itemBlock__info {
  text-align: center;
  margin-top: 25px;
}

.itemBlock__infoName {
  margin-bottom: 5px;
}

.itemBlock__infoName--link, a.itemBlock__infoName--link {
  display: inline;
  font-size: 19px;
  line-height: 1.5;
  text-decoration: none !important;
  background-image: linear-gradient(90deg, rgb(0, 0, 0), rgb(0, 0, 0));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: background-size 0.5s, color 0.5s;
  -webkit-transition: background-size 0.5s, color 0.5s;
}

.itemBlock__infoPrice {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 10px;
}

/* ============================================================== category */
.category {
  text-align: center;
}

.categoryLink__text .textEle {
  font-size: 14px;
  color: rgba(var(--color-borderGray), 1);
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.categoryLink, a.categoryLink {
  position: relative;
  display: inline-block;
  padding: 0 7px;
}
.categoryLink::after, a.categoryLink::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - 7px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  top: calc(50% - 1px);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray), 1);
  border-radius: 9999px;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* ============================================================== itemColor */
.itemColor {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 25px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  z-index: 2;
}

.itemColor__target {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 4px;
}

.itemColor__target[data-color=efefef] {
  background-color: #efefef;
}

.itemColor__target[data-color=c9bc9c] {
  background-color: #c9bc9c;
}

/* ============================================================== itemFavoriteBtn */
.itemFavoriteBtn {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 15px;
  bottom: 15px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray), 1);
  border-radius: 50%;
  background-color: #fff;
  z-index: 4;
  cursor: pointer;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.itemFavoriteBtn .btnIcon--heart, .itemFavoriteBtn .btnIcon--heartSelected {
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.itemFavoriteBtn .btnIcon--heart {
  opacity: 1;
}
.itemFavoriteBtn .btnIcon--heartSelected {
  opacity: 0;
}

.itemFavoriteBtn.selected .btnIcon--heart {
  opacity: 0;
}
.itemFavoriteBtn.selected .btnIcon--heartSelected {
  opacity: 1;
}
.itemFavoriteBtn.selected .btnIcon--heartSelected .btnIconInner {
  background-color: rgba(var(--color-key), 1);
}

/* ============================================================== itemStockInfo */
/* ------------------------------------------ itemThum__wrapper */
.itemThum__wrapper {
  position: relative;
}

/* ------------------------------------------ itemStockInfo */
.itemStockInfo {
  /* position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  z-index: 2; */
  opacity: 0;
}

.itemStockInfo--new {
  transform: translateX(80%) translateY(110%);
}

.itemStockInfo--coming {
  left: 50%;
  transform: translateX(-50%) translateY(110%);
}

/* ------------------------------------------ itemStockInfo text */
.itemStockInfo__text {
  position: relative;
  font-size: 14px;
  line-height: 1;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.itemStockInfo__text::before, .itemStockInfo__text::after {
  content: "";
  position: absolute;
  top: 0;
  font-family: YakuHanJP, "safiromedium";
  font-size: 14px;
  line-height: 1;
}
.itemStockInfo__text::before {
  content: "(";
  left: 0;
}
.itemStockInfo__text::after {
  content: ")";
  right: 0;
}

/* ------------------------------------------ is new */
.is--new .itemStockInfo--new {
  opacity: 1;
}

/* ------------------------------------------ is coming */
.is--coming .itemThum {
  background-color: rgba(var(--color-bgGray), 1);
}
.is--coming .itemThum__inner {
  mix-blend-mode: multiply;
}
.is--coming .itemStockInfo--coming {
  opacity: 1;
}

/* ============================================================================================== articleSticky */
.articleSticky__target {
  position: sticky;
  top: 78px;
  z-index: 2;
}
.articleSticky__target::before, .articleSticky__target::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 30px;
  height: 30px;
  top: 28%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.articleSticky__target::before {
  background-image: url(//33club.jp/cdn/shop/t/117/assets/borderCover--left.svg?v=183983736632283453061723074944);
}
.articleSticky__target::after {
  left: auto;
  right: 0;
  background-image: url(//33club.jp/cdn/shop/t/117/assets/borderCover--right.svg?v=11392675515476930421723074943);
}

.articleSticky__contents {
  position: relative;
  background-color: rgba(var(--color-bgGray), 1);
  z-index: 1;
}
.articleSticky__contents .gridInner {
  padding-top: 70px;
  padding-bottom: 70px;
}

/* ============================================================================================== boxBorder*/
.boxBorder__radius {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.boxBorderWrapper {
  position: relative;
  overflow: hidden;
}

.boxBorder {
  position: relative;
  width: calc(100% + 4px);
  left: -2px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray), 1);
}

/* ============================================================================================== articleTitle */
.articleTitleBlock .boxBorder {
  background-color: rgba(var(--color-textGray), 1);
}

/* ------------------------------------------ articleTitle block */
.articleTitleBlock__inner {
  position: relative;
  overflow: hidden;
}

/* ------------------------------------------ articleTitle */
.articleTitle {
  position: relative;
  height: 55px;
  text-align: center;
  z-index: 2;
}

/* ------------------------------------------ articleTitle inner */
.articleTitle__inner {
  display: inline-block;
  font-size: 40px;
  color: #fff;
  text-align: center;
  line-height: 55px;
  padding: 0 25px;
  background-color: rgba(var(--color-textGray), 1);
}

/* ============================================================== ATB__allBtn btn */
.ATB__allBtn {
  position: absolute;
  right: 30px;
  top: 14px;
  z-index: 3;
}

.allBtn__linkText .textEle {
  font-size: 25px;
  color: #fff;
}

.btnLink, a.btnLink {
  position: relative;
  display: inline-block;
  padding: 0 11px;
}
.btnLink::after, a.btnLink::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - 4px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  top: calc(50% - 1px);
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray), 1);
  border-radius: 9999px;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.articleTitleBlock .textEle::after {
  background-color: rgba(var(--color-textGray), 1);
}
.articleTitleBlock .btnLink::after, .articleTitleBlock a.btnLink::after {
  border-color: #fff;
}

/* ============================================================== ATB__messageSlider */
.ATB__messageSlider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: calc(100% - 220px);
  height: 55px;
  text-align: left;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}

.ATB__messageSlider--target {
  display: inline-block;
}

/* ------------------------------------------ ATB__messageSlider title */
.ATB__messageSlider--text {
  display: inline-block;
  font-size: 14px;
  line-height: 55px;
  color: #fff;
  padding: 0 15px;
}
.ATB__messageSlider--text .emoji {
  position: relative;
  display: inline-block;
  top: 0.1em;
  font-size: 21px;
  padding-right: 0.3em;
}

/* ============================================================================================== sectionBox */
.sectionBox {
  position: relative;
  padding: 25px 0 45px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray), 1);
  border-radius: 30px;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 70px;
}

/* ============================================================== sectionBox__title */
.sectionBox__title {
  font-size: 0;
  white-space: nowrap;
  margin-bottom: 30px;
}

.sectionBox__title--p {
  display: inline-block;
  font-size: 40px;
  line-height: 1;
  color: rgba(var(--color-borderGray), 1);
  padding-left: 25px;
  padding-right: 25px;
}

/* ------------------------------------------ collectionBox__title */
@keyframes loopAnime-CBT {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-268px, 0, 0);
  }
}
.collectionBox__title .sectionBox__title--slider {
  width: calc(100% + 268px);
  -webkit-animation: loopAnime-CBT 8s linear 0s infinite;
  animation: loopAnime-CBT 8s linear 0s infinite;
}
.collectionBox__title .sectionBox__title--p {
  width: 268px;
}

.collectionBox__keenWrapper, .letterBox__keenWrapper {
  position: relative;
  width: calc(100% - 90px);
  left: 45px;
}
.collectionBox__keenWrapper .keen-slider, .letterBox__keenWrapper .keen-slider {
  overflow: visible;
}

/* ============================================================================================== collectionBlock */
.collectionBlock.is--new .CB__NewIcon--wrapper {
  opacity: 1;
}

/* ------------------------------------------ CBThumImg */
.CBThum {
  position: relative;
  padding-top: 100%;
  border-radius: 30px;
  overflow: hidden;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--color-key), 0);
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.CBThumImg, img.CBThumImg {
  object-fit: cover;
}

/* ------------------------------------------ CB__NewIcon */
@keyframes NewIcon-anime-1 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes NewIcon-anime-2 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
.CB__NewIcon--wrapper {
  position: absolute;
  width: 100%;
  height: 50px;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.CB__NewIcon--text {
  width: 75px;
  display: inline-block;
  white-space: nowrap;
  font-size: 20px;
  color: #fff;
}

.CB__NewIcon {
  position: absolute;
  width: 200%;
  height: 100%;
}
.CB__NewIcon:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "(new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)   (new)";
  left: 0;
  top: 0;
  font-size: 20px;
  line-height: 48px;
  white-space: nowrap;
  font-family: "safiromedium";
  color: #fff;
}

.CB__NewIcon--top {
  top: 0;
}
.CB__NewIcon--top .CB__NewIcon::after {
  -webkit-animation: NewIcon-anime-1 18s linear 0s infinite;
  animation: NewIcon-anime-1 18s linear 0s infinite;
}

.CB__NewIcon--bottom {
  bottom: 0;
}
.CB__NewIcon--bottom .CB__NewIcon::after {
  left: -100%;
  -webkit-animation: NewIcon-anime-2 18s linear 0s infinite;
  animation: NewIcon-anime-2 18s linear 0s infinite;
}

/* ------------------------------------------ CBInfo */
.CBInfo {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 20px;
}

.CBInfo__title {
  width: calc(100% - 125px);
  text-align: left;
  font-size: 24px;
  line-height: 1.1;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.CBInfo__date {
  align-self: flex-end;
  width: 110px;
  font-size: 14px;
  text-align: right;
  white-space: nowrap;
}

/* ------------------------------------------ CBInfo */
.CBItems {
  display: flex;
  margin-top: 20px;
}

.CBItem {
  width: calc((100% - 60px) / 4);
  margin-right: 20px;
}
.CBItem:last-child {
  margin-right: 0;
}

.CBItem__block {
  position: relative;
  padding-top: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray-2), 1);
  border-radius: 50%;
  overflow: hidden;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

/* ============================================================================================== letterBox */
/* ------------------------------------------ letterBox__title */
@keyframes loopAnime-LBT {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-191px, 0, 0);
  }
}
.letterBox__title .sectionBox__title--slider {
  width: calc(100% + 191px);
  -webkit-animation: loopAnime-LBT 6.5s linear 0s infinite;
  animation: loopAnime-LBT 6.5s linear 0s infinite;
}
.letterBox__title .sectionBox__title--p {
  width: 191px;
}

/* ============================================================== letterBlock */
.letterBlock {
  padding: 12px;
}

#letterBox--slider .keen-slider__slide:nth-child(3n+1) .LBLink {
  background-color: rgba(var(--color-key), 1);
}

#letterBox--slider .keen-slider__slide:nth-child(3n+2) .LBLink {
  background-color: rgba(var(--color-key), 0);
}

#letterBox--slider .keen-slider__slide:nth-child(3n+3) .LBLink {
  background-color: rgba(var(--color-key), 0.25);
}

/* ============================================================== LBLink */
.LBLink, .LBFrame {
  position: relative;
  padding: 28px 40px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray-2), 1);
  border-radius: 10px;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.LBLink::before, .LBLink::after, .LBFrame::before, .LBFrame::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 60px;
  height: 60px;
  background-color: #fff;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  pointer-events: none;
}
.LBLink::after, .LBFrame::after {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  transform: translate(0, 0) rotate(45deg);
}
.LBLink::before, .LBFrame::before {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(var(--color-borderGray-2), 1);
  transform: translate(-70%, -70%) rotate(45deg);
}
.LBLink::after, .LBFrame::after {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(var(--color-borderGray-2), 1);
  transform: translate(70%, 70%) rotate(45deg);
}

/* ============================================================== LBTitle */
.LBTitle {
  font-size: 16px;
  white-space: nowrap;
  line-height: 1;
  text-align: left;
  padding-bottom: 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(var(--color-borderGray-2), 1);
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

.LBTitle__inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ============================================================== LBDetail */
/* ------------------------------------------ LBDetail__text */
.LBDetail__text--wrapper {
  position: relative;
  line-height: 2.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.LBDetail__text {
  font-size: 14px;
  text-align: left;
}

.LBDetail__text--target {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.LBDetail__text--underline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.LBDetail__text--underline > span {
  display: block;
  width: 100%;
  height: 1px;
  background-image: url(//33club.jp/cdn/shop/t/117/assets/textUnderline.svg?v=105757263352518790361723074942);
  background-position: center center;
  background-repeat: repeat-x;
  background-size: 8px 100%;
  margin-top: auto;
}

/* ------------------------------------------ LBDetail__date */
.LBDetail__date {
  font-size: 14px;
  line-height: 1;
  margin-top: 18px;
}

/* ============================================================================================== category */
.categoryList__flexColumn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 65px;
}
.categoryList__flexColumn .categoryTarget {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}

/* ============================================================== categoryIcon */
.categoryIcon {
  position: absolute;
  width: 45px;
  height: 45px;
  top: -1px;
  left: -1px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray-2), 1);
  border-radius: 50%;
  background-color: #fff;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

.categoryIcon__inner {
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: rgba(var(--color-borderGray), 1);
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

/* ------------------------------------------ categoryIcon */
.categoryIcon--ring .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--ring.svg?v=37744958756236442311723074944);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--ring.svg?v=37744958756236442311723074944);
}
.categoryIcon--silver925 .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--ring.svg?v=37744958756236442311723074944);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--ring.svg?v=37744958756236442311723074944);
}


.categoryIcon--bracelet .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--bracelet.svg?v=125888586295539003151723074943);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--bracelet.svg?v=125888586295539003151723074943);
}

.categoryIcon--pierce .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--pierce.svg?v=129800870507061524221723074942);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--pierce.svg?v=129800870507061524221723074942);
}

.categoryIcon--earring .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--earring.svg?v=15931184503216303711729840938);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--earring.svg?v=15931184503216303711729840938);
}

.categoryIcon--necklace .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--necklace.svg?v=107916529216958708391723074944);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--necklace.svg?v=107916529216958708391723074944);
}

.categoryIcon--hairaccessory .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--hairAccessory.svg?v=34857567958635183641723074943);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--hairAccessory.svg?v=34857567958635183641723074943);
}

.categoryIcon--badge .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--badge.svg?v=56904991270982858481723074943);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--badge.svg?v=56904991270982858481723074943);
}

.categoryIcon--other .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--other.svg?v=48789137567256158211745892835);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/icon--other.svg?v=48789137567256158211745892835);
}

/* ------------------------------------------ motifIcon */
.motifIcon--heart .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--heart.svg?v=111804330550144525081723074942);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--heart.svg?v=111804330550144525081723074942);
}

.motifIcon--ribbon .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--ribbon.svg?v=80293237762303255351723074943);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--ribbon.svg?v=80293237762303255351723074943);
}

.motifIcon--star .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--star.svg?v=170058085065336142071723074941);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--star.svg?v=170058085065336142071723074941);
}

.motifIcon--flower .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--flower.svg?v=39679380525493996211723074942);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--flower.svg?v=39679380525493996211723074942);
}

.motifIcon--message .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--message.svg?v=36505985715167376401723074943);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--message.svg?v=36505985715167376401723074943);
}

.motifIcon--cross .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--cross.svg?v=20651292046421828441723074942);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--cross.svg?v=20651292046421828441723074942);
}

.motifIcon--drop .categoryIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--drop.svg?v=159731697888958412251723074942);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/motifIcon--drop.svg?v=159731697888958412251723074942);
}

/* ============================================================== category link */
.categoryTarget__link, a.categoryTarget__link {
  position: relative;
  height: 45px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray-2), 1);
  border-radius: 9999px;
  padding-left: 58px;
  padding-right: 20px;
  background-color: #fff;
  cursor: pointer;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

/* ============================================================== category Title */
.categoryTitle {
  font-size: 16px;
  line-height: 43px;
  color: rgba(var(--color-borderGray), 1);
  white-space: nowrap;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

/* ============================================================================================== snsList */
.snsList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

/* ------------------------------------------ snsTarget */
.snsTarget {
  width: calc((100% - 24px) / 3);
}

/* ------------------------------------------ snsLink */
.snsLink, a.snsLink {
  position: relative;
  height: 58px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-borderGray-2), 1);
  border-radius: 9999px;
  padding-right: 20px;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* ------------------------------------------ snsIcon */
.snsIcon {
  position: absolute;
  width: 22px;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.snsIcon__inner {
  display: block;
  padding-top: 100%;
  background-color: #fff;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.snsIcon--spotify .snsIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/snsIcon--spotify.svg?v=58403628329130391491723074943);
}

.snsIcon--ins .snsIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/snsIcon--ins.svg?v=4003657504528220191723074944);
}

.snsIcon--podcast .snsIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/snsIcon--podcast.svg?v=30186388836396835211723074943);
}

.snsIcon--x .snsIcon__inner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/snsIcon--x.svg?v=10768463469162517091723074942);
}

/* ------------------------------------------ snsTitle */
.snsTitle {
  font-size: 14px;
  line-height: 58px;
  white-space: nowrap;
  text-align: right;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* ============================================================================================== footer */
.footer {
  position: relative;
  padding-bottom: 40px;
  background-color: rgba(var(--color-textGray), 1);
  color: #fff;
  z-index: 2;
  margin-top: -30px;
}
.footer a {
  color: #fff;
}

/* ============================================================== footerHeader */
.footerHeader {
  position: relative;
  height: 95px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-right: 45px;
}

.footer__insBtn {
  align-self: center;
}
.footer__insBtn .textEle {
  font-size: 26px;
}
.footer__insBtn .textEle::after {
  bottom: -3px;
  background-color: rgba(var(--color-textGray), 1);
}
.footer__insBtn .textEle[data-textElm="."] {
  z-index: 3;
}
.footer__insBtn .textEle[data-textElm=j]::after {
  width: 190%;
  opacity: 1;
  left: -70%;
}
.footer__insBtn .btnLink {
  padding-left: 33px;
}
.footer__insBtn .btnLink::after, .footer__insBtn a.btnLink::after {
  height: 100%;
  border-color: #fff;
}
.footer__insBtn .snsIcon {
  top: 45%;
  left: 6px;
  z-index: 2;
}

/* ------------------------------------------ footerHeader slider anime */
.footerHeader__titleSlider--wrapper {
  position: relative;
  width: calc(100% - 210px);
  height: 100%;
  overflow: hidden;
}

@keyframes loopAnime-FT {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-888px, 0, 0);
  }
}
/* ------------------------------------------ footerHeader__titleSlider */
.footerHeader__titleSlider {
  position: relative;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
  text-align: left;
}

.footerHeader__titleSlider--target {
  width: calc(100% + 888px);
  -webkit-animation: loopAnime-FT 15s linear 0s infinite;
  animation: loopAnime-FT 15s linear 0s infinite;
}

.footerHeader__titleSlider--text {
  display: inline-block;
  width: 888px;
  font-size: 54px;
  line-height: 95px;
  color: #fff;
  text-align: center;
}

/* ============================================================== footerIns */
.footerInsList {
  position: relative;
  display: block!important;
  /*flex-wrap: wrap;*/
  padding-left: 20px;
}

.footerInsTarget {
  width: calc(20% - 20px);
  margin-right: 20px;
  margin-bottom: 20px;
}

.footerInsLink {
  position: relative;
  padding-top: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.footerInsLink::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-key), 0.25);
  opacity: 0;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.footerInsLink img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

/* ============================================================================================== footerInner */
.footerInner {
  position: relative;
  padding-top: 50px;
  padding-bottom: 70px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

/* ============================================================== footer globalLogo */
.footer__globalLogo {
  margin-right: auto;
}
.footer__globalLogo .globalLogo__icon {
  background-color: #fff;
}

/* ============================================================== footerNav */
.footerNav {
  width: 33.1753554502%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ------------------------------------------ footerNav */
.footerNav__link, a.footerNav__link {
  position: relative;
  display: inline-block;
}
.footerNav__link::after, a.footerNav__link::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  top: auto;
  bottom: 6px;
  background-color: #fff;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 0;
  left: auto;
  right: 0;
}

.footerNav__link--text {
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* ------------------------------------------ footer__mainNav */
.footer__mainNav--list {
  margin-bottom: 15px;
}
.footer__mainNav--list .footerNav__link--text {
  font-size: 26px;
}

/* ------------------------------------------ footer__subNav */
.footer__subNav--lsit .footerNav__link--text {
  font-size: 16px;
}

/* ============================================================================================== footerAside */
.footerAside {
  width: 46.2875197472%;
}

/* ------------------------------------------ footerAside__title */
.footerAside__title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 20px;
}

/* ============================================================== footerAside NewsLetter */
.footerNewsLetter {
  margin-bottom: 60px;
}

/* ------------------------------------------ NewsLetter text */
.footerNewsLetter__subText {
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  margin-bottom: 20px;
}

/* ------------------------------------------ NewsLetter submit */
.footerNewsLetter__submit {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.footerNewsLetter__submit input[type=email], .footerNewsLetter__submit button[type=submit] {
  height: 60px;
  border-radius: 8px;
}
.footerNewsLetter__submit input[type=email] {
  width: calc(100% - 158px);
  font-size: 16px;
  background-color: #fff;
  padding-left: 25px;
  padding-right: 25px;
  font-family: YakuHanJP, "yu-gothic-pr6n", sans-serif;
}
.footerNewsLetter__submit input[type=email]::placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.2);
}
.footerNewsLetter__submit button[type=submit] {
  width: 155px;
  font-size: 17px;
  color: rgba(var(--color-textGray), 1);
  background-color: rgba(var(--color-key), 1);
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* ============================================================================================== footerBottom */
.footerBottom {
  position: relative;
}

/* ============================================================== footerBottom__logoText */
.footerBottom__logoText {
  position: absolute;
  left: 50px;
  bottom: 0;
  font-size: 24px;
  line-height: 1;
}

/* ============================================================== footerCopy */
.footerCopy {
  font-size: 12px;
  line-height: 1;
  text-align: center;
  padding-bottom: 5px;
}

/* ============================================================== pageTop */
.pageTop {
  position: absolute;
  right: 50px;
  bottom: -8px;
  cursor: pointer;
}

.pageTop__text {
  font-size: 16px;
  white-space: nowrap;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
}
.pageTop__text::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  top: auto;
  bottom: 10px;
  background-color: #fff;
  width: 0;
  left: auto;
  right: 0;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* ------------------------------------------ iconArrow */
.iconArrow {
  position: absolute;
  width: 10px;
  height: 1px;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.iconArrow--top {
  transform: translate(0, -50%) rotate(-90deg);
}

/* ------------------------------------------ iconArrow line */
.iconArrow__line {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.iconArrow__line::before, .iconArrow__line::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.iconArrow__line::before {
  left: auto;
  right: 0;
}
.iconArrow__line::after {
  width: 0;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

/* ------------------------------------------ iconArrow line */
.iconArrow__target {
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  right: 3px;
  top: 0px;
  transform: rotate(45deg) translate(0, -60%);
}
.iconArrow__target::before, .iconArrow__target::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.iconArrow__target::before {
  height: 1px;
}
.iconArrow__target::after {
  width: 1px;
  left: auto;
  right: 0;
}

/* ============================================================================================== recommendBox */
/* ------------------------------------------ recommendBox__title */
@keyframes loopAnime-RBT {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-320px, 0, 0);
  }
}
.recommendBox__title .sectionBox__title--slider {
  width: calc(100% + 320px);
  -webkit-animation: loopAnime-RBT 8s linear 0s infinite;
  animation: loopAnime-RBT 8s linear 0s infinite;
}
.recommendBox__title .sectionBox__title--p {
  width: 320px;
}

/* ------------------------------------------ recommendBox itemBlock */
.recommendBox .itemThum {
  border-width: 1px;
  border-color: rgba(var(--color-borderGray-2), 1);
}

/* ============================================================================================== newBox */
/* ------------------------------------------ newBox__title */
@keyframes loopAnime-NBT {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-165px, 0, 0);
  }
}
.newBox__title .sectionBox__title--slider {
  width: calc(100% + 165px);
  -webkit-animation: loopAnime-NBT 5s linear 0s infinite;
  animation: loopAnime-NBT 5s linear 0s infinite;
}
.newBox__title .sectionBox__title--p {
  width: 165px;
}

/* ------------------------------------------ newBox */
.newBox {
  background-color: rgba(var(--color-key), 0.2);
}
.newBox .itemStockInfo--new {
  opacity: 1;
}

.newBox__keenWrapper, .recommendBox__keenWrapper {
  position: relative;
  width: calc(100% - 130px);
  left: 65px;
}
.newBox__keenWrapper .keen-slider, .recommendBox__keenWrapper .keen-slider {
  overflow: visible;
}

/* ============================================================== closeBtn */
.closeBtn {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-textGray), 0);
  border-radius: 50%;
  background-color: rgba(var(--color-borderGray), 1);
  transform: translate(7px, -7px);
  z-index: 2;
  cursor: pointer;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.closeBtn__icon {
  display: block;
  position: absolute;
  width: 7px;
  height: 1px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 2;
}
.closeBtn__icon::before, .closeBtn__icon:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.closeBtn__icon::before {
  transform: rotate(45deg);
}
.closeBtn__icon::after {
  transform: rotate(-45deg);
}

/* ============================================================================================== menu */
.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* ------------------------------------------ menuBg */
.menuBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(110, 110, 110, 0.25);
}

/* ------------------------------------------ menuInner */
.menuInner {
  position: fixed;
  width: 310px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: #6e6e6e;
  border-radius: 20px 0 0 20px;
  padding: 28px 28px;
  overflow-y: scroll;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateX(120%);
}

/* ------------------------------------------ menuLogo */
.menuLogo {
  width: 45px;
  margin-bottom: 40px;
}
.menuLogo .globalLogo__icon {
  background-color: #fff;
}

/* ------------------------------------------ menuNav */
.menuNav .footerNav__link--text {
  color: #fff;
}

/* ------------------------------------------ menu__snsBlock */
.menu__snsBlock {
  margin-top: 35px;
}
.menu__snsBlock .footerAside__title {
  font-size: 15px;
  color: #fff;
}
.menu__snsBlock .snsList {
  flex-wrap: wrap;
}
.menu__snsBlock .snsList .snsTarget {
  width: 100%;
  margin-bottom: 12px;
}
.menu__snsBlock .snsList .snsTitle {
  color: #fff;
}

/* ------------------------------------------ menu__snsBlock */
.menu .menuInner__menuBtn {
  z-index: 3;
  top: 25px;
  right: 29px;
}

/* ------------------------------------------ menu open */
.menu--open .menu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.menu--open .menuInner {
  transform: translateX(0);
}
.menu--open .menu .menuInner__menuBtn {
  background-color: #fff;
}
.menu--open .menu .menuInner__menuBtn .menuBtn__inner::before {
  transform: translateY(0) rotate(30deg);
}
.menu--open .menu .menuInner__menuBtn .menuBtn__inner::after {
  transform: translateY(0) rotate(-30deg);
}
.menu--open .menu .menuInner__menuBtn .menuBtn__inner::before, .menu--open .menu .menuInner__menuBtn .menuBtn__inner::after {
  background-color: #6e6e6e;
}


/* ============================================================================================== voice */
.voice {
  position: fixed;
  width: 465px;
  height: 65px;
  bottom: 30px;
  left: 50%;
  border-radius: 9999px;
  cursor: pointer;
  z-index: 50;
  transition-duration: 1.3s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1.3s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1.3s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1.3s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translate(-50%, calc(100% + 80px));
}
.voice::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(91, 91, 91, 0.65);
  border-radius: 9999px;
  z-index: 1;
  transform: translate(6px, 6px);
}

/* ------------------------------------------ voiceInner */
.voiceInner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ededed;
  border-width: 1px;
  border-style: solid;
  border-color: #b5b5b6;
  border-radius: 9999px;
  padding-left: 70px;
  z-index: 2;
}

/* ============================================================== voiceBtn */
.voiceBtn {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 50%;
  left: 6px;
  transform: translate(0, -50%);
  background-color: rgba(var(--color-key), 1);
  border-width: 1px;
  border-style: solid;
  border-color: #dbdbdb;
  border-radius: 50%;
}

/* ------------------------------------------ voiceBtn */
.voiceBtn__inner {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/* ------------------------------------------ voiceBtn__icon */
.voiceBtn__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.voiceBtn__iconInner {
  position: relative;
  padding-top: 100%;
  background-color: #000;
}

.voiceBtn__icon.voiceBtn__icon--play .voiceBtn__iconInner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/voiceBtn--play.svg?v=64320168153815214761723074942);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/voiceBtn--play.svg?v=64320168153815214761723074942);
}

.voiceBtn__icon.voiceBtn__icon--stop .voiceBtn__iconInner {
  mask-image: url(//33club.jp/cdn/shop/t/117/assets/voiceBtn--stop.svg?v=111160146462481828471723074942);
  -webkit-mask-image: url(//33club.jp/cdn/shop/t/117/assets/voiceBtn--stop.svg?v=111160146462481828471723074942);
  background-color: #fff;
}

/* ============================================================== voiceInner__main */
.voiceInner__main {
  position: relative;
  height: 100%;
}

/* ------------------------------------------ voiceDate */
.voiceDate {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -50%);
}

.voiceDate {
  height: 17px;
  font-size: 13px;
  white-space: nowrap;
  line-height: 17px;
  color: #fff;
  background-color: #5b5b5b;
  border-radius: 9999px;
  padding-left: 6px;
  padding-right: 6px;
}

/* ------------------------------------------ voiceTitle */
.voiceTitle {
  height: 100%;
  font-size: 20px;
  line-height: 63px;
  white-space: nowrap;
}

/* ============================================================== voiceMessage */
.voiceMessage {
  position: absolute;
  width: 225px;
  height: 100%;
  top: 0;
  right: 0;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ------------------------------------------ voiceMessage__text */
.voiceMessage__inner {
  position: relative;
  padding-top: 3px;
  padding-bottom: 3px;
}
.voiceMessage__inner::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 1px;
  background-color: #bebebe;
  z-index: 2;
}

/* ------------------------------------------ voiceMessage__text */
.voiceMessage__text {
  display: inline-block;
  font-size: 13px;
  color: #000;
}

/* ============================================================== voice play stop setting */
.voiceBtn__icon.voiceBtn__icon--play {
  opacity: 1;
}

.voiceBtn__icon.voiceBtn__icon--stop {
  opacity: 0;
}

.voice.is--play .voiceInner {
  background-color: rgba(var(--color-key), 1);
}
.voice.is--play .voiceBtn__icon.voiceBtn__icon--play {
  opacity: 0;
}
.voice.is--play .voiceBtn__icon.voiceBtn__icon--stop {
  opacity: 1;
}

/* ------------------------------------------ voice is--play */
.voice::after, .voiceBtn, .voiceInner__main, .voiceMessage, .voiceBtn__isplay--parts {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.voiceBtn {
  z-index: 2;
}

.voiceBtn__isplay--parts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.voiceBtn__isplay--parts:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 47px;
  height: 47px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(var(--color-key), 1);
}
.voiceBtn__isplay--parts > div {
  position: absolute;
  width: 2px;
  height: 66px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  border-radius: 9999px;
}
.voiceBtn__isplay--parts > div::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 50%;
  background-color: rgba(var(--color-key), 1);
  border-radius: 9999px;
}
.voiceBtn__isplay--parts:nth-child(1) > div {
  height: 76px;
}
.voiceBtn__isplay--parts:nth-child(1) > div::after {
  background-color: #fff;
}

.voice.is--play {
  width: 65px;
}
.voice.is--play::after {
  opacity: 0;
}
.voice.is--play .voiceBtn {
  background-color: rgba(var(--color-key), 0);
  border-color: rgba(219, 219, 219, 0);
}
.voice.is--play .voiceInner {
  padding-left: 65px;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.voice.is--play .voiceDate, .voice.is--play .voiceInner__main, .voice.is--play .voiceMessage {
  opacity: 0;
}
.voice.is--play .voiceBtn__isplay--parts {
  opacity: 1;
}

/* ============================================================== voice hover */
.voiceInner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.voice--show .voice {
  transform: translate(-50%, 0);
}


/* ============================================================================================== hover pc */
@media (hover: hover) and (pointer: fine) {
  .textEle__hoverWrapper:hover .textEleWrapper::before, .textEle__hoverWrapper:active .textEleWrapper::before {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 0;
  }
  .textEle__hoverWrapper:hover .textEleWrapper::after, .textEle__hoverWrapper:active .textEleWrapper::after {
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    width: 100%;
  }
  .itemBlock__link:hover ~ .itemThum {
    border-color: rgba(var(--color-key), 1);
  }
  .itemBlock__link:hover ~ .itemThum .itemThum__inner {
    transform: translate(-50%, -50%) scale(1.02);
    -webkit-transform: translate(-50%, -50%) scale(1.02);
  }
  }
  .btnIcon__hoverWrapper:hover .btnIconInner, .btnIcon__hoverWrapper:active .btnIconInner {
    background-color: #383838;
  }
  .headerBtn:hover, .headerBtn:active {
    border-color: #383838;
  }
  .menuBtn:hover, .menuBtn:active {
    background-color: #383838;
  }
  .menuBtn:hover .menuBtn__inner::before, .menuBtn:active .menuBtn__inner::before {
    transform: translateY(-2px);
  }
  .menuBtn:hover .menuBtn__inner::after, .menuBtn:active .menuBtn__inner::after {
    transform: translateY(2px);
  }
  .itemFavoriteBtn:hover, .itemFavoriteBtn:active {
    border-color: #383838;
  }
  .itemBlock__infoName--link:hover, .itemBlock__infoName--link:active, a.itemBlock__infoName--link:hover, a.itemBlock__infoName--link:active {
    color: black;
    background-size: 100% 1px;
  }
  .categoryLink:hover::after, .categoryLink:active::after, a.categoryLink:hover::after, a.categoryLink:active::after {
    border-color: rgba(var(--color-textGray), 1);
  }
  .categoryLink:hover .categoryLink__text .textEle, .categoryLink:active .categoryLink__text .textEle, a.categoryLink:hover .categoryLink__text .textEle, a.categoryLink:active .categoryLink__text .textEle {
    color: rgba(var(--color-textGray), 1);
  }
  .articleTitleBlock .textEle__hoverWrapper:hover::after, .articleTitleBlock .textEle__hoverWrapper:active::after, .footer__insBtn .textEle__hoverWrapper:hover::after, .footer__insBtn .textEle__hoverWrapper:active::after {
    background-color: #fff;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle, .articleTitleBlock .textEle__hoverWrapper:active .textEle, .footer__insBtn .textEle__hoverWrapper:hover .textEle, .footer__insBtn .textEle__hoverWrapper:active .textEle {
    color: rgba(var(--color-textGray), 1);
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(1), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(1), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(1), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(1) {
    transition-delay: 0.0333333333s;
    -webkit-transition-delay: 0.0333333333s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(2), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(2), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(2), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(2) {
    transition-delay: 0.0666666667s;
    -webkit-transition-delay: 0.0666666667s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(3), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(3), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(3), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(3) {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(4), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(4), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(4), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(4) {
    transition-delay: 0.1333333333s;
    -webkit-transition-delay: 0.1333333333s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(5), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(5), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(5), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(5) {
    transition-delay: 0.1666666667s;
    -webkit-transition-delay: 0.1666666667s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(6), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(6), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(6), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(6) {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(7), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(7), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(7), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(7) {
    transition-delay: 0.2333333333s;
    -webkit-transition-delay: 0.2333333333s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(8), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(8), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(8), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(8) {
    transition-delay: 0.2666666667s;
    -webkit-transition-delay: 0.2666666667s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(9), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(9), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(9), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(9) {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(10), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(10), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(10), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(10) {
    transition-delay: 0.3333333333s;
    -webkit-transition-delay: 0.3333333333s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(11), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(11), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(11), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(11) {
    transition-delay: 0.3666666667s;
    -webkit-transition-delay: 0.3666666667s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(12), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(12), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(12), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(12) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(13), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(13), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(13), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(13) {
    transition-delay: 0.4333333333s;
    -webkit-transition-delay: 0.4333333333s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(14), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(14), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(14), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(14) {
    transition-delay: 0.4666666667s;
    -webkit-transition-delay: 0.4666666667s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle:nth-child(15), .articleTitleBlock .textEle__hoverWrapper:active .textEle:nth-child(15), .footer__insBtn .textEle__hoverWrapper:hover .textEle:nth-child(15), .footer__insBtn .textEle__hoverWrapper:active .textEle:nth-child(15) {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .textEle::after, .articleTitleBlock .textEle__hoverWrapper:active .textEle::after, .footer__insBtn .textEle__hoverWrapper:hover .textEle::after, .footer__insBtn .textEle__hoverWrapper:active .textEle::after {
    background-color: rgba(255, 255, 255, 0);
  }
  .articleTitleBlock .textEle__hoverWrapper:hover .snsIcon__inner, .articleTitleBlock .textEle__hoverWrapper:active .snsIcon__inner, .footer__insBtn .textEle__hoverWrapper:hover .snsIcon__inner, .footer__insBtn .textEle__hoverWrapper:active .snsIcon__inner {
    background-color: rgba(var(--color-textGray), 1);
  }
  .CBLink:hover .CBInfo__title, .CBLink:active .CBInfo__title {
    color: #000;
  }
  .CBLink:hover .CBThum, .CBLink:active .CBThum {
    border-color: rgba(var(--color-key), 1);
  }
  .CBLink:hover .CBItem__block, .CBLink:active .CBItem__block {
    border-color: rgba(var(--color-textGray), 1);
  }
  .LBLink:hover, .LBLink:active {
    border-color: rgba(var(--color-textGray), 1);
  }
  .LBLink:hover::before, .LBLink:active::before {
    border-right-color: rgba(var(--color-textGray), 1);
  }
  .LBLink:hover::after, .LBLink:active::after {
    border-left-color: rgba(var(--color-textGray), 1);
  }
  .categoryTarget__link:hover, .categoryTarget__link:active, a.categoryTarget__link:hover, a.categoryTarget__link:active {
    border-color: rgba(var(--color-textGray), 1);
  }
  .categoryTarget__link:hover .categoryIcon, .categoryTarget__link:active .categoryIcon, a.categoryTarget__link:hover .categoryIcon, a.categoryTarget__link:active .categoryIcon {
    border-color: rgba(var(--color-textGray), 1);
  }
  .categoryTarget__link:hover .categoryIcon__inner, .categoryTarget__link:active .categoryIcon__inner, a.categoryTarget__link:hover .categoryIcon__inner, a.categoryTarget__link:active .categoryIcon__inner {
    background-color: rgba(var(--color-textGray), 1);
  }
  .categoryTarget__link:hover .categoryTitle, .categoryTarget__link:active .categoryTitle, a.categoryTarget__link:hover .categoryTitle, a.categoryTarget__link:active .categoryTitle {
    color: rgba(var(--color-textGray), 1);
  }
  .snsLink:hover, .snsLink:active, a.snsLink:hover, a.snsLink:active {
    border-color: #fff;
    background-color: #fff;
  }
  .snsLink:hover .snsIcon__inner, .snsLink:active .snsIcon__inner, a.snsLink:hover .snsIcon__inner, a.snsLink:active .snsIcon__inner {
    background-color: rgba(var(--color-textGray), 1);
  }
  .snsLink:hover .snsTitle, .snsLink:active .snsTitle, a.snsLink:hover .snsTitle, a.snsLink:active .snsTitle {
    color: rgba(var(--color-textGray), 1);
  }
  .footerInsLink:hover::after, .footerInsLink:active::after {
    opacity: 1;
  }
  .footerInsLink:hover img, .footerInsLink:active img {
    transform: scale(1.1);
  }
  .footerNewsLetter__submit button[type=submit]:hover, .footerNewsLetter__submit button[type=submit]:active {
    color: #000;
    border-color: #000;
  }
  .iconArrow__hoverWrapper:hover .iconArrow__line::before, .iconArrow__hoverWrapper:active .iconArrow__line::before {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 0;
  }
  .iconArrow__hoverWrapper:hover .iconArrow__line::after, .iconArrow__hoverWrapper:active .iconArrow__line::after {
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    width: 100%;
  }
  .pageTop:hover .pageTop__text::after, .pageTop:active .pageTop__text::after {
    width: 100%;
    right: auto;
    left: 0;
  }
  .filterHoverWrapper:hover, .filterHoverWrapper:active {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
  }
  .closeBtn:hover, .closeBtn:active {
    border-color: rgba(var(--color-textGray), 1);
  }
  .closeBtn:hover .closeBtn__icon::before, .closeBtn:hover .closeBtn__icon::after, .closeBtn:active .closeBtn__icon::before, .closeBtn:active .closeBtn__icon::after {
    transform: rotate(0deg);
    background-color: #000;
  }
  .footerNav__link:hover::after, .footerNav__link:active::after, a.footerNav__link:hover::after, a.footerNav__link:active::after {
    width: 100%;
    left: 0;
    right: auto;
  }
  .menu--open .menu .menuInner__menuBtn:hover .menuBtn__inner::before, .menu--open .menu .menuInner__menuBtn:active .menuBtn__inner::before {
    transform: translateY(0) rotate(0deg);
  }
  .menu--open .menu .menuInner__menuBtn:hover .menuBtn__inner::after, .menu--open .menu .menuInner__menuBtn:active .menuBtn__inner::after {
    transform: translateY(0) rotate(0deg);
  }
}

.voice:hover .voiceInner, .voice:active .voiceInner {
  transform: translate(6px, 6px);
}

.js--p5--elm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0.4;
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.1s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}/*# sourceMappingURL=base.css.map */

/* ============================================================================================== edit 0806 */
.itemColumn .itemThum__inner {
  width: 100%;
}
.itemColumn .thumImg, .itemColumn img.thumImg {
  object-fit: cover;
}