@charset "UTF-8";
body{
  overflow-x: hidden;
}
.spOnly ,
.storyMainTab .controllScrollButtonWrap,
#storage .controllScrollButtonWrap{
  display: none;
}
.pcOnly {
  display: block;
}
p {
  letter-spacing: .06vw;
}

.Oswald {
  font-family: "Oswald";
}

section {
  font-size: 0.83vw;
  color: #4D4D4D;
  overflow: hidden;
  font-family:"Noto Sans",  "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

h1.title {
  position: relative;
  z-index: 10;
  width: 10.36vw;
  margin: auto;
  /* height: 42.69vw; */
  height: 85vh;
  padding: 6.15vw 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#MVmainTtl{
  width: 100%;
  height: auto;
  margin: 0 auto 0;
  margin-bottom: 5.2vw;
}
#MVd4{
  margin-top: auto;
  margin-bottom: 5.2vw;

}
h1.title svg {
  width: 100%;
  height: auto;
}

h1.title svg * {
  fill: #fff;
}

h2 {
  font-size: 2.86vw;
  padding-bottom: 3.5vw;
  color: #4D4D4D;
}

#mainTtlWrap {
  position: absolute;
  left: 6.92vw;
  top: 6.41vw;
  width: 32.13vw;
}

#menu {
  position: fixed;
  z-index: 11;
  height: 100vh;
  width: 100%;
  background-image: linear-gradient(179deg, rgba(111, 126, 117, 1) 50%, rgba(55, 65, 59, 1)100%);
  color: #fff;
  flex-wrap: wrap;
  font-size: 1.35vw;
  overflow-y: auto;
  display: none;
}

.openMenu #menu{
  display: flex;
}

#Navleft ul {
  width: 15.05vw;
  margin: 0;
  margin: 0 19.17vw 0 13.54vw;
  padding: 18vw 0 0;
}

#Navleft {
  width: 48vw;
}

#Navleft ul li {
  background: url(../img/listarrow.svg) no-repeat right center;
  margin: 0 0 2.3vw;
}

#shimano_logoWrap {
  margin: 6.41vw 19.17vw 0 13.54vw;
}
#shimano_logoWrap svg{
  width:8.21vw;
  height:1.09vw;
}
#shimano_logoWrap svg * {

  fill: #fff;
}


aside {
  position: absolute;
  top: 3vw;
  left: 3.2vw;
  display: block;
  width: 2.4vw;
  height: 3.24vw;
}

aside i,
aside b {
  position: absolute;
  display: inline-block;
  height: 3px;
  border-bottom: 3px solid;
  border-bottom-color: #1A1311;
  top: 0;
  left: 0;
  transform: rotate(0);
  transition: transform .2s, width .2s, top .2s, boder-bottom-color .6s;
  display: block;
  width: 100%;
  border-bottom-color: #fff;
}
aside i{
  top: .6vw;
}
aside b {
  top: 1.25vw;
}
#menu aside{
  top: 2.5vw;
  left: 3vw;
  width: 2.8vw;
}
#menu aside i,
#menu aside b{
  top: 1.25vw;
  border-bottom: 4px solid;
}
#menu aside i{
  transform: rotate(-405deg);
}
#menu aside b {
  transform: rotate(405deg);
}
#sideMenu{
  position: fixed;
  z-index: 2;
}
#sideMenu ul{
  position: fixed;
  left: 3.18vw;
  top: 21.61vw;
  z-index: 4;
}

#sideMenu li{
  font-weight: 300;
  font-size: 1.41vw;
  padding: 0 0 2vw;
}
#sideMenu aside i,
#sideMenu aside b{
  border-bottom-color: #000;
}


#mainTtlWrap {
  position: absolute;
  left: 13.54vw;
  top: 8.91vw;
  width: 15.05vw;
  height: 2.6vw;
}

#mainTtlWrap img {
  width: 15.05vw;
  height: 2.6vw;
}

#NavRight {
  fill: #fff;
  width: 50vw;
  display: flex;
  justify-content: start;
  padding: 8.91vw 0 0;
}
#navHoldTime{
  font-size: 1.2vw;
  margin-top: 1.67vw;
}
#NavRight div#navDay4Wrap {
  width: 10.26vw;
  margin-right: 7.85vw;
}

#NavRight div svg {
  width: 9.5vw;
  height: auto;
  margin-bottom: 1.88vw;
  
}
#NavRight div svg *{
  fill: #fff;
}
#NavRight #navDay4Wrap  p {
  font-size: 0.68vw;
  line-height: 1.2vw;
  font-weight: 100;
}
@media screen and (max-width: 1920px) {
  #NavRight #navDay4Wrap  p {
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 1.152px;
  }
}

#NavRight ul {
  width: 28.03vw;
}

#NavRight ul li {
  position: relative;
  min-height: 12.4vw;
  width: 9.31vw;
  padding: 3.02vw 0;
  border-bottom:1px solid #fff ;
  display: flex;
  justify-content: space-between;
}
#NavRight ul li:last-child{
  border-bottom:none;
}

#NavRight ul li:nth-child(2){
  height: 13.5vw;
}
#NavRight ul li:nth-child(3){
  padding: 4.02vw 0;
}
#NavRight ul li .listTextWrap p:first-child{
  font-size: 1.3vw;
  padding-bottom: 1.41vw;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  
}
#NavRight ul li .listTextWrap p:nth-child(2){
  font-size: 1.93vw;
  
}
#NavRight ul li .listTextWrap p:nth-child(2) .day{
  font-size: 3.39vw;
  padding-right: .7vw;
}

#NavRight ul img {
  position: absolute;
  left: 10vw;
  width: 100%;
}

#NavRight ul li:first-child img{
  width: 16.89vw;
  top: -1.9vw;
  left: 11.2vw;
}

#NavRight ul li:nth-child(2) img{
  width: 16.03vw;
  left: 12vw;
    top: 0vw;
}

#NavRight ul li:last-child img{
  top: 0vw;
  left: 13.5vw;
  width: 11.17vw;
}

/* スクロール */
.forScrollWrap{
  cursor: pointer;
  position: fixed;
  bottom: 0;
  left: 2vw;
  width: 5vw;
  height: 12vw;
}
.mustTop{
  writing-mode: vertical-rl;
  position: absolute;
  left: .1vw;
  bottom: .5vw;
  display: inline-block;
  height: 9.37vw;
  width: 1px;
  margin-left: 29px;
  border-radius: 9999px;
  background-color: #000000;
}
.mustTop::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - .1px);
  width: 1px;
  height: 1.37vw;
  border-radius: 9999px;
  background-color: #000000;
  transform: rotate(30deg);
  transform-origin: 50% calc(100% - 2px);
}
.mustTop a{
  position: absolute;
  left: .3vw;
  margin: 0 0 0;
  height: 10vw;
  display: inline-block;
  font-size: 0.63vw;
}
.mustTop a b,
.mustTop a i{
  font-weight: 400;
  font-style: normal;
  font-family: "Oswald", "Bebas Neue" ,"Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.mustTop a i{
  opacity: 0;
}
.mustTop,
.mustTop a,
.mustTop a b,
.mustTop a i{
  transition: all .3s;
}
.forScrollWrap:hover .mustTop{
  transform: rotate(180deg);
}
.forScrollWrap:hover a{
  margin: -7vw 0 0 -1.25vw;
  transform: rotate(180deg);
}
.forScrollWrap:hover a b{
  opacity: 0;
}
.forScrollWrap:hover a i{
  opacity: 1;
}
.mustTop .instagramLogoLink,
.instagramLogoLinkWrap .instagramLogoLink{
  position: fixed;
  bottom: 8vw;
  left: 6.9vw;
}
.mustTop .instagramLogoLink img,
.instagramLogoLinkWrap .instagramLogoLink svg,
.instagramLogoLinkWrap .instagramLogoLink img{
  width: 3.8vw;
  height: auto;
}
.instagramLogoLinkWrap .instagramLogoLink{
  position: absolute;
  bottom: calc(10vw + 8vw);
  z-index: 6;
}
.instagramLogoLinkWrap .instagramLogoLink svg{
  fill: #FFF;
}


/* スライド */
.controllScrollOver {
  position: relative;
  width: 100vw;
  margin: auto;
  z-index: 1;
}

.controllScrollOver .controllScrollOver {
  z-index: 2;
}

.controllScrollOver.spOnlyScroll .controllScrollItemWrap {
  min-width: initial;
}

.controllScrollOver.spOnlyScroll::before,
.controllScrollOver.spOnlyScroll::after {
  background-image: none;
}

.controllScrollWrap {
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.controllScrollWrap::-webkit-scrollbar {
  display: none;
}

.controllScrollWrap .controllScrollItemWrap {
  display: flex;
  height: 100%;
  position: initial;
  cursor: pointer;
  width: fit-content;
}

.controllScrollOver.spOnlyScroll .controllScrollWrap {
  overflow-x: initial;
}

.controllScrollOver.spOnlyScroll .controllScrollWrap .controllScrollItemWrap {
  cursor: initial;
  pointer-events: none;
}

.controllScrollWrap .controllScrollItemWrap li {
  height: 100%;
  margin: 0 6.8vw 0 0;
  padding: 0;
}

.controllScrollWrap .controllScrollItemWrap li:last-child {
  padding-right: 20vw;
}

.controllScrollWrap a {
  height: 100%;
  display: inline-block;
  width: auto;
  position: relative;
}

.controllScrollWrap img {
  height: 100%;
  max-width: initial;
}

.controllScrollWrap .controllScrollItemWrap li .msg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  color: #FFF;
  z-index: 1;
  text-shadow: 0 .72vw 1.45vw #000;

  justify-content: flex-start;
  margin-top: 11vw;
}

.controllScrollBarOver {
  height: 5vw;
  width: 82%;
  margin: 2vw auto 0;
}

.controllScrollBarWrap {
  position: relative;
  width: 100%;
  cursor: pointer;
}

.controllScrollBar {
  width: 100%;
  height: 1px;
  background: #8D8D8D;
}

.controllScrollBarActive {
  position: absolute;
  top: -1px;
  left: 0;
  width: 5vw;
  height: 3px;
  background: #265791;
}

.controllScrollButtonWrap {
  position: absolute;
  left: 0;
  top: 40%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 4;
  pointer-events: none;
}

.controllScrollButtonWrap .controllScrollButtonPrev,
.controllScrollButtonWrap .controllScrollButtonNext {
  pointer-events: auto;
  transition: all .2s;
}

.controllScrollButtonWrap .controllScrollButtonPrev:active {
  transform: translateX(-5%);
}

.controllScrollButtonWrap .controllScrollButtonNext:active {
  transform: translateX(5%);
}

.ytMovieWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100dvh;
  width: 100%;
  position: absolute;
  top: 0;
}

#mainVisual {
  position: relative;
  height: 100vh;
  width: 100%;
  background-color: #4D4D4D;
  /* background: url(../../image/pc/bg_coolerbagpro_mv.png) no-repeat center top; */
  z-index: 5;
}
#mainVisual aside{
  z-index: 6;
}
#mainVisual aside i,
#mainVisual aside b{
  border-bottom-color: #fff;
}

.jsOpenMenu,
.jsCloseMenu{
  cursor: pointer;
}

#line_up,
#spec,
footer {
  width: 63.54vw;
  margin: 0 auto;
  margin-left: 22vw;
}

#key_feature {
  margin-left: 21.88vw;
  width: 78.12vw;
  position: relative;
}

.tabContent {
  display: none;
}

.tabContent.active {
  display: block;
}

#useCace {
  position: relative;
  padding-left: 21.88vw;
  width: 100%;
  background: #fff;
  z-index: 6;
  padding-top: 9.57vw;
}


#useCace .tab {
  width: 100%;
  display: flex;
  margin: 0 0 7.45vw;
}

#useCace .tab li {
  width: 10.73vw;
  height: 3.7vw;
  font-size: 1.2vw;
  padding: 0 3.2vw 0 1.5vw;
  margin-right: 0.73vw;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

#useCace .tab li[data-id="cycling"] {
  padding-right: 2.2vw;
}
#useCace .tab li[data-id="fishing"] {
  padding-right: 2.4vw;
}
#useCace .tab li[data-id="shopping"] {
  padding-right: 1.7vw;
}

#useCace .tab li.active {
  background: #4D4D4D;
  color: #fff;
  border-radius: 40px;
}

#useCace .tab li svg {
  fill: #4D4D4D;
  
}
#useCace .tab li:first-child svg{
  height: 1.39vw;
  width: auto;
}
#useCace .tab li:nth-child(2) svg{
  height: 1.64vw;
  width: auto;
}
#useCace .tab li:nth-child(3) svg{
  height: 1.68vw;
  width: auto;
}
#useCace .tab li:nth-child(4) svg{
  height: 1.65vw;
  width: auto;
}

#useCace .tab li:nth-child(4) svg * {
  fill: #000;
}
#useCace .tab li.active svg * {
  fill: #fff;
}

#useCace .contentsTtl {
  display: block;
  width: 15vw;
  margin-bottom: 2.65vw;
  font-size: 1.51vw;
  line-height: 2.45vw;
}

#useCace .caption {
  display: block;
  width: 15vw;
  font-size: 0.94vw;
  line-height: 1.98vw;
  margin-bottom: 3.65vw;
  letter-spacing: .01vw;
}

#useCace .tabContent {
  position: relative;
  height: 31.46vw;
  /* margin-bottom: 12.03vw; */
}

#useCace .tabContent>img {
  position: absolute;
  right: -6.77vw;
  top: 0;
  /* width: 56.67vw; */
  width: auto;
  height: 31.46vw;
}

.moreBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.63vw 0 1.56vw;
  background-color: #4D4D4D;
  border-radius: 20px;
  color: #fff;
  font-size: 1.04vw;
  width: 13.23vw;
  height: 2.45vw;
}

.moreBtn img {
  width: 0.99vw;
}

/* popup */
.popup i.closeTabId.spOnly {
  display: none;
}
.popupWrap{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.popupWrap.active{
  display: block;
}
.popup {
  display: none;
  width: 18.8vw;
  height: 31.46vw;
  padding: 2.1vw 2.9vw 0;
  position: fixed;
  /* box-shadow: 5px 5px 15px 6px rgba(0, 0, 0, 0.3); */
  left: 21.98vw;
  top: 13vw;
}

.popup.active {
  display: block;
}

#pop01 {
  background: url(../img/popupBg01.png) no-repeat top left;
  background-size: contain;
}
#pop02 {
  background: url(../img/popupBg02.png) no-repeat top left;
  background-size: contain;
}
#pop03 {
  background: url(../img/popupBg03.png) no-repeat top left;
  background-size: contain;
}
#pop04 {
  background: url(../img/popupBg04.png) no-repeat top left;
  background-size: contain;
}

.popup p {
  padding: 0;
  font-size: 0.89vw;
  line-height: 1.8vw;
  font-weight: 200;
  color: #FFF;
}
.popup p.popupCuptionMini {
  font-size: .66vw;
  line-height: 1.2vw;
}


.popup i.closeTabId {
  position: absolute;
  background: #000;
  border-radius: 50%;
  top: -1.2vw;
  right: -1.2vw;
  width: 2.41vw;
  height: 2.41vw;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  font-size: 2vw;
}
.popup i.closeTabId i,
.popup i.closeTabId b{
  fill: #fff;
}

.close {
  position: absolute;
  display: block;
  width: 5.13vw;
  height: 5.13vw;
  z-index: 5;
  opacity: 1;
  right: 2vw;
  top: 7vw;
}

.close i,
.close b {
  width: 1.4vw;
  position: absolute;
  height: 2px;
  background: #FFF;
  display: inline-block;
  transform: rotate(0);
  transition: all .4s;
}

.close i {
  right: .5vw;
  transform: rotate(45deg);
  top: 1.1vw;
  background: #fff;
}

.close b {
  transform: rotate(-45deg);
  top: 1.1vw;
  background: #fff;
  left: .5vw;
}


/* /popup */
#key_feature {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 12.03vw;
}

#key_feature h2 {
  width: 100%;
}
#key_feature-sliderWrap{
  position: relative;
  border-top-left-radius: 40px;
}
#key_feature-slider {
  width: 56.67vw;
  height: 17.29vw;
  position: relative;
  right: 0;
  z-index: 1;
}
#key_feature-slider .controllScrollWrap{
  border-top-left-radius: 40px;
}
#key_feature-slider ul{
  overflow: hidden;
}
#key_feature-slider li{
  position: relative;
  margin: 0;
  padding: 0;
}
#key_feature-slider li::after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  bottom:0;
  background-color:#aaa;
  opacity: .5;
  mix-blend-mode: multiply;
  z-index: 2;
}
#key_feature_right .controllScrollButtonWrap{
  width: 61vw;
  top: 9vw;
  left: -1vw;
}
#key_feature_right .controllScrollButtonWrap button{
  background: #fff;
  height: 1.88vw;
  width: 1.88vw;
  border-radius: 50%;
}
#key_feature_right .controllScrollButtonWrap .controllScrollButtonPrev{
  display: none;
}
#key_feature_right .controllScrollButtonWrap button svg *{
  fill: #000;
}

#key_feature-slider img {
  width: 16.72vw;
}

#key_feature_left {
  width: 13.08vw;
  margin-right: 8.13vw;
}

#key_feature_left svg {
  width: 100%;
  height: auto;
  margin-bottom: 3.13vw;
}

#key_feature_left p {
  font-size: 0.68vw;
  line-height: 1.2vw;
}

#key_feature_left svg * {
  fill: #4D4D4D;
}

#key_feature_right {
  width: 56.67vw;
}

#key_feature .contentsTtl {
  font-size: 1.51vw;
  line-height: 2.34vw;
  letter-spacing: .02vw;
  font-weight: 500;
  letter-spacing: -.03vw;
  font-weight: 600;
}
#key_feature .contentsTtl span{
  letter-spacing: .2vw;
  font-weight: 400;
}


#imageSlideWrap{
  position: relative;
  overflow: hidden;
}
#imageSlideWrap,
#image_slide{
  width: 100%;
  height: 100%;
  background: #80978E;
  margin-bottom: -1px;
}
#imageSlideWrap::before{
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 2;
  width: 200%;
}
#imageSlideWrap::before,
#image_slide{
  left: 0;
  top: 0;
  height: 100%;
}
#image_slide{
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none;
}

#image_slide::-webkit-scrollbar {
  display:none;
}
#image_slide > li{
  width: 75.64vw;
}

#image_slide img{
  height: 100%;
}
#image_slide_control{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#image_slide_control b,
#image_slide_control i{
  /* background-color: rgba(0,100,0, .7); */
  height: 100%;
  width: 100%;
  /* max-width: 400px; */
  display: inline-block;
}
#image_slide_control b:hover,
#image_slide_control i:hover{
  cursor: pointer;
  /* background-color: rgba(255,255,255,.3); */
}
#image_slide_control b:active,
#image_slide_control i:active{
  background-color: rgba(255,255,255,.3);
}

#image_slide_control,
#image_slide_control b,
#image_slide_control i{
  height: 100%;
}
#shinkuudannnetsu {
  width: 23.41vw;
  margin: -5.68vw 0 0 -2.24vw;
  position: relative;
  z-index: 3;
  
}

#shinkuudannnetsuCap {
  width: 12.5vw;
  font-size: 0.94vw;
  line-height: 1.98vw;
  margin: -15vw 0 0 29.7vw;
}

#CORDURAforWomanwrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 9.2vw;
  margin-bottom: 10.09vw;
  padding-right: 17.24vw;
}

#CORDURA {
  width: 13vw;
}

#CORDURA img {
  width: 13.13vw;
  padding: 2.1vw 0 1.5vw;
}

#CORDURA,
#forWoman {
  font-size: 0.94vw;
  line-height: 1.98vw;
}

#forWoman {
  width: 18.5vw;
}

#forWoman img {
  width: 18.12vw;
  margin: 2.76vw 0 2.9vw;
}

.annotation {
  font-size: 0.68vw;
  line-height: 1.2vw;
  padding-top: 1.67vw;
}

#holding_time h3 {
  font-size: 1.25vw;
  font-weight: 400;
  padding: 3.84vw 0 2.08vw;
}

#holding_time h3 span {
  font-size: .8vw;
  vertical-align: top;
}

#holding_time ul {
  /* width: 44vw; */
  height: 20.36vw;
  margin-left: -1.2vw;
  display: flex;
  justify-content: start;
}

#holding_time ul li {
  width: 16.68vw;
  border-right: 1px solid #000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#holding_time ul li:first-child{
  margin-left: -1vw;
}
#holding_time ul li:first-child img{
  height: 14.38vw;
  width: auto;
  margin-left: 1vw;
  
}
#holding_time ul li:nth-child(2){
  width: 16.2vw;
}
#holding_time ul li:nth-child(2) img{
  height: 14.35vw;
  width: auto;
  margin-left: 1.5vw;
}
#holding_time ul li:nth-child(3){
  width: 13.46vw;
}
#holding_time ul li:nth-child(3) img{
  height: 13.64vw;
  width: auto;
  margin-top: .7vw;
  margin-left: 1vw;
}
#holding_time ul li:last-child {
  border-right: none;
}

#holding_time ul li p {
  text-align: center;
  font-size: 1.3vw;
}
#holding_time ul li p:first-child{
  padding-bottom: 2.08vw;
}
#holding_time ul li p:nth-child(2){
  margin-left: -1vw;
}
#holding_time ul li p.day {
  font-size: 1.93vw;

}

#holding_time ul li p.day span {
  padding-right: .7vw;
  font-size: 3.44vw;

}

#holding_time ul li img {
  width: 100%;
}

#features {
  background: #6F7E75;
  color: #fff;
  padding: 9vw 14.58vw 17.76vw 21.88vw;
  width: 100vw;
  position: relative;
  z-index: 1;
}

#features h2 {
  color: #fff;
  font-weight: 400;
}

#features_inner {
  height: 37.03vw;
  width: 63.54vw;

}

#features .tab {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 3.65vw;
}

#features .tab li {
  font-weight: 500;
  font-size: 1.2vw;
  line-height: 1.82vw;
  padding: 0 2vw;
  margin: 0;
  /* width: 11.15vw; */
  height: 5.21vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  /* letter-spacing: -.075vw; */
}
#features .tab li:last-child{
  padding-right:1vw;
}
#features .tab li.active {
  background-color: #fff;
  color: #6F7E75;
}

#features .tabContent.active>div {
  display: flex;
  flex-wrap: wrap;
  /* width: 52.92vw; */
  width: 100%;
  font-size: 0.94vw;
  line-height: 1.98vw;
}

#features .note {
  width: 16.15vw;
  font-size: 0.68vw;
  font-weight: 200;
  /* margin-left: 5vw; */
}

#features .tabTtl {
  width: 100%;
  font-size: 1.51vw;
  padding-bottom: 3.25vw;
}

.featuresImg {
  display: block;
  width: 31.77vw;
  background-color: #646F67;
  margin-right: 5.05vw;
}
.storyMainTab{
  width: 63.54vw;
}

#storage ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 1.3vw;
  margin: 0 0 2vw;
  cursor: initial;
}

#storage ul li {
  position: relative;
  width: 17.45vw;
  height: 28.7vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
#storage ul li img{
  margin-right: 0;
}
#storage ul li:nth-child(1){
  margin-right: 4vw;
  margin-left: 1vw;
}
#storage ul li:nth-child(1) img{
  height: 16.35vw;
  width: auto;
}
#storage ul li:nth-child(2) img{
  height: 14.32vw;
  width: auto;
}
#storage ul li:nth-child(3) img{
  height: 16.41vw;
  width: auto;
}
#storage ul li:nth-child(3){
  width: 15.1vw;
  padding: 0;
}
#storage ul li p:nth-child(2) {
  padding: .8vw 0 1.8vw;
  margin-right: 0;
}

#storage ul li:nth-child(2){
  margin-left: 2vw;
}

#storage ul li img {
  width: 100%;
  height: auto;
  margin-top: auto;
}
#storage .controllScrollWrap > p{
  width: 100%;
}
#storage ul li .big {
  font-weight: bold;
  font-size: 1.82vw;
}

#storage .featuresImg {
  background: none;
}
#overIllastWrap{
  position: relative;
  overflow: hidden;
  width: 100%;
}
#about {
  position: relative;
  height: 100%;
  height: 65.42vw;
}

#about_content {
  margin: 13.28vw auto 0 46vw;
  width: 14.82vw;
  text-align: center;
}

#about_content p {
  font-size: 0.94vw;
  line-height: 1.98vw;
  letter-spacing: 0.07vw;
  text-align: justify;
  margin-top: 1.5vw;
}

#about_content h3 svg * {
  fill: #459BD7;
}

#about_content h3 svg {
  width: 100%;
}

#about_canoe_img {
  mix-blend-mode: multiply;
  position: absolute;
  background: url(../../image/pc/bg_boat.png) no-repeat top left;
  background-size: 98%;
  top: 60vw;
  left: -2vw;
  height: 38.82vw;
  width: 50.21vw;
  pointer-events: none;
  z-index: 10;
}

#about_bike_img {
  mix-blend-mode: multiply;
  position: absolute;
  background: url(../../image/pc/bg_diagonalHatch.png) no-repeat top left;
  background-size: 96%;
  top: 95vw;
  left: 29.5vw;
  height: 31.07vw;
  width: 13.71vw;
  pointer-events: none;
  z-index: 3;
}

#about_angler_img {
  mix-blend-mode: multiply;
  position: absolute;
  background: url(../../image/pc/angler.png) no-repeat top left;
  background-size: 84.9%;
  top: 71vw;
  left: 57.5vw;
  height: 40.73vw;
  width: 33.9vw;
  pointer-events: none;
}


#sizeList {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 9.2vw;
}
#sizeList.controllScrollItemWrap  li{
  margin: 0;

}
#sizeList ul li:first-child{
  width: 20.21vw;
}
#sizeList ul li:nth-child(2){
  width: 24.22vw;
}
#sizeList ul li:last-child{
  width: 19.11vw;
}
#line_up h2 {
  padding: 0 0 3.85vw;
}

#line_up h2 span {
  font-size: 0.78vw;
  padding-left: 1.41vw;
}
#line_up .attention{
  font-size: 0.68vw;
  padding:2vw 0 0;
  margin-bottom: 7vw;
}
#line_up ul {
  width: 64vw;
  display: flex;
  justify-content: space-between;
  cursor: initial;
}

#line_up ul li {
  width: 24.22vw;
  border-right: 1px solid;
  border-image: linear-gradient(to bottom, transparent 10%, transparent 10%, rgb(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 100%, transparent 100%, transparent 100%);
  border-image-slice: 1;
}

#line_up ul li:last-child {
  width: 19.11vw;
  border-right: none;
}

#line_up ul li img {
  /* display: block; */
  margin: auto;
  height: 49.32vw;
  width: auto;
  text-align: center;
}


#line_up ul li:first-child {
  width: 21.21vw;
  margin-right: 0;
  padding-right: 2vw;
  padding-top: .5vw;
}
#line_up ul li:nth-child(2) {

  padding-right: 5vw;
  padding-left: 4vw;
  margin-right: 3vw;
}
#line_up ul li:nth-child(3) {

  padding-right: 2vw;
}

#line_up ul#sizeList li img {
  height: 30.42vw;
  width: auto;
  margin: auto;
}

/* #lineupList,
#sizeList {
  margin-bottom: 6.98vw;
} */


/* スペック表 */
#spec .note{
  font-size: 0.68vw;
  line-height: 1.2vw;
}
table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
  font-size: 0.94vw;
}
th,td{
  vertical-align:top;
  /* border:solid 1px #000; */
  font-weight:normal;
}

#spec h2 {
  padding: 0 0 4.5vw;
}
#specTable{
  margin-bottom: 2vw;
  width: 63.54vw;
  height: 22.11vw;
  flex-wrap: wrap;
  cursor: initial;
}
#specTable tbody{
  height: 21.81vw;
  width: 63.28vw;
  margin: 0 auto 2.24vw;
  margin-top: 4.53vw;
  border-collapse: collapse;
  text-align: center;
}

#specTable th {
  vertical-align: top;
  height: 1.82vw;
  font-weight: normal;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

#specTable th:last-child {
  border-right: none;
}

#specTable td {
  vertical-align: middle;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

#specTable td:last-child {
  border-right: none;
}

#specTable .charcoal {
  background: #6A7077;
  color: #fff;
}

#specTable .khaki {
  background: #646F67;
  color: #fff;
}

#specTable .gray {
  background: #7A8F9E;
  color: #fff;
}

#specTable th:first-child,
#specTable tr td:first-child{
  width: 4.06vw;
}


#specTable th:nth-child(2),
#specTable tr td:nth-child(2){
  width: 4.06vw;
}
#specTable th:nth-child(3),
#specTable tr td:nth-child(3){
  width: 4.64vw;
}
#specTable td.charcoal,
#specTable td.khaki,
#specTable td.gray{
  width: 10.03vw;
  text-align: left;
  padding-left: 1.15vw;
}
#specTable th:nth-child(5),
#specTable tr td:nth-child(5){
  width: 8.85vw;
}
#specTable th:nth-child(6),
#specTable tr td:nth-child(6){
  width: 10.26vw;
}
#specTable th:nth-child(7),
#specTable tr td:nth-child(7){
  width: 6.51vw;
}
#specTable th:nth-child(8),
#specTable tr td:nth-child(8){
  width: 6.88vw;
}
#specTable th:last-child,
#specTable tr td:last-child{
  text-align: left;
  padding-left: 0.78vw;
  width: 8.44vw;
}

/* フッター */
footer {
  margin: 7.03vw auto 0;
  margin-left: 22vw;
  padding: 2.07vw 0 9.01vw;
  z-index: 5;
  position: relative;
  border-top: 1px solid #000;
}
#footCoolerBagPro{
  width: 10.53vw;
  height: 1.82vw;

}
#footCoolerBagPro *{
    fill: #4D4D4D;
}
.footer__bottom {
  align-items: center;
}

svg#coolerBagPro * {
  fill: #4D4D4D;
}

.copy {
  font-size: 0.57vw;
  font-weight: 100;
  letter-spacing: 0;
}

#sns {
  vertical-align: middle;
  font-size: 1vw;
  display: flex;
  justify-content: space-between;
  width: 5.58vw;
  align-items: center;
  margin-left: 18.54vw;
}

#sns a {
  text-align: center;
}

#iconInsta {
  height: 1.62vw;
  width: 1.62vw;
}

#iconYT {
  height: 1.17vw;
  width: 1.67vw;
}
#footshimano_logo{
  width: 6.67vw;
  height: 0.89vw;
}

#faqWrap table .miniBagProFaqList{
  display: none;
}

/* #faqWrap table td {
  width: 27%;
  text-align: center;
}

#faqWrap table td.productName {
  text-align: left;
  padding-left: 8%;
}
@media screen and (max-width: 1080px) {
  #faqWrap table {
    width: 200vw;
  }
  #faqWrap table td {
    width: 20%;
    text-align: center;
    padding: 4vw 0;
  }
  #faqWrap table td.productName {
    width: 30%;
    padding-left: 0;
  }
} */