/* --------------------------------------------------------
 Name:       - app.css
 Author:    
 Info:      
----------------------------------------------------------- */
/* @charset "UTF-8";@font-face {
  font-family: noto_sans_jp_bold;
  font-style: normal;
  font-weight: 700;
  src: url(../common/fonts/NotoSansJP-Bold.woff2) format("woff2"),url(../common/fonts/NotoSansJP-Bold.ttf) format("truetype")
}

@font-face {
  font-family: noto_sans_jp_medium;
  font-style: normal;
  font-weight: 500;
  src: url(../common/fonts/NotoSansJP-Medium.woff2) format("woff2"),url(../common/fonts/NotoSansJP-Medium.ttf) format("truetype")
} */
/* .js-modalCloseImage {
  pointer-events: none;
} */
button.product_buttonText {
  cursor: pointer;
}
figure {
  margin: 0;
}
.jins-wrap {
  background: #fff;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;
  font-size: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  line-break: strict;
  /* min-height: 100vh;
  min-height: 100dvh; */
  overflow-wrap: anywhere;
  word-break: normal
}

.page-index,.page-index .jins-wrap,.page-index main {
  width: 100%
}
#section-contents {
  padding-top: 0;
}
.page-index .section-contents {
  background-color: #e5e2de;
  position: relative;
  z-index: 0
}

.page-index .section-contents:before {
  background-color: #67807e;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  z-index: 0
}

.page-index .section-contents p {
  line-height: 1;
  margin: 0
}

.page-index .section-contents dd,.page-index .section-contents dl,.page-index .section-contents dt {
  margin: 0
}

.page-index .section-contents ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.page-index .section-contents a {
  text-decoration: none
}

.page-index .kv {
  position: relative
}

.page-index .kv .kv_image {
  vertical-align: bottom;
  width: 100%
}

.page-index .about .about_image,.page-index .about .about_wrap {
  position: relative
}

.page-index .about .about_bg {
  display: block
}

.page-index .about .about_bg .about_bgImage {
  vertical-align: bottom
}

.page-index .about .about_bg.glow {
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity .8s ease;
  -moz-transition: opacity .8s ease;
  transition: opacity .8s ease
}

.page-index .about .about_bg.is-parallax-active {
  opacity: 0
}

.page-index .about .about_inner {
  background-color: #fff;
  opacity: 0;
  position: relative;
  -webkit-transition: opacity .8s;
  -moz-transition: opacity .8s;
  transition: opacity .8s
}

.page-index .about .about_inner.is-parallax-active {
  opacity: 1
}

.page-index .about .about_inner.is-parallax-active .about_innerWrap {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.page-index .about .about_innerWrap {
  opacity: 0;
  -webkit-transition: opacity .8s ease .3s,-webkit-transform .6s ease .4s;
  transition: opacity .8s ease .3s,-webkit-transform .6s ease .4s;
  -moz-transition: opacity .8s ease .3s,transform .6s ease .4s,-moz-transform .6s ease .4s;
  transition: opacity .8s ease .3s,transform .6s ease .4s;
  transition: opacity .8s ease .3s,transform .6s ease .4s,-webkit-transform .6s ease .4s,-moz-transform .6s ease .4s
}

.page-index .about .about_title {
  line-height: 1
}

.page-index .about .about_title .about_titleImage {
  vertical-align: bottom
}

.page-index .about .about_text {
  color: #2e2e2e;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index .sale {
  overflow: hidden
}

.page-index .sale .sale_outer {
  position: relative
}

.page-index .sale .sale_ornament {
  position: absolute
}

.page-index .sale .sale_ornament .sale_ornamentText {
  border-top: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: "Noto Serif TC";
  font-weight: 600;
  pointer-events: none;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.page-index .sale .sale_wrap {
  position: relative;
  text-align: center
}

.page-index .sale .sale_wrap:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.page-index .sale .sale_wrap .sale_inner {
  opacity: 0;
  -webkit-transform: translateY(3%);
  -moz-transform: translateY(3%);
  -ms-transform: translateY(3%);
  transform: translateY(3%);
  -webkit-transition: opacity .8s ease,-webkit-transform .6s ease .1s;
  transition: opacity .8s ease,-webkit-transform .6s ease .1s;
  -moz-transition: opacity .8s ease,transform .6s ease .1s,-moz-transform .6s ease .1s;
  transition: opacity .8s ease,transform .6s ease .1s;
  transition: opacity .8s ease,transform .6s ease .1s,-webkit-transform .6s ease .1s,-moz-transform .6s ease .1s
}

.page-index .sale .sale_wrap .sale_inner.is-parallax-active {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.page-index .sale .sale_wrap .sale_title {
  color: #2e2e2e;
  position: relative;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 600;
  margin-left: auto;
  margin-right: auto
}

.page-index .sale .sale_wrap .sale_title:before {
  background-color: rgba(46,46,46,.4);
  bottom: 50%;
  content: "";
  height: 1px;
  position: absolute;
  right: 50%;
  -webkit-transform: translate(50%,50%);
  -moz-transform: translate(50%,50%);
  -ms-transform: translate(50%,50%);
  transform: translate(50%,50%);
  width: 100%
}

.page-index .sale .sale_wrap .sale_title .sale_titleText {
  display: block;
  position: relative
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsText {
  color: #2e2e2e;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 700
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsDate {
  color: #2e2e2e;
  font-family: "Noto Serif TC";
  font-weight: 700
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopText {
  color: #2e2e2e;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopLink {
  color: #2e2e2e;
  position: relative;
  leading-trim: both;
  text-edge: cap;
  border: 1px solid #2e2e2e;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopLink:after {
  background: url(../../assets/images/ic_arrow2.svg) no-repeat 50%/100% auto;
  bottom: 50%;
  content: "";
  position: absolute;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%)
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopOnline {
  color: #2e2e2e;
  font-family: "Noto Serif TC";
  font-weight: 600;
  text-align: center
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote {
  color: #2e2e2e;
  font-family: "Noto Serif TC";
  font-weight: 600;
  position: relative
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote:after,.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  bottom: 50%;
  content: "";
  position: absolute;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%)
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote:before {
  left: 0;
  -webkit-transform: translateY(50%) scaleX(-100%);
  -moz-transform: translateY(50%) scaleX(-100%);
  -ms-transform: translateY(50%) scaleX(-100%);
  transform: translateY(50%) scaleX(-100%)
}

.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote:after {
  right: 0
}

.page-index .feature {
  background-color: hsla(0,0%,100%,0);
  overflow: hidden
}

.page-index .feature .feature_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  align-items: stretch;
  background-color: #cbd5d4
}

.page-index .feature .feature_wrap .feature_inner .feature_lead {
  opacity: 0;
  text-align: center;
  -webkit-transform: translateY(3%);
  -moz-transform: translateY(3%);
  -ms-transform: translateY(3%);
  transform: translateY(3%);
  -webkit-transition: opacity .8s ease,-webkit-transform .6s ease .1s;
  transition: opacity .8s ease,-webkit-transform .6s ease .1s;
  -moz-transition: opacity .8s ease,transform .6s ease .1s,-moz-transform .6s ease .1s;
  transition: opacity .8s ease,transform .6s ease .1s;
  transition: opacity .8s ease,transform .6s ease .1s,-webkit-transform .6s ease .1s,-moz-transform .6s ease .1s
}

.page-index .feature .feature_wrap .feature_inner .feature_lead .feature_leadImage {
  overflow: visible;
  width: auto
}

.page-index .feature .feature_wrap .feature_inner .feature_lead .feature_leadImage path {
  height: 100%;
  width: auto
}

.page-index .feature .feature_wrap .feature_inner .feature_lead.is-parallax-active {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.page-index .feature .feature_wrap .feature_inner .feature_whats {
  border: 1px solid #000
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsOrnament {
  color: #000;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  background-color: #cbd5d4;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsTitle {
  text-align: center
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsTitle .feature_whatsTitleImage {
  overflow: visible
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner {
  display: none
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner .feature_whatsThumb .feature_whatsThumbWrap {
  display: inline-block
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner .feature_whatsThumb .feature_whatsImage {
  height: auto
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner .feature_whatsText {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whats360Button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  display: block;
  position: relative;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  background-color: #cbd5d4;
  border: 1px solid #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: "Noto Serif TC";
  font-weight: 600;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  margin-inline:auto}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whats360ButtonIcon {
  bottom: 50%;
  position: absolute;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%)
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton .feature_whatsButtonText {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  display: block;
  padding: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform .3s ease .3s;
  transition: -webkit-transform .3s ease .3s;
  -moz-transition: transform .3s ease .3s,-moz-transform .3s ease .3s;
  transition: transform .3s ease .3s;
  transition: transform .3s ease .3s,-webkit-transform .3s ease .3s,-moz-transform .3s ease .3s;
  leading-trim: both;
  text-edge: cap;
  background-color: #cbd5d4;
  border: 1px solid #000;
  font-family: "Noto Serif TC";
  font-weight: 600;
  width: 100%
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton .feature_whatsButtonText[data-type=open] {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg)
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton .feature_whatsButtonText[data-type=close] {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg)
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton .feature_whatsButtonIcon {
  bottom: 50%;
  position: absolute;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%)
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton.js-open .feature_whatsButtonText[data-type=open] {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg)
}

.page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton.js-open .feature_whatsButtonText[data-type=close] {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  z-index: -1
}

.page-index .feature .feature_wrap .feature_ornament {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative
}

.page-index .feature .feature_wrap .feature_ornament:before {
  background-color: #000;
  content: "";
  height: 100%;
  position: absolute;
  width: 1px
}

.page-index .feature .feature_wrap .feature_ornament .feature_ornamentText {
  color: #2e2e2e;
  display: inline-block;
  font-family: "Noto Serif TC";
  font-weight: 600;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.page-index .product {
  position: relative;
  width: 100%
}

.page-index .product .product_contents {
  left: 0;
  position: relative;
  position: -webkit-sticky;
  position: sticky
}

.page-index .product .product_contents[data-item=contents1] .product_headerCounter span:first-of-type,.page-index .product .product_contents[data-item=contents2] .product_headerCounter span:nth-of-type(2),.page-index .product .product_contents[data-item=contents3] .product_headerCounter span:nth-of-type(3),.page-index .product .product_contents[data-item=contents4] .product_headerCounter span:nth-of-type(4),.page-index .product .product_contents[data-item=contents5] .product_headerCounter span:nth-of-type(5),.page-index .product .product_contents[data-item=contents6] .product_headerCounter span:nth-of-type(7),.page-index .product .product_contents[data-item=contents7] .product_headerCounter span:nth-of-type(6) {
  background-color: #fff
}

.page-index .product .product_contents .product_contentsInner,.page-index .product .product_contents .product_contentsWrap {
  position: relative
}

.page-index .product .product_bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.page-index .product .product_bg * {
  pointer-events: none
}

.page-index .product .product_bg .product_bgImage {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.page-index .product .product_header {
  left: 0;
  position: relative;
  text-align: right;
  z-index: 1
}

.page-index .product .product_header .product_headerText {
  color: #fff;
  display: inline-block;
  position: relative;
  text-align: right;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 700
}

.page-index .product .product_header .product_headerText:after {
  background-color: #fff;
  -moz-border-radius: 50%;
  border-radius: 50%;
  bottom: 50%;
  content: "";
  position: absolute;
  right: 0;
  -webkit-transform: translateY(55%);
  -moz-transform: translateY(55%);
  -ms-transform: translateY(55%);
  transform: translateY(55%)
}

.page-index .product .product_header .product_headerDeco {
  color: #fff;
  text-align: right;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 700
}

.page-index .product .product_inner {
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  position: relative;
  -webkit-transition: opacity .8s ease;
  -moz-transition: opacity .8s ease;
  transition: opacity .8s ease
}

.page-index .product .product_inner.is-parallax-active {
  opacity: 1
}

.page-index .product .product_inner[data-item=product1] {
  background-color: #35524d
}

.page-index .product .product_inner[data-item=product2] {
  background-color: #6e8e94
}

.page-index .product .product_inner[data-item=product3] {
  background-color: #67807e
}

.page-index .product .product_inner[data-item=product4] {
  background-color: #697d95
}

.page-index .product .product_inner[data-item=product5] {
  background-color: #f0efed
}

.page-index .product .product_inner[data-item=product6] {
  background-color: #be845f
}

.page-index .product .product_inner[data-item=product7] {
  background-color: #fff4ce
}

.page-index .product .product_inner[data-item=product8] {
  background-color: #7b846e
}

.page-index .product .product_inner[data-item=product1],.page-index .product .product_inner[data-item=product2],.page-index .product .product_inner[data-item=product3],.page-index .product .product_inner[data-item=product4],.page-index .product .product_inner[data-item=product8] {
  color: #fff
}

.page-index .product .product_inner[data-item=product1] .product_type,.page-index .product .product_inner[data-item=product2] .product_type,.page-index .product .product_inner[data-item=product3] .product_type,.page-index .product .product_inner[data-item=product4] .product_type,.page-index .product .product_inner[data-item=product8] .product_type {
  border-color: #fff
}

.page-index .product .product_inner[data-item=product1] .product_buttonText,.page-index .product .product_inner[data-item=product2] .product_buttonText,.page-index .product .product_inner[data-item=product3] .product_buttonText,.page-index .product .product_inner[data-item=product4] .product_buttonText,.page-index .product .product_inner[data-item=product8] .product_buttonText {
  background-color: #e5e2de;
  color: #000
}

.page-index .product .product_inner[data-item=product1] .product_buttonIcon .cls-1,.page-index .product .product_inner[data-item=product2] .product_buttonIcon .cls-1,.page-index .product .product_inner[data-item=product3] .product_buttonIcon .cls-1,.page-index .product .product_inner[data-item=product4] .product_buttonIcon .cls-1,.page-index .product .product_inner[data-item=product8] .product_buttonIcon .cls-1 {
  fill: #000
}

.page-index .product .product_inner[data-item=product1] .product_buttonIcon .cls-2,.page-index .product .product_inner[data-item=product2] .product_buttonIcon .cls-2,.page-index .product .product_inner[data-item=product3] .product_buttonIcon .cls-2,.page-index .product .product_inner[data-item=product4] .product_buttonIcon .cls-2,.page-index .product .product_inner[data-item=product8] .product_buttonIcon .cls-2 {
  fill: #e5e2de
}

.page-index .product .product_inner[data-item=product5],.page-index .product .product_inner[data-item=product6],.page-index .product .product_inner[data-item=product7] {
  color: #2e2e2e
}

.page-index .product .product_inner[data-item=product5] .product_type,.page-index .product .product_inner[data-item=product6] .product_type,.page-index .product .product_inner[data-item=product7] .product_type {
  border-color: #2e2e2e
}

.page-index .product .product_inner[data-item=product5] .product_buttonText,.page-index .product .product_inner[data-item=product6] .product_buttonText,.page-index .product .product_inner[data-item=product7] .product_buttonText {
  background-color: #000;
  color: #e5e2de
}

.page-index .product .product_inner[data-item=product5] .product_buttonIcon .cls-1,.page-index .product .product_inner[data-item=product6] .product_buttonIcon .cls-1,.page-index .product .product_inner[data-item=product7] .product_buttonIcon .cls-1 {
  fill: #e5e2de
}

.page-index .product .product_inner[data-item=product5] .product_buttonIcon .cls-2,.page-index .product .product_inner[data-item=product6] .product_buttonIcon .cls-2,.page-index .product .product_inner[data-item=product7] .product_buttonIcon .cls-2 {
  fill: #000
}

.page-index .product .product_thumb .product_thumbWrap {
  display: block
}

.page-index .product .product_thumb .product_thumbImage {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.page-index .product .product_title .product_titleLead {
  display: block;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index .product .product_title .product_titleText {
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 700
}

.page-index .product .product_detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  justify-content: flex-start
}

.page-index .product .product_type {
  border-style: solid;
  border-width: 1px
}

.page-index .product .product_price,.page-index .product .product_type {
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 700
}

.page-index .product .product_text {
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index .product .product_note {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.page-index .product .product_button .product_buttonText,.page-index .product .product_note .product_noteText {
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 700
}

.page-index .product .product_button .product_buttonText {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  background-color: #e5e2de;
  border: 0 solid #000;
  margin-left: auto;
  margin-right: auto;
  padding: 0
}

.page-index .product .product_button .product_buttonIcon {
  bottom: 50%;
  position: absolute;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%)
}

.page-index .snowpeak {
  background-color: #e5e2de;
  position: relative
}

.page-index .snowpeak .snowpeak_wrap {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto
}

.page-index .snowpeak .snowpeak_head {
  margin-left: auto;
  margin-right: auto
}

.page-index .snowpeak .snowpeak_head .snowpeak_text {
  color: #000;
  font-family: "Noto Serif TC";
  font-style: normal;
  font-weight: 400
}

.page-index .snowpeak .snowpeak_shopLinkText {
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: "Noto Serif TC";
  font-style: normal;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  background: #2e2e2e;
  justify-content: center
}

.page-index .snowpeak .snowpeak_shopLinkIcon {
  bottom: 50%;
  position: absolute;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%)
}

.page-index .snowpeak .snowpeak_shopLinkIcon .cls-1 {
  fill: #e5e2de
}

.page-index .snowpeak .snowpeak_shopLinkIcon .cls-2 {
  fill: #000
}

.page-index .snowpeak .snowpeak_note {
  text-align: center
}

.page-index .snowpeak .snowpeak_noteItem {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 400
}

.page-index .snowpeak .snowpeak_noteLink {
  text-decoration: underline
}

.page-index #modal-container,.page-index #section-modal-fishingSet {
  background-color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow-x: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  -webkit-transition: opacity .3s ease,visibility .3s ease;
  -moz-transition: opacity .3s ease,visibility .3s ease;
  transition: opacity .3s ease,visibility .3s ease;
  visibility: hidden;
  width: 100%;
  z-index: 20000
}

.page-index #modal-container.js-active,.page-index #section-modal-fishingSet.js-active {
  opacity: 1;
  pointer-events: painted;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
  visibility: visible
}

.page-index #modal-container p,.page-index #section-modal-fishingSet p {
  line-height: 1;
  margin: 0
}

.page-index #modal-container dd,.page-index #modal-container dl,.page-index #modal-container dt,.page-index #section-modal-fishingSet dd,.page-index #section-modal-fishingSet dl,.page-index #section-modal-fishingSet dt {
  margin: 0
}

.page-index #modal-container ul,.page-index #section-modal-fishingSet ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.page-index #modal-container a,.page-index #section-modal-fishingSet a {
  text-decoration: none
}

.page-index #modal-container #section-modal,.page-index #modal-container .section-modal-inner,.page-index #section-modal-fishingSet #section-modal,.page-index #section-modal-fishingSet .section-modal-inner {
  display: table;
  height: 100%;
  width: 100%
}

.page-index #modal-container .modal,.page-index #section-modal-fishingSet .modal {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.page-index #modal-container .modal p,.page-index #section-modal-fishingSet .modal p {
  margin-bottom: 0
}

.page-index #modal-container .modal .modal_wrap,.page-index #section-modal-fishingSet .modal .modal_wrap {
  overflow-y: auto;
  position: relative;
  width: 100%
}

.page-index #modal-container .modal .js-modalClose,.page-index #section-modal-fishingSet .modal .js-modalClose {
  background: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  z-index: 1
}

.page-index #modal-container .modal .modal_head,.page-index #section-modal-fishingSet .modal .modal_head {
  grid-area: right1
}

.page-index #modal-container .modal .modal_titleSmall,.page-index #section-modal-fishingSet .modal .modal_titleSmall {
  color: #2e2e2e;
  display: block;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index #modal-container .modal .modal_titleLarge,.page-index #section-modal-fishingSet .modal .modal_titleLarge {
  color: #2e2e2e;
  display: block;
  font-family: "Noto Serif TC"
}

.page-index #modal-container .modal .modal_thumb,.page-index #section-modal-fishingSet .modal .modal_thumb {
  position: relative
}

.page-index #modal-container .modal .modal_thumb .swiper .swiper-wrapper,.page-index #section-modal-fishingSet .modal .modal_thumb .swiper .swiper-wrapper {
  position: relative;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.page-index #modal-container .modal .modal_thumb .swiper .swiper-slide,.page-index #section-modal-fishingSet .modal .modal_thumb .swiper .swiper-slide {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  transition: opacity .5s ease;
  width: 100%
}

.page-index #modal-container .modal .modal_thumb .swiper .swiper-slide:first-child,.page-index #section-modal-fishingSet .modal .modal_thumb .swiper .swiper-slide:first-child {
  position: relative
}

.page-index #modal-container .modal .modal_thumb .swiper .swiper-slide:first-of-type,.page-index #section-modal-fishingSet .modal .modal_thumb .swiper .swiper-slide:first-of-type {
  z-index: 6
}

.page-index #modal-container .modal .modal_thumb .swiper .swiper-slide:nth-of-type(2),.page-index #section-modal-fishingSet .modal .modal_thumb .swiper .swiper-slide:nth-of-type(2) {
  z-index: 5
}

.page-index #modal-container .modal .modal_thumb .swiper .swiper-slide:nth-of-type(3),.page-index #section-modal-fishingSet .modal .modal_thumb .swiper .swiper-slide:nth-of-type(3) {
  z-index: 4
}

.page-index #modal-container .modal .modal_thumb .swiper .swiper-slide:nth-of-type(4),.page-index #section-modal-fishingSet .modal .modal_thumb .swiper .swiper-slide:nth-of-type(4) {
  z-index: 3
}

.page-index #modal-container .modal .modal_thumb .swiper .swiper-slide:nth-of-type(5),.page-index #section-modal-fishingSet .modal .modal_thumb .swiper .swiper-slide:nth-of-type(5) {
  z-index: 2
}

.page-index #modal-container .modal .modal_thumb .swiper .swiper-slide:nth-of-type(6),.page-index #section-modal-fishingSet .modal .modal_thumb .swiper .swiper-slide:nth-of-type(6) {
  z-index: 1
}

.page-index #modal-container .modal .modal_thumb .swiper .swiper-slide.swiper-slide-active,.page-index #section-modal-fishingSet .modal .modal_thumb .swiper .swiper-slide.swiper-slide-active {
  opacity: 1!important
}

.page-index #modal-container .modal .modal_thumb .modal_thumbContents,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbContents {
  position: relative;
  width: 100%
}

.page-index #modal-container .modal .modal_thumb .modal_thumbContents *,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbContents * {
  pointer-events: none
}

.page-index #modal-container .modal .modal_thumb .modal_thumbItem,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbItem {
  margin: 0;
  width: 100%
}

.page-index #modal-container .modal .modal_thumb .modal_thumbItem img,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbItem img {
  display: block;
  height: auto;
  width: 100%
}

.page-index #modal-container .modal .modal_thumb .modal_thumbText,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbText {
  bottom: 0;
  color: #2e2e2e;
  position: absolute;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 700
}

.page-index #modal-container .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail {
  color: #2e2e2e;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 700;
  vertical-align: bottom
}

.page-index #modal-container .modal .swiper-thumbs,.page-index #section-modal-fishingSet .modal .swiper-thumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column
}

.page-index #modal-container .modal .swiper-thumb-item,.page-index #section-modal-fishingSet .modal .swiper-thumb-item {
  background: none;
  background-color: #fff;
  border: 0;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  position: relative
}

.page-index #modal-container .modal .swiper-thumb-item.active:after,.page-index #section-modal-fishingSet .modal .swiper-thumb-item.active:after {
  background-color: rgba(0,0,0,.15)
}

.page-index #modal-container .modal .swiper-thumb-item:after,.page-index #section-modal-fishingSet .modal .swiper-thumb-item:after {
  background-color: transparent;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  transition: background-color .3s ease;
  width: 100%
}

.page-index #modal-container .modal .swiper-thumb-item .swiper-thumb-item_image,.page-index #section-modal-fishingSet .modal .swiper-thumb-item .swiper-thumb-item_image {
  height: 80%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.page-index #modal-container .modal .swiper-fraction,.page-index #section-modal-fishingSet .modal .swiper-fraction {
  display: none
}

.page-index #modal-container .modal .modal_textWrap,.page-index #section-modal-fishingSet .modal .modal_textWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.page-index #modal-container .modal .modal_type,.page-index #section-modal-fishingSet .modal .modal_type {
  color: #2e2e2e;
  leading-trim: both;
  text-edge: cap;
  border: 1px solid #2e2e2e;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index #modal-container .modal .modal_price,.page-index #section-modal-fishingSet .modal .modal_price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  color: #2e2e2e;
  justify-content: flex-start;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 700
}

.page-index #modal-container .modal .modal_lensDetails,.page-index #section-modal-fishingSet .modal .modal_lensDetails {
  position: relative
}

.page-index #modal-container .modal .modal_lensDetails:before,.page-index #section-modal-fishingSet .modal .modal_lensDetails:before {
  background-color: rgba(46,46,46,.1);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsTitle,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  color: #2e2e2e;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsText,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsText {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 400
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter_outer,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter_outer {
  position: relative
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter_outer .modal_lensDetails_BeforeAfter_text,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter_outer .modal_lensDetails_BeforeAfter_text {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-style: normal;
  font-weight: 400
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter {
  margin: 0 auto;
  position: relative
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .image-container,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .image-container {
  height: 100%;
  position: relative;
  width: 100%
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image,.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image>picture,.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image>picture,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image>picture,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image>picture {
  display: block
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image {
  z-index: 1
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image {
  width: 50%;
  z-index: 2
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image img,.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image img,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image img,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider {
  background-color: #fff;
  cursor: ew-resize;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  z-index: 3
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider-button,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider-button {
  bottom: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: absolute;
  right: 50%;
  -webkit-transform: translate(50%,50%);
  -moz-transform: translate(50%,50%);
  -ms-transform: translate(50%,50%);
  transform: translate(50%,50%);
  z-index: 4;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  cursor: ew-resize
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label {
  color: #fff;
  position: absolute;
  z-index: 2;
  leading-trim: both;
  text-edge: cap;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: rgba(0,0,0,.2);
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: jins_next,JINS Next,Noto Sans Japanese,sans-serif;
  font-weight: 400;
  white-space: nowrap
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect {
  position: relative
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-container,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-container {
  overflow: hidden;
  position: relative
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  transition: opacity .2s ease;
  width: 100%
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image:first-of-type,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image:first-of-type {
  z-index: 1
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image:nth-of-type(2),.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image:nth-of-type(2) {
  z-index: 2
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .modal_lensDetailsSubTitle,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .modal_lensDetailsSubTitle {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 400
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .slider-container,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .slider-container {
  position: relative
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-labels,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-labels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ddd;
  cursor: pointer;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-webkit-slider-thumb,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #2e2e2e;
  border-radius: 9999px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-moz-range-thumb,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-moz-range-thumb {
  background: #fff;
  border: 1px solid #2e2e2e;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  box-shadow: none
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabItem,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabItem {
  width: 50%
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton {
  background-color: #fff;
  color: #000;
  text-align: center;
  width: 100%;
  leading-trim: both;
  text-edge: cap;
  border: 1px solid #000;
  font-family: "Noto Serif TC";
  font-weight: 400
}

.page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton.js-active,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton.js-active {
  background-color: #000;
  color: #fff;
  pointer-events: none
}

.page-index #modal-container .modal .modal_procedure,.page-index #section-modal-fishingSet .modal .modal_procedure {
  border-top: 1px solid rgba(46,46,46,.1)
}

.page-index #modal-container .modal .modal_lineup .modal_lineupTitleNote,.page-index #modal-container .modal .modal_lineup .modal_lineupTitleText,.page-index #modal-container .modal .modal_procedure .modal_procedureTitle,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupTitleNote,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupTitleText,.page-index #section-modal-fishingSet .modal .modal_procedure .modal_procedureTitle {
  color: #2e2e2e;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 600
}

.page-index #modal-container .modal .modal_shop,.page-index #section-modal-fishingSet .modal .modal_shop {
  position: relative
}

.page-index #modal-container .modal .modal_shop .modal_shopLinkText,.page-index #section-modal-fishingSet .modal .modal_shop .modal_shopLinkText {
  background-color: #000;
  color: #e5e2de;
  display: inline-block;
  opacity: 1;
  position: relative;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 600;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.page-index #modal-container .modal .modal_shop .modal_shopLinkText:hover,.page-index #section-modal-fishingSet .modal .modal_shop .modal_shopLinkText:hover {
  opacity: .4
}

.page-index #modal-container .modal .modal_shop .modal_shopLinkText[data-type=hidden],.page-index #section-modal-fishingSet .modal .modal_shop .modal_shopLinkText[data-type=hidden] {
  background-color: #c2c2c2;
  color: #757575
}

.page-index #modal-container .modal .modal_shop .modal_shopLinkText .modal_shopLinkIcon,.page-index #section-modal-fishingSet .modal .modal_shop .modal_shopLinkText .modal_shopLinkIcon {
  bottom: 50%;
  overflow: visible;
  position: absolute;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%)
}

.page-index #modal-container .modal .modal_notes .modal_notesItem,.page-index #section-modal-fishingSet .modal .modal_notes .modal_notesItem {
  color: #2e2e2e;
  font-family: "Noto Serif TC";
  font-weight: 400
}

.page-index #modal-container .modal .modal_variantButtonsTitle,.page-index #section-modal-fishingSet .modal .modal_variantButtonsTitle {
  color: #2e2e2e;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif TC";
  font-weight: 700
}

.page-index #modal-container .modal .modal_variantButtonsWrap,.page-index #section-modal-fishingSet .modal .modal_variantButtonsWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  justify-content: flex-start
}

.page-index #modal-container .modal .modal_variantButton,.page-index #section-modal-fishingSet .modal .modal_variantButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease
}

.page-index #modal-container .modal .modal_variantButton:hover,.page-index #section-modal-fishingSet .modal .modal_variantButton:hover {
  background-color: #f9f9f9;
  border-color: #ccc
}

.page-index #modal-container .modal .modal_variantButton.active,.page-index #section-modal-fishingSet .modal .modal_variantButton.active {
  border: 1px solid #2e2e2e
}

.page-index #modal-container .modal .modal_variantButtonImage,.page-index #section-modal-fishingSet .modal .modal_variantButtonImage {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  pointer-events: none;
  width: 100%
}

.page-index #modal-container .modal .modal_variantButtonText,.page-index #section-modal-fishingSet .modal .modal_variantButtonText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  flex: 1;
  text-align: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column
}

.page-index #modal-container .modal .modal_variantButtonColor,.page-index #section-modal-fishingSet .modal .modal_variantButtonColor {
  font-size: 14px;
  font-weight: 500
}

.page-index #modal-container .modal .modal_variantButtonLens,.page-index #section-modal-fishingSet .modal .modal_variantButtonLens {
  color: #666;
  font-size: 12px
}

.page-index .imageCarousel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  overflow: hidden;
  width: 100%
}

.page-index .imageCarousel .imageCarousel-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -webkit-animation: scroll 60s linear infinite;
  -moz-animation: scroll 60s linear infinite;
  animation: scroll 60s linear infinite;
  flex: 0 0 auto;
  width: auto
}

.page-index .imageCarousel .imageCarousel-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  display: block;
  flex: 0 0 auto;
  margin-right: -1px
}

.page-index .imageCarousel .imageCarousel-item * {
  pointer-events: none
}

.page-index .imageCarousel .imageCarousel-item picture {
  display: block;
  height: 100%
}

.page-index .imageCarousel .imageCarousel-item img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: auto
}

@-webkit-keyframes scroll {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }

  to {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }
}

@-moz-keyframes scroll {
  0% {
      -moz-transform: translateX(0);
      transform: translateX(0)
  }

  to {
      -moz-transform: translateX(-100%);
      transform: translateX(-100%)
  }
}

@keyframes scroll {
  0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0)
  }

  to {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      transform: translateX(-100%)
  }
}

@media print {
  .jins-wrap {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      transform: scale(.8);
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      width: 1280px
  }
}

@media print,screen and (min-width: 781px) {
  .page-index .section-contents:before {
      width:13.8888888889vw
  }

  .page-index .u-pc {
      display: block
  }

  .page-index .u-sp {
      display: none
  }

  .page-index .about {
      margin-top: 12.2222222222vw
  }

  .page-index .about .about_wrap {
      margin-left: auto;
      margin-right: auto;
      width: 87.5vw
  }

  .page-index .about .about_inner {
      bottom: 0;
      padding: 6.9444444444vw 0 7.0138888889vw 5.5555555556vw;
      position: absolute;
      right: 0;
      width: 43.2638888889vw
  }

  .page-index .about .about_innerWrap {
      -webkit-transform: translateY(3%);
      -moz-transform: translateY(3%);
      -ms-transform: translateY(3%);
      transform: translateY(3%)
  }

  .page-index .about .about_title {
      width: 20vw
  }

  .page-index .about .about_text {
      font-size: 1.25vw;
      letter-spacing: .325vw;
      line-height: 2.75vw;
      margin-top: 4.1666666667vw
  }

  .page-index .sale .sale_outer {
      margin-left: auto;
      margin-right: auto;
      padding-left: 7.6388888889vw;
      width: 87.5vw
  }

  .page-index .sale .sale_ornament {
      left: .6944444444vw;
      padding-left: 2.6388888889vw;
      top: 7.7777777778vw
  }

  .page-index .sale .sale_ornament .sale_ornamentText {
      font-size: 1.25vw;
      letter-spacing: .075vw;
      line-height: 1.25vw;
      padding-top: 1.3888888889vw;
      width: 21.25vw
  }

  .page-index .sale .sale_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      padding-bottom: 10.0694444444vw;
      padding-left: 3.4722222222vw;
      padding-top: 7.6388888889vw;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      gap: 6.9444444444vw;
      justify-content: center
  }

  .page-index .sale .sale_wrap:before {
      background-color: #fff
  }

  .page-index .sale .sale_wrap .sale_inner {
      width: 25.6944444444vw
  }

  .page-index .sale .sale_wrap .sale_title {
      font-size: .9722222222vw;
      letter-spacing: .0583333333vw;
      line-height: .9722222222vw;
      width: 11.8055555556vw
  }

  .page-index .sale .sale_wrap .sale_title:before {
      width: 25.6944444444vw
  }

  .page-index .sale .sale_wrap .sale_title .sale_titleText {
      background-color: #fff
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsText {
      font-size: 1.3888888889vw;
      letter-spacing: .2777777778vw;
      line-height: 1.3888888889vw;
      margin-top: 1.5277777778vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsDate {
      font-size: 1.3888888889vw;
      letter-spacing: .0833333333vw;
      line-height: 1.3888888889vw;
      margin-top: 3.4722222222vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      height: 4.1666666667vw;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      justify-content: center;
      margin-top: 4.6527777778vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopText {
      font-size: 1.1111111111vw;
      letter-spacing: .0666666667vw;
      line-height: 1.1111111111vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopLink {
      display: inline-block;
      font-size: .8333333333vw;
      letter-spacing: .05vw;
      line-height: 1.5972222222vw;
      margin-left: .9722222222vw;
      padding-right: .5555555556vw;
      width: 7.8472222222vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopLink:after {
      height: .5555555556vw;
      right: .5555555556vw;
      width: .5555555556vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopOnline {
      font-size: 1.1111111111vw;
      letter-spacing: .0666666667vw;
      line-height: 1.1111111111vw;
      margin-top: 1.3888888889vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote {
      font-size: .8333333333vw;
      letter-spacing: .05vw;
      line-height: .8333333333vw;
      margin-top: .9722222222vw;
      padding-left: 1.0416666667vw;
      padding-right: .3472222222vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote:after,.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote:before {
      background-image: url(../../assets/images/ic_brackets_pc.svg);
      height: 12px;
      width: 3px
  }

  .page-index .feature {
      margin-top: 8.125vw
  }

  .page-index .feature .feature_wrap {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      justify-content: flex-end;
      margin: 0 auto;
      padding-bottom: 6.6666666667vw;
      padding-top: 6.6666666667vw;
      width: 87.5vw
  }

  .page-index .feature .feature_wrap:before {
      background-color: #cbd5d4;
      content: "";
      height: 100%;
      left: 100%;
      position: absolute;
      top: 0;
      width: 6.9444444444vw
  }

  .page-index .feature .feature_wrap .feature_inner {
      padding-bottom: 1.3888888889vw;
      padding-top: 1.3888888889vw;
      width: 56.9444444444vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_lead .feature_leadImage {
      height: 1.3194444444vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats {
      -moz-border-radius: .2777777778vw;
      border-radius: .2777777778vw;
      margin-top: 3.8888888889vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsOrnament {
      font-size: 1.25vw;
      letter-spacing: .075vw;
      line-height: 1.25vw;
      margin-top: -.625vw;
      width: 9.4444444444vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsWrap {
      padding-bottom: 1.8055555556vw;
      padding-top: 1.9444444444vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsTitle .feature_whatsTitleImage {
      width: 33.2638888889vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner .feature_whatsInnerWrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      justify-content: center;
      padding-top: 2.5vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner .feature_whatsThumb .feature_whatsImage {
      width: 14.0277777778vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner .feature_whatsText {
      font-size: .9722222222vw;
      letter-spacing: .0583333333vw;
      line-height: 1.75vw;
      margin-left: 2.3611111111vw;
      width: 29.8611111111vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whats360Button {
      -moz-border-radius: .1388888889vw;
      border-radius: .1388888889vw;
      font-size: .8333333333vw;
      font-weight: 600;
      height: 1.7361111111vw;
      letter-spacing: .06em;
      line-height: 2.1666666667;
      margin-top: 1.3888888889vw;
      width: 15.3333333333vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whats360ButtonIcon {
      height: .5555555556vw;
      right: .6944444444vw;
      width: .5555555556vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton {
      height: 2.7777777778vw;
      margin-bottom: -1.3888888889vw;
      -webkit-perspective: 16.25vw;
      -moz-perspective: 16.25vw;
      perspective: 16.25vw;
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      -moz-transition: transform .3s ease,-moz-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease;
      width: 16.25vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton:hover {
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05)
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton .feature_whatsButtonText {
      -moz-border-radius: .1388888889vw;
      border-radius: .1388888889vw;
      font-size: .9722222222vw;
      height: 2.7777777778vw;
      letter-spacing: .0583333333vw;
      line-height: 2.7777777778vw;
      -webkit-transform-origin: 50% 50% -1.3888888889vw;
      -moz-transform-origin: 50% 50% -1.3888888889vw;
      -ms-transform-origin: 50% 50% -1.3888888889vw;
      transform-origin: 50% 50% -1.3888888889vw;
      width: 16.25vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton .feature_whatsButtonIcon {
      height: 1.3888888889vw;
      right: .6944444444vw;
      width: 1.3888888889vw
  }

  .page-index .feature .feature_wrap .feature_ornament {
      padding-left: 11.8055555556vw;
      width: 3.4722222222vw
  }

  .page-index .feature .feature_wrap .feature_ornament .feature_ornamentText {
      font-size: 1.25vw;
      letter-spacing: .075vw;
      line-height: 2.75vw;
      margin-left: 3.4444444444vw;
      width: 5.5555555556vw
  }

  .page-index .product {
      margin-top: 6.9444444444vw
  }

  .page-index .product .product_contents {
      top: 70px
  }

  .page-index .product .product_contents .product_contentsInner {
      padding-bottom: 6.25vw
  }

  .page-index .product .product_contents[data-item=contents6] .product_contentsInner {
      padding-bottom: 11.8055555556vw;
      padding-top: 9.7222222222vw
  }

  .page-index .product .product_header {
      top: 0
  }

  .page-index .product .product_header,.page-index .product .product_header[data-item=contents2] {
      padding: 2.0833333333vw 3.0555555556vw
  }

  .page-index .product .product_header .product_headerFraction {
      display: none
  }

  .page-index .product .product_header .product_headerCounter {
      bottom: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      gap: .8333333333vw;
      left: 3.0555555556vw;
      position: absolute;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%)
  }

  .page-index .product .product_header .product_headerCounter span {
      border: 1px solid #fff;
      -moz-border-radius: 50%;
      border-radius: 50%;
      height: .6944444444vw;
      width: .6944444444vw
  }

  .page-index .product .product_header .product_headerText {
      font-size: 1.5277777778vw;
      letter-spacing: .0916666667vw;
      line-height: 1.5277777778vw;
      padding-right: 2.0833333333vw;
      text-shadow: 0 0 1.3888888889vw rgba(0,0,0,.6)
  }

  .page-index .product .product_header .product_headerText:after {
      height: 1.1111111111vw;
      width: 1.1111111111vw
  }

  .page-index .product .product_header .product_headerDeco {
      font-size: 1.5277777778vw;
      letter-spacing: .0916666667vw;
      line-height: 1.5277777778vw;
      padding-left: 1.3888888889vw;
      padding-right: 1.3888888889vw
  }

  .page-index .product .product_inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      width: 87.5vw;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      justify-content: center;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -moz-box-align: stretch;
      align-items: stretch
  }

  .page-index .product .product_inner+.product_inner {
      margin-top: 1.3888888889vw
  }

  .page-index .product .product_thumb .product_thumbWrap {
      height: 100%;
      width: 52.5vw
  }

  .page-index .product .product_innerWrap {
      margin: 6.7361111111vw 2.5694444444vw;
      width: 35vw
  }

  .page-index .product .product_title .product_titleLead {
      font-size: .9722222222vw;
      letter-spacing: .0583333333vw;
      line-height: 2.1388888889vw
  }

  .page-index .product .product_title .product_titleText {
      font-size: 1.6666666667vw;
      letter-spacing: .1vw;
      line-height: 2.5vw
  }

  .page-index .product .product_detail {
      margin-top: 1.3888888889vw
  }

  .page-index .product .product_type {
      -moz-border-radius: .1388888889vw;
      border-radius: .1388888889vw;
      font-size: .8333333333vw;
      letter-spacing: .05vw;
      line-height: .9027777778vw;
      padding: .3472222222vw .625vw
  }

  .page-index .product .product_price {
      font-size: .8333333333vw;
      letter-spacing: .05vw;
      line-height: 1.7361111111vw;
      margin-left: 1.7361111111vw
  }

  .page-index .product .product_text {
      font-size: .9722222222vw;
      letter-spacing: .0583333333vw;
      line-height: 1.4583333333vw;
      margin-top: 2.3611111111vw
  }

  .page-index .product .product_note {
      margin-top: 2.3611111111vw
  }

  .page-index .product .product_note .product_noteText {
      font-size: .5555555556vw;
      letter-spacing: .0333333333vw;
      line-height: 1.0555555556vw
  }

  .page-index .product .product_button .product_buttonText {
      -moz-border-radius: .1388888889vw;
      border-radius: .1388888889vw;
      font-size: .9722222222vw;
      height: 2.7777777778vw;
      letter-spacing: .0583333333vw;
      line-height: .9722222222vw;
      margin-top: 2.5694444444vw;
      width: 16.25vw
  }

  .page-index .product .product_button .product_buttonIcon {
      height: 1.3888888889vw;
      right: .6944444444vw;
      width: 1.3888888889vw
  }

  .page-index .snowpeak {
      padding-top: 5.5555555556vw
  }

  .page-index .snowpeak .snowpeak_wrap {
      padding-bottom: 2.7777777778vw;
      padding-top: 5.5555555556vw;
      width: 87.5vw
  }

  .page-index .snowpeak .snowpeak_head {
      padding-left: 6.25vw;
      padding-right: 6.25vw;
      width: 56.9444444444vw
  }

  .page-index .snowpeak .snowpeak_head .snowpeak_titleImage {
      height: 3.5452083333vw;
      width: 15.1388888889vw
  }

  .page-index .snowpeak .snowpeak_head .snowpeak_text {
      font-size: .9722222222vw;
      line-height: 1.75vw;
      margin-top: 1.3888888889vw
  }

  .page-index .snowpeak .snowpeak_shopLinkText {
      -moz-border-radius: .1388888889vw;
      border-radius: .1388888889vw;
      font-size: .9722222222vw;
      height: 2.7777777778vw;
      letter-spacing: .0583333333vw;
      line-height: 2.1388888889vw;
      margin-top: 2.7777777778vw;
      width: 24.1944444444vw
  }

  .page-index .snowpeak .snowpeak_shopLinkIcon {
      height: 1.3888888889vw;
      right: .6944444444vw;
      width: 1.3888888889vw
  }

  .page-index .snowpeak .snowpeak_note {
      margin-top: 2.3611111111vw
  }

  .page-index .snowpeak .snowpeak_noteItem {
      font-size: .8333333333vw;
      line-height: 1.5vw
  }

  .page-index #modal-container .modal .modal_wrap,.page-index #section-modal-fishingSet .modal .modal_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      padding: 1.9444444444vw 6.25vw;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      gap: 3.1944444444vw;
      justify-content: center
  }

  .page-index #modal-container .modal .js-modalClose,.page-index #section-modal-fishingSet .modal .js-modalClose {
      right: 1.7361111111vw;
      top: 1.7361111111vw
  }

  .page-index #modal-container .modal .js-modalClose .js-modalCloseImage,.page-index #section-modal-fishingSet .modal .js-modalClose .js-modalCloseImage {
      height: 2.6388888889vw;
      width: 2.6388888889vw
  }

  .page-index #modal-container .modal .modal_title,.page-index #section-modal-fishingSet .modal .modal_title {
      -webkit-align-self: start;
      align-self: start;
      height: auto
  }

  .page-index #modal-container .modal .modal_titleSmall,.page-index #section-modal-fishingSet .modal .modal_titleSmall {
      font-size: .8333333333vw;
      font-weight: 600;
      letter-spacing: .06em;
      line-height: 2.1666666667;
      margin-top: .9722222222vw
  }

  .page-index #modal-container .modal .modal_titleLarge,.page-index #section-modal-fishingSet .modal .modal_titleLarge {
      font-size: 1.6666666667vw;
      font-weight: 900;
      letter-spacing: .1vw;
      line-height: 150%
  }

  .page-index #modal-container .modal .modal_thumb,.page-index #section-modal-fishingSet .modal .modal_thumb {
      grid-area: left
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbWrap,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbWrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      justify-content: space-between;
      width: 51.5277777778vw
  }

  .page-index #modal-container .modal .modal_thumb .swiper,.page-index #section-modal-fishingSet .modal .modal_thumb .swiper {
      width: 46.1111111111vw
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbText,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbText {
      bottom: 1.3888888889vw;
      font-size: .8333333333vw;
      font-weight: 400;
      letter-spacing: .06em;
      line-height: 1.5;
      padding: 0 2.7777777778vw
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbProduct,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbProduct {
      line-height: .9722222222vw;
      margin-top: 1.6666666667vw
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail {
      display: inline-block
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail[data-type=model],.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail[data-type=model] {
      font-size: .9722222222vw;
      letter-spacing: .0583333333vw;
      line-height: .9722222222vw
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail[data-type=material],.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail[data-type=material] {
      font-size: .8333333333vw;
      line-height: .8333333333vw
  }

  .page-index #modal-container .modal .swiper-thumbs,.page-index #section-modal-fishingSet .modal .swiper-thumbs {
      gap: .4861111111vw
  }

  .page-index #modal-container .modal .swiper-thumb-item,.page-index #section-modal-fishingSet .modal .swiper-thumb-item {
      height: 4.7222222222vw;
      width: 4.7222222222vw
  }

  .page-index #modal-container .modal .modal_textWrap,.page-index #section-modal-fishingSet .modal .modal_textWrap {
      -webkit-align-self: start;
      align-self: start;
      height: auto;
      margin-top: .9722222222vw
  }

  .page-index #modal-container .modal .modal_type,.page-index #section-modal-fishingSet .modal .modal_type {
      -moz-border-radius: .1388888889vw;
      border-radius: .1388888889vw;
      font-size: .8333333333vw;
      letter-spacing: .05vw;
      line-height: .9027777778vw;
      padding: .3472222222vw .6944444444vw
  }

  .page-index #modal-container .modal .modal_type+.modal_price,.page-index #section-modal-fishingSet .modal .modal_type+.modal_price {
      margin-left: .9722222222vw
  }

  .page-index #modal-container .modal .modal_price,.page-index #section-modal-fishingSet .modal .modal_price {
      font-size: .9722222222vw;
      letter-spacing: .0583333333vw;
      line-height: 1.7361111111vw
  }

  .page-index #modal-container .modal .modal_lensDetails,.page-index #section-modal-fishingSet .modal .modal_lensDetails {
      align-self: start;
      grid-area: right2;
      height: auto;
      padding-top: 4.1666666667vw
  }

  .page-index #modal-container .modal .modal_lensDetails:before,.page-index #section-modal-fishingSet .modal .modal_lensDetails:before {
      top: 2.0833333333vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsTitle,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsTitle {
      font-size: .9722222222vw;
      letter-spacing: .0583333333vw;
      line-height: .9722222222vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsTitle .modal_lensDetailsTitleIcon,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsTitle .modal_lensDetailsTitleIcon {
      height: 1.3194444444vw;
      margin-right: .6944444444vw;
      width: 1.875vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsText,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsText {
      font-size: .8333333333vw;
      font-weight: 400;
      letter-spacing: .06em;
      line-height: 1.5;
      margin-top: .9722222222vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter_outer .modal_lensDetails_BeforeAfter_text,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter_outer .modal_lensDetails_BeforeAfter_text {
      font-size: .8333333333vw;
      letter-spacing: .05vw;
      line-height: 1.25vw;
      margin-top: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter {
      height: 10.8333333333vw;
      margin-top: .9722222222vw;
      width: 32.7777777778vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image>picture,.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image>picture,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image>picture,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image>picture {
      width: 32.7777777778vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider {
      -webkit-transform: translateX(-.1388888889vw);
      -moz-transform: translateX(-.1388888889vw);
      -ms-transform: translateX(-.1388888889vw);
      transform: translateX(-.1388888889vw);
      width: .2777777778vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider-button svg,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider-button svg {
      height: 1.8055555556vw;
      width: 2.5vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label {
      font-size: .6944444444vw;
      line-height: .6944444444vw;
      padding: .3472222222vw .4166666667vw;
      top: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label.label-after,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label.label-after {
      right: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label.label-before,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label.label-before {
      left: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect {
      margin-top: 1.3888888889vw;
      width: 32.7777777778vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-container,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-container {
      height: 10.8333333333vw;
      width: 32.7777777778vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .modal_lensDetailsSubTitle,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .modal_lensDetailsSubTitle {
      font-size: .8333333333vw;
      font-weight: 400;
      letter-spacing: .06em;
      line-height: 1.5;
      margin-top: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .slider-container,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .slider-container {
      margin-top: 1.3888888889vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-labels,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-labels {
      height: .7638888889vw;
      top: -.2777777778vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-labels svg,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-labels svg {
      height: .6944444444vw;
      width: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider {
      -moz-border-radius: .4166666667vw;
      border-radius: .4166666667vw;
      height: .2083333333vw;
      width: 29.8611111111vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-webkit-slider-thumb,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-webkit-slider-thumb {
      height: .6944444444vw;
      width: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-moz-range-thumb,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-moz-range-thumb {
      height: .6944444444vw;
      width: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab {
      margin-top: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton {
      font-size: .8333333333vw;
      line-height: .8333333333vw;
      padding-bottom: .6944444444vw;
      padding-top: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton .u-pc,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton .u-pc {
      display: inline
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton[data-type="1"],.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton[data-type="1"] {
      -moz-border-radius: .1388888889vw 0 0 .1388888889vw;
      border-radius: .1388888889vw 0 0 .1388888889vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton[data-type="2"],.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton[data-type="2"] {
      -moz-border-radius: 0 .1388888889vw .1388888889vw 0;
      border-radius: 0 .1388888889vw .1388888889vw 0
  }

  .page-index #modal-container .modal .modal_procedure,.page-index #section-modal-fishingSet .modal .modal_procedure {
      margin-top: 2.0833333333vw;
      padding-top: 2.0833333333vw
  }

  .page-index #modal-container .modal .modal_procedure+p.modal_lensDetailsText,.page-index #section-modal-fishingSet .modal .modal_procedure+p.modal_lensDetailsText {
      margin-top: 1.3888888889vw
  }

  .page-index #modal-container .modal .modal_procedure .modal_procedureTitle,.page-index #section-modal-fishingSet .modal .modal_procedure .modal_procedureTitle {
      font-size: .9722222222vw;
      letter-spacing: .0583333333vw;
      line-height: .9722222222vw
  }

  .page-index #modal-container .modal .modal_lineup+.modal_shopLink,.page-index #modal-container .modal .modal_procedure .modal_procedureText,.page-index #section-modal-fishingSet .modal .modal_lineup+.modal_shopLink,.page-index #section-modal-fishingSet .modal .modal_procedure .modal_procedureText {
      margin-top: 1.3888888889vw
  }

  .page-index #modal-container .modal .modal_lineup .modal_lineupTitleText,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupTitleText {
      font-size: .9722222222vw;
      letter-spacing: .0583333333vw;
      line-height: .9722222222vw
  }

  .page-index #modal-container .modal .modal_lineup .modal_lineupTitleNote,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupTitleNote {
      font-size: .6944444444vw;
      line-height: .6944444444vw
  }

  .page-index #modal-container .modal .modal_lineup .modal_lineupText,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupText {
      margin-top: 1.3888888889vw
  }

  .page-index #modal-container .modal .modal_lineup .modal_lineupThumb,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupThumb {
      width: 32.6388888889vw
  }

  .page-index #modal-container .modal .modal_shop,.page-index #section-modal-fishingSet .modal .modal_shop {
      align-self: start;
      grid-area: right3;
      height: auto;
      padding-top: 1.6666666667vw
  }

  .page-index #modal-container .modal .modal_shop .modal_shopLinkText,.page-index #section-modal-fishingSet .modal .modal_shop .modal_shopLinkText {
      -moz-border-radius: .1388888889vw;
      border-radius: .1388888889vw;
      font-size: .9722222222vw;
      letter-spacing: .0583333333vw;
      line-height: 2.7777777778vw;
      width: 24.5833333333vw
  }

  .page-index #modal-container .modal .modal_shop .modal_shopLinkText .modal_shopLinkIcon,.page-index #section-modal-fishingSet .modal .modal_shop .modal_shopLinkText .modal_shopLinkIcon {
      height: 1.3888888889vw;
      right: .6944444444vw;
      width: 1.3888888889vw
  }

  .page-index #modal-container .modal .modal_notes,.page-index #section-modal-fishingSet .modal .modal_notes {
      -webkit-align-self: start;
      align-self: start;
      height: auto;
      margin-top: .8333333333vw
  }

  .page-index #modal-container .modal .modal_notes .modal_notesItem,.page-index #section-modal-fishingSet .modal .modal_notes .modal_notesItem {
      font-size: .6944444444vw;
      letter-spacing: .0416666667vw;
      line-height: 1.0416666667vw
  }

  .page-index #modal-container .modal .modal_variantSwitcher,.page-index #section-modal-fishingSet .modal .modal_variantSwitcher {
      margin-top: 1.3888888889vw
  }

  .page-index #modal-container .modal .modal_variantButtonsTitle,.page-index #section-modal-fishingSet .modal .modal_variantButtonsTitle {
      font-size: .8333333333vw;
      letter-spacing: .05vw;
      line-height: .8333333333vw
  }

  .page-index #modal-container .modal .modal_variantButtonsWrap,.page-index #section-modal-fishingSet .modal .modal_variantButtonsWrap {
      gap: .8333333333vw;
      margin-top: .6944444444vw
  }

  .page-index #modal-container .modal .modal_variantButtonsWrap+.modal_variantButtonsTitle,.page-index #section-modal-fishingSet .modal .modal_variantButtonsWrap+.modal_variantButtonsTitle {
      margin-top: .9722222222vw
  }

  .page-index #modal-container .modal .modal_variantButton,.page-index #section-modal-fishingSet .modal .modal_variantButton {
      height: 4.1666666667vw;
      width: 5.2777777778vw
  }

  .page-index .imageCarousel .imageCarousel-item {
      height: 22.2222222222vw
  }
}

@media only screen and (max-width: 780px) {
  .page-index .section-contents:before {
      width:18.9743589744vw
  }

  .page-index .u-pc {
      display: none
  }

  .page-index .u-sp {
      display: block
  }

  .page-index .about {
      margin-top: 25.641025641vw
  }

  .page-index .about .about_bg {
      margin-left: auto;
      width: 94.8717948718vw
  }

  .page-index .about .about_inner {
      margin-left: auto;
      margin-top: -23.0769230769vw;
      padding: 10.2564102564vw 0 10.2564102564vw 5.641025641vw;
      width: 81.0256410256vw
  }

  .page-index .about .about_innerWrap {
      -webkit-transform: translateY(1%);
      -moz-transform: translateY(1%);
      -ms-transform: translateY(1%);
      transform: translateY(1%)
  }

  .page-index .about .about_title {
      width: 68.7179487179vw
  }

  .page-index .about .about_text {
      font-size: 3.5897435897vw;
      letter-spacing: .9333333333vw;
      line-height: 7.8974358974vw;
      margin-top: 10.2564102564vw
  }

  .page-index .sale .sale_ornament {
      left: 3.5897435897vw;
      padding-left: 9.7435897436vw;
      top: 21.0256410256vw
  }

  .page-index .sale .sale_ornament .sale_ornamentText {
      font-size: 4.6153846154vw;
      letter-spacing: .2769230769vw;
      line-height: 4.6153846154vw;
      padding-top: 2.5641025641vw;
      width: 143.8461538462vw
  }

  .page-index .sale .sale_wrap {
      padding-bottom: 28.2051282051vw;
      padding-top: 28.2051282051vw
  }

  .page-index .sale .sale_wrap .sale_inner {
      margin-left: auto;
      padding-left: 5.641025641vw;
      padding-right: 6.1538461538vw;
      width: 81.0256410256vw
  }

  .page-index .sale .sale_wrap .sale_inner+.sale_inner {
      margin-top: 19.4871794872vw
  }

  .page-index .sale .sale_wrap .sale_title {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 3.5897435897vw
  }

  .page-index .sale .sale_wrap .sale_title:before {
      width: 100%
  }

  .page-index .sale .sale_wrap .sale_title .sale_titleText {
      background-color: #e5e2de;
      margin-left: auto;
      margin-right: auto;
      width: 43.5897435897vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsText {
      font-size: 5.1282051282vw;
      letter-spacing: 1.0256410256vw;
      line-height: 5.1282051282vw;
      margin-top: 5.641025641vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsDate {
      font-size: 5.1282051282vw;
      letter-spacing: .3076923077vw;
      line-height: 5.1282051282vw;
      margin-top: 10.2564102564vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop {
      margin-top: 11.2820512821vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopText {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 3.5897435897vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopLink {
      font-size: 2.5641025641vw;
      letter-spacing: .1538461538vw;
      line-height: 5.641025641vw;
      margin-left: 2.5641025641vw;
      padding-right: 2.0512820513vw;
      width: 20.5128205128vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopLink:after {
      height: 2.0512820513vw;
      right: 2.0512820513vw;
      width: 2.0512820513vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopOnline {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 3.5897435897vw;
      margin-top: 2.5641025641vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote {
      font-size: 3.0769230769vw;
      letter-spacing: .1846153846vw;
      line-height: 4.6153846154vw;
      margin-left: auto;
      margin-right: auto;
      margin-top: 3.5897435897vw;
      width: 64.1025641026vw
  }

  .page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote:after,.page-index .sale .sale_wrap .sale_contents .sale_contentsShop .sale_contentsShopNote:before {
      background-image: url(../../assets/images/ic_brackets_sp.svg);
      height: 28px;
      width: 6px
  }

  .page-index .feature .feature_wrap {
      width: 100vw;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      justify-content: center;
      padding-bottom: 20.5128205128vw;
      padding-left: 6.1538461538vw;
      padding-top: 20.5128205128vw
  }

  .page-index .feature .feature_wrap .feature_inner {
      width: 86.9230769231vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_lead .feature_leadImage {
      height: 4.1025641026vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats {
      -moz-border-radius: 1.0256410256vw;
      border-radius: 1.0256410256vw;
      margin-top: 15.3846153846vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsOrnament {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 3.5897435897vw;
      margin-top: -1.7948717949vw;
      width: 25.641025641vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsWrap {
      padding-bottom: 6.6666666667vw;
      padding-top: 9.7435897436vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsTitle .feature_whatsTitleImage {
      width: 68.7179487179vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner .feature_whatsInnerWrap {
      padding-top: 9.2307692308vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner .feature_whatsThumb {
      text-align: center
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner .feature_whatsThumb .feature_whatsImage {
      width: 51.7948717949vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsInner .feature_whatsText {
      font-size: 3.0769230769vw;
      letter-spacing: .1846153846vw;
      line-height: 5.5384615385vw;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5.1282051282vw;
      width: 68.7179487179vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whats360Button {
      -moz-border-radius: .5128205128vw;
      border-radius: .5128205128vw;
      font-size: 5px;
      font-size: 2.5641025641vw;
      font-weight: 600;
      height: 6.1538461538vw;
      letter-spacing: .06em;
      line-height: 2.2;
      margin-top: 6.1538461538vw;
      /* width: 41.5384615385vw */
      width: 47.5384615385vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whats360ButtonIcon {
      height: 2.0512820513vw;
      right: 2.5641025641vw;
      width: 2.0512820513vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton {
      height: 10.2564102564vw;
      margin-bottom: -5.1282051282vw;
      -webkit-perspective: 60vw;
      -moz-perspective: 60vw;
      perspective: 60vw;
      width: 60vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton .feature_whatsButtonText {
      -moz-border-radius: .5128205128vw;
      border-radius: .5128205128vw;
      font-size: 3.5897435897vw;
      height: 10.2564102564vw;
      letter-spacing: .2153846154vw;
      line-height: 10.2564102564vw;
      -webkit-transform-origin: 50% 50% -5.1282051282vw;
      -moz-transform-origin: 50% 50% -5.1282051282vw;
      -ms-transform-origin: 50% 50% -5.1282051282vw;
      transform-origin: 50% 50% -5.1282051282vw;
      width: 60vw
  }

  .page-index .feature .feature_wrap .feature_inner .feature_whats .feature_whatsButton .feature_whatsButtonIcon {
      height: 5.1282051282vw;
      right: 2.5641025641vw;
      width: 5.1282051282vw
  }

  .page-index .feature .feature_wrap .feature_ornament {
      padding-left: 6.4102564103vw;
      width: 13.0769230769vw
  }

  .page-index .feature .feature_wrap .feature_ornament .feature_ornamentText {
      font-size: 4.6153846154vw;
      letter-spacing: .2769230769vw;
      line-height: 10.1538461538vw;
      margin-left: 12.7179487179vw;
      width: 20.5128205128vw
  }

  .page-index .product {
      margin-top: 25.641025641vw
  }

  .page-index .product .product_contents .product_contentsInner {
      padding-bottom: 23.0769230769vw
  }

  .page-index .product .product_header,.page-index .product .product_header[data-item=contents2] {
      padding: 5.1282051282vw 6.1538461538vw
  }

  .page-index .product .product_header .product_headerFraction {
      bottom: 50%;
      color: #fff;
      display: block;
      left: 6.1538461538vw;
      position: absolute;
      text-align: right;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%);
      leading-trim: both;
      text-edge: cap;
      font-family: "Noto Serif TC";
      font-size: 3.5897435897vw;
      font-style: normal;
      font-weight: 700;
      letter-spacing: .2153846154vw;
      line-height: 7.8974358974vw;
      text-shadow: 0 0 5.1282051282vw rgba(0,0,0,.6)
  }

  .page-index .product .product_header .product_headerCounter {
      display: none
  }

  .page-index .product .product_header .product_headerText {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 4.3076923077vw;
      padding-right: 3.5897435897vw;
      text-shadow: 0 0 5.1282051282vw rgba(0,0,0,.6)
  }

  .page-index .product .product_header .product_headerText:after {
      height: 2.5641025641vw;
      width: 2.5641025641vw
  }

  .page-index .product .product_header .product_headerDeco {
      display: none
  }

  .page-index .product .product_inner {
      width: 87.6923076923vw
  }

  .page-index .product .product_inner+.product_inner {
      margin-top: 5.1282051282vw
  }

  .page-index .product .product_thumb .product_thumbWrap {
      width: 87.6923076923vw
  }

  .page-index .product .product_innerWrap {
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 12.8205128205vw;
      padding-top: 12.8205128205vw;
      width: 81.5384615385vw
  }

  .page-index .product .product_title .product_titleLead {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 4.3076923077vw
  }

  .page-index .product .product_title .product_titleText {
      font-size: 6.1538461538vw;
      letter-spacing: .3692307692vw;
      line-height: 9.2307692308vw
  }

  .page-index .product .product_detail {
      margin-top: 5.1282051282vw
  }

  .page-index .product .product_type {
      font-size: 3.0769230769vw;
      letter-spacing: .1846153846vw;
      line-height: 3.3333333333vw;
      padding: 1.2820512821vw 2.3076923077vw
  }

  .page-index .product .product_price {
      font-size: 3.0769230769vw;
      letter-spacing: .1846153846vw;
      line-height: 6.4102564103vw;
      margin-left: 6.4102564103vw
  }

  .page-index .product .product_text {
      font-size: 3.0769230769vw;
      letter-spacing: .1846153846vw;
      line-height: 4.6153846154vw;
      margin-top: 8.7179487179vw
  }

  .page-index .product .product_note {
      margin-top: 8.7179487179vw
  }

  .page-index .product .product_note .product_noteText {
      font-size: 2.0512820513vw;
      letter-spacing: .1230769231vw;
      line-height: 3.8974358974vw
  }

  .page-index .product .product_button .product_buttonText {
      -moz-border-radius: .5128205128vw;
      border-radius: .5128205128vw;
      font-size: 3.5897435897vw;
      height: 10.2564102564vw;
      letter-spacing: .2153846154vw;
      line-height: 3.5897435897vw;
      margin-top: 9.4871794872vw;
      width: 60vw
  }

  .page-index .product .product_button .product_buttonIcon {
      height: 5.1282051282vw;
      right: 2.5641025641vw;
      width: 5.1282051282vw
  }

  .page-index .snowpeak {
      padding-top: 20.5128205128vw
  }

  .page-index .snowpeak .snowpeak_wrap {
      padding: 15.3846153846vw 3.0769230769vw 10.2564102564vw;
      width: 87.6923076923vw
  }

  .page-index .snowpeak .snowpeak_head .snowpeak_titleImage {
      height: 13.09vw;
      width: 55.8974358974vw
  }

  .page-index .snowpeak .snowpeak_head .snowpeak_text {
      font-size: 3.0769230769vw;
      line-height: 5.5384615385vw;
      margin-top: 5.1282051282vw
  }

  .page-index .snowpeak .snowpeak_shopLinkText {
      /* font-size: 3.5897435897vw; */
      font-size: 3vw;
      height: 10.2564102564vw;
      letter-spacing: .2153846154vw;
      line-height: 7.8974358974vw;
      margin-top: 10.2564102564vw;
      width: 100%
  }

  .page-index .snowpeak .snowpeak_shopLinkIcon {
      height: 5.1282051282vw;
      right: 2.5641025641vw;
      width: 5.1282051282vw
  }

  .page-index .snowpeak .snowpeak_note {
      margin-left: -3.0769230769vw;
      margin-right: -3.0769230769vw;
      margin-top: 8.7179487179vw
  }

  .page-index .snowpeak .snowpeak_noteItem {
      font-size: 2.5641025641vw;
      line-height: 4.6153846154vw
  }

  .page-index #modal-container .modal .modal_wrap,.page-index #section-modal-fishingSet .modal .modal_wrap {
      padding-bottom: 15.3846153846vw;
      padding-top: 17.4358974359vw
  }

  .page-index #modal-container .modal .js-modalClose,.page-index #section-modal-fishingSet .modal .js-modalClose {
      height: 7.1794871795vw;
      padding: 0;
      right: 6.1538461538vw;
      top: 4.8717948718vw;
      width: 7.1794871795vw
  }

  .page-index #modal-container .modal .js-modalClose .js-modalCloseImage,.page-index #section-modal-fishingSet .modal .js-modalClose .js-modalCloseImage {
      height: 7.1794871795vw;
      width: 7.1794871795vw
  }

  .page-index #modal-container .modal .modal_head,.page-index #section-modal-fishingSet .modal .modal_head {
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw
  }

  .page-index #modal-container .modal .modal_titleSmall,.page-index #section-modal-fishingSet .modal .modal_titleSmall {
      font-size: 6px;
      font-size: 3.0769230769vw;
      font-weight: 600;
      letter-spacing: .06em;
      line-height: 1.8333333333
  }

  .page-index #modal-container .modal .modal_titleLarge,.page-index #section-modal-fishingSet .modal .modal_titleLarge {
      font-size: 6.1538461538vw;
      font-weight: 900;
      letter-spacing: .3692307692vw;
      line-height: 150%
  }

  .page-index #modal-container .modal .modal_thumb,.page-index #section-modal-fishingSet .modal .modal_thumb {
      margin-top: 7.6923076923vw
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbText,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbText {
      bottom: 5.1282051282vw;
      font-size: 5px;
      font-size: 2.5641025641vw;
      font-weight: 400;
      left: 0;
      letter-spacing: .06em;
      line-height: 1.5;
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbProduct,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbProduct {
      line-height: 3.5897435897vw;
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw;
      padding-top: 7.6923076923vw
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail,.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail {
      display: block
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail[data-type=model],.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail[data-type=model] {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 3.5897435897vw
  }

  .page-index #modal-container .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail[data-type=material],.page-index #section-modal-fishingSet .modal .modal_thumb .modal_thumbProduct .modal_thumbProductDetail[data-type=material] {
      font-size: 3.0769230769vw;
      line-height: 3.0769230769vw;
      margin-top: 2.5641025641vw
  }

  .page-index #modal-container .modal .swiper-thumbs,.page-index #section-modal-fishingSet .modal .swiper-thumbs {
      display: none
  }

  .page-index #modal-container .modal .swiper-fraction,.page-index #section-modal-fishingSet .modal .swiper-fraction {
      color: #2e2e2e;
      display: block;
      position: absolute;
      right: 6.1538461538vw;
      text-align: right;
      top: 5.1282051282vw;
      z-index: 9999;
      leading-trim: both;
      text-edge: cap;
      font-family: "Noto Serif TC";
      font-size: 3.5897435897vw;
      font-style: normal;
      font-weight: 700;
      letter-spacing: .2153846154vw;
      line-height: 3.5897435897vw
  }

  .page-index #modal-container .modal .modal_textWrap,.page-index #section-modal-fishingSet .modal .modal_textWrap {
      margin-top: 3.5897435897vw
  }

  .page-index #modal-container .modal .modal_textWrap *,.page-index #section-modal-fishingSet .modal .modal_textWrap * {
      margin-bottom: 0
  }

  .page-index #modal-container .modal .modal_type,.page-index #section-modal-fishingSet .modal .modal_type {
      -moz-border-radius: .5128205128vw;
      border-radius: .5128205128vw;
      font-size: 3.0769230769vw;
      letter-spacing: .1846153846vw;
      line-height: 3.3333333333vw;
      padding: 1.2820512821vw 2.5641025641vw
  }

  .page-index #modal-container .modal .modal_type+.modal_price,.page-index #section-modal-fishingSet .modal .modal_type+.modal_price {
      margin-left: 3.5897435897vw
  }

  .page-index #modal-container .modal .modal_price,.page-index #section-modal-fishingSet .modal .modal_price {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 6.4102564103vw
  }

  .page-index #modal-container .modal .modal_lensDetails,.page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsWrap,.page-index #section-modal-fishingSet .modal .modal_lensDetails,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsWrap {
      padding-top: 7.6923076923vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsTitle,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsTitle {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 3.5897435897vw;
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsTitle .modal_lensDetailsTitleIcon,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsTitle .modal_lensDetailsTitleIcon {
      height: 4.8717948718vw;
      margin-right: 2.5641025641vw;
      width: 6.9230769231vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsText,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsWrap .modal_lensDetailsText {
      font-size: 6px;
      font-size: 3.0769230769vw;
      font-weight: 400;
      letter-spacing: .06em;
      line-height: 1.5;
      margin-top: 3.5897435897vw;
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter_outer,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter_outer {
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter_outer .modal_lensDetails_BeforeAfter_text,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter_outer .modal_lensDetails_BeforeAfter_text {
      font-size: 3.0769230769vw;
      letter-spacing: .1846153846vw;
      line-height: 4.6153846154vw;
      margin-top: 2.5641025641vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter {
      height: 40vw;
      margin-top: 3.5897435897vw;
      width: 87.6923076923vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image>picture,.page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image>picture,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .after-image>picture,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .before-image>picture {
      width: 87.6923076923vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider {
      -webkit-transform: translateX(-.5128205128vw);
      -moz-transform: translateX(-.5128205128vw);
      -ms-transform: translateX(-.5128205128vw);
      transform: translateX(-.5128205128vw);
      width: 1.0256410256vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider-button svg,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .slider-button svg {
      height: 6.6666666667vw;
      width: 9.2307692308vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label {
      font-size: 2.5641025641vw;
      line-height: 2.5641025641vw;
      padding: 1.2820512821vw 1.5384615385vw;
      top: 2.5641025641vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label.label-after,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label.label-after {
      right: 2.5641025641vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label.label-before,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_BeforeAfter .label.label-before {
      left: 2.5641025641vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect {
      margin-top: 5.1282051282vw;
      margin-inline:auto;width: 87.6923076923vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-container,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-container {
      height: 40vw;
      width: 87.6923076923vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .modal_lensDetailsSubTitle,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .modal_lensDetailsSubTitle {
      font-size: 6px;
      font-size: 3.0769230769vw;
      font-weight: 400;
      letter-spacing: .06em;
      line-height: 1.5;
      margin-top: 2.5641025641vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .slider-container,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .slider-container {
      margin-top: 5.1282051282vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-labels,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-labels {
      height: 2.8205128205vw;
      top: -1.0256410256vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-labels svg,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect .image-labels svg {
      height: 2.5641025641vw;
      width: 2.5641025641vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider {
      -moz-border-radius: 1.5384615385vw;
      border-radius: 1.5384615385vw;
      height: .7692307692vw;
      width: 76.9230769231vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-webkit-slider-thumb,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-webkit-slider-thumb {
      height: 5.1282051282vw;
      width: 5.1282051282vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-moz-range-thumb,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetails_LensEffect #opacity-slider::-moz-range-thumb {
      height: 5.1282051282vw;
      width: 5.1282051282vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab {
      margin-top: 2.5641025641vw;
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton {
      font-size: 5.5px;
      font-size: 2.8205128205vw;
      font-weight: 400;
      letter-spacing: .06em;
      line-height: 1.6363636364;
      padding-bottom: 2.5641025641vw;
      padding-top: 2.5641025641vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton .u-sp,.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton .u-sp {
      line-height: 0
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton[data-type="1"],.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton[data-type="1"] {
      -moz-border-radius: .5128205128vw 0 0 .5128205128vw;
      border-radius: .5128205128vw 0 0 .5128205128vw
  }

  .page-index #modal-container .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton[data-type="2"],.page-index #section-modal-fishingSet .modal .modal_lensDetails .modal_lensDetailsTab .modal_lensDetailsTabButton[data-type="2"] {
      -moz-border-radius: 0 .5128205128vw .5128205128vw 0;
      border-radius: 0 .5128205128vw .5128205128vw 0
  }

  .page-index #modal-container .modal .modal_procedure,.page-index #section-modal-fishingSet .modal .modal_procedure {
      margin-top: 7.6923076923vw;
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw;
      padding-top: 7.6923076923vw
  }

  .page-index #modal-container .modal .modal_procedure+p.modal_lensDetailsText,.page-index #section-modal-fishingSet .modal .modal_procedure+p.modal_lensDetailsText {
      margin-top: 5.1282051282vw
  }

  .page-index #modal-container .modal .modal_procedure .modal_procedureTitle,.page-index #section-modal-fishingSet .modal .modal_procedure .modal_procedureTitle {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 3.5897435897vw
  }

  .page-index #modal-container .modal .modal_procedure .modal_procedureText,.page-index #section-modal-fishingSet .modal .modal_procedure .modal_procedureText {
      margin-top: 5.1282051282vw
  }

  .page-index #modal-container .modal .modal_procedure .modal_procedureThumb,.page-index #section-modal-fishingSet .modal .modal_procedure .modal_procedureThumb {
      width: 100%
  }

  .page-index #modal-container .modal .modal_lineup+.modal_shopLink,.page-index #section-modal-fishingSet .modal .modal_lineup+.modal_shopLink {
      margin-top: 5.1282051282vw
  }

  .page-index #modal-container .modal .modal_lineup .modal_lineupTitle,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupTitle {
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw
  }

  .page-index #modal-container .modal .modal_lineup .modal_lineupTitleText,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupTitleText {
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 3.5897435897vw
  }

  .page-index #modal-container .modal .modal_lineup .modal_lineupTitleNote,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupTitleNote {
      font-size: 2.5641025641vw;
      line-height: 2.5641025641vw
  }

  .page-index #modal-container .modal .modal_lineup .modal_lineupText,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupText {
      margin-top: 5.1282051282vw
  }

  .page-index #modal-container .modal .modal_lineup .modal_lineupThumb,.page-index #section-modal-fishingSet .modal .modal_lineup .modal_lineupThumb {
      width: 100%
  }

  .page-index #modal-container .modal .modal_shop,.page-index #section-modal-fishingSet .modal .modal_shop {
      padding-top: 7.6923076923vw
  }

  .page-index #modal-container .modal .modal_shop .modal_shopLink,.page-index #section-modal-fishingSet .modal .modal_shop .modal_shopLink {
      margin-top: 7.6923076923vw;
      text-align: center
  }

  .page-index #modal-container .modal .modal_shop .modal_shopLinkText,.page-index #section-modal-fishingSet .modal .modal_shop .modal_shopLinkText {
      -moz-border-radius: .5128205128vw;
      border-radius: .5128205128vw;
      font-size: 3.5897435897vw;
      letter-spacing: .2153846154vw;
      line-height: 10.2564102564vw;
      width: 87.6923076923vw
  }

  .page-index #modal-container .modal .modal_shop .modal_shopLinkText .modal_shopLinkIcon,.page-index #section-modal-fishingSet .modal .modal_shop .modal_shopLinkText .modal_shopLinkIcon {
      height: 5.1282051282vw;
      right: 2.5641025641vw;
      width: 5.1282051282vw
  }

  .page-index #modal-container .modal .modal_notes,.page-index #section-modal-fishingSet .modal .modal_notes {
      margin-top: 3.0769230769vw;
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw
  }

  .page-index #modal-container .modal .modal_notes .modal_notesItem,.page-index #section-modal-fishingSet .modal .modal_notes .modal_notesItem {
      font-size: 2.5641025641vw;
      letter-spacing: .1538461538vw;
      line-height: 3.8461538462vw
  }

  .page-index #modal-container .modal .modal_variantSwitcher,.page-index #section-modal-fishingSet .modal .modal_variantSwitcher {
      margin-top: 5.1282051282vw;
      padding-left: 6.1538461538vw;
      padding-right: 6.1538461538vw
  }

  .page-index #modal-container .modal .modal_variantButtonsTitle,.page-index #section-modal-fishingSet .modal .modal_variantButtonsTitle {
      font-size: 3.0769230769vw;
      letter-spacing: .1846153846vw;
      line-height: 3.0769230769vw
  }

  .page-index #modal-container .modal .modal_variantButtonsWrap,.page-index #section-modal-fishingSet .modal .modal_variantButtonsWrap {
      gap: 8px;
      margin-top: 2.5641025641vw
  }

  .page-index #modal-container .modal .modal_variantButtonsWrap+.modal_variantButtonsTitle,.page-index #section-modal-fishingSet .modal .modal_variantButtonsWrap+.modal_variantButtonsTitle {
      margin-top: 3.5897435897vw
  }

  .page-index #modal-container .modal .modal_variantButton,.page-index #section-modal-fishingSet .modal .modal_variantButton {
      height: 15.3846153846vw;
      width: 19.4871794872vw
  }

  .page-index #modal-container .modal .modal_variantButtonColor,.page-index #section-modal-fishingSet .modal .modal_variantButtonColor {
      font-size: 12px
  }

  .page-index #modal-container .modal .modal_variantButtonLens,.page-index #section-modal-fishingSet .modal .modal_variantButtonLens {
      font-size: 10px
  }

  .page-index .imageCarousel .imageCarousel-item {
      height: 82.0512820513vw
  }
}