@charset "UTF-8";

@media screen and (max-width: 1024px) {
  h1.title {
  z-index: 10;
  width: 32.13vw;
  /* height: 134.15vw; */
  /* height: 81dvh; */
  height: 100dvh;
  padding-top: 19vh;
  padding-bottom: 18vh;
}
#MVd4 {
margin-bottom: 8vh;
}
}
/* スマホ版 */
@media screen and (max-width: 768px) {
  body {
    position: relative;
  }

  .spOnly {
    display: block;
  }

  .pcOnly,
  #NavRight.pcOnly {
    display: none;
  }

  aside#fixedHeader {
    position: fixed;
    top: 7.18vw;
    z-index: 4;
  }
  aside#fixedHeader i,  aside#fixedHeader b {
    border-bottom-color: #000;
  }
  section {
    overflow-x: hidden;
    width: 100vw;
    font-size: 3.82vw;
    letter-spacing: .2vw;
  }

  /* h1.title {
    z-index: 10;
    width: 32.13vw;
    height: 81dvh;
    padding-top: 41.03vw;
  } */

  #MVmainTtl {
    margin: 0 0 15.38vw;
    width: 100%;
    height: 5.55vw;
  }



  h2 {
    font-size: 6.67vw;
    text-align: center;
    padding-bottom: 7.18vw;
    color: #4D4D4D;
  }

  header {
    width: 100vw;
    padding: 0;
  }

  nav {
    font-size: 5.64vw;
  }


  #mainTtlWrap {
    left: 13.54vw;
    top: 8.91vw;
    width: 32.13vw;
    height: 5.55vw;
  }

  #mainTtlWrap img {
    width: 32.13vw;
    height: 5.55vw;
  }

  #Navleft {
    width: 100%;
  }

  nav #Navleft ul {
    width: 60.18vw;
    padding: 31.54vw 0 0;
    margin: auto;
  }

  nav #Navleft ul li {
    background: url(../img/arrowMenu.svg) no-repeat right center;
    margin: 0 0 15.59vw;
    font-size: 5.64vw;
  }

  nav #shimano_logoWrap {
    width: 28.86vw;
    margin: 30vw 20vw 0;
  }

  #shimano_logoWrap svg {
    width: 28.86vw;
    height: 3.85vw;
  }

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

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

  .controllScrollButtonWrap .controllScrollButtonPrev,
  .controllScrollButtonWrap .controllScrollButtonNext {
    border: none;
    border-radius: 0;
    height: 3.45vw;
    width: 1.89vw;
  }
  .controllScrollButtonWrap .controllScrollButtonNext svg {
    rotate: 180deg;
  }

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

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


  .controllScrollButtonWrap .controllScrollButtonPrev.circle,
  .controllScrollButtonWrap .controllScrollButtonNext.circle {
    background-color: #4D4D4D;
    border-radius: 50%;
    height: 15.9vw;
    width: 15.9vw;
  }

  .controllScrollButtonWrap .controllScrollButtonPrev.circle b {
    position: absolute;
    left: 10vw;
    top: 6vw;
  }

  .controllScrollButtonWrap .controllScrollButtonNext.circle b {
    position: absolute;
    right: 10vw;
    top: 6vw;
  }

  .controllScrollButtonWrap .controllScrollButtonPrev img {
    height: 3.04vw;
    margin-left: 2vw;
    /* transform: rotate(180deg); */
  }

  #spBottomMenu {
    background-color: #6F7E76;
    position: fixed;
    bottom: 0;
    z-index: 4;
    width: 100%;
    height: 20.38vw;

  }

  #spBottomMenu ul {
    margin: auto;
    color: #fff;
    display: flex;
    justify-content: space-between;
    font-size: 3.85vw;
    width: 79.49vw;
    margin-top: 2.56vw;
  }

  #spBottomMenu li {
    /* width: 19.74vw; */
    padding-right: 4.1vw;
    border-right: 1px solid;
    border-image: linear-gradient(to bottom, transparent 20%, transparent 20%, rgb(255, 255, 255, .3) 20%, rgba(255, 255, 255, .3) 80%, transparent 80%, transparent 100%);
    border-image-slice: 1;
  }

  #spBottomMenu li:last-child {
    padding: 0;
  }

  #spBottomMenu li:last-child {
    border-right: none;
  }
  #menu{
    background-image: linear-gradient(179deg, rgba(111, 126, 117, 1) 0%, rgba(55, 65, 59, 1) 100%);
    }
  #menu aside,
  aside {
    position: absolute;
    top: 7.18vw;
    left: initial;
    right: 4.1vw;
    width: 5.38vw;
    height: 3.08vw;
  }

  aside.active {
    transform: rotate(-158deg);
  }

  aside i,
  aside b {
    border-bottom: 2px solid #fff;
  }

  aside i {
    top: 0;
  }

  aside b {
    top:2.7vw;
  }
  
  #menu aside i,
  #menu aside b{
    border-bottom: 2px solid;
  }

  aside.active i {
    transform: rotate(45deg);
    transform: initial;
    top: auto;
    width: 11vw;
  }

  aside.active b {
    transform: rotate(-45deg);
    top: 0;
    width: 11vw;
  }

  #mainTtlWrap {
    position: absolute;
    left: 7.18vw;
    top: 6.41vw;
    width: 32.13vw;
    height: 5.55vw;
  }

  #mainVisual {
    margin-bottom: 0;
    z-index: 4;
    margin: 0;
    height: 100dvh;
  }

  #key_feature {
    margin-left: 0vw;
    width: 100vw;
    position: relative;
  }
  #useCace{
    padding-left: 0;
    width: 100vw;
    position: relative;
    padding-top: 22.82vw;
    z-index: 4;
  }

  #useCace .tab {
    justify-content: space-between;
    width: 79.49vw;
    height: 16.41vw;
    margin: 0 auto 3.13vw;

  }

  #useCace .tab li.active svg,
  #useCace .tab li svg {
    height: 4.64vw;
    width: auto;
    display: block;
  }

  #useCace .tab li.active:first-child svg,
  #useCace .tab li:first-child svg {
    height: 4.14vw;
  }

  #useCace .tab li.active svg * {
    fill: #404040;
  }

  #useCace .tab li {
    position: relative;
    flex-direction: column;
    width: 19.74vw;
    justify-content: start;
    font-weight: 300;
    font-size: 4.1vw;
    height: 12.86vw;
    padding: 0;
    border-right: 1px solid;
    border-image: linear-gradient(to bottom, transparent 10%, transparent 40%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 70%, transparent 30%, transparent 100%);
    border-image-slice: 1;
  }

  #useCace .tab li:last-child {
    border-right: none;
  }

  #useCace .tab li.active {
    font-weight: 300;
    border-radius: 0;
    background-color: transparent;
    color: #404040;
  }

  #useCace .tab li.active::after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 70%;
    border-bottom: 2px solid #404040;
  }

  #useCace .tab li:nth-child(2) svg {
    height: 4.64vw;
  }

  #useCace .tab li:nth-child(3) svg {
    height: 4.64vw;
  }

  #useCace .tab li:nth-child(4) svg {
    height: 4.64vw;
  }

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

  #useCace .tab p {
    padding: 1.28vw 0 0;
  }

  #useCace .tabContent {
    color: #fff;
    text-align: center;
    height: 192.31vw;
    width: 100%;
    margin-bottom: 22.82vw;
  }

  #useCace #camp.tabContent {
    background: url(../img/spUseCace01.png) no-repeat center top;
    background-size: contain;
  }

  #useCace #cycling.tabContent {
    background: url(../img/spUseCace02.png) no-repeat center top;
    background-size: contain;
  }

  #useCace #fishing.tabContent {
    background: url(../img/spUseCace03.png) no-repeat center top;
    background-size: contain;
  }

  #useCace #shopping.tabContent {
    background: url(../img/spUseCace04.png) no-repeat center top;
    background-size: contain;
  }

  #useCace .contentsTtl {
    width: 100%;
    padding: 12.1vw 0 0;
    margin-bottom: 11.65vw;
    font-size: 5.13vw;
    line-height: 8.21vw;
    font-weight: 300;
  }

  #useCace .caption {
    display: block;
    width: auto;
    padding-bottom: 11.79vw;
    margin: 11vw auto 0;
    margin: auto;
    font-size: 3.85vw;
    font-weight: 300;
    line-height: 6.67vw;
  }

  .moreBtn {
    width: 28.97vw;
    height: 9.74vw;
    padding: 0 2.56vw 0 4.1vw;
    margin: auto;
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    font-size: 3.85vw;
  }

  .moreBtn img {
    width: 4.1vw;
  }

  /* popup */
  .popupWrap{
    display: block;
    transform: translateY(100vh);
    transition: all 0.3s ease;
  }
  .popupWrap.active {
    transform: translateY(0);
  }
  .popup {
    display: block;
    padding: 0;
    position: fixed;
    left: 10.26vw;
    top: initial;
    top: initial;
    bottom: 10vw;
    width: 79.49vw;
    height: 117.44vw;
    background-color: #FFF;
    color: #fff;
    z-index: 15;
    box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.6);
    transform: translateY(100vh);
    transition: all 0.3s ease;
  }
  .popup.active {
    transform: translateY(0);
  }

  .popup div {
    padding: 7.97vw 9.26vw;
  }

  
  .popup i.closeTabId {
    top: -3.85vw;
    right: -3.56vw;
    width: 6.92vw;
    height: 6.92vw;
    background-color: #FFF;
    color: #000;
    font-size: 8vw;
  }

  .popup img {
    width: 100%;
  }

  #mapWrap .popup img {
    width: 100%;
    height: auto;
    margin-bottom: 10vw;
  }

  .popup .popupTtl {
    width: 100%;
    font-weight: bold;
    padding: 0 0 5.38vw;
    font-size: 5.13vw;
    line-height: 7.44vw;
  }

  .popup p {
    font-size: 3.85vw;
    line-height: 6.67vw;
    font-weight: 300;
  }
  .popup p.popupCuptionMini {
    font-size: 3vw;
    line-height: 4.8vw;
    margin-top: 1vw;
  }

  .popupBtn {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-top: 5vw;
  }

  .popupBtn a {
    padding: 3vw;
    text-align: center;
    width: 100%;
    color: #FFF;
  }

  .popupBtn a:first-child {
    background-color: #013453;
  }

  .popupBtn a:last-child {
    background-color: #7b7601;
  }

  #pop01 {
    background: url(../img/spPopupBg04.png) no-repeat top left;
    background-size: contain;
  }

  #pop02 {
    background: url(../img/spPopupBg02.png) no-repeat top left;
    background-size: contain;
  }

  #pop03 {
    background: url(../img/spPopupBg03.png) no-repeat top left;
    background-size: contain;
  }

  #pop04 {
    background: url(../img/spPopupBg01.png) no-repeat top left;
    background-size: contain;
  }

  .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: 4.4vw;
    position: absolute;
    height: 2px;
    background: #FFF;
    display: inline-block;
    transform: rotate(0);
    transition: all .4s;
  }

  .close i {
    right: 1.5vw;
    transform: rotate(45deg);
    top: 3.45vw;
    background: #000;
  }

  .close b {
    transform: rotate(-45deg);
    top: 3.45vw;
    background: #000;
    left: 1.3vw;
  }



  #key_feature-slider {
    width: 100%;
    height: 77.95vw;
    border-top-left-radius: 0;
  }

  #useCace .tabContent>img {
    display: none;
  }

  #key_feature_left {
    width: 32.56vw;
    margin-right: 0vw;
    margin: auto;
  }

  #key_feature_left p {
    font-size: 2.95vw;
    line-height: 5.13vw;
    margin-bottom: 20.51vw;
  }

  #key_feature_left svg {
    width: 100%;
    margin-bottom: 7.69vw;
  }

  #key_feature_right {
    width: 100%;
  }

  #key_feature-slider .controllScrollWrap {
    border-top-left-radius: 0;
  }

  #key_feature_right #key_feature-slider {
    position: relative;
  }

  #key_feature_right .controllScrollButtonWrap button {
    background: none;
    height: 100%;
    width: 6vw;
  }

  #key_feature_right .controllScrollButtonWrap .controllScrollButtonPrev {
    display: block;
    
  }

  #key_feature_right .controllScrollButtonWrap button svg * {
    fill: #fff;
  }

  #key_feature_right .controllScrollButtonWrap {
    position: absolute;
    left: 0;
    width:100vw;
    height: 100%;
    top: 0;
    padding-top: 0;
  }

  #shinkuudannnetsuSp {
    width: 78.97vw;
    margin: -11.54vw auto 15vw;
    position: relative;
    z-index: 3;
  }

  #shinkuudannnetsuCap {
    width: 79.49vw;
    font-size: 3.85vw;
    line-height: 7.69vw;
    margin: 0 auto;
  }

  #holding_time {
    width: 100vw;
    padding: 0 10.256vw 0;
    margin: auto;
  }

  #holding_time h3 {
    font-size: 5.13vw;
    font-weight: 500;
    padding: 15.38vw 0 0;
    text-align: center;
  }

  #holding_time h3 span {
    font-size: 3.13vw;
    vertical-align: top;
    font-weight: 300;
  }

  #holding_time ul#spData {
    flex-direction: column;
    margin-bottom: 11.79vw;
    width: 79.49vw;
    height: auto;
    margin-top: 0;
  }

  #holding_time ul#spData li {
    border-right: none;
    border-bottom: 1px solid #000;
    display: flex;
    flex-direction: initial;
    justify-content: start;
    align-items: center;
    width: 100%;
    padding-left: 18.15vw;
    /* padding-left: 0; */
    height: 17.95vw;
  }

  #holding_time ul#spData li:last-child {
    border-bottom: none;
  }

  #holding_time ul#spData li p {
    font-size: 5.13vw;
    padding-bottom: 0;
  }

  #holding_time ul#spData li p .capacity {
    font-size: 4.62vw;
  }

  #holding_time ul#spData li p.day {
    font-size: 5.13vw;
    padding-left: 13.54vw;
  }
  #holding_time ul#spData li:nth-child(2) p.day{
    padding-left: 11.54vw;
  }

  #holding_time ul#spData li p.day span {
    font-size: 8.97vw;
  }


  #holding_time ul {
    width: 224.62vw;
    margin: 17.69vw 0 23.08vw;
    height: auto;
  }

  #holding_time ul li {
    width: 80.77vw;
    text-align: center;
    border-right: none;
    margin: 0 -3.2vw 0 0;
  }

  #spSizeList {
    width: 100vw;
    margin-left: -10vw;
  }

  #spSizeList ul {
    margin-right: 39vw;
    margin-left: 10vw;
  }

  #spSizeList .controllScrollButtonWrap {
    /* left: -7.44vw; */
    left: 3.56vw;
    width: 94.87vw;
  }

  #spSizeList .controllScrollButtonWrap button svg * {
    fill: #4D4D4D;
  }


  #holding_time ul li:nth-child(2) {
    width: 80.77vw;
  }

  #holding_time ul li:nth-child(3) {
    width: 80.77vw;
  }

  #holding_time ul li:first-child img,
  #holding_time ul li:nth-child(2) img,
  #holding_time ul li:nth-child(3) img {
    height: 80.51vw;

  }

  #holding_time ul li p {
    font-size: 3.85vw;
    padding-bottom: 0;
  }

  #holding_time .controllScrollButtonWrap svg * {
    fill: #4D4D4D;
  }

  #holding_time>p {
    font-size: 2.95vw;
    line-height: 5.13vw;
  }

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

  #CORDURAforWomanwrap {
    padding: 0;
    display: block;
    margin-bottom: 17.09vw;
  }

  #CORDURA,
  #forWoman {
    font-size: 3.85vw;
    line-height: 7.69vw;
    width: 79.49vw;
    margin: auto;

  }

  #forWoman {
    padding-top: 25.64vw;
  }

  #forWoman img {
    display: block;
    width: 45.52vw;
    margin: 9.28vw auto 11.03vw;
  }

  .annotation {
    font-size: 2.95vw;
    line-height: 5.13vw;
    padding-top: 1.13vw;
  }

  #key_feature .contentsTtl {
    font-size: 5.13vw;
    text-align: center;
    line-height: 9vw;
  }

  #CORDURA img {
    display: block;
    width: 79.49vw;
    margin: auto;
    padding: 6.1vw 0 6.5vw;
  }

  #features {
    background: #6F7E75;
    color: #fff;
    height: 257.18vw;
    padding: 21.26vw 0 17.76vw 0;
    width: 100vw;
  }

  #features h2 {
    padding-bottom: 12.77vw;

  }

  #features_inner {
    width: 100%;
  }

  .storyMainTab {
    width: 100%;
    border-bottom: 1px solid #fff;
  }

  .storyMainTab .controllScrollWrap::before {
    position: absolute;
    display: inline-block;
    height: 100%;
    content: "";
    top: 0;
    pointer-events: none;
    z-index: 3;
    background-image: linear-gradient(90deg, rgba(111, 126, 117, 1) 0%, rgba(111, 126, 117, 1) 10%, rgba(111, 126, 117, 0) 100%);
    opacity: 1;
    left: 0;
    width: 15%;
  }

  .storyMainTab .controllScrollWrap::after {
    position: absolute;
    display: inline-block;
    height: 100%;
    content: "";
    top: 0;
    pointer-events: none;
    z-index: 3;
    background-image: linear-gradient(-90deg, rgba(111, 126, 117, 1) 0%, rgba(111, 126, 117, 1) 10%, rgba(111, 126, 117, 0) 100%);
    width: 30%;
    right: 0;
  }

  .storyMainTab .controllScrollButtonWrap {
    display: flex;
    left: 2.56vw;
    top: 20vw;
    width: 94.87vw;
  }

  #features .tab li:first-child {
    width: 38.46vw;
  }

  #features .tab li:nth-child(2) {
    width: 48.72vw;
  }

  #features .tab li:nth-child(3) {
    width: 61.54vw;
  }

  #features .tab li:nth-child(4) {
    width: 46.15vw;
  }

  #features .tab li:nth-child(5) {
    width: 43.59vw;
    padding-right: 0;
    padding-left: 0;
  }


  #storage ul {
    width: 251.54vw;
    justify-content: start;
    margin: 0 29.74vw 0 3.33vw;
  }

  #storage ul li {
    width: 72.82vw;
    height: 95.56vw;
    line-height: 6.67vw;

  }
  #storage ul li:nth-child(1){
    margin-right: 3.92vw;
  }
  #storage ul li:nth-child(2){
    margin-right: 6.92vw;
  }
  #storage ul li:nth-child(3){
    margin: 0;
  }
  #storage ul li p{
    padding-left: 6vw;
    font-size: 3.85vw;
  }
  #storage ul li p:first-child{
    padding-left: 6vw;
  }
  #storage .note {
    font-size: 2.95vw;
    margin: 0;
  }

  #storage .controllScrollWrap {
    /* width: 222.82vw; */
    font-size: 3.85vw;
  }

  #storage ul li .big {
    font-size: 6.41vw;
  }

  #storage ul li:nth-child(1) img {
    height: 72.82vw;
    width: auto;
    padding: 0;
  }

  #storage ul li p:nth-child(2) {
    padding: 0 0 0 6vw;
  }

  #storage ul li:nth-child(2) img {
    width: auto;
    height: 60vw;
    padding: 0;
  }
  #storage ul li:nth-child(3){
    width: auto;
  }
  #storage ul li:nth-child(3) img {
    height: 68.21vw;
    width: auto;
    padding: 0;
  }
  #features #storage .note{
    font-size: 2.95vw;
    line-height: 5.13vw;
    letter-spacing: -.02vw;
  }

  #storage .controllScrollButtonWrap {
    display: flex;
    top: 31vw;
    left: 2vw;
    width: 95vw;
  }

  #storage p {
    /* padding-top: 10vw; */
    font-size: 2.95vw;
  }
  #storage p.comment{
    font-size: 4.62vw;
    letter-spacing: .5vw;
  }
  #features .note{
    padding: 7.41vw 10.5vw 0;
    line-height: 7.25vw;
    margin-left: 0;
    font-size: 3.82vw;
    font-weight: 300;
    letter-spacing: .3vw;
  }

  #features .tab {
    width: 308.97vw;
    height: 30.51vw;
    justify-content: start;
    margin-left: 3vw;
    margin-bottom: 1.65vw;
  }

  #features .tab li.active {
    background-color: #6F7E75;
    color: #FFF;
    padding: 0;
  }

  #features .tab li {
    flex-direction: column;
    font-weight: bold;
    font-size: 4.62vw;
    line-height: 6.67vw;
    padding: 0 7.69vw;
    height: 30.51vw;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    margin: 0;
    border-right: 1px solid;
    border-image: linear-gradient(to bottom, transparent 56%, #fff 56% 85%, transparent 85%);
    border-image-slice: 2;
  }

  #features .tab li p {
    font-weight: normal;
  }

  #features .tab li span {
    font-size: 6.67vw;
    font-weight: 500;
    padding-bottom: 4.67vw;
  }

  #features .tabTtl {
    width: 100%;
    font-size: 5.1vw;
    line-height: 6.67vw;
    padding-top: 20.51vw;
    padding-bottom: 9.03vw;
    text-align: center;
  }





  #features .tabContent.active>div {
    display: block;
    /* width: 79.49vw; */
    width: 100%;
    margin: auto;
    font-size: 3.85vw;
    line-height: 7.69vw;
  }

  .featuresImg,
  #features .note {
    width: 100%;
    
  }
  .featuresImg{
  padding: 0 10.5vw;
  background: none;
}
  #about {
    position: relative;
    height: auto;
    width: 100%;
    padding: 0 24.87vw;
    height: 240.55vw;
  }


  #about_content {
    margin: 32.13vw auto 0;
    width: 48.02vw;
  }

  #about_content p {
    font-size: 3.6vw;
    line-height: 7.6vw;
    margin-top: 4.2vw;
    letter-spacing: 0.3vw;
    font-weight: 400;
  }



  #about_bike_img {
    position: absolute;
    background-size: 100%;
    top: 240vw;
    left: -8.5vw;
    height: 77.78vw;
    width: 34.29vw;
  }

  #about_angler_img {
    position: absolute;
    background-size: 100%;
    top: 245vw;
    left: 41vw;
    height: 93.66vw;
    width: 66.43vw;
    padding: 0 0vw;
    z-index: 3;
  }

  #about_canoe_img {
    position: absolute;
    background-size: 100%;
    top: 397vw;
    left: -43vw;
    height: 120.64vw;
    width: 145.15vw;
    z-index: 3;
  }

  #line_up,
  #spec {
    width: 100%;
    overflow: hidden;
    margin-left: 0;
    /* padding-left: 5vw; */
  }

  #line_up .controllScrollButtonWrap {
    top: 14%;
    left: -8.45%;
  }

  #line_up h2 {
    font-size: 6.67vw;
    font-weight: 500;
    padding: 27.41vw 0 15vw;
  }

  #line_up h2 span {
    display: block;
    text-align: center;
    font-size: 3.33vw;
    padding-top: 2.82vw;
  }

  #line_up ul {
    width: auto;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 6vw;
  }

  #line_up ul li,
  #line_up ul li:first-child {
    width: auto;

  }

  #line_up ul.controllScrollWrap {
    width: 248.21vw;
  }

  #line_up ul li img {
    width: 77.18vw;
    height: auto;
  }

  #line_up ul li:first-child img {
    width: auto;
    height: 248.21vw;
  }

  #line_up ul#lineupList li:first-child img {
    height: 235.69vw;
    margin-right: -5vw;
  }

  #line_up ul li:last-child {
    width: auto;
  }

  #line_up ul li:nth-child(3) {
    padding-right: 31vw;
  }

  #line_up ul#sizeList li img {
    height: 134.33vw;
    width: auto;
    margin: auto 11.03vw 0;
  }
  #line_up ul#sizeList li:first-child img{
    margin: auto 11.03vw 0;
  }
  #line_up ul#sizeList li:nth-child(2) img{
    margin: auto -1vw 0 6vw;
  }
  #line_up ul#sizeList li:nth-child(3) img{
    margin: auto 11.03vw 0 16.15vw;
  }

  #line_up .attention {
    width: 79.49vw;
    margin: auto;
    font-size: 3.08vw;
    line-height: 4.62vw;
    padding: 0;
    font-weight: 200;
  }
  h2#sizeTtl{
    padding: 27.41vw 0 11vw;
  }
  #sizeListBtn.controllScrollButtonWrap{
    top: 44%;
  }
  ul#sizeList{
    margin: 0 0 0 12vw;
  }
  ul#sizeList li{
    padding-bottom: 8vw;
    border-right: 1px solid;
    border-image: linear-gradient(to bottom, transparent 7%, transparent 7%, rgb(0, 0, 0, 1) 7%, rgba(0, 0, 0, 1) 100%, transparent 100%, transparent 100%);
    border-image-slice: 1;
  }

  #line_up ul#lineupList li:not(:last-child) {
    border-right: 1px solid;
    border-image: linear-gradient(to bottom, transparent 5%, transparent 5%, rgb(0, 0, 0, 1) 5%, rgba(0, 0, 0, 1) 100%, transparent 100%, transparent 100%);
    border-image-slice: 1;
  }
  .controllScrollBarActive {

    background: #577669;
}

  #spec .controllScrollBarOver {
    margin-bottom: 1.67vw;
  }

  #spec .controllScrollBar,
  #spec .controllScrollBarActive {
    height: 1.79vw;
    border-radius: 3vw;
    top:0;
  }

  #spec h2 {
    padding: 18.46vw 0 12.82vw;
    font-size: 5.13vw;
  }

  #specTable tbody {
    margin: 0;
    width: 100%;
  }

  #specTable {
    display: table;
    width: 248.87vw;
    height: 107.37vw;
    margin: 0 10vw;
    font-size: 3.85vw;
    line-height: 6.41vw;
  }

  #specTable th {
    height: 8.21vw;
  }

  #spec p {
    margin: 0 10vw;
    font-size: 3.85vw;
    line-height: 6.41vw;
    letter-spacing: -.08vw;
  }

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

  #specTable th:nth-child(2),
  #specTable tr td:nth-child(2) {
    width: 17.44vw;
  }

  #specTable th:nth-child(3),
  #specTable tr td:nth-child(3) {
    width: 17.44vw;
  }

  #specTable td.charcoal,
  #specTable td.khaki,
  #specTable td.gray {
    width: 40.42vw;
    text-align: left;
    padding-left: 4.87vw;
  }

  #specTable th:nth-child(5),
  #specTable tr td:nth-child(5) {
    width: 35.13vw;
  }

  #specTable th:nth-child(6),
  #specTable tr td:nth-child(6) {
    width: 40.26vw;
  }

  #specTable th:nth-child(7),
  #specTable tr td:nth-child(7) {
    width: 25.64vw;
  }

  #specTable th:nth-child(8),
  #specTable tr td:nth-child(8) {
    width: 22.56vw;
  }

  #specTable th:last-child,
  #specTable tr td:last-child {
    text-align: left;
    padding-left: 4.36vw;
    width: 37.69vw;
  }

  #spec .note {
    font-size: 3.85vw;
    padding-top: 2vw;
    width: 300%;
    line-height: initial;
    font-weight: 200;
  }

  footer {
    border: none;
    margin-bottom: 17vw;
    margin-top: 32.56vw;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
  }

  .footer__bottom {
    padding: 0;
  }

  #sns {
    width: 27.45vw;
    margin-left: 0;
    margin-bottom: 16.15vw;
  }

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

  #iconYT {
    height: 5.75vw;
    width: 8.22vw;
  }


  #footshimano_logo {
    width: 32.82vw;
    height: 4.37vw;
  }

  .copy {
    font-size: 2.82vw;
    order: 3;
    margin-top: 5.64vw;
  }

}